super-page-designer 2.2.76 → 2.2.77-sit4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/es/components/design/utils/assemblys-config.js +2 -2
  2. package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +33 -33
  3. package/dist/es/components/design/views/assemblys/button/button/button-design.vue2.js +21 -21
  4. package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-attr-base.vue.js +8 -8
  5. package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-design.vue.js +4 -1
  6. package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-design.vue2.js +38 -34
  7. package/dist/es/components/design/views/assemblys/button/component/combination.vue.js +2 -2
  8. package/dist/es/components/design/views/assemblys/button/component/condition-dialog.vue.js +3 -3
  9. package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue.js +1 -1
  10. package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue2.js +8 -8
  11. package/dist/es/components/design/views/assemblys/button/component/set-dialog.vue.js +1 -1
  12. package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr-base.vue.js +1 -1
  13. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-base.vue.js +20 -19
  14. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-design.vue2.js +19 -19
  15. package/dist/es/components/design/views/assemblys/button/print-label/printlabel-attr-base.vue.js +9 -8
  16. package/dist/es/components/design/views/assemblys/button/print-label/printlabel-design.vue2.js +19 -19
  17. package/dist/es/components/design/views/assemblys/chart/column-line/column-line-design.vue2.js +9 -9
  18. package/dist/es/components/design/views/assemblys/chart/gauge/gauge-design.vue2.js +9 -9
  19. package/dist/es/components/design/views/assemblys/chart/pie/pie-design.vue2.js +8 -8
  20. package/dist/es/components/design/views/assemblys/chart/radar/radar-design.vue2.js +12 -12
  21. package/dist/es/components/design/views/assemblys/chart/scatter/scatter-design.vue2.js +11 -11
  22. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue.js +1 -1
  23. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue2.js +39 -36
  24. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/font-style-dialog.vue.js +12 -12
  25. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/style-table.vue.js +14 -14
  26. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-showcondition.vue.js +12 -12
  27. package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue2.js +24 -23
  28. package/dist/es/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js +6 -6
  29. package/dist/es/components/design/views/assemblys/common/common-attr-size.vue.js +1 -1
  30. package/dist/es/components/design/views/assemblys/common/common-i18n-key-input.vue.js +11 -11
  31. package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue.js +53 -53
  32. package/dist/es/components/design/views/assemblys/common/common-select-page.vue.js +1 -1
  33. package/dist/es/components/design/views/assemblys/common/common-select-table.vue.js +3 -3
  34. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +3 -3
  35. package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue3.js → common-variable-bind.vue2.js} +11 -11
  36. package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +59 -59
  37. package/dist/es/components/design/views/assemblys/container/card/card-design.vue.js +4 -1
  38. package/dist/es/components/design/views/assemblys/container/card/card-design.vue2.js +43 -38
  39. package/dist/es/components/design/views/assemblys/container/iframe/iframe-attr-base.vue.js +4 -4
  40. package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue.js +1 -1
  41. package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue2.js +26 -26
  42. package/dist/es/components/design/views/assemblys/data/component/column-config.vue.js +2 -2
  43. package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js +1 -1
  44. package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js +30 -30
  45. package/dist/es/components/design/views/assemblys/data/component/configuration-value.vue.js +7 -7
  46. package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue.js +1 -1
  47. package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue2.js +4 -4
  48. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue.js +1 -1
  49. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +11 -11
  50. package/dist/es/components/design/views/assemblys/data/component/dynamic-column.vue.js +1 -1
  51. package/dist/es/components/design/views/assemblys/data/component/formatting.vue.js +5 -5
  52. package/dist/es/components/design/views/assemblys/data/component/querySetting.vue.js +6 -6
  53. package/dist/es/components/design/views/assemblys/data/component/return-set-table.vue.js +8 -8
  54. package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js +11 -11
  55. package/dist/es/components/design/views/assemblys/data/component/variate-select.vue.js +5 -5
  56. package/dist/es/components/design/views/assemblys/data/table/table-attr-advanced.vue.js +2 -2
  57. package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +9 -9
  58. package/dist/es/components/design/views/assemblys/data/table/table-attr.vue2.js +14 -11
  59. package/dist/es/components/design/views/assemblys/data/table/table-design.vue.js +1 -1
  60. package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js +83 -80
  61. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +1 -1
  62. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +29 -9
  63. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-dynamic-column.vue.js +2 -2
  64. package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js +1 -1
  65. package/dist/es/components/design/views/assemblys/data/tree/tree-attr-context-menu.vue.js +3 -3
  66. package/dist/es/components/design/views/assemblys/data/tree/tree-design.vue2.js +10 -10
  67. package/dist/es/components/design/views/assemblys/form/common/bar-code-rule.vue.js +1 -1
  68. package/dist/es/components/design/views/assemblys/form/common/condition.vue.js +2 -2
  69. package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +4 -4
  70. package/dist/es/components/design/views/assemblys/form/common/data-origin.vue.js +4 -4
  71. package/dist/es/components/design/views/assemblys/form/common/data-origin.vue2.js +1 -1
  72. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +26 -2
  73. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +2 -26
  74. package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue.js +12 -12
  75. package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue.js +1 -1
  76. package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue2.js +6 -6
  77. package/dist/es/components/design/views/assemblys/form/common/parameter-table.vue.js +33 -30
  78. package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js +14 -14
  79. package/dist/es/components/design/views/assemblys/form/common/verification-custom.vue.js +1 -1
  80. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr-base.vue.js +3 -3
  81. package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr-base.vue.js +1 -1
  82. package/dist/es/components/design/views/assemblys/form/input-number/input-number-attr-base.vue.js +1 -1
  83. package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr-base.vue.js +14 -14
  84. package/dist/es/components/design/views/assemblys/form/rich-text/richtext-attr-base.vue.js +1 -1
  85. package/dist/es/components/design/views/assemblys/form/switch/switch-attr-base.vue.js +2 -2
  86. package/dist/es/components/design/views/assemblys/object-design.vue.d.ts +4 -0
  87. package/dist/es/components/design/views/assemblys/object-design.vue.js +5 -138
  88. package/dist/es/components/design/views/assemblys/object-design.vue3.js +140 -0
  89. package/dist/es/components/design/views/assemblys/page/component/setting-form-rule-base-input.vue.js +2 -2
  90. package/dist/es/components/design/views/assemblys/page/component/weight-field-input.vue.js +1 -1
  91. package/dist/es/components/design/views/assemblys/page/create-workflow-dialog.vue.js +8 -8
  92. package/dist/es/components/design/views/assemblys/page/page-attr-base.vue.js +8 -8
  93. package/dist/es/components/design/views/assemblys/page/variable-dialog.vue.js +1 -1
  94. package/dist/es/components/design/views/assemblys/workflow/component/combination.vue.js +9 -20
  95. package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr-base.vue.js +7 -7
  96. package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-design.vue.js +4 -1
  97. package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-design.vue2.js +22 -18
  98. package/dist/es/components/design/views/design/page-event/page-event-container.vue.js +36 -36
  99. package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +64 -64
  100. package/dist/es/components/design/views/design/page-event/page-event-view.vue.js +10 -9
  101. package/dist/es/components/design/views/design/view/attr-container.vue.js +24 -24
  102. package/dist/es/components/design/views/design/view/components/el-aside-expand-component.vue.js +24 -0
  103. package/dist/es/components/design/views/design/view/components/i18n-setting-enabled.vue.js +2 -2
  104. package/dist/es/components/design/views/design/view/components/i18n-setting-page.vue.js +1 -1
  105. package/dist/es/components/design/views/design/view/components/i18n-setting-page.vue2.js +4 -4
  106. package/dist/es/components/design/views/design/view/components/i18n-setting.vue.js +4 -4
  107. package/dist/es/components/design/views/design/view/components/quick-add-dialog.vue.js +10 -9
  108. package/dist/es/components/design/views/design/view/components/translate-error-dialog.vue.js +8 -8
  109. package/dist/es/components/design/views/design/view/page-switch.vue.js +1 -1
  110. package/dist/es/components/design/views/design/view/page-switch.vue2.js +1 -1
  111. package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
  112. package/dist/es/components/design/views/design/view/view-design-preview.vue.js +1 -1
  113. package/dist/es/components/design/views/design/view/view-design-preview.vue2.js +2 -2
  114. package/dist/es/components/design/views/design/view/view-design.vue.js +27 -26
  115. package/dist/es/style.css +1826 -736
  116. package/package.json +5 -5
  117. package/dist/es/components/design/views/assemblys/object-design.vue2.js +0 -4
package/dist/es/style.css CHANGED
@@ -1,4 +1,4 @@
1
- .el-tree-node__content {
1
+ @charset "UTF-8";.el-tree-node__content {
2
2
  height: 34px !important;
3
3
  }
4
4
  .amb-page-container-header {
@@ -47,22 +47,17 @@
47
47
  height: 100%;
48
48
  }
49
49
 
50
- .amb-container-left {
51
- width: 280px !important;
52
- overflow-y: auto;
53
- }
54
50
  .amb-container-main {
51
+ position: relative;
55
52
  padding: 0px !important;
56
53
  user-select: none;
57
54
  overflow: hidden;
58
55
  background-color: #f5f7fa;
56
+ z-index: 0;
59
57
  }
60
58
  .amb-container-main::-webkit-scrollbar {
61
59
  width: 1px;
62
60
  }
63
- .amb-container-attr {
64
- width: 280px !important;
65
- }
66
61
  .amb-design-attr-base-content {
67
62
  background: #ffffff;
68
63
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -414,14 +409,17 @@
414
409
  }
415
410
 
416
411
  .amb-design-item-default {
417
- border: 1px dashed #c0c4cc !important;
412
+ /* border: 1px dashed #c0c4cc !important; */
418
413
  /* border: 2px dashed transparent !important; */
419
414
  color: #c0c4cc;
420
415
  position: relative !important;
421
416
  }
422
417
  .amb-design-item-default:hover {
423
418
  cursor: pointer;
424
- border: 1px solid #e6a23c !important;
419
+ /* border: 1px solid #e6a23c !important; */
420
+ outline-offset: 1px;
421
+ outline: 1px solid #e6a23c !important;
422
+ z-index: 10;
425
423
  /* background-color: rgba(205, 210, 216, 0.105); */
426
424
  }
427
425
  .amb-design-item-default > div {
@@ -439,12 +437,26 @@
439
437
  .el-table__cell > .cell {
440
438
  white-space: nowrap !important;
441
439
  }
442
- .amb-design-item {
440
+ /* .amb-design-item {
443
441
  border: 1px solid #ffffff;
444
- /* align-items:center; */
442
+ } */
443
+ .amb-design-item:hover {
444
+ outline-offset: 1px;
445
+ outline: 1px solid rgb(88, 147, 239);
446
+ z-index: 10;
445
447
  }
446
448
  .amb-design-item-selected {
447
- border: 1px solid #e6a23c !important;
449
+ outline-offset: 1px;
450
+ outline: 1px solid #e6a23c !important;
451
+ z-index: 10;
452
+ /* border: 1px solid #e6a23c !important; */
453
+ }
454
+ .amb-design-item-title {
455
+ position: absolute;
456
+ top: 0px;
457
+ right: 60px;
458
+ text-align: center;
459
+ line-height: 1;
448
460
  }
449
461
  fieldset.amb-design-item-selected {
450
462
  color: #e6a23c !important;
@@ -460,13 +472,16 @@ fieldset.amb-design-item-selected {
460
472
  height: 16px;
461
473
  }
462
474
  .amb-design-chart-series {
475
+ display: inline-block;
463
476
  background-color: #e6a23c;
464
- border: 1px dashed #e6a23c;
465
- padding: 0px 6px 8px 6px;
477
+ padding: 4px 6px;
466
478
  color: #ffffff;
467
479
  cursor: pointer;
468
480
  border-radius: 0px 0px 4px 4px;
469
- margin-right: 4px;
481
+ overflow: hidden;
482
+ }
483
+ .amb-design-chart-series ~ .amb-design-chart-series {
484
+ margin-left: 5px;
470
485
  }
471
486
  .amb-design-chart-series-selected {
472
487
  background-color: #5893ef;
@@ -479,10 +494,11 @@ fieldset.amb-design-item-selected {
479
494
  height: 22px;
480
495
  right: 0;
481
496
  top: 0;
482
- z-index: 2;
483
- padding: 6px;
484
- padding-top: 2px;
485
- padding-left: 0px;
497
+ display: flex;
498
+ align-items: center;
499
+ padding: 0 5px;
500
+ gap: 5px;
501
+ z-index: 10;
486
502
  }
487
503
  .amb-widget-item-tool > i {
488
504
  cursor: pointer;
@@ -593,9 +609,6 @@ fieldset.amb-design-item-selected {
593
609
  .amb-design-item > .el-dropdown > .el-button-group {
594
610
  display: flex;
595
611
  }
596
- .el-table td.el-table__cell .cell {
597
- padding: 1px;
598
- }
599
612
 
600
613
  /*去除表单组件 el-item label留白*/
601
614
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -615,7 +628,29 @@ fieldset.amb-design-item-selected {
615
628
  padding: 10px;
616
629
  font-weight: bold;
617
630
  }
618
- @font-face {
631
+
632
+ .amb-component-popover-left-menu-main {
633
+ position: relative;
634
+ height: 100%;
635
+ border-right: solid 1px var(--el-menu-border-color);
636
+ background-color: var(--el-menu-bg-color);
637
+ overflow: auto;
638
+ }
639
+
640
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
641
+ font-size: var(--el-menu-item-font-size);
642
+ color: var(--el-menu-text-color);
643
+ padding: 10px 0;
644
+ display: flex;
645
+ align-items: center;
646
+ cursor: pointer;
647
+ gap: 10px;
648
+ }
649
+
650
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
651
+ color: var(--el-menu-active-color);
652
+ background-color: var(--el-menu-hover-bg-color);
653
+ }@font-face {
619
654
  font-family: "iconfont"; /* Project id 4592602 */
620
655
  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'),
621
656
  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 {
638
673
  content: "\e605";
639
674
  }
640
675
 
641
- .runtime-page-container[data-v-3e4e707a] {
676
+ .amb-object-design-ref[data-v-e7e64fd1] .el-table td.el-table__cell > .cell {
677
+ padding-left: 2px;
678
+ padding-right: 2px;
679
+ }.runtime-page-container[data-v-f796b484] {
642
680
  height: calc(100vh - 73px);
643
681
  }
644
682
  .editorTool[data-v-8dba0ddd] {
@@ -654,53 +692,108 @@ fieldset.amb-design-item-selected {
654
692
  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
655
693
  }
656
694
 
657
- [data-v-f1126e5e] .el-cascader-menu {
695
+ [data-v-3324003e] .el-cascader-menu {
658
696
  min-width: 120px !important;
659
697
  }
660
698
 
661
- [data-v-8e6fbc57] .centered-input .el-input__inner {
699
+ [data-v-68ce085a] .centered-input .el-input__inner {
662
700
  text-align: center;
663
701
  }
664
- .el-aside[data-v-82c28039] {
702
+ .el-aside[data-v-f5b621c2] {
665
703
  width: 285px;
666
704
  }
667
- .amb-design-board[data-v-82c28039] {
668
- padding: 15px;
705
+ .amb-design-board[data-v-f5b621c2] {
669
706
  display: flex;
670
- flex-direction: column;
707
+ padding: 15px;
708
+ flex-direction: row;
709
+ align-items: flex-start;
671
710
  align-content: flex-start;
672
- gap: var(--runtime-page-container-view-gap, 15px);
711
+ flex-wrap: wrap;
712
+ gap: var(--runtime-page-container-view-gap, 15px) 0;
673
713
  }
674
- .amb-design-board[data-v-82c28039] > div {
714
+ .amb-design-board[data-v-f5b621c2] > div {
675
715
  width: 100%;
676
716
  }
677
- .amb-design-board[data-v-82c28039] [draggable] {
678
- overflow: hidden;
717
+ .amb-design-board[data-v-f5b621c2] > div[style*="display: inline-block"] {
718
+ width: auto;
719
+ }
720
+ .amb-design-board[data-v-f5b621c2] div[style*="display: inline-block"] {
721
+ width: auto;
679
722
  }
680
- .amb-design-board[data-v-82c28039] [draggable][style*="flex: 0 1 0%"] {
723
+ .amb-design-board[data-v-f5b621c2] div[style*="display: inline-block"][style*="flex: 0 1 0%"] {
681
724
  flex: none !important;
682
725
  }
726
+ .amb-design-board[data-v-f5b621c2] .el-table .cell {
727
+ overflow: inherit !important;
728
+ }
729
+ .amb-design-board[data-v-f5b621c2] [draggable][style*="flex: 0 1 0%"] {
730
+ flex: none !important;
731
+ }
732
+ .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 {
733
+ bottom: 100%;
734
+ top: auto;
735
+ }
683
736
  .event-item[data-v-18fb54c3] {
684
737
  font-size: 12px;
685
738
  border-bottom: 2px dashed #f5f6f8;
686
739
  padding-top: 5px;
687
740
  padding-bottom: 5px;
688
741
  }
689
-
742
+
743
+ .el-aside-expand-container[data-v-51944ec4] {
744
+ position: relative;
745
+ max-width: 280px;
746
+ width: auto !important;
747
+ height: 100%;
748
+ overflow: initial;
749
+ background-color: #fff;
750
+ z-index: 10;
751
+ }
752
+ .toggle-btn[data-v-51944ec4] {
753
+ position: absolute;
754
+ top: 0;
755
+ bottom: 0;
756
+ margin-top: auto;
757
+ margin-bottom: auto;
758
+ padding: 20px 0px;
759
+ width: 12px;
760
+ opacity: 0.5;
761
+ z-index: 10;
762
+ cursor: pointer;
763
+ /* 左侧切换按钮样式 */
764
+ /* 右侧切换按钮样式 */
765
+ }
766
+ .toggle-btn.left-toggle-btn[data-v-51944ec4] {
767
+ right: 100%;
768
+ border-radius: 4px 0 0 4px !important;
769
+ }
770
+ .toggle-btn.right-toggle-btn[data-v-51944ec4] {
771
+ left: 100%;
772
+ border-radius: 0 4px 4px 0 !important;
773
+ }
774
+ .amd-el-aside-content-scrollbar[data-v-51944ec4] {
775
+ width: 100%;
776
+ }
777
+ .amd-el-aside-content-scrollbar[data-v-51944ec4] .el-scrollbar__wrap > .el-scrollbar__view {
778
+ height: 100%;
779
+ }
780
+ .amd-el-aside-content[data-v-51944ec4] {
781
+ height: 100%;
782
+ }
690
783
  /* 定义滚动条的轨道 */
691
- [data-v-2076fde4]::-webkit-scrollbar {
784
+ [data-v-e8f0bd36]::-webkit-scrollbar {
692
785
  height: 6px;
693
786
  width: 6px; /* 宽度 */
694
787
  }
695
788
 
696
789
  /* 定义滑块 */
697
- [data-v-2076fde4]::-webkit-scrollbar-thumb {
790
+ [data-v-e8f0bd36]::-webkit-scrollbar-thumb {
698
791
  background-color: darkgrey; /* 滑块颜色 */
699
792
  border-radius: 5px; /* 圆角 */
700
793
  }
701
794
 
702
795
  /* 当滑块hover时改变颜色 */
703
- [data-v-2076fde4]::-webkit-scrollbar-thumb:hover {
796
+ [data-v-e8f0bd36]::-webkit-scrollbar-thumb:hover {
704
797
  background-color: grey;
705
798
  }
706
799
  ._amb-page-container_1k9lg_1 {
@@ -713,7 +806,7 @@ fieldset.amb-design-item-selected {
713
806
  }
714
807
  ._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 ~ ._amb-page-container-main_1k9lg_9 {
715
808
  height: calc(100vh - 60px);
716
- }.runtime-page-container-tabs-view[data-v-bc6567c5] > .el-tabs__content > .el-tab-pane {
809
+ }.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane {
717
810
  display: flex;
718
811
  flex-direction: row;
719
812
  align-items: flex-start;
@@ -721,10 +814,16 @@ fieldset.amb-design-item-selected {
721
814
  flex-wrap: wrap;
722
815
  gap: var(--runtime-page-container-view-gap, 15px);
723
816
  }
724
- .runtime-page-container-tabs-view[data-v-bc6567c5] > .el-tabs__content > .el-tab-pane > div {
817
+ .runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > div {
725
818
  width: 100%;
726
819
  }
727
- .runtime-page-container-tabs-view[data-v-bc6567c5] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
820
+ .runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
821
+ width: auto;
822
+ }
823
+ .runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
824
+ width: auto;
825
+ }
826
+ .runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
728
827
  display: flex;
729
828
  flex-direction: row;
730
829
  align-items: flex-start;
@@ -732,9 +831,70 @@ fieldset.amb-design-item-selected {
732
831
  flex-wrap: wrap;
733
832
  gap: var(--runtime-page-container-view-gap, 15px);
734
833
  }
735
- .runtime-page-container-tabs-view[data-v-bc6567c5] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
834
+ .runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
736
835
  width: 100%;
737
836
  }
837
+ .runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[draggable] {
838
+ width: auto;
839
+ }
840
+ .runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
841
+ width: auto;
842
+ }
843
+ .runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
844
+ width: auto;
845
+ }.yx-card-box-view-main[data-v-65a008af] > .el-card__header {
846
+ position: relative;
847
+ }
848
+ .yx-card-box-view-main .yx-card-box-view-header[data-v-65a008af] {
849
+ display: flex;
850
+ flex-direction: row;
851
+ justify-content: space-between;
852
+ align-items: center;
853
+ gap: 15px;
854
+ flex: 1 1 auto;
855
+ }
856
+ .yx-card-box-view-main .yx-card-box-view-title[data-v-65a008af] {
857
+ position: relative;
858
+ z-index: 2;
859
+ flex: 1 1 auto;
860
+ }
861
+ .yx-card-box-view-main .yx-card-box-view-title[data-v-65a008af]::after {
862
+ content: " ";
863
+ position: absolute;
864
+ left: 0;
865
+ top: 0;
866
+ bottom: 0;
867
+ right: 0;
868
+ z-index: 0;
869
+ }
870
+ .yx-card-box-view-context[data-v-65a008af] {
871
+ gap: var(--layout-form-flex-gap, 15px);
872
+ }
873
+ .yx-card-box-view-context[data-v-65a008af] > div {
874
+ width: 100%;
875
+ }
876
+ .yx-card-box-view-context[data-v-65a008af] > div[style*="display: inline-block"] {
877
+ width: auto;
878
+ }
879
+ .yx-card-box-view-context[data-v-65a008af] > .el-form-item {
880
+ margin: 0;
881
+ }
882
+ .yx-card-box-view-context[data-v-65a008af] > .el-form-item[class*=el-col-8] {
883
+ flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 2) / 3);
884
+ }
885
+ @media (max-width: 768px) {
886
+ .yx-card-box-view-context[data-v-65a008af] > .el-form-item[class*=el-col-8] {
887
+ max-width: none;
888
+ flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 1) / 2);
889
+ }
890
+ }
891
+ @media (max-width: 600px) {
892
+ .yx-card-box-view-context[data-v-65a008af] > .el-form-item[class*=el-col-8] {
893
+ width: 100%;
894
+ max-width: none;
895
+ flex: auto;
896
+ }
897
+ }
738
898
  .amb-design-attr-header[data-v-226997f7] {
739
899
  position: sticky;
740
900
  position: -webkit-sticky;
@@ -806,22 +966,17 @@ fieldset.amb-design-item-selected {
806
966
  .amb-page-container-main > .el-container {
807
967
  height: 100%;
808
968
  }
809
- .amb-container-left {
810
- width: 280px !important;
811
- overflow-y: auto;
812
- }
813
969
  .amb-container-main {
970
+ position: relative;
814
971
  padding: 0px !important;
815
972
  user-select: none;
816
973
  overflow: hidden;
817
- background-color: #f5f7fa;
974
+ background-color: #f5f7fa;
975
+ z-index: 0;
818
976
  }
819
977
  .amb-container-main::-webkit-scrollbar {
820
978
  width: 1px;
821
979
  }
822
- .amb-container-attr {
823
- width: 280px !important;
824
- }
825
980
  .amb-design-attr-base-content {
826
981
  background: #ffffff;
827
982
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -1169,14 +1324,17 @@ fieldset.amb-design-item-selected {
1169
1324
  transition: var(--el-transition-duration); */
1170
1325
  }
1171
1326
  .amb-design-item-default {
1172
- border: 1px dashed #c0c4cc !important;
1327
+ /* border: 1px dashed #c0c4cc !important; */
1173
1328
  /* border: 2px dashed transparent !important; */
1174
1329
  color: #c0c4cc;
1175
1330
  position: relative !important;
1176
1331
  }
1177
1332
  .amb-design-item-default:hover {
1178
1333
  cursor: pointer;
1179
- border: 1px solid #e6a23c !important;
1334
+ /* border: 1px solid #e6a23c !important; */
1335
+ outline-offset: 1px;
1336
+ outline: 1px solid #e6a23c !important;
1337
+ z-index: 10;
1180
1338
  /* background-color: rgba(205, 210, 216, 0.105); */
1181
1339
  }
1182
1340
  .amb-design-item-default > div {
@@ -1193,13 +1351,27 @@ fieldset.amb-design-item-selected {
1193
1351
  }
1194
1352
  .el-table__cell > .cell {
1195
1353
  white-space: nowrap !important;
1196
- }
1197
- .amb-design-item {
1354
+ }
1355
+ /* .amb-design-item {
1198
1356
  border: 1px solid #ffffff;
1199
- /* align-items:center; */
1357
+ } */
1358
+ .amb-design-item:hover {
1359
+ outline-offset: 1px;
1360
+ outline: 1px solid rgb(88, 147, 239);
1361
+ z-index: 10;
1200
1362
  }
1201
1363
  .amb-design-item-selected {
1202
- border: 1px solid #e6a23c !important;
1364
+ outline-offset: 1px;
1365
+ outline: 1px solid #e6a23c !important;
1366
+ z-index: 10;
1367
+ /* border: 1px solid #e6a23c !important; */
1368
+ }
1369
+ .amb-design-item-title {
1370
+ position: absolute;
1371
+ top: 0px;
1372
+ right: 60px;
1373
+ text-align: center;
1374
+ line-height: 1;
1203
1375
  }
1204
1376
  fieldset.amb-design-item-selected {
1205
1377
  color: #e6a23c !important;
@@ -1215,13 +1387,16 @@ fieldset.amb-design-item-selected {
1215
1387
  height: 16px;
1216
1388
  }
1217
1389
  .amb-design-chart-series {
1390
+ display: inline-block;
1218
1391
  background-color: #e6a23c;
1219
- border: 1px dashed #e6a23c;
1220
- padding: 0px 6px 8px 6px;
1392
+ padding: 4px 6px;
1221
1393
  color: #ffffff;
1222
1394
  cursor: pointer;
1223
1395
  border-radius: 0px 0px 4px 4px;
1224
- margin-right: 4px;
1396
+ overflow: hidden;
1397
+ }
1398
+ .amb-design-chart-series ~ .amb-design-chart-series {
1399
+ margin-left: 5px;
1225
1400
  }
1226
1401
  .amb-design-chart-series-selected {
1227
1402
  background-color: #5893ef;
@@ -1233,10 +1408,11 @@ fieldset.amb-design-item-selected {
1233
1408
  height: 22px;
1234
1409
  right: 0;
1235
1410
  top: 0;
1236
- z-index: 2;
1237
- padding: 6px;
1238
- padding-top: 2px;
1239
- padding-left: 0px;
1411
+ display: flex;
1412
+ align-items: center;
1413
+ padding: 0 5px;
1414
+ gap: 5px;
1415
+ z-index: 10;
1240
1416
  }
1241
1417
  .amb-widget-item-tool > i {
1242
1418
  cursor: pointer;
@@ -1338,9 +1514,6 @@ fieldset.amb-design-item-selected {
1338
1514
  /* 设计时样式 */
1339
1515
  .amb-design-item > .el-dropdown > .el-button-group {
1340
1516
  display: flex;
1341
- }
1342
- .el-table td.el-table__cell .cell {
1343
- padding: 1px;
1344
1517
  }
1345
1518
  /*去除表单组件 el-item label留白*/
1346
1519
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -1357,13 +1530,33 @@ fieldset.amb-design-item-selected {
1357
1530
  font-size: 22px;
1358
1531
  padding: 10px;
1359
1532
  font-weight: bold;
1533
+ }
1534
+ .amb-component-popover-left-menu-main {
1535
+ position: relative;
1536
+ height: 100%;
1537
+ border-right: solid 1px var(--el-menu-border-color);
1538
+ background-color: var(--el-menu-bg-color);
1539
+ overflow: auto;
1540
+ }
1541
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
1542
+ font-size: var(--el-menu-item-font-size);
1543
+ color: var(--el-menu-text-color);
1544
+ padding: 10px 0;
1545
+ display: flex;
1546
+ align-items: center;
1547
+ cursor: pointer;
1548
+ gap: 10px;
1549
+ }
1550
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
1551
+ color: var(--el-menu-active-color);
1552
+ background-color: var(--el-menu-hover-bg-color);
1360
1553
  }
1361
1554
 
1362
1555
  .el-select__wrapper.is-disabled {
1363
1556
  cursor: default;
1364
1557
  }
1365
1558
 
1366
- .seleteSort[data-v-8aacbe0c] {
1559
+ .seleteSort[data-v-30496704] {
1367
1560
  border-radius: 5px;
1368
1561
  border: 1px solid rgba(88, 147, 239);
1369
1562
  }
@@ -1413,22 +1606,17 @@ fieldset.amb-design-item-selected {
1413
1606
  .amb-page-container-main > .el-container {
1414
1607
  height: 100%;
1415
1608
  }
1416
- .amb-container-left {
1417
- width: 280px !important;
1418
- overflow-y: auto;
1419
- }
1420
1609
  .amb-container-main {
1610
+ position: relative;
1421
1611
  padding: 0px !important;
1422
1612
  user-select: none;
1423
1613
  overflow: hidden;
1424
- background-color: #f5f7fa;
1614
+ background-color: #f5f7fa;
1615
+ z-index: 0;
1425
1616
  }
1426
1617
  .amb-container-main::-webkit-scrollbar {
1427
1618
  width: 1px;
1428
1619
  }
1429
- .amb-container-attr {
1430
- width: 280px !important;
1431
- }
1432
1620
  .amb-design-attr-base-content {
1433
1621
  background: #ffffff;
1434
1622
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -1776,14 +1964,17 @@ fieldset.amb-design-item-selected {
1776
1964
  transition: var(--el-transition-duration); */
1777
1965
  }
1778
1966
  .amb-design-item-default {
1779
- border: 1px dashed #c0c4cc !important;
1967
+ /* border: 1px dashed #c0c4cc !important; */
1780
1968
  /* border: 2px dashed transparent !important; */
1781
1969
  color: #c0c4cc;
1782
1970
  position: relative !important;
1783
1971
  }
1784
1972
  .amb-design-item-default:hover {
1785
1973
  cursor: pointer;
1786
- border: 1px solid #e6a23c !important;
1974
+ /* border: 1px solid #e6a23c !important; */
1975
+ outline-offset: 1px;
1976
+ outline: 1px solid #e6a23c !important;
1977
+ z-index: 10;
1787
1978
  /* background-color: rgba(205, 210, 216, 0.105); */
1788
1979
  }
1789
1980
  .amb-design-item-default > div {
@@ -1800,13 +1991,27 @@ fieldset.amb-design-item-selected {
1800
1991
  }
1801
1992
  .el-table__cell > .cell {
1802
1993
  white-space: nowrap !important;
1803
- }
1804
- .amb-design-item {
1994
+ }
1995
+ /* .amb-design-item {
1805
1996
  border: 1px solid #ffffff;
1806
- /* align-items:center; */
1997
+ } */
1998
+ .amb-design-item:hover {
1999
+ outline-offset: 1px;
2000
+ outline: 1px solid rgb(88, 147, 239);
2001
+ z-index: 10;
1807
2002
  }
1808
2003
  .amb-design-item-selected {
1809
- border: 1px solid #e6a23c !important;
2004
+ outline-offset: 1px;
2005
+ outline: 1px solid #e6a23c !important;
2006
+ z-index: 10;
2007
+ /* border: 1px solid #e6a23c !important; */
2008
+ }
2009
+ .amb-design-item-title {
2010
+ position: absolute;
2011
+ top: 0px;
2012
+ right: 60px;
2013
+ text-align: center;
2014
+ line-height: 1;
1810
2015
  }
1811
2016
  fieldset.amb-design-item-selected {
1812
2017
  color: #e6a23c !important;
@@ -1822,13 +2027,16 @@ fieldset.amb-design-item-selected {
1822
2027
  height: 16px;
1823
2028
  }
1824
2029
  .amb-design-chart-series {
2030
+ display: inline-block;
1825
2031
  background-color: #e6a23c;
1826
- border: 1px dashed #e6a23c;
1827
- padding: 0px 6px 8px 6px;
2032
+ padding: 4px 6px;
1828
2033
  color: #ffffff;
1829
2034
  cursor: pointer;
1830
2035
  border-radius: 0px 0px 4px 4px;
1831
- margin-right: 4px;
2036
+ overflow: hidden;
2037
+ }
2038
+ .amb-design-chart-series ~ .amb-design-chart-series {
2039
+ margin-left: 5px;
1832
2040
  }
1833
2041
  .amb-design-chart-series-selected {
1834
2042
  background-color: #5893ef;
@@ -1840,10 +2048,11 @@ fieldset.amb-design-item-selected {
1840
2048
  height: 22px;
1841
2049
  right: 0;
1842
2050
  top: 0;
1843
- z-index: 2;
1844
- padding: 6px;
1845
- padding-top: 2px;
1846
- padding-left: 0px;
2051
+ display: flex;
2052
+ align-items: center;
2053
+ padding: 0 5px;
2054
+ gap: 5px;
2055
+ z-index: 10;
1847
2056
  }
1848
2057
  .amb-widget-item-tool > i {
1849
2058
  cursor: pointer;
@@ -1945,9 +2154,6 @@ fieldset.amb-design-item-selected {
1945
2154
  /* 设计时样式 */
1946
2155
  .amb-design-item > .el-dropdown > .el-button-group {
1947
2156
  display: flex;
1948
- }
1949
- .el-table td.el-table__cell .cell {
1950
- padding: 1px;
1951
2157
  }
1952
2158
  /*去除表单组件 el-item label留白*/
1953
2159
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -1964,6 +2170,26 @@ fieldset.amb-design-item-selected {
1964
2170
  font-size: 22px;
1965
2171
  padding: 10px;
1966
2172
  font-weight: bold;
2173
+ }
2174
+ .amb-component-popover-left-menu-main {
2175
+ position: relative;
2176
+ height: 100%;
2177
+ border-right: solid 1px var(--el-menu-border-color);
2178
+ background-color: var(--el-menu-bg-color);
2179
+ overflow: auto;
2180
+ }
2181
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
2182
+ font-size: var(--el-menu-item-font-size);
2183
+ color: var(--el-menu-text-color);
2184
+ padding: 10px 0;
2185
+ display: flex;
2186
+ align-items: center;
2187
+ cursor: pointer;
2188
+ gap: 10px;
2189
+ }
2190
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
2191
+ color: var(--el-menu-active-color);
2192
+ background-color: var(--el-menu-hover-bg-color);
1967
2193
  }
1968
2194
  .el-tree-node__content {
1969
2195
  height: 34px !important;
@@ -2011,22 +2237,17 @@ fieldset.amb-design-item-selected {
2011
2237
  .amb-page-container-main > .el-container {
2012
2238
  height: 100%;
2013
2239
  }
2014
- .amb-container-left {
2015
- width: 280px !important;
2016
- overflow-y: auto;
2017
- }
2018
2240
  .amb-container-main {
2241
+ position: relative;
2019
2242
  padding: 0px !important;
2020
2243
  user-select: none;
2021
2244
  overflow: hidden;
2022
- background-color: #f5f7fa;
2245
+ background-color: #f5f7fa;
2246
+ z-index: 0;
2023
2247
  }
2024
2248
  .amb-container-main::-webkit-scrollbar {
2025
2249
  width: 1px;
2026
2250
  }
2027
- .amb-container-attr {
2028
- width: 280px !important;
2029
- }
2030
2251
  .amb-design-attr-base-content {
2031
2252
  background: #ffffff;
2032
2253
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -2374,14 +2595,17 @@ fieldset.amb-design-item-selected {
2374
2595
  transition: var(--el-transition-duration); */
2375
2596
  }
2376
2597
  .amb-design-item-default {
2377
- border: 1px dashed #c0c4cc !important;
2598
+ /* border: 1px dashed #c0c4cc !important; */
2378
2599
  /* border: 2px dashed transparent !important; */
2379
2600
  color: #c0c4cc;
2380
2601
  position: relative !important;
2381
2602
  }
2382
2603
  .amb-design-item-default:hover {
2383
2604
  cursor: pointer;
2384
- border: 1px solid #e6a23c !important;
2605
+ /* border: 1px solid #e6a23c !important; */
2606
+ outline-offset: 1px;
2607
+ outline: 1px solid #e6a23c !important;
2608
+ z-index: 10;
2385
2609
  /* background-color: rgba(205, 210, 216, 0.105); */
2386
2610
  }
2387
2611
  .amb-design-item-default > div {
@@ -2398,13 +2622,27 @@ fieldset.amb-design-item-selected {
2398
2622
  }
2399
2623
  .el-table__cell > .cell {
2400
2624
  white-space: nowrap !important;
2401
- }
2402
- .amb-design-item {
2625
+ }
2626
+ /* .amb-design-item {
2403
2627
  border: 1px solid #ffffff;
2404
- /* align-items:center; */
2628
+ } */
2629
+ .amb-design-item:hover {
2630
+ outline-offset: 1px;
2631
+ outline: 1px solid rgb(88, 147, 239);
2632
+ z-index: 10;
2405
2633
  }
2406
2634
  .amb-design-item-selected {
2407
- border: 1px solid #e6a23c !important;
2635
+ outline-offset: 1px;
2636
+ outline: 1px solid #e6a23c !important;
2637
+ z-index: 10;
2638
+ /* border: 1px solid #e6a23c !important; */
2639
+ }
2640
+ .amb-design-item-title {
2641
+ position: absolute;
2642
+ top: 0px;
2643
+ right: 60px;
2644
+ text-align: center;
2645
+ line-height: 1;
2408
2646
  }
2409
2647
  fieldset.amb-design-item-selected {
2410
2648
  color: #e6a23c !important;
@@ -2420,13 +2658,16 @@ fieldset.amb-design-item-selected {
2420
2658
  height: 16px;
2421
2659
  }
2422
2660
  .amb-design-chart-series {
2661
+ display: inline-block;
2423
2662
  background-color: #e6a23c;
2424
- border: 1px dashed #e6a23c;
2425
- padding: 0px 6px 8px 6px;
2663
+ padding: 4px 6px;
2426
2664
  color: #ffffff;
2427
2665
  cursor: pointer;
2428
2666
  border-radius: 0px 0px 4px 4px;
2429
- margin-right: 4px;
2667
+ overflow: hidden;
2668
+ }
2669
+ .amb-design-chart-series ~ .amb-design-chart-series {
2670
+ margin-left: 5px;
2430
2671
  }
2431
2672
  .amb-design-chart-series-selected {
2432
2673
  background-color: #5893ef;
@@ -2438,10 +2679,11 @@ fieldset.amb-design-item-selected {
2438
2679
  height: 22px;
2439
2680
  right: 0;
2440
2681
  top: 0;
2441
- z-index: 2;
2442
- padding: 6px;
2443
- padding-top: 2px;
2444
- padding-left: 0px;
2682
+ display: flex;
2683
+ align-items: center;
2684
+ padding: 0 5px;
2685
+ gap: 5px;
2686
+ z-index: 10;
2445
2687
  }
2446
2688
  .amb-widget-item-tool > i {
2447
2689
  cursor: pointer;
@@ -2543,9 +2785,6 @@ fieldset.amb-design-item-selected {
2543
2785
  /* 设计时样式 */
2544
2786
  .amb-design-item > .el-dropdown > .el-button-group {
2545
2787
  display: flex;
2546
- }
2547
- .el-table td.el-table__cell .cell {
2548
- padding: 1px;
2549
2788
  }
2550
2789
  /*去除表单组件 el-item label留白*/
2551
2790
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -2562,6 +2801,26 @@ fieldset.amb-design-item-selected {
2562
2801
  font-size: 22px;
2563
2802
  padding: 10px;
2564
2803
  font-weight: bold;
2804
+ }
2805
+ .amb-component-popover-left-menu-main {
2806
+ position: relative;
2807
+ height: 100%;
2808
+ border-right: solid 1px var(--el-menu-border-color);
2809
+ background-color: var(--el-menu-bg-color);
2810
+ overflow: auto;
2811
+ }
2812
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
2813
+ font-size: var(--el-menu-item-font-size);
2814
+ color: var(--el-menu-text-color);
2815
+ padding: 10px 0;
2816
+ display: flex;
2817
+ align-items: center;
2818
+ cursor: pointer;
2819
+ gap: 10px;
2820
+ }
2821
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
2822
+ color: var(--el-menu-active-color);
2823
+ background-color: var(--el-menu-hover-bg-color);
2565
2824
  }
2566
2825
  .el-tree-node__content {
2567
2826
  height: 34px !important;
@@ -2609,22 +2868,17 @@ fieldset.amb-design-item-selected {
2609
2868
  .amb-page-container-main > .el-container {
2610
2869
  height: 100%;
2611
2870
  }
2612
- .amb-container-left {
2613
- width: 280px !important;
2614
- overflow-y: auto;
2615
- }
2616
2871
  .amb-container-main {
2872
+ position: relative;
2617
2873
  padding: 0px !important;
2618
2874
  user-select: none;
2619
2875
  overflow: hidden;
2620
- background-color: #f5f7fa;
2876
+ background-color: #f5f7fa;
2877
+ z-index: 0;
2621
2878
  }
2622
2879
  .amb-container-main::-webkit-scrollbar {
2623
2880
  width: 1px;
2624
2881
  }
2625
- .amb-container-attr {
2626
- width: 280px !important;
2627
- }
2628
2882
  .amb-design-attr-base-content {
2629
2883
  background: #ffffff;
2630
2884
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -2972,14 +3226,17 @@ fieldset.amb-design-item-selected {
2972
3226
  transition: var(--el-transition-duration); */
2973
3227
  }
2974
3228
  .amb-design-item-default {
2975
- border: 1px dashed #c0c4cc !important;
3229
+ /* border: 1px dashed #c0c4cc !important; */
2976
3230
  /* border: 2px dashed transparent !important; */
2977
3231
  color: #c0c4cc;
2978
3232
  position: relative !important;
2979
3233
  }
2980
3234
  .amb-design-item-default:hover {
2981
3235
  cursor: pointer;
2982
- border: 1px solid #e6a23c !important;
3236
+ /* border: 1px solid #e6a23c !important; */
3237
+ outline-offset: 1px;
3238
+ outline: 1px solid #e6a23c !important;
3239
+ z-index: 10;
2983
3240
  /* background-color: rgba(205, 210, 216, 0.105); */
2984
3241
  }
2985
3242
  .amb-design-item-default > div {
@@ -2996,13 +3253,27 @@ fieldset.amb-design-item-selected {
2996
3253
  }
2997
3254
  .el-table__cell > .cell {
2998
3255
  white-space: nowrap !important;
2999
- }
3000
- .amb-design-item {
3256
+ }
3257
+ /* .amb-design-item {
3001
3258
  border: 1px solid #ffffff;
3002
- /* align-items:center; */
3259
+ } */
3260
+ .amb-design-item:hover {
3261
+ outline-offset: 1px;
3262
+ outline: 1px solid rgb(88, 147, 239);
3263
+ z-index: 10;
3003
3264
  }
3004
3265
  .amb-design-item-selected {
3005
- border: 1px solid #e6a23c !important;
3266
+ outline-offset: 1px;
3267
+ outline: 1px solid #e6a23c !important;
3268
+ z-index: 10;
3269
+ /* border: 1px solid #e6a23c !important; */
3270
+ }
3271
+ .amb-design-item-title {
3272
+ position: absolute;
3273
+ top: 0px;
3274
+ right: 60px;
3275
+ text-align: center;
3276
+ line-height: 1;
3006
3277
  }
3007
3278
  fieldset.amb-design-item-selected {
3008
3279
  color: #e6a23c !important;
@@ -3018,13 +3289,16 @@ fieldset.amb-design-item-selected {
3018
3289
  height: 16px;
3019
3290
  }
3020
3291
  .amb-design-chart-series {
3292
+ display: inline-block;
3021
3293
  background-color: #e6a23c;
3022
- border: 1px dashed #e6a23c;
3023
- padding: 0px 6px 8px 6px;
3294
+ padding: 4px 6px;
3024
3295
  color: #ffffff;
3025
3296
  cursor: pointer;
3026
3297
  border-radius: 0px 0px 4px 4px;
3027
- margin-right: 4px;
3298
+ overflow: hidden;
3299
+ }
3300
+ .amb-design-chart-series ~ .amb-design-chart-series {
3301
+ margin-left: 5px;
3028
3302
  }
3029
3303
  .amb-design-chart-series-selected {
3030
3304
  background-color: #5893ef;
@@ -3036,10 +3310,11 @@ fieldset.amb-design-item-selected {
3036
3310
  height: 22px;
3037
3311
  right: 0;
3038
3312
  top: 0;
3039
- z-index: 2;
3040
- padding: 6px;
3041
- padding-top: 2px;
3042
- padding-left: 0px;
3313
+ display: flex;
3314
+ align-items: center;
3315
+ padding: 0 5px;
3316
+ gap: 5px;
3317
+ z-index: 10;
3043
3318
  }
3044
3319
  .amb-widget-item-tool > i {
3045
3320
  cursor: pointer;
@@ -3141,9 +3416,6 @@ fieldset.amb-design-item-selected {
3141
3416
  /* 设计时样式 */
3142
3417
  .amb-design-item > .el-dropdown > .el-button-group {
3143
3418
  display: flex;
3144
- }
3145
- .el-table td.el-table__cell .cell {
3146
- padding: 1px;
3147
3419
  }
3148
3420
  /*去除表单组件 el-item label留白*/
3149
3421
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -3160,6 +3432,26 @@ fieldset.amb-design-item-selected {
3160
3432
  font-size: 22px;
3161
3433
  padding: 10px;
3162
3434
  font-weight: bold;
3435
+ }
3436
+ .amb-component-popover-left-menu-main {
3437
+ position: relative;
3438
+ height: 100%;
3439
+ border-right: solid 1px var(--el-menu-border-color);
3440
+ background-color: var(--el-menu-bg-color);
3441
+ overflow: auto;
3442
+ }
3443
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
3444
+ font-size: var(--el-menu-item-font-size);
3445
+ color: var(--el-menu-text-color);
3446
+ padding: 10px 0;
3447
+ display: flex;
3448
+ align-items: center;
3449
+ cursor: pointer;
3450
+ gap: 10px;
3451
+ }
3452
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
3453
+ color: var(--el-menu-active-color);
3454
+ background-color: var(--el-menu-hover-bg-color);
3163
3455
  }
3164
3456
  .el-tree-node__content {
3165
3457
  height: 34px !important;
@@ -3207,22 +3499,17 @@ fieldset.amb-design-item-selected {
3207
3499
  .amb-page-container-main > .el-container {
3208
3500
  height: 100%;
3209
3501
  }
3210
- .amb-container-left {
3211
- width: 280px !important;
3212
- overflow-y: auto;
3213
- }
3214
3502
  .amb-container-main {
3503
+ position: relative;
3215
3504
  padding: 0px !important;
3216
3505
  user-select: none;
3217
3506
  overflow: hidden;
3218
- background-color: #f5f7fa;
3507
+ background-color: #f5f7fa;
3508
+ z-index: 0;
3219
3509
  }
3220
3510
  .amb-container-main::-webkit-scrollbar {
3221
3511
  width: 1px;
3222
3512
  }
3223
- .amb-container-attr {
3224
- width: 280px !important;
3225
- }
3226
3513
  .amb-design-attr-base-content {
3227
3514
  background: #ffffff;
3228
3515
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -3570,14 +3857,17 @@ fieldset.amb-design-item-selected {
3570
3857
  transition: var(--el-transition-duration); */
3571
3858
  }
3572
3859
  .amb-design-item-default {
3573
- border: 1px dashed #c0c4cc !important;
3860
+ /* border: 1px dashed #c0c4cc !important; */
3574
3861
  /* border: 2px dashed transparent !important; */
3575
3862
  color: #c0c4cc;
3576
3863
  position: relative !important;
3577
3864
  }
3578
3865
  .amb-design-item-default:hover {
3579
3866
  cursor: pointer;
3580
- border: 1px solid #e6a23c !important;
3867
+ /* border: 1px solid #e6a23c !important; */
3868
+ outline-offset: 1px;
3869
+ outline: 1px solid #e6a23c !important;
3870
+ z-index: 10;
3581
3871
  /* background-color: rgba(205, 210, 216, 0.105); */
3582
3872
  }
3583
3873
  .amb-design-item-default > div {
@@ -3594,13 +3884,27 @@ fieldset.amb-design-item-selected {
3594
3884
  }
3595
3885
  .el-table__cell > .cell {
3596
3886
  white-space: nowrap !important;
3597
- }
3598
- .amb-design-item {
3887
+ }
3888
+ /* .amb-design-item {
3599
3889
  border: 1px solid #ffffff;
3600
- /* align-items:center; */
3890
+ } */
3891
+ .amb-design-item:hover {
3892
+ outline-offset: 1px;
3893
+ outline: 1px solid rgb(88, 147, 239);
3894
+ z-index: 10;
3601
3895
  }
3602
3896
  .amb-design-item-selected {
3603
- border: 1px solid #e6a23c !important;
3897
+ outline-offset: 1px;
3898
+ outline: 1px solid #e6a23c !important;
3899
+ z-index: 10;
3900
+ /* border: 1px solid #e6a23c !important; */
3901
+ }
3902
+ .amb-design-item-title {
3903
+ position: absolute;
3904
+ top: 0px;
3905
+ right: 60px;
3906
+ text-align: center;
3907
+ line-height: 1;
3604
3908
  }
3605
3909
  fieldset.amb-design-item-selected {
3606
3910
  color: #e6a23c !important;
@@ -3616,13 +3920,16 @@ fieldset.amb-design-item-selected {
3616
3920
  height: 16px;
3617
3921
  }
3618
3922
  .amb-design-chart-series {
3923
+ display: inline-block;
3619
3924
  background-color: #e6a23c;
3620
- border: 1px dashed #e6a23c;
3621
- padding: 0px 6px 8px 6px;
3925
+ padding: 4px 6px;
3622
3926
  color: #ffffff;
3623
3927
  cursor: pointer;
3624
3928
  border-radius: 0px 0px 4px 4px;
3625
- margin-right: 4px;
3929
+ overflow: hidden;
3930
+ }
3931
+ .amb-design-chart-series ~ .amb-design-chart-series {
3932
+ margin-left: 5px;
3626
3933
  }
3627
3934
  .amb-design-chart-series-selected {
3628
3935
  background-color: #5893ef;
@@ -3634,10 +3941,11 @@ fieldset.amb-design-item-selected {
3634
3941
  height: 22px;
3635
3942
  right: 0;
3636
3943
  top: 0;
3637
- z-index: 2;
3638
- padding: 6px;
3639
- padding-top: 2px;
3640
- padding-left: 0px;
3944
+ display: flex;
3945
+ align-items: center;
3946
+ padding: 0 5px;
3947
+ gap: 5px;
3948
+ z-index: 10;
3641
3949
  }
3642
3950
  .amb-widget-item-tool > i {
3643
3951
  cursor: pointer;
@@ -3739,9 +4047,6 @@ fieldset.amb-design-item-selected {
3739
4047
  /* 设计时样式 */
3740
4048
  .amb-design-item > .el-dropdown > .el-button-group {
3741
4049
  display: flex;
3742
- }
3743
- .el-table td.el-table__cell .cell {
3744
- padding: 1px;
3745
4050
  }
3746
4051
  /*去除表单组件 el-item label留白*/
3747
4052
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -3758,6 +4063,26 @@ fieldset.amb-design-item-selected {
3758
4063
  font-size: 22px;
3759
4064
  padding: 10px;
3760
4065
  font-weight: bold;
4066
+ }
4067
+ .amb-component-popover-left-menu-main {
4068
+ position: relative;
4069
+ height: 100%;
4070
+ border-right: solid 1px var(--el-menu-border-color);
4071
+ background-color: var(--el-menu-bg-color);
4072
+ overflow: auto;
4073
+ }
4074
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
4075
+ font-size: var(--el-menu-item-font-size);
4076
+ color: var(--el-menu-text-color);
4077
+ padding: 10px 0;
4078
+ display: flex;
4079
+ align-items: center;
4080
+ cursor: pointer;
4081
+ gap: 10px;
4082
+ }
4083
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
4084
+ color: var(--el-menu-active-color);
4085
+ background-color: var(--el-menu-hover-bg-color);
3761
4086
  }
3762
4087
  .el-tree-node__content {
3763
4088
  height: 34px !important;
@@ -3805,22 +4130,17 @@ fieldset.amb-design-item-selected {
3805
4130
  .amb-page-container-main > .el-container {
3806
4131
  height: 100%;
3807
4132
  }
3808
- .amb-container-left {
3809
- width: 280px !important;
3810
- overflow-y: auto;
3811
- }
3812
4133
  .amb-container-main {
4134
+ position: relative;
3813
4135
  padding: 0px !important;
3814
4136
  user-select: none;
3815
4137
  overflow: hidden;
3816
- background-color: #f5f7fa;
4138
+ background-color: #f5f7fa;
4139
+ z-index: 0;
3817
4140
  }
3818
4141
  .amb-container-main::-webkit-scrollbar {
3819
4142
  width: 1px;
3820
4143
  }
3821
- .amb-container-attr {
3822
- width: 280px !important;
3823
- }
3824
4144
  .amb-design-attr-base-content {
3825
4145
  background: #ffffff;
3826
4146
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -4168,14 +4488,17 @@ fieldset.amb-design-item-selected {
4168
4488
  transition: var(--el-transition-duration); */
4169
4489
  }
4170
4490
  .amb-design-item-default {
4171
- border: 1px dashed #c0c4cc !important;
4491
+ /* border: 1px dashed #c0c4cc !important; */
4172
4492
  /* border: 2px dashed transparent !important; */
4173
4493
  color: #c0c4cc;
4174
4494
  position: relative !important;
4175
4495
  }
4176
4496
  .amb-design-item-default:hover {
4177
4497
  cursor: pointer;
4178
- border: 1px solid #e6a23c !important;
4498
+ /* border: 1px solid #e6a23c !important; */
4499
+ outline-offset: 1px;
4500
+ outline: 1px solid #e6a23c !important;
4501
+ z-index: 10;
4179
4502
  /* background-color: rgba(205, 210, 216, 0.105); */
4180
4503
  }
4181
4504
  .amb-design-item-default > div {
@@ -4192,13 +4515,27 @@ fieldset.amb-design-item-selected {
4192
4515
  }
4193
4516
  .el-table__cell > .cell {
4194
4517
  white-space: nowrap !important;
4195
- }
4196
- .amb-design-item {
4518
+ }
4519
+ /* .amb-design-item {
4197
4520
  border: 1px solid #ffffff;
4198
- /* align-items:center; */
4521
+ } */
4522
+ .amb-design-item:hover {
4523
+ outline-offset: 1px;
4524
+ outline: 1px solid rgb(88, 147, 239);
4525
+ z-index: 10;
4199
4526
  }
4200
4527
  .amb-design-item-selected {
4201
- border: 1px solid #e6a23c !important;
4528
+ outline-offset: 1px;
4529
+ outline: 1px solid #e6a23c !important;
4530
+ z-index: 10;
4531
+ /* border: 1px solid #e6a23c !important; */
4532
+ }
4533
+ .amb-design-item-title {
4534
+ position: absolute;
4535
+ top: 0px;
4536
+ right: 60px;
4537
+ text-align: center;
4538
+ line-height: 1;
4202
4539
  }
4203
4540
  fieldset.amb-design-item-selected {
4204
4541
  color: #e6a23c !important;
@@ -4214,13 +4551,16 @@ fieldset.amb-design-item-selected {
4214
4551
  height: 16px;
4215
4552
  }
4216
4553
  .amb-design-chart-series {
4554
+ display: inline-block;
4217
4555
  background-color: #e6a23c;
4218
- border: 1px dashed #e6a23c;
4219
- padding: 0px 6px 8px 6px;
4556
+ padding: 4px 6px;
4220
4557
  color: #ffffff;
4221
4558
  cursor: pointer;
4222
4559
  border-radius: 0px 0px 4px 4px;
4223
- margin-right: 4px;
4560
+ overflow: hidden;
4561
+ }
4562
+ .amb-design-chart-series ~ .amb-design-chart-series {
4563
+ margin-left: 5px;
4224
4564
  }
4225
4565
  .amb-design-chart-series-selected {
4226
4566
  background-color: #5893ef;
@@ -4232,10 +4572,11 @@ fieldset.amb-design-item-selected {
4232
4572
  height: 22px;
4233
4573
  right: 0;
4234
4574
  top: 0;
4235
- z-index: 2;
4236
- padding: 6px;
4237
- padding-top: 2px;
4238
- padding-left: 0px;
4575
+ display: flex;
4576
+ align-items: center;
4577
+ padding: 0 5px;
4578
+ gap: 5px;
4579
+ z-index: 10;
4239
4580
  }
4240
4581
  .amb-widget-item-tool > i {
4241
4582
  cursor: pointer;
@@ -4337,9 +4678,6 @@ fieldset.amb-design-item-selected {
4337
4678
  /* 设计时样式 */
4338
4679
  .amb-design-item > .el-dropdown > .el-button-group {
4339
4680
  display: flex;
4340
- }
4341
- .el-table td.el-table__cell .cell {
4342
- padding: 1px;
4343
4681
  }
4344
4682
  /*去除表单组件 el-item label留白*/
4345
4683
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -4356,6 +4694,26 @@ fieldset.amb-design-item-selected {
4356
4694
  font-size: 22px;
4357
4695
  padding: 10px;
4358
4696
  font-weight: bold;
4697
+ }
4698
+ .amb-component-popover-left-menu-main {
4699
+ position: relative;
4700
+ height: 100%;
4701
+ border-right: solid 1px var(--el-menu-border-color);
4702
+ background-color: var(--el-menu-bg-color);
4703
+ overflow: auto;
4704
+ }
4705
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
4706
+ font-size: var(--el-menu-item-font-size);
4707
+ color: var(--el-menu-text-color);
4708
+ padding: 10px 0;
4709
+ display: flex;
4710
+ align-items: center;
4711
+ cursor: pointer;
4712
+ gap: 10px;
4713
+ }
4714
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
4715
+ color: var(--el-menu-active-color);
4716
+ background-color: var(--el-menu-hover-bg-color);
4359
4717
  }
4360
4718
  .el-tree-node__content {
4361
4719
  height: 34px !important;
@@ -4403,22 +4761,17 @@ fieldset.amb-design-item-selected {
4403
4761
  .amb-page-container-main > .el-container {
4404
4762
  height: 100%;
4405
4763
  }
4406
- .amb-container-left {
4407
- width: 280px !important;
4408
- overflow-y: auto;
4409
- }
4410
4764
  .amb-container-main {
4765
+ position: relative;
4411
4766
  padding: 0px !important;
4412
4767
  user-select: none;
4413
4768
  overflow: hidden;
4414
- background-color: #f5f7fa;
4769
+ background-color: #f5f7fa;
4770
+ z-index: 0;
4415
4771
  }
4416
4772
  .amb-container-main::-webkit-scrollbar {
4417
4773
  width: 1px;
4418
4774
  }
4419
- .amb-container-attr {
4420
- width: 280px !important;
4421
- }
4422
4775
  .amb-design-attr-base-content {
4423
4776
  background: #ffffff;
4424
4777
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -4766,14 +5119,17 @@ fieldset.amb-design-item-selected {
4766
5119
  transition: var(--el-transition-duration); */
4767
5120
  }
4768
5121
  .amb-design-item-default {
4769
- border: 1px dashed #c0c4cc !important;
5122
+ /* border: 1px dashed #c0c4cc !important; */
4770
5123
  /* border: 2px dashed transparent !important; */
4771
5124
  color: #c0c4cc;
4772
5125
  position: relative !important;
4773
5126
  }
4774
5127
  .amb-design-item-default:hover {
4775
5128
  cursor: pointer;
4776
- border: 1px solid #e6a23c !important;
5129
+ /* border: 1px solid #e6a23c !important; */
5130
+ outline-offset: 1px;
5131
+ outline: 1px solid #e6a23c !important;
5132
+ z-index: 10;
4777
5133
  /* background-color: rgba(205, 210, 216, 0.105); */
4778
5134
  }
4779
5135
  .amb-design-item-default > div {
@@ -4790,13 +5146,27 @@ fieldset.amb-design-item-selected {
4790
5146
  }
4791
5147
  .el-table__cell > .cell {
4792
5148
  white-space: nowrap !important;
4793
- }
4794
- .amb-design-item {
5149
+ }
5150
+ /* .amb-design-item {
4795
5151
  border: 1px solid #ffffff;
4796
- /* align-items:center; */
5152
+ } */
5153
+ .amb-design-item:hover {
5154
+ outline-offset: 1px;
5155
+ outline: 1px solid rgb(88, 147, 239);
5156
+ z-index: 10;
4797
5157
  }
4798
5158
  .amb-design-item-selected {
4799
- border: 1px solid #e6a23c !important;
5159
+ outline-offset: 1px;
5160
+ outline: 1px solid #e6a23c !important;
5161
+ z-index: 10;
5162
+ /* border: 1px solid #e6a23c !important; */
5163
+ }
5164
+ .amb-design-item-title {
5165
+ position: absolute;
5166
+ top: 0px;
5167
+ right: 60px;
5168
+ text-align: center;
5169
+ line-height: 1;
4800
5170
  }
4801
5171
  fieldset.amb-design-item-selected {
4802
5172
  color: #e6a23c !important;
@@ -4812,13 +5182,16 @@ fieldset.amb-design-item-selected {
4812
5182
  height: 16px;
4813
5183
  }
4814
5184
  .amb-design-chart-series {
5185
+ display: inline-block;
4815
5186
  background-color: #e6a23c;
4816
- border: 1px dashed #e6a23c;
4817
- padding: 0px 6px 8px 6px;
5187
+ padding: 4px 6px;
4818
5188
  color: #ffffff;
4819
5189
  cursor: pointer;
4820
5190
  border-radius: 0px 0px 4px 4px;
4821
- margin-right: 4px;
5191
+ overflow: hidden;
5192
+ }
5193
+ .amb-design-chart-series ~ .amb-design-chart-series {
5194
+ margin-left: 5px;
4822
5195
  }
4823
5196
  .amb-design-chart-series-selected {
4824
5197
  background-color: #5893ef;
@@ -4830,10 +5203,11 @@ fieldset.amb-design-item-selected {
4830
5203
  height: 22px;
4831
5204
  right: 0;
4832
5205
  top: 0;
4833
- z-index: 2;
4834
- padding: 6px;
4835
- padding-top: 2px;
4836
- padding-left: 0px;
5206
+ display: flex;
5207
+ align-items: center;
5208
+ padding: 0 5px;
5209
+ gap: 5px;
5210
+ z-index: 10;
4837
5211
  }
4838
5212
  .amb-widget-item-tool > i {
4839
5213
  cursor: pointer;
@@ -4935,9 +5309,6 @@ fieldset.amb-design-item-selected {
4935
5309
  /* 设计时样式 */
4936
5310
  .amb-design-item > .el-dropdown > .el-button-group {
4937
5311
  display: flex;
4938
- }
4939
- .el-table td.el-table__cell .cell {
4940
- padding: 1px;
4941
5312
  }
4942
5313
  /*去除表单组件 el-item label留白*/
4943
5314
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -4954,6 +5325,26 @@ fieldset.amb-design-item-selected {
4954
5325
  font-size: 22px;
4955
5326
  padding: 10px;
4956
5327
  font-weight: bold;
5328
+ }
5329
+ .amb-component-popover-left-menu-main {
5330
+ position: relative;
5331
+ height: 100%;
5332
+ border-right: solid 1px var(--el-menu-border-color);
5333
+ background-color: var(--el-menu-bg-color);
5334
+ overflow: auto;
5335
+ }
5336
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
5337
+ font-size: var(--el-menu-item-font-size);
5338
+ color: var(--el-menu-text-color);
5339
+ padding: 10px 0;
5340
+ display: flex;
5341
+ align-items: center;
5342
+ cursor: pointer;
5343
+ gap: 10px;
5344
+ }
5345
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
5346
+ color: var(--el-menu-active-color);
5347
+ background-color: var(--el-menu-hover-bg-color);
4957
5348
  }
4958
5349
 
4959
5350
  .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
@@ -5005,22 +5396,17 @@ fieldset.amb-design-item-selected {
5005
5396
  .amb-page-container-main > .el-container {
5006
5397
  height: 100%;
5007
5398
  }
5008
- .amb-container-left {
5009
- width: 280px !important;
5010
- overflow-y: auto;
5011
- }
5012
5399
  .amb-container-main {
5400
+ position: relative;
5013
5401
  padding: 0px !important;
5014
5402
  user-select: none;
5015
5403
  overflow: hidden;
5016
- background-color: #f5f7fa;
5404
+ background-color: #f5f7fa;
5405
+ z-index: 0;
5017
5406
  }
5018
5407
  .amb-container-main::-webkit-scrollbar {
5019
5408
  width: 1px;
5020
5409
  }
5021
- .amb-container-attr {
5022
- width: 280px !important;
5023
- }
5024
5410
  .amb-design-attr-base-content {
5025
5411
  background: #ffffff;
5026
5412
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -5368,14 +5754,17 @@ fieldset.amb-design-item-selected {
5368
5754
  transition: var(--el-transition-duration); */
5369
5755
  }
5370
5756
  .amb-design-item-default {
5371
- border: 1px dashed #c0c4cc !important;
5757
+ /* border: 1px dashed #c0c4cc !important; */
5372
5758
  /* border: 2px dashed transparent !important; */
5373
5759
  color: #c0c4cc;
5374
5760
  position: relative !important;
5375
5761
  }
5376
5762
  .amb-design-item-default:hover {
5377
5763
  cursor: pointer;
5378
- border: 1px solid #e6a23c !important;
5764
+ /* border: 1px solid #e6a23c !important; */
5765
+ outline-offset: 1px;
5766
+ outline: 1px solid #e6a23c !important;
5767
+ z-index: 10;
5379
5768
  /* background-color: rgba(205, 210, 216, 0.105); */
5380
5769
  }
5381
5770
  .amb-design-item-default > div {
@@ -5392,13 +5781,27 @@ fieldset.amb-design-item-selected {
5392
5781
  }
5393
5782
  .el-table__cell > .cell {
5394
5783
  white-space: nowrap !important;
5395
- }
5396
- .amb-design-item {
5784
+ }
5785
+ /* .amb-design-item {
5397
5786
  border: 1px solid #ffffff;
5398
- /* align-items:center; */
5787
+ } */
5788
+ .amb-design-item:hover {
5789
+ outline-offset: 1px;
5790
+ outline: 1px solid rgb(88, 147, 239);
5791
+ z-index: 10;
5399
5792
  }
5400
5793
  .amb-design-item-selected {
5401
- border: 1px solid #e6a23c !important;
5794
+ outline-offset: 1px;
5795
+ outline: 1px solid #e6a23c !important;
5796
+ z-index: 10;
5797
+ /* border: 1px solid #e6a23c !important; */
5798
+ }
5799
+ .amb-design-item-title {
5800
+ position: absolute;
5801
+ top: 0px;
5802
+ right: 60px;
5803
+ text-align: center;
5804
+ line-height: 1;
5402
5805
  }
5403
5806
  fieldset.amb-design-item-selected {
5404
5807
  color: #e6a23c !important;
@@ -5414,13 +5817,16 @@ fieldset.amb-design-item-selected {
5414
5817
  height: 16px;
5415
5818
  }
5416
5819
  .amb-design-chart-series {
5820
+ display: inline-block;
5417
5821
  background-color: #e6a23c;
5418
- border: 1px dashed #e6a23c;
5419
- padding: 0px 6px 8px 6px;
5822
+ padding: 4px 6px;
5420
5823
  color: #ffffff;
5421
5824
  cursor: pointer;
5422
5825
  border-radius: 0px 0px 4px 4px;
5423
- margin-right: 4px;
5826
+ overflow: hidden;
5827
+ }
5828
+ .amb-design-chart-series ~ .amb-design-chart-series {
5829
+ margin-left: 5px;
5424
5830
  }
5425
5831
  .amb-design-chart-series-selected {
5426
5832
  background-color: #5893ef;
@@ -5432,10 +5838,11 @@ fieldset.amb-design-item-selected {
5432
5838
  height: 22px;
5433
5839
  right: 0;
5434
5840
  top: 0;
5435
- z-index: 2;
5436
- padding: 6px;
5437
- padding-top: 2px;
5438
- padding-left: 0px;
5841
+ display: flex;
5842
+ align-items: center;
5843
+ padding: 0 5px;
5844
+ gap: 5px;
5845
+ z-index: 10;
5439
5846
  }
5440
5847
  .amb-widget-item-tool > i {
5441
5848
  cursor: pointer;
@@ -5537,9 +5944,6 @@ fieldset.amb-design-item-selected {
5537
5944
  /* 设计时样式 */
5538
5945
  .amb-design-item > .el-dropdown > .el-button-group {
5539
5946
  display: flex;
5540
- }
5541
- .el-table td.el-table__cell .cell {
5542
- padding: 1px;
5543
5947
  }
5544
5948
  /*去除表单组件 el-item label留白*/
5545
5949
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -5556,6 +5960,26 @@ fieldset.amb-design-item-selected {
5556
5960
  font-size: 22px;
5557
5961
  padding: 10px;
5558
5962
  font-weight: bold;
5963
+ }
5964
+ .amb-component-popover-left-menu-main {
5965
+ position: relative;
5966
+ height: 100%;
5967
+ border-right: solid 1px var(--el-menu-border-color);
5968
+ background-color: var(--el-menu-bg-color);
5969
+ overflow: auto;
5970
+ }
5971
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
5972
+ font-size: var(--el-menu-item-font-size);
5973
+ color: var(--el-menu-text-color);
5974
+ padding: 10px 0;
5975
+ display: flex;
5976
+ align-items: center;
5977
+ cursor: pointer;
5978
+ gap: 10px;
5979
+ }
5980
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
5981
+ color: var(--el-menu-active-color);
5982
+ background-color: var(--el-menu-hover-bg-color);
5559
5983
  }
5560
5984
  .el-tree-node__content {
5561
5985
  height: 34px !important;
@@ -5603,22 +6027,17 @@ fieldset.amb-design-item-selected {
5603
6027
  .amb-page-container-main > .el-container {
5604
6028
  height: 100%;
5605
6029
  }
5606
- .amb-container-left {
5607
- width: 280px !important;
5608
- overflow-y: auto;
5609
- }
5610
6030
  .amb-container-main {
6031
+ position: relative;
5611
6032
  padding: 0px !important;
5612
6033
  user-select: none;
5613
6034
  overflow: hidden;
5614
- background-color: #f5f7fa;
6035
+ background-color: #f5f7fa;
6036
+ z-index: 0;
5615
6037
  }
5616
6038
  .amb-container-main::-webkit-scrollbar {
5617
6039
  width: 1px;
5618
6040
  }
5619
- .amb-container-attr {
5620
- width: 280px !important;
5621
- }
5622
6041
  .amb-design-attr-base-content {
5623
6042
  background: #ffffff;
5624
6043
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -5966,14 +6385,17 @@ fieldset.amb-design-item-selected {
5966
6385
  transition: var(--el-transition-duration); */
5967
6386
  }
5968
6387
  .amb-design-item-default {
5969
- border: 1px dashed #c0c4cc !important;
6388
+ /* border: 1px dashed #c0c4cc !important; */
5970
6389
  /* border: 2px dashed transparent !important; */
5971
6390
  color: #c0c4cc;
5972
6391
  position: relative !important;
5973
6392
  }
5974
6393
  .amb-design-item-default:hover {
5975
6394
  cursor: pointer;
5976
- border: 1px solid #e6a23c !important;
6395
+ /* border: 1px solid #e6a23c !important; */
6396
+ outline-offset: 1px;
6397
+ outline: 1px solid #e6a23c !important;
6398
+ z-index: 10;
5977
6399
  /* background-color: rgba(205, 210, 216, 0.105); */
5978
6400
  }
5979
6401
  .amb-design-item-default > div {
@@ -5990,13 +6412,27 @@ fieldset.amb-design-item-selected {
5990
6412
  }
5991
6413
  .el-table__cell > .cell {
5992
6414
  white-space: nowrap !important;
5993
- }
5994
- .amb-design-item {
6415
+ }
6416
+ /* .amb-design-item {
5995
6417
  border: 1px solid #ffffff;
5996
- /* align-items:center; */
6418
+ } */
6419
+ .amb-design-item:hover {
6420
+ outline-offset: 1px;
6421
+ outline: 1px solid rgb(88, 147, 239);
6422
+ z-index: 10;
5997
6423
  }
5998
6424
  .amb-design-item-selected {
5999
- border: 1px solid #e6a23c !important;
6425
+ outline-offset: 1px;
6426
+ outline: 1px solid #e6a23c !important;
6427
+ z-index: 10;
6428
+ /* border: 1px solid #e6a23c !important; */
6429
+ }
6430
+ .amb-design-item-title {
6431
+ position: absolute;
6432
+ top: 0px;
6433
+ right: 60px;
6434
+ text-align: center;
6435
+ line-height: 1;
6000
6436
  }
6001
6437
  fieldset.amb-design-item-selected {
6002
6438
  color: #e6a23c !important;
@@ -6012,13 +6448,16 @@ fieldset.amb-design-item-selected {
6012
6448
  height: 16px;
6013
6449
  }
6014
6450
  .amb-design-chart-series {
6451
+ display: inline-block;
6015
6452
  background-color: #e6a23c;
6016
- border: 1px dashed #e6a23c;
6017
- padding: 0px 6px 8px 6px;
6453
+ padding: 4px 6px;
6018
6454
  color: #ffffff;
6019
6455
  cursor: pointer;
6020
6456
  border-radius: 0px 0px 4px 4px;
6021
- margin-right: 4px;
6457
+ overflow: hidden;
6458
+ }
6459
+ .amb-design-chart-series ~ .amb-design-chart-series {
6460
+ margin-left: 5px;
6022
6461
  }
6023
6462
  .amb-design-chart-series-selected {
6024
6463
  background-color: #5893ef;
@@ -6030,10 +6469,11 @@ fieldset.amb-design-item-selected {
6030
6469
  height: 22px;
6031
6470
  right: 0;
6032
6471
  top: 0;
6033
- z-index: 2;
6034
- padding: 6px;
6035
- padding-top: 2px;
6036
- padding-left: 0px;
6472
+ display: flex;
6473
+ align-items: center;
6474
+ padding: 0 5px;
6475
+ gap: 5px;
6476
+ z-index: 10;
6037
6477
  }
6038
6478
  .amb-widget-item-tool > i {
6039
6479
  cursor: pointer;
@@ -6135,9 +6575,6 @@ fieldset.amb-design-item-selected {
6135
6575
  /* 设计时样式 */
6136
6576
  .amb-design-item > .el-dropdown > .el-button-group {
6137
6577
  display: flex;
6138
- }
6139
- .el-table td.el-table__cell .cell {
6140
- padding: 1px;
6141
6578
  }
6142
6579
  /*去除表单组件 el-item label留白*/
6143
6580
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -6154,6 +6591,26 @@ fieldset.amb-design-item-selected {
6154
6591
  font-size: 22px;
6155
6592
  padding: 10px;
6156
6593
  font-weight: bold;
6594
+ }
6595
+ .amb-component-popover-left-menu-main {
6596
+ position: relative;
6597
+ height: 100%;
6598
+ border-right: solid 1px var(--el-menu-border-color);
6599
+ background-color: var(--el-menu-bg-color);
6600
+ overflow: auto;
6601
+ }
6602
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
6603
+ font-size: var(--el-menu-item-font-size);
6604
+ color: var(--el-menu-text-color);
6605
+ padding: 10px 0;
6606
+ display: flex;
6607
+ align-items: center;
6608
+ cursor: pointer;
6609
+ gap: 10px;
6610
+ }
6611
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
6612
+ color: var(--el-menu-active-color);
6613
+ background-color: var(--el-menu-hover-bg-color);
6157
6614
  }
6158
6615
  .el-tree-node__content {
6159
6616
  height: 34px !important;
@@ -6201,22 +6658,17 @@ fieldset.amb-design-item-selected {
6201
6658
  .amb-page-container-main > .el-container {
6202
6659
  height: 100%;
6203
6660
  }
6204
- .amb-container-left {
6205
- width: 280px !important;
6206
- overflow-y: auto;
6207
- }
6208
6661
  .amb-container-main {
6662
+ position: relative;
6209
6663
  padding: 0px !important;
6210
6664
  user-select: none;
6211
6665
  overflow: hidden;
6212
- background-color: #f5f7fa;
6666
+ background-color: #f5f7fa;
6667
+ z-index: 0;
6213
6668
  }
6214
6669
  .amb-container-main::-webkit-scrollbar {
6215
6670
  width: 1px;
6216
6671
  }
6217
- .amb-container-attr {
6218
- width: 280px !important;
6219
- }
6220
6672
  .amb-design-attr-base-content {
6221
6673
  background: #ffffff;
6222
6674
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -6564,14 +7016,17 @@ fieldset.amb-design-item-selected {
6564
7016
  transition: var(--el-transition-duration); */
6565
7017
  }
6566
7018
  .amb-design-item-default {
6567
- border: 1px dashed #c0c4cc !important;
7019
+ /* border: 1px dashed #c0c4cc !important; */
6568
7020
  /* border: 2px dashed transparent !important; */
6569
7021
  color: #c0c4cc;
6570
7022
  position: relative !important;
6571
7023
  }
6572
7024
  .amb-design-item-default:hover {
6573
7025
  cursor: pointer;
6574
- border: 1px solid #e6a23c !important;
7026
+ /* border: 1px solid #e6a23c !important; */
7027
+ outline-offset: 1px;
7028
+ outline: 1px solid #e6a23c !important;
7029
+ z-index: 10;
6575
7030
  /* background-color: rgba(205, 210, 216, 0.105); */
6576
7031
  }
6577
7032
  .amb-design-item-default > div {
@@ -6588,13 +7043,27 @@ fieldset.amb-design-item-selected {
6588
7043
  }
6589
7044
  .el-table__cell > .cell {
6590
7045
  white-space: nowrap !important;
6591
- }
6592
- .amb-design-item {
7046
+ }
7047
+ /* .amb-design-item {
6593
7048
  border: 1px solid #ffffff;
6594
- /* align-items:center; */
7049
+ } */
7050
+ .amb-design-item:hover {
7051
+ outline-offset: 1px;
7052
+ outline: 1px solid rgb(88, 147, 239);
7053
+ z-index: 10;
6595
7054
  }
6596
7055
  .amb-design-item-selected {
6597
- border: 1px solid #e6a23c !important;
7056
+ outline-offset: 1px;
7057
+ outline: 1px solid #e6a23c !important;
7058
+ z-index: 10;
7059
+ /* border: 1px solid #e6a23c !important; */
7060
+ }
7061
+ .amb-design-item-title {
7062
+ position: absolute;
7063
+ top: 0px;
7064
+ right: 60px;
7065
+ text-align: center;
7066
+ line-height: 1;
6598
7067
  }
6599
7068
  fieldset.amb-design-item-selected {
6600
7069
  color: #e6a23c !important;
@@ -6610,13 +7079,16 @@ fieldset.amb-design-item-selected {
6610
7079
  height: 16px;
6611
7080
  }
6612
7081
  .amb-design-chart-series {
7082
+ display: inline-block;
6613
7083
  background-color: #e6a23c;
6614
- border: 1px dashed #e6a23c;
6615
- padding: 0px 6px 8px 6px;
7084
+ padding: 4px 6px;
6616
7085
  color: #ffffff;
6617
7086
  cursor: pointer;
6618
7087
  border-radius: 0px 0px 4px 4px;
6619
- margin-right: 4px;
7088
+ overflow: hidden;
7089
+ }
7090
+ .amb-design-chart-series ~ .amb-design-chart-series {
7091
+ margin-left: 5px;
6620
7092
  }
6621
7093
  .amb-design-chart-series-selected {
6622
7094
  background-color: #5893ef;
@@ -6628,10 +7100,11 @@ fieldset.amb-design-item-selected {
6628
7100
  height: 22px;
6629
7101
  right: 0;
6630
7102
  top: 0;
6631
- z-index: 2;
6632
- padding: 6px;
6633
- padding-top: 2px;
6634
- padding-left: 0px;
7103
+ display: flex;
7104
+ align-items: center;
7105
+ padding: 0 5px;
7106
+ gap: 5px;
7107
+ z-index: 10;
6635
7108
  }
6636
7109
  .amb-widget-item-tool > i {
6637
7110
  cursor: pointer;
@@ -6733,9 +7206,6 @@ fieldset.amb-design-item-selected {
6733
7206
  /* 设计时样式 */
6734
7207
  .amb-design-item > .el-dropdown > .el-button-group {
6735
7208
  display: flex;
6736
- }
6737
- .el-table td.el-table__cell .cell {
6738
- padding: 1px;
6739
7209
  }
6740
7210
  /*去除表单组件 el-item label留白*/
6741
7211
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -6752,6 +7222,26 @@ fieldset.amb-design-item-selected {
6752
7222
  font-size: 22px;
6753
7223
  padding: 10px;
6754
7224
  font-weight: bold;
7225
+ }
7226
+ .amb-component-popover-left-menu-main {
7227
+ position: relative;
7228
+ height: 100%;
7229
+ border-right: solid 1px var(--el-menu-border-color);
7230
+ background-color: var(--el-menu-bg-color);
7231
+ overflow: auto;
7232
+ }
7233
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
7234
+ font-size: var(--el-menu-item-font-size);
7235
+ color: var(--el-menu-text-color);
7236
+ padding: 10px 0;
7237
+ display: flex;
7238
+ align-items: center;
7239
+ cursor: pointer;
7240
+ gap: 10px;
7241
+ }
7242
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
7243
+ color: var(--el-menu-active-color);
7244
+ background-color: var(--el-menu-hover-bg-color);
6755
7245
  }
6756
7246
  .el-tree-node__content {
6757
7247
  height: 34px !important;
@@ -6799,22 +7289,17 @@ fieldset.amb-design-item-selected {
6799
7289
  .amb-page-container-main > .el-container {
6800
7290
  height: 100%;
6801
7291
  }
6802
- .amb-container-left {
6803
- width: 280px !important;
6804
- overflow-y: auto;
6805
- }
6806
7292
  .amb-container-main {
7293
+ position: relative;
6807
7294
  padding: 0px !important;
6808
7295
  user-select: none;
6809
7296
  overflow: hidden;
6810
- background-color: #f5f7fa;
7297
+ background-color: #f5f7fa;
7298
+ z-index: 0;
6811
7299
  }
6812
7300
  .amb-container-main::-webkit-scrollbar {
6813
7301
  width: 1px;
6814
7302
  }
6815
- .amb-container-attr {
6816
- width: 280px !important;
6817
- }
6818
7303
  .amb-design-attr-base-content {
6819
7304
  background: #ffffff;
6820
7305
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -7162,14 +7647,17 @@ fieldset.amb-design-item-selected {
7162
7647
  transition: var(--el-transition-duration); */
7163
7648
  }
7164
7649
  .amb-design-item-default {
7165
- border: 1px dashed #c0c4cc !important;
7650
+ /* border: 1px dashed #c0c4cc !important; */
7166
7651
  /* border: 2px dashed transparent !important; */
7167
7652
  color: #c0c4cc;
7168
7653
  position: relative !important;
7169
7654
  }
7170
7655
  .amb-design-item-default:hover {
7171
7656
  cursor: pointer;
7172
- border: 1px solid #e6a23c !important;
7657
+ /* border: 1px solid #e6a23c !important; */
7658
+ outline-offset: 1px;
7659
+ outline: 1px solid #e6a23c !important;
7660
+ z-index: 10;
7173
7661
  /* background-color: rgba(205, 210, 216, 0.105); */
7174
7662
  }
7175
7663
  .amb-design-item-default > div {
@@ -7186,13 +7674,27 @@ fieldset.amb-design-item-selected {
7186
7674
  }
7187
7675
  .el-table__cell > .cell {
7188
7676
  white-space: nowrap !important;
7189
- }
7190
- .amb-design-item {
7677
+ }
7678
+ /* .amb-design-item {
7191
7679
  border: 1px solid #ffffff;
7192
- /* align-items:center; */
7680
+ } */
7681
+ .amb-design-item:hover {
7682
+ outline-offset: 1px;
7683
+ outline: 1px solid rgb(88, 147, 239);
7684
+ z-index: 10;
7193
7685
  }
7194
7686
  .amb-design-item-selected {
7195
- border: 1px solid #e6a23c !important;
7687
+ outline-offset: 1px;
7688
+ outline: 1px solid #e6a23c !important;
7689
+ z-index: 10;
7690
+ /* border: 1px solid #e6a23c !important; */
7691
+ }
7692
+ .amb-design-item-title {
7693
+ position: absolute;
7694
+ top: 0px;
7695
+ right: 60px;
7696
+ text-align: center;
7697
+ line-height: 1;
7196
7698
  }
7197
7699
  fieldset.amb-design-item-selected {
7198
7700
  color: #e6a23c !important;
@@ -7208,13 +7710,16 @@ fieldset.amb-design-item-selected {
7208
7710
  height: 16px;
7209
7711
  }
7210
7712
  .amb-design-chart-series {
7713
+ display: inline-block;
7211
7714
  background-color: #e6a23c;
7212
- border: 1px dashed #e6a23c;
7213
- padding: 0px 6px 8px 6px;
7715
+ padding: 4px 6px;
7214
7716
  color: #ffffff;
7215
7717
  cursor: pointer;
7216
7718
  border-radius: 0px 0px 4px 4px;
7217
- margin-right: 4px;
7719
+ overflow: hidden;
7720
+ }
7721
+ .amb-design-chart-series ~ .amb-design-chart-series {
7722
+ margin-left: 5px;
7218
7723
  }
7219
7724
  .amb-design-chart-series-selected {
7220
7725
  background-color: #5893ef;
@@ -7226,10 +7731,11 @@ fieldset.amb-design-item-selected {
7226
7731
  height: 22px;
7227
7732
  right: 0;
7228
7733
  top: 0;
7229
- z-index: 2;
7230
- padding: 6px;
7231
- padding-top: 2px;
7232
- padding-left: 0px;
7734
+ display: flex;
7735
+ align-items: center;
7736
+ padding: 0 5px;
7737
+ gap: 5px;
7738
+ z-index: 10;
7233
7739
  }
7234
7740
  .amb-widget-item-tool > i {
7235
7741
  cursor: pointer;
@@ -7331,9 +7837,6 @@ fieldset.amb-design-item-selected {
7331
7837
  /* 设计时样式 */
7332
7838
  .amb-design-item > .el-dropdown > .el-button-group {
7333
7839
  display: flex;
7334
- }
7335
- .el-table td.el-table__cell .cell {
7336
- padding: 1px;
7337
7840
  }
7338
7841
  /*去除表单组件 el-item label留白*/
7339
7842
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -7350,6 +7853,26 @@ fieldset.amb-design-item-selected {
7350
7853
  font-size: 22px;
7351
7854
  padding: 10px;
7352
7855
  font-weight: bold;
7856
+ }
7857
+ .amb-component-popover-left-menu-main {
7858
+ position: relative;
7859
+ height: 100%;
7860
+ border-right: solid 1px var(--el-menu-border-color);
7861
+ background-color: var(--el-menu-bg-color);
7862
+ overflow: auto;
7863
+ }
7864
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
7865
+ font-size: var(--el-menu-item-font-size);
7866
+ color: var(--el-menu-text-color);
7867
+ padding: 10px 0;
7868
+ display: flex;
7869
+ align-items: center;
7870
+ cursor: pointer;
7871
+ gap: 10px;
7872
+ }
7873
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
7874
+ color: var(--el-menu-active-color);
7875
+ background-color: var(--el-menu-hover-bg-color);
7353
7876
  }
7354
7877
  .el-tree-node__content {
7355
7878
  height: 34px !important;
@@ -7397,22 +7920,17 @@ fieldset.amb-design-item-selected {
7397
7920
  .amb-page-container-main > .el-container {
7398
7921
  height: 100%;
7399
7922
  }
7400
- .amb-container-left {
7401
- width: 280px !important;
7402
- overflow-y: auto;
7403
- }
7404
7923
  .amb-container-main {
7924
+ position: relative;
7405
7925
  padding: 0px !important;
7406
7926
  user-select: none;
7407
7927
  overflow: hidden;
7408
- background-color: #f5f7fa;
7928
+ background-color: #f5f7fa;
7929
+ z-index: 0;
7409
7930
  }
7410
7931
  .amb-container-main::-webkit-scrollbar {
7411
7932
  width: 1px;
7412
7933
  }
7413
- .amb-container-attr {
7414
- width: 280px !important;
7415
- }
7416
7934
  .amb-design-attr-base-content {
7417
7935
  background: #ffffff;
7418
7936
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -7760,14 +8278,17 @@ fieldset.amb-design-item-selected {
7760
8278
  transition: var(--el-transition-duration); */
7761
8279
  }
7762
8280
  .amb-design-item-default {
7763
- border: 1px dashed #c0c4cc !important;
8281
+ /* border: 1px dashed #c0c4cc !important; */
7764
8282
  /* border: 2px dashed transparent !important; */
7765
8283
  color: #c0c4cc;
7766
8284
  position: relative !important;
7767
8285
  }
7768
8286
  .amb-design-item-default:hover {
7769
8287
  cursor: pointer;
7770
- border: 1px solid #e6a23c !important;
8288
+ /* border: 1px solid #e6a23c !important; */
8289
+ outline-offset: 1px;
8290
+ outline: 1px solid #e6a23c !important;
8291
+ z-index: 10;
7771
8292
  /* background-color: rgba(205, 210, 216, 0.105); */
7772
8293
  }
7773
8294
  .amb-design-item-default > div {
@@ -7784,13 +8305,27 @@ fieldset.amb-design-item-selected {
7784
8305
  }
7785
8306
  .el-table__cell > .cell {
7786
8307
  white-space: nowrap !important;
7787
- }
7788
- .amb-design-item {
8308
+ }
8309
+ /* .amb-design-item {
7789
8310
  border: 1px solid #ffffff;
7790
- /* align-items:center; */
8311
+ } */
8312
+ .amb-design-item:hover {
8313
+ outline-offset: 1px;
8314
+ outline: 1px solid rgb(88, 147, 239);
8315
+ z-index: 10;
7791
8316
  }
7792
8317
  .amb-design-item-selected {
7793
- border: 1px solid #e6a23c !important;
8318
+ outline-offset: 1px;
8319
+ outline: 1px solid #e6a23c !important;
8320
+ z-index: 10;
8321
+ /* border: 1px solid #e6a23c !important; */
8322
+ }
8323
+ .amb-design-item-title {
8324
+ position: absolute;
8325
+ top: 0px;
8326
+ right: 60px;
8327
+ text-align: center;
8328
+ line-height: 1;
7794
8329
  }
7795
8330
  fieldset.amb-design-item-selected {
7796
8331
  color: #e6a23c !important;
@@ -7806,13 +8341,16 @@ fieldset.amb-design-item-selected {
7806
8341
  height: 16px;
7807
8342
  }
7808
8343
  .amb-design-chart-series {
8344
+ display: inline-block;
7809
8345
  background-color: #e6a23c;
7810
- border: 1px dashed #e6a23c;
7811
- padding: 0px 6px 8px 6px;
8346
+ padding: 4px 6px;
7812
8347
  color: #ffffff;
7813
8348
  cursor: pointer;
7814
8349
  border-radius: 0px 0px 4px 4px;
7815
- margin-right: 4px;
8350
+ overflow: hidden;
8351
+ }
8352
+ .amb-design-chart-series ~ .amb-design-chart-series {
8353
+ margin-left: 5px;
7816
8354
  }
7817
8355
  .amb-design-chart-series-selected {
7818
8356
  background-color: #5893ef;
@@ -7824,10 +8362,11 @@ fieldset.amb-design-item-selected {
7824
8362
  height: 22px;
7825
8363
  right: 0;
7826
8364
  top: 0;
7827
- z-index: 2;
7828
- padding: 6px;
7829
- padding-top: 2px;
7830
- padding-left: 0px;
8365
+ display: flex;
8366
+ align-items: center;
8367
+ padding: 0 5px;
8368
+ gap: 5px;
8369
+ z-index: 10;
7831
8370
  }
7832
8371
  .amb-widget-item-tool > i {
7833
8372
  cursor: pointer;
@@ -7929,9 +8468,6 @@ fieldset.amb-design-item-selected {
7929
8468
  /* 设计时样式 */
7930
8469
  .amb-design-item > .el-dropdown > .el-button-group {
7931
8470
  display: flex;
7932
- }
7933
- .el-table td.el-table__cell .cell {
7934
- padding: 1px;
7935
8471
  }
7936
8472
  /*去除表单组件 el-item label留白*/
7937
8473
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -7948,6 +8484,26 @@ fieldset.amb-design-item-selected {
7948
8484
  font-size: 22px;
7949
8485
  padding: 10px;
7950
8486
  font-weight: bold;
8487
+ }
8488
+ .amb-component-popover-left-menu-main {
8489
+ position: relative;
8490
+ height: 100%;
8491
+ border-right: solid 1px var(--el-menu-border-color);
8492
+ background-color: var(--el-menu-bg-color);
8493
+ overflow: auto;
8494
+ }
8495
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
8496
+ font-size: var(--el-menu-item-font-size);
8497
+ color: var(--el-menu-text-color);
8498
+ padding: 10px 0;
8499
+ display: flex;
8500
+ align-items: center;
8501
+ cursor: pointer;
8502
+ gap: 10px;
8503
+ }
8504
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
8505
+ color: var(--el-menu-active-color);
8506
+ background-color: var(--el-menu-hover-bg-color);
7951
8507
  }
7952
8508
  .el-tree-node__content {
7953
8509
  height: 34px !important;
@@ -7995,22 +8551,17 @@ fieldset.amb-design-item-selected {
7995
8551
  .amb-page-container-main > .el-container {
7996
8552
  height: 100%;
7997
8553
  }
7998
- .amb-container-left {
7999
- width: 280px !important;
8000
- overflow-y: auto;
8001
- }
8002
8554
  .amb-container-main {
8555
+ position: relative;
8003
8556
  padding: 0px !important;
8004
8557
  user-select: none;
8005
8558
  overflow: hidden;
8006
- background-color: #f5f7fa;
8559
+ background-color: #f5f7fa;
8560
+ z-index: 0;
8007
8561
  }
8008
8562
  .amb-container-main::-webkit-scrollbar {
8009
8563
  width: 1px;
8010
8564
  }
8011
- .amb-container-attr {
8012
- width: 280px !important;
8013
- }
8014
8565
  .amb-design-attr-base-content {
8015
8566
  background: #ffffff;
8016
8567
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -8358,14 +8909,17 @@ fieldset.amb-design-item-selected {
8358
8909
  transition: var(--el-transition-duration); */
8359
8910
  }
8360
8911
  .amb-design-item-default {
8361
- border: 1px dashed #c0c4cc !important;
8912
+ /* border: 1px dashed #c0c4cc !important; */
8362
8913
  /* border: 2px dashed transparent !important; */
8363
8914
  color: #c0c4cc;
8364
8915
  position: relative !important;
8365
8916
  }
8366
8917
  .amb-design-item-default:hover {
8367
8918
  cursor: pointer;
8368
- border: 1px solid #e6a23c !important;
8919
+ /* border: 1px solid #e6a23c !important; */
8920
+ outline-offset: 1px;
8921
+ outline: 1px solid #e6a23c !important;
8922
+ z-index: 10;
8369
8923
  /* background-color: rgba(205, 210, 216, 0.105); */
8370
8924
  }
8371
8925
  .amb-design-item-default > div {
@@ -8382,13 +8936,27 @@ fieldset.amb-design-item-selected {
8382
8936
  }
8383
8937
  .el-table__cell > .cell {
8384
8938
  white-space: nowrap !important;
8385
- }
8386
- .amb-design-item {
8939
+ }
8940
+ /* .amb-design-item {
8387
8941
  border: 1px solid #ffffff;
8388
- /* align-items:center; */
8942
+ } */
8943
+ .amb-design-item:hover {
8944
+ outline-offset: 1px;
8945
+ outline: 1px solid rgb(88, 147, 239);
8946
+ z-index: 10;
8389
8947
  }
8390
8948
  .amb-design-item-selected {
8391
- border: 1px solid #e6a23c !important;
8949
+ outline-offset: 1px;
8950
+ outline: 1px solid #e6a23c !important;
8951
+ z-index: 10;
8952
+ /* border: 1px solid #e6a23c !important; */
8953
+ }
8954
+ .amb-design-item-title {
8955
+ position: absolute;
8956
+ top: 0px;
8957
+ right: 60px;
8958
+ text-align: center;
8959
+ line-height: 1;
8392
8960
  }
8393
8961
  fieldset.amb-design-item-selected {
8394
8962
  color: #e6a23c !important;
@@ -8404,13 +8972,16 @@ fieldset.amb-design-item-selected {
8404
8972
  height: 16px;
8405
8973
  }
8406
8974
  .amb-design-chart-series {
8975
+ display: inline-block;
8407
8976
  background-color: #e6a23c;
8408
- border: 1px dashed #e6a23c;
8409
- padding: 0px 6px 8px 6px;
8977
+ padding: 4px 6px;
8410
8978
  color: #ffffff;
8411
8979
  cursor: pointer;
8412
8980
  border-radius: 0px 0px 4px 4px;
8413
- margin-right: 4px;
8981
+ overflow: hidden;
8982
+ }
8983
+ .amb-design-chart-series ~ .amb-design-chart-series {
8984
+ margin-left: 5px;
8414
8985
  }
8415
8986
  .amb-design-chart-series-selected {
8416
8987
  background-color: #5893ef;
@@ -8422,10 +8993,11 @@ fieldset.amb-design-item-selected {
8422
8993
  height: 22px;
8423
8994
  right: 0;
8424
8995
  top: 0;
8425
- z-index: 2;
8426
- padding: 6px;
8427
- padding-top: 2px;
8428
- padding-left: 0px;
8996
+ display: flex;
8997
+ align-items: center;
8998
+ padding: 0 5px;
8999
+ gap: 5px;
9000
+ z-index: 10;
8429
9001
  }
8430
9002
  .amb-widget-item-tool > i {
8431
9003
  cursor: pointer;
@@ -8527,9 +9099,6 @@ fieldset.amb-design-item-selected {
8527
9099
  /* 设计时样式 */
8528
9100
  .amb-design-item > .el-dropdown > .el-button-group {
8529
9101
  display: flex;
8530
- }
8531
- .el-table td.el-table__cell .cell {
8532
- padding: 1px;
8533
9102
  }
8534
9103
  /*去除表单组件 el-item label留白*/
8535
9104
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -8546,14 +9115,34 @@ fieldset.amb-design-item-selected {
8546
9115
  font-size: 22px;
8547
9116
  padding: 10px;
8548
9117
  font-weight: bold;
9118
+ }
9119
+ .amb-component-popover-left-menu-main {
9120
+ position: relative;
9121
+ height: 100%;
9122
+ border-right: solid 1px var(--el-menu-border-color);
9123
+ background-color: var(--el-menu-bg-color);
9124
+ overflow: auto;
9125
+ }
9126
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
9127
+ font-size: var(--el-menu-item-font-size);
9128
+ color: var(--el-menu-text-color);
9129
+ padding: 10px 0;
9130
+ display: flex;
9131
+ align-items: center;
9132
+ cursor: pointer;
9133
+ gap: 10px;
9134
+ }
9135
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
9136
+ color: var(--el-menu-active-color);
9137
+ background-color: var(--el-menu-hover-bg-color);
8549
9138
  }
8550
9139
 
8551
- .icon-set-center-body[data-v-181d1ce8]{
9140
+ .icon-set-center-body[data-v-7936498b]{
8552
9141
  display: grid;
8553
9142
  grid-template-columns:repeat(5,1fr);
8554
9143
  grid-column-gap: 1px;
8555
9144
  }
8556
- .icon-set-center-item[data-v-181d1ce8]{
9145
+ .icon-set-center-item[data-v-7936498b]{
8557
9146
  width: 100%;
8558
9147
  height: 80px;
8559
9148
  display: flex;
@@ -8563,7 +9152,7 @@ fieldset.amb-design-item-selected {
8563
9152
  cursor: pointer;
8564
9153
  border: 1px solid #eeeeee;
8565
9154
  }
8566
- .icon-set-center-creation[data-v-181d1ce8]{
9155
+ .icon-set-center-creation[data-v-7936498b]{
8567
9156
  width: 100%;
8568
9157
  display: flex;
8569
9158
  align-items: center;
@@ -8571,17 +9160,17 @@ fieldset.amb-design-item-selected {
8571
9160
  cursor: pointer;
8572
9161
  border: 1px solid #eeeeee;
8573
9162
  }
8574
- .icon-set-center-item[data-v-181d1ce8]:hover{
9163
+ .icon-set-center-item[data-v-7936498b]:hover{
8575
9164
  background-color: #f2f6fc;
8576
9165
  }
8577
- .icon-set-center-creation[data-v-181d1ce8]:hover{
9166
+ .icon-set-center-creation[data-v-7936498b]:hover{
8578
9167
  background-color: #f2f6fc;
8579
9168
  }
8580
- .icon-set-center-item-border[data-v-181d1ce8]{
9169
+ .icon-set-center-item-border[data-v-7936498b]{
8581
9170
  border: 1px solid #5893ef;
8582
9171
  z-index: 1;
8583
9172
  }
8584
- .el-form-item[data-v-181d1ce8]{
9173
+ .el-form-item[data-v-7936498b]{
8585
9174
  margin-bottom: 20px;
8586
9175
  }
8587
9176
  .el-tree-node__content {
@@ -8630,22 +9219,17 @@ fieldset.amb-design-item-selected {
8630
9219
  .amb-page-container-main > .el-container {
8631
9220
  height: 100%;
8632
9221
  }
8633
- .amb-container-left {
8634
- width: 280px !important;
8635
- overflow-y: auto;
8636
- }
8637
9222
  .amb-container-main {
9223
+ position: relative;
8638
9224
  padding: 0px !important;
8639
9225
  user-select: none;
8640
9226
  overflow: hidden;
8641
- background-color: #f5f7fa;
9227
+ background-color: #f5f7fa;
9228
+ z-index: 0;
8642
9229
  }
8643
9230
  .amb-container-main::-webkit-scrollbar {
8644
9231
  width: 1px;
8645
9232
  }
8646
- .amb-container-attr {
8647
- width: 280px !important;
8648
- }
8649
9233
  .amb-design-attr-base-content {
8650
9234
  background: #ffffff;
8651
9235
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -8993,14 +9577,17 @@ fieldset.amb-design-item-selected {
8993
9577
  transition: var(--el-transition-duration); */
8994
9578
  }
8995
9579
  .amb-design-item-default {
8996
- border: 1px dashed #c0c4cc !important;
9580
+ /* border: 1px dashed #c0c4cc !important; */
8997
9581
  /* border: 2px dashed transparent !important; */
8998
9582
  color: #c0c4cc;
8999
9583
  position: relative !important;
9000
9584
  }
9001
9585
  .amb-design-item-default:hover {
9002
9586
  cursor: pointer;
9003
- border: 1px solid #e6a23c !important;
9587
+ /* border: 1px solid #e6a23c !important; */
9588
+ outline-offset: 1px;
9589
+ outline: 1px solid #e6a23c !important;
9590
+ z-index: 10;
9004
9591
  /* background-color: rgba(205, 210, 216, 0.105); */
9005
9592
  }
9006
9593
  .amb-design-item-default > div {
@@ -9017,13 +9604,27 @@ fieldset.amb-design-item-selected {
9017
9604
  }
9018
9605
  .el-table__cell > .cell {
9019
9606
  white-space: nowrap !important;
9020
- }
9021
- .amb-design-item {
9607
+ }
9608
+ /* .amb-design-item {
9022
9609
  border: 1px solid #ffffff;
9023
- /* align-items:center; */
9610
+ } */
9611
+ .amb-design-item:hover {
9612
+ outline-offset: 1px;
9613
+ outline: 1px solid rgb(88, 147, 239);
9614
+ z-index: 10;
9024
9615
  }
9025
9616
  .amb-design-item-selected {
9026
- border: 1px solid #e6a23c !important;
9617
+ outline-offset: 1px;
9618
+ outline: 1px solid #e6a23c !important;
9619
+ z-index: 10;
9620
+ /* border: 1px solid #e6a23c !important; */
9621
+ }
9622
+ .amb-design-item-title {
9623
+ position: absolute;
9624
+ top: 0px;
9625
+ right: 60px;
9626
+ text-align: center;
9627
+ line-height: 1;
9027
9628
  }
9028
9629
  fieldset.amb-design-item-selected {
9029
9630
  color: #e6a23c !important;
@@ -9039,13 +9640,16 @@ fieldset.amb-design-item-selected {
9039
9640
  height: 16px;
9040
9641
  }
9041
9642
  .amb-design-chart-series {
9643
+ display: inline-block;
9042
9644
  background-color: #e6a23c;
9043
- border: 1px dashed #e6a23c;
9044
- padding: 0px 6px 8px 6px;
9645
+ padding: 4px 6px;
9045
9646
  color: #ffffff;
9046
9647
  cursor: pointer;
9047
9648
  border-radius: 0px 0px 4px 4px;
9048
- margin-right: 4px;
9649
+ overflow: hidden;
9650
+ }
9651
+ .amb-design-chart-series ~ .amb-design-chart-series {
9652
+ margin-left: 5px;
9049
9653
  }
9050
9654
  .amb-design-chart-series-selected {
9051
9655
  background-color: #5893ef;
@@ -9057,10 +9661,11 @@ fieldset.amb-design-item-selected {
9057
9661
  height: 22px;
9058
9662
  right: 0;
9059
9663
  top: 0;
9060
- z-index: 2;
9061
- padding: 6px;
9062
- padding-top: 2px;
9063
- padding-left: 0px;
9664
+ display: flex;
9665
+ align-items: center;
9666
+ padding: 0 5px;
9667
+ gap: 5px;
9668
+ z-index: 10;
9064
9669
  }
9065
9670
  .amb-widget-item-tool > i {
9066
9671
  cursor: pointer;
@@ -9162,9 +9767,6 @@ fieldset.amb-design-item-selected {
9162
9767
  /* 设计时样式 */
9163
9768
  .amb-design-item > .el-dropdown > .el-button-group {
9164
9769
  display: flex;
9165
- }
9166
- .el-table td.el-table__cell .cell {
9167
- padding: 1px;
9168
9770
  }
9169
9771
  /*去除表单组件 el-item label留白*/
9170
9772
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -9181,6 +9783,26 @@ fieldset.amb-design-item-selected {
9181
9783
  font-size: 22px;
9182
9784
  padding: 10px;
9183
9785
  font-weight: bold;
9786
+ }
9787
+ .amb-component-popover-left-menu-main {
9788
+ position: relative;
9789
+ height: 100%;
9790
+ border-right: solid 1px var(--el-menu-border-color);
9791
+ background-color: var(--el-menu-bg-color);
9792
+ overflow: auto;
9793
+ }
9794
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
9795
+ font-size: var(--el-menu-item-font-size);
9796
+ color: var(--el-menu-text-color);
9797
+ padding: 10px 0;
9798
+ display: flex;
9799
+ align-items: center;
9800
+ cursor: pointer;
9801
+ gap: 10px;
9802
+ }
9803
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
9804
+ color: var(--el-menu-active-color);
9805
+ background-color: var(--el-menu-hover-bg-color);
9184
9806
  }
9185
9807
 
9186
9808
  /*不显示列样式*/
@@ -9200,39 +9822,52 @@ fieldset.amb-design-item-selected {
9200
9822
  opacity: 0.5;
9201
9823
  background: #c8ebfb;
9202
9824
  }
9203
-
9204
- li[data-v-b0bcae22] {
9825
+ li[data-v-e50b5e57] {
9205
9826
  color: #333;
9206
9827
  }
9207
- .context-menu[data-v-b0bcae22] {
9208
- position: fixed;
9209
- background: #fff;
9210
- z-index: 999;
9211
- padding: 5px;
9212
- margin: 0;
9828
+ .context-menu[data-v-e50b5e57] {
9829
+ position: fixed;
9830
+ background: #fff;
9831
+ z-index: 999;
9832
+ padding: 5px;
9833
+ margin: 0;
9213
9834
  margin-top: 30px;
9214
9835
  }
9215
- .context-menu li[data-v-b0bcae22] {
9216
- min-width: 75px;
9217
- height: 28px;
9218
- line-height: 28px;
9219
- text-align: left;
9220
- color: #1a1a1a;
9836
+ .context-menu li[data-v-e50b5e57] {
9837
+ min-width: 75px;
9838
+ height: 28px;
9839
+ line-height: 28px;
9840
+ text-align: left;
9841
+ color: #1a1a1a;
9221
9842
  cursor: pointer;
9222
9843
  }
9223
- .context-menu li[data-v-b0bcae22]:hover {
9224
- background: #5893ef;
9844
+ .context-menu li[data-v-e50b5e57]:hover {
9845
+ background: #5893ef;
9225
9846
  color: #fff;
9226
9847
  }
9227
- .context-menu[data-v-b0bcae22] {
9228
- border: 1px solid #eee;
9229
- box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
9848
+ .context-menu[data-v-e50b5e57] {
9849
+ border: 1px solid #eee;
9850
+ box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
9230
9851
  border-radius: 5px;
9231
9852
  }
9232
- li[data-v-b0bcae22] {
9853
+ li[data-v-e50b5e57] {
9233
9854
  list-style-type: none;
9234
- }
9235
-
9855
+ }
9856
+ .amb-object-design-table-ref .super-grid-main-table-footer-view[data-v-e50b5e57] {
9857
+ position: relative;
9858
+ display: flex;
9859
+ justify-content: space-between;
9860
+ align-items: center;
9861
+ flex-wrap: wrap;
9862
+ gap: var(--super-grid-main-view-gap, 10px);
9863
+ width: 100%;
9864
+ }
9865
+ .amb-object-design-table-ref[data-v-e50b5e57] .el-pagination {
9866
+ display: flex;
9867
+ flex-wrap: wrap;
9868
+ align-items: center;
9869
+ gap: var(--layout-form-flex-gap, 15px) 0;
9870
+ }
9236
9871
  .stateBtn[data-v-ae2798fb]{
9237
9872
  display: flex;
9238
9873
  }
@@ -9241,15 +9876,15 @@ li[data-v-b0bcae22] {
9241
9876
  color: #7b7b7b;
9242
9877
  }
9243
9878
 
9244
- .seleteSort[data-v-f4fba280] {
9879
+ .seleteSort[data-v-3f9861c5] {
9245
9880
  border-radius: 5px;
9246
9881
  border: 1px solid rgba(88, 147, 239);
9247
9882
  }
9248
9883
 
9249
- li[data-v-dbd1c08b] {
9884
+ li[data-v-d06d5717] {
9250
9885
  color: #333;
9251
9886
  }
9252
- .context-menu[data-v-dbd1c08b] {
9887
+ .context-menu[data-v-d06d5717] {
9253
9888
  position: fixed;
9254
9889
  background: #fff;
9255
9890
  z-index: 999;
@@ -9257,7 +9892,7 @@ li[data-v-dbd1c08b] {
9257
9892
  margin: 0;
9258
9893
  margin-top: 30px;
9259
9894
  }
9260
- .context-menu li[data-v-dbd1c08b] {
9895
+ .context-menu li[data-v-d06d5717] {
9261
9896
  min-width: 75px;
9262
9897
  height: 28px;
9263
9898
  line-height: 28px;
@@ -9270,16 +9905,16 @@ li[data-v-dbd1c08b] {
9270
9905
  /* background: #5893ef;*/
9271
9906
  /* color: #fff;*/
9272
9907
  /*}*/
9273
- .context-menuLi[data-v-dbd1c08b]:hover {
9908
+ .context-menuLi[data-v-d06d5717]:hover {
9274
9909
  background: #5893ef;
9275
9910
  color: #fff;
9276
9911
  }
9277
- .context-menu[data-v-dbd1c08b] {
9912
+ .context-menu[data-v-d06d5717] {
9278
9913
  border: 1px solid #eee;
9279
9914
  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
9280
9915
  border-radius: 5px;
9281
9916
  }
9282
- li[data-v-dbd1c08b] {
9917
+ li[data-v-d06d5717] {
9283
9918
  list-style-type: none;
9284
9919
  }
9285
9920
 
@@ -9292,7 +9927,7 @@ li[data-v-dbd1c08b] {
9292
9927
  width: 100%
9293
9928
  }
9294
9929
 
9295
- .seleteSort[data-v-a94e418c] {
9930
+ .seleteSort[data-v-d2fb5ff1] {
9296
9931
  border-radius: 5px;
9297
9932
  border: 1px solid rgba(88, 147, 239);
9298
9933
  }
@@ -9342,22 +9977,17 @@ li[data-v-dbd1c08b] {
9342
9977
  .amb-page-container-main > .el-container {
9343
9978
  height: 100%;
9344
9979
  }
9345
- .amb-container-left {
9346
- width: 280px !important;
9347
- overflow-y: auto;
9348
- }
9349
9980
  .amb-container-main {
9981
+ position: relative;
9350
9982
  padding: 0px !important;
9351
9983
  user-select: none;
9352
9984
  overflow: hidden;
9353
- background-color: #f5f7fa;
9985
+ background-color: #f5f7fa;
9986
+ z-index: 0;
9354
9987
  }
9355
9988
  .amb-container-main::-webkit-scrollbar {
9356
9989
  width: 1px;
9357
9990
  }
9358
- .amb-container-attr {
9359
- width: 280px !important;
9360
- }
9361
9991
  .amb-design-attr-base-content {
9362
9992
  background: #ffffff;
9363
9993
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -9705,14 +10335,17 @@ li[data-v-dbd1c08b] {
9705
10335
  transition: var(--el-transition-duration); */
9706
10336
  }
9707
10337
  .amb-design-item-default {
9708
- border: 1px dashed #c0c4cc !important;
10338
+ /* border: 1px dashed #c0c4cc !important; */
9709
10339
  /* border: 2px dashed transparent !important; */
9710
10340
  color: #c0c4cc;
9711
10341
  position: relative !important;
9712
10342
  }
9713
10343
  .amb-design-item-default:hover {
9714
10344
  cursor: pointer;
9715
- border: 1px solid #e6a23c !important;
10345
+ /* border: 1px solid #e6a23c !important; */
10346
+ outline-offset: 1px;
10347
+ outline: 1px solid #e6a23c !important;
10348
+ z-index: 10;
9716
10349
  /* background-color: rgba(205, 210, 216, 0.105); */
9717
10350
  }
9718
10351
  .amb-design-item-default > div {
@@ -9729,13 +10362,27 @@ li[data-v-dbd1c08b] {
9729
10362
  }
9730
10363
  .el-table__cell > .cell {
9731
10364
  white-space: nowrap !important;
9732
- }
9733
- .amb-design-item {
10365
+ }
10366
+ /* .amb-design-item {
9734
10367
  border: 1px solid #ffffff;
9735
- /* align-items:center; */
10368
+ } */
10369
+ .amb-design-item:hover {
10370
+ outline-offset: 1px;
10371
+ outline: 1px solid rgb(88, 147, 239);
10372
+ z-index: 10;
9736
10373
  }
9737
10374
  .amb-design-item-selected {
9738
- border: 1px solid #e6a23c !important;
10375
+ outline-offset: 1px;
10376
+ outline: 1px solid #e6a23c !important;
10377
+ z-index: 10;
10378
+ /* border: 1px solid #e6a23c !important; */
10379
+ }
10380
+ .amb-design-item-title {
10381
+ position: absolute;
10382
+ top: 0px;
10383
+ right: 60px;
10384
+ text-align: center;
10385
+ line-height: 1;
9739
10386
  }
9740
10387
  fieldset.amb-design-item-selected {
9741
10388
  color: #e6a23c !important;
@@ -9751,13 +10398,16 @@ fieldset.amb-design-item-selected {
9751
10398
  height: 16px;
9752
10399
  }
9753
10400
  .amb-design-chart-series {
10401
+ display: inline-block;
9754
10402
  background-color: #e6a23c;
9755
- border: 1px dashed #e6a23c;
9756
- padding: 0px 6px 8px 6px;
10403
+ padding: 4px 6px;
9757
10404
  color: #ffffff;
9758
10405
  cursor: pointer;
9759
10406
  border-radius: 0px 0px 4px 4px;
9760
- margin-right: 4px;
10407
+ overflow: hidden;
10408
+ }
10409
+ .amb-design-chart-series ~ .amb-design-chart-series {
10410
+ margin-left: 5px;
9761
10411
  }
9762
10412
  .amb-design-chart-series-selected {
9763
10413
  background-color: #5893ef;
@@ -9769,10 +10419,11 @@ fieldset.amb-design-item-selected {
9769
10419
  height: 22px;
9770
10420
  right: 0;
9771
10421
  top: 0;
9772
- z-index: 2;
9773
- padding: 6px;
9774
- padding-top: 2px;
9775
- padding-left: 0px;
10422
+ display: flex;
10423
+ align-items: center;
10424
+ padding: 0 5px;
10425
+ gap: 5px;
10426
+ z-index: 10;
9776
10427
  }
9777
10428
  .amb-widget-item-tool > i {
9778
10429
  cursor: pointer;
@@ -9874,9 +10525,6 @@ fieldset.amb-design-item-selected {
9874
10525
  /* 设计时样式 */
9875
10526
  .amb-design-item > .el-dropdown > .el-button-group {
9876
10527
  display: flex;
9877
- }
9878
- .el-table td.el-table__cell .cell {
9879
- padding: 1px;
9880
10528
  }
9881
10529
  /*去除表单组件 el-item label留白*/
9882
10530
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -9893,13 +10541,33 @@ fieldset.amb-design-item-selected {
9893
10541
  font-size: 22px;
9894
10542
  padding: 10px;
9895
10543
  font-weight: bold;
10544
+ }
10545
+ .amb-component-popover-left-menu-main {
10546
+ position: relative;
10547
+ height: 100%;
10548
+ border-right: solid 1px var(--el-menu-border-color);
10549
+ background-color: var(--el-menu-bg-color);
10550
+ overflow: auto;
10551
+ }
10552
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
10553
+ font-size: var(--el-menu-item-font-size);
10554
+ color: var(--el-menu-text-color);
10555
+ padding: 10px 0;
10556
+ display: flex;
10557
+ align-items: center;
10558
+ cursor: pointer;
10559
+ gap: 10px;
10560
+ }
10561
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
10562
+ color: var(--el-menu-active-color);
10563
+ background-color: var(--el-menu-hover-bg-color);
9896
10564
  }
9897
10565
 
9898
- .seleteSort[data-v-c07fe584] {
10566
+ .seleteSort[data-v-764dbcf5] {
9899
10567
  border-radius: 5px;
9900
10568
  border: 1px solid rgba(88, 147, 239);
9901
10569
  }
9902
- [data-v-c07fe584] .el-select__selection {
10570
+ [data-v-764dbcf5] .el-select__selection {
9903
10571
  display: inline-block;
9904
10572
  }
9905
10573
  .el-tree-node__content {
@@ -9948,22 +10616,17 @@ fieldset.amb-design-item-selected {
9948
10616
  .amb-page-container-main > .el-container {
9949
10617
  height: 100%;
9950
10618
  }
9951
- .amb-container-left {
9952
- width: 280px !important;
9953
- overflow-y: auto;
9954
- }
9955
10619
  .amb-container-main {
10620
+ position: relative;
9956
10621
  padding: 0px !important;
9957
10622
  user-select: none;
9958
10623
  overflow: hidden;
9959
- background-color: #f5f7fa;
10624
+ background-color: #f5f7fa;
10625
+ z-index: 0;
9960
10626
  }
9961
10627
  .amb-container-main::-webkit-scrollbar {
9962
10628
  width: 1px;
9963
10629
  }
9964
- .amb-container-attr {
9965
- width: 280px !important;
9966
- }
9967
10630
  .amb-design-attr-base-content {
9968
10631
  background: #ffffff;
9969
10632
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -10311,14 +10974,17 @@ fieldset.amb-design-item-selected {
10311
10974
  transition: var(--el-transition-duration); */
10312
10975
  }
10313
10976
  .amb-design-item-default {
10314
- border: 1px dashed #c0c4cc !important;
10977
+ /* border: 1px dashed #c0c4cc !important; */
10315
10978
  /* border: 2px dashed transparent !important; */
10316
10979
  color: #c0c4cc;
10317
10980
  position: relative !important;
10318
10981
  }
10319
10982
  .amb-design-item-default:hover {
10320
10983
  cursor: pointer;
10321
- border: 1px solid #e6a23c !important;
10984
+ /* border: 1px solid #e6a23c !important; */
10985
+ outline-offset: 1px;
10986
+ outline: 1px solid #e6a23c !important;
10987
+ z-index: 10;
10322
10988
  /* background-color: rgba(205, 210, 216, 0.105); */
10323
10989
  }
10324
10990
  .amb-design-item-default > div {
@@ -10335,13 +11001,27 @@ fieldset.amb-design-item-selected {
10335
11001
  }
10336
11002
  .el-table__cell > .cell {
10337
11003
  white-space: nowrap !important;
10338
- }
10339
- .amb-design-item {
11004
+ }
11005
+ /* .amb-design-item {
10340
11006
  border: 1px solid #ffffff;
10341
- /* align-items:center; */
11007
+ } */
11008
+ .amb-design-item:hover {
11009
+ outline-offset: 1px;
11010
+ outline: 1px solid rgb(88, 147, 239);
11011
+ z-index: 10;
10342
11012
  }
10343
11013
  .amb-design-item-selected {
10344
- border: 1px solid #e6a23c !important;
11014
+ outline-offset: 1px;
11015
+ outline: 1px solid #e6a23c !important;
11016
+ z-index: 10;
11017
+ /* border: 1px solid #e6a23c !important; */
11018
+ }
11019
+ .amb-design-item-title {
11020
+ position: absolute;
11021
+ top: 0px;
11022
+ right: 60px;
11023
+ text-align: center;
11024
+ line-height: 1;
10345
11025
  }
10346
11026
  fieldset.amb-design-item-selected {
10347
11027
  color: #e6a23c !important;
@@ -10357,13 +11037,16 @@ fieldset.amb-design-item-selected {
10357
11037
  height: 16px;
10358
11038
  }
10359
11039
  .amb-design-chart-series {
11040
+ display: inline-block;
10360
11041
  background-color: #e6a23c;
10361
- border: 1px dashed #e6a23c;
10362
- padding: 0px 6px 8px 6px;
11042
+ padding: 4px 6px;
10363
11043
  color: #ffffff;
10364
11044
  cursor: pointer;
10365
11045
  border-radius: 0px 0px 4px 4px;
10366
- margin-right: 4px;
11046
+ overflow: hidden;
11047
+ }
11048
+ .amb-design-chart-series ~ .amb-design-chart-series {
11049
+ margin-left: 5px;
10367
11050
  }
10368
11051
  .amb-design-chart-series-selected {
10369
11052
  background-color: #5893ef;
@@ -10375,10 +11058,11 @@ fieldset.amb-design-item-selected {
10375
11058
  height: 22px;
10376
11059
  right: 0;
10377
11060
  top: 0;
10378
- z-index: 2;
10379
- padding: 6px;
10380
- padding-top: 2px;
10381
- padding-left: 0px;
11061
+ display: flex;
11062
+ align-items: center;
11063
+ padding: 0 5px;
11064
+ gap: 5px;
11065
+ z-index: 10;
10382
11066
  }
10383
11067
  .amb-widget-item-tool > i {
10384
11068
  cursor: pointer;
@@ -10480,9 +11164,6 @@ fieldset.amb-design-item-selected {
10480
11164
  /* 设计时样式 */
10481
11165
  .amb-design-item > .el-dropdown > .el-button-group {
10482
11166
  display: flex;
10483
- }
10484
- .el-table td.el-table__cell .cell {
10485
- padding: 1px;
10486
11167
  }
10487
11168
  /*去除表单组件 el-item label留白*/
10488
11169
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -10499,6 +11180,26 @@ fieldset.amb-design-item-selected {
10499
11180
  font-size: 22px;
10500
11181
  padding: 10px;
10501
11182
  font-weight: bold;
11183
+ }
11184
+ .amb-component-popover-left-menu-main {
11185
+ position: relative;
11186
+ height: 100%;
11187
+ border-right: solid 1px var(--el-menu-border-color);
11188
+ background-color: var(--el-menu-bg-color);
11189
+ overflow: auto;
11190
+ }
11191
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
11192
+ font-size: var(--el-menu-item-font-size);
11193
+ color: var(--el-menu-text-color);
11194
+ padding: 10px 0;
11195
+ display: flex;
11196
+ align-items: center;
11197
+ cursor: pointer;
11198
+ gap: 10px;
11199
+ }
11200
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
11201
+ color: var(--el-menu-active-color);
11202
+ background-color: var(--el-menu-hover-bg-color);
10502
11203
  }
10503
11204
  .el-tree-node__content {
10504
11205
  height: 34px !important;
@@ -10546,22 +11247,17 @@ fieldset.amb-design-item-selected {
10546
11247
  .amb-page-container-main > .el-container {
10547
11248
  height: 100%;
10548
11249
  }
10549
- .amb-container-left {
10550
- width: 280px !important;
10551
- overflow-y: auto;
10552
- }
10553
11250
  .amb-container-main {
11251
+ position: relative;
10554
11252
  padding: 0px !important;
10555
11253
  user-select: none;
10556
11254
  overflow: hidden;
10557
- background-color: #f5f7fa;
11255
+ background-color: #f5f7fa;
11256
+ z-index: 0;
10558
11257
  }
10559
11258
  .amb-container-main::-webkit-scrollbar {
10560
11259
  width: 1px;
10561
11260
  }
10562
- .amb-container-attr {
10563
- width: 280px !important;
10564
- }
10565
11261
  .amb-design-attr-base-content {
10566
11262
  background: #ffffff;
10567
11263
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -10909,14 +11605,17 @@ fieldset.amb-design-item-selected {
10909
11605
  transition: var(--el-transition-duration); */
10910
11606
  }
10911
11607
  .amb-design-item-default {
10912
- border: 1px dashed #c0c4cc !important;
11608
+ /* border: 1px dashed #c0c4cc !important; */
10913
11609
  /* border: 2px dashed transparent !important; */
10914
11610
  color: #c0c4cc;
10915
11611
  position: relative !important;
10916
11612
  }
10917
11613
  .amb-design-item-default:hover {
10918
11614
  cursor: pointer;
10919
- border: 1px solid #e6a23c !important;
11615
+ /* border: 1px solid #e6a23c !important; */
11616
+ outline-offset: 1px;
11617
+ outline: 1px solid #e6a23c !important;
11618
+ z-index: 10;
10920
11619
  /* background-color: rgba(205, 210, 216, 0.105); */
10921
11620
  }
10922
11621
  .amb-design-item-default > div {
@@ -10933,13 +11632,27 @@ fieldset.amb-design-item-selected {
10933
11632
  }
10934
11633
  .el-table__cell > .cell {
10935
11634
  white-space: nowrap !important;
10936
- }
10937
- .amb-design-item {
11635
+ }
11636
+ /* .amb-design-item {
10938
11637
  border: 1px solid #ffffff;
10939
- /* align-items:center; */
11638
+ } */
11639
+ .amb-design-item:hover {
11640
+ outline-offset: 1px;
11641
+ outline: 1px solid rgb(88, 147, 239);
11642
+ z-index: 10;
10940
11643
  }
10941
11644
  .amb-design-item-selected {
10942
- border: 1px solid #e6a23c !important;
11645
+ outline-offset: 1px;
11646
+ outline: 1px solid #e6a23c !important;
11647
+ z-index: 10;
11648
+ /* border: 1px solid #e6a23c !important; */
11649
+ }
11650
+ .amb-design-item-title {
11651
+ position: absolute;
11652
+ top: 0px;
11653
+ right: 60px;
11654
+ text-align: center;
11655
+ line-height: 1;
10943
11656
  }
10944
11657
  fieldset.amb-design-item-selected {
10945
11658
  color: #e6a23c !important;
@@ -10955,13 +11668,16 @@ fieldset.amb-design-item-selected {
10955
11668
  height: 16px;
10956
11669
  }
10957
11670
  .amb-design-chart-series {
11671
+ display: inline-block;
10958
11672
  background-color: #e6a23c;
10959
- border: 1px dashed #e6a23c;
10960
- padding: 0px 6px 8px 6px;
11673
+ padding: 4px 6px;
10961
11674
  color: #ffffff;
10962
11675
  cursor: pointer;
10963
11676
  border-radius: 0px 0px 4px 4px;
10964
- margin-right: 4px;
11677
+ overflow: hidden;
11678
+ }
11679
+ .amb-design-chart-series ~ .amb-design-chart-series {
11680
+ margin-left: 5px;
10965
11681
  }
10966
11682
  .amb-design-chart-series-selected {
10967
11683
  background-color: #5893ef;
@@ -10973,10 +11689,11 @@ fieldset.amb-design-item-selected {
10973
11689
  height: 22px;
10974
11690
  right: 0;
10975
11691
  top: 0;
10976
- z-index: 2;
10977
- padding: 6px;
10978
- padding-top: 2px;
10979
- padding-left: 0px;
11692
+ display: flex;
11693
+ align-items: center;
11694
+ padding: 0 5px;
11695
+ gap: 5px;
11696
+ z-index: 10;
10980
11697
  }
10981
11698
  .amb-widget-item-tool > i {
10982
11699
  cursor: pointer;
@@ -11078,9 +11795,6 @@ fieldset.amb-design-item-selected {
11078
11795
  /* 设计时样式 */
11079
11796
  .amb-design-item > .el-dropdown > .el-button-group {
11080
11797
  display: flex;
11081
- }
11082
- .el-table td.el-table__cell .cell {
11083
- padding: 1px;
11084
11798
  }
11085
11799
  /*去除表单组件 el-item label留白*/
11086
11800
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -11097,16 +11811,49 @@ fieldset.amb-design-item-selected {
11097
11811
  font-size: 22px;
11098
11812
  padding: 10px;
11099
11813
  font-weight: bold;
11814
+ }
11815
+ .amb-component-popover-left-menu-main {
11816
+ position: relative;
11817
+ height: 100%;
11818
+ border-right: solid 1px var(--el-menu-border-color);
11819
+ background-color: var(--el-menu-bg-color);
11820
+ overflow: auto;
11821
+ }
11822
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
11823
+ font-size: var(--el-menu-item-font-size);
11824
+ color: var(--el-menu-text-color);
11825
+ padding: 10px 0;
11826
+ display: flex;
11827
+ align-items: center;
11828
+ cursor: pointer;
11829
+ gap: 10px;
11830
+ }
11831
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
11832
+ color: var(--el-menu-active-color);
11833
+ background-color: var(--el-menu-hover-bg-color);
11100
11834
  }
11101
11835
 
11102
11836
  .input-with-select .el-input-group__append {
11103
11837
  background-color: var(--el-fill-color-blank);
11104
11838
  }
11105
11839
 
11106
- .el-tag[data-v-665d3bf4]{
11840
+ .el-tag[data-v-6b022e71]{
11107
11841
  margin-left: 10px;
11108
11842
  }
11109
- .el-tree-node__content {
11843
+ .amb-button-group-main[data-v-1320eaf4] {
11844
+ min-height: 32px;
11845
+ display: flex;
11846
+ min-width: 100px;
11847
+ min-height: 2em;
11848
+ flex-wrap: wrap;
11849
+ gap: var(--amb-widget-container-tool-gap, 10px);
11850
+ }
11851
+ .amb-button-group-main[data-v-1320eaf4]::after, .amb-button-group-main[data-v-1320eaf4]::before {
11852
+ display: none;
11853
+ }
11854
+ .amb-button-group-main > div[data-v-1320eaf4] {
11855
+ width: auto;
11856
+ }.el-tree-node__content {
11110
11857
  height: 34px !important;
11111
11858
  }
11112
11859
  .amb-page-container-header {
@@ -11152,22 +11899,17 @@ fieldset.amb-design-item-selected {
11152
11899
  .amb-page-container-main > .el-container {
11153
11900
  height: 100%;
11154
11901
  }
11155
- .amb-container-left {
11156
- width: 280px !important;
11157
- overflow-y: auto;
11158
- }
11159
11902
  .amb-container-main {
11903
+ position: relative;
11160
11904
  padding: 0px !important;
11161
11905
  user-select: none;
11162
11906
  overflow: hidden;
11163
- background-color: #f5f7fa;
11907
+ background-color: #f5f7fa;
11908
+ z-index: 0;
11164
11909
  }
11165
11910
  .amb-container-main::-webkit-scrollbar {
11166
11911
  width: 1px;
11167
11912
  }
11168
- .amb-container-attr {
11169
- width: 280px !important;
11170
- }
11171
11913
  .amb-design-attr-base-content {
11172
11914
  background: #ffffff;
11173
11915
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -11515,14 +12257,17 @@ fieldset.amb-design-item-selected {
11515
12257
  transition: var(--el-transition-duration); */
11516
12258
  }
11517
12259
  .amb-design-item-default {
11518
- border: 1px dashed #c0c4cc !important;
12260
+ /* border: 1px dashed #c0c4cc !important; */
11519
12261
  /* border: 2px dashed transparent !important; */
11520
12262
  color: #c0c4cc;
11521
12263
  position: relative !important;
11522
12264
  }
11523
12265
  .amb-design-item-default:hover {
11524
12266
  cursor: pointer;
11525
- border: 1px solid #e6a23c !important;
12267
+ /* border: 1px solid #e6a23c !important; */
12268
+ outline-offset: 1px;
12269
+ outline: 1px solid #e6a23c !important;
12270
+ z-index: 10;
11526
12271
  /* background-color: rgba(205, 210, 216, 0.105); */
11527
12272
  }
11528
12273
  .amb-design-item-default > div {
@@ -11539,13 +12284,27 @@ fieldset.amb-design-item-selected {
11539
12284
  }
11540
12285
  .el-table__cell > .cell {
11541
12286
  white-space: nowrap !important;
11542
- }
11543
- .amb-design-item {
12287
+ }
12288
+ /* .amb-design-item {
11544
12289
  border: 1px solid #ffffff;
11545
- /* align-items:center; */
12290
+ } */
12291
+ .amb-design-item:hover {
12292
+ outline-offset: 1px;
12293
+ outline: 1px solid rgb(88, 147, 239);
12294
+ z-index: 10;
11546
12295
  }
11547
12296
  .amb-design-item-selected {
11548
- border: 1px solid #e6a23c !important;
12297
+ outline-offset: 1px;
12298
+ outline: 1px solid #e6a23c !important;
12299
+ z-index: 10;
12300
+ /* border: 1px solid #e6a23c !important; */
12301
+ }
12302
+ .amb-design-item-title {
12303
+ position: absolute;
12304
+ top: 0px;
12305
+ right: 60px;
12306
+ text-align: center;
12307
+ line-height: 1;
11549
12308
  }
11550
12309
  fieldset.amb-design-item-selected {
11551
12310
  color: #e6a23c !important;
@@ -11561,13 +12320,16 @@ fieldset.amb-design-item-selected {
11561
12320
  height: 16px;
11562
12321
  }
11563
12322
  .amb-design-chart-series {
12323
+ display: inline-block;
11564
12324
  background-color: #e6a23c;
11565
- border: 1px dashed #e6a23c;
11566
- padding: 0px 6px 8px 6px;
12325
+ padding: 4px 6px;
11567
12326
  color: #ffffff;
11568
12327
  cursor: pointer;
11569
12328
  border-radius: 0px 0px 4px 4px;
11570
- margin-right: 4px;
12329
+ overflow: hidden;
12330
+ }
12331
+ .amb-design-chart-series ~ .amb-design-chart-series {
12332
+ margin-left: 5px;
11571
12333
  }
11572
12334
  .amb-design-chart-series-selected {
11573
12335
  background-color: #5893ef;
@@ -11579,10 +12341,11 @@ fieldset.amb-design-item-selected {
11579
12341
  height: 22px;
11580
12342
  right: 0;
11581
12343
  top: 0;
11582
- z-index: 2;
11583
- padding: 6px;
11584
- padding-top: 2px;
11585
- padding-left: 0px;
12344
+ display: flex;
12345
+ align-items: center;
12346
+ padding: 0 5px;
12347
+ gap: 5px;
12348
+ z-index: 10;
11586
12349
  }
11587
12350
  .amb-widget-item-tool > i {
11588
12351
  cursor: pointer;
@@ -11684,9 +12447,6 @@ fieldset.amb-design-item-selected {
11684
12447
  /* 设计时样式 */
11685
12448
  .amb-design-item > .el-dropdown > .el-button-group {
11686
12449
  display: flex;
11687
- }
11688
- .el-table td.el-table__cell .cell {
11689
- padding: 1px;
11690
12450
  }
11691
12451
  /*去除表单组件 el-item label留白*/
11692
12452
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -11703,6 +12463,26 @@ fieldset.amb-design-item-selected {
11703
12463
  font-size: 22px;
11704
12464
  padding: 10px;
11705
12465
  font-weight: bold;
12466
+ }
12467
+ .amb-component-popover-left-menu-main {
12468
+ position: relative;
12469
+ height: 100%;
12470
+ border-right: solid 1px var(--el-menu-border-color);
12471
+ background-color: var(--el-menu-bg-color);
12472
+ overflow: auto;
12473
+ }
12474
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
12475
+ font-size: var(--el-menu-item-font-size);
12476
+ color: var(--el-menu-text-color);
12477
+ padding: 10px 0;
12478
+ display: flex;
12479
+ align-items: center;
12480
+ cursor: pointer;
12481
+ gap: 10px;
12482
+ }
12483
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
12484
+ color: var(--el-menu-active-color);
12485
+ background-color: var(--el-menu-hover-bg-color);
11706
12486
  }
11707
12487
  .el-tree-node__content {
11708
12488
  height: 34px !important;
@@ -11750,22 +12530,17 @@ fieldset.amb-design-item-selected {
11750
12530
  .amb-page-container-main > .el-container {
11751
12531
  height: 100%;
11752
12532
  }
11753
- .amb-container-left {
11754
- width: 280px !important;
11755
- overflow-y: auto;
11756
- }
11757
12533
  .amb-container-main {
12534
+ position: relative;
11758
12535
  padding: 0px !important;
11759
12536
  user-select: none;
11760
12537
  overflow: hidden;
11761
- background-color: #f5f7fa;
12538
+ background-color: #f5f7fa;
12539
+ z-index: 0;
11762
12540
  }
11763
12541
  .amb-container-main::-webkit-scrollbar {
11764
12542
  width: 1px;
11765
12543
  }
11766
- .amb-container-attr {
11767
- width: 280px !important;
11768
- }
11769
12544
  .amb-design-attr-base-content {
11770
12545
  background: #ffffff;
11771
12546
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -12113,14 +12888,17 @@ fieldset.amb-design-item-selected {
12113
12888
  transition: var(--el-transition-duration); */
12114
12889
  }
12115
12890
  .amb-design-item-default {
12116
- border: 1px dashed #c0c4cc !important;
12891
+ /* border: 1px dashed #c0c4cc !important; */
12117
12892
  /* border: 2px dashed transparent !important; */
12118
12893
  color: #c0c4cc;
12119
12894
  position: relative !important;
12120
12895
  }
12121
12896
  .amb-design-item-default:hover {
12122
12897
  cursor: pointer;
12123
- border: 1px solid #e6a23c !important;
12898
+ /* border: 1px solid #e6a23c !important; */
12899
+ outline-offset: 1px;
12900
+ outline: 1px solid #e6a23c !important;
12901
+ z-index: 10;
12124
12902
  /* background-color: rgba(205, 210, 216, 0.105); */
12125
12903
  }
12126
12904
  .amb-design-item-default > div {
@@ -12137,13 +12915,27 @@ fieldset.amb-design-item-selected {
12137
12915
  }
12138
12916
  .el-table__cell > .cell {
12139
12917
  white-space: nowrap !important;
12140
- }
12141
- .amb-design-item {
12918
+ }
12919
+ /* .amb-design-item {
12142
12920
  border: 1px solid #ffffff;
12143
- /* align-items:center; */
12921
+ } */
12922
+ .amb-design-item:hover {
12923
+ outline-offset: 1px;
12924
+ outline: 1px solid rgb(88, 147, 239);
12925
+ z-index: 10;
12144
12926
  }
12145
12927
  .amb-design-item-selected {
12146
- border: 1px solid #e6a23c !important;
12928
+ outline-offset: 1px;
12929
+ outline: 1px solid #e6a23c !important;
12930
+ z-index: 10;
12931
+ /* border: 1px solid #e6a23c !important; */
12932
+ }
12933
+ .amb-design-item-title {
12934
+ position: absolute;
12935
+ top: 0px;
12936
+ right: 60px;
12937
+ text-align: center;
12938
+ line-height: 1;
12147
12939
  }
12148
12940
  fieldset.amb-design-item-selected {
12149
12941
  color: #e6a23c !important;
@@ -12159,13 +12951,16 @@ fieldset.amb-design-item-selected {
12159
12951
  height: 16px;
12160
12952
  }
12161
12953
  .amb-design-chart-series {
12954
+ display: inline-block;
12162
12955
  background-color: #e6a23c;
12163
- border: 1px dashed #e6a23c;
12164
- padding: 0px 6px 8px 6px;
12956
+ padding: 4px 6px;
12165
12957
  color: #ffffff;
12166
12958
  cursor: pointer;
12167
12959
  border-radius: 0px 0px 4px 4px;
12168
- margin-right: 4px;
12960
+ overflow: hidden;
12961
+ }
12962
+ .amb-design-chart-series ~ .amb-design-chart-series {
12963
+ margin-left: 5px;
12169
12964
  }
12170
12965
  .amb-design-chart-series-selected {
12171
12966
  background-color: #5893ef;
@@ -12177,10 +12972,11 @@ fieldset.amb-design-item-selected {
12177
12972
  height: 22px;
12178
12973
  right: 0;
12179
12974
  top: 0;
12180
- z-index: 2;
12181
- padding: 6px;
12182
- padding-top: 2px;
12183
- padding-left: 0px;
12975
+ display: flex;
12976
+ align-items: center;
12977
+ padding: 0 5px;
12978
+ gap: 5px;
12979
+ z-index: 10;
12184
12980
  }
12185
12981
  .amb-widget-item-tool > i {
12186
12982
  cursor: pointer;
@@ -12282,9 +13078,6 @@ fieldset.amb-design-item-selected {
12282
13078
  /* 设计时样式 */
12283
13079
  .amb-design-item > .el-dropdown > .el-button-group {
12284
13080
  display: flex;
12285
- }
12286
- .el-table td.el-table__cell .cell {
12287
- padding: 1px;
12288
13081
  }
12289
13082
  /*去除表单组件 el-item label留白*/
12290
13083
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -12301,6 +13094,26 @@ fieldset.amb-design-item-selected {
12301
13094
  font-size: 22px;
12302
13095
  padding: 10px;
12303
13096
  font-weight: bold;
13097
+ }
13098
+ .amb-component-popover-left-menu-main {
13099
+ position: relative;
13100
+ height: 100%;
13101
+ border-right: solid 1px var(--el-menu-border-color);
13102
+ background-color: var(--el-menu-bg-color);
13103
+ overflow: auto;
13104
+ }
13105
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
13106
+ font-size: var(--el-menu-item-font-size);
13107
+ color: var(--el-menu-text-color);
13108
+ padding: 10px 0;
13109
+ display: flex;
13110
+ align-items: center;
13111
+ cursor: pointer;
13112
+ gap: 10px;
13113
+ }
13114
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
13115
+ color: var(--el-menu-active-color);
13116
+ background-color: var(--el-menu-hover-bg-color);
12304
13117
  }
12305
13118
  .el-tree-node__content {
12306
13119
  height: 34px !important;
@@ -12348,22 +13161,17 @@ fieldset.amb-design-item-selected {
12348
13161
  .amb-page-container-main > .el-container {
12349
13162
  height: 100%;
12350
13163
  }
12351
- .amb-container-left {
12352
- width: 280px !important;
12353
- overflow-y: auto;
12354
- }
12355
13164
  .amb-container-main {
13165
+ position: relative;
12356
13166
  padding: 0px !important;
12357
13167
  user-select: none;
12358
13168
  overflow: hidden;
12359
- background-color: #f5f7fa;
13169
+ background-color: #f5f7fa;
13170
+ z-index: 0;
12360
13171
  }
12361
13172
  .amb-container-main::-webkit-scrollbar {
12362
13173
  width: 1px;
12363
13174
  }
12364
- .amb-container-attr {
12365
- width: 280px !important;
12366
- }
12367
13175
  .amb-design-attr-base-content {
12368
13176
  background: #ffffff;
12369
13177
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -12711,14 +13519,17 @@ fieldset.amb-design-item-selected {
12711
13519
  transition: var(--el-transition-duration); */
12712
13520
  }
12713
13521
  .amb-design-item-default {
12714
- border: 1px dashed #c0c4cc !important;
13522
+ /* border: 1px dashed #c0c4cc !important; */
12715
13523
  /* border: 2px dashed transparent !important; */
12716
13524
  color: #c0c4cc;
12717
13525
  position: relative !important;
12718
13526
  }
12719
13527
  .amb-design-item-default:hover {
12720
13528
  cursor: pointer;
12721
- border: 1px solid #e6a23c !important;
13529
+ /* border: 1px solid #e6a23c !important; */
13530
+ outline-offset: 1px;
13531
+ outline: 1px solid #e6a23c !important;
13532
+ z-index: 10;
12722
13533
  /* background-color: rgba(205, 210, 216, 0.105); */
12723
13534
  }
12724
13535
  .amb-design-item-default > div {
@@ -12735,13 +13546,27 @@ fieldset.amb-design-item-selected {
12735
13546
  }
12736
13547
  .el-table__cell > .cell {
12737
13548
  white-space: nowrap !important;
12738
- }
12739
- .amb-design-item {
13549
+ }
13550
+ /* .amb-design-item {
12740
13551
  border: 1px solid #ffffff;
12741
- /* align-items:center; */
13552
+ } */
13553
+ .amb-design-item:hover {
13554
+ outline-offset: 1px;
13555
+ outline: 1px solid rgb(88, 147, 239);
13556
+ z-index: 10;
12742
13557
  }
12743
13558
  .amb-design-item-selected {
12744
- border: 1px solid #e6a23c !important;
13559
+ outline-offset: 1px;
13560
+ outline: 1px solid #e6a23c !important;
13561
+ z-index: 10;
13562
+ /* border: 1px solid #e6a23c !important; */
13563
+ }
13564
+ .amb-design-item-title {
13565
+ position: absolute;
13566
+ top: 0px;
13567
+ right: 60px;
13568
+ text-align: center;
13569
+ line-height: 1;
12745
13570
  }
12746
13571
  fieldset.amb-design-item-selected {
12747
13572
  color: #e6a23c !important;
@@ -12757,13 +13582,16 @@ fieldset.amb-design-item-selected {
12757
13582
  height: 16px;
12758
13583
  }
12759
13584
  .amb-design-chart-series {
13585
+ display: inline-block;
12760
13586
  background-color: #e6a23c;
12761
- border: 1px dashed #e6a23c;
12762
- padding: 0px 6px 8px 6px;
13587
+ padding: 4px 6px;
12763
13588
  color: #ffffff;
12764
13589
  cursor: pointer;
12765
13590
  border-radius: 0px 0px 4px 4px;
12766
- margin-right: 4px;
13591
+ overflow: hidden;
13592
+ }
13593
+ .amb-design-chart-series ~ .amb-design-chart-series {
13594
+ margin-left: 5px;
12767
13595
  }
12768
13596
  .amb-design-chart-series-selected {
12769
13597
  background-color: #5893ef;
@@ -12775,10 +13603,11 @@ fieldset.amb-design-item-selected {
12775
13603
  height: 22px;
12776
13604
  right: 0;
12777
13605
  top: 0;
12778
- z-index: 2;
12779
- padding: 6px;
12780
- padding-top: 2px;
12781
- padding-left: 0px;
13606
+ display: flex;
13607
+ align-items: center;
13608
+ padding: 0 5px;
13609
+ gap: 5px;
13610
+ z-index: 10;
12782
13611
  }
12783
13612
  .amb-widget-item-tool > i {
12784
13613
  cursor: pointer;
@@ -12880,9 +13709,6 @@ fieldset.amb-design-item-selected {
12880
13709
  /* 设计时样式 */
12881
13710
  .amb-design-item > .el-dropdown > .el-button-group {
12882
13711
  display: flex;
12883
- }
12884
- .el-table td.el-table__cell .cell {
12885
- padding: 1px;
12886
13712
  }
12887
13713
  /*去除表单组件 el-item label留白*/
12888
13714
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -12899,6 +13725,26 @@ fieldset.amb-design-item-selected {
12899
13725
  font-size: 22px;
12900
13726
  padding: 10px;
12901
13727
  font-weight: bold;
13728
+ }
13729
+ .amb-component-popover-left-menu-main {
13730
+ position: relative;
13731
+ height: 100%;
13732
+ border-right: solid 1px var(--el-menu-border-color);
13733
+ background-color: var(--el-menu-bg-color);
13734
+ overflow: auto;
13735
+ }
13736
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
13737
+ font-size: var(--el-menu-item-font-size);
13738
+ color: var(--el-menu-text-color);
13739
+ padding: 10px 0;
13740
+ display: flex;
13741
+ align-items: center;
13742
+ cursor: pointer;
13743
+ gap: 10px;
13744
+ }
13745
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
13746
+ color: var(--el-menu-active-color);
13747
+ background-color: var(--el-menu-hover-bg-color);
12902
13748
  }
12903
13749
  .el-tree-node__content {
12904
13750
  height: 34px !important;
@@ -12946,22 +13792,17 @@ fieldset.amb-design-item-selected {
12946
13792
  .amb-page-container-main > .el-container {
12947
13793
  height: 100%;
12948
13794
  }
12949
- .amb-container-left {
12950
- width: 280px !important;
12951
- overflow-y: auto;
12952
- }
12953
13795
  .amb-container-main {
13796
+ position: relative;
12954
13797
  padding: 0px !important;
12955
13798
  user-select: none;
12956
13799
  overflow: hidden;
12957
- background-color: #f5f7fa;
13800
+ background-color: #f5f7fa;
13801
+ z-index: 0;
12958
13802
  }
12959
13803
  .amb-container-main::-webkit-scrollbar {
12960
13804
  width: 1px;
12961
13805
  }
12962
- .amb-container-attr {
12963
- width: 280px !important;
12964
- }
12965
13806
  .amb-design-attr-base-content {
12966
13807
  background: #ffffff;
12967
13808
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -13309,14 +14150,17 @@ fieldset.amb-design-item-selected {
13309
14150
  transition: var(--el-transition-duration); */
13310
14151
  }
13311
14152
  .amb-design-item-default {
13312
- border: 1px dashed #c0c4cc !important;
14153
+ /* border: 1px dashed #c0c4cc !important; */
13313
14154
  /* border: 2px dashed transparent !important; */
13314
14155
  color: #c0c4cc;
13315
14156
  position: relative !important;
13316
14157
  }
13317
14158
  .amb-design-item-default:hover {
13318
14159
  cursor: pointer;
13319
- border: 1px solid #e6a23c !important;
14160
+ /* border: 1px solid #e6a23c !important; */
14161
+ outline-offset: 1px;
14162
+ outline: 1px solid #e6a23c !important;
14163
+ z-index: 10;
13320
14164
  /* background-color: rgba(205, 210, 216, 0.105); */
13321
14165
  }
13322
14166
  .amb-design-item-default > div {
@@ -13333,13 +14177,27 @@ fieldset.amb-design-item-selected {
13333
14177
  }
13334
14178
  .el-table__cell > .cell {
13335
14179
  white-space: nowrap !important;
13336
- }
13337
- .amb-design-item {
14180
+ }
14181
+ /* .amb-design-item {
13338
14182
  border: 1px solid #ffffff;
13339
- /* align-items:center; */
14183
+ } */
14184
+ .amb-design-item:hover {
14185
+ outline-offset: 1px;
14186
+ outline: 1px solid rgb(88, 147, 239);
14187
+ z-index: 10;
13340
14188
  }
13341
14189
  .amb-design-item-selected {
13342
- border: 1px solid #e6a23c !important;
14190
+ outline-offset: 1px;
14191
+ outline: 1px solid #e6a23c !important;
14192
+ z-index: 10;
14193
+ /* border: 1px solid #e6a23c !important; */
14194
+ }
14195
+ .amb-design-item-title {
14196
+ position: absolute;
14197
+ top: 0px;
14198
+ right: 60px;
14199
+ text-align: center;
14200
+ line-height: 1;
13343
14201
  }
13344
14202
  fieldset.amb-design-item-selected {
13345
14203
  color: #e6a23c !important;
@@ -13355,13 +14213,16 @@ fieldset.amb-design-item-selected {
13355
14213
  height: 16px;
13356
14214
  }
13357
14215
  .amb-design-chart-series {
14216
+ display: inline-block;
13358
14217
  background-color: #e6a23c;
13359
- border: 1px dashed #e6a23c;
13360
- padding: 0px 6px 8px 6px;
14218
+ padding: 4px 6px;
13361
14219
  color: #ffffff;
13362
14220
  cursor: pointer;
13363
14221
  border-radius: 0px 0px 4px 4px;
13364
- margin-right: 4px;
14222
+ overflow: hidden;
14223
+ }
14224
+ .amb-design-chart-series ~ .amb-design-chart-series {
14225
+ margin-left: 5px;
13365
14226
  }
13366
14227
  .amb-design-chart-series-selected {
13367
14228
  background-color: #5893ef;
@@ -13373,10 +14234,11 @@ fieldset.amb-design-item-selected {
13373
14234
  height: 22px;
13374
14235
  right: 0;
13375
14236
  top: 0;
13376
- z-index: 2;
13377
- padding: 6px;
13378
- padding-top: 2px;
13379
- padding-left: 0px;
14237
+ display: flex;
14238
+ align-items: center;
14239
+ padding: 0 5px;
14240
+ gap: 5px;
14241
+ z-index: 10;
13380
14242
  }
13381
14243
  .amb-widget-item-tool > i {
13382
14244
  cursor: pointer;
@@ -13478,9 +14340,6 @@ fieldset.amb-design-item-selected {
13478
14340
  /* 设计时样式 */
13479
14341
  .amb-design-item > .el-dropdown > .el-button-group {
13480
14342
  display: flex;
13481
- }
13482
- .el-table td.el-table__cell .cell {
13483
- padding: 1px;
13484
14343
  }
13485
14344
  /*去除表单组件 el-item label留白*/
13486
14345
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -13497,8 +14356,41 @@ fieldset.amb-design-item-selected {
13497
14356
  font-size: 22px;
13498
14357
  padding: 10px;
13499
14358
  font-weight: bold;
14359
+ }
14360
+ .amb-component-popover-left-menu-main {
14361
+ position: relative;
14362
+ height: 100%;
14363
+ border-right: solid 1px var(--el-menu-border-color);
14364
+ background-color: var(--el-menu-bg-color);
14365
+ overflow: auto;
14366
+ }
14367
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
14368
+ font-size: var(--el-menu-item-font-size);
14369
+ color: var(--el-menu-text-color);
14370
+ padding: 10px 0;
14371
+ display: flex;
14372
+ align-items: center;
14373
+ cursor: pointer;
14374
+ gap: 10px;
14375
+ }
14376
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
14377
+ color: var(--el-menu-active-color);
14378
+ background-color: var(--el-menu-hover-bg-color);
13500
14379
  }
13501
- .el-tree-node__content {
14380
+ .amb-workflowbutton-design-view[data-v-ba02a8bf] {
14381
+ min-height: 32px;
14382
+ display: flex;
14383
+ min-width: 100px;
14384
+ min-height: 2em;
14385
+ flex-wrap: wrap;
14386
+ gap: var(--amb-widget-container-tool-gap, 10px);
14387
+ }
14388
+ .amb-workflowbutton-design-view[data-v-ba02a8bf]::after, .amb-workflowbutton-design-view[data-v-ba02a8bf]::before {
14389
+ display: none;
14390
+ }
14391
+ .amb-workflowbutton-design-view > div[data-v-ba02a8bf] {
14392
+ width: auto;
14393
+ }.el-tree-node__content {
13502
14394
  height: 34px !important;
13503
14395
  }
13504
14396
  .amb-page-container-header {
@@ -13544,22 +14436,17 @@ fieldset.amb-design-item-selected {
13544
14436
  .amb-page-container-main > .el-container {
13545
14437
  height: 100%;
13546
14438
  }
13547
- .amb-container-left {
13548
- width: 280px !important;
13549
- overflow-y: auto;
13550
- }
13551
14439
  .amb-container-main {
14440
+ position: relative;
13552
14441
  padding: 0px !important;
13553
14442
  user-select: none;
13554
14443
  overflow: hidden;
13555
- background-color: #f5f7fa;
14444
+ background-color: #f5f7fa;
14445
+ z-index: 0;
13556
14446
  }
13557
14447
  .amb-container-main::-webkit-scrollbar {
13558
14448
  width: 1px;
13559
14449
  }
13560
- .amb-container-attr {
13561
- width: 280px !important;
13562
- }
13563
14450
  .amb-design-attr-base-content {
13564
14451
  background: #ffffff;
13565
14452
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -13907,14 +14794,17 @@ fieldset.amb-design-item-selected {
13907
14794
  transition: var(--el-transition-duration); */
13908
14795
  }
13909
14796
  .amb-design-item-default {
13910
- border: 1px dashed #c0c4cc !important;
14797
+ /* border: 1px dashed #c0c4cc !important; */
13911
14798
  /* border: 2px dashed transparent !important; */
13912
14799
  color: #c0c4cc;
13913
14800
  position: relative !important;
13914
14801
  }
13915
14802
  .amb-design-item-default:hover {
13916
14803
  cursor: pointer;
13917
- border: 1px solid #e6a23c !important;
14804
+ /* border: 1px solid #e6a23c !important; */
14805
+ outline-offset: 1px;
14806
+ outline: 1px solid #e6a23c !important;
14807
+ z-index: 10;
13918
14808
  /* background-color: rgba(205, 210, 216, 0.105); */
13919
14809
  }
13920
14810
  .amb-design-item-default > div {
@@ -13931,13 +14821,27 @@ fieldset.amb-design-item-selected {
13931
14821
  }
13932
14822
  .el-table__cell > .cell {
13933
14823
  white-space: nowrap !important;
13934
- }
13935
- .amb-design-item {
14824
+ }
14825
+ /* .amb-design-item {
13936
14826
  border: 1px solid #ffffff;
13937
- /* align-items:center; */
14827
+ } */
14828
+ .amb-design-item:hover {
14829
+ outline-offset: 1px;
14830
+ outline: 1px solid rgb(88, 147, 239);
14831
+ z-index: 10;
13938
14832
  }
13939
14833
  .amb-design-item-selected {
13940
- border: 1px solid #e6a23c !important;
14834
+ outline-offset: 1px;
14835
+ outline: 1px solid #e6a23c !important;
14836
+ z-index: 10;
14837
+ /* border: 1px solid #e6a23c !important; */
14838
+ }
14839
+ .amb-design-item-title {
14840
+ position: absolute;
14841
+ top: 0px;
14842
+ right: 60px;
14843
+ text-align: center;
14844
+ line-height: 1;
13941
14845
  }
13942
14846
  fieldset.amb-design-item-selected {
13943
14847
  color: #e6a23c !important;
@@ -13953,13 +14857,16 @@ fieldset.amb-design-item-selected {
13953
14857
  height: 16px;
13954
14858
  }
13955
14859
  .amb-design-chart-series {
14860
+ display: inline-block;
13956
14861
  background-color: #e6a23c;
13957
- border: 1px dashed #e6a23c;
13958
- padding: 0px 6px 8px 6px;
14862
+ padding: 4px 6px;
13959
14863
  color: #ffffff;
13960
14864
  cursor: pointer;
13961
14865
  border-radius: 0px 0px 4px 4px;
13962
- margin-right: 4px;
14866
+ overflow: hidden;
14867
+ }
14868
+ .amb-design-chart-series ~ .amb-design-chart-series {
14869
+ margin-left: 5px;
13963
14870
  }
13964
14871
  .amb-design-chart-series-selected {
13965
14872
  background-color: #5893ef;
@@ -13971,10 +14878,11 @@ fieldset.amb-design-item-selected {
13971
14878
  height: 22px;
13972
14879
  right: 0;
13973
14880
  top: 0;
13974
- z-index: 2;
13975
- padding: 6px;
13976
- padding-top: 2px;
13977
- padding-left: 0px;
14881
+ display: flex;
14882
+ align-items: center;
14883
+ padding: 0 5px;
14884
+ gap: 5px;
14885
+ z-index: 10;
13978
14886
  }
13979
14887
  .amb-widget-item-tool > i {
13980
14888
  cursor: pointer;
@@ -14076,9 +14984,6 @@ fieldset.amb-design-item-selected {
14076
14984
  /* 设计时样式 */
14077
14985
  .amb-design-item > .el-dropdown > .el-button-group {
14078
14986
  display: flex;
14079
- }
14080
- .el-table td.el-table__cell .cell {
14081
- padding: 1px;
14082
14987
  }
14083
14988
  /*去除表单组件 el-item label留白*/
14084
14989
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -14095,6 +15000,26 @@ fieldset.amb-design-item-selected {
14095
15000
  font-size: 22px;
14096
15001
  padding: 10px;
14097
15002
  font-weight: bold;
15003
+ }
15004
+ .amb-component-popover-left-menu-main {
15005
+ position: relative;
15006
+ height: 100%;
15007
+ border-right: solid 1px var(--el-menu-border-color);
15008
+ background-color: var(--el-menu-bg-color);
15009
+ overflow: auto;
15010
+ }
15011
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
15012
+ font-size: var(--el-menu-item-font-size);
15013
+ color: var(--el-menu-text-color);
15014
+ padding: 10px 0;
15015
+ display: flex;
15016
+ align-items: center;
15017
+ cursor: pointer;
15018
+ gap: 10px;
15019
+ }
15020
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
15021
+ color: var(--el-menu-active-color);
15022
+ background-color: var(--el-menu-hover-bg-color);
14098
15023
  }
14099
15024
  .el-tree-node__content {
14100
15025
  height: 34px !important;
@@ -14142,22 +15067,17 @@ fieldset.amb-design-item-selected {
14142
15067
  .amb-page-container-main > .el-container {
14143
15068
  height: 100%;
14144
15069
  }
14145
- .amb-container-left {
14146
- width: 280px !important;
14147
- overflow-y: auto;
14148
- }
14149
15070
  .amb-container-main {
15071
+ position: relative;
14150
15072
  padding: 0px !important;
14151
15073
  user-select: none;
14152
15074
  overflow: hidden;
14153
- background-color: #f5f7fa;
15075
+ background-color: #f5f7fa;
15076
+ z-index: 0;
14154
15077
  }
14155
15078
  .amb-container-main::-webkit-scrollbar {
14156
15079
  width: 1px;
14157
15080
  }
14158
- .amb-container-attr {
14159
- width: 280px !important;
14160
- }
14161
15081
  .amb-design-attr-base-content {
14162
15082
  background: #ffffff;
14163
15083
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -14505,14 +15425,17 @@ fieldset.amb-design-item-selected {
14505
15425
  transition: var(--el-transition-duration); */
14506
15426
  }
14507
15427
  .amb-design-item-default {
14508
- border: 1px dashed #c0c4cc !important;
15428
+ /* border: 1px dashed #c0c4cc !important; */
14509
15429
  /* border: 2px dashed transparent !important; */
14510
15430
  color: #c0c4cc;
14511
15431
  position: relative !important;
14512
15432
  }
14513
15433
  .amb-design-item-default:hover {
14514
15434
  cursor: pointer;
14515
- border: 1px solid #e6a23c !important;
15435
+ /* border: 1px solid #e6a23c !important; */
15436
+ outline-offset: 1px;
15437
+ outline: 1px solid #e6a23c !important;
15438
+ z-index: 10;
14516
15439
  /* background-color: rgba(205, 210, 216, 0.105); */
14517
15440
  }
14518
15441
  .amb-design-item-default > div {
@@ -14529,13 +15452,27 @@ fieldset.amb-design-item-selected {
14529
15452
  }
14530
15453
  .el-table__cell > .cell {
14531
15454
  white-space: nowrap !important;
14532
- }
14533
- .amb-design-item {
15455
+ }
15456
+ /* .amb-design-item {
14534
15457
  border: 1px solid #ffffff;
14535
- /* align-items:center; */
15458
+ } */
15459
+ .amb-design-item:hover {
15460
+ outline-offset: 1px;
15461
+ outline: 1px solid rgb(88, 147, 239);
15462
+ z-index: 10;
14536
15463
  }
14537
15464
  .amb-design-item-selected {
14538
- border: 1px solid #e6a23c !important;
15465
+ outline-offset: 1px;
15466
+ outline: 1px solid #e6a23c !important;
15467
+ z-index: 10;
15468
+ /* border: 1px solid #e6a23c !important; */
15469
+ }
15470
+ .amb-design-item-title {
15471
+ position: absolute;
15472
+ top: 0px;
15473
+ right: 60px;
15474
+ text-align: center;
15475
+ line-height: 1;
14539
15476
  }
14540
15477
  fieldset.amb-design-item-selected {
14541
15478
  color: #e6a23c !important;
@@ -14551,13 +15488,16 @@ fieldset.amb-design-item-selected {
14551
15488
  height: 16px;
14552
15489
  }
14553
15490
  .amb-design-chart-series {
15491
+ display: inline-block;
14554
15492
  background-color: #e6a23c;
14555
- border: 1px dashed #e6a23c;
14556
- padding: 0px 6px 8px 6px;
15493
+ padding: 4px 6px;
14557
15494
  color: #ffffff;
14558
15495
  cursor: pointer;
14559
15496
  border-radius: 0px 0px 4px 4px;
14560
- margin-right: 4px;
15497
+ overflow: hidden;
15498
+ }
15499
+ .amb-design-chart-series ~ .amb-design-chart-series {
15500
+ margin-left: 5px;
14561
15501
  }
14562
15502
  .amb-design-chart-series-selected {
14563
15503
  background-color: #5893ef;
@@ -14569,10 +15509,11 @@ fieldset.amb-design-item-selected {
14569
15509
  height: 22px;
14570
15510
  right: 0;
14571
15511
  top: 0;
14572
- z-index: 2;
14573
- padding: 6px;
14574
- padding-top: 2px;
14575
- padding-left: 0px;
15512
+ display: flex;
15513
+ align-items: center;
15514
+ padding: 0 5px;
15515
+ gap: 5px;
15516
+ z-index: 10;
14576
15517
  }
14577
15518
  .amb-widget-item-tool > i {
14578
15519
  cursor: pointer;
@@ -14674,9 +15615,6 @@ fieldset.amb-design-item-selected {
14674
15615
  /* 设计时样式 */
14675
15616
  .amb-design-item > .el-dropdown > .el-button-group {
14676
15617
  display: flex;
14677
- }
14678
- .el-table td.el-table__cell .cell {
14679
- padding: 1px;
14680
15618
  }
14681
15619
  /*去除表单组件 el-item label留白*/
14682
15620
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -14693,6 +15631,26 @@ fieldset.amb-design-item-selected {
14693
15631
  font-size: 22px;
14694
15632
  padding: 10px;
14695
15633
  font-weight: bold;
15634
+ }
15635
+ .amb-component-popover-left-menu-main {
15636
+ position: relative;
15637
+ height: 100%;
15638
+ border-right: solid 1px var(--el-menu-border-color);
15639
+ background-color: var(--el-menu-bg-color);
15640
+ overflow: auto;
15641
+ }
15642
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
15643
+ font-size: var(--el-menu-item-font-size);
15644
+ color: var(--el-menu-text-color);
15645
+ padding: 10px 0;
15646
+ display: flex;
15647
+ align-items: center;
15648
+ cursor: pointer;
15649
+ gap: 10px;
15650
+ }
15651
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
15652
+ color: var(--el-menu-active-color);
15653
+ background-color: var(--el-menu-hover-bg-color);
14696
15654
  }
14697
15655
  .el-tree-node__content {
14698
15656
  height: 34px !important;
@@ -14740,22 +15698,17 @@ fieldset.amb-design-item-selected {
14740
15698
  .amb-page-container-main > .el-container {
14741
15699
  height: 100%;
14742
15700
  }
14743
- .amb-container-left {
14744
- width: 280px !important;
14745
- overflow-y: auto;
14746
- }
14747
15701
  .amb-container-main {
15702
+ position: relative;
14748
15703
  padding: 0px !important;
14749
15704
  user-select: none;
14750
15705
  overflow: hidden;
14751
- background-color: #f5f7fa;
15706
+ background-color: #f5f7fa;
15707
+ z-index: 0;
14752
15708
  }
14753
15709
  .amb-container-main::-webkit-scrollbar {
14754
15710
  width: 1px;
14755
15711
  }
14756
- .amb-container-attr {
14757
- width: 280px !important;
14758
- }
14759
15712
  .amb-design-attr-base-content {
14760
15713
  background: #ffffff;
14761
15714
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -15103,14 +16056,17 @@ fieldset.amb-design-item-selected {
15103
16056
  transition: var(--el-transition-duration); */
15104
16057
  }
15105
16058
  .amb-design-item-default {
15106
- border: 1px dashed #c0c4cc !important;
16059
+ /* border: 1px dashed #c0c4cc !important; */
15107
16060
  /* border: 2px dashed transparent !important; */
15108
16061
  color: #c0c4cc;
15109
16062
  position: relative !important;
15110
16063
  }
15111
16064
  .amb-design-item-default:hover {
15112
16065
  cursor: pointer;
15113
- border: 1px solid #e6a23c !important;
16066
+ /* border: 1px solid #e6a23c !important; */
16067
+ outline-offset: 1px;
16068
+ outline: 1px solid #e6a23c !important;
16069
+ z-index: 10;
15114
16070
  /* background-color: rgba(205, 210, 216, 0.105); */
15115
16071
  }
15116
16072
  .amb-design-item-default > div {
@@ -15127,13 +16083,27 @@ fieldset.amb-design-item-selected {
15127
16083
  }
15128
16084
  .el-table__cell > .cell {
15129
16085
  white-space: nowrap !important;
15130
- }
15131
- .amb-design-item {
16086
+ }
16087
+ /* .amb-design-item {
15132
16088
  border: 1px solid #ffffff;
15133
- /* align-items:center; */
16089
+ } */
16090
+ .amb-design-item:hover {
16091
+ outline-offset: 1px;
16092
+ outline: 1px solid rgb(88, 147, 239);
16093
+ z-index: 10;
15134
16094
  }
15135
16095
  .amb-design-item-selected {
15136
- border: 1px solid #e6a23c !important;
16096
+ outline-offset: 1px;
16097
+ outline: 1px solid #e6a23c !important;
16098
+ z-index: 10;
16099
+ /* border: 1px solid #e6a23c !important; */
16100
+ }
16101
+ .amb-design-item-title {
16102
+ position: absolute;
16103
+ top: 0px;
16104
+ right: 60px;
16105
+ text-align: center;
16106
+ line-height: 1;
15137
16107
  }
15138
16108
  fieldset.amb-design-item-selected {
15139
16109
  color: #e6a23c !important;
@@ -15149,13 +16119,16 @@ fieldset.amb-design-item-selected {
15149
16119
  height: 16px;
15150
16120
  }
15151
16121
  .amb-design-chart-series {
16122
+ display: inline-block;
15152
16123
  background-color: #e6a23c;
15153
- border: 1px dashed #e6a23c;
15154
- padding: 0px 6px 8px 6px;
16124
+ padding: 4px 6px;
15155
16125
  color: #ffffff;
15156
16126
  cursor: pointer;
15157
16127
  border-radius: 0px 0px 4px 4px;
15158
- margin-right: 4px;
16128
+ overflow: hidden;
16129
+ }
16130
+ .amb-design-chart-series ~ .amb-design-chart-series {
16131
+ margin-left: 5px;
15159
16132
  }
15160
16133
  .amb-design-chart-series-selected {
15161
16134
  background-color: #5893ef;
@@ -15167,10 +16140,11 @@ fieldset.amb-design-item-selected {
15167
16140
  height: 22px;
15168
16141
  right: 0;
15169
16142
  top: 0;
15170
- z-index: 2;
15171
- padding: 6px;
15172
- padding-top: 2px;
15173
- padding-left: 0px;
16143
+ display: flex;
16144
+ align-items: center;
16145
+ padding: 0 5px;
16146
+ gap: 5px;
16147
+ z-index: 10;
15174
16148
  }
15175
16149
  .amb-widget-item-tool > i {
15176
16150
  cursor: pointer;
@@ -15272,9 +16246,6 @@ fieldset.amb-design-item-selected {
15272
16246
  /* 设计时样式 */
15273
16247
  .amb-design-item > .el-dropdown > .el-button-group {
15274
16248
  display: flex;
15275
- }
15276
- .el-table td.el-table__cell .cell {
15277
- padding: 1px;
15278
16249
  }
15279
16250
  /*去除表单组件 el-item label留白*/
15280
16251
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -15291,6 +16262,26 @@ fieldset.amb-design-item-selected {
15291
16262
  font-size: 22px;
15292
16263
  padding: 10px;
15293
16264
  font-weight: bold;
16265
+ }
16266
+ .amb-component-popover-left-menu-main {
16267
+ position: relative;
16268
+ height: 100%;
16269
+ border-right: solid 1px var(--el-menu-border-color);
16270
+ background-color: var(--el-menu-bg-color);
16271
+ overflow: auto;
16272
+ }
16273
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
16274
+ font-size: var(--el-menu-item-font-size);
16275
+ color: var(--el-menu-text-color);
16276
+ padding: 10px 0;
16277
+ display: flex;
16278
+ align-items: center;
16279
+ cursor: pointer;
16280
+ gap: 10px;
16281
+ }
16282
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
16283
+ color: var(--el-menu-active-color);
16284
+ background-color: var(--el-menu-hover-bg-color);
15294
16285
  }
15295
16286
  .el-tree-node__content {
15296
16287
  height: 34px !important;
@@ -15338,22 +16329,17 @@ fieldset.amb-design-item-selected {
15338
16329
  .amb-page-container-main > .el-container {
15339
16330
  height: 100%;
15340
16331
  }
15341
- .amb-container-left {
15342
- width: 280px !important;
15343
- overflow-y: auto;
15344
- }
15345
16332
  .amb-container-main {
16333
+ position: relative;
15346
16334
  padding: 0px !important;
15347
16335
  user-select: none;
15348
16336
  overflow: hidden;
15349
- background-color: #f5f7fa;
16337
+ background-color: #f5f7fa;
16338
+ z-index: 0;
15350
16339
  }
15351
16340
  .amb-container-main::-webkit-scrollbar {
15352
16341
  width: 1px;
15353
16342
  }
15354
- .amb-container-attr {
15355
- width: 280px !important;
15356
- }
15357
16343
  .amb-design-attr-base-content {
15358
16344
  background: #ffffff;
15359
16345
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -15701,14 +16687,17 @@ fieldset.amb-design-item-selected {
15701
16687
  transition: var(--el-transition-duration); */
15702
16688
  }
15703
16689
  .amb-design-item-default {
15704
- border: 1px dashed #c0c4cc !important;
16690
+ /* border: 1px dashed #c0c4cc !important; */
15705
16691
  /* border: 2px dashed transparent !important; */
15706
16692
  color: #c0c4cc;
15707
16693
  position: relative !important;
15708
16694
  }
15709
16695
  .amb-design-item-default:hover {
15710
16696
  cursor: pointer;
15711
- border: 1px solid #e6a23c !important;
16697
+ /* border: 1px solid #e6a23c !important; */
16698
+ outline-offset: 1px;
16699
+ outline: 1px solid #e6a23c !important;
16700
+ z-index: 10;
15712
16701
  /* background-color: rgba(205, 210, 216, 0.105); */
15713
16702
  }
15714
16703
  .amb-design-item-default > div {
@@ -15725,13 +16714,27 @@ fieldset.amb-design-item-selected {
15725
16714
  }
15726
16715
  .el-table__cell > .cell {
15727
16716
  white-space: nowrap !important;
15728
- }
15729
- .amb-design-item {
16717
+ }
16718
+ /* .amb-design-item {
15730
16719
  border: 1px solid #ffffff;
15731
- /* align-items:center; */
16720
+ } */
16721
+ .amb-design-item:hover {
16722
+ outline-offset: 1px;
16723
+ outline: 1px solid rgb(88, 147, 239);
16724
+ z-index: 10;
15732
16725
  }
15733
16726
  .amb-design-item-selected {
15734
- border: 1px solid #e6a23c !important;
16727
+ outline-offset: 1px;
16728
+ outline: 1px solid #e6a23c !important;
16729
+ z-index: 10;
16730
+ /* border: 1px solid #e6a23c !important; */
16731
+ }
16732
+ .amb-design-item-title {
16733
+ position: absolute;
16734
+ top: 0px;
16735
+ right: 60px;
16736
+ text-align: center;
16737
+ line-height: 1;
15735
16738
  }
15736
16739
  fieldset.amb-design-item-selected {
15737
16740
  color: #e6a23c !important;
@@ -15747,13 +16750,16 @@ fieldset.amb-design-item-selected {
15747
16750
  height: 16px;
15748
16751
  }
15749
16752
  .amb-design-chart-series {
16753
+ display: inline-block;
15750
16754
  background-color: #e6a23c;
15751
- border: 1px dashed #e6a23c;
15752
- padding: 0px 6px 8px 6px;
16755
+ padding: 4px 6px;
15753
16756
  color: #ffffff;
15754
16757
  cursor: pointer;
15755
16758
  border-radius: 0px 0px 4px 4px;
15756
- margin-right: 4px;
16759
+ overflow: hidden;
16760
+ }
16761
+ .amb-design-chart-series ~ .amb-design-chart-series {
16762
+ margin-left: 5px;
15757
16763
  }
15758
16764
  .amb-design-chart-series-selected {
15759
16765
  background-color: #5893ef;
@@ -15765,10 +16771,11 @@ fieldset.amb-design-item-selected {
15765
16771
  height: 22px;
15766
16772
  right: 0;
15767
16773
  top: 0;
15768
- z-index: 2;
15769
- padding: 6px;
15770
- padding-top: 2px;
15771
- padding-left: 0px;
16774
+ display: flex;
16775
+ align-items: center;
16776
+ padding: 0 5px;
16777
+ gap: 5px;
16778
+ z-index: 10;
15772
16779
  }
15773
16780
  .amb-widget-item-tool > i {
15774
16781
  cursor: pointer;
@@ -15870,9 +16877,6 @@ fieldset.amb-design-item-selected {
15870
16877
  /* 设计时样式 */
15871
16878
  .amb-design-item > .el-dropdown > .el-button-group {
15872
16879
  display: flex;
15873
- }
15874
- .el-table td.el-table__cell .cell {
15875
- padding: 1px;
15876
16880
  }
15877
16881
  /*去除表单组件 el-item label留白*/
15878
16882
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -15889,6 +16893,26 @@ fieldset.amb-design-item-selected {
15889
16893
  font-size: 22px;
15890
16894
  padding: 10px;
15891
16895
  font-weight: bold;
16896
+ }
16897
+ .amb-component-popover-left-menu-main {
16898
+ position: relative;
16899
+ height: 100%;
16900
+ border-right: solid 1px var(--el-menu-border-color);
16901
+ background-color: var(--el-menu-bg-color);
16902
+ overflow: auto;
16903
+ }
16904
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
16905
+ font-size: var(--el-menu-item-font-size);
16906
+ color: var(--el-menu-text-color);
16907
+ padding: 10px 0;
16908
+ display: flex;
16909
+ align-items: center;
16910
+ cursor: pointer;
16911
+ gap: 10px;
16912
+ }
16913
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
16914
+ color: var(--el-menu-active-color);
16915
+ background-color: var(--el-menu-hover-bg-color);
15892
16916
  }
15893
16917
 
15894
16918
  .el-switch + .el-button[data-v-513f0eca] {
@@ -15951,7 +16975,7 @@ li[data-v-21af26bc] {
15951
16975
  list-style-type: none;
15952
16976
  }
15953
16977
 
15954
- .seleteSort[data-v-89d780ed] {
16978
+ .seleteSort[data-v-ad5b0913] {
15955
16979
  border-radius: 5px;
15956
16980
  border: 1px solid rgba(88, 147, 239);
15957
16981
  }
@@ -16001,22 +17025,17 @@ li[data-v-21af26bc] {
16001
17025
  .amb-page-container-main > .el-container {
16002
17026
  height: 100%;
16003
17027
  }
16004
- .amb-container-left {
16005
- width: 280px !important;
16006
- overflow-y: auto;
16007
- }
16008
17028
  .amb-container-main {
17029
+ position: relative;
16009
17030
  padding: 0px !important;
16010
17031
  user-select: none;
16011
17032
  overflow: hidden;
16012
- background-color: #f5f7fa;
17033
+ background-color: #f5f7fa;
17034
+ z-index: 0;
16013
17035
  }
16014
17036
  .amb-container-main::-webkit-scrollbar {
16015
17037
  width: 1px;
16016
17038
  }
16017
- .amb-container-attr {
16018
- width: 280px !important;
16019
- }
16020
17039
  .amb-design-attr-base-content {
16021
17040
  background: #ffffff;
16022
17041
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -16364,14 +17383,17 @@ li[data-v-21af26bc] {
16364
17383
  transition: var(--el-transition-duration); */
16365
17384
  }
16366
17385
  .amb-design-item-default {
16367
- border: 1px dashed #c0c4cc !important;
17386
+ /* border: 1px dashed #c0c4cc !important; */
16368
17387
  /* border: 2px dashed transparent !important; */
16369
17388
  color: #c0c4cc;
16370
17389
  position: relative !important;
16371
17390
  }
16372
17391
  .amb-design-item-default:hover {
16373
17392
  cursor: pointer;
16374
- border: 1px solid #e6a23c !important;
17393
+ /* border: 1px solid #e6a23c !important; */
17394
+ outline-offset: 1px;
17395
+ outline: 1px solid #e6a23c !important;
17396
+ z-index: 10;
16375
17397
  /* background-color: rgba(205, 210, 216, 0.105); */
16376
17398
  }
16377
17399
  .amb-design-item-default > div {
@@ -16388,13 +17410,27 @@ li[data-v-21af26bc] {
16388
17410
  }
16389
17411
  .el-table__cell > .cell {
16390
17412
  white-space: nowrap !important;
16391
- }
16392
- .amb-design-item {
17413
+ }
17414
+ /* .amb-design-item {
16393
17415
  border: 1px solid #ffffff;
16394
- /* align-items:center; */
17416
+ } */
17417
+ .amb-design-item:hover {
17418
+ outline-offset: 1px;
17419
+ outline: 1px solid rgb(88, 147, 239);
17420
+ z-index: 10;
16395
17421
  }
16396
17422
  .amb-design-item-selected {
16397
- border: 1px solid #e6a23c !important;
17423
+ outline-offset: 1px;
17424
+ outline: 1px solid #e6a23c !important;
17425
+ z-index: 10;
17426
+ /* border: 1px solid #e6a23c !important; */
17427
+ }
17428
+ .amb-design-item-title {
17429
+ position: absolute;
17430
+ top: 0px;
17431
+ right: 60px;
17432
+ text-align: center;
17433
+ line-height: 1;
16398
17434
  }
16399
17435
  fieldset.amb-design-item-selected {
16400
17436
  color: #e6a23c !important;
@@ -16410,13 +17446,16 @@ fieldset.amb-design-item-selected {
16410
17446
  height: 16px;
16411
17447
  }
16412
17448
  .amb-design-chart-series {
17449
+ display: inline-block;
16413
17450
  background-color: #e6a23c;
16414
- border: 1px dashed #e6a23c;
16415
- padding: 0px 6px 8px 6px;
17451
+ padding: 4px 6px;
16416
17452
  color: #ffffff;
16417
17453
  cursor: pointer;
16418
17454
  border-radius: 0px 0px 4px 4px;
16419
- margin-right: 4px;
17455
+ overflow: hidden;
17456
+ }
17457
+ .amb-design-chart-series ~ .amb-design-chart-series {
17458
+ margin-left: 5px;
16420
17459
  }
16421
17460
  .amb-design-chart-series-selected {
16422
17461
  background-color: #5893ef;
@@ -16428,10 +17467,11 @@ fieldset.amb-design-item-selected {
16428
17467
  height: 22px;
16429
17468
  right: 0;
16430
17469
  top: 0;
16431
- z-index: 2;
16432
- padding: 6px;
16433
- padding-top: 2px;
16434
- padding-left: 0px;
17470
+ display: flex;
17471
+ align-items: center;
17472
+ padding: 0 5px;
17473
+ gap: 5px;
17474
+ z-index: 10;
16435
17475
  }
16436
17476
  .amb-widget-item-tool > i {
16437
17477
  cursor: pointer;
@@ -16533,9 +17573,6 @@ fieldset.amb-design-item-selected {
16533
17573
  /* 设计时样式 */
16534
17574
  .amb-design-item > .el-dropdown > .el-button-group {
16535
17575
  display: flex;
16536
- }
16537
- .el-table td.el-table__cell .cell {
16538
- padding: 1px;
16539
17576
  }
16540
17577
  /*去除表单组件 el-item label留白*/
16541
17578
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -16552,6 +17589,26 @@ fieldset.amb-design-item-selected {
16552
17589
  font-size: 22px;
16553
17590
  padding: 10px;
16554
17591
  font-weight: bold;
17592
+ }
17593
+ .amb-component-popover-left-menu-main {
17594
+ position: relative;
17595
+ height: 100%;
17596
+ border-right: solid 1px var(--el-menu-border-color);
17597
+ background-color: var(--el-menu-bg-color);
17598
+ overflow: auto;
17599
+ }
17600
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
17601
+ font-size: var(--el-menu-item-font-size);
17602
+ color: var(--el-menu-text-color);
17603
+ padding: 10px 0;
17604
+ display: flex;
17605
+ align-items: center;
17606
+ cursor: pointer;
17607
+ gap: 10px;
17608
+ }
17609
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
17610
+ color: var(--el-menu-active-color);
17611
+ background-color: var(--el-menu-hover-bg-color);
16555
17612
  }
16556
17613
 
16557
17614
  [data-v-bab42532] .el-form-item__label {
@@ -16603,22 +17660,17 @@ fieldset.amb-design-item-selected {
16603
17660
  .amb-page-container-main > .el-container {
16604
17661
  height: 100%;
16605
17662
  }
16606
- .amb-container-left {
16607
- width: 280px !important;
16608
- overflow-y: auto;
16609
- }
16610
17663
  .amb-container-main {
17664
+ position: relative;
16611
17665
  padding: 0px !important;
16612
17666
  user-select: none;
16613
17667
  overflow: hidden;
16614
- background-color: #f5f7fa;
17668
+ background-color: #f5f7fa;
17669
+ z-index: 0;
16615
17670
  }
16616
17671
  .amb-container-main::-webkit-scrollbar {
16617
17672
  width: 1px;
16618
17673
  }
16619
- .amb-container-attr {
16620
- width: 280px !important;
16621
- }
16622
17674
  .amb-design-attr-base-content {
16623
17675
  background: #ffffff;
16624
17676
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -16966,14 +18018,17 @@ fieldset.amb-design-item-selected {
16966
18018
  transition: var(--el-transition-duration); */
16967
18019
  }
16968
18020
  .amb-design-item-default {
16969
- border: 1px dashed #c0c4cc !important;
18021
+ /* border: 1px dashed #c0c4cc !important; */
16970
18022
  /* border: 2px dashed transparent !important; */
16971
18023
  color: #c0c4cc;
16972
18024
  position: relative !important;
16973
18025
  }
16974
18026
  .amb-design-item-default:hover {
16975
18027
  cursor: pointer;
16976
- border: 1px solid #e6a23c !important;
18028
+ /* border: 1px solid #e6a23c !important; */
18029
+ outline-offset: 1px;
18030
+ outline: 1px solid #e6a23c !important;
18031
+ z-index: 10;
16977
18032
  /* background-color: rgba(205, 210, 216, 0.105); */
16978
18033
  }
16979
18034
  .amb-design-item-default > div {
@@ -16990,13 +18045,27 @@ fieldset.amb-design-item-selected {
16990
18045
  }
16991
18046
  .el-table__cell > .cell {
16992
18047
  white-space: nowrap !important;
16993
- }
16994
- .amb-design-item {
18048
+ }
18049
+ /* .amb-design-item {
16995
18050
  border: 1px solid #ffffff;
16996
- /* align-items:center; */
18051
+ } */
18052
+ .amb-design-item:hover {
18053
+ outline-offset: 1px;
18054
+ outline: 1px solid rgb(88, 147, 239);
18055
+ z-index: 10;
16997
18056
  }
16998
18057
  .amb-design-item-selected {
16999
- border: 1px solid #e6a23c !important;
18058
+ outline-offset: 1px;
18059
+ outline: 1px solid #e6a23c !important;
18060
+ z-index: 10;
18061
+ /* border: 1px solid #e6a23c !important; */
18062
+ }
18063
+ .amb-design-item-title {
18064
+ position: absolute;
18065
+ top: 0px;
18066
+ right: 60px;
18067
+ text-align: center;
18068
+ line-height: 1;
17000
18069
  }
17001
18070
  fieldset.amb-design-item-selected {
17002
18071
  color: #e6a23c !important;
@@ -17012,13 +18081,16 @@ fieldset.amb-design-item-selected {
17012
18081
  height: 16px;
17013
18082
  }
17014
18083
  .amb-design-chart-series {
18084
+ display: inline-block;
17015
18085
  background-color: #e6a23c;
17016
- border: 1px dashed #e6a23c;
17017
- padding: 0px 6px 8px 6px;
18086
+ padding: 4px 6px;
17018
18087
  color: #ffffff;
17019
18088
  cursor: pointer;
17020
18089
  border-radius: 0px 0px 4px 4px;
17021
- margin-right: 4px;
18090
+ overflow: hidden;
18091
+ }
18092
+ .amb-design-chart-series ~ .amb-design-chart-series {
18093
+ margin-left: 5px;
17022
18094
  }
17023
18095
  .amb-design-chart-series-selected {
17024
18096
  background-color: #5893ef;
@@ -17030,10 +18102,11 @@ fieldset.amb-design-item-selected {
17030
18102
  height: 22px;
17031
18103
  right: 0;
17032
18104
  top: 0;
17033
- z-index: 2;
17034
- padding: 6px;
17035
- padding-top: 2px;
17036
- padding-left: 0px;
18105
+ display: flex;
18106
+ align-items: center;
18107
+ padding: 0 5px;
18108
+ gap: 5px;
18109
+ z-index: 10;
17037
18110
  }
17038
18111
  .amb-widget-item-tool > i {
17039
18112
  cursor: pointer;
@@ -17135,9 +18208,6 @@ fieldset.amb-design-item-selected {
17135
18208
  /* 设计时样式 */
17136
18209
  .amb-design-item > .el-dropdown > .el-button-group {
17137
18210
  display: flex;
17138
- }
17139
- .el-table td.el-table__cell .cell {
17140
- padding: 1px;
17141
18211
  }
17142
18212
  /*去除表单组件 el-item label留白*/
17143
18213
  .remove-formLabel-formContent-blankStyle > .el-form-item__label {
@@ -17154,4 +18224,24 @@ fieldset.amb-design-item-selected {
17154
18224
  font-size: 22px;
17155
18225
  padding: 10px;
17156
18226
  font-weight: bold;
18227
+ }
18228
+ .amb-component-popover-left-menu-main {
18229
+ position: relative;
18230
+ height: 100%;
18231
+ border-right: solid 1px var(--el-menu-border-color);
18232
+ background-color: var(--el-menu-bg-color);
18233
+ overflow: auto;
18234
+ }
18235
+ .amb-component-popover-left-menu-main .amb-popover-menu-item {
18236
+ font-size: var(--el-menu-item-font-size);
18237
+ color: var(--el-menu-text-color);
18238
+ padding: 10px 0;
18239
+ display: flex;
18240
+ align-items: center;
18241
+ cursor: pointer;
18242
+ gap: 10px;
18243
+ }
18244
+ .amb-component-popover-left-menu-main .amb-popover-menu-item.is-active {
18245
+ color: var(--el-menu-active-color);
18246
+ background-color: var(--el-menu-hover-bg-color);
17157
18247
  }