vue2-client 1.16.46 → 1.16.47
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/package.json
CHANGED
|
@@ -14,18 +14,13 @@ const wrapperClassObject = computed(() => {
|
|
|
14
14
|
'query-conditions',
|
|
15
15
|
'padding-50',
|
|
16
16
|
'label-text-horizontal',
|
|
17
|
+
'label-text-justify'
|
|
17
18
|
]
|
|
18
19
|
for (const key of booleanStyleKeys) {
|
|
19
20
|
const val = a[key]
|
|
20
21
|
const truthy = val === true || val === '' || val === 'true'
|
|
21
22
|
if (truthy) classes[`h-form-${key}`] = true
|
|
22
23
|
}
|
|
23
|
-
|
|
24
|
-
const size = a.size
|
|
25
|
-
if (size && typeof size === 'string') {
|
|
26
|
-
classes[`h-form-size-${size}`] = true
|
|
27
|
-
}
|
|
28
|
-
|
|
29
24
|
return classes
|
|
30
25
|
})
|
|
31
26
|
|
|
@@ -129,5 +124,31 @@ defineExpose({
|
|
|
129
124
|
}
|
|
130
125
|
}
|
|
131
126
|
}
|
|
127
|
+
|
|
128
|
+
// label-text-justify 样式 - 标签文字两端对齐分散占满 必填*可能会有问题
|
|
129
|
+
&.h-form-label-text-justify {
|
|
130
|
+
:deep(.ant-form-item-label) {
|
|
131
|
+
padding-left: 0;
|
|
132
|
+
padding-right: 8px;
|
|
133
|
+
label {
|
|
134
|
+
position: relative;
|
|
135
|
+
display: block;
|
|
136
|
+
width: 100%;
|
|
137
|
+
white-space: nowrap;
|
|
138
|
+
margin: 0;
|
|
139
|
+
text-indent: 0;
|
|
140
|
+
text-align: justify;
|
|
141
|
+
text-align-last: justify;
|
|
142
|
+
text-justify: inter-ideograph;
|
|
143
|
+
box-sizing: border-box;
|
|
144
|
+
padding-right: 12px; // 给绝对定位的冒号留出空间
|
|
145
|
+
}
|
|
146
|
+
// 将冒号绝对定位到最右侧，避免参与两端对齐计算
|
|
147
|
+
label::after {
|
|
148
|
+
position: absolute;
|
|
149
|
+
right: 0;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}
|
|
132
153
|
}
|
|
133
154
|
</style>
|