@yuntijs/ui 1.0.0-beta.9 → 1.0.0-beta.91

package/es/MonacoEditor/base/style.js

@@ -0,0 +1,43 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+import { createStyles, keyframes } from 'antd-style';
+/**
+ * styles from https://github.com/alibaba/lowcode-plugins/blob/main/packages/base-monaco-editor/src/index.scss
+ */
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  var _ref2$minimapEnabled = _ref2.minimapEnabled,
+    minimapEnabled = _ref2$minimapEnabled === void 0 ? false : _ref2$minimapEnabled,
+    _ref2$isFullScreen = _ref2.isFullScreen,
+    isFullScreen = _ref2$isFullScreen === void 0 ? false : _ref2$isFullScreen,
+    _ref2$diff = _ref2.diff,
+    diff = _ref2$diff === void 0 ? false : _ref2$diff,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'outlined' : _ref2$variant;
+  var dots = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      0% { content: '.'; }\n      20% { content: '..'; }\n      40% { content: '...'; }\n      60% { content: '....'; }\n      80% { content: '.....'; }\n    "])));
+  var getBgColor = function getBgColor() {
+    switch (variant) {
+      case 'outlined':
+        {
+          return token.colorBgBase;
+        }
+      case 'filled':
+        {
+          return token.colorFillTertiary;
+        }
+      default:
+        {
+          return 'transparent';
+        }
+    }
+  };
+  return {
+    base: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: relative;\n\n        box-sizing: content-box;\n        min-height: 100px;\n\n        background-color: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n        &:hover {\n          border-color: ", ";\n          ", "\n        }\n\n        &.ve-focused {\n          ", "\n          ", "\n        }\n\n        &.ve-outline {\n          border: 1px solid var(--color-field-border, rgba(31, 56, 88, 0.05)) !important;\n        }\n\n        & > .react-monaco-editor-container {\n          width: 100%;\n          height: 100%;\n          min-height: 100px;\n          background: transparent;\n\n          ", "\n\n          .monaco-editor,\n          .monaco-editor-background,\n          .monaco-editor .inputarea.ime-input,\n          .monaco-editor .margin {\n            ", "\n          }\n\n          & > .monaco-editor {\n            border-radius: ", "px;\n            .overflow-guard,\n            .margin {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n            }\n            .monaco-scrollable-element {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n          .monaco-diff-editor {\n            border-radius: ", "px;\n            & > .original > .monaco-editor {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n              .overflow-guard,\n              .margin {\n                border-top-left-radius: ", "px;\n                border-bottom-left-radius: ", "px;\n              }\n            }\n            .diffViewport {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n        }\n\n        .syntaxTips {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n\n          box-sizing: border-box;\n          width: 100%;\n          max-height: 0;\n          margin: 0;\n          padding: 10px 30px;\n\n          color: ", ";\n\n          background: ", ";\n\n          transition: 0.2s ease max-height;\n        }\n\n        .syntaxTips:hover {\n          overflow: auto;\n          max-height: 50%;\n        }\n\n        .syntaxTips .infoIcon {\n          position: absolute;\n          top: 2px;\n          right: 5px;\n          transform: rotateY(180deg);\n\n          width: 20px;\n          height: 16px;\n        }\n      "])), getBgColor(), variant === 'outlined' ? token.colorBorder : 'transparent', token.borderRadius, variant === 'outlined' ? token.colorPrimaryHover : 'transparent', variant === 'filled' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            background-color: ", ";\n          "])), token.colorFillSecondary), variant === 'filled' && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            background-color: ", ";\n          "])), token.colorBgBase), variant !== 'borderless' && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            border-color: ", ";\n          "])), token.colorPrimaryActive), isFullScreen && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            position: fixed;\n            z-index: 9998;\n            inset: 0;\n\n            width: auto !important;\n            height: auto !important;\n          "]))), !isFullScreen && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n              background-color: transparent;\n            "]))), token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius - 1, token.borderRadius - 1, token.colorErrorText, token.colorErrorBg),
+    fullScreenBtn: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        &.", "-btn {\n          position: absolute;\n          top: 20px;\n          color: ", ";\n          transition: none;\n          ", "\n        }\n      "])), prefixCls, token.colorTextSecondary, isFullScreen ? css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                z-index: 9999;\n                right: ", "px;\n              "])), diff ? 64 : 138) : css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n                right: ", "px;\n              "])), minimapEnabled || diff ? 64 : 20)),
+    loading: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        position: absolute;\n        inset: 0;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        font-size: ", "px;\n        color: ", ";\n\n        background-color: transparent;\n\n        &::after {\n          content: '';\n          width: 16px;\n          /* display: inline; */\n          animation: ", " steps(3) 1s infinite;\n        }\n      "])), token.fontSizeSM, token.colorTextTertiary, dots)
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/MonacoEditor/index.d.ts

@@ -1,6 +1,7 @@
-import type { IDiffMonacoEditorProps, IGeneralManacoEditorProps, ISingleMonacoEditorProps } from '@alilc/lowcode-plugin-base-monaco-editor/lib/helper';
+import type { Variant } from 'antd/es/config-provider';
 import React from 'react';
-export { type EditorMeta, Controller as MonacoController, } from '@alilc/lowcode-plugin-base-monaco-editor/es/controller';
+import type { IDiffMonacoEditorProps, IGeneralManacoEditorProps, ISingleMonacoEditorProps } from './base/helper';
+export { type EditorMeta, Controller as MonacoController } from './base/controller';
 export interface BaseMonacoEditorProps extends IGeneralManacoEditorProps {
     /** Should the editor be read only. See also domReadOnly. Defaults to false. */
     readOnly?: boolean;
@@ -16,14 +17,14 @@ export interface BaseMonacoEditorProps extends IGeneralManacoEditorProps {
     version?: string;
     /** An event emitted when the content of the current model has changed. */
     onChange?: (input: string, event: any) => void;
+    /** Variants of Editor, Defaults to outlined.  */
+    variant?: Variant;
 }
 export declare const BaseMonacoEditor: React.FC<BaseMonacoEditorProps & {
     /** Only for BaseMonacoEditor. */
     type?: 'single' | 'diff';
     /** Is show fullscreen button */
     supportFullScreen?: boolean;
-    /** className of diff editor wrapper */
-    diffEditorWrapperClassName?: boolean;
 }>;
 export type MonacoEditorProps = ISingleMonacoEditorProps & BaseMonacoEditorProps;
 export declare const MonacoEditor: React.FC<MonacoEditorProps>;

package/es/MonacoEditor/index.js

@@ -1,18 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "editorDidMount", "readOnly", "lineNumbers", "wordWrap", "contextmenu", "theme", "minimapEnabled", "version", "requireConfig", "options", "onChange", "className", "diffEditorWrapperClassName", "supportFullScreen", "width", "height"],
+var _excluded = ["type", "editorDidMount", "readOnly", "lineNumbers", "wordWrap", "contextmenu", "theme", "minimapEnabled", "version", "requireConfig", "options", "className", "supportFullScreen"],
   _excluded2 = ["inlineView", "options"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { SingleMonacoEditorComponent } from '@alilc/lowcode-plugin-base-monaco-editor';
 import { useThemeMode } from 'antd-style';
-import React, { useMemo, useState } from 'react';
-import { useCdnFn } from '..';
-import { useStyles } from "./style";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCdnFn } from "../ConfigProvider";
+import { SingleMonacoEditorComponent } from "./base";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export { Controller as MonacoController } from '@alilc/lowcode-plugin-base-monaco-editor/es/controller';
+// @Todo: Controller SSR error: https://github.com/alibaba/lowcode-plugins/blob/main/packages/base-monaco-editor/src/controller.ts#L33
+export { Controller as MonacoController } from "./base/controller";
 export var BaseMonacoEditor = function BaseMonacoEditor(props) {
   var _props$type = props.type,
     type = _props$type === void 0 ? 'single' : _props$type,
@@ -33,13 +32,13 @@ export var BaseMonacoEditor = function BaseMonacoEditor(props) {
     _props$requireConfig = props.requireConfig,
     requireConfigFromProps = _props$requireConfig === void 0 ? {} : _props$requireConfig,
     options = props.options,
-    onChange = props.onChange,
     className = props.className,
-    diffEditorWrapperClassName = props.diffEditorWrapperClassName,
     supportFullScreen = props.supportFullScreen,
-    width = props.width,
-    height = props.height,
     otherProps = _objectWithoutProperties(props, _excluded);
+  var editorDidMountRef = useRef(editorDidMount);
+  useEffect(function () {
+    editorDidMountRef.current = editorDidMount;
+  }, [editorDidMount]);
   var _useThemeMode = useThemeMode(),
     isDarkMode = _useThemeMode.isDarkMode;
   var theme = useMemo(function () {
@@ -52,18 +51,11 @@ export var BaseMonacoEditor = function BaseMonacoEditor(props) {
     _useState2 = _slicedToArray(_useState, 2),
     editorInstance = _useState2[0],
     setEditorInstance = _useState2[1];
-  var handleEditorDidMount = function handleEditorDidMount(monaco, editor) {
+  var handleEditorDidMount = useCallback(function (monaco, editor) {
+    var _editorDidMountRef$cu;
     setEditorInstance(editor);
-    editorDidMount === null || editorDidMount === void 0 || editorDidMount(monaco, editor);
-    // add onChange event for diff editor
-    if (type === 'diff') {
-      var _ref = editor.getModel(),
-        modified = _ref.modified;
-      modified.onDidChangeContent(function (event) {
-        onChange === null || onChange === void 0 || onChange(modified.getValue(), event);
-      });
-    }
-  };
+    (_editorDidMountRef$cu = editorDidMountRef.current) === null || _editorDidMountRef$cu === void 0 || _editorDidMountRef$cu.call(editorDidMountRef, monaco, editor);
+  }, []);
   var editorOptions = useMemo(function () {
     var newOps = Object.assign({}, options, {
       readOnly: readOnly,
@@ -76,7 +68,7 @@ export var BaseMonacoEditor = function BaseMonacoEditor(props) {
     });
     editorInstance === null || editorInstance === void 0 || editorInstance.updateOptions(newOps);
     return newOps;
-  }, [readOnly, lineNumbers, wordWrap, contextmenu, minimapEnabled, options]);
+  }, [options, readOnly, lineNumbers, wordWrap, contextmenu, minimapEnabled, editorInstance]);
   var genCdnUrl = useCdnFn();
   var requireConfig = useMemo(function () {
     return Object.assign({}, requireConfigFromProps, {
@@ -88,53 +80,25 @@ export var BaseMonacoEditor = function BaseMonacoEditor(props) {
         })
       }, requireConfigFromProps.paths)
     });
-  }, [requireConfigFromProps, version]);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFullScreen = _useState4[0],
-    setIsFullScreen = _useState4[1];
-  var _useStyles = useStyles({
-      minimapEnabled: minimapEnabled,
-      isFullScreen: isFullScreen
-    }),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
+  }, [genCdnUrl, requireConfigFromProps, version]);
   if (type !== 'diff') {
     return /*#__PURE__*/_jsx(SingleMonacoEditorComponent, _objectSpread({
-      className: cx(styles.base, className),
+      className: className,
       editorDidMount: handleEditorDidMount,
-      height: height,
-      onChange: onChange,
       options: editorOptions,
       requireConfig: requireConfig,
       supportFullScreen: editorInstance && supportFullScreen,
-      theme: theme,
-      width: width
+      theme: theme
     }, otherProps));
   }
-  var fullScreen = function fullScreen() {
-    setIsFullScreen(!isFullScreen);
-    editorInstance === null || editorInstance === void 0 || editorInstance.layout();
-  };
-  var fullScreenClassName = cx({
-    'base-monaco-full-screen-icon': !isFullScreen,
-    'base-monaco-full-screen-icon-cancel': isFullScreen
-  });
-  return /*#__PURE__*/_jsxs("div", {
-    className: cx(styles.diff, diffEditorWrapperClassName),
-    children: [/*#__PURE__*/_jsx(SingleMonacoEditorComponent.MonacoDiffEditor, _objectSpread({
-      className: cx(styles.base, className),
-      editorDidMount: handleEditorDidMount,
-      height: isFullScreen ? 'auto' : height,
-      options: editorOptions,
-      requireConfig: requireConfig,
-      theme: theme,
-      width: isFullScreen ? 'auto' : width
-    }, otherProps)), editorInstance && supportFullScreen && /*#__PURE__*/_jsx("div", {
-      className: fullScreenClassName,
-      onClick: fullScreen
-    })]
-  });
+  return /*#__PURE__*/_jsx(SingleMonacoEditorComponent.MonacoDiffEditor, _objectSpread({
+    className: className,
+    editorDidMount: handleEditorDidMount,
+    options: editorOptions,
+    requireConfig: requireConfig,
+    supportFullScreen: editorInstance && supportFullScreen,
+    theme: theme
+  }, otherProps));
 };
 export var MonacoEditor = function MonacoEditor(props) {
   return /*#__PURE__*/_jsx(BaseMonacoEditor, _objectSpread(_objectSpread({}, props), {}, {

package/es/Page/Breadcrumb/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { BreadcrumbProps } from '../../Breadcrumb';
+import { PageContextValue } from '../PageContext';
+export type PageBreadcrumbProps = BreadcrumbProps;
+export interface BreadcrumbLinkProps extends React.HtmlHTMLAttributes<HTMLElement> {
+    to: string;
+    Link?: PageContextValue['Link'];
+}
+export declare const PageBreadcrumb: React.FC<PageBreadcrumbProps>;

package/es/Page/Breadcrumb/index.js

@@ -0,0 +1,56 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["to", "Link", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useCallback, useContext, useEffect } from 'react';
+import { Breadcrumb } from "../../Breadcrumb";
+import { PageContext } from "../PageContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+var BreadcrumbLink = function BreadcrumbLink(props) {
+  var to = props.to,
+    Link = props.Link,
+    children = props.children,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  if (Link) {
+    return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
+      to: to
+    }, otherProps), {}, {
+      children: children
+    }));
+  }
+  return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({
+    href: "#".concat(to)
+  }, otherProps), {}, {
+    children: children
+  }));
+};
+export var PageBreadcrumb = function PageBreadcrumb(props) {
+  var _useContext = useContext(PageContext),
+    Link = _useContext.Link,
+    breadcrumb = _useContext.breadcrumb;
+  useEffect(function () {
+    var _breadcrumb$setItems;
+    breadcrumb === null || breadcrumb === void 0 || (_breadcrumb$setItems = breadcrumb.setItems) === null || _breadcrumb$setItems === void 0 || _breadcrumb$setItems.call(breadcrumb, props.items);
+  }, [breadcrumb, props.items]);
+
+  // @ts-ignore
+  var itemRender = useCallback(function (currentRoute, params, items, paths) {
+    var _items$at, _items$at2;
+    var isLast = currentRoute.href ? currentRoute.href === ((_items$at = items.at(-1)) === null || _items$at === void 0 ? void 0 : _items$at.href) : currentRoute.path === ((_items$at2 = items.at(-1)) === null || _items$at2 === void 0 ? void 0 : _items$at2.path);
+    if (isLast) {
+      return /*#__PURE__*/_jsx("span", {
+        children: currentRoute.title
+      });
+    }
+    var to = currentRoute.href ? currentRoute.href : "/".concat(paths.join('/'));
+    return /*#__PURE__*/_jsx(BreadcrumbLink, {
+      Link: Link,
+      to: to,
+      children: currentRoute.title
+    });
+  }, [Link]);
+  return /*#__PURE__*/_jsx(Breadcrumb, _objectSpread({
+    itemRender: itemRender
+  }, props));
+};

package/es/Page/Content/index.d.ts

@@ -0,0 +1,4 @@
+import type { FlexProps } from 'antd';
+import React from 'react';
+export type PageContentProps = FlexProps;
+export declare const PageContent: React.FC<PageContentProps>;

package/es/Page/Content/index.js

@@ -0,0 +1,59 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Button, Flex, Result, Skeleton } from 'antd';
+import React, { useCallback, useContext } from 'react';
+import { PageContext } from "../PageContext";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var STATUS_TITLE_MAP = {
+  '403': 'Sorry, you are not authorized to access this page.',
+  '404': 'Sorry, the page you visited does not exist.',
+  '500': 'Sorry, something went wrong.'
+};
+export var PageContent = function PageContent(props) {
+  var className = props.className,
+    children = props.children,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var _useContext = useContext(PageContext),
+    loading = _useContext.loading,
+    breadcrumb = _useContext.breadcrumb,
+    Link = _useContext.Link,
+    status = _useContext.status;
+  var renderChildren = useCallback(function () {
+    if (status) {
+      var _breadcrumb$items;
+      return /*#__PURE__*/_jsx(Result, {
+        extra: /*#__PURE__*/_jsx(Link, {
+          to: breadcrumb === null || breadcrumb === void 0 || (_breadcrumb$items = breadcrumb.items) === null || _breadcrumb$items === void 0 || (_breadcrumb$items = _breadcrumb$items[0]) === null || _breadcrumb$items === void 0 ? void 0 : _breadcrumb$items.path,
+          children: /*#__PURE__*/_jsx(Button, {
+            type: "primary",
+            children: "Go Back"
+          })
+        }),
+        status: status,
+        subTitle: STATUS_TITLE_MAP[status],
+        title: status
+      });
+    }
+    return children;
+  }, [status, children, Link, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.items]);
+  if (loading) {
+    return /*#__PURE__*/_jsx(Skeleton, {
+      active: true,
+      className: cx(styles.root, className)
+    });
+  }
+  return /*#__PURE__*/_jsx(Flex, _objectSpread(_objectSpread({
+    className: cx(styles.root, className),
+    gap: 20,
+    vertical: true
+  }, otherProps), {}, {
+    children: renderChildren()
+  }));
+};

package/es/Page/Content/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+}>;

package/es/Page/Content/style.js

@@ -0,0 +1,12 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        width: 100%;\n      "])))
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/Page/Footer/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PageFooter: React.FC;

package/es/Page/Footer/index.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PageFooter = function PageFooter() {
+  return /*#__PURE__*/_jsx(_Fragment, {});
+};

package/es/Page/Header/Icon.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface HeaderIconProps {
+    /** 样式名 */
+    className?: string;
+    /** 图像无法显示时的替代文本	 */
+    alt?: string;
+    /** 图标的形状，默认为 square */
+    shape?: 'circle' | 'square';
+    /** 设置图标的大小 */
+    size?: number | 'large' | 'small' | 'default';
+    /** 图标的资源地址或者图片元素 */
+    src: React.ReactNode;
+    /** 样式 */
+    style?: React.CSSProperties;
+}
+export declare const getIconSize: (size: HeaderIconProps['size']) => number;
+export declare const HeaderIcon: React.FC<HeaderIconProps>;

package/es/Page/Header/Icon.js

@@ -0,0 +1,42 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["shape", "size", "src"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Avatar } from 'antd';
+import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var getIconSize = function getIconSize(size) {
+  if (typeof size === 'number') {
+    return size;
+  }
+  switch (size) {
+    case 'small':
+      {
+        return 40;
+      }
+    case 'large':
+      {
+        return 88;
+      }
+    default:
+      {
+        return 64;
+      }
+  }
+};
+export var HeaderIcon = function HeaderIcon(props) {
+  var _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'square' : _props$shape,
+    size = props.size,
+    src = props.src,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var sizeNumber = useMemo(function () {
+    return getIconSize(size);
+  }, [size]);
+  return /*#__PURE__*/_jsx(Avatar, _objectSpread({
+    shape: shape,
+    size: sizeNumber,
+    src: src
+  }, otherProps));
+};

package/es/Page/Header/index.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { type ButtonGroupProps } from "../../ButtonGroup";
+import { StatusProps } from "../../Status";
+import { HeaderIconProps } from './Icon';
+export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** 是否有边框，默认没有 */
+    bordered?: boolean;
+    /** 状态 */
+    status?: StatusProps;
+    /** 图标 src 路径或者详细配置 */
+    icon?: string | HeaderIconProps;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 标题自定义渲染 */
+    titleRender?: (titleElement: React.ReactNode) => React.ReactNode;
+    /** 副标题：例如描述等 */
+    subTitle?: React.ReactNode;
+    /** 描述列表 */
+    descriptions?: {
+        icon?: {
+            content: React.ReactNode;
+            tooltip?: string;
+        };
+        text: React.ReactNode;
+    }[];
+    /** 描述列表自定义渲染 */
+    descriptionsRender?: (descriptionsElement: React.ReactNode) => React.ReactNode;
+    /** 右侧扩展区域 */
+    extraContent?: ButtonGroupProps;
+    /** 右侧扩展区域自定义渲染 */
+    extraContentRender?: (buttonsElement: React.ReactNode) => React.ReactNode;
+    /** 控制 header 与 content 的分割线，当 bordered 为 true 时，divider 自动设置为 false */
+    divider?: boolean;
+    /** PageHeader 各个模块的 className */
+    classNames?: {
+        titleWrapper?: string;
+        title?: string;
+        subTitle?: string;
+        descriptions?: string;
+        extraContent?: string;
+    };
+}
+export declare const PageHeader: React.FC<PageHeaderProps>;