@spacego/fe-components 0.2.2 → 0.3.0

package/lib/types/fe-table/type/table.d.ts

@@ -593,8 +593,6 @@ export interface IUseTableRsp<DataType = Record<string, any>> {
   shouldRequestPreviousPage: (record: any[], pageNo: number) => boolean;
 }
 
-export const useTable = <DataType = Record<string, any>>(params: ITableParams<DataType>) => IUseTableRsp<DataType>;
-
 export interface UseTableSelectionProps<T = any> {
   /**
    * 表格行选择配置

package/lib/types/fe-table/use-table/index.d.ts

@@ -1,3 +1,3 @@
 import { ITableParams, IUseTableRsp } from '../type/table.d';
-declare const useTable: <DataType extends Record<string, any> = Record<string, any>>(params: ITableParams<DataType>) => IUseTableRsp;
+declare const useTable: <DataType extends Record<string, any> = Record<string, any>>(params: ITableParams<DataType>) => IUseTableRsp<DataType>;
 export default useTable;

package/lib/types/fe-text-area/index.d.ts

@@ -1,4 +1,3 @@
-import { Input } from 'antd';
-type TextAreaProps = Parameters<typeof Input.TextArea>[0];
-
-export interface FeTextAreaProps extends TextAreaProps {}
+import { FeTextAreaProps } from './text-area.d';
+declare const FeTextArea: (props: FeTextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default FeTextArea;

package/lib/types/fe-text-area/text-area.d.ts

@@ -0,0 +1,4 @@
+import { Input } from 'antd';
+type TextAreaProps = Parameters<typeof Input.TextArea>[0];
+
+export interface FeTextAreaProps extends TextAreaProps {}

package/lib/types/fe-time-picker/index.d.ts

@@ -1,3 +1,3 @@
-import { TimePickerProps } from 'antd';
-export interface FeTimePickerProps extends TimePickerProps {
-}
+import { FeTimePickerProps } from './time-picker.d';
+declare const FeTimePicker: (props: FeTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default FeTimePicker;

package/lib/types/fe-time-picker/time-picker.d.ts

@@ -0,0 +1,3 @@
+import { TimePickerProps } from 'antd';
+export interface FeTimePickerProps extends TimePickerProps {
+}

package/lib/types/fe-upload/index.d.ts

@@ -1,85 +1,3 @@
-import { UploadFile } from 'antd';
-import { UploadChangeParam } from 'antd/es/upload';
-import { FeUploadAtomicProps } from '../fe-upload-atomic/index.d';
-import { AcceptType } from './upload.constant';
-export type TCropConfig = {
-  width?: number;
-  height?: number;
-  roate?: boolean;
-};
-
-export interface IFeUploadProps extends Omit<FeUploadAtomicProps, 'accept' | 'onChange' | 'customRequest'> {
-  /**
-   * @name 自定义样式类型
-   * @params render 手动画children样式
-   * @params default 方形+加号上传框 - 默认样式
-   * @params card 卡片样式，可拖动上传，身份证场景
-   * @params btn 单个按钮样式，文件列表场景
-   */
-  customType?: 'render' | 'default' | 'card' | 'btn' | 'drag';
-  /**
-   * @name 拖拽框/上传按钮内文案
-   */
-  title?: string | string[];
-  /**
-   * @name 上传的fileList
-   *
-   * 当maxCount === 1时，value可为string类型
-   */
-  value?: string | UploadFile[];
-  /**
-   * @name 底部提示
-   */
-  tips?: string;
-  /**
-   * @name 可上传文件大小，单位：B，默认20M（1024*1024*20）
-   */
-  fileSize?: number;
-  /**
-   * @name 上传图片是否支持裁剪
-   * @param isOpen 打开、关闭
-   */
-  isCropImage?: boolean;
-  /**
-   * @name 图片裁剪参数设置
-   */
-  cropCofig?: cropConfig;
-  /**
-   * @name 上传的文件类型限制
-   */
-  accept?: AcceptType | AcceptType[];
-  /**
-   * @name 自定义accept格式，枚举accept不满足需求时使用，customAccept优先级大于accept
-   * @description 可以是预定义的类型（如IMAGE, PDF）或自定义MIME类型字符串（如'image/jpeg,image/png'）
-   */
-  customAccept?: string;
-  /**
-   * @name 上传文件限制类型格式，用于提示
-   * @description 会自动拼接为`上传文件类型只能为${acceptDesc}格式`
-   */
-  acceptDesc?: string;
-  /**
-   * @name 是否手动处理类型校验
-   * @description 默认会根据accept或customAccept自动校验，当isManualValieType为true时，需要手动处理类型校验
-   */
-  isManualValieType?: boolean;
-  /**
-   * @name 是否手动处理预览
-   * @description 默认会根据fileList自动处理预览，当isManualPreview为true时，需要手动处理预览
-   */
-  isManualPreview?: boolean;
-  /**
-   * @name 是否在上传失败时删除文件
-   */
-  isRemoveOnError?: boolean;
-  /**
-   * @name 自定义上传回调
-   */
-  customRequest?: (file: File) => Promise<any>;
-  /**
-   * @name onchange事件
-   * @param fileList fileList列表
-   * @param files antd返回的上传进度和list
-   */
-  onChange?: (fileList: UploadFile[], files: UploadChangeParam<UploadFile>) => void;
-}
+import { IFeUploadProps } from './upload.d';
+declare const FeUpload: (props: IFeUploadProps) => import("react/jsx-runtime").JSX.Element;
+export default FeUpload;

package/lib/types/fe-upload/upload.d.ts

@@ -0,0 +1,85 @@
+import { UploadFile } from 'antd';
+import { UploadChangeParam } from 'antd/es/upload';
+import { FeUploadAtomicProps } from '../fe-upload-atomic/upload-atomic.d';
+import { AcceptType } from './upload.constant';
+export type TCropConfig = {
+  width?: number;
+  height?: number;
+  roate?: boolean;
+};
+
+export interface IFeUploadProps extends Omit<FeUploadAtomicProps, 'accept' | 'onChange' | 'customRequest'> {
+  /**
+   * @name 自定义样式类型
+   * @params render 手动画children样式
+   * @params default 方形+加号上传框 - 默认样式
+   * @params card 卡片样式，可拖动上传，身份证场景
+   * @params btn 单个按钮样式，文件列表场景
+   */
+  customType?: 'render' | 'default' | 'card' | 'btn' | 'drag';
+  /**
+   * @name 拖拽框/上传按钮内文案
+   */
+  title?: string | string[];
+  /**
+   * @name 上传的fileList
+   *
+   * 当maxCount === 1时，value可为string类型
+   */
+  value?: string | UploadFile[];
+  /**
+   * @name 底部提示
+   */
+  tips?: string;
+  /**
+   * @name 可上传文件大小，单位：B，默认20M（1024*1024*20）
+   */
+  fileSize?: number;
+  /**
+   * @name 上传图片是否支持裁剪
+   * @param isOpen 打开、关闭
+   */
+  isCropImage?: boolean;
+  /**
+   * @name 图片裁剪参数设置
+   */
+  cropCofig?: cropConfig;
+  /**
+   * @name 上传的文件类型限制
+   */
+  accept?: AcceptType | AcceptType[];
+  /**
+   * @name 自定义accept格式，枚举accept不满足需求时使用，customAccept优先级大于accept
+   * @description 可以是预定义的类型（如IMAGE, PDF）或自定义MIME类型字符串（如'image/jpeg,image/png'）
+   */
+  customAccept?: string;
+  /**
+   * @name 上传文件限制类型格式，用于提示
+   * @description 会自动拼接为`上传文件类型只能为${acceptDesc}格式`
+   */
+  acceptDesc?: string;
+  /**
+   * @name 是否手动处理类型校验
+   * @description 默认会根据accept或customAccept自动校验，当isManualValieType为true时，需要手动处理类型校验
+   */
+  isManualValieType?: boolean;
+  /**
+   * @name 是否手动处理预览
+   * @description 默认会根据fileList自动处理预览，当isManualPreview为true时，需要手动处理预览
+   */
+  isManualPreview?: boolean;
+  /**
+   * @name 是否在上传失败时删除文件
+   */
+  isRemoveOnError?: boolean;
+  /**
+   * @name 自定义上传回调
+   */
+  customRequest?: (file: File) => Promise<any>;
+  /**
+   * @name onchange事件
+   * @param fileList fileList列表
+   * @param files antd返回的上传进度和list
+   */
+  onChange?: (fileList: UploadFile[], files: UploadChangeParam<UploadFile>) => void;
+}

package/lib/types/fe-upload-atomic/index.d.ts

@@ -1,2 +1,3 @@
-import { UploadProps } from 'antd';
-export interface FeUploadAtomicProps extends UploadProps {}
+import { FeUploadAtomicProps } from './upload-atomic.d';
+declare const FeUploadAtomic: (props: FeUploadAtomicProps) => import("react/jsx-runtime").JSX.Element;
+export default FeUploadAtomic;

package/lib/types/fe-upload-atomic/upload-atomic.d.ts

@@ -0,0 +1,2 @@
+import { UploadProps } from 'antd';
+export interface FeUploadAtomicProps extends UploadProps {}

package/lib/types/fe-upload-crop/index.d.ts

@@ -1,7 +1,7 @@
 import { RcFile } from 'antd/es/upload';
 import { FunctionComponent } from 'react';
-import { TCropConfig } from '../fe-upload/index.d';
-interface ICropRenderProps {
+import { TCropConfig } from '../fe-upload/upload.d';
+export interface ICropRenderProps {
     file: RcFile;
     onCrop?: (croppedImage: Blob) => void;
     cropConfig?: TCropConfig;

package/lib/types/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './use-auth.hook';
+export * from './use-descriptions.hook';
 export * from './use-nprogress.hook';
 export * from './use-permission.hook';

package/lib/types/hooks/{use-descriptions → use-descriptions.hook}/index.d.ts

@@ -1,3 +1,3 @@
-import { IDescriptionsParams, IUseDescriptions } from './index.d';
+import { IDescriptionsParams, IUseDescriptions } from './use-descriptions';
 declare const FeUseDescriptions: <DataType extends Record<string, any>>({ descriptionsItems, descriptionsData, bordered, size, rawKeyRef: externalKeyRef, className, styles, ...restProps }: IDescriptionsParams<DataType>) => IUseDescriptions;
 export default FeUseDescriptions;

package/lib/types/hooks/use-descriptions.hook/use-descriptions.d.ts

@@ -0,0 +1,151 @@
+import { DescriptionsProps, ImageProps } from 'antd';
+import { default as React } from 'react';
+/**
+ * @name 渲染类型
+ * @default default
+ * @options default:纯文本静态展示
+ *          tag:枚举tag展示，支持多个tag
+ *
+ */
+export type TRenderType = 'default' | 'tag' | 'link' | 'image';
+
+export interface IDescriptionsItem<DataType extends Record<string, any>> {
+  /**
+   * @name 标题
+   */
+  label: string | React.ReactNode;
+  /**
+   * @name 与实体映射的key
+   */
+  dataIndex: keyof DataType;
+  /**
+   * @name render 自定义渲染
+   */
+  render?: React.ReactNode | ((value: string, data: DataType) => React.ReactNode);
+  /**
+   * @name 确定这个列的唯一值,一般用于 dataIndex 重复的情况
+   */
+  key?: React.Key;
+  /**
+   * @name 描述列表栅格占位
+   * @default 1
+   */
+  colSpan?: number;
+  /**
+   * @name 内容
+   */
+  /**
+   * @name 是否开启ellipsis
+   */
+  ellipsis?: boolean | { showTitle: boolean };
+  /**
+   * @name 渲染类型
+   */
+  renderType?: TRenderType;
+  /**
+   * @name 是否隐藏
+   */
+  hidden?: boolean;
+  /**
+   *  @name 默认渲染器参数
+   */
+  defaultRenderParams?: {
+    /**
+     * @name 过滤器
+     */
+    filter?: any;
+    /**
+     * @name 过滤器参数
+     */
+    dictfilterParams?: {
+      dictList: Array<{ dataIndex: string; label: string }>;
+    };
+  };
+  /**
+   * @name tag渲染器参数
+   */
+  tagRenderParams?: {
+    /**
+     * @name 过滤器
+     */
+    filter?: any;
+    /**
+     * @name 过滤器参数
+     */
+    dictfilterParams?: {
+      dictList: Array<{ dataIndex: string; label: string }>;
+    };
+    /**
+     * @name 分割符
+     * @default |
+     */
+    separator?: string;
+    /**
+     * @name 颜色类型枚举
+     */
+    themeEnums?: Record<string, 'processing' | 'success' | 'error' | 'default'>;
+  };
+  /**
+   * @name link渲染器参数
+   */
+  linkRenderParams?: {
+    /*
+     * 标签
+     */
+    label?: string;
+    /**
+     * @name 点击事件
+     */
+    onClick?: (value: any) => void;
+  };
+  /**
+   * @name image渲染器参数
+   */
+  imageRenderParams?: ImageProps;
+}
+
+export interface IDescriptionsParams<DataType> {
+  /**
+   * @name 描述列表项
+   */
+  descriptionsItems: IDescriptionsItem<DataType>[];
+  /**
+   * @name 描述列表数据
+   */
+  descriptionsData: DataType<string, any>;
+  /**
+   * @name 是否显示边框
+   * @default true
+   */
+  bordered?: boolean;
+  /**
+   * @name 描述列表样式
+   */
+  styles?: DescriptionsProps['styles'];
+  /**
+   * @name 描述列表列数
+   * @default 3
+   */
+  column?: number;
+  /**
+   * @name 描述列表宽度
+   * @description 描述列表宽度统一设置仅增对bordered 为 true 有效
+   * @default 100%
+   */
+  descriptionsWidth?: string;
+  /**
+   * @name 描述列表大小
+   * @default small
+   */
+  size?: DescriptionsProps['size'];
+  /**
+   * @name 描述列表唯一标识
+   */
+  rawKeyRef?: React.MutableRefObject<string>;
+  /**
+   * @name 样式名
+   */
+  className?: string;
+}
+
+export interface IUseDescriptions extends DescriptionsProps { }

package/lib/types/hooks/use-form.hook/index.d.ts

@@ -0,0 +1,3 @@
+import { IFormParams, IFormProps } from './use-form.d';
+declare const FeUseForm: <DataType = Record<string, any>>(params: IFormParams) => IFormProps<DataType>;
+export default FeUseForm;

package/lib/types/hooks/{use-form/index.d.ts → use-form.hook/use-form.d.ts}

@@ -1,6 +1,6 @@
 import { FormInstance } from 'antd';
 import { default as React } from 'react';
-import { FeFormProps } from '../../fe-form/fe-form/index.d';
+import { FeFormProps } from '../../fe-form/fe-form/form.d';
 export interface IFormParams<DataType = any>
   extends FeFormProps<DataType> {
     setFormData: (data: Partial<DataType> | DataType) => void;

package/lib/types/hooks/use-permission.hook/index.d.ts

@@ -1,10 +1,10 @@
-export interface IPermissionStore {
-  /**
-   * @name 按钮权限字符串
-   */
-  btnPermissionList: string[];
-  /**
-   * @name 判断是否有权限
-   */
-  hasPermission: (permission: string | string[]) => boolean;
-}
+import { IPermissionStore } from './use-permission.d';
+/**
+ * @name 权限上下文
+ */
+declare const FePermissionContext: import('react').Context<IPermissionStore>;
+/**
+ * @name 获取权限上下文
+ */
+export declare const usePermission: () => IPermissionStore;
+export default FePermissionContext;

package/lib/types/hooks/use-permission.hook/use-permission.d.ts

@@ -0,0 +1,10 @@
+export interface IPermissionStore {
+  /**
+   * @name 按钮权限字符串
+   */
+  btnPermissionList: string[];
+  /**
+   * @name 判断是否有权限
+   */
+  hasPermission: (permission: string | string[]) => boolean;
+}

package/lib/types/index.d.ts

@@ -10,38 +10,68 @@ export * from './router';
 export * from './hooks';
 /**------------------------------------------- components ------------------------------------------- */
 export { default as FeAutoComplete } from './fe-auto-complete';
+export * from './fe-auto-complete/auto-complete.d';
 export { default as FeButton } from './fe-button';
+export * from './fe-button/button.d';
 export { default as FeCascader } from './fe-cascader';
+export * from './fe-cascader/cascader.d';
 export { default as FeCheckbox } from './fe-checkbox';
+export * from './fe-checkbox/checkbox.d';
 export { default as FeCheckboxGroup } from './fe-checkbox-group';
+export * from './fe-checkbox-group/checkbox-group.d';
 export { default as FeDatePicker } from './fe-date-picker';
+export * from './fe-date-picker/date-picker.d';
 export { default as FeDescriptionRender } from './fe-description-render';
+export * from './fe-description-render/description-render.d';
 export { default as FeDescriptions } from './fe-descriptions';
+export * from './fe-descriptions/descriptions.d';
 export { default as FeEmpty } from './fe-empty';
+export * from './fe-empty/empty.d';
 export { default as FeErrorBlock } from './fe-error-block';
+export * from './fe-error-block/error-block.d';
 export * from './fe-form';
 export { default as FeInput } from './fe-input';
+export * from './fe-input/input.d';
 export { default as FeInputNumber } from './fe-input-number';
+export * from './fe-input-number/input-number.d';
 export * from './fe-layouts';
 export { default as FeLink } from './fe-link';
+export * from './fe-link/link.d';
+export type { IFeLoadingProps } from './fe-loading';
 export { default as FeLoading } from './fe-loading';
 export { default as FeMap } from './fe-map';
+export * from './fe-map/map.d';
 export { default as FeModal } from './fe-modal';
+export * from './fe-modal/modal.d';
 export { default as FePagination } from './fe-pagination';
+export * from './fe-pagination/pagination.d';
 export { default as FePanel } from './fe-panel';
+export * from './fe-panel/panel.d';
 export { usePanelContext } from './fe-panel/use-panel-context';
 export { default as FePermission } from './fe-permission';
+export * from './fe-permission/permission.d';
 export { default as FePermissionProvider } from './fe-permission-provider';
+export { type FePermissionProviderProps } from './fe-permission-provider/permission-provider.d';
 export { default as FeRadio } from './fe-radio';
+export * from './fe-radio/radio.d';
 export { default as FeRadioGroup } from './fe-radio-group';
+export * from './fe-radio-group/radio-group.d';
 export { default as FeRichText } from './fe-rich-text';
+export * from './fe-rich-text/rich-text.d';
 export { default as FeSelect } from './fe-select';
+export * from './fe-select/select.d';
 export { default as FeSwitch } from './fe-switch';
+export * from './fe-switch/switch.d';
 export * from './fe-table';
 export { default as FeTextArea } from './fe-text-area';
+export * from './fe-text-area/text-area.d';
 export { default as FeTimePicker } from './fe-time-picker';
+export * from './fe-time-picker/time-picker.d';
 export { default as FeUpload } from './fe-upload';
+export * from './fe-upload/upload.d';
 export { default as FeUploadAtomic } from './fe-upload-atomic';
+export * from './fe-upload-atomic/upload-atomic.d';
+export type { ICropRenderProps } from './fe-upload-crop';
 export { default as FeUploadCrop } from './fe-upload-crop';
 /**------------------------------------------- typings ------------------------------------------- */
 export * from './typings/index.d';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spacego/fe-components",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "🚀 A component library for fe to use.",
   "type": "module",
   "main": "lib/index.js",

package/lib/fe-table/type/table.d.js

@@ -1,4 +0,0 @@
-const s = (e) => IUseTableRsp;
-export {
-  s as useTable
-};