super-page-designer 2.2.73 → 2.2.77-sit3

package/dist/es/style.css

@@ -1,4 +1,4 @@
-.el-tree-node__content {
+@charset "UTF-8";.el-tree-node__content {
   height: 34px !important;
 }
 .amb-page-container-header {
@@ -47,22 +47,17 @@
   height: 100%;
 }
 
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
   background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -414,14 +409,17 @@
 }
 
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -439,12 +437,26 @@
 .el-table__cell > .cell {
   white-space: nowrap !important;
 }
-.amb-design-item {
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -460,13 +472,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -479,10 +494,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -593,9 +609,6 @@ fieldset.amb-design-item-selected {
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
 }
-.el-table td.el-table__cell .cell {
-  padding: 1px;
-}
 
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -615,7 +628,29 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
-@font-face {
+
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
+}@font-face {
   font-family: "iconfont"; /* Project id 4592602 */
   src: url('data:font/woff2;base64,d09GMgABAAAAAAPUAAsAAAAACBgAAAOIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCfgqDbIMoATYCJAMMCwgABCAFhGcHQRsHBxHVm0/Jfhy4sdOg9a44KVEXKjVJ/xwEiJtdmpSVMnF/MRlvZsrLaalyCNUla3/56TOg3eQInQHg81yO7zbJB/BbNmZjbFscHmbnAR1Ye1IWYS9wTKlh7MqLeAUBmKRTEK14yfJVcW3bqGt7AlEYfgFxr2jbqkUjDO6ianoFBgJL272qs5iIDtoo7Swwwf+8eEOmMEBDlxiX2JuXaMrB5+q5Lgc6BiLv4voQwPkaoAMSSF5ZWFSvT9qRYTMZiVmWVESj6QoBz3WH47ly5XX/4YFAA2HB6HYGIB62NHiubJVTU2ALDTj3Eli4hfY84CRmvO+XaGV8RbxPj+WmKQatj/UdbU6NbjrV29sSjJTPNB84qdmqHRuEsI3JkWNaurDMJ2aZy/usmrAvY5bfmBnievXr6JKaJtN9m88PazHDD9uYatcqXatWMsWMmz7bTyzIdqOGeY0YNGPFMp9m0wZ6N526dPl0Ia5WBQNTp5qjezBwJRbixNrkK81+INuYVdDiU+pkP2NtaLRm17XPzsureHhGNo+slcM/xuIWIrzL5Srh0avYYru9W/egnYXDZInPl5d8UZ3H5Br2q93OmY3ORY2+dmSR3soQ9aMaRTbot7Ri9iq5KjkN+TVl65328WH/bM26vCtXulRIseCrXUaGdy1UtkFcvZhOlFiyNVGud4+sm61ihR6ti/esMN2yytxgiWw+oMXKkJ0DsppFOi2wnhhIedcmniXTsnLmbprzpVVvsqy/a4TLqFu9s3rO9NpUNqiYX01raafOLpEuC9OsNATAcUNtkzGO/0Y6pO/ffI4/rkyPBm75vxk2BcDjWaOf+CHH//ZlwLjVpIB/l6irVxtllNqmFkAqsV4NlKjtzgBJw9ewVANMTMCBkfXkfn/Na3TZTRt4xdBwIggSg0hCMYnQsZEJCwYFYJJEicM2vOiIRCgrEMsQAIE7q6Dhyi5I3DlBKOYGdHx5AQvu/INJdeFyno1YIfmboFUM4E7oPS9kGeoHfWO7TlaKan+U1MMKVHmZ7bxwQRliQ9raWpWAhGd40sdwmhii8IBe8041NkVBZW/JPc/mJmgVA7gTes8Lud6a/r43tutkpSXxb0rqYXCo8rIF8VKXVkNXckna2lqVgAS0Z3jyOE5KkyGWzxrQa971qMemML2orZrPr88PdwwwjfGMzDQhhcL0HR695WvlqHHyagw=') format('woff2'),
        url('data:font/woff;base64,d09GRgABAAAAAAWMAAsAAAAACBgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8GUlHY21hcAAAAYgAAABQAAABfn5X6q1nbHlmAAAB2AAAAb8AAAHsKvJzzWhlYWQAAAOYAAAAMQAAADYpBVm/aGhlYQAAA8wAAAAgAAAAJAiRBNlobXR4AAAD7AAAAAwAAAAMDVb//mxvY2EAAAP4AAAACAAAAAgAlgD2bWF4cAAABAAAAAAeAAAAIAEQAGxuYW1lAAAEIAAAAUAAAAJnEKM8sHBvc3QAAAVgAAAAKgAAAEHSS4MSeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGEpYpzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnrE8Y2Vu+N/AwMB8hwFIMjCiKGICAIy4DNt4nO2QsQ2AMAwEz4lDgRiDgoJhqNi/Yo3wthmDl+6kf7kyMIAuTuFgN0bk0mq5d9bcnT1vPPZnzCl7WN3TTVr4s6WPr7X4U1GfK2gv0hQLaXicPZDPahNRFMbvuefOvXfuZCYzmcxMrSYhmWampZDESSajUEMXFSOhfxA3XfQPpa5cKQoWoVbERZ9Al4IoCAXdCL6BjyD4Dm5c6WbipAHP99uc7xy+xUeQkOkP9hXbZEz2yQEhEK1COoi60Aq5AF6eg4HfgBkB+CO4Bf2kAXWYW/8J/CwZplHcgTjC0ItiiDIYZl4/CYpbEMVRSH8vBtJ1uEZtJ9+lFAVyRhGAAtWYRqUG7/3lhfVGs21bhu3IK1XdDkoqMHGlbhqaoEvh6fb9e6+UzF/bZXgh5GQ83hg9aa4f7j+iXbyotxHQzC8oFtmK61zYFtVKklPF8s8Oj69+YxyRMQ0LU1m6XrHY6rBKlTw4OvyQ3sj//GUCes0mDDj7Va+l508nyxEphk5zQnCKPonJGiFZB7J0mM2VDkaX5VQFWNApGuJiJgvCFnhVHrZm2+VrP/FrAJ5RQqMSDrYenrwxHFfAmVHKz4TrqJebx3d2brKyrtFj1zz/ubNYWZts7N59bLrQ48wzsHt9b/vZ7S3xSdkCRf5Wr+n5F47S1r9D2e1lD4ROP55alecnK0vJtQUlXfMdKPIPkGJNJwB4nGNgZGBgAGLuJM/yeH6brwzcLAwg8Ghm12MY/f/f/+ssW5lVgVwOBiaQKABQbg1sAAAAeJxjYGRgYG7438AQwxr6/x8DA8tWBqAICmAGAIuZBXQEAAAABVUAAAQB//4AAAAAAJYA9nicY2BkYGBgZkgAYhBgAmIuIGRg+A/mMwAAEkABfQAAeJyFkT1uwkAQhZ/BkASUKEqkNGlWKSgSyfyUSKlQoKegB7PmR7bXWi9I1DlNjpAT5AjpaHOKSHnYQwNFvNrZb96+mR3JAO6wh4fyu+cu2cMls5IruMCjcJX6k7BPfhauoYmecJ36q3ADL3gTbrJjxg6ef8WshXdhD7f4EK7gBp/CVepfwj75W7iGB/wI16n/Cjcw8a6Fm2h54cDqqdNzNdupVWjSyKTueI71YhNP7ak80TZfmVR1g85RGulU22ObfLvoORepyJpEDXmr49iozJq1Dl2wdC7rt9uR6EFoEgxgoTGFY5xDYYYd4wohDFJERXRn+ZjuBTaIWWn/dU/otsipH3KFLgJ0zlwjutLCeTpNji1f61F1dCtuy5qENJRazUlisuIPPNytqYTUAyyLqgx9tLmiE39QzJD8AdiTb1d4nGNgYoAALgbsgJmRiZGZkYWBKzkjtSIzMb+qNB/GrMwvZWAAAHNgCK0AAA==') format('woff'),
@@ -638,7 +673,10 @@ fieldset.amb-design-item-selected {
   content: "\e605";
 }
 
-.runtime-page-container[data-v-3e4e707a] {
+.amb-object-design-ref[data-v-e7e64fd1] .el-table td.el-table__cell > .cell {
+  padding-left: 2px;
+  padding-right: 2px;
+}.runtime-page-container[data-v-f796b484] {
   height: calc(100vh - 73px);
 }
 .editorTool[data-v-8dba0ddd] {
@@ -654,53 +692,108 @@ fieldset.amb-design-item-selected {
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
 
-[data-v-f1126e5e] .el-cascader-menu {
+[data-v-3324003e] .el-cascader-menu {
   min-width: 120px !important;
 }
 
-[data-v-8e6fbc57] .centered-input .el-input__inner {
+[data-v-68ce085a] .centered-input .el-input__inner {
   text-align: center;
 }
-.el-aside[data-v-82c28039] {
+.el-aside[data-v-f5b621c2] {
   width: 285px;
 }
-.amb-design-board[data-v-82c28039] {
-  padding: 15px;
+.amb-design-board[data-v-f5b621c2] {
   display: flex;
-  flex-direction: column;
+  padding: 15px;
+  flex-direction: row;
+  align-items: flex-start;
   align-content: flex-start;
-  gap: var(--runtime-page-container-view-gap, 15px);
+  flex-wrap: wrap;
+  gap: var(--runtime-page-container-view-gap, 15px) 0;
 }
-.amb-design-board[data-v-82c28039] > div {
+.amb-design-board[data-v-f5b621c2] > div {
   width: 100%;
 }
-.amb-design-board[data-v-82c28039] [draggable] {
-  overflow: hidden;
+.amb-design-board[data-v-f5b621c2] > div[style*="display: inline-block"] {
+  width: auto;
+}
+.amb-design-board[data-v-f5b621c2] div[style*="display: inline-block"] {
+  width: auto;
 }
-.amb-design-board[data-v-82c28039] [draggable][style*="flex: 0 1 0%"] {
+.amb-design-board[data-v-f5b621c2] div[style*="display: inline-block"][style*="flex: 0 1 0%"] {
   flex: none !important;
 }
+.amb-design-board[data-v-f5b621c2] .el-table .cell {
+  overflow: inherit !important;
+}
+.amb-design-board[data-v-f5b621c2] [draggable][style*="flex: 0 1 0%"] {
+  flex: none !important;
+}
+.amb-design-board[data-v-f5b621c2] [draggable] > .el-button ~ .amb-widget-item-tool, .amb-design-board[data-v-f5b621c2] [draggable] > .el-button-group ~ .amb-widget-item-tool, .amb-design-board[data-v-f5b621c2] [draggable] > .el-link ~ .amb-widget-item-tool {
+  bottom: 100%;
+  top: auto;
+}
 .event-item[data-v-18fb54c3] {
   font-size: 12px;
   border-bottom: 2px dashed #f5f6f8;
   padding-top: 5px;
   padding-bottom: 5px;
 }
-
+
+.el-aside-expand-container[data-v-51944ec4] {
+  position: relative;
+  max-width: 280px;
+  width: auto !important;
+  height: 100%;
+  overflow: initial;
+  background-color: #fff;
+  z-index: 10;
+}
+.toggle-btn[data-v-51944ec4] {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  margin-top: auto;
+  margin-bottom: auto;
+  padding: 20px 0px;
+  width: 12px;
+  opacity: 0.5;
+  z-index: 10;
+  cursor: pointer;
+  /* 左侧切换按钮样式 */
+  /* 右侧切换按钮样式 */
+}
+.toggle-btn.left-toggle-btn[data-v-51944ec4] {
+  right: 100%;
+  border-radius: 4px 0 0 4px !important;
+}
+.toggle-btn.right-toggle-btn[data-v-51944ec4] {
+  left: 100%;
+  border-radius: 0 4px 4px 0 !important;
+}
+.amd-el-aside-content-scrollbar[data-v-51944ec4] {
+  width: 100%;
+}
+.amd-el-aside-content-scrollbar[data-v-51944ec4] .el-scrollbar__wrap > .el-scrollbar__view {
+  height: 100%;
+}
+.amd-el-aside-content[data-v-51944ec4] {
+  height: 100%;
+}
 /* 定义滚动条的轨道 */
-[data-v-2076fde4]::-webkit-scrollbar {
+[data-v-e8f0bd36]::-webkit-scrollbar {
   height: 6px;
   width: 6px; /* 宽度 */
 }
 
 /* 定义滑块 */
-[data-v-2076fde4]::-webkit-scrollbar-thumb {
+[data-v-e8f0bd36]::-webkit-scrollbar-thumb {
   background-color: darkgrey; /* 滑块颜色 */
   border-radius: 5px; /* 圆角 */
 }
 
 /* 当滑块hover时改变颜色 */
-[data-v-2076fde4]::-webkit-scrollbar-thumb:hover {
+[data-v-e8f0bd36]::-webkit-scrollbar-thumb:hover {
   background-color: grey;
 }
 ._amb-page-container_1k9lg_1 {
@@ -713,21 +806,95 @@ fieldset.amb-design-item-selected {
 }
 ._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 ~ ._amb-page-container-main_1k9lg_9 {
   height: calc(100vh - 60px);
-}.runtime-page-container-tabs-view[data-v-96609f3b] > .el-tabs__content > .el-tab-pane {
+}.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  align-items: flex-start;
   align-content: flex-start;
+  flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-96609f3b] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
+.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > div {
+  width: 100%;
+}
+.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
+  width: auto;
+}
+.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
+  width: auto;
+}
+.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  align-items: flex-start;
   align-content: flex-start;
+  flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-96609f3b] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
+.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
+  width: 100%;
+}
+.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[draggable] {
+  width: auto;
+}
+.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
+  width: auto;
+}
+.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
+  width: auto;
+}.yx-card-box-view-main[data-v-65a008af] > .el-card__header {
+  position: relative;
+}
+.yx-card-box-view-main .yx-card-box-view-header[data-v-65a008af] {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 15px;
+  flex: 1 1 auto;
+}
+.yx-card-box-view-main .yx-card-box-view-title[data-v-65a008af] {
+  position: relative;
+  z-index: 2;
+  flex: 1 1 auto;
+}
+.yx-card-box-view-main .yx-card-box-view-title[data-v-65a008af]::after {
+  content: " ";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 0;
+}
+.yx-card-box-view-context[data-v-65a008af] {
+  gap: var(--layout-form-flex-gap, 15px);
+}
+.yx-card-box-view-context[data-v-65a008af] > div {
   width: 100%;
 }
+.yx-card-box-view-context[data-v-65a008af] > div[style*="display: inline-block"] {
+  width: auto;
+}
+.yx-card-box-view-context[data-v-65a008af] > .el-form-item {
+  margin: 0;
+}
+.yx-card-box-view-context[data-v-65a008af] > .el-form-item[class*=el-col-8] {
+  flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 2) / 3);
+}
+@media (max-width: 768px) {
+.yx-card-box-view-context[data-v-65a008af] > .el-form-item[class*=el-col-8] {
+    max-width: none;
+    flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 1) / 2);
+}
+}
+@media (max-width: 600px) {
+.yx-card-box-view-context[data-v-65a008af] > .el-form-item[class*=el-col-8] {
+    width: 100%;
+    max-width: none;
+    flex: auto;
+}
+}
 .amb-design-attr-header[data-v-226997f7] {
   position: sticky;
   position: -webkit-sticky;
@@ -799,22 +966,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -1162,14 +1324,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -1186,13 +1351,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -1208,13 +1387,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -1226,10 +1408,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -1331,9 +1514,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -1350,13 +1530,33 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 
 .el-select__wrapper.is-disabled {
   cursor: default;
 }
 
-.seleteSort[data-v-8aacbe0c] {
+.seleteSort[data-v-30496704] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
@@ -1406,22 +1606,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -1769,14 +1964,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -1793,13 +1991,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -1815,13 +2027,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -1833,10 +2048,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -1938,9 +2154,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -1957,6 +2170,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -2004,22 +2237,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -2367,14 +2595,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -2391,13 +2622,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -2413,13 +2658,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -2431,10 +2679,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -2536,9 +2785,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -2555,6 +2801,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -2602,22 +2868,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -2965,14 +3226,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -2989,13 +3253,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -3011,13 +3289,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -3029,10 +3310,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -3134,9 +3416,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -3153,6 +3432,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -3200,22 +3499,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -3563,14 +3857,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -3587,13 +3884,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -3609,13 +3920,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -3627,10 +3941,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -3732,9 +4047,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -3751,6 +4063,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -3798,22 +4130,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -4161,14 +4488,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -4185,13 +4515,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -4207,13 +4551,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -4225,10 +4572,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -4330,9 +4678,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -4349,6 +4694,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -4396,22 +4761,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -4759,14 +5119,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -4783,13 +5146,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -4805,13 +5182,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -4823,10 +5203,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -4928,9 +5309,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -4947,6 +5325,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 
 .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
@@ -4998,22 +5396,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -5361,14 +5754,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -5385,13 +5781,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -5407,13 +5817,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -5425,10 +5838,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -5530,9 +5944,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -5549,6 +5960,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -5596,22 +6027,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -5959,14 +6385,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -5983,13 +6412,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -6005,13 +6448,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -6023,10 +6469,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -6128,9 +6575,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -6147,6 +6591,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -6194,22 +6658,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -6557,14 +7016,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -6581,13 +7043,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -6603,13 +7079,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -6621,10 +7100,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -6726,9 +7206,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -6745,6 +7222,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -6792,22 +7289,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -7155,14 +7647,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -7179,13 +7674,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -7201,13 +7710,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -7219,10 +7731,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -7324,9 +7837,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -7343,6 +7853,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -7390,22 +7920,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -7753,14 +8278,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -7777,13 +8305,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -7799,13 +8341,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -7817,10 +8362,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -7922,9 +8468,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -7941,6 +8484,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -7988,22 +8551,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -8351,14 +8909,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -8375,13 +8936,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -8397,13 +8972,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -8415,10 +8993,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -8520,9 +9099,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -8539,14 +9115,34 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 
-.icon-set-center-body[data-v-181d1ce8]{
+.icon-set-center-body[data-v-7936498b]{
 	display: grid;
 	grid-template-columns:repeat(5,1fr);
 	grid-column-gap: 1px;
 }
-.icon-set-center-item[data-v-181d1ce8]{
+.icon-set-center-item[data-v-7936498b]{
 	width: 100%;
 	height: 80px;
 	display: flex;
@@ -8556,7 +9152,7 @@ fieldset.amb-design-item-selected {
 	cursor: pointer;
 	border: 1px solid #eeeeee;
 }
-.icon-set-center-creation[data-v-181d1ce8]{
+.icon-set-center-creation[data-v-7936498b]{
 	width: 100%;
 	display: flex;
 	align-items: center;
@@ -8564,17 +9160,17 @@ fieldset.amb-design-item-selected {
 	cursor: pointer;
 	border: 1px solid #eeeeee;
 }
-.icon-set-center-item[data-v-181d1ce8]:hover{
+.icon-set-center-item[data-v-7936498b]:hover{
 	background-color: #f2f6fc;
 }
-.icon-set-center-creation[data-v-181d1ce8]:hover{
+.icon-set-center-creation[data-v-7936498b]:hover{
 	background-color: #f2f6fc;
 }
-.icon-set-center-item-border[data-v-181d1ce8]{
+.icon-set-center-item-border[data-v-7936498b]{
 	border: 1px solid #5893ef;
 	z-index: 1;
 }
-.el-form-item[data-v-181d1ce8]{
+.el-form-item[data-v-7936498b]{
 	margin-bottom: 20px;
 }
 .el-tree-node__content {
@@ -8623,22 +9219,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -8986,14 +9577,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -9010,13 +9604,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -9032,13 +9640,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -9050,10 +9661,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -9155,9 +9767,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -9174,6 +9783,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 
 /*不显示列样式*/
@@ -9193,39 +9822,52 @@ fieldset.amb-design-item-selected {
   opacity: 0.5;
   background: #c8ebfb;
 }
-
-li[data-v-b0bcae22] {
+li[data-v-e50b5e57] {
   color: #333;
 }
-.context-menu[data-v-b0bcae22] {
-  position: fixed;
-  background: #fff;
-  z-index: 999;
-  padding: 5px;
-  margin: 0;
+.context-menu[data-v-e50b5e57] {
+  position: fixed;
+  background: #fff;
+  z-index: 999;
+  padding: 5px;
+  margin: 0;
   margin-top: 30px;
 }
-.context-menu li[data-v-b0bcae22] {
-  min-width: 75px;
-  height: 28px;
-  line-height: 28px;
-  text-align: left;
-  color: #1a1a1a;
+.context-menu li[data-v-e50b5e57] {
+  min-width: 75px;
+  height: 28px;
+  line-height: 28px;
+  text-align: left;
+  color: #1a1a1a;
   cursor: pointer;
 }
-.context-menu li[data-v-b0bcae22]:hover {
-  background: #5893ef;
+.context-menu li[data-v-e50b5e57]:hover {
+  background: #5893ef;
   color: #fff;
 }
-.context-menu[data-v-b0bcae22] {
-  border: 1px solid #eee;
-  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+.context-menu[data-v-e50b5e57] {
+  border: 1px solid #eee;
+  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
   border-radius: 5px;
 }
-li[data-v-b0bcae22] {
+li[data-v-e50b5e57] {
   list-style-type: none;
-}
-
+}
+.amb-object-design-table-ref .super-grid-main-table-footer-view[data-v-e50b5e57] {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--super-grid-main-view-gap, 10px);
+  width: 100%;
+}
+.amb-object-design-table-ref[data-v-e50b5e57] .el-pagination {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--layout-form-flex-gap, 15px) 0;
+}
 .stateBtn[data-v-ae2798fb]{
 	display: flex;
 }
@@ -9234,15 +9876,15 @@ li[data-v-b0bcae22] {
 	color: #7b7b7b;
 }
 
-.seleteSort[data-v-f4fba280] {
+.seleteSort[data-v-3f9861c5] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
 
-li[data-v-dbd1c08b] {
+li[data-v-d06d5717] {
   color: #333;
 }
-.context-menu[data-v-dbd1c08b] {
+.context-menu[data-v-d06d5717] {
   position: fixed;
   background: #fff;
   z-index: 999;
@@ -9250,7 +9892,7 @@ li[data-v-dbd1c08b] {
   margin: 0;
   margin-top: 30px;
 }
-.context-menu li[data-v-dbd1c08b] {
+.context-menu li[data-v-d06d5717] {
   min-width: 75px;
   height: 28px;
   line-height: 28px;
@@ -9263,16 +9905,16 @@ li[data-v-dbd1c08b] {
 /*  background: #5893ef;*/
 /*  color: #fff;*/
 /*}*/
-.context-menuLi[data-v-dbd1c08b]:hover {
+.context-menuLi[data-v-d06d5717]:hover {
   background: #5893ef;
   color: #fff;
 }
-.context-menu[data-v-dbd1c08b] {
+.context-menu[data-v-d06d5717] {
   border: 1px solid #eee;
   box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
   border-radius: 5px;
 }
-li[data-v-dbd1c08b] {
+li[data-v-d06d5717] {
   list-style-type: none;
 }
 
@@ -9285,7 +9927,7 @@ li[data-v-dbd1c08b] {
 	width: 100%
 }
 
-.seleteSort[data-v-a94e418c] {
+.seleteSort[data-v-d2fb5ff1] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
@@ -9335,22 +9977,17 @@ li[data-v-dbd1c08b] {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -9698,14 +10335,17 @@ li[data-v-dbd1c08b] {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -9722,13 +10362,27 @@ li[data-v-dbd1c08b] {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -9744,13 +10398,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -9762,10 +10419,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -9867,9 +10525,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -9886,13 +10541,33 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 
-.seleteSort[data-v-c07fe584] {
+.seleteSort[data-v-764dbcf5] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
-[data-v-c07fe584] .el-select__selection {
+[data-v-764dbcf5] .el-select__selection {
   display: inline-block;
 }
 .el-tree-node__content {
@@ -9941,22 +10616,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -10304,14 +10974,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -10328,13 +11001,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -10350,13 +11037,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -10368,10 +11058,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -10473,9 +11164,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -10492,6 +11180,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -10539,22 +11247,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -10902,14 +11605,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -10926,13 +11632,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -10948,13 +11668,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -10966,10 +11689,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -11071,9 +11795,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -11090,16 +11811,49 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 
 .input-with-select .el-input-group__append {
   background-color: var(--el-fill-color-blank);
 }
 
-.el-tag[data-v-665d3bf4]{
+.el-tag[data-v-6b022e71]{
 	margin-left: 10px;
 }
-.el-tree-node__content {
+.amb-button-group-main[data-v-1320eaf4] {
+  min-height: 32px;
+  display: flex;
+  min-width: 100px;
+  min-height: 2em;
+  flex-wrap: wrap;
+  gap: var(--amb-widget-container-tool-gap, 10px);
+}
+.amb-button-group-main[data-v-1320eaf4]::after, .amb-button-group-main[data-v-1320eaf4]::before {
+  display: none;
+}
+.amb-button-group-main > div[data-v-1320eaf4] {
+  width: auto;
+}.el-tree-node__content {
   height: 34px !important;
 }
 .amb-page-container-header {
@@ -11145,22 +11899,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -11508,14 +12257,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -11532,13 +12284,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -11554,13 +12320,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -11572,10 +12341,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -11677,9 +12447,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -11696,6 +12463,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -11743,22 +12530,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -12106,14 +12888,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -12130,13 +12915,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -12152,13 +12951,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -12170,10 +12972,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -12275,9 +13078,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -12294,6 +13094,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -12341,22 +13161,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -12704,14 +13519,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -12728,13 +13546,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -12750,13 +13582,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -12768,10 +13603,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -12873,9 +13709,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -12892,6 +13725,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -12939,22 +13792,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -13302,14 +14150,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -13326,13 +14177,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -13348,13 +14213,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -13366,10 +14234,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -13471,9 +14340,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -13490,8 +14356,41 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
-.el-tree-node__content {
+.amb-workflowbutton-design-view[data-v-ba02a8bf] {
+  min-height: 32px;
+  display: flex;
+  min-width: 100px;
+  min-height: 2em;
+  flex-wrap: wrap;
+  gap: var(--amb-widget-container-tool-gap, 10px);
+}
+.amb-workflowbutton-design-view[data-v-ba02a8bf]::after, .amb-workflowbutton-design-view[data-v-ba02a8bf]::before {
+  display: none;
+}
+.amb-workflowbutton-design-view > div[data-v-ba02a8bf] {
+  width: auto;
+}.el-tree-node__content {
   height: 34px !important;
 }
 .amb-page-container-header {
@@ -13537,22 +14436,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -13900,14 +14794,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -13924,13 +14821,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -13946,13 +14857,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -13964,10 +14878,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -14069,9 +14984,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -14088,6 +15000,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -14135,22 +15067,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -14498,14 +15425,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -14522,13 +15452,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -14544,13 +15488,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -14562,10 +15509,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -14667,9 +15615,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -14686,6 +15631,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -14733,22 +15698,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -15096,14 +16056,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -15120,13 +16083,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -15142,13 +16119,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -15160,10 +16140,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -15265,9 +16246,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -15284,6 +16262,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -15331,22 +16329,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -15694,14 +16687,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -15718,13 +16714,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -15740,13 +16750,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -15758,10 +16771,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -15863,9 +16877,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -15882,6 +16893,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 
 .el-switch + .el-button[data-v-513f0eca] {
@@ -15944,7 +16975,7 @@ li[data-v-21af26bc] {
   list-style-type: none;
 }
 
-.seleteSort[data-v-89d780ed] {
+.seleteSort[data-v-ad5b0913] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
@@ -15994,22 +17025,17 @@ li[data-v-21af26bc] {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -16357,14 +17383,17 @@ li[data-v-21af26bc] {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -16381,13 +17410,27 @@ li[data-v-21af26bc] {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -16403,13 +17446,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -16421,10 +17467,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -16526,9 +17573,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -16545,6 +17589,26 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }
 
 [data-v-bab42532] .el-form-item__label {
@@ -16596,22 +17660,17 @@ fieldset.amb-design-item-selected {
 .amb-page-container-main > .el-container {
   height: 100%;
 }
-.amb-container-left {
-  width: 280px !important;
-  overflow-y: auto;
-}
 .amb-container-main {
+  position: relative;
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
-  background-color: #f5f7fa;
+  background-color: #f5f7fa;
+  z-index: 0;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
-.amb-container-attr {
-  width: 280px !important;
-}
 .amb-design-attr-base-content {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -16959,14 +18018,17 @@ fieldset.amb-design-item-selected {
   transition: var(--el-transition-duration); */
 }
 .amb-design-item-default {
-  border: 1px dashed #c0c4cc !important;
+  /* border: 1px dashed #c0c4cc !important; */
   /* border: 2px dashed transparent !important; */
   color: #c0c4cc;
   position: relative !important;
 }
 .amb-design-item-default:hover {
   cursor: pointer;
-  border: 1px solid #e6a23c !important;
+  /* border: 1px solid #e6a23c !important; */
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
 .amb-design-item-default > div {
@@ -16983,13 +18045,27 @@ fieldset.amb-design-item-selected {
 }
 .el-table__cell > .cell {
   white-space: nowrap !important;
-}
-.amb-design-item {
+}
+/* .amb-design-item {
   border: 1px solid #ffffff;
-  /* align-items:center; */
+} */
+.amb-design-item:hover {
+  outline-offset: 1px;
+  outline: 1px solid rgb(88, 147, 239);
+  z-index: 10;
 }
 .amb-design-item-selected {
-  border: 1px solid #e6a23c !important;
+  outline-offset: 1px;
+  outline: 1px solid #e6a23c !important;
+  z-index: 10;
+  /* border: 1px solid #e6a23c !important; */
+}
+.amb-design-item-title {
+  position: absolute;
+  top: 0px;
+  right: 60px;
+  text-align: center;
+  line-height: 1;
 }
 fieldset.amb-design-item-selected {
   color: #e6a23c !important;
@@ -17005,13 +18081,16 @@ fieldset.amb-design-item-selected {
   height: 16px;
 }
 .amb-design-chart-series {
+  display: inline-block;
   background-color: #e6a23c;
-  border: 1px dashed #e6a23c;
-  padding: 0px 6px 8px 6px;
+  padding: 4px 6px;
   color: #ffffff;
   cursor: pointer;
   border-radius: 0px 0px 4px 4px;
-  margin-right: 4px;
+  overflow: hidden;
+}
+.amb-design-chart-series ~ .amb-design-chart-series {
+  margin-left: 5px;
 }
 .amb-design-chart-series-selected {
   background-color: #5893ef;
@@ -17023,10 +18102,11 @@ fieldset.amb-design-item-selected {
   height: 22px;
   right: 0;
   top: 0;
-  z-index: 2;
-  padding: 6px;
-  padding-top: 2px;
-  padding-left: 0px;
+  display: flex;
+  align-items: center;
+  padding: 0 5px;
+  gap: 5px;
+  z-index: 10;
 }
 .amb-widget-item-tool > i {
   cursor: pointer;
@@ -17128,9 +18208,6 @@ fieldset.amb-design-item-selected {
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
   display: flex;
-}
-.el-table td.el-table__cell .cell {
-  padding: 1px;
 }
 /*去除表单组件 el-item label留白*/
 .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -17147,4 +18224,24 @@ fieldset.amb-design-item-selected {
   font-size: 22px;
   padding: 10px;
   font-weight: bold;
+}
+.amb-component-popover-left-menu-main {
+  position: relative;
+  height: 100%;
+  border-right: solid 1px var(--el-menu-border-color);
+  background-color: var(--el-menu-bg-color);
+  overflow: auto;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item {
+  font-size: var(--el-menu-item-font-size);
+  color: var(--el-menu-text-color);
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: 10px;
+}
+.amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
+  color: var(--el-menu-active-color);
+  background-color: var(--el-menu-hover-bg-color);
 }