@tmagic/form 1.5.0-beta.9 → 1.5.0
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 +53 -2
- package/dist/tmagic-form.js +271 -151
- package/dist/tmagic-form.umd.cjs +271 -152
- package/package.json +8 -6
- package/src/Form.vue +29 -8
- package/src/FormBox.vue +11 -5
- package/src/FormDialog.vue +6 -4
- package/src/FormDrawer.vue +6 -4
- package/src/containers/Col.vue +6 -3
- package/src/containers/Container.vue +89 -34
- package/src/containers/Fieldset.vue +13 -12
- package/src/containers/GroupList.vue +26 -10
- package/src/containers/GroupListItem.vue +4 -2
- package/src/containers/Panel.vue +8 -3
- package/src/containers/Row.vue +8 -3
- package/src/containers/Step.vue +9 -4
- package/src/containers/Table.vue +15 -3
- package/src/containers/Tabs.vue +35 -20
- package/src/fields/DateTime.vue +2 -2
- package/src/fields/DynamicField.vue +4 -2
- package/src/fields/Text.vue +71 -36
- package/src/index.ts +2 -2
- package/src/schema.ts +30 -16
- package/src/theme/form.scss +2 -2
- package/src/theme/text.scss +56 -0
- package/types/index.d.ts +433 -657
package/dist/style.css
CHANGED
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
.m-form .el-tabs {
|
|
47
47
|
margin-bottom: 10px;
|
|
48
48
|
}
|
|
49
|
-
.m-form .el-form-item.hidden > .el-form-item__label {
|
|
49
|
+
.m-form .el-form-item.tmagic-form-hidden > .el-form-item__label {
|
|
50
50
|
display: none;
|
|
51
51
|
}
|
|
52
|
-
.m-form .t-form__item.hidden > .t-form__label {
|
|
52
|
+
.m-form .t-form__item.tmagic-form-hidden > .t-form__label {
|
|
53
53
|
display: none;
|
|
54
54
|
}
|
|
55
55
|
|
|
@@ -64,6 +64,57 @@
|
|
|
64
64
|
line-height: 1.4;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
+
.tmagic-form-text-popper {
|
|
68
|
+
min-width: 150px;
|
|
69
|
+
line-height: 1.4;
|
|
70
|
+
background-color: #fff;
|
|
71
|
+
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
|
|
72
|
+
color: #606266;
|
|
73
|
+
border: 1px solid #e4e7ed;
|
|
74
|
+
border-radius: 4px;
|
|
75
|
+
font-size: 14px;
|
|
76
|
+
overflow-wrap: break-word;
|
|
77
|
+
box-sizing: border-box;
|
|
78
|
+
padding: 10px;
|
|
79
|
+
}
|
|
80
|
+
.tmagic-form-text-popper:focus {
|
|
81
|
+
outline: none;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.tmagic-form-text-popper[data-popper-placement^=top] > .tmagic-form-text-popper-arrow {
|
|
85
|
+
bottom: -4px;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.tmagic-form-text-popper[data-popper-placement^=bottom] > .tmagic-form-text-popper-arrow {
|
|
89
|
+
top: -4px;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.tmagic-form-text-popper[data-popper-placement^=left] > .tmagic-form-text-popper-arrow {
|
|
93
|
+
right: -4px;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.tmagic-form-text-popper[data-popper-placement^=right] > .tmagic-form-text-popper-arrow {
|
|
97
|
+
left: -4px;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.tmagic-form-text-popper-arrow,
|
|
101
|
+
.tmagic-form-text-popper-arrow::before {
|
|
102
|
+
position: absolute;
|
|
103
|
+
width: 8px;
|
|
104
|
+
height: 8px;
|
|
105
|
+
background: inherit;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.tmagic-form-text-popper-arrow {
|
|
109
|
+
visibility: hidden;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.tmagic-form-text-popper-arrow::before {
|
|
113
|
+
visibility: visible;
|
|
114
|
+
content: "";
|
|
115
|
+
transform: rotate(45deg);
|
|
116
|
+
}
|
|
117
|
+
|
|
67
118
|
div.m-fields-link {
|
|
68
119
|
width: fit-content;
|
|
69
120
|
}
|