@sheinx/shineout-style 3.9.4-beta.5 → 3.9.4-beta.7

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 (23) hide show
  1. package/cjs/cascader/cascader.d.ts.map +1 -1
  2. package/cjs/cascader/cascader.js +81 -85
  3. package/cjs/date-picker/date-picker.js +4 -5
  4. package/cjs/popover/popover.d.ts.map +1 -1
  5. package/cjs/popover/popover.js +2 -1
  6. package/cjs/select/select.d.ts.map +1 -1
  7. package/cjs/select/select.js +47 -61
  8. package/cjs/tree-select/tree-select.d.ts.map +1 -1
  9. package/cjs/tree-select/tree-select.js +66 -79
  10. package/cjs/version.d.ts +1 -1
  11. package/cjs/version.js +1 -1
  12. package/esm/cascader/cascader.d.ts.map +1 -1
  13. package/esm/cascader/cascader.js +81 -85
  14. package/esm/date-picker/date-picker.js +4 -5
  15. package/esm/popover/popover.d.ts.map +1 -1
  16. package/esm/popover/popover.js +2 -1
  17. package/esm/select/select.d.ts.map +1 -1
  18. package/esm/select/select.js +47 -61
  19. package/esm/tree-select/tree-select.d.ts.map +1 -1
  20. package/esm/tree-select/tree-select.js +66 -79
  21. package/esm/version.d.ts +1 -1
  22. package/esm/version.js +1 -1
  23. package/package.json +3 -3
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,CAwgB9C,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
129
  },
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
- },
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'
@@ -548,7 +538,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
548
538
  justifyContent: 'center',
549
539
  '& svg': {
550
540
  verticalAlign: 'middle',
551
- width: _theme.default.cascaderOptionIconSize
541
+ width: _theme.default.cascaderOptionIconSize,
542
+ '$wrapperLarge &': {
543
+ width: _theme.default.cascaderLargeOptionIconSize
544
+ },
545
+ '$wrapperSmall &': {
546
+ width: _theme.default.cascaderSmallOptionIconSize
547
+ }
552
548
  }
553
549
  },
554
550
  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/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,CAwhB1C,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,62 @@ 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
+ },
94
+ '& $placeholder,$ellipsis,$space,input': {
95
+ marginTop: 0,
96
+ marginBottom: 0
96
97
  }
97
98
  },
98
- '&$wrapperLarge $tag': {
99
- height: selectLargeTagHeight,
100
- marginBottom: 2,
101
- '&$tag *': {
102
- lineHeight: selectLargeTagHeight
99
+ '&$wrapperLarge': {
100
+ '& $placeholder,$ellipsis,$space,input': {
101
+ marginTop: _theme.default.selectLargePlaceholderMarginY,
102
+ marginBottom: _theme.default.selectLargePlaceholderMarginY
103
+ },
104
+ '& $arrowIcon': {
105
+ width: _theme.default.selectLargeFontSize
103
106
  }
104
- }
105
- }), '&$wrapperSmall', {
106
- '& $tag': {
107
- height: selectSmallTagHeight,
108
- lineHeight: '16px',
109
- marginTop: 1,
110
- marginBottom: 1
111
- },
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
107
  },
121
- '& $arrowIcon': {
122
- width: _theme.default.selectLargeFontSize
123
- }
124
- }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
125
- cursor: 'pointer',
126
- '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
108
+ '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
109
+ cursor: 'pointer',
110
+ '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
111
+ '& $clearIcon': {
112
+ display: 'block'
113
+ },
114
+ '& $arrowIcon': {
115
+ display: 'none'
116
+ }
117
+ }
118
+ }),
119
+ '&:not($wrapperEmpty):not($wrapperOpen)': {
127
120
  '& $clearIcon': {
128
- display: 'block'
129
- },
130
- '& $arrowIcon': {
131
121
  display: 'none'
132
122
  }
133
123
  }
134
- })), '&:not($wrapperEmpty):not($wrapperOpen)', {
135
- '& $clearIcon': {
136
- display: 'none'
137
- }
138
- })),
124
+ }),
139
125
  wrapperEmpty: {},
140
126
  wrapperOpen: {},
141
127
  wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
@@ -320,7 +306,7 @@ var selectStyle = _objectSpread(_objectSpread({
320
306
  fontSize: _theme.default.selectLargeFontSize
321
307
  },
322
308
  '& $optionGroupTitle': {
323
- padding: "calc(".concat(_theme.default.selectFontSize, " + 2px) ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitleLargeBottom, " ").concat(_theme.default.selectGroupTitlePaddingX)
309
+ 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
310
  }
325
311
  },
326
312
  iconWrapper: {
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,CA6flD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/cjs/tree-select/tree-select.js CHANGED
@@ -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), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, _theme.default.selectTagHeight), selectSmallTagHeightCssvar, _theme.default.selectSmallTagHeight), selectLargeTagHeightCssvar, _theme.default.selectLargeTagHeight), '&$wrapperInnerTitle', {
78
- '& $placeholder,$ellipsis,$space,input': {
79
- marginTop: 0,
80
- marginBottom: 0
81
- },
82
- '& $tag': {
83
- marginTop: 0,
84
- marginBottom: _theme.default.selectInnerTitleMarginY,
85
- paddingTop: 0,
86
- paddingBottom: 0,
87
- height: selectTagHeight,
88
- border: 'none',
89
- '& *': {
90
- lineHeight: selectTagHeight
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 $tag': {
94
- height: selectSmallTagHeight,
95
- marginBottom: 2,
96
- '&$tag *': {
97
- lineHeight: selectSmallTagHeight
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 $tag': {
101
- height: selectLargeTagHeight,
102
- marginBottom: 2,
103
- '&$tag *': {
104
- lineHeight: selectLargeTagHeight
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
130
  },
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
- },
140
- '& $arrowIcon': {
141
- width: _theme.default.treeSelectLargeFontSize
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
- '& $clearIcon': {
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
- }), '&:not($wrapperEmpty):not($wrapperOpen)', {
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: {},
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.4-beta.5";
1
+ declare const _default: "3.9.4-beta.7";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/cjs/version.js CHANGED
@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = exports.default = '3.9.4-beta.5';
7
+ var _default = exports.default = '3.9.4-beta.7';
package/esm/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,CAwgB9C,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), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, token.selectTagHeight), selectSmallTagHeightCssvar, token.selectSmallTagHeight), selectLargeTagHeightCssvar, token.selectLargeTagHeight), '&$wrapperInnerTitle', {
70
- '& $placeholder,$ellipsis,$space,input': {
71
- marginTop: 0,
72
- marginBottom: 0
73
- },
74
- '& $tag': {
75
- marginTop: 0,
76
- marginBottom: token.selectInnerTitleMarginY,
77
- paddingTop: 0,
78
- paddingBottom: 0,
79
- height: selectTagHeight,
80
- border: 'none',
81
- '& *': {
82
- lineHeight: selectTagHeight
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 $tag': {
86
- height: selectSmallTagHeight,
87
- marginBottom: 2,
88
- '&$tag *': {
89
- lineHeight: selectSmallTagHeight
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 $tag': {
93
- height: selectLargeTagHeight,
94
- marginBottom: 2,
95
- '&$tag *': {
96
- lineHeight: selectLargeTagHeight
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
122
  },
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
- },
117
- '& $clearIcon': {
118
- right: token.cascaderSmallPaddingX
119
- }
120
- }), '&$wrapperLarge', {
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
- '& $compressedIcon': {
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
- })), '&:has($pickerWrapperShow)', {
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'
@@ -541,7 +531,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
541
531
  justifyContent: 'center',
542
532
  '& svg': {
543
533
  verticalAlign: 'middle',
544
- width: token.cascaderOptionIconSize
534
+ width: token.cascaderOptionIconSize,
535
+ '$wrapperLarge &': {
536
+ width: token.cascaderLargeOptionIconSize
537
+ },
538
+ '$wrapperSmall &': {
539
+ width: token.cascaderSmallOptionIconSize
540
+ }
545
541
  }
546
542
  },
547
543
  optionSpin: {
package/esm/date-picker/date-picker.js CHANGED
@@ -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
- resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
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
- }, resetWrapper), {}, {
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': {
package/esm/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/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/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,CAwhB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/select/select.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 selectStyle = _objectSpread(_objectSpread({
61
55
  rootClass: {},
62
56
  wrapper: _objectSpread(_objectSpread({
@@ -65,70 +59,62 @@ var selectStyle = _objectSpread(_objectSpread({
65
59
  width: '100%',
66
60
  outline: 'none',
67
61
  cursor: 'pointer'
68
- }, wrapper), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, token.selectTagHeight), selectSmallTagHeightCssvar, token.selectSmallTagHeight), selectLargeTagHeightCssvar, token.selectLargeTagHeight), '&$wrapperInnerTitle', {
69
- '& $placeholder,$ellipsis,$space,input': {
70
- marginTop: 0,
71
- marginBottom: 0
72
- },
73
- '& $tag': {
74
- marginTop: 0,
75
- marginBottom: token.selectInnerTitleMarginY,
76
- paddingTop: 0,
77
- paddingBottom: 0,
78
- height: selectTagHeight,
79
- border: 'none',
80
- '& *': {
81
- lineHeight: selectTagHeight
62
+ }, wrapper), {}, {
63
+ '&$wrapperInnerTitle': {
64
+ '& $placeholder,$ellipsis,$space,input': {
65
+ marginTop: 0,
66
+ marginBottom: 0
67
+ },
68
+ '& $tag': {
69
+ marginTop: 0,
70
+ marginBottom: token.selectInnerTitleMarginY,
71
+ paddingTop: 0,
72
+ paddingBottom: 0,
73
+ border: 'none'
74
+ },
75
+ '&$wrapperSmall $tag': {
76
+ marginBottom: 2
77
+ },
78
+ '&$wrapperLarge $tag': {
79
+ marginBottom: 2
82
80
  }
83
81
  },
84
- '&$wrapperSmall $tag': {
85
- height: selectSmallTagHeight,
86
- marginBottom: 2,
87
- '&$tag *': {
88
- lineHeight: selectSmallTagHeight
82
+ '&$wrapperSmall': {
83
+ '& $tag': {
84
+ marginTop: 1,
85
+ marginBottom: 1
86
+ },
87
+ '& $placeholder,$ellipsis,$space,input': {
88
+ marginTop: 0,
89
+ marginBottom: 0
89
90
  }
90
91
  },
91
- '&$wrapperLarge $tag': {
92
- height: selectLargeTagHeight,
93
- marginBottom: 2,
94
- '&$tag *': {
95
- lineHeight: selectLargeTagHeight
92
+ '&$wrapperLarge': {
93
+ '& $placeholder,$ellipsis,$space,input': {
94
+ marginTop: token.selectLargePlaceholderMarginY,
95
+ marginBottom: token.selectLargePlaceholderMarginY
96
+ },
97
+ '& $arrowIcon': {
98
+ width: token.selectLargeFontSize
96
99
  }
97
- }
98
- }), '&$wrapperSmall', {
99
- '& $tag': {
100
- height: selectSmallTagHeight,
101
- lineHeight: '16px',
102
- marginTop: 1,
103
- marginBottom: 1
104
- },
105
- '& $placeholder,$ellipsis,$space,input': {
106
- marginTop: 0,
107
- marginBottom: 0
108
- }
109
- }), '&$wrapperLarge', {
110
- '& $placeholder,$ellipsis,$space,input': {
111
- marginTop: token.selectLargePlaceholderMarginY,
112
- marginBottom: token.selectLargePlaceholderMarginY
113
100
  },
114
- '& $arrowIcon': {
115
- width: token.selectLargeFontSize
116
- }
117
- }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
118
- cursor: 'pointer',
119
- '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
101
+ '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
102
+ cursor: 'pointer',
103
+ '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
104
+ '& $clearIcon': {
105
+ display: 'block'
106
+ },
107
+ '& $arrowIcon': {
108
+ display: 'none'
109
+ }
110
+ }
111
+ }),
112
+ '&:not($wrapperEmpty):not($wrapperOpen)': {
120
113
  '& $clearIcon': {
121
- display: 'block'
122
- },
123
- '& $arrowIcon': {
124
114
  display: 'none'
125
115
  }
126
116
  }
127
- })), '&:not($wrapperEmpty):not($wrapperOpen)', {
128
- '& $clearIcon': {
129
- display: 'none'
130
- }
131
- })),
117
+ }),
132
118
  wrapperEmpty: {},
133
119
  wrapperOpen: {},
134
120
  wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
@@ -313,7 +299,7 @@ var selectStyle = _objectSpread(_objectSpread({
313
299
  fontSize: token.selectLargeFontSize
314
300
  },
315
301
  '& $optionGroupTitle': {
316
- padding: "calc(".concat(token.selectFontSize, " + 2px) ").concat(token.selectGroupTitlePaddingX, " ").concat(token.selectGroupTitleLargeBottom, " ").concat(token.selectGroupTitlePaddingX)
302
+ padding: "calc(".concat(token.selectFontSize, " + 2px) calc(").concat(token.selectOptionPaddingX, " + ").concat(token.selectLargeOptionInnerPaddingX, ") ").concat(token.selectGroupTitleLargeBottom, " calc(").concat(token.selectOptionPaddingX, " + ").concat(token.selectLargeOptionInnerPaddingX, ")")
317
303
  }
318
304
  },
319
305
  iconWrapper: {
package/esm/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,CA6flD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/esm/tree-select/tree-select.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 treeSelectStyle = _objectSpread(_objectSpread({
61
55
  rootClass: {},
62
56
  wrapper: _objectSpread(_objectSpread({
@@ -65,90 +59,83 @@ var treeSelectStyle = _objectSpread(_objectSpread({
65
59
  width: '100%',
66
60
  outline: 'none',
67
61
  cursor: 'pointer'
68
- }, wrapper), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, token.selectTagHeight), selectSmallTagHeightCssvar, token.selectSmallTagHeight), selectLargeTagHeightCssvar, token.selectLargeTagHeight), '&$wrapperInnerTitle', {
69
- '& $placeholder,$ellipsis,$space,input': {
70
- marginTop: 0,
71
- marginBottom: 0
72
- },
73
- '& $tag': {
74
- marginTop: 0,
75
- marginBottom: token.selectInnerTitleMarginY,
76
- paddingTop: 0,
77
- paddingBottom: 0,
78
- height: selectTagHeight,
79
- border: 'none',
80
- '& *': {
81
- lineHeight: selectTagHeight
62
+ }, wrapper), {}, {
63
+ '&$wrapperInnerTitle': {
64
+ '& $placeholder,$ellipsis,$space,input': {
65
+ marginTop: 0,
66
+ marginBottom: 0
67
+ },
68
+ '& $tag': {
69
+ marginTop: 0,
70
+ marginBottom: token.selectInnerTitleMarginY,
71
+ paddingTop: 0,
72
+ paddingBottom: 0,
73
+ border: 'none'
74
+ },
75
+ '&$wrapperSmall $tag': {
76
+ marginBottom: 2
77
+ },
78
+ '&$wrapperLarge $tag': {
79
+ marginBottom: 2
82
80
  }
83
81
  },
84
- '&$wrapperSmall $tag': {
85
- height: selectSmallTagHeight,
86
- marginBottom: 2,
87
- '&$tag *': {
88
- lineHeight: selectSmallTagHeight
82
+ '&$wrapperSmall': {
83
+ '& $tag': {
84
+ lineHeight: '16px',
85
+ marginTop: 1,
86
+ marginBottom: 1
87
+ },
88
+ '& $placeholder,$ellipsis,$space,input': {
89
+ marginTop: 0,
90
+ marginBottom: 0
91
+ },
92
+ '& $optionInner': {
93
+ paddingTop: token.treeSelectSmallOptionInnerPaddingY,
94
+ paddingBottom: token.treeSelectSmallOptionInnerPaddingY,
95
+ paddingLeft: token.treeSelectSmallOptionInnerPaddingX,
96
+ // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
97
+ fontSize: token.treeSelectSmallFontSize
98
+ },
99
+ '& $clearIcon': {
100
+ right: token.treeSelectSmallPaddingX
89
101
  }
90
102
  },
91
- '&$wrapperLarge $tag': {
92
- height: selectLargeTagHeight,
93
- marginBottom: 2,
94
- '&$tag *': {
95
- lineHeight: selectLargeTagHeight
103
+ '&$wrapperLarge': {
104
+ '& $placeholder,$ellipsis,$space,input': {
105
+ marginTop: token.treeSelectLargePlaceholderMarginY,
106
+ marginBottom: token.treeSelectLargePlaceholderMarginY
107
+ },
108
+ '& $optionInner': {
109
+ // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
110
+ paddingTop: token.treeSelectLargeOptionInnerPaddingY,
111
+ paddingBottom: token.treeSelectLargeOptionInnerPaddingY,
112
+ paddingLeft: token.treeSelectLargeOptionInnerPaddingX,
113
+ fontSize: token.treeSelectLargeFontSize
114
+ },
115
+ '& $arrowIcon': {
116
+ width: token.treeSelectLargeFontSize
117
+ },
118
+ '& $clearIcon': {
119
+ right: token.treeSelectLargePaddingX
96
120
  }
97
- }
98
- }), '&$wrapperSmall', {
99
- '& $tag': {
100
- height: selectSmallTagHeight,
101
- lineHeight: '16px',
102
- marginTop: 1,
103
- marginBottom: 1
104
- },
105
- '& $placeholder,$ellipsis,$space,input': {
106
- marginTop: 0,
107
- marginBottom: 0
108
- },
109
- '& $optionInner': {
110
- paddingTop: token.treeSelectSmallOptionInnerPaddingY,
111
- paddingBottom: token.treeSelectSmallOptionInnerPaddingY,
112
- paddingLeft: token.treeSelectSmallOptionInnerPaddingX,
113
- // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
114
- fontSize: token.treeSelectSmallFontSize
115
- },
116
- '& $clearIcon': {
117
- right: token.treeSelectSmallPaddingX
118
- }
119
- }), '&$wrapperLarge', {
120
- '& $placeholder,$ellipsis,$space,input': {
121
- marginTop: token.treeSelectLargePlaceholderMarginY,
122
- marginBottom: token.treeSelectLargePlaceholderMarginY
123
121
  },
124
- '& $optionInner': {
125
- // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
126
- paddingTop: token.treeSelectLargeOptionInnerPaddingY,
127
- paddingBottom: token.treeSelectLargeOptionInnerPaddingY,
128
- paddingLeft: token.treeSelectLargeOptionInnerPaddingX,
129
- fontSize: token.treeSelectLargeFontSize
130
- },
131
- '& $arrowIcon': {
132
- width: token.treeSelectLargeFontSize
122
+ '&:hover': {
123
+ cursor: 'pointer',
124
+ '&$clearable:not($wrapperEmpty)': {
125
+ '& $clearIcon': {
126
+ display: 'block'
127
+ },
128
+ '& $arrowIcon': {
129
+ display: 'none'
130
+ }
131
+ }
133
132
  },
134
- '& $clearIcon': {
135
- right: token.treeSelectLargePaddingX
136
- }
137
- }), '&:hover', {
138
- cursor: 'pointer',
139
- '&$clearable:not($wrapperEmpty)': {
133
+ '&:not($wrapperEmpty):not($wrapperOpen)': {
140
134
  '& $clearIcon': {
141
- display: 'block'
142
- },
143
- '& $arrowIcon': {
144
135
  display: 'none'
145
136
  }
146
137
  }
147
- }), '&:not($wrapperEmpty):not($wrapperOpen)', {
148
- '& $clearIcon': {
149
- display: 'none'
150
- }
151
- })),
138
+ }),
152
139
  treeWrapper: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, getTokenName('treeFontColor'), token.treeSelectOptionFontColor), getTokenName('treeContentHoverFontColor'), token.treeSelectContentHoverFontColor), getTokenName('treeContentHoverBackgroundColor'), token.treeSelectContentHoverBackgroundColor), getTokenName('treeContentActiveBackgroundColor'), token.treeSelectContentActiveBackgroundColor), getTokenName('treeContentActiveFontColor'), token.treeSelectContentActiveFontColor), getTokenName('treeContentDisabledFontColor'), token.treeSelectContentDisabledFontColor), getTokenName('treeContentDisabledBackgroundColor'), token.treeSelectContentDisabledBackgroundColor),
153
140
  wrapperEmpty: {},
154
141
  wrapperOpen: {},
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.4-beta.5";
1
+ declare const _default: "3.9.4-beta.7";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.9.4-beta.5';
1
+ export default '3.9.4-beta.7';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.4-beta.5",
3
+ "version": "3.9.4-beta.7",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,8 +17,8 @@
17
17
  "dependencies": {
18
18
  "jss": "10.9.2",
19
19
  "react-jss": "10.9.2",
20
- "@sheinx/theme": "3.9.4-beta.5",
21
- "@sheinx/base": "3.9.4-beta.5"
20
+ "@sheinx/theme": "3.9.4-beta.7",
21
+ "@sheinx/base": "3.9.4-beta.7"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"