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

package/dist/form-component.css

@@ -523,16 +523,16 @@ ul li[data-v-c8780a30] {
   z-index: 101;
 }
 
-ul[data-v-f7c20cf8],
-li[data-v-f7c20cf8],
-dl[data-v-f7c20cf8],
-dt[data-v-f7c20cf8],
-dd[data-v-f7c20cf8] {
+ul[data-v-79dfc621],
+li[data-v-79dfc621],
+dl[data-v-79dfc621],
+dt[data-v-79dfc621],
+dd[data-v-79dfc621] {
   list-style-type: none;
   padding: 0;
   margin: 0;
 }
-.flowwork-warp[data-v-f7c20cf8] {
+.flowwork-warp[data-v-79dfc621] {
   position: absolute;
   left: 0;
   right: 0;
@@ -540,7 +540,7 @@ dd[data-v-f7c20cf8] {
   bottom: 64px;
   background: #fff;
 }
-.g1_workflow_warp[data-v-f7c20cf8] {
+.g1_workflow_warp[data-v-79dfc621] {
   border: 1px solid #dfdfdf;
   margin: auto;
   position: absolute;
@@ -549,12 +549,12 @@ dd[data-v-f7c20cf8] {
   bottom: 0;
   top: 0;
 }
-.g1_workflow_warp li[data-v-f7c20cf8] {
+.g1_workflow_warp li[data-v-79dfc621] {
   width: 100%;
   position: relative;
   text-align: center;
 }
-.g1-sider_tool1[data-v-f7c20cf8] {
+.g1-sider_tool1[data-v-79dfc621] {
   width: 100px;
   position: absolute;
   left: 0;
@@ -563,37 +563,37 @@ dd[data-v-f7c20cf8] {
   border-right: 1px solid #dfdfdf;
   overflow-y: auto;
 }
-.g1-sider_tool1 .tool_box[data-v-f7c20cf8] {
+.g1-sider_tool1 .tool_box[data-v-79dfc621] {
   margin-top: 15px;
 }
-.g1-sider_tool1 .tool_box .tool[data-v-f7c20cf8] {
+.g1-sider_tool1 .tool_box .tool[data-v-79dfc621] {
   text-align: center;
   font-size: 12px;
   color: #fff;
 }
 /* 公用图形 */
-.end[data-v-f7c20cf8] {
+.end[data-v-79dfc621] {
   border-radius: 100%;
 }
-.comm[data-v-f7c20cf8] {
+.comm[data-v-79dfc621] {
   border-radius: 0px;
 }
-.gate[data-v-f7c20cf8] {
+.gate[data-v-79dfc621] {
   width: 60px;
   border-radius: 0;
 }
-.gate .inner[data-v-f7c20cf8] {
+.gate .inner[data-v-79dfc621] {
   display: inline-block;
   font-size: 16px;
 }
-.g1-form_main1[data-v-f7c20cf8] {
+.g1-form_main1[data-v-79dfc621] {
   position: absolute;
   left: 100px;
   right: 0;
   top: 0;
   bottom: 0;
 }
-.g1-form_main1 .head[data-v-f7c20cf8] {
+.g1-form_main1 .head[data-v-79dfc621] {
   height: 46px;
   line-height: 46px;
   text-align: left;
@@ -601,11 +601,11 @@ dd[data-v-f7c20cf8] {
   box-sizing: border-box;
   border-bottom: 1px solid #d8d8d8;
 }
-.g1-form_main1 .head .ant-btn[data-v-f7c20cf8] {
+.g1-form_main1 .head .ant-btn[data-v-79dfc621] {
   height: 32px;
   margin-right: 10px;
 }
-.g1-form_main1 .main[data-v-f7c20cf8] {
+.g1-form_main1 .main[data-v-79dfc621] {
   position: absolute;
   left: 0 !important;
   right: 0px;
@@ -614,12 +614,12 @@ dd[data-v-f7c20cf8] {
   overflow: auto;
   box-sizing: border-box;
 }
-.g1-form_main1 .main #flowContainer[data-v-f7c20cf8] {
+.g1-form_main1 .main #flowContainer[data-v-79dfc621] {
   background-image: linear-gradient(90deg, rgba(180, 180, 180, 0.15) 10%, rgba(180, 180, 180, 0) 10%), linear-gradient(rgba(180, 180, 180, 0.15) 10%, rgba(0, 0, 0, 0) 10%);
   background-size: 10px 10px;
   background-color: #fbfbfb;
 }
-.g1-form_main1 .sider-pannel[data-v-f7c20cf8] {
+.g1-form_main1 .sider-pannel[data-v-79dfc621] {
   width: 250px;
   padding: 0 15px;
   position: absolute;
@@ -630,7 +630,7 @@ dd[data-v-f7c20cf8] {
   background-color: #fff;
   z-index: 101;
 }
-.g1-form_main1 .sider-pannel .sider-panel-inner[data-v-f7c20cf8] {
+.g1-form_main1 .sider-pannel .sider-panel-inner[data-v-79dfc621] {
   width: 100%;
   height: 100%;
   padding: 15px;
@@ -641,7 +641,7 @@ dd[data-v-f7c20cf8] {
   top: 0;
   overflow-y: auto;
 }
-.g1-form_main1 .sider-pannel .sider-open[data-v-f7c20cf8] {
+.g1-form_main1 .sider-pannel .sider-open[data-v-79dfc621] {
   width: 36px;
   height: 60px;
   line-height: 60px;
@@ -657,14 +657,14 @@ dd[data-v-f7c20cf8] {
   background-color: #fff;
 }
 /* 视图图形 */
-.flow-view[data-v-f7c20cf8] {
+.flow-view[data-v-79dfc621] {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }
-.flow-view .inner .flow-node-drag[data-v-f7c20cf8] {
+.flow-view .inner .flow-node-drag[data-v-79dfc621] {
   width: 12px;
   height: 12px;
   display: block;
@@ -675,27 +675,27 @@ dd[data-v-f7c20cf8] {
   cursor: crosshair;
   background: rgba(24, 144, 255, 0.6);
 }
-.flow-view .inner .flow-node-drag[data-v-f7c20cf8]:nth-child(1) {
+.flow-view .inner .flow-node-drag[data-v-79dfc621]:nth-child(1) {
   left: -6px;
   top: 0;
   bottom: 0;
 }
-.flow-view .inner .flow-node-drag[data-v-f7c20cf8]:nth-child(2) {
+.flow-view .inner .flow-node-drag[data-v-79dfc621]:nth-child(2) {
   top: -6px;
   left: 0;
   right: 0;
 }
-.flow-view .inner .flow-node-drag[data-v-f7c20cf8]:nth-child(3) {
+.flow-view .inner .flow-node-drag[data-v-79dfc621]:nth-child(3) {
   right: -6px;
   top: 0;
   bottom: 0;
 }
-.flow-view .inner .flow-node-drag[data-v-f7c20cf8]:nth-child(4) {
+.flow-view .inner .flow-node-drag[data-v-79dfc621]:nth-child(4) {
   bottom: -6px;
   left: 0;
   right: 0;
 }
-.flow-view .tool[data-v-f7c20cf8] {
+.flow-view .tool[data-v-79dfc621] {
   width: 100%;
   height: 100%;
   margin: 0;
@@ -703,14 +703,14 @@ dd[data-v-f7c20cf8] {
   box-shadow: 5px 5px 3px #d4d0d0;
   background: #fbfbfb;
 }
-.flow-view .tool .iconfont[data-v-f7c20cf8] {
+.flow-view .tool .iconfont[data-v-79dfc621] {
   font-size: 100%;
   color: #858587;
 }
-.flow-view .exclude_gateway[data-v-f7c20cf8] {
+.flow-view .exclude_gateway[data-v-79dfc621] {
   box-shadow: 0 0 0 #ccc;
 }
-.flow-view .gate[data-v-f7c20cf8] {
+.flow-view .gate[data-v-79dfc621] {
   line-height: 50px;
   position: absolute;
   left: 0;
@@ -718,9 +718,9 @@ dd[data-v-f7c20cf8] {
   top: 0;
   bottom: 0;
 }
-.flow-view .ordinary_gateway[data-v-f7c20cf8],
-.flow-view .parall_gateway[data-v-f7c20cf8],
-.flow-view .exclude_gateway[data-v-f7c20cf8] {
+.flow-view .ordinary_gateway[data-v-79dfc621],
+.flow-view .parall_gateway[data-v-79dfc621],
+.flow-view .exclude_gateway[data-v-79dfc621] {
   border: none;
   border-radius: 0;
   background-size: cover;
@@ -728,35 +728,35 @@ dd[data-v-f7c20cf8] {
   background-position: center center;
   box-shadow: 0 0 0 #ccc;
 }
-.flow-view .ordinary_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(1),
-.flow-view .parall_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(1),
-.flow-view .exclude_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(1) {
+.flow-view .ordinary_gateway .flow-node-drag[data-v-79dfc621]:nth-child(1),
+.flow-view .parall_gateway .flow-node-drag[data-v-79dfc621]:nth-child(1),
+.flow-view .exclude_gateway .flow-node-drag[data-v-79dfc621]:nth-child(1) {
   left: 0;
   top: 0;
   bottom: 0;
 }
-.flow-view .ordinary_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(2),
-.flow-view .parall_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(2),
-.flow-view .exclude_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(2) {
+.flow-view .ordinary_gateway .flow-node-drag[data-v-79dfc621]:nth-child(2),
+.flow-view .parall_gateway .flow-node-drag[data-v-79dfc621]:nth-child(2),
+.flow-view .exclude_gateway .flow-node-drag[data-v-79dfc621]:nth-child(2) {
   top: 0;
   left: 0;
   right: 0;
 }
-.flow-view .ordinary_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(3),
-.flow-view .parall_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(3),
-.flow-view .exclude_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(3) {
+.flow-view .ordinary_gateway .flow-node-drag[data-v-79dfc621]:nth-child(3),
+.flow-view .parall_gateway .flow-node-drag[data-v-79dfc621]:nth-child(3),
+.flow-view .exclude_gateway .flow-node-drag[data-v-79dfc621]:nth-child(3) {
   right: 0;
   top: 0;
   bottom: 0;
 }
-.flow-view .ordinary_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(4),
-.flow-view .parall_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(4),
-.flow-view .exclude_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(4) {
+.flow-view .ordinary_gateway .flow-node-drag[data-v-79dfc621]:nth-child(4),
+.flow-view .parall_gateway .flow-node-drag[data-v-79dfc621]:nth-child(4),
+.flow-view .exclude_gateway .flow-node-drag[data-v-79dfc621]:nth-child(4) {
   bottom: 0;
   left: 0;
   right: 0;
 }
-.flow-view .exclude_gateway[data-v-f7c20cf8] {
+.flow-view .exclude_gateway[data-v-79dfc621] {
   width: 70%;
   height: 70%;
   margin: 15%;
@@ -765,7 +765,7 @@ dd[data-v-f7c20cf8] {
   transform: rotate(45deg);
   position: relative;
 }
-.flow-view .exclude_gateway[data-v-f7c20cf8]::before {
+.flow-view .exclude_gateway[data-v-79dfc621]::before {
   content: '';
   width: 2px;
   background-color: #7a7a7a;
@@ -775,7 +775,7 @@ dd[data-v-f7c20cf8] {
   top: calc(50% - 10px);
   left: calc(50% - 1px);
 }
-.flow-view .exclude_gateway[data-v-f7c20cf8]::after {
+.flow-view .exclude_gateway[data-v-79dfc621]::after {
   content: '';
   width: 20px;
   background-color: #7a7a7a;
@@ -785,7 +785,7 @@ dd[data-v-f7c20cf8] {
   top: calc(50% - 1px);
   left: calc(50% - 10px);
 }
-.flow-view .parall_gateway[data-v-f7c20cf8] {
+.flow-view .parall_gateway[data-v-79dfc621] {
   width: 70%;
   height: 70%;
   margin: 15%;
@@ -794,7 +794,7 @@ dd[data-v-f7c20cf8] {
   transform: rotate(45deg);
   position: relative;
 }
-.flow-view .parall_gateway[data-v-f7c20cf8]::after {
+.flow-view .parall_gateway[data-v-79dfc621]::after {
   content: '';
   width: 20px;
   background-color: #7a7a7a;
@@ -806,7 +806,7 @@ dd[data-v-f7c20cf8] {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
   transform: rotate(45deg);
 }
-.flow-view .parall_gateway[data-v-f7c20cf8]::before {
+.flow-view .parall_gateway[data-v-79dfc621]::before {
   content: '';
   width: 2px;
   background-color: #7a7a7a;
@@ -819,7 +819,7 @@ dd[data-v-f7c20cf8] {
   transform: rotate(45deg);
 }
 /* 线条工具 */
-.lineTool[data-v-f7c20cf8] {
+.lineTool[data-v-79dfc621] {
   width: 130px;
   height: 26px;
   border: 1px solid #1890ff;
@@ -827,7 +827,7 @@ dd[data-v-f7c20cf8] {
   background-color: #fff;
   text-align: left;
 }
-.lineTool li[data-v-f7c20cf8] {
+.lineTool li[data-v-79dfc621] {
   width: 30px;
   height: 26px;
   display: inline-block;
@@ -835,14 +835,14 @@ dd[data-v-f7c20cf8] {
   text-align: center;
   color: #1890ff;
 }
-.tool-drag a .inner[data-v-f7c20cf8] {
+.tool-drag a .inner[data-v-79dfc621] {
   color: #f00 !important;
 }
-.ant-layout-footer[data-v-f7c20cf8] {
+.ant-layout-footer[data-v-79dfc621] {
   z-index: 10;
 }
 
-#flowContainer[data-v-f7c20cf8] {
+#flowContainer[data-v-79dfc621] {
   width: 1000000px;
   height: 1000000px;
   position: absolute;
@@ -855,14 +855,14 @@ dd[data-v-f7c20cf8] {
   left: -500000px;
   top: -500000px; */
 }
-.loading[data-v-f7c20cf8] {
+.loading[data-v-79dfc621] {
   height: 100%;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-[data-v-f7c20cf8] .labelClass {
+[data-v-79dfc621] .labelClass {
   z-index: 1;
   background-color: #539dfa !important;
   padding: 5px;
@@ -1890,12 +1890,12 @@ li.CodeMirror-hint-active {
 }
 
 
-[data-v-91610be4] .ant-select-selection__rendered::after {
+[data-v-d5d5d844] .ant-select-selection__rendered::after {
   content: "";
   display: none;
   height: 0;
 }
-.designDataList[data-v-91610be4] {
+.designDataList[data-v-d5d5d844] {
   display: flex;
   margin-bottom: 5px;
 }
@@ -1965,7 +1965,7 @@ li.CodeMirror-hint-active {
 }
 
 
-[data-v-0da2fa6f] .ant-select-selection__rendered::after {
+[data-v-7d5b2910] .ant-select-selection__rendered::after {
   content: "";
   display: none;
   height: 0;
@@ -2197,43 +2197,43 @@ li.CodeMirror-hint-active {
 }
 
 
-[data-v-1037c7b8] .ant-col {
+[data-v-50c00481] .ant-col {
   min-height: 50px;
 }
-[data-v-1037c7b8] .vue-grid-layout {
+[data-v-50c00481] .vue-grid-layout {
   z-index: 2;
 }
-[data-v-1037c7b8] .vue-grid-item {
+[data-v-50c00481] .vue-grid-item {
   border: 1px dashed #ccc;
   box-sizing: border-box;
   background-color: #fff;
 }
-.is_required[data-v-1037c7b8]::before {
+.is_required[data-v-50c00481]::before {
   content: "*";
   color: #f56c6c;
   margin-right: 4px;
 }
-.widget-form-list[data-v-1037c7b8] {
+.widget-form-list[data-v-50c00481] {
   background: #fff;
   border: 1px solid var(--designBorderColor);
   box-sizing: border-box;
 }
-.widget-form-list .row-item[data-v-1037c7b8]:not(:last-child) {
+.widget-form-list .row-item[data-v-50c00481]:not(:last-child) {
   border-bottom: 1px solid var(--designBorderColor);
 }
-.widget-form-list .widget-grid[data-v-1037c7b8] {
+.widget-form-list .widget-grid[data-v-50c00481] {
   background: #f4f6fc;
   position: relative;
   border-left: 5px solid transparent;
   padding: 5px;
   margin: 0 !important;
 }
-.widget-form-list .widget-grid.active[data-v-1037c7b8] {
+.widget-form-list .widget-grid.active[data-v-50c00481] {
   outline: 2px solid #409eff;
   border: 1px solid #409eff;
   background: #b3d8ff;
 }
-.widget-form-list .widget-grid .grid-background[data-v-1037c7b8] {
+.widget-form-list .widget-grid .grid-background[data-v-50c00481] {
   position: absolute;
   z-index: 1;
   top: 0;
@@ -2244,85 +2244,85 @@ li.CodeMirror-hint-active {
   height: 100%;
   padding: 5px 5px 10px 5px;
 }
-.widget-form-list .widget-grid .grid-background .rows[data-v-1037c7b8] {
+.widget-form-list .widget-grid .grid-background .rows[data-v-50c00481] {
   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-1037c7b8]:first-child {
+.widget-form-list .widget-grid .grid-background .rows[data-v-50c00481]:first-child {
   border-top: 1px dashed #ccc;
 }
-.widget-form-list .widget-grid .grid-background .rows .columns[data-v-1037c7b8] {
+.widget-form-list .widget-grid .grid-background .rows .columns[data-v-50c00481] {
   float: left;
   border-right: 1px dashed #ccc;
   min-height: 40px;
   box-sizing: border-box;
 }
-.widget-form-list .row_table[data-v-1037c7b8] {
+.widget-form-list .row_table[data-v-50c00481] {
   min-height: 60px;
   position: relative;
   border-bottom: 1px solid #e6e6e6;
 }
-.widget-form-list li.sortable-chosen[data-v-1037c7b8] {
+.widget-form-list li.sortable-chosen[data-v-50c00481] {
   height: 2px !important;
   overflow: hidden !important;
   background: red !important;
 }
-.widget-form-list .widget-col-list[data-v-1037c7b8] {
+.widget-form-list .widget-col-list[data-v-50c00481] {
   min-height: 50px;
   border: 1px dashed #ccc;
   background: #fff;
 }
-.widget-form-list .widget-col[data-v-1037c7b8] {
+.widget-form-list .widget-col[data-v-50c00481] {
   padding-bottom: 0;
   background-color: rgba(253, 246, 236, 0.3);
 }
-.grid-lay-out-wrap .widget-col-list[data-v-1037c7b8] {
+.grid-lay-out-wrap .widget-col-list[data-v-50c00481] {
   width: 100%;
   height: 100%;
   min-height: 40px;
   border: none;
 }
-.widget-form-ocuupied[data-v-1037c7b8] {
+.widget-form-ocuupied[data-v-50c00481] {
   min-height: 540px;
   border: none;
 }
-.drag_table[data-v-1037c7b8] {
+.drag_table[data-v-50c00481] {
   width: calc(100% - 100px);
   height: 100%;
   display: flex;
   overflow-y: scroll;
 }
-.drag_table[data-v-1037c7b8]::-webkit-scrollbar {
+.drag_table[data-v-50c00481]::-webkit-scrollbar {
   width: 3px;
   height: 3px;
 }
-.drag_table[data-v-1037c7b8]::-webkit-scrollbar-track {
+.drag_table[data-v-50c00481]::-webkit-scrollbar-track {
   background: #fff;
   border-radius: 2px;
 }
-.drag_table[data-v-1037c7b8]::-webkit-scrollbar-thumb {
+.drag_table[data-v-50c00481]::-webkit-scrollbar-thumb {
   background: #cdcdcd;
   border-radius: 8px;
 }
-.drag_table[data-v-1037c7b8]::-webkit-scrollbar-thumb:hover {
+.drag_table[data-v-50c00481]::-webkit-scrollbar-thumb:hover {
   background: #cdcdcd;
 }
-.drag_table[data-v-1037c7b8]::-webkit-scrollbar-corner {
+.drag_table[data-v-50c00481]::-webkit-scrollbar-corner {
   background: #cdcdcd;
 }
-.widget-form-ocuupied[data-v-1037c7b8] {
+.widget-form-ocuupied[data-v-50c00481] {
   min-height: 540px;
   border: none;
 }
-.table_label[data-v-1037c7b8] {
+.table_label[data-v-50c00481] {
   width: 100px;
   min-width: 100px;
   height: 100%;
   text-align: right;
 }
-.widget-view-model[data-v-1037c7b8] {
+.widget-view-model[data-v-50c00481] {
   position: absolute;
   top: 0px;
   right: 3px;
@@ -2332,12 +2332,12 @@ li.CodeMirror-hint-active {
   opacity: 0.6;
 }
 /**selectedWidget active*/
-.active[data-v-1037c7b8] {
-  outline: 2px solid #539dfa;
-  box-shadow: 0 0 5px #539dfa;
+.active[data-v-50c00481] {
+  outline: 2px solid #409EFF;
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
   position: relative;
 }
-.active .widget-view-drag[data-v-1037c7b8] {
+.active .widget-view-drag[data-v-50c00481] {
   position: absolute;
   left: -2px;
   top: -2px;
@@ -2351,7 +2351,7 @@ li.CodeMirror-hint-active {
   color: #ffffff;
   cursor: move;
 }
-.active .widget-view-action[data-v-1037c7b8] {
+.active .widget-view-action[data-v-50c00481] {
   width: 70px;
   position: absolute;
   right: 0px;
@@ -2364,29 +2364,29 @@ li.CodeMirror-hint-active {
   background: transparent;
   color: #fff;
 }
-.active .widget-view-action .iconfont[data-v-1037c7b8] {
+.active .widget-view-action .iconfont[data-v-50c00481] {
   width: 25px;
   height: 25px;
   border-radius: 50%;
   cursor: pointer;
-  background: #539dfa;
+  background: #409EFF;
   display: flex;
   font-size: 14px;
   justify-content: center;
 }
-.active .widget-view-action .icon-icon_clone[data-v-1037c7b8] {
+.active .widget-view-action .icon-icon_clone[data-v-50c00481] {
   background: red;
 }
-.active .widget-view-action .icon-trash[data-v-1037c7b8] {
+.active .widget-view-action .icon-trash[data-v-50c00481] {
   margin-left: 20px;
 }
-.widget-form-list .widget-view[data-v-1037c7b8] {
+.widget-form-list .widget-view[data-v-50c00481] {
   position: relative;
   border: 1px dashed rgba(170, 170, 170, 0.7);
   background-color: rgba(236, 245, 255, 0.3);
   margin: 2px;
 }
-.widget-form-list .widget-view .widget-view-action[data-v-1037c7b8] {
+.widget-form-list .widget-view .widget-view-action[data-v-50c00481] {
   position: absolute;
   right: 0px;
   bottom: 0;
@@ -2398,7 +2398,7 @@ li.CodeMirror-hint-active {
   background: transparent;
   color: #fff;
 }
-.widget-form-list .widget-view .widget-view-action .iconfont[data-v-1037c7b8] {
+.widget-form-list .widget-view .widget-view-action .iconfont[data-v-50c00481] {
   width: 25px;
   height: 25px;
   border-radius: 50%;
@@ -2408,13 +2408,13 @@ li.CodeMirror-hint-active {
   font-size: 14px;
   justify-content: center;
 }
-.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-1037c7b8] {
+.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-50c00481] {
   background: red;
 }
-.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-1037c7b8] {
+.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-50c00481] {
   margin-left: 20px;
 }
-.widget-form-list .widget-view .widget-view-drag[data-v-1037c7b8] {
+.widget-form-list .widget-view .widget-view-drag[data-v-50c00481] {
   position: absolute;
   left: -2px;
   top: -2px;
@@ -2424,20 +2424,20 @@ li.CodeMirror-hint-active {
   background: #409eff;
   z-index: 9;
 }
-.widget-form-list .widget-view .widget-view-drag i[data-v-1037c7b8] {
+.widget-form-list .widget-view .widget-view-drag i[data-v-50c00481] {
   font-size: 14px;
   color: #fff;
   margin: 0 5px;
   cursor: move;
 }
-[data-v-1037c7b8] .ant-form-item-control-wrapper {
+[data-v-50c00481] .ant-form-item-control-wrapper {
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
 }
-.all-lay-out[data-v-1037c7b8] {
+.all-lay-out[data-v-50c00481] {
   position: relative;
 }
-.all-lay-out .all-lay-out-bg[data-v-1037c7b8] {
+.all-lay-out .all-lay-out-bg[data-v-50c00481] {
   position: absolute;
   left: 0;
   width: 100%;
@@ -2445,22 +2445,22 @@ li.CodeMirror-hint-active {
   top: 0;
   z-index: 0;
 }
-.all-lay-out[data-v-1037c7b8] .widget-col-list {
+.all-lay-out[data-v-50c00481] .widget-col-list {
   width: 100%;
   height: 100%;
 }
-.all-lay-out .all-grid-item-wrap[data-v-1037c7b8] {
+.all-lay-out .all-grid-item-wrap[data-v-50c00481] {
   width: 100%;
   height: 100%;
   background: #fff;
 }
-.all-lay-out .all-lay-out-edit-wrap[data-v-1037c7b8] {
+.all-lay-out .all-lay-out-edit-wrap[data-v-50c00481] {
   position: relative;
   height: 100%;
   left: 90px;
   top: 0;
 }
-.all-lay-out .all-lay-out-label[data-v-1037c7b8] {
+.all-lay-out .all-lay-out-label[data-v-50c00481] {
   position: absolute;
   left: 0;
   top: 0;
@@ -2477,72 +2477,72 @@ li.CodeMirror-hint-active {
 }
 
 
-[data-v-510dd67a] .ant-col {
+[data-v-fba51b4c] .ant-col {
   min-height: 50px;
 }
-[data-v-510dd67a] .vue-grid-layout {
+[data-v-fba51b4c] .vue-grid-layout {
   z-index: 2;
 }
-[data-v-510dd67a] .vue-grid-item {
+[data-v-fba51b4c] .vue-grid-item {
   border: 1px dashed #ccc;
   box-sizing: border-box;
   background-color: #fff;
 }
-[data-v-510dd67a] .ant-form-item {
+[data-v-fba51b4c] .ant-form-item {
   height: 100%;
 }
-[data-v-510dd67a] .ant-form-item .ant-form-item-label {
+[data-v-fba51b4c] .ant-form-item .ant-form-item-label {
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   border-right: 1px solid #333;
 }
-[data-v-510dd67a] .ant-form-item .ant-form-item-label label {
+[data-v-fba51b4c] .ant-form-item .ant-form-item-label label {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
-[data-v-510dd67a] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
+[data-v-fba51b4c] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
   display: none;
 }
-[data-v-510dd67a] .ant-form-item .ant-form-item-control-wrapper {
+[data-v-fba51b4c] .ant-form-item .ant-form-item-control-wrapper {
   height: 100%;
   float: right;
   display: flex;
   align-items: center;
 }
-[data-v-510dd67a] .ant-form-item .ant-form-item-control {
+[data-v-fba51b4c] .ant-form-item .ant-form-item-control {
   width: 98%;
   margin: 0 auto;
 }
-.is_required[data-v-510dd67a]::before {
+.is_required[data-v-fba51b4c]::before {
   content: "*";
   color: #f56c6c;
   margin-right: 4px;
 }
-.widget-form-list[data-v-510dd67a] {
+.widget-form-list[data-v-fba51b4c] {
   background: #fff;
   border: 1px solid var(--designBorderColor);
   box-sizing: border-box;
 }
-.widget-form-list .row-item[data-v-510dd67a]:not(:last-child) {
+.widget-form-list .row-item[data-v-fba51b4c]:not(:last-child) {
   border-bottom: 1px solid var(--designBorderColor);
 }
-.widget-form-list .widget-grid[data-v-510dd67a] {
+.widget-form-list .widget-grid[data-v-fba51b4c] {
   background: #f4f6fc;
   position: relative;
   border-left: 5px solid transparent;
   padding: 5px;
   margin: 0 !important;
 }
-.widget-form-list .widget-grid.active[data-v-510dd67a] {
+.widget-form-list .widget-grid.active[data-v-fba51b4c] {
   outline: 2px solid #409eff;
   border: 1px solid #409eff;
   background: #b3d8ff;
 }
-.widget-form-list .widget-grid .grid-background[data-v-510dd67a] {
+.widget-form-list .widget-grid .grid-background[data-v-fba51b4c] {
   position: absolute;
   z-index: 1;
   top: 0;
@@ -2553,85 +2553,85 @@ li.CodeMirror-hint-active {
   height: 100%;
   padding: 5px 5px 10px 5px;
 }
-.widget-form-list .widget-grid .grid-background .rows[data-v-510dd67a] {
+.widget-form-list .widget-grid .grid-background .rows[data-v-fba51b4c] {
   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-510dd67a]:first-child {
+.widget-form-list .widget-grid .grid-background .rows[data-v-fba51b4c]:first-child {
   border-top: 1px dashed #ccc;
 }
-.widget-form-list .widget-grid .grid-background .rows .columns[data-v-510dd67a] {
+.widget-form-list .widget-grid .grid-background .rows .columns[data-v-fba51b4c] {
   float: left;
   border-right: 1px dashed #ccc;
   min-height: 40px;
   box-sizing: border-box;
 }
-.widget-form-list .row_table[data-v-510dd67a] {
+.widget-form-list .row_table[data-v-fba51b4c] {
   min-height: 60px;
   position: relative;
   border-bottom: 1px solid #333;
 }
-.widget-form-list li.sortable-chosen[data-v-510dd67a] {
+.widget-form-list li.sortable-chosen[data-v-fba51b4c] {
   height: 2px !important;
   overflow: hidden !important;
   background: red !important;
 }
-.widget-form-list .widget-col-list[data-v-510dd67a] {
+.widget-form-list .widget-col-list[data-v-fba51b4c] {
   min-height: 50px;
   border: 1px dashed #ccc;
   background: #fff;
 }
-.widget-form-list .widget-col[data-v-510dd67a] {
+.widget-form-list .widget-col[data-v-fba51b4c] {
   padding-bottom: 0;
   background-color: rgba(253, 246, 236, 0.3);
 }
-.grid-lay-out-wrap .widget-col-list[data-v-510dd67a] {
+.grid-lay-out-wrap .widget-col-list[data-v-fba51b4c] {
   width: 100%;
   height: 100%;
   min-height: 40px;
   border: none;
 }
-.widget-form-ocuupied[data-v-510dd67a] {
+.widget-form-ocuupied[data-v-fba51b4c] {
   min-height: 540px;
   border: none;
 }
-.drag_table[data-v-510dd67a] {
+.drag_table[data-v-fba51b4c] {
   width: calc(100% - 100px);
   height: 100%;
   display: flex;
   overflow-y: scroll;
 }
-.drag_table[data-v-510dd67a]::-webkit-scrollbar {
+.drag_table[data-v-fba51b4c]::-webkit-scrollbar {
   width: 3px;
   height: 3px;
 }
-.drag_table[data-v-510dd67a]::-webkit-scrollbar-track {
+.drag_table[data-v-fba51b4c]::-webkit-scrollbar-track {
   background: #fff;
   border-radius: 2px;
 }
-.drag_table[data-v-510dd67a]::-webkit-scrollbar-thumb {
+.drag_table[data-v-fba51b4c]::-webkit-scrollbar-thumb {
   background: #cdcdcd;
   border-radius: 8px;
 }
-.drag_table[data-v-510dd67a]::-webkit-scrollbar-thumb:hover {
+.drag_table[data-v-fba51b4c]::-webkit-scrollbar-thumb:hover {
   background: #cdcdcd;
 }
-.drag_table[data-v-510dd67a]::-webkit-scrollbar-corner {
+.drag_table[data-v-fba51b4c]::-webkit-scrollbar-corner {
   background: #cdcdcd;
 }
-.widget-form-ocuupied[data-v-510dd67a] {
+.widget-form-ocuupied[data-v-fba51b4c] {
   min-height: 540px;
   border: none;
 }
-.table_label[data-v-510dd67a] {
+.table_label[data-v-fba51b4c] {
   width: 100px;
   min-width: 100px;
   height: 100%;
   text-align: right;
 }
-.widget-view-model[data-v-510dd67a] {
+.widget-view-model[data-v-fba51b4c] {
   position: absolute;
   top: 0px;
   right: 3px;
@@ -2641,12 +2641,12 @@ li.CodeMirror-hint-active {
   opacity: 0.6;
 }
 /**selectedWidget active*/
-.active[data-v-510dd67a] {
-  outline: 2px solid #539dfa;
-  box-shadow: 0 0 5px #539dfa;
+.active[data-v-fba51b4c] {
+  outline: 2px solid #409EFF;
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
   position: relative;
 }
-.active .widget-view-drag[data-v-510dd67a] {
+.active .widget-view-drag[data-v-fba51b4c] {
   position: absolute;
   left: -2px;
   top: -2px;
@@ -2660,7 +2660,7 @@ li.CodeMirror-hint-active {
   color: #ffffff;
   cursor: move;
 }
-.active .widget-view-action[data-v-510dd67a] {
+.active .widget-view-action[data-v-fba51b4c] {
   width: 70px;
   position: absolute;
   right: 0px;
@@ -2673,29 +2673,29 @@ li.CodeMirror-hint-active {
   background: transparent;
   color: #fff;
 }
-.active .widget-view-action .iconfont[data-v-510dd67a] {
+.active .widget-view-action .iconfont[data-v-fba51b4c] {
   width: 25px;
   height: 25px;
   border-radius: 50%;
   cursor: pointer;
-  background: #539dfa;
+  background: #409EFF;
   display: flex;
   font-size: 14px;
   justify-content: center;
 }
-.active .widget-view-action .icon-icon_clone[data-v-510dd67a] {
+.active .widget-view-action .icon-icon_clone[data-v-fba51b4c] {
   background: red;
 }
-.active .widget-view-action .icon-trash[data-v-510dd67a] {
+.active .widget-view-action .icon-trash[data-v-fba51b4c] {
   margin-left: 20px;
 }
-.widget-form-list .widget-view[data-v-510dd67a] {
+.widget-form-list .widget-view[data-v-fba51b4c] {
   position: relative;
   border: 1px dashed rgba(170, 170, 170, 0.7);
   background-color: rgba(236, 245, 255, 0.3);
   margin: 2px;
 }
-.widget-form-list .widget-view .widget-view-action[data-v-510dd67a] {
+.widget-form-list .widget-view .widget-view-action[data-v-fba51b4c] {
   position: absolute;
   right: 0px;
   bottom: 0;
@@ -2707,7 +2707,7 @@ li.CodeMirror-hint-active {
   background: transparent;
   color: #fff;
 }
-.widget-form-list .widget-view .widget-view-action .iconfont[data-v-510dd67a] {
+.widget-form-list .widget-view .widget-view-action .iconfont[data-v-fba51b4c] {
   width: 25px;
   height: 25px;
   border-radius: 50%;
@@ -2717,13 +2717,13 @@ li.CodeMirror-hint-active {
   font-size: 14px;
   justify-content: center;
 }
-.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-510dd67a] {
+.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-fba51b4c] {
   background: red;
 }
-.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-510dd67a] {
+.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-fba51b4c] {
   margin-left: 20px;
 }
-.widget-form-list .widget-view .widget-view-drag[data-v-510dd67a] {
+.widget-form-list .widget-view .widget-view-drag[data-v-fba51b4c] {
   position: absolute;
   left: -2px;
   top: -2px;
@@ -2733,27 +2733,27 @@ li.CodeMirror-hint-active {
   background: #409eff;
   z-index: 9;
 }
-.widget-form-list .widget-view .widget-view-drag i[data-v-510dd67a] {
+.widget-form-list .widget-view .widget-view-drag i[data-v-fba51b4c] {
   font-size: 14px;
   color: #fff;
   margin: 0 5px;
   cursor: move;
 }
 /*****无border *****/
-.no-border .widget-form-list[data-v-510dd67a] {
+.no-border .widget-form-list[data-v-fba51b4c] {
   border: none;
 }
-.no-border .widget-form-list .row-item[data-v-510dd67a]:not(:last-child) {
+.no-border .widget-form-list .row-item[data-v-fba51b4c]:not(:last-child) {
   border: none;
 }
-.no-border .widget-form-list[data-v-510dd67a] .ant-form-item .ant-form-item-label {
+.no-border .widget-form-list[data-v-fba51b4c] .ant-form-item .ant-form-item-label {
   border: 0;
 }
 /*****无border *****/
-.all-lay-out[data-v-510dd67a] {
+.all-lay-out[data-v-fba51b4c] {
   position: relative;
 }
-.all-lay-out .all-lay-out-bg[data-v-510dd67a] {
+.all-lay-out .all-lay-out-bg[data-v-fba51b4c] {
   position: absolute;
   left: 0;
   width: 100%;
@@ -2761,22 +2761,22 @@ li.CodeMirror-hint-active {
   top: 0;
   z-index: 0;
 }
-.all-lay-out[data-v-510dd67a] .widget-col-list {
+.all-lay-out[data-v-fba51b4c] .widget-col-list {
   width: 100%;
   height: 100%;
 }
-.all-lay-out .all-grid-item-wrap[data-v-510dd67a] {
+.all-lay-out .all-grid-item-wrap[data-v-fba51b4c] {
   width: 100%;
   height: 100%;
   background: #fff;
 }
-.all-lay-out .all-lay-out-edit-wrap[data-v-510dd67a] {
+.all-lay-out .all-lay-out-edit-wrap[data-v-fba51b4c] {
   position: relative;
   height: 100%;
   left: 90px;
   top: 0;
 }
-.all-lay-out .all-lay-out-label[data-v-510dd67a] {
+.all-lay-out .all-lay-out-label[data-v-fba51b4c] {
   position: absolute;
   left: 0;
   top: 0;
@@ -2806,7 +2806,7 @@ li.CodeMirror-hint-active {
 }
 
 
-[data-v-839fa73e] .ant-btn-icon-only > i {
+[data-v-312deacd] .ant-btn-icon-only > i {
   vertical-align: 1px;
 }
 
@@ -3963,12 +3963,6 @@ span.CodeMirror-selectedtext { background: none; }
   display: flex;
 }
 
-
-[data-v-3e57732c] .ant-time-picker {
-  max-width: 170px !important;
-  width: initial !important;
-}
-
 .is_required[data-v-77374a03]::before {
   content: "*";
   color: #f56c6c;
@@ -5390,89 +5384,104 @@ div {
   display: none ;
 }
 
-.components-list[data-v-bb4c8efc] {
+.components-list[data-v-f03aa584] {
   padding: 0;
-  padding-top: 5px;
   margin: 0;
   line-height: 20px;
   position: relative;
+  height: 100%;
+  overflow-y: auto;
 }
-.components-list .tabs[data-v-bb4c8efc] {
-  margin-bottom: 10px;
-  overflow: hidden;
-}
-.components-list .tabs > div[data-v-bb4c8efc] {
-  float: left;
-}
-.components-list .tabs > div[data-v-bb4c8efc]:not(:last-child) {
-  border-right: 1px solid #ccc;
+.components-list .tabs[data-v-f03aa584] {
+  padding: 8px 10px 6px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  border-bottom: 1px solid #e8e8e8;
+  position: sticky;
+  top: 0;
+  background: #fff;
+  z-index: 1;
 }
-.components-list .tabs span[data-v-bb4c8efc] {
+.components-list .tabs span[data-v-f03aa584] {
   cursor: pointer;
   display: inline-block;
-  margin: 0 5px;
   font-size: 12px;
-  padding: 2px 5px;
-}
-.components-list .tabs .activeTab[data-v-bb4c8efc] {
-  background: #4991f2;
+  padding: 2px 8px;
   border-radius: 10px;
+  color: #666;
+  transition: all 0.2s;
+}
+.components-list .tabs .activeTab[data-v-f03aa584] {
+  background: #409EFF;
   color: #fff;
 }
-.components-list .widget-control[data-v-bb4c8efc] {
+.components-list ul[data-v-f03aa584] {
+  padding: 8px 8px 4px;
+}
+.components-list .widget-control[data-v-f03aa584] {
   display: inline-block;
-  min-width: 70px;
+  width: calc(33.33% - 4px);
   box-sizing: border-box;
-  padding: 0 5px;
-  height: 45px;
-  border: 1px solid #ccc;
+  padding: 0;
+  height: 50px;
+  border: 1px solid #e8e8e8;
+  border-radius: 4px;
   cursor: move;
+  margin: 0 4px 6px 0;
+  transition: all 0.2s;
 }
-.components-list .widget-control[data-v-bb4c8efc]:not(:last-child) {
-  border-right: none;
+.components-list .widget-control[data-v-f03aa584]:hover {
+  border-color: #409EFF;
+  background: #ecf5ff;
 }
-.components-list .widget-control a[data-v-bb4c8efc] {
-  color: #666;
+.components-list .widget-control a[data-v-f03aa584] {
+  color: #555;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  height: 100%;
   font-size: 12px;
 }
-.components-list .preview-options[data-v-bb4c8efc] {
+.components-list .widget-control a i[data-v-f03aa584] {
+  font-size: 16px;
+  margin-bottom: 2px;
+}
+.components-list .preview-options[data-v-f03aa584] {
   position: absolute;
   height: 30px;
-  right: 250px;
-  bottom: 0;
+  right: 10px;
+  bottom: 10px;
 }
-.components-list .preview-options .ant-btn-link[data-v-bb4c8efc] {
+.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-bb4c8efc] {
+.components-list .preview-options .ant-btn-link.btn-active[data-v-f03aa584] {
   color: #1890ff;
 }
-.control[data-v-bb4c8efc] {
+.control[data-v-f03aa584] {
   margin-top: 20px;
   width: 350px;
   background: #ffffff;
   box-shadow: 0 0 15px #ffffff;
 }
-.control .title[data-v-bb4c8efc] {
+.control .title[data-v-f03aa584] {
   height: 50px;
   line-height: 50px;
   padding: 0 15px;
   border-bottom: 1px solid #f0f0f0;
 }
-.control .list_wrap[data-v-bb4c8efc] {
+.control .list_wrap[data-v-f03aa584] {
   padding-top: 15px;
   font-size: 0;
   min-height: 680px;
 }
-.control .list_wrap .list_box[data-v-bb4c8efc] {
+.control .list_wrap .list_box[data-v-f03aa584] {
   display: inline-block;
 }
-.control .list_wrap .list[data-v-bb4c8efc] {
+.control .list_wrap .list[data-v-f03aa584] {
   border: 1px dashed #d1d1d1;
   margin: 0 7.5px 15px 7.5px;
   width: 160px;
@@ -5488,17 +5497,17 @@ div {
   position: relative;
   overflow: hidden;
 }
-.control .list_wrap .list i[data-v-bb4c8efc] {
+.control .list_wrap .list i[data-v-f03aa584] {
   position: absolute;
   right: 10px;
   top: 0px;
   font-size: 22px;
   color: #999;
 }
-.control .list_wrap .list[data-v-bb4c8efc]:nth-child(2n) {
+.control .list_wrap .list[data-v-f03aa584]:nth-child(2n) {
   margin-right: 0;
 }
-.control .list_wrap .list[data-v-bb4c8efc]:hover {
+.control .list_wrap .list[data-v-f03aa584]:hover {
   background: #f1f1f1;
 }
 
@@ -5516,98 +5525,98 @@ div {
   opacity: 0.6;
 }
 
-.paper[data-v-31720cfe] * {
+.paper[data-v-51f14858] * {
   font-size: var(--paperFontSize);
 }
-.paper .form-title[data-v-31720cfe] {
+.paper .form-title[data-v-51f14858] {
   text-align: center;
   font-weight: 600;
   font-size: 16px;
   min-height: 40px;
   line-height: 30px;
 }
-[data-v-31720cfe] .vue-grid-layout {
+[data-v-51f14858] .vue-grid-layout {
   z-index: 2;
 }
-[data-v-31720cfe] .vue-grid-item {
+[data-v-51f14858] .vue-grid-item {
   border: 1px dashed #ccc;
   box-sizing: border-box;
   background-color: #fff;
 }
-[data-v-31720cfe] .ant-form-item {
+[data-v-51f14858] .ant-form-item {
   width: 100%;
   height: 100%;
   margin-bottom: 0;
 }
-[data-v-31720cfe] .ant-form-item .ant-form-item-label {
+[data-v-51f14858] .ant-form-item .ant-form-item-label {
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   border-right: 1px solid var(--designBorderColor);
 }
-[data-v-31720cfe] .ant-form-item .ant-form-item-label label {
+[data-v-51f14858] .ant-form-item .ant-form-item-label label {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
-[data-v-31720cfe] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
+[data-v-51f14858] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
   display: none;
 }
-[data-v-31720cfe] .ant-form-item .ant-form-item-control-wrapper {
+[data-v-51f14858] .ant-form-item .ant-form-item-control-wrapper {
   height: 100%;
   float: right;
   display: flex;
   align-items: center;
 }
-[data-v-31720cfe] .ant-form-item .ant-form-item-control {
+[data-v-51f14858] .ant-form-item .ant-form-item-control {
   width: 98%;
   margin: 0 auto;
 }
-.is_required[data-v-31720cfe]::before {
+.is_required[data-v-51f14858]::before {
   content: "*";
   color: #f56c6c;
   margin-right: 4px;
 }
-.widget-form-list[data-v-31720cfe] {
+.widget-form-list[data-v-51f14858] {
   background: #fff;
   box-sizing: border-box;
 }
-.widget-form-list .row-item[data-v-31720cfe]:first-child {
+.widget-form-list .row-item[data-v-51f14858]:first-child {
   border-top: 1px solid var(--designBorderColor);
 }
-.widget-form-list .row-item[data-v-31720cfe] {
+.widget-form-list .row-item[data-v-51f14858] {
   border-bottom: 1px solid var(--designBorderColor);
 }
-.widget-form-list .row-item[data-v-31720cfe] {
+.widget-form-list .row-item[data-v-51f14858] {
   border-right: 1px solid var(--designBorderColor);
   border-left: 1px solid var(--designBorderColor);
 }
-.widget-form-list .item-bottom[data-v-31720cfe] {
+.widget-form-list .item-bottom[data-v-51f14858] {
   border-bottom: 1px solid var(--designBorderColor);
 }
-.widget-form-list .no-row-item[data-v-31720cfe] {
+.widget-form-list .no-row-item[data-v-51f14858] {
   border-right: none;
   border-bottom: none !important;
 }
-.widget-form-list .no-row-item .widget-form-list[data-v-31720cfe] {
+.widget-form-list .no-row-item .widget-form-list[data-v-51f14858] {
   border-top: none !important;
   border-right: none;
 }
-.widget-form-list .widget-grid[data-v-31720cfe] {
+.widget-form-list .widget-grid[data-v-51f14858] {
   background: #f4f6fc;
   position: relative;
   border-left: 5px solid transparent;
   padding: 5px;
   margin: 0 !important;
 }
-.widget-form-list .widget-grid.active[data-v-31720cfe] {
+.widget-form-list .widget-grid.active[data-v-51f14858] {
   outline: 2px solid #409eff;
   border: 1px solid #409eff;
-  background: #b3d8ff;
+  background: #ecf5ff;
 }
-.widget-form-list .widget-grid .grid-background[data-v-31720cfe] {
+.widget-form-list .widget-grid .grid-background[data-v-51f14858] {
   position: absolute;
   z-index: 1;
   top: 0;
@@ -5618,85 +5627,85 @@ div {
   height: 100%;
   padding: 5px 5px 10px 5px;
 }
-.widget-form-list .widget-grid .grid-background .rows[data-v-31720cfe] {
+.widget-form-list .widget-grid .grid-background .rows[data-v-51f14858] {
   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-31720cfe]:first-child {
+.widget-form-list .widget-grid .grid-background .rows[data-v-51f14858]:first-child {
   border-top: 1px dashed #ccc;
 }
-.widget-form-list .widget-grid .grid-background .rows .columns[data-v-31720cfe] {
+.widget-form-list .widget-grid .grid-background .rows .columns[data-v-51f14858] {
   float: left;
   border-right: 1px dashed #ccc;
   min-height: 40px;
   box-sizing: border-box;
 }
-.widget-form-list .row_table[data-v-31720cfe] {
+.widget-form-list .row_table[data-v-51f14858] {
   min-height: 60px;
   position: relative;
 }
-.widget-form-list li.sortable-chosen[data-v-31720cfe] {
+.widget-form-list li.sortable-chosen[data-v-51f14858] {
   height: 2px !important;
   overflow: hidden !important;
   background: red !important;
 }
-.widget-form-list .widget-col-list[data-v-31720cfe] {
+.widget-form-list .widget-col-list[data-v-51f14858] {
   min-height: 50px;
   border: 1px dashed #ccc;
   background: #fff;
 }
-.widget-form-list .widget-col[data-v-31720cfe] {
+.widget-form-list .widget-col[data-v-51f14858] {
   padding-bottom: 0;
   padding: 5px;
   background-color: rgba(253, 246, 236, 0.3);
 }
-.grid-lay-out-wrap .widget-col-list[data-v-31720cfe] {
+.grid-lay-out-wrap .widget-col-list[data-v-51f14858] {
   width: 100%;
   height: 100%;
   min-height: 40px;
   border: none;
 }
-.widget-form-ocuupied[data-v-31720cfe] {
+.widget-form-ocuupied[data-v-51f14858] {
   min-height: 540px;
   border: none;
 }
-.drag_table[data-v-31720cfe] {
+.drag_table[data-v-51f14858] {
   width: calc(100% - 100px);
   height: 100%;
   display: flex;
   overflow-y: scroll;
 }
-.drag_table[data-v-31720cfe]::-webkit-scrollbar {
+.drag_table[data-v-51f14858]::-webkit-scrollbar {
   width: 3px;
   height: 3px;
 }
-.drag_table[data-v-31720cfe]::-webkit-scrollbar-track {
+.drag_table[data-v-51f14858]::-webkit-scrollbar-track {
   background: #fff;
   border-radius: 2px;
 }
-.drag_table[data-v-31720cfe]::-webkit-scrollbar-thumb {
+.drag_table[data-v-51f14858]::-webkit-scrollbar-thumb {
   background: #cdcdcd;
   border-radius: 8px;
 }
-.drag_table[data-v-31720cfe]::-webkit-scrollbar-thumb:hover {
+.drag_table[data-v-51f14858]::-webkit-scrollbar-thumb:hover {
   background: #cdcdcd;
 }
-.drag_table[data-v-31720cfe]::-webkit-scrollbar-corner {
+.drag_table[data-v-51f14858]::-webkit-scrollbar-corner {
   background: #cdcdcd;
 }
-.widget-form-ocuupied[data-v-31720cfe] {
+.widget-form-ocuupied[data-v-51f14858] {
   min-height: 540px;
   border: none;
 }
-.table_label[data-v-31720cfe] {
+.table_label[data-v-51f14858] {
   width: 100px;
   min-width: 100px;
   height: 100%;
   text-align: right;
 }
-.widget-view-model[data-v-31720cfe] {
+.widget-view-model[data-v-51f14858] {
   position: absolute;
   top: 0px;
   right: 3px;
@@ -5706,12 +5715,12 @@ div {
   opacity: 0.6;
 }
 /**selectedWidget active*/
-[data-v-31720cfe] .active {
-  outline: 2px solid #539dfa;
-  box-shadow: 0 0 5px #539dfa;
+[data-v-51f14858] .active {
+  outline: 2px solid #409EFF;
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
   position: relative;
 }
-[data-v-31720cfe] .active .widget-view-drag {
+[data-v-51f14858] .active .widget-view-drag {
   position: absolute;
   left: -2px;
   top: -2px;
@@ -5725,7 +5734,7 @@ div {
   color: #ffffff;
   cursor: move;
 }
-[data-v-31720cfe] .active .widget-view-action {
+[data-v-51f14858] .active .widget-view-action {
   width: 70px;
   position: absolute;
   right: 0px;
@@ -5738,27 +5747,27 @@ div {
   background: transparent;
   color: #fff;
 }
-[data-v-31720cfe] .active .widget-view-action .iconfont {
+[data-v-51f14858] .active .widget-view-action .iconfont {
   width: 25px;
   height: 25px;
   border-radius: 50%;
   cursor: pointer;
-  background: #539dfa;
+  background: #409EFF;
   display: flex;
   font-size: 14px;
   justify-content: center;
 }
-[data-v-31720cfe] .active .widget-view-action .icon-icon_clone {
+[data-v-51f14858] .active .widget-view-action .icon-icon_clone {
   background: red;
 }
-[data-v-31720cfe] .active .widget-view-action .icon-trash {
+[data-v-51f14858] .active .widget-view-action .icon-trash {
   margin-left: 20px;
 }
-.widget-form-list .widget-view[data-v-31720cfe] {
+.widget-form-list .widget-view[data-v-51f14858] {
   z-index: 8;
   position: relative;
 }
-.widget-form-list .widget-view .widget-view-action[data-v-31720cfe] {
+.widget-form-list .widget-view .widget-view-action[data-v-51f14858] {
   position: absolute;
   right: 0px;
   bottom: 0;
@@ -5770,23 +5779,23 @@ div {
   background: transparent;
   color: #fff;
 }
-.widget-form-list .widget-view .widget-view-action .iconfont[data-v-31720cfe] {
+.widget-form-list .widget-view .widget-view-action .iconfont[data-v-51f14858] {
   width: 25px;
   height: 25px;
   border-radius: 50%;
   cursor: pointer;
-  background: #7457ff;
+  background: #409EFF;
   display: flex;
   font-size: 14px;
   justify-content: center;
 }
-.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-31720cfe] {
+.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-51f14858] {
   background: red;
 }
-.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-31720cfe] {
+.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-51f14858] {
   margin-left: 20px;
 }
-.widget-form-list .widget-view .widget-view-drag[data-v-31720cfe] {
+.widget-form-list .widget-view .widget-view-drag[data-v-51f14858] {
   position: absolute;
   left: -2px;
   top: -2px;
@@ -5796,30 +5805,30 @@ div {
   background: #409eff;
   z-index: 9;
 }
-.widget-form-list .widget-view .widget-view-drag i[data-v-31720cfe] {
+.widget-form-list .widget-view .widget-view-drag i[data-v-51f14858] {
   font-size: 14px;
   color: #fff;
   margin: 0 5px;
   cursor: move;
 }
 /*****无border *****/
-.no-border .widget-form-list[data-v-31720cfe] {
+.no-border .widget-form-list[data-v-51f14858] {
   border: none;
 }
-.no-border .widget-form-list .row-item[data-v-31720cfe]:not(:last-child) {
+.no-border .widget-form-list .row-item[data-v-51f14858]:not(:last-child) {
   border: none;
 }
-.no-border .widget-form-list[data-v-31720cfe] .ant-form-item .ant-form-item-label {
+.no-border .widget-form-list[data-v-51f14858] .ant-form-item .ant-form-item-label {
   border: 0;
 }
 /*****无border *****/
 /***label对齐方式 */
-[data-v-31720cfe] .custom_form_item .break {
+[data-v-51f14858] .custom_form_item .break {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
 }
-[data-v-31720cfe] .custom_form_item .align-between {
+[data-v-51f14858] .custom_form_item .align-between {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
@@ -5828,28 +5837,28 @@ div {
        text-align-last: justify;
   width: 80%;
 }
-[data-v-31720cfe] .custom_form_item .align-middle {
+[data-v-51f14858] .custom_form_item .align-middle {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
   text-align: center;
   width: 80%;
 }
-[data-v-31720cfe] .custom_form_item .align-left {
+[data-v-51f14858] .custom_form_item .align-left {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
   text-align: left;
   width: 80%;
 }
-[data-v-31720cfe] .custom_form_item .align-right {
+[data-v-51f14858] .custom_form_item .align-right {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
   text-align: right;
   width: 80%;
 }
-[data-v-31720cfe] .custom_form_item .align-center {
+[data-v-51f14858] .custom_form_item .align-center {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
@@ -5859,24 +5868,40 @@ div {
 /***label对齐方式 */
 
 
-[data-v-68fadbb3] .m-colorPicker {
+[data-v-5ee31334] .m-colorPicker {
   z-index: 2;
 }
-[data-v-68fadbb3] .m-colorPicker .colorBtn {
+[data-v-5ee31334] .m-colorPicker .colorBtn {
   border: 1px solid #e3e3e3;
 }
-[data-v-68fadbb3] .ant-select-selection--multiple .ant-select-selection__rendered {
+[data-v-5ee31334] .ant-select-selection--multiple .ant-select-selection__rendered {
   line-height: 5px !important;
 }
 
 
-[data-v-0b66aa74] .ant-form-item {
-  margin-bottom: 0;
+[data-v-9dcae1f4] .ant-form-item {
+  margin-bottom: 12px;
 }
-[data-v-0b66aa74] .ant-form-item ul {
+[data-v-9dcae1f4] .ant-form-item ul {
   position: initial !important;
   overflow-y: auto !important;
 }
+.config-empty[data-v-9dcae1f4] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 200px;
+  color: #bbb;
+}
+.config-empty .anticon[data-v-9dcae1f4] {
+  font-size: 36px;
+  margin-bottom: 12px;
+}
+.config-empty p[data-v-9dcae1f4] {
+  font-size: 13px;
+  margin: 0;
+}
 
 .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}
 
@@ -6129,13 +6154,13 @@ div {
 }
 
 
-[data-v-eed2c1a2] .ant-form-item {
-  margin-bottom: 0;
+[data-v-a37b7fb0] .ant-form-item {
+  margin-bottom: 12px;
 }
-.m-colorPicker[data-v-eed2c1a2] .box.open {
+.m-colorPicker[data-v-a37b7fb0] .box.open {
   z-index: 999;
 }
-.m-colorPicker[data-v-eed2c1a2] .colorBtn {
+.m-colorPicker[data-v-a37b7fb0] .colorBtn {
   border: 1px solid #e3e3e3;
 }
 
@@ -6144,10 +6169,10 @@ div {
 }
 
 
-[data-v-83162e7e] .w-e-toolbar {
+[data-v-3c9c38be] .w-e-toolbar {
   display: none !important;
 }
-[data-v-83162e7e] .w-e-text-container {
+[data-v-3c9c38be] .w-e-text-container {
   border-top: 1px solid #c9d8db !important;
 }
 
@@ -6235,46 +6260,6 @@ div {
   padding: 0 10px 10px;
   margin: 0;
 }
-.components-list .form-edit-widget-label {
-  font-size: 12px;
-  display: block;
-  width: 48%;
-  line-height: 26px;
-  position: relative;
-  float: left;
-  left: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  margin: 1%;
-  color: #606266;
-  border: 1px solid #F4F6FC;
-}
-.components-list .form-edit-widget-label:hover {
-  color: #409EFF;
-  border: 1px dashed #409EFF;
-}
-.components-list .form-edit-widget-label:hover a {
-  color: #409EFF;
-}
-.components-list .form-edit-widget-label > a {
-  display: block;
-  cursor: move;
-  background: #F4F6FC;
-  border: 1px solid #F4F6FC;
-  color: #606266;
-}
-.components-list .form-edit-widget-label > a .icon {
-  margin-right: 6px;
-  margin-left: 8px;
-  font-size: 14px;
-  display: inline-block;
-  vertical-align: middle;
-}
-.components-list .form-edit-widget-label > a span {
-  display: inline-block;
-  vertical-align: middle;
-}
 .widget-form-container {
   height: 100%;
   position: absolute;
@@ -6767,13 +6752,22 @@ div {
   position: absolute;
   text-align: center;
   width: 300px;
-  font-size: 20px;
+  font-size: 14px;
+  color: #bbb;
   top: 200px;
   left: 50%;
   margin-left: -150px;
-  color: #ccc;
   z-index: 10;
 }
+.form-empty .anticon {
+  font-size: 48px;
+  display: block;
+  margin-bottom: 12px;
+  color: #d9d9d9;
+}
+.form-empty p {
+  margin: 0;
+}
 .full-modal .ant-modal {
   padding-bottom: 0;
   position: static;
@@ -6782,7 +6776,7 @@ div {
   padding-top: 14px;
 }
 .full-modal .ant-modal-content {
-  box-shadow: 0;
+  box-shadow: none;
   position: absolute;
   left: 0;
   right: 0;
@@ -6865,6 +6859,13 @@ div {
   padding-bottom: 0;
   margin-bottom: 10px;
 }
+.g1-panel1 .config-content .ant-select,
+.g1-panel1 .config-content .ant-input,
+.g1-panel1 .config-content .ant-input-number,
+.g1-panel1 .config-content .ant-time-picker,
+.g1-panel1 .config-content .ant-calendar-picker {
+  width: 100%;
+}
 .g1-panel1 .el-form-item__label {
   font-weight: 650;
   line-height: 26px;
@@ -6927,14 +6928,14 @@ div {
 }
 /*定义要拖拽元素的样式*/
 .ghostClass {
-  background-color: blue !important;
+  background-color: #ecf5ff !important;
 }
 .chosenClass {
-  background-color: red !important;
+  background-color: #ecf5ff !important;
   opacity: 1 !important;
 }
 .dragClass {
-  background-color: blueviolet !important;
+  background-color: #ecf5ff !important;
   opacity: 1 !important;
   box-shadow: none !important;
   outline: none !important;
@@ -6955,7 +6956,22 @@ div {
 .g1-panel1 .config-content::-webkit-scrollbar-thumb:hover {
   background-color: #bbb;
 }
-/deep/ .ant-form-item {
+.components-list::-webkit-scrollbar-track-piece {
+  background-color: #f8f8f8;
+  border-radius: 2em;
+}
+.components-list::-webkit-scrollbar {
+  width: 4px;
+}
+.components-list::-webkit-scrollbar-thumb {
+  background-color: #dddddd;
+  background-clip: padding-box;
+  border-radius: 2em;
+}
+.components-list::-webkit-scrollbar-thumb:hover {
+  background-color: #bbb;
+}
+.widget-form-list /deep/ .ant-form-item {
   margin-bottom: 0;
 }
 .sortable-chosen {
@@ -7006,10 +7022,56 @@ div {
   background: url(data:image/png;base64,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) no-repeat;
   background-position: 50%;
 }
-.btn-bar {
-  height: 100px;
+.left-sider {
+  background: #fff !important;
+  border-right: 1px solid #e8e8e8;
+}
+.left-sider .ant-layout-sider-children {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+.left-actions {
+  padding: 8px 10px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  border-bottom: 1px solid #e8e8e8;
+  background: #fafafa;
+  flex-shrink: 0;
+}
+.left-actions .action-btn {
+  cursor: pointer;
+  font-size: 12px;
+  padding: 3px 10px;
+  border-radius: 4px;
+  color: #555;
   background: #fff;
-  border-bottom: 1px solid #eee;
+  border: 1px solid #d9d9d9;
+  transition: all 0.2s;
+}
+.left-actions .action-btn:hover {
+  color: #409EFF;
+  border-color: #409EFF;
+}
+.left-actions .action-btn.primary {
+  color: #fff;
+  background: #409EFF;
+  border-color: #409EFF;
+}
+.left-actions .action-btn.primary:hover {
+  background: #66b1ff;
+  border-color: #66b1ff;
+}
+.left-actions .action-btn.danger {
+  color: #fff;
+  background: #f56c6c;
+  border-color: #f56c6c;
+}
+.left-actions .action-btn.danger:hover {
+  background: #f78989;
+  border-color: #f78989;
 }
 .gzt-hidden-key .widget-form-list .widget-view-model {
   display: none;
@@ -7283,46 +7345,6 @@ div {
   padding: 0 10px 10px;
   margin: 0;
 }
-.components-list .form-edit-widget-label {
-  font-size: 12px;
-  display: block;
-  width: 48%;
-  line-height: 26px;
-  position: relative;
-  float: left;
-  left: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  margin: 1%;
-  color: #606266;
-  border: 1px solid #F4F6FC;
-}
-.components-list .form-edit-widget-label:hover {
-  color: #409EFF;
-  border: 1px dashed #409EFF;
-}
-.components-list .form-edit-widget-label:hover a {
-  color: #409EFF;
-}
-.components-list .form-edit-widget-label > a {
-  display: block;
-  cursor: move;
-  background: #F4F6FC;
-  border: 1px solid #F4F6FC;
-  color: #606266;
-}
-.components-list .form-edit-widget-label > a .icon {
-  margin-right: 6px;
-  margin-left: 8px;
-  font-size: 14px;
-  display: inline-block;
-  vertical-align: middle;
-}
-.components-list .form-edit-widget-label > a span {
-  display: inline-block;
-  vertical-align: middle;
-}
 .widget-form-container {
   height: 100%;
   position: absolute;
@@ -7815,13 +7837,22 @@ div {
   position: absolute;
   text-align: center;
   width: 300px;
-  font-size: 20px;
+  font-size: 14px;
+  color: #bbb;
   top: 200px;
   left: 50%;
   margin-left: -150px;
-  color: #ccc;
   z-index: 10;
 }
+.form-empty .anticon {
+  font-size: 48px;
+  display: block;
+  margin-bottom: 12px;
+  color: #d9d9d9;
+}
+.form-empty p {
+  margin: 0;
+}
 .full-modal .ant-modal {
   padding-bottom: 0;
   position: static;
@@ -7830,7 +7861,7 @@ div {
   padding-top: 14px;
 }
 .full-modal .ant-modal-content {
-  box-shadow: 0;
+  box-shadow: none;
   position: absolute;
   left: 0;
   right: 0;
@@ -7913,6 +7944,13 @@ div {
   padding-bottom: 0;
   margin-bottom: 10px;
 }
+.g1-panel1 .config-content .ant-select,
+.g1-panel1 .config-content .ant-input,
+.g1-panel1 .config-content .ant-input-number,
+.g1-panel1 .config-content .ant-time-picker,
+.g1-panel1 .config-content .ant-calendar-picker {
+  width: 100%;
+}
 .g1-panel1 .el-form-item__label {
   font-weight: 650;
   line-height: 26px;
@@ -7975,14 +8013,14 @@ div {
 }
 /*定义要拖拽元素的样式*/
 .ghostClass {
-  background-color: blue !important;
+  background-color: #ecf5ff !important;
 }
 .chosenClass {
-  background-color: red !important;
+  background-color: #ecf5ff !important;
   opacity: 1 !important;
 }
 .dragClass {
-  background-color: blueviolet !important;
+  background-color: #ecf5ff !important;
   opacity: 1 !important;
   box-shadow: none !important;
   outline: none !important;
@@ -8003,7 +8041,22 @@ div {
 .g1-panel1 .config-content::-webkit-scrollbar-thumb:hover {
   background-color: #bbb;
 }
- /deep/ .ant-form-item {
+.components-list::-webkit-scrollbar-track-piece {
+  background-color: #f8f8f8;
+  border-radius: 2em;
+}
+.components-list::-webkit-scrollbar {
+  width: 4px;
+}
+.components-list::-webkit-scrollbar-thumb {
+  background-color: #dddddd;
+  background-clip: padding-box;
+  border-radius: 2em;
+}
+.components-list::-webkit-scrollbar-thumb:hover {
+  background-color: #bbb;
+}
+.widget-form-list /deep/ .ant-form-item {
   margin-bottom: 0;
 }
 .sortable-chosen {