@cloudtower/eagle 0.35.6 → 0.35.7

package/dist/src/coreX/Copy/CopyButton.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { CopyButtonProps } from "./CopyButton.type";
+export type { CopyButtonProps };
+declare const CopyButton: React.FC<CopyButtonProps>;
+export default CopyButton;

package/dist/src/coreX/Copy/CopyButton.type.d.ts

@@ -0,0 +1,8 @@
+export interface CopyButtonProps {
+    /** 复制文本 */
+    text: string;
+    /** 按钮文本 */
+    buttonText?: string;
+    /** 提示文本 */
+    tooltipText?: string;
+}

package/dist/src/coreX/Copy/CopyTooltip.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { CopyTooltipProps } from "./CopyTooltip.typs";
+export type { CopyTooltipProps };
+declare const CopyTooltip: React.ForwardRefExoticComponent<CopyTooltipProps & React.RefAttributes<HTMLSpanElement>>;
+export default CopyTooltip;

package/dist/src/coreX/Copy/CopyTooltip.typs.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TooltipProps } from "../../core/Tooltip";
+export interface CopyTooltipProps {
+    /** 复制文本 */
+    text: string;
+    /** 复制前提示文本 */
+    beforeTooltip?: string;
+    /** 复制后提示文本 */
+    afterTooltip?: string;
+    /** Tooltip 组件的属性 */
+    tooltipProps?: Omit<TooltipProps, "title">;
+    /** 子元素 */
+    children?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+}

package/dist/src/coreX/Copy/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./CopyButton";
+export * from "./CopyTooltip";

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

@@ -4,6 +4,7 @@ export * from "./ChartWithTooltip";
 export * from "./CheckPointList";
 export * from "./CircleLoading";
 export * from "./common";
+export * from "./Copy";
 export * from "./Counting";
 export * from "./CronCalendar";
 export * from "./CronPlan";

package/dist/stories/docs/coreX/Copy/CopyButton.stories.d.ts

@@ -0,0 +1,66 @@
+import { CopyButtonProps } from "../../../../src/coreX/Copy/CopyButton";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ *
+ * CopyButton 组件是一个带有复制功能的按钮，点击后会将指定文本复制到剪贴板，并通过 tooltip 提供复制成功的反馈。
+ *
+ * ### 主要特性
+ * - 点击按钮复制指定文本到剪贴板
+ * - 复制成功后显示 tooltip 提示（默认显示 1 秒）
+ * - 支持自定义按钮文本和 tooltip 提示文本
+ * - 使用现代的 `navigator.clipboard` API
+ *
+ */
+declare const meta: Meta<React.FC<CopyButtonProps>>;
+export default meta;
+/**
+ *
+ * 最基本的用法，使用默认的按钮文本和提示文本。
+ *
+ * 点击按钮后会显示"已复制到剪贴板"的提示。
+ *
+ */
+export declare const Default: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 自定义按钮的显示文本，可以根据业务场景提供更明确的按钮文案。
+ *
+ */
+export declare const CustomButtonText: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 自定义复制成功后的 tooltip 提示文本。
+ *
+ */
+export declare const CustomTooltipText: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 在实际业务场景中使用，如复制配置文件、命令行、代码片段等。
+ *
+ */
+export declare const RealWorldScenarios: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 多个复制按钮组合使用，比如在表单或信息展示页面中。
+ *
+ */
+export declare const MultipleButtons: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 复制超长文本内容，如大型配置文件、日志等。
+ *
+ */
+export declare const LongText: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 边界场景测试，包括空文本、特殊字符等。
+ *
+ */
+export declare const EdgeCases: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 在卡片布局中使用复制按钮。
+ *
+ */
+export declare const InCard: StoryObj<CopyButtonProps>;

package/dist/stories/docs/coreX/Copy/CopyTooltip.stories.d.ts

@@ -0,0 +1,66 @@
+import { CopyTooltipProps } from "../../../../src/coreX/Copy/CopyTooltip";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ *
+ * CopyTooltip 组件用于复制文本到剪贴板，并通过 tooltip 提供交互反馈。适用于需要复制文本的场景，如复制 ID、地址、配置等。
+ *
+ * ### 主要特性
+ * - 支持自定义复制前后的 tooltip 提示文本
+ * - 支持自定义触发复制的子元素
+ * - 内置默认的复制图标
+ * - 鼠标悬浮时显示复制提示，点击后显示复制成功提示
+ *
+ */
+declare const meta: Meta<React.FC<CopyTooltipProps>>;
+export default meta;
+/**
+ *
+ * 最基本的用法，使用默认的复制图标和默认的提示文本。
+ *
+ * 鼠标悬浮时显示"点击复制"，点击后显示"复制成功"。
+ *
+ */
+export declare const Default: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 自定义复制前后的 tooltip 提示文本，可以根据业务场景提供更友好的提示信息。
+ *
+ */
+export declare const CustomTooltipText: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 可以自定义触发复制的子元素，比如使用文本、按钮或其他图标。
+ *
+ */
+export declare const CustomChildren: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 复制长文本内容，如配置文件、日志等。
+ *
+ */
+export declare const LongText: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 在表格中使用，复制单元格内容。
+ *
+ */
+export declare const InTable: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 自定义 tooltip 的样式和位置等属性。
+ *
+ */
+export declare const CustomTooltipProps: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 复制包含特殊字符和换行的文本内容。
+ *
+ */
+export declare const SpecialCharacters: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 空文本或极端场景下的处理。
+ *
+ */
+export declare const EdgeCases: StoryObj<CopyTooltipProps>;