@spacego/fe-components 0.2.3 → 0.3.0

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

@@ -1,167 +1,3 @@
-import { default as Quill, BoundsStatic, DeltaStatic, RangeStatic, Sources } from 'quill';
-import { CSSProperties, ReactElement } from 'react';
-export type Value = string | DeltaStatic;
-export type Range = RangeStatic | null;
-
-export interface FeRichTextRef {
-  focus: () => void;
-  blur: () => void;
-  getEditor: () => Quill | null;
-  getUnprivilegedEditor: () => UnprivilegedEditor | null;
-}
-
-export interface UnprivilegedEditor {
-  getLength(): number;
-  getText(index?: number, length?: number): string;
-  getHTML(): string;
-  getDisplayHTML(): string;
-  getBounds(index: number, length?: number): BoundsStatic;
-  getSelection(focus?: boolean): RangeStatic;
-  getContents(index?: number, length?: number): DeltaStatic;
-}
-
-type uploadToolConfig = {
-  imageConfig?: any;
-  uploadFn: any;
-};
-
-export interface FeRichTextProps {
-  /**
-   * 编辑器的内容
-   */
-  value?: Value;
-
-  /**
-   * 非受控模式的默认值
-   */
-  defaultValue?: Value;
-
-  /**
-   * 内容变化时的回调函数
-   */
-  onChange?: (value: string, delta: DeltaStatic, source: Sources, editor: UnprivilegedEditor) => void;
-
-  /**
-   * 选择变化时的回调函数
-   */
-  onChangeSelection?: (selection: Range, source: Sources, editor: UnprivilegedEditor) => void;
-
-  /**
-   * 编辑器获取焦点回调
-   */
-  onFocus?: (selection: Range, source: Sources, editor: UnprivilegedEditor) => void;
-
-  /**
-   * 编辑器失去焦点回调
-   */
-  onBlur?: (previousSelection: Range, source: Sources, editor: UnprivilegedEditor) => void;
-
-  /**
-   * 编辑器高度
-   */
-  height?: number | string;
-
-  /**
-   * 是否只读
-   */
-  readOnly?: boolean;
-
-  /**
-   * 占位符文本
-   */
-  placeholder?: string;
-
-  /**
-   * 编辑区域边界
-   */
-  bounds?: string | HTMLElement;
-
-  /**
-   * 格式白名单
-   */
-  formats?: string[];
-
-  /**
-   * 自定义模块配置
-   */
-  modules?: Record<string, any>;
-
-  /**
-   * 自定义样式
-   */
-  style?: CSSProperties;
-
-  /**
-   * 自定义类名
-   */
-  className?: string;
-
-  /**
-   * HTML ID
-   */
-  id?: string;
-
-  /**
-   * Tab索引
-   */
-  tabIndex?: number;
-
-  /**
-   * Tab键对应的空格数量
-   */
-  tabSize?: number;
-
-  /**
-   * 自定义主题
-   */
-  theme?: 'snow' | 'bubble' | string;
-
-  /**
-   * 滚动容器
-   */
-  scrollingContainer?: string | HTMLElement;
-
-  /**
-   * 键盘事件
-   */
-  onKeyPress?: React.KeyboardEventHandler;
-  onKeyDown?: React.KeyboardEventHandler;
-  onKeyUp?: React.KeyboardEventHandler;
-
-  /**
-   * 保留空白符
-   */
-  preserveWhitespace?: boolean;
-
-  /**
-   * 自定义子元素
-   */
-  children?: ReactElement;
-
-  /**
-   * 上传配置
-   */
-  uploadToolConfig?: uploadToolConfig;
-}
-
-/**
- * Quill Delta格式类型
- */
-export interface Delta {
-  ops?: {
-    insert?: any;
-    delete?: number;
-    retain?: number;
-    attributes?: Record<string, any>;
-  }[];
-}
-
-/**
- * 工具栏配置选项
- */
-export interface ToolbarOptions {
-  container?: string | string[][] | HTMLElement;
-  handlers?: Record<string, any>;
-}
-
-declare const FeRichText: React.FC<FeRichTextProps>;
+import { FeRichTextProps, FeRichTextRef } from './rich-text.d';
+declare const FeRichText: import('react').ForwardRefExoticComponent<FeRichTextProps & import('react').RefAttributes<FeRichTextRef>>;
+export default FeRichText;

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

@@ -0,0 +1,167 @@
+import { default as Quill, BoundsStatic, DeltaStatic, RangeStatic, Sources } from 'quill';
+import { CSSProperties, ReactElement } from 'react';
+export type Value = string | DeltaStatic;
+export type Range = RangeStatic | null;
+
+export interface FeRichTextRef {
+  focus: () => void;
+  blur: () => void;
+  getEditor: () => Quill | null;
+  getUnprivilegedEditor: () => UnprivilegedEditor | null;
+}
+
+export interface UnprivilegedEditor {
+  getLength(): number;
+  getText(index?: number, length?: number): string;
+  getHTML(): string;
+  getDisplayHTML(): string;
+  getBounds(index: number, length?: number): BoundsStatic;
+  getSelection(focus?: boolean): RangeStatic;
+  getContents(index?: number, length?: number): DeltaStatic;
+}
+
+type uploadToolConfig = {
+  imageConfig?: any;
+  uploadFn: any;
+};
+
+export interface FeRichTextProps {
+  /**
+   * 编辑器的内容
+   */
+  value?: Value;
+
+  /**
+   * 非受控模式的默认值
+   */
+  defaultValue?: Value;
+
+  /**
+   * 内容变化时的回调函数
+   */
+  onChange?: (value: string, delta: DeltaStatic, source: Sources, editor: UnprivilegedEditor) => void;
+
+  /**
+   * 选择变化时的回调函数
+   */
+  onChangeSelection?: (selection: Range, source: Sources, editor: UnprivilegedEditor) => void;
+
+  /**
+   * 编辑器获取焦点回调
+   */
+  onFocus?: (selection: Range, source: Sources, editor: UnprivilegedEditor) => void;
+
+  /**
+   * 编辑器失去焦点回调
+   */
+  onBlur?: (previousSelection: Range, source: Sources, editor: UnprivilegedEditor) => void;
+
+  /**
+   * 编辑器高度
+   */
+  height?: number | string;
+
+  /**
+   * 是否只读
+   */
+  readOnly?: boolean;
+
+  /**
+   * 占位符文本
+   */
+  placeholder?: string;
+
+  /**
+   * 编辑区域边界
+   */
+  bounds?: string | HTMLElement;
+
+  /**
+   * 格式白名单
+   */
+  formats?: string[];
+
+  /**
+   * 自定义模块配置
+   */
+  modules?: Record<string, any>;
+
+  /**
+   * 自定义样式
+   */
+  style?: CSSProperties;
+
+  /**
+   * 自定义类名
+   */
+  className?: string;
+
+  /**
+   * HTML ID
+   */
+  id?: string;
+
+  /**
+   * Tab索引
+   */
+  tabIndex?: number;
+
+  /**
+   * Tab键对应的空格数量
+   */
+  tabSize?: number;
+
+  /**
+   * 自定义主题
+   */
+  theme?: 'snow' | 'bubble' | string;
+
+  /**
+   * 滚动容器
+   */
+  scrollingContainer?: string | HTMLElement;
+
+  /**
+   * 键盘事件
+   */
+  onKeyPress?: React.KeyboardEventHandler;
+  onKeyDown?: React.KeyboardEventHandler;
+  onKeyUp?: React.KeyboardEventHandler;
+
+  /**
+   * 保留空白符
+   */
+  preserveWhitespace?: boolean;
+
+  /**
+   * 自定义子元素
+   */
+  children?: ReactElement;
+
+  /**
+   * 上传配置
+   */
+  uploadToolConfig?: uploadToolConfig;
+}
+
+/**
+ * Quill Delta格式类型
+ */
+export interface Delta {
+  ops?: {
+    insert?: any;
+    delete?: number;
+    retain?: number;
+    attributes?: Record<string, any>;
+  }[];
+}
+
+/**
+ * 工具栏配置选项
+ */
+export interface ToolbarOptions {
+  container?: string | string[][] | HTMLElement;
+  handlers?: Record<string, any>;
+}
+
+declare const FeRichText: React.FC<FeRichTextProps>;

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

@@ -1,8 +1,3 @@
-import { SelectProps } from 'antd';
-export interface FeSelectProps extends SelectProps {
-  /**
-   * @name minWidth 最小宽度
-   * @default `200px`
-   */
-  minWidth?: string;
-}
+import { FeSelectProps } from './select.d';
+declare const FeSelect: (props: FeSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default FeSelect;

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

@@ -0,0 +1,8 @@
+import { SelectProps } from 'antd';
+export interface FeSelectProps extends SelectProps {
+  /**
+   * @name minWidth 最小宽度
+   * @default `200px`
+   */
+  minWidth?: string;
+}

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

@@ -1,2 +1,3 @@
-import { SwitchProps } from 'antd';
-export interface FeSwitchProps extends SwitchProps {}
+import { FeSwitchProps } from './switch.d';
+declare const FeSwitch: (props: FeSwitchProps) => import("react/jsx-runtime").JSX.Element;
+export default FeSwitch;

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

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

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

@@ -1,10 +1,3 @@
-import { default as React } from 'react';
-import { IColumnsHandleConfig } from '../type/table.d';
-export type TFeTableLinkConfig<T> = IColumnsHandleConfig & { record: T; index: number };
-
-export interface FeTableLinkProps<T> {
-  config: Array<TFeTableLinkConfig<T>>;
-  modal?: {
-    confirm: (config: { title?: string; content?: React.ReactNode; onOk?: () => void; onCancel?: () => void }) => void;
-  };
-}
+import { FeTableLinkProps } from './table-link.d';
+declare const FeTableLink: <T extends Record<string, any>>(props: FeTableLinkProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default FeTableLink;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { IColumnsHandleConfig } from '../type/table.d';
+export type TFeTableLinkConfig<T> = IColumnsHandleConfig & { record: T; index: number };
+
+export interface FeTableLinkProps<T> {
+  config: Array<TFeTableLinkConfig<T>>;
+  modal?: {
+    confirm: (config: { title?: string; content?: React.ReactNode; onOk?: () => void; onCancel?: () => void }) => void;
+  };
+}

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

@@ -1,11 +1,3 @@
-import { ITableColumns, TRenderType } from '../type/table.d';
-export interface FeTableRenderProps<DataType extends Record<string, any>> {
-  value: any;
-  width: ITableColumns<DataType>['width'];
-  record: DataType;
-  column: ITableColumns<DataType>;
-  renderType: TRenderType;
-  renderParams: ITableColumns<DataType>['renderParams'];
-  tagRenderParams: ITableColumns<DataType>['tagRenderParams'];
-  thousandsParams?: ITableColumns<DataType>['thousandsParams'];
-}
+import { FeTableRenderProps } from './table-render.d';
+declare const FeTableRender: <DataType extends Record<string, any>>({ value, width, record, column, renderType, renderParams, tagRenderParams, thousandsParams }: FeTableRenderProps<DataType>) => import("react/jsx-runtime").JSX.Element;
+export default FeTableRender;

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

@@ -0,0 +1,11 @@
+import { ITableColumns, TRenderType } from '../type/table.d';
+export interface FeTableRenderProps<DataType extends Record<string, any>> {
+  value: any;
+  width: ITableColumns<DataType>['width'];
+  record: DataType;
+  column: ITableColumns<DataType>;
+  renderType: TRenderType;
+  renderParams: ITableColumns<DataType>['renderParams'];
+  tagRenderParams: ITableColumns<DataType>['tagRenderParams'];
+  thousandsParams?: ITableColumns<DataType>['thousandsParams'];
+}

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

@@ -1,16 +1,3 @@
-import { default as React } from 'react';
-import { IToolBarBtnConfig } from '../type/table.d';
-export interface FeTableToolbarProps {
-  config: IToolBarBtnConfig[];
-  btnPermissionList?: string[];
-  modal?: {
-    confirm: (config: {
-      title?: string;
-      content?: React.ReactNode;
-      onOk?: () => void;
-      onCancel?: () => void;
-    }) => void;
-  }
-}
-
-declare const FeTableToolbar: React.ForwardRefExoticComponent<FeTableToolbarProps>;
+import { FeTableToolbarProps } from './table-toolbar.d';
+declare const FeTableToolBar: (props: FeTableToolbarProps) => import("react/jsx-runtime").JSX.Element[];
+export default FeTableToolBar;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { IToolBarBtnConfig } from '../type/table.d';
+export interface FeTableToolbarProps {
+  config: IToolBarBtnConfig[];
+  btnPermissionList?: string[];
+  modal?: {
+    confirm: (config: {
+      title?: string;
+      content?: React.ReactNode;
+      onOk?: () => void;
+      onCancel?: () => void;
+    }) => void;
+  }
+}
+
+declare const FeTableToolbar: React.ForwardRefExoticComponent<FeTableToolbarProps>;

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;