@sheinx/shineout-style 3.9.4-beta.1 → 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.
Files changed (35) hide show
  1. package/cjs/alert/alert.d.ts.map +1 -1
  2. package/cjs/alert/alert.js +6 -3
  3. package/cjs/cascader/cascader.d.ts.map +1 -1
  4. package/cjs/cascader/cascader.js +88 -86
  5. package/cjs/date-picker/date-picker.js +4 -5
  6. package/cjs/popover/popover.d.ts.map +1 -1
  7. package/cjs/popover/popover.js +2 -1
  8. package/cjs/radio/radio.d.ts.map +1 -1
  9. package/cjs/radio/radio.js +11 -1
  10. package/cjs/select/select.d.ts.map +1 -1
  11. package/cjs/select/select.js +55 -62
  12. package/cjs/tag/tag.js +7 -7
  13. package/cjs/tree-select/tree-select.d.ts.map +1 -1
  14. package/cjs/tree-select/tree-select.js +73 -80
  15. package/cjs/version.d.ts +1 -1
  16. package/cjs/version.d.ts.map +1 -1
  17. package/cjs/version.js +1 -1
  18. package/esm/alert/alert.d.ts.map +1 -1
  19. package/esm/alert/alert.js +6 -3
  20. package/esm/cascader/cascader.d.ts.map +1 -1
  21. package/esm/cascader/cascader.js +88 -86
  22. package/esm/date-picker/date-picker.js +4 -5
  23. package/esm/popover/popover.d.ts.map +1 -1
  24. package/esm/popover/popover.js +2 -1
  25. package/esm/radio/radio.d.ts.map +1 -1
  26. package/esm/radio/radio.js +11 -1
  27. package/esm/select/select.d.ts.map +1 -1
  28. package/esm/select/select.js +55 -62
  29. package/esm/tag/tag.js +7 -7
  30. package/esm/tree-select/tree-select.d.ts.map +1 -1
  31. package/esm/tree-select/tree-select.js +73 -80
  32. package/esm/version.d.ts +1 -1
  33. package/esm/version.d.ts.map +1 -1
  34. package/esm/version.js +1 -1
  35. package/package.json +3 -3
package/cjs/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,CAqK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
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/cjs/alert/alert.js CHANGED
@@ -64,7 +64,6 @@ var alertStyle = {
64
64
  withTitle: {
65
65
  '& $icon': {
66
66
  fontSize: _theme.default.alertTitleFontSize,
67
- // marginBottom: Token.alertNearlyMargin,
68
67
  width: "calc(".concat(_theme.default.alertTitleIconWidth, " + 2px)"),
69
68
  height: _theme.default.lineHeightDynamic
70
69
  },
@@ -91,13 +90,17 @@ var alertStyle = {
91
90
  cursor: 'pointer',
92
91
  color: _theme.default.alertCloseFontColor,
93
92
  fontSize: _theme.default.alertFontSize,
94
- height: "calc(".concat(_theme.default.alertFontSize, " + 2px)"),
95
- width: "calc(".concat(_theme.default.alertFontSize, " + 2px)"),
93
+ height: _theme.default.alertFontSize,
94
+ width: _theme.default.alertFontSize,
96
95
  flex: '0 0 auto',
97
96
  display: 'flex',
98
97
  alignItems: 'center',
99
98
  justifyContent: 'center',
100
99
  // marginLeft: Token.alertNearlyMargin,
100
+ '$withTitle &': {
101
+ width: _theme.default.alertTitleFontSize,
102
+ height: _theme.default.alertTitleFontSize
103
+ },
101
104
  '&:hover': {
102
105
  color: _theme.default.alertCloseHoverColor
103
106
  },
package/cjs/cascader/cascader.d.ts.map CHANGED
@@ -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;AA+DtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAihB9C,CAAC;AAEF,eAAe,aAAa,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/cjs/cascader/cascader.js CHANGED
@@ -58,12 +58,6 @@ var inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
58
58
  var wrapper = inputBorder.wrapper,
59
59
  wrapperDisabled = inputBorder.wrapperDisabled,
60
60
  resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
61
- var selectTagHeightCssvar = "--select-tag-height";
62
- var selectSmallTagHeightCssvar = "--select-small-tag-height";
63
- var selectLargeTagHeightCssvar = "--select-large-tag-height";
64
- var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
65
- var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
66
- var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
67
61
  var cascaderStyle = _objectSpread(_objectSpread({
68
62
  rootClass: {},
69
63
  wrapperEmpty: {},
@@ -73,94 +67,90 @@ var cascaderStyle = _objectSpread(_objectSpread({
73
67
  width: '100%',
74
68
  outline: 'none',
75
69
  cursor: 'pointer'
76
- }, wrapper), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, _theme.default.selectTagHeight), selectSmallTagHeightCssvar, _theme.default.selectSmallTagHeight), selectLargeTagHeightCssvar, _theme.default.selectLargeTagHeight), '&$wrapperInnerTitle', {
77
- '& $placeholder,$ellipsis,$space,input': {
78
- marginTop: 0,
79
- marginBottom: 0
80
- },
81
- '& $tag': {
82
- marginTop: 0,
83
- marginBottom: _theme.default.selectInnerTitleMarginY,
84
- paddingTop: 0,
85
- paddingBottom: 0,
86
- height: selectTagHeight,
87
- border: 'none',
88
- '& *': {
89
- lineHeight: selectTagHeight
70
+ }, wrapper), {}, {
71
+ '&$wrapperInnerTitle': {
72
+ '& $placeholder,$ellipsis,$space,input': {
73
+ marginTop: 0,
74
+ marginBottom: 0
75
+ },
76
+ '& $tag': {
77
+ marginTop: 0,
78
+ marginBottom: _theme.default.selectInnerTitleMarginY,
79
+ paddingTop: 0,
80
+ paddingBottom: 0,
81
+ border: 'none'
82
+ },
83
+ '&$wrapperSmall $tag': {
84
+ marginBottom: 2
85
+ },
86
+ '&$wrapperLarge $tag': {
87
+ marginBottom: 2
90
88
  }
91
89
  },
92
- '&$wrapperSmall $tag': {
93
- height: selectSmallTagHeight,
94
- marginBottom: 2,
95
- '&$tag *': {
96
- lineHeight: selectSmallTagHeight
90
+ '&$wrapperSmall': {
91
+ '& $tag': {
92
+ lineHeight: '16px',
93
+ marginTop: 1,
94
+ marginBottom: 1
95
+ },
96
+ '& $placeholder,$ellipsis,$space,input': {
97
+ marginTop: 0,
98
+ marginBottom: 0
99
+ },
100
+ '& $optionInner': {
101
+ paddingTop: _theme.default.cascaderSmallOptionInnerPaddingY,
102
+ paddingBottom: _theme.default.cascaderSmallOptionInnerPaddingY,
103
+ paddingLeft: _theme.default.cascaderSmallOptionInnerPaddingX,
104
+ // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
105
+ fontSize: _theme.default.cascaderSmallFontSize
106
+ },
107
+ '& $clearIcon': {
108
+ right: _theme.default.cascaderSmallPaddingX
97
109
  }
98
110
  },
99
- '&$wrapperLarge $tag': {
100
- height: selectLargeTagHeight,
101
- marginBottom: 2,
102
- '&$tag *': {
103
- lineHeight: selectLargeTagHeight
111
+ '&$wrapperLarge': {
112
+ '& $placeholder,$ellipsis,$space,input': {
113
+ marginTop: _theme.default.cascaderLargePlaceholderMarginY,
114
+ marginBottom: _theme.default.cascaderLargePlaceholderMarginY
115
+ },
116
+ '& $arrowIcon': {
117
+ width: _theme.default.cascaderLargeFontSize
118
+ },
119
+ '& $optionInner': {
120
+ // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
121
+ paddingTop: _theme.default.cascaderLargeOptionInnerPaddingY,
122
+ paddingBottom: _theme.default.cascaderLargeOptionInnerPaddingY,
123
+ paddingLeft: _theme.default.cascaderLargeOptionInnerPaddingX,
124
+ fontSize: _theme.default.cascaderLargeFontSize
125
+ },
126
+ '& $clearIcon': {
127
+ right: _theme.default.cascaderLargePaddingX
104
128
  }
105
- }
106
- }), '&$wrapperSmall', {
107
- '& $tag': {
108
- height: selectSmallTagHeight,
109
- lineHeight: '16px',
110
- marginTop: 1,
111
- marginBottom: 1
112
- },
113
- '& $placeholder,$ellipsis,$space,input': {
114
- marginTop: 0,
115
- marginBottom: 0
116
- },
117
- '& $optionInner': {
118
- paddingTop: _theme.default.cascaderSmallOptionInnerPaddingY,
119
- paddingBottom: _theme.default.cascaderSmallOptionInnerPaddingY,
120
- paddingLeft: _theme.default.cascaderSmallOptionInnerPaddingX,
121
- // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
122
- fontSize: _theme.default.cascaderSmallFontSize
123
129
  },
124
- '& $clearIcon': {
125
- right: _theme.default.cascaderSmallPaddingX
126
- }
127
- }), '&$wrapperLarge', {
128
- '& $placeholder,$ellipsis,$space,input': {
129
- marginTop: _theme.default.cascaderLargePlaceholderMarginY,
130
- marginBottom: _theme.default.cascaderLargePlaceholderMarginY
131
- },
132
- '& $arrowIcon': {
133
- width: _theme.default.cascaderLargeFontSize
134
- },
135
- '& $optionInner': {
136
- // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
137
- paddingTop: _theme.default.cascaderLargeOptionInnerPaddingY,
138
- paddingBottom: _theme.default.cascaderLargeOptionInnerPaddingY,
139
- paddingLeft: _theme.default.cascaderLargeOptionInnerPaddingX,
140
- fontSize: _theme.default.cascaderLargeFontSize
141
- },
142
- '& $clearIcon': {
143
- right: _theme.default.cascaderLargePaddingX
144
- }
145
- }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
146
- '& $clearIcon': {
147
- display: 'inline-block'
148
- },
149
- '&$clearable:not($wrapperEmpty)': {
150
- '& :not($compressedIcon)$arrowIcon': {
151
- display: 'none'
130
+ // hover
131
+ '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
132
+ '& $clearIcon': {
133
+ display: 'inline-block'
152
134
  },
153
- '& $compressedIcon': {
135
+ '&$clearable:not($wrapperEmpty)': {
136
+ '& :not($compressedIcon)$arrowIcon': {
137
+ display: 'none'
138
+ },
139
+ '& $compressedIcon': {
140
+ display: 'none'
141
+ }
142
+ }
143
+ }),
144
+ '&:has($pickerWrapperShow)': {
145
+ borderColor: _theme.default.cascaderFocusBorderColor
146
+ },
147
+ // not wrapperFocus
148
+ '&:not($wrapperFocus)': {
149
+ '& $clearIcon': {
154
150
  display: 'none'
155
151
  }
156
152
  }
157
- })), '&:has($pickerWrapperShow)', {
158
- borderColor: _theme.default.cascaderFocusBorderColor
159
- }), '&:not($wrapperFocus)', {
160
- '& $clearIcon': {
161
- display: 'none'
162
- }
163
- })),
153
+ }),
164
154
  virtual: {
165
155
  '& $filterList': {
166
156
  overflow: 'hidden'
@@ -336,12 +326,18 @@ var cascaderStyle = _objectSpread(_objectSpread({
336
326
  clearable: {},
337
327
  clearIcon: {
338
328
  cursor: 'pointer',
339
- width: _theme.default.cascaderFontSize,
329
+ width: _theme.default.cascaderClearIconSize,
340
330
  lineHeight: 0,
341
331
  color: _theme.default.cascaderClearColor,
342
332
  verticalAlign: 'middle',
343
333
  '&:hover': {
344
334
  color: _theme.default.cascaderClearHoverColor
335
+ },
336
+ '$wrapperSmall &': {
337
+ width: _theme.default.cascaderSmallClearIconSize
338
+ },
339
+ '$wrapperLarge &': {
340
+ width: _theme.default.cascaderLargeClearIconSize
345
341
  }
346
342
  },
347
343
  compressedIcon: {},
@@ -548,7 +544,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
548
544
  justifyContent: 'center',
549
545
  '& svg': {
550
546
  verticalAlign: 'middle',
551
- width: _theme.default.cascaderOptionIconSize
547
+ width: _theme.default.cascaderOptionIconSize,
548
+ '$wrapperLarge &': {
549
+ width: _theme.default.cascaderLargeOptionIconSize
550
+ },
551
+ '$wrapperSmall &': {
552
+ width: _theme.default.cascaderSmallOptionIconSize
553
+ }
552
554
  }
553
555
  },
554
556
  optionSpin: {
package/cjs/date-picker/date-picker.js CHANGED
@@ -58,7 +58,7 @@ var inputBorderToken = {
58
58
  var inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
59
59
  var wrapper = inputBorder.wrapper,
60
60
  wrapperDisabled = inputBorder.wrapperDisabled,
61
- resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
61
+ restWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
62
62
  var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%)\n");
63
63
  var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%)\n");
64
64
  var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
@@ -88,7 +88,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
88
88
  width: 420
89
89
  }
90
90
  }
91
- }, resetWrapper), {}, {
91
+ }, restWrapper), {}, {
92
92
  resultWrapper: {
93
93
  display: 'flex',
94
94
  flex: 1,
@@ -373,12 +373,11 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
373
373
  pickerFooterTime: {
374
374
  padding: "".concat(_theme.default.datePickerPanelFooterPaddingY, " ").concat(_theme.default.datePickerPanelFooterPaddingX)
375
375
  },
376
- wrapperSmall: {
376
+ wrapperSmall: _objectSpread(_objectSpread({}, restWrapper.wrapperSmall), {}, {
377
377
  '& $pickerFooterNow': {
378
378
  padding: "".concat(_theme.default.datePickerSmallPanelFooterNowPaddingY, " ").concat(_theme.default.datePickerSmallPanelFooterNowPaddingX)
379
379
  }
380
- },
381
- wrapperLarge: {},
380
+ }),
382
381
  pickerFooterNow: {
383
382
  padding: "".concat(_theme.default.datePickerPanelFooterPaddingY, " ").concat(_theme.default.datePickerPanelFooterPaddingX),
384
383
  '&:only-child': {
package/cjs/popover/popover.d.ts.map CHANGED
@@ -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,CAyN5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
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/cjs/popover/popover.js CHANGED
@@ -250,7 +250,8 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
250
250
  },
251
251
  mentionIcon: {
252
252
  '&&': {
253
- fontSize: _theme.default.popoverConfirmTitleFontSize
253
+ fontSize: _theme.default.popoverConfirmTitleFontSize,
254
+ width: "calc(".concat(_theme.default.popoverConfirmTitleFontSize, " + 2px)")
254
255
  }
255
256
  },
256
257
  footer: {
package/cjs/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,CA+J5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
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/cjs/radio/radio.js CHANGED
@@ -24,14 +24,24 @@ var radioStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
24
24
  marginRight: _theme.default.radioGap,
25
25
  '&:last-child': {
26
26
  marginRight: 0
27
+ },
28
+ 'button&': {
29
+ padding: "".concat(_theme.default.radioButtonPaddingY, " ").concat(_theme.default.radioButtonPaddingX)
27
30
  }
28
31
  },
29
32
  wrapperSmall: {
30
33
  '[data-soui-role="form-control"] > $group > &': {
31
34
  marginTop: 1
35
+ },
36
+ 'button&': {
37
+ padding: "".concat(_theme.default.radioSmallButtonPaddingY, " ").concat(_theme.default.radioSmallButtonPaddingX)
38
+ }
39
+ },
40
+ wrapperLarge: {
41
+ 'button&': {
42
+ padding: "".concat(_theme.default.radioLargeButtonPaddingY, " ").concat(_theme.default.radioLargeButtonPaddingX)
32
43
  }
33
44
  },
34
- wrapperLarge: {},
35
45
  wrapperChecked: {},
36
46
  wrapperDisabled: {
37
47
  cursor: 'not-allowed'
package/cjs/select/select.d.ts.map CHANGED
@@ -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;AA+DlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAyiB1C,CAAC;AAEF,eAAe,WAAW,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"}
package/cjs/select/select.js CHANGED
@@ -58,12 +58,6 @@ var inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
58
58
  var wrapper = inputBorder.wrapper,
59
59
  wrapperDisabled = inputBorder.wrapperDisabled,
60
60
  resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
61
- var selectTagHeightCssvar = "--select-tag-height";
62
- var selectSmallTagHeightCssvar = "--select-small-tag-height";
63
- var selectLargeTagHeightCssvar = "--select-large-tag-height";
64
- var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
65
- var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
66
- var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
67
61
  var selectStyle = _objectSpread(_objectSpread({
68
62
  rootClass: {},
69
63
  wrapper: _objectSpread(_objectSpread({
@@ -72,70 +66,63 @@ var selectStyle = _objectSpread(_objectSpread({
72
66
  width: '100%',
73
67
  outline: 'none',
74
68
  cursor: 'pointer'
75
- }, wrapper), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, _theme.default.selectTagHeight), selectSmallTagHeightCssvar, _theme.default.selectSmallTagHeight), selectLargeTagHeightCssvar, _theme.default.selectLargeTagHeight), '&$wrapperInnerTitle', {
76
- '& $placeholder,$ellipsis,$space,input': {
77
- marginTop: 0,
78
- marginBottom: 0
79
- },
80
- '& $tag': {
81
- marginTop: 0,
82
- marginBottom: _theme.default.selectInnerTitleMarginY,
83
- paddingTop: 0,
84
- paddingBottom: 0,
85
- height: selectTagHeight,
86
- border: 'none',
87
- '& *': {
88
- lineHeight: selectTagHeight
69
+ }, wrapper), {}, {
70
+ '&$wrapperInnerTitle': {
71
+ '& $placeholder,$ellipsis,$space,input': {
72
+ marginTop: 0,
73
+ marginBottom: 0
74
+ },
75
+ '& $tag': {
76
+ marginTop: 0,
77
+ marginBottom: _theme.default.selectInnerTitleMarginY,
78
+ paddingTop: 0,
79
+ paddingBottom: 0,
80
+ border: 'none'
81
+ },
82
+ '&$wrapperSmall $tag': {
83
+ marginBottom: 2
84
+ },
85
+ '&$wrapperLarge $tag': {
86
+ marginBottom: 2
89
87
  }
90
88
  },
91
- '&$wrapperSmall $tag': {
92
- height: selectSmallTagHeight,
93
- marginBottom: 2,
94
- '&$tag *': {
95
- lineHeight: selectSmallTagHeight
89
+ '&$wrapperSmall': {
90
+ '& $tag': {
91
+ marginTop: 1,
92
+ marginBottom: 1,
93
+ border: 'none'
94
+ },
95
+ '& $placeholder,$ellipsis,$space,input': {
96
+ marginTop: 0,
97
+ marginBottom: 0
96
98
  }
97
99
  },
98
- '&$wrapperLarge $tag': {
99
- height: selectLargeTagHeight,
100
- marginBottom: 2,
101
- '&$tag *': {
102
- lineHeight: selectLargeTagHeight
100
+ '&$wrapperLarge': {
101
+ '& $placeholder,$ellipsis,$space,input': {
102
+ marginTop: _theme.default.selectLargePlaceholderMarginY,
103
+ marginBottom: _theme.default.selectLargePlaceholderMarginY
104
+ },
105
+ '& $arrowIcon': {
106
+ width: _theme.default.selectLargeFontSize
103
107
  }
104
- }
105
- }), '&$wrapperSmall', {
106
- '& $tag': {
107
- height: selectSmallTagHeight,
108
- lineHeight: '16px',
109
- marginTop: 1,
110
- marginBottom: 1
111
108
  },
112
- '& $placeholder,$ellipsis,$space,input': {
113
- marginTop: 0,
114
- marginBottom: 0
115
- }
116
- }), '&$wrapperLarge', {
117
- '& $placeholder,$ellipsis,$space,input': {
118
- marginTop: _theme.default.selectLargePlaceholderMarginY,
119
- marginBottom: _theme.default.selectLargePlaceholderMarginY
120
- },
121
- '& $arrowIcon': {
122
- width: _theme.default.selectLargeFontSize
123
- }
124
- }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
125
- cursor: 'pointer',
126
- '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
109
+ '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
110
+ cursor: 'pointer',
111
+ '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
112
+ '& $clearIcon': {
113
+ display: 'block'
114
+ },
115
+ '& $arrowIcon': {
116
+ display: 'none'
117
+ }
118
+ }
119
+ }),
120
+ '&:not($wrapperEmpty):not($wrapperOpen)': {
127
121
  '& $clearIcon': {
128
- display: 'block'
129
- },
130
- '& $arrowIcon': {
131
122
  display: 'none'
132
123
  }
133
124
  }
134
- })), '&:not($wrapperEmpty):not($wrapperOpen)', {
135
- '& $clearIcon': {
136
- display: 'none'
137
- }
138
- })),
125
+ }),
139
126
  wrapperEmpty: {},
140
127
  wrapperOpen: {},
141
128
  wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
@@ -320,7 +307,7 @@ var selectStyle = _objectSpread(_objectSpread({
320
307
  fontSize: _theme.default.selectLargeFontSize
321
308
  },
322
309
  '& $optionGroupTitle': {
323
- padding: "calc(".concat(_theme.default.selectFontSize, " + 2px) ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitleLargeBottom, " ").concat(_theme.default.selectGroupTitlePaddingX)
310
+ padding: "calc(".concat(_theme.default.selectFontSize, " + 2px) calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ") ").concat(_theme.default.selectGroupTitleLargeBottom, " calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ")")
324
311
  }
325
312
  },
326
313
  iconWrapper: {
@@ -334,12 +321,18 @@ var selectStyle = _objectSpread(_objectSpread({
334
321
  clearable: {},
335
322
  clearIcon: {
336
323
  cursor: 'pointer',
337
- width: _theme.default.selectFontSize,
324
+ width: _theme.default.selectClearIconSize,
338
325
  lineHeight: 0,
339
326
  color: _theme.default.selectClearColor,
340
327
  verticalAlign: 'middle',
341
328
  '&:hover': {
342
329
  color: _theme.default.selectIconColor
330
+ },
331
+ '$wrapperSmall &': {
332
+ width: _theme.default.selectSmallClearIconSize
333
+ },
334
+ '$wrapperLarge &': {
335
+ width: _theme.default.selectLargeClearIconSize
343
336
  }
344
337
  },
345
338
  arrowIcon: {
package/cjs/tag/tag.js CHANGED
@@ -171,8 +171,8 @@ var TagStyle = {
171
171
  padding: "".concat(_theme.default.tagLargePaddingY, " ").concat(_theme.default.tagLargePaddingX),
172
172
  '& $closeIconWrapper': {
173
173
  '& svg': {
174
- width: 14,
175
- height: 14
174
+ width: _theme.default.tagLargeFontSize,
175
+ height: _theme.default.tagLargeFontSize
176
176
  }
177
177
  },
178
178
  '& $wrapper': {
@@ -199,8 +199,8 @@ var TagStyle = {
199
199
  height: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)"),
200
200
  lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)"),
201
201
  '& svg': {
202
- width: 12,
203
- height: 12
202
+ width: _theme.default.tagSmallFontSize,
203
+ height: _theme.default.tagSmallFontSize
204
204
  }
205
205
  }
206
206
  },
@@ -211,7 +211,7 @@ var TagStyle = {
211
211
  }
212
212
  },
213
213
  closeIcon: {
214
- marginLeft: 4,
214
+ marginLeft: 2,
215
215
  alignItems: 'center',
216
216
  display: 'inline-flex',
217
217
  cursor: 'pointer',
@@ -226,8 +226,8 @@ var TagStyle = {
226
226
  width: "calc(1em + 4px)",
227
227
  height: "calc(1em + 4px)",
228
228
  '& svg': {
229
- width: 12,
230
- height: 12
229
+ width: _theme.default.tagFontSize,
230
+ height: _theme.default.tagFontSize
231
231
  }
232
232
  },
233
233
  info: _objectSpread({}, brightTag('info', 'Info')),
package/cjs/tree-select/tree-select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA6gBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAmgBlD,CAAC;AACF,eAAe,eAAe,CAAC"}