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

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

@@ -1,89 +1,106 @@
-// src/layout/components/AppsLogoComponents/index.tsx
-import { Popover } from "antd";
-import classNames from "classnames";
-import React, { useMemo, useState } from "react";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Popover } from 'antd';
+import classNames from 'classnames';
+import React, { useMemo, useState } from 'react';
 import { AppsLogo } from "./AppsLogo";
 import { DefaultContent } from "./DefaultContent";
 import { SimpleContent } from "./SimpleContent";
 import { useStyle } from "./style/index";
-var defaultRenderLogo = (logo) => {
-  if (typeof logo === "string") {
-    return /* @__PURE__ */ React.createElement("img", { width: "auto", height: 22, src: logo, alt: "logo" });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 默认渲染logo的方式，如果是个string，用img。否则直接返回
+ *
+ * @param logo
+ * @returns
+ */
+export var defaultRenderLogo = function defaultRenderLogo(logo) {
+  if (typeof logo === 'string') {
+    return /*#__PURE__*/_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 = React.useRef(null);
-  const popoverRef = React.useRef(null);
-  const baseClassName = `${prefixCls}-layout-apps`;
-  const { wrapSSR, hashId } = useStyle(baseClassName);
-  const [open, setOpen] = useState(false);
-  const cloneItemClick = (app) => {
-    itemClick == null ? void 0 : itemClick(app, popoverRef);
+
+/**
+ * 相关品牌额icon 列表。用于展示相关的品牌
+ *
+ * @param props
+ * @returns
+ */
+export var AppsLogoComponents = function AppsLogoComponents(props) {
+  var _props$appList;
+  var appList = props.appList,
+    appListRender = props.appListRender,
+    prefixCls = props.prefixCls,
+    itemClick = props.onItemClick;
+  var ref = React.useRef(null);
+  var popoverRef = React.useRef(null);
+  var baseClassName = "".concat(prefixCls, "-layout-apps");
+  var _useStyle = useStyle(baseClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var cloneItemClick = function cloneItemClick(app) {
+    itemClick === null || itemClick === void 0 || itemClick(app, popoverRef);
   };
-  const defaultDomContent = useMemo(() => {
-    const isSimple = appList == null ? void 0 : appList.some((app) => {
-      return !(app == null ? void 0 : app.desc);
+  var defaultDomContent = 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__ */ React.createElement(
-        SimpleContent,
-        {
-          hashId,
-          appList,
-          itemClick: itemClick ? cloneItemClick : void 0,
-          baseClassName: `${baseClassName}-simple`
-        }
-      );
+      return /*#__PURE__*/_jsx(SimpleContent, {
+        hashId: hashId,
+        appList: appList,
+        itemClick: itemClick ? cloneItemClick : undefined,
+        baseClassName: "".concat(baseClassName, "-simple")
+      });
     }
-    return /* @__PURE__ */ React.createElement(
-      DefaultContent,
-      {
-        hashId,
-        appList,
-        itemClick: itemClick ? cloneItemClick : void 0,
-        baseClassName: `${baseClassName}-default`
-      }
-    );
+    return /*#__PURE__*/_jsx(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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { ref }), /* @__PURE__ */ React.createElement(
-      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__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      ref: ref
+    }), /*#__PURE__*/_jsx(Popover, {
+      placement: "bottomRight",
+      trigger: ['click'],
+      zIndex: 9999,
+      arrow: false,
+      onOpenChange: function onOpenChange(openChange) {
+        return setOpen(openChange);
+      },
+      overlayClassName: "".concat(baseClassName, "-popover ").concat(hashId).trim(),
+      content: popoverContent,
+      getPopupContainer: function getPopupContainer() {
+        return ref.current || document.body;
       },
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          ref: popoverRef,
-          onClick: (e) => {
-            e.stopPropagation();
-          },
-          className: classNames(`${baseClassName}-icon`, hashId, {
-            [`${baseClassName}-icon-active`]: open
-          })
+      children: /*#__PURE__*/_jsx("span", {
+        ref: popoverRef,
+        onClick: function onClick(e) {
+          e.stopPropagation();
         },
-        /* @__PURE__ */ React.createElement(AppsLogo, null)
-      )
-    ))
-  );
-};
-export {
-  AppsLogoComponents,
-  defaultRenderLogo
-};
+        className: classNames("".concat(baseClassName, "-icon"), hashId, _defineProperty({}, "".concat(baseClassName, "-icon-active"), open)),
+        children: /*#__PURE__*/_jsx(AppsLogo, {})
+      })
+    })]
+  }));
+};

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

@@ -1,69 +1,67 @@
-// src/layout/components/AppsLogoComponents/style/default.ts
 import { resetComponent } from "../../../../utils";
-var genAppsLogoComponentsDefaultListStyle = (token) => {
-  var _a;
+var 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 = resetComponent) == null ? void 0 : _a(token),
+          '* div': resetComponent === null || resetComponent === void 0 ? void 0 : 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'
             }
           }
         }
@@ -71,6 +69,4 @@ var genAppsLogoComponentsDefaultListStyle = (token) => {
     }
   };
 };
-export {
-  genAppsLogoComponentsDefaultListStyle
-};
+export { genAppsLogoComponentsDefaultListStyle };

package/es/layout/components/AppsLogoComponents/style/index.js

@@ -1,85 +1,59 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/layout/components/AppsLogoComponents/style/index.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../../provider";
 import { genAppsLogoComponentsDefaultListStyle } from "./default";
 import { genAppsLogoComponentsSimpleListStyle } from "./simple";
-var genAppsLogoComponentsStyle = (token) => {
-  var _a, _b, _c, _d, _e;
-  return {
-    [token.componentCls]: {
-      "&-icon": {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        paddingInline: 4,
-        paddingBlock: 0,
-        fontSize: 14,
-        lineHeight: "14px",
-        height: 28,
-        width: 28,
-        cursor: "pointer",
-        color: (_a = token.layout) == null ? void 0 : _a.colorTextAppListIcon,
-        borderRadius: token.borderRadius,
-        "&:hover": {
-          color: (_b = token.layout) == null ? void 0 : _b.colorTextAppListIconHover,
-          backgroundColor: (_c = token.layout) == null ? void 0 : _c.colorBgAppListIconHover
-        },
-        "&-active": {
-          color: (_d = token.layout) == null ? void 0 : _d.colorTextAppListIconHover,
-          backgroundColor: (_e = token.layout) == null ? void 0 : _e.colorBgAppListIconHover
-        }
-      },
-      "&-item-title": {
-        marginInlineStart: "16px",
-        marginInlineEnd: "8px",
-        marginBlockStart: 0,
-        marginBlockEnd: "12px",
-        fontWeight: 600,
-        color: "rgba(0, 0, 0, 0.88)",
-        fontSize: 16,
-        opacity: 0.85,
-        lineHeight: 1.5,
-        "&:first-child": {
-          marginBlockStart: 12
-        }
-      },
-      "&-popover": {
-        [`${token.antCls}-popover-arrow`]: {
-          display: "none"
-        }
+var genAppsLogoComponentsStyle = function genAppsLogoComponentsStyle(token) {
+  var _token$layout, _token$layout2, _token$layout3, _token$layout4, _token$layout5;
+  return _defineProperty({}, token.componentCls, {
+    '&-icon': {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingInline: 4,
+      paddingBlock: 0,
+      fontSize: 14,
+      lineHeight: '14px',
+      height: 28,
+      width: 28,
+      cursor: 'pointer',
+      color: (_token$layout = token.layout) === null || _token$layout === void 0 ? void 0 : _token$layout.colorTextAppListIcon,
+      borderRadius: token.borderRadius,
+      '&:hover': {
+        color: (_token$layout2 = token.layout) === null || _token$layout2 === void 0 ? void 0 : _token$layout2.colorTextAppListIconHover,
+        backgroundColor: (_token$layout3 = token.layout) === null || _token$layout3 === void 0 ? void 0 : _token$layout3.colorBgAppListIconHover
       },
-      "&-simple": genAppsLogoComponentsSimpleListStyle(token),
-      "&-default": genAppsLogoComponentsDefaultListStyle(token)
-    }
-  };
+      '&-active': {
+        color: (_token$layout4 = token.layout) === null || _token$layout4 === void 0 ? void 0 : _token$layout4.colorTextAppListIconHover,
+        backgroundColor: (_token$layout5 = token.layout) === null || _token$layout5 === void 0 ? void 0 : _token$layout5.colorBgAppListIconHover
+      }
+    },
+    '&-item-title': {
+      marginInlineStart: '16px',
+      marginInlineEnd: '8px',
+      marginBlockStart: 0,
+      marginBlockEnd: '12px',
+      fontWeight: 600,
+      color: 'rgba(0, 0, 0, 0.88)',
+      fontSize: 16,
+      opacity: 0.85,
+      lineHeight: 1.5,
+      '&:first-child': {
+        marginBlockStart: 12
+      }
+    },
+    '&-popover': _defineProperty({}, "".concat(token.antCls, "-popover-arrow"), {
+      display: 'none'
+    }),
+    '&-simple': genAppsLogoComponentsSimpleListStyle(token),
+    '&-default': genAppsLogoComponentsDefaultListStyle(token)
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("AppsLogoComponents", (token) => {
-    const proCardToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('AppsLogoComponents', function (token) {
+    var proCardToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genAppsLogoComponentsStyle(proCardToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/layout/components/AppsLogoComponents/style/simple.js

@@ -1,82 +1,81 @@
-// src/layout/components/AppsLogoComponents/style/simple.ts
-var genAppsLogoComponentsSimpleListStyle = (token) => {
+var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleListStyle(token) {
   return {
-    "&-content": {
-      maxHeight: "calc(100vh - 48px)",
-      overflow: "auto",
-      "&-list": {
-        boxSizing: "border-box",
+    '&-content': {
+      maxHeight: 'calc(100vh - 48px)',
+      overflow: 'auto',
+      '&-list': {
+        boxSizing: 'border-box',
         maxWidth: 376,
         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: 104,
           height: 104,
           marginBlock: 8,
           marginInline: 8,
           paddingInline: 24,
           paddingBlock: 24,
-          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
           },
           a: {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            height: "100%",
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            height: '100%',
             fontSize: 12,
-            textDecoration: "none",
-            "& > #avatarLogo": {
+            textDecoration: 'none',
+            '& > #avatarLogo': {
               width: 40,
               height: 40,
-              margin: "0 auto",
+              margin: '0 auto',
               color: token.colorPrimary,
               fontSize: 22,
-              lineHeight: "40px",
-              textAlign: "center",
-              backgroundImage: "linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)",
+              lineHeight: '40px',
+              textAlign: 'center',
+              backgroundImage: 'linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)',
               borderRadius: token.borderRadius
             },
-            "& > img": {
+            '& > img': {
               width: 40,
               height: 40
             },
-            "& > div": {
+            '& > div': {
               marginBlockStart: 5,
               marginInlineStart: 0,
               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'
             }
           }
         }
@@ -84,6 +83,4 @@ var genAppsLogoComponentsSimpleListStyle = (token) => {
     }
   };
 };
-export {
-  genAppsLogoComponentsSimpleListStyle
-};
+export { genAppsLogoComponentsSimpleListStyle };

package/es/layout/components/CollapsedIcon/index.js

@@ -1,57 +1,21 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/layout/components/CollapsedIcon/index.tsx
-import classNames from "classnames";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["isMobile", "collapsed"];
+import classNames from 'classnames';
 import { ArrowSvgIcon } from "../SiderMenu/Arrow";
 import { useStyle } from "./style";
-var CollapsedIcon = (props) => {
-  const _a = props, { isMobile, collapsed } = _a, rest = __objRest(_a, ["isMobile", "collapsed"]);
-  const { wrapSSR, hashId } = useStyle(props.className);
-  if (isMobile && collapsed)
-    return null;
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      __spreadProps(__spreadValues({}, rest), {
-        className: classNames(props.className, hashId, {
-          [`${props.className}-collapsed`]: collapsed,
-          [`${props.className}-is-mobile`]: isMobile
-        })
-      }),
-      /* @__PURE__ */ React.createElement(ArrowSvgIcon, null)
-    )
-  );
-};
-export {
-  CollapsedIcon
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+export var CollapsedIcon = function CollapsedIcon(props) {
+  var isMobile = props.isMobile,
+    collapsed = props.collapsed,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useStyle = useStyle(props.className),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  if (isMobile && collapsed) return null;
+  return wrapSSR( /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
+    className: classNames(props.className, hashId, _defineProperty(_defineProperty({}, "".concat(props.className, "-collapsed"), collapsed), "".concat(props.className, "-is-mobile"), isMobile)),
+    children: /*#__PURE__*/_jsx(ArrowSvgIcon, {})
+  })));
+};