@sheinx/shineout-style 3.7.2-beta.1 → 3.7.2-beta.2

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 +88 -78
  3. package/cjs/select/select.d.ts.map +1 -1
  4. package/cjs/select/select.js +64 -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 +86 -70
  9. package/cjs/upload/upload.d.ts.map +1 -1
  10. package/cjs/upload/upload.js +21 -11
  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 +88 -78
  15. package/esm/select/select.d.ts.map +1 -1
  16. package/esm/select/select.js +64 -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 +86 -70
  21. package/esm/upload/upload.d.ts.map +1 -1
  22. package/esm/upload/upload.js +21 -11
  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,CAmhB9C,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,99 @@ 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
+ paddingTop: 0,
84
+ paddingBottom: 0,
85
+ height: selectTagHeight,
86
+ border: 'none',
87
+ '& *': {
88
+ lineHeight: selectTagHeight
92
89
  }
93
90
  },
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
91
+ '&$wrapperSmall $tag': {
92
+ height: selectSmallTagHeight,
93
+ marginBottom: 2,
94
+ '&$tag *': {
95
+ lineHeight: selectSmallTagHeight
114
96
  }
115
97
  },
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
98
+ '&$wrapperLarge $tag': {
99
+ height: selectLargeTagHeight,
100
+ marginBottom: 2,
101
+ '&$tag *': {
102
+ lineHeight: selectLargeTagHeight
133
103
  }
104
+ }
105
+ }), '&$wrapperSmall', {
106
+ '& $tag': {
107
+ height: selectSmallTagHeight,
108
+ lineHeight: '16px',
109
+ marginTop: 1,
110
+ marginBottom: 1
134
111
  },
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
- }
112
+ '& $placeholder,$ellipsis,$space,input': {
113
+ marginTop: 0,
114
+ marginBottom: 0
115
+ },
116
+ '& $optionInner': {
117
+ paddingTop: _theme.default.cascaderSmallOptionInnerPaddingY,
118
+ paddingBottom: _theme.default.cascaderSmallOptionInnerPaddingY,
119
+ paddingLeft: _theme.default.cascaderSmallOptionInnerPaddingX,
120
+ // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
121
+ fontSize: _theme.default.cascaderSmallFontSize
122
+ },
123
+ '& $clearIcon': {
124
+ right: _theme.default.cascaderSmallPaddingX
125
+ }
126
+ }), '&$wrapperLarge', {
127
+ '& $tag': {
128
+ height: selectLargeTagHeight,
129
+ '& *': {
130
+ lineHeight: selectLargeTagHeight
147
131
  }
148
- }),
149
- '&:has($pickerWrapperShow)': {
150
- borderColor: _theme.default.cascaderFocusBorderColor
151
132
  },
152
- // not wrapperFocus
153
- '&:not($wrapperFocus)': {
154
- '& $clearIcon': {
133
+ '& $placeholder,$ellipsis,$space,input': {
134
+ marginTop: _theme.default.cascaderLargePlaceholderMarginY,
135
+ marginBottom: _theme.default.cascaderLargePlaceholderMarginY
136
+ },
137
+ '& $arrowIcon': {
138
+ width: _theme.default.cascaderLargeFontSize
139
+ },
140
+ '& $optionInner': {
141
+ // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
142
+ paddingTop: _theme.default.cascaderLargeOptionInnerPaddingY,
143
+ paddingBottom: _theme.default.cascaderLargeOptionInnerPaddingY,
144
+ paddingLeft: _theme.default.cascaderLargeOptionInnerPaddingX,
145
+ fontSize: _theme.default.cascaderLargeFontSize
146
+ },
147
+ '& $clearIcon': {
148
+ right: _theme.default.cascaderLargePaddingX
149
+ }
150
+ }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
151
+ '& $clearIcon': {
152
+ display: 'inline-block'
153
+ },
154
+ '&$clearable:not($wrapperEmpty)': {
155
+ '& :not($compressedIcon)$arrowIcon': {
156
+ display: 'none'
157
+ },
158
+ '& $compressedIcon': {
155
159
  display: 'none'
156
160
  }
157
161
  }
158
- }),
162
+ })), '&:has($pickerWrapperShow)', {
163
+ borderColor: _theme.default.cascaderFocusBorderColor
164
+ }), '&:not($wrapperFocus)', {
165
+ '& $clearIcon': {
166
+ display: 'none'
167
+ }
168
+ })),
159
169
  virtual: {
160
170
  '& $filterList': {
161
171
  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,CA4iB1C,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,75 @@ 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
+ paddingTop: 0,
83
+ paddingBottom: 0,
84
+ height: selectTagHeight,
85
+ border: 'none',
86
+ '& *': {
87
+ lineHeight: selectTagHeight
91
88
  }
92
89
  },
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
90
+ '&$wrapperSmall $tag': {
91
+ height: selectSmallTagHeight,
92
+ marginBottom: 2,
93
+ '&$tag *': {
94
+ lineHeight: selectSmallTagHeight
103
95
  }
104
96
  },
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
97
+ '&$wrapperLarge $tag': {
98
+ height: selectLargeTagHeight,
99
+ marginBottom: 2,
100
+ '&$tag *': {
101
+ lineHeight: selectLargeTagHeight
112
102
  }
103
+ }
104
+ }), '&$wrapperSmall', {
105
+ '& $tag': {
106
+ height: selectSmallTagHeight,
107
+ lineHeight: '16px',
108
+ marginTop: 1,
109
+ marginBottom: 1
113
110
  },
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
- }
111
+ '& $placeholder,$ellipsis,$space,input': {
112
+ marginTop: 0,
113
+ marginBottom: 0
114
+ }
115
+ }), '&$wrapperLarge', {
116
+ '& $tag': {
117
+ height: selectLargeTagHeight,
118
+ '& *': {
119
+ lineHeight: selectLargeTagHeight
123
120
  }
124
- }),
125
- '&:not($wrapperEmpty):not($wrapperOpen)': {
121
+ },
122
+ '& $placeholder,$ellipsis,$space,input': {
123
+ marginTop: _theme.default.selectLargePlaceholderMarginY,
124
+ marginBottom: _theme.default.selectLargePlaceholderMarginY
125
+ },
126
+ '& $arrowIcon': {
127
+ width: _theme.default.selectLargeFontSize
128
+ }
129
+ }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
130
+ cursor: 'pointer',
131
+ '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
126
132
  '& $clearIcon': {
133
+ display: 'block'
134
+ },
135
+ '& $arrowIcon': {
127
136
  display: 'none'
128
137
  }
129
138
  }
130
- }),
139
+ })), '&:not($wrapperEmpty):not($wrapperOpen)', {
140
+ '& $clearIcon': {
141
+ display: 'none'
142
+ }
143
+ })),
131
144
  wrapperEmpty: {},
132
145
  wrapperOpen: {},
133
146
  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,CA+gBlD,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,95 @@ 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
+ paddingTop: 0,
85
+ paddingBottom: 0,
86
+ height: selectTagHeight,
87
+ border: 'none',
88
+ '& *': {
89
+ lineHeight: selectTagHeight
93
90
  }
94
91
  },
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
92
+ '&$wrapperSmall $tag': {
93
+ height: selectSmallTagHeight,
94
+ marginBottom: 2,
95
+ '&$tag *': {
96
+ lineHeight: selectSmallTagHeight
115
97
  }
116
98
  },
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
99
+ '&$wrapperLarge $tag': {
100
+ height: selectLargeTagHeight,
101
+ marginBottom: 2,
102
+ '&$tag *': {
103
+ lineHeight: selectLargeTagHeight
134
104
  }
105
+ }
106
+ }), '&$wrapperSmall', {
107
+ '& $tag': {
108
+ height: selectSmallTagHeight,
109
+ lineHeight: '16px',
110
+ marginTop: 1,
111
+ marginBottom: 1
112
+ },
113
+ '& $placeholder,$ellipsis,$space,input': {
114
+ marginTop: 0,
115
+ marginBottom: 0
116
+ },
117
+ '& $optionInner': {
118
+ paddingTop: _theme.default.treeSelectSmallOptionInnerPaddingY,
119
+ paddingBottom: _theme.default.treeSelectSmallOptionInnerPaddingY,
120
+ paddingLeft: _theme.default.treeSelectSmallOptionInnerPaddingX,
121
+ // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
122
+ fontSize: _theme.default.treeSelectSmallFontSize
135
123
  },
136
- '&:hover': {
137
- cursor: 'pointer',
138
- '&$clearable:not($wrapperEmpty)': {
139
- '& $clearIcon': {
140
- display: 'block'
141
- },
142
- '& $arrowIcon': {
143
- display: 'none'
144
- }
124
+ '& $clearIcon': {
125
+ right: _theme.default.treeSelectSmallPaddingX
126
+ }
127
+ }), '&$wrapperLarge', {
128
+ '& $tag': {
129
+ height: selectLargeTagHeight,
130
+ '& *': {
131
+ lineHeight: selectLargeTagHeight
145
132
  }
146
133
  },
147
- '&:not($wrapperEmpty):not($wrapperOpen)': {
134
+ '& $placeholder,$ellipsis,$space,input': {
135
+ marginTop: _theme.default.treeSelectLargePlaceholderMarginY,
136
+ marginBottom: _theme.default.treeSelectLargePlaceholderMarginY
137
+ },
138
+ '& $optionInner': {
139
+ // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
140
+ paddingTop: _theme.default.treeSelectLargeOptionInnerPaddingY,
141
+ paddingBottom: _theme.default.treeSelectLargeOptionInnerPaddingY,
142
+ paddingLeft: _theme.default.treeSelectLargeOptionInnerPaddingX,
143
+ fontSize: _theme.default.treeSelectLargeFontSize
144
+ },
145
+ '& $arrowIcon': {
146
+ width: _theme.default.treeSelectLargeFontSize
147
+ },
148
+ '& $clearIcon': {
149
+ right: _theme.default.treeSelectLargePaddingX
150
+ }
151
+ }), '&:hover', {
152
+ cursor: 'pointer',
153
+ '&$clearable:not($wrapperEmpty)': {
148
154
  '& $clearIcon': {
155
+ display: 'block'
156
+ },
157
+ '& $arrowIcon': {
149
158
  display: 'none'
150
159
  }
151
160
  }
152
- }),
161
+ }), '&:not($wrapperEmpty):not($wrapperOpen)', {
162
+ '& $clearIcon': {
163
+ display: 'none'
164
+ }
165
+ })),
153
166
  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
167
  wrapperEmpty: {},
155
168
  wrapperOpen: {},
@@ -485,6 +498,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
485
498
  color: _theme.default.treeSelectOptionDisabledColor,
486
499
  backgroundColor: _theme.default.treeSelectOptionDisabledBackgroundColor
487
500
  },
501
+ '&&:not([data-active="true"]) > [data-role="text"]': {
502
+ backgroundColor: _theme.default.treeSelectContentDisabledBackgroundColor
503
+ },
488
504
  '&&:not([data-active="true"]) > [data-role="text"]:hover': {
489
505
  backgroundColor: _theme.default.treeSelectContentDisabledHoverBackgroundColor
490
506
  }
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,CAsY1C,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,CAgZ1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/upload/upload.js CHANGED
@@ -93,7 +93,7 @@ var uploadStyle = {
93
93
  display: 'flex',
94
94
  gap: '8px',
95
95
  borderRadius: _theme.default.uploadResultBorderRadius,
96
- padding: "".concat(_theme.default.uploadResultPaddingY, " ").concat(_theme.default.uploadResultPaddingX),
96
+ padding: "".concat(_theme.default.uploadResultPaddingY, " ").concat(_theme.default.uploadResultPaddingX2, " ").concat(_theme.default.uploadResultPaddingY, " ").concat(_theme.default.uploadResultPaddingX1),
97
97
  '&:hover': {
98
98
  backgroundColor: _theme.default.uploadResultBackgroundColor
99
99
  },
@@ -125,11 +125,6 @@ var uploadStyle = {
125
125
  resultSuccess: {},
126
126
  resultUploading: {},
127
127
  resultDeleted: {},
128
- resultStatusIcon: {
129
- '$resultSuccess &': {
130
- color: _theme.default.uploadResultSuccessIconColor
131
- }
132
- },
133
128
  resultTextFooter: {
134
129
  display: 'flex',
135
130
  gap: _theme.default.uploadResultGap,
@@ -143,7 +138,7 @@ var uploadStyle = {
143
138
  gap: _theme.default.uploadResultGap,
144
139
  fontSize: _theme.default.uploadResultFontSize,
145
140
  color: _theme.default.uploadResultFontColor,
146
- lineHeight: _theme.default.lineHeightDynamic,
141
+ lineHeight: _theme.default.lineHeightDynamicMin,
147
142
  '$resultError &': {
148
143
  color: _theme.default.uploadResultErrorFontColor
149
144
  },
@@ -158,12 +153,27 @@ var uploadStyle = {
158
153
  },
159
154
  resultClose: {
160
155
  cursor: 'pointer',
161
- '&$icon': {
162
- boxSizing: 'content-box',
163
- padding: '0 4px',
164
- height: _theme.default.lineHeightDynamic
156
+ boxSizing: 'content-box',
157
+ padding: '0 4px',
158
+ height: _theme.default.lineHeightDynamic,
159
+ '&$icon:not($resultErrorClose)': {
160
+ display: 'none',
161
+ '$result:hover &': {
162
+ display: 'flex'
163
+ }
165
164
  }
166
165
  },
166
+ resultErrorClose: {
167
+ color: _theme.default.uploadResultErrorFontColor,
168
+ '&$iconHover:hover': {
169
+ color: _theme.default.uploadResultErrorFontColor
170
+ }
171
+ },
172
+ resultProgressText: {
173
+ width: '2em',
174
+ textAlign: 'right',
175
+ whiteSpace: 'nowrap'
176
+ },
167
177
  imageHandler: {
168
178
  boxSizing: 'border-box',
169
179
  display: 'inline-flex',
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.7.2-beta.1";
1
+ declare const _default: "3.7.2-beta.2";
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.7.2-beta.1';
7
+ var _default = exports.default = '3.7.2-beta.2';
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,CAmhB9C,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,99 @@ 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
+ paddingTop: 0,
77
+ paddingBottom: 0,
78
+ height: selectTagHeight,
79
+ border: 'none',
80
+ '& *': {
81
+ lineHeight: selectTagHeight
85
82
  }
86
83
  },
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
84
+ '&$wrapperSmall $tag': {
85
+ height: selectSmallTagHeight,
86
+ marginBottom: 2,
87
+ '&$tag *': {
88
+ lineHeight: selectSmallTagHeight
107
89
  }
108
90
  },
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
91
+ '&$wrapperLarge $tag': {
92
+ height: selectLargeTagHeight,
93
+ marginBottom: 2,
94
+ '&$tag *': {
95
+ lineHeight: selectLargeTagHeight
126
96
  }
97
+ }
98
+ }), '&$wrapperSmall', {
99
+ '& $tag': {
100
+ height: selectSmallTagHeight,
101
+ lineHeight: '16px',
102
+ marginTop: 1,
103
+ marginBottom: 1
127
104
  },
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
- }
105
+ '& $placeholder,$ellipsis,$space,input': {
106
+ marginTop: 0,
107
+ marginBottom: 0
108
+ },
109
+ '& $optionInner': {
110
+ paddingTop: token.cascaderSmallOptionInnerPaddingY,
111
+ paddingBottom: token.cascaderSmallOptionInnerPaddingY,
112
+ paddingLeft: token.cascaderSmallOptionInnerPaddingX,
113
+ // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
114
+ fontSize: token.cascaderSmallFontSize
115
+ },
116
+ '& $clearIcon': {
117
+ right: token.cascaderSmallPaddingX
118
+ }
119
+ }), '&$wrapperLarge', {
120
+ '& $tag': {
121
+ height: selectLargeTagHeight,
122
+ '& *': {
123
+ lineHeight: selectLargeTagHeight
140
124
  }
141
- }),
142
- '&:has($pickerWrapperShow)': {
143
- borderColor: token.cascaderFocusBorderColor
144
125
  },
145
- // not wrapperFocus
146
- '&:not($wrapperFocus)': {
147
- '& $clearIcon': {
126
+ '& $placeholder,$ellipsis,$space,input': {
127
+ marginTop: token.cascaderLargePlaceholderMarginY,
128
+ marginBottom: token.cascaderLargePlaceholderMarginY
129
+ },
130
+ '& $arrowIcon': {
131
+ width: token.cascaderLargeFontSize
132
+ },
133
+ '& $optionInner': {
134
+ // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
135
+ paddingTop: token.cascaderLargeOptionInnerPaddingY,
136
+ paddingBottom: token.cascaderLargeOptionInnerPaddingY,
137
+ paddingLeft: token.cascaderLargeOptionInnerPaddingX,
138
+ fontSize: token.cascaderLargeFontSize
139
+ },
140
+ '& $clearIcon': {
141
+ right: token.cascaderLargePaddingX
142
+ }
143
+ }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
144
+ '& $clearIcon': {
145
+ display: 'inline-block'
146
+ },
147
+ '&$clearable:not($wrapperEmpty)': {
148
+ '& :not($compressedIcon)$arrowIcon': {
149
+ display: 'none'
150
+ },
151
+ '& $compressedIcon': {
148
152
  display: 'none'
149
153
  }
150
154
  }
151
- }),
155
+ })), '&:has($pickerWrapperShow)', {
156
+ borderColor: token.cascaderFocusBorderColor
157
+ }), '&:not($wrapperFocus)', {
158
+ '& $clearIcon': {
159
+ display: 'none'
160
+ }
161
+ })),
152
162
  virtual: {
153
163
  '& $filterList': {
154
164
  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,CA4iB1C,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,75 @@ 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
+ paddingTop: 0,
76
+ paddingBottom: 0,
77
+ height: selectTagHeight,
78
+ border: 'none',
79
+ '& *': {
80
+ lineHeight: selectTagHeight
84
81
  }
85
82
  },
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
83
+ '&$wrapperSmall $tag': {
84
+ height: selectSmallTagHeight,
85
+ marginBottom: 2,
86
+ '&$tag *': {
87
+ lineHeight: selectSmallTagHeight
96
88
  }
97
89
  },
98
- '&$wrapperLarge': {
99
- '& $placeholder,$ellipsis,$space,input': {
100
- marginTop: token.selectLargePlaceholderMarginY,
101
- marginBottom: token.selectLargePlaceholderMarginY
102
- },
103
- '& $arrowIcon': {
104
- width: token.selectLargeFontSize
90
+ '&$wrapperLarge $tag': {
91
+ height: selectLargeTagHeight,
92
+ marginBottom: 2,
93
+ '&$tag *': {
94
+ lineHeight: selectLargeTagHeight
105
95
  }
96
+ }
97
+ }), '&$wrapperSmall', {
98
+ '& $tag': {
99
+ height: selectSmallTagHeight,
100
+ lineHeight: '16px',
101
+ marginTop: 1,
102
+ marginBottom: 1
106
103
  },
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
- }
104
+ '& $placeholder,$ellipsis,$space,input': {
105
+ marginTop: 0,
106
+ marginBottom: 0
107
+ }
108
+ }), '&$wrapperLarge', {
109
+ '& $tag': {
110
+ height: selectLargeTagHeight,
111
+ '& *': {
112
+ lineHeight: selectLargeTagHeight
116
113
  }
117
- }),
118
- '&:not($wrapperEmpty):not($wrapperOpen)': {
114
+ },
115
+ '& $placeholder,$ellipsis,$space,input': {
116
+ marginTop: token.selectLargePlaceholderMarginY,
117
+ marginBottom: token.selectLargePlaceholderMarginY
118
+ },
119
+ '& $arrowIcon': {
120
+ width: token.selectLargeFontSize
121
+ }
122
+ }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
123
+ cursor: 'pointer',
124
+ '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
119
125
  '& $clearIcon': {
126
+ display: 'block'
127
+ },
128
+ '& $arrowIcon': {
120
129
  display: 'none'
121
130
  }
122
131
  }
123
- }),
132
+ })), '&:not($wrapperEmpty):not($wrapperOpen)', {
133
+ '& $clearIcon': {
134
+ display: 'none'
135
+ }
136
+ })),
124
137
  wrapperEmpty: {},
125
138
  wrapperOpen: {},
126
139
  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,CA+gBlD,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,95 @@ 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
+ paddingTop: 0,
76
+ paddingBottom: 0,
77
+ height: selectTagHeight,
78
+ border: 'none',
79
+ '& *': {
80
+ lineHeight: selectTagHeight
84
81
  }
85
82
  },
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
83
+ '&$wrapperSmall $tag': {
84
+ height: selectSmallTagHeight,
85
+ marginBottom: 2,
86
+ '&$tag *': {
87
+ lineHeight: selectSmallTagHeight
106
88
  }
107
89
  },
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
90
+ '&$wrapperLarge $tag': {
91
+ height: selectLargeTagHeight,
92
+ marginBottom: 2,
93
+ '&$tag *': {
94
+ lineHeight: selectLargeTagHeight
125
95
  }
96
+ }
97
+ }), '&$wrapperSmall', {
98
+ '& $tag': {
99
+ height: selectSmallTagHeight,
100
+ lineHeight: '16px',
101
+ marginTop: 1,
102
+ marginBottom: 1
103
+ },
104
+ '& $placeholder,$ellipsis,$space,input': {
105
+ marginTop: 0,
106
+ marginBottom: 0
107
+ },
108
+ '& $optionInner': {
109
+ paddingTop: token.treeSelectSmallOptionInnerPaddingY,
110
+ paddingBottom: token.treeSelectSmallOptionInnerPaddingY,
111
+ paddingLeft: token.treeSelectSmallOptionInnerPaddingX,
112
+ // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
113
+ fontSize: token.treeSelectSmallFontSize
126
114
  },
127
- '&:hover': {
128
- cursor: 'pointer',
129
- '&$clearable:not($wrapperEmpty)': {
130
- '& $clearIcon': {
131
- display: 'block'
132
- },
133
- '& $arrowIcon': {
134
- display: 'none'
135
- }
115
+ '& $clearIcon': {
116
+ right: token.treeSelectSmallPaddingX
117
+ }
118
+ }), '&$wrapperLarge', {
119
+ '& $tag': {
120
+ height: selectLargeTagHeight,
121
+ '& *': {
122
+ lineHeight: selectLargeTagHeight
136
123
  }
137
124
  },
138
- '&:not($wrapperEmpty):not($wrapperOpen)': {
125
+ '& $placeholder,$ellipsis,$space,input': {
126
+ marginTop: token.treeSelectLargePlaceholderMarginY,
127
+ marginBottom: token.treeSelectLargePlaceholderMarginY
128
+ },
129
+ '& $optionInner': {
130
+ // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
131
+ paddingTop: token.treeSelectLargeOptionInnerPaddingY,
132
+ paddingBottom: token.treeSelectLargeOptionInnerPaddingY,
133
+ paddingLeft: token.treeSelectLargeOptionInnerPaddingX,
134
+ fontSize: token.treeSelectLargeFontSize
135
+ },
136
+ '& $arrowIcon': {
137
+ width: token.treeSelectLargeFontSize
138
+ },
139
+ '& $clearIcon': {
140
+ right: token.treeSelectLargePaddingX
141
+ }
142
+ }), '&:hover', {
143
+ cursor: 'pointer',
144
+ '&$clearable:not($wrapperEmpty)': {
139
145
  '& $clearIcon': {
146
+ display: 'block'
147
+ },
148
+ '& $arrowIcon': {
140
149
  display: 'none'
141
150
  }
142
151
  }
143
- }),
152
+ }), '&:not($wrapperEmpty):not($wrapperOpen)', {
153
+ '& $clearIcon': {
154
+ display: 'none'
155
+ }
156
+ })),
144
157
  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
158
  wrapperEmpty: {},
146
159
  wrapperOpen: {},
@@ -476,6 +489,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
476
489
  color: token.treeSelectOptionDisabledColor,
477
490
  backgroundColor: token.treeSelectOptionDisabledBackgroundColor
478
491
  },
492
+ '&&:not([data-active="true"]) > [data-role="text"]': {
493
+ backgroundColor: token.treeSelectContentDisabledBackgroundColor
494
+ },
479
495
  '&&:not([data-active="true"]) > [data-role="text"]:hover': {
480
496
  backgroundColor: token.treeSelectContentDisabledHoverBackgroundColor
481
497
  }
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,CAsY1C,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,CAgZ1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/upload/upload.js CHANGED
@@ -86,7 +86,7 @@ var uploadStyle = {
86
86
  display: 'flex',
87
87
  gap: '8px',
88
88
  borderRadius: token.uploadResultBorderRadius,
89
- padding: "".concat(token.uploadResultPaddingY, " ").concat(token.uploadResultPaddingX),
89
+ padding: "".concat(token.uploadResultPaddingY, " ").concat(token.uploadResultPaddingX2, " ").concat(token.uploadResultPaddingY, " ").concat(token.uploadResultPaddingX1),
90
90
  '&:hover': {
91
91
  backgroundColor: token.uploadResultBackgroundColor
92
92
  },
@@ -118,11 +118,6 @@ var uploadStyle = {
118
118
  resultSuccess: {},
119
119
  resultUploading: {},
120
120
  resultDeleted: {},
121
- resultStatusIcon: {
122
- '$resultSuccess &': {
123
- color: token.uploadResultSuccessIconColor
124
- }
125
- },
126
121
  resultTextFooter: {
127
122
  display: 'flex',
128
123
  gap: token.uploadResultGap,
@@ -136,7 +131,7 @@ var uploadStyle = {
136
131
  gap: token.uploadResultGap,
137
132
  fontSize: token.uploadResultFontSize,
138
133
  color: token.uploadResultFontColor,
139
- lineHeight: token.lineHeightDynamic,
134
+ lineHeight: token.lineHeightDynamicMin,
140
135
  '$resultError &': {
141
136
  color: token.uploadResultErrorFontColor
142
137
  },
@@ -151,12 +146,27 @@ var uploadStyle = {
151
146
  },
152
147
  resultClose: {
153
148
  cursor: 'pointer',
154
- '&$icon': {
155
- boxSizing: 'content-box',
156
- padding: '0 4px',
157
- height: token.lineHeightDynamic
149
+ boxSizing: 'content-box',
150
+ padding: '0 4px',
151
+ height: token.lineHeightDynamic,
152
+ '&$icon:not($resultErrorClose)': {
153
+ display: 'none',
154
+ '$result:hover &': {
155
+ display: 'flex'
156
+ }
158
157
  }
159
158
  },
159
+ resultErrorClose: {
160
+ color: token.uploadResultErrorFontColor,
161
+ '&$iconHover:hover': {
162
+ color: token.uploadResultErrorFontColor
163
+ }
164
+ },
165
+ resultProgressText: {
166
+ width: '2em',
167
+ textAlign: 'right',
168
+ whiteSpace: 'nowrap'
169
+ },
160
170
  imageHandler: {
161
171
  boxSizing: 'border-box',
162
172
  display: 'inline-flex',
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.7.2-beta.1";
1
+ declare const _default: "3.7.2-beta.2";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.7.2-beta.1';
1
+ export default '3.7.2-beta.2';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.7.2-beta.1",
3
+ "version": "3.7.2-beta.2",
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.7.2-beta.1",
21
- "@sheinx/base": "3.7.2-beta.1"
20
+ "@sheinx/theme": "3.7.2-beta.2",
21
+ "@sheinx/base": "3.7.2-beta.2"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"