shineout 3.5.8-beta.13 → 3.5.8-beta.15

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 CHANGED
@@ -507,5 +507,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
507
507
  // 此文件由脚本自动生成,请勿直接修改。
508
508
  // This file was generated automatically by a script. Please do not modify it directly.
509
509
  var _default = exports.default = {
510
- version: '3.5.8-beta.13'
510
+ version: '3.5.8-beta.15'
511
511
  };
package/dist/shineout.js CHANGED
@@ -12115,7 +12115,7 @@ var handleStyle = function handleStyle(style) {
12115
12115
  };
12116
12116
  /* harmony default export */ var jss_style_handleStyle = (handleStyle);
12117
12117
  ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
12118
- /* harmony default export */ var version = ('3.5.8-beta.13');
12118
+ /* harmony default export */ var version = ('3.5.8-beta.15');
12119
12119
  ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
12120
12120
 
12121
12121
 
@@ -12719,7 +12719,7 @@ var badgeTokens = {
12719
12719
  badgeBadgeFontColor: 'Neutral-text-1',
12720
12720
  badgeBadgeBackgroundColor: 'Danger-6',
12721
12721
  badgeBadgeBorderRadius: 'Radius-full',
12722
- badgeCountPaddingX: 'Spacing-6',
12722
+ badgeCountPaddingX: 'Spacing-4',
12723
12723
  badgeCountHeight: 'Size-10',
12724
12724
  badgeSmallCountHeight: 'Size-8',
12725
12725
  badgeDotWidth: 'Size-3',
@@ -14443,7 +14443,7 @@ var switchTokens = {
14443
14443
  switchBackgroundColor: 'Neutral-fill-4',
14444
14444
  switchDisabledBackgroundColor: 'Neutral-fill-3',
14445
14445
  switchDisabledCircleCheckedFill: 'Brand-1',
14446
- switchDisabledCircleUncheckedFill: 'Neutral-fill-1',
14446
+ switchDisabledCircleUncheckedFill: 'Neutral-fill-2',
14447
14447
  switchDisabledFontColor: 'Neutral-text-2',
14448
14448
  switchLoadingBackgroundColor: 'Neutral-fill-2',
14449
14449
  switchLoadingCircleFill: 'Neutral-text-2',
@@ -15079,6 +15079,7 @@ var treeSelectTokens = {
15079
15079
  treeSelectPaddingY: 'Spacing-2',
15080
15080
  treeSelectIconSize: 'Size-7',
15081
15081
  treeSelectIconColor: 'Neutral-text-4',
15082
+ treeSelectIconDisabledColor: 'Neutral-text-2',
15082
15083
  treeSelectSmallFontSize: 'Font-12',
15083
15084
  treeSelectSmallPaddingX: 'Spacing-8',
15084
15085
  treeSelectSmallPaddingY: 'Spacing-1',
@@ -15097,6 +15098,7 @@ var treeSelectTokens = {
15097
15098
  treeSelectBackgroundColor: 'Neutral-fill-1',
15098
15099
  treeSelectClearColor: 'Neutral-text-3',
15099
15100
  treeSelectClearPadding: 'Spacing-8',
15101
+ treeSelectClearHoverColor: 'Neutral-text-4',
15100
15102
  treeSelectHoverBorderColor: 'Brand-6',
15101
15103
  treeSelectHoverClearColor: 'Neutral-text-4',
15102
15104
  treeSelectFocusBorderColor: 'Brand-7',
@@ -15557,14 +15559,14 @@ var badgeStyle = {
15557
15559
  minWidth: src.badgeCountHeight,
15558
15560
  height: src.badgeCountHeight,
15559
15561
  verticalAlign: 'super',
15560
- lineHeight: src.lineHeightDynamic,
15562
+ lineHeight: src.badgeCountHeight,
15561
15563
  background: src.badgeBadgeBackgroundColor,
15562
15564
  borderRadius: src.badgeBadgeBorderRadius,
15563
15565
  fontSize: src.badgeBadgeFontSize,
15564
15566
  color: src.badgeBadgeFontColor
15565
15567
  },
15566
15568
  small: {
15567
- lineHeight: 'initial',
15569
+ lineHeight: src.badgeSmallCountHeight,
15568
15570
  height: src.badgeSmallCountHeight,
15569
15571
  minWidth: src.badgeSmallCountHeight
15570
15572
  },
@@ -15688,6 +15690,9 @@ var breadcrumbStyle = {
15688
15690
  '&&': {
15689
15691
  display: 'flex',
15690
15692
  alignItems: 'center'
15693
+ },
15694
+ '&[role=button]:active': {
15695
+ color: src.breadcrumbDefaultLinkActiveColor
15691
15696
  }
15692
15697
  },
15693
15698
  ellipsis: {
@@ -15757,7 +15762,7 @@ var breadcrumbStyle = {
15757
15762
  color: src.dropdownOptionHoverFontColor,
15758
15763
  backgroundColor: src.dropdownOptionHoverBackgroundColor
15759
15764
  },
15760
- '& $content, & a': {
15765
+ '& $content, & a': {
15761
15766
  padding: "".concat(src.dropdownOptionPaddingY, " ").concat(src.dropdownOptionPaddingX),
15762
15767
  display: 'inline-block',
15763
15768
  textDecoration: 'none',
@@ -20869,6 +20874,9 @@ var menuStyle = {
20869
20874
  '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
20870
20875
  paddingRight: "calc(".concat(src.menuIconMarginX, " + ").concat(src.menuTitlePaddingX, " + ").concat(src.menuExpandSize, ")")
20871
20876
  },
20877
+ '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
20878
+ paddingRight: src.menuTitlePaddingX
20879
+ },
20872
20880
  '$childrenHasExpand $itemHasChildren > $itemContentBack > &': {
20873
20881
  paddingRight: 0
20874
20882
  },
@@ -21587,6 +21595,9 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
21587
21595
  left: '-4px',
21588
21596
  right: 'auto',
21589
21597
  cursor: 'col-resize'
21598
+ },
21599
+ '$wrapperDrawerLeft &': {
21600
+ cursor: 'col-resize'
21590
21601
  }
21591
21602
  },
21592
21603
  resizeY: {
@@ -21602,7 +21613,7 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
21602
21613
  '$wrapperDrawerBottom &': {
21603
21614
  top: '-4px',
21604
21615
  bottom: 'auto',
21605
- cursor: 'n-resize'
21616
+ cursor: 'row-resize'
21606
21617
  }
21607
21618
  },
21608
21619
  resizeXY: {
@@ -27276,10 +27287,9 @@ var TransferStyle = {
27276
27287
  }
27277
27288
  },
27278
27289
  inputWrapper: {
27279
- padding: '6px 12px'
27290
+ padding: '8px 12px 4px 12px'
27280
27291
  },
27281
27292
  input: {
27282
- padding: '8px 12px 4px 12px',
27283
27293
  '& > div > svg': {
27284
27294
  width: 14,
27285
27295
  minWidth: 14,
@@ -27923,7 +27933,10 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
27923
27933
  width: src.treeSelectFontSize,
27924
27934
  lineHeight: 0,
27925
27935
  color: src.treeSelectClearColor,
27926
- verticalAlign: 'middle'
27936
+ verticalAlign: 'middle',
27937
+ '&:hover svg': {
27938
+ color: src.treeSelectClearHoverColor
27939
+ }
27927
27940
  },
27928
27941
  arrowIcon: {
27929
27942
  display: 'inline-block',
@@ -27931,7 +27944,10 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
27931
27944
  width: src.treeSelectFontSize,
27932
27945
  lineHeight: 0,
27933
27946
  color: src.treeSelectIconColor,
27934
- transition: 'transform 0.3s'
27947
+ transition: 'transform 0.3s',
27948
+ '$wrapperDisabled &': {
27949
+ color: src.treeSelectIconDisabledColor
27950
+ }
27935
27951
  },
27936
27952
  arrowIconOpen: {
27937
27953
  transform: 'rotate(180deg)',
@@ -31724,6 +31740,7 @@ var Breadcrumb = function Breadcrumb(props) {
31724
31740
  if (d.url) _props.href = d.url;
31725
31741
  item = /*#__PURE__*/(0,jsx_runtime.jsxs)("a", objectSpread2_default()(objectSpread2_default()({}, _props), {}, {
31726
31742
  className: breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.content,
31743
+ role: "button",
31727
31744
  children: [d.icon, d.icon && d.title && /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
31728
31745
  children: "\xA0"
31729
31746
  }), d.title]
@@ -45979,6 +45996,7 @@ var Descriptions = function Descriptions(props) {
45979
45996
  renderItem = _useDescriptions.renderItem;
45980
45997
  var jssStyle = (jssStyleProps === null || jssStyleProps === void 0 || (_jssStyleProps$descri = jssStyleProps.descriptions) === null || _jssStyleProps$descri === void 0 ? void 0 : _jssStyleProps$descri.call(jssStyleProps)) || {};
45981
45998
  var Header = function Header() {
45999
+ if (!title && !extra) return null;
45982
46000
  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
45983
46001
  className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.header,
45984
46002
  children: [title && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -47100,6 +47118,7 @@ var Dropdown = function Dropdown(props) {
47100
47118
  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)),
47101
47119
  style: {
47102
47120
  width: width,
47121
+ minWidth: 90,
47103
47122
  gridTemplateColumns: columns ? "repeat(".concat(columns, ", 1fr)") : undefined
47104
47123
  },
47105
47124
  type: 'fade',
@@ -62431,7 +62450,7 @@ var Tabs = function Tabs(props) {
62431
62450
  var nextCollapse = !collapse;
62432
62451
  setCollapse(nextCollapse);
62433
62452
  };
62434
- (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
62453
+ (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
62435
62454
  if (!panelRef.current) return;
62436
62455
  if (collapsible) {
62437
62456
  if (collapse) {
@@ -67781,7 +67800,7 @@ var upload_interface = __webpack_require__(8821);
67781
67800
 
67782
67801
 
67783
67802
  /* harmony default export */ var src_0 = ({
67784
- version: '3.5.8-beta.13'
67803
+ version: '3.5.8-beta.15'
67785
67804
  });
67786
67805
  }();
67787
67806
  /******/ return __webpack_exports__;