shineout 3.9.9-beta.5 → 3.9.9-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.js +1 -1
- package/dist/shineout.js +210 -106
- package/dist/shineout.js.map +1 -1
- package/dist/shineout.min.js +1 -1
- package/dist/shineout.min.js.map +1 -1
- package/esm/index.js +1 -1
- package/package.json +5 -5
package/cjs/index.js
CHANGED
|
@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
522
522
|
// 此文件由脚本自动生成,请勿直接修改。
|
|
523
523
|
// This file was generated automatically by a script. Please do not modify it directly.
|
|
524
524
|
var _default = exports.default = {
|
|
525
|
-
version: '3.9.9-beta.
|
|
525
|
+
version: '3.9.9-beta.7'
|
|
526
526
|
};
|
package/dist/shineout.js
CHANGED
|
@@ -12402,7 +12402,7 @@ var handleStyle = function handleStyle(style) {
|
|
|
12402
12402
|
};
|
|
12403
12403
|
/* harmony default export */ var jss_style_handleStyle = (handleStyle);
|
|
12404
12404
|
;// CONCATENATED MODULE: ../shineout-style/src/version.ts
|
|
12405
|
-
/* harmony default export */ var version = ('3.9.9-beta.
|
|
12405
|
+
/* harmony default export */ var version = ('3.9.9-beta.7');
|
|
12406
12406
|
;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
|
|
12407
12407
|
|
|
12408
12408
|
|
|
@@ -13155,8 +13155,8 @@ var buttonTokens = {
|
|
|
13155
13155
|
buttonSecondaryHoverBackgroundColor: 'Neutral-fill-3',
|
|
13156
13156
|
buttonSecondaryHoverBorderColor: 'Neutral-fill-3',
|
|
13157
13157
|
buttonSecondaryActiveFontColor: 'Neutral-text-5',
|
|
13158
|
-
buttonSecondaryActiveBackgroundColor: 'Neutral-fill-
|
|
13159
|
-
buttonSecondaryActiveBorderColor: 'Neutral-fill-
|
|
13158
|
+
buttonSecondaryActiveBackgroundColor: 'Neutral-fill-4',
|
|
13159
|
+
buttonSecondaryActiveBorderColor: 'Neutral-fill-4',
|
|
13160
13160
|
buttonSecondaryFocusFontColor: 'Neutral-text-5',
|
|
13161
13161
|
buttonSecondaryFocusBackgroundColor: 'Neutral-fill-4',
|
|
13162
13162
|
buttonSecondaryFocusBorderColor: 'Neutral-fill-4',
|
|
@@ -14808,7 +14808,7 @@ var switchTokens = {
|
|
|
14808
14808
|
switchCircleFill: 'Neutral-text-1',
|
|
14809
14809
|
switchCircleShadow: 'Shadow-3',
|
|
14810
14810
|
switchWidth: 'Size-21',
|
|
14811
|
-
switchTextPaddingLeft: 'Spacing-
|
|
14811
|
+
switchTextPaddingLeft: 'Spacing-6',
|
|
14812
14812
|
switchTextPaddingRight: 'Spacing-4',
|
|
14813
14813
|
switchSmallFontSize: 'Font-12',
|
|
14814
14814
|
switchSmallPaddingX: 'Spacing-2',
|
|
@@ -15639,8 +15639,8 @@ var uploadTokens = {
|
|
|
15639
15639
|
uploadImageHandlerBorderColor: 'Neutral-border-2',
|
|
15640
15640
|
uploadImageHandlerBackgroundColor: 'Neutral-fill-1',
|
|
15641
15641
|
uploadImageHandlerFontColor: 'Neutral-text-4',
|
|
15642
|
-
uploadImageHandlerHoverBorderColor: 'Brand-
|
|
15643
|
-
uploadImageHandlerHoverFontColor: 'Brand-
|
|
15642
|
+
uploadImageHandlerHoverBorderColor: 'Brand-5',
|
|
15643
|
+
uploadImageHandlerHoverFontColor: 'Brand-5',
|
|
15644
15644
|
uploadImageHandlerActiveBorderColor: 'Brand-7',
|
|
15645
15645
|
uploadImageHandlerActiveFontColor: 'Brand-7',
|
|
15646
15646
|
uploadImageHandlerErrorBorderColor: 'Danger-6',
|
|
@@ -16323,7 +16323,37 @@ var beforeLine = function beforeLine() {
|
|
|
16323
16323
|
'&[dir=rtl]::before': {
|
|
16324
16324
|
right: -1
|
|
16325
16325
|
},
|
|
16326
|
-
'
|
|
16326
|
+
'&$dashed:hover': {
|
|
16327
|
+
'&::before': {
|
|
16328
|
+
height: '100%',
|
|
16329
|
+
top: 0,
|
|
16330
|
+
bottom: 0,
|
|
16331
|
+
borderLeft: '1px dashed currentColor',
|
|
16332
|
+
background: 'none'
|
|
16333
|
+
},
|
|
16334
|
+
// 使用 ::after 在右侧创建分割线,颜色使用当前按钮的 currentColor
|
|
16335
|
+
'&:not(:last-child)::after': {
|
|
16336
|
+
content: '" "',
|
|
16337
|
+
position: 'absolute',
|
|
16338
|
+
height: '100%',
|
|
16339
|
+
top: 0,
|
|
16340
|
+
width: 1,
|
|
16341
|
+
borderLeft: '1px dashed currentColor',
|
|
16342
|
+
background: 'none',
|
|
16343
|
+
zIndex: 1
|
|
16344
|
+
},
|
|
16345
|
+
'&:not(:last-child)[dir=ltr]::after': {
|
|
16346
|
+
right: -1
|
|
16347
|
+
},
|
|
16348
|
+
'&:not(:last-child)[dir=rtl]::after': {
|
|
16349
|
+
left: -1
|
|
16350
|
+
},
|
|
16351
|
+
// 隐藏相邻按钮的左侧分割线,因为已经被 ::after 覆盖了
|
|
16352
|
+
'& + $button::before': {
|
|
16353
|
+
opacity: 0
|
|
16354
|
+
}
|
|
16355
|
+
},
|
|
16356
|
+
'&:not($disabled):not($dashed):hover': {
|
|
16327
16357
|
'&::before': {
|
|
16328
16358
|
background: 'transparent'
|
|
16329
16359
|
},
|
|
@@ -16676,7 +16706,7 @@ var ButtonStyle = {
|
|
|
16676
16706
|
borderRight: 'none'
|
|
16677
16707
|
},
|
|
16678
16708
|
// 填充型 button
|
|
16679
|
-
'& $button:not($outline):not($
|
|
16709
|
+
'& $button:not($outline):not($text)': {
|
|
16680
16710
|
position: 'relative',
|
|
16681
16711
|
'&::before': {
|
|
16682
16712
|
transition: 'all 0.3s'
|
|
@@ -16689,7 +16719,8 @@ var ButtonStyle = {
|
|
|
16689
16719
|
height: 'calc(50% - 2px)',
|
|
16690
16720
|
top: 'calc(25% + 1px)',
|
|
16691
16721
|
width: 1,
|
|
16692
|
-
background: src.buttonSplitlineOutlineBackgroundColor
|
|
16722
|
+
background: src.buttonSplitlineOutlineBackgroundColor,
|
|
16723
|
+
transition: 'none'
|
|
16693
16724
|
},
|
|
16694
16725
|
'&[dir=ltr]::before': {
|
|
16695
16726
|
left: -1
|
|
@@ -18133,7 +18164,7 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
|
|
|
18133
18164
|
wrapper: {
|
|
18134
18165
|
display: 'inline-flex',
|
|
18135
18166
|
position: 'relative',
|
|
18136
|
-
alignItems: '
|
|
18167
|
+
alignItems: 'flex-start',
|
|
18137
18168
|
cursor: 'pointer',
|
|
18138
18169
|
boxSizing: 'border-box',
|
|
18139
18170
|
marginRight: src.checkboxGap,
|
|
@@ -18156,6 +18187,7 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
|
|
|
18156
18187
|
boxSizing: 'border-box',
|
|
18157
18188
|
width: src.checkboxIconSize,
|
|
18158
18189
|
height: src.checkboxIconSize,
|
|
18190
|
+
marginTop: 4,
|
|
18159
18191
|
flexShrink: 0,
|
|
18160
18192
|
'$wrapperSmall &': {
|
|
18161
18193
|
width: src.checkboxSmallIconSize,
|
|
@@ -18191,7 +18223,7 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
|
|
|
18191
18223
|
}
|
|
18192
18224
|
},
|
|
18193
18225
|
darkIndicatorWrapper: {
|
|
18194
|
-
'$wrapper:not($wrapperChecked):not($wrapperIndeterminate):not($wrapperDisabled)
|
|
18226
|
+
'$wrapper:not($wrapperChecked):not($wrapperIndeterminate):not($wrapperDisabled):hover &&': {
|
|
18195
18227
|
'&::before': {
|
|
18196
18228
|
background: src.checkboxIconCircleDark
|
|
18197
18229
|
}
|
|
@@ -18364,14 +18396,13 @@ var collapseItemStyle = {
|
|
|
18364
18396
|
'&:after': {
|
|
18365
18397
|
content: '""',
|
|
18366
18398
|
position: 'absolute',
|
|
18367
|
-
top:
|
|
18368
|
-
|
|
18369
|
-
|
|
18370
|
-
|
|
18371
|
-
width: 22,
|
|
18372
|
-
height: 22,
|
|
18399
|
+
top: '50%',
|
|
18400
|
+
left: '50%',
|
|
18401
|
+
width: src.lineHeightDynamic,
|
|
18402
|
+
height: src.lineHeightDynamic,
|
|
18373
18403
|
borderRadius: '50%',
|
|
18374
|
-
background: src.collapseIconHoverBackgroundColor
|
|
18404
|
+
background: src.collapseIconHoverBackgroundColor,
|
|
18405
|
+
transform: 'translate(-50%, -50%)'
|
|
18375
18406
|
}
|
|
18376
18407
|
},
|
|
18377
18408
|
'&:active:hover': {
|
|
@@ -22918,6 +22949,7 @@ var tooltipAnimation = {
|
|
|
22918
22949
|
}
|
|
22919
22950
|
}
|
|
22920
22951
|
};
|
|
22952
|
+
var arrowClipPath = 'M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z';
|
|
22921
22953
|
var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
|
|
22922
22954
|
rootClass: {}
|
|
22923
22955
|
}, tooltipAnimation), {}, {
|
|
@@ -23147,7 +23179,7 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
23147
23179
|
width: '100%',
|
|
23148
23180
|
height: '100%',
|
|
23149
23181
|
backgroundColor: 'var(--tooltip-background-color)',
|
|
23150
|
-
clipPath: "path('
|
|
23182
|
+
clipPath: "path('".concat(arrowClipPath, "')")
|
|
23151
23183
|
}
|
|
23152
23184
|
},
|
|
23153
23185
|
content: {
|
|
@@ -23161,6 +23193,8 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
23161
23193
|
|
|
23162
23194
|
|
|
23163
23195
|
|
|
23196
|
+
var popover_arrowGap = 12;
|
|
23197
|
+
var popover_arrowHeight = 8;
|
|
23164
23198
|
var popover_cssvar = '--popover-arrow-gap';
|
|
23165
23199
|
var hideArrowGap = "var(".concat(popover_cssvar, ", 10px)");
|
|
23166
23200
|
var extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
|
|
@@ -23178,32 +23212,30 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
|
|
|
23178
23212
|
border: "1px solid ".concat(src.popoverBorderColor),
|
|
23179
23213
|
wordWrap: 'break-word',
|
|
23180
23214
|
'& > $arrow': {
|
|
23181
|
-
|
|
23215
|
+
zIndex: 1,
|
|
23182
23216
|
position: 'absolute',
|
|
23183
|
-
|
|
23184
|
-
|
|
23185
|
-
|
|
23186
|
-
|
|
23187
|
-
|
|
23188
|
-
|
|
23189
|
-
|
|
23190
|
-
|
|
23191
|
-
|
|
23192
|
-
|
|
23193
|
-
|
|
23194
|
-
|
|
23195
|
-
|
|
23217
|
+
overflow: 'visible',
|
|
23218
|
+
width: popover_arrowHeight * 2,
|
|
23219
|
+
height: popover_arrowHeight,
|
|
23220
|
+
pointerEvents: 'none',
|
|
23221
|
+
transformOrigin: 'center center',
|
|
23222
|
+
filter: "drop-shadow(0 1px 0 ".concat(src.popoverBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverBorderColor, ")"),
|
|
23223
|
+
'&::before': {
|
|
23224
|
+
display: 'block',
|
|
23225
|
+
content: '""',
|
|
23226
|
+
bottom: 0,
|
|
23227
|
+
width: '100%',
|
|
23228
|
+
height: '100%',
|
|
23229
|
+
backgroundColor: src.popoverBackgroundColor,
|
|
23230
|
+
clipPath: "path('".concat(arrowClipPath, "')")
|
|
23196
23231
|
}
|
|
23197
23232
|
},
|
|
23198
23233
|
'&$hideArrow': defineProperty_default()({}, popover_cssvar, '4px'),
|
|
23199
23234
|
'&[data-soui-position^="bottom"]': {
|
|
23200
|
-
marginTop:
|
|
23235
|
+
marginTop: popover_arrowGap - 2,
|
|
23201
23236
|
'& > $arrow': {
|
|
23202
|
-
|
|
23203
|
-
transform: 'translate(
|
|
23204
|
-
left: '0',
|
|
23205
|
-
right: '0',
|
|
23206
|
-
margin: 'auto'
|
|
23237
|
+
left: '50%',
|
|
23238
|
+
transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
|
|
23207
23239
|
},
|
|
23208
23240
|
'&::after': {
|
|
23209
23241
|
top: poyfillPos,
|
|
@@ -23216,40 +23248,34 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
|
|
|
23216
23248
|
}
|
|
23217
23249
|
},
|
|
23218
23250
|
'&[data-soui-position^="top"]': {
|
|
23219
|
-
|
|
23220
|
-
marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
|
|
23251
|
+
marginTop: (popover_arrowGap - 2) * -1,
|
|
23221
23252
|
'& > $arrow': {
|
|
23222
|
-
|
|
23223
|
-
|
|
23224
|
-
|
|
23225
|
-
right: '0',
|
|
23226
|
-
margin: 'auto'
|
|
23253
|
+
top: '100%',
|
|
23254
|
+
left: '50%',
|
|
23255
|
+
transform: 'translate(-50%, -1px) rotate(-180deg)'
|
|
23227
23256
|
},
|
|
23228
23257
|
'&::after': {
|
|
23229
|
-
// bottom: arrowGap * -1,
|
|
23230
23258
|
bottom: poyfillPos,
|
|
23231
23259
|
left: '0',
|
|
23232
23260
|
right: '0',
|
|
23233
23261
|
content: '" "',
|
|
23234
23262
|
display: 'block',
|
|
23235
|
-
// height: arrowGap,
|
|
23236
23263
|
height: poyfillHeight,
|
|
23237
23264
|
position: 'absolute'
|
|
23238
23265
|
}
|
|
23239
23266
|
},
|
|
23240
23267
|
'&[data-soui-position^="left"]': {
|
|
23241
23268
|
'&[dir=ltr]': {
|
|
23242
|
-
marginRight:
|
|
23269
|
+
marginRight: popover_arrowGap - 2
|
|
23243
23270
|
},
|
|
23244
23271
|
'&[dir=rtl]': {
|
|
23245
|
-
marginLeft:
|
|
23272
|
+
marginLeft: popover_arrowGap - 2
|
|
23246
23273
|
},
|
|
23247
23274
|
'& > $arrow': {
|
|
23248
|
-
right:
|
|
23249
|
-
|
|
23250
|
-
|
|
23251
|
-
|
|
23252
|
-
margin: 'auto'
|
|
23275
|
+
right: 0,
|
|
23276
|
+
top: '50%',
|
|
23277
|
+
transform: 'translate(11px, -50%) rotate(90deg)',
|
|
23278
|
+
transformOrigin: 'center center'
|
|
23253
23279
|
},
|
|
23254
23280
|
'&::after': {
|
|
23255
23281
|
right: poyfillPos,
|
|
@@ -23263,67 +23289,113 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
|
|
|
23263
23289
|
},
|
|
23264
23290
|
'&[data-soui-position^="right"]': {
|
|
23265
23291
|
'&[dir=ltr]': {
|
|
23266
|
-
marginLeft:
|
|
23292
|
+
marginLeft: popover_arrowGap - 2
|
|
23267
23293
|
},
|
|
23268
23294
|
'&[dir=rtl]': {
|
|
23269
|
-
marginRight:
|
|
23295
|
+
marginRight: popover_arrowGap - 2
|
|
23270
23296
|
},
|
|
23271
23297
|
'& > $arrow': {
|
|
23272
|
-
|
|
23273
|
-
|
|
23274
|
-
|
|
23275
|
-
bottom: '0',
|
|
23276
|
-
margin: 'auto'
|
|
23298
|
+
top: '50%',
|
|
23299
|
+
left: 0,
|
|
23300
|
+
transform: 'translate(-11px, -50%) rotate(-90deg)'
|
|
23277
23301
|
},
|
|
23278
23302
|
'&::after': {
|
|
23279
|
-
// left: arrowGap * -1,
|
|
23280
23303
|
left: poyfillPos,
|
|
23281
23304
|
top: '0',
|
|
23282
23305
|
bottom: '0',
|
|
23283
23306
|
content: '" "',
|
|
23284
23307
|
display: 'block',
|
|
23285
|
-
// width: arrowGap,
|
|
23286
23308
|
width: poyfillHeight,
|
|
23287
23309
|
position: 'absolute'
|
|
23288
23310
|
}
|
|
23289
23311
|
},
|
|
23290
|
-
'&&[data-soui-position
|
|
23291
|
-
left:
|
|
23292
|
-
|
|
23312
|
+
'&&[data-soui-position="bottom-left"] > $arrow': {
|
|
23313
|
+
left: 8,
|
|
23314
|
+
transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
|
|
23315
|
+
},
|
|
23316
|
+
'&&[data-soui-position="bottom-right"] > $arrow': {
|
|
23317
|
+
right: 8,
|
|
23318
|
+
left: 'auto',
|
|
23319
|
+
transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
|
|
23320
|
+
},
|
|
23321
|
+
'&&[data-soui-position="top-left"] > $arrow': {
|
|
23322
|
+
left: 8,
|
|
23323
|
+
transform: 'translate(0, -1px) rotate(-180deg)'
|
|
23324
|
+
},
|
|
23325
|
+
'&&[data-soui-position="top-right"] > $arrow': {
|
|
23326
|
+
right: 8,
|
|
23327
|
+
left: 'auto',
|
|
23328
|
+
transform: 'translate(0, -1px) rotate(-180deg)'
|
|
23293
23329
|
},
|
|
23294
|
-
'&&[data-soui-position
|
|
23295
|
-
|
|
23296
|
-
|
|
23330
|
+
'&&[data-soui-position="left-top"] > $arrow': {
|
|
23331
|
+
top: 8,
|
|
23332
|
+
transform: 'translate(11px, 0) rotate(90deg)'
|
|
23297
23333
|
},
|
|
23298
|
-
'&&[data-soui-position
|
|
23299
|
-
|
|
23300
|
-
|
|
23334
|
+
'&&[data-soui-position="left-bottom"] > $arrow': {
|
|
23335
|
+
bottom: 8,
|
|
23336
|
+
top: 'auto',
|
|
23337
|
+
transform: 'translate(11px, 0) rotate(90deg)'
|
|
23338
|
+
},
|
|
23339
|
+
'&&[data-soui-position="right-top"] > $arrow': {
|
|
23340
|
+
top: 8,
|
|
23341
|
+
transform: 'translate(-11px, 0) rotate(-90deg)'
|
|
23301
23342
|
},
|
|
23302
|
-
'&&[data-soui-position
|
|
23303
|
-
bottom:
|
|
23304
|
-
top: 'auto'
|
|
23343
|
+
'&&[data-soui-position="right-bottom"] > $arrow': {
|
|
23344
|
+
bottom: 8,
|
|
23345
|
+
top: 'auto',
|
|
23346
|
+
transform: 'translate(-11px, 0) rotate(-90deg)'
|
|
23305
23347
|
},
|
|
23306
23348
|
'&[data-soui-type="danger"]': {
|
|
23307
23349
|
borderColor: src.popoverDangerBorderColor,
|
|
23308
|
-
backgroundColor: src.popoverDangerBackgroundColor
|
|
23350
|
+
backgroundColor: src.popoverDangerBackgroundColor,
|
|
23351
|
+
'& > $arrow': {
|
|
23352
|
+
filter: "drop-shadow(0 1px 0 ".concat(src.popoverDangerBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverDangerBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverDangerBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverDangerBorderColor, ")")
|
|
23353
|
+
},
|
|
23354
|
+
'& > $arrow::before': {
|
|
23355
|
+
backgroundColor: src.popoverDangerBackgroundColor
|
|
23356
|
+
}
|
|
23309
23357
|
},
|
|
23310
23358
|
'&[data-soui-type="info"]': {
|
|
23311
23359
|
borderColor: src.popoverInfoBorderColor,
|
|
23312
|
-
backgroundColor: src.popoverInfoBackgroundColor
|
|
23360
|
+
backgroundColor: src.popoverInfoBackgroundColor,
|
|
23361
|
+
'& > $arrow': {
|
|
23362
|
+
filter: "drop-shadow(0 1px 0 ".concat(src.popoverInfoBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverInfoBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverInfoBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverInfoBorderColor, ")")
|
|
23363
|
+
},
|
|
23364
|
+
'& > $arrow::before': {
|
|
23365
|
+
backgroundColor: src.popoverInfoBackgroundColor
|
|
23366
|
+
}
|
|
23313
23367
|
},
|
|
23314
23368
|
'&[data-soui-type="warning"]': {
|
|
23315
23369
|
borderColor: src.popoverWarningBorderColor,
|
|
23316
|
-
backgroundColor: src.popoverWarningBackgroundColor
|
|
23370
|
+
backgroundColor: src.popoverWarningBackgroundColor,
|
|
23371
|
+
'& > $arrow': {
|
|
23372
|
+
filter: "drop-shadow(0 1px 0 ".concat(src.popoverWarningBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverWarningBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverWarningBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverWarningBorderColor, ")")
|
|
23373
|
+
},
|
|
23374
|
+
'& > $arrow::before': {
|
|
23375
|
+
backgroundColor: src.popoverWarningBackgroundColor
|
|
23376
|
+
}
|
|
23317
23377
|
},
|
|
23318
23378
|
'&[data-soui-type="success"]': {
|
|
23319
23379
|
borderColor: src.popoverSuccessBorderColor,
|
|
23320
|
-
backgroundColor: src.popoverSuccessBackgroundColor
|
|
23380
|
+
backgroundColor: src.popoverSuccessBackgroundColor,
|
|
23381
|
+
'& > $arrow': {
|
|
23382
|
+
filter: "drop-shadow(0 1px 0 ".concat(src.popoverSuccessBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverSuccessBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverSuccessBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverSuccessBorderColor, ")")
|
|
23383
|
+
},
|
|
23384
|
+
'& > $arrow::before': {
|
|
23385
|
+
backgroundColor: src.popoverSuccessBackgroundColor
|
|
23386
|
+
}
|
|
23321
23387
|
},
|
|
23322
23388
|
'&[data-soui-type="error"]': {
|
|
23323
23389
|
borderColor: src.popoverErrorBorderColor,
|
|
23324
23390
|
backgroundColor: src.popoverErrorBackgroundColor,
|
|
23325
23391
|
'& $content': {
|
|
23326
23392
|
color: src.popoverErrorFontColor
|
|
23393
|
+
},
|
|
23394
|
+
'& > $arrow': {
|
|
23395
|
+
filter: "drop-shadow(0 1px 0 ".concat(src.popoverErrorBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverErrorBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverErrorBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverErrorBorderColor, ")")
|
|
23396
|
+
},
|
|
23397
|
+
'& > $arrow::before': {
|
|
23398
|
+
backgroundColor: src.popoverErrorBackgroundColor
|
|
23327
23399
|
}
|
|
23328
23400
|
}
|
|
23329
23401
|
},
|
|
@@ -23668,7 +23740,7 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
|
|
|
23668
23740
|
wrapper: {
|
|
23669
23741
|
display: 'inline-flex',
|
|
23670
23742
|
position: 'relative',
|
|
23671
|
-
alignItems: '
|
|
23743
|
+
alignItems: 'flex-start',
|
|
23672
23744
|
cursor: 'pointer',
|
|
23673
23745
|
boxSizing: 'border-box',
|
|
23674
23746
|
marginRight: src.radioGap,
|
|
@@ -23706,6 +23778,7 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
|
|
|
23706
23778
|
width: src.radioIconWidth,
|
|
23707
23779
|
minWidth: src.radioIconWidth,
|
|
23708
23780
|
height: src.radioIconWidth,
|
|
23781
|
+
marginTop: 4,
|
|
23709
23782
|
'$wrapperSmall &': {
|
|
23710
23783
|
width: src.radioSmallIconWidth,
|
|
23711
23784
|
minWidth: src.radioSmallIconWidth,
|
|
@@ -24502,6 +24575,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
24502
24575
|
padding: "".concat(src.selectHeaderPaddingY, " ").concat(src.selectHeaderPaddingX),
|
|
24503
24576
|
borderBottom: "1px solid ".concat(src.selectHeaderBorderColor),
|
|
24504
24577
|
'& $columnsCheckbox': {
|
|
24578
|
+
padding: 0,
|
|
24505
24579
|
marginRight: 0,
|
|
24506
24580
|
marginLeft: 4,
|
|
24507
24581
|
width: 'auto'
|
|
@@ -24524,8 +24598,6 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
24524
24598
|
}
|
|
24525
24599
|
},
|
|
24526
24600
|
columnsOption: {
|
|
24527
|
-
paddingLeft: src.selectColumnPadding,
|
|
24528
|
-
paddingRight: src.selectColumnPadding,
|
|
24529
24601
|
lineHeight: 1,
|
|
24530
24602
|
boxSizing: 'border-box',
|
|
24531
24603
|
overflow: 'hidden',
|
|
@@ -24546,6 +24618,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
24546
24618
|
},
|
|
24547
24619
|
columnsRadio: {
|
|
24548
24620
|
width: '100%',
|
|
24621
|
+
height: '100%',
|
|
24622
|
+
paddingLeft: src.selectColumnPadding,
|
|
24623
|
+
paddingRight: src.selectColumnPadding,
|
|
24549
24624
|
marginLeft: src.selectColumnOptionMargin,
|
|
24550
24625
|
'& :last-child': {
|
|
24551
24626
|
flex: 1,
|
|
@@ -24556,6 +24631,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
24556
24631
|
},
|
|
24557
24632
|
columnsCheckbox: {
|
|
24558
24633
|
width: '100%',
|
|
24634
|
+
height: '100%',
|
|
24635
|
+
paddingLeft: src.selectColumnPadding,
|
|
24636
|
+
paddingRight: src.selectColumnPadding,
|
|
24559
24637
|
// marginLeft: token.selectColumnOptionMargin,
|
|
24560
24638
|
marginLeft: 0,
|
|
24561
24639
|
'& :last-child': {
|
|
@@ -24707,14 +24785,11 @@ var sliderStyle = {
|
|
|
24707
24785
|
},
|
|
24708
24786
|
track: {
|
|
24709
24787
|
cursor: 'pointer',
|
|
24710
|
-
borderRadius: '100px',
|
|
24711
24788
|
height: src.sliderTrackSize,
|
|
24712
24789
|
borderTop: "".concat(src.sliderScaleMarginY, " solid transparent"),
|
|
24713
24790
|
borderBottom: "".concat(src.sliderScaleMarginY, " solid transparent"),
|
|
24714
24791
|
boxSizing: 'content-box',
|
|
24715
|
-
backgroundColor: src.sliderTrackBackgroundColor,
|
|
24716
24792
|
position: 'relative',
|
|
24717
|
-
backgroundClip: 'content-box',
|
|
24718
24793
|
'$vertical &': {
|
|
24719
24794
|
width: src.sliderTrackSize,
|
|
24720
24795
|
height: '100%',
|
|
@@ -24725,9 +24800,14 @@ var sliderStyle = {
|
|
|
24725
24800
|
cursor: 'not-allowed'
|
|
24726
24801
|
}
|
|
24727
24802
|
},
|
|
24803
|
+
trackBackground: {
|
|
24804
|
+
borderRadius: "calc(".concat(src.sliderTrackSize, " / 2)"),
|
|
24805
|
+
height: '100%',
|
|
24806
|
+
backgroundColor: src.sliderTrackBackgroundColor
|
|
24807
|
+
},
|
|
24728
24808
|
trackInner: {
|
|
24729
24809
|
position: 'absolute',
|
|
24730
|
-
borderRadius:
|
|
24810
|
+
borderRadius: "calc(".concat(src.sliderTrackSize, " / 2)"),
|
|
24731
24811
|
top: '0',
|
|
24732
24812
|
left: '0',
|
|
24733
24813
|
right: '100%',
|
|
@@ -28652,6 +28732,10 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
|
|
|
28652
28732
|
cursor: 'pointer',
|
|
28653
28733
|
padding: 4,
|
|
28654
28734
|
color: src.textareaClearColor,
|
|
28735
|
+
opacity: 0,
|
|
28736
|
+
'$wrapperWithClear:hover &': {
|
|
28737
|
+
opacity: 1
|
|
28738
|
+
},
|
|
28655
28739
|
'$wrapperSmall &': {
|
|
28656
28740
|
top: src.textareaSmallPaddingY
|
|
28657
28741
|
},
|
|
@@ -30028,7 +30112,6 @@ var uploadStyle = {
|
|
|
30028
30112
|
},
|
|
30029
30113
|
iconHover: {
|
|
30030
30114
|
'&:hover': {
|
|
30031
|
-
color: src.uploadResultIconHoverColor,
|
|
30032
30115
|
borderRadius: '50%',
|
|
30033
30116
|
backgroundColor: src.uploadResultIconHoverBackgroundColor
|
|
30034
30117
|
}
|
|
@@ -30194,11 +30277,9 @@ var uploadStyle = {
|
|
|
30194
30277
|
boxSizing: 'border-box',
|
|
30195
30278
|
width: src.uploadImageResultMaskIconSize,
|
|
30196
30279
|
height: src.uploadImageResultMaskIconSize,
|
|
30197
|
-
borderColor: src.uploadImageResultMaskIconColor,
|
|
30198
|
-
borderTopColor: 'transparent',
|
|
30280
|
+
borderColor: "transparent ".concat(src.uploadImageResultMaskIconColor, " ").concat(src.uploadImageResultMaskIconColor, " ").concat(src.uploadImageResultMaskIconColor),
|
|
30199
30281
|
'$resultText &': {
|
|
30200
|
-
borderColor: src.uploadResultUploadingIconColor,
|
|
30201
|
-
borderTopColor: 'transparent'
|
|
30282
|
+
borderColor: "transparent ".concat(src.uploadResultUploadingIconColor, " ").concat(src.uploadResultUploadingIconColor, " ").concat(src.uploadResultUploadingIconColor)
|
|
30202
30283
|
}
|
|
30203
30284
|
},
|
|
30204
30285
|
imageResultMaskInfo: {
|
|
@@ -34902,7 +34983,7 @@ var Group = function Group(props) {
|
|
|
34902
34983
|
return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Child, {
|
|
34903
34984
|
size: size,
|
|
34904
34985
|
mode: modeSetted || Child.props.mode,
|
|
34905
|
-
shape: shapeSetted,
|
|
34986
|
+
shape: shapeSetted || Child.props.shape,
|
|
34906
34987
|
type: Child.props.type || type,
|
|
34907
34988
|
className: classnames_default()(Child.props.className)
|
|
34908
34989
|
});
|
|
@@ -42026,7 +42107,8 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
42026
42107
|
shouldFinal = props.shouldFinal,
|
|
42027
42108
|
onChange = props.onChange,
|
|
42028
42109
|
onPathChange = props.onPathChange,
|
|
42029
|
-
mode = props.mode
|
|
42110
|
+
mode = props.mode,
|
|
42111
|
+
size = props.size;
|
|
42030
42112
|
var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
|
|
42031
42113
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
42032
42114
|
loading = _useState2[0],
|
|
@@ -42141,6 +42223,7 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
42141
42223
|
className: styles.optionCheckbox,
|
|
42142
42224
|
checked: datum.getChecked(id),
|
|
42143
42225
|
disabled: isDisabled,
|
|
42226
|
+
size: size,
|
|
42144
42227
|
onChange: hasHandleSelectRef.current ? undefined : handleChange
|
|
42145
42228
|
}), renderContent(), renderIcon()]
|
|
42146
42229
|
})
|
|
@@ -42231,7 +42314,8 @@ var CascaderList = function CascaderList(props) {
|
|
|
42231
42314
|
childrenKey: childrenKey,
|
|
42232
42315
|
shouldFinal: shouldFinal,
|
|
42233
42316
|
parentId: parentId,
|
|
42234
|
-
path: path
|
|
42317
|
+
path: path,
|
|
42318
|
+
size: size
|
|
42235
42319
|
}, id);
|
|
42236
42320
|
};
|
|
42237
42321
|
var renderSimpleList = function renderSimpleList() {
|
|
@@ -44137,7 +44221,8 @@ var Cascader = function Cascader(props0) {
|
|
|
44137
44221
|
parentId: "",
|
|
44138
44222
|
virtual: virtual,
|
|
44139
44223
|
path: [],
|
|
44140
|
-
mode: mode
|
|
44224
|
+
mode: mode,
|
|
44225
|
+
size: size
|
|
44141
44226
|
}, 'root')];
|
|
44142
44227
|
var childs = path.map(function (p, i) {
|
|
44143
44228
|
tempData = tempData && tempData instanceof Array && tempData.find(function (d) {
|
|
@@ -45377,13 +45462,30 @@ var useListSelectMultiple = function useListSelectMultiple(props) {
|
|
|
45377
45462
|
values.push(item.value);
|
|
45378
45463
|
continue;
|
|
45379
45464
|
}
|
|
45380
|
-
|
|
45381
|
-
|
|
45382
|
-
|
|
45383
|
-
|
|
45384
|
-
|
|
45385
|
-
|
|
45465
|
+
var isDisabled = disabledCheck(item);
|
|
45466
|
+
|
|
45467
|
+
// childrenKey 参数由 treeCheckAll 属性控制:
|
|
45468
|
+
// - 当 Table 组件设置 treeCheckAll=true 时, thead 全选会传入 childrenKey
|
|
45469
|
+
// - 当 treeCheckAll=false 或 undefined 时, childrenKey 为 undefined
|
|
45470
|
+
if (childrenKey) {
|
|
45471
|
+
// 树形递归模式 (treeCheckAll=true):
|
|
45472
|
+
// 即使父节点 disabled, 也要递归处理其子节点
|
|
45473
|
+
// 这样可以选中 disabled 父节点下未 disabled 的子节点
|
|
45474
|
+
if (!isDisabled) {
|
|
45475
|
+
values.push(formatData(item));
|
|
45476
|
+
}
|
|
45477
|
+
// 递归处理子节点
|
|
45478
|
+
if (item && item[childrenKey]) {
|
|
45479
|
+
var children = item[childrenKey];
|
|
45480
|
+
if (children.length) {
|
|
45481
|
+
values.push.apply(values, toConsumableArray_default()(getFlatDataValue(children, childrenKey)));
|
|
45482
|
+
}
|
|
45386
45483
|
}
|
|
45484
|
+
} else {
|
|
45485
|
+
// 非树形递归模式 (treeCheckAll=false 或 undefined):
|
|
45486
|
+
// 保持原有逻辑, disabled 节点直接跳过, 不处理其子节点
|
|
45487
|
+
if (isDisabled) continue;
|
|
45488
|
+
values.push(formatData(item));
|
|
45387
45489
|
}
|
|
45388
45490
|
}
|
|
45389
45491
|
return values;
|
|
@@ -63731,16 +63833,18 @@ var Slider = function Slider(props0) {
|
|
|
63731
63833
|
id: fieldId,
|
|
63732
63834
|
className: classnames_default()(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.rootClass, sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.wrapper, props.autoHide && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.autoHide), isWholeDisabled() && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.disabled), props.vertical && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.vertical), props.className),
|
|
63733
63835
|
style: objectSpread2_default()(objectSpread2_default()({}, verticalStyle), props.style),
|
|
63734
|
-
children: [/*#__PURE__*/(0,jsx_runtime.
|
|
63836
|
+
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
63735
63837
|
className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.track,
|
|
63736
63838
|
ref: trackRef,
|
|
63737
63839
|
onClick: shouldDisableTrackClick() ? undefined : func.handleTrackClick,
|
|
63738
|
-
children: /*#__PURE__*/(0,jsx_runtime.
|
|
63840
|
+
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
63841
|
+
className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.trackBackground
|
|
63842
|
+
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
63739
63843
|
className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.trackInner,
|
|
63740
63844
|
style: innerStyle,
|
|
63741
63845
|
dir: config.direction,
|
|
63742
63846
|
children: [renderIndicator(0), renderIndicator(1)]
|
|
63743
|
-
})
|
|
63847
|
+
})]
|
|
63744
63848
|
}), props.formatScale === false ? null : /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
63745
63849
|
className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.scaleWrapper,
|
|
63746
63850
|
children: scale === null || scale === void 0 ? void 0 : scale.map(function (item, index) {
|
|
@@ -75333,7 +75437,7 @@ var upload_interface = __webpack_require__(8821);
|
|
|
75333
75437
|
|
|
75334
75438
|
|
|
75335
75439
|
/* harmony default export */ var src_0 = ({
|
|
75336
|
-
version: '3.9.9-beta.
|
|
75440
|
+
version: '3.9.9-beta.7'
|
|
75337
75441
|
});
|
|
75338
75442
|
}();
|
|
75339
75443
|
/******/ return __webpack_exports__;
|