@ant-design/pro-components 3.1.0-0 → 3.1.1-1

package/lib/layout/WrapContent.js

@@ -1,28 +1,31 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WrapContent = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _antd = require("antd");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../provider");
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-var WrapContent = exports.WrapContent = function WrapContent(props) {
-  var _useContext = (0, _react.useContext)(_provider.ProProvider),
-    hashId = _useContext.hashId;
-  var style = props.style,
-    prefixCls = props.prefixCls,
-    children = props.children,
-    _props$hasPageContain = props.hasPageContainer,
-    hasPageContainer = _props$hasPageContain === void 0 ? 0 : _props$hasPageContain;
-  var contentClassName = (0, _classnames.default)("".concat(prefixCls, "-content"), hashId, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-has-header"), props.hasHeader), "".concat(prefixCls, "-content-has-page-container"), hasPageContainer > 0));
-  var ErrorComponent = props.ErrorBoundary || _utils.ErrorBoundary;
+const WrapContent = props => {
+  const {
+    hashId
+  } = (0, _react.useContext)(_provider.ProProvider);
+  const {
+    style,
+    prefixCls,
+    children,
+    hasPageContainer = 0
+  } = props;
+  const contentClassName = (0, _clsx.clsx)(`${prefixCls}-content`, hashId, {
+    [`${prefixCls}-has-header`]: props.hasHeader,
+    [`${prefixCls}-content-has-page-container`]: hasPageContainer > 0
+  });
+  const ErrorComponent = props.ErrorBoundary || _utils.ErrorBoundary;
   return props.ErrorBoundary === false ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Layout.Content, {
     className: contentClassName,
     style: style,
@@ -34,4 +37,5 @@ var WrapContent = exports.WrapContent = function WrapContent(props) {
       children: children
     })
   });
-};
+};
+exports.WrapContent = WrapContent;

package/lib/layout/assert/Logo.js

@@ -5,108 +5,107 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Logo = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var Logo = exports.Logo = function Logo() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 200 200",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
-        x1: "62.1023273%",
-        y1: "0%",
-        x2: "108.19718%",
-        y2: "37.8635764%",
-        id: "linearGradient-1",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#4285EB",
-          offset: "0%"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#2EC7FF",
-          offset: "100%"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
-        x1: "69.644116%",
-        y1: "0%",
-        x2: "54.0428975%",
-        y2: "108.456714%",
-        id: "linearGradient-2",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#29CDFF",
-          offset: "0%"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#148EFF",
-          offset: "37.8600687%"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#0A60FF",
-          offset: "100%"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
-        x1: "69.6908165%",
-        y1: "-12.9743587%",
-        x2: "16.7228981%",
-        y2: "117.391248%",
-        id: "linearGradient-3",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#FA816E",
-          offset: "0%"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#F74A5C",
-          offset: "41.472606%"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#F51D2C",
-          offset: "100%"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
-        x1: "68.1279872%",
-        y1: "-35.6905737%",
-        x2: "30.4400914%",
-        y2: "114.942679%",
-        id: "linearGradient-4",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#FA8E7D",
-          offset: "0%"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#F74A5C",
-          offset: "51.2635191%"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#F51D2C",
-          offset: "100%"
-        })]
+const Logo = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 200 200",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
+      x1: "62.1023273%",
+      y1: "0%",
+      x2: "108.19718%",
+      y2: "37.8635764%",
+      id: "linearGradient-1",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#4285EB",
+        offset: "0%"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#2EC7FF",
+        offset: "100%"
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-      stroke: "none",
-      strokeWidth: 1,
-      fill: "none",
-      fillRule: "evenodd",
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
+      x1: "69.644116%",
+      y1: "0%",
+      x2: "54.0428975%",
+      y2: "108.456714%",
+      id: "linearGradient-2",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#29CDFF",
+        offset: "0%"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#148EFF",
+        offset: "37.8600687%"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#0A60FF",
+        offset: "100%"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
+      x1: "69.6908165%",
+      y1: "-12.9743587%",
+      x2: "16.7228981%",
+      y2: "117.391248%",
+      id: "linearGradient-3",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#FA816E",
+        offset: "0%"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#F74A5C",
+        offset: "41.472606%"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#F51D2C",
+        offset: "100%"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
+      x1: "68.1279872%",
+      y1: "-35.6905737%",
+      x2: "30.4400914%",
+      y2: "114.942679%",
+      id: "linearGradient-4",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#FA8E7D",
+        offset: "0%"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#F74A5C",
+        offset: "51.2635191%"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#F51D2C",
+        offset: "100%"
+      })]
+    })]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    stroke: "none",
+    strokeWidth: 1,
+    fill: "none",
+    fillRule: "evenodd",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      transform: "translate(-20.000000, -20.000000)",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-        transform: "translate(-20.000000, -20.000000)",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-          transform: "translate(20.000000, 20.000000)",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+        transform: "translate(20.000000, 20.000000)",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+            fillRule: "nonzero",
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-              fillRule: "nonzero",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-                  d: "M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C99.2571609,26.9692191 101.032305,26.9692191 102.20193,28.1378823 L129.985225,55.8983314 C134.193707,60.1033528 141.017005,60.1033528 145.225487,55.8983314 C149.433969,51.69331 149.433969,44.8756232 145.225487,40.6706018 L108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z",
-                  fill: "url(#linearGradient-1)"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-                  d: "M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C100.999864,25.6271836 105.751642,20.541824 112.729652,19.3524487 C117.915585,18.4685261 123.585219,20.4140239 129.738554,25.1889424 C125.624663,21.0784292 118.571995,14.0340304 108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z",
-                  fill: "url(#linearGradient-2)"
-                })]
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                d: "M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C99.2571609,26.9692191 101.032305,26.9692191 102.20193,28.1378823 L129.985225,55.8983314 C134.193707,60.1033528 141.017005,60.1033528 145.225487,55.8983314 C149.433969,51.69331 149.433969,44.8756232 145.225487,40.6706018 L108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z",
+                fill: "url(#linearGradient-1)"
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-                d: "M153.685633,135.854579 C157.894115,140.0596 164.717412,140.0596 168.925894,135.854579 L195.959977,108.842726 C200.659183,104.147384 200.659183,96.5636133 195.960527,91.8688194 L168.690777,64.7181159 C164.472332,60.5180858 157.646868,60.5241425 153.435895,64.7316526 C149.227413,68.936674 149.227413,75.7543607 153.435895,79.9593821 L171.854035,98.3623765 C173.02366,99.5310396 173.02366,101.304724 171.854035,102.473387 L153.685633,120.626849 C149.47715,124.83187 149.47715,131.649557 153.685633,135.854579 Z",
-                fill: "url(#linearGradient-3)"
+                d: "M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C100.999864,25.6271836 105.751642,20.541824 112.729652,19.3524487 C117.915585,18.4685261 123.585219,20.4140239 129.738554,25.1889424 C125.624663,21.0784292 118.571995,14.0340304 108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z",
+                fill: "url(#linearGradient-2)"
               })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-              fill: "url(#linearGradient-4)",
-              cx: "100.519339",
-              cy: "100.436681",
-              rx: "23.6001926",
-              ry: "23.580786"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+              d: "M153.685633,135.854579 C157.894115,140.0596 164.717412,140.0596 168.925894,135.854579 L195.959977,108.842726 C200.659183,104.147384 200.659183,96.5636133 195.960527,91.8688194 L168.690777,64.7181159 C164.472332,60.5180858 157.646868,60.5241425 153.435895,64.7316526 C149.227413,68.936674 149.227413,75.7543607 153.435895,79.9593821 L171.854035,98.3623765 C173.02366,99.5310396 173.02366,101.304724 171.854035,102.473387 L153.685633,120.626849 C149.47715,124.83187 149.47715,131.649557 153.685633,135.854579 Z",
+              fill: "url(#linearGradient-3)"
             })]
-          })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
+            fill: "url(#linearGradient-4)",
+            cx: "100.519339",
+            cy: "100.436681",
+            rx: "23.6001926",
+            ry: "23.580786"
+          })]
         })
       })
-    })]
-  });
-};
+    })
+  })]
+});
+exports.Logo = Logo;

package/lib/layout/components/AppsLogoComponents/AppsLogo.js

@@ -9,15 +9,14 @@ var _jsxRuntime = require("react/jsx-runtime");
  * 默认的应用列表的图标
  *
  */
-var AppsLogo = exports.AppsLogo = function AppsLogo() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 12 12",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M0 0h3v3H0V0zm4.5 0h3v3h-3V0zM9 0h3v3H9V0zM0 4.5h3v3H0v-3zm4.503 0h3v3h-3v-3zM9 4.5h3v3H9v-3zM0 9h3v3H0V9zm4.503 0h3v3h-3V9zM9 9h3v3H9V9z"
-    })
-  });
-};
+const AppsLogo = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 12 12",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M0 0h3v3H0V0zm4.5 0h3v3h-3V0zM9 0h3v3H9V0zM0 4.5h3v3H0v-3zm4.503 0h3v3h-3v-3zM9 4.5h3v3H9v-3zM0 9h3v3H0V9zm4.503 0h3v3h-3V9zM9 9h3v3H9V9z"
+  })
+});
+exports.AppsLogo = AppsLogo;

package/lib/layout/components/AppsLogoComponents/DefaultContent.js

@@ -8,36 +8,37 @@ exports.DefaultContent = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _index = require("./index");
 var _jsxRuntime = require("react/jsx-runtime");
-var DefaultContent = exports.DefaultContent = function DefaultContent(props) {
-  var appList = props.appList,
-    baseClassName = props.baseClassName,
-    hashId = props.hashId,
-    itemClick = props.itemClick;
+const DefaultContent = props => {
+  const {
+    appList,
+    baseClassName,
+    hashId,
+    itemClick
+  } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "".concat(baseClassName, "-content ").concat(hashId).trim(),
+    className: `${baseClassName}-content ${hashId}`.trim(),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      className: "".concat(baseClassName, "-content-list ").concat(hashId).trim(),
-      children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
-        var _app$children;
-        if (app !== null && app !== void 0 && (_app$children = app.children) !== null && _app$children !== void 0 && _app$children.length) {
+      className: `${baseClassName}-content-list ${hashId}`.trim(),
+      children: appList?.map((app, index) => {
+        if (app?.children?.length) {
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "".concat(baseClassName, "-content-list-item-group ").concat(hashId).trim(),
+            className: `${baseClassName}-content-list-item-group ${hashId}`.trim(),
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "".concat(baseClassName, "-content-list-item-group-title ").concat(hashId).trim(),
+              className: `${baseClassName}-content-list-item-group-title ${hashId}`.trim(),
               children: app.title
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultContent, {
               hashId: hashId,
               itemClick: itemClick,
-              appList: app === null || app === void 0 ? void 0 : app.children,
+              appList: app?.children,
               baseClassName: baseClassName
             })]
           }, index);
         }
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          className: "".concat(baseClassName, "-content-list-item ").concat(hashId).trim(),
-          onClick: function onClick(e) {
+          className: `${baseClassName}-content-list-item ${hashId}`.trim(),
+          onClick: e => {
             e.stopPropagation();
-            itemClick === null || itemClick === void 0 || itemClick(app);
+            itemClick?.(app);
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
             href: itemClick ? undefined : app.url,
@@ -55,4 +56,5 @@ var DefaultContent = exports.DefaultContent = function DefaultContent(props) {
       })
     })
   });
-};
+};
+exports.DefaultContent = DefaultContent;

package/lib/layout/components/AppsLogoComponents/SimpleContent.js

@@ -15,7 +15,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  * @param title
  * @returns
  */
-var renderLogo = exports.renderLogo = function renderLogo(logo, title) {
+const renderLogo = (logo, title) => {
   if (logo && typeof logo === 'string' && (0, _utils.isUrl)(logo)) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: logo,
@@ -32,7 +32,7 @@ var renderLogo = exports.renderLogo = function renderLogo(logo, title) {
     });
   }
   if (!logo && title && typeof title === 'string') {
-    var symbol = title.substring(0, 1);
+    const symbol = title.substring(0, 1);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       id: "avatarLogo",
       children: symbol
@@ -40,36 +40,38 @@ var renderLogo = exports.renderLogo = function renderLogo(logo, title) {
   }
   return logo;
 };
-var SimpleContent = exports.SimpleContent = function SimpleContent(props) {
-  var appList = props.appList,
-    baseClassName = props.baseClassName,
-    hashId = props.hashId,
-    itemClick = props.itemClick;
+exports.renderLogo = renderLogo;
+const SimpleContent = props => {
+  const {
+    appList,
+    baseClassName,
+    hashId,
+    itemClick
+  } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "".concat(baseClassName, "-content ").concat(hashId).trim(),
+    className: `${baseClassName}-content ${hashId}`.trim(),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      className: "".concat(baseClassName, "-content-list ").concat(hashId).trim(),
-      children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
-        var _app$children;
-        if (app !== null && app !== void 0 && (_app$children = app.children) !== null && _app$children !== void 0 && _app$children.length) {
+      className: `${baseClassName}-content-list ${hashId}`.trim(),
+      children: appList?.map((app, index) => {
+        if (app?.children?.length) {
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "".concat(baseClassName, "-content-list-item-group ").concat(hashId).trim(),
+            className: `${baseClassName}-content-list-item-group ${hashId}`.trim(),
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "".concat(baseClassName, "-content-list-item-group-title ").concat(hashId).trim(),
+              className: `${baseClassName}-content-list-item-group-title ${hashId}`.trim(),
               children: app.title
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SimpleContent, {
               hashId: hashId,
               itemClick: itemClick,
-              appList: app === null || app === void 0 ? void 0 : app.children,
+              appList: app?.children,
               baseClassName: baseClassName
             })]
           }, index);
         }
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          className: "".concat(baseClassName, "-content-list-item ").concat(hashId).trim(),
-          onClick: function onClick(e) {
+          className: `${baseClassName}-content-list-item ${hashId}`.trim(),
+          onClick: e => {
             e.stopPropagation();
-            itemClick === null || itemClick === void 0 || itemClick(app);
+            itemClick?.(app);
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
             href: itemClick ? 'javascript:;' : app.url,
@@ -85,4 +87,5 @@ var SimpleContent = exports.SimpleContent = function SimpleContent(props) {
       })
     })
   });
-};
+};
+exports.SimpleContent = SimpleContent;

package/lib/layout/components/AppsLogoComponents/index.js

@@ -1,15 +1,12 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultRenderLogo = exports.AppsLogoComponents = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _antd = require("antd");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _AppsLogo = require("./AppsLogo");
 var _DefaultContent = require("./DefaultContent");
@@ -22,7 +19,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  * @param logo
  * @returns
  */
-var defaultRenderLogo = exports.defaultRenderLogo = function defaultRenderLogo(logo) {
+const defaultRenderLogo = logo => {
   if (typeof logo === 'string') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       width: "auto",
@@ -43,46 +40,46 @@ var defaultRenderLogo = exports.defaultRenderLogo = function defaultRenderLogo(l
  * @param props
  * @returns
  */
-var AppsLogoComponents = exports.AppsLogoComponents = function AppsLogoComponents(props) {
-  var _props$appList;
-  var appList = props.appList,
-    appListRender = props.appListRender,
-    prefixCls = props.prefixCls,
-    itemClick = props.onItemClick;
-  var ref = _react.default.useRef(null);
-  var popoverRef = _react.default.useRef(null);
-  var baseClassName = "".concat(prefixCls, "-layout-apps");
-  var _useStyle = (0, _index.useStyle)(baseClassName),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var cloneItemClick = function cloneItemClick(app) {
-    itemClick === null || itemClick === void 0 || itemClick(app, popoverRef);
+exports.defaultRenderLogo = defaultRenderLogo;
+const AppsLogoComponents = props => {
+  const {
+    appList,
+    appListRender,
+    prefixCls,
+    onItemClick: itemClick
+  } = props;
+  const ref = _react.default.useRef(null);
+  const popoverRef = _react.default.useRef(null);
+  const baseClassName = `${prefixCls}-layout-apps`;
+  const {
+    wrapSSR,
+    hashId
+  } = (0, _index.useStyle)(baseClassName);
+  const [open, setOpen] = (0, _react.useState)(false);
+  const cloneItemClick = app => {
+    itemClick?.(app, popoverRef);
   };
-  var defaultDomContent = (0, _react.useMemo)(function () {
-    var isSimple = appList === null || appList === void 0 ? void 0 : appList.some(function (app) {
-      return !(app !== null && app !== void 0 && app.desc);
+  const defaultDomContent = (0, _react.useMemo)(() => {
+    const isSimple = appList?.some(app => {
+      return !app?.desc;
     });
     if (isSimple) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SimpleContent.SimpleContent, {
         hashId: hashId,
         appList: appList,
         itemClick: itemClick ? cloneItemClick : undefined,
-        baseClassName: "".concat(baseClassName, "-simple")
+        baseClassName: `${baseClassName}-simple`
       });
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultContent.DefaultContent, {
       hashId: hashId,
       appList: appList,
       itemClick: itemClick ? cloneItemClick : undefined,
-      baseClassName: "".concat(baseClassName, "-default")
+      baseClassName: `${baseClassName}-default`
     });
   }, [appList, baseClassName, hashId]);
-  if (!(props !== null && props !== void 0 && (_props$appList = props.appList) !== null && _props$appList !== void 0 && _props$appList.length)) return null;
-  var popoverContent = appListRender ? appListRender(props === null || props === void 0 ? void 0 : props.appList, defaultDomContent) : defaultDomContent;
+  if (!props?.appList?.length) return null;
+  const popoverContent = appListRender ? appListRender(props?.appList, defaultDomContent) : defaultDomContent;
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref
@@ -91,24 +88,23 @@ var AppsLogoComponents = exports.AppsLogoComponents = function AppsLogoComponent
       trigger: ['click'],
       zIndex: 9999,
       arrow: false,
-      onOpenChange: function onOpenChange(openChange) {
-        return setOpen(openChange);
-      },
+      onOpenChange: openChange => setOpen(openChange),
       classNames: {
-        root: "".concat(baseClassName, "-popover ").concat(hashId).trim()
+        root: `${baseClassName}-popover ${hashId}`.trim()
       },
       content: popoverContent,
-      getPopupContainer: function getPopupContainer() {
-        return ref.current || document.body;
-      },
+      getPopupContainer: () => ref.current || document.body,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         ref: popoverRef,
-        onClick: function onClick(e) {
+        onClick: e => {
           e.stopPropagation();
         },
-        className: (0, _classnames.default)("".concat(baseClassName, "-icon"), hashId, (0, _defineProperty2.default)({}, "".concat(baseClassName, "-icon-active"), open)),
+        className: (0, _clsx.clsx)(`${baseClassName}-icon`, hashId, {
+          [`${baseClassName}-icon-active`]: open
+        }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppsLogo.AppsLogo, {})
       })
     })]
   }));
-};
+};
+exports.AppsLogoComponents = AppsLogoComponents;

package/lib/layout/components/AppsLogoComponents/style/default.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.genAppsLogoComponentsDefaultListStyle = void 0;
 var _utils = require("../../../../utils");
-var genAppsLogoComponentsDefaultListStyle = exports.genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaultListStyle(token) {
+const genAppsLogoComponentsDefaultListStyle = token => {
   return {
     '&-content': {
       maxHeight: 'calc(100vh - 48px)',
@@ -46,7 +46,7 @@ var genAppsLogoComponentsDefaultListStyle = exports.genAppsLogoComponentsDefault
           '&:hover': {
             backgroundColor: token.colorBgTextHover
           },
-          '* div': _utils.resetComponent === null || _utils.resetComponent === void 0 ? void 0 : (0, _utils.resetComponent)(token),
+          '* div': (0, _utils.resetComponent)?.(token),
           a: {
             display: 'flex',
             height: '100%',
@@ -74,4 +74,5 @@ var genAppsLogoComponentsDefaultListStyle = exports.genAppsLogoComponentsDefault
       }
     }
   };
-};
+};
+exports.genAppsLogoComponentsDefaultListStyle = genAppsLogoComponentsDefaultListStyle;