@tmagic/editor 1.8.0-beta.25 → 1.8.0-beta.26

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 (111) hide show
  1. package/dist/es/Editor.vue_vue_type_script_setup_true_lang.js +10 -16
  2. package/dist/es/components/CodeParams.vue_vue_type_script_setup_true_lang.js +4 -4
  3. package/dist/es/components/CompareForm.vue_vue_type_script_setup_true_lang.js +5 -8
  4. package/dist/es/components/ViewForm.vue_vue_type_script_setup_true_lang.js +3 -5
  5. package/dist/es/fields/Code.vue_vue_type_script_setup_true_lang.js +3 -11
  6. package/dist/es/fields/CodeSelect.vue_vue_type_script_setup_true_lang.js +29 -124
  7. package/dist/es/fields/CodeSelectCol.vue_vue_type_script_setup_true_lang.js +5 -6
  8. package/dist/es/fields/DataSourceFieldSelect/FieldSelect.vue_vue_type_script_setup_true_lang.js +1 -1
  9. package/dist/es/fields/DataSourceFieldSelect/Index.vue_vue_type_script_setup_true_lang.js +4 -5
  10. package/dist/es/fields/DataSourceFields.vue_vue_type_script_setup_true_lang.js +6 -10
  11. package/dist/es/fields/DataSourceMethodSelect.vue_vue_type_script_setup_true_name_true_lang.js +5 -7
  12. package/dist/es/fields/DataSourceMethods.vue_vue_type_script_setup_true_lang.js +1 -4
  13. package/dist/es/fields/DataSourceMocks.vue_vue_type_script_setup_true_lang.js +4 -6
  14. package/dist/es/fields/DataSourceSelect.vue_vue_type_script_setup_true_lang.js +1 -1
  15. package/dist/es/fields/DisplayConds.vue_vue_type_script_setup_true_lang.js +9 -142
  16. package/dist/es/fields/EventSelect.vue_vue_type_script_setup_true_lang.js +51 -326
  17. package/dist/es/fields/KeyValue.vue_vue_type_script_setup_true_lang.js +2 -4
  18. package/dist/es/fields/StyleSetter/components/Border.vue_vue_type_script_setup_true_lang.js +3 -34
  19. package/dist/es/fields/StyleSetter/configs.js +663 -0
  20. package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js +5 -108
  21. package/dist/es/fields/StyleSetter/pro/Border.vue_vue_type_script_setup_true_lang.js +3 -9
  22. package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js +5 -102
  23. package/dist/es/fields/StyleSetter/pro/Layout.vue_vue_type_script_setup_true_lang.js +5 -265
  24. package/dist/es/fields/StyleSetter/pro/Position.vue_vue_type_script_setup_true_lang.js +5 -85
  25. package/dist/es/fields/StyleSetter/pro/Transform.vue_vue_type_script_setup_true_lang.js +3 -22
  26. package/dist/es/fields/configs/codeSelect.js +98 -0
  27. package/dist/es/fields/configs/displayConds.js +158 -0
  28. package/dist/es/fields/configs/eventSelect.js +225 -0
  29. package/dist/es/fields/configs/stickyAddButton.js +20 -0
  30. package/dist/es/fields/headless-validation.js +139 -0
  31. package/dist/es/headless.js +2 -0
  32. package/dist/es/hooks/use-compare-form.js +6 -23
  33. package/dist/es/hooks/use-form-context.js +19 -0
  34. package/dist/es/index.js +2 -1
  35. package/dist/es/initService.js +17 -1
  36. package/dist/es/layouts/history-list/HistoryDiffDialog.vue_vue_type_script_setup_true_lang.js +1 -7
  37. package/dist/es/layouts/history-list/HistoryListPanel.vue_vue_type_script_setup_true_lang.js +1 -11
  38. package/dist/es/layouts/history-list/useHistoryRevert.js +3 -11
  39. package/dist/es/layouts/props-panel/FormPanel.vue_vue_type_script_setup_true_lang.js +10 -23
  40. package/dist/es/layouts/props-panel/PropsPanel.vue_vue_type_script_setup_true_lang.js +3 -13
  41. package/dist/es/layouts/sidebar/code-block/CodeBlockListPanel.vue_vue_type_script_setup_true_lang.js +1 -1
  42. package/dist/es/layouts/sidebar/code-block/useContentMenu.js +1 -1
  43. package/dist/es/layouts/sidebar/data-source/DataSourceListPanel.vue_vue_type_script_setup_true_lang.js +1 -1
  44. package/dist/es/layouts/sidebar/data-source/useContentMenu.js +1 -1
  45. package/dist/es/plugin.js +33 -32
  46. package/dist/es/style.css +116 -60
  47. package/dist/es/utils/data-source/index.js +2 -1
  48. package/dist/es/utils/props.js +1 -4
  49. package/dist/es/utils/type-match-rules.js +2 -2
  50. package/dist/style.css +116 -60
  51. package/dist/themes/magic-admin.css +128 -67
  52. package/dist/tmagic-editor-headless.umd.cjs +10867 -0
  53. package/dist/tmagic-editor.umd.cjs +2123 -2015
  54. package/package.json +12 -7
  55. package/src/Editor.vue +12 -16
  56. package/src/components/CodeParams.vue +10 -4
  57. package/src/components/CompareForm.vue +4 -5
  58. package/src/components/ViewForm.vue +2 -3
  59. package/src/editorProps.ts +1 -2
  60. package/src/fields/Code.vue +2 -10
  61. package/src/fields/CodeSelect.vue +20 -116
  62. package/src/fields/CodeSelectCol.vue +3 -5
  63. package/src/fields/DataSourceFieldSelect/FieldSelect.vue +1 -1
  64. package/src/fields/DataSourceFieldSelect/Index.vue +3 -5
  65. package/src/fields/DataSourceFields.vue +0 -7
  66. package/src/fields/DataSourceMethodSelect.vue +2 -5
  67. package/src/fields/DataSourceMethods.vue +1 -6
  68. package/src/fields/DataSourceMocks.vue +1 -10
  69. package/src/fields/DataSourceSelect.vue +1 -1
  70. package/src/fields/DisplayConds.vue +17 -157
  71. package/src/fields/EventSelect.vue +28 -375
  72. package/src/fields/KeyValue.vue +3 -4
  73. package/src/fields/StyleSetter/components/Border.vue +4 -38
  74. package/src/fields/StyleSetter/configs.ts +690 -0
  75. package/src/fields/StyleSetter/pro/Background.vue +4 -104
  76. package/src/fields/StyleSetter/pro/Border.vue +3 -12
  77. package/src/fields/StyleSetter/pro/Font.vue +4 -123
  78. package/src/fields/StyleSetter/pro/Layout.vue +4 -219
  79. package/src/fields/StyleSetter/pro/Position.vue +6 -110
  80. package/src/fields/StyleSetter/pro/Transform.vue +4 -30
  81. package/src/fields/configs/codeSelect.ts +127 -0
  82. package/src/fields/configs/displayConds.ts +184 -0
  83. package/src/fields/configs/eventSelect.ts +309 -0
  84. package/src/fields/configs/stickyAddButton.ts +31 -0
  85. package/src/fields/headless-validation.ts +177 -0
  86. package/src/headless.ts +33 -0
  87. package/src/hooks/use-compare-form.ts +7 -25
  88. package/src/hooks/use-form-context.ts +40 -0
  89. package/src/index.ts +2 -0
  90. package/src/initService.ts +23 -1
  91. package/src/layouts/history-list/HistoryDiffDialog.vue +0 -10
  92. package/src/layouts/history-list/HistoryListPanel.vue +1 -13
  93. package/src/layouts/history-list/useHistoryRevert.ts +7 -13
  94. package/src/layouts/props-panel/FormPanel.vue +17 -28
  95. package/src/layouts/props-panel/PropsPanel.vue +1 -4
  96. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +1 -1
  97. package/src/layouts/sidebar/code-block/useContentMenu.ts +1 -1
  98. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +1 -1
  99. package/src/layouts/sidebar/data-source/useContentMenu.ts +1 -1
  100. package/src/plugin.ts +32 -33
  101. package/src/theme/code-block.scss +0 -37
  102. package/src/theme/display-conds.scss +4 -0
  103. package/src/theme/event.scss +22 -45
  104. package/src/theme/props-panel.scss +17 -3
  105. package/src/theme/themes/magic-admin/index.scss +12 -1
  106. package/src/type.ts +10 -29
  107. package/src/utils/data-source/index.ts +1 -0
  108. package/src/utils/props.ts +1 -4
  109. package/src/utils/type-match-rules.ts +8 -3
  110. package/types/headless.d.ts +18 -0
  111. package/types/index.d.ts +154 -179
package/dist/themes/magic-admin.css CHANGED
@@ -445,6 +445,21 @@ fieldset.m-fieldset .m-form-tip {
445
445
  margin-left: 5px;
446
446
  }
447
447
 
448
+ .m-fields-group-list {
449
+ --m-group-list-footer-padding-top: 12px;
450
+ --m-group-list-footer-padding-bottom: 16px;
451
+ --m-group-list-footer-button-height: 32px;
452
+ --m-group-list-footer-height: calc(
453
+ var(--m-group-list-footer-padding-top) +
454
+ var(--m-group-list-footer-button-height) +
455
+ var(--m-group-list-footer-padding-bottom)
456
+ );
457
+ --m-group-list-footer-bg: var(--el-bg-color, #fff);
458
+ --m-group-list-header-height: 65px;
459
+ --m-group-list-header-bg: #fff;
460
+ width: 100%;
461
+ min-width: 0;
462
+ }
448
463
  .m-fields-group-list .m-fields-group-list-item.tmagic-design-card--flat:last-child {
449
464
  border: 0;
450
465
  }
@@ -460,22 +475,87 @@ fieldset.m-fieldset .m-form-tip {
460
475
  transform: rotate(90deg);
461
476
  }
462
477
  .m-fields-group-list .m-fields-group-list-item {
478
+ overflow: visible;
463
479
  border-bottom: 1px solid #ebeef5;
464
480
  margin-bottom: 7px;
465
481
  }
466
482
  .m-fields-group-list .m-fields-group-list-item:last-of-type {
467
483
  border-bottom: 0;
468
484
  }
485
+ .m-fields-group-list .m-fields-group-list-item .el-card__body,
486
+ .m-fields-group-list .m-fields-group-list-item .t-card__body {
487
+ overflow: visible;
488
+ }
489
+ .m-fields-group-list .m-fields-group-list-item .el-card__body > .m-container-row,
490
+ .m-fields-group-list .m-fields-group-list-item .t-card__body > .m-container-row {
491
+ overflow: visible;
492
+ }
493
+ .m-fields-group-list .m-fields-group-list-item .el-card__body .tmagic-design-form-item,
494
+ .m-fields-group-list .m-fields-group-list-item .t-card__body .tmagic-design-form-item {
495
+ margin-bottom: 16px;
496
+ }
469
497
  .m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item-header {
470
498
  display: flex;
471
499
  align-items: center;
472
500
  gap: 8px;
473
501
  }
474
- .m-fields-group-list .m-fields-group-list-footer {
502
+ .m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item-title {
503
+ flex: 1;
504
+ min-width: 0;
505
+ }
506
+ .m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item-actions {
507
+ display: flex;
508
+ align-items: center;
509
+ flex-shrink: 0;
510
+ gap: 8px;
511
+ }
512
+ .m-fields-group-list .m-fields-group-list-item > .el-card__header,
513
+ .m-fields-group-list .m-fields-group-list-item > .t-card__header {
514
+ position: sticky;
515
+ top: var(--m-group-list-header-sticky-top, 0px);
516
+ z-index: 7;
517
+ background-color: var(--m-group-list-header-bg, #fff);
518
+ }
519
+ .m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item > .el-card__header,
520
+ .m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item > .t-card__header {
521
+ top: calc(var(--m-group-list-header-sticky-top, 0px) + var(--m-group-list-header-height));
522
+ z-index: 6;
523
+ }
524
+ .m-fields-group-list .el-table__empty-block {
525
+ width: 100%;
526
+ min-height: 0;
527
+ }
528
+ .m-fields-group-list .el-table__empty-text {
529
+ display: block;
530
+ box-sizing: border-box;
531
+ width: 100%;
532
+ }
533
+ .m-fields-group-list > .m-fields-group-list-footer {
534
+ display: flex;
475
535
  justify-content: space-between;
476
536
  margin-top: 10px;
477
537
  margin-bottom: 16px;
478
538
  }
539
+ .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full {
540
+ position: sticky;
541
+ bottom: 0;
542
+ z-index: 7;
543
+ margin-bottom: 0;
544
+ padding: var(--m-group-list-footer-padding-top) 0 var(--m-group-list-footer-padding-bottom);
545
+ background-color: var(--m-group-list-footer-bg);
546
+ }
547
+ .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full > div {
548
+ justify-content: stretch;
549
+ }
550
+ .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full .el-button,
551
+ .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full .tmagic-design-button {
552
+ width: 100%;
553
+ height: var(--m-group-list-footer-button-height);
554
+ }
555
+ .m-fields-group-list .m-fields-group-list-item .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full {
556
+ bottom: var(--m-group-list-footer-height);
557
+ z-index: 7;
558
+ }
479
559
 
480
560
  /** 最外层的groupList需要每个item需要增加空白区域界限时，增加outer-gorup_list可以实现 */
481
561
  .m-container-group-list.outer-gorup_list > .m-fields-group-list > .m-fields-group-list-item {
@@ -633,7 +713,8 @@ fieldset.m-fieldset .m-form-tip {
633
713
  .m-form.m-form--magic-admin [class="m-container-fieldset m-form-container"] {
634
714
  margin-top: 15px;
635
715
  }
636
- .m-form.m-form--magic-admin .m-container-tab:not(.magic-right-panel-tabs-top):not(.magic-form-dynamic-tab) > .tmagic-design-tabs:not(.el-tabs--border-card) > .el-tabs__content {
716
+ .m-form.m-form--magic-admin .m-container-tab:not(.magic-right-panel-tabs-top):not(.magic-form-dynamic-tab) > .tmagic-design-tabs:not(.el-tabs--border-card) > .el-tabs__content,
717
+ .m-form.m-form--magic-admin .m-container-tab:not(.magic-right-panel-tabs-top):not(.magic-form-dynamic-tab) > .tmagic-design-tabs:not(.el-tabs--border-card) > .t-tabs__content {
637
718
  background-color: #fff;
638
719
  padding: 16px 16px 0 16px;
639
720
  border-radius: 4px;
@@ -670,12 +751,7 @@ fieldset.m-fieldset .m-form-tip {
670
751
  .m-form.m-form--magic-admin .m-fields-group-list-item.tmagic-design-card--flat .el-card__body .m-fields-table-wrap .m-fields-table .el-table__header-wrapper thead {
671
752
  height: 48px;
672
753
  }
673
- .m-form.m-form--magic-admin .m-fields-group-list-item.tmagic-design-card--flat .m-fields-group-list-item-header {
674
- position: relative;
675
- }
676
754
  .m-form.m-form--magic-admin .m-fields-group-list-item.tmagic-design-card--flat .m-fields-group-list-item-header .delete-button {
677
- position: absolute;
678
- right: 0;
679
755
  color: #0f1113;
680
756
  }
681
757
  .m-form.m-form--magic-admin .m-form-container .m-form-container-expand {
@@ -1812,12 +1888,25 @@ fieldset.m-fieldset .m-form-tip {
1812
1888
  .m-editor-props-form-panel-form {
1813
1889
  padding-right: 10px;
1814
1890
  padding-left: 10px;
1815
- }
1816
- .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content {
1817
- margin-top: var(--el-tabs-header-height);
1891
+ --m-group-list-header-sticky-top: var(
1892
+ --el-tabs-header-height,
1893
+ var(--td-comp-size-xxl, 48px)
1894
+ );
1895
+ }
1896
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content,
1897
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .t-tabs__content {
1898
+ margin-top: var(--el-tabs-header-height, var(--td-comp-size-xxl, 48px));
1818
1899
  padding-top: 15px;
1900
+ overflow: visible;
1901
+ }
1902
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content > .el-tab-pane,
1903
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content > .t-tab-panel,
1904
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .t-tabs__content > .el-tab-pane,
1905
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .t-tabs__content > .t-tab-panel {
1906
+ overflow: visible;
1819
1907
  }
1820
- .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__header.is-top {
1908
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__header.is-top,
1909
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .t-tabs__header {
1821
1910
  position: absolute;
1822
1911
  top: 0;
1823
1912
  width: 100%;
@@ -2015,29 +2104,6 @@ fieldset.m-fieldset .m-form-tip {
2015
2104
  .m-fields-code-select {
2016
2105
  width: 100%;
2017
2106
  }
2018
- .m-fields-code-select > .el-card.tmagic-design-card--flat {
2019
- background-color: transparent;
2020
- margin-bottom: 10px;
2021
- }
2022
- .m-fields-code-select > .el-card.tmagic-design-card--flat > .el-card__body {
2023
- padding-left: 0;
2024
- }
2025
- .m-fields-code-select > .el-card.tmagic-design-card--flat > .el-card__body .code-select-content > .m-fields-group-list > .tmagic-design-card--flat.el-card {
2026
- padding-left: 16px;
2027
- padding-right: 16px;
2028
- margin-bottom: 10px;
2029
- border: 0 !important;
2030
- }
2031
- .m-fields-code-select .el-card__body .tmagic-design-form-item {
2032
- margin-bottom: 16px;
2033
- }
2034
- .m-fields-code-select .code-select-content > .m-fields-group-list > .tmagic-design-card--flat > .el-card__header {
2035
- padding: 16px 0;
2036
- }
2037
- .m-fields-code-select .create-button.fullWidth {
2038
- width: 100%;
2039
- margin: 0 0 16px 0;
2040
- }
2041
2107
 
2042
2108
  .m-fields-event-select {
2043
2109
  width: 100%;
@@ -2046,37 +2112,34 @@ fieldset.m-fieldset .m-form-tip {
2046
2112
  width: 100%;
2047
2113
  box-sizing: border-box;
2048
2114
  }
2049
- .m-fields-event-select .fullWidth.create-button {
2050
- width: 100%;
2051
- }
2052
2115
  .m-fields-event-select .fullWidth.m-container-ui-event {
2053
2116
  width: calc(100% - 32px);
2054
2117
  }
2055
2118
  .m-fields-event-select .event-select-container {
2056
2119
  padding: 0 16px;
2057
2120
  }
2058
- .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__header {
2121
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .el-card__header,
2122
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .t-card__header {
2059
2123
  border-bottom: 1px solid #ebeef5;
2060
2124
  }
2061
- .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body {
2125
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .el-card__body,
2126
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .t-card__body {
2062
2127
  padding-bottom: 16px;
2063
2128
  }
2064
- .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body .m-fields-group-list-footer div {
2065
- justify-content: flex-start !important;
2066
- }
2067
- .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body .el-card.tmagic-design-card--flat > .el-card__header {
2129
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .el-card__body .el-card.tmagic-design-card--flat > .el-card__header,
2130
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .el-card__body .el-card.tmagic-design-card--flat > .t-card__header,
2131
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .el-card__body .t-card.tmagic-design-card--flat > .el-card__header,
2132
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .el-card__body .t-card.tmagic-design-card--flat > .t-card__header,
2133
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .t-card__body .el-card.tmagic-design-card--flat > .el-card__header,
2134
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .t-card__body .el-card.tmagic-design-card--flat > .t-card__header,
2135
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .t-card__body .t-card.tmagic-design-card--flat > .el-card__header,
2136
+ .m-fields-event-select .event-select-container > .m-fields-group-list > .m-fields-group-list-item.tmagic-design-card--flat > .t-card__body .t-card.tmagic-design-card--flat > .t-card__header {
2068
2137
  padding: 16px 0;
2069
2138
  }
2070
2139
  .m-fields-event-select .event-select-code {
2071
2140
  margin-left: 20px;
2072
2141
  width: auto;
2073
2142
  }
2074
- .m-fields-event-select .m-form-panel {
2075
- margin: 10px 0px;
2076
- }
2077
- .m-fields-event-select .el-card.is-always-shadow {
2078
- box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
2079
- }
2080
2143
 
2081
2144
  .m-fields-code-select-col,
2082
2145
  .m-fields-data-source-method-select {
@@ -2099,10 +2162,6 @@ fieldset.m-fieldset .m-form-tip {
2099
2162
  margin-right: 5px;
2100
2163
  }
2101
2164
 
2102
- .event-select-container {
2103
- padding: 0 16px;
2104
- }
2105
-
2106
2165
  .event-select-header {
2107
2166
  display: flex;
2108
2167
  align-items: center;
@@ -2117,21 +2176,10 @@ fieldset.m-fieldset .m-form-tip {
2117
2176
  }
2118
2177
 
2119
2178
  .event-item-header {
2120
- position: relative;
2121
2179
  width: 100%;
2122
- display: flex;
2123
- align-items: center;
2124
- justify-content: space-between;
2125
- }
2126
- .event-item-header .event-item-title {
2127
- color: #0f1113;
2128
- font-size: 16px;
2129
- font-weight: 500;
2130
- line-height: 24px;
2131
- margin-bottom: 8px;
2132
2180
  }
2133
- .event-item-header .event-item-delete-button {
2134
- color: #0f1113;
2181
+ .event-item-header .tmagic-design-form-item {
2182
+ margin-bottom: 0;
2135
2183
  }
2136
2184
  .event-item-header .el-form-item .el-form-item.is-error {
2137
2185
  margin-bottom: 18px;
@@ -2422,6 +2470,10 @@ fieldset.m-fieldset .m-form-tip {
2422
2470
  padding: 5px 8px;
2423
2471
  }
2424
2472
 
2473
+ .m-fields-display-conds {
2474
+ width: 100%;
2475
+ }
2476
+
2425
2477
  .m-container-text.display-conds-title .tmagic-design-form-item .el-form-item__label {
2426
2478
  color: #111;
2427
2479
  font-weight: 500;
@@ -2987,12 +3039,21 @@ fieldset.m-fieldset .m-form-tip {
2987
3039
  line-height: 24px;
2988
3040
  }
2989
3041
 
2990
- .m-editor.m-theme--magic-admin .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content {
3042
+ .m-editor.m-theme--magic-admin .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content,
3043
+ .m-editor.m-theme--magic-admin .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .t-tabs__content {
2991
3044
  background-color: #fafafa;
2992
3045
  border-radius: 8px;
2993
3046
  padding-left: 16px;
2994
3047
  padding-right: 16px;
2995
3048
  }
3049
+ .m-editor.m-theme--magic-admin .m-fields-group-list-footer.is-sticky-full {
3050
+ --m-group-list-footer-bg: #fafafa;
3051
+ background-color: #fafafa;
3052
+ }
3053
+ .m-editor.m-theme--magic-admin .m-fields-group-list-item .m-fields-group-list-footer.is-sticky-full {
3054
+ --m-group-list-footer-bg: #fff;
3055
+ background-color: #fff;
3056
+ }
2996
3057
 
2997
3058
  .m-editor.m-theme--magic-admin .m-fields-style-setter {
2998
3059
  border: 0;