@canlooks/can-ui 0.0.172 → 0.0.174
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.
|
@@ -24,7 +24,6 @@ exports.Tabs = (0, react_2.memo)(({ tabs, labelKey = 'label', primaryKey = 'valu
|
|
|
24
24
|
const setInnerValue = (value) => {
|
|
25
25
|
if (!readOnly && !disabled && value !== innerValue.current) {
|
|
26
26
|
_setInnerValue(value);
|
|
27
|
-
console.log(96, value);
|
|
28
27
|
variant === 'line' && setAnimating(true);
|
|
29
28
|
}
|
|
30
29
|
};
|
|
@@ -57,7 +57,6 @@ function useStyle({ color, variant }) {
|
|
|
57
57
|
.${exports.classes.start}, .${exports.classes.end} {
|
|
58
58
|
display: flex;
|
|
59
59
|
z-index: 2;
|
|
60
|
-
border-bottom: 1px solid ${divider};
|
|
61
60
|
transition: box-shadow .25s ${easing.easeOut};
|
|
62
61
|
|
|
63
62
|
&[data-show=true] {
|
|
@@ -234,12 +233,16 @@ function useStyle({ color, variant }) {
|
|
|
234
233
|
variant === 'line'
|
|
235
234
|
? (0, react_1.css) `
|
|
236
235
|
@layer reset {
|
|
237
|
-
.${exports.classes.tabWrapper} {
|
|
238
|
-
padding: 0 ${spacing[5]}px;
|
|
239
|
-
}
|
|
240
|
-
|
|
241
236
|
&[data-position=top],
|
|
242
237
|
&[data-position=bottom] {
|
|
238
|
+
.${exports.classes.start}, .${exports.classes.end} {
|
|
239
|
+
border-bottom: 1px solid ${divider};
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.${exports.classes.tabWrapper} {
|
|
243
|
+
padding: 0 ${spacing[5]}px;
|
|
244
|
+
}
|
|
245
|
+
|
|
243
246
|
.${exports.classes.tab} {
|
|
244
247
|
padding: 10px 0;
|
|
245
248
|
}
|
|
@@ -20,7 +20,6 @@ export const Tabs = memo(({ tabs, labelKey = 'label', primaryKey = 'value', size
|
|
|
20
20
|
const setInnerValue = (value) => {
|
|
21
21
|
if (!readOnly && !disabled && value !== innerValue.current) {
|
|
22
22
|
_setInnerValue(value);
|
|
23
|
-
console.log(96, value);
|
|
24
23
|
variant === 'line' && setAnimating(true);
|
|
25
24
|
}
|
|
26
25
|
};
|
|
@@ -53,7 +53,6 @@ export function useStyle({ color, variant }) {
|
|
|
53
53
|
.${classes.start}, .${classes.end} {
|
|
54
54
|
display: flex;
|
|
55
55
|
z-index: 2;
|
|
56
|
-
border-bottom: 1px solid ${divider};
|
|
57
56
|
transition: box-shadow .25s ${easing.easeOut};
|
|
58
57
|
|
|
59
58
|
&[data-show=true] {
|
|
@@ -230,12 +229,16 @@ export function useStyle({ color, variant }) {
|
|
|
230
229
|
variant === 'line'
|
|
231
230
|
? css `
|
|
232
231
|
@layer reset {
|
|
233
|
-
.${classes.tabWrapper} {
|
|
234
|
-
padding: 0 ${spacing[5]}px;
|
|
235
|
-
}
|
|
236
|
-
|
|
237
232
|
&[data-position=top],
|
|
238
233
|
&[data-position=bottom] {
|
|
234
|
+
.${classes.start}, .${classes.end} {
|
|
235
|
+
border-bottom: 1px solid ${divider};
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.${classes.tabWrapper} {
|
|
239
|
+
padding: 0 ${spacing[5]}px;
|
|
240
|
+
}
|
|
241
|
+
|
|
239
242
|
.${classes.tab} {
|
|
240
243
|
padding: 10px 0;
|
|
241
244
|
}
|