@arcblock/ux 2.10.67 → 2.10.68

package/lib/Layout/dashboard/external-link.d.ts

@@ -1,15 +1,14 @@
-export function Link(props: any): import("react/jsx-runtime").JSX.Element;
-export function NavLink({ className, ...rest }: {
-    [x: string]: any;
-    className: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace NavLink {
-    namespace propTypes {
-        let className: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
-    }
-    namespace defaultProps {
-        let className_1: string;
-        export { className_1 as className };
-    }
+import { Link as RouterLink } from 'react-router-dom';
+interface ExternalLinkProps extends React.ComponentProps<typeof RouterLink> {
+    routerLinkComponent: React.ElementType;
+    to: string | object;
+    external?: false | true;
 }
-import PropTypes from 'prop-types';
+export interface LinkProps extends Omit<ExternalLinkProps, 'routerLinkComponent'> {
+}
+export declare function Link(props: LinkProps): import("react/jsx-runtime").JSX.Element;
+export interface NavLinkProps extends Omit<ExternalLinkProps, 'routerLinkComponent' | 'className'> {
+    className?: string | (() => string);
+}
+export declare function NavLink({ className, ...rest }: NavLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Layout/dashboard/external-link.js

@@ -1,13 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { Link as RouterLink, NavLink as RouterNavLink } from 'react-router-dom';
-
 // 包裹 router Link/NavLink 组件, 支持 external link (external 为 true 时渲染为 a 标签)
 function ExternalLink({
-  children,
   routerLinkComponent: RouterLinkComponent,
   to,
-  external,
+  external = false,
+  children,
   ...rest
 }) {
   if (external) {
@@ -23,15 +21,6 @@ function ExternalLink({
     children: children
   });
 }
-ExternalLink.propTypes = {
-  children: PropTypes.any.isRequired,
-  routerLinkComponent: PropTypes.elementType.isRequired,
-  external: PropTypes.bool,
-  to: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired
-};
-ExternalLink.defaultProps = {
-  external: false
-};
 export function Link(props) {
   return /*#__PURE__*/_jsx(ExternalLink, {
     routerLinkComponent: RouterLink,
@@ -39,20 +28,14 @@ export function Link(props) {
   });
 }
 export function NavLink({
-  className,
+  className = '',
   ...rest
 }) {
   // NavLink#className 支持 function
-  const classes = rest.external && typeof className === 'function' ? className({}) : className;
+  const classes = typeof className === 'function' ? className() : className;
   return /*#__PURE__*/_jsx(ExternalLink, {
     routerLinkComponent: RouterNavLink,
     className: classes,
     ...rest
   });
-}
-NavLink.propTypes = {
-  className: PropTypes.oneOfType([PropTypes.string, PropTypes.func])
-};
-NavLink.defaultProps = {
-  className: ''
-};
+}

package/lib/Layout/dashboard/full-page.d.ts

@@ -1,12 +1,20 @@
-export function FullPageProvider({ children, ...rest }: {
-    [x: string]: any;
-    children: any;
+type FullPageState = {
+    inFullPage: boolean;
+    showToggleButton: boolean;
+    headerVisibleInFullPage: boolean;
+    footerVisibleInFullPage: boolean;
+    sidebarVisibleInFullPage: boolean;
+};
+type FullPageContextValue = FullPageState & {
+    headerVisible: boolean;
+    footerVisible: boolean;
+    sidebarVisible: boolean;
+    toggleFullPage: () => void;
+    configure: (params: Partial<FullPageState>) => void;
+};
+export declare const FullPageContext: import("react").Context<FullPageContextValue>;
+export declare const useFullPage: (initialState?: FullPageState) => FullPageContextValue;
+export declare function FullPageProvider({ children, ...rest }: {
+    children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export namespace FullPageProvider {
-    namespace propTypes {
-        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    }
-}
-export const FullPageContext: import("react").Context<any>;
-export function useFullPage(initialState: any): any;
-import PropTypes from 'prop-types';
+export {};

package/lib/Layout/dashboard/full-page.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useContext, createContext, useMemo, useLayoutEffect } from 'react';
-import PropTypes from 'prop-types';
-export const FullPageContext = /*#__PURE__*/createContext();
+export const FullPageContext = /*#__PURE__*/createContext(null);
 export const useFullPage = initialState => {
   const ctx = useContext(FullPageContext);
   useLayoutEffect(() => {
@@ -47,7 +46,4 @@ export function FullPageProvider({
     ...rest,
     children: children
   });
-}
-FullPageProvider.propTypes = {
-  children: PropTypes.node.isRequired
-};
+}

package/lib/Layout/dashboard/index.d.ts

@@ -1,40 +1,21 @@
-declare function DashboardWrapper({ legacy, ...rest }: {
-    [x: string]: any;
-    legacy: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace DashboardWrapper {
-    namespace propTypes {
-        let legacy: PropTypes.Requireable<boolean>;
-        let footerProps: PropTypes.Requireable<PropTypes.InferProps<{
-            dark: PropTypes.Requireable<boolean>;
-            className: PropTypes.Requireable<string>;
-            copyStart: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-            brand: PropTypes.Requireable<string>;
-            style: PropTypes.Requireable<object>;
-            addon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }>>;
-        let children: PropTypes.Validator<any>;
-        let title: PropTypes.Requireable<string>;
-        let links: PropTypes.Validator<any[]>;
-        let headerProps: PropTypes.Requireable<object>;
-        let fullWidth: PropTypes.Requireable<boolean>;
-        let sidebarWidth: PropTypes.Requireable<number>;
-        let dense: PropTypes.Requireable<string | boolean>;
-    }
-    namespace defaultProps {
-        let legacy_1: boolean;
-        export { legacy_1 as legacy };
-        let title_1: string;
-        export { title_1 as title };
-        let headerProps_1: {};
-        export { headerProps_1 as headerProps };
-        let fullWidth_1: boolean;
-        export { fullWidth_1 as fullWidth };
-        let sidebarWidth_1: number;
-        export { sidebarWidth_1 as sidebarWidth };
-        let dense_1: string;
-        export { dense_1 as dense };
-    }
+import { type SxProps } from '@mui/material';
+import { type FooterProps } from '../../Footer';
+import { type LinkItem } from './sidebar';
+import { type DashboardProps as DashboardLegacyProps } from '../dashboard-legacy';
+export interface DashboardProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    headerProps?: object;
+    /** 支持分组, links item 如果是数组, 则视为一个 group */
+    links?: LinkItem[];
+    sidebarWidth?: number;
+    fullWidth?: false | true;
+    /** sidenav 稠密一些的布局, 纵向空间占用较少, 默认为 auto, 当 links 个数 > 8 时自动启用 */
+    dense?: 'auto' | boolean;
+    footerProps?: FooterProps;
+    sx?: SxProps;
 }
-export default DashboardWrapper;
-import PropTypes from 'prop-types';
+export default function DashboardWrapper<T extends boolean = true>({ legacy, ...rest }: T extends true ? {
+    legacy?: T;
+} & DashboardLegacyProps : {
+    legacy?: T;
+} & DashboardProps): import("react/jsx-runtime").JSX.Element;

package/lib/Layout/dashboard/index.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo } from 'react';
-import PropTypes from 'prop-types';
 import { useLocation, matchPath } from 'react-router-dom';
 import Helmet from 'react-helmet';
 import Container from '@mui/material/Container';
@@ -17,10 +16,8 @@ import Sidebar from './sidebar';
 import { styled, useTheme } from '../../Theme';
 import { Link } from './external-link';
 import { FullPageProvider, useFullPage } from './full-page';
-
 // 监听 location 变化并关闭 header 中的 menu (确保 drawer - disablePortal:false, keepMounted:true)
 // 直接监听 menu 中 link 点击来触发 closeMenu 会有问题 (Suspense & lazy)
-// eslint-disable-next-line react/prop-types
 function NavMenuWrapper({
   closeMenu,
   ...rest
@@ -59,13 +56,14 @@ function formatLinks(links, location) {
   });
 }
 function Dashboard({
-  children,
-  title,
-  headerProps,
+  title = 'Home',
+  headerProps = {},
   links = [],
-  fullWidth,
-  dense,
-  footerProps,
+  sidebarWidth = 120,
+  fullWidth = false,
+  dense = 'auto',
+  footerProps = {},
+  children,
   ...rest
 }) {
   const theme = useTheme();
@@ -104,6 +102,7 @@ function Dashboard({
   return /*#__PURE__*/_jsxs(Wrapper, {
     ...rest,
     className: classes,
+    sidebarWidth: sidebarWidth,
     children: [/*#__PURE__*/_jsx(Helmet, {
       title: title
     }, title), headerVisible && /*#__PURE__*/_jsx(StyledUxHeader, {
@@ -182,24 +181,6 @@ function Dashboard({
     })]
   });
 }
-Dashboard.propTypes = {
-  children: PropTypes.any.isRequired,
-  title: PropTypes.string,
-  // 支持分组, links item 如果是数组, 则视为一个 group
-  links: PropTypes.array.isRequired,
-  headerProps: PropTypes.object,
-  fullWidth: PropTypes.bool,
-  sidebarWidth: PropTypes.number,
-  // sidenav 稠密一些的布局, 纵向空间占用较少, 默认为 auto, 当 links 个数 > 8 时自动启用
-  dense: PropTypes.oneOf([true, false, 'auto'])
-};
-Dashboard.defaultProps = {
-  title: 'Home',
-  headerProps: {},
-  fullWidth: false,
-  sidebarWidth: 120,
-  dense: 'auto'
-};
 const Wrapper = styled('div', {
   shouldForwardProp: prop => prop !== 'sidebarWidth'
 })`
@@ -264,7 +245,7 @@ const StyledUxHeader = styled(ResponsiveHeader)`
 
 // 兼容旧版 dashboard
 export default function DashboardWrapper({
-  legacy,
+  legacy = true,
   ...rest
 }) {
   if (legacy) {
@@ -277,13 +258,4 @@ export default function DashboardWrapper({
       ...rest
     })
   });
-}
-DashboardWrapper.propTypes = {
-  ...Dashboard.propTypes,
-  legacy: PropTypes.bool,
-  footerProps: PropTypes.shape(Footer.propTypes)
-};
-DashboardWrapper.defaultProps = {
-  ...Dashboard.defaultProps,
-  legacy: true
-};
+}

package/lib/Layout/dashboard/sidebar.d.ts

@@ -1,21 +1,18 @@
-export default Sidebar;
-declare function Sidebar({ links, addons, dense, ...rest }: {
-    [x: string]: any;
-    links: any;
-    addons: any;
-    dense: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Sidebar {
-    namespace propTypes {
-        let links: PropTypes.Validator<any[]>;
-        let addons: PropTypes.Requireable<any>;
-        let dense: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        let addons_1: null;
-        export { addons_1 as addons };
-        let dense_1: boolean;
-        export { dense_1 as dense };
-    }
+export type LinkItem = {
+    url: string;
+    title: React.ReactNode;
+    icon?: React.ReactNode;
+    iconZoom?: number;
+    color?: string;
+    showBadge?: false | true;
+    external?: false | true;
+    active?: boolean;
+    children?: LinkItem[];
+};
+export interface SidebarProps {
+    links: LinkItem[];
+    addons?: React.ReactNode;
+    dense?: false | true;
 }
-import PropTypes from 'prop-types';
+declare function Sidebar({ links, addons, dense, ...rest }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export default Sidebar;

package/lib/Layout/dashboard/sidebar.js

@@ -1,6 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/no-array-index-key */
-import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 import { teal } from '@mui/material/colors';
 import clsx from 'clsx';
@@ -25,10 +23,8 @@ function renderItem(item, index) {
     children: /*#__PURE__*/_jsxs(NavLink, {
       external: external,
       to: url,
-      className: ({
-        isActive
-      }) => clsx('layout-sidebar-link', {
-        'layout-sidebar-link--active': external ? active : isActive
+      className: () => clsx('layout-sidebar-link', {
+        'layout-sidebar-link--active': external ? active : false
       }),
       children: [icon && /*#__PURE__*/_jsx("span", {
         className: `layout-sidebar-icon ${showBadge ? 'layout-sidebar-badge' : ''}`,
@@ -55,7 +51,7 @@ function renderGroup(item, index) {
 function Sidebar({
   links,
   addons,
-  dense,
+  dense = false,
   ...rest
 }) {
   return /*#__PURE__*/_jsxs(Root, {
@@ -72,15 +68,6 @@ function Sidebar({
     }), addons]
   });
 }
-Sidebar.propTypes = {
-  links: PropTypes.array.isRequired,
-  addons: PropTypes.any,
-  dense: PropTypes.bool
-};
-Sidebar.defaultProps = {
-  addons: null,
-  dense: false
-};
 const gradient = 'linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))';
 const Root = styled('div')`
   display: flex;

package/lib/Layout/dashboard-legacy/header.d.ts

@@ -1,37 +1,11 @@
-declare function Header({ children, brand, brandAddon, description, addons, onToggleMenu, homeUrl, logo, ...rest }: {
-    [x: string]: any;
-    children: any;
-    brand: any;
-    brandAddon: any;
-    description: any;
-    addons: any;
-    onToggleMenu: any;
-    homeUrl: any;
-    logo: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Header {
-    namespace propTypes {
-        let onToggleMenu: PropTypes.Validator<(...args: any[]) => any>;
-        let brand: PropTypes.Validator<string>;
-        let brandAddon: PropTypes.Requireable<object>;
-        let description: PropTypes.Validator<any>;
-        let children: PropTypes.Requireable<any>;
-        let addons: PropTypes.Requireable<any>;
-        let homeUrl: PropTypes.Requireable<string>;
-        let logo: PropTypes.Requireable<any>;
-    }
-    namespace defaultProps {
-        let children_1: null;
-        export { children_1 as children };
-        let addons_1: null;
-        export { addons_1 as addons };
-        let brandAddon_1: null;
-        export { brandAddon_1 as brandAddon };
-        let homeUrl_1: string;
-        export { homeUrl_1 as homeUrl };
-        let logo_1: null;
-        export { logo_1 as logo };
-    }
+import { type AppBarProps } from '@mui/material/AppBar';
+export interface HeaderProps extends AppBarProps {
+    onToggleMenu: () => void;
+    brand?: string;
+    description?: React.ReactNode;
+    addons?: React.ReactNode;
+    brandAddon?: React.ReactNode;
+    homeUrl?: string;
+    logo?: React.ReactNode;
 }
-export default Header;
-import PropTypes from 'prop-types';
+export default function Header({ onToggleMenu, brand, description, addons, brandAddon, homeUrl, logo, children, ...rest }: HeaderProps): import("react/jsx-runtime").JSX.Element;

package/lib/Layout/dashboard-legacy/header.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import Button from '@mui/material/IconButton';
 import AppBar from '@mui/material/AppBar';
 import Toolbar from '@mui/material/Toolbar';
@@ -81,7 +80,6 @@ const StyledAppBar = styled(AppBar)`
     }
   }
 `;
-
 /*
   自定义 logo 相关:
   如果为 logo prop 传入一个自定义的 svg, 并且 svg 中的元素通过 id 引用了 defs 中的元素 (比如 linearGradient),
@@ -92,14 +90,14 @@ const StyledAppBar = styled(AppBar)`
   参考: https://blog.patw.me/archives/1820/inline-svg-same-id-and-display-none-issue/
 */
 export default function Header({
-  children,
+  onToggleMenu,
   brand,
-  brandAddon,
   description,
   addons,
-  onToggleMenu,
-  homeUrl,
+  brandAddon,
+  homeUrl = '/',
   logo,
+  children,
   ...rest
 }) {
   return /*#__PURE__*/_jsx(StyledAppBar, {
@@ -153,21 +151,4 @@ export default function Header({
       })]
     })
   });
-}
-Header.propTypes = {
-  onToggleMenu: PropTypes.func.isRequired,
-  brand: PropTypes.string.isRequired,
-  brandAddon: PropTypes.object,
-  description: PropTypes.any.isRequired,
-  children: PropTypes.any,
-  addons: PropTypes.any,
-  homeUrl: PropTypes.string,
-  logo: PropTypes.any
-};
-Header.defaultProps = {
-  children: null,
-  addons: null,
-  brandAddon: null,
-  homeUrl: '/',
-  logo: null
-};
+}

package/lib/Layout/dashboard-legacy/index.d.ts

@@ -1,57 +1,18 @@
-declare function Dashboard({ children, title, brand, description, brandAddon, headerAddon, images, links, prefix, fullWidth, contentLayout, className, homeUrl, logo, ...rest }: {
-    [x: string]: any;
-    children: any;
-    title: any;
-    brand: any;
-    description: any;
-    brandAddon: any;
-    headerAddon: any;
-    images: any;
-    links: any;
-    prefix: any;
-    fullWidth: any;
-    contentLayout: any;
-    className: any;
-    homeUrl: any;
-    logo: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Dashboard {
-    namespace propTypes {
-        let children: PropTypes.Validator<any>;
-        let title: PropTypes.Requireable<string>;
-        let brand: PropTypes.Validator<string>;
-        let links: PropTypes.Validator<any[]>;
-        let images: PropTypes.Validator<object>;
-        let brandAddon: PropTypes.Requireable<object>;
-        let description: PropTypes.Validator<any>;
-        let headerAddon: PropTypes.Requireable<any>;
-        let prefix: PropTypes.Requireable<string>;
-        let contentLayout: PropTypes.Requireable<string>;
-        let fullWidth: PropTypes.Requireable<boolean>;
-        let className: PropTypes.Requireable<string>;
-        let homeUrl: PropTypes.Requireable<string>;
-        let logo: PropTypes.Requireable<any>;
-    }
-    namespace defaultProps {
-        let title_1: string;
-        export { title_1 as title };
-        let contentLayout_1: string;
-        export { contentLayout_1 as contentLayout };
-        let headerAddon_1: null;
-        export { headerAddon_1 as headerAddon };
-        let brandAddon_1: null;
-        export { brandAddon_1 as brandAddon };
-        let prefix_1: string;
-        export { prefix_1 as prefix };
-        let fullWidth_1: boolean;
-        export { fullWidth_1 as fullWidth };
-        let className_1: string;
-        export { className_1 as className };
-        let homeUrl_1: string;
-        export { homeUrl_1 as homeUrl };
-        let logo_1: null;
-        export { logo_1 as logo };
-    }
+import { type SxProps } from '@mui/material';
+import { type LinkItem } from './sidebar';
+export interface DashboardProps extends React.HTMLAttributes<HTMLDivElement> {
+    links?: LinkItem[];
+    brand?: string;
+    description?: React.ReactNode;
+    images: Record<string, string>;
+    title?: string;
+    brandAddon?: React.ReactNode;
+    headerAddon?: React.ReactNode;
+    prefix?: string;
+    fullWidth?: false | true;
+    contentLayout?: 'row' | 'column';
+    homeUrl?: string;
+    logo?: React.ReactNode;
+    sx?: SxProps;
 }
-export default Dashboard;
-import PropTypes from 'prop-types';
+export default function Dashboard({ links, brand, description, images, title, brandAddon, headerAddon, prefix, fullWidth, contentLayout, className, homeUrl, logo, children, ...rest }: DashboardProps): import("react/jsx-runtime").JSX.Element;

package/lib/Layout/dashboard-legacy/index.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
 import Helmet from 'react-helmet';
 import Container from '@mui/material/Container';
 import Box from '@mui/material/Box';
@@ -40,20 +39,20 @@ const Wrapper = styled('div')`
   }
 `;
 export default function Dashboard({
-  children,
-  title,
-  brand,
-  description,
+  links = [],
+  brand = '',
+  description = '',
+  images,
+  title = 'Home',
   brandAddon,
   headerAddon,
-  images,
-  links,
-  prefix,
-  fullWidth,
-  contentLayout,
-  className,
-  homeUrl,
+  prefix = '/images',
+  fullWidth = false,
+  contentLayout = 'column',
+  className = '',
+  homeUrl = '/',
   logo,
+  children,
   ...rest
 }) {
   const breakpoint = 960;
@@ -116,32 +115,4 @@ export default function Dashboard({
       })]
     })]
   });
-}
-Dashboard.propTypes = {
-  children: PropTypes.any.isRequired,
-  title: PropTypes.string,
-  brand: PropTypes.string.isRequired,
-  links: PropTypes.array.isRequired,
-  images: PropTypes.object.isRequired,
-  brandAddon: PropTypes.object,
-  description: PropTypes.any.isRequired,
-  headerAddon: PropTypes.any,
-  prefix: PropTypes.string,
-  // 兼容旧版的设置，新版使用 fullWidth 进行设置
-  contentLayout: PropTypes.oneOf(['row', 'column']),
-  fullWidth: PropTypes.bool,
-  className: PropTypes.string,
-  homeUrl: PropTypes.string,
-  logo: PropTypes.any
-};
-Dashboard.defaultProps = {
-  title: 'Home',
-  contentLayout: 'column',
-  headerAddon: null,
-  brandAddon: null,
-  prefix: '/images',
-  fullWidth: false,
-  className: '',
-  homeUrl: '/',
-  logo: null
-};
+}

package/lib/Layout/dashboard-legacy/sidebar.d.ts

@@ -1,27 +1,16 @@
-declare function Sidebar({ images, links, prefix, addons, logo, ...rest }: {
-    [x: string]: any;
-    images: any;
-    links: any;
-    prefix: any;
-    addons: any;
-    logo: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Sidebar {
-    namespace propTypes {
-        let images: PropTypes.Validator<object>;
-        let links: PropTypes.Validator<any[]>;
-        let prefix: PropTypes.Requireable<string>;
-        let addons: PropTypes.Requireable<any>;
-        let logo: PropTypes.Requireable<any>;
-    }
-    namespace defaultProps {
-        let prefix_1: string;
-        export { prefix_1 as prefix };
-        let addons_1: null;
-        export { addons_1 as addons };
-        let logo_1: null;
-        export { logo_1 as logo };
-    }
+import { type SxProps } from '@mui/material';
+export type LinkItem = {
+    url: string;
+    title: React.ReactNode;
+    name: string;
+    showBadge?: false | true;
+};
+export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
+    images: Record<string, string>;
+    links: LinkItem[];
+    prefix: string;
+    addons?: React.ReactNode;
+    logo?: React.ReactNode;
+    sx?: SxProps;
 }
-export default Sidebar;
-import PropTypes from 'prop-types';
+export default function Sidebar({ images, links, prefix, addons, logo, ...rest }: SidebarProps): import("react/jsx-runtime").JSX.Element;