@sheinx/shineout-style 3.8.0-beta.2 → 3.8.0-beta.4

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 (25) hide show
  1. package/cjs/cascader/cascader.d.ts.map +1 -1
  2. package/cjs/cascader/cascader.js +89 -78
  3. package/cjs/select/select.d.ts.map +1 -1
  4. package/cjs/select/select.js +65 -51
  5. package/cjs/tag/tag.d.ts.map +1 -1
  6. package/cjs/tag/tag.js +2 -1
  7. package/cjs/tree-select/tree-select.d.ts.map +1 -1
  8. package/cjs/tree-select/tree-select.js +87 -70
  9. package/cjs/upload/upload.d.ts.map +1 -1
  10. package/cjs/upload/upload.js +6 -2
  11. package/cjs/version.d.ts +1 -1
  12. package/cjs/version.js +1 -1
  13. package/esm/cascader/cascader.d.ts.map +1 -1
  14. package/esm/cascader/cascader.js +89 -78
  15. package/esm/select/select.d.ts.map +1 -1
  16. package/esm/select/select.js +65 -51
  17. package/esm/tag/tag.d.ts.map +1 -1
  18. package/esm/tag/tag.js +2 -1
  19. package/esm/tree-select/tree-select.d.ts.map +1 -1
  20. package/esm/tree-select/tree-select.js +87 -70
  21. package/esm/upload/upload.d.ts.map +1 -1
  22. package/esm/upload/upload.js +6 -2
  23. package/esm/version.d.ts +1 -1
  24. package/esm/version.js +1 -1
  25. 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;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAkgB9C,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;AA+DtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAohB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/cascader/cascader.js CHANGED
@@ -58,6 +58,12 @@ 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, ")");
61
67
  var cascaderStyle = _objectSpread(_objectSpread({
62
68
  rootClass: {},
63
69
  wrapperEmpty: {},
@@ -67,95 +73,100 @@ var cascaderStyle = _objectSpread(_objectSpread({
67
73
  width: '100%',
68
74
  outline: 'none',
69
75
  cursor: 'pointer'
70
- }, wrapper), {}, {
71
- '&$wrapperInnerTitle': {
72
- '& $placeholder,$ellipsis,$space,input': {
73
- marginTop: 0,
74
- marginBottom: 0
75
- },
76
- '& $tag': {
77
- marginTop: 0,
78
- paddingTop: 0,
79
- paddingBottom: 0,
80
- height: _theme.default.lineHeightDynamic,
81
- border: 'none',
82
- '& *': {
83
- lineHeight: _theme.default.lineHeightDynamic
84
- }
85
- },
86
- '&$wrapperSmall $tag': {
87
- height: 18,
88
- marginBottom: 2,
89
- '&$tag *': {
90
- lineHeight: '18px'
91
- }
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
92
90
  }
93
91
  },
94
- '&$wrapperSmall': {
95
- '& $tag': {
96
- height: 18,
97
- lineHeight: '16px',
98
- marginTop: 1,
99
- marginBottom: 1
100
- },
101
- '& $placeholder,$ellipsis,$space,input': {
102
- marginTop: 0,
103
- marginBottom: 0
104
- },
105
- '& $optionInner': {
106
- paddingTop: _theme.default.cascaderSmallOptionInnerPaddingY,
107
- paddingBottom: _theme.default.cascaderSmallOptionInnerPaddingY,
108
- paddingLeft: _theme.default.cascaderSmallOptionInnerPaddingX,
109
- // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
110
- fontSize: _theme.default.cascaderSmallFontSize
111
- },
112
- '& $clearIcon': {
113
- right: _theme.default.cascaderSmallPaddingX
92
+ '&$wrapperSmall $tag': {
93
+ height: selectSmallTagHeight,
94
+ marginBottom: 2,
95
+ '&$tag *': {
96
+ lineHeight: selectSmallTagHeight
114
97
  }
115
98
  },
116
- '&$wrapperLarge': {
117
- '& $placeholder,$ellipsis,$space,input': {
118
- marginTop: _theme.default.cascaderLargePlaceholderMarginY,
119
- marginBottom: _theme.default.cascaderLargePlaceholderMarginY
120
- },
121
- '& $arrowIcon': {
122
- width: _theme.default.cascaderLargeFontSize
123
- },
124
- '& $optionInner': {
125
- // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
126
- paddingTop: _theme.default.cascaderLargeOptionInnerPaddingY,
127
- paddingBottom: _theme.default.cascaderLargeOptionInnerPaddingY,
128
- paddingLeft: _theme.default.cascaderLargeOptionInnerPaddingX,
129
- fontSize: _theme.default.cascaderLargeFontSize
130
- },
131
- '& $clearIcon': {
132
- right: _theme.default.cascaderLargePaddingX
99
+ '&$wrapperLarge $tag': {
100
+ height: selectLargeTagHeight,
101
+ marginBottom: 2,
102
+ '&$tag *': {
103
+ lineHeight: selectLargeTagHeight
133
104
  }
105
+ }
106
+ }), '&$wrapperSmall', {
107
+ '& $tag': {
108
+ height: selectSmallTagHeight,
109
+ lineHeight: '16px',
110
+ marginTop: 1,
111
+ marginBottom: 1
134
112
  },
135
- // hover
136
- '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
137
- '& $clearIcon': {
138
- display: 'inline-block'
139
- },
140
- '&$clearable:not($wrapperEmpty)': {
141
- '& :not($compressedIcon)$arrowIcon': {
142
- display: 'none'
143
- },
144
- '& $compressedIcon': {
145
- display: 'none'
146
- }
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
+ '& $tag': {
129
+ height: selectLargeTagHeight,
130
+ '& *': {
131
+ lineHeight: selectLargeTagHeight
147
132
  }
148
- }),
149
- '&:has($pickerWrapperShow)': {
150
- borderColor: _theme.default.cascaderFocusBorderColor
151
133
  },
152
- // not wrapperFocus
153
- '&:not($wrapperFocus)': {
154
- '& $clearIcon': {
134
+ '& $placeholder,$ellipsis,$space,input': {
135
+ marginTop: _theme.default.cascaderLargePlaceholderMarginY,
136
+ marginBottom: _theme.default.cascaderLargePlaceholderMarginY
137
+ },
138
+ '& $arrowIcon': {
139
+ width: _theme.default.cascaderLargeFontSize
140
+ },
141
+ '& $optionInner': {
142
+ // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
143
+ paddingTop: _theme.default.cascaderLargeOptionInnerPaddingY,
144
+ paddingBottom: _theme.default.cascaderLargeOptionInnerPaddingY,
145
+ paddingLeft: _theme.default.cascaderLargeOptionInnerPaddingX,
146
+ fontSize: _theme.default.cascaderLargeFontSize
147
+ },
148
+ '& $clearIcon': {
149
+ right: _theme.default.cascaderLargePaddingX
150
+ }
151
+ }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
152
+ '& $clearIcon': {
153
+ display: 'inline-block'
154
+ },
155
+ '&$clearable:not($wrapperEmpty)': {
156
+ '& :not($compressedIcon)$arrowIcon': {
157
+ display: 'none'
158
+ },
159
+ '& $compressedIcon': {
155
160
  display: 'none'
156
161
  }
157
162
  }
158
- }),
163
+ })), '&:has($pickerWrapperShow)', {
164
+ borderColor: _theme.default.cascaderFocusBorderColor
165
+ }), '&:not($wrapperFocus)', {
166
+ '& $clearIcon': {
167
+ display: 'none'
168
+ }
169
+ })),
159
170
  virtual: {
160
171
  '& $filterList': {
161
172
  overflow: 'hidden'
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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2hB1C,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;AA+DlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA6iB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/select/select.js CHANGED
@@ -58,6 +58,12 @@ 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, ")");
61
67
  var selectStyle = _objectSpread(_objectSpread({
62
68
  rootClass: {},
63
69
  wrapper: _objectSpread(_objectSpread({
@@ -66,68 +72,76 @@ var selectStyle = _objectSpread(_objectSpread({
66
72
  width: '100%',
67
73
  outline: 'none',
68
74
  cursor: 'pointer'
69
- }, wrapper), {}, {
70
- '&$wrapperInnerTitle': {
71
- '& $placeholder,$ellipsis,$space,input': {
72
- marginTop: 0,
73
- marginBottom: 0
74
- },
75
- '& $tag': {
76
- marginTop: 0,
77
- paddingTop: 0,
78
- paddingBottom: 0,
79
- height: _theme.default.lineHeightDynamic,
80
- border: 'none',
81
- '& *': {
82
- lineHeight: _theme.default.lineHeightDynamic
83
- }
84
- },
85
- '&$wrapperSmall $tag': {
86
- height: 18,
87
- marginBottom: 2,
88
- '&$tag *': {
89
- lineHeight: '18px'
90
- }
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
91
89
  }
92
90
  },
93
- '&$wrapperSmall': {
94
- '& $tag': {
95
- height: 18,
96
- lineHeight: '16px',
97
- marginTop: 1,
98
- marginBottom: 1
99
- },
100
- '& $placeholder,$ellipsis,$space,input': {
101
- marginTop: 0,
102
- marginBottom: 0
91
+ '&$wrapperSmall $tag': {
92
+ height: selectSmallTagHeight,
93
+ marginBottom: 2,
94
+ '&$tag *': {
95
+ lineHeight: selectSmallTagHeight
103
96
  }
104
97
  },
105
- '&$wrapperLarge': {
106
- '& $placeholder,$ellipsis,$space,input': {
107
- marginTop: _theme.default.selectLargePlaceholderMarginY,
108
- marginBottom: _theme.default.selectLargePlaceholderMarginY
109
- },
110
- '& $arrowIcon': {
111
- width: _theme.default.selectLargeFontSize
98
+ '&$wrapperLarge $tag': {
99
+ height: selectLargeTagHeight,
100
+ marginBottom: 2,
101
+ '&$tag *': {
102
+ lineHeight: selectLargeTagHeight
112
103
  }
104
+ }
105
+ }), '&$wrapperSmall', {
106
+ '& $tag': {
107
+ height: selectSmallTagHeight,
108
+ lineHeight: '16px',
109
+ marginTop: 1,
110
+ marginBottom: 1
113
111
  },
114
- '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
115
- cursor: 'pointer',
116
- '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
117
- '& $clearIcon': {
118
- display: 'block'
119
- },
120
- '& $arrowIcon': {
121
- display: 'none'
122
- }
112
+ '& $placeholder,$ellipsis,$space,input': {
113
+ marginTop: 0,
114
+ marginBottom: 0
115
+ }
116
+ }), '&$wrapperLarge', {
117
+ '& $tag': {
118
+ height: selectLargeTagHeight,
119
+ '& *': {
120
+ lineHeight: selectLargeTagHeight
123
121
  }
124
- }),
125
- '&:not($wrapperEmpty):not($wrapperOpen)': {
122
+ },
123
+ '& $placeholder,$ellipsis,$space,input': {
124
+ marginTop: _theme.default.selectLargePlaceholderMarginY,
125
+ marginBottom: _theme.default.selectLargePlaceholderMarginY
126
+ },
127
+ '& $arrowIcon': {
128
+ width: _theme.default.selectLargeFontSize
129
+ }
130
+ }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
131
+ cursor: 'pointer',
132
+ '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
126
133
  '& $clearIcon': {
134
+ display: 'block'
135
+ },
136
+ '& $arrowIcon': {
127
137
  display: 'none'
128
138
  }
129
139
  }
130
- }),
140
+ })), '&:not($wrapperEmpty):not($wrapperOpen)', {
141
+ '& $clearIcon': {
142
+ display: 'none'
143
+ }
144
+ })),
131
145
  wrapperEmpty: {},
132
146
  wrapperOpen: {},
133
147
  wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
package/cjs/tag/tag.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAkJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA2MxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAkJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA4MxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/cjs/tag/tag.js CHANGED
@@ -208,7 +208,8 @@ var TagStyle = {
208
208
  alignItems: 'center',
209
209
  display: 'inline-flex',
210
210
  cursor: 'pointer',
211
- height: _theme.default.lineHeightDynamic
211
+ height: _theme.default.lineHeightDynamic,
212
+ maxHeight: '100%'
212
213
  },
213
214
  closeIconWrapper: {
214
215
  display: 'inline-flex',
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;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2flD,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;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAghBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/cjs/tree-select/tree-select.js CHANGED
@@ -60,6 +60,12 @@ 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, ")");
63
69
  var treeSelectStyle = _objectSpread(_objectSpread({
64
70
  rootClass: {},
65
71
  wrapper: _objectSpread(_objectSpread({
@@ -68,88 +74,96 @@ var treeSelectStyle = _objectSpread(_objectSpread({
68
74
  width: '100%',
69
75
  outline: 'none',
70
76
  cursor: 'pointer'
71
- }, wrapper), {}, {
72
- '&$wrapperInnerTitle': {
73
- '& $placeholder,$ellipsis,$space,input': {
74
- marginTop: 0,
75
- marginBottom: 0
76
- },
77
- '& $tag': {
78
- marginTop: 0,
79
- paddingTop: 0,
80
- paddingBottom: 0,
81
- height: _theme.default.lineHeightDynamic,
82
- border: 'none',
83
- '& *': {
84
- lineHeight: _theme.default.lineHeightDynamic
85
- }
86
- },
87
- '&$wrapperSmall $tag': {
88
- height: 18,
89
- marginBottom: 2,
90
- '&$tag *': {
91
- lineHeight: '18px'
92
- }
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
93
91
  }
94
92
  },
95
- '&$wrapperSmall': {
96
- '& $tag': {
97
- height: 18,
98
- lineHeight: '16px',
99
- marginTop: 1,
100
- marginBottom: 1
101
- },
102
- '& $placeholder,$ellipsis,$space,input': {
103
- marginTop: 0,
104
- marginBottom: 0
105
- },
106
- '& $optionInner': {
107
- paddingTop: _theme.default.treeSelectSmallOptionInnerPaddingY,
108
- paddingBottom: _theme.default.treeSelectSmallOptionInnerPaddingY,
109
- paddingLeft: _theme.default.treeSelectSmallOptionInnerPaddingX,
110
- // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
111
- fontSize: _theme.default.treeSelectSmallFontSize
112
- },
113
- '& $clearIcon': {
114
- right: _theme.default.treeSelectSmallPaddingX
93
+ '&$wrapperSmall $tag': {
94
+ height: selectSmallTagHeight,
95
+ marginBottom: 2,
96
+ '&$tag *': {
97
+ lineHeight: selectSmallTagHeight
115
98
  }
116
99
  },
117
- '&$wrapperLarge': {
118
- '& $placeholder,$ellipsis,$space,input': {
119
- marginTop: _theme.default.treeSelectLargePlaceholderMarginY,
120
- marginBottom: _theme.default.treeSelectLargePlaceholderMarginY
121
- },
122
- '& $optionInner': {
123
- // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
124
- paddingTop: _theme.default.treeSelectLargeOptionInnerPaddingY,
125
- paddingBottom: _theme.default.treeSelectLargeOptionInnerPaddingY,
126
- paddingLeft: _theme.default.treeSelectLargeOptionInnerPaddingX,
127
- fontSize: _theme.default.treeSelectLargeFontSize
128
- },
129
- '& $arrowIcon': {
130
- width: _theme.default.treeSelectLargeFontSize
131
- },
132
- '& $clearIcon': {
133
- right: _theme.default.treeSelectLargePaddingX
100
+ '&$wrapperLarge $tag': {
101
+ height: selectLargeTagHeight,
102
+ marginBottom: 2,
103
+ '&$tag *': {
104
+ lineHeight: selectLargeTagHeight
134
105
  }
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
135
124
  },
136
- '&:hover': {
137
- cursor: 'pointer',
138
- '&$clearable:not($wrapperEmpty)': {
139
- '& $clearIcon': {
140
- display: 'block'
141
- },
142
- '& $arrowIcon': {
143
- display: 'none'
144
- }
125
+ '& $clearIcon': {
126
+ right: _theme.default.treeSelectSmallPaddingX
127
+ }
128
+ }), '&$wrapperLarge', {
129
+ '& $tag': {
130
+ height: selectLargeTagHeight,
131
+ '& *': {
132
+ lineHeight: selectLargeTagHeight
145
133
  }
146
134
  },
147
- '&:not($wrapperEmpty):not($wrapperOpen)': {
135
+ '& $placeholder,$ellipsis,$space,input': {
136
+ marginTop: _theme.default.treeSelectLargePlaceholderMarginY,
137
+ marginBottom: _theme.default.treeSelectLargePlaceholderMarginY
138
+ },
139
+ '& $optionInner': {
140
+ // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
141
+ paddingTop: _theme.default.treeSelectLargeOptionInnerPaddingY,
142
+ paddingBottom: _theme.default.treeSelectLargeOptionInnerPaddingY,
143
+ paddingLeft: _theme.default.treeSelectLargeOptionInnerPaddingX,
144
+ fontSize: _theme.default.treeSelectLargeFontSize
145
+ },
146
+ '& $arrowIcon': {
147
+ width: _theme.default.treeSelectLargeFontSize
148
+ },
149
+ '& $clearIcon': {
150
+ right: _theme.default.treeSelectLargePaddingX
151
+ }
152
+ }), '&:hover', {
153
+ cursor: 'pointer',
154
+ '&$clearable:not($wrapperEmpty)': {
148
155
  '& $clearIcon': {
156
+ display: 'block'
157
+ },
158
+ '& $arrowIcon': {
149
159
  display: 'none'
150
160
  }
151
161
  }
152
- }),
162
+ }), '&:not($wrapperEmpty):not($wrapperOpen)', {
163
+ '& $clearIcon': {
164
+ display: 'none'
165
+ }
166
+ })),
153
167
  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),
154
168
  wrapperEmpty: {},
155
169
  wrapperOpen: {},
@@ -485,6 +499,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
485
499
  color: _theme.default.treeSelectOptionDisabledColor,
486
500
  backgroundColor: _theme.default.treeSelectOptionDisabledBackgroundColor
487
501
  },
502
+ '&&:not([data-active="true"]) > [data-role="text"]': {
503
+ backgroundColor: _theme.default.treeSelectContentDisabledBackgroundColor
504
+ },
488
505
  '&&:not([data-active="true"]) > [data-role="text"]:hover': {
489
506
  backgroundColor: _theme.default.treeSelectContentDisabledHoverBackgroundColor
490
507
  }
package/cjs/upload/upload.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAgZ1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAoZ1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/upload/upload.js CHANGED
@@ -68,7 +68,11 @@ var uploadStyle = {
68
68
  border: "1px dashed ".concat(_theme.default.uploadImageHandlerBorderColor),
69
69
  backgroundColor: _theme.default.uploadImageHandlerBackgroundColor,
70
70
  color: _theme.default.uploadImageHandlerFontColor,
71
- '&:hover, &:hover *': {
71
+ '&:hover, &:hover': {
72
+ borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
73
+ color: _theme.default.uploadImageHandlerHoverFontColor
74
+ },
75
+ '&:hover, &:hover svg': {
72
76
  borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
73
77
  color: _theme.default.uploadImageHandlerHoverFontColor
74
78
  },
@@ -189,7 +193,7 @@ var uploadStyle = {
189
193
  borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
190
194
  color: _theme.default.uploadImageHandlerHoverFontColor
191
195
  },
192
- '$wrapper:not($wrapperDisabled) &:hover *': {
196
+ '$wrapper:not($wrapperDisabled) &:hover svg': {
193
197
  color: "".concat(_theme.default.uploadImageHandlerHoverFontColor, " !important")
194
198
  },
195
199
  '$wrapper:not($wrapperDisabled) &:active, $wrapper:not($wrapperDisabled) &:active *': {
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.8.0-beta.2";
1
+ declare const _default: "3.8.0-beta.4";
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.8.0-beta.2';
7
+ var _default = exports.default = '3.8.0-beta.4';
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;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAkgB9C,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;AA+DtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAohB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/esm/cascader/cascader.js CHANGED
@@ -51,6 +51,12 @@ 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, ")");
54
60
  var cascaderStyle = _objectSpread(_objectSpread({
55
61
  rootClass: {},
56
62
  wrapperEmpty: {},
@@ -60,95 +66,100 @@ var cascaderStyle = _objectSpread(_objectSpread({
60
66
  width: '100%',
61
67
  outline: 'none',
62
68
  cursor: 'pointer'
63
- }, wrapper), {}, {
64
- '&$wrapperInnerTitle': {
65
- '& $placeholder,$ellipsis,$space,input': {
66
- marginTop: 0,
67
- marginBottom: 0
68
- },
69
- '& $tag': {
70
- marginTop: 0,
71
- paddingTop: 0,
72
- paddingBottom: 0,
73
- height: token.lineHeightDynamic,
74
- border: 'none',
75
- '& *': {
76
- lineHeight: token.lineHeightDynamic
77
- }
78
- },
79
- '&$wrapperSmall $tag': {
80
- height: 18,
81
- marginBottom: 2,
82
- '&$tag *': {
83
- lineHeight: '18px'
84
- }
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
85
83
  }
86
84
  },
87
- '&$wrapperSmall': {
88
- '& $tag': {
89
- height: 18,
90
- lineHeight: '16px',
91
- marginTop: 1,
92
- marginBottom: 1
93
- },
94
- '& $placeholder,$ellipsis,$space,input': {
95
- marginTop: 0,
96
- marginBottom: 0
97
- },
98
- '& $optionInner': {
99
- paddingTop: token.cascaderSmallOptionInnerPaddingY,
100
- paddingBottom: token.cascaderSmallOptionInnerPaddingY,
101
- paddingLeft: token.cascaderSmallOptionInnerPaddingX,
102
- // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
103
- fontSize: token.cascaderSmallFontSize
104
- },
105
- '& $clearIcon': {
106
- right: token.cascaderSmallPaddingX
85
+ '&$wrapperSmall $tag': {
86
+ height: selectSmallTagHeight,
87
+ marginBottom: 2,
88
+ '&$tag *': {
89
+ lineHeight: selectSmallTagHeight
107
90
  }
108
91
  },
109
- '&$wrapperLarge': {
110
- '& $placeholder,$ellipsis,$space,input': {
111
- marginTop: token.cascaderLargePlaceholderMarginY,
112
- marginBottom: token.cascaderLargePlaceholderMarginY
113
- },
114
- '& $arrowIcon': {
115
- width: token.cascaderLargeFontSize
116
- },
117
- '& $optionInner': {
118
- // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
119
- paddingTop: token.cascaderLargeOptionInnerPaddingY,
120
- paddingBottom: token.cascaderLargeOptionInnerPaddingY,
121
- paddingLeft: token.cascaderLargeOptionInnerPaddingX,
122
- fontSize: token.cascaderLargeFontSize
123
- },
124
- '& $clearIcon': {
125
- right: token.cascaderLargePaddingX
92
+ '&$wrapperLarge $tag': {
93
+ height: selectLargeTagHeight,
94
+ marginBottom: 2,
95
+ '&$tag *': {
96
+ lineHeight: selectLargeTagHeight
126
97
  }
98
+ }
99
+ }), '&$wrapperSmall', {
100
+ '& $tag': {
101
+ height: selectSmallTagHeight,
102
+ lineHeight: '16px',
103
+ marginTop: 1,
104
+ marginBottom: 1
127
105
  },
128
- // hover
129
- '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
130
- '& $clearIcon': {
131
- display: 'inline-block'
132
- },
133
- '&$clearable:not($wrapperEmpty)': {
134
- '& :not($compressedIcon)$arrowIcon': {
135
- display: 'none'
136
- },
137
- '& $compressedIcon': {
138
- display: 'none'
139
- }
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
+ '& $tag': {
122
+ height: selectLargeTagHeight,
123
+ '& *': {
124
+ lineHeight: selectLargeTagHeight
140
125
  }
141
- }),
142
- '&:has($pickerWrapperShow)': {
143
- borderColor: token.cascaderFocusBorderColor
144
126
  },
145
- // not wrapperFocus
146
- '&:not($wrapperFocus)': {
147
- '& $clearIcon': {
127
+ '& $placeholder,$ellipsis,$space,input': {
128
+ marginTop: token.cascaderLargePlaceholderMarginY,
129
+ marginBottom: token.cascaderLargePlaceholderMarginY
130
+ },
131
+ '& $arrowIcon': {
132
+ width: token.cascaderLargeFontSize
133
+ },
134
+ '& $optionInner': {
135
+ // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
136
+ paddingTop: token.cascaderLargeOptionInnerPaddingY,
137
+ paddingBottom: token.cascaderLargeOptionInnerPaddingY,
138
+ paddingLeft: token.cascaderLargeOptionInnerPaddingX,
139
+ fontSize: token.cascaderLargeFontSize
140
+ },
141
+ '& $clearIcon': {
142
+ right: token.cascaderLargePaddingX
143
+ }
144
+ }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
145
+ '& $clearIcon': {
146
+ display: 'inline-block'
147
+ },
148
+ '&$clearable:not($wrapperEmpty)': {
149
+ '& :not($compressedIcon)$arrowIcon': {
150
+ display: 'none'
151
+ },
152
+ '& $compressedIcon': {
148
153
  display: 'none'
149
154
  }
150
155
  }
151
- }),
156
+ })), '&:has($pickerWrapperShow)', {
157
+ borderColor: token.cascaderFocusBorderColor
158
+ }), '&:not($wrapperFocus)', {
159
+ '& $clearIcon': {
160
+ display: 'none'
161
+ }
162
+ })),
152
163
  virtual: {
153
164
  '& $filterList': {
154
165
  overflow: 'hidden'
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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2hB1C,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;AA+DlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA6iB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/select/select.js CHANGED
@@ -51,6 +51,12 @@ 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, ")");
54
60
  var selectStyle = _objectSpread(_objectSpread({
55
61
  rootClass: {},
56
62
  wrapper: _objectSpread(_objectSpread({
@@ -59,68 +65,76 @@ var selectStyle = _objectSpread(_objectSpread({
59
65
  width: '100%',
60
66
  outline: 'none',
61
67
  cursor: 'pointer'
62
- }, wrapper), {}, {
63
- '&$wrapperInnerTitle': {
64
- '& $placeholder,$ellipsis,$space,input': {
65
- marginTop: 0,
66
- marginBottom: 0
67
- },
68
- '& $tag': {
69
- marginTop: 0,
70
- paddingTop: 0,
71
- paddingBottom: 0,
72
- height: token.lineHeightDynamic,
73
- border: 'none',
74
- '& *': {
75
- lineHeight: token.lineHeightDynamic
76
- }
77
- },
78
- '&$wrapperSmall $tag': {
79
- height: 18,
80
- marginBottom: 2,
81
- '&$tag *': {
82
- lineHeight: '18px'
83
- }
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
84
82
  }
85
83
  },
86
- '&$wrapperSmall': {
87
- '& $tag': {
88
- height: 18,
89
- lineHeight: '16px',
90
- marginTop: 1,
91
- marginBottom: 1
92
- },
93
- '& $placeholder,$ellipsis,$space,input': {
94
- marginTop: 0,
95
- marginBottom: 0
84
+ '&$wrapperSmall $tag': {
85
+ height: selectSmallTagHeight,
86
+ marginBottom: 2,
87
+ '&$tag *': {
88
+ lineHeight: selectSmallTagHeight
96
89
  }
97
90
  },
98
- '&$wrapperLarge': {
99
- '& $placeholder,$ellipsis,$space,input': {
100
- marginTop: token.selectLargePlaceholderMarginY,
101
- marginBottom: token.selectLargePlaceholderMarginY
102
- },
103
- '& $arrowIcon': {
104
- width: token.selectLargeFontSize
91
+ '&$wrapperLarge $tag': {
92
+ height: selectLargeTagHeight,
93
+ marginBottom: 2,
94
+ '&$tag *': {
95
+ lineHeight: selectLargeTagHeight
105
96
  }
97
+ }
98
+ }), '&$wrapperSmall', {
99
+ '& $tag': {
100
+ height: selectSmallTagHeight,
101
+ lineHeight: '16px',
102
+ marginTop: 1,
103
+ marginBottom: 1
106
104
  },
107
- '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
108
- cursor: 'pointer',
109
- '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
110
- '& $clearIcon': {
111
- display: 'block'
112
- },
113
- '& $arrowIcon': {
114
- display: 'none'
115
- }
105
+ '& $placeholder,$ellipsis,$space,input': {
106
+ marginTop: 0,
107
+ marginBottom: 0
108
+ }
109
+ }), '&$wrapperLarge', {
110
+ '& $tag': {
111
+ height: selectLargeTagHeight,
112
+ '& *': {
113
+ lineHeight: selectLargeTagHeight
116
114
  }
117
- }),
118
- '&:not($wrapperEmpty):not($wrapperOpen)': {
115
+ },
116
+ '& $placeholder,$ellipsis,$space,input': {
117
+ marginTop: token.selectLargePlaceholderMarginY,
118
+ marginBottom: token.selectLargePlaceholderMarginY
119
+ },
120
+ '& $arrowIcon': {
121
+ width: token.selectLargeFontSize
122
+ }
123
+ }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
124
+ cursor: 'pointer',
125
+ '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
119
126
  '& $clearIcon': {
127
+ display: 'block'
128
+ },
129
+ '& $arrowIcon': {
120
130
  display: 'none'
121
131
  }
122
132
  }
123
- }),
133
+ })), '&:not($wrapperEmpty):not($wrapperOpen)', {
134
+ '& $clearIcon': {
135
+ display: 'none'
136
+ }
137
+ })),
124
138
  wrapperEmpty: {},
125
139
  wrapperOpen: {},
126
140
  wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
package/esm/tag/tag.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAkJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA2MxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAkJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA4MxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/esm/tag/tag.js CHANGED
@@ -201,7 +201,8 @@ var TagStyle = {
201
201
  alignItems: 'center',
202
202
  display: 'inline-flex',
203
203
  cursor: 'pointer',
204
- height: Token.lineHeightDynamic
204
+ height: Token.lineHeightDynamic,
205
+ maxHeight: '100%'
205
206
  },
206
207
  closeIconWrapper: {
207
208
  display: 'inline-flex',
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;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2flD,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;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAghBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/esm/tree-select/tree-select.js CHANGED
@@ -51,6 +51,12 @@ 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, ")");
54
60
  var treeSelectStyle = _objectSpread(_objectSpread({
55
61
  rootClass: {},
56
62
  wrapper: _objectSpread(_objectSpread({
@@ -59,88 +65,96 @@ var treeSelectStyle = _objectSpread(_objectSpread({
59
65
  width: '100%',
60
66
  outline: 'none',
61
67
  cursor: 'pointer'
62
- }, wrapper), {}, {
63
- '&$wrapperInnerTitle': {
64
- '& $placeholder,$ellipsis,$space,input': {
65
- marginTop: 0,
66
- marginBottom: 0
67
- },
68
- '& $tag': {
69
- marginTop: 0,
70
- paddingTop: 0,
71
- paddingBottom: 0,
72
- height: token.lineHeightDynamic,
73
- border: 'none',
74
- '& *': {
75
- lineHeight: token.lineHeightDynamic
76
- }
77
- },
78
- '&$wrapperSmall $tag': {
79
- height: 18,
80
- marginBottom: 2,
81
- '&$tag *': {
82
- lineHeight: '18px'
83
- }
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
84
82
  }
85
83
  },
86
- '&$wrapperSmall': {
87
- '& $tag': {
88
- height: 18,
89
- lineHeight: '16px',
90
- marginTop: 1,
91
- marginBottom: 1
92
- },
93
- '& $placeholder,$ellipsis,$space,input': {
94
- marginTop: 0,
95
- marginBottom: 0
96
- },
97
- '& $optionInner': {
98
- paddingTop: token.treeSelectSmallOptionInnerPaddingY,
99
- paddingBottom: token.treeSelectSmallOptionInnerPaddingY,
100
- paddingLeft: token.treeSelectSmallOptionInnerPaddingX,
101
- // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
102
- fontSize: token.treeSelectSmallFontSize
103
- },
104
- '& $clearIcon': {
105
- right: token.treeSelectSmallPaddingX
84
+ '&$wrapperSmall $tag': {
85
+ height: selectSmallTagHeight,
86
+ marginBottom: 2,
87
+ '&$tag *': {
88
+ lineHeight: selectSmallTagHeight
106
89
  }
107
90
  },
108
- '&$wrapperLarge': {
109
- '& $placeholder,$ellipsis,$space,input': {
110
- marginTop: token.treeSelectLargePlaceholderMarginY,
111
- marginBottom: token.treeSelectLargePlaceholderMarginY
112
- },
113
- '& $optionInner': {
114
- // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
115
- paddingTop: token.treeSelectLargeOptionInnerPaddingY,
116
- paddingBottom: token.treeSelectLargeOptionInnerPaddingY,
117
- paddingLeft: token.treeSelectLargeOptionInnerPaddingX,
118
- fontSize: token.treeSelectLargeFontSize
119
- },
120
- '& $arrowIcon': {
121
- width: token.treeSelectLargeFontSize
122
- },
123
- '& $clearIcon': {
124
- right: token.treeSelectLargePaddingX
91
+ '&$wrapperLarge $tag': {
92
+ height: selectLargeTagHeight,
93
+ marginBottom: 2,
94
+ '&$tag *': {
95
+ lineHeight: selectLargeTagHeight
125
96
  }
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
126
115
  },
127
- '&:hover': {
128
- cursor: 'pointer',
129
- '&$clearable:not($wrapperEmpty)': {
130
- '& $clearIcon': {
131
- display: 'block'
132
- },
133
- '& $arrowIcon': {
134
- display: 'none'
135
- }
116
+ '& $clearIcon': {
117
+ right: token.treeSelectSmallPaddingX
118
+ }
119
+ }), '&$wrapperLarge', {
120
+ '& $tag': {
121
+ height: selectLargeTagHeight,
122
+ '& *': {
123
+ lineHeight: selectLargeTagHeight
136
124
  }
137
125
  },
138
- '&:not($wrapperEmpty):not($wrapperOpen)': {
126
+ '& $placeholder,$ellipsis,$space,input': {
127
+ marginTop: token.treeSelectLargePlaceholderMarginY,
128
+ marginBottom: token.treeSelectLargePlaceholderMarginY
129
+ },
130
+ '& $optionInner': {
131
+ // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
132
+ paddingTop: token.treeSelectLargeOptionInnerPaddingY,
133
+ paddingBottom: token.treeSelectLargeOptionInnerPaddingY,
134
+ paddingLeft: token.treeSelectLargeOptionInnerPaddingX,
135
+ fontSize: token.treeSelectLargeFontSize
136
+ },
137
+ '& $arrowIcon': {
138
+ width: token.treeSelectLargeFontSize
139
+ },
140
+ '& $clearIcon': {
141
+ right: token.treeSelectLargePaddingX
142
+ }
143
+ }), '&:hover', {
144
+ cursor: 'pointer',
145
+ '&$clearable:not($wrapperEmpty)': {
139
146
  '& $clearIcon': {
147
+ display: 'block'
148
+ },
149
+ '& $arrowIcon': {
140
150
  display: 'none'
141
151
  }
142
152
  }
143
- }),
153
+ }), '&:not($wrapperEmpty):not($wrapperOpen)', {
154
+ '& $clearIcon': {
155
+ display: 'none'
156
+ }
157
+ })),
144
158
  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),
145
159
  wrapperEmpty: {},
146
160
  wrapperOpen: {},
@@ -476,6 +490,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
476
490
  color: token.treeSelectOptionDisabledColor,
477
491
  backgroundColor: token.treeSelectOptionDisabledBackgroundColor
478
492
  },
493
+ '&&:not([data-active="true"]) > [data-role="text"]': {
494
+ backgroundColor: token.treeSelectContentDisabledBackgroundColor
495
+ },
479
496
  '&&:not([data-active="true"]) > [data-role="text"]:hover': {
480
497
  backgroundColor: token.treeSelectContentDisabledHoverBackgroundColor
481
498
  }
package/esm/upload/upload.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAgZ1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAoZ1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/upload/upload.js CHANGED
@@ -61,7 +61,11 @@ var uploadStyle = {
61
61
  border: "1px dashed ".concat(token.uploadImageHandlerBorderColor),
62
62
  backgroundColor: token.uploadImageHandlerBackgroundColor,
63
63
  color: token.uploadImageHandlerFontColor,
64
- '&:hover, &:hover *': {
64
+ '&:hover, &:hover': {
65
+ borderColor: token.uploadImageHandlerHoverBorderColor,
66
+ color: token.uploadImageHandlerHoverFontColor
67
+ },
68
+ '&:hover, &:hover svg': {
65
69
  borderColor: token.uploadImageHandlerHoverBorderColor,
66
70
  color: token.uploadImageHandlerHoverFontColor
67
71
  },
@@ -182,7 +186,7 @@ var uploadStyle = {
182
186
  borderColor: token.uploadImageHandlerHoverBorderColor,
183
187
  color: token.uploadImageHandlerHoverFontColor
184
188
  },
185
- '$wrapper:not($wrapperDisabled) &:hover *': {
189
+ '$wrapper:not($wrapperDisabled) &:hover svg': {
186
190
  color: "".concat(token.uploadImageHandlerHoverFontColor, " !important")
187
191
  },
188
192
  '$wrapper:not($wrapperDisabled) &:active, $wrapper:not($wrapperDisabled) &:active *': {
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.8.0-beta.2";
1
+ declare const _default: "3.8.0-beta.4";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.8.0-beta.2';
1
+ export default '3.8.0-beta.4';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.8.0-beta.2",
3
+ "version": "3.8.0-beta.4",
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.8.0-beta.2",
21
- "@sheinx/base": "3.8.0-beta.2"
20
+ "@sheinx/theme": "3.8.0-beta.4",
21
+ "@sheinx/base": "3.8.0-beta.4"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"