@ant-design/pro-components 2.0.0-experimental.13 → 2.0.0-experimental.16

package/dist/components.js

@@ -57253,6 +57253,75 @@ var GridContent = function GridContent(props) {
 };
 
 
+;// CONCATENATED MODULE: ./packages/layout/es/context/ProLayoutContext.js
+
+
+
+
+var getLayoutDesignToken = function getLayoutDesignToken(designTokens, antdToken) {
+  var _finalDesignTokens$si;
+
+  var finalDesignTokens = objectSpread2_objectSpread2({}, designTokens);
+
+  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({
+    bgLayout: 'linear-gradient(#fff, #f7f8fa 28%)',
+    colorTextAppListIcon: '#666',
+    appListIconHoverBgColor: finalDesignTokens === null || finalDesignTokens === void 0 ? void 0 : (_finalDesignTokens$si = finalDesignTokens.sider) === null || _finalDesignTokens$si === void 0 ? void 0 : _finalDesignTokens$si.colorBgMenuItemSelected,
+    colorBgAppListIconHover: 'rgba(0, 0, 0, 0.04)',
+    colorTextAppListIconHover: antdToken.colorTextBase
+  }, finalDesignTokens), {}, {
+    header: objectSpread2_objectSpread2({
+      colorBgHeader: 'rgba(240, 242, 245, 0.4)',
+      colorHeaderTitle: antdToken.colorText,
+      colorBgMenuItemHover: setAlpha(antdToken.colorTextBase, 0.03),
+      colorBgMenuItemSelected: 'transparent',
+      colorTextMenuSelected: setAlpha(antdToken.colorTextBase, 0.95),
+      colorBgRightActionsItemHover: setAlpha(antdToken.colorTextBase, 0.03),
+      colorTextRightActionsItem: antdToken.colorTextTertiary,
+      heightLayoutHeader: 56,
+      colorTextMenu: setAlpha(antdToken.colorTextBase, 0.65),
+      colorTextMenuSecondary: antdToken.colorTextTertiary,
+      colorTextMenuTitle: antdToken.colorText,
+      colorTextMenuActive: antdToken.colorText
+    }, finalDesignTokens.header),
+    sider: objectSpread2_objectSpread2({
+      paddingInlineLayoutMenu: 8,
+      paddingBlockLayoutMenu: 8,
+      colorBgCollapsedButton: '#fff',
+      colorTextCollapsedButtonHover: antdToken.colorTextSecondary,
+      colorTextCollapsedButton: setAlpha(antdToken.colorTextBase, 0.25),
+      colorMenuBackground: 'transparent',
+      colorBgMenuItemCollapsedHover: 'rgba(90, 75, 75, 0.03)',
+      colorBgMenuItemCollapsedSelected: setAlpha(antdToken.colorTextBase, 0.04),
+      colorMenuItemDivider: setAlpha(antdToken.colorTextBase, 0.06),
+      colorBgMenuItemHover: setAlpha(antdToken.colorTextBase, 0.03),
+      colorBgMenuItemSelected: setAlpha(antdToken.colorTextBase, 0.04),
+      colorTextMenuSelected: setAlpha(antdToken.colorTextBase, 0.95),
+      colorTextMenuActive: antdToken.colorText,
+      colorTextMenu: setAlpha(antdToken.colorTextBase, 0.65),
+      colorTextMenuSecondary: antdToken.colorTextTertiary,
+      colorTextMenuTitle: antdToken.colorText,
+      colorTextSubMenuSelected: setAlpha(antdToken.colorTextBase, 0.95)
+    }, finalDesignTokens.sider),
+    pageContainer: objectSpread2_objectSpread2({
+      colorBgPageContainer: 'transparent',
+      marginBlockPageContainerContent: 24,
+      marginInlinePageContainerContent: 40,
+      colorBgPageContainerFixed: '#fff'
+    }, finalDesignTokens.pageContainer)
+  });
+};
+var defaultToken = getLayoutDesignToken({}, {});
+var ProLayoutContext = /*#__PURE__*/external_React_default().createContext(defaultToken);
+var ProLayoutProvider = function ProLayoutProvider(props) {
+  var _useToken = useStyle_useToken(),
+      token = _useToken.token;
+
+  return (0,jsx_runtime.jsx)(ProLayoutContext.Provider, {
+    value: objectSpread2_objectSpread2({}, getLayoutDesignToken((props === null || props === void 0 ? void 0 : props.token) || {}, token)),
+    children: props.children
+  });
+};
 // EXTERNAL MODULE: ./node_modules/@ant-design/icons/ArrowLeftOutlined.js
 var ArrowLeftOutlined = __webpack_require__(2997);
 var ArrowLeftOutlined_default = /*#__PURE__*/__webpack_require__.n(ArrowLeftOutlined);
@@ -57744,75 +57813,6 @@ var WaterMark = function WaterMark(props) {
     })]
   });
 };
-;// CONCATENATED MODULE: ./packages/layout/es/context/ProLayoutContext.js
-
-
-
-
-var getLayoutDesignToken = function getLayoutDesignToken(designTokens, antdToken) {
-  var _finalDesignTokens$si;
-
-  var finalDesignTokens = objectSpread2_objectSpread2({}, designTokens);
-
-  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-    bgLayout: 'linear-gradient(#fff, #f7f8fa 28%)',
-    colorTextAppListIcon: '#666',
-    appListIconHoverBgColor: finalDesignTokens === null || finalDesignTokens === void 0 ? void 0 : (_finalDesignTokens$si = finalDesignTokens.sider) === null || _finalDesignTokens$si === void 0 ? void 0 : _finalDesignTokens$si.colorBgMenuItemSelected,
-    colorBgAppListIconHover: 'rgba(0, 0, 0, 0.04)',
-    colorTextAppListIconHover: antdToken.colorTextBase
-  }, finalDesignTokens), {}, {
-    header: objectSpread2_objectSpread2({
-      colorBgHeader: 'rgba(240, 242, 245, 0.4)',
-      colorHeaderTitle: antdToken.colorText,
-      colorBgMenuItemHover: setAlpha(antdToken.colorTextBase, 0.03),
-      colorBgMenuItemSelected: 'transparent',
-      colorTextMenuSelected: setAlpha(antdToken.colorTextBase, 0.95),
-      colorBgRightActionsItemHover: setAlpha(antdToken.colorTextBase, 0.03),
-      colorTextRightActionsItem: antdToken.colorTextTertiary,
-      heightLayoutHeader: 56,
-      colorTextMenu: setAlpha(antdToken.colorTextBase, 0.65),
-      colorTextMenuSecondary: antdToken.colorTextTertiary,
-      colorTextMenuTitle: antdToken.colorText,
-      colorTextMenuActive: antdToken.colorText
-    }, finalDesignTokens.header),
-    sider: objectSpread2_objectSpread2({
-      paddingInlineLayoutMenu: 8,
-      paddingBlockLayoutMenu: 8,
-      colorBgCollapsedButton: '#fff',
-      colorTextCollapsedButtonHover: antdToken.colorTextSecondary,
-      colorTextCollapsedButton: setAlpha(antdToken.colorTextBase, 0.25),
-      colorMenuBackground: 'transparent',
-      colorBgMenuItemCollapsedHover: 'rgba(90, 75, 75, 0.03)',
-      colorBgMenuItemCollapsedSelected: setAlpha(antdToken.colorTextBase, 0.04),
-      colorMenuItemDivider: setAlpha(antdToken.colorTextBase, 0.06),
-      colorBgMenuItemHover: setAlpha(antdToken.colorTextBase, 0.03),
-      colorBgMenuItemSelected: setAlpha(antdToken.colorTextBase, 0.04),
-      colorTextMenuSelected: setAlpha(antdToken.colorTextBase, 0.95),
-      colorTextMenuActive: antdToken.colorText,
-      colorTextMenu: setAlpha(antdToken.colorTextBase, 0.65),
-      colorTextMenuSecondary: antdToken.colorTextTertiary,
-      colorTextMenuTitle: antdToken.colorText,
-      colorTextSubMenuSelected: setAlpha(antdToken.colorTextBase, 0.95)
-    }, finalDesignTokens.sider),
-    pageContainer: objectSpread2_objectSpread2({
-      colorBgPageContainer: 'transparent',
-      marginBlockPageContainerContent: 24,
-      marginInlinePageContainerContent: 40,
-      colorBgPageContainerFixed: '#fff'
-    }, finalDesignTokens.pageContainer)
-  });
-};
-var defaultToken = getLayoutDesignToken({}, {});
-var ProLayoutContext = /*#__PURE__*/external_React_default().createContext(defaultToken);
-var ProLayoutProvider = function ProLayoutProvider(props) {
-  var _useToken = useStyle_useToken(),
-      token = _useToken.token;
-
-  return (0,jsx_runtime.jsx)(ProLayoutContext.Provider, {
-    value: objectSpread2_objectSpread2({}, getLayoutDesignToken((props === null || props === void 0 ? void 0 : props.token) || {}, token)),
-    children: props.children
-  });
-};
 ;// CONCATENATED MODULE: ./packages/layout/es/components/PageContainer/style/index.js
 
 
@@ -57921,6 +57921,7 @@ var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header",
 
 
 
+
 function genLoading(spinProps) {
   if (typeof_typeof(spinProps) === 'object') {
     return spinProps;
@@ -58167,13 +58168,14 @@ var PageContainer = function PageContainer(props) {
     return dom;
   }, [props.waterMarkProps, value.waterMarkProps, loadingDom, content]);
   var containerClassName = classnames_default()(basePageContainer, hashId, className, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(basePageContainer, "-layout-has-margin"), value.disableContentMargin !== undefined && !value.disableContentMargin), defineProperty_defineProperty(_classNames, "".concat(basePageContainer, "-ghost"), true), defineProperty_defineProperty(_classNames, "".concat(basePageContainer, "-with-footer"), footer), defineProperty_defineProperty(_classNames, "".concat(basePageContainer, "-with-affix"), fixedHeader && pageHeaderDom), _classNames));
+  var token = (0,external_React_.useContext)(ProLayoutContext);
   return wrapSSR((0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [(0,jsx_runtime.jsxs)("div", {
       style: style,
       className: containerClassName,
       children: [fixedHeader && pageHeaderDom ? // 在 hasHeader 且 fixedHeader 的情况下，才需要设置高度
       (0,jsx_runtime.jsx)(external_antd_.Affix, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-        offsetTop: value.hasHeader && value.fixedHeader ? value.headerHeight : 0
+        offsetTop: value.hasHeader && value.fixedHeader ? token.header.heightLayoutHeader : 0
       }, affixProps), {}, {
         className: "".concat(basePageContainer, "-affix"),
         children: pageHeaderDom
@@ -58399,7 +58401,7 @@ function header_useStyle(prefixCls, props) {
     var ProLayoutHeaderToken = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token), {}, {
       componentCls: ".".concat(prefixCls),
       proLayoutCls: ".".concat(props.proLayoutCls),
-      ProLayoutHeaderHeaderHeight: 56
+      ProLayoutHeaderHeaderHeight: header.heightLayoutHeader
     }, header);
 
     return [genProLayoutHeaderStyle(ProLayoutHeaderToken)];
@@ -59221,7 +59223,6 @@ var defaultSettings = {
   contentWidth: 'Fluid',
   fixedHeader: false,
   fixSiderbar: true,
-  headerHeight: 56,
   iconfontUrl: '',
   colorPrimary: '#1677FF',
   splitMenus: false
@@ -59289,7 +59290,7 @@ var MenuCounter = createContainer(useMenuCounter);
 
 
 var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
-  var _collapsed, _$concat2, _token$componentCls;
+  var _collapsed, _collapsed2, _$concat2, _token$componentCls;
 
   return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
     background: 'transparent',
@@ -59307,12 +59308,14 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
-    '&-collapsed': defineProperty_defineProperty({
+    '&-collapsed': (_collapsed2 = {
       flexDirection: 'column',
       justifyContent: 'center'
-    }, "".concat(token.componentCls, "-item-text-has-icon"), {
+    }, defineProperty_defineProperty(_collapsed2, "".concat(token.componentCls, "-item-text"), {
+      maxWidth: '100%'
+    }), defineProperty_defineProperty(_collapsed2, "".concat(token.componentCls, "-item-text-has-icon"), {
       display: 'none !important'
-    })
+    }), _collapsed2)
   }, "&".concat(token.componentCls, "-item-collapsed-show-title"), defineProperty_defineProperty({
     lineHeight: '16px',
     height: '48px'
@@ -59466,19 +59469,23 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
       /** Menu 第一级可以有icon，或者 isGroup 时第二级别也要有 */
 
 
-      var hasIcon = level === 0 || isGroup && level === 1; //  get defaultTitle by menuItemRender
+      var shouldHasIcon = level === 0 || isGroup && level === 1; //  get defaultTitle by menuItemRender
 
       var iconDom = getIcon(item.icon, iconPrefixes);
-      var defaultIcon = collapsed ? getMenuTitleSymbol(name) : null;
+      /**
+       * 如果没有icon在收起的时候用首字母代替
+       */
+
+      var defaultIcon = collapsed && shouldHasIcon ? getMenuTitleSymbol(name) : null;
 
       var defaultTitle = (0,jsx_runtime.jsxs)("div", {
         title: name,
         className: classnames_default()("".concat(baseClassName, "-item-title"), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames)),
-        children: [menuType === 'group' && !collapsed ? hasIcon && iconDom ? (0,jsx_runtime.jsx)("span", {
+        children: [menuType === 'group' && collapsed ? null : shouldHasIcon && iconDom ? (0,jsx_runtime.jsx)("span", {
           className: "anticon ".concat(baseClassName, "-item-icon"),
           children: iconDom
-        }) : defaultIcon : null, (0,jsx_runtime.jsx)("span", {
-          className: classnames_default()("".concat(baseClassName, "-item-text"), defineProperty_defineProperty({}, "".concat(baseClassName, "-item-text-has-icon"), menuType !== 'group' && hasIcon && (iconDom || defaultIcon))),
+        }) : defaultIcon, (0,jsx_runtime.jsx)("span", {
+          className: classnames_default()("".concat(baseClassName, "-item-text"), defineProperty_defineProperty({}, "".concat(baseClassName, "-item-text-has-icon"), menuType !== 'group' && shouldHasIcon && (iconDom || defaultIcon))),
           children: name
         })]
       }); // subMenu only title render
@@ -59570,7 +59577,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
 
     var hasIcon = level === 0 || isGroup && level === 1;
     var icon = !hasIcon ? null : getIcon(item.icon, iconPrefixes);
-    var defaultIcon = collapsed ? getMenuTitleSymbol(name) : null;
+    var defaultIcon = collapsed && hasIcon ? getMenuTitleSymbol(name) : null;
 
     var defaultItem = (0,jsx_runtime.jsxs)("div", {
       className: classnames_default()("".concat(baseClassName, "-item-title"), (_classNames3 = {}, defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames3)),
@@ -60153,18 +60160,18 @@ var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
       height: '100%',
       alignItems: 'center',
       overflow: 'hidden',
-      '> *': {
+      '> *:first-child': {
         display: 'flex',
         alignItems: 'center',
         minHeight: '22px',
         fontSize: '22px'
       },
-      '> * > img': {
+      '> *:first-child > img': {
         display: 'inline-block',
         height: '32px',
         verticalAlign: 'middle'
       },
-      '> * > h1': {
+      '> *:first-child > h1': {
         display: 'inline-block',
         marginBlock: 0,
         marginInline: 0,
@@ -60681,6 +60688,7 @@ var GlobalHeader = function GlobalHeader(props) {
 
 
 
+
 var Header = external_antd_.Layout.Header;
 
 var DefaultHeader = function DefaultHeader(props) {
@@ -60692,12 +60700,15 @@ var DefaultHeader = function DefaultHeader(props) {
       style = props.style,
       collapsed = props.collapsed,
       prefixCls = props.prefixCls,
-      headerHeight = props.headerHeight,
       onCollapse = props.onCollapse,
       navTheme = props.navTheme,
       layout = props.layout,
       headerRender = props.headerRender,
       headerContentRender = props.headerContentRender;
+
+  var _useContext = (0,external_React_.useContext)(ProLayoutContext),
+      header = _useContext.header;
+
   var renderContent = (0,external_React_.useCallback)(function () {
     var isTop = layout === 'top';
     var clearMenuData = clearMenuItem(props.menuData || []);
@@ -60749,8 +60760,8 @@ var DefaultHeader = function DefaultHeader(props) {
       },
       children: [needFixedHeader && (0,jsx_runtime.jsx)(Header, {
         style: objectSpread2_objectSpread2({
-          height: headerHeight,
-          lineHeight: "".concat(headerHeight, "px"),
+          height: header.heightLayoutHeader,
+          lineHeight: "".concat(header.heightLayoutHeader, "px"),
           backgroundColor: 'transparent',
           zIndex: 19
         }, style)
@@ -64494,9 +64505,9 @@ var compatibleStyle = function compatibleStyle(token) {
 };
 
 var genProLayoutStyle = function genProLayoutStyle(token) {
-  var _token$componentCls2;
+  var _token$componentCls2, _ref2;
 
-  return defineProperty_defineProperty({
+  return _ref2 = {
     body: {
       paddingBlock: 0,
       paddingInline: 0,
@@ -64504,7 +64515,7 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
       marginInline: 0,
       fontFamily: token.fontFamily
     }
-  }, token.componentCls, (_token$componentCls2 = {}, defineProperty_defineProperty(_token$componentCls2, "& ".concat(token.antCls, "-layout"), {
+  }, defineProperty_defineProperty(_ref2, token.componentCls, (_token$componentCls2 = {}, defineProperty_defineProperty(_token$componentCls2, "& ".concat(token.antCls, "-layout"), {
     backgroundColor: 'transparent'
   }), defineProperty_defineProperty(_token$componentCls2, "".concat(token.componentCls, "-content"), {
     display: 'flex',
@@ -64529,7 +64540,11 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
     height: '100%',
     width: '100%',
     background: token.bgLayout
-  }), _token$componentCls2));
+  }), _token$componentCls2)), defineProperty_defineProperty(_ref2, "".concat(token.antCls, "-menu-submenu-popup"), {
+    backgroundColor: 'rgba(255, 255, 255, 0.42)',
+    '-webkit-backdrop-filter': 'blur(8px)',
+    backdropFilter: 'blur(8px)'
+  }), _ref2;
 };
 
 function es_style_useStyle(prefixCls) {
@@ -94080,15 +94095,15 @@ function BaseProList(props) {
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
   "@ant-design/pro-card": "2.0.0-experimental.11",
-  "@ant-design/pro-components": "2.0.0-experimental.12",
+  "@ant-design/pro-components": "2.0.0-experimental.15",
   "@ant-design/pro-descriptions": "2.0.0-experimental.11",
   "@ant-design/pro-field": "2.0.0-experimental.11",
   "@ant-design/pro-form": "2.0.0-experimental.11",
-  "@ant-design/pro-layout": "7.0.0-experimental.12",
-  "@ant-design/pro-list": "2.0.0-experimental.11",
+  "@ant-design/pro-layout": "7.0.0-experimental.15",
+  "@ant-design/pro-list": "2.0.0-experimental.12",
   "@ant-design/pro-provider": "2.0.0-experimental.6",
   "@ant-design/pro-skeleton": "2.0.0-experimental.5",
-  "@ant-design/pro-table": "3.0.0-experimental.11",
+  "@ant-design/pro-table": "3.0.0-experimental.12",
   "@ant-design/pro-utils": "2.0.0-experimental.11"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx