@tmagic/editor 1.7.14-beta.3 → 1.8.0-beta.1

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 (35) hide show
  1. package/dist/es/fields/DataSourceFieldSelect/Index.vue_vue_type_script_setup_true_lang.js +11 -2
  2. package/dist/es/fields/StyleSetter/Index.vue_vue_type_script_setup_true_lang.js +8 -2
  3. package/dist/es/fields/StyleSetter/components/Border.vue_vue_type_script_setup_true_lang.js +10 -2
  4. package/dist/es/fields/StyleSetter/components/Box.vue_vue_type_script_setup_true_lang.js +3 -1
  5. package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js +10 -2
  6. package/dist/es/fields/StyleSetter/pro/Border.vue_vue_type_script_setup_true_lang.js +16 -3
  7. package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js +10 -2
  8. package/dist/es/fields/StyleSetter/pro/Layout.vue_vue_type_script_setup_true_lang.js +14 -2
  9. package/dist/es/fields/StyleSetter/pro/Position.vue_vue_type_script_setup_true_lang.js +10 -2
  10. package/dist/es/fields/StyleSetter/pro/Transform.vue_vue_type_script_setup_true_lang.js +10 -2
  11. package/dist/es/layouts/props-panel/FormPanel.vue_vue_type_script_setup_true_lang.js +1 -1
  12. package/dist/es/layouts/sidebar/layer/use-node-status.js +37 -3
  13. package/dist/es/services/editor.js +58 -27
  14. package/dist/es/style.css +15 -14
  15. package/dist/es/utils/editor.js +1 -1
  16. package/dist/style.css +15 -14
  17. package/dist/tmagic-editor.umd.cjs +199 -52
  18. package/package.json +7 -7
  19. package/src/fields/DataSourceFieldSelect/Index.vue +8 -1
  20. package/src/fields/StyleSetter/Index.vue +6 -0
  21. package/src/fields/StyleSetter/components/Border.vue +15 -1
  22. package/src/fields/StyleSetter/components/Box.vue +2 -0
  23. package/src/fields/StyleSetter/pro/Background.vue +15 -1
  24. package/src/fields/StyleSetter/pro/Border.vue +24 -2
  25. package/src/fields/StyleSetter/pro/Font.vue +15 -1
  26. package/src/fields/StyleSetter/pro/Layout.vue +17 -1
  27. package/src/fields/StyleSetter/pro/Position.vue +15 -1
  28. package/src/fields/StyleSetter/pro/Transform.vue +15 -1
  29. package/src/layouts/props-panel/FormPanel.vue +1 -1
  30. package/src/layouts/sidebar/layer/use-node-status.ts +55 -6
  31. package/src/services/editor.ts +74 -43
  32. package/src/theme/props-panel.scss +20 -20
  33. package/src/type.ts +10 -0
  34. package/src/utils/editor.ts +4 -1
  35. package/types/index.d.ts +31 -22
package/dist/es/style.css CHANGED
@@ -1048,20 +1048,6 @@ fieldset.m-fieldset .m-form-tip {
1048
1048
  .m-editor-props-panel .m-editor-props-property-panel.show-style-panel .m-editor-props-panel-src-icon {
1049
1049
  right: calc(15px + var(--props-style-panel-width));
1050
1050
  }
1051
- .m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form {
1052
- padding-right: 10px;
1053
- padding-left: 10px;
1054
- }
1055
- .m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content {
1056
- padding-top: 55px;
1057
- }
1058
- .m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__header.is-top {
1059
- position: absolute;
1060
- top: 0;
1061
- width: 100%;
1062
- background: #fff;
1063
- z-index: 3;
1064
- }
1065
1051
  .m-editor-props-panel .m-editor-props-style-panel {
1066
1052
  position: absolute;
1067
1053
  width: var(--props-style-panel-width);
@@ -1133,6 +1119,21 @@ fieldset.m-fieldset .m-form-tip {
1133
1119
  font-size: 12px;
1134
1120
  }
1135
1121
 
1122
+ .m-editor-props-form-panel-form {
1123
+ padding-right: 10px;
1124
+ padding-left: 10px;
1125
+ }
1126
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content {
1127
+ padding-top: 55px;
1128
+ }
1129
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__header.is-top {
1130
+ position: absolute;
1131
+ top: 0;
1132
+ width: 100%;
1133
+ background: #fff;
1134
+ z-index: 3;
1135
+ }
1136
+
1136
1137
  .m-editor-props-panel-popper.small span,
1137
1138
  .m-editor-props-panel-popper.small a,
1138
1139
  .m-editor-props-panel-popper.small p {
package/dist/es/utils/editor.js CHANGED
@@ -196,7 +196,7 @@ var fixNodePosition = (config, parent, stage) => {
196
196
  var serializeConfig = (config) => serialize(config, {
197
197
  space: 2,
198
198
  unsafe: true
199
- }).replace(/"(\w+)":\s/g, "$1: ");
199
+ }).replace(/(^|\n)(\s*)"(\w+)":\s/g, "$1$2$3: ");
200
200
  var moveItemsInContainer = (sourceIndices, parent, targetIndex) => {
201
201
  sourceIndices.sort((a, b) => a - b);
202
202
  for (let i = sourceIndices.length - 1; i >= 0; i--) {
package/dist/style.css CHANGED
@@ -1048,20 +1048,6 @@ fieldset.m-fieldset .m-form-tip {
1048
1048
  .m-editor-props-panel .m-editor-props-property-panel.show-style-panel .m-editor-props-panel-src-icon {
1049
1049
  right: calc(15px + var(--props-style-panel-width));
1050
1050
  }
1051
- .m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form {
1052
- padding-right: 10px;
1053
- padding-left: 10px;
1054
- }
1055
- .m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content {
1056
- padding-top: 55px;
1057
- }
1058
- .m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__header.is-top {
1059
- position: absolute;
1060
- top: 0;
1061
- width: 100%;
1062
- background: #fff;
1063
- z-index: 3;
1064
- }
1065
1051
  .m-editor-props-panel .m-editor-props-style-panel {
1066
1052
  position: absolute;
1067
1053
  width: var(--props-style-panel-width);
@@ -1133,6 +1119,21 @@ fieldset.m-fieldset .m-form-tip {
1133
1119
  font-size: 12px;
1134
1120
  }
1135
1121
 
1122
+ .m-editor-props-form-panel-form {
1123
+ padding-right: 10px;
1124
+ padding-left: 10px;
1125
+ }
1126
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content {
1127
+ padding-top: 55px;
1128
+ }
1129
+ .m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__header.is-top {
1130
+ position: absolute;
1131
+ top: 0;
1132
+ width: 100%;
1133
+ background: #fff;
1134
+ z-index: 3;
1135
+ }
1136
+
1136
1137
  .m-editor-props-panel-popper.small span,
1137
1138
  .m-editor-props-panel-popper.small a,
1138
1139
  .m-editor-props-panel-popper.small p {