@yuntijs/ui 1.0.0-beta.22 → 1.0.0-beta.25

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import type { BreadcrumbProps } from '../../Breadcrumb';
-export interface PageBreadcrumbProps extends BreadcrumbProps {
-    /** Link component */
-    Link?: typeof React.Component | React.FC;
+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

@@ -1,11 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["to", "Link", "children"],
-  _excluded2 = ["Link"];
+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 } from 'react';
+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,
@@ -26,8 +26,13 @@ var BreadcrumbLink = function BreadcrumbLink(props) {
   }));
 };
 export var PageBreadcrumb = function PageBreadcrumb(props) {
-  var Link = props.Link,
-    otherProps = _objectWithoutProperties(props, _excluded2);
+  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);
+  }, [props.items]);
 
   // @ts-ignore
   var itemRender = useCallback(function (currentRoute, params, items, paths) {
@@ -47,5 +52,5 @@ export var PageBreadcrumb = function PageBreadcrumb(props) {
   }, [Link]);
   return /*#__PURE__*/_jsx(Breadcrumb, _objectSpread({
     itemRender: itemRender
-  }, otherProps));
+  }, props));
 };

package/es/Page/Content/index.js

@@ -3,15 +3,16 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 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, Skeleton } from 'antd';
-import React, { useContext } from 'react';
+import { Button, Flex, Result, Skeleton } from 'antd';
+import React, { useCallback, useContext } from 'react';
 import { PageContext } from "../PageContext";
 import { useStyles } from "./style";
-
-// export interface PageContentProps extends FlexProps {
-
-// };
 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,
@@ -20,7 +21,28 @@ export var PageContent = function PageContent(props) {
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   var _useContext = useContext(PageContext),
-    loading = _useContext.loading;
+    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, breadcrumb]);
   if (loading) {
     return /*#__PURE__*/_jsx(Skeleton, {
       active: true,
@@ -32,6 +54,6 @@ export var PageContent = function PageContent(props) {
     gap: 20,
     vertical: true
   }, otherProps), {}, {
-    children: children
+    children: renderChildren()
   }));
 };

package/es/Page/Content/style.js

@@ -5,7 +5,7 @@ export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
   return {
-    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: 24px;\n        background-color: ", ";\n        border-radius: ", "px;\n        box-shadow: ", ";\n      "])), token.colorBgBase, token.borderRadius, token.boxShadowTertiary)
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: ", "px;\n        background-color: ", ";\n        border-radius: ", "px;\n        box-shadow: ", ";\n      "])), token.padding, token.colorBgBase, token.borderRadius, token.boxShadowTertiary)
   };
 }, {
   hashPriority: 'low'

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

@@ -2,6 +2,8 @@ import type { BadgeProps } from 'antd';
 import React from 'react';
 import { type HeaderButtonGroupProps } from './ButtonGroup';
 export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** 是否有边框，默认没有 */
+    bordered?: boolean;
     /** 状态 */
     status?: {
         status: BadgeProps['status'];
@@ -18,7 +20,7 @@ export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     descriptions?: {
         icon: {
             content: React.ReactNode;
-            tooltip: string;
+            tooltip?: string;
         };
         text: React.ReactNode;
     }[];

package/es/Page/Header/index.js

@@ -1,7 +1,7 @@
 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", "icon", "title", "titleRender", "status", "descriptions", "descriptionsRender", "extraContent", "extraContentRender"];
+var _excluded = ["className", "icon", "title", "titleRender", "status", "descriptions", "descriptionsRender", "extraContent", "extraContentRender", "bordered"];
 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; } } }; }
@@ -27,8 +27,11 @@ export var PageHeader = function PageHeader(props) {
     _props$extraContent = props.extraContent,
     extraContent = _props$extraContent === void 0 ? {} : _props$extraContent,
     extraContentRender = props.extraContentRender,
+    bordered = props.bordered,
     otherProps = _objectWithoutProperties(props, _excluded);
-  var _useStyles = useStyles(),
+  var _useStyles = useStyles({
+      bordered: bordered
+    }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   var renderTitle = useCallback(function () {
@@ -91,7 +94,8 @@ export var PageHeader = function PageHeader(props) {
     return buttons;
   }, [extraContent, extraContentRender]);
   var _useContext = useContext(PageContext),
-    loading = _useContext.loading;
+    loading = _useContext.loading,
+    pageStatus = _useContext.status;
   if (loading) {
     return /*#__PURE__*/_jsxs(Flex, {
       className: cx(styles.root, className),
@@ -101,12 +105,16 @@ export var PageHeader = function PageHeader(props) {
         shape: "square",
         size: 64
       }), /*#__PURE__*/_jsxs(Flex, {
+        className: styles.content,
         flex: "2",
         justify: "space-between",
         vertical: true,
-        children: [/*#__PURE__*/_jsx(Skeleton.Input, {
-          active: true,
-          size: 25
+        children: [/*#__PURE__*/_jsx("div", {
+          className: styles.titleBox,
+          children: /*#__PURE__*/_jsx(Skeleton.Input, {
+            active: true,
+            size: 25
+          })
         }), /*#__PURE__*/_jsx(Skeleton.Input, {
           active: true,
           size: 18
@@ -121,6 +129,9 @@ export var PageHeader = function PageHeader(props) {
       })]
     });
   }
+  if (pageStatus) {
+    return null;
+  }
   return /*#__PURE__*/_jsxs(Flex, _objectSpread(_objectSpread({
     className: cx(styles.root, className),
     gap: 20
@@ -130,10 +141,14 @@ export var PageHeader = function PageHeader(props) {
       className: styles.icon,
       src: icon
     }), /*#__PURE__*/_jsxs(Flex, {
+      className: styles.content,
       flex: "2",
       justify: "space-between",
       vertical: true,
-      children: [renderTitle(), /*#__PURE__*/_jsxs(Flex, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.titleBox,
+        children: renderTitle()
+      }), /*#__PURE__*/_jsxs(Flex, {
         align: "center",
         className: styles.descriptions,
         gap: 4,

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

@@ -1,6 +1,10 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: {
+    bordered?: boolean | undefined;
+} | undefined) => import("antd-style").ReturnStyles<{
     root: import("antd-style").SerializedStyles;
     icon: import("antd-style").SerializedStyles;
+    content: import("antd-style").SerializedStyles;
+    titleBox: 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

@@ -1,16 +1,20 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
+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;
   return {
-    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: 16px 24px;\n        background-color: ", ";\n        border-radius: ", "px;\n        box-shadow: ", ";\n      "])), token.colorBgBase, token.borderRadius, token.boxShadowTertiary),
-    icon: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        width: 64px;\n        height: 64px;\n        background-color: ", ";\n        border-radius: ", "px;\n      "])), token.colorFillTertiary, token.borderRadiusLG),
-    title: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        font-size: ", "px;\n        font-weight: 700;\n      "])), token.fontSizeHeading5),
-    descriptions: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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.fontSize, token.colorTextSecondary, prefixCls, prefixCls, token.fontSize, prefixCls, token.fontSize, token.colorTextSecondary),
-    rightButtons: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        justify-content: flex-end;\n      "])))
+    root: bordered ? css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            padding: ", "px;\n            background-color: ", ";\n            border-radius: ", "px;\n            box-shadow: ", ";\n          "])), token.padding, token.colorBgBase, token.borderRadius, token.boxShadowTertiary) : css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            padding: ", "px 0;\n          "])), token.padding),
+    icon: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        width: 64px;\n        height: 64px;\n        background-color: ", ";\n        border-radius: ", "px;\n      "])), token.colorFillTertiary, token.borderRadiusLG),
+    content: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        padding: ", "px 0;\n      "])), token.paddingXXS),
+    titleBox: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-bottom: ", "px;\n      "])), token.marginSM),
+    title: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        font-size: ", "px;\n        font-weight: 700;\n      "])), token.fontSizeHeading5),
+    descriptions: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\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.fontSize, token.colorTextSecondary, prefixCls, prefixCls, token.fontSize, prefixCls, token.fontSize, token.colorTextSecondary),
+    rightButtons: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        justify-content: flex-end;\n      "])))
   };
 }, {
   hashPriority: 'low'

package/es/Page/Page.d.ts

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

package/es/Page/Page.js

@@ -1,21 +1,29 @@
 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"];
+var _excluded = ["loading", "className", "children", "Link", "status"];
 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 { PageContext } from "./PageContext";
+import React, { useState } from 'react';
+import { DefaultLink, PageContext } from "./PageContext";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Page = function Page(props) {
   var loading = props.loading,
     className = props.className,
     children = props.children,
+    _props$Link = props.Link,
+    Link = _props$Link === void 0 ? DefaultLink : _props$Link,
+    status = props.status,
     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: 16,
@@ -23,7 +31,13 @@ export var Page = function Page(props) {
   }, otherProps), {}, {
     children: /*#__PURE__*/_jsx(PageContext.Provider, {
       value: {
-        loading: loading
+        loading: loading,
+        Link: Link,
+        breadcrumb: {
+          items: breadcrumbItems,
+          setItems: setBreadcrumbItems
+        },
+        status: status
       },
       children: children
     })

package/es/Page/PageContext.d.ts

@@ -1,5 +1,15 @@
-/// <reference types="react" />
+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 PageContext: import("react").Context<PageContextValue>;
+export declare const DefaultLink: React.FC<Omit<BreadcrumbLinkProps, 'Link'>>;
+export declare const PageContext: React.Context<PageContextValue>;

package/es/Page/PageContext.js

@@ -1,4 +1,21 @@
-import { createContext } from 'react';
+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
+  loading: false,
+  Link: DefaultLink
 });

package/es/Page/style.d.ts

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

package/es/Page/style.js

@@ -1,12 +1,11 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
+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: 20px 20px 32px;\n      "]))),
-    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        padding: 16px 24px;\n        background-color: ", ";\n        border-radius: ", "px;\n        box-shadow: ", ";\n      "])), token.colorBgBase, token.borderRadius, token.boxShadowTertiary)
+    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)
   };
 }, {
   hashPriority: 'low'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.22",
+  "version": "1.0.0-beta.25",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",