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

package/es/Page/Header/index.js

@@ -0,0 +1,202 @@
+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 = ["className", "classNames", "icon", "title", "titleRender", "subTitle", "status", "descriptions", "descriptionsRender", "extraContent", "extraContentRender", "bordered", "divider"];
+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; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { Flex, Skeleton, Tooltip } from 'antd';
+import React, { useContext, useMemo } from 'react';
+import { ButtonGroup } from "../../ButtonGroup";
+import Divider from "../../Divider";
+import { Status } from "../../Status";
+import Typography from "../../Typography";
+import { PageContext } from "../PageContext";
+import { HeaderIcon, getIconSize } from "./Icon";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Paragraph = Typography.Paragraph;
+export var PageHeader = function PageHeader(props) {
+  var className = props.className,
+    classNames = props.classNames,
+    icon = props.icon,
+    title = props.title,
+    titleRender = props.titleRender,
+    subTitle = props.subTitle,
+    status = props.status,
+    _props$descriptions = props.descriptions,
+    descriptions = _props$descriptions === void 0 ? [] : _props$descriptions,
+    descriptionsRender = props.descriptionsRender,
+    _props$extraContent = props.extraContent,
+    extraContent = _props$extraContent === void 0 ? {} : _props$extraContent,
+    extraContentRender = props.extraContentRender,
+    bordered = props.bordered,
+    divider = props.divider,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useStyles = useStyles({
+      bordered: bordered,
+      divider: divider
+    }),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var iconProps = useMemo(function () {
+    if (!icon || typeof icon === 'string') {
+      return {
+        src: icon,
+        size: subTitle ? 'large' : 'default'
+      };
+    }
+    if (subTitle && icon.size === undefined) {
+      icon.size = 'large';
+    }
+    return icon;
+  }, [icon, subTitle]);
+  var TitleNode = useMemo(function () {
+    var titleElement = /*#__PURE__*/_jsx("span", {
+      className: cx(styles.title, classNames === null || classNames === void 0 ? void 0 : classNames.title),
+      children: title
+    });
+    if (titleRender) {
+      return titleRender(titleElement);
+    }
+    return titleElement;
+  }, [classNames === null || classNames === void 0 ? void 0 : classNames.title, cx, styles.title, title, titleRender]);
+  var DescriptionsNode = useMemo(function () {
+    var descriptionsElement = [];
+    var _iterator = _createForOfIteratorHelper(descriptions.filter(function (d) {
+        return !!d;
+      }).entries()),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _step$value = _slicedToArray(_step.value, 2),
+          index = _step$value[0],
+          desc = _step$value[1];
+        var descIcon = desc.icon,
+          text = desc.text;
+        if (status || index >= 1) {
+          descriptionsElement.push( /*#__PURE__*/_jsx(Divider, {
+            dashed: false,
+            type: "vertical"
+          }, "divider-".concat(index)));
+        }
+        descriptionsElement.push( /*#__PURE__*/_jsxs(Flex, {
+          align: "center",
+          gap: 4,
+          children: [descIcon && /*#__PURE__*/_jsx(Tooltip, {
+            title: descIcon.tooltip,
+            children: descIcon.content
+          }), /*#__PURE__*/_jsx("span", {
+            children: text
+          })]
+        }, "desc-".concat(index)));
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (descriptionsRender) {
+      return descriptionsRender(descriptionsElement);
+    }
+    return descriptionsElement;
+  }, [descriptions, descriptionsRender, status]);
+  var ExtraContentNode = useMemo(function () {
+    if (!extraContent && !extraContentRender) {
+      return null;
+    }
+    var buttons = /*#__PURE__*/_jsx(ButtonGroup, _objectSpread({
+      className: styles.rightButtons
+    }, extraContent));
+    if (extraContentRender) {
+      return extraContentRender(buttons);
+    }
+    return buttons;
+  }, [extraContent, extraContentRender, styles.rightButtons]);
+  var _useContext = useContext(PageContext),
+    loading = _useContext.loading,
+    pageStatus = _useContext.status;
+  if (loading) {
+    return /*#__PURE__*/_jsxs(Flex, {
+      className: cx(styles.root, className),
+      gap: 20,
+      children: [/*#__PURE__*/_jsx(Flex, {
+        children: /*#__PURE__*/_jsx(Skeleton.Avatar, {
+          active: true,
+          className: styles.icon,
+          shape: iconProps === null || iconProps === void 0 ? void 0 : iconProps.shape,
+          size: getIconSize(iconProps === null || iconProps === void 0 ? void 0 : iconProps.size)
+        })
+      }), /*#__PURE__*/_jsxs(Flex, {
+        flex: "2",
+        justify: "space-between",
+        vertical: true,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: styles.titleBox,
+          children: [/*#__PURE__*/_jsx(Skeleton.Input, {
+            active: true,
+            size: 25
+          }), subTitle && /*#__PURE__*/_jsx("div", {
+            className: cx(styles.subTitle, className),
+            children: /*#__PURE__*/_jsx(Skeleton.Input, {
+              active: true,
+              size: 18
+            })
+          })]
+        }), /*#__PURE__*/_jsx(Skeleton.Input, {
+          active: true,
+          size: 18
+        })]
+      }), /*#__PURE__*/_jsx(Flex, {
+        align: "center",
+        flex: "0 0 140px",
+        justify: "flex-end",
+        children: /*#__PURE__*/_jsx(Skeleton.Button, {
+          active: true
+        })
+      })]
+    });
+  }
+  if (pageStatus) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(Flex, _objectSpread(_objectSpread({
+    className: cx(styles.root, className),
+    gap: 20
+  }, otherProps), {}, {
+    children: [iconProps && /*#__PURE__*/_jsx(Flex, {
+      children: /*#__PURE__*/_jsx(HeaderIcon, _objectSpread({
+        className: styles.icon
+      }, iconProps))
+    }), /*#__PURE__*/_jsxs(Flex, {
+      flex: "2",
+      justify: "space-between",
+      vertical: true,
+      children: [/*#__PURE__*/_jsxs(Flex, {
+        className: cx(styles.titleBox, classNames === null || classNames === void 0 ? void 0 : classNames.titleWrapper),
+        vertical: true,
+        children: [TitleNode, subTitle && /*#__PURE__*/_jsx(Paragraph, {
+          className: cx(styles.subTitle, classNames === null || classNames === void 0 ? void 0 : classNames.subTitle),
+          ellipsis: {
+            rows: 2
+          },
+          children: subTitle
+        })]
+      }), /*#__PURE__*/_jsxs(Flex, {
+        align: "center",
+        className: cx(styles.descriptions, classNames === null || classNames === void 0 ? void 0 : classNames.descriptions),
+        gap: 4,
+        children: [status && /*#__PURE__*/_jsx(Status, _objectSpread({}, status)), DescriptionsNode]
+      })]
+    }), /*#__PURE__*/_jsx(Flex, {
+      align: "center",
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.extraContent,
+      flex: "1",
+      justify: "flex-end",
+      children: ExtraContentNode
+    })]
+  }));
+};

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

@@ -0,0 +1,12 @@
+export declare const useStyles: (props?: {
+    bordered?: boolean | undefined;
+    divider?: boolean | undefined;
+} | undefined) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+    icon: import("antd-style").SerializedStyles;
+    titleBox: import("antd-style").SerializedStyles;
+    subTitle: import("antd-style").SerializedStyles;
+    title: import("antd-style").SerializedStyles;
+    descriptions: import("antd-style").SerializedStyles;
+    rightButtons: import("antd-style").SerializedStyles;
+}>;

package/es/Page/Header/style.js

@@ -0,0 +1,21 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  var _ref2$bordered = _ref2.bordered,
+    bordered = _ref2$bordered === void 0 ? false : _ref2$bordered,
+    _ref2$divider = _ref2.divider,
+    divider = _ref2$divider === void 0 ? true : _ref2$divider;
+  return {
+    root: bordered ? css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            margin-bottom: ", "px;\n            padding: ", "px;\n\n            background-color: ", ";\n            border-radius: ", "px;\n            box-shadow: ", ";\n          "])), token.marginXS, token.padding, token.colorBgBase, token.borderRadius, token.boxShadowTertiary) : css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            padding-top: ", "px;\n            margin-bottom: ", "px;\n            ", "\n          "])), token.paddingXS, token.marginXS, divider && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              padding-bottom: ", "px;\n              border-bottom: 1px solid ", ";\n            "])), token.paddingLG, token.colorSplit)),
+    icon: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        &.", "-avatar.", "-avatar-square {\n          color: ", ";\n          border-radius: 10px;\n        }\n        .", "-skeleton-avatar {\n          border-radius: 10px;\n        }\n      "])), prefixCls, prefixCls, token.colorPrimary, prefixCls),
+    titleBox: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-bottom: ", "px;\n      "])), token.marginSM),
+    subTitle: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        margin-top: ", "px;\n        &.", "-typography {\n          margin-bottom: 0 !important;\n          font-size: ", "px;\n          color: ", ";\n        }\n      "])), token.marginXXS, prefixCls, token.fontSize, token.colorTextSecondary),
+    title: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        font-size: ", "px;\n        font-weight: 700;\n      "])), token.fontSizeHeading5),
+    descriptions: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        margin-bottom: ", "px;\n        font-size: ", "px;\n        color: ", ";\n        .", "-badge.", "-badge-status {\n          font-size: ", "px;\n          & > .", "-badge-status-text {\n            font-size: ", "px;\n            color: ", ";\n          }\n        }\n      "])), token.marginXXS, token.fontSize, token.colorTextSecondary, prefixCls, prefixCls, token.fontSize, prefixCls, token.fontSize, token.colorTextSecondary),
+    rightButtons: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        justify-content: flex-end;\n      "])))
+  };
+});

package/es/Page/Page.d.ts

@@ -0,0 +1,9 @@
+import { type FlexProps } from 'antd';
+import React from 'react';
+import { PageContextValue } from './PageContext';
+export interface PageProps extends React.HTMLAttributes<HTMLDivElement>, Pick<FlexProps, 'gap'> {
+    loading?: boolean;
+    status?: PageContextValue['status'];
+    Link?: PageContextValue['Link'];
+}
+export declare const Page: React.FC<PageProps>;

package/es/Page/Page.js

@@ -0,0 +1,49 @@
+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 = ["loading", "className", "children", "Link", "status", "gap"];
+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 { Flex } from 'antd';
+import React, { useState } from 'react';
+import { useLink } from "../ConfigProvider";
+import { DefaultLink, PageContext } from "./PageContext";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Page = function Page(props) {
+  var LinkFromRootConfigProvider = useLink();
+  var loading = props.loading,
+    className = props.className,
+    children = props.children,
+    _props$Link = props.Link,
+    Link = _props$Link === void 0 ? LinkFromRootConfigProvider || DefaultLink : _props$Link,
+    status = props.status,
+    _props$gap = props.gap,
+    gap = _props$gap === void 0 ? 16 : _props$gap,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useStyles = useStyles(otherProps),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    breadcrumbItems = _useState2[0],
+    setBreadcrumbItems = _useState2[1];
+  return /*#__PURE__*/_jsx(Flex, _objectSpread(_objectSpread({
+    className: cx(styles.root, className),
+    gap: gap,
+    vertical: true
+  }, otherProps), {}, {
+    children: /*#__PURE__*/_jsx(PageContext.Provider, {
+      value: {
+        loading: loading,
+        Link: Link,
+        breadcrumb: {
+          items: breadcrumbItems,
+          setItems: setBreadcrumbItems
+        },
+        status: status
+      },
+      children: children
+    })
+  }));
+};

package/es/Page/PageContext.d.ts

@@ -0,0 +1,15 @@
+import type { ExceptionStatusType } from 'antd/es/result';
+import React from 'react';
+import { BreadcrumbLinkProps, PageBreadcrumbProps } from './Breadcrumb';
+export interface PageContextValue {
+    loading?: boolean;
+    /** Link component */
+    Link: typeof React.Component | React.FC<any>;
+    breadcrumb?: {
+        items?: PageBreadcrumbProps['items'];
+        setItems?: (items?: PageBreadcrumbProps['items']) => void;
+    };
+    status?: ExceptionStatusType;
+}
+export declare const DefaultLink: React.FC<Omit<BreadcrumbLinkProps, 'Link'>>;
+export declare const PageContext: React.Context<PageContextValue>;

package/es/Page/PageContext.js

@@ -0,0 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["to", "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, { createContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var DefaultLink = function DefaultLink(props) {
+  var to = props.to,
+    children = props.children,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({
+    href: "#".concat(to)
+  }, otherProps), {}, {
+    children: children
+  }));
+};
+export var PageContext = /*#__PURE__*/createContext({
+  loading: false,
+  Link: DefaultLink
+});

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface PageTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    children: React.ReactNode;
+}
+export declare const PageTitle: React.FC<PageTitleProps>;

package/es/Page/Title/index.js

@@ -0,0 +1,18 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className"];
+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 from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PageTitle = function PageTitle(_ref) {
+  var className = _ref.className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("h2", _objectSpread({
+    className: cx(styles.root, className)
+  }, otherProps));
+};

package/es/Page/Title/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/Title/style.js

@@ -0,0 +1,10 @@
+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      margin: 0;\n\n      font-family: ", ";\n      font-size: 16px;\n      font-weight: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), token.fontFamily, token.fontWeightStrong, token.lineHeight, token.colorText)
+  };
+});

package/es/Page/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { PageBreadcrumb } from './Breadcrumb';
+import { PageContent } from './Content';
+import { PageFooter } from './Footer';
+import { PageHeader } from './Header';
+import { PageTitle } from './Title';
+export type { PageBreadcrumbProps } from './Breadcrumb';
+export type { PageContentProps } from './Content';
+export type { PageHeaderProps } from './Header';
+export type { PageProps } from './Page';
+export type { PageTitleProps } from './Title';
+export declare const Page: import("react").FC<import("./Page").PageProps> & {
+    Breadcrumb: typeof PageBreadcrumb;
+    Title: typeof PageTitle;
+    Header: typeof PageHeader;
+    Content: typeof PageContent;
+    Footer: typeof PageFooter;
+};

package/es/Page/index.js

@@ -0,0 +1,15 @@
+import { PageBreadcrumb } from "./Breadcrumb";
+import { PageContent } from "./Content";
+import { PageFooter } from "./Footer";
+import { PageHeader } from "./Header";
+import { Page as InternalPage } from "./Page";
+import { PageTitle } from "./Title";
+
+// export type { } from './Footer';
+
+export var Page = InternalPage;
+Page.Breadcrumb = PageBreadcrumb;
+Page.Title = PageTitle;
+Page.Header = PageHeader;
+Page.Content = PageContent;
+Page.Footer = PageFooter;

package/es/Page/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/style.js

@@ -0,0 +1,10 @@
+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: inherit;\n      height: 100%;\n      min-height: inherit;\n      padding: ", "px ", "px ", "px;\n    "])), token.padding, token.paddingLG, token.paddingXL)
+  };
+});

package/es/ProCard/Card/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ProCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    bordered?: boolean;
+    hoverable?: boolean;
+}
+export declare const ProCard: React.FC<ProCardProps>;

package/es/ProCard/Card/index.js

@@ -0,0 +1,25 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "bordered", "hoverable", "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 from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ProCard = function ProCard(_ref) {
+  var className = _ref.className,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? false : _ref$bordered,
+    _ref$hoverable = _ref.hoverable,
+    hoverable = _ref$hoverable === void 0 ? true : _ref$hoverable,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.root, bordered && styles.bordered, hoverable && styles.hoverable, className)
+  }, otherProps), {}, {
+    children: children
+  }));
+};

package/es/ProCard/Card/style.d.ts

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

package/es/ProCard/Card/style.js

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n\n      overflow: hidden;\n\n      margin: 0;\n      padding: 0;\n\n      font-family: ", ";\n      color: ", ";\n\n      background: ", ";\n      border-radius: ", "px;\n      box-shadow: ", ";\n    "])), token.fontFamily, token.colorText, token.colorBgContainer, token.borderRadius * 2, token.boxShadowTertiary),
+    bordered: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      border: 1px solid ", ";\n      box-shadow: none;\n    "])), token.colorBorder),
+    hoverable: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      cursor: pointer;\n      transition:\n        box-shadow ", ",\n        border-color ", ";\n      &:hover {\n        border-color: transparent;\n        box-shadow: ", ";\n      }\n    "])), token.motionDurationMid, token.motionDurationMid, token.boxShadow),
+    text: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      overflow: hidden;\n      display: inline-block;\n\n      max-width: 200px;\n\n      color: ", ";\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])), token.colorTextSecondary),
+    error: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), token.colorErrorText)
+  };
+});

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

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

package/es/ProCard/Content/index.js

@@ -0,0 +1,24 @@
+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 { Flex } from 'antd';
+import React from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ProCardContent = function ProCardContent(props) {
+  var className = props.className,
+    children = props.children,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx(Flex, _objectSpread(_objectSpread({
+    className: cx(styles.root, className),
+    gap: 20,
+    vertical: true
+  }, otherProps), {}, {
+    children: children
+  }));
+};

package/es/ProCard/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/ProCard/Content/style.js

@@ -0,0 +1,10 @@
+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      padding: 12px 24px 20px;\n    "])))
+  };
+});

package/es/ProCard/Descriptions/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DescriptionsProps } from "../../Descriptions";
+export type ProCardDescriptionsProps = Omit<DescriptionsProps, 'title' | 'bordered' | 'layout'>;
+export declare const ProCardDescriptions: React.FC<ProCardDescriptionsProps>;

package/es/ProCard/Descriptions/index.js

@@ -0,0 +1,28 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "colon", "column", "size"];
+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 from 'react';
+import Descriptions from "../../Descriptions";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ProCardDescriptions = function ProCardDescriptions(_ref) {
+  var className = _ref.className,
+    _ref$colon = _ref.colon,
+    colon = _ref$colon === void 0 ? false : _ref$colon,
+    _ref$column = _ref.column,
+    column = _ref$column === void 0 ? 2 : _ref$column,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx(Descriptions, _objectSpread({
+    className: cx(styles.root, className),
+    colon: colon,
+    column: column,
+    size: size
+  }, otherProps));
+};

package/es/ProCard/Descriptions/style.d.ts

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

package/es/ProCard/Descriptions/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,
+    prefixCls = _ref.prefixCls;
+  var lableWidth = 70;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      &.", "-descriptions {\n        .", "-descriptions-row {\n          & > td {\n            padding-top: 4px !important;\n            padding-bottom: 4px !important;\n          }\n          .", "-descriptions-item {\n            &-container {\n              .", "-descriptions-item-label {\n                overflow: hidden;\n                width: ", "px;\n                white-space: nowrap;\n              }\n              .", "-descriptions-item-content {\n                overflow: hidden;\n                display: inline-block;\n\n                width: calc(100% - ", "px);\n\n                text-overflow: ellipsis;\n                white-space: nowrap;\n              }\n            }\n          }\n        }\n      }\n    "])), prefixCls, prefixCls, prefixCls, prefixCls, lableWidth, prefixCls, lableWidth)
+  };
+});

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

@@ -0,0 +1,15 @@
+import type { AvatarProps, DropDownProps } from 'antd';
+import React from 'react';
+export interface ProCardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** 图标 src 路径或者详细配置 */
+    icon?: AvatarProps;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 描述 */
+    description?: React.ReactNode;
+    /** 右侧扩展区域 */
+    extra?: DropDownProps;
+    /** 控制 header 与 content 的分割线 */
+    divider?: boolean;
+}
+export declare const ProCardHeader: React.FC<ProCardHeaderProps>;