@sheinx/shineout-style 3.9.3 → 3.9.4-beta.10
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/cjs/alert/alert.d.ts.map +1 -1
- package/cjs/alert/alert.js +6 -3
- package/cjs/cascader/cascader.d.ts.map +1 -1
- package/cjs/cascader/cascader.js +88 -86
- package/cjs/date-picker/date-picker.js +4 -5
- package/cjs/popover/popover.d.ts.map +1 -1
- package/cjs/popover/popover.js +2 -1
- package/cjs/radio/radio.d.ts.map +1 -1
- package/cjs/radio/radio.js +11 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +55 -62
- package/cjs/tag/tag.js +7 -7
- package/cjs/tree-select/tree-select.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.js +73 -80
- package/cjs/version.d.ts +1 -1
- package/cjs/version.d.ts.map +1 -1
- package/cjs/version.js +1 -1
- package/esm/alert/alert.d.ts.map +1 -1
- package/esm/alert/alert.js +6 -3
- package/esm/cascader/cascader.d.ts.map +1 -1
- package/esm/cascader/cascader.js +88 -86
- package/esm/date-picker/date-picker.js +4 -5
- package/esm/popover/popover.d.ts.map +1 -1
- package/esm/popover/popover.js +2 -1
- package/esm/radio/radio.d.ts.map +1 -1
- package/esm/radio/radio.js +11 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +55 -62
- package/esm/tag/tag.js +7 -7
- package/esm/tree-select/tree-select.d.ts.map +1 -1
- package/esm/tree-select/tree-select.js +73 -80
- package/esm/version.d.ts +1 -1
- package/esm/version.d.ts.map +1 -1
- package/esm/version.js +1 -1
- package/package.json +3 -3
|
@@ -60,12 +60,6 @@ var inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
|
|
|
60
60
|
var wrapper = inputBorder.wrapper,
|
|
61
61
|
wrapperDisabled = inputBorder.wrapperDisabled,
|
|
62
62
|
resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
|
|
63
|
-
var selectTagHeightCssvar = "--select-tag-height";
|
|
64
|
-
var selectSmallTagHeightCssvar = "--select-small-tag-height";
|
|
65
|
-
var selectLargeTagHeightCssvar = "--select-large-tag-height";
|
|
66
|
-
var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
|
|
67
|
-
var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
|
|
68
|
-
var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
|
|
69
63
|
var treeSelectStyle = _objectSpread(_objectSpread({
|
|
70
64
|
rootClass: {},
|
|
71
65
|
wrapper: _objectSpread(_objectSpread({
|
|
@@ -74,90 +68,83 @@ var treeSelectStyle = _objectSpread(_objectSpread({
|
|
|
74
68
|
width: '100%',
|
|
75
69
|
outline: 'none',
|
|
76
70
|
cursor: 'pointer'
|
|
77
|
-
}, wrapper), {},
|
|
78
|
-
'
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
71
|
+
}, wrapper), {}, {
|
|
72
|
+
'&$wrapperInnerTitle': {
|
|
73
|
+
'& $placeholder,$ellipsis,$space,input': {
|
|
74
|
+
marginTop: 0,
|
|
75
|
+
marginBottom: 0
|
|
76
|
+
},
|
|
77
|
+
'& $tag': {
|
|
78
|
+
marginTop: 0,
|
|
79
|
+
marginBottom: _theme.default.selectInnerTitleMarginY,
|
|
80
|
+
paddingTop: 0,
|
|
81
|
+
paddingBottom: 0,
|
|
82
|
+
border: 'none'
|
|
83
|
+
},
|
|
84
|
+
'&$wrapperSmall $tag': {
|
|
85
|
+
marginBottom: 2
|
|
86
|
+
},
|
|
87
|
+
'&$wrapperLarge $tag': {
|
|
88
|
+
marginBottom: 2
|
|
91
89
|
}
|
|
92
90
|
},
|
|
93
|
-
'&$wrapperSmall
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
91
|
+
'&$wrapperSmall': {
|
|
92
|
+
'& $tag': {
|
|
93
|
+
lineHeight: '16px',
|
|
94
|
+
marginTop: 1,
|
|
95
|
+
marginBottom: 1
|
|
96
|
+
},
|
|
97
|
+
'& $placeholder,$ellipsis,$space,input': {
|
|
98
|
+
marginTop: 0,
|
|
99
|
+
marginBottom: 0
|
|
100
|
+
},
|
|
101
|
+
'& $optionInner': {
|
|
102
|
+
paddingTop: _theme.default.treeSelectSmallOptionInnerPaddingY,
|
|
103
|
+
paddingBottom: _theme.default.treeSelectSmallOptionInnerPaddingY,
|
|
104
|
+
paddingLeft: _theme.default.treeSelectSmallOptionInnerPaddingX,
|
|
105
|
+
// padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
|
|
106
|
+
fontSize: _theme.default.treeSelectSmallFontSize
|
|
107
|
+
},
|
|
108
|
+
'& $clearIcon': {
|
|
109
|
+
right: _theme.default.treeSelectSmallPaddingX
|
|
98
110
|
}
|
|
99
111
|
},
|
|
100
|
-
'&$wrapperLarge
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
112
|
+
'&$wrapperLarge': {
|
|
113
|
+
'& $placeholder,$ellipsis,$space,input': {
|
|
114
|
+
marginTop: _theme.default.treeSelectLargePlaceholderMarginY,
|
|
115
|
+
marginBottom: _theme.default.treeSelectLargePlaceholderMarginY
|
|
116
|
+
},
|
|
117
|
+
'& $optionInner': {
|
|
118
|
+
// padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
|
|
119
|
+
paddingTop: _theme.default.treeSelectLargeOptionInnerPaddingY,
|
|
120
|
+
paddingBottom: _theme.default.treeSelectLargeOptionInnerPaddingY,
|
|
121
|
+
paddingLeft: _theme.default.treeSelectLargeOptionInnerPaddingX,
|
|
122
|
+
fontSize: _theme.default.treeSelectLargeFontSize
|
|
123
|
+
},
|
|
124
|
+
'& $arrowIcon': {
|
|
125
|
+
width: _theme.default.treeSelectLargeFontSize
|
|
126
|
+
},
|
|
127
|
+
'& $clearIcon': {
|
|
128
|
+
right: _theme.default.treeSelectLargePaddingX
|
|
105
129
|
}
|
|
106
|
-
}
|
|
107
|
-
}), '&$wrapperSmall', {
|
|
108
|
-
'& $tag': {
|
|
109
|
-
height: selectSmallTagHeight,
|
|
110
|
-
lineHeight: '16px',
|
|
111
|
-
marginTop: 1,
|
|
112
|
-
marginBottom: 1
|
|
113
|
-
},
|
|
114
|
-
'& $placeholder,$ellipsis,$space,input': {
|
|
115
|
-
marginTop: 0,
|
|
116
|
-
marginBottom: 0
|
|
117
|
-
},
|
|
118
|
-
'& $optionInner': {
|
|
119
|
-
paddingTop: _theme.default.treeSelectSmallOptionInnerPaddingY,
|
|
120
|
-
paddingBottom: _theme.default.treeSelectSmallOptionInnerPaddingY,
|
|
121
|
-
paddingLeft: _theme.default.treeSelectSmallOptionInnerPaddingX,
|
|
122
|
-
// padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
|
|
123
|
-
fontSize: _theme.default.treeSelectSmallFontSize
|
|
124
|
-
},
|
|
125
|
-
'& $clearIcon': {
|
|
126
|
-
right: _theme.default.treeSelectSmallPaddingX
|
|
127
|
-
}
|
|
128
|
-
}), '&$wrapperLarge', {
|
|
129
|
-
'& $placeholder,$ellipsis,$space,input': {
|
|
130
|
-
marginTop: _theme.default.treeSelectLargePlaceholderMarginY,
|
|
131
|
-
marginBottom: _theme.default.treeSelectLargePlaceholderMarginY
|
|
132
|
-
},
|
|
133
|
-
'& $optionInner': {
|
|
134
|
-
// padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
|
|
135
|
-
paddingTop: _theme.default.treeSelectLargeOptionInnerPaddingY,
|
|
136
|
-
paddingBottom: _theme.default.treeSelectLargeOptionInnerPaddingY,
|
|
137
|
-
paddingLeft: _theme.default.treeSelectLargeOptionInnerPaddingX,
|
|
138
|
-
fontSize: _theme.default.treeSelectLargeFontSize
|
|
139
130
|
},
|
|
140
|
-
'
|
|
141
|
-
|
|
131
|
+
'&:hover': {
|
|
132
|
+
cursor: 'pointer',
|
|
133
|
+
'&$clearable:not($wrapperEmpty)': {
|
|
134
|
+
'& $clearIcon': {
|
|
135
|
+
display: 'block'
|
|
136
|
+
},
|
|
137
|
+
'& $arrowIcon': {
|
|
138
|
+
display: 'none'
|
|
139
|
+
}
|
|
140
|
+
}
|
|
142
141
|
},
|
|
143
|
-
'
|
|
144
|
-
right: _theme.default.treeSelectLargePaddingX
|
|
145
|
-
}
|
|
146
|
-
}), '&:hover', {
|
|
147
|
-
cursor: 'pointer',
|
|
148
|
-
'&$clearable:not($wrapperEmpty)': {
|
|
142
|
+
'&:not($wrapperEmpty):not($wrapperOpen)': {
|
|
149
143
|
'& $clearIcon': {
|
|
150
|
-
display: 'block'
|
|
151
|
-
},
|
|
152
|
-
'& $arrowIcon': {
|
|
153
144
|
display: 'none'
|
|
154
145
|
}
|
|
155
146
|
}
|
|
156
|
-
}),
|
|
157
|
-
'& $clearIcon': {
|
|
158
|
-
display: 'none'
|
|
159
|
-
}
|
|
160
|
-
})),
|
|
147
|
+
}),
|
|
161
148
|
treeWrapper: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, (0, _theme.getTokenName)('treeFontColor'), _theme.default.treeSelectOptionFontColor), (0, _theme.getTokenName)('treeContentHoverFontColor'), _theme.default.treeSelectContentHoverFontColor), (0, _theme.getTokenName)('treeContentHoverBackgroundColor'), _theme.default.treeSelectContentHoverBackgroundColor), (0, _theme.getTokenName)('treeContentActiveBackgroundColor'), _theme.default.treeSelectContentActiveBackgroundColor), (0, _theme.getTokenName)('treeContentActiveFontColor'), _theme.default.treeSelectContentActiveFontColor), (0, _theme.getTokenName)('treeContentDisabledFontColor'), _theme.default.treeSelectContentDisabledFontColor), (0, _theme.getTokenName)('treeContentDisabledBackgroundColor'), _theme.default.treeSelectContentDisabledBackgroundColor),
|
|
162
149
|
wrapperEmpty: {},
|
|
163
150
|
wrapperOpen: {},
|
|
@@ -313,12 +300,18 @@ var treeSelectStyle = _objectSpread(_objectSpread({
|
|
|
313
300
|
clearable: {},
|
|
314
301
|
clearIcon: {
|
|
315
302
|
cursor: 'pointer',
|
|
316
|
-
width: _theme.default.
|
|
303
|
+
width: _theme.default.treeSelectClearIconSize,
|
|
317
304
|
lineHeight: 0,
|
|
318
305
|
color: _theme.default.treeSelectClearColor,
|
|
319
306
|
verticalAlign: 'middle',
|
|
320
307
|
'&:hover svg': {
|
|
321
308
|
color: _theme.default.treeSelectClearHoverColor
|
|
309
|
+
},
|
|
310
|
+
'$wrapperSmall &': {
|
|
311
|
+
width: _theme.default.treeSelectSmallClearIconSize
|
|
312
|
+
},
|
|
313
|
+
'$wrapperLarge &': {
|
|
314
|
+
width: _theme.default.treeSelectLargeClearIconSize
|
|
322
315
|
}
|
|
323
316
|
},
|
|
324
317
|
arrowIcon: {
|
package/cjs/version.d.ts
CHANGED
package/cjs/version.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}
|
package/cjs/version.js
CHANGED
package/esm/alert/alert.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAwK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/esm/alert/alert.js
CHANGED
|
@@ -57,7 +57,6 @@ var alertStyle = {
|
|
|
57
57
|
withTitle: {
|
|
58
58
|
'& $icon': {
|
|
59
59
|
fontSize: Token.alertTitleFontSize,
|
|
60
|
-
// marginBottom: Token.alertNearlyMargin,
|
|
61
60
|
width: "calc(".concat(Token.alertTitleIconWidth, " + 2px)"),
|
|
62
61
|
height: Token.lineHeightDynamic
|
|
63
62
|
},
|
|
@@ -84,13 +83,17 @@ var alertStyle = {
|
|
|
84
83
|
cursor: 'pointer',
|
|
85
84
|
color: Token.alertCloseFontColor,
|
|
86
85
|
fontSize: Token.alertFontSize,
|
|
87
|
-
height:
|
|
88
|
-
width:
|
|
86
|
+
height: Token.alertFontSize,
|
|
87
|
+
width: Token.alertFontSize,
|
|
89
88
|
flex: '0 0 auto',
|
|
90
89
|
display: 'flex',
|
|
91
90
|
alignItems: 'center',
|
|
92
91
|
justifyContent: 'center',
|
|
93
92
|
// marginLeft: Token.alertNearlyMargin,
|
|
93
|
+
'$withTitle &': {
|
|
94
|
+
width: Token.alertTitleFontSize,
|
|
95
|
+
height: Token.alertTitleFontSize
|
|
96
|
+
},
|
|
94
97
|
'&:hover': {
|
|
95
98
|
color: Token.alertCloseHoverColor
|
|
96
99
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA8gB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/esm/cascader/cascader.js
CHANGED
|
@@ -51,12 +51,6 @@ var inputBorder = border('wrapper', inputBorderToken);
|
|
|
51
51
|
var wrapper = inputBorder.wrapper,
|
|
52
52
|
wrapperDisabled = inputBorder.wrapperDisabled,
|
|
53
53
|
resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
|
|
54
|
-
var selectTagHeightCssvar = "--select-tag-height";
|
|
55
|
-
var selectSmallTagHeightCssvar = "--select-small-tag-height";
|
|
56
|
-
var selectLargeTagHeightCssvar = "--select-large-tag-height";
|
|
57
|
-
var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
|
|
58
|
-
var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
|
|
59
|
-
var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
|
|
60
54
|
var cascaderStyle = _objectSpread(_objectSpread({
|
|
61
55
|
rootClass: {},
|
|
62
56
|
wrapperEmpty: {},
|
|
@@ -66,94 +60,90 @@ var cascaderStyle = _objectSpread(_objectSpread({
|
|
|
66
60
|
width: '100%',
|
|
67
61
|
outline: 'none',
|
|
68
62
|
cursor: 'pointer'
|
|
69
|
-
}, wrapper), {},
|
|
70
|
-
'
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
63
|
+
}, wrapper), {}, {
|
|
64
|
+
'&$wrapperInnerTitle': {
|
|
65
|
+
'& $placeholder,$ellipsis,$space,input': {
|
|
66
|
+
marginTop: 0,
|
|
67
|
+
marginBottom: 0
|
|
68
|
+
},
|
|
69
|
+
'& $tag': {
|
|
70
|
+
marginTop: 0,
|
|
71
|
+
marginBottom: token.selectInnerTitleMarginY,
|
|
72
|
+
paddingTop: 0,
|
|
73
|
+
paddingBottom: 0,
|
|
74
|
+
border: 'none'
|
|
75
|
+
},
|
|
76
|
+
'&$wrapperSmall $tag': {
|
|
77
|
+
marginBottom: 2
|
|
78
|
+
},
|
|
79
|
+
'&$wrapperLarge $tag': {
|
|
80
|
+
marginBottom: 2
|
|
83
81
|
}
|
|
84
82
|
},
|
|
85
|
-
'&$wrapperSmall
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
83
|
+
'&$wrapperSmall': {
|
|
84
|
+
'& $tag': {
|
|
85
|
+
lineHeight: '16px',
|
|
86
|
+
marginTop: 1,
|
|
87
|
+
marginBottom: 1
|
|
88
|
+
},
|
|
89
|
+
'& $placeholder,$ellipsis,$space,input': {
|
|
90
|
+
marginTop: 0,
|
|
91
|
+
marginBottom: 0
|
|
92
|
+
},
|
|
93
|
+
'& $optionInner': {
|
|
94
|
+
paddingTop: token.cascaderSmallOptionInnerPaddingY,
|
|
95
|
+
paddingBottom: token.cascaderSmallOptionInnerPaddingY,
|
|
96
|
+
paddingLeft: token.cascaderSmallOptionInnerPaddingX,
|
|
97
|
+
// padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
|
|
98
|
+
fontSize: token.cascaderSmallFontSize
|
|
99
|
+
},
|
|
100
|
+
'& $clearIcon': {
|
|
101
|
+
right: token.cascaderSmallPaddingX
|
|
90
102
|
}
|
|
91
103
|
},
|
|
92
|
-
'&$wrapperLarge
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
104
|
+
'&$wrapperLarge': {
|
|
105
|
+
'& $placeholder,$ellipsis,$space,input': {
|
|
106
|
+
marginTop: token.cascaderLargePlaceholderMarginY,
|
|
107
|
+
marginBottom: token.cascaderLargePlaceholderMarginY
|
|
108
|
+
},
|
|
109
|
+
'& $arrowIcon': {
|
|
110
|
+
width: token.cascaderLargeFontSize
|
|
111
|
+
},
|
|
112
|
+
'& $optionInner': {
|
|
113
|
+
// padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
|
|
114
|
+
paddingTop: token.cascaderLargeOptionInnerPaddingY,
|
|
115
|
+
paddingBottom: token.cascaderLargeOptionInnerPaddingY,
|
|
116
|
+
paddingLeft: token.cascaderLargeOptionInnerPaddingX,
|
|
117
|
+
fontSize: token.cascaderLargeFontSize
|
|
118
|
+
},
|
|
119
|
+
'& $clearIcon': {
|
|
120
|
+
right: token.cascaderLargePaddingX
|
|
97
121
|
}
|
|
98
|
-
}
|
|
99
|
-
}), '&$wrapperSmall', {
|
|
100
|
-
'& $tag': {
|
|
101
|
-
height: selectSmallTagHeight,
|
|
102
|
-
lineHeight: '16px',
|
|
103
|
-
marginTop: 1,
|
|
104
|
-
marginBottom: 1
|
|
105
|
-
},
|
|
106
|
-
'& $placeholder,$ellipsis,$space,input': {
|
|
107
|
-
marginTop: 0,
|
|
108
|
-
marginBottom: 0
|
|
109
|
-
},
|
|
110
|
-
'& $optionInner': {
|
|
111
|
-
paddingTop: token.cascaderSmallOptionInnerPaddingY,
|
|
112
|
-
paddingBottom: token.cascaderSmallOptionInnerPaddingY,
|
|
113
|
-
paddingLeft: token.cascaderSmallOptionInnerPaddingX,
|
|
114
|
-
// padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
|
|
115
|
-
fontSize: token.cascaderSmallFontSize
|
|
116
122
|
},
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
'& $placeholder,$ellipsis,$space,input': {
|
|
122
|
-
marginTop: token.cascaderLargePlaceholderMarginY,
|
|
123
|
-
marginBottom: token.cascaderLargePlaceholderMarginY
|
|
124
|
-
},
|
|
125
|
-
'& $arrowIcon': {
|
|
126
|
-
width: token.cascaderLargeFontSize
|
|
127
|
-
},
|
|
128
|
-
'& $optionInner': {
|
|
129
|
-
// padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
|
|
130
|
-
paddingTop: token.cascaderLargeOptionInnerPaddingY,
|
|
131
|
-
paddingBottom: token.cascaderLargeOptionInnerPaddingY,
|
|
132
|
-
paddingLeft: token.cascaderLargeOptionInnerPaddingX,
|
|
133
|
-
fontSize: token.cascaderLargeFontSize
|
|
134
|
-
},
|
|
135
|
-
'& $clearIcon': {
|
|
136
|
-
right: token.cascaderLargePaddingX
|
|
137
|
-
}
|
|
138
|
-
}), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
|
|
139
|
-
'& $clearIcon': {
|
|
140
|
-
display: 'inline-block'
|
|
141
|
-
},
|
|
142
|
-
'&$clearable:not($wrapperEmpty)': {
|
|
143
|
-
'& :not($compressedIcon)$arrowIcon': {
|
|
144
|
-
display: 'none'
|
|
123
|
+
// hover
|
|
124
|
+
'&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
|
|
125
|
+
'& $clearIcon': {
|
|
126
|
+
display: 'inline-block'
|
|
145
127
|
},
|
|
146
|
-
'
|
|
128
|
+
'&$clearable:not($wrapperEmpty)': {
|
|
129
|
+
'& :not($compressedIcon)$arrowIcon': {
|
|
130
|
+
display: 'none'
|
|
131
|
+
},
|
|
132
|
+
'& $compressedIcon': {
|
|
133
|
+
display: 'none'
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}),
|
|
137
|
+
'&:has($pickerWrapperShow)': {
|
|
138
|
+
borderColor: token.cascaderFocusBorderColor
|
|
139
|
+
},
|
|
140
|
+
// not wrapperFocus
|
|
141
|
+
'&:not($wrapperFocus)': {
|
|
142
|
+
'& $clearIcon': {
|
|
147
143
|
display: 'none'
|
|
148
144
|
}
|
|
149
145
|
}
|
|
150
|
-
})
|
|
151
|
-
borderColor: token.cascaderFocusBorderColor
|
|
152
|
-
}), '&:not($wrapperFocus)', {
|
|
153
|
-
'& $clearIcon': {
|
|
154
|
-
display: 'none'
|
|
155
|
-
}
|
|
156
|
-
})),
|
|
146
|
+
}),
|
|
157
147
|
virtual: {
|
|
158
148
|
'& $filterList': {
|
|
159
149
|
overflow: 'hidden'
|
|
@@ -329,12 +319,18 @@ var cascaderStyle = _objectSpread(_objectSpread({
|
|
|
329
319
|
clearable: {},
|
|
330
320
|
clearIcon: {
|
|
331
321
|
cursor: 'pointer',
|
|
332
|
-
width: token.
|
|
322
|
+
width: token.cascaderClearIconSize,
|
|
333
323
|
lineHeight: 0,
|
|
334
324
|
color: token.cascaderClearColor,
|
|
335
325
|
verticalAlign: 'middle',
|
|
336
326
|
'&:hover': {
|
|
337
327
|
color: token.cascaderClearHoverColor
|
|
328
|
+
},
|
|
329
|
+
'$wrapperSmall &': {
|
|
330
|
+
width: token.cascaderSmallClearIconSize
|
|
331
|
+
},
|
|
332
|
+
'$wrapperLarge &': {
|
|
333
|
+
width: token.cascaderLargeClearIconSize
|
|
338
334
|
}
|
|
339
335
|
},
|
|
340
336
|
compressedIcon: {},
|
|
@@ -541,7 +537,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
|
|
|
541
537
|
justifyContent: 'center',
|
|
542
538
|
'& svg': {
|
|
543
539
|
verticalAlign: 'middle',
|
|
544
|
-
width: token.cascaderOptionIconSize
|
|
540
|
+
width: token.cascaderOptionIconSize,
|
|
541
|
+
'$wrapperLarge &': {
|
|
542
|
+
width: token.cascaderLargeOptionIconSize
|
|
543
|
+
},
|
|
544
|
+
'$wrapperSmall &': {
|
|
545
|
+
width: token.cascaderSmallOptionIconSize
|
|
546
|
+
}
|
|
545
547
|
}
|
|
546
548
|
},
|
|
547
549
|
optionSpin: {
|
|
@@ -51,7 +51,7 @@ var inputBorderToken = {
|
|
|
51
51
|
var inputBorder = border('wrapper', inputBorderToken);
|
|
52
52
|
var wrapper = inputBorder.wrapper,
|
|
53
53
|
wrapperDisabled = inputBorder.wrapperDisabled,
|
|
54
|
-
|
|
54
|
+
restWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
|
|
55
55
|
var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(token.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 100%)\n");
|
|
56
56
|
var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(token.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 100%)\n");
|
|
57
57
|
var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
|
|
@@ -81,7 +81,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
|
|
|
81
81
|
width: 420
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
|
-
},
|
|
84
|
+
}, restWrapper), {}, {
|
|
85
85
|
resultWrapper: {
|
|
86
86
|
display: 'flex',
|
|
87
87
|
flex: 1,
|
|
@@ -366,12 +366,11 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
|
|
|
366
366
|
pickerFooterTime: {
|
|
367
367
|
padding: "".concat(token.datePickerPanelFooterPaddingY, " ").concat(token.datePickerPanelFooterPaddingX)
|
|
368
368
|
},
|
|
369
|
-
wrapperSmall: {
|
|
369
|
+
wrapperSmall: _objectSpread(_objectSpread({}, restWrapper.wrapperSmall), {}, {
|
|
370
370
|
'& $pickerFooterNow': {
|
|
371
371
|
padding: "".concat(token.datePickerSmallPanelFooterNowPaddingY, " ").concat(token.datePickerSmallPanelFooterNowPaddingX)
|
|
372
372
|
}
|
|
373
|
-
},
|
|
374
|
-
wrapperLarge: {},
|
|
373
|
+
}),
|
|
375
374
|
pickerFooterNow: {
|
|
376
375
|
padding: "".concat(token.datePickerPanelFooterPaddingY, " ").concat(token.datePickerPanelFooterPaddingX),
|
|
377
376
|
'&:only-child': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA0N5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/esm/popover/popover.js
CHANGED
|
@@ -243,7 +243,8 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
|
|
|
243
243
|
},
|
|
244
244
|
mentionIcon: {
|
|
245
245
|
'&&': {
|
|
246
|
-
fontSize: token.popoverConfirmTitleFontSize
|
|
246
|
+
fontSize: token.popoverConfirmTitleFontSize,
|
|
247
|
+
width: "calc(".concat(token.popoverConfirmTitleFontSize, " + 2px)")
|
|
247
248
|
}
|
|
248
249
|
},
|
|
249
250
|
footer: {
|
package/esm/radio/radio.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAyK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/esm/radio/radio.js
CHANGED
|
@@ -17,14 +17,24 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
|
|
|
17
17
|
marginRight: token.radioGap,
|
|
18
18
|
'&:last-child': {
|
|
19
19
|
marginRight: 0
|
|
20
|
+
},
|
|
21
|
+
'button&': {
|
|
22
|
+
padding: "".concat(token.radioButtonPaddingY, " ").concat(token.radioButtonPaddingX)
|
|
20
23
|
}
|
|
21
24
|
},
|
|
22
25
|
wrapperSmall: {
|
|
23
26
|
'[data-soui-role="form-control"] > $group > &': {
|
|
24
27
|
marginTop: 1
|
|
28
|
+
},
|
|
29
|
+
'button&': {
|
|
30
|
+
padding: "".concat(token.radioSmallButtonPaddingY, " ").concat(token.radioSmallButtonPaddingX)
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
wrapperLarge: {
|
|
34
|
+
'button&': {
|
|
35
|
+
padding: "".concat(token.radioLargeButtonPaddingY, " ").concat(token.radioLargeButtonPaddingX)
|
|
25
36
|
}
|
|
26
37
|
},
|
|
27
|
-
wrapperLarge: {},
|
|
28
38
|
wrapperChecked: {},
|
|
29
39
|
wrapperDisabled: {
|
|
30
40
|
cursor: 'not-allowed'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA+hB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|