@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

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

@@ -1,105 +1,88 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/layout/components/AppsLogoComponents/SimpleContent.tsx
-var SimpleContent_exports = {};
-__export(SimpleContent_exports, {
-  SimpleContent: () => SimpleContent,
-  renderLogo: () => renderLogo
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(SimpleContent_exports);
-var import_react = __toESM(require("react"));
-var import_utils = require("../../../utils");
-var renderLogo = (logo, title) => {
-  if (logo && typeof logo === "string" && (0, import_utils.isUrl)(logo)) {
-    return /* @__PURE__ */ import_react.default.createElement("img", { src: logo, alt: "logo" });
+exports.renderLogo = exports.SimpleContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * simple 模式渲染logo的方式
+ *
+ * @param logo
+ * @param title
+ * @returns
+ */
+var renderLogo = exports.renderLogo = function renderLogo(logo, title) {
+  if (logo && typeof logo === 'string' && (0, _utils.isUrl)(logo)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: logo,
+      alt: "logo"
+    });
   }
-  if (typeof logo === "function") {
+  if (typeof logo === 'function') {
     return logo();
   }
-  if (logo && typeof logo === "string") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { id: "avatarLogo" }, logo);
+  if (logo && typeof logo === 'string') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      id: "avatarLogo",
+      children: logo
+    });
   }
-  if (!logo && title && typeof title === "string") {
-    const symbol = title.substring(0, 1);
-    return /* @__PURE__ */ import_react.default.createElement("div", { id: "avatarLogo" }, symbol);
+  if (!logo && title && typeof title === 'string') {
+    var symbol = title.substring(0, 1);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      id: "avatarLogo",
+      children: symbol
+    });
   }
   return logo;
 };
-var SimpleContent = (props) => {
-  const { appList, baseClassName, hashId, itemClick } = props;
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${baseClassName}-content ${hashId}`.trim() }, /* @__PURE__ */ import_react.default.createElement("ul", { className: `${baseClassName}-content-list ${hashId}`.trim() }, appList == null ? void 0 : appList.map((app, index) => {
-    var _a;
-    if ((_a = app == null ? void 0 : app.children) == null ? void 0 : _a.length) {
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          key: index,
-          className: `${baseClassName}-content-list-item-group ${hashId}`.trim()
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: `${baseClassName}-content-list-item-group-title ${hashId}`.trim()
-          },
-          app.title
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          SimpleContent,
-          {
-            hashId,
-            itemClick,
-            appList: app == null ? void 0 : app.children,
-            baseClassName
-          }
-        )
-      );
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      "li",
-      {
-        key: index,
-        className: `${baseClassName}-content-list-item ${hashId}`.trim(),
-        onClick: (e) => {
-          e.stopPropagation();
-          itemClick == null ? void 0 : itemClick(app);
+var SimpleContent = exports.SimpleContent = function SimpleContent(props) {
+  var appList = props.appList,
+    baseClassName = props.baseClassName,
+    hashId = props.hashId,
+    itemClick = props.itemClick;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "".concat(baseClassName, "-content ").concat(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) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "".concat(baseClassName, "-content-list-item-group ").concat(hashId).trim(),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "".concat(baseClassName, "-content-list-item-group-title ").concat(hashId).trim(),
+              children: app.title
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SimpleContent, {
+              hashId: hashId,
+              itemClick: itemClick,
+              appList: app === null || app === void 0 ? void 0 : app.children,
+              baseClassName: baseClassName
+            })]
+          }, index);
         }
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "a",
-        {
-          href: itemClick ? "javascript:;" : app.url,
-          target: app.target,
-          rel: "noreferrer"
-        },
-        renderLogo(app.icon, app.title),
-        /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, app.title))
-      )
-    );
-  })));
-};
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          className: "".concat(baseClassName, "-content-list-item ").concat(hashId).trim(),
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            itemClick === null || itemClick === void 0 || itemClick(app);
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
+            href: itemClick ? 'javascript:;' : app.url,
+            target: app.target,
+            rel: "noreferrer",
+            children: [renderLogo(app.icon, app.title), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                children: app.title
+              })
+            })]
+          })
+        }, index);
+      })
+    })
+  });
+};

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

@@ -1,119 +1,112 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/layout/components/AppsLogoComponents/index.tsx
-var AppsLogoComponents_exports = {};
-__export(AppsLogoComponents_exports, {
-  AppsLogoComponents: () => AppsLogoComponents,
-  defaultRenderLogo: () => defaultRenderLogo
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(AppsLogoComponents_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_AppsLogo = require("./AppsLogo");
-var import_DefaultContent = require("./DefaultContent");
-var import_SimpleContent = require("./SimpleContent");
-var import_style = require("./style/index");
-var defaultRenderLogo = (logo) => {
-  if (typeof logo === "string") {
-    return /* @__PURE__ */ import_react.default.createElement("img", { width: "auto", height: 22, src: logo, alt: "logo" });
+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 _react = _interopRequireWildcard(require("react"));
+var _AppsLogo = require("./AppsLogo");
+var _DefaultContent = require("./DefaultContent");
+var _SimpleContent = require("./SimpleContent");
+var _index = require("./style/index");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 默认渲染logo的方式，如果是个string，用img。否则直接返回
+ *
+ * @param logo
+ * @returns
+ */
+var defaultRenderLogo = exports.defaultRenderLogo = function defaultRenderLogo(logo) {
+  if (typeof logo === 'string') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      width: "auto",
+      height: 22,
+      src: logo,
+      alt: "logo"
+    });
   }
-  if (typeof logo === "function") {
+  if (typeof logo === 'function') {
     return logo();
   }
   return logo;
 };
-var AppsLogoComponents = (props) => {
-  var _a;
-  const { appList, appListRender, prefixCls, onItemClick: itemClick } = props;
-  const ref = import_react.default.useRef(null);
-  const popoverRef = import_react.default.useRef(null);
-  const baseClassName = `${prefixCls}-layout-apps`;
-  const { wrapSSR, hashId } = (0, import_style.useStyle)(baseClassName);
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const cloneItemClick = (app) => {
-    itemClick == null ? void 0 : itemClick(app, popoverRef);
+
+/**
+ * 相关品牌额icon 列表。用于展示相关的品牌
+ *
+ * @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);
   };
-  const defaultDomContent = (0, import_react.useMemo)(() => {
-    const isSimple = appList == null ? void 0 : appList.some((app) => {
-      return !(app == null ? void 0 : app.desc);
+  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);
     });
     if (isSimple) {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_SimpleContent.SimpleContent,
-        {
-          hashId,
-          appList,
-          itemClick: itemClick ? cloneItemClick : void 0,
-          baseClassName: `${baseClassName}-simple`
-        }
-      );
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SimpleContent.SimpleContent, {
+        hashId: hashId,
+        appList: appList,
+        itemClick: itemClick ? cloneItemClick : undefined,
+        baseClassName: "".concat(baseClassName, "-simple")
+      });
     }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_DefaultContent.DefaultContent,
-      {
-        hashId,
-        appList,
-        itemClick: itemClick ? cloneItemClick : void 0,
-        baseClassName: `${baseClassName}-default`
-      }
-    );
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultContent.DefaultContent, {
+      hashId: hashId,
+      appList: appList,
+      itemClick: itemClick ? cloneItemClick : undefined,
+      baseClassName: "".concat(baseClassName, "-default")
+    });
   }, [appList, baseClassName, hashId]);
-  if (!((_a = props == null ? void 0 : props.appList) == null ? void 0 : _a.length))
-    return null;
-  const popoverContent = appListRender ? appListRender(props == null ? void 0 : props.appList, defaultDomContent) : defaultDomContent;
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { ref }), /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Popover,
-      {
-        placement: "bottomRight",
-        trigger: ["click"],
-        zIndex: 9999,
-        arrow: false,
-        onOpenChange: (openChange) => setOpen(openChange),
-        overlayClassName: `${baseClassName}-popover ${hashId}`.trim(),
-        content: popoverContent,
-        getPopupContainer: () => ref.current || document.body
+  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;
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: ref
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
+      placement: "bottomRight",
+      trigger: ['click'],
+      zIndex: 9999,
+      arrow: false,
+      onOpenChange: function onOpenChange(openChange) {
+        return setOpen(openChange);
       },
-      /* @__PURE__ */ import_react.default.createElement(
-        "span",
-        {
-          ref: popoverRef,
-          onClick: (e) => {
-            e.stopPropagation();
-          },
-          className: (0, import_classnames.default)(`${baseClassName}-icon`, hashId, {
-            [`${baseClassName}-icon-active`]: open
-          })
+      overlayClassName: "".concat(baseClassName, "-popover ").concat(hashId).trim(),
+      content: popoverContent,
+      getPopupContainer: function getPopupContainer() {
+        return ref.current || document.body;
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        ref: popoverRef,
+        onClick: function onClick(e) {
+          e.stopPropagation();
         },
-        /* @__PURE__ */ import_react.default.createElement(import_AppsLogo.AppsLogo, null)
-      )
-    ))
-  );
-};
+        className: (0, _classnames.default)("".concat(baseClassName, "-icon"), hashId, (0, _defineProperty2.default)({}, "".concat(baseClassName, "-icon-active"), open)),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppsLogo.AppsLogo, {})
+      })
+    })]
+  }));
+};

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

@@ -1,96 +1,77 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/layout/components/AppsLogoComponents/style/default.ts
-var default_exports = {};
-__export(default_exports, {
-  genAppsLogoComponentsDefaultListStyle: () => genAppsLogoComponentsDefaultListStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(default_exports);
-var import_utils = require("../../../../utils");
-var genAppsLogoComponentsDefaultListStyle = (token) => {
-  var _a;
+exports.genAppsLogoComponentsDefaultListStyle = void 0;
+var _utils = require("../../../../utils");
+var genAppsLogoComponentsDefaultListStyle = exports.genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaultListStyle(token) {
   return {
-    "&-content": {
-      maxHeight: "calc(100vh - 48px)",
-      overflow: "auto",
-      "&-list": {
-        boxSizing: "content-box",
+    '&-content': {
+      maxHeight: 'calc(100vh - 48px)',
+      overflow: 'auto',
+      '&-list': {
+        boxSizing: 'content-box',
         maxWidth: 656,
         marginBlock: 0,
         marginInline: 0,
         paddingBlock: 0,
         paddingInline: 0,
-        listStyle: "none",
-        "&-item": {
-          position: "relative",
-          display: "inline-block",
+        listStyle: 'none',
+        '&-item': {
+          position: 'relative',
+          display: 'inline-block',
           width: 328,
           height: 72,
           paddingInline: 16,
           paddingBlock: 16,
-          verticalAlign: "top",
-          listStyleType: "none",
-          transition: "transform 0.2s cubic-bezier(0.333, 0, 0, 1)",
+          verticalAlign: 'top',
+          listStyleType: 'none',
+          transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
           borderRadius: token.borderRadius,
-          "&-group": {
+          '&-group': {
             marginBottom: 16,
-            "&-title": {
-              margin: "16px 0 8px 12px",
+            '&-title': {
+              margin: '16px 0 8px 12px',
               fontWeight: 600,
-              color: "rgba(0, 0, 0, 0.88)",
+              color: 'rgba(0, 0, 0, 0.88)',
               fontSize: 16,
               opacity: 0.85,
               lineHeight: 1.5,
-              "&:first-child": {
+              '&:first-child': {
                 marginTop: 12
               }
             }
           },
-          "&:hover": {
+          '&:hover': {
             backgroundColor: token.colorBgTextHover
           },
-          "* div": (_a = import_utils.resetComponent) == null ? void 0 : _a(token),
+          '* div': _utils.resetComponent === null || _utils.resetComponent === void 0 ? void 0 : (0, _utils.resetComponent)(token),
           a: {
-            display: "flex",
-            height: "100%",
+            display: 'flex',
+            height: '100%',
             fontSize: 12,
-            textDecoration: "none",
-            "& > img": {
+            textDecoration: 'none',
+            '& > img': {
               width: 40,
               height: 40
             },
-            "& > div": {
+            '& > div': {
               marginInlineStart: 14,
               color: token.colorTextHeading,
               fontSize: 14,
-              lineHeight: "22px",
-              whiteSpace: "nowrap",
-              textOverflow: "ellipsis"
+              lineHeight: '22px',
+              whiteSpace: 'nowrap',
+              textOverflow: 'ellipsis'
             },
-            "& > div > span": {
+            '& > div > span': {
               color: token.colorTextSecondary,
               fontSize: 12,
-              lineHeight: "20px"
+              lineHeight: '20px'
             }
           }
         }
       }
     }
   };
-};
+};