@tmagic/editor 1.6.0 → 1.6.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.
- package/dist/style.css +37 -7
- package/dist/tmagic-editor.js +545 -496
- package/dist/tmagic-editor.umd.cjs +544 -495
- package/package.json +9 -9
- package/src/fields/DataSourceFieldSelect/Index.vue +0 -1
- package/src/fields/StyleSetter/Index.vue +15 -10
- package/src/fields/StyleSetter/components/BackgroundPosition.vue +9 -1
- package/src/fields/StyleSetter/components/Border.vue +3 -2
- package/src/fields/StyleSetter/components/Box.vue +4 -1
- package/src/fields/StyleSetter/components/Position.vue +4 -1
- package/src/fields/StyleSetter/pro/Background.vue +6 -2
- package/src/fields/StyleSetter/pro/Border.vue +7 -3
- package/src/fields/StyleSetter/pro/Font.vue +6 -2
- package/src/fields/StyleSetter/pro/Layout.vue +10 -2
- package/src/fields/StyleSetter/pro/Position.vue +6 -2
- package/src/layouts/page-bar/PageList.vue +15 -13
- package/src/theme/component-list-panel.scss +11 -0
- package/src/theme/data-source-field-select.scss +4 -0
- package/src/theme/page-bar.scss +5 -0
- package/src/theme/props-panel.scss +0 -5
- package/src/theme/style-setter/index.scss +16 -3
- package/src/utils/props.ts +19 -3
- package/types/index.d.ts +89 -51
package/dist/style.css
CHANGED
|
@@ -173,6 +173,12 @@
|
|
|
173
173
|
display: none;
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
+
.m-fields-text {
|
|
177
|
+
display: flex;
|
|
178
|
+
align-items: center;
|
|
179
|
+
width: 100%;
|
|
180
|
+
}
|
|
181
|
+
|
|
176
182
|
.m-form-validate__warning {
|
|
177
183
|
color: var(--el-color-warning);
|
|
178
184
|
font-size: 12px;
|
|
@@ -652,6 +658,15 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
652
658
|
border-bottom: 1px solid #d9dbdd;
|
|
653
659
|
margin-bottom: 10px;
|
|
654
660
|
}
|
|
661
|
+
.ui-component-panel.tmagic-design-collapse .tmagic-design-collapse-item > .el-collapse-item__header {
|
|
662
|
+
padding: 0 10px;
|
|
663
|
+
box-sizing: border-box;
|
|
664
|
+
}
|
|
665
|
+
.ui-component-panel.tmagic-design-collapse .el-collapse-item__title {
|
|
666
|
+
display: flex;
|
|
667
|
+
align-items: center;
|
|
668
|
+
gap: 3px;
|
|
669
|
+
}
|
|
655
670
|
.ui-component-panel.tmagic-design-collapse .el-collapse-item__header,
|
|
656
671
|
.ui-component-panel.tmagic-design-collapse .t-collapse-panel__header {
|
|
657
672
|
background: #ffffff;
|
|
@@ -881,6 +896,10 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
881
896
|
.page-bar-popover.tmagic-design-popper {
|
|
882
897
|
padding: 4px 0;
|
|
883
898
|
}
|
|
899
|
+
.page-bar-popover .page-bar-popover-wrapper {
|
|
900
|
+
max-height: calc(100vh - 32px - 20px);
|
|
901
|
+
overflow: auto;
|
|
902
|
+
}
|
|
884
903
|
.page-bar-popover .menu-item {
|
|
885
904
|
cursor: pointer;
|
|
886
905
|
transition: all 0.2s ease 0s;
|
|
@@ -964,10 +983,6 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
964
983
|
align-items: center;
|
|
965
984
|
border-bottom: 2px solid #d9dbdd;
|
|
966
985
|
}
|
|
967
|
-
.m-editor-props-panel .m-editor-props-style-panel .tmagic-design-form {
|
|
968
|
-
padding-right: 10px;
|
|
969
|
-
padding-left: 10px;
|
|
970
|
-
}
|
|
971
986
|
.m-editor-props-panel .m-editor-props-panel-src-icon {
|
|
972
987
|
position: absolute;
|
|
973
988
|
right: 15px;
|
|
@@ -1492,6 +1507,10 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
1492
1507
|
.m-fields-data-source-field-select .m-editor-data-source-field-select .tmagic-design-cascader {
|
|
1493
1508
|
flex: 2;
|
|
1494
1509
|
}
|
|
1510
|
+
.m-fields-data-source-field-select .tmagic-design-button {
|
|
1511
|
+
margin-left: 5px;
|
|
1512
|
+
padding: 5px 8px;
|
|
1513
|
+
}
|
|
1495
1514
|
|
|
1496
1515
|
.border-box-container {
|
|
1497
1516
|
display: flex;
|
|
@@ -1831,11 +1850,22 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
1831
1850
|
}
|
|
1832
1851
|
.m-fields-style-setter .tmagic-design-collapse-item > .el-collapse-item__header {
|
|
1833
1852
|
background-color: #f2f3f7;
|
|
1834
|
-
height:
|
|
1835
|
-
|
|
1853
|
+
height: 26px;
|
|
1854
|
+
min-height: 26px;
|
|
1855
|
+
line-height: 26px;
|
|
1856
|
+
padding: 0 20px;
|
|
1857
|
+
box-sizing: border-box;
|
|
1836
1858
|
}
|
|
1837
1859
|
.m-fields-style-setter .tmagic-design-collapse-item .el-collapse-item__wrap {
|
|
1838
|
-
padding:
|
|
1860
|
+
padding: 10px 20px;
|
|
1861
|
+
}
|
|
1862
|
+
.m-fields-style-setter .tmagic-design-collapse-item .el-collapse-item__title {
|
|
1863
|
+
display: flex;
|
|
1864
|
+
align-items: center;
|
|
1865
|
+
gap: 3px;
|
|
1866
|
+
}
|
|
1867
|
+
.m-fields-style-setter .tmagic-design-collapse-item .el-collapse-item__content {
|
|
1868
|
+
padding: 0;
|
|
1839
1869
|
}
|
|
1840
1870
|
|
|
1841
1871
|
.text-align-list {
|