@yuntijs/ui 1.0.0-beta.50 → 1.0.0-beta.51

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

@@ -1,16 +1,12 @@
-import type { BadgeProps } from 'antd';
 import React from 'react';
+import { StatusProps } from "../../Status";
 import { type HeaderButtonGroupProps } from './ButtonGroup';
 import { HeaderIconProps } from './Icon';
 export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /** 是否有边框，默认没有 */
     bordered?: boolean;
     /** 状态 */
-    status?: {
-        status: BadgeProps['status'];
-        text: BadgeProps['text'];
-        title?: BadgeProps['title'];
-    };
+    status?: StatusProps;
     /** 图标 src 路径或者详细配置 */
     icon?: string | HeaderIconProps;
     /** 标题 */

package/es/Page/Header/index.js

@@ -7,9 +7,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 { Badge, Flex, Skeleton, Tooltip } from 'antd';
+import { Flex, Skeleton, Tooltip } from 'antd';
 import React, { useContext, useMemo } from 'react';
 import Divider from "../../Divider";
+import { Status } from "../../Status";
 import Typography from "../../Typography";
 import { PageContext } from "../PageContext";
 import { HeaderButtonGroup } from "./ButtonGroup";
@@ -187,7 +188,7 @@ export var PageHeader = function PageHeader(props) {
         align: "center",
         className: styles.descriptions,
         gap: 4,
-        children: [status && /*#__PURE__*/_jsx(Badge, _objectSpread({}, status)), DescriptionsNode]
+        children: [status && /*#__PURE__*/_jsx(Status, _objectSpread({}, status)), DescriptionsNode]
       })]
     }), /*#__PURE__*/_jsx(Flex, {
       align: "center",

package/es/Status/index.d.ts

@@ -0,0 +1,7 @@
+import { BadgeProps } from 'antd';
+import React from 'react';
+export interface StatusProps extends Pick<BadgeProps, 'className' | 'color' | 'status' | 'style' | 'text'> {
+    tooltip?: React.ReactNode;
+    title?: string;
+}
+export declare const Status: React.FC<StatusProps>;

package/es/Status/index.js

@@ -0,0 +1,39 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["tooltip", "className", "status", "text", "color"];
+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 { Icon } from '@lobehub/ui';
+import { Badge, Space, Tooltip } from 'antd';
+import { Info } from 'lucide-react';
+import React from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var Status = function Status(_ref) {
+  var tooltip = _ref.tooltip,
+    className = _ref.className,
+    status = _ref.status,
+    text = _ref.text,
+    color = _ref.color,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsxs(Space, _objectSpread(_objectSpread({
+    className: cx(styles.root, className),
+    size: "small"
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx(Badge, {
+      status: status,
+      text: text,
+      color: color
+    }), tooltip && /*#__PURE__*/_jsx(Tooltip, {
+      className: styles.tooltip,
+      title: tooltip,
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: Info
+      })
+    })]
+  }));
+};

package/es/Status/style.d.ts

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

package/es/Status/style.js

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+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        .", "-badge.", "-badge-status {\n          .", "-badge-status-dot {\n            width: 8px;\n            height: 8px;\n          }\n        }\n      "])), prefixCls, prefixCls, prefixCls),
+    tooltip: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        &.anticon {\n          cursor: help;\n          color: ", ";\n        }\n      "])), token.colorTextTertiary)
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/index.d.ts

@@ -8,6 +8,7 @@ export * from './MonacoEditor';
 export * from './Page';
 export * from './ProCard';
 export * from './SliderInput';
+export * from './Status';
 export * from './Alert';
 export * from './App';
 export * from './Breadcrumb';

package/es/index.js

@@ -8,6 +8,7 @@ export * from "./MonacoEditor";
 export * from "./Page";
 export * from "./ProCard";
 export * from "./SliderInput";
+export * from "./Status";
 
 // ~ custom antd
 export * from "./Alert";

package/package.json

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