@cloudtower/eagle 0.33.13 → 0.33.14

package/dist/src/core/Banner/banner.style.d.ts

@@ -0,0 +1,4 @@
+export declare const BasicBanner: import("@linaria/core").LinariaClassName;
+export declare const ErrorBanner: import("@linaria/core").LinariaClassName;
+export declare const InfoBanner: import("@linaria/core").LinariaClassName;
+export declare const WarningBanner: import("@linaria/core").LinariaClassName;

package/dist/src/core/Banner/banner.types.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from "react";
+import { ButtonProps } from "../Button";
+/**
+ * Banner组件的属性
+ * @property {('error' | 'info' | 'warning')} type - Banner的类型，决定背景色和样式
+ * @property {string} message - Banner显示的消息内容
+ * @property {object} [btnProps] - 按钮相关配置，包含文本、点击事件和显示控制
+ * @property {function} [btnProps.onClick] - 按钮点击事件的回调函数
+ * @property {string} btnProps.text - 按钮显示的文本
+ * @property {boolean} [btnProps.hide] - 是否隐藏按钮，默认为false
+ * @example
+ * {
+ *   type: "warning",
+ *   message: "系统将在30分钟后进行维护",
+ *   btnProps: {
+ *     text: "了解详情",
+ *     onClick: () => { console.log("查看详情") }
+ *   }
+ * }
+ */
+export type BannerProps = HTMLAttributes<"DIV"> & {
+    type: "error" | "info" | "warning";
+    message: string;
+    btnProps?: Pick<ButtonProps, "onClick"> & {
+        text: string;
+        hide?: boolean;
+    };
+};

package/dist/src/core/Banner/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { BannerProps } from "./banner.types";
+export declare const Banner: React.FC<BannerProps>;

package/dist/src/core/index.d.ts

@@ -93,6 +93,7 @@ export * from "./Tooltip";
 export * from "./Truncate";
 export * from "./Typo";
 export * from "./Units";
+export * from "./Banner";
 export declare const units: {
     Percent: import("./Units").PercentFn;
     Byte: import("./Units").UnitFn;

package/dist/stories/docs/core/Banner.stories.d.ts

@@ -0,0 +1,53 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import { Banner } from "../../../src/core/Banner";
+/**
+ * * Banner 组件
+ * * 用于在页面顶部显示重要的系统通知或警告信息
+ * * 支持三种不同类型：错误(error)、信息(info)和警告(warning)
+ * * 可配置按钮文本和点击事件
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("../../../src/core/Banner/banner.types").BannerProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Banner>;
+/**
+ * 错误类型横幅
+ * 用于显示系统错误、严重问题或操作失败等紧急信息
+ */
+export declare const Error: Story;
+/**
+ * 信息类型横幅
+ * 用于显示一般性的系统通知或提示信息
+ */
+export declare const Info: Story;
+/**
+ * 警告类型横幅
+ * 用于显示需要用户注意的警告信息
+ */
+export declare const Warning: Story;
+/**
+ * 无按钮横幅
+ * 展示不带操作按钮的纯通知横幅
+ */
+export declare const WithoutButton: Story;
+/**
+ * 长文本横幅
+ * 展示包含较长文本内容的横幅
+ */
+export declare const LongMessage: Story;
+/**
+ * 自定义样式
+ * 展示如何为Banner添加自定义样式
+ */
+export declare const CustomStyle: Story;