@regenbio/regenbio-components-react 1.2.16 → 1.2.17

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/test-components.iml" filepath="$PROJECT_DIR$/.idea/test-components.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/test-components.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

package/build/components/ActionBar/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { RbActionBarItemProps, RbActionBarProps } from "./type";
+/**
+ * RB 操作栏子项
+ *
+ * @param props 参数配置
+ * @constructor
+ */
+declare const RbActionBarItem: React.FC<RbActionBarItemProps>;
+/**
+ * RB 操作栏
+ *
+ * @param props 参数配置
+ * @constructor
+ */
+declare const RbActionBar: React.FC<RbActionBarProps>;
+export { RbActionBarItem, RbActionBar };

package/build/components/ActionBar/type.d.ts

@@ -0,0 +1,82 @@
+import React, { MutableRefObject } from "react";
+import { RbActionBarItem } from "./index";
+import { RbActionType } from "../DataTable/type";
+/**
+ * 操作栏属性
+ */
+export type RbActionBarProps = {
+    /**
+     * 最大展示数量（超出后收起）
+     */
+    max?: number;
+    /**
+     * 操作栏子项
+     */
+    children: React.ReactElement<typeof RbActionBarItem> | React.ReactElement<typeof RbActionBarItem>[];
+    /**
+     * 全局变量，用来判断当前用户是否携带对应的权限标识
+     */
+    initialState?: any;
+    /**
+     * 表格的扩展操作 Ref，传入后可以联动数据表格的 Loading 状态
+     */
+    tableRef?: MutableRefObject<RbActionType | undefined>;
+    /**
+     * 设置分隔符
+     */
+    split?: React.ReactNode;
+    /**
+     * 等待控制
+     */
+    loading?: boolean;
+};
+/**
+ * 操作栏子项属性
+ */
+export type RbActionBarItemProps = {
+    /**
+     * 权限标识
+     */
+    sign: string;
+    /**
+     * 隐藏状态
+     */
+    hide?: boolean;
+    /**
+     * 表格的扩展操作 Ref，传入后可以联动数据表格的 Loading 状态
+     */
+    tableRef?: MutableRefObject<RbActionType | undefined>;
+    /**
+     * 是否检查权限，默认不传递则检查，此时 sign 只有 key 的作用
+     */
+    checkSign?: boolean;
+    /**
+     * 点击触发方法
+     */
+    onClick: () => void;
+    /**
+     * 内容
+     */
+    content?: React.ReactNode | string;
+    /**
+     * 等待控制
+     */
+    loading?: boolean;
+    /**
+     * 二次确认参数（气泡框提示）
+     */
+    doubleCheck?: {
+        /**
+         * 是否开启
+         */
+        enable: boolean;
+        /**
+         * 标题
+         */
+        title: string;
+        /**
+         * 描述
+         */
+        description?: string;
+    };
+};

package/build/components/DataChart/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { RbDataChartProps } from "./type";
+/**
+ * RB 数据图表
+ */
+declare const RbDataChart: React.FC<RbDataChartProps>;
+export default RbDataChart;

package/build/components/DataChart/type.d.ts

@@ -0,0 +1,50 @@
+import { Ref } from "react";
+/**
+ * 图表操作类型
+ */
+export type RbChartActionType = {
+    /**
+     * 重新初始化
+     */
+    reinit: () => void;
+};
+/**
+ * 数据图表属性
+ */
+export type RbDataChartProps = {
+    /**
+     * 右边距
+     */
+    paddingRight?: number;
+    /**
+     * 下边距
+     */
+    paddingBottom?: number;
+    /**
+     * 图表ID
+     */
+    chartId: string;
+    /**
+     * 高度
+     */
+    height: number;
+    /**
+     * 图表数据初始化
+     *
+     * @param chart 图表
+     * @param data 数据
+     */
+    chartInit: (chart: any, data: any) => void;
+    /**
+     * 请求数据
+     */
+    request?: () => Promise<any>;
+    /**
+     * 数据
+     */
+    data?: any;
+    /**
+     * 操作 Ref
+     */
+    actionRef?: Ref<RbChartActionType | undefined>;
+};

package/build/components/DataTable/index.d.ts

@@ -0,0 +1,9 @@
+import { RbDataTableProps } from "./type";
+/**
+ * RB 数据表格
+ *
+ * @param props 参数配置
+ * @constructor
+ */
+declare const RbDataTable: <DataSource, U, ValueType = "text">(props: RbDataTableProps<DataSource, U, ValueType>) => any;
+export default RbDataTable;

package/build/components/DataTable/locales/en-US.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    'components.data-table.pagination.total': string;
+};
+export default _default;

package/build/components/DataTable/locales/zh-CN.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    'components.data-table.pagination.total': string;
+};
+export default _default;

package/build/components/DataTable/type.d.ts

@@ -0,0 +1,117 @@
+import { ActionType, ProColumns, RequestData } from "@ant-design/pro-components";
+import { ReactNode, Ref } from "react";
+import { TableProps } from "antd";
+import type { SortOrder } from "antd/lib/table/interface";
+import type { ToolBarProps } from "@ant-design/pro-table/es/components/ToolBar";
+import type { AlertRenderType } from "@ant-design/pro-table/es/components/Alert";
+import type { TableProps as RcTableProps } from "rc-table/lib/Table";
+import type { SearchConfig } from "@ant-design/pro-table/es/components/Form/FormRender";
+import type { TableSticky } from "rc-table/lib/interface";
+/**
+ * 扩展操作类型
+ */
+export type RbActionType = {
+    /**
+     * 主动开启表格等待
+     */
+    startLoading: () => void;
+    /**
+     * 主动关闭表格等待
+     */
+    finishLoading: () => void;
+} & ActionType;
+/**
+ * 数据表格属性
+ */
+export type RbDataTableProps<DataSource, U, ValueType = 'text'> = {
+    /**
+     * 响应式状态
+     */
+    responsive?: boolean;
+    /**
+     * 行主键，默认：guid
+     */
+    rowKey?: string;
+    /**
+     * 字段配置
+     */
+    columns?: ProColumns<DataSource, ValueType>[];
+    /**
+     * 查询参数配置
+     */
+    params?: any;
+    /**
+     * 远程数据请求
+     *
+     * @param params 参数
+     * @param sort 排序
+     * @param filter 过滤
+     */
+    request: (params: U & {
+        pageSize?: number;
+        current?: number;
+        keyword?: string;
+    }, sort: Record<string, SortOrder>, filter: Record<string, (string | number)[] | null>) => Promise<Partial<RequestData<DataSource>>>;
+    /**
+     * Table action 的引用，便于自定义触发
+     */
+    actionRef?: Ref<RbActionType | undefined>;
+    /**
+     * 工具栏渲染
+     */
+    toolBarRender?: ToolBarProps<DataSource>['toolBarRender'] | false;
+    /**
+     * 行选中
+     */
+    rowSelection?: (TableProps<DataSource>['rowSelection'] & {
+        alwaysShowAlert?: boolean;
+    }) | false;
+    /**
+     * 表格警告栏
+     */
+    tableAlertOptionRender?: AlertRenderType<DataSource>;
+    /**
+     * 缓存 Key 后缀，控制同一个 URL 下的两张表不起冲突
+     */
+    cacheSuffix?: string;
+    /**
+     * 滚动条
+     */
+    scroll?: RcTableProps<ValueType>['scroll'] & {
+        scrollToFirstRowOnChange?: boolean;
+    };
+    /**
+     * 搜索
+     */
+    search?: false | SearchConfig;
+    /**
+     * 边框
+     */
+    bordered?: boolean;
+    /**
+     * 分页
+     */
+    pagination?: false;
+    /**
+     * 表头
+     */
+    headerTitle?: ReactNode;
+    /**
+     * 数据源
+     */
+    dataSource?: RcTableProps<DataSource>['data'];
+    /**
+     * 粘性布局
+     */
+    sticky?: boolean | TableSticky;
+    /**
+     * 国际化
+     */
+    intl: any;
+    /**
+     * 等待状态改变监听
+     *
+     * @param loading 等待状态
+     */
+    loadChange?: (loading: boolean) => void;
+};

package/build/components/DragTable/index.d.ts

@@ -0,0 +1,9 @@
+import { RbDragTableProps } from "./type";
+/**
+ * RB 拖动表格
+ *
+ * @param props 配置参数
+ * @constructor
+ */
+declare const RbDragTable: <DataSource, U, ValueType = "text">(props: RbDragTableProps<DataSource, U, ValueType>) => any;
+export default RbDragTable;

package/build/components/DragTable/type.d.ts

@@ -0,0 +1,22 @@
+import { ProTableProps } from "@ant-design/pro-table";
+import { Ref } from "react";
+import { RbActionType } from "../DataTable/type";
+/**
+ * 拖动表格属性
+ */
+export type RbDragTableProps<DataSource, U, ValueType = 'text'> = {
+    /**
+     * Table action 的引用，便于自定义触发
+     */
+    actionRef?: Ref<RbActionType | undefined>;
+    /**
+     * 响应式状态
+     */
+    responsive?: boolean;
+    /**
+     * 等待状态改变监听
+     *
+     * @param loading 等待状态
+     */
+    loadChange?: (loading: boolean) => void;
+} & ProTableProps<DataSource, U, ValueType>;

package/build/components/FileTag/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { RbFileTagProps } from "./type";
+/**
+ * RB 文件标签
+ *
+ * @constructor
+ */
+declare const RbFileTag: React.FC<RbFileTagProps>;
+export default RbFileTag;

package/build/components/FileTag/locales/en-US.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    'components.file-tag.operation.preview-pdf': string;
+    'components.file-tag.operation.download': string;
+};
+export default _default;

package/build/components/FileTag/locales/zh-CN.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    'components.file-tag.operation.preview-pdf': string;
+    'components.file-tag.operation.download': string;
+};
+export default _default;

package/build/components/FileTag/type.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 主题监听器属性
+ */
+export type RbFileTagProps = {
+    /**
+     * 文件名
+     */
+    filename: string;
+    /**
+     * 文件主键ID
+     */
+    guid?: string;
+    /**
+     * 预览回调
+     *
+     * @param filename 文件名称
+     * @param guid 主键ID
+     */
+    onPreview?: (filename: string, guid: string) => void;
+    /**
+     * 下载回调
+     *
+     * @param filename 文件名称
+     * @param guid 主键ID
+     */
+    onDownload?: (filename: string, guid: string) => void;
+    /**
+     * 标签颜色
+     */
+    color?: string;
+    /**
+     * 国际化
+     */
+    intl: any;
+};

package/build/components/HtmlRender/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { RbHtmlRenderProps } from "./type";
+/**
+ * RB HTML 渲染器
+ *
+ * @param props 配置参数
+ * @constructor
+ */
+declare const RbHtmlRender: React.FC<RbHtmlRenderProps>;
+export default RbHtmlRender;

package/build/components/HtmlRender/type.d.ts

@@ -0,0 +1,13 @@
+/**
+ * HTML 渲染器属性
+ */
+export type RbHtmlRenderProps = {
+    /**
+     * 高度
+     */
+    height?: string | number;
+    /**
+     * 内容
+     */
+    content?: string;
+};

package/build/components/IconRender/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { RbIconRenderProps } from "./type";
+/**
+ * RB 图标渲染器
+ *
+ * @constructor
+ */
+declare const RbIconRender: React.FC<RbIconRenderProps>;
+export default RbIconRender;

package/build/components/IconRender/type.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 图标渲染器属性
+ */
+export type RbIconRenderProps = {
+    /**
+     * 图标名称
+     */
+    name: string;
+};

package/build/components/ThemeListener/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { RbThemeListenerProps } from "./type";
+/**
+ * RB 主题监听器
+ *
+ * @param props 配置参数
+ * @constructor
+ */
+declare const RbThemeListener: React.FC<RbThemeListenerProps>;
+export default RbThemeListener;

package/build/components/ThemeListener/type.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+/**
+ * 主题监听器属性
+ */
+export type RbThemeListenerProps = {
+    /**
+     * 子项
+     */
+    children?: React.ReactNode;
+};

package/build/components/ThemeSetter/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * RB 主题设置器
+ *
+ * @param props 配置参数
+ * @constructor
+ */
+declare const RbThemeSetter: React.FC;
+export default RbThemeSetter;

package/build/components/UserCard/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { RbUserCardProps } from "./type";
+/**
+ * RB 用户卡片
+ *
+ * @constructor
+ */
+declare const RbUserCard: React.FC<RbUserCardProps>;
+export default RbUserCard;

package/build/components/UserCard/locales/en-US.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    'components.user-card.unknown': string;
+    'components.user-card.is-me': string;
+    'components.user-card.phone': string;
+    'components.user-card.email': string;
+    'components.user-card.sex': string;
+    'components.user-card.status': string;
+    'components.user-card.role': string;
+};
+export default _default;

package/build/components/UserCard/locales/zh-CN.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    'components.user-card.unknown': string;
+    'components.user-card.is-me': string;
+    'components.user-card.phone': string;
+    'components.user-card.email': string;
+    'components.user-card.sex': string;
+    'components.user-card.status': string;
+    'components.user-card.role': string;
+};
+export default _default;

package/build/components/UserCard/type.d.ts

@@ -0,0 +1,52 @@
+import React from "react";
+/**
+ * 用户卡片属性
+ */
+export type RbUserCardProps = {
+    /**
+     * 展示需要的权限表示
+     */
+    sign: string;
+    /**
+     * 实体类
+     */
+    entity?: any;
+    /**
+     * 头像字段
+     */
+    avatarField?: string;
+    /**
+     * 用户名字段
+     */
+    nameField?: string;
+    /**
+     * 用户主键ID字段
+     */
+    guidField?: string;
+    /**
+     * 子节点
+     */
+    children?: React.ReactNode;
+    /**
+     * 国际化
+     */
+    intl: any;
+    /**
+     * 全局变量，用来判断当前用户是否携带对应的权限标识
+     */
+    initialState?: any;
+    /**
+     * 获取用户详情方法
+     *
+     * @param id 用户主键ID
+     */
+    getUserDetail: (id: string, options?: {
+        [key: string]: any;
+    }) => Promise<any>;
+    /**
+     * 获取头像预览URL方法
+     *
+     * @param guid 头像文件主键ID
+     */
+    getPreviewUrl: (guid: any) => null | string;
+};

package/build/components/UserSelector/index.d.ts

@@ -0,0 +1,8 @@
+import type { BaseOptionType } from 'antd/lib/cascader';
+import React from 'react';
+import { RbUserSelectorProps } from "./type";
+declare const ProFormSearchSelect: <T, OptionType extends BaseOptionType = any>(props: RbUserSelectorProps<T, OptionType>) => React.ReactElement;
+declare const RbUserSelector: (<T, OptionType extends BaseOptionType = any>(props: RbUserSelectorProps<T, OptionType>) => React.ReactElement) & {
+    SearchSelect: typeof ProFormSearchSelect;
+};
+export default RbUserSelector;

package/build/components/UserSelector/locales/en-US.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    'components.user-selector.placeholder': string;
+    'components.user-selector.search': string;
+};
+export default _default;

package/build/components/UserSelector/locales/zh-CN.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    'components.user-selector.placeholder': string;
+    'components.user-selector.search': string;
+};
+export default _default;

package/build/components/UserSelector/type.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import type { BaseOptionType } from "antd/lib/cascader";
+import { ProFormFieldItemProps, ProFormFieldRemoteProps } from "@ant-design/pro-form/es/typing";
+import type { SelectProps } from "antd";
+import type { RefSelectProps } from "antd/lib/select";
+/**
+ * 用户选择器属性
+ */
+export type RbUserSelectorProps<ValueType = any, OptionType extends BaseOptionType = any> = ProFormFieldItemProps<SelectProps<ValueType, OptionType> & {
+    /**
+     * 是否在输入框聚焦时触发搜索
+     *
+     * @default false
+     */
+    searchOnFocus?: boolean;
+    /**
+     * 选择完一个之后是否清空搜索项重新搜索
+     *
+     * @default false
+     */
+    resetAfterSelect?: boolean;
+    /**
+     * 当搜索关键词发生变化时是否请求远程数据
+     *
+     * @default true
+     */
+    fetchDataOnSearch?: boolean;
+    /**
+     * 自定义选项渲染
+     */
+    optionItemRender?: (item: ValueType) => React.ReactNode;
+    /**
+     * 宽度控制
+     */
+    widthControl?: boolean;
+}, RefSelectProps> & {
+    options?: SelectProps<ValueType, OptionType>['options'] | string[];
+    mode?: SelectProps<ValueType, OptionType>['mode'] | 'single';
+    showSearch?: SelectProps<ValueType, OptionType>['showSearch'];
+    readonly?: boolean;
+    onChange?: SelectProps<ValueType, OptionType>['onChange'];
+    widthControl?: boolean;
+    /**
+     * 请求远程方法
+     *
+     * @param param 参数
+     * @param guidList 已选中的用户主键ID列表
+     */
+    request: (param: string, guidList: string[]) => Promise<any>;
+    /**
+     * 头像预览方法
+     *
+     * @param guid 图片主键ID
+     */
+    avatarPreview: (guid: any) => null | string;
+    /**
+     * 国际化
+     */
+    intl: any;
+} & ProFormFieldRemoteProps;