shineout 3.5.8-beta.14 → 3.5.8-beta.16

package/cjs/index.js

@@ -507,5 +507,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.5.8-beta.14'
+  version: '3.5.8-beta.16'
 };

package/dist/shineout.js

@@ -12115,7 +12115,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.5.8-beta.14');
+/* harmony default export */ var version = ('3.5.8-beta.16');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12719,7 +12719,7 @@ var badgeTokens = {
   badgeBadgeFontColor: 'Neutral-text-1',
   badgeBadgeBackgroundColor: 'Danger-6',
   badgeBadgeBorderRadius: 'Radius-full',
-  badgeCountPaddingX: 'Spacing-6',
+  badgeCountPaddingX: 'Spacing-4',
   badgeCountHeight: 'Size-10',
   badgeSmallCountHeight: 'Size-8',
   badgeDotWidth: 'Size-3',
@@ -13921,15 +13921,15 @@ var menuTokens = {
   menuHeaderPaddingX: 'Spacing-12',
   menuHeaderPaddingY: 'Spacing-12',
   menuDarkFontColor: 'Neutral-text-1',
-  menuDarkItemBackgroundColor: 'Neutral-fill-10',
+  menuDarkItemBackgroundColor: 'Neutral-fill-9',
   menuDarkItemFontColor: 'Neutral-text-1',
   menuDarkItemHoverBackgroundColor: 'Brand-9',
   menuDarkItemHoverFontColor: 'Neutral-text-1',
   menuDarkItemActiveBackgroundColor: 'Brand-6',
   menuDarkItemActiveFontColor: 'Neutral-text-1',
-  menuDarkItemOpenBackgroundColor: 'Neutral-fill-9',
+  menuDarkItemOpenBackgroundColor: 'Neutral-fill-10',
   menuDarkItemOpenFontColor: 'Neutral-text-1',
-  menuDarkItemDisabledBackgroundColor: 'Neutral-fill-10',
+  menuDarkItemDisabledBackgroundColor: 'Neutral-fill-9',
   menuDarkItemDisabledFontColor: 'Neutral-text-4',
   menuDarkItemCollapseActiveBackgroundColor: 'Brand-6',
   menuDarkItemCollapseActiveFontColor: 'Neutral-text-1',
@@ -14374,7 +14374,7 @@ var stepsTokens = {
   stepsLargeTitleFontSize: 'Font-18',
   stepsLargeDescriptionFontSize: 'Font-12',
   stepsWaitFontColor: 'Neutral-text-4',
-  stepsWaitBackgroundColor: 'Neutral-fill-2',
+  stepsWaitBackgroundColor: 'Neutral-fill-4',
   stepsWaitHoverFontColor: 'Brand-6',
   stepsProcessFontColor: 'Neutral-text-1',
   stepsProcessBackgroundColor: 'Brand-6',
@@ -14443,7 +14443,7 @@ var switchTokens = {
   switchBackgroundColor: 'Neutral-fill-4',
   switchDisabledBackgroundColor: 'Neutral-fill-3',
   switchDisabledCircleCheckedFill: 'Brand-1',
-  switchDisabledCircleUncheckedFill: 'Neutral-fill-1',
+  switchDisabledCircleUncheckedFill: 'Neutral-fill-2',
   switchDisabledFontColor: 'Neutral-text-2',
   switchLoadingBackgroundColor: 'Neutral-fill-2',
   switchLoadingCircleFill: 'Neutral-text-2',
@@ -15079,6 +15079,7 @@ var treeSelectTokens = {
   treeSelectPaddingY: 'Spacing-2',
   treeSelectIconSize: 'Size-7',
   treeSelectIconColor: 'Neutral-text-4',
+  treeSelectIconDisabledColor: 'Neutral-text-2',
   treeSelectSmallFontSize: 'Font-12',
   treeSelectSmallPaddingX: 'Spacing-8',
   treeSelectSmallPaddingY: 'Spacing-1',
@@ -15097,6 +15098,7 @@ var treeSelectTokens = {
   treeSelectBackgroundColor: 'Neutral-fill-1',
   treeSelectClearColor: 'Neutral-text-3',
   treeSelectClearPadding: 'Spacing-8',
+  treeSelectClearHoverColor: 'Neutral-text-4',
   treeSelectHoverBorderColor: 'Brand-6',
   treeSelectHoverClearColor: 'Neutral-text-4',
   treeSelectFocusBorderColor: 'Brand-7',
@@ -15557,14 +15559,14 @@ var badgeStyle = {
     minWidth: src.badgeCountHeight,
     height: src.badgeCountHeight,
     verticalAlign: 'super',
-    lineHeight: src.lineHeightDynamic,
+    lineHeight: src.badgeCountHeight,
     background: src.badgeBadgeBackgroundColor,
     borderRadius: src.badgeBadgeBorderRadius,
     fontSize: src.badgeBadgeFontSize,
     color: src.badgeBadgeFontColor
   },
   small: {
-    lineHeight: 'initial',
+    lineHeight: src.badgeSmallCountHeight,
     height: src.badgeSmallCountHeight,
     minWidth: src.badgeSmallCountHeight
   },
@@ -15688,6 +15690,9 @@ var breadcrumbStyle = {
     '&&': {
       display: 'flex',
       alignItems: 'center'
+    },
+    '&[role=button]:active': {
+      color: src.breadcrumbDefaultLinkActiveColor
     }
   },
   ellipsis: {
@@ -15757,7 +15762,7 @@ var breadcrumbStyle = {
       color: src.dropdownOptionHoverFontColor,
       backgroundColor: src.dropdownOptionHoverBackgroundColor
     },
-    '& $content, &  a': {
+    '& $content, & a': {
       padding: "".concat(src.dropdownOptionPaddingY, " ").concat(src.dropdownOptionPaddingX),
       display: 'inline-block',
       textDecoration: 'none',
@@ -17211,7 +17216,8 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     boxShadow: src.cascaderPanelShadow,
     border: "1px solid ".concat(src.cascaderPanelBorder),
     borderRadius: src.cascaderPanelRadius,
-    transformOrigin: '0 0'
+    transformOrigin: '0 0',
+    cursor: 'initial'
   },
   pickerWrapperShow: {},
   iconWrapper: {
@@ -17984,7 +17990,8 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
     backgroundColor: src.datePickerPanelBackgroundColor,
     boxShadow: src.datePickerPanelShadow,
     borderRadius: src.datePickerPanelRadius,
-    border: "1px solid ".concat(src.datePickerPanelBorder)
+    border: "1px solid ".concat(src.datePickerPanelBorder),
+    cursor: 'initial'
   },
   pickerBox: {
     display: 'flex'
@@ -20869,6 +20876,9 @@ var menuStyle = {
     '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
       paddingRight: "calc(".concat(src.menuIconMarginX, " + ").concat(src.menuTitlePaddingX, " + ").concat(src.menuExpandSize, ")")
     },
+    '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
+      paddingRight: src.menuTitlePaddingX
+    },
     '$childrenHasExpand $itemHasChildren > $itemContentBack > &': {
       paddingRight: 0
     },
@@ -20880,8 +20890,10 @@ var menuStyle = {
     '& + $titleContent': {
       paddingLeft: src.menuIconMarginX
     },
-    lineHeight: 1,
-    display: 'inline-flex'
+    display: 'inline-flex',
+    alignSelf: 'flex-start',
+    height: src.lineHeightDynamic,
+    alignItems: 'center'
   },
   titleContent: {
     whiteSpace: 'pre-wrap',
@@ -20906,6 +20918,10 @@ var menuStyle = {
       lineHeight: 1,
       width: src.menuExpandSize,
       height: src.menuExpandSize,
+      alignSelf: 'flex-start',
+      alignItems: 'center',
+      display: 'flex',
+      minHeight: "calc(".concat(src.lineHeightDynamic, " + ").concat(src.menuTitlePaddingY, "*2)"),
       '$wrapper:not($wrapperVertical) $itemOpen > $itemContent &': {
         transform: 'rotate(180deg)'
       }
@@ -21587,6 +21603,9 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
       left: '-4px',
       right: 'auto',
       cursor: 'col-resize'
+    },
+    '$wrapperDrawerLeft &': {
+      cursor: 'col-resize'
     }
   },
   resizeY: {
@@ -21602,7 +21621,7 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
     '$wrapperDrawerBottom &': {
       top: '-4px',
       bottom: 'auto',
-      cursor: 'n-resize'
+      cursor: 'row-resize'
     }
   },
   resizeXY: {
@@ -22869,7 +22888,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     boxShadow: src.selectPanelShadow,
     borderRadius: src.selectPanelRadius,
     transformOrigin: '0 0',
-    border: "1px solid ".concat(src.selectPanelBorder)
+    border: "1px solid ".concat(src.selectPanelBorder),
+    cursor: 'initial'
   },
   pickerSmall: {
     '& $optionInner': {
@@ -24635,7 +24655,7 @@ var stepsStyle = {
       backgroundColor: src.stepsErrorBackgroundColor
     },
     '& $title': {
-      fontWeight: 'bold'
+      fontWeight: 500
     }
   },
   icon: {
@@ -27276,10 +27296,9 @@ var TransferStyle = {
     }
   },
   inputWrapper: {
-    padding: '6px 12px'
+    padding: '8px 12px 4px 12px'
   },
   input: {
-    padding: '8px 12px 4px 12px',
     '& > div > svg': {
       width: 14,
       minWidth: 14,
@@ -27910,7 +27929,8 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     borderRadius: src.treeSelectPanelRadius,
     transformOrigin: '0 0',
     width: 'max-content',
-    maxWidth: '640px'
+    maxWidth: '640px',
+    cursor: 'initial'
   },
   iconWrapper: {
     display: 'flex',
@@ -27923,7 +27943,10 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     width: src.treeSelectFontSize,
     lineHeight: 0,
     color: src.treeSelectClearColor,
-    verticalAlign: 'middle'
+    verticalAlign: 'middle',
+    '&:hover svg': {
+      color: src.treeSelectClearHoverColor
+    }
   },
   arrowIcon: {
     display: 'inline-block',
@@ -27931,7 +27954,10 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     width: src.treeSelectFontSize,
     lineHeight: 0,
     color: src.treeSelectIconColor,
-    transition: 'transform 0.3s'
+    transition: 'transform 0.3s',
+    '$wrapperDisabled &': {
+      color: src.treeSelectIconDisabledColor
+    }
   },
   arrowIconOpen: {
     transform: 'rotate(180deg)',
@@ -29853,7 +29879,8 @@ var usePositionStyle = function usePositionStyle(config) {
     popupElRef = _ref.popupElRef,
     scrollElRef = _ref.scrollElRef,
     updateKey = _ref.updateKey,
-    adjust = _ref.adjust;
+    adjust = _ref.adjust,
+    offset = _ref.offset;
   // 初次渲染无样式的时候， 隐藏展示
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(hideStyle),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -29963,6 +29990,9 @@ var usePositionStyle = function usePositionStyle(config) {
     };
     context.containerRect = containerRect;
     context.containerScroll = containerScroll;
+    console.log('======================');
+    console.log('targetPosition: >>', targetPosition);
+    console.log('======================');
     if (verticalPosition.includes(targetPosition)) {
       var _targetPosition$split = targetPosition.split('-'),
         _targetPosition$split2 = slicedToArray_default()(_targetPosition$split, 2),
@@ -30038,11 +30068,11 @@ var usePositionStyle = function usePositionStyle(config) {
         _h = _targetPosition$split4[0],
         _v = _targetPosition$split4[1];
       if (_v === 'top') {
-        style.top = rect.top - containerRect.top + containerScroll.top;
+        style.top = rect.top - containerRect.top + containerScroll.top - (offset ? offset[1] : 0);
         style.transform = '';
         arrayStyle.top = "8px";
       } else if (_v === 'bottom') {
-        style.top = rect.bottom - containerRect.top + containerScroll.top;
+        style.top = rect.bottom - containerRect.top + containerScroll.top + (offset ? offset[1] : 0);
         arrayStyle.bottom = "8px";
         style.transform = 'translateY(-100%)';
       } else {
@@ -30814,6 +30844,7 @@ var AbsoluteList = function AbsoluteList(props) {
     updateKey = props.updateKey,
     popupGap = props.popupGap,
     adjust = props.adjust,
+    offset = props.offset,
     _props$destroy = props.destroy,
     destroy = _props$destroy === void 0 ? false : _props$destroy,
     _props$lazy = props.lazy,
@@ -30855,7 +30886,8 @@ var AbsoluteList = function AbsoluteList(props) {
       popupElRef: popupElRef,
       updateKey: updateKey,
       popupGap: popupGap,
-      adjust: adjust
+      adjust: adjust,
+      offset: offset
     }),
     style = _usePositionStyle.style,
     arrayStyle = _usePositionStyle.arrayStyle;
@@ -31023,6 +31055,7 @@ var Popover = function Popover(props) {
     zIndex: zIndex,
     adjust: props.adjust,
     lazy: props.lazy,
+    offset: props.offset,
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       className: classnames_default()(className, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.rootClass, 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)),
       style: colorStyle
@@ -31724,6 +31757,7 @@ var Breadcrumb = function Breadcrumb(props) {
         if (d.url) _props.href = d.url;
         item = /*#__PURE__*/(0,jsx_runtime.jsxs)("a", objectSpread2_default()(objectSpread2_default()({}, _props), {}, {
           className: breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.content,
+          role: "button",
           children: [d.icon, d.icon && d.title && /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
             children: "\xA0"
           }), d.title]
@@ -45979,6 +46013,7 @@ var Descriptions = function Descriptions(props) {
     renderItem = _useDescriptions.renderItem;
   var jssStyle = (jssStyleProps === null || jssStyleProps === void 0 || (_jssStyleProps$descri = jssStyleProps.descriptions) === null || _jssStyleProps$descri === void 0 ? void 0 : _jssStyleProps$descri.call(jssStyleProps)) || {};
   var Header = function Header() {
+    if (!title && !extra) return null;
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.header,
       children: [title && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -47100,6 +47135,7 @@ var Dropdown = function Dropdown(props) {
         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)),
         style: {
           width: width,
+          minWidth: 90,
           gridTemplateColumns: columns ? "repeat(".concat(columns, ", 1fr)") : undefined
         },
         type: 'fade',
@@ -55537,7 +55573,7 @@ var MenuItem = function MenuItem(props) {
         ,
         onClick: close,
         dir: config.direction,
-        children: items.map(function (item, index) {
+        children: items.map(function (item, index, arr) {
           var key = getKey(props.keygen, item, index);
           return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)(MenuItem, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
             mode: mode,
@@ -55548,6 +55584,9 @@ var MenuItem = function MenuItem(props) {
             keyResult: key,
             level: props.level + 1,
             renderIcon: isTitle ? undefined : props.renderIcon
+            // 顶部或底部的menuItem的popover边缘与menu的边缘对齐
+            ,
+            isEdgeItem: index === 0 || index === arr.length - 1
           }));
         })
       });
@@ -55567,6 +55606,7 @@ var MenuItem = function MenuItem(props) {
         showArrow: mode !== 'horizontal',
         position: position,
         lazy: false,
+        offset: isVertical && props.isEdgeItem ? [0, 4] : undefined,
         children: function children(close) {
           return content(close);
         }
@@ -55786,7 +55826,8 @@ var Menu = function Menu(props) {
             scrollRef: scrollRef,
             theme: theme,
             renderIcon: props.renderIcon,
-            collapse: collapse
+            collapse: collapse,
+            isEdgeItem: false
           }, key);
         })
       })
@@ -67781,7 +67822,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.5.8-beta.14'
+  version: '3.5.8-beta.16'
 });
 }();
 /******/ 	return __webpack_exports__;