@sheinx/shineout-style 3.7.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.
@@ -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"}
@@ -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'
@@ -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"}
@@ -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), {}, {
@@ -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',
@@ -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"}
@@ -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
  }
@@ -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"}
@@ -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.1";
1
+ declare const _default: "3.7.2-beta.2";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}
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.1';
7
+ var _default = exports.default = '3.7.2-beta.2';
@@ -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"}