@cloudtower/eagle 0.31.7 → 0.31.8

package/dist/src/core/TableForm/types.d.ts

@@ -21,13 +21,42 @@ export type CustomizedColumnRenderProps = {
     error?: boolean;
 };
 export type TableFormColumn = {
+    /**
+     * 列类型，指定后会使用 ColumnBodyImpls 枚举渲染单元格，否则使用 render 函数渲染
+     * @enum {number}
+     */
     type?: keyof typeof ColumnBodyImpls;
-    title?: string;
+    /**
+     * 列标题
+     */
+    title?: string | React.ReactNode;
+    /**
+     * 列唯一标识
+     */
     key: string;
+    /**
+     * 列副标题，只在 `disableBatchFilling` 为 `false`，且 `type` 为 'text' 时生效
+     */
     subTitle?: string;
+    /**
+     * 列副标题颜色
+     */
     subTitleColor?: "" | "primary" | "success" | "warning" | "danger";
+    /**
+     * 列副标题渲染函数，优先级高于 `subTitle`，即使 `disableBatchFilling` 为 `true` 也会生效
+     */
+    subTitleRender?: (props: CustomizedColumnRenderProps) => React.ReactNode;
+    /**
+     * 列单元格图标
+     */
     bodyIcon?: any;
+    /**
+     * 列单元格错误图标
+     */
     bodyErrorIcon?: any;
+    /**
+     * 列宽度
+     */
     width?: number | string;
     displayText?: string;
     defaultValue?: any;
@@ -37,9 +66,21 @@ export type TableFormColumn = {
     disablePrefix?: boolean;
     disableSuffix?: boolean;
     customData?: any;
+    /**
+     * 列对齐方式
+     */
     align?: "left" | "right" | "center";
+    /**
+     * 列行描述渲染函数
+     */
     renderDescription?: (props: RenderRowDescriptionProps) => React.ReactNode;
+    /**
+     * 列单元格渲染函数
+     */
     render?: (props: CustomizedColumnRenderProps) => React.ReactNode;
+    /**
+     * 列验证函数
+     */
     validator?: (params: {
         value: any;
         rowIndex?: number;
@@ -124,28 +165,62 @@ export type TableFormErrorsType = (string | {
     [columnKey: string]: string | null;
 } | null)[];
 export type TableFormProps = {
+    /**
+     * 表格默认数据
+     */
     defaultData?: DataType[];
+    /**
+     * 表格列配置
+     */
     columns: TableFormColumn[];
+    /**
+     * 表格是否禁用单元格默认控件
+     */
     disabled?: boolean;
+    /**
+     * 表格行添加配置
+     */
     rowAddConfig?: RowAddConfigurations;
     /**
      * @deprecated use "row" configuration instead
      */
     deleteConfig?: DeletableConfigurations;
+    /**
+     * 表格大小
+     */
     size?: "default" | "large" | "small";
     /**
      * @deprecated use "row" configuration instead
      */
     draggable?: boolean;
+    /**
+     * 表格是否禁用批量填充
+     */
     disableBatchFilling?: boolean;
+    /**
+     * 表格类名
+     */
     className?: string;
     /**
      * @deprecated use "row" configuration instead
      */
     rowSplitType?: TableFormRowSplitType;
+    /**
+     * 表格验证触发类型，使用 ValidateTriggerType 枚举
+     * @enum {number}
+     */
     validateTriggerType?: ValidateTriggerType;
+    /**
+     * 表格最大高度
+     */
     maxHeight?: number | string;
+    /**
+     * 表格行配置
+     */
     row?: TableFormRowConfiguration;
+    /**
+     * 表格行错误信息
+     */
     errors?: TableFormErrorsType;
     /**
      * @deprecated use "row" configuration instead
@@ -155,10 +230,26 @@ export type TableFormProps = {
      * @deprecated use "row" configuration instead
      */
     rowValidator?: (rowIndex: number, rowData: DataType) => string | undefined;
+    /**
+     * 表格头部数据变化的回调
+     */
     onHeaderChange?: (data: any[], columnKey: string) => void;
+    /**
+     * 表格头部数据失去焦点时的回调
+     */
     onHeaderBlur?: (data: any[]) => void;
+    /**
+     * 表格行数据变化的回调
+     */
     onBodyChange?: (value: DataType[], rowIndex?: number, columnKey?: string) => void;
+    /**
+     * 表格行数据失去焦点时的回调
+     */
     onBodyBlur?: (value: DataType, rowIndex?: number, columnKey?: string) => void;
+    /**
+     * 是否隐藏空表格
+     */
+    hideEmptyTable?: boolean;
 };
 export type TableFormHandle = {
     setData: (data: DataType[]) => void;

package/dist/src/core/Tooltip/EllipsisTooltipContent.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { EllipsisContentType } from "./tooltip.type";
+declare const EllipsisTooltipContent: ({ tooltip, maxHeight, contentWrapperClassName, ellipsisTips, }: EllipsisContentType) => React.JSX.Element;
+export default EllipsisTooltipContent;

package/dist/src/core/Tooltip/tooltip.type.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import { LinariaClassName } from "@linaria/core";
 import { TooltipProps as AntdTooltipProps } from "antd/lib/tooltip";
 export type TooltipProps = AntdTooltipProps & {
     /**
@@ -5,3 +7,23 @@ export type TooltipProps = AntdTooltipProps & {
      */
     followMouse?: boolean;
 };
+export type EllipsisContentType = {
+    /**
+     * tooltip content 内容
+     */
+    tooltip: React.ReactNode;
+    /**
+     * 内容区的最大高度
+     *
+     * e.g. 文本限制行数 = 行数 * line-height
+     */
+    maxHeight?: number;
+    /**
+     * 自定义样式类名
+     */
+    contentWrapperClassName?: LinariaClassName;
+    /**
+     * 多行溢出省略提示
+     */
+    ellipsisTips?: string;
+};

package/dist/src/core/Tooltip/tooltip.widget.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Tooltip: {
+    ellipsisContent: ({ tooltip, maxHeight, contentWrapperClassName, ellipsisTips, }: import("./tooltip.type").EllipsisContentType) => import("react").JSX.Element;
+};
+export default Tooltip;

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

@@ -0,0 +1,24 @@
+import EllipsisTooltipContent from "../../../src/core/Tooltip/EllipsisTooltipContent";
+import { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * * Tooltip content 组件
+ * * 搭配 Tooltip 与 OverflowTooltip 使用
+ * * 使用时，Tooltip 与 OverflowTooltip 需要配合 destroyTooltipOnHide 为 true 使用
+ * * 自定义 props 已在表格进行说明
+ */
+declare const meta: {
+    component: ({ tooltip, maxHeight, contentWrapperClassName, ellipsisTips, }: import("../../../src/core/Tooltip").EllipsisContentType) => React.JSX.Element;
+    title: "Core/EllipsisTooltipContent | Tooltip content 过长省略";
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof EllipsisTooltipContent>;
+export declare const ellipsisTooltipsContentInTooltip: Story;
+export declare const ellipsisTooltipsContentInOverflowTooltip: Story;
+export declare const ellipsisTooltipsReactNodeContentInTooltip: Story;

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

@@ -1,17 +1,49 @@
+import { TableFormHandle, TableFormProps } from "../../../src/core/TableForm/types";
 import React from "react";
-declare const story: {
-    title: string;
-};
-export declare const Basic: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            design: {
-                type: string;
-                url: string;
-            };
+declare const meta: {
+    component: React.ForwardRefExoticComponent<TableFormProps & React.RefAttributes<TableFormHandle>>;
+    title: "Core/TableForm | 表格表单";
+    parameters: {
+        design: {
+            type: string;
+            url: string;
         };
     };
 };
-export default story;
+export default meta;
+export declare const BatchInput: {
+    render: () => React.JSX.Element;
+};
+export declare const DynamicRows: {
+    render: () => React.JSX.Element;
+};
+export declare const Draggable: {
+    render: () => React.JSX.Element;
+};
+export declare const NormalValidate: {
+    render: () => React.JSX.Element;
+};
+export declare const LazyValidate: {
+    render: () => React.JSX.Element;
+};
+export declare const AggressiveValidate: {
+    render: () => React.JSX.Element;
+};
+export declare const RowConfig: {
+    render: () => React.JSX.Element;
+};
+export declare const ErrorsConfig: {
+    render: () => React.JSX.Element;
+};
+export declare const ErrorsConfigWithAsyncErr: {
+    render: () => React.JSX.Element;
+};
+export declare const ShowTableFormWhenNoData: {
+    render: () => React.JSX.Element;
+};
+export declare const HideTableFormWhenNoData: {
+    render: () => React.JSX.Element;
+};
+export declare const TitleAndSubTitle: {
+    render: () => React.JSX.Element;
+};