shineout 3.1.28 → 3.2.0-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.
- package/cjs/index.js +1 -1
- package/cjs/menu/index.d.ts +6 -0
- package/cjs/menu/index.js +4 -0
- package/cjs/menu/interface.d.ts +1 -0
- package/cjs/menu/menu.js +2 -1
- package/cjs/menu/search.d.ts +4 -0
- package/cjs/menu/search.js +27 -0
- package/cjs/menu/search.type.d.ts +5 -0
- package/cjs/menu/search.type.js +5 -0
- package/dist/shineout.js +1274 -601
- 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/esm/menu/index.d.ts +6 -0
- package/esm/menu/index.js +4 -0
- package/esm/menu/interface.d.ts +1 -0
- package/esm/menu/menu.js +3 -2
- package/esm/menu/search.d.ts +4 -0
- package/esm/menu/search.js +20 -0
- package/esm/menu/search.type.d.ts +5 -0
- package/esm/menu/search.type.js +1 -0
- package/package.json +5 -5
package/dist/shineout.js
CHANGED
|
@@ -4116,6 +4116,13 @@ const figma = [
|
|
|
4116
4116
|
describe: '',
|
|
4117
4117
|
locked: true,
|
|
4118
4118
|
},
|
|
4119
|
+
{
|
|
4120
|
+
name: '填充色',
|
|
4121
|
+
token: 'Neutral-fill-8',
|
|
4122
|
+
value: '#333E59',
|
|
4123
|
+
describe: '',
|
|
4124
|
+
locked: true,
|
|
4125
|
+
},
|
|
4119
4126
|
{
|
|
4120
4127
|
name: 'colorFillActive',
|
|
4121
4128
|
token: 'Neutral-fill-4',
|
|
@@ -6883,7 +6890,8 @@ var config = {
|
|
|
6883
6890
|
},
|
|
6884
6891
|
menu: {
|
|
6885
6892
|
CollapseArrow: icons.ArrowDown,
|
|
6886
|
-
FrontSolidArrowDown: icons.PcArrowFillDown
|
|
6893
|
+
FrontSolidArrowDown: icons.PcArrowFillDown,
|
|
6894
|
+
Search: icons.Search
|
|
6887
6895
|
},
|
|
6888
6896
|
modal: {
|
|
6889
6897
|
Close: icons === null || icons === void 0 ? void 0 : icons.Close
|
|
@@ -7096,12 +7104,9 @@ var Alert = function Alert(props) {
|
|
|
7096
7104
|
onClick: handleClose
|
|
7097
7105
|
});
|
|
7098
7106
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
7099
|
-
className: alertStyle.
|
|
7100
|
-
|
|
7101
|
-
|
|
7102
|
-
onClick: handleClose,
|
|
7103
|
-
children: closeItem || icons_config.alert.Close
|
|
7104
|
-
})
|
|
7107
|
+
className: alertStyle.close,
|
|
7108
|
+
onClick: handleClose,
|
|
7109
|
+
children: closeItem || icons_config.alert.Close
|
|
7105
7110
|
});
|
|
7106
7111
|
};
|
|
7107
7112
|
if (dismiss === HIDE) {
|
|
@@ -11952,7 +11957,7 @@ var handleStyle = function handleStyle(style) {
|
|
|
11952
11957
|
};
|
|
11953
11958
|
/* harmony default export */ var jss_style_handleStyle = (handleStyle);
|
|
11954
11959
|
;// CONCATENATED MODULE: ../shineout-style/src/version.ts
|
|
11955
|
-
/* harmony default export */ var version = ('3.
|
|
11960
|
+
/* harmony default export */ var version = ('3.2.0-beta.2');
|
|
11956
11961
|
;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
|
|
11957
11962
|
|
|
11958
11963
|
|
|
@@ -12114,7 +12119,7 @@ function replaceNonAlphanumeric(str) {
|
|
|
12114
12119
|
return result;
|
|
12115
12120
|
}
|
|
12116
12121
|
function camelCaseToDash(str) {
|
|
12117
|
-
return str.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
12122
|
+
return str.replace(/(?<=.)([A-Z])/g, '-$1').toLowerCase();
|
|
12118
12123
|
}
|
|
12119
12124
|
var cssvar = function cssvar(str, value, key, _size) {
|
|
12120
12125
|
var _getConfig = getConfig(),
|
|
@@ -12126,6 +12131,11 @@ var cssvar = function cssvar(str, value, key, _size) {
|
|
|
12126
12131
|
}
|
|
12127
12132
|
return "var(--".concat(prefix, "-").concat(camelCaseToDash(key), ",var(--").concat(prefix, "-").concat(replaceNonAlphanumeric(str), ",").concat(value, "))");
|
|
12128
12133
|
};
|
|
12134
|
+
var getTokenName = function getTokenName(key) {
|
|
12135
|
+
var _getConfig2 = getConfig(),
|
|
12136
|
+
prefix = _getConfig2.prefix;
|
|
12137
|
+
return "--".concat(prefix, "-").concat(camelCaseToDash(key));
|
|
12138
|
+
};
|
|
12129
12139
|
;// CONCATENATED MODULE: ../theme/src/token/token.ts
|
|
12130
12140
|
|
|
12131
12141
|
|
|
@@ -12271,6 +12281,7 @@ var Token = {
|
|
|
12271
12281
|
'Neutral-fill-9': '#141737',
|
|
12272
12282
|
'Neutral-fill-10': '#020B18',
|
|
12273
12283
|
'Neutral-fill-6': '#999DA8',
|
|
12284
|
+
'Neutral-fill-8': '#333E59',
|
|
12274
12285
|
'Neutral-fill-4': '#CCCFD7',
|
|
12275
12286
|
'Neutral-fill-3': '#E8EBF0',
|
|
12276
12287
|
'Neutral-fill-2': '#F4F5F8',
|
|
@@ -12481,12 +12492,15 @@ var alertTokens = {
|
|
|
12481
12492
|
alertDangerBorderColor: 'Danger-2',
|
|
12482
12493
|
alertDangerFontColor: 'Danger-6',
|
|
12483
12494
|
alertFontSize: 'Font-14',
|
|
12495
|
+
alertFontWeight: 'Weight-regular',
|
|
12484
12496
|
alertFontColor: 'Neutral-text-5',
|
|
12485
12497
|
alertPaddingX: 'Spacing-16',
|
|
12486
12498
|
alertPaddingY: 'Spacing-8',
|
|
12487
|
-
alertBorderRadius: 'Radius-
|
|
12499
|
+
alertBorderRadius: 'Radius-default',
|
|
12488
12500
|
alertNearlyMargin: 'Spacing-8',
|
|
12489
12501
|
alertTitleFontSize: 'Font-16',
|
|
12502
|
+
alertTitleFontWeight: 'Weight-medium',
|
|
12503
|
+
alertTitleMarginY: 'Spacing-4',
|
|
12490
12504
|
alertCloseFontColor: 'Neutral-text-4',
|
|
12491
12505
|
alertCloseHoverColor: 'Neutral-text-5',
|
|
12492
12506
|
alertMessageHoverColor: 'Neutral-fill-2'
|
|
@@ -12504,13 +12518,11 @@ var alertTokens = {
|
|
|
12504
12518
|
var breadcrumbTokens = {
|
|
12505
12519
|
breadcrumbFontSize: 'Font-14',
|
|
12506
12520
|
breadcrumbFontColor: 'Neutral-text-5',
|
|
12521
|
+
breadcrumbFontWieght: 'Weight-regular',
|
|
12507
12522
|
breadcrumbLinkColor: 'Neutral-text-3',
|
|
12508
12523
|
breadcrumbLinkHoverColor: 'Brand-5',
|
|
12509
|
-
breadcrumbListBackgroundColor: 'Neutral-fill-1',
|
|
12510
|
-
breadcrumbListShadow: 'Shadow-1',
|
|
12511
|
-
breadcrumbListBorderColor: '#f4f5f8',
|
|
12512
12524
|
breadcrumbListPaddingY: 'Spacing-4',
|
|
12513
|
-
breadcrumbListItemBorderRadius: 'Radius-
|
|
12525
|
+
breadcrumbListItemBorderRadius: 'Radius-default',
|
|
12514
12526
|
breadcrumbListItemWrapperPaddingX: 'Spacing-4',
|
|
12515
12527
|
breadcrumbListItemPaddingX: 'Spacing-8',
|
|
12516
12528
|
breadcrumbListItemPaddingY: 'Spacing-5',
|
|
@@ -12773,19 +12785,19 @@ var buttonTokens = {
|
|
|
12773
12785
|
buttonLinkFocusBackgroundColor: 'transparent',
|
|
12774
12786
|
buttonLinkFocusBorderColor: 'transparent',
|
|
12775
12787
|
buttonFontSize: 'Font-14',
|
|
12776
|
-
buttonBorderRadius: 'Radius-
|
|
12788
|
+
buttonBorderRadius: 'Radius-default',
|
|
12777
12789
|
buttonPaddingX: 'Spacing-12',
|
|
12778
12790
|
buttonPaddingY: 'Spacing-5',
|
|
12779
12791
|
buttonHeight: 'Size-16',
|
|
12780
12792
|
buttonFontWeight: 'Weight-regular',
|
|
12781
12793
|
buttonSmallFontSize: 'Font-12',
|
|
12782
|
-
buttonSmallBorderRadius: 'Radius-
|
|
12794
|
+
buttonSmallBorderRadius: 'Radius-default',
|
|
12783
12795
|
buttonSmallPaddingX: 'Spacing-8',
|
|
12784
12796
|
buttonSmallPaddingY: 'Spacing-2',
|
|
12785
12797
|
buttonSmallHeight: 'Size-12',
|
|
12786
12798
|
buttonSmallFontWeight: 'Weight-regular',
|
|
12787
12799
|
buttonLargeFontSize: 'Font-16',
|
|
12788
|
-
buttonLargeBorderRadius: 'Radius-
|
|
12800
|
+
buttonLargeBorderRadius: 'Radius-default',
|
|
12789
12801
|
buttonLargePaddingX: 'Spacing-16',
|
|
12790
12802
|
buttonLargePaddingY: 'Spacing-8',
|
|
12791
12803
|
buttonLargeHeight: 'Size-20',
|
|
@@ -12868,12 +12880,12 @@ var buttonTokens = {
|
|
|
12868
12880
|
buttonRoundBorderRadius: 'Radius-full',
|
|
12869
12881
|
buttonCircleBorderRadius: 'Radius-circle',
|
|
12870
12882
|
buttonSquareBorderRadius: 'Radius-default',
|
|
12871
|
-
buttonSmallRoundBorderRadius: 'Radius-
|
|
12883
|
+
buttonSmallRoundBorderRadius: 'Radius-full',
|
|
12872
12884
|
buttonSmallCircleBorderRadius: 'Radius-circle',
|
|
12873
12885
|
buttonSmallSquareBorderRadius: 'Radius-default',
|
|
12874
|
-
buttonLargeRoundBorderRadius: 'Radius-
|
|
12875
|
-
buttonLargeCircleBorderRadius: 'Radius-
|
|
12876
|
-
buttonLargeSquareBorderRadius: 'Radius-
|
|
12886
|
+
buttonLargeRoundBorderRadius: 'Radius-full',
|
|
12887
|
+
buttonLargeCircleBorderRadius: 'Radius-circle',
|
|
12888
|
+
buttonLargeSquareBorderRadius: 'Radius-default',
|
|
12877
12889
|
buttonNearlyMargin: 'Spacing-8',
|
|
12878
12890
|
buttonSpinMargin: 'Spacing-4'
|
|
12879
12891
|
};
|
|
@@ -12890,17 +12902,31 @@ var buttonTokens = {
|
|
|
12890
12902
|
var cardTokens = {
|
|
12891
12903
|
cardBackgroundColor: 'Neutral-fill-1',
|
|
12892
12904
|
cardShadow: 'Shadow-2',
|
|
12905
|
+
cardBorderWidth: 'Border-1',
|
|
12893
12906
|
cardBorderColor: 'Neutral-border-1',
|
|
12894
|
-
cardBorderRadius: 'Radius-
|
|
12907
|
+
cardBorderRadius: 'Radius-default',
|
|
12895
12908
|
cardFontColor: 'Neutral-text-5',
|
|
12896
12909
|
cardFontSize: 'Font-14',
|
|
12897
12910
|
cardPaddingX: 'Spacing-16',
|
|
12898
12911
|
cardPaddingY: 'Spacing-12',
|
|
12912
|
+
cardTitleFontColor: 'Neutral-text-5',
|
|
12899
12913
|
cardTitleFontSize: 'Font-16',
|
|
12914
|
+
cardTitleFontWeight: 'Weight-medium',
|
|
12900
12915
|
cardHeaderGap: '8px',
|
|
12901
12916
|
cardHeaderExtraMarginX: 'Spacing-16',
|
|
12917
|
+
cardHeaderPaddingX: 'Spacing-16',
|
|
12918
|
+
cardHeaderPaddingY: 'Spacing-12',
|
|
12902
12919
|
cardIndicatorSize: 'Size-7',
|
|
12903
|
-
cardIndicatorColor: 'Neutral-text-4'
|
|
12920
|
+
cardIndicatorColor: 'Neutral-text-4',
|
|
12921
|
+
cardBodyPaddingX: 'Spacing-16',
|
|
12922
|
+
cardBodyPaddingY: 'Spacing-12',
|
|
12923
|
+
cardBodyFontSize: 'Font-14',
|
|
12924
|
+
cardBodyFontColor: 'Neutral-text-5',
|
|
12925
|
+
cardBodyFontWeight: 'Weight-regular',
|
|
12926
|
+
cardBodyBorderColor: 'Neutral-border-1',
|
|
12927
|
+
cardFooterPaddingX: 'Spacing-16',
|
|
12928
|
+
cardFooterPaddingY: 'Spacing-12',
|
|
12929
|
+
cardFooterBorderColor: 'Neutral-border-1'
|
|
12904
12930
|
};
|
|
12905
12931
|
/* harmony default export */ var card = (cardTokens);
|
|
12906
12932
|
;// CONCATENATED MODULE: ../theme/src/card/index.ts
|
|
@@ -12930,7 +12956,7 @@ var carouselTokens = {
|
|
|
12930
12956
|
carouselArrowSize: 'Size-12',
|
|
12931
12957
|
carouselArrowIconSize: 'Size-10',
|
|
12932
12958
|
carouselArrowBackgroundColor: 'rgba(255, 255, 255, 0.2)',
|
|
12933
|
-
carouselArrowBorderRadius: 'Radius-
|
|
12959
|
+
carouselArrowBorderRadius: 'Radius-default',
|
|
12934
12960
|
carouselArrowFontColor: 'Neutral-text-1',
|
|
12935
12961
|
carouselArrowHoverBackgroundColor: 'rgba(255, 255, 255, 0.4)',
|
|
12936
12962
|
carouselIndicatorBackgroundColor: 'Neutral-fill-4',
|
|
@@ -12966,7 +12992,7 @@ var carouselTokens = {
|
|
|
12966
12992
|
var cascaderTokens = {
|
|
12967
12993
|
cascaderFontSize: 'Font-14',
|
|
12968
12994
|
cascaderFontColor: 'Neutral-text-5',
|
|
12969
|
-
cascaderBorderRadius: 'Radius-
|
|
12995
|
+
cascaderBorderRadius: 'Radius-default',
|
|
12970
12996
|
cascaderBorderColor: 'Neutral-border-2',
|
|
12971
12997
|
cascaderPaddingX: 'Spacing-8',
|
|
12972
12998
|
cascaderPaddingY: 'Spacing-2',
|
|
@@ -12999,7 +13025,7 @@ var cascaderTokens = {
|
|
|
12999
13025
|
cascaderDisabledPlaceholderColor: 'Neutral-text-2',
|
|
13000
13026
|
cascaderDisabledBorderColor: 'Neutral-border-2',
|
|
13001
13027
|
cascaderDisabledBackgroundColor: 'Neutral-fill-2',
|
|
13002
|
-
cascaderResultTextBorderRadius: 'Radius-
|
|
13028
|
+
cascaderResultTextBorderRadius: 'Radius-default',
|
|
13003
13029
|
cascaderResultTextPaddingX: 'Spacing-4',
|
|
13004
13030
|
cascaderResultTextSmallPaddingX: 'Spacing-4',
|
|
13005
13031
|
cascaderResultTextLargePaddingX: 'Spacing-10',
|
|
@@ -13012,9 +13038,11 @@ var cascaderTokens = {
|
|
|
13012
13038
|
cascaderPanelColor: 'Neutral-text-5',
|
|
13013
13039
|
cascaderPanelBackgroundColor: 'Neutral-fill-1',
|
|
13014
13040
|
cascaderPanelShadow: 'Shadow-2',
|
|
13015
|
-
cascaderPanelRadius: 'Radius-
|
|
13041
|
+
cascaderPanelRadius: 'Radius-default',
|
|
13016
13042
|
cascaderPanelBorder: 'Neutral-border-1',
|
|
13017
13043
|
cascaderOptionHeight: 'Size-16',
|
|
13044
|
+
cascaderOptionFontColor: 'Neutral-text-5',
|
|
13045
|
+
cascaderOptionBackgroundColor: 'Neutral-fill-1',
|
|
13018
13046
|
cascaderOptionPaddingX: 'Spacing-4',
|
|
13019
13047
|
cascaderOptionPaddingY: 'Spacing-1',
|
|
13020
13048
|
cascaderOptionActiveColor: 'Brand-6',
|
|
@@ -13022,9 +13050,10 @@ var cascaderTokens = {
|
|
|
13022
13050
|
cascaderOptionInnerPaddingX: 'Spacing-8',
|
|
13023
13051
|
cascaderOptionInnerPaddingY: 'Spacing-5',
|
|
13024
13052
|
cascaderOptionInnerPaddingRight: 'Size-15',
|
|
13025
|
-
cascaderOptionInnerBorderRadius: 'Radius-
|
|
13053
|
+
cascaderOptionInnerBorderRadius: 'Radius-lesser',
|
|
13026
13054
|
cascaderOptionIconColor: 'Neutral-text-4',
|
|
13027
13055
|
cascaderOptionHoverBackgroundColor: 'Neutral-fill-2',
|
|
13056
|
+
cascaderOptionHoverFontColor: 'Neutral-text-5',
|
|
13028
13057
|
cascaderOptionDisabledColor: 'Neutral-text-2',
|
|
13029
13058
|
cascaderOptionDisabledBackgroundColor: 'Neutral-fill-1',
|
|
13030
13059
|
cascaderMorePaddingX: 'Spacing-16',
|
|
@@ -13096,22 +13125,22 @@ var collapseTokens = {
|
|
|
13096
13125
|
collapseIconHoverBackgroundColor: 'Neutral-fill-3',
|
|
13097
13126
|
collapseExtraMargin: 'Spacing-24',
|
|
13098
13127
|
collapseWrapperBorderSize: 'Border-1',
|
|
13099
|
-
collapseWrapperBorderRadius: 'Radius-
|
|
13128
|
+
collapseWrapperBorderRadius: 'Radius-default',
|
|
13100
13129
|
collapseWrapperGap: 'Size-12',
|
|
13101
13130
|
collapseWrapperPaddingX: 'Spacing-16',
|
|
13102
13131
|
collapseWrapperPaddingY: 'Spacing-12',
|
|
13103
13132
|
collapseHeaderLineHeight: 'Size-11',
|
|
13104
|
-
collapseHeaderGap: '
|
|
13133
|
+
collapseHeaderGap: 'Spacing-8',
|
|
13105
13134
|
collapseHeaderFontSize: 'Font-14',
|
|
13106
13135
|
collapseHeaderWeight: '400',
|
|
13107
13136
|
collapseHeaderIconWidth: 'Size-7',
|
|
13108
13137
|
collapseHeaderExtraGap: 'Size-5',
|
|
13109
13138
|
collapseContentLineHeight: 'Size-11',
|
|
13110
|
-
collapseContentGap: '
|
|
13139
|
+
collapseContentGap: 'Spacing-24',
|
|
13111
13140
|
collapseContentPaddingY: 'Spacing-12',
|
|
13112
13141
|
collapseContentFontSize: 'Font-14',
|
|
13113
13142
|
collapseContentWeight: '400',
|
|
13114
|
-
collapseContentPaddingLeft: '
|
|
13143
|
+
collapseContentPaddingLeft: 'Spacing-38',
|
|
13115
13144
|
collapseContentPaddingRight: 'Spacing-16',
|
|
13116
13145
|
collapseWrapperBorderColor: 'Neutral-border-1',
|
|
13117
13146
|
collapseWrapperColor: 'Neutral-border-1',
|
|
@@ -13147,7 +13176,7 @@ var common = {
|
|
|
13147
13176
|
var datePickerTokens = {
|
|
13148
13177
|
datePickerFontSize: 'Font-14',
|
|
13149
13178
|
datePickerFontColor: 'Neutral-text-5',
|
|
13150
|
-
datePickerBorderRadius: 'Radius-
|
|
13179
|
+
datePickerBorderRadius: 'Radius-default',
|
|
13151
13180
|
datePickerBorderColor: 'Neutral-border-2',
|
|
13152
13181
|
datePickerPaddingX: 'Spacing-8',
|
|
13153
13182
|
datePickerPaddingY: 'Spacing-4',
|
|
@@ -13170,7 +13199,7 @@ var datePickerTokens = {
|
|
|
13170
13199
|
datePickerDisabledPlaceholderColor: 'Neutral-text-2',
|
|
13171
13200
|
datePickerDisabledBorderColor: 'Neutral-border-1',
|
|
13172
13201
|
datePickerDisabledBackgroundColor: 'Neutral-fill-2',
|
|
13173
|
-
datePickerResultTextBorderRadius: 'Radius-
|
|
13202
|
+
datePickerResultTextBorderRadius: 'Radius-default',
|
|
13174
13203
|
datePickerResultTextPaddingX: 'Spacing-4',
|
|
13175
13204
|
datePickerResultTextSmallPaddingX: 'Spacing-4',
|
|
13176
13205
|
datePickerResultTextLargePaddingX: 'Spacing-10',
|
|
@@ -13182,7 +13211,7 @@ var datePickerTokens = {
|
|
|
13182
13211
|
datePickerPanelColor: 'Neutral-text-5',
|
|
13183
13212
|
datePickerPanelBackgroundColor: 'Neutral-fill-1',
|
|
13184
13213
|
datePickerPanelShadow: 'Shadow-2',
|
|
13185
|
-
datePickerPanelRadius: 'Radius-
|
|
13214
|
+
datePickerPanelRadius: 'Radius-default',
|
|
13186
13215
|
datePickerPanelMargin: 'Spacing-24',
|
|
13187
13216
|
datePickerPanelBorder: 'Neutral-border-1',
|
|
13188
13217
|
datePickerPanelHeaderFontSize: 'Font-14',
|
|
@@ -13219,7 +13248,7 @@ var datePickerTokens = {
|
|
|
13219
13248
|
datePickerTimePanelPaddingY: 'Spacing-7',
|
|
13220
13249
|
datePickerTimeListGap: 'Spacing-8',
|
|
13221
13250
|
datePickerTimeItemHeight: 'Size-15',
|
|
13222
|
-
datePickerTimeItemBorderRadius: 'Radius-
|
|
13251
|
+
datePickerTimeItemBorderRadius: 'Radius-default',
|
|
13223
13252
|
datePickerTimeItemPaddingY: '2px',
|
|
13224
13253
|
datePickerTimeItemBackgroundColor: 'Neutral-fill-1',
|
|
13225
13254
|
datePickerTimeItemColor: 'Neutral-text-5',
|
|
@@ -13253,7 +13282,7 @@ var descriptionsTokens = {
|
|
|
13253
13282
|
descriptionsTitleSmallSize: 'Font-14',
|
|
13254
13283
|
descriptionsTitleDefaultSize: 'Font-16',
|
|
13255
13284
|
descriptionsTitleLargeSize: 'Font-18',
|
|
13256
|
-
descriptionsBorderDefaultSize: '
|
|
13285
|
+
descriptionsBorderDefaultSize: 'Border-1',
|
|
13257
13286
|
descriptionsFontSmallSize: 'Font-12',
|
|
13258
13287
|
descriptionsFontDefaultSize: 'Font-14',
|
|
13259
13288
|
descriptionsFontLargeSize: 'Font-16',
|
|
@@ -13262,15 +13291,17 @@ var descriptionsTokens = {
|
|
|
13262
13291
|
descriptionsTitleColor: 'Neutral-text-5',
|
|
13263
13292
|
descriptionsBackgroundColor: 'Neutral-fill-2',
|
|
13264
13293
|
descriptionsBorderColor: 'Neutral-border-1',
|
|
13265
|
-
descriptionsTitleFontWeight: '
|
|
13294
|
+
descriptionsTitleFontWeight: 'Weight-medium',
|
|
13266
13295
|
descriptionsTitleGap: 'Size-2',
|
|
13267
|
-
|
|
13296
|
+
descriptionsCellGap: 'Spacing-0',
|
|
13297
|
+
descriptionsBorderRadius: 'Radius-lesser',
|
|
13268
13298
|
descriptionsBorderRightSize: '1px',
|
|
13269
13299
|
descriptionsBorderBottomSize: '1px',
|
|
13270
13300
|
descriptionsBorderPaddingX: 'Spacing-8',
|
|
13271
13301
|
descriptionsBorderPaddingY: 'Spacing-12',
|
|
13272
13302
|
descriptionsInlineBorderPaddingX: 'Spacing-8',
|
|
13273
|
-
descriptionsInlineBorderPaddingY: 'Spacing-12'
|
|
13303
|
+
descriptionsInlineBorderPaddingY: 'Spacing-12',
|
|
13304
|
+
descriptionsVerticalPaddingBottom: 'Spacing-2'
|
|
13274
13305
|
};
|
|
13275
13306
|
/* harmony default export */ var descriptions = (descriptionsTokens);
|
|
13276
13307
|
;// CONCATENATED MODULE: ../theme/src/descriptions/index.ts
|
|
@@ -13285,6 +13316,7 @@ var descriptionsTokens = {
|
|
|
13285
13316
|
var dividerTokens = {
|
|
13286
13317
|
dividerFontSize: 'Font-12',
|
|
13287
13318
|
dividerFontColor: 'Neutral-text-5',
|
|
13319
|
+
dividerFontWeight: 'Weight-regular',
|
|
13288
13320
|
dividerBorderColor: 'Neutral-border-1',
|
|
13289
13321
|
dividerBorderWidth: 'Border-1',
|
|
13290
13322
|
dividerHorizontalMarginY: 'Spacing-24',
|
|
@@ -13303,16 +13335,16 @@ var dividerTokens = {
|
|
|
13303
13335
|
// This file was generated automatically by a script. Please do not modify it directly.
|
|
13304
13336
|
|
|
13305
13337
|
var dropdownTokens = {
|
|
13306
|
-
dropdownCaretMarginLeft: 'Spacing-
|
|
13307
|
-
dropdownListBorderRadius: 'Radius-
|
|
13338
|
+
dropdownCaretMarginLeft: 'Spacing-8',
|
|
13339
|
+
dropdownListBorderRadius: 'Radius-default',
|
|
13308
13340
|
dropdownListPaddingX: 'Spacing-4',
|
|
13309
13341
|
dropdownListPaddingY: 'Spacing-4',
|
|
13310
13342
|
dropdownListFontSize: 'Font-14',
|
|
13311
|
-
dropdownListSmallBorderRadius: 'Radius-
|
|
13343
|
+
dropdownListSmallBorderRadius: 'Radius-default',
|
|
13312
13344
|
dropdownListSmallPaddingX: 'Spacing-4',
|
|
13313
13345
|
dropdownListSmallPaddingY: 'Spacing-4',
|
|
13314
13346
|
dropdownListSmallFontSize: 'Font-12',
|
|
13315
|
-
dropdownListLargeBorderRadius: 'Radius-
|
|
13347
|
+
dropdownListLargeBorderRadius: 'Radius-default',
|
|
13316
13348
|
dropdownListLargePaddingX: 'Spacing-4',
|
|
13317
13349
|
dropdownListLargePaddingY: 'Spacing-4',
|
|
13318
13350
|
dropdownListLargeFontSize: 'Font-16',
|
|
@@ -13337,6 +13369,8 @@ var dropdownTokens = {
|
|
|
13337
13369
|
dropdownOptionSelectFontColor: 'Brand-6',
|
|
13338
13370
|
dropdownOptionDisabledBackgroundColor: 'Neutral-fill-1',
|
|
13339
13371
|
dropdownOptionDisabledFontColor: 'Neutral-text-2',
|
|
13372
|
+
dropdownOptionBorderRadius: 'Radius-default',
|
|
13373
|
+
dropdownOptionFontWeight: 'Weight-regular',
|
|
13340
13374
|
dropdownColumnPaddingX: 'Spacing-4',
|
|
13341
13375
|
dropdownColumnPaddingY: 'Spacing-4',
|
|
13342
13376
|
dropdownOptionGroupPaddingX: 'Spacing-8',
|
|
@@ -13379,7 +13413,8 @@ var editableAreaTokens = {
|
|
|
13379
13413
|
|
|
13380
13414
|
var emptyTokens = {
|
|
13381
13415
|
emptyFontSize: 'Font-14',
|
|
13382
|
-
emptyFontColor: 'Neutral-text-3'
|
|
13416
|
+
emptyFontColor: 'Neutral-text-3',
|
|
13417
|
+
emptyFontWeight: 'Weight-regular'
|
|
13383
13418
|
};
|
|
13384
13419
|
/* harmony default export */ var empty = (emptyTokens);
|
|
13385
13420
|
;// CONCATENATED MODULE: ../theme/src/empty/index.ts
|
|
@@ -13399,10 +13434,17 @@ var formTokens = {
|
|
|
13399
13434
|
formItemLabelWidth: '140px',
|
|
13400
13435
|
formItemLabelPaddingY: 'Spacing-5',
|
|
13401
13436
|
formItemLabelMarginXEnd: 'Spacing-8',
|
|
13402
|
-
|
|
13437
|
+
formItemLabelTopPaddingY: 'Spacing-4',
|
|
13438
|
+
formItemLabelFontWeight: 'Weight-regular',
|
|
13439
|
+
formItemLabelFontColor: 'Neutral-text-5',
|
|
13440
|
+
formItemDangerFontSize: 'Font-12',
|
|
13441
|
+
formItemDangerFontColor: 'Danger-6',
|
|
13442
|
+
formItemDangerFontWeight: 'Weight-regular',
|
|
13403
13443
|
formItemTipMinHeight: 'Size-10',
|
|
13404
13444
|
formItemTipFontSize: 'Font-12',
|
|
13405
|
-
formItemTipFontColor: 'Neutral-text-3'
|
|
13445
|
+
formItemTipFontColor: 'Neutral-text-3',
|
|
13446
|
+
formItemTipFontWeight: 'Weight-regular',
|
|
13447
|
+
formItemTipMarginTop: 'Spacing-0'
|
|
13406
13448
|
};
|
|
13407
13449
|
/* harmony default export */ var form_form = (formTokens);
|
|
13408
13450
|
;// CONCATENATED MODULE: ../theme/src/form/index.ts
|
|
@@ -13438,11 +13480,13 @@ var iconTokens = {
|
|
|
13438
13480
|
|
|
13439
13481
|
var imageTokens = {
|
|
13440
13482
|
imageSpinColor: 'Neutral-text-2',
|
|
13441
|
-
|
|
13483
|
+
imageBorderRadius: 'Radius-default',
|
|
13484
|
+
imageBorderColor: 'Neutral-border-1',
|
|
13485
|
+
imageCircleBorderRadius: 'Radius-circle',
|
|
13442
13486
|
imageCircleBorderColor: 'Neutral-border-1',
|
|
13443
|
-
imageRoundedBorderRadius: 'Radius-
|
|
13487
|
+
imageRoundedBorderRadius: 'Radius-default',
|
|
13444
13488
|
imageRoundedBorderColor: 'Neutral-border-1',
|
|
13445
|
-
imageThumbnailBorderRadius: 'Radius-
|
|
13489
|
+
imageThumbnailBorderRadius: 'Radius-default',
|
|
13446
13490
|
imageThumbnailBorderColor: 'Neutral-border-1',
|
|
13447
13491
|
imagePlaceholderBackgroundColor: 'Neutral-fill-2',
|
|
13448
13492
|
imageErrorBackgroundColor: 'Neutral-fill-2',
|
|
@@ -13464,34 +13508,47 @@ var imageTokens = {
|
|
|
13464
13508
|
|
|
13465
13509
|
var inputTokens = {
|
|
13466
13510
|
inputFontSize: 'Font-14',
|
|
13467
|
-
|
|
13511
|
+
inputFontColor: 'Neutral-text-5',
|
|
13512
|
+
inputFontWeight: 'Weight-regular',
|
|
13513
|
+
inputBorderRadius: 'Radius-default',
|
|
13514
|
+
inputBorderColor: 'Neutral-border-2',
|
|
13515
|
+
inputBorderWidth: 'Border-1',
|
|
13468
13516
|
inputPaddingX: 'Spacing-8',
|
|
13469
13517
|
inputPaddingY: 'Spacing-4',
|
|
13470
13518
|
inputIconSize: 'Size-7',
|
|
13519
|
+
inputIconColor: 'Neutral-text-4',
|
|
13471
13520
|
inputSmallFontSize: 'Font-12',
|
|
13472
13521
|
inputSmallPaddingX: 'Spacing-8',
|
|
13473
13522
|
inputSmallPaddingY: 'Spacing-1',
|
|
13474
13523
|
inputLargeFontSize: 'Font-16',
|
|
13475
13524
|
inputLargePaddingX: 'Spacing-12',
|
|
13476
13525
|
inputLargePaddingY: 'Spacing-7',
|
|
13477
|
-
inputFontColor: 'Neutral-text-5',
|
|
13478
13526
|
inputPlaceholderColor: 'Neutral-text-2',
|
|
13479
|
-
|
|
13527
|
+
inputPlaceholderFontWeight: 'Weight-regular',
|
|
13480
13528
|
inputBackgroundColor: 'Neutral-fill-1',
|
|
13481
13529
|
inputClearColor: 'Neutral-text-3',
|
|
13482
13530
|
inputToggleColor: 'Neutral-text-4',
|
|
13483
|
-
inputIconColor: 'Neutral-text-4',
|
|
13484
13531
|
inputHoverBorderColor: 'Brand-6',
|
|
13532
|
+
inputHoverBackgroundColor: 'Neutral-fill-1',
|
|
13485
13533
|
inputHoverClearColor: 'Neutral-text-4',
|
|
13486
13534
|
inputHoverToggleColor: 'Neutral-text-5',
|
|
13535
|
+
inputHoverIconColor: 'Brand-6',
|
|
13487
13536
|
inputFocusBorderColor: 'Brand-7',
|
|
13537
|
+
inputFocusBackgroundColor: 'Neutral-fill-1',
|
|
13488
13538
|
inputFocusShadow: 'Brand-2',
|
|
13489
13539
|
inputDisabledFontColor: 'Neutral-text-2',
|
|
13490
13540
|
inputDisabledPlaceholderColor: 'Neutral-text-2',
|
|
13491
13541
|
inputDisabledBorderColor: 'Neutral-border-1',
|
|
13492
13542
|
inputDisabledBackgroundColor: 'Neutral-fill-2',
|
|
13493
13543
|
inputErrorBorderColor: 'Danger-6',
|
|
13544
|
+
inputErrorBackgroundColor: 'Neutral-fill-1',
|
|
13545
|
+
inputErrorHoverBorderColor: 'Danger-6',
|
|
13546
|
+
inputErrorHoverBackgroundColor: 'Neutral-fill-1',
|
|
13547
|
+
inputErrorFocusBorderColor: 'Danger-6',
|
|
13548
|
+
inputErrorFocusBackgroundColor: 'Neutral-fill-1',
|
|
13494
13549
|
inputErrorFocusShadow: 'Danger-1',
|
|
13550
|
+
inputGroupFontColor: 'Neutral-text-5',
|
|
13551
|
+
inputGroupFontBackgroundColor: 'Neutral-fill-2',
|
|
13495
13552
|
inputInfoFontColor: 'Brand-6',
|
|
13496
13553
|
inputInfoBackgroundColor: 'Neutral-fill-1',
|
|
13497
13554
|
inputInfoBorderColor: 'Neutral-border-2',
|
|
@@ -13501,13 +13558,16 @@ var inputTokens = {
|
|
|
13501
13558
|
inputInnerPaddingX: 'Spacing-8',
|
|
13502
13559
|
inputInnerPaddingY: 'Spacing-1',
|
|
13503
13560
|
inputInnerFontSize: 'Font-12',
|
|
13561
|
+
inputInnerFontColor: 'Neutral-text-4',
|
|
13504
13562
|
inputInnerSmallPaddingX: 'Spacing-8',
|
|
13505
13563
|
inputInnerSmallPaddingY: 'Spacing-1',
|
|
13506
13564
|
inputInnerSmallFontSize: 'Font-12',
|
|
13507
13565
|
inputInnerLargePaddingX: 'Spacing-12',
|
|
13508
13566
|
inputInnerLargePaddingY: 'Spacing-3',
|
|
13509
13567
|
inputInnerLargeFontSize: 'Font-14',
|
|
13510
|
-
|
|
13568
|
+
inputInnerTopFontSize: 'Font-12',
|
|
13569
|
+
inputInnerTopSmallFontSize: 'Font-12',
|
|
13570
|
+
inputInnerTopLargeFontSize: 'Font-12'
|
|
13511
13571
|
};
|
|
13512
13572
|
/* harmony default export */ var input = (inputTokens);
|
|
13513
13573
|
;// CONCATENATED MODULE: ../theme/src/input/index.ts
|
|
@@ -13523,13 +13583,17 @@ var listTokens = {
|
|
|
13523
13583
|
listFontSize: 'Font-14',
|
|
13524
13584
|
listFontColor: 'Neutral-text-5',
|
|
13525
13585
|
listBorderColor: 'Neutral-border-1',
|
|
13526
|
-
listBorderRadius: 'Radius-
|
|
13586
|
+
listBorderRadius: 'Radius-lesser',
|
|
13587
|
+
listBorderWidth: 'Border-1',
|
|
13527
13588
|
listItemPaddingY: 'Spacing-12',
|
|
13528
13589
|
listItemPaddingX: 'Spacing-16',
|
|
13590
|
+
listItemBackgroundColor: 'Transparent',
|
|
13529
13591
|
listSmallItemPaddingY: 'Spacing-8',
|
|
13530
13592
|
listSmallItemPaddingX: 'Spacing-12',
|
|
13593
|
+
listSmallFontSize: 'Font-14',
|
|
13531
13594
|
listLargeItemPaddingY: 'Spacing-16',
|
|
13532
13595
|
listLargeItemPaddingX: 'Spacing-20',
|
|
13596
|
+
listLargeFontSize: 'Font-14',
|
|
13533
13597
|
listPaginationMarginY: 'Spacing-12',
|
|
13534
13598
|
listStripedBackgroundColor: 'Neutral-fill-2'
|
|
13535
13599
|
};
|
|
@@ -13544,9 +13608,12 @@ var listTokens = {
|
|
|
13544
13608
|
// This file was generated automatically by a script. Please do not modify it directly.
|
|
13545
13609
|
|
|
13546
13610
|
var menuTokens = {
|
|
13611
|
+
menuCollpaseWidth: 'Spacing-40',
|
|
13547
13612
|
menuFontSize: 'Font-14',
|
|
13548
13613
|
menuFontColor: 'Neutral-text-5',
|
|
13549
13614
|
menuIconColor: 'Neutral-text-4',
|
|
13615
|
+
menuIconMarginX: 'Spacing-8',
|
|
13616
|
+
menuPopoverPaddingY: 'Spacing-4',
|
|
13550
13617
|
menuItemBackgroundColor: 'Neutral-fill-1',
|
|
13551
13618
|
menuItemFontColor: 'Neutral-text-5',
|
|
13552
13619
|
menuItemHoverBackgroundColor: 'Neutral-fill-2',
|
|
@@ -13556,12 +13623,13 @@ var menuTokens = {
|
|
|
13556
13623
|
menuItemActiveFontColor: 'Brand-6',
|
|
13557
13624
|
menuItemDisabledBackgroundColor: 'Neutral-fill-1',
|
|
13558
13625
|
menuItemDisabledFontColor: 'Neutral-text-2',
|
|
13559
|
-
menuTitlePaddingX: '
|
|
13560
|
-
menuTitlePaddingY: '
|
|
13561
|
-
menuExpandWidth: '
|
|
13562
|
-
menuExpandSize: '
|
|
13626
|
+
menuTitlePaddingX: 'Spacing-16',
|
|
13627
|
+
menuTitlePaddingY: 'Spacing-9',
|
|
13628
|
+
menuExpandWidth: 'Spacing-46',
|
|
13629
|
+
menuExpandSize: 'Spacing-14',
|
|
13563
13630
|
menuExpandHoverBackgroundColor: 'Neutral-fill-3',
|
|
13564
13631
|
menuChildrenBoxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
|
|
13632
|
+
menuHeaderBorderColor: 'Neutral-border-1',
|
|
13565
13633
|
menuDarkFontColor: 'Neutral-text-1',
|
|
13566
13634
|
menuDarkItemBackgroundColor: 'Neutral-fill-10',
|
|
13567
13635
|
menuDarkItemFontColor: 'Neutral-text-1',
|
|
@@ -13572,7 +13640,32 @@ var menuTokens = {
|
|
|
13572
13640
|
menuDarkItemOpenBackgroundColor: 'Neutral-fill-9',
|
|
13573
13641
|
menuDarkItemOpenFontColor: 'Neutral-text-1',
|
|
13574
13642
|
menuDarkItemDisabledBackgroundColor: 'Neutral-fill-10',
|
|
13575
|
-
menuDarkItemDisabledFontColor: 'Neutral-text-4'
|
|
13643
|
+
menuDarkItemDisabledFontColor: 'Neutral-text-4',
|
|
13644
|
+
menuDarkHeaderBorderColor: 'Neutral-fill-8',
|
|
13645
|
+
menuSearchBorderRadius: 'Radius-Full',
|
|
13646
|
+
menuSearchBorderColor: 'Neutral-border-2',
|
|
13647
|
+
menuSearchPaddingX: 'Spacing-8',
|
|
13648
|
+
menuSearchIconSize: 'Size-7',
|
|
13649
|
+
menuSearchIconColor: 'Neutral-text-4',
|
|
13650
|
+
menuSearchIconMarginX: 'Spacing-8',
|
|
13651
|
+
menuSearchBackgroundColor: 'Neutral-fill-2',
|
|
13652
|
+
menuSearchClearColor: 'Neutral-text-2',
|
|
13653
|
+
menuSearchHoverClearColor: 'Neutral-text-4',
|
|
13654
|
+
menuSearchHoverBorderColor: 'Brand-5',
|
|
13655
|
+
menuSearchHoverBackgroundColor: 'Neutral-fill-1',
|
|
13656
|
+
menuSearchDisabledBackgroundColor: 'Neutral-fill-3',
|
|
13657
|
+
menuSearchDarkFontColor: 'Neutral-text-1',
|
|
13658
|
+
menuSearchDarkBorderColor: 'Neutral-fill-8',
|
|
13659
|
+
menuSearchDarkBackgroundColor: 'Neutral-fill-8',
|
|
13660
|
+
menuSearchDarkIconColor: 'Neutral-text-1',
|
|
13661
|
+
menuSearchDarkClearColor: 'Neutral-text-3',
|
|
13662
|
+
menuSearchDarkPlaceholderFontColor: 'Neutral-text-2',
|
|
13663
|
+
menuSearchDarkHoverBorderColor: 'Brand-5',
|
|
13664
|
+
menuSearchDarkHoverBackgroundColor: 'Neutral-fill-9',
|
|
13665
|
+
menuSearchDarkHoverClearColor: 'Neutral-text-2',
|
|
13666
|
+
menuSearchDarkFocusBorderColor: 'Brand-5',
|
|
13667
|
+
menuSearchDarkFocusBackgroundColor: 'Neutral-fill-9',
|
|
13668
|
+
menuSearchDarkFocusShadow: 'Brand-9'
|
|
13576
13669
|
};
|
|
13577
13670
|
/* harmony default export */ var menu = (menuTokens);
|
|
13578
13671
|
;// CONCATENATED MODULE: ../theme/src/menu/index.ts
|
|
@@ -13610,7 +13703,7 @@ var modalTokens = {
|
|
|
13610
13703
|
modalPanelShadow: 'Shadow-3',
|
|
13611
13704
|
modalPanelBorder: 'Neutral-border-1',
|
|
13612
13705
|
modalPanelGap: 'Spacing-16',
|
|
13613
|
-
modalPanelRadius: 'Radius-
|
|
13706
|
+
modalPanelRadius: 'Radius-default',
|
|
13614
13707
|
modalPanelFontSize: 'Font-14',
|
|
13615
13708
|
modalHeaderIconMarginEnd: 'Spacing-8',
|
|
13616
13709
|
modalHeaderIconMarginTop: 'Size-2',
|
|
@@ -13660,9 +13753,10 @@ var paginationTokens = {
|
|
|
13660
13753
|
|
|
13661
13754
|
var popoverTokens = {
|
|
13662
13755
|
popoverFontSize: 'Font-14',
|
|
13756
|
+
popoverFontWeight: 'Weight-regular',
|
|
13663
13757
|
popoverPaddingX: 'Spacing-8',
|
|
13664
13758
|
popoverPaddingY: 'Spacing-8',
|
|
13665
|
-
popoverRadius: 'Radius-
|
|
13759
|
+
popoverRadius: 'Radius-default',
|
|
13666
13760
|
popoverBorderWidth: 'Border-1',
|
|
13667
13761
|
popoverFontColor: 'Neutral-text-5',
|
|
13668
13762
|
popoverBackgroundColor: 'Neutral-fill-1',
|
|
@@ -13670,17 +13764,18 @@ var popoverTokens = {
|
|
|
13670
13764
|
popoverBorderColor: 'Neutral-border-1',
|
|
13671
13765
|
popoverSuccessBackgroundColor: '#edf9e8',
|
|
13672
13766
|
popoverSuccessBorderColor: 'rgba(82, 196, 26, 0.1)',
|
|
13673
|
-
popoverWarningBackgroundColor: '
|
|
13674
|
-
popoverWarningBorderColor: '
|
|
13675
|
-
popoverInfoBackgroundColor: '
|
|
13676
|
-
popoverInfoBorderColor: '
|
|
13677
|
-
popoverDangerBackgroundColor: '
|
|
13678
|
-
popoverDangerBorderColor: '
|
|
13767
|
+
popoverWarningBackgroundColor: 'Warning-1',
|
|
13768
|
+
popoverWarningBorderColor: 'Warning-2',
|
|
13769
|
+
popoverInfoBackgroundColor: 'Brand-1',
|
|
13770
|
+
popoverInfoBorderColor: 'Brand-2',
|
|
13771
|
+
popoverDangerBackgroundColor: 'Danger-1',
|
|
13772
|
+
popoverDangerBorderColor: 'Danger-2',
|
|
13679
13773
|
popoverErrorFontColor: 'Danger-7',
|
|
13680
13774
|
popoverErrorBackgroundColor: 'Danger-1',
|
|
13681
13775
|
popoverErrorBorderColor: 'Danger-1',
|
|
13682
13776
|
popoverConfirmPaddingX: 'Spacing-16',
|
|
13683
13777
|
popoverConfirmPaddingY: 'Spacing-16',
|
|
13778
|
+
popoverConfirmMarginY: 'Spacing-16',
|
|
13684
13779
|
popoverConfirmBackgroundColor: 'transparent'
|
|
13685
13780
|
};
|
|
13686
13781
|
/* harmony default export */ var popover = (popoverTokens);
|
|
@@ -13698,9 +13793,18 @@ var progressTokens = {
|
|
|
13698
13793
|
progressFontColor: 'Neutral-text-4',
|
|
13699
13794
|
progressBackground: 'Neutral-fill-3',
|
|
13700
13795
|
progressInfoFrontBackgroundColor: 'Brand-6',
|
|
13796
|
+
progressInfoInnerFontColor: 'Neutral-text-1',
|
|
13701
13797
|
progressWarningFrontBackgroundColor: 'Warning-6',
|
|
13798
|
+
progressWarningInnerFontColor: 'Neutral-text-1',
|
|
13702
13799
|
progressSuccessFrontBackgroundColor: 'Success-6',
|
|
13800
|
+
progressSuccessInnerFontColor: 'Neutral-text-1',
|
|
13703
13801
|
progressDangerFrontBackgroundColor: 'Danger-6',
|
|
13802
|
+
progressDangerInnerFontColor: 'Neutral-text-1',
|
|
13803
|
+
progressCircleInfoFontColor: 'Neutral-text-4',
|
|
13804
|
+
progressCircleWarningFontColor: 'Warning-6',
|
|
13805
|
+
progressCircleSuccessFontColor: 'success-6',
|
|
13806
|
+
progressCircleDangerFontColor: 'danger-6',
|
|
13807
|
+
progressCircleFontWeight: 'Weight-regular',
|
|
13704
13808
|
progressLineHeight: 'Size-3',
|
|
13705
13809
|
progressLineGap: 'Spacing-8',
|
|
13706
13810
|
progressLineInnerHeight: 'Size-10',
|
|
@@ -13709,9 +13813,14 @@ var progressTokens = {
|
|
|
13709
13813
|
progressLineInnerFontColor: 'Neutral-text-1',
|
|
13710
13814
|
progressLineInnerFontSize: 'Font-12',
|
|
13711
13815
|
progressLineInnerRightFontColor: 'Neutral-text-5',
|
|
13816
|
+
progressLineInnerInfoFrontBackgroundColor: 'Brand-6',
|
|
13817
|
+
progressLineInnerWarningFrontBackgroundColor: 'Warning-6',
|
|
13818
|
+
progressLineInnerSuccessFrontBackgroundColor: 'Success-6',
|
|
13819
|
+
progressLineInnerDangerFrontBackgroundColor: 'Danger-6',
|
|
13820
|
+
progressLinePopFontColor: 'Neutral-text-1',
|
|
13712
13821
|
progressLineIconSize: 'Size-7',
|
|
13713
13822
|
progressLineBackgroundColor: 'Neutral-fill-9',
|
|
13714
|
-
|
|
13823
|
+
progressLineFontWeight: 'Weight-regular'
|
|
13715
13824
|
};
|
|
13716
13825
|
/* harmony default export */ var progress = (progressTokens);
|
|
13717
13826
|
;// CONCATENATED MODULE: ../theme/src/progress/index.ts
|
|
@@ -13769,8 +13878,10 @@ var radioTokens = {
|
|
|
13769
13878
|
var rateTokens = {
|
|
13770
13879
|
rateFontColor: 'Neutral-text-5',
|
|
13771
13880
|
rateFontSize: 'Font-14',
|
|
13772
|
-
|
|
13881
|
+
rateFontWeight: 'Weight-regular',
|
|
13882
|
+
rateGap: 'Spacing-6',
|
|
13773
13883
|
rateSize: 'Size-12',
|
|
13884
|
+
rateTextGap: 'Spacing-10',
|
|
13774
13885
|
rateBackgroundColor: 'Neutral-fill-3',
|
|
13775
13886
|
rateFrontBackgroundColor: 'Warning-5'
|
|
13776
13887
|
};
|
|
@@ -13787,8 +13898,10 @@ var rateTokens = {
|
|
|
13787
13898
|
var selectTokens = {
|
|
13788
13899
|
selectFontSize: 'Font-14',
|
|
13789
13900
|
selectFontColor: 'Neutral-text-5',
|
|
13790
|
-
|
|
13901
|
+
selectFontWeight: 'Weight-regular',
|
|
13902
|
+
selectBorderRadius: 'Radius-default',
|
|
13791
13903
|
selectBorderColor: 'Neutral-border-2',
|
|
13904
|
+
selectBorderWidth: 'Border-1',
|
|
13792
13905
|
selectPaddingX: 'Spacing-8',
|
|
13793
13906
|
selectPaddingY: 'Spacing-2',
|
|
13794
13907
|
selectIconSize: 'Size-7',
|
|
@@ -13813,26 +13926,35 @@ var selectTokens = {
|
|
|
13813
13926
|
selectClearPadding: 'Spacing-8',
|
|
13814
13927
|
selectHoverBorderColor: 'Brand-6',
|
|
13815
13928
|
selectHoverClearColor: 'Neutral-text-4',
|
|
13929
|
+
selectHoverBackgroundColor: 'Neutral-fill-1',
|
|
13816
13930
|
selectFocusBorderColor: 'Brand-7',
|
|
13817
13931
|
selectFocusShadow: 'Brand-2',
|
|
13932
|
+
selectFocusBackgroundColor: 'Neutral-fill-1',
|
|
13818
13933
|
selectDisabledIconColor: 'Neutral-text-2',
|
|
13819
13934
|
selectDisabledFontColor: 'Neutral-text-2',
|
|
13820
13935
|
selectDisabledPlaceholderColor: 'Neutral-text-2',
|
|
13821
13936
|
selectDisabledBorderColor: 'Neutral-border-1',
|
|
13822
13937
|
selectDisabledBackgroundColor: 'Neutral-fill-2',
|
|
13823
|
-
selectResultTextBorderRadius: 'Radius-
|
|
13938
|
+
selectResultTextBorderRadius: 'Radius-default',
|
|
13824
13939
|
selectResultTextPaddingX: 'Spacing-4',
|
|
13825
13940
|
selectResultTextSmallPaddingX: 'Spacing-4',
|
|
13826
13941
|
selectResultTextLargePaddingX: 'Spacing-10',
|
|
13827
13942
|
selectResultTextActiveBackgroundColor: 'Brand-1',
|
|
13828
13943
|
selectErrorBorderColor: 'Danger-6',
|
|
13944
|
+
selectErrorBackgroundColor: 'Neutral-fill-1',
|
|
13829
13945
|
selectErrorFocusShadow: 'Danger-1',
|
|
13946
|
+
selectErrorFocusBackgroundColor: 'Neutral-fill-1',
|
|
13947
|
+
selectErrorFocusBorderColor: 'Danger-6',
|
|
13948
|
+
selectErrorHoverBackgroundColor: 'Neutral-fill-1',
|
|
13949
|
+
selectErrorHoverBorderColor: 'Danger-6',
|
|
13830
13950
|
selectPanelColor: 'Neutral-text-5',
|
|
13831
13951
|
selectPanelBackgroundColor: 'Neutral-fill-1',
|
|
13832
13952
|
selectPanelShadow: 'Shadow-2',
|
|
13833
|
-
selectPanelRadius: 'Radius-
|
|
13953
|
+
selectPanelRadius: 'Radius-default',
|
|
13834
13954
|
selectPanelBorder: 'Neutral-border-1',
|
|
13835
13955
|
selectOptionHeight: 'Size-16',
|
|
13956
|
+
selectOptionBackgroundColor: 'Neutral-fill-1',
|
|
13957
|
+
selectOptionFontColor: 'Neutral-text-5',
|
|
13836
13958
|
selectOptionPaddingX: 'Spacing-4',
|
|
13837
13959
|
selectOptionPaddingY: 'Spacing-1',
|
|
13838
13960
|
selectOptionActiveColor: 'Brand-6',
|
|
@@ -13840,15 +13962,18 @@ var selectTokens = {
|
|
|
13840
13962
|
selectOptionInnerPaddingX: 'Spacing-8',
|
|
13841
13963
|
selectOptionInnerPaddingY: 'Spacing-5',
|
|
13842
13964
|
selectOptionInnerPaddingRight: 'Size-15',
|
|
13843
|
-
selectOptionInnerBorderRadius: 'Radius-
|
|
13965
|
+
selectOptionInnerBorderRadius: 'Radius-lesser',
|
|
13844
13966
|
selectOptionHoverBackgroundColor: 'Neutral-fill-2',
|
|
13967
|
+
selectOptionHoverFontColor: 'Neutral-text-5',
|
|
13845
13968
|
selectOptionDisabledColor: 'Neutral-text-2',
|
|
13846
13969
|
selectOptionDisabledBackgroundColor: 'Neutral-fill-1',
|
|
13847
13970
|
selectMorePadding: 'Spacing-8',
|
|
13848
|
-
|
|
13971
|
+
selectHeaderPaddingX: 'Spacing-8',
|
|
13972
|
+
selectHeaderPaddingY: 'Spacing-8',
|
|
13849
13973
|
selectHeaderBorderColor: 'Neutral-border-1',
|
|
13850
13974
|
selectGroupTitleFontColor: 'Neutral-text-3',
|
|
13851
13975
|
selectGroupTitleFontSize: 'Font-12',
|
|
13976
|
+
selectGroupTitleFontWeight: 'Weight-regular',
|
|
13852
13977
|
selectGroupTitlePaddingX: 'Spacing-12',
|
|
13853
13978
|
selectGroupTitlePaddingTop: 'Spacing-10',
|
|
13854
13979
|
selectGroupTitlePaddingBottom: 'Spacing-2',
|
|
@@ -13859,8 +13984,10 @@ var selectTokens = {
|
|
|
13859
13984
|
selectGroupTitleLargeBottom: 'Spacing-4',
|
|
13860
13985
|
selectColumnPadding: 'Spacing-8',
|
|
13861
13986
|
selectColumnOptionMargin: 'Spacing-8',
|
|
13862
|
-
selectColumnBorderRadius: 'Radius-
|
|
13863
|
-
selectColumnBackgroundColor: 'Neutral-fill-2'
|
|
13987
|
+
selectColumnBorderRadius: 'Radius-default',
|
|
13988
|
+
selectColumnBackgroundColor: 'Neutral-fill-2',
|
|
13989
|
+
selectLoadingSpinColor: 'Brand-6',
|
|
13990
|
+
selectEmptyFontColor: 'Neutral-text-2'
|
|
13864
13991
|
};
|
|
13865
13992
|
/* harmony default export */ var select_select = (selectTokens);
|
|
13866
13993
|
;// CONCATENATED MODULE: ../theme/src/select/index.ts
|
|
@@ -13889,7 +14016,7 @@ var sliderTokens = {
|
|
|
13889
14016
|
sliderValueBackgroundColor: 'Neutral-fill-1',
|
|
13890
14017
|
sliderValueHoverBackgroundColor: 'Neutral-fill-9',
|
|
13891
14018
|
sliderValueHoverFontColor: 'Neutral-text-1',
|
|
13892
|
-
sliderValueHoverRadius: 'Radius-
|
|
14019
|
+
sliderValueHoverRadius: 'Radius-lesser',
|
|
13893
14020
|
sliderValueHoverPaddingX: 'Spacing-8',
|
|
13894
14021
|
sliderValueHoverPaddingY: 'Spacing-3',
|
|
13895
14022
|
sliderScaleLineSize: 'Size-3',
|
|
@@ -14031,12 +14158,24 @@ var tableTokens = {
|
|
|
14031
14158
|
tableCellPaddingX: 'Spacing-12',
|
|
14032
14159
|
tableCellPaddingY: 'Spacing-8',
|
|
14033
14160
|
tableCellBorderColor: 'Neutral-border-1',
|
|
14161
|
+
tableCellFontSize: 'Font-14',
|
|
14162
|
+
tableCellFontWeight: 'Weight-regular',
|
|
14163
|
+
tableSmallTheadFontSize: 'Font-14',
|
|
14164
|
+
tableSmallTheadFontWeight: 'Weight-medium',
|
|
14034
14165
|
tableSmallCellPaddingX: 'Spacing-8',
|
|
14035
14166
|
tableSmallCellPaddingY: 'Spacing-4',
|
|
14167
|
+
tableSmallCellFontSize: 'Font-14',
|
|
14168
|
+
tableSmallCellFontWeight: 'Weight-regular',
|
|
14169
|
+
tableLargeTheadFontSize: 'Font-14',
|
|
14170
|
+
tableLargeTheadFontWeight: 'Weight-medium',
|
|
14036
14171
|
tableLargeCellPaddingX: 'Spacing-16',
|
|
14037
14172
|
tableLargeCellPaddingY: 'Spacing-16',
|
|
14173
|
+
tableLargeCellFontSize: 'Font-14',
|
|
14174
|
+
tableLargeCellFontWeight: 'Weight-regular',
|
|
14038
14175
|
tableFixedShadow: 'rgba(2,11,24,.1)',
|
|
14039
14176
|
tableTheadBackgroundColor: 'Neutral-fill-2',
|
|
14177
|
+
tableTheadFontSize: 'Font-14',
|
|
14178
|
+
tableTheadFontWeight: 'Weight-medium',
|
|
14040
14179
|
tableTheadFontColor: 'Neutral-text-5',
|
|
14041
14180
|
tableTbodyBackgroundColor: 'Neutral-fill-1',
|
|
14042
14181
|
tableTbodyStripedBackgroundColor: 'Neutral-fill-2',
|
|
@@ -14045,6 +14184,7 @@ var tableTokens = {
|
|
|
14045
14184
|
tableTbodyFontColor: 'Neutral-text-5',
|
|
14046
14185
|
tableTfootBackgroundColor: 'Neutral-fill-2',
|
|
14047
14186
|
tableTfootFontColor: 'Neutral-text-5',
|
|
14187
|
+
tableTfootFontWeight: 'Weight-regular',
|
|
14048
14188
|
tableExpandIconSize: 'Size-7',
|
|
14049
14189
|
tableExpandIconColor: 'Neutral-text-2',
|
|
14050
14190
|
tableExpandIconHoverBackgroundColor: 'Neutral-fill-3',
|
|
@@ -14082,7 +14222,7 @@ var tabsTokens = {
|
|
|
14082
14222
|
tabsTabPaddingX: 'Spacing-15',
|
|
14083
14223
|
tabsTabPaddingY: 'Spacing-9',
|
|
14084
14224
|
tabsTabFontSize: 'Font-14',
|
|
14085
|
-
tabsTabBorderRadius: 'Radius-
|
|
14225
|
+
tabsTabBorderRadius: 'Radius-default',
|
|
14086
14226
|
tabsNearlyMargin: 'Spacing-4',
|
|
14087
14227
|
tabsLinePaddingX: 'Spacing-8',
|
|
14088
14228
|
tabsLinePaddingY: 'Spacing-6',
|
|
@@ -14133,7 +14273,7 @@ var tagTokens = {
|
|
|
14133
14273
|
tagDefaultDisabledFontColor: 'Neutral-text-2',
|
|
14134
14274
|
tagDefaultDisabledBackgroundColor: 'Neutral-fill-2',
|
|
14135
14275
|
tagDefaultDisabledBorderColor: 'Neutral-fill-2',
|
|
14136
|
-
tagDefaultOutlineFontColor: 'Neutral-text-
|
|
14276
|
+
tagDefaultOutlineFontColor: 'Neutral-text-5',
|
|
14137
14277
|
tagDefaultOutlineBackgroundColor: 'Neutral-fill-1',
|
|
14138
14278
|
tagDefaultOutlineBorderColor: 'Neutral-border-2',
|
|
14139
14279
|
tagDefaultOutlineDisabledFontColor: 'Neutral-text-2',
|
|
@@ -14344,19 +14484,22 @@ var tagTokens = {
|
|
|
14344
14484
|
tagTangerineFillDisabledBackgroundColor: 'Tangerine-3',
|
|
14345
14485
|
tagTangerineFillDisabledBorderColor: 'Tangerine-3',
|
|
14346
14486
|
tagFontSize: 'Font-12',
|
|
14347
|
-
tagBorderRadius: 'Radius-
|
|
14487
|
+
tagBorderRadius: 'Radius-small',
|
|
14348
14488
|
tagPaddingX: 'Spacing-6',
|
|
14349
14489
|
tagPaddingY: 'Spacing-2',
|
|
14350
14490
|
tagHeight: 'Size-11',
|
|
14491
|
+
tagFontWeight: 'Weight-regular',
|
|
14351
14492
|
tagSmallFontSize: 'Font-12',
|
|
14352
|
-
tagSmallBorderRadius: 'Radius-
|
|
14493
|
+
tagSmallBorderRadius: 'Radius-lesser',
|
|
14353
14494
|
tagSmallPaddingX: 'Spacing-4',
|
|
14354
14495
|
tagSmallHeight: 'Size-10',
|
|
14496
|
+
tagSmallFontWeight: 'Weight-regular',
|
|
14355
14497
|
tagLargeFontSize: 'Font-14',
|
|
14356
|
-
tagLargeBorderRadius: 'Radius-
|
|
14498
|
+
tagLargeBorderRadius: 'Radius-default',
|
|
14357
14499
|
tagLargePaddingX: 'Spacing-12',
|
|
14358
14500
|
tagLargePaddingY: 'Spacing-2',
|
|
14359
14501
|
tagLargeHeight: 'Size-14',
|
|
14502
|
+
tagLargeFontWeight: 'Weight-regular',
|
|
14360
14503
|
tagInputPaddingX: 'Spacing-4',
|
|
14361
14504
|
tagInputFontSize: 'Font-12',
|
|
14362
14505
|
tagSmallInputPaddingX: 'Spacing-4',
|
|
@@ -14421,7 +14564,7 @@ var tagTokens = {
|
|
|
14421
14564
|
|
|
14422
14565
|
var textareaTokens = {
|
|
14423
14566
|
textareaFontSize: 'Font-14',
|
|
14424
|
-
textareaBorderRadius: 'Radius-
|
|
14567
|
+
textareaBorderRadius: 'Radius-default',
|
|
14425
14568
|
textareaPaddingX: 'Spacing-8',
|
|
14426
14569
|
textareaPaddingY: 'Spacing-4',
|
|
14427
14570
|
textareaSmallFontSize: 'Font-12',
|
|
@@ -14464,7 +14607,7 @@ var tooltipTokens = {
|
|
|
14464
14607
|
tooltipFontSize: 'Font-12',
|
|
14465
14608
|
tooltipPaddingX: 'Spacing-8',
|
|
14466
14609
|
tooltipPaddingY: 'Spacing-5',
|
|
14467
|
-
tooltipBorderRadius: 'Radius-
|
|
14610
|
+
tooltipBorderRadius: 'Radius-lesser',
|
|
14468
14611
|
tooltipColor: 'Neutral-text-1',
|
|
14469
14612
|
tooltipShadow: 'Shadow-2',
|
|
14470
14613
|
tooltipBackgroundColor: 'Neutral-fill-9',
|
|
@@ -14492,21 +14635,27 @@ var tooltipTokens = {
|
|
|
14492
14635
|
|
|
14493
14636
|
var transferTokens = {
|
|
14494
14637
|
transferFontSize: 'Font-14',
|
|
14638
|
+
transferFontColor: 'Neutral-text-5',
|
|
14495
14639
|
transferHeaderHeight: 'Size-23',
|
|
14640
|
+
transferHeaderBackgroundColor: 'Neutral-fill-2',
|
|
14641
|
+
transferHeaderBorderColor: 'Transparent',
|
|
14496
14642
|
transferSmallFontSize: 'Font-12',
|
|
14497
14643
|
transferSmallHeaderHeight: 'Size-22',
|
|
14498
14644
|
transferLargeFontSize: 'Font-16',
|
|
14499
14645
|
transferLargeHeaderHeight: 'Size-24',
|
|
14500
14646
|
transferBorderColor: 'Neutral-border-1',
|
|
14501
|
-
|
|
14647
|
+
transferBorderRadius: 'Radius-default',
|
|
14502
14648
|
transferIconColor: 'Neutral-text-4',
|
|
14503
|
-
transferDisabledFontColor: 'Neutral-text-2',
|
|
14504
|
-
transferEmptyFontColor: 'Neutral-text-3',
|
|
14505
|
-
transferBorderRadius: 'Radius-4',
|
|
14506
|
-
transferHeaderBackgroundColor: 'Neutral-fill-2',
|
|
14507
14649
|
transferIconBackgroundColor: 'Neutral-fill-3',
|
|
14508
14650
|
transferIconNearlyMargin: 'Spacing-8',
|
|
14651
|
+
transferDisabledFontColor: 'Neutral-text-2',
|
|
14652
|
+
transferEmptyFontColor: 'Neutral-text-3',
|
|
14653
|
+
transferBackgroundColor: 'Neutral-fill-1',
|
|
14654
|
+
transferFooterBackgroundColor: 'Neutral-fill-1',
|
|
14655
|
+
transferFooterBorderColor: 'Neutral-border-1',
|
|
14509
14656
|
transferItemHoverBackgroundColor: 'Neutral-fill-2',
|
|
14657
|
+
transferItemBorderRadius: 'Radius-default',
|
|
14658
|
+
transferRemoveIconColor: 'Neutral-text-4',
|
|
14510
14659
|
transferCheckboxHoverBackgroundColor: 'Neutral-fill-3'
|
|
14511
14660
|
};
|
|
14512
14661
|
/* harmony default export */ var transfer = (transferTokens);
|
|
@@ -14528,7 +14677,9 @@ var treeTokens = {
|
|
|
14528
14677
|
treeSmallLineHeight: 'Size-14',
|
|
14529
14678
|
treeLargeFontSize: 'Font-16',
|
|
14530
14679
|
treeLargeLineHeight: 'Size-22',
|
|
14680
|
+
treeFontWeight: 'Weight-regular',
|
|
14531
14681
|
treeFontColor: 'Neutral-text-5',
|
|
14682
|
+
treeLineBackgroundColor: 'Neutral-fill-2',
|
|
14532
14683
|
treePaddingX: 'Spacing-8',
|
|
14533
14684
|
treePaddingY: 'Spacing-1',
|
|
14534
14685
|
treeItemFontColor: 'Neutral-text-4',
|
|
@@ -14543,7 +14694,7 @@ var treeTokens = {
|
|
|
14543
14694
|
treeContentDisabledFontColor: 'Neutral-text-2',
|
|
14544
14695
|
treeDragBorderColor: 'Brand-6',
|
|
14545
14696
|
treeDragBackgroundColor: 'Brand-1',
|
|
14546
|
-
treeContentBorderRadius: 'Radius-
|
|
14697
|
+
treeContentBorderRadius: 'Radius-lesser'
|
|
14547
14698
|
};
|
|
14548
14699
|
/* harmony default export */ var tree = (treeTokens);
|
|
14549
14700
|
;// CONCATENATED MODULE: ../theme/src/tree/index.ts
|
|
@@ -14558,7 +14709,7 @@ var treeTokens = {
|
|
|
14558
14709
|
var treeSelectTokens = {
|
|
14559
14710
|
treeSelectFontSize: 'Font-14',
|
|
14560
14711
|
treeSelectFontColor: 'Neutral-text-5',
|
|
14561
|
-
treeSelectBorderRadius: 'Radius-
|
|
14712
|
+
treeSelectBorderRadius: 'Radius-default',
|
|
14562
14713
|
treeSelectBorderColor: 'Neutral-border-2',
|
|
14563
14714
|
treeSelectPaddingX: 'Spacing-8',
|
|
14564
14715
|
treeSelectPaddingY: 'Spacing-2',
|
|
@@ -14590,7 +14741,7 @@ var treeSelectTokens = {
|
|
|
14590
14741
|
treeSelectDisabledPlaceholderColor: 'Neutral-text-2',
|
|
14591
14742
|
treeSelectDisabledBorderColor: 'Neutral-border-2',
|
|
14592
14743
|
treeSelectDisabledBackgroundColor: 'Neutral-fill-2',
|
|
14593
|
-
treeSelectResultTextBorderRadius: 'Radius-
|
|
14744
|
+
treeSelectResultTextBorderRadius: 'Radius-default',
|
|
14594
14745
|
treeSelectResultTextPaddingX: 'Spacing-4',
|
|
14595
14746
|
treeSelectResultTextSmallPaddingX: 'Spacing-4',
|
|
14596
14747
|
treeSelectResultTextLargePaddingX: 'Spacing-10',
|
|
@@ -14600,7 +14751,7 @@ var treeSelectTokens = {
|
|
|
14600
14751
|
treeSelectPanelColor: 'Neutral-text-5',
|
|
14601
14752
|
treeSelectPanelBackgroundColor: 'Neutral-fill-1',
|
|
14602
14753
|
treeSelectPanelShadow: 'Shadow-2',
|
|
14603
|
-
treeSelectPanelRadius: 'Radius-
|
|
14754
|
+
treeSelectPanelRadius: 'Radius-default',
|
|
14604
14755
|
treeSelectPanelBorder: 'Neutral-border-1',
|
|
14605
14756
|
treeSelectOptionHeight: 'Size-16',
|
|
14606
14757
|
treeSelectOptionPaddingX: 'Spacing-4',
|
|
@@ -14610,7 +14761,7 @@ var treeSelectTokens = {
|
|
|
14610
14761
|
treeSelectOptionInnerPaddingX: 'Spacing-8',
|
|
14611
14762
|
treeSelectOptionInnerPaddingY: 'Spacing-5',
|
|
14612
14763
|
treeSelectOptionInnerPaddingRight: 'Size-15',
|
|
14613
|
-
treeSelectOptionInnerBorderRadius: 'Radius-
|
|
14764
|
+
treeSelectOptionInnerBorderRadius: 'Radius-lesser',
|
|
14614
14765
|
treeSelectOptionHoverBackgroundColor: 'Neutral-fill-2',
|
|
14615
14766
|
treeSelectOptionDisabledColor: 'Neutral-text-2',
|
|
14616
14767
|
treeSelectOptionDisabledBackgroundColor: 'Neutral-fill-1',
|
|
@@ -14646,13 +14797,13 @@ var uploadTokens = {
|
|
|
14646
14797
|
uploadResultIconHoverBackgroundColor: 'Neutral-fill-2',
|
|
14647
14798
|
uploadResultFontSize: 'Font-14',
|
|
14648
14799
|
uploadResultFontColor: 'Neutral-text-5',
|
|
14649
|
-
uploadResultBorderRadius: 'Radius-
|
|
14800
|
+
uploadResultBorderRadius: 'Radius-default',
|
|
14650
14801
|
uploadResultErrorFontColor: 'Danger-6',
|
|
14651
14802
|
uploadResultErrorIconColor: 'Danger-6',
|
|
14652
14803
|
uploadResultSuccessIconColor: 'Success-6',
|
|
14653
14804
|
uploadResultDeletedFontColor: 'Neutral-text-3',
|
|
14654
14805
|
uploadResultUploadingIconColor: 'Brand-6',
|
|
14655
|
-
uploadImageBorderRadius: 'Radius-
|
|
14806
|
+
uploadImageBorderRadius: 'Radius-default',
|
|
14656
14807
|
uploadImageHandlerBorderColor: 'Neutral-border-1',
|
|
14657
14808
|
uploadImageHandlerBackgroundColor: 'Neutral-fill-1',
|
|
14658
14809
|
uploadImageHandlerFontColor: 'Neutral-text-4',
|
|
@@ -14735,6 +14886,8 @@ var src_Tokens = objectSpread2_default()(objectSpread2_default()(objectSpread2_d
|
|
|
14735
14886
|
var ComponentTokenMap = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, src_alert_alert), breadcrumb), button_button), card), card_group), carousel), cascader), checkbox_checkbox), collapse), common_common), date_picker), descriptions), divider), dropdown), editable_area), empty), form_form), icon_icon), image_image), input), list), menu), message), modal), pagination), popover), progress), radio_radio), rate), select_select), slider), spin), steps), sticky), switch_switch), table), tabs), tag), textarea_textarea), tooltip), transfer), tree), tree_select), upload);
|
|
14736
14887
|
|
|
14737
14888
|
|
|
14889
|
+
|
|
14890
|
+
|
|
14738
14891
|
/* harmony default export */ var src = (src_Tokens);
|
|
14739
14892
|
;// CONCATENATED MODULE: ../shineout-style/src/alert/alert.ts
|
|
14740
14893
|
|
|
@@ -14751,6 +14904,7 @@ var alertStyle = {
|
|
|
14751
14904
|
borderRadius: src.alertBorderRadius,
|
|
14752
14905
|
borderWidth: 1,
|
|
14753
14906
|
borderStyle: 'solid',
|
|
14907
|
+
fontWeight: src.alertFontWeight,
|
|
14754
14908
|
opacity: 1,
|
|
14755
14909
|
transformOrigin: '0 0',
|
|
14756
14910
|
transform: 'scaleY(1) translateZ(0)',
|
|
@@ -14807,8 +14961,8 @@ var alertStyle = {
|
|
|
14807
14961
|
},
|
|
14808
14962
|
title: {
|
|
14809
14963
|
fontSize: src.alertTitleFontSize,
|
|
14810
|
-
fontWeight:
|
|
14811
|
-
marginBottom:
|
|
14964
|
+
fontWeight: src.alertTitleFontWeight,
|
|
14965
|
+
marginBottom: src.alertTitleMarginY,
|
|
14812
14966
|
overflowWrap: 'anywhere',
|
|
14813
14967
|
lineHeight: src.alertTitleFontSize
|
|
14814
14968
|
},
|
|
@@ -14822,7 +14976,7 @@ var alertStyle = {
|
|
|
14822
14976
|
width: src.alertFontSize,
|
|
14823
14977
|
color: src.alertCloseFontColor,
|
|
14824
14978
|
fontSize: src.alertFontSize,
|
|
14825
|
-
height: src.
|
|
14979
|
+
height: src.lineHeightDynamic,
|
|
14826
14980
|
flex: '0 0 auto',
|
|
14827
14981
|
display: 'flex',
|
|
14828
14982
|
alignItems: 'center',
|
|
@@ -14832,12 +14986,6 @@ var alertStyle = {
|
|
|
14832
14986
|
color: src.alertCloseHoverColor
|
|
14833
14987
|
}
|
|
14834
14988
|
},
|
|
14835
|
-
closeWrapper: {
|
|
14836
|
-
width: src.alertFontSize,
|
|
14837
|
-
height: src.lineHeightDynamic,
|
|
14838
|
-
display: 'flex',
|
|
14839
|
-
alignItems: 'center'
|
|
14840
|
-
},
|
|
14841
14989
|
content: {
|
|
14842
14990
|
flex: '1 1 0',
|
|
14843
14991
|
wordBreak: 'break-all'
|
|
@@ -14936,7 +15084,7 @@ var breadcrumbStyle = {
|
|
|
14936
15084
|
top: '-3px'
|
|
14937
15085
|
},
|
|
14938
15086
|
itemWrapper: {
|
|
14939
|
-
padding:
|
|
15087
|
+
// padding: `0 ${token.breadcrumbListItemWrapperPaddingX}`,
|
|
14940
15088
|
},
|
|
14941
15089
|
item: {
|
|
14942
15090
|
display: 'flex',
|
|
@@ -14969,23 +15117,27 @@ var breadcrumbStyle = {
|
|
|
14969
15117
|
transform: 'rotate(180deg)'
|
|
14970
15118
|
},
|
|
14971
15119
|
dropdown: {
|
|
14972
|
-
|
|
14973
|
-
|
|
14974
|
-
|
|
14975
|
-
|
|
15120
|
+
borderRadius: src.dropdownListBorderRadius,
|
|
15121
|
+
backgroundColor: src.dropdownListBackgroundColor,
|
|
15122
|
+
boxShadow: src.dropdownListBoxShadow,
|
|
15123
|
+
border: "1px solid ".concat(src.dropdownListBorderColor),
|
|
15124
|
+
// padding: `${token.breadcrumbListPaddingY} 0`,
|
|
15125
|
+
padding: "".concat(src.dropdownListPaddingY, " ").concat(src.dropdownListPaddingX),
|
|
14976
15126
|
color: src.breadcrumbLinkColor
|
|
14977
15127
|
},
|
|
14978
15128
|
dropdownItem: {
|
|
14979
15129
|
lineHeight: src.lineHeightDynamic,
|
|
14980
|
-
fontSize: src.
|
|
15130
|
+
fontSize: src.dropdownListFontSize,
|
|
15131
|
+
fontWeight: src.breadcrumbFontWieght,
|
|
14981
15132
|
cursor: 'pointer',
|
|
14982
|
-
color: src.
|
|
14983
|
-
borderRadius: src.
|
|
15133
|
+
color: src.dropdownOptionFontColor,
|
|
15134
|
+
borderRadius: src.dropdownOptionBorderRadius,
|
|
14984
15135
|
'&:hover': {
|
|
14985
|
-
|
|
15136
|
+
color: src.dropdownOptionHoverFontColor,
|
|
15137
|
+
backgroundColor: src.dropdownOptionHoverBackgroundColor
|
|
14986
15138
|
},
|
|
14987
15139
|
'& $content, & a': {
|
|
14988
|
-
padding: "".concat(src.
|
|
15140
|
+
padding: "".concat(src.dropdownOptionPaddingY, " ").concat(src.dropdownOptionPaddingX),
|
|
14989
15141
|
display: 'inline-block',
|
|
14990
15142
|
textDecoration: 'none',
|
|
14991
15143
|
color: 'inherit',
|
|
@@ -15455,7 +15607,8 @@ var useButtonStyle = styled(src_button_button, 'button');
|
|
|
15455
15607
|
var headerCommon = {
|
|
15456
15608
|
fontSize: src.cardTitleFontSize,
|
|
15457
15609
|
lineHeight: src.lineHeightDynamic,
|
|
15458
|
-
|
|
15610
|
+
color: src.cardTitleFontColor,
|
|
15611
|
+
fontWeight: src.cardTitleFontWeight,
|
|
15459
15612
|
minWidth: 0
|
|
15460
15613
|
};
|
|
15461
15614
|
var cardStyle = {
|
|
@@ -15499,7 +15652,7 @@ var cardStyle = {
|
|
|
15499
15652
|
borderRadius: src.cardBorderRadius
|
|
15500
15653
|
},
|
|
15501
15654
|
header: {
|
|
15502
|
-
padding: "".concat(src.
|
|
15655
|
+
padding: "".concat(src.cardHeaderPaddingY, " ").concat(src.cardHeaderPaddingX),
|
|
15503
15656
|
'$wrapperMoveable &': {
|
|
15504
15657
|
cursor: 'move'
|
|
15505
15658
|
},
|
|
@@ -15550,10 +15703,13 @@ var cardStyle = {
|
|
|
15550
15703
|
'$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
|
|
15551
15704
|
borderTop: "1px solid ".concat(src.cardBorderColor)
|
|
15552
15705
|
},
|
|
15553
|
-
padding: "".concat(src.
|
|
15706
|
+
padding: "".concat(src.cardBodyPaddingY, " ").concat(src.cardBodyPaddingX),
|
|
15554
15707
|
flex: 1,
|
|
15555
15708
|
minHeight: 0,
|
|
15556
15709
|
minWidth: 0,
|
|
15710
|
+
color: src.cardBodyFontColor,
|
|
15711
|
+
fontWeight: src.cardBodyFontWeight,
|
|
15712
|
+
fontSize: src.cardBodyFontSize,
|
|
15557
15713
|
boxSizing: 'border-box'
|
|
15558
15714
|
},
|
|
15559
15715
|
bodyCollapse: {},
|
|
@@ -15561,7 +15717,7 @@ var cardStyle = {
|
|
|
15561
15717
|
'$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
|
|
15562
15718
|
borderTop: "1px solid ".concat(src.cardBorderColor)
|
|
15563
15719
|
},
|
|
15564
|
-
padding: "".concat(src.
|
|
15720
|
+
padding: "".concat(src.cardFooterPaddingY, " ").concat(src.cardFooterPaddingX),
|
|
15565
15721
|
boxSizing: 'border-box'
|
|
15566
15722
|
},
|
|
15567
15723
|
resizeX: {
|
|
@@ -15986,15 +16142,19 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
|
|
|
15986
16142
|
boxSizing: 'border-box',
|
|
15987
16143
|
borderRadius: token.borderRadius,
|
|
15988
16144
|
background: token.backgroundColor,
|
|
15989
|
-
border: "
|
|
16145
|
+
border: "".concat(token.borderWidth, " solid ").concat(token.borderColor),
|
|
15990
16146
|
color: token.fontColor,
|
|
15991
16147
|
lineHeight: token.lineHeight,
|
|
15992
16148
|
fontSize: token.fontSize,
|
|
15993
16149
|
// verticalAlign: 'top',
|
|
16150
|
+
fontWeight: token.fontWeight,
|
|
16151
|
+
verticalAlign: 'top',
|
|
15994
16152
|
transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
|
|
15995
|
-
'&:hover': {
|
|
16153
|
+
'&:hover': defineProperty_default()({
|
|
15996
16154
|
borderColor: token.hoverBorderColor
|
|
15997
|
-
},
|
|
16155
|
+
}, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
|
|
16156
|
+
backgroundColor: token.hoverBackgroundColor
|
|
16157
|
+
}),
|
|
15998
16158
|
'[data-soui-role="input-group"] &': {
|
|
15999
16159
|
borderWidth: 0,
|
|
16000
16160
|
borderRadius: 0,
|
|
@@ -16045,16 +16205,21 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
|
|
|
16045
16205
|
}), "".concat(name, "Focus"), {
|
|
16046
16206
|
borderColor: token.focusBorderColor,
|
|
16047
16207
|
boxShadow: "0 0 0 2px ".concat(token.focusShadow),
|
|
16208
|
+
background: token.focusBackgroundColor,
|
|
16048
16209
|
'&:hover': {
|
|
16049
16210
|
borderColor: token.focusBorderColor
|
|
16050
16211
|
}
|
|
16051
16212
|
}), "".concat(name, "Error"), defineProperty_default()({
|
|
16052
16213
|
borderColor: token.errorBorderColor,
|
|
16214
|
+
background: token.errorBackgroundColor,
|
|
16053
16215
|
'&:hover': {
|
|
16054
|
-
|
|
16216
|
+
backgroundColor: token.errorHoverBackgroundColor,
|
|
16217
|
+
borderColor: token.errorHoverBorderColor
|
|
16055
16218
|
}
|
|
16056
16219
|
}, "&$".concat(name, "Focus"), {
|
|
16057
|
-
boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow)
|
|
16220
|
+
boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow),
|
|
16221
|
+
borderColor: token.errorFocusBorderColor,
|
|
16222
|
+
background: token.errorFocusBackgroundColor
|
|
16058
16223
|
})), "".concat(name, "Disabled"), {
|
|
16059
16224
|
color: token.disabledFontColor,
|
|
16060
16225
|
backgroundColor: token.disabledBackgroundColor,
|
|
@@ -16089,27 +16254,36 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
|
|
|
16089
16254
|
|
|
16090
16255
|
var inputBorderToken = {
|
|
16091
16256
|
lineHeight: src.lineHeightDynamic,
|
|
16092
|
-
borderRadius: src.
|
|
16093
|
-
fontSize: src.
|
|
16094
|
-
|
|
16095
|
-
|
|
16096
|
-
|
|
16097
|
-
|
|
16098
|
-
|
|
16099
|
-
|
|
16100
|
-
|
|
16101
|
-
|
|
16102
|
-
|
|
16103
|
-
|
|
16104
|
-
|
|
16105
|
-
|
|
16106
|
-
|
|
16107
|
-
|
|
16108
|
-
|
|
16109
|
-
|
|
16110
|
-
|
|
16111
|
-
|
|
16112
|
-
|
|
16257
|
+
borderRadius: src.inputBorderRadius,
|
|
16258
|
+
fontSize: src.inputFontSize,
|
|
16259
|
+
fontWeight: src.inputFontWeight,
|
|
16260
|
+
smallFontSize: src.inputSmallFontSize,
|
|
16261
|
+
largeFontSize: src.inputLargeFontSize,
|
|
16262
|
+
paddingY: src.selectPaddingY,
|
|
16263
|
+
smallPaddingY: src.selectSmallPaddingY,
|
|
16264
|
+
largePaddingY: src.selectLargePaddingY,
|
|
16265
|
+
paddingX: src.selectPaddingX,
|
|
16266
|
+
smallPaddingX: src.selectSmallPaddingX,
|
|
16267
|
+
largePaddingX: src.selectLargePaddingX,
|
|
16268
|
+
borderColor: src.inputBorderColor,
|
|
16269
|
+
borderWidth: src.inputBorderWidth,
|
|
16270
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
16271
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
16272
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
16273
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
16274
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
16275
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
16276
|
+
fontColor: src.inputFontColor,
|
|
16277
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
16278
|
+
backgroundColor: src.inputBackgroundColor,
|
|
16279
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
16280
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
16281
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
16282
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
16283
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
16284
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
16285
|
+
focusShadow: src.inputFocusShadow,
|
|
16286
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
16113
16287
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
16114
16288
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
16115
16289
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
@@ -16508,6 +16682,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
16508
16682
|
// hover
|
|
16509
16683
|
'&:not($optionDisabled):hover': {
|
|
16510
16684
|
'& $optionInner': {
|
|
16685
|
+
color: src.cascaderOptionHoverFontColor,
|
|
16511
16686
|
backgroundColor: src.cascaderOptionHoverBackgroundColor
|
|
16512
16687
|
}
|
|
16513
16688
|
}
|
|
@@ -16532,7 +16707,9 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
16532
16707
|
whiteSpace: 'nowrap',
|
|
16533
16708
|
minWidth: 44,
|
|
16534
16709
|
display: 'flex',
|
|
16710
|
+
color: src.cascaderOptionFontColor,
|
|
16535
16711
|
fontSize: src.cascaderFontSize,
|
|
16712
|
+
background: src.cascaderOptionBackgroundColor,
|
|
16536
16713
|
lineHeight: src.lineHeightDynamic,
|
|
16537
16714
|
padding: "".concat(src.cascaderOptionInnerPaddingY, " ").concat(src.cascaderOptionInnerPaddingX),
|
|
16538
16715
|
paddingRight: 30,
|
|
@@ -16892,27 +17069,36 @@ var useCollapseItemStyle = styled(collapse_item, 'collapseItem');
|
|
|
16892
17069
|
|
|
16893
17070
|
var date_picker_inputBorderToken = {
|
|
16894
17071
|
lineHeight: src.lineHeightDynamic,
|
|
16895
|
-
borderRadius: src.
|
|
16896
|
-
fontSize: src.
|
|
16897
|
-
|
|
16898
|
-
|
|
16899
|
-
|
|
16900
|
-
|
|
16901
|
-
|
|
16902
|
-
|
|
16903
|
-
|
|
16904
|
-
|
|
16905
|
-
|
|
16906
|
-
|
|
16907
|
-
|
|
16908
|
-
|
|
16909
|
-
|
|
16910
|
-
|
|
16911
|
-
|
|
16912
|
-
|
|
16913
|
-
|
|
16914
|
-
|
|
16915
|
-
|
|
17072
|
+
borderRadius: src.inputBorderRadius,
|
|
17073
|
+
fontSize: src.inputFontSize,
|
|
17074
|
+
fontWeight: src.inputFontWeight,
|
|
17075
|
+
smallFontSize: src.inputSmallFontSize,
|
|
17076
|
+
largeFontSize: src.inputLargeFontSize,
|
|
17077
|
+
paddingY: src.inputPaddingY,
|
|
17078
|
+
smallPaddingY: src.inputSmallPaddingY,
|
|
17079
|
+
largePaddingY: src.inputLargePaddingY,
|
|
17080
|
+
paddingX: src.inputPaddingX,
|
|
17081
|
+
smallPaddingX: src.inputSmallPaddingX,
|
|
17082
|
+
largePaddingX: src.inputLargePaddingX,
|
|
17083
|
+
borderColor: src.inputBorderColor,
|
|
17084
|
+
borderWidth: src.inputBorderWidth,
|
|
17085
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
17086
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
17087
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
17088
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
17089
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
17090
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
17091
|
+
fontColor: src.inputFontColor,
|
|
17092
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
17093
|
+
backgroundColor: src.inputBackgroundColor,
|
|
17094
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
17095
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
17096
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
17097
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
17098
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
17099
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
17100
|
+
focusShadow: src.inputFocusShadow,
|
|
17101
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
16916
17102
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
16917
17103
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
16918
17104
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
@@ -17600,7 +17786,13 @@ var descriptionsStyle = {
|
|
|
17600
17786
|
borderCollapse: 'collapse',
|
|
17601
17787
|
lineHeight: src.lineHeightDynamic
|
|
17602
17788
|
},
|
|
17603
|
-
row: {
|
|
17789
|
+
row: {
|
|
17790
|
+
// '&>td': {
|
|
17791
|
+
// '&:not(:last-child)': {
|
|
17792
|
+
// paddingRight: token.descriptionsCellGap,
|
|
17793
|
+
// },
|
|
17794
|
+
// },
|
|
17795
|
+
},
|
|
17604
17796
|
label: {
|
|
17605
17797
|
paddingRight: src.descriptionsLabelPaddingRight,
|
|
17606
17798
|
paddingBottom: src.descriptionsLabelPaddingBottom,
|
|
@@ -17619,7 +17811,7 @@ var descriptionsStyle = {
|
|
|
17619
17811
|
paddingRight: 0
|
|
17620
17812
|
}
|
|
17621
17813
|
},
|
|
17622
|
-
|
|
17814
|
+
cell: {
|
|
17623
17815
|
textAlign: 'left',
|
|
17624
17816
|
boxSizing: 'border-box',
|
|
17625
17817
|
verticalAlign: 'top'
|
|
@@ -17645,13 +17837,25 @@ var descriptionsStyle = {
|
|
|
17645
17837
|
width: '1px'
|
|
17646
17838
|
}
|
|
17647
17839
|
},
|
|
17840
|
+
vertical: {
|
|
17841
|
+
'& $label': {
|
|
17842
|
+
paddingBottom: src.descriptionsVerticalPaddingBottom
|
|
17843
|
+
}
|
|
17844
|
+
},
|
|
17648
17845
|
inlineHorizontal: {
|
|
17649
17846
|
'& $item': {
|
|
17650
17847
|
display: 'flex',
|
|
17651
17848
|
alignItems: 'center'
|
|
17652
17849
|
},
|
|
17653
|
-
'& $
|
|
17850
|
+
'& $cell': {
|
|
17654
17851
|
verticalAlign: 'middle'
|
|
17852
|
+
},
|
|
17853
|
+
'& $row': {
|
|
17854
|
+
'&>td': {
|
|
17855
|
+
'&:not(:last-child)': {
|
|
17856
|
+
paddingRight: src.descriptionsCellGap
|
|
17857
|
+
}
|
|
17858
|
+
}
|
|
17655
17859
|
}
|
|
17656
17860
|
},
|
|
17657
17861
|
tableLayoutFixed: {
|
|
@@ -17666,20 +17870,20 @@ var descriptionsStyle = {
|
|
|
17666
17870
|
border: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor),
|
|
17667
17871
|
borderRadius: src.descriptionsBorderRadius,
|
|
17668
17872
|
'& $row:not(:last-child)': {
|
|
17669
|
-
borderBottom: "".concat(src.
|
|
17873
|
+
borderBottom: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
|
|
17670
17874
|
},
|
|
17671
17875
|
'& $label': {
|
|
17672
17876
|
padding: "".concat(src.descriptionsBorderPaddingX, " ").concat(src.descriptionsBorderPaddingY),
|
|
17673
17877
|
backgroundColor: src.descriptionsBackgroundColor,
|
|
17674
|
-
borderRight: "".concat(src.
|
|
17878
|
+
borderRight: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
|
|
17675
17879
|
},
|
|
17676
17880
|
'& $value': {
|
|
17677
17881
|
padding: "".concat(src.descriptionsBorderPaddingX, " ").concat(src.descriptionsBorderPaddingY),
|
|
17678
|
-
borderRight: "".concat(src.
|
|
17882
|
+
borderRight: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
|
|
17679
17883
|
},
|
|
17680
|
-
'& $
|
|
17884
|
+
'& $cell': {
|
|
17681
17885
|
padding: "".concat(src.descriptionsInlineBorderPaddingX, " ").concat(src.descriptionsInlineBorderPaddingY),
|
|
17682
|
-
borderRight: "".concat(src.
|
|
17886
|
+
borderRight: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
|
|
17683
17887
|
},
|
|
17684
17888
|
'& $labelInline': {
|
|
17685
17889
|
paddingRight: src.descriptionsLabelPaddingRight
|
|
@@ -17788,6 +17992,7 @@ var dividerStyle = {
|
|
|
17788
17992
|
display: 'inline-block',
|
|
17789
17993
|
padding: "0 ".concat(src.dividerTextPaddingX),
|
|
17790
17994
|
fontSize: src.dividerFontSize,
|
|
17995
|
+
fontWeight: src.dividerFontWeight,
|
|
17791
17996
|
color: src.dividerFontColor
|
|
17792
17997
|
}
|
|
17793
17998
|
};
|
|
@@ -17927,7 +18132,7 @@ var dropdown_dropdown = {
|
|
|
17927
18132
|
itemWrapper: {},
|
|
17928
18133
|
item: {
|
|
17929
18134
|
display: 'block',
|
|
17930
|
-
borderRadius:
|
|
18135
|
+
borderRadius: src.dropdownOptionBorderRadius,
|
|
17931
18136
|
lineHeight: src.lineHeightDynamic,
|
|
17932
18137
|
color: src.dropdownOptionFontColor,
|
|
17933
18138
|
backgroundColor: src.dropdownOptionBackgroundColor,
|
|
@@ -17994,36 +18199,46 @@ var useDropdownStyle = styled(src_dropdown_dropdown, 'dropdown');
|
|
|
17994
18199
|
|
|
17995
18200
|
|
|
17996
18201
|
|
|
17997
|
-
var
|
|
18202
|
+
var editable_area_inputBorderToken = {
|
|
17998
18203
|
lineHeight: src.lineHeightDynamic,
|
|
17999
|
-
borderRadius: src.
|
|
18000
|
-
fontSize: src.
|
|
18001
|
-
|
|
18002
|
-
|
|
18003
|
-
|
|
18004
|
-
|
|
18005
|
-
|
|
18006
|
-
|
|
18007
|
-
|
|
18008
|
-
|
|
18009
|
-
|
|
18010
|
-
|
|
18011
|
-
|
|
18012
|
-
|
|
18013
|
-
|
|
18014
|
-
|
|
18015
|
-
|
|
18016
|
-
|
|
18017
|
-
|
|
18018
|
-
|
|
18019
|
-
|
|
18204
|
+
borderRadius: src.inputBorderRadius,
|
|
18205
|
+
fontSize: src.inputFontSize,
|
|
18206
|
+
fontWeight: src.inputFontWeight,
|
|
18207
|
+
smallFontSize: src.inputSmallFontSize,
|
|
18208
|
+
largeFontSize: src.inputLargeFontSize,
|
|
18209
|
+
paddingY: src.inputPaddingY,
|
|
18210
|
+
smallPaddingY: src.inputSmallPaddingY,
|
|
18211
|
+
largePaddingY: src.inputLargePaddingY,
|
|
18212
|
+
paddingX: src.inputPaddingX,
|
|
18213
|
+
smallPaddingX: src.inputSmallPaddingX,
|
|
18214
|
+
largePaddingX: src.inputLargePaddingX,
|
|
18215
|
+
borderColor: src.inputBorderColor,
|
|
18216
|
+
borderWidth: src.inputBorderWidth,
|
|
18217
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
18218
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
18219
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
18220
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
18221
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
18222
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
18223
|
+
fontColor: src.inputFontColor,
|
|
18224
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
18225
|
+
backgroundColor: src.inputBackgroundColor,
|
|
18226
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
18227
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
18228
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
18229
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
18230
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
18231
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
18232
|
+
focusShadow: src.inputFocusShadow,
|
|
18233
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
18020
18234
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
18021
18235
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
18022
18236
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
18023
18237
|
smallInnerTitlePaddingX: src.inputInnerSmallPaddingX,
|
|
18024
18238
|
largeInnerTitlePaddingY: src.inputInnerLargePaddingY,
|
|
18025
18239
|
largeInnerTitlePaddingX: src.inputInnerLargePaddingX
|
|
18026
|
-
}
|
|
18240
|
+
};
|
|
18241
|
+
var editable_area_inputBorder = input_border('wrapper', editable_area_inputBorderToken);
|
|
18027
18242
|
var editable_area_wrapper = editable_area_inputBorder.wrapper,
|
|
18028
18243
|
wrapperNoBorder = editable_area_inputBorder.wrapperNoBorder,
|
|
18029
18244
|
_noFocus = editable_area_inputBorder.wrapperFocus,
|
|
@@ -18114,6 +18329,7 @@ var emptyStyle = {
|
|
|
18114
18329
|
description: {
|
|
18115
18330
|
fontSize: src.emptyFontSize,
|
|
18116
18331
|
color: src.emptyFontColor,
|
|
18332
|
+
fontWeight: src.emptyFontWeight,
|
|
18117
18333
|
lineHeight: src.lineHeightDynamic
|
|
18118
18334
|
}
|
|
18119
18335
|
};
|
|
@@ -18145,6 +18361,8 @@ var formItemStyle = {
|
|
|
18145
18361
|
},
|
|
18146
18362
|
wordWrap: 'break-word',
|
|
18147
18363
|
width: src.formItemLabelWidth,
|
|
18364
|
+
fontWeight: src.formItemLabelFontWeight,
|
|
18365
|
+
color: src.formItemLabelFontColor,
|
|
18148
18366
|
padding: "".concat(src.formItemLabelPaddingY, " 0"),
|
|
18149
18367
|
lineHeight: src.lineHeightDynamic,
|
|
18150
18368
|
marginRight: src.formItemLabelMarginXEnd,
|
|
@@ -18172,6 +18390,7 @@ var formItemStyle = {
|
|
|
18172
18390
|
textAlign: 'start',
|
|
18173
18391
|
width: 'auto',
|
|
18174
18392
|
paddingTop: '0',
|
|
18393
|
+
paddingBottom: src.formItemLabelTopPaddingY,
|
|
18175
18394
|
margin: '0'
|
|
18176
18395
|
}
|
|
18177
18396
|
},
|
|
@@ -18189,7 +18408,7 @@ var formItemStyle = {
|
|
|
18189
18408
|
wrapperRequired: {
|
|
18190
18409
|
'& $label::before': {
|
|
18191
18410
|
marginRight: '4px',
|
|
18192
|
-
color: src.
|
|
18411
|
+
color: src.formItemDangerFontColor,
|
|
18193
18412
|
content: '"*"',
|
|
18194
18413
|
fontFamily: 'SimSun',
|
|
18195
18414
|
position: 'relative',
|
|
@@ -18212,18 +18431,21 @@ var formItemStyle = {
|
|
|
18212
18431
|
}
|
|
18213
18432
|
},
|
|
18214
18433
|
error: {
|
|
18215
|
-
color: src.
|
|
18434
|
+
color: src.formItemDangerFontColor,
|
|
18216
18435
|
lineHeight: src.lineHeightDynamic,
|
|
18217
18436
|
minHeight: src.formItemTipMinHeight,
|
|
18218
|
-
fontSize: src.
|
|
18437
|
+
fontSize: src.formItemDangerFontSize,
|
|
18438
|
+
fontWeight: src.formItemDangerFontWeight
|
|
18219
18439
|
// flexBasis: '100%',
|
|
18220
18440
|
// width: 0,
|
|
18221
18441
|
},
|
|
18222
18442
|
tip: {
|
|
18223
18443
|
color: src.formItemTipFontColor,
|
|
18224
18444
|
fontSize: src.formItemTipFontSize,
|
|
18445
|
+
fontWeight: src.formItemTipFontWeight,
|
|
18225
18446
|
lineHeight: src.lineHeightDynamic,
|
|
18226
18447
|
minHeight: src.formItemTipMinHeight,
|
|
18448
|
+
marginTop: src.formItemTipMarginTop,
|
|
18227
18449
|
width: '100%'
|
|
18228
18450
|
}
|
|
18229
18451
|
};
|
|
@@ -18466,16 +18688,16 @@ var ImageStyle = objectSpread2_default()(objectSpread2_default()({}, animation),
|
|
|
18466
18688
|
},
|
|
18467
18689
|
circle: {
|
|
18468
18690
|
borderRadius: src.imageCircleBorderRadius,
|
|
18469
|
-
border: "1px solid ".concat(src.
|
|
18691
|
+
border: "1px solid ".concat(src.imageBorderColor)
|
|
18470
18692
|
},
|
|
18471
18693
|
rounded: {
|
|
18472
|
-
borderRadius: src.
|
|
18473
|
-
border: "1px solid ".concat(src.
|
|
18694
|
+
borderRadius: src.imageBorderRadius,
|
|
18695
|
+
border: "1px solid ".concat(src.imageBorderColor)
|
|
18474
18696
|
},
|
|
18475
18697
|
thumbnail: {
|
|
18476
|
-
borderRadius: src.
|
|
18698
|
+
borderRadius: src.imageBorderRadius,
|
|
18477
18699
|
backgroundColor: '#FFFFFF',
|
|
18478
|
-
border: "1px solid ".concat(src.
|
|
18700
|
+
border: "1px solid ".concat(src.imageBorderColor),
|
|
18479
18701
|
'& $inner': {
|
|
18480
18702
|
top: 4,
|
|
18481
18703
|
left: 4,
|
|
@@ -18790,6 +19012,13 @@ var innerTitle = objectSpread2_default()(objectSpread2_default()({}, inner_title
|
|
|
18790
19012
|
},
|
|
18791
19013
|
top: {
|
|
18792
19014
|
opacity: '0',
|
|
19015
|
+
fontSize: src.inputInnerTopFontSize,
|
|
19016
|
+
'$wrapperSmall &': {
|
|
19017
|
+
fontSize: src.inputInnerTopSmallFontSize
|
|
19018
|
+
},
|
|
19019
|
+
'$wrapperLarge &': {
|
|
19020
|
+
fontSize: src.inputInnerTopLargeFontSize
|
|
19021
|
+
},
|
|
18793
19022
|
'$wrapperOpen &': {
|
|
18794
19023
|
opacity: '1',
|
|
18795
19024
|
transition: "opacity 0s ease-in ".concat(moveTime)
|
|
@@ -18844,6 +19073,7 @@ var input_inputBorderToken = {
|
|
|
18844
19073
|
lineHeight: src.lineHeightDynamic,
|
|
18845
19074
|
borderRadius: src.inputBorderRadius,
|
|
18846
19075
|
fontSize: src.inputFontSize,
|
|
19076
|
+
fontWeight: src.inputFontWeight,
|
|
18847
19077
|
smallFontSize: src.inputSmallFontSize,
|
|
18848
19078
|
largeFontSize: src.inputLargeFontSize,
|
|
18849
19079
|
paddingY: src.inputPaddingY,
|
|
@@ -18853,14 +19083,22 @@ var input_inputBorderToken = {
|
|
|
18853
19083
|
smallPaddingX: src.inputSmallPaddingX,
|
|
18854
19084
|
largePaddingX: src.inputLargePaddingX,
|
|
18855
19085
|
borderColor: src.inputBorderColor,
|
|
19086
|
+
borderWidth: src.inputBorderWidth,
|
|
18856
19087
|
focusBorderColor: src.inputFocusBorderColor,
|
|
18857
19088
|
hoverBorderColor: src.inputHoverBorderColor,
|
|
18858
19089
|
disabledBorderColor: src.inputDisabledBorderColor,
|
|
18859
19090
|
errorBorderColor: src.inputErrorBorderColor,
|
|
19091
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
19092
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
18860
19093
|
fontColor: src.inputFontColor,
|
|
18861
19094
|
disabledFontColor: src.inputDisabledFontColor,
|
|
18862
19095
|
backgroundColor: src.inputBackgroundColor,
|
|
19096
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
19097
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
18863
19098
|
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
19099
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
19100
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
19101
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
18864
19102
|
focusShadow: src.inputFocusShadow,
|
|
18865
19103
|
errorFocusShadow: src.inputErrorFocusShadow,
|
|
18866
19104
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
@@ -18892,8 +19130,9 @@ var groupSpace = function groupSpace(gap) {
|
|
|
18892
19130
|
alignItems: 'center',
|
|
18893
19131
|
border: "1px solid ".concat(src.inputBorderColor),
|
|
18894
19132
|
borderWidth: '0 1px',
|
|
18895
|
-
background: src.
|
|
19133
|
+
background: src.inputGroupFontBackgroundColor,
|
|
18896
19134
|
fontWeight: 'normal',
|
|
19135
|
+
color: src.inputGroupFontColor,
|
|
18897
19136
|
'&:first-child': {
|
|
18898
19137
|
borderLeftColor: 'inherit',
|
|
18899
19138
|
marginLeft: '-1px'
|
|
@@ -18954,7 +19193,9 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
|
|
|
18954
19193
|
outline: 'none',
|
|
18955
19194
|
backgroundColor: 'transparent',
|
|
18956
19195
|
boxSizing: 'border-box',
|
|
19196
|
+
fontWeight: 'inherit',
|
|
18957
19197
|
'&::placeholder': {
|
|
19198
|
+
fontWeight: src.inputPlaceholderFontWeight,
|
|
18958
19199
|
color: src.inputPlaceholderColor,
|
|
18959
19200
|
fontSize: 'inherit'
|
|
18960
19201
|
}
|
|
@@ -19034,7 +19275,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
|
|
|
19034
19275
|
color: src.inputIconColor,
|
|
19035
19276
|
'&:hover': {
|
|
19036
19277
|
'$wrapper:not($wrapperDisabled) &': {
|
|
19037
|
-
color: src.
|
|
19278
|
+
color: src.inputHoverIconColor
|
|
19038
19279
|
}
|
|
19039
19280
|
},
|
|
19040
19281
|
'&:first-child': {
|
|
@@ -19171,7 +19412,7 @@ var listStyle = {
|
|
|
19171
19412
|
alignItems: 'center',
|
|
19172
19413
|
boxSizing: 'border-box',
|
|
19173
19414
|
'&:not(:last-child)': {
|
|
19174
|
-
borderBottom: "
|
|
19415
|
+
borderBottom: "".concat(src.listBorderWidth, " solid ").concat(src.listBorderColor)
|
|
19175
19416
|
}
|
|
19176
19417
|
},
|
|
19177
19418
|
item: {
|
|
@@ -19180,13 +19421,16 @@ var listStyle = {
|
|
|
19180
19421
|
color: src.listFontColor,
|
|
19181
19422
|
display: 'flex',
|
|
19182
19423
|
flexWrap: 'nowrap',
|
|
19424
|
+
background: src.listItemBackgroundColor,
|
|
19183
19425
|
boxSizing: 'border-box',
|
|
19184
19426
|
padding: "".concat(src.listItemPaddingY, " ").concat(src.listItemPaddingX),
|
|
19185
19427
|
'$wrapperSmall &': {
|
|
19186
|
-
padding: "".concat(src.listSmallItemPaddingY, " ").concat(src.listSmallItemPaddingX)
|
|
19428
|
+
padding: "".concat(src.listSmallItemPaddingY, " ").concat(src.listSmallItemPaddingX),
|
|
19429
|
+
fontSize: src.listSmallFontSize
|
|
19187
19430
|
},
|
|
19188
19431
|
'$wrapperLarge &': {
|
|
19189
|
-
padding: "".concat(src.listLargeItemPaddingY, " ").concat(src.listLargeItemPaddingY)
|
|
19432
|
+
padding: "".concat(src.listLargeItemPaddingY, " ").concat(src.listLargeItemPaddingY),
|
|
19433
|
+
fontSize: src.listLargeFontSize
|
|
19190
19434
|
}
|
|
19191
19435
|
},
|
|
19192
19436
|
checkContent: {
|
|
@@ -19245,26 +19489,91 @@ var useListStyle = styled(list_list, 'list');
|
|
|
19245
19489
|
/* harmony default export */ var shineout_style_src_list = ((/* unused pure expression or super */ null && (useListStyle)));
|
|
19246
19490
|
;// CONCATENATED MODULE: ../shineout-style/src/menu/menu.ts
|
|
19247
19491
|
|
|
19248
|
-
|
|
19249
|
-
var
|
|
19250
|
-
var
|
|
19251
|
-
content: '""',
|
|
19252
|
-
position: 'absolute',
|
|
19253
|
-
left: 0,
|
|
19254
|
-
transform: 'translateY(-50%)',
|
|
19255
|
-
border: '6px solid transparent',
|
|
19256
|
-
borderRightColor: src.menuItemBackgroundColor,
|
|
19257
|
-
marginLeft: '-10px'
|
|
19258
|
-
};
|
|
19492
|
+
var animationDuration = '.25s';
|
|
19493
|
+
var collpaseWidth = src.menuCollpaseWidth;
|
|
19494
|
+
var transitionFunc = 'ease-out';
|
|
19259
19495
|
var menuStyle = {
|
|
19260
19496
|
wrapper: {
|
|
19261
19497
|
height: '100%',
|
|
19262
|
-
|
|
19498
|
+
width: '100%',
|
|
19499
|
+
backgroundColor: src.menuItemBackgroundColor,
|
|
19500
|
+
transition: "width ".concat(animationDuration, " ").concat(transitionFunc),
|
|
19501
|
+
color: src.menuFontColor
|
|
19263
19502
|
},
|
|
19264
19503
|
wrapperLight: {},
|
|
19265
19504
|
wrapperDark: {
|
|
19266
19505
|
backgroundColor: src.menuDarkItemBackgroundColor
|
|
19267
19506
|
},
|
|
19507
|
+
wrapperCollpase: {
|
|
19508
|
+
width: "".concat(collpaseWidth, "!important"),
|
|
19509
|
+
'& $title': {
|
|
19510
|
+
paddingLeft: '0'
|
|
19511
|
+
},
|
|
19512
|
+
'& $expand': {
|
|
19513
|
+
opacity: 0
|
|
19514
|
+
},
|
|
19515
|
+
'& $titleIcon': {
|
|
19516
|
+
width: "".concat(collpaseWidth, "!important"),
|
|
19517
|
+
flexShrink: 0,
|
|
19518
|
+
justifyContent: 'center'
|
|
19519
|
+
},
|
|
19520
|
+
'& $titleContent': {
|
|
19521
|
+
opacity: 0,
|
|
19522
|
+
alignItems: 'center',
|
|
19523
|
+
whiteSpace: 'nowrap',
|
|
19524
|
+
overflow: 'hidden'
|
|
19525
|
+
},
|
|
19526
|
+
'&$wrapperLight': {
|
|
19527
|
+
'$menuRoot > $itemActive > $itemContent': {
|
|
19528
|
+
backgroundColor: src.menuItemBackgroundColor
|
|
19529
|
+
}
|
|
19530
|
+
}
|
|
19531
|
+
},
|
|
19532
|
+
wrapperInTransition: {
|
|
19533
|
+
'& $titleContent, & $header': {
|
|
19534
|
+
whiteSpace: 'nowrap',
|
|
19535
|
+
overflow: 'hidden'
|
|
19536
|
+
},
|
|
19537
|
+
'& $expand': {
|
|
19538
|
+
opacity: 0
|
|
19539
|
+
}
|
|
19540
|
+
},
|
|
19541
|
+
popover: {
|
|
19542
|
+
'&&': {
|
|
19543
|
+
border: 'none',
|
|
19544
|
+
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
|
|
19545
|
+
borderRadius: '4px',
|
|
19546
|
+
backgroundColor: src.menuItemBackgroundColor
|
|
19547
|
+
},
|
|
19548
|
+
'&[data-soui-theme=dark]': {
|
|
19549
|
+
backgroundColor: src.menuDarkItemBackgroundColor
|
|
19550
|
+
},
|
|
19551
|
+
'& $children': {
|
|
19552
|
+
borderRadius: '4px',
|
|
19553
|
+
padding: "".concat(src.menuPopoverPaddingY, " 0")
|
|
19554
|
+
// '& > :first-child > $itemContent': {
|
|
19555
|
+
// borderTopRightRadius: '4px',
|
|
19556
|
+
// borderTopLeftRadius: '4px',
|
|
19557
|
+
// },
|
|
19558
|
+
// '& > :last-child > $itemContent': {
|
|
19559
|
+
// borderBottomRightRadius: '4px',
|
|
19560
|
+
// borderBottomLeftRadius: '4px',
|
|
19561
|
+
// },
|
|
19562
|
+
}
|
|
19563
|
+
},
|
|
19564
|
+
popArrow: {
|
|
19565
|
+
'&&&': {
|
|
19566
|
+
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
|
|
19567
|
+
width: '6px',
|
|
19568
|
+
height: '6px'
|
|
19569
|
+
}
|
|
19570
|
+
},
|
|
19571
|
+
popArrowDark: {
|
|
19572
|
+
'&&&': {
|
|
19573
|
+
backgroundColor: src.menuDarkItemBackgroundColor,
|
|
19574
|
+
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)'
|
|
19575
|
+
}
|
|
19576
|
+
},
|
|
19268
19577
|
scrollbox: {
|
|
19269
19578
|
'$wrapperVertical &': {
|
|
19270
19579
|
overflow: 'hidden',
|
|
@@ -19272,12 +19581,6 @@ var menuStyle = {
|
|
|
19272
19581
|
},
|
|
19273
19582
|
'$wrapperHorizontal &': {
|
|
19274
19583
|
overflow: 'hidden'
|
|
19275
|
-
},
|
|
19276
|
-
'$wrapperHasOpen$wrapperVertical &': {
|
|
19277
|
-
width: '100vw'
|
|
19278
|
-
},
|
|
19279
|
-
'$wrapperHasOpen$wrapperHorizontal &': {
|
|
19280
|
-
height: '100vh'
|
|
19281
19584
|
}
|
|
19282
19585
|
},
|
|
19283
19586
|
root: {
|
|
@@ -19293,89 +19596,27 @@ var menuStyle = {
|
|
|
19293
19596
|
},
|
|
19294
19597
|
wrapperInline: {},
|
|
19295
19598
|
wrapperVertical: {
|
|
19296
|
-
position: 'relative'
|
|
19297
|
-
zIndex: menuIndex
|
|
19599
|
+
position: 'relative'
|
|
19298
19600
|
},
|
|
19299
19601
|
wrapperHorizontal: {
|
|
19300
|
-
|
|
19301
|
-
position: 'relative',
|
|
19302
|
-
zIndex: menuIndex
|
|
19602
|
+
position: 'relative'
|
|
19303
19603
|
},
|
|
19304
19604
|
wrapperHasOpen: {},
|
|
19305
19605
|
children: {
|
|
19306
19606
|
padding: '0',
|
|
19607
|
+
margin: '0',
|
|
19307
19608
|
display: 'none',
|
|
19308
19609
|
minWidth: '100%',
|
|
19309
19610
|
whiteSpace: 'nowrap',
|
|
19310
|
-
'$itemOpen > &': {
|
|
19611
|
+
'$itemOpen > &, $childrenShow&': {
|
|
19311
19612
|
display: 'block'
|
|
19312
|
-
},
|
|
19313
|
-
'$wrapper:not($wrapperInline) &': {
|
|
19314
|
-
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)'
|
|
19315
|
-
},
|
|
19316
|
-
'$wrapperHorizontal &': {
|
|
19317
|
-
position: 'absolute',
|
|
19318
|
-
bottom: '-2px',
|
|
19319
|
-
left: 0,
|
|
19320
|
-
transform: 'translateY(100%)'
|
|
19321
|
-
},
|
|
19322
|
-
'$wrapperHorizontal & &': {
|
|
19323
|
-
position: 'absolute',
|
|
19324
|
-
left: 'auto',
|
|
19325
|
-
bottom: 'auto',
|
|
19326
|
-
top: 0,
|
|
19327
|
-
right: '-2px',
|
|
19328
|
-
transform: 'translateX(100%)'
|
|
19329
|
-
},
|
|
19330
|
-
'$wrapperVertical &': {
|
|
19331
|
-
position: 'absolute',
|
|
19332
|
-
top: 0,
|
|
19333
|
-
'&[dir=ltr]': {
|
|
19334
|
-
right: '-6px',
|
|
19335
|
-
transform: 'translateX(100%)'
|
|
19336
|
-
},
|
|
19337
|
-
'&[dir=rtl]': {
|
|
19338
|
-
left: '-6px',
|
|
19339
|
-
transform: 'translateX(-100%)'
|
|
19340
|
-
},
|
|
19341
|
-
minWidth: 'auto',
|
|
19342
|
-
borderRadius: '4px',
|
|
19343
|
-
'& > :first-child > $itemContent': {
|
|
19344
|
-
borderTopRightRadius: '4px',
|
|
19345
|
-
borderTopLeftRadius: '4px'
|
|
19346
|
-
},
|
|
19347
|
-
'& > :last-child > $itemContent': {
|
|
19348
|
-
borderBottomRightRadius: '4px',
|
|
19349
|
-
borderBottomLeftRadius: '4px'
|
|
19350
|
-
},
|
|
19351
|
-
'&$childrenUp': {
|
|
19352
|
-
top: 'auto',
|
|
19353
|
-
bottom: 0
|
|
19354
|
-
},
|
|
19355
|
-
'&$childrenUp::before': objectSpread2_default()(objectSpread2_default()({
|
|
19356
|
-
top: 'auto',
|
|
19357
|
-
bottom: '20%'
|
|
19358
|
-
}, arrow), {}, {
|
|
19359
|
-
'$wrapperDark&': {
|
|
19360
|
-
borderRightColor: src.menuDarkItemBackgroundColor
|
|
19361
|
-
}
|
|
19362
|
-
}),
|
|
19363
|
-
'&::before': objectSpread2_default()(objectSpread2_default()({
|
|
19364
|
-
top: '20%'
|
|
19365
|
-
}, arrow), {}, {
|
|
19366
|
-
'$wrapperDark&': {
|
|
19367
|
-
borderRightColor: src.menuDarkItemBackgroundColor
|
|
19368
|
-
}
|
|
19369
|
-
})
|
|
19370
19613
|
}
|
|
19371
19614
|
},
|
|
19615
|
+
childrenShow: {},
|
|
19372
19616
|
childrenUp: {},
|
|
19373
19617
|
item: {
|
|
19374
19618
|
listStyle: 'none',
|
|
19375
|
-
flexShrink: 0
|
|
19376
|
-
'$wrapperVertical &, $wrapperHorizontal &': {
|
|
19377
|
-
position: 'relative'
|
|
19378
|
-
}
|
|
19619
|
+
flexShrink: 0
|
|
19379
19620
|
},
|
|
19380
19621
|
itemActive: {},
|
|
19381
19622
|
itemDisabled: {},
|
|
@@ -19389,7 +19630,7 @@ var menuStyle = {
|
|
|
19389
19630
|
alignItems: 'center',
|
|
19390
19631
|
cursor: 'pointer',
|
|
19391
19632
|
position: 'relative',
|
|
19392
|
-
'
|
|
19633
|
+
'[data-soui-theme=light] &': {
|
|
19393
19634
|
color: src.menuItemFontColor,
|
|
19394
19635
|
backgroundColor: src.menuItemBackgroundColor,
|
|
19395
19636
|
'&:hover': {
|
|
@@ -19397,7 +19638,7 @@ var menuStyle = {
|
|
|
19397
19638
|
backgroundColor: src.menuItemHoverBackgroundColor
|
|
19398
19639
|
}
|
|
19399
19640
|
},
|
|
19400
|
-
'
|
|
19641
|
+
'[data-soui-theme=dark] &': {
|
|
19401
19642
|
color: src.menuDarkFontColor,
|
|
19402
19643
|
backgroundColor: src.menuDarkItemBackgroundColor,
|
|
19403
19644
|
'&:hover': {
|
|
@@ -19405,7 +19646,7 @@ var menuStyle = {
|
|
|
19405
19646
|
backgroundColor: src.menuDarkItemHoverBackgroundColor
|
|
19406
19647
|
}
|
|
19407
19648
|
},
|
|
19408
|
-
'
|
|
19649
|
+
'[data-soui-theme=dark] $itemOpen > &': {
|
|
19409
19650
|
color: src.menuDarkItemOpenFontColor,
|
|
19410
19651
|
backgroundColor: src.menuDarkItemOpenBackgroundColor,
|
|
19411
19652
|
'& $icon': {
|
|
@@ -19413,13 +19654,13 @@ var menuStyle = {
|
|
|
19413
19654
|
}
|
|
19414
19655
|
},
|
|
19415
19656
|
'$itemInPath > &&': {
|
|
19416
|
-
'
|
|
19657
|
+
'[data-soui-theme=light] &': {
|
|
19417
19658
|
color: src.menuItemActiveFontColor,
|
|
19418
19659
|
'& $icon': {
|
|
19419
19660
|
color: src.menuItemActiveFontColor
|
|
19420
19661
|
}
|
|
19421
19662
|
},
|
|
19422
|
-
'
|
|
19663
|
+
'[data-soui-theme=dark][data-soui-mode=inline] &::before, [data-soui-theme=dark][data-soui-mode=vertical] &::before': {
|
|
19423
19664
|
content: '""',
|
|
19424
19665
|
position: 'absolute',
|
|
19425
19666
|
left: 0,
|
|
@@ -19427,50 +19668,73 @@ var menuStyle = {
|
|
|
19427
19668
|
bottom: 0,
|
|
19428
19669
|
width: '3px',
|
|
19429
19670
|
backgroundColor: src.menuDarkItemActiveBackgroundColor
|
|
19430
|
-
},
|
|
19431
|
-
'$wrapperLight$wrapperVertical &': {
|
|
19432
|
-
'&::before': {
|
|
19433
|
-
display: 'block',
|
|
19434
|
-
content: '""',
|
|
19435
|
-
position: 'absolute',
|
|
19436
|
-
right: 0,
|
|
19437
|
-
top: 0,
|
|
19438
|
-
bottom: 0,
|
|
19439
|
-
width: '4px',
|
|
19440
|
-
borderTopLeftRadius: '4px',
|
|
19441
|
-
borderBottomLeftRadius: '4px',
|
|
19442
|
-
backgroundColor: src.menuItemActiveFontColor
|
|
19443
|
-
}
|
|
19444
19671
|
}
|
|
19672
|
+
// '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollpase) &': {
|
|
19673
|
+
// '&::before': {
|
|
19674
|
+
// display: 'block',
|
|
19675
|
+
// content: '""',
|
|
19676
|
+
// position: 'absolute',
|
|
19677
|
+
// right: 0,
|
|
19678
|
+
// top: 0,
|
|
19679
|
+
// bottom: 0,
|
|
19680
|
+
// width: '4px',
|
|
19681
|
+
// borderTopLeftRadius: '4px',
|
|
19682
|
+
// borderBottomLeftRadius: '4px',
|
|
19683
|
+
// backgroundColor: token.menuItemActiveFontColor,
|
|
19684
|
+
// },
|
|
19685
|
+
// },
|
|
19445
19686
|
},
|
|
19446
19687
|
'$itemActive > &&': {
|
|
19447
|
-
'
|
|
19688
|
+
'[data-soui-theme=light] &': {
|
|
19448
19689
|
color: src.menuItemActiveFontColor,
|
|
19449
19690
|
backgroundColor: src.menuItemActiveBackgroundColor,
|
|
19450
19691
|
'& $icon': {
|
|
19451
19692
|
color: src.menuItemActiveFontColor
|
|
19452
19693
|
}
|
|
19453
19694
|
},
|
|
19454
|
-
'$
|
|
19695
|
+
'$wrapperCollpase[data-soui-theme=light] $root > &': {
|
|
19696
|
+
color: src.menuItemActiveFontColor,
|
|
19697
|
+
backgroundColor: src.menuItemBackgroundColor,
|
|
19698
|
+
'& $icon': {
|
|
19699
|
+
color: src.menuItemActiveFontColor
|
|
19700
|
+
}
|
|
19701
|
+
},
|
|
19702
|
+
'[data-soui-theme=dark]:not($wrapperCollpase) &': {
|
|
19455
19703
|
color: src.menuDarkItemActiveFontColor,
|
|
19456
19704
|
backgroundColor: src.menuDarkItemActiveBackgroundColor,
|
|
19457
19705
|
'& $icon': {
|
|
19458
19706
|
color: src.menuDarkItemActiveFontColor
|
|
19459
19707
|
}
|
|
19460
19708
|
},
|
|
19461
|
-
'$
|
|
19709
|
+
'[data-soui-theme=dark]$wrapperCollpase &': {
|
|
19462
19710
|
'&::before': {
|
|
19463
19711
|
content: '""',
|
|
19464
19712
|
position: 'absolute',
|
|
19465
|
-
|
|
19713
|
+
left: 0,
|
|
19466
19714
|
top: 0,
|
|
19467
|
-
|
|
19715
|
+
bottom: 0,
|
|
19468
19716
|
width: '3px',
|
|
19469
|
-
|
|
19470
|
-
|
|
19471
|
-
|
|
19472
|
-
|
|
19473
|
-
|
|
19717
|
+
backgroundColor: src.menuDarkItemActiveBackgroundColor
|
|
19718
|
+
}
|
|
19719
|
+
},
|
|
19720
|
+
// '[data-soui-theme=light][data-soui-mode=inline] &, [data-soui-theme=light][data-soui-mode=horizontal] &':
|
|
19721
|
+
// {
|
|
19722
|
+
// '&::before': {
|
|
19723
|
+
// content: '""',
|
|
19724
|
+
// position: 'absolute',
|
|
19725
|
+
// display: 'block!important',
|
|
19726
|
+
// top: 0,
|
|
19727
|
+
// right: 0,
|
|
19728
|
+
// width: '3px',
|
|
19729
|
+
// height: '100%',
|
|
19730
|
+
// backgroundColor: token.menuItemActiveFontColor,
|
|
19731
|
+
// },
|
|
19732
|
+
// },
|
|
19733
|
+
'[data-soui-theme=light][data-soui-mode=horizontal] $root > &::before': {
|
|
19734
|
+
content: '""',
|
|
19735
|
+
position: 'absolute',
|
|
19736
|
+
display: 'block!important',
|
|
19737
|
+
backgroundColor: src.menuItemActiveFontColor,
|
|
19474
19738
|
width: '100%',
|
|
19475
19739
|
height: '2px',
|
|
19476
19740
|
top: 'auto',
|
|
@@ -19479,7 +19743,7 @@ var menuStyle = {
|
|
|
19479
19743
|
right: 'auto'
|
|
19480
19744
|
}
|
|
19481
19745
|
},
|
|
19482
|
-
'
|
|
19746
|
+
'[data-soui-theme=light] $itemDisabled > &&': {
|
|
19483
19747
|
cursor: 'not-allowed',
|
|
19484
19748
|
color: src.menuItemDisabledFontColor,
|
|
19485
19749
|
backgroundColor: src.menuItemDisabledBackgroundColor,
|
|
@@ -19487,7 +19751,7 @@ var menuStyle = {
|
|
|
19487
19751
|
color: src.menuItemDisabledFontColor
|
|
19488
19752
|
}
|
|
19489
19753
|
},
|
|
19490
|
-
'
|
|
19754
|
+
'[data-soui-theme=dark] $itemDisabled > &&': {
|
|
19491
19755
|
cursor: 'not-allowed',
|
|
19492
19756
|
color: src.menuDarkItemDisabledFontColor,
|
|
19493
19757
|
backgroundColor: src.menuDarkItemDisabledBackgroundColor,
|
|
@@ -19498,7 +19762,30 @@ var menuStyle = {
|
|
|
19498
19762
|
},
|
|
19499
19763
|
itemContentFront: {},
|
|
19500
19764
|
itemContentBack: {},
|
|
19765
|
+
header: {
|
|
19766
|
+
padding: "".concat(src.menuTitlePaddingY, " ").concat(src.menuTitlePaddingX),
|
|
19767
|
+
width: '100%',
|
|
19768
|
+
transition: "width ".concat(animationDuration, " ").concat(transitionFunc),
|
|
19769
|
+
color: src.menuFontColor,
|
|
19770
|
+
'$wrapperDark &': {
|
|
19771
|
+
color: src.menuDarkFontColor
|
|
19772
|
+
},
|
|
19773
|
+
'$wrapperCollpase &': {
|
|
19774
|
+
paddingLeft: '0',
|
|
19775
|
+
paddingRight: '0',
|
|
19776
|
+
display: 'flex',
|
|
19777
|
+
flexDirection: 'column',
|
|
19778
|
+
alignItems: 'center'
|
|
19779
|
+
},
|
|
19780
|
+
'& + div': {
|
|
19781
|
+
borderTop: "1px solid ".concat(src.menuHeaderBorderColor),
|
|
19782
|
+
'$wrapperDark &': {
|
|
19783
|
+
borderTop: "1px solid ".concat(src.menuDarkHeaderBorderColor)
|
|
19784
|
+
}
|
|
19785
|
+
}
|
|
19786
|
+
},
|
|
19501
19787
|
title: {
|
|
19788
|
+
cursor: 'inherit',
|
|
19502
19789
|
'&:hover': {
|
|
19503
19790
|
color: 'inherit'
|
|
19504
19791
|
},
|
|
@@ -19510,13 +19797,13 @@ var menuStyle = {
|
|
|
19510
19797
|
minWidth: 0,
|
|
19511
19798
|
padding: "".concat(src.menuTitlePaddingY, " ").concat(src.menuTitlePaddingX),
|
|
19512
19799
|
'$wrapperInline $childrenHasExpand $item:not($itemHasChildren) $itemContentBack > &': {
|
|
19513
|
-
paddingRight: src.
|
|
19800
|
+
paddingRight: "calc(".concat(src.menuIconMarginX, " + ").concat(src.menuTitlePaddingX, " + ").concat(src.menuExpandSize, ")")
|
|
19514
19801
|
},
|
|
19515
19802
|
'$wrapperInline $itemHasChildren > $itemContentBack > &': {
|
|
19516
19803
|
paddingRight: 0
|
|
19517
19804
|
},
|
|
19518
19805
|
'$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
|
|
19519
|
-
paddingRight: src.
|
|
19806
|
+
paddingRight: "calc(".concat(src.menuIconMarginX, " + ").concat(src.menuTitlePaddingX, " + ").concat(src.menuExpandSize, ")")
|
|
19520
19807
|
},
|
|
19521
19808
|
'$childrenHasExpand $itemHasChildren > $itemContentBack > &': {
|
|
19522
19809
|
paddingRight: 0
|
|
@@ -19525,12 +19812,24 @@ var menuStyle = {
|
|
|
19525
19812
|
paddingLeft: 0
|
|
19526
19813
|
}
|
|
19527
19814
|
},
|
|
19815
|
+
titleIcon: {
|
|
19816
|
+
'& + $titleContent': {
|
|
19817
|
+
paddingLeft: src.menuIconMarginX
|
|
19818
|
+
},
|
|
19819
|
+
lineHeight: 1,
|
|
19820
|
+
display: 'inline-flex'
|
|
19821
|
+
},
|
|
19822
|
+
titleContent: {
|
|
19823
|
+
whiteSpace: 'pre-wrap',
|
|
19824
|
+
transition: "opacity ".concat(animationDuration, " ").concat(transitionFunc),
|
|
19825
|
+
opacity: 1
|
|
19826
|
+
},
|
|
19528
19827
|
expand: {
|
|
19529
19828
|
alignSelf: 'stretch',
|
|
19530
19829
|
display: 'flex',
|
|
19531
19830
|
justifyContent: 'center',
|
|
19532
19831
|
alignItems: 'center',
|
|
19533
|
-
'
|
|
19832
|
+
'[data-soui-theme=light] &': {
|
|
19534
19833
|
color: src.menuIconColor
|
|
19535
19834
|
},
|
|
19536
19835
|
'& > $icon': {
|
|
@@ -19540,14 +19839,14 @@ var menuStyle = {
|
|
|
19540
19839
|
'$wrapper:not($wrapperVertical) $itemOpen > $itemContent &': {
|
|
19541
19840
|
transform: 'rotate(180deg)'
|
|
19542
19841
|
}
|
|
19842
|
+
}
|
|
19843
|
+
},
|
|
19844
|
+
expandVertical: {
|
|
19845
|
+
'&[dir=ltr] svg': {
|
|
19846
|
+
transform: 'rotate(-90deg)'
|
|
19543
19847
|
},
|
|
19544
|
-
'
|
|
19545
|
-
'
|
|
19546
|
-
transform: 'rotate(-90deg)'
|
|
19547
|
-
},
|
|
19548
|
-
'&[dir=rtl]': {
|
|
19549
|
-
transform: 'rotate(90deg)'
|
|
19550
|
-
}
|
|
19848
|
+
'&[dir=rtl] svg': {
|
|
19849
|
+
transform: 'rotate(90deg)'
|
|
19551
19850
|
}
|
|
19552
19851
|
},
|
|
19553
19852
|
icon: {},
|
|
@@ -19563,13 +19862,14 @@ var menuStyle = {
|
|
|
19563
19862
|
width: 'auto',
|
|
19564
19863
|
visibility: 'hidden',
|
|
19565
19864
|
paddingLeft: src.menuTitlePaddingX,
|
|
19566
|
-
paddingRight:
|
|
19865
|
+
paddingRight: src.menuIconMarginX,
|
|
19567
19866
|
'$itemHasChildren > $itemContent &': {
|
|
19568
19867
|
visibility: 'visible'
|
|
19569
19868
|
}
|
|
19570
19869
|
},
|
|
19571
19870
|
expandBack: {
|
|
19572
|
-
|
|
19871
|
+
paddingRight: src.menuTitlePaddingX,
|
|
19872
|
+
paddingLeft: src.menuIconMarginX
|
|
19573
19873
|
},
|
|
19574
19874
|
scrollbar: {
|
|
19575
19875
|
position: 'absolute',
|
|
@@ -19620,16 +19920,90 @@ var menuStyle = {
|
|
|
19620
19920
|
scrollbarDragging: {}
|
|
19621
19921
|
};
|
|
19622
19922
|
/* harmony default export */ var menu_menu = (menuStyle);
|
|
19923
|
+
;// CONCATENATED MODULE: ../shineout-style/src/menu/search.ts
|
|
19924
|
+
|
|
19925
|
+
var _wrapperDark;
|
|
19926
|
+
|
|
19927
|
+
var menuSearchStyle = {
|
|
19928
|
+
wrapper: defineProperty_default()({}, getTokenName('inputBorderRadius'), src.menuSearchBorderRadius),
|
|
19929
|
+
wrapperDark: (_wrapperDark = {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(_wrapperDark, getTokenName('inputClearColor'), src.menuSearchDarkClearColor), getTokenName('inputHoverClearColor'), src.menuSearchDarkHoverClearColor), getTokenName('inputBorderColor'), src.menuSearchDarkBackgroundColor), getTokenName('inputBackgroundColor'), src.menuSearchDarkBackgroundColor), getTokenName('inputFontColor'), src.menuSearchDarkFontColor), getTokenName('inputPlaceholderFontColor'), src.menuSearchDarkPlaceholderFontColor), getTokenName('inputHoverBorderColor'), src.menuSearchDarkHoverBorderColor), getTokenName('inputHoverBackgroundColor'), src.menuSearchDarkHoverBackgroundColor), getTokenName('inputFocusBorderColor'), src.menuSearchDarkFocusBorderColor), getTokenName('inputFocusBackgroundColor'), src.menuSearchDarkFocusBackgroundColor), defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(_wrapperDark, getTokenName('inputFocusShadow'), src.menuSearchDarkFocusShadow), getTokenName('inputDisabledBorderColor'), src.menuSearchDarkBackgroundColor), getTokenName('inputDisabledBackgroundColor'), src.menuSearchDarkBackgroundColor), getTokenName('inputDisabledFontColor'), src.menuSearchDarkFontColor), getTokenName('inputDisabledPlaceholderFontColor'), src.menuSearchDarkPlaceholderFontColor)),
|
|
19930
|
+
wrapperLight: defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, getTokenName('inputBorderColor'), src.menuSearchBackgroundColor), getTokenName('inputBackgroundColor'), src.menuSearchBackgroundColor), getTokenName('inputHoverBorderColor'), src.menuSearchHoverBorderColor), getTokenName('inputHoverBackgroundColor'), src.menuSearchHoverBackgroundColor), getTokenName('inputDisabledBorderColor'), src.menuSearchDisabledBackgroundColor), getTokenName('inputDisabledBackgroundColor'), src.menuSearchDisabledBackgroundColor), getTokenName('inputClearColor'), src.menuSearchClearColor), getTokenName('inputHoverClearColor'), src.menuSearchHoverClearColor),
|
|
19931
|
+
wrapperCollapsed: {
|
|
19932
|
+
borderRadius: '50%',
|
|
19933
|
+
padding: src.menuSearchPaddingX,
|
|
19934
|
+
cursor: 'pointer',
|
|
19935
|
+
lineHeight: 1,
|
|
19936
|
+
'$wrapperLight&': {
|
|
19937
|
+
background: src.menuSearchBackgroundColor,
|
|
19938
|
+
border: "1px solid ".concat(src.menuSearchBackgroundColor),
|
|
19939
|
+
'&:hover': {
|
|
19940
|
+
background: src.menuSearchHoverBackgroundColor,
|
|
19941
|
+
borderColor: src.menuSearchHoverBorderColor
|
|
19942
|
+
},
|
|
19943
|
+
'$wrapperDisabled&': {
|
|
19944
|
+
background: src.menuSearchDisabledBackgroundColor,
|
|
19945
|
+
borderColor: src.menuSearchDisabledBackgroundColor
|
|
19946
|
+
}
|
|
19947
|
+
},
|
|
19948
|
+
'$wrapperDark&': {
|
|
19949
|
+
background: src.menuSearchDarkBackgroundColor,
|
|
19950
|
+
border: "1px solid ".concat(src.menuSearchDarkBackgroundColor),
|
|
19951
|
+
'&:hover': {
|
|
19952
|
+
background: src.menuSearchDarkHoverBackgroundColor,
|
|
19953
|
+
borderColor: src.menuSearchDarkHoverBorderColor
|
|
19954
|
+
},
|
|
19955
|
+
'$wrapperDisabled&': {
|
|
19956
|
+
background: src.menuSearchDarkBackgroundColor,
|
|
19957
|
+
borderColor: src.menuSearchDarkBackgroundColor,
|
|
19958
|
+
'&$search': {
|
|
19959
|
+
color: src.menuSearchDarkIconColor
|
|
19960
|
+
}
|
|
19961
|
+
}
|
|
19962
|
+
}
|
|
19963
|
+
},
|
|
19964
|
+
wrapperDisabled: {
|
|
19965
|
+
cursor: 'not-allowed',
|
|
19966
|
+
'&$wrapperDark': {
|
|
19967
|
+
opacity: 0.3
|
|
19968
|
+
}
|
|
19969
|
+
},
|
|
19970
|
+
input: {
|
|
19971
|
+
width: '100%'
|
|
19972
|
+
},
|
|
19973
|
+
search: {
|
|
19974
|
+
width: src.menuSearchIconSize,
|
|
19975
|
+
height: src.menuSearchIconSize,
|
|
19976
|
+
cursor: 'pointer',
|
|
19977
|
+
display: 'flex',
|
|
19978
|
+
justifyContent: 'center',
|
|
19979
|
+
marginRight: src.menuSearchIconMarginX,
|
|
19980
|
+
color: src.menuSearchIconColor,
|
|
19981
|
+
'$wrapperDisabled &': {
|
|
19982
|
+
color: src.inputDisabledFontColor,
|
|
19983
|
+
cursor: 'not-allowed'
|
|
19984
|
+
},
|
|
19985
|
+
'$wrapperDark &': {
|
|
19986
|
+
color: src.menuSearchDarkIconColor
|
|
19987
|
+
},
|
|
19988
|
+
'$wrapperCollapsed &': {
|
|
19989
|
+
marginRight: 0
|
|
19990
|
+
}
|
|
19991
|
+
}
|
|
19992
|
+
};
|
|
19993
|
+
/* harmony default export */ var menu_search = (menuSearchStyle);
|
|
19623
19994
|
;// CONCATENATED MODULE: ../shineout-style/src/menu/index.ts
|
|
19624
19995
|
|
|
19625
19996
|
|
|
19997
|
+
|
|
19626
19998
|
var useMenuStyle = styled(menu_menu, 'menu');
|
|
19627
19999
|
|
|
19628
20000
|
/* harmony default export */ var shineout_style_src_menu = ((/* unused pure expression or super */ null && (useMenuStyle)));
|
|
20001
|
+
var useMenuSearchStyle = styled(menu_search, 'menu-search');
|
|
20002
|
+
|
|
19629
20003
|
;// CONCATENATED MODULE: ../shineout-style/src/message/message.ts
|
|
19630
20004
|
|
|
19631
20005
|
|
|
19632
|
-
var
|
|
20006
|
+
var message_animationDuration = '0.2s';
|
|
19633
20007
|
var messageMargin = src.messageMarginBottom;
|
|
19634
20008
|
var message_animations = {
|
|
19635
20009
|
'@keyframes left-in': {
|
|
@@ -19722,21 +20096,21 @@ var messageStyle = objectSpread2_default()(objectSpread2_default()({}, message_a
|
|
|
19722
20096
|
},
|
|
19723
20097
|
itemDismissed: {
|
|
19724
20098
|
' [data-soui-position="bottom-left"] &': {
|
|
19725
|
-
animation: "$left-out ".concat(
|
|
20099
|
+
animation: "$left-out ".concat(message_animationDuration, " ease-in-out")
|
|
19726
20100
|
},
|
|
19727
20101
|
' [data-soui-position="bottom-right"] &': {
|
|
19728
|
-
animation: "$right-out ".concat(
|
|
20102
|
+
animation: "$right-out ".concat(message_animationDuration, " ease-in-out")
|
|
19729
20103
|
}
|
|
19730
20104
|
},
|
|
19731
20105
|
itemShow: {
|
|
19732
20106
|
'[data-soui-position="top-left"] &, [data-soui-position="bottom-left"] &': {
|
|
19733
|
-
animation: "$left-in ".concat(
|
|
20107
|
+
animation: "$left-in ".concat(message_animationDuration, " ease-in-out")
|
|
19734
20108
|
},
|
|
19735
20109
|
'[data-soui-position="top-right"] &, [data-soui-position="bottom-right"] &': {
|
|
19736
|
-
animation: "$right-in ".concat(
|
|
20110
|
+
animation: "$right-in ".concat(message_animationDuration, " ease-in-out")
|
|
19737
20111
|
},
|
|
19738
20112
|
'[data-soui-position="middle"] &, [data-soui-position="top"] &': {
|
|
19739
|
-
animation: "$middle-in ".concat(
|
|
20113
|
+
animation: "$middle-in ".concat(message_animationDuration, " ease-in-out")
|
|
19740
20114
|
}
|
|
19741
20115
|
},
|
|
19742
20116
|
message: {
|
|
@@ -20405,7 +20779,9 @@ var usePaginationStyle = styled(pagination_pagination, 'pagination');
|
|
|
20405
20779
|
/* harmony default export */ var shineout_style_src_pagination = ((/* unused pure expression or super */ null && (usePaginationStyle)));
|
|
20406
20780
|
;// CONCATENATED MODULE: ../shineout-style/src/popover/popover.ts
|
|
20407
20781
|
|
|
20408
|
-
|
|
20782
|
+
|
|
20783
|
+
var popover_cssvar = '--popover-arrow-gap';
|
|
20784
|
+
var hideArrowGap = "var(".concat(popover_cssvar, ", 10px)");
|
|
20409
20785
|
var arrowMargin = '8px';
|
|
20410
20786
|
var popoverStyle = {
|
|
20411
20787
|
wrapper: {
|
|
@@ -20435,8 +20811,9 @@ var popoverStyle = {
|
|
|
20435
20811
|
borderRight: 'transparent'
|
|
20436
20812
|
}
|
|
20437
20813
|
},
|
|
20814
|
+
'&$hideArrow': defineProperty_default()({}, popover_cssvar, '4px'),
|
|
20438
20815
|
'&[data-soui-position^="bottom"]': {
|
|
20439
|
-
marginTop:
|
|
20816
|
+
marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
|
|
20440
20817
|
'& $arrow': {
|
|
20441
20818
|
top: '0',
|
|
20442
20819
|
transform: 'translate(0, -50%) rotate(-45deg)',
|
|
@@ -20445,17 +20822,18 @@ var popoverStyle = {
|
|
|
20445
20822
|
margin: 'auto'
|
|
20446
20823
|
},
|
|
20447
20824
|
'&::after': {
|
|
20448
|
-
top:
|
|
20825
|
+
top: "calc(".concat(hideArrowGap, " * -1)"),
|
|
20449
20826
|
left: '0',
|
|
20450
20827
|
right: '0',
|
|
20451
20828
|
content: '" "',
|
|
20452
20829
|
display: 'block',
|
|
20453
|
-
height:
|
|
20830
|
+
height: hideArrowGap,
|
|
20454
20831
|
position: 'absolute'
|
|
20455
20832
|
}
|
|
20456
20833
|
},
|
|
20457
20834
|
'&[data-soui-position^="top"]': {
|
|
20458
|
-
marginTop: (arrowGap - 2) * -1,
|
|
20835
|
+
// marginTop: (arrowGap - 2) * -1,
|
|
20836
|
+
marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
|
|
20459
20837
|
'& $arrow': {
|
|
20460
20838
|
bottom: '0',
|
|
20461
20839
|
transform: 'translate(0, 50%) rotate(135deg)',
|
|
@@ -20464,21 +20842,25 @@ var popoverStyle = {
|
|
|
20464
20842
|
margin: 'auto'
|
|
20465
20843
|
},
|
|
20466
20844
|
'&::after': {
|
|
20467
|
-
bottom: arrowGap * -1,
|
|
20845
|
+
// bottom: arrowGap * -1,
|
|
20846
|
+
bottom: "calc(".concat(hideArrowGap, " * -1)"),
|
|
20468
20847
|
left: '0',
|
|
20469
20848
|
right: '0',
|
|
20470
20849
|
content: '" "',
|
|
20471
20850
|
display: 'block',
|
|
20472
|
-
height: arrowGap,
|
|
20851
|
+
// height: arrowGap,
|
|
20852
|
+
height: hideArrowGap,
|
|
20473
20853
|
position: 'absolute'
|
|
20474
20854
|
}
|
|
20475
20855
|
},
|
|
20476
20856
|
'&[data-soui-position^="left"]': {
|
|
20857
|
+
// '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
|
|
20477
20858
|
'&[dir=ltr]': {
|
|
20478
|
-
marginLeft: (
|
|
20859
|
+
marginLeft: "calc((".concat(hideArrowGap, " - 2px) * -1)")
|
|
20479
20860
|
},
|
|
20861
|
+
// '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
|
|
20480
20862
|
'&[dir=rtl]': {
|
|
20481
|
-
marginRight: (
|
|
20863
|
+
marginRight: "calc((".concat(hideArrowGap, " - 2px) * -1)")
|
|
20482
20864
|
},
|
|
20483
20865
|
'& $arrow': {
|
|
20484
20866
|
right: src.popoverBorderWidth,
|
|
@@ -20488,21 +20870,24 @@ var popoverStyle = {
|
|
|
20488
20870
|
margin: 'auto'
|
|
20489
20871
|
},
|
|
20490
20872
|
'&::after': {
|
|
20491
|
-
left: arrowGap * -1,
|
|
20873
|
+
// left: arrowGap * -1,
|
|
20874
|
+
left: "calc(".concat(hideArrowGap, " * -1)"),
|
|
20492
20875
|
top: '0',
|
|
20493
20876
|
bottom: '0',
|
|
20494
20877
|
content: '" "',
|
|
20495
20878
|
display: 'block',
|
|
20496
|
-
width:
|
|
20879
|
+
width: hideArrowGap,
|
|
20497
20880
|
position: 'absolute'
|
|
20498
20881
|
}
|
|
20499
20882
|
},
|
|
20500
20883
|
'&[data-soui-position^="right"]': {
|
|
20884
|
+
// '&[dir=ltr]': { marginLeft: arrowGap - 2 },
|
|
20501
20885
|
'&[dir=ltr]': {
|
|
20502
|
-
marginLeft:
|
|
20886
|
+
marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
|
|
20503
20887
|
},
|
|
20888
|
+
// '&[dir=rtl]': { marginRight: arrowGap - 2 },
|
|
20504
20889
|
'&[dir=rtl]': {
|
|
20505
|
-
marginRight:
|
|
20890
|
+
marginRight: "calc(".concat(hideArrowGap, " - 2px)")
|
|
20506
20891
|
},
|
|
20507
20892
|
'& $arrow': {
|
|
20508
20893
|
left: '0',
|
|
@@ -20512,12 +20897,14 @@ var popoverStyle = {
|
|
|
20512
20897
|
margin: 'auto'
|
|
20513
20898
|
},
|
|
20514
20899
|
'&::after': {
|
|
20515
|
-
left: arrowGap * -1,
|
|
20900
|
+
// left: arrowGap * -1,
|
|
20901
|
+
left: "calc(".concat(hideArrowGap, " * -1)"),
|
|
20516
20902
|
top: '0',
|
|
20517
20903
|
bottom: '0',
|
|
20518
20904
|
content: '" "',
|
|
20519
20905
|
display: 'block',
|
|
20520
|
-
width: arrowGap,
|
|
20906
|
+
// width: arrowGap,
|
|
20907
|
+
width: hideArrowGap,
|
|
20521
20908
|
position: 'absolute'
|
|
20522
20909
|
}
|
|
20523
20910
|
},
|
|
@@ -20565,10 +20952,12 @@ var popoverStyle = {
|
|
|
20565
20952
|
display: 'block'
|
|
20566
20953
|
},
|
|
20567
20954
|
arrow: {},
|
|
20955
|
+
hideArrow: {},
|
|
20568
20956
|
content: {
|
|
20569
20957
|
position: 'relative',
|
|
20570
20958
|
zIndex: 2,
|
|
20571
20959
|
fontSize: src.popoverFontSize,
|
|
20960
|
+
fontWeight: src.popoverFontWeight,
|
|
20572
20961
|
color: src.popoverFontColor,
|
|
20573
20962
|
background: 'inherit',
|
|
20574
20963
|
borderRadius: 'inherit'
|
|
@@ -20586,7 +20975,7 @@ var popoverStyle = {
|
|
|
20586
20975
|
backgroundColor: 'transparent',
|
|
20587
20976
|
border: 0,
|
|
20588
20977
|
padding: 0,
|
|
20589
|
-
marginBottom: src.
|
|
20978
|
+
marginBottom: src.popoverConfirmMarginY
|
|
20590
20979
|
}
|
|
20591
20980
|
},
|
|
20592
20981
|
footer: {
|
|
@@ -20652,10 +21041,6 @@ var progressStyle = {
|
|
|
20652
21041
|
height: '100%',
|
|
20653
21042
|
boxSizing: 'border-box',
|
|
20654
21043
|
borderRadius: 'inherit',
|
|
20655
|
-
'$lineInner &': {
|
|
20656
|
-
display: 'flex',
|
|
20657
|
-
alignItems: 'center'
|
|
20658
|
-
},
|
|
20659
21044
|
'$wrapperSuccess &': {
|
|
20660
21045
|
backgroundColor: src.progressSuccessFrontBackgroundColor
|
|
20661
21046
|
},
|
|
@@ -20667,6 +21052,22 @@ var progressStyle = {
|
|
|
20667
21052
|
},
|
|
20668
21053
|
'$wrapperDanger &': {
|
|
20669
21054
|
backgroundColor: src.progressDangerFrontBackgroundColor
|
|
21055
|
+
},
|
|
21056
|
+
'$lineInner &': {
|
|
21057
|
+
display: 'flex',
|
|
21058
|
+
alignItems: 'center',
|
|
21059
|
+
'$wrapperSuccess&': {
|
|
21060
|
+
backgroundColor: src.progressLineInnerSuccessFrontBackgroundColor
|
|
21061
|
+
},
|
|
21062
|
+
'$wrapperWarning&': {
|
|
21063
|
+
backgroundColor: src.progressLineInnerWarningFrontBackgroundColor
|
|
21064
|
+
},
|
|
21065
|
+
'$wrapperInfo&': {
|
|
21066
|
+
backgroundColor: src.progressLineInnerInfoFrontBackgroundColor
|
|
21067
|
+
},
|
|
21068
|
+
'$wrapperDanger&': {
|
|
21069
|
+
backgroundColor: src.progressLineInnerDangerFrontBackgroundColor
|
|
21070
|
+
}
|
|
20670
21071
|
}
|
|
20671
21072
|
},
|
|
20672
21073
|
content: {
|
|
@@ -20676,7 +21077,19 @@ var progressStyle = {
|
|
|
20676
21077
|
'$lineInner &': {
|
|
20677
21078
|
marginLeft: 'auto',
|
|
20678
21079
|
padding: "0 ".concat(src.progressLineInnerPaddingX),
|
|
20679
|
-
|
|
21080
|
+
fontWeight: src.progressLineFontWeight
|
|
21081
|
+
},
|
|
21082
|
+
'$wrapperSuccess &': {
|
|
21083
|
+
color: src.progressSuccessInnerFontColor
|
|
21084
|
+
},
|
|
21085
|
+
'$wrapperWarning &': {
|
|
21086
|
+
color: src.progressWarningInnerFontColor
|
|
21087
|
+
},
|
|
21088
|
+
'$wrapperInfo &': {
|
|
21089
|
+
color: src.progressInfoInnerFontColor
|
|
21090
|
+
},
|
|
21091
|
+
'$wrapperDanger &': {
|
|
21092
|
+
color: src.progressDangerInnerFontColor
|
|
20680
21093
|
},
|
|
20681
21094
|
'$lineInnerRight &&': {
|
|
20682
21095
|
// marginLeft: token.progressLineInnerPaddingX,
|
|
@@ -20693,7 +21106,7 @@ var progressStyle = {
|
|
|
20693
21106
|
background: src.progressLineBackgroundColor,
|
|
20694
21107
|
padding: '3px 8px',
|
|
20695
21108
|
borderRadius: '2px',
|
|
20696
|
-
color: src.
|
|
21109
|
+
color: src.progressLinePopFontColor,
|
|
20697
21110
|
boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)'
|
|
20698
21111
|
},
|
|
20699
21112
|
linePopValue: {},
|
|
@@ -20734,6 +21147,19 @@ var progressStyle = {
|
|
|
20734
21147
|
'& $icon': {
|
|
20735
21148
|
width: '31.25%',
|
|
20736
21149
|
height: '31.25%'
|
|
21150
|
+
},
|
|
21151
|
+
fontWeight: src.progressCircleFontWeight,
|
|
21152
|
+
'&$wrapperSuccess $content': {
|
|
21153
|
+
color: src.progressCircleSuccessFontColor
|
|
21154
|
+
},
|
|
21155
|
+
'&$wrapperWarning $content': {
|
|
21156
|
+
color: src.progressCircleWarningFontColor
|
|
21157
|
+
},
|
|
21158
|
+
'&$wrapperInfo $content': {
|
|
21159
|
+
color: src.progressCircleInfoFontColor
|
|
21160
|
+
},
|
|
21161
|
+
'&$wrapperDanger $content': {
|
|
21162
|
+
color: src.progressCircleDangerFontColor
|
|
20737
21163
|
}
|
|
20738
21164
|
},
|
|
20739
21165
|
circleBg: {
|
|
@@ -21025,8 +21451,9 @@ var rateStyle = {
|
|
|
21025
21451
|
},
|
|
21026
21452
|
text: {
|
|
21027
21453
|
fontSize: src.rateFontSize,
|
|
21454
|
+
fontWeight: src.rateFontWeight,
|
|
21028
21455
|
color: src.rateFontColor,
|
|
21029
|
-
paddingLeft:
|
|
21456
|
+
paddingLeft: src.rateTextGap
|
|
21030
21457
|
},
|
|
21031
21458
|
itemDisabled: {},
|
|
21032
21459
|
itemAnimation: {
|
|
@@ -21047,27 +21474,36 @@ var useRateStyle = styled(rate_rate, 'rate');
|
|
|
21047
21474
|
|
|
21048
21475
|
var select_inputBorderToken = {
|
|
21049
21476
|
lineHeight: src.lineHeightDynamic,
|
|
21050
|
-
borderRadius: src.
|
|
21051
|
-
fontSize: src.
|
|
21052
|
-
|
|
21053
|
-
|
|
21477
|
+
borderRadius: src.inputBorderRadius,
|
|
21478
|
+
fontSize: src.inputFontSize,
|
|
21479
|
+
fontWeight: src.inputFontWeight,
|
|
21480
|
+
smallFontSize: src.inputSmallFontSize,
|
|
21481
|
+
largeFontSize: src.inputLargeFontSize,
|
|
21054
21482
|
paddingY: src.selectPaddingY,
|
|
21055
21483
|
smallPaddingY: src.selectSmallPaddingY,
|
|
21056
21484
|
largePaddingY: src.selectLargePaddingY,
|
|
21057
21485
|
paddingX: src.selectPaddingX,
|
|
21058
21486
|
smallPaddingX: src.selectSmallPaddingX,
|
|
21059
21487
|
largePaddingX: src.selectLargePaddingX,
|
|
21060
|
-
borderColor: src.
|
|
21061
|
-
|
|
21062
|
-
|
|
21063
|
-
|
|
21064
|
-
|
|
21065
|
-
|
|
21066
|
-
|
|
21067
|
-
|
|
21068
|
-
|
|
21069
|
-
|
|
21070
|
-
|
|
21488
|
+
borderColor: src.inputBorderColor,
|
|
21489
|
+
borderWidth: src.inputBorderWidth,
|
|
21490
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
21491
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
21492
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
21493
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
21494
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
21495
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
21496
|
+
fontColor: src.inputFontColor,
|
|
21497
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
21498
|
+
backgroundColor: src.inputBackgroundColor,
|
|
21499
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
21500
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
21501
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
21502
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
21503
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
21504
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
21505
|
+
focusShadow: src.inputFocusShadow,
|
|
21506
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
21071
21507
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
21072
21508
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
21073
21509
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
@@ -21128,7 +21564,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21128
21564
|
marginBottom: src.selectLargePlaceholderMarginY
|
|
21129
21565
|
}
|
|
21130
21566
|
},
|
|
21131
|
-
'&:hover': {
|
|
21567
|
+
'&:hover': objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
|
|
21132
21568
|
cursor: 'pointer',
|
|
21133
21569
|
'&$clearable:not($wrapperEmpty)': {
|
|
21134
21570
|
'& $clearIcon': {
|
|
@@ -21138,7 +21574,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21138
21574
|
display: 'none'
|
|
21139
21575
|
}
|
|
21140
21576
|
}
|
|
21141
|
-
},
|
|
21577
|
+
}),
|
|
21142
21578
|
'&:not($wrapperEmpty):not($wrapperOpen)': {
|
|
21143
21579
|
'& $clearIcon': {
|
|
21144
21580
|
display: 'none'
|
|
@@ -21150,6 +21586,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21150
21586
|
wrapperDisabled: objectSpread2_default()(objectSpread2_default()({}, select_wrapperDisabled), {}, {
|
|
21151
21587
|
'& $arrowIcon': {
|
|
21152
21588
|
color: src.selectDisabledIconColor
|
|
21589
|
+
},
|
|
21590
|
+
'& $placeholder': {
|
|
21591
|
+
color: src.selectDisabledPlaceholderColor
|
|
21153
21592
|
}
|
|
21154
21593
|
}),
|
|
21155
21594
|
popover: {}
|
|
@@ -21363,8 +21802,13 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21363
21802
|
loading: {
|
|
21364
21803
|
padding: 10,
|
|
21365
21804
|
display: 'flex',
|
|
21366
|
-
justifyContent: 'center'
|
|
21805
|
+
justifyContent: 'center',
|
|
21806
|
+
'& > $loadingSpin': {
|
|
21807
|
+
borderColor: src.selectLoadingSpinColor,
|
|
21808
|
+
borderTopColor: 'transparent'
|
|
21809
|
+
}
|
|
21367
21810
|
},
|
|
21811
|
+
loadingSpin: {},
|
|
21368
21812
|
checkedIcon: {
|
|
21369
21813
|
'&[dir=ltr]': {
|
|
21370
21814
|
right: 8
|
|
@@ -21460,10 +21904,16 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21460
21904
|
overflow: 'hidden',
|
|
21461
21905
|
textOverflow: 'ellipsis',
|
|
21462
21906
|
whiteSpace: 'nowrap',
|
|
21907
|
+
color: src.selectOptionFontColor,
|
|
21463
21908
|
fontSize: src.selectFontSize,
|
|
21464
21909
|
lineHeight: src.lineHeightDynamic,
|
|
21910
|
+
background: src.selectOptionBackgroundColor,
|
|
21465
21911
|
padding: "".concat(src.selectOptionInnerPaddingY, " ").concat(src.selectOptionInnerPaddingX),
|
|
21466
|
-
borderRadius: src.selectOptionInnerBorderRadius
|
|
21912
|
+
borderRadius: src.selectOptionInnerBorderRadius,
|
|
21913
|
+
// hover
|
|
21914
|
+
'&:not($optionDisabled):not($optionActive):hover': {
|
|
21915
|
+
color: src.selectOptionHoverFontColor
|
|
21916
|
+
}
|
|
21467
21917
|
},
|
|
21468
21918
|
optionHover: {
|
|
21469
21919
|
// backgroundColor: token.selectOptionHoverBackgroundColor,
|
|
@@ -21493,14 +21943,15 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21493
21943
|
fontSize: src.selectGroupTitleFontSize,
|
|
21494
21944
|
lineHeight: src.lineHeightDynamic,
|
|
21495
21945
|
padding: "".concat(src.selectGroupTitlePaddingTop, " ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitlePaddingBottom, " ").concat(src.selectGroupTitlePaddingX),
|
|
21496
|
-
color: src.selectGroupTitleFontColor
|
|
21946
|
+
color: src.selectGroupTitleFontColor,
|
|
21947
|
+
fontWeight: src.selectGroupTitleFontWeight
|
|
21497
21948
|
},
|
|
21498
21949
|
header: {
|
|
21499
21950
|
display: 'flex',
|
|
21500
21951
|
alignItems: 'center',
|
|
21501
21952
|
boxSizing: 'border-box',
|
|
21502
21953
|
height: 32,
|
|
21503
|
-
padding: src.
|
|
21954
|
+
padding: "".concat(src.selectHeaderPaddingY, " ").concat(src.selectHeaderPaddingX),
|
|
21504
21955
|
borderBottom: "1px solid ".concat(src.selectHeaderBorderColor),
|
|
21505
21956
|
marginBottom: 4,
|
|
21506
21957
|
'& $columnsCheckbox': {
|
|
@@ -21517,7 +21968,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21517
21968
|
alignItems: 'center',
|
|
21518
21969
|
padding: "0 ".concat(src.selectOptionPaddingX),
|
|
21519
21970
|
'& $optionGroupTitle': {
|
|
21520
|
-
padding: "0 ".concat(src.
|
|
21971
|
+
padding: "0 ".concat(src.selectHeaderPaddingX),
|
|
21521
21972
|
marginLeft: src.selectColumnOptionMargin
|
|
21522
21973
|
}
|
|
21523
21974
|
},
|
|
@@ -21534,8 +21985,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21534
21985
|
marginRight: 0
|
|
21535
21986
|
},
|
|
21536
21987
|
'&:not($optionDisabled):hover': {
|
|
21537
|
-
background: src.
|
|
21538
|
-
borderRadius: src.
|
|
21988
|
+
background: src.selectOptionHoverBackgroundColor,
|
|
21989
|
+
borderRadius: src.selectPanelRadius
|
|
21539
21990
|
}
|
|
21540
21991
|
},
|
|
21541
21992
|
columnsRadio: {
|
|
@@ -21560,7 +22011,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21560
22011
|
}
|
|
21561
22012
|
},
|
|
21562
22013
|
empty: {
|
|
21563
|
-
color: src.
|
|
22014
|
+
color: src.selectEmptyFontColor
|
|
21564
22015
|
}
|
|
21565
22016
|
});
|
|
21566
22017
|
/* harmony default export */ var src_select_select = (selectStyle);
|
|
@@ -23486,6 +23937,8 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
|
|
|
23486
23937
|
'& td': {
|
|
23487
23938
|
background: src.tableTbodyBackgroundColor,
|
|
23488
23939
|
color: src.tableTbodyFontColor,
|
|
23940
|
+
fontSize: src.tableCellFontSize,
|
|
23941
|
+
fontWeight: src.tableCellFontWeight,
|
|
23489
23942
|
'&[data-soui-table-selection]::before': {
|
|
23490
23943
|
content: '""',
|
|
23491
23944
|
position: 'absolute',
|
|
@@ -23501,12 +23954,14 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
|
|
|
23501
23954
|
verticalAlign: 'middle',
|
|
23502
23955
|
background: src.tableTheadBackgroundColor,
|
|
23503
23956
|
color: src.tableTheadFontColor,
|
|
23504
|
-
|
|
23505
|
-
|
|
23957
|
+
boxSizing: 'border-box',
|
|
23958
|
+
fontWeight: src.tableTheadFontWeight,
|
|
23959
|
+
fontSize: src.tableTheadFontSize
|
|
23506
23960
|
},
|
|
23507
23961
|
'& tfoot td': {
|
|
23508
23962
|
background: src.tableTfootBackgroundColor,
|
|
23509
|
-
color: src.tableTfootFontColor
|
|
23963
|
+
color: src.tableTfootFontColor,
|
|
23964
|
+
fontWeight: src.tableTfootFontWeight
|
|
23510
23965
|
},
|
|
23511
23966
|
'&bordered tr:last-child td': {
|
|
23512
23967
|
borderBottom: 'none'
|
|
@@ -23534,11 +23989,27 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
|
|
|
23534
23989
|
small: {
|
|
23535
23990
|
'& th, & td': {
|
|
23536
23991
|
padding: "".concat(src.tableSmallCellPaddingY, " ").concat(src.tableSmallCellPaddingX)
|
|
23992
|
+
},
|
|
23993
|
+
'& table th': {
|
|
23994
|
+
fontSize: src.tableSmallTheadFontSize,
|
|
23995
|
+
fontWeight: src.tableSmallTheadFontWeight
|
|
23996
|
+
},
|
|
23997
|
+
'& table td': {
|
|
23998
|
+
fontSize: src.tableSmallCellFontSize,
|
|
23999
|
+
fontWeight: src.tableSmallCellFontWeight
|
|
23537
24000
|
}
|
|
23538
24001
|
},
|
|
23539
24002
|
large: {
|
|
23540
24003
|
'& th, & td': {
|
|
23541
24004
|
padding: "".concat(src.tableLargeCellPaddingY, " ").concat(src.tableLargeCellPaddingX)
|
|
24005
|
+
},
|
|
24006
|
+
'& table th': {
|
|
24007
|
+
fontSize: src.tableLargeTheadFontSize,
|
|
24008
|
+
fontWeight: src.tableLargeTheadFontWeight
|
|
24009
|
+
},
|
|
24010
|
+
'& table td': {
|
|
24011
|
+
fontSize: src.tableLargeCellFontSize,
|
|
24012
|
+
fontWeight: src.tableLargeCellFontWeight
|
|
23542
24013
|
}
|
|
23543
24014
|
},
|
|
23544
24015
|
bordered: {
|
|
@@ -24771,7 +25242,7 @@ var tag_tag = function tag(type) {
|
|
|
24771
25242
|
backgroundColor: src["tag".concat(type, "FillDisabledBackgroundColor")],
|
|
24772
25243
|
border: "1px solid ".concat(src["tag".concat(type, "FillDisabledBorderColor")]),
|
|
24773
25244
|
'& $closeIconWrapper': {
|
|
24774
|
-
fill: src["tag".concat(type, "
|
|
25245
|
+
fill: src["tag".concat(type, "FillDisabledFontColor")],
|
|
24775
25246
|
'&:hover': {
|
|
24776
25247
|
fill: src["tag".concat(type, "FillFontColor")],
|
|
24777
25248
|
backgroundColor: 'transparent'
|
|
@@ -24782,7 +25253,7 @@ var tag_tag = function tag(type) {
|
|
|
24782
25253
|
// outline 边框风格
|
|
24783
25254
|
'&$outline': {
|
|
24784
25255
|
background: '#fff',
|
|
24785
|
-
color: src["tag".concat(type, "
|
|
25256
|
+
color: src["tag".concat(type, "OutlineFontColor")],
|
|
24786
25257
|
border: "1px solid ".concat(src["tag".concat(type, "OutlineBorderColor")]),
|
|
24787
25258
|
'& $closeIconWrapper': {
|
|
24788
25259
|
// hover
|
|
@@ -24834,6 +25305,7 @@ var TagStyle = {
|
|
|
24834
25305
|
display: 'inline-flex',
|
|
24835
25306
|
padding: "0 ".concat(src.tagPaddingX),
|
|
24836
25307
|
fontSize: src.tagFontSize,
|
|
25308
|
+
fontWeight: src.tagFontWeight,
|
|
24837
25309
|
borderRadius: src.tagBorderRadius,
|
|
24838
25310
|
boxSizing: 'border-box',
|
|
24839
25311
|
lineHeight: "calc(".concat(src.tagFontSize, " + 4px)"),
|
|
@@ -24863,6 +25335,7 @@ var TagStyle = {
|
|
|
24863
25335
|
large: {
|
|
24864
25336
|
fontSize: src.tagLargeFontSize,
|
|
24865
25337
|
lineHeight: "calc(".concat(src.tagLargeFontSize, " + 8px)"),
|
|
25338
|
+
fontWeight: src.tagLargeFontWeight,
|
|
24866
25339
|
padding: "".concat(src.tagLargePaddingY, " ").concat(src.tagLargePaddingX),
|
|
24867
25340
|
'& $closeIconWrapper': {
|
|
24868
25341
|
'& svg': {
|
|
@@ -24874,6 +25347,7 @@ var TagStyle = {
|
|
|
24874
25347
|
small: {
|
|
24875
25348
|
lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)"),
|
|
24876
25349
|
padding: "0 ".concat(src.tagSmallPaddingX),
|
|
25350
|
+
fontWeight: src.tagSmallFontWeight,
|
|
24877
25351
|
'& $container': {
|
|
24878
25352
|
lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)")
|
|
24879
25353
|
},
|
|
@@ -24951,36 +25425,46 @@ var useTagStyle = styled(src_tag_tag, 'tag');
|
|
|
24951
25425
|
|
|
24952
25426
|
|
|
24953
25427
|
|
|
24954
|
-
var
|
|
25428
|
+
var textarea_inputBorderToken = {
|
|
24955
25429
|
lineHeight: src.lineHeightDynamic,
|
|
24956
|
-
borderRadius: src.
|
|
24957
|
-
fontSize: src.
|
|
24958
|
-
|
|
24959
|
-
|
|
24960
|
-
|
|
24961
|
-
|
|
24962
|
-
|
|
24963
|
-
|
|
24964
|
-
|
|
24965
|
-
|
|
24966
|
-
|
|
24967
|
-
|
|
24968
|
-
|
|
24969
|
-
|
|
24970
|
-
|
|
24971
|
-
|
|
24972
|
-
|
|
24973
|
-
|
|
24974
|
-
|
|
24975
|
-
|
|
24976
|
-
|
|
25430
|
+
borderRadius: src.inputBorderRadius,
|
|
25431
|
+
fontSize: src.inputFontSize,
|
|
25432
|
+
fontWeight: src.inputFontWeight,
|
|
25433
|
+
smallFontSize: src.inputSmallFontSize,
|
|
25434
|
+
largeFontSize: src.inputLargeFontSize,
|
|
25435
|
+
paddingY: src.inputPaddingY,
|
|
25436
|
+
smallPaddingY: src.inputSmallPaddingY,
|
|
25437
|
+
largePaddingY: src.inputLargePaddingY,
|
|
25438
|
+
paddingX: src.inputPaddingX,
|
|
25439
|
+
smallPaddingX: src.inputSmallPaddingX,
|
|
25440
|
+
largePaddingX: src.inputLargePaddingX,
|
|
25441
|
+
borderColor: src.inputBorderColor,
|
|
25442
|
+
borderWidth: src.inputBorderWidth,
|
|
25443
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
25444
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
25445
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
25446
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
25447
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
25448
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
25449
|
+
fontColor: src.inputFontColor,
|
|
25450
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
25451
|
+
backgroundColor: src.inputBackgroundColor,
|
|
25452
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
25453
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
25454
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
25455
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
25456
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
25457
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
25458
|
+
focusShadow: src.inputFocusShadow,
|
|
25459
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
24977
25460
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
24978
25461
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
24979
25462
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
24980
25463
|
smallInnerTitlePaddingX: src.inputInnerSmallPaddingX,
|
|
24981
25464
|
largeInnerTitlePaddingY: src.inputInnerLargePaddingY,
|
|
24982
25465
|
largeInnerTitlePaddingX: src.inputInnerLargePaddingX
|
|
24983
|
-
}
|
|
25466
|
+
};
|
|
25467
|
+
var textarea_inputBorder = input_border('wrapper', textarea_inputBorderToken);
|
|
24984
25468
|
var textarea_wrapper = textarea_inputBorder.wrapper,
|
|
24985
25469
|
textarea_resetWrapper = objectWithoutProperties_default()(textarea_inputBorder, ["wrapper"]);
|
|
24986
25470
|
var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, textarea_inputBorder), {}, {
|
|
@@ -25088,7 +25572,7 @@ var useTextareaStyle = styled(src_textarea_textarea, 'textarea');
|
|
|
25088
25572
|
;// CONCATENATED MODULE: ../shineout-style/src/tooltip/tooltip.ts
|
|
25089
25573
|
|
|
25090
25574
|
|
|
25091
|
-
var
|
|
25575
|
+
var arrowGap = 12;
|
|
25092
25576
|
var tooltip_arrowMargin = '8px';
|
|
25093
25577
|
var tooltip_animation = {
|
|
25094
25578
|
'@keyframes fadeIn': {
|
|
@@ -25179,7 +25663,7 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
|
|
|
25179
25663
|
borderBottomColor: 'transparent'
|
|
25180
25664
|
},
|
|
25181
25665
|
'&[data-soui-position^="bottom"]': {
|
|
25182
|
-
marginTop:
|
|
25666
|
+
marginTop: arrowGap - 2,
|
|
25183
25667
|
'&::before': {
|
|
25184
25668
|
top: '0',
|
|
25185
25669
|
left: '0',
|
|
@@ -25193,17 +25677,17 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
|
|
|
25193
25677
|
transform: 'translate(0, -50%) rotate(45deg)'
|
|
25194
25678
|
},
|
|
25195
25679
|
'&::after': {
|
|
25196
|
-
top:
|
|
25680
|
+
top: arrowGap * -1,
|
|
25197
25681
|
left: '0',
|
|
25198
25682
|
right: '0',
|
|
25199
25683
|
content: '" "',
|
|
25200
25684
|
display: 'block',
|
|
25201
|
-
height:
|
|
25685
|
+
height: arrowGap,
|
|
25202
25686
|
position: 'absolute'
|
|
25203
25687
|
}
|
|
25204
25688
|
},
|
|
25205
25689
|
'&[data-soui-position^="top"]': {
|
|
25206
|
-
marginTop: (
|
|
25690
|
+
marginTop: (arrowGap - 2) * -1,
|
|
25207
25691
|
'&::before': {
|
|
25208
25692
|
bottom: '0',
|
|
25209
25693
|
transform: 'translate(0, 50%) rotate(135deg)',
|
|
@@ -25218,22 +25702,22 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
|
|
|
25218
25702
|
transform: 'translate(0, 50%) rotate(-135deg)'
|
|
25219
25703
|
},
|
|
25220
25704
|
'&::after': {
|
|
25221
|
-
bottom:
|
|
25705
|
+
bottom: arrowGap * -1,
|
|
25222
25706
|
left: '0',
|
|
25223
25707
|
right: '0',
|
|
25224
25708
|
content: '" "',
|
|
25225
25709
|
display: 'block',
|
|
25226
|
-
height:
|
|
25710
|
+
height: arrowGap,
|
|
25227
25711
|
position: 'absolute'
|
|
25228
25712
|
}
|
|
25229
25713
|
},
|
|
25230
25714
|
'&[data-soui-position^="left"]': {
|
|
25231
|
-
marginLeft: (
|
|
25715
|
+
marginLeft: (arrowGap - 2) * -1,
|
|
25232
25716
|
'&[dir=ltr]': {
|
|
25233
|
-
marginLeft: (
|
|
25717
|
+
marginLeft: (arrowGap - 2) * -1
|
|
25234
25718
|
},
|
|
25235
25719
|
'&[dir=rtl]': {
|
|
25236
|
-
marginRight: (
|
|
25720
|
+
marginRight: (arrowGap - 2) * -1
|
|
25237
25721
|
},
|
|
25238
25722
|
'&::before': {
|
|
25239
25723
|
right: 0,
|
|
@@ -25248,22 +25732,22 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
|
|
|
25248
25732
|
transform: 'translate(50%, 0) rotate(135deg)'
|
|
25249
25733
|
},
|
|
25250
25734
|
'&::after': {
|
|
25251
|
-
left:
|
|
25735
|
+
left: arrowGap * -1,
|
|
25252
25736
|
top: '0',
|
|
25253
25737
|
bottom: '0',
|
|
25254
25738
|
content: '" "',
|
|
25255
25739
|
display: 'block',
|
|
25256
|
-
width:
|
|
25740
|
+
width: arrowGap,
|
|
25257
25741
|
position: 'absolute'
|
|
25258
25742
|
}
|
|
25259
25743
|
},
|
|
25260
25744
|
'&[data-soui-position^="right"]': {
|
|
25261
|
-
marginLeft:
|
|
25745
|
+
marginLeft: arrowGap - 2,
|
|
25262
25746
|
'&[dir=ltr]': {
|
|
25263
|
-
marginLeft:
|
|
25747
|
+
marginLeft: arrowGap - 2
|
|
25264
25748
|
},
|
|
25265
25749
|
'&[dir=rtl]': {
|
|
25266
|
-
marginRight:
|
|
25750
|
+
marginRight: arrowGap - 2
|
|
25267
25751
|
},
|
|
25268
25752
|
'&::before': {
|
|
25269
25753
|
left: '0',
|
|
@@ -25278,12 +25762,12 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
|
|
|
25278
25762
|
transform: 'translate(-50%, 0) rotate(-45deg)'
|
|
25279
25763
|
},
|
|
25280
25764
|
'&::after': {
|
|
25281
|
-
left:
|
|
25765
|
+
left: arrowGap * -1,
|
|
25282
25766
|
top: '0',
|
|
25283
25767
|
bottom: '0',
|
|
25284
25768
|
content: '" "',
|
|
25285
25769
|
display: 'block',
|
|
25286
|
-
width:
|
|
25770
|
+
width: arrowGap,
|
|
25287
25771
|
position: 'absolute'
|
|
25288
25772
|
}
|
|
25289
25773
|
},
|
|
@@ -25425,7 +25909,7 @@ var TransferStyle = {
|
|
|
25425
25909
|
marginLeft: 3,
|
|
25426
25910
|
'& svg': {
|
|
25427
25911
|
width: 14,
|
|
25428
|
-
color: src.
|
|
25912
|
+
color: src.transferRemoveIconColor
|
|
25429
25913
|
},
|
|
25430
25914
|
'&:hover': {
|
|
25431
25915
|
background: src.transferIconBackgroundColor
|
|
@@ -25483,7 +25967,9 @@ var TransferStyle = {
|
|
|
25483
25967
|
alignItems: 'center',
|
|
25484
25968
|
boxSizing: 'border-box',
|
|
25485
25969
|
justifyContent: 'space-between',
|
|
25486
|
-
background: src.transferHeaderBackgroundColor
|
|
25970
|
+
background: src.transferHeaderBackgroundColor,
|
|
25971
|
+
borderRadius: "".concat(src.transferBorderRadius, " ").concat(src.transferBorderRadius, " 0 0"),
|
|
25972
|
+
borderBottom: "1px solid ".concat(src.transferHeaderBorderColor)
|
|
25487
25973
|
},
|
|
25488
25974
|
spinContainer: {},
|
|
25489
25975
|
title: {
|
|
@@ -25493,11 +25979,14 @@ var TransferStyle = {
|
|
|
25493
25979
|
count: {
|
|
25494
25980
|
fontSize: src.transferFontSize
|
|
25495
25981
|
},
|
|
25496
|
-
list: {
|
|
25982
|
+
list: {
|
|
25983
|
+
background: src.transferBackgroundColor
|
|
25984
|
+
},
|
|
25497
25985
|
footer: {
|
|
25498
25986
|
height: 48,
|
|
25499
25987
|
boxSizing: 'border-box',
|
|
25500
|
-
borderTop: "1px solid ".concat(src.
|
|
25988
|
+
borderTop: "1px solid ".concat(src.transferFooterBorderColor),
|
|
25989
|
+
background: src.transferFooterBackgroundColor
|
|
25501
25990
|
},
|
|
25502
25991
|
item: {
|
|
25503
25992
|
padding: '1px 4px',
|
|
@@ -25519,7 +26008,7 @@ var TransferStyle = {
|
|
|
25519
26008
|
}
|
|
25520
26009
|
},
|
|
25521
26010
|
itemWrapper: {
|
|
25522
|
-
borderRadius: src.
|
|
26011
|
+
borderRadius: src.transferItemBorderRadius,
|
|
25523
26012
|
cursor: 'pointer',
|
|
25524
26013
|
'& $checkbox': {
|
|
25525
26014
|
width: '100%',
|
|
@@ -25560,7 +26049,7 @@ var treeStyle = {
|
|
|
25560
26049
|
top: -6,
|
|
25561
26050
|
height: 'calc(100% + 6px)',
|
|
25562
26051
|
width: 1,
|
|
25563
|
-
background:
|
|
26052
|
+
background: src.treeLineBackgroundColor
|
|
25564
26053
|
},
|
|
25565
26054
|
'&[dir=ltr]::after': {
|
|
25566
26055
|
left: 0
|
|
@@ -25574,7 +26063,7 @@ var treeStyle = {
|
|
|
25574
26063
|
top: 18,
|
|
25575
26064
|
height: 1,
|
|
25576
26065
|
width: 16,
|
|
25577
|
-
background:
|
|
26066
|
+
background: src.treeLineBackgroundColor
|
|
25578
26067
|
}
|
|
25579
26068
|
},
|
|
25580
26069
|
'& $node:first-child': {},
|
|
@@ -25701,6 +26190,7 @@ var treeStyle = {
|
|
|
25701
26190
|
fontSize: src.treeFontSize,
|
|
25702
26191
|
lineHeight: src.lineHeightDynamic,
|
|
25703
26192
|
color: src.treeFontColor,
|
|
26193
|
+
fontWeight: src.treeFontWeight,
|
|
25704
26194
|
paddingTop: src.treeTextPaddingY,
|
|
25705
26195
|
paddingBottom: src.treeTextPaddingY
|
|
25706
26196
|
},
|
|
@@ -25785,27 +26275,36 @@ var useTreeStyle = styled(tree_tree, 'tree');
|
|
|
25785
26275
|
|
|
25786
26276
|
var tree_select_inputBorderToken = {
|
|
25787
26277
|
lineHeight: src.lineHeightDynamic,
|
|
25788
|
-
borderRadius: src.
|
|
25789
|
-
fontSize: src.
|
|
25790
|
-
|
|
25791
|
-
|
|
25792
|
-
|
|
25793
|
-
|
|
25794
|
-
|
|
25795
|
-
|
|
25796
|
-
|
|
25797
|
-
|
|
25798
|
-
|
|
25799
|
-
|
|
25800
|
-
|
|
25801
|
-
|
|
25802
|
-
|
|
25803
|
-
|
|
25804
|
-
|
|
25805
|
-
|
|
25806
|
-
|
|
25807
|
-
|
|
25808
|
-
|
|
26278
|
+
borderRadius: src.inputBorderRadius,
|
|
26279
|
+
fontSize: src.inputFontSize,
|
|
26280
|
+
fontWeight: src.inputFontWeight,
|
|
26281
|
+
smallFontSize: src.inputSmallFontSize,
|
|
26282
|
+
largeFontSize: src.inputLargeFontSize,
|
|
26283
|
+
paddingY: src.selectPaddingY,
|
|
26284
|
+
smallPaddingY: src.selectSmallPaddingY,
|
|
26285
|
+
largePaddingY: src.selectLargePaddingY,
|
|
26286
|
+
paddingX: src.selectPaddingX,
|
|
26287
|
+
smallPaddingX: src.selectSmallPaddingX,
|
|
26288
|
+
largePaddingX: src.selectLargePaddingX,
|
|
26289
|
+
borderColor: src.inputBorderColor,
|
|
26290
|
+
borderWidth: src.inputBorderWidth,
|
|
26291
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
26292
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
26293
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
26294
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
26295
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
26296
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
26297
|
+
fontColor: src.inputFontColor,
|
|
26298
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
26299
|
+
backgroundColor: src.inputBackgroundColor,
|
|
26300
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
26301
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
26302
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
26303
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
26304
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
26305
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
26306
|
+
focusShadow: src.inputFocusShadow,
|
|
26307
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
25809
26308
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
25810
26309
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
25811
26310
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
@@ -28348,10 +28847,7 @@ function useClickAway(params) {
|
|
|
28348
28847
|
}
|
|
28349
28848
|
return function () {
|
|
28350
28849
|
// @ts-ignore
|
|
28351
|
-
document.removeEventListener(event, handleClickAway
|
|
28352
|
-
// 解决 点击后立刻删除dom导致获取不到元素; contains(target) 为 false 的问题
|
|
28353
|
-
capture: true
|
|
28354
|
-
});
|
|
28850
|
+
document.removeEventListener(event, handleClickAway);
|
|
28355
28851
|
};
|
|
28356
28852
|
}, [effect]);
|
|
28357
28853
|
}
|
|
@@ -31855,7 +32351,7 @@ var Popover = function Popover(props) {
|
|
|
31855
32351
|
}
|
|
31856
32352
|
};
|
|
31857
32353
|
});
|
|
31858
|
-
var noRender = !open && !context.rendered;
|
|
32354
|
+
var noRender = props.lazy && !open && !context.rendered;
|
|
31859
32355
|
if (!targetRef.current || !children || noRender) {
|
|
31860
32356
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("noscript", {
|
|
31861
32357
|
ref: function ref(el) {
|
|
@@ -31884,18 +32380,21 @@ var Popover = function Popover(props) {
|
|
|
31884
32380
|
popupGap: 0,
|
|
31885
32381
|
destroy: destroy,
|
|
31886
32382
|
zIndex: zIndex,
|
|
31887
|
-
|
|
31888
|
-
|
|
32383
|
+
adjust: props.adjust,
|
|
32384
|
+
lazy: props.lazy,
|
|
32385
|
+
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
|
|
32386
|
+
className: classnames_default()(className, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapper, open && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapperOpen), !showArrow && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.hideArrow)),
|
|
31889
32387
|
style: colorStyle
|
|
31890
32388
|
}, getDataAttribute({
|
|
31891
32389
|
position: position,
|
|
31892
32390
|
type: type
|
|
31893
|
-
})), {}, {
|
|
32391
|
+
})), props.attributes), {}, {
|
|
31894
32392
|
ref: popupRef,
|
|
31895
32393
|
onMouseLeave: events.onMouseLeave,
|
|
32394
|
+
onMouseEnter: events.onMouseEnter,
|
|
31896
32395
|
dir: config.direction,
|
|
31897
32396
|
children: [showArrow && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
31898
|
-
className: popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.arrow,
|
|
32397
|
+
className: classnames_default()(popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.arrow, props.arrowClass),
|
|
31899
32398
|
dir: config.direction
|
|
31900
32399
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
31901
32400
|
style: style,
|
|
@@ -36140,6 +36639,8 @@ var Cascader = function Cascader(props0) {
|
|
|
36140
36639
|
var props = use_with_form_config(props0);
|
|
36141
36640
|
var jssStyle = props.jssStyle,
|
|
36142
36641
|
style = props.style,
|
|
36642
|
+
_props$adjust = props.adjust,
|
|
36643
|
+
adjust = _props$adjust === void 0 ? true : _props$adjust,
|
|
36143
36644
|
width = props.width,
|
|
36144
36645
|
height = props.height,
|
|
36145
36646
|
className = props.className,
|
|
@@ -36727,7 +37228,7 @@ var Cascader = function Cascader(props0) {
|
|
|
36727
37228
|
}
|
|
36728
37229
|
},
|
|
36729
37230
|
children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
|
|
36730
|
-
adjust:
|
|
37231
|
+
adjust: adjust,
|
|
36731
37232
|
focus: open,
|
|
36732
37233
|
fixedWidth: false,
|
|
36733
37234
|
absolute: absolute,
|
|
@@ -41504,7 +42005,9 @@ var DatePicker = function DatePicker(props0) {
|
|
|
41504
42005
|
_props$clearable = props.clearable,
|
|
41505
42006
|
clearable = _props$clearable === void 0 ? true : _props$clearable,
|
|
41506
42007
|
disabled = props.disabled,
|
|
41507
|
-
size = props.size
|
|
42008
|
+
size = props.size,
|
|
42009
|
+
_props$adjust = props.adjust,
|
|
42010
|
+
adjust = _props$adjust === void 0 ? true : _props$adjust;
|
|
41508
42011
|
var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(-1),
|
|
41509
42012
|
_React$useState2 = slicedToArray_default()(_React$useState, 2),
|
|
41510
42013
|
activeIndex = _React$useState2[0],
|
|
@@ -41682,7 +42185,7 @@ var DatePicker = function DatePicker(props0) {
|
|
|
41682
42185
|
focus: open,
|
|
41683
42186
|
fixedWidth: false,
|
|
41684
42187
|
popupGap: 4,
|
|
41685
|
-
adjust:
|
|
42188
|
+
adjust: adjust,
|
|
41686
42189
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
|
|
41687
42190
|
onRef: popupRef,
|
|
41688
42191
|
className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
|
|
@@ -41988,7 +42491,7 @@ var Descriptions = function Descriptions(props) {
|
|
|
41988
42491
|
className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
|
|
41989
42492
|
children: d.map(function (_d, _i) {
|
|
41990
42493
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("td", objectSpread2_default()(objectSpread2_default()({}, getColSpan(_d)), {}, {
|
|
41991
|
-
className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.
|
|
42494
|
+
className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.cell,
|
|
41992
42495
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
41993
42496
|
className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.item,
|
|
41994
42497
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
@@ -42009,8 +42512,8 @@ var Descriptions = function Descriptions(props) {
|
|
|
42009
42512
|
if (layout === 'inlineHorizontal' || layout === 'inlineVertical') return renderInline(d, i);
|
|
42010
42513
|
return layout === 'horizontal' ? renderHorizontal(d, i) : renderVertical(d, i);
|
|
42011
42514
|
};
|
|
42012
|
-
var rootClassName = classnames_default()(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.wrapper);
|
|
42013
|
-
var bodyClassName = classnames_default()(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.body, border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.border), tableLayout === 'fixed' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tableLayoutFixed), layout === 'inlineHorizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineHorizontal), layout === 'horizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.horizontal),
|
|
42515
|
+
var rootClassName = classnames_default()(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.wrapper, size === 'small' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.small), size === 'large' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.large));
|
|
42516
|
+
var bodyClassName = classnames_default()(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.body, border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.border), tableLayout === 'fixed' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tableLayoutFixed), layout === 'inlineHorizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineHorizontal), layout === 'horizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.horizontal), layout === 'vertical' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.vertical));
|
|
42014
42517
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
42015
42518
|
className: rootClassName,
|
|
42016
42519
|
style: style,
|
|
@@ -42837,6 +43340,8 @@ var Dropdown = function Dropdown(props) {
|
|
|
42837
43340
|
data = _props$data === void 0 ? [] : _props$data,
|
|
42838
43341
|
jssStyle = props.jssStyle,
|
|
42839
43342
|
isSub = props.isSub,
|
|
43343
|
+
_props$adjust = props.adjust,
|
|
43344
|
+
adjust = _props$adjust === void 0 ? true : _props$adjust,
|
|
42840
43345
|
columns = props.columns,
|
|
42841
43346
|
width = props.width,
|
|
42842
43347
|
disabled = props.disabled,
|
|
@@ -42996,7 +43501,7 @@ var Dropdown = function Dropdown(props) {
|
|
|
42996
43501
|
fixedWidth: 'min',
|
|
42997
43502
|
popupGap: 4,
|
|
42998
43503
|
popupElRef: popupRef,
|
|
42999
|
-
adjust: !isSub,
|
|
43504
|
+
adjust: !isSub && adjust,
|
|
43000
43505
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
|
|
43001
43506
|
display: columns ? 'grid' : 'block',
|
|
43002
43507
|
className: classnames_default()(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.list, hasChildren && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listHasChildren), columns !== undefined && columns > 1 && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.boxList), size === 'small' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listSmall), size === 'large' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listLarge)),
|
|
@@ -44527,9 +45032,9 @@ var form_item_excluded = ["children", "jssStyle", "className", "style", "label",
|
|
|
44527
45032
|
style: style,
|
|
44528
45033
|
children: [label !== undefined ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
44529
45034
|
className: classnames_default()(formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.label, labelAlign === 'left' && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelLeft)),
|
|
44530
|
-
style:
|
|
45035
|
+
style: {
|
|
44531
45036
|
width: labelWidth
|
|
44532
|
-
}
|
|
45037
|
+
},
|
|
44533
45038
|
children: label
|
|
44534
45039
|
}) : null, /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
|
|
44535
45040
|
className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.control
|
|
@@ -46798,15 +47303,11 @@ var Scroll = function Scroll(props) {
|
|
|
46798
47303
|
height: '100%',
|
|
46799
47304
|
width: '100%',
|
|
46800
47305
|
display: 'inline-flex',
|
|
46801
|
-
overflow: 'hidden',
|
|
46802
47306
|
position: 'sticky'
|
|
46803
47307
|
}, isRtl ? 'right' : 'left', 0), "top", 0);
|
|
46804
|
-
var placeStyle = {
|
|
46805
|
-
marginTop:
|
|
46806
|
-
|
|
46807
|
-
height: 1,
|
|
46808
|
-
overflow: 'hidden'
|
|
46809
|
-
};
|
|
47308
|
+
var placeStyle = defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({
|
|
47309
|
+
marginTop: height > 0 && scrollHeight > 0 ? Math.max(0, Math.floor(scrollHeight - height)) : 0
|
|
47310
|
+
}, "margin".concat(isRtl ? 'Left' : 'Right'), scrollWidth), "height", 0), "width", 0), "overflow", 'hidden');
|
|
46810
47311
|
var handleScroll = usePersistFn(function (e) {
|
|
46811
47312
|
var target = e.currentTarget;
|
|
46812
47313
|
var scrollLeft = target.scrollLeft,
|
|
@@ -48814,6 +49315,8 @@ function Select(props0) {
|
|
|
48814
49315
|
className = props.className,
|
|
48815
49316
|
size = props.size,
|
|
48816
49317
|
data = props.data,
|
|
49318
|
+
_props$adjust = props.adjust,
|
|
49319
|
+
adjust = _props$adjust === void 0 ? true : _props$adjust,
|
|
48817
49320
|
treeData = props.treeData,
|
|
48818
49321
|
header = props.header,
|
|
48819
49322
|
footer = props.footer,
|
|
@@ -49355,7 +49858,8 @@ function Select(props0) {
|
|
|
49355
49858
|
className: styles === null || styles === void 0 ? void 0 : styles.loading,
|
|
49356
49859
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, {
|
|
49357
49860
|
jssStyle: jssStyle,
|
|
49358
|
-
size: 14
|
|
49861
|
+
size: 14,
|
|
49862
|
+
className: styles.loadingSpin
|
|
49359
49863
|
})
|
|
49360
49864
|
});
|
|
49361
49865
|
};
|
|
@@ -49418,7 +49922,7 @@ function Select(props0) {
|
|
|
49418
49922
|
}
|
|
49419
49923
|
},
|
|
49420
49924
|
children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
|
|
49421
|
-
adjust:
|
|
49925
|
+
adjust: adjust,
|
|
49422
49926
|
focus: open,
|
|
49423
49927
|
fixedWidth: !props.columns && (autoAdapt ? 'min' : true),
|
|
49424
49928
|
absolute: props.absolute,
|
|
@@ -50512,7 +51016,8 @@ var useMenu = function useMenu(props) {
|
|
|
50512
51016
|
var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
|
|
50513
51017
|
updateMap: new Map(),
|
|
50514
51018
|
activeId: '',
|
|
50515
|
-
cachedOpenKeys: props.openKeys || []
|
|
51019
|
+
cachedOpenKeys: props.openKeys || [],
|
|
51020
|
+
updateTimer: 0
|
|
50516
51021
|
}),
|
|
50517
51022
|
context = _useRef.current;
|
|
50518
51023
|
var render = use_render();
|
|
@@ -50567,14 +51072,23 @@ var useMenu = function useMenu(props) {
|
|
|
50567
51072
|
updateItem(getStatus);
|
|
50568
51073
|
});
|
|
50569
51074
|
});
|
|
51075
|
+
var updateWithThreshold = use_persist_fn(function () {
|
|
51076
|
+
if (context.updateTimer) clearTimeout(context.updateTimer);
|
|
51077
|
+
context.updateTimer = window.setTimeout(function () {
|
|
51078
|
+
update();
|
|
51079
|
+
// 需要更新两次 否则 inPath 状态错误
|
|
51080
|
+
update();
|
|
51081
|
+
}, 50);
|
|
51082
|
+
});
|
|
50570
51083
|
var bindUpdate = function bindUpdate(id, updateItem) {
|
|
50571
51084
|
context.updateMap.set(id, updateItem);
|
|
51085
|
+
updateWithThreshold();
|
|
50572
51086
|
};
|
|
50573
51087
|
var unbindUpdate = function unbindUpdate(id) {
|
|
50574
51088
|
context.updateMap.delete(id);
|
|
50575
51089
|
};
|
|
50576
51090
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
50577
|
-
|
|
51091
|
+
updateWithThreshold();
|
|
50578
51092
|
});
|
|
50579
51093
|
return {
|
|
50580
51094
|
openKeys: value,
|
|
@@ -50593,15 +51107,13 @@ var useMenu = function useMenu(props) {
|
|
|
50593
51107
|
var useMenuItem = function useMenuItem(props) {
|
|
50594
51108
|
var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
|
|
50595
51109
|
id: '',
|
|
50596
|
-
timer: null
|
|
50597
|
-
isUp: false
|
|
51110
|
+
timer: null
|
|
50598
51111
|
}),
|
|
50599
51112
|
context = _useRef.current;
|
|
50600
51113
|
var _props$parentId = props.parentId,
|
|
50601
51114
|
parentId = _props$parentId === void 0 ? '' : _props$parentId,
|
|
50602
|
-
dataItem = props.dataItem
|
|
50603
|
-
|
|
50604
|
-
toggleDuration = _props$toggleDuration === void 0 ? 200 : _props$toggleDuration;
|
|
51115
|
+
dataItem = props.dataItem;
|
|
51116
|
+
var isLeaf = ((dataItem || {}).children || []).length === 0;
|
|
50605
51117
|
if (!context.id) {
|
|
50606
51118
|
context.id = "".concat(parentId, ",").concat(getUidStr());
|
|
50607
51119
|
}
|
|
@@ -50616,6 +51128,10 @@ var useMenuItem = function useMenuItem(props) {
|
|
|
50616
51128
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
50617
51129
|
isInPath = _useState4[0],
|
|
50618
51130
|
setInPath = _useState4[1];
|
|
51131
|
+
var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
|
|
51132
|
+
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
51133
|
+
isUp = _useState6[0],
|
|
51134
|
+
setIsUp = _useState6[1];
|
|
50619
51135
|
var update = use_persist_fn(function (getStatus) {
|
|
50620
51136
|
var status = getStatus(context.id, props.dataItem);
|
|
50621
51137
|
if (isChecked !== status.isChecked) {
|
|
@@ -50648,8 +51164,11 @@ var useMenuItem = function useMenuItem(props) {
|
|
|
50648
51164
|
props.onClick(dataItem);
|
|
50649
51165
|
}
|
|
50650
51166
|
}
|
|
50651
|
-
|
|
50652
|
-
if (!isLeaf)
|
|
51167
|
+
// 阻止冒泡
|
|
51168
|
+
if (!isLeaf) {
|
|
51169
|
+
e.stopPropagation();
|
|
51170
|
+
e.nativeEvent.stopImmediatePropagation();
|
|
51171
|
+
}
|
|
50653
51172
|
});
|
|
50654
51173
|
var handleExpandClick = use_persist_fn(function (e) {
|
|
50655
51174
|
e.stopPropagation();
|
|
@@ -50666,29 +51185,29 @@ var useMenuItem = function useMenuItem(props) {
|
|
|
50666
51185
|
}
|
|
50667
51186
|
});
|
|
50668
51187
|
var handleMouseLeave = use_persist_fn(function () {
|
|
50669
|
-
if (expandAble && props.mode !== 'inline') {
|
|
50670
|
-
|
|
50671
|
-
|
|
50672
|
-
|
|
50673
|
-
|
|
50674
|
-
|
|
50675
|
-
|
|
50676
|
-
|
|
50677
|
-
|
|
50678
|
-
|
|
50679
|
-
|
|
50680
|
-
|
|
50681
|
-
|
|
50682
|
-
}
|
|
51188
|
+
// if (expandAble && props.mode !== 'inline') {
|
|
51189
|
+
// if (context.timer) {
|
|
51190
|
+
// clearTimeout(context.timer);
|
|
51191
|
+
// context.timer = null;
|
|
51192
|
+
// }
|
|
51193
|
+
// context.timer = setTimeout(() => {
|
|
51194
|
+
// props.onOpenChange((before) => {
|
|
51195
|
+
// const openKeySet = new Set(before);
|
|
51196
|
+
// openKeySet.delete(props.keyResult);
|
|
51197
|
+
// return Array.from(openKeySet);
|
|
51198
|
+
// });
|
|
51199
|
+
// }, toggleDuration);
|
|
51200
|
+
// document.removeEventListener('click', handleMouseLeave);
|
|
51201
|
+
// }
|
|
50683
51202
|
});
|
|
50684
51203
|
var handleMouseEnter = use_persist_fn(function (e) {
|
|
50685
51204
|
if (expandAble && props.mode !== 'inline') {
|
|
50686
51205
|
var _props$scrollRef;
|
|
50687
|
-
if (context.timer) {
|
|
50688
|
-
|
|
50689
|
-
|
|
50690
|
-
}
|
|
50691
|
-
var
|
|
51206
|
+
// if (context.timer) {
|
|
51207
|
+
// clearTimeout(context.timer);
|
|
51208
|
+
// context.timer = null;
|
|
51209
|
+
// }
|
|
51210
|
+
var up = false;
|
|
50692
51211
|
if (props.mode === 'vertical-auto' && (_props$scrollRef = props.scrollRef) !== null && _props$scrollRef !== void 0 && _props$scrollRef.current) {
|
|
50693
51212
|
var _props$scrollRef$curr;
|
|
50694
51213
|
var target = e.currentTarget;
|
|
@@ -50696,15 +51215,17 @@ var useMenuItem = function useMenuItem(props) {
|
|
|
50696
51215
|
var scrollRect = (_props$scrollRef$curr = props.scrollRef.current) === null || _props$scrollRef$curr === void 0 ? void 0 : _props$scrollRef$curr.getBoundingClientRect();
|
|
50697
51216
|
var topLine = scrollRect === null || scrollRect === void 0 ? void 0 : scrollRect.top;
|
|
50698
51217
|
var bottomLine = scrollRect === null || scrollRect === void 0 ? void 0 : scrollRect.bottom;
|
|
50699
|
-
|
|
51218
|
+
up = rect.bottom - topLine > (bottomLine - topLine) / 2;
|
|
50700
51219
|
}
|
|
50701
|
-
|
|
50702
|
-
|
|
50703
|
-
|
|
50704
|
-
|
|
50705
|
-
|
|
50706
|
-
|
|
50707
|
-
|
|
51220
|
+
if (isUp !== up) {
|
|
51221
|
+
setIsUp(up);
|
|
51222
|
+
}
|
|
51223
|
+
// props.onOpenChange((before) => {
|
|
51224
|
+
// const openKeySet = new Set(before);
|
|
51225
|
+
// openKeySet.add(props.keyResult);
|
|
51226
|
+
// return Array.from(openKeySet);
|
|
51227
|
+
// });
|
|
51228
|
+
// document.addEventListener('click', handleMouseLeave);
|
|
50708
51229
|
}
|
|
50709
51230
|
});
|
|
50710
51231
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
@@ -50720,11 +51241,12 @@ var useMenuItem = function useMenuItem(props) {
|
|
|
50720
51241
|
isOpen: gopenKeySet.has(props.keyResult),
|
|
50721
51242
|
isDisabled: isDisabled,
|
|
50722
51243
|
expandAble: expandAble,
|
|
50723
|
-
isUp:
|
|
51244
|
+
isUp: isUp,
|
|
50724
51245
|
handleItemClick: handleItemClick,
|
|
50725
51246
|
handleMouseEnter: handleMouseEnter,
|
|
50726
51247
|
handleMouseLeave: handleMouseLeave,
|
|
50727
|
-
handleExpandClick: handleExpandClick
|
|
51248
|
+
handleExpandClick: handleExpandClick,
|
|
51249
|
+
isLeaf: isLeaf
|
|
50728
51250
|
};
|
|
50729
51251
|
};
|
|
50730
51252
|
/* harmony default export */ var use_menu_item = (useMenuItem);
|
|
@@ -50738,6 +51260,8 @@ var useMenuItem = function useMenuItem(props) {
|
|
|
50738
51260
|
|
|
50739
51261
|
|
|
50740
51262
|
|
|
51263
|
+
|
|
51264
|
+
|
|
50741
51265
|
var MenuItem = function MenuItem(props) {
|
|
50742
51266
|
var _props$jssStyle, _props$jssStyle$menu;
|
|
50743
51267
|
var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
|
|
@@ -50745,8 +51269,14 @@ var MenuItem = function MenuItem(props) {
|
|
|
50745
51269
|
var _props$inlineIndent = props.inlineIndent,
|
|
50746
51270
|
inlineIndent = _props$inlineIndent === void 0 ? 24 : _props$inlineIndent,
|
|
50747
51271
|
_props$frontCaretType = props.frontCaretType,
|
|
50748
|
-
frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType
|
|
51272
|
+
frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType,
|
|
51273
|
+
mode = props.mode,
|
|
51274
|
+
_props$toggleDuration = props.toggleDuration,
|
|
51275
|
+
toggleDuration = _props$toggleDuration === void 0 ? 200 : _props$toggleDuration;
|
|
50749
51276
|
var config = useConfig();
|
|
51277
|
+
var shoudPop = mode === 'vertical' || mode === 'vertical-auto' || mode === 'horizontal';
|
|
51278
|
+
var isVertical = mode === 'vertical' || mode === 'vertical-auto';
|
|
51279
|
+
var isSubHorizontal = mode === 'horizontal' && props.level > 0;
|
|
50750
51280
|
var hasExpandAbleChildren = children.some(function (item) {
|
|
50751
51281
|
return item && item.children && (props.looseChildren || item.children.length);
|
|
50752
51282
|
});
|
|
@@ -50762,7 +51292,6 @@ var MenuItem = function MenuItem(props) {
|
|
|
50762
51292
|
parentId: props.parentId,
|
|
50763
51293
|
looseChildren: props.looseChildren,
|
|
50764
51294
|
parentSelectable: props.parentSelectable,
|
|
50765
|
-
toggleDuration: props.toggleDuration,
|
|
50766
51295
|
disabled: props.disabled,
|
|
50767
51296
|
mode: props.mode,
|
|
50768
51297
|
scrollRef: props.scrollRef
|
|
@@ -50778,39 +51307,107 @@ var MenuItem = function MenuItem(props) {
|
|
|
50778
51307
|
handleItemClick = _useMenuItem.handleItemClick,
|
|
50779
51308
|
handleMouseEnter = _useMenuItem.handleMouseEnter,
|
|
50780
51309
|
handleMouseLeave = _useMenuItem.handleMouseLeave;
|
|
51310
|
+
var renderChildren = function renderChildren() {
|
|
51311
|
+
var _items;
|
|
51312
|
+
var items = children;
|
|
51313
|
+
var isTitle = false;
|
|
51314
|
+
if (!((_items = items) !== null && _items !== void 0 && _items.length)) {
|
|
51315
|
+
if (props.level === 0 && props.collapse && shoudPop) {
|
|
51316
|
+
items = [props.dataItem];
|
|
51317
|
+
isTitle = true;
|
|
51318
|
+
} else {
|
|
51319
|
+
return null;
|
|
51320
|
+
}
|
|
51321
|
+
}
|
|
51322
|
+
var content = function content(close) {
|
|
51323
|
+
return /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
|
|
51324
|
+
className: classnames_default()(shoudPop && (classes === null || classes === void 0 ? void 0 : classes.childrenShow), classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp), hasExpandAbleChildren && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand))
|
|
51325
|
+
// 子菜单点击弹出
|
|
51326
|
+
,
|
|
51327
|
+
onClick: close,
|
|
51328
|
+
dir: config.direction,
|
|
51329
|
+
children: items.map(function (item, index) {
|
|
51330
|
+
var key = getKey(props.keygen, item, index);
|
|
51331
|
+
return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)(MenuItem, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
|
|
51332
|
+
mode: mode,
|
|
51333
|
+
parentId: id,
|
|
51334
|
+
dataItem: item,
|
|
51335
|
+
key: key,
|
|
51336
|
+
index: index,
|
|
51337
|
+
keyResult: key,
|
|
51338
|
+
level: props.level + 1,
|
|
51339
|
+
renderIcon: isTitle ? undefined : props.renderIcon
|
|
51340
|
+
}));
|
|
51341
|
+
})
|
|
51342
|
+
});
|
|
51343
|
+
};
|
|
51344
|
+
if (shoudPop) {
|
|
51345
|
+
var position = isVertical || isSubHorizontal ? isUp ? 'right-bottom' : 'right-top' : 'bottom';
|
|
51346
|
+
return /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
|
|
51347
|
+
mouseLeaveDelay: toggleDuration,
|
|
51348
|
+
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.popover),
|
|
51349
|
+
attributes: getDataAttribute({
|
|
51350
|
+
theme: props.theme || 'light',
|
|
51351
|
+
mode: isVertical ? 'vertical' : mode
|
|
51352
|
+
}),
|
|
51353
|
+
jssStyle: props.jssStyle,
|
|
51354
|
+
arrowClass: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.popArrow, props.theme === 'dark' && (classes === null || classes === void 0 ? void 0 : classes.popArrowDark)),
|
|
51355
|
+
position: position,
|
|
51356
|
+
lazy: false,
|
|
51357
|
+
children: function children(close) {
|
|
51358
|
+
return content(close);
|
|
51359
|
+
}
|
|
51360
|
+
});
|
|
51361
|
+
}
|
|
51362
|
+
return content();
|
|
51363
|
+
};
|
|
50781
51364
|
var renderItem = function renderItem() {
|
|
51365
|
+
var icon = isFunc(props.renderIcon) ? props.renderIcon(props.dataItem) : null;
|
|
51366
|
+
var iconEl = icon ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
51367
|
+
className: classes === null || classes === void 0 ? void 0 : classes.titleIcon,
|
|
51368
|
+
children: icon
|
|
51369
|
+
}) : null;
|
|
51370
|
+
var indent = props.mode === 'inline' && props.level ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
51371
|
+
style: {
|
|
51372
|
+
width: props.level * inlineIndent,
|
|
51373
|
+
flexShrink: 0
|
|
51374
|
+
}
|
|
51375
|
+
}) : null;
|
|
50782
51376
|
var item = render_render(props.renderItem, props.dataItem, props.index);
|
|
50783
51377
|
var link = props.linkKey ? getKey(props.linkKey, props.dataItem, props.index) : undefined;
|
|
50784
51378
|
var title = null;
|
|
50785
51379
|
if (isLink(item)) {
|
|
50786
51380
|
var mergeClass = classnames_default()(classes === null || classes === void 0 ? void 0 : classes.title, item.props && item.props.className);
|
|
50787
51381
|
title = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(item, {
|
|
50788
|
-
className: mergeClass
|
|
51382
|
+
className: mergeClass,
|
|
51383
|
+
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
51384
|
+
children: [indent, iconEl, /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
51385
|
+
className: classes === null || classes === void 0 ? void 0 : classes.titleContent,
|
|
51386
|
+
children: item.props.children
|
|
51387
|
+
})]
|
|
51388
|
+
})
|
|
50789
51389
|
});
|
|
50790
51390
|
} else {
|
|
50791
51391
|
var linkProps = {
|
|
50792
51392
|
className: classes === null || classes === void 0 ? void 0 : classes.title,
|
|
50793
51393
|
href: link
|
|
50794
51394
|
};
|
|
50795
|
-
title = /*#__PURE__*/(0,jsx_runtime.
|
|
50796
|
-
children:
|
|
51395
|
+
title = /*#__PURE__*/(0,jsx_runtime.jsxs)("a", objectSpread2_default()(objectSpread2_default()({}, linkProps), {}, {
|
|
51396
|
+
children: [indent, iconEl, /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
51397
|
+
className: classes === null || classes === void 0 ? void 0 : classes.titleContent,
|
|
51398
|
+
children: wrapSpan(item)
|
|
51399
|
+
})]
|
|
50797
51400
|
}));
|
|
50798
51401
|
}
|
|
50799
|
-
var indent = props.mode === 'inline' && props.level ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
50800
|
-
style: {
|
|
50801
|
-
width: props.level * inlineIndent,
|
|
50802
|
-
flexShrink: 0
|
|
50803
|
-
}
|
|
50804
|
-
}) : null;
|
|
50805
51402
|
if (props.frontCaret) {
|
|
50806
51403
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
50807
51404
|
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront),
|
|
50808
51405
|
onClick: handleItemClick,
|
|
50809
|
-
children: [
|
|
51406
|
+
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
50810
51407
|
style: {
|
|
50811
51408
|
color: props.caretColor
|
|
50812
51409
|
},
|
|
50813
|
-
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandFront, props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
|
|
51410
|
+
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandFront, (isVertical || isSubHorizontal) && (classes === null || classes === void 0 ? void 0 : classes.expandVertical), props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
|
|
50814
51411
|
onClick: handleExpandClick,
|
|
50815
51412
|
dir: config.direction,
|
|
50816
51413
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
@@ -50823,12 +51420,12 @@ var MenuItem = function MenuItem(props) {
|
|
|
50823
51420
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
50824
51421
|
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack),
|
|
50825
51422
|
onClick: handleItemClick,
|
|
50826
|
-
children: [
|
|
51423
|
+
children: [title, expandAble && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
50827
51424
|
onClick: handleExpandClick,
|
|
50828
51425
|
style: {
|
|
50829
51426
|
color: props.caretColor
|
|
50830
51427
|
},
|
|
50831
|
-
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandBack, props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
|
|
51428
|
+
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandBack, (isVertical || isSubHorizontal) && (classes === null || classes === void 0 ? void 0 : classes.expandVertical), props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
|
|
50832
51429
|
dir: config.direction,
|
|
50833
51430
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
50834
51431
|
className: classes === null || classes === void 0 ? void 0 : classes.icon,
|
|
@@ -50843,21 +51440,7 @@ var MenuItem = function MenuItem(props) {
|
|
|
50843
51440
|
onMouseEnter: handleMouseEnter,
|
|
50844
51441
|
onMouseLeave: handleMouseLeave,
|
|
50845
51442
|
dir: config.direction,
|
|
50846
|
-
children: [renderItem(),
|
|
50847
|
-
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp), hasExpandAbleChildren && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
|
|
50848
|
-
dir: config.direction,
|
|
50849
|
-
children: children.map(function (item, index) {
|
|
50850
|
-
var key = getKey(props.keygen, item, index);
|
|
50851
|
-
return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)(MenuItem, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
|
|
50852
|
-
parentId: id,
|
|
50853
|
-
dataItem: item,
|
|
50854
|
-
key: key,
|
|
50855
|
-
index: index,
|
|
50856
|
-
keyResult: key,
|
|
50857
|
-
level: props.level + 1
|
|
50858
|
-
}));
|
|
50859
|
-
})
|
|
50860
|
-
})]
|
|
51443
|
+
children: [renderItem(), renderChildren()]
|
|
50861
51444
|
});
|
|
50862
51445
|
};
|
|
50863
51446
|
/* harmony default export */ var menu_item = (MenuItem);
|
|
@@ -51070,13 +51653,27 @@ var scroll_Scroll = function Scroll(props) {
|
|
|
51070
51653
|
|
|
51071
51654
|
var menu_emptyArray = [];
|
|
51072
51655
|
var Menu = function Menu(props) {
|
|
51073
|
-
var _props$jssStyle, _props$jssStyle$menu
|
|
51656
|
+
var _props$jssStyle, _props$jssStyle$menu;
|
|
51074
51657
|
var _props$data = props.data,
|
|
51075
51658
|
data = _props$data === void 0 ? menu_emptyArray : _props$data,
|
|
51076
51659
|
_props$mode = props.mode,
|
|
51077
|
-
|
|
51660
|
+
modeProps = _props$mode === void 0 ? 'inline' : _props$mode,
|
|
51078
51661
|
_props$theme = props.theme,
|
|
51079
|
-
theme = _props$theme === void 0 ? 'light' : _props$theme
|
|
51662
|
+
theme = _props$theme === void 0 ? 'light' : _props$theme,
|
|
51663
|
+
collapse = props.collapse;
|
|
51664
|
+
var render = useRender();
|
|
51665
|
+
|
|
51666
|
+
// const [inTransition, setInTransition] = useState(false);
|
|
51667
|
+
var mode = collapse ? 'vertical-auto' : modeProps;
|
|
51668
|
+
var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
|
|
51669
|
+
inTransition: false,
|
|
51670
|
+
lastCollapse: !!props.collapse
|
|
51671
|
+
}),
|
|
51672
|
+
context = _useRef.current;
|
|
51673
|
+
if (props.mode !== 'horizontal' && !!context.lastCollapse !== !!collapse) {
|
|
51674
|
+
context.inTransition = true;
|
|
51675
|
+
context.lastCollapse = !!props.collapse;
|
|
51676
|
+
}
|
|
51080
51677
|
var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
|
|
51081
51678
|
var isVertical = mode === 'vertical' || mode === 'vertical-auto';
|
|
51082
51679
|
var isHorizontal = mode === 'horizontal';
|
|
@@ -51101,9 +51698,16 @@ var Menu = function Menu(props) {
|
|
|
51101
51698
|
return item && item.children && (props.looseChildren || item.children.length);
|
|
51102
51699
|
});
|
|
51103
51700
|
var showScrollBar = isHorizontal || isVertical;
|
|
51104
|
-
var
|
|
51105
|
-
|
|
51106
|
-
|
|
51701
|
+
var renderHeader = function renderHeader() {
|
|
51702
|
+
if (modeProps === 'horizontal') return;
|
|
51703
|
+
if (props.header) {
|
|
51704
|
+
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
51705
|
+
className: classes === null || classes === void 0 ? void 0 : classes.header,
|
|
51706
|
+
children: props.header
|
|
51707
|
+
});
|
|
51708
|
+
}
|
|
51709
|
+
return null;
|
|
51710
|
+
};
|
|
51107
51711
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
51108
51712
|
var newOpen = (openKeys || []).filter(function (k) {
|
|
51109
51713
|
return data.find(function (d, i) {
|
|
@@ -51114,17 +51718,26 @@ var Menu = function Menu(props) {
|
|
|
51114
51718
|
setHasOpen(newOpen);
|
|
51115
51719
|
}
|
|
51116
51720
|
}, [data, openKeys]);
|
|
51117
|
-
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
51118
|
-
className: classnames_default()(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight),
|
|
51721
|
+
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
|
|
51722
|
+
className: classnames_default()(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollpase), context.inTransition && (classes === null || classes === void 0 ? void 0 : classes.wrapperInTransition))
|
|
51723
|
+
}, getDataAttribute({
|
|
51724
|
+
theme: theme,
|
|
51725
|
+
mode: isVertical ? 'vertical' : mode
|
|
51726
|
+
})), {}, {
|
|
51119
51727
|
style: objectSpread2_default()({
|
|
51120
51728
|
height: props.height
|
|
51121
51729
|
}, props.style),
|
|
51122
|
-
|
|
51730
|
+
onTransitionEnd: function onTransitionEnd(e) {
|
|
51731
|
+
if (e.target === e.currentTarget) {
|
|
51732
|
+
context.inTransition = false;
|
|
51733
|
+
render();
|
|
51734
|
+
}
|
|
51735
|
+
},
|
|
51736
|
+
children: [renderHeader(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
51123
51737
|
className: classes === null || classes === void 0 ? void 0 : classes.scrollbox,
|
|
51124
51738
|
ref: scrollRef,
|
|
51125
51739
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
|
|
51126
51740
|
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.root, hasExpand && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
|
|
51127
|
-
style: listStyle,
|
|
51128
51741
|
children: data.map(function (item, index) {
|
|
51129
51742
|
var key = getKey(props.keygen, item, index);
|
|
51130
51743
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(menu_item, {
|
|
@@ -51152,7 +51765,10 @@ var Menu = function Menu(props) {
|
|
|
51152
51765
|
frontCaretType: props.frontCaretType,
|
|
51153
51766
|
caretColor: props.caretColor,
|
|
51154
51767
|
inlineIndent: props.inlineIndent,
|
|
51155
|
-
scrollRef: scrollRef
|
|
51768
|
+
scrollRef: scrollRef,
|
|
51769
|
+
theme: theme,
|
|
51770
|
+
renderIcon: props.renderIcon,
|
|
51771
|
+
collapse: collapse
|
|
51156
51772
|
}, key);
|
|
51157
51773
|
})
|
|
51158
51774
|
})
|
|
@@ -51162,7 +51778,7 @@ var Menu = function Menu(props) {
|
|
|
51162
51778
|
data: data,
|
|
51163
51779
|
jssStyle: props.jssStyle
|
|
51164
51780
|
})]
|
|
51165
|
-
});
|
|
51781
|
+
}));
|
|
51166
51782
|
};
|
|
51167
51783
|
/* harmony default export */ var src_menu_menu = (Menu);
|
|
51168
51784
|
;// CONCATENATED MODULE: ./src/menu/menu.tsx
|
|
@@ -51172,17 +51788,79 @@ var Menu = function Menu(props) {
|
|
|
51172
51788
|
|
|
51173
51789
|
|
|
51174
51790
|
var menu_jssStyle = {
|
|
51175
|
-
menu: useMenuStyle
|
|
51791
|
+
menu: useMenuStyle,
|
|
51792
|
+
popover: usePopoverStyle
|
|
51176
51793
|
};
|
|
51177
51794
|
/* harmony default export */ var src_menu_menu_0 = (function (props) {
|
|
51178
51795
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(src_menu_menu, objectSpread2_default()({
|
|
51179
51796
|
jssStyle: menu_jssStyle
|
|
51180
51797
|
}, props));
|
|
51181
51798
|
});
|
|
51799
|
+
;// CONCATENATED MODULE: ../base/src/menu/search.tsx
|
|
51800
|
+
|
|
51801
|
+
|
|
51802
|
+
var search_excluded = ["tip", "status", "innerTitle", "placeTitle", "onSearchClick", "collpase", "theme", "jssStyle", "className", "style"];
|
|
51803
|
+
|
|
51804
|
+
|
|
51805
|
+
|
|
51806
|
+
|
|
51807
|
+
|
|
51808
|
+
var Search = function Search(props) {
|
|
51809
|
+
var _jssStyle$menuSearch;
|
|
51810
|
+
var _tip = props.tip,
|
|
51811
|
+
_status = props.status,
|
|
51812
|
+
_innerTitle = props.innerTitle,
|
|
51813
|
+
_placeTitle = props.placeTitle,
|
|
51814
|
+
onSearchClick = props.onSearchClick,
|
|
51815
|
+
collpase = props.collpase,
|
|
51816
|
+
_props$theme = props.theme,
|
|
51817
|
+
theme = _props$theme === void 0 ? 'light' : _props$theme,
|
|
51818
|
+
jssStyle = props.jssStyle,
|
|
51819
|
+
className = props.className,
|
|
51820
|
+
style = props.style,
|
|
51821
|
+
rest = objectWithoutProperties_default()(props, search_excluded);
|
|
51822
|
+
var classes = jssStyle === null || jssStyle === void 0 || (_jssStyle$menuSearch = jssStyle.menuSearch) === null || _jssStyle$menuSearch === void 0 ? void 0 : _jssStyle$menuSearch.call(jssStyle);
|
|
51823
|
+
var Search = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
51824
|
+
className: classes === null || classes === void 0 ? void 0 : classes.search,
|
|
51825
|
+
children: icons_config.menu.Search
|
|
51826
|
+
});
|
|
51827
|
+
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
51828
|
+
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.wrapper, theme === 'light' && (classes === null || classes === void 0 ? void 0 : classes.wrapperLight), theme === 'dark' && (classes === null || classes === void 0 ? void 0 : classes.wrapperDark), !!rest.disabled && (classes === null || classes === void 0 ? void 0 : classes.wrapperDisabled), collpase && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollapsed), className),
|
|
51829
|
+
style: style,
|
|
51830
|
+
onClick: onSearchClick,
|
|
51831
|
+
children: collpase ? Search : /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_input, objectSpread2_default()(objectSpread2_default()({
|
|
51832
|
+
prefix: Search,
|
|
51833
|
+
className: classes === null || classes === void 0 ? void 0 : classes.input
|
|
51834
|
+
}, rest), {}, {
|
|
51835
|
+
jssStyle: jssStyle
|
|
51836
|
+
}))
|
|
51837
|
+
});
|
|
51838
|
+
};
|
|
51839
|
+
/* harmony default export */ var src_menu_search = (Search);
|
|
51840
|
+
;// CONCATENATED MODULE: ./src/menu/search.tsx
|
|
51841
|
+
|
|
51842
|
+
|
|
51843
|
+
|
|
51844
|
+
|
|
51845
|
+
|
|
51846
|
+
var search_jssStyle = {
|
|
51847
|
+
menuSearch: useMenuSearchStyle,
|
|
51848
|
+
input: useInputStyle,
|
|
51849
|
+
popover: usePopoverStyle
|
|
51850
|
+
};
|
|
51851
|
+
/* harmony default export */ var src_menu_search_0 = (function (props) {
|
|
51852
|
+
return /*#__PURE__*/(0,jsx_runtime.jsx)(src_menu_search, objectSpread2_default()({
|
|
51853
|
+
jssStyle: search_jssStyle
|
|
51854
|
+
}, props));
|
|
51855
|
+
});
|
|
51182
51856
|
;// CONCATENATED MODULE: ./src/menu/index.ts
|
|
51183
51857
|
|
|
51858
|
+
|
|
51859
|
+
var SearchComp = src_menu_search_0;
|
|
51860
|
+
SearchComp.displayName = 'ShineoutMenuSearch';
|
|
51184
51861
|
var MenuComp = src_menu_menu_0;
|
|
51185
51862
|
MenuComp.displayName = 'ShineoutMenu';
|
|
51863
|
+
MenuComp.Search = SearchComp;
|
|
51186
51864
|
/* harmony default export */ var src_menu_0 = (MenuComp);
|
|
51187
51865
|
;// CONCATENATED MODULE: ../base/src/message/message.tsx
|
|
51188
51866
|
'use client';
|
|
@@ -51315,11 +51993,9 @@ var message_Message = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
51315
51993
|
_this = _super.call(this, props);
|
|
51316
51994
|
defineProperty_default()(assertThisInitialized_default()(_this), "cachedHeight", void 0);
|
|
51317
51995
|
defineProperty_default()(assertThisInitialized_default()(_this), "timeoutMap", void 0);
|
|
51318
|
-
defineProperty_default()(assertThisInitialized_default()(_this), "messages", void 0);
|
|
51319
51996
|
_this.state = {
|
|
51320
51997
|
messages: []
|
|
51321
51998
|
};
|
|
51322
|
-
_this.messages = [];
|
|
51323
51999
|
_this.cachedHeight = {};
|
|
51324
52000
|
_this.timeoutMap = {};
|
|
51325
52001
|
_this.removeMessage = _this.removeMessage.bind(assertThisInitialized_default()(_this));
|
|
@@ -51327,24 +52003,16 @@ var message_Message = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
51327
52003
|
return _this;
|
|
51328
52004
|
}
|
|
51329
52005
|
createClass_default()(Message, [{
|
|
51330
|
-
key: "setMessages",
|
|
51331
|
-
value: function setMessages(messages) {
|
|
51332
|
-
this.messages = messages;
|
|
51333
|
-
this.setState({
|
|
51334
|
-
messages: messages
|
|
51335
|
-
});
|
|
51336
|
-
}
|
|
51337
|
-
}, {
|
|
51338
52006
|
key: "addMessage",
|
|
51339
52007
|
value: function addMessage(msg) {
|
|
51340
52008
|
var _this2 = this;
|
|
51341
52009
|
var id = message_getUidStr();
|
|
51342
|
-
var
|
|
51343
|
-
messages.push(Object.assign({
|
|
52010
|
+
var newState = message_produce(this.state, function (state) {
|
|
52011
|
+
state.messages.push(Object.assign({
|
|
51344
52012
|
id: id
|
|
51345
52013
|
}, msg));
|
|
51346
52014
|
});
|
|
51347
|
-
this.
|
|
52015
|
+
this.setState(newState);
|
|
51348
52016
|
if (msg.duration > 0) {
|
|
51349
52017
|
var closeTimeDelay = setTimeout(function () {
|
|
51350
52018
|
_this2.closeMessageForAnimation(id, dismissDuration, _this2.cachedHeight[id]);
|
|
@@ -51357,7 +52025,7 @@ var message_Message = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
51357
52025
|
key: "removeMessage",
|
|
51358
52026
|
value: function removeMessage(id) {
|
|
51359
52027
|
var callback;
|
|
51360
|
-
var messages = this.messages.filter(function (m) {
|
|
52028
|
+
var messages = this.state.messages.filter(function (m) {
|
|
51361
52029
|
if (m.id !== id) return true;
|
|
51362
52030
|
if (m.onClose) {
|
|
51363
52031
|
callback = m.onClose;
|
|
@@ -51368,7 +52036,9 @@ var message_Message = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
51368
52036
|
var _this$props$onDestroy, _this$props;
|
|
51369
52037
|
(_this$props$onDestroy = (_this$props = this.props).onDestroy) === null || _this$props$onDestroy === void 0 || _this$props$onDestroy.call(_this$props);
|
|
51370
52038
|
} else {
|
|
51371
|
-
this.
|
|
52039
|
+
this.setState({
|
|
52040
|
+
messages: messages
|
|
52041
|
+
});
|
|
51372
52042
|
}
|
|
51373
52043
|
if (callback) callback();
|
|
51374
52044
|
}
|
|
@@ -51377,15 +52047,16 @@ var message_Message = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
51377
52047
|
value: function closeMessageForAnimation(id, duration, msgHeight) {
|
|
51378
52048
|
var _this3 = this;
|
|
51379
52049
|
// duration animation duration time
|
|
51380
|
-
|
|
51381
|
-
|
|
51382
|
-
|
|
51383
|
-
m.
|
|
51384
|
-
|
|
51385
|
-
|
|
52050
|
+
this.setState(function (preState) {
|
|
52051
|
+
return message_produce(preState, function (state) {
|
|
52052
|
+
state.messages.forEach(function (m) {
|
|
52053
|
+
if (m.id === id) {
|
|
52054
|
+
m.dismiss = true;
|
|
52055
|
+
m.h = msgHeight || 0;
|
|
52056
|
+
}
|
|
52057
|
+
});
|
|
51386
52058
|
});
|
|
51387
52059
|
});
|
|
51388
|
-
this.setMessages(newMessages);
|
|
51389
52060
|
setTimeout(function () {
|
|
51390
52061
|
_this3.removeMessage(id);
|
|
51391
52062
|
}, duration);
|
|
@@ -58280,6 +58951,8 @@ var TreeSelect = function TreeSelect(props0) {
|
|
|
58280
58951
|
var jssStyle = props.jssStyle,
|
|
58281
58952
|
className = props.className,
|
|
58282
58953
|
size = props.size,
|
|
58954
|
+
_props$adjust = props.adjust,
|
|
58955
|
+
adjust = _props$adjust === void 0 ? true : _props$adjust,
|
|
58283
58956
|
valueProp = props.value,
|
|
58284
58957
|
defaultValue = props.defaultValue,
|
|
58285
58958
|
_props$data = props.data,
|
|
@@ -58828,7 +59501,7 @@ var TreeSelect = function TreeSelect(props0) {
|
|
|
58828
59501
|
}
|
|
58829
59502
|
},
|
|
58830
59503
|
children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
|
|
58831
|
-
adjust:
|
|
59504
|
+
adjust: adjust,
|
|
58832
59505
|
focus: open,
|
|
58833
59506
|
fixedWidth: "min",
|
|
58834
59507
|
lazy: false,
|
|
@@ -62423,7 +63096,7 @@ var upload_interface = __webpack_require__(4412);
|
|
|
62423
63096
|
|
|
62424
63097
|
|
|
62425
63098
|
/* harmony default export */ var src_0 = ({
|
|
62426
|
-
version: '3.
|
|
63099
|
+
version: '3.2.0-beta.2'
|
|
62427
63100
|
});
|
|
62428
63101
|
}();
|
|
62429
63102
|
/******/ return __webpack_exports__;
|