@tmagic/editor 1.6.0 → 1.7.0-beta.0

package/dist/style.css

@@ -119,6 +119,17 @@
   display: inline-flex;
 }
 
+.m-form-container.has-tip {
+  display: flex;
+  align-items: baseline;
+}
+.m-form-container.has-tip .tmagic-design-form-item {
+  flex: 1;
+}
+.m-form-container .tmagic-design-form-item.show-diff {
+  background: #f7dadd;
+}
+
 .m-form-dialog .el-dialog__body {
   padding: 0 !important;
 }
@@ -156,23 +167,38 @@
   max-width: 50%;
   height: 100%;
 }
-.m-form .el-table .cell > div.m-form-container {
+.m-form .tmagic-design-table .cell > div.m-form-container {
   display: block;
 }
-.m-form .el-tabs {
+.m-form .tmagic-design-table .cell > div.m-form-container.has-tip {
+  display: flex;
+}
+.m-form .tmagic-design-tabs {
   margin-bottom: 10px;
 }
-.m-form .el-form-item.tmagic-form-hidden > .el-form-item__label {
+.m-form .tmagic-design-form-item.tmagic-form-hidden > .el-form-item__label {
   display: none;
 }
 .m-form .t-form__item.tmagic-form-hidden > .t-form__label {
   display: none;
 }
+.m-form .t-form__item.tmagic-form-hidden > .t-form__controls {
+  margin-left: 0 !important;
+}
+.m-form.t-form:not(.t-form-inline) .t-form__item:last-of-type {
+  margin-bottom: var(--td-comp-margin-xxl);
+}
 
 .magic-datetime-picker-popper .el-picker-panel__footer button:first-child {
   display: none;
 }
 
+.m-fields-text {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
 .m-form-validate__warning {
   color: var(--el-color-warning);
   font-size: 12px;
@@ -431,6 +457,7 @@ fieldset.m-fieldset .m-form-tip {
 }
 .m-editor-nav-menu > div {
   display: flex;
+  gap: 3px;
   height: 100%;
   z-index: 1;
   align-items: center;
@@ -479,6 +506,10 @@ fieldset.m-fieldset .m-form-tip {
 .m-editor-nav-menu .menu-item.rule .el-icon {
   transform: rotate(-90deg);
 }
+.m-editor-nav-menu .menu-item .t-button {
+  padding-left: 1px;
+  padding-right: 1px;
+}
 
 .m-editor {
   display: flex;
@@ -652,6 +683,15 @@ fieldset.m-fieldset .m-form-tip {
   border-bottom: 1px solid #d9dbdd;
   margin-bottom: 10px;
 }
+.ui-component-panel.tmagic-design-collapse .tmagic-design-collapse-item > .el-collapse-item__header {
+  padding: 0 10px;
+  box-sizing: border-box;
+}
+.ui-component-panel.tmagic-design-collapse .el-collapse-item__title {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+}
 .ui-component-panel.tmagic-design-collapse .el-collapse-item__header,
 .ui-component-panel.tmagic-design-collapse .t-collapse-panel__header {
   background: #ffffff;
@@ -881,6 +921,10 @@ fieldset.m-fieldset .m-form-tip {
 .page-bar-popover.tmagic-design-popper {
   padding: 4px 0;
 }
+.page-bar-popover .page-bar-popover-wrapper {
+  max-height: calc(100vh - 32px - 20px);
+  overflow: auto;
+}
 .page-bar-popover .menu-item {
   cursor: pointer;
   transition: all 0.2s ease 0s;
@@ -964,10 +1008,6 @@ fieldset.m-fieldset .m-form-tip {
   align-items: center;
   border-bottom: 2px solid #d9dbdd;
 }
-.m-editor-props-panel .m-editor-props-style-panel .tmagic-design-form {
-  padding-right: 10px;
-  padding-left: 10px;
-}
 .m-editor-props-panel .m-editor-props-panel-src-icon {
   position: absolute;
   right: 15px;
@@ -1492,6 +1532,10 @@ fieldset.m-fieldset .m-form-tip {
 .m-fields-data-source-field-select .m-editor-data-source-field-select .tmagic-design-cascader {
   flex: 2;
 }
+.m-fields-data-source-field-select .tmagic-design-button {
+  margin-left: 5px;
+  padding: 5px 8px;
+}
 
 .border-box-container {
   display: flex;
@@ -1743,12 +1787,16 @@ fieldset.m-fieldset .m-form-tip {
   width: 80px;
   height: auto;
 }
-.background-position-container .presets-value-list .el-button + .el-button {
+.background-position-container .presets-value-list .tmagic-design-button + .tmagic-design-button {
   margin-left: 2px;
 }
-.background-position-container .presets-value-list .el-button:nth-child(3n+1) {
+.background-position-container .presets-value-list .tmagic-design-button:nth-child(3n+1) {
   margin-left: 0 !important;
 }
+.background-position-container .presets-value-list .t-button--variant-text {
+  padding-left: 2px;
+  padding-right: 2px;
+}
 .background-position-container .presets-value-list .position-icon {
   position: relative;
   width: 14px;
@@ -1756,7 +1804,7 @@ fieldset.m-fieldset .m-form-tip {
   border: 1px solid #1d1f24;
 }
 .background-position-container .presets-value-list .position-icon.active {
-  background-color: var(--el-color-primary);
+  background-color: var(#2882e0);
 }
 .background-position-container .presets-value-list .position-icon.active::after {
   border: 1px solid #fff;
@@ -1831,11 +1879,22 @@ fieldset.m-fieldset .m-form-tip {
 }
 .m-fields-style-setter .tmagic-design-collapse-item > .el-collapse-item__header {
   background-color: #f2f3f7;
-  height: 36px;
-  padding: 10px;
+  height: 26px;
+  min-height: 26px;
+  line-height: 26px;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
 .m-fields-style-setter .tmagic-design-collapse-item .el-collapse-item__wrap {
-  padding: 0 10px;
+  padding: 10px 20px;
+}
+.m-fields-style-setter .tmagic-design-collapse-item .el-collapse-item__title {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+}
+.m-fields-style-setter .tmagic-design-collapse-item .el-collapse-item__content {
+  padding: 0;
 }
 
 .text-align-list {