@zscreate/form-component 1.1.689-AI.1 → 1.1.689-AI.4

package/dist/form-component.css

@@ -870,7 +870,7 @@ dd[data-v-79dfc621] {
   color: #fff;
 }
 
-.flowWorkCard[data-v-703a8296]{border-radius:10px;background-color:#f5f7fa;padding:18px 5px 18px 16px;overflow:hidden;margin-bottom:10px}[data-v-703a8296] .el-timeline .el-timeline-item__timestamp{display:none}[data-v-703a8296] .el-timeline .el-timeline-item{padding-bottom:20px}[data-v-703a8296] .el-timeline .el-timeline-item:last-child{padding-bottom:0}[data-v-703a8296] .el-timeline .el-timeline-item[hollow='true'] .el-timeline-item__node{border-color:#22BE65 !important}[data-v-703a8296] .el-timeline .el-timeline-item[hollow='ZHONGZHI'] .el-timeline-item__node,[data-v-703a8296] .el-timeline .el-timeline-item[hollow='ZHONGZHI'] .el-timeline-item__tail{border-color:#c62d35 !important}[data-v-703a8296] .el-timeline .el-timeline-item__tail{border-style:dashed;left:6px;border-color:#268AEF;border-right:0}[data-v-703a8296] .el-timeline .el-timeline-item__node{width:16px;height:16px;border:2px solid #268AEF !important;background:#fff}
+.flowWorkCard[data-v-d936086e]{border-radius:10px;background-color:#f5f7fa;padding:18px 5px 18px 16px;overflow:hidden;margin-bottom:10px}[data-v-d936086e] .ant-timeline .ant-timeline-item{padding-bottom:20px}[data-v-d936086e] .ant-timeline .ant-timeline-item:last-child{padding-bottom:0}[data-v-d936086e] .ant-timeline .ant-timeline-item-tail{border-left-style:dashed;border-left-color:#268AEF;left:7px !important}[data-v-d936086e] .ant-timeline .ant-timeline-item-head{width:16px;height:16px;border:2px solid #268AEF;background:#fff}
 
 /****提示框样式 */
 .tips-content[data-v-4fb63fb6] {
@@ -1262,306 +1262,6 @@ dd[data-v-79dfc621] {
   width: 100%;
 }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/*****解决element select 组件显示问题  不能加scoped deep 兼容火狐 和 sifri浏览器****/
-.j-dict-select-tag .el-select__tags {
-  max-width: 100% !important;
-}
-.j-dict-select-tag .el-input .el-input__inner {
-  min-height: 32px !important;
-}
-
 .content .left[data-v-d87eee8c] {
   width: 90%;
   border-right: 1px solid #ccc;
@@ -1965,7 +1665,7 @@ li.CodeMirror-hint-active {
 }
 
 
-[data-v-7d5b2910] .ant-select-selection__rendered::after {
+[data-v-2b3989c5] .ant-select-selection__rendered::after {
   content: "";
   display: none;
   height: 0;
@@ -3293,9 +2993,9 @@ li.CodeMirror-hint-active {
   position: relative;
 }
 
-.idea-sign-class[data-v-39ebbff6]{border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;position:relative}.idea-sign-class .text-content[data-v-39ebbff6]{position:relative}.idea-sign-class .text-content .sign[data-v-39ebbff6]{position:absolute;bottom:0;left:0;width:100%}.idea-sign-class .text-area[data-v-39ebbff6]{overflow:hidden}.idea-sign-class .text-area[data-v-39ebbff6] .el-form-item__content{margin-left:0 !important}.idea-sign-class .text-area[data-v-39ebbff6] .el-textarea__inner{border:none;resize:none;height:100% !important}.idea-sign-class>div[data-v-39ebbff6]:nth-child(1){border-right:1px dashed #ccc;position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.idea-sign-class>div[data-v-39ebbff6]{float:left;height:100%;box-sizing:border-box}.idea-sign-class>div+div[data-v-39ebbff6]{width:100%}.idea-sign-class .sign[data-v-39ebbff6]{padding:10px 20px}.idea-sign-class .sign img[data-v-39ebbff6]{width:140px;max-height:140px}[data-v-39ebbff6] .ant-form-item .ant-form-item-control-wrapper{width:100%}
+.idea-sign-class[data-v-78b54450]{border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;position:relative}.idea-sign-class .text-content[data-v-78b54450]{position:relative}.idea-sign-class .text-content .sign[data-v-78b54450]{position:absolute;bottom:0;left:0;width:100%}.idea-sign-class .text-area[data-v-78b54450]{overflow:hidden}.idea-sign-class .text-area[data-v-78b54450] .ant-form-item-control{margin-left:0 !important}.idea-sign-class .text-area[data-v-78b54450] .ant-input{border:none;resize:none;height:100% !important}.idea-sign-class>div[data-v-78b54450]:nth-child(1){border-right:1px dashed #ccc;position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.idea-sign-class>div[data-v-78b54450]{float:left;height:100%;box-sizing:border-box}.idea-sign-class>div+div[data-v-78b54450]{width:100%}.idea-sign-class .sign[data-v-78b54450]{padding:10px 20px}.idea-sign-class .sign img[data-v-78b54450]{width:140px;max-height:140px}[data-v-78b54450] .ant-form-item .ant-form-item-control-wrapper{width:100%}
 
-[data-v-abe87900] .ant-col{min-height:50px}.idea-sign-class[data-v-abe87900]{border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;position:relative}.idea-sign-class .text-content[data-v-abe87900]{position:relative;height:100%;padding-top:20px}.idea-sign-class .text-content .sign[data-v-abe87900]{position:absolute;bottom:0;left:0;width:100%}.idea-sign-class .text-area[data-v-abe87900]{overflow:hidden}.idea-sign-class .text-area[data-v-abe87900] .el-form-item__content{margin-left:0 !important}.idea-sign-class .text-area[data-v-abe87900] .el-textarea__inner{border:none;resize:none;height:100% !important}.idea-sign-class>div[data-v-abe87900]:nth-child(1){border-right:1px dashed #ccc;position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.idea-sign-class>div[data-v-abe87900]{float:left;height:100%;box-sizing:border-box}.idea-sign-class>div+div[data-v-abe87900]{width:100%}.idea-sign-class .sign[data-v-abe87900]{padding:0px 20px}.idea-sign-class .sign img[data-v-abe87900]{width:140px;max-height:140px}[data-v-abe87900] .ant-form-item .ant-form-item-control-wrapper{width:100%}[data-v-abe87900] .ant-form-item div.ant-form-item-label{position:relative}[data-v-abe87900] .ant-form-item .ant-form-item-control{height:100%}
+[data-v-593cf4a2] .ant-col{min-height:50px}.idea-sign-class[data-v-593cf4a2]{border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;position:relative}.idea-sign-class .text-content[data-v-593cf4a2]{position:relative;height:100%;padding-top:20px}.idea-sign-class .text-content .sign[data-v-593cf4a2]{position:absolute;bottom:0;left:0;width:100%}.idea-sign-class .text-area[data-v-593cf4a2]{overflow:hidden}.idea-sign-class .text-area[data-v-593cf4a2] .ant-form-item-control{margin-left:0 !important}.idea-sign-class .text-area[data-v-593cf4a2] .ant-input{border:none;resize:none;height:100% !important}.idea-sign-class>div[data-v-593cf4a2]:nth-child(1){border-right:1px dashed #ccc;position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.idea-sign-class>div[data-v-593cf4a2]{float:left;height:100%;box-sizing:border-box}.idea-sign-class>div+div[data-v-593cf4a2]{width:100%}.idea-sign-class .sign[data-v-593cf4a2]{padding:0px 20px}.idea-sign-class .sign img[data-v-593cf4a2]{width:140px;max-height:140px}[data-v-593cf4a2] .ant-form-item .ant-form-item-control-wrapper{width:100%}[data-v-593cf4a2] .ant-form-item div.ant-form-item-label{position:relative}[data-v-593cf4a2] .ant-form-item .ant-form-item-control{height:100%}
 
 
 [data-v-a83ee7c8] img {
@@ -5384,7 +5084,7 @@ div {
   display: none ;
 }
 
-.components-list[data-v-f03aa584] {
+.components-list[data-v-7f5cfb32] {
   padding: 0;
   margin: 0;
   line-height: 20px;
@@ -5392,7 +5092,7 @@ div {
   height: 100%;
   overflow-y: auto;
 }
-.components-list .tabs[data-v-f03aa584] {
+.components-list .tabs[data-v-7f5cfb32] {
   padding: 8px 10px 6px;
   display: flex;
   flex-wrap: wrap;
@@ -5403,7 +5103,7 @@ div {
   background: #fff;
   z-index: 1;
 }
-.components-list .tabs span[data-v-f03aa584] {
+.components-list .tabs span[data-v-7f5cfb32] {
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
@@ -5412,76 +5112,66 @@ div {
   color: #666;
   transition: all 0.2s;
 }
-.components-list .tabs .activeTab[data-v-f03aa584] {
+.components-list .tabs .activeTab[data-v-7f5cfb32] {
   background: #409EFF;
   color: #fff;
 }
-.components-list ul[data-v-f03aa584] {
+.components-list ul[data-v-7f5cfb32] {
   padding: 8px 8px 4px;
 }
-.components-list .widget-control[data-v-f03aa584] {
-  display: inline-block;
-  width: calc(33.33% - 4px);
+.components-list .widget-control[data-v-7f5cfb32] {
+  display: block;
+  width: 100%;
   box-sizing: border-box;
   padding: 0;
-  height: 50px;
-  border: 1px solid #e8e8e8;
-  border-radius: 4px;
-  cursor: move;
-  margin: 0 4px 6px 0;
-  transition: all 0.2s;
+  height: 36px;
+  border: 1px solid #ebeef5;
+  border-radius: 6px;
+  cursor: pointer;
+  margin: 0 0 6px 0;
+  transition: all 0.25s ease;
 }
-.components-list .widget-control[data-v-f03aa584]: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-f03aa584] {
-  color: #555;
+.components-list .widget-control a[data-v-7f5cfb32] {
+  color: #606266;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
+  flex-direction: row;
+  justify-content: flex-start;
   align-items: center;
   height: 100%;
-  font-size: 12px;
+  padding: 0 10px;
+  font-size: 13px;
 }
-.components-list .widget-control a i[data-v-f03aa584] {
+.components-list .widget-control a i[data-v-7f5cfb32] {
   font-size: 16px;
-  margin-bottom: 2px;
-}
-.components-list .preview-options[data-v-f03aa584] {
-  position: absolute;
-  height: 30px;
-  right: 10px;
-  bottom: 10px;
-}
-.components-list .preview-options .ant-btn-link[data-v-f03aa584] {
-  color: #666;
-  padding: 0 2px;
-}
-.components-list .preview-options .ant-btn-link.btn-active[data-v-f03aa584] {
-  color: #1890ff;
+  margin-right: 8px;
 }
-.control[data-v-f03aa584] {
+.control[data-v-7f5cfb32] {
   margin-top: 20px;
   width: 350px;
   background: #ffffff;
   box-shadow: 0 0 15px #ffffff;
 }
-.control .title[data-v-f03aa584] {
+.control .title[data-v-7f5cfb32] {
   height: 50px;
   line-height: 50px;
   padding: 0 15px;
   border-bottom: 1px solid #f0f0f0;
 }
-.control .list_wrap[data-v-f03aa584] {
+.control .list_wrap[data-v-7f5cfb32] {
   padding-top: 15px;
   font-size: 0;
   min-height: 680px;
 }
-.control .list_wrap .list_box[data-v-f03aa584] {
+.control .list_wrap .list_box[data-v-7f5cfb32] {
   display: inline-block;
 }
-.control .list_wrap .list[data-v-f03aa584] {
+.control .list_wrap .list[data-v-7f5cfb32] {
   border: 1px dashed #d1d1d1;
   margin: 0 7.5px 15px 7.5px;
   width: 160px;
@@ -5491,23 +5181,23 @@ div {
   line-height: 42px;
   text-align: left;
   padding-left: 15px;
-  cursor: move;
+  cursor: pointer;
   color: #333;
   background: #fff;
   position: relative;
   overflow: hidden;
 }
-.control .list_wrap .list i[data-v-f03aa584] {
+.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-f03aa584]:nth-child(2n) {
+.control .list_wrap .list[data-v-7f5cfb32]:nth-child(2n) {
   margin-right: 0;
 }
-.control .list_wrap .list[data-v-f03aa584]:hover {
+.control .list_wrap .list[data-v-7f5cfb32]:hover {
   background: #f1f1f1;
 }
 
@@ -5868,42 +5558,76 @@ div {
 /***label对齐方式 */
 
 
-[data-v-5ee31334] .m-colorPicker {
+[data-v-5f94fdfc] .ant-select-selection--multiple .ant-select-selection__rendered {
+  line-height: 5px !important;
+}
+[data-v-5f94fdfc] .m-colorPicker {
   z-index: 2;
 }
-[data-v-5ee31334] .m-colorPicker .colorBtn {
+[data-v-5f94fdfc] .m-colorPicker .colorBtn {
   border: 1px solid #e3e3e3;
 }
-[data-v-5ee31334] .ant-select-selection--multiple .ant-select-selection__rendered {
-  line-height: 5px !important;
-}
 
 
-[data-v-9dcae1f4] .ant-form-item {
-  margin-bottom: 12px;
+[data-v-78823b9c] .ant-form-item {
+  margin-bottom: 10px;
+  padding-bottom: 8px;
+  border-bottom: 1px dashed #f0f0f0;
+}
+[data-v-78823b9c] .ant-form-item:last-child {
+  border-bottom: none;
+  padding-bottom: 0;
 }
-[data-v-9dcae1f4] .ant-form-item ul {
+[data-v-78823b9c] .ant-form-item ul {
   position: initial !important;
   overflow-y: auto !important;
 }
-.config-empty[data-v-9dcae1f4] {
+[data-v-78823b9c] .ant-form-item-label > label {
+  color: #606266;
+  font-size: 13px;
+  font-weight: 500;
+}
+[data-v-78823b9c] .ant-switch {
+  transition: all 0.25s ease;
+}
+[data-v-78823b9c] .ant-input,[data-v-78823b9c] .ant-select,[data-v-78823b9c] .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 {
+  border-color: #409EFF;
+}
+[data-v-78823b9c] .ant-input:focus,[data-v-78823b9c] .ant-select:focus .ant-select-selection {
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.15);
+}
+.config-empty[data-v-78823b9c] {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 200px;
-  color: #bbb;
+  color: #c0c4cc;
 }
-.config-empty .anticon[data-v-9dcae1f4] {
-  font-size: 36px;
-  margin-bottom: 12px;
+.config-empty .anticon[data-v-78823b9c] {
+  font-size: 40px;
+  margin-bottom: 14px;
+  animation: emptyFloat-data-v-78823b9c 2.5s ease-in-out infinite;
 }
-.config-empty p[data-v-9dcae1f4] {
+.config-empty p[data-v-78823b9c] {
   font-size: 13px;
   margin: 0;
+  color: #909399;
+}
+@keyframes emptyFloat-data-v-78823b9c {
+0%,
+  100% {
+    transform: translateY(0);
+}
+50% {
+    transform: translateY(-6px);
+}
 }
 
-.cus-dialog-container .el-dialog__footer{margin:0 20px;padding:15px 0 16px;text-align:center;position:relative}.cus-dialog-container .el-dialog__footer .dialog-footer{display:block}.cus-dialog-container .el-dialog__footer .dialog-footer .circular{display:inline-block;vertical-align:middle;margin-right:5px;width:24px;height:24px}.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-text{display:inline-block;vertical-align:middle}.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-spinner{margin-top:-12px}
+.cus-dialog-container .ant-modal-footer{margin:0 20px;padding:15px 0 16px;text-align:center;position:relative}.cus-dialog-container .ant-modal-footer .dialog-footer{display:block}
 
 .linkage_select-dropdown[data-v-c6bf9314] {
   cursor: pointer;
@@ -6193,23 +5917,10 @@ div {
 .fm2-container {
   background: #fff;
   height: 100%;
-  border: 1px solid #e0e0e0;
-}
-.fm2-container .el-container {
-  height: 100% !important;
-}
-.fm2-container > .el-container {
-  background: #fff;
-}
-.fm2-container .fm2-main {
-  position: relative;
-}
-.fm2-container .fm2-main > .el-container {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  border: 1px solid #e4e7ed;
+  border-radius: 6px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+  overflow: hidden;
 }
 .fm2-container main {
   padding: 0;
@@ -6291,10 +6002,10 @@ div {
   background-color: rgba(236, 245, 255, 0.3);
   margin: 2px;
 }
-.widget-form-container .widget-form-list .widget-view .el-form-item__content {
+.widget-form-container .widget-form-list .widget-view .ant-form-item-control {
   position: unset;
 }
-.widget-form-container .widget-form-list .widget-view.is_req .el-form-item__label::before {
+.widget-form-container .widget-form-list .widget-view.is_req .ant-form-item-label::before {
   content: '*';
   color: #f56c6c;
   margin-right: 4px;
@@ -6402,10 +6113,10 @@ div {
   position: relative;
   display: block;
 }
-.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .el-table {
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .ant-table {
   height: 100%;
 }
-.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .el-form-item__label::before {
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .ant-form-item-label::before {
   content: '*';
   color: #f56c6c;
   margin-right: 4px;
@@ -6605,7 +6316,7 @@ div {
   border: 1px solid #e6a23c;
   outline-offset: 0;
 }
-.widget-form-container .widget-form-list .widget-col .el-col {
+.widget-form-container .widget-form-list .widget-col .ant-col {
   min-height: 50px;
 }
 .widget-form-container .widget-form-list .widget-col.ghost {
@@ -6693,7 +6404,7 @@ div {
   position: relative;
 }
 .widget-config-container .ant-layout-header {
-  border-bottom: solid 2px #e4e7ed;
+  border-bottom: solid 1px #ebeef5;
   padding: 0 5px;
 }
 .widget-config-container .config-tab {
@@ -6706,19 +6417,29 @@ div {
   font-weight: 500;
   position: relative;
   cursor: pointer;
+  color: #606266;
+  transition: all 0.25s ease;
+  border-bottom: 2px solid transparent;
+}
+.widget-config-container .config-tab:hover {
+  color: #409EFF;
+  background: #f5f7fa;
 }
 .widget-config-container .config-tab.active {
-  border-bottom: solid 2px #409EFF;
+  color: #409EFF;
+  font-weight: 600;
+  border-bottom: 2px solid #409EFF;
 }
 .widget-config-container .config-content {
-  padding: 5px 5px 5px 15px;
+  padding: 12px 16px;
 }
-.widget-config-container .config-content .el-form-item__label {
+.widget-config-container .config-content .ant-form-item-label {
   padding: 0;
-  font-weight: bold;
+  font-weight: 500;
   font-size: 12px;
+  color: #606266;
 }
-.widget-config-container .config-content .el-form-item {
+.widget-config-container .config-content .ant-form-item {
   padding-bottom: 10px;
 }
 .widget-config-container .ghost {
@@ -6842,6 +6563,7 @@ div {
   height: 100%;
   overflow: hidden;
   background: #fff !important;
+  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.04);
 }
 .g1-panel1 .ant-layout-sider-children {
   display: flex;
@@ -6855,7 +6577,7 @@ div {
   height: 100%;
   overflow-y: auto;
 }
-.g1-panel1 .config-content .el-form-item {
+.g1-panel1 .config-content .ant-form-item {
   padding-bottom: 0;
   margin-bottom: 10px;
 }
@@ -6866,11 +6588,17 @@ div {
 .g1-panel1 .config-content .ant-calendar-picker {
   width: 100%;
 }
-.g1-panel1 .el-form-item__label {
-  font-weight: 650;
+.g1-panel1 .ant-form-item-label {
+  font-weight: 500;
   line-height: 26px;
+  color: #606266;
+}
+.g1-panel1 .ant-form-item-label > label {
+  color: #606266;
+  font-size: 13px;
+  font-weight: 500;
 }
-.g1-panel1 .el-radio-group li {
+.g1-panel1 .ant-radio-group li {
   margin-bottom: 5px;
 }
 /* 添加表单在线开发 */
@@ -6890,20 +6618,14 @@ div {
 .cus-modal-warp .ant-modal-footer {
   text-align: center;
 }
-.ant-cus-from .el-form-item {
+.ant-cus-from .ant-form-item {
   display: flex;
   margin-bottom: 0;
 }
-.ant-cus-from .el-form-item .el-form-item__content {
+.ant-cus-from .ant-form-item .ant-form-item-control {
   flex: 1 1;
   display: inline-block;
 }
-.ant-cus-from .el-table .cell,
-.ant-cus-from .el-table th div {
-  overflow: visible;
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
 .ant-cus-from .ant-form-item {
   display: flex;
 }
@@ -6942,34 +6664,38 @@ div {
   background-image: none !important;
 }
 .g1-panel1 .config-content::-webkit-scrollbar-track-piece {
-  background-color: #f8f8f8;
+  background-color: transparent;
   border-radius: 2em;
 }
 .g1-panel1 .config-content::-webkit-scrollbar {
-  width: 4px;
+  width: 5px;
 }
 .g1-panel1 .config-content::-webkit-scrollbar-thumb {
-  background-color: #dddddd;
+  background-color: #c0c4cc;
   background-clip: padding-box;
   border-radius: 2em;
+  -webkit-transition: background-color 0.2s;
+  transition: background-color 0.2s;
 }
 .g1-panel1 .config-content::-webkit-scrollbar-thumb:hover {
-  background-color: #bbb;
+  background-color: #909399;
 }
 .components-list::-webkit-scrollbar-track-piece {
-  background-color: #f8f8f8;
+  background-color: transparent;
   border-radius: 2em;
 }
 .components-list::-webkit-scrollbar {
-  width: 4px;
+  width: 5px;
 }
 .components-list::-webkit-scrollbar-thumb {
-  background-color: #dddddd;
+  background-color: #c0c4cc;
   background-clip: padding-box;
   border-radius: 2em;
+  -webkit-transition: background-color 0.2s;
+  transition: background-color 0.2s;
 }
 .components-list::-webkit-scrollbar-thumb:hover {
-  background-color: #bbb;
+  background-color: #909399;
 }
 .widget-form-list /deep/ .ant-form-item {
   margin-bottom: 0;
@@ -6985,38 +6711,42 @@ div {
   height: 820px;
 }
 .g1-tools1::-webkit-scrollbar-track-piece {
-  background-color: #f8f8f8;
+  background-color: transparent;
   border-radius: 2em;
 }
 .g1-tools1::-webkit-scrollbar {
-  width: 4px;
+  width: 5px;
 }
 .g1-tools1::-webkit-scrollbar-thumb {
-  background-color: #dddddd;
+  background-color: #c0c4cc;
   background-clip: padding-box;
   border-radius: 2em;
+  -webkit-transition: background-color 0.2s;
+  transition: background-color 0.2s;
 }
 .g1-tools1::-webkit-scrollbar-thumb:hover {
-  background-color: #bbb;
+  background-color: #909399;
 }
 .center-container .a-layout-main {
-  background: #eeeeee;
+  background: #f0f2f5;
   overflow: scroll;
 }
 .center-container .a-layout-main::-webkit-scrollbar-track-piece {
-  background-color: #f8f8f8;
+  background-color: transparent;
   border-radius: 2em;
 }
 .center-container .a-layout-main::-webkit-scrollbar {
-  width: 4px;
+  width: 5px;
 }
 .center-container .a-layout-main::-webkit-scrollbar-thumb {
-  background-color: #dddddd;
+  background-color: #c0c4cc;
   background-clip: padding-box;
   border-radius: 2em;
+  -webkit-transition: background-color 0.2s;
+  transition: background-color 0.2s;
 }
 .center-container .a-layout-main::-webkit-scrollbar-thumb:hover {
-  background-color: #bbb;
+  background-color: #909399;
 }
 .widget-empty {
   background: url(data:image/png;base64,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) no-repeat;
@@ -7024,7 +6754,9 @@ div {
 }
 .left-sider {
   background: #fff !important;
-  border-right: 1px solid #e8e8e8;
+  border-right: none;
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
+  z-index: 2;
 }
 .left-sider .ant-layout-sider-children {
   display: flex;
@@ -7032,28 +6764,59 @@ 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: 8px 10px;
+  padding: 10px 12px;
   display: flex;
   flex-wrap: wrap;
-  gap: 6px;
-  border-bottom: 1px solid #e8e8e8;
-  background: #fafafa;
+  gap: 8px;
+  border-bottom: 1px solid #ebeef5;
+  background: #fff;
   flex-shrink: 0;
 }
 .left-actions .action-btn {
   cursor: pointer;
   font-size: 12px;
-  padding: 3px 10px;
-  border-radius: 4px;
-  color: #555;
-  background: #fff;
-  border: 1px solid #d9d9d9;
-  transition: all 0.2s;
+  padding: 4px 12px;
+  border-radius: 14px;
+  color: #606266;
+  background: #f5f7fa;
+  border: 1px solid #e4e7ed;
+  transition: all 0.25s ease;
 }
 .left-actions .action-btn:hover {
   color: #409EFF;
   border-color: #409EFF;
+  background: #ecf5ff;
+  transform: translateY(-1px);
+  box-shadow: 0 2px 6px rgba(64, 158, 255, 0.2);
+}
+.left-actions .action-btn:active {
+  transform: translateY(0);
+  box-shadow: none;
 }
 .left-actions .action-btn.primary {
   color: #fff;
@@ -7063,6 +6826,12 @@ div {
 .left-actions .action-btn.primary:hover {
   background: #66b1ff;
   border-color: #66b1ff;
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.35);
+}
+.left-actions .action-btn.primary:active {
+  transform: translateY(0);
+  box-shadow: none;
 }
 .left-actions .action-btn.danger {
   color: #fff;
@@ -7072,6 +6841,8 @@ div {
 .left-actions .action-btn.danger:hover {
   background: #f78989;
   border-color: #f78989;
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(245, 108, 108, 0.35);
 }
 .gzt-hidden-key .widget-form-list .widget-view-model {
   display: none;
@@ -7278,23 +7049,10 @@ div {
 .fm2-container {
   background: #fff;
   height: 100%;
-  border: 1px solid #e0e0e0;
-}
-.fm2-container .el-container {
-  height: 100% !important;
-}
-.fm2-container > .el-container {
-  background: #fff;
-}
-.fm2-container .fm2-main {
-  position: relative;
-}
-.fm2-container .fm2-main > .el-container {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  border: 1px solid #e4e7ed;
+  border-radius: 6px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+  overflow: hidden;
 }
 .fm2-container main {
   padding: 0;
@@ -7376,10 +7134,10 @@ div {
   background-color: rgba(236, 245, 255, 0.3);
   margin: 2px;
 }
-.widget-form-container .widget-form-list .widget-view .el-form-item__content {
+.widget-form-container .widget-form-list .widget-view .ant-form-item-control {
   position: unset;
 }
-.widget-form-container .widget-form-list .widget-view.is_req .el-form-item__label::before {
+.widget-form-container .widget-form-list .widget-view.is_req .ant-form-item-label::before {
   content: '*';
   color: #f56c6c;
   margin-right: 4px;
@@ -7487,10 +7245,10 @@ div {
   position: relative;
   display: block;
 }
-.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .el-table {
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .ant-table {
   height: 100%;
 }
-.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .el-form-item__label::before {
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .ant-form-item-label::before {
   content: '*';
   color: #f56c6c;
   margin-right: 4px;
@@ -7690,7 +7448,7 @@ div {
   border: 1px solid #e6a23c;
   outline-offset: 0;
 }
-.widget-form-container .widget-form-list .widget-col .el-col {
+.widget-form-container .widget-form-list .widget-col .ant-col {
   min-height: 50px;
 }
 .widget-form-container .widget-form-list .widget-col.ghost {
@@ -7778,7 +7536,7 @@ div {
   position: relative;
 }
 .widget-config-container .ant-layout-header {
-  border-bottom: solid 2px #e4e7ed;
+  border-bottom: solid 1px #ebeef5;
   padding: 0 5px;
 }
 .widget-config-container .config-tab {
@@ -7791,19 +7549,29 @@ div {
   font-weight: 500;
   position: relative;
   cursor: pointer;
+  color: #606266;
+  transition: all 0.25s ease;
+  border-bottom: 2px solid transparent;
+}
+.widget-config-container .config-tab:hover {
+  color: #409EFF;
+  background: #f5f7fa;
 }
 .widget-config-container .config-tab.active {
-  border-bottom: solid 2px #409EFF;
+  color: #409EFF;
+  font-weight: 600;
+  border-bottom: 2px solid #409EFF;
 }
 .widget-config-container .config-content {
-  padding: 5px 5px 5px 15px;
+  padding: 12px 16px;
 }
-.widget-config-container .config-content .el-form-item__label {
+.widget-config-container .config-content .ant-form-item-label {
   padding: 0;
-  font-weight: bold;
+  font-weight: 500;
   font-size: 12px;
+  color: #606266;
 }
-.widget-config-container .config-content .el-form-item {
+.widget-config-container .config-content .ant-form-item {
   padding-bottom: 10px;
 }
 .widget-config-container .ghost {
@@ -7927,6 +7695,7 @@ div {
   height: 100%;
   overflow: hidden;
   background: #fff !important;
+  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.04);
 }
 .g1-panel1 .ant-layout-sider-children {
   display: flex;
@@ -7940,7 +7709,7 @@ div {
   height: 100%;
   overflow-y: auto;
 }
-.g1-panel1 .config-content .el-form-item {
+.g1-panel1 .config-content .ant-form-item {
   padding-bottom: 0;
   margin-bottom: 10px;
 }
@@ -7951,11 +7720,17 @@ div {
 .g1-panel1 .config-content .ant-calendar-picker {
   width: 100%;
 }
-.g1-panel1 .el-form-item__label {
-  font-weight: 650;
+.g1-panel1 .ant-form-item-label {
+  font-weight: 500;
   line-height: 26px;
+  color: #606266;
 }
-.g1-panel1 .el-radio-group li {
+.g1-panel1 .ant-form-item-label > label {
+  color: #606266;
+  font-size: 13px;
+  font-weight: 500;
+}
+.g1-panel1 .ant-radio-group li {
   margin-bottom: 5px;
 }
 /* 添加表单在线开发 */
@@ -7975,20 +7750,14 @@ div {
 .cus-modal-warp .ant-modal-footer {
   text-align: center;
 }
-.ant-cus-from .el-form-item {
+.ant-cus-from .ant-form-item {
   display: flex;
   margin-bottom: 0;
 }
-.ant-cus-from .el-form-item .el-form-item__content {
+.ant-cus-from .ant-form-item .ant-form-item-control {
   flex: 1 1;
   display: inline-block;
 }
-.ant-cus-from .el-table .cell,
-.ant-cus-from .el-table th div {
-  overflow: visible;
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
 .ant-cus-from .ant-form-item {
   display: flex;
 }
@@ -8027,34 +7796,38 @@ div {
   background-image: none !important;
 }
 .g1-panel1 .config-content::-webkit-scrollbar-track-piece {
-  background-color: #f8f8f8;
+  background-color: transparent;
   border-radius: 2em;
 }
 .g1-panel1 .config-content::-webkit-scrollbar {
-  width: 4px;
+  width: 5px;
 }
 .g1-panel1 .config-content::-webkit-scrollbar-thumb {
-  background-color: #dddddd;
+  background-color: #c0c4cc;
   background-clip: padding-box;
   border-radius: 2em;
+  -webkit-transition: background-color 0.2s;
+  transition: background-color 0.2s;
 }
 .g1-panel1 .config-content::-webkit-scrollbar-thumb:hover {
-  background-color: #bbb;
+  background-color: #909399;
 }
 .components-list::-webkit-scrollbar-track-piece {
-  background-color: #f8f8f8;
+  background-color: transparent;
   border-radius: 2em;
 }
 .components-list::-webkit-scrollbar {
-  width: 4px;
+  width: 5px;
 }
 .components-list::-webkit-scrollbar-thumb {
-  background-color: #dddddd;
+  background-color: #c0c4cc;
   background-clip: padding-box;
   border-radius: 2em;
+  -webkit-transition: background-color 0.2s;
+  transition: background-color 0.2s;
 }
 .components-list::-webkit-scrollbar-thumb:hover {
-  background-color: #bbb;
+  background-color: #909399;
 }
 .widget-form-list /deep/ .ant-form-item {
   margin-bottom: 0;