@arcblock/ux 2.13.70 → 3.0.0

package/lib/InfoRow/index.js

@@ -1,50 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import camelCase from 'lodash/camelCase';
-import upperFirst from 'lodash/upperFirst';
-import Typography from '@mui/material/Typography';
-import { styled } from '../Theme';
-function InfoRow({
-  name,
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import c from "lodash/camelCase";
+import x from "lodash/upperFirst";
+import { Typography as e } from "@mui/material";
+import { styled as d } from "../Theme/index.js";
+function v({
+  name: t,
   // eslint-disable-next-line no-shadow
-  nameFormatter = name => {
-    if (typeof name === 'string') {
-      return name.split(' ').map(x => upperFirst(camelCase(x))).join(' ');
-    }
-    return name;
-  },
-  layout = 'horizontal',
-  children,
-  valueComponent = 'div',
-  nameWidth = 90,
-  ...rest
+  nameFormatter: a = (o) => typeof o == "string" ? o.split(" ").map((s) => x(c(s))).join(" ") : o,
+  layout: n = "horizontal",
+  children: r,
+  valueComponent: l = "div",
+  nameWidth: m = 90,
+  ...f
 }) {
-  return /*#__PURE__*/_jsxs(Container, {
-    layout: layout,
-    width: nameWidth,
-    ...rest,
-    children: [/*#__PURE__*/_jsx(Typography, {
-      color: "textSecondary",
-      className: "info-row__name",
-      children: nameFormatter(name)
-    }), children && /*#__PURE__*/_jsx(Typography, {
-      color: "textPrimary",
-      component: valueComponent,
-      className: "info-row__value",
-      children: children
-    })]
-  });
+  return /* @__PURE__ */ p(u, { layout: n, width: m, ...f, children: [
+    /* @__PURE__ */ i(e, { color: "textSecondary", className: "info-row__name", children: a(t) }),
+    r && /* @__PURE__ */ i(e, { color: "textPrimary", component: l, className: "info-row__value", children: r })
+  ] });
 }
-const Container = styled('div')`
+const u = d("div")`
   display: flex;
-  flex-direction: ${props => props.layout === 'vertical' ? 'column' : 'row'};
+  flex-direction: ${(t) => t.layout === "vertical" ? "column" : "row"};
   justify-content: flex-start;
-  align-items: ${props => props.layout === 'vertical' ? 'flex-start' : 'center'};
+  align-items: ${(t) => t.layout === "vertical" ? "flex-start" : "center"};
   margin-bottom: 16px;
 
   .info-row__name {
-    width: ${props => props.width}px;
-    margin-right: ${props => props.layout === 'vertical' ? '0' : '8px'};
-    margin-bottom: ${props => props.layout === 'vertical' ? '8px' : '0'};
+    width: ${(t) => t.width}px;
+    margin-right: ${(t) => t.layout === "vertical" ? "0" : "8px"};
+    margin-bottom: ${(t) => t.layout === "vertical" ? "8px" : "0"};
     text-transform: capitalize;
   }
 
@@ -55,7 +39,7 @@ const Container = styled('div')`
     font-weight: 500;
   }
 
-  @media (max-width: ${props => props.theme.breakpoints.values.md}px) {
+  @media (max-width: ${(t) => t.theme.breakpoints.values.md}px) {
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
@@ -70,4 +54,6 @@ const Container = styled('div')`
     }
   }
 `;
-export default InfoRow;
+export {
+  v as default
+};

package/lib/Layout/Layout.stories.d.ts

@@ -0,0 +1,23 @@
+export { default as Basic } from './demo/basic';
+export { default as CustomElement } from './demo/custom-element';
+export { default as Dashboard } from './demo/dashboard';
+export { default as DashboardGroupedNav } from './demo/dashboard-grouped-nav';
+export { default as FullPage } from './demo/full-page';
+export { default as DashboardLegacy } from './demo/dashboard-legacy';
+export { default as DashboardLegacyCustomLogo } from './demo/dashboard-legacy-custom-logo';
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        let layout: string;
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+        namespace design {
+            let type: string;
+            let url: string;
+        }
+    }
+}
+export default _default;

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

@@ -1,4 +1,4 @@
-import { type NavLinkRenderProps, Link as RouterLink, NavLink as RouterNavLink } from 'react-router-dom';
+import { NavLinkRenderProps, Link as RouterLink, NavLink as RouterNavLink } from 'react-router-dom';
 type RouterLinkProps = React.ComponentProps<typeof RouterLink>;
 type RouterNavLinkProps = React.ComponentProps<typeof RouterNavLink>;
 export interface LinkProps extends RouterLinkProps {

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

@@ -1,49 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Link as RouterLink, NavLink as RouterNavLink } from 'react-router-dom';
-// 包裹 router Link/NavLink 组件, 支持 external link (external 为 true 时渲染为 a 标签)
-function ExternalLink({
-  routerLinkComponent: RouterLinkComponent,
-  to,
-  external = false,
-  children,
-  ...rest
+import { jsx as r } from "react/jsx-runtime";
+import { Link as f, NavLink as k } from "react-router-dom";
+function u({
+  routerLinkComponent: n,
+  to: o,
+  external: t = !1,
+  children: i,
+  ...e
 }) {
-  if (external) {
-    return (
-      /*#__PURE__*/
-      // @ts-expect-error
-      _jsx("a", {
-        href: to,
-        ...rest,
-        children: children
-      })
-    );
-  }
-  return (
-    /*#__PURE__*/
+  return t ? (
+    // @ts-expect-error
+    /* @__PURE__ */ r("a", { href: o, ...e, children: i })
+  ) : (
     // @ts-ignore
-    _jsx(RouterLinkComponent, {
-      to: to,
-      ...rest,
-      children: children
-    })
+    /* @__PURE__ */ r(n, { to: o, ...e, children: i })
   );
 }
-export function Link(props) {
-  return /*#__PURE__*/_jsx(ExternalLink, {
-    routerLinkComponent: RouterLink,
-    ...props
-  });
+function p(n) {
+  return /* @__PURE__ */ r(u, { routerLinkComponent: f, ...n });
 }
-export function NavLink({
-  className = '',
-  ...rest
-}) {
-  // NavLink#className 支持 function
-  const classes = rest.external && typeof className === 'function' ? className({}) : className;
-  return /*#__PURE__*/_jsx(ExternalLink, {
-    routerLinkComponent: RouterNavLink,
-    className: classes,
-    ...rest
-  });
-}
+function m({ className: n = "", ...o }) {
+  const t = o.external && typeof n == "function" ? n({}) : n;
+  return /* @__PURE__ */ r(u, { routerLinkComponent: k, className: t, ...o });
+}
+export {
+  p as Link,
+  m as NavLink
+};

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

@@ -12,7 +12,7 @@ type FullPageContextValue = FullPageState & {
     toggleFullPage: () => void;
     configure: (params: Partial<FullPageState>) => void;
 };
-export declare const FullPageContext: import("react").Context<FullPageContextValue>;
+export declare const FullPageContext: import('react').Context<FullPageContextValue>;
 export declare const useFullPage: (initialState?: FullPageState) => FullPageContextValue;
 export declare function FullPageProvider({ children, ...rest }: {
     children?: React.ReactNode;

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

@@ -1,49 +1,32 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useContext, createContext, useMemo, useLayoutEffect } from 'react';
-export const FullPageContext = /*#__PURE__*/createContext(null);
-export const useFullPage = initialState => {
-  const ctx = useContext(FullPageContext);
-  useLayoutEffect(() => {
-    if (initialState) {
-      ctx.configure(initialState);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return ctx;
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as g, use as P, useLayoutEffect as F, useState as f, useMemo as b } from "react";
+const s = g(null), d = (l) => {
+  const t = P(s);
+  return F(() => {
+    l && t.configure(l);
+  }, []), t;
+};
+function I({ children: l, ...t }) {
+  const [e, i] = f({
+    inFullPage: !1,
+    showToggleButton: !1,
+    headerVisibleInFullPage: !0,
+    footerVisibleInFullPage: !1,
+    sidebarVisibleInFullPage: !1
+  }), a = () => {
+    i((u) => ({ ...u, inFullPage: !u.inFullPage }));
+  }, o = b(() => ({
+    ...e,
+    headerVisible: !e.inFullPage || e.headerVisibleInFullPage,
+    footerVisible: !e.inFullPage || e.footerVisibleInFullPage,
+    sidebarVisible: !e.inFullPage || e.sidebarVisibleInFullPage,
+    toggleFullPage: a,
+    configure: (u) => i((n) => ({ ...n, ...u }))
+  }), [e]);
+  return /* @__PURE__ */ r(s, { value: o, ...t, children: l });
+}
+export {
+  s as FullPageContext,
+  I as FullPageProvider,
+  d as useFullPage
 };
-export function FullPageProvider({
-  children,
-  ...rest
-}) {
-  const [state, setState] = useState({
-    inFullPage: false,
-    showToggleButton: false,
-    headerVisibleInFullPage: true,
-    footerVisibleInFullPage: false,
-    sidebarVisibleInFullPage: false
-  });
-  const toggleFullPage = () => {
-    setState(prev => ({
-      ...prev,
-      inFullPage: !prev.inFullPage
-    }));
-  };
-  const value = useMemo(() => {
-    return {
-      ...state,
-      headerVisible: !state.inFullPage || state.headerVisibleInFullPage,
-      footerVisible: !state.inFullPage || state.footerVisibleInFullPage,
-      sidebarVisible: !state.inFullPage || state.sidebarVisibleInFullPage,
-      toggleFullPage,
-      configure: params => setState(prev => ({
-        ...prev,
-        ...params
-      }))
-    };
-  }, [state]);
-  return /*#__PURE__*/_jsx(FullPageContext.Provider, {
-    value: value,
-    ...rest,
-    children: children
-  });
-}

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

@@ -1,7 +1,7 @@
-import { type SxProps } from '@mui/material';
-import { type FooterProps } from '../../Footer';
-import { type LinkItem } from './sidebar';
-import { type DashboardProps as DashboardLegacyProps } from '../dashboard-legacy';
+import { SxProps } from '@mui/material';
+import { FooterProps } from '../../Footer';
+import { LinkItem } from './sidebar';
+import { DashboardProps as DashboardLegacyProps } from '../dashboard-legacy';
 export interface DashboardProps extends React.HTMLAttributes<HTMLDivElement> {
     title?: string;
     headerProps?: object;