@blocklet/ui-react 2.9.12 → 2.9.14

package/es/Footer/internal-footer.d.ts

@@ -0,0 +1,29 @@
+export default InternalFooter;
+/**
+ * 通用的内部 footer 组件, 定义并渲染常见的几种 footer 元素: brand/navigation/social medial 等
+ */
+declare function InternalFooter(props: any): import("react").JSX.Element;
+declare namespace InternalFooter {
+    namespace propTypes {
+        let brand: any;
+        let navigation: any;
+        let socialMedia: any;
+        let copyright: any;
+        let links: any;
+        let layout: any;
+    }
+    namespace defaultProps {
+        let brand_1: null;
+        export { brand_1 as brand };
+        let navigation_1: null;
+        export { navigation_1 as navigation };
+        let copyright_1: null;
+        export { copyright_1 as copyright };
+        let socialMedia_1: null;
+        export { socialMedia_1 as socialMedia };
+        let links_1: null;
+        export { links_1 as links };
+        let layout_1: string;
+        export { layout_1 as layout };
+    }
+}

package/es/Footer/internal-footer.js

@@ -1,73 +1,47 @@
-import PropTypes from 'prop-types';
-import Box from '@mui/material/Box';
-import Brand from './brand';
-import Links from './links';
-import SocialMedia from './social-media';
-import Copyright from './copyright';
-import StandardLayout from './layout/standard';
-import PlainLayout from './layout/plain';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const layouts = [{
-  name: 'plain',
-  // navigation 数据为空时, 使用简单布局
-  support: (_, data) => !data.navigation?.length && !data.socialMedia?.length,
-  component: PlainLayout
-}, {
-  name: 'standard',
-  // 默认标准布局
-  support: () => true,
-  component: StandardLayout
-}];
-const layoutsKeyByName = layouts.reduce((acc, cur) => ({
-  ...acc,
-  [cur.name]: cur
-}), {});
-
-/**
- * 通用的内部 footer 组件, 定义并渲染常见的几种 footer 元素: brand/navigation/social medial 等
- */
+import { jsx, jsxs } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+import Box from "@mui/material/Box";
+import Brand from "./brand.js";
+import Links from "./links.js";
+import SocialMedia from "./social-media.js";
+import Copyright from "./copyright.js";
+import StandardLayout from "./layout/standard.js";
+import PlainLayout from "./layout/plain.js";
+const layouts = [
+  {
+    name: "plain",
+    // navigation 数据为空时, 使用简单布局
+    support: (_, data) => !data.navigation?.length && !data.socialMedia?.length,
+    component: PlainLayout
+  },
+  {
+    name: "standard",
+    // 默认标准布局
+    support: () => true,
+    component: StandardLayout
+  }
+];
+const layoutsKeyByName = layouts.reduce((acc, cur) => ({ ...acc, [cur.name]: cur }), {});
 function InternalFooter(props) {
-  const {
-    brand,
-    navigation,
-    socialMedia,
-    copyright,
-    links,
-    layout,
-    ...rest
-  } = props;
+  const { brand, navigation, socialMedia, copyright, links, layout, ...rest } = props;
   const renderBrand = () => {
-    return brand ? /*#__PURE__*/_jsx(Brand, {
-      ...brand
-    }) : null;
+    return brand ? /* @__PURE__ */ jsx(Brand, { ...brand }) : null;
   };
   const renderNavigation = () => {
-    return navigation?.length ? /*#__PURE__*/_jsx(Links, {
-      links: navigation
-    }) : null;
+    return navigation?.length ? /* @__PURE__ */ jsx(Links, { links: navigation }) : null;
   };
   const renderSocialMedia = () => {
-    return socialMedia?.length ? /*#__PURE__*/_jsx(SocialMedia, {
-      items: socialMedia
-    }) : null;
+    return socialMedia?.length ? /* @__PURE__ */ jsx(SocialMedia, { items: socialMedia }) : null;
   };
   const renderCopyright = () => {
-    // 如果 copyright.owner 不存在, 则使用 brand.name, 如果 brand.name 也不存在, copyright 元素为空
     const copyrightOwner = copyright?.owner || brand?.name;
     if (!copyrightOwner) {
       return null;
     }
-    return /*#__PURE__*/_jsx(Copyright, {
-      owner: copyrightOwner,
-      year: copyright?.year || undefined
-    });
+    return /* @__PURE__ */ jsx(Copyright, { owner: copyrightOwner, year: copyright?.year || void 0 });
   };
   const renderLinks = () => {
-    return links?.length ? /*#__PURE__*/_jsx(Links, {
-      flowLayout: true,
-      links: links
-    }) : null;
+    return links?.length ? /* @__PURE__ */ jsx(Links, { flowLayout: true, links }) : null;
   };
   const elements = {
     brand: renderBrand(),
@@ -77,35 +51,28 @@ function InternalFooter(props) {
     links: renderLinks()
   };
   let LayoutComponent = null;
-  if (layout === 'auto') {
-    LayoutComponent = layouts.find(item => item.support(elements, props)).component;
+  if (layout === "auto") {
+    LayoutComponent = layouts.find((item) => item.support(elements, props)).component;
   } else {
     LayoutComponent = layoutsKeyByName[layout]?.component;
   }
   if (!LayoutComponent) {
     throw new Error(`layout ${layout} is not supported.`);
   }
-  return /*#__PURE__*/_jsxs(Box, {
-    position: "relative",
-    ...rest,
-    children: [/*#__PURE__*/_jsx(LayoutComponent, {
-      elements: elements,
-      data: props
-    }), /*#__PURE__*/_jsx(Box, {
-      position: "absolute",
-      right: 16,
-      bottom: 0,
-      fontSize: 12,
-      sx: {
-        color: 'transparent',
-        '::selection': {
-          background: '#000',
-          color: '#fff'
-        }
-      },
-      children: window?.blocklet?.version
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Box, { position: "relative", ...rest, children: [
+    /* @__PURE__ */ jsx(LayoutComponent, { elements, data: props }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        position: "absolute",
+        right: 16,
+        bottom: 0,
+        fontSize: 12,
+        sx: { color: "transparent", "::selection": { background: "#000", color: "#fff" } },
+        children: window?.blocklet?.version
+      }
+    )
+  ] });
 }
 InternalFooter.propTypes = {
   brand: PropTypes.shape({
@@ -113,25 +80,31 @@ InternalFooter.propTypes = {
     description: PropTypes.string,
     logo: PropTypes.node
   }),
-  navigation: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.node,
-    link: PropTypes.string
-  })),
-  socialMedia: PropTypes.arrayOf(PropTypes.shape({
-    icon: PropTypes.node,
-    link: PropTypes.string
-  })),
+  navigation: PropTypes.arrayOf(
+    PropTypes.shape({
+      label: PropTypes.node,
+      link: PropTypes.string
+    })
+  ),
+  socialMedia: PropTypes.arrayOf(
+    PropTypes.shape({
+      icon: PropTypes.node,
+      link: PropTypes.string
+    })
+  ),
   copyright: PropTypes.shape({
     owner: PropTypes.string,
     year: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   }),
   // privacy/legal 等链接, 常放于 footer 右下侧或最底部
-  links: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.node,
-    link: PropTypes.string
-  })),
+  links: PropTypes.arrayOf(
+    PropTypes.shape({
+      label: PropTypes.node,
+      link: PropTypes.string
+    })
+  ),
   // 可显式指定 footer layout, 默认根据内容自动决定 layout
-  layout: PropTypes.oneOf(['auto', 'standard', 'plain'])
+  layout: PropTypes.oneOf(["auto", "standard", "plain"])
 };
 InternalFooter.defaultProps = {
   brand: null,
@@ -139,6 +112,6 @@ InternalFooter.defaultProps = {
   copyright: null,
   socialMedia: null,
   links: null,
-  layout: 'auto'
+  layout: "auto"
 };
-export default InternalFooter;
+export default InternalFooter;

package/es/Footer/layout/plain.d.ts

@@ -0,0 +1,15 @@
+export default PlainLayout;
+/**
+ * footer plain layout
+ */
+declare function PlainLayout({ elements, data, ...rest }: {
+    [x: string]: any;
+    elements: any;
+    data: any;
+}): import("react").JSX.Element;
+declare namespace PlainLayout {
+    namespace propTypes {
+        let elements: any;
+        let data: any;
+    }
+}

package/es/Footer/layout/plain.js

@@ -1,38 +1,20 @@
-import { cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import Container from '@mui/material/Container';
-import { styled } from '@arcblock/ux/lib/Theme';
-import Row from './row';
-
-/**
- * footer plain layout
- */
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-function PlainLayout({
-  elements,
-  data,
-  ...rest
-}) {
-  return /*#__PURE__*/_jsx(Root, {
-    ...rest,
-    children: /*#__PURE__*/_jsxs(Container, {
-      className: "plain-layout-container",
-      children: [!!data.links && /*#__PURE__*/_jsxs(Row, {
-        sx: {
-          width: 1
-        },
-        autoCenter: true,
-        children: [elements.copyright, elements.links]
-      }), !data.links && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/cloneElement(elements.brand, {
-          name: null,
-          description: null
-        }), elements.copyright]
-      })]
-    })
-  });
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import PropTypes from "prop-types";
+import Container from "@mui/material/Container";
+import { styled } from "@arcblock/ux/lib/Theme";
+import Row from "./row.js";
+function PlainLayout({ elements, data, ...rest }) {
+  return /* @__PURE__ */ jsx(Root, { ...rest, children: /* @__PURE__ */ jsxs(Container, { className: "plain-layout-container", children: [
+    !!data.links && /* @__PURE__ */ jsxs(Row, { sx: { width: 1 }, autoCenter: true, children: [
+      elements.copyright,
+      elements.links
+    ] }),
+    !data.links && /* @__PURE__ */ jsxs(Fragment, { children: [
+      cloneElement(elements.brand, { name: null, description: null }),
+      elements.copyright
+    ] })
+  ] }) });
 }
 PlainLayout.propTypes = {
   elements: PropTypes.shape({
@@ -44,7 +26,7 @@ PlainLayout.propTypes = {
   }).isRequired,
   data: PropTypes.object.isRequired
 };
-const Root = styled('div')`
+const Root = styled("div")`
   padding: 24px 0;
   .plain-layout-container {
     display: flex;
@@ -54,4 +36,4 @@ const Root = styled('div')`
     gap: 8px;
   }
 `;
-export default PlainLayout;
+export default PlainLayout;

package/es/Footer/layout/row.d.ts

@@ -0,0 +1,18 @@
+declare function Row({ children, autoCenter, ...rest }: {
+    [x: string]: any;
+    children: any;
+    autoCenter: any;
+}): import("react").JSX.Element | null;
+declare namespace Row {
+    namespace propTypes {
+        let children: any;
+        let autoCenter: any;
+    }
+    namespace defaultProps {
+        let children_1: null;
+        export { children_1 as children };
+        let autoCenter_1: boolean;
+        export { autoCenter_1 as autoCenter };
+    }
+}
+export default Row;

package/es/Footer/layout/row.js

@@ -1,23 +1,13 @@
-import PropTypes from 'prop-types';
-import Box from '@mui/material/Box';
-import { styled } from '@arcblock/ux/lib/Theme';
-import clsx from 'clsx';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Row({
-  children,
-  autoCenter,
-  ...rest
-}) {
+import { jsx } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+import Box from "@mui/material/Box";
+import { styled } from "@arcblock/ux/lib/Theme";
+import clsx from "clsx";
+export default function Row({ children, autoCenter, ...rest }) {
   if (!children) {
     return null;
   }
-  return /*#__PURE__*/_jsx(RowRoot, {
-    ...rest,
-    className: clsx(rest.className, {
-      'footer-row-auto-center': autoCenter
-    }),
-    children: children
-  });
+  return /* @__PURE__ */ jsx(RowRoot, { ...rest, className: clsx(rest.className, { "footer-row-auto-center": autoCenter }), children });
 }
 Row.propTypes = {
   children: PropTypes.any,
@@ -37,7 +27,7 @@ const RowRoot = styled(Box)`
     margin: 0 auto;
   }
 
-  ${props => props.theme.breakpoints.down('md')} {
+  ${(props) => props.theme.breakpoints.down("md")} {
     align-items: stretch;
     flex-direction: column;
     gap: 16px;
@@ -48,4 +38,4 @@ const RowRoot = styled(Box)`
       margin: 0 auto;
     }
   }
-`;
+`;

package/es/Footer/layout/standard.d.ts

@@ -0,0 +1,15 @@
+export default StandardLayout;
+/**
+ * footer standard layout
+ */
+declare function StandardLayout({ elements, data, ...rest }: {
+    [x: string]: any;
+    elements: any;
+    data: any;
+}): import("react").JSX.Element;
+declare namespace StandardLayout {
+    namespace propTypes {
+        let elements: any;
+        let data: any;
+    }
+}

package/es/Footer/layout/standard.js

@@ -1,62 +1,34 @@
-import PropTypes from 'prop-types';
-import Box from '@mui/material/Box';
-import Container from '@mui/material/Container';
-import { styled } from '@arcblock/ux/lib/Theme';
-import Row from './row';
-
-/**
- * footer standard layout
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function StandardLayout({
-  elements,
-  data,
-  ...rest
-}) {
-  return /*#__PURE__*/_jsx(Root, {
-    ...rest,
-    children: /*#__PURE__*/_jsxs(Container, {
-      children: [/*#__PURE__*/_jsxs(Box, {
+import { jsx, jsxs } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+import Box from "@mui/material/Box";
+import Container from "@mui/material/Container";
+import { styled } from "@arcblock/ux/lib/Theme";
+import Row from "./row.js";
+function StandardLayout({ elements, data, ...rest }) {
+  return /* @__PURE__ */ jsx(Root, { ...rest, children: /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
         sx: {
-          display: 'flex',
-          flexDirection: {
-            xs: 'column',
-            md: 'row'
-          },
-          justifyContent: 'space-between',
-          alignItems: {
-            xs: 'center',
-            md: 'space-between'
-          },
+          display: "flex",
+          flexDirection: { xs: "column", md: "row" },
+          justifyContent: "space-between",
+          alignItems: { xs: "center", md: "space-between" },
           gap: 2,
           pb: 3
         },
-        children: [/*#__PURE__*/_jsx(Box, {
-          children: elements.brand
-        }), /*#__PURE__*/_jsx(Box, {
-          lineHeight: 1,
-          children: elements.socialMedia
-        })]
-      }), !!data.navigation?.length && /*#__PURE__*/_jsx(Box, {
-        sx: {
-          mb: 6,
-          pt: 3,
-          borderTop: 1,
-          borderColor: 'grey.200'
-        },
-        children: elements.navigation
-      }), /*#__PURE__*/_jsxs(Row, {
-        sx: {
-          pt: 3,
-          borderTop: 1,
-          borderColor: 'grey.200'
-        },
-        autoCenter: true,
-        children: [elements.copyright, elements.links]
-      })]
-    })
-  });
+        children: [
+          /* @__PURE__ */ jsx(Box, { children: elements.brand }),
+          /* @__PURE__ */ jsx(Box, { lineHeight: 1, children: elements.socialMedia })
+        ]
+      }
+    ),
+    !!data.navigation?.length && /* @__PURE__ */ jsx(Box, { sx: { mb: 6, pt: 3, borderTop: 1, borderColor: "grey.200" }, children: elements.navigation }),
+    /* @__PURE__ */ jsxs(Row, { sx: { pt: 3, borderTop: 1, borderColor: "grey.200" }, autoCenter: true, children: [
+      elements.copyright,
+      elements.links
+    ] })
+  ] }) });
 }
 StandardLayout.propTypes = {
   elements: PropTypes.shape({
@@ -68,7 +40,7 @@ StandardLayout.propTypes = {
   }).isRequired,
   data: PropTypes.object.isRequired
 };
-const Root = styled('div')`
+const Root = styled("div")`
   padding: 32px 0 24px 0;
   .footer-brand-name,
   .footer-brand-desc {
@@ -78,4 +50,4 @@ const Root = styled('div')`
     margin-right: 0;
   }
 `;
-export default StandardLayout;
+export default StandardLayout;

package/es/Footer/links.d.ts

@@ -0,0 +1,22 @@
+/**
+ * footer 中的 links (支持分组, 最多支持 2 级)
+ * TODO: dark/light theme
+ */
+declare function Links({ links, flowLayout, ...rest }: {
+    [x: string]: any;
+    links: any;
+    flowLayout: any;
+}): import("react").JSX.Element | null;
+declare namespace Links {
+    namespace propTypes {
+        let links: any;
+        let flowLayout: any;
+    }
+    namespace defaultProps {
+        let links_1: never[];
+        export { links_1 as links };
+        let flowLayout_1: boolean;
+        export { flowLayout_1 as flowLayout };
+    }
+}
+export default Links;