@sheinx/shineout-style 3.7.5 → 3.8.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/cjs/cascader/cascader.d.ts.map +1 -1
  2. package/cjs/cascader/cascader.js +78 -92
  3. package/cjs/form/form-item.d.ts.map +1 -1
  4. package/cjs/form/form-item.js +0 -5
  5. package/cjs/select/select.d.ts.map +1 -1
  6. package/cjs/select/select.js +51 -68
  7. package/cjs/skeleton/skeleton.d.ts.map +1 -1
  8. package/cjs/skeleton/skeleton.js +2 -2
  9. package/cjs/tag/tag.d.ts.map +1 -1
  10. package/cjs/tag/tag.js +1 -2
  11. package/cjs/tree-select/tree-select.d.ts.map +1 -1
  12. package/cjs/tree-select/tree-select.js +70 -90
  13. package/cjs/upload/upload.d.ts.map +1 -1
  14. package/cjs/upload/upload.js +2 -6
  15. package/cjs/version.d.ts +1 -1
  16. package/cjs/version.d.ts.map +1 -1
  17. package/cjs/version.js +1 -1
  18. package/esm/cascader/cascader.d.ts.map +1 -1
  19. package/esm/cascader/cascader.js +78 -92
  20. package/esm/form/form-item.d.ts.map +1 -1
  21. package/esm/form/form-item.js +0 -5
  22. package/esm/select/select.d.ts.map +1 -1
  23. package/esm/select/select.js +51 -68
  24. package/esm/skeleton/skeleton.d.ts.map +1 -1
  25. package/esm/skeleton/skeleton.js +3 -1
  26. package/esm/tag/tag.d.ts.map +1 -1
  27. package/esm/tag/tag.js +1 -2
  28. package/esm/tree-select/tree-select.d.ts.map +1 -1
  29. package/esm/tree-select/tree-select.js +70 -90
  30. package/esm/upload/upload.d.ts.map +1 -1
  31. package/esm/upload/upload.js +2 -6
  32. package/esm/version.d.ts +1 -1
  33. package/esm/version.d.ts.map +1 -1
  34. package/esm/version.js +1 -1
  35. package/package.json +3 -3
package/cjs/cascader/cascader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA+DtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAuhB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAkgB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/cascader/cascader.js CHANGED
@@ -58,12 +58,6 @@ var inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
58
58
  var wrapper = inputBorder.wrapper,
59
59
  wrapperDisabled = inputBorder.wrapperDisabled,
60
60
  resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
61
- var selectTagHeightCssvar = "--select-tag-height";
62
- var selectSmallTagHeightCssvar = "--select-small-tag-height";
63
- var selectLargeTagHeightCssvar = "--select-large-tag-height";
64
- var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
65
- var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
66
- var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
67
61
  var cascaderStyle = _objectSpread(_objectSpread({
68
62
  rootClass: {},
69
63
  wrapperEmpty: {},
@@ -73,100 +67,95 @@ var cascaderStyle = _objectSpread(_objectSpread({
73
67
  width: '100%',
74
68
  outline: 'none',
75
69
  cursor: 'pointer'
76
- }, wrapper), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, _theme.default.selectTagHeight), selectSmallTagHeightCssvar, _theme.default.selectSmallTagHeight), selectLargeTagHeightCssvar, _theme.default.selectLargeTagHeight), '&$wrapperInnerTitle', {
77
- '& $placeholder,$ellipsis,$space,input': {
78
- marginTop: 0,
79
- marginBottom: 0
80
- },
81
- '& $tag': {
82
- marginTop: 0,
83
- marginBottom: _theme.default.selectInnerTitleMarginY,
84
- paddingTop: 0,
85
- paddingBottom: 0,
86
- height: selectTagHeight,
87
- border: 'none',
88
- '& *': {
89
- lineHeight: selectTagHeight
70
+ }, wrapper), {}, {
71
+ '&$wrapperInnerTitle': {
72
+ '& $placeholder,$ellipsis,$space,input': {
73
+ marginTop: 0,
74
+ marginBottom: 0
75
+ },
76
+ '& $tag': {
77
+ marginTop: 0,
78
+ 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
+ }
90
92
  }
91
93
  },
92
- '&$wrapperSmall $tag': {
93
- height: selectSmallTagHeight,
94
- marginBottom: 2,
95
- '&$tag *': {
96
- lineHeight: selectSmallTagHeight
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
97
114
  }
98
115
  },
99
- '&$wrapperLarge $tag': {
100
- height: selectLargeTagHeight,
101
- marginBottom: 2,
102
- '&$tag *': {
103
- lineHeight: selectLargeTagHeight
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
104
133
  }
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
134
  },
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
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
+ }
132
147
  }
148
+ }),
149
+ '&:has($pickerWrapperShow)': {
150
+ borderColor: _theme.default.cascaderFocusBorderColor
133
151
  },
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': {
152
+ // not wrapperFocus
153
+ '&:not($wrapperFocus)': {
154
+ '& $clearIcon': {
160
155
  display: 'none'
161
156
  }
162
157
  }
163
- })), '&:has($pickerWrapperShow)', {
164
- borderColor: _theme.default.cascaderFocusBorderColor
165
- }), '&:not($wrapperFocus)', {
166
- '& $clearIcon': {
167
- display: 'none'
168
- }
169
- })),
158
+ }),
170
159
  virtual: {
171
160
  '& $filterList': {
172
161
  overflow: 'hidden'
@@ -299,9 +288,6 @@ var cascaderStyle = _objectSpread(_objectSpread({
299
288
  },
300
289
  compressedWrapper: {
301
290
  width: 0,
302
- overflow: 'hidden'
303
- },
304
- compressedBoundWrapper: {
305
291
  overflow: 'auto'
306
292
  },
307
293
  controlMouse: {
package/cjs/form/form-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAwJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAmJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/form/form-item.js CHANGED
@@ -144,11 +144,6 @@ var formItemStyle = _objectSpread(_objectSpread({
144
144
  top: '2px'
145
145
  }
146
146
  },
147
- wrapperHideRequired: {
148
- '& $label::before': {
149
- display: 'none'
150
- }
151
- },
152
147
  wrapperKeepHeight: {
153
148
  marginBottom: _theme.default.formItemTipMinHeight,
154
149
  '&$wrapperTip': {
package/cjs/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AA+DlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAgjB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2hB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/select/select.js CHANGED
@@ -58,12 +58,6 @@ var inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
58
58
  var wrapper = inputBorder.wrapper,
59
59
  wrapperDisabled = inputBorder.wrapperDisabled,
60
60
  resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
61
- var selectTagHeightCssvar = "--select-tag-height";
62
- var selectSmallTagHeightCssvar = "--select-small-tag-height";
63
- var selectLargeTagHeightCssvar = "--select-large-tag-height";
64
- var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
65
- var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
66
- var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
67
61
  var selectStyle = _objectSpread(_objectSpread({
68
62
  rootClass: {},
69
63
  wrapper: _objectSpread(_objectSpread({
@@ -72,76 +66,68 @@ var selectStyle = _objectSpread(_objectSpread({
72
66
  width: '100%',
73
67
  outline: 'none',
74
68
  cursor: 'pointer'
75
- }, wrapper), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, _theme.default.selectTagHeight), selectSmallTagHeightCssvar, _theme.default.selectSmallTagHeight), selectLargeTagHeightCssvar, _theme.default.selectLargeTagHeight), '&$wrapperInnerTitle', {
76
- '& $placeholder,$ellipsis,$space,input': {
77
- marginTop: 0,
78
- marginBottom: 0
79
- },
80
- '& $tag': {
81
- marginTop: 0,
82
- marginBottom: _theme.default.selectInnerTitleMarginY,
83
- paddingTop: 0,
84
- paddingBottom: 0,
85
- height: selectTagHeight,
86
- border: 'none',
87
- '& *': {
88
- lineHeight: selectTagHeight
69
+ }, wrapper), {}, {
70
+ '&$wrapperInnerTitle': {
71
+ '& $placeholder,$ellipsis,$space,input': {
72
+ marginTop: 0,
73
+ marginBottom: 0
74
+ },
75
+ '& $tag': {
76
+ marginTop: 0,
77
+ 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
+ }
89
91
  }
90
92
  },
91
- '&$wrapperSmall $tag': {
92
- height: selectSmallTagHeight,
93
- marginBottom: 2,
94
- '&$tag *': {
95
- lineHeight: selectSmallTagHeight
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
96
103
  }
97
104
  },
98
- '&$wrapperLarge $tag': {
99
- height: selectLargeTagHeight,
100
- marginBottom: 2,
101
- '&$tag *': {
102
- lineHeight: selectLargeTagHeight
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
103
112
  }
104
- }
105
- }), '&$wrapperSmall', {
106
- '& $tag': {
107
- height: selectSmallTagHeight,
108
- lineHeight: '16px',
109
- marginTop: 1,
110
- marginBottom: 1
111
113
  },
112
- '& $placeholder,$ellipsis,$space,input': {
113
- marginTop: 0,
114
- marginBottom: 0
115
- }
116
- }), '&$wrapperLarge', {
117
- '& $tag': {
118
- height: selectLargeTagHeight,
119
- '& *': {
120
- lineHeight: selectLargeTagHeight
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
+ }
121
123
  }
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)': {
124
+ }),
125
+ '&:not($wrapperEmpty):not($wrapperOpen)': {
133
126
  '& $clearIcon': {
134
- display: 'block'
135
- },
136
- '& $arrowIcon': {
137
127
  display: 'none'
138
128
  }
139
129
  }
140
- })), '&:not($wrapperEmpty):not($wrapperOpen)', {
141
- '& $clearIcon': {
142
- display: 'none'
143
- }
144
- })),
130
+ }),
145
131
  wrapperEmpty: {},
146
132
  wrapperOpen: {},
147
133
  wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
@@ -270,9 +256,6 @@ var selectStyle = _objectSpread(_objectSpread({
270
256
  },
271
257
  compressedWrapper: {
272
258
  width: 0,
273
- overflow: 'hidden'
274
- },
275
- compressedBoundWrapper: {
276
259
  overflow: 'auto'
277
260
  },
278
261
  controlMouse: {
package/cjs/skeleton/skeleton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAU9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA0F9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["skeleton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAU9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA0F9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/skeleton/skeleton.js CHANGED
@@ -11,7 +11,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
11
11
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12
12
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
13
13
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
14
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
14
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // import token from '@sheinx/theme';
15
15
  var animation = {
16
16
  '@keyframes skeleton-animation': {
17
17
  '0%': {
@@ -29,7 +29,7 @@ var skeletonStyle = _objectSpread(_objectSpread({}, animation), {}, {
29
29
  },
30
30
  animation: {
31
31
  '& $textItem, & $image, & $buttonItem': {
32
- backgroundImage: "linear-gradient(90deg, ".concat(_theme.default.skeletonAnimationFromColor, " 25%, ").concat(_theme.default.skeletonAnimationToColor, " 37%, ").concat(_theme.default.skeletonAnimationFromColor, " 63%)"),
32
+ background: "linear-gradient(90deg, ".concat(_theme.default.skeletonAnimationFromColor, " 25%, ").concat(_theme.default.skeletonAnimationToColor, " 37%, ").concat(_theme.default.skeletonAnimationFromColor, " 63%)"),
33
33
  backgroundSize: '400% 100%',
34
34
  animation: '$skeleton-animation 1.4s ease infinite'
35
35
  }
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,CA4MxC,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,CA2MxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/cjs/tag/tag.js CHANGED
@@ -208,8 +208,7 @@ var TagStyle = {
208
208
  alignItems: 'center',
209
209
  display: 'inline-flex',
210
210
  cursor: 'pointer',
211
- height: _theme.default.lineHeightDynamic,
212
- maxHeight: '100%'
211
+ height: _theme.default.lineHeightDynamic
213
212
  },
214
213
  closeIconWrapper: {
215
214
  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;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAmhBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2flD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/cjs/tree-select/tree-select.js CHANGED
@@ -60,12 +60,6 @@ var inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
60
60
  var wrapper = inputBorder.wrapper,
61
61
  wrapperDisabled = inputBorder.wrapperDisabled,
62
62
  resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
63
- var selectTagHeightCssvar = "--select-tag-height";
64
- var selectSmallTagHeightCssvar = "--select-small-tag-height";
65
- var selectLargeTagHeightCssvar = "--select-large-tag-height";
66
- var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
67
- var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
68
- var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
69
63
  var treeSelectStyle = _objectSpread(_objectSpread({
70
64
  rootClass: {},
71
65
  wrapper: _objectSpread(_objectSpread({
@@ -74,96 +68,88 @@ var treeSelectStyle = _objectSpread(_objectSpread({
74
68
  width: '100%',
75
69
  outline: 'none',
76
70
  cursor: 'pointer'
77
- }, wrapper), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, _theme.default.selectTagHeight), selectSmallTagHeightCssvar, _theme.default.selectSmallTagHeight), selectLargeTagHeightCssvar, _theme.default.selectLargeTagHeight), '&$wrapperInnerTitle', {
78
- '& $placeholder,$ellipsis,$space,input': {
79
- marginTop: 0,
80
- marginBottom: 0
81
- },
82
- '& $tag': {
83
- marginTop: 0,
84
- marginBottom: _theme.default.selectInnerTitleMarginY,
85
- paddingTop: 0,
86
- paddingBottom: 0,
87
- height: selectTagHeight,
88
- border: 'none',
89
- '& *': {
90
- lineHeight: selectTagHeight
71
+ }, wrapper), {}, {
72
+ '&$wrapperInnerTitle': {
73
+ '& $placeholder,$ellipsis,$space,input': {
74
+ marginTop: 0,
75
+ marginBottom: 0
76
+ },
77
+ '& $tag': {
78
+ marginTop: 0,
79
+ 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
+ }
91
93
  }
92
94
  },
93
- '&$wrapperSmall $tag': {
94
- height: selectSmallTagHeight,
95
- marginBottom: 2,
96
- '&$tag *': {
97
- lineHeight: selectSmallTagHeight
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
98
115
  }
99
116
  },
100
- '&$wrapperLarge $tag': {
101
- height: selectLargeTagHeight,
102
- marginBottom: 2,
103
- '&$tag *': {
104
- lineHeight: selectLargeTagHeight
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
105
134
  }
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
135
  },
118
- '& $optionInner': {
119
- paddingTop: _theme.default.treeSelectSmallOptionInnerPaddingY,
120
- paddingBottom: _theme.default.treeSelectSmallOptionInnerPaddingY,
121
- paddingLeft: _theme.default.treeSelectSmallOptionInnerPaddingX,
122
- // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
123
- fontSize: _theme.default.treeSelectSmallFontSize
124
- },
125
- '& $clearIcon': {
126
- right: _theme.default.treeSelectSmallPaddingX
127
- }
128
- }), '&$wrapperLarge', {
129
- '& $tag': {
130
- height: selectLargeTagHeight,
131
- '& *': {
132
- lineHeight: selectLargeTagHeight
136
+ '&:hover': {
137
+ cursor: 'pointer',
138
+ '&$clearable:not($wrapperEmpty)': {
139
+ '& $clearIcon': {
140
+ display: 'block'
141
+ },
142
+ '& $arrowIcon': {
143
+ display: 'none'
144
+ }
133
145
  }
134
146
  },
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)': {
147
+ '&:not($wrapperEmpty):not($wrapperOpen)': {
155
148
  '& $clearIcon': {
156
- display: 'block'
157
- },
158
- '& $arrowIcon': {
159
149
  display: 'none'
160
150
  }
161
151
  }
162
- }), '&:not($wrapperEmpty):not($wrapperOpen)', {
163
- '& $clearIcon': {
164
- display: 'none'
165
- }
166
- })),
152
+ }),
167
153
  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),
168
154
  wrapperEmpty: {},
169
155
  wrapperOpen: {},
@@ -272,9 +258,6 @@ var treeSelectStyle = _objectSpread(_objectSpread({
272
258
  },
273
259
  compressedWrapper: {
274
260
  width: 0,
275
- overflow: 'hidden'
276
- },
277
- compressedBoundWrapper: {
278
261
  overflow: 'auto'
279
262
  },
280
263
  controlMouse: {
@@ -502,9 +485,6 @@ var treeSelectStyle = _objectSpread(_objectSpread({
502
485
  color: _theme.default.treeSelectOptionDisabledColor,
503
486
  backgroundColor: _theme.default.treeSelectOptionDisabledBackgroundColor
504
487
  },
505
- '&&:not([data-active="true"]) > [data-role="text"]': {
506
- backgroundColor: _theme.default.treeSelectContentDisabledBackgroundColor
507
- },
508
488
  '&&:not([data-active="true"]) > [data-role="text"]:hover': {
509
489
  backgroundColor: _theme.default.treeSelectContentDisabledHoverBackgroundColor
510
490
  }
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,CAoZ1C,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
@@ -68,11 +68,7 @@ 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': {
72
- borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
73
- color: _theme.default.uploadImageHandlerHoverFontColor
74
- },
75
- '&:hover, &:hover svg': {
71
+ '&:hover, &:hover *': {
76
72
  borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
77
73
  color: _theme.default.uploadImageHandlerHoverFontColor
78
74
  },
@@ -193,7 +189,7 @@ var uploadStyle = {
193
189
  borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
194
190
  color: _theme.default.uploadImageHandlerHoverFontColor
195
191
  },
196
- '$wrapper:not($wrapperDisabled) &:hover svg': {
192
+ '$wrapper:not($wrapperDisabled) &:hover *': {
197
193
  color: "".concat(_theme.default.uploadImageHandlerHoverFontColor, " !important")
198
194
  },
199
195
  '$wrapper:not($wrapperDisabled) &:active, $wrapper:not($wrapperDisabled) &:active *': {