@tmagic/editor 1.8.0-beta.16 → 1.8.0-beta.18

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 (25) hide show
  1. package/dist/es/Editor.vue_vue_type_script_setup_true_lang.js +2 -0
  2. package/dist/es/editorProps.js +1 -0
  3. package/dist/es/fields/EventSelect.vue_vue_type_script_setup_true_lang.js +41 -40
  4. package/dist/es/hooks/use-stage.js +1 -0
  5. package/dist/es/initService.js +18 -12
  6. package/dist/es/layouts/sidebar/ComponentListPanel.vue_vue_type_script_setup_true_lang.js +1 -1
  7. package/dist/es/services/dep.js +87 -22
  8. package/dist/es/style.css +25 -7
  9. package/dist/es/utils/dep/idle-task.js +47 -22
  10. package/dist/style.css +25 -7
  11. package/dist/themes/magic-admin.css +31 -7
  12. package/dist/tmagic-editor.umd.cjs +205 -105
  13. package/package.json +7 -7
  14. package/src/Editor.vue +1 -0
  15. package/src/editorProps.ts +6 -0
  16. package/src/fields/EventSelect.vue +8 -3
  17. package/src/hooks/use-stage.ts +1 -0
  18. package/src/initService.ts +25 -15
  19. package/src/layouts/sidebar/ComponentListPanel.vue +1 -1
  20. package/src/services/dep.ts +140 -24
  21. package/src/theme/code-block.scss +1 -1
  22. package/src/theme/event.scss +11 -4
  23. package/src/type.ts +5 -0
  24. package/src/utils/dep/idle-task.ts +72 -35
  25. package/types/index.d.ts +32 -1
package/dist/style.css CHANGED
@@ -59,6 +59,9 @@
59
59
  border-radius: 0;
60
60
  border-bottom: 0;
61
61
  }
62
+ .tmagic-design-card.tmagic-design-card--flat.m-flat-hide-body .el-card__header {
63
+ border-bottom: 0 !important;
64
+ }
62
65
  .tmagic-design-card.tmagic-design-card--flat.m-fields-group-list-item {
63
66
  margin-bottom: 0;
64
67
  }
@@ -74,6 +77,10 @@
74
77
  box-shadow: none;
75
78
  cursor: default;
76
79
  }
80
+ .tmagic-design-card.tmagic-design-card--flat .m-fields-group-list-footer {
81
+ margin-bottom: 4px;
82
+ margin-top: 4px;
83
+ }
77
84
  .tmagic-design-card.tmagic-design-card--flat .el-card__body {
78
85
  padding: 0 16px 0 16px;
79
86
  }
@@ -95,7 +102,7 @@
95
102
  }
96
103
  .m-split-title-card-container > .tmagic-design-card.tmagic-design-card--flat > .el-card__body {
97
104
  background-color: #fff;
98
- padding-top: 16px;
105
+ padding-top: 8px;
99
106
  }
100
107
 
101
108
  .tmagic-design-color-picker-input {
@@ -434,12 +441,16 @@ fieldset.m-fieldset .m-form-tip {
434
441
  gap: 8px;
435
442
  }
436
443
  .m-fields-group-list .m-fields-group-list-footer {
437
- display: flex;
438
444
  justify-content: space-between;
439
445
  margin-top: 10px;
440
446
  margin-bottom: 16px;
441
447
  }
442
448
 
449
+ /** 最外层的groupList需要每个item需要增加空白区域界限时，增加outer-gorup_list可以实现 */
450
+ .m-container-group-list.outer-gorup_list > .m-fields-group-list > .m-fields-group-list-item {
451
+ margin-bottom: 10px;
452
+ }
453
+
443
454
  .m-form-panel .el-card__header:hover {
444
455
  background: #f2f6fc;
445
456
  }
@@ -1924,7 +1935,7 @@ fieldset.m-fieldset .m-form-tip {
1924
1935
  border: 0 !important;
1925
1936
  }
1926
1937
  .m-fields-code-select .el-card__body .tmagic-design-form-item {
1927
- margin-bottom: 18px;
1938
+ margin-bottom: 16px;
1928
1939
  }
1929
1940
  .m-fields-code-select .code-select-content > .m-fields-group-list > .tmagic-design-card--flat > .el-card__header {
1930
1941
  padding: 16px 0;
@@ -1941,6 +1952,12 @@ fieldset.m-fieldset .m-form-tip {
1941
1952
  width: 100%;
1942
1953
  box-sizing: border-box;
1943
1954
  }
1955
+ .m-fields-event-select .fullWidth.create-button {
1956
+ width: 100%;
1957
+ }
1958
+ .m-fields-event-select .fullWidth.m-container-ui-event {
1959
+ width: calc(100% - 32px);
1960
+ }
1944
1961
  .m-fields-event-select .event-select-container {
1945
1962
  padding: 0 16px;
1946
1963
  }
@@ -2008,18 +2025,19 @@ fieldset.m-fieldset .m-form-tip {
2008
2025
  .event-item-header {
2009
2026
  position: relative;
2010
2027
  width: 100%;
2028
+ display: flex;
2029
+ align-items: center;
2030
+ justify-content: space-between;
2011
2031
  }
2012
2032
  .event-item-header .event-item-title {
2013
2033
  color: #0f1113;
2014
2034
  font-size: 16px;
2015
2035
  font-weight: 500;
2016
2036
  line-height: 24px;
2017
- margin-bottom: 16px;
2037
+ margin-bottom: 8px;
2018
2038
  }
2019
2039
  .event-item-header .event-item-delete-button {
2020
- position: absolute;
2021
- right: 0;
2022
- top: 0;
2040
+ color: #0f1113;
2023
2041
  }
2024
2042
  .event-item-header .el-form-item .el-form-item.is-error {
2025
2043
  margin-bottom: 18px;
package/dist/themes/magic-admin.css CHANGED
@@ -59,6 +59,9 @@
59
59
  border-radius: 0;
60
60
  border-bottom: 0;
61
61
  }
62
+ .tmagic-design-card.tmagic-design-card--flat.m-flat-hide-body .el-card__header {
63
+ border-bottom: 0 !important;
64
+ }
62
65
  .tmagic-design-card.tmagic-design-card--flat.m-fields-group-list-item {
63
66
  margin-bottom: 0;
64
67
  }
@@ -74,6 +77,10 @@
74
77
  box-shadow: none;
75
78
  cursor: default;
76
79
  }
80
+ .tmagic-design-card.tmagic-design-card--flat .m-fields-group-list-footer {
81
+ margin-bottom: 4px;
82
+ margin-top: 4px;
83
+ }
77
84
  .tmagic-design-card.tmagic-design-card--flat .el-card__body {
78
85
  padding: 0 16px 0 16px;
79
86
  }
@@ -95,7 +102,7 @@
95
102
  }
96
103
  .m-split-title-card-container > .tmagic-design-card.tmagic-design-card--flat > .el-card__body {
97
104
  background-color: #fff;
98
- padding-top: 16px;
105
+ padding-top: 8px;
99
106
  }
100
107
 
101
108
  .tmagic-design-color-picker-input {
@@ -465,12 +472,16 @@ fieldset.m-fieldset .m-form-tip {
465
472
  gap: 8px;
466
473
  }
467
474
  .m-fields-group-list .m-fields-group-list-footer {
468
- display: flex;
469
475
  justify-content: space-between;
470
476
  margin-top: 10px;
471
477
  margin-bottom: 16px;
472
478
  }
473
479
 
480
+ /** 最外层的groupList需要每个item需要增加空白区域界限时，增加outer-gorup_list可以实现 */
481
+ .m-container-group-list.outer-gorup_list > .m-fields-group-list > .m-fields-group-list-item {
482
+ margin-bottom: 10px;
483
+ }
484
+
474
485
  .m-form-panel .el-card__header:hover {
475
486
  background: #f2f6fc;
476
487
  }
@@ -666,6 +677,12 @@ fieldset.m-fieldset .m-form-tip {
666
677
  .m-form.m-form--magic-admin .m-form-container .m-form-container-expand {
667
678
  text-align: left;
668
679
  }
680
+ .m-form.m-form--magic-admin .m-fields-group-list .el-table__empty-block .el-table__empty-text {
681
+ width: 100%;
682
+ background-color: rgba(0, 0, 0, 0.03);
683
+ margin-top: 8px;
684
+ border-radius: 4px;
685
+ }
669
686
 
670
687
  .tmagic-design-input.search-input {
671
688
  background: #fff;
@@ -2008,7 +2025,7 @@ fieldset.m-fieldset .m-form-tip {
2008
2025
  border: 0 !important;
2009
2026
  }
2010
2027
  .m-fields-code-select .el-card__body .tmagic-design-form-item {
2011
- margin-bottom: 18px;
2028
+ margin-bottom: 16px;
2012
2029
  }
2013
2030
  .m-fields-code-select .code-select-content > .m-fields-group-list > .tmagic-design-card--flat > .el-card__header {
2014
2031
  padding: 16px 0;
@@ -2025,6 +2042,12 @@ fieldset.m-fieldset .m-form-tip {
2025
2042
  width: 100%;
2026
2043
  box-sizing: border-box;
2027
2044
  }
2045
+ .m-fields-event-select .fullWidth.create-button {
2046
+ width: 100%;
2047
+ }
2048
+ .m-fields-event-select .fullWidth.m-container-ui-event {
2049
+ width: calc(100% - 32px);
2050
+ }
2028
2051
  .m-fields-event-select .event-select-container {
2029
2052
  padding: 0 16px;
2030
2053
  }
@@ -2092,18 +2115,19 @@ fieldset.m-fieldset .m-form-tip {
2092
2115
  .event-item-header {
2093
2116
  position: relative;
2094
2117
  width: 100%;
2118
+ display: flex;
2119
+ align-items: center;
2120
+ justify-content: space-between;
2095
2121
  }
2096
2122
  .event-item-header .event-item-title {
2097
2123
  color: #0f1113;
2098
2124
  font-size: 16px;
2099
2125
  font-weight: 500;
2100
2126
  line-height: 24px;
2101
- margin-bottom: 16px;
2127
+ margin-bottom: 8px;
2102
2128
  }
2103
2129
  .event-item-header .event-item-delete-button {
2104
- position: absolute;
2105
- right: 0;
2106
- top: 0;
2130
+ color: #0f1113;
2107
2131
  }
2108
2132
  .event-item-header .el-form-item .el-form-item.is-error {
2109
2133
  margin-bottom: 18px;