@zscreate/form-component 1.1.692 → 1.1.694

package/dist/form-component.css

@@ -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,107 @@ div {
   display: none ;
 }
 
-.components-list[data-v-bb4c8efc] {
+.components-list[data-v-58c83656] {
   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-58c83656] {
+  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-58c83656] {
   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-58c83656] {
+  background: #409EFF;
   color: #fff;
 }
-.components-list .widget-control[data-v-bb4c8efc] {
-  display: inline-block;
-  min-width: 70px;
+.components-list ul[data-v-58c83656] {
+  padding: 8px 8px 4px;
+}
+.components-list .widget-control[data-v-58c83656] {
+  display: block;
+  width: 100%;
   box-sizing: border-box;
-  padding: 0 5px;
-  height: 45px;
-  border: 1px solid #ccc;
-  cursor: move;
+  padding: 0;
+  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-bb4c8efc]:not(:last-child) {
-  border-right: none;
+.components-list .widget-control[data-v-58c83656]: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-bb4c8efc] {
-  color: #666;
+.components-list .widget-control a[data-v-58c83656] {
+  color: #606266;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
+  flex-direction: row;
+  justify-content: flex-start;
   align-items: center;
-  font-size: 12px;
+  height: 100%;
+  padding: 0 10px;
+  font-size: 13px;
 }
-.components-list .preview-options[data-v-bb4c8efc] {
+.components-list .widget-control a i[data-v-58c83656] {
+  font-size: 16px;
+  margin-right: 8px;
+}
+.components-list .preview-options[data-v-58c83656] {
   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-58c83656] {
   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-58c83656] {
   color: #1890ff;
 }
-.control[data-v-bb4c8efc] {
+.control[data-v-58c83656] {
   margin-top: 20px;
   width: 350px;
   background: #ffffff;
   box-shadow: 0 0 15px #ffffff;
 }
-.control .title[data-v-bb4c8efc] {
+.control .title[data-v-58c83656] {
   height: 50px;
   line-height: 50px;
   padding: 0 15px;
   border-bottom: 1px solid #f0f0f0;
 }
-.control .list_wrap[data-v-bb4c8efc] {
+.control .list_wrap[data-v-58c83656] {
   padding-top: 15px;
   font-size: 0;
   min-height: 680px;
 }
-.control .list_wrap .list_box[data-v-bb4c8efc] {
+.control .list_wrap .list_box[data-v-58c83656] {
   display: inline-block;
 }
-.control .list_wrap .list[data-v-bb4c8efc] {
+.control .list_wrap .list[data-v-58c83656] {
   border: 1px dashed #d1d1d1;
   margin: 0 7.5px 15px 7.5px;
   width: 160px;
@@ -5482,23 +5494,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-bb4c8efc] {
+.control .list_wrap .list i[data-v-58c83656] {
   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-58c83656]:nth-child(2n) {
   margin-right: 0;
 }
-.control .list_wrap .list[data-v-bb4c8efc]:hover {
+.control .list_wrap .list[data-v-58c83656]:hover {
   background: #f1f1f1;
 }
 
@@ -5516,98 +5528,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 +5630,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 +5718,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 +5737,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 +5750,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 +5782,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 +5808,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 +5840,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 +5871,74 @@ div {
 /***label对齐方式 */
 
 
-[data-v-68fadbb3] .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-68fadbb3] .m-colorPicker .colorBtn {
+[data-v-5f94fdfc] .m-colorPicker .colorBtn {
   border: 1px solid #e3e3e3;
 }
-[data-v-68fadbb3] .ant-select-selection--multiple .ant-select-selection__rendered {
-  line-height: 5px !important;
-}
 
 
-[data-v-0b66aa74] .ant-form-item {
-  margin-bottom: 0;
+[data-v-78823b9c] .ant-form-item {
+  margin-bottom: 10px;
+  padding-bottom: 8px;
+  border-bottom: 1px dashed #f0f0f0;
 }
-[data-v-0b66aa74] .ant-form-item ul {
+[data-v-78823b9c] .ant-form-item:last-child {
+  border-bottom: none;
+  padding-bottom: 0;
+}
+[data-v-78823b9c] .ant-form-item ul {
   position: initial !important;
   overflow-y: auto !important;
 }
+[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: #c0c4cc;
+}
+.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-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}
 
@@ -6129,13 +6191,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 +6206,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;
 }
 
@@ -6168,7 +6230,10 @@ div {
 .fm2-container {
   background: #fff;
   height: 100%;
-  border: 1px solid #e0e0e0;
+  border: 1px solid #e4e7ed;
+  border-radius: 6px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+  overflow: hidden;
 }
 .fm2-container .el-container {
   height: 100% !important;
@@ -6235,46 +6300,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;
@@ -6708,7 +6733,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 {
@@ -6721,17 +6746,27 @@ 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 {
   padding: 0;
-  font-weight: bold;
+  font-weight: 500;
   font-size: 12px;
+  color: #606266;
 }
 .widget-config-container .config-content .el-form-item {
   padding-bottom: 10px;
@@ -6767,13 +6802,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 +6826,7 @@ div {
   padding-top: 14px;
 }
 .full-modal .ant-modal-content {
-  box-shadow: 0;
+  box-shadow: none;
   position: absolute;
   left: 0;
   right: 0;
@@ -6848,6 +6892,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;
@@ -6865,9 +6910,22 @@ 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;
+  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 {
   margin-bottom: 5px;
@@ -6927,35 +6985,54 @@ 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;
   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: transparent;
+  border-radius: 2em;
+}
+.components-list::-webkit-scrollbar {
+  width: 5px;
 }
-/deep/ .ant-form-item {
+.components-list::-webkit-scrollbar-thumb {
+  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: #909399;
+}
+.widget-form-list /deep/ .ant-form-item {
   margin-bottom: 0;
 }
 .sortable-chosen {
@@ -6969,47 +7046,114 @@ 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;
   background-position: 50%;
 }
-.btn-bar {
-  height: 100px;
+.left-sider {
+  background: #fff !important;
+  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;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+.left-actions {
+  padding: 10px 12px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  border-bottom: 1px solid #ebeef5;
   background: #fff;
-  border-bottom: 1px solid #eee;
+  flex-shrink: 0;
+}
+.left-actions .action-btn {
+  cursor: pointer;
+  font-size: 12px;
+  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;
+  background: #409EFF;
+  border-color: #409EFF;
+}
+.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;
+  background: #f56c6c;
+  border-color: #f56c6c;
+}
+.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;
@@ -7216,7 +7360,10 @@ div {
 .fm2-container {
   background: #fff;
   height: 100%;
-  border: 1px solid #e0e0e0;
+  border: 1px solid #e4e7ed;
+  border-radius: 6px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+  overflow: hidden;
 }
 .fm2-container .el-container {
   height: 100% !important;
@@ -7283,46 +7430,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;
@@ -7756,7 +7863,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 {
@@ -7769,17 +7876,27 @@ 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 {
   padding: 0;
-  font-weight: bold;
+  font-weight: 500;
   font-size: 12px;
+  color: #606266;
 }
 .widget-config-container .config-content .el-form-item {
   padding-bottom: 10px;
@@ -7815,13 +7932,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 +7956,7 @@ div {
   padding-top: 14px;
 }
 .full-modal .ant-modal-content {
-  box-shadow: 0;
+  box-shadow: none;
   position: absolute;
   left: 0;
   right: 0;
@@ -7896,6 +8022,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;
@@ -7913,9 +8040,22 @@ 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;
+  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 {
   margin-bottom: 5px;
@@ -7975,35 +8115,54 @@ 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;
   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: transparent;
+  border-radius: 2em;
+}
+.components-list::-webkit-scrollbar {
+  width: 5px;
+}
+.components-list::-webkit-scrollbar-thumb {
+  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: #909399;
 }
- /deep/ .ant-form-item {
+.widget-form-list /deep/ .ant-form-item {
   margin-bottom: 0;
 }
 .sortable-chosen {