@spacego/fe-components 0.1.1 → 0.2.1

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

@@ -0,0 +1,73 @@
+export interface FeMapProps {
+  onSelectLocation?: (info, lnglat) => void;
+  addressPoi?: any;
+  showStreet?: boolean;
+}
+
+export interface IAddressComponent {
+  citycode: string;
+  /**
+   * 区域编码
+   */
+  adcode: string;
+  /**
+   * 商圈列表
+   */
+  businessAreas: [];
+  neighborhoodType: string;
+  /**
+   * 社区
+   */
+  neighborhood: string;
+  /**
+   * 建筑
+   */
+  building: string;
+  buildingType: string;
+  street: string;
+  /**
+   * 门牌信息
+   */
+  streetNumber: string;
+  /**
+   * 省名
+   */
+  province: string;
+  /**
+   * 市名
+   */
+  city: string;
+  /**
+   * 区县名
+   */
+  district: string;
+  /**
+   * 乡镇编码
+   */
+  towncode: string;
+  /**
+   * 乡镇名
+   */
+  township: string;
+}
+
+export interface IGeocoderAddress {
+  /**
+   * 状态
+   */
+  info: string;
+  /**
+   * 详细信息
+   */
+  regeocode: {
+    /**
+     * 地址详细信息
+     */
+    addressComponent: IAddressComponent;
+    /**
+     * 格式化后的地址
+     * @example 湖北省武汉市武昌区中南路街道洪山坊社区(武珞路五巷)武昌区傅家坡小学
+     */
+    formattedAddress: string;
+  };
+}

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

@@ -0,0 +1,20 @@
+import { ModalProps } from 'antd';
+import { default as React } from 'react';
+export interface FeModalProps extends ModalProps {
+  /**
+   * @name 是否可见
+   */
+  isVisible: boolean;
+  /**
+   * @name 内容区域样式
+   */
+  bodyStyle?: React.CSSProperties;
+  /**
+   * @name 设置是否可见
+   */
+  setIsVisible: (isVisible: boolean) => void;
+  /**
+   * @name 关闭回调
+   */
+  onClose?: (e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+}

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

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

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

@@ -0,0 +1,3 @@
+import { FePanelToolbarProps } from './panel-toolbar.d';
+declare const FePanelToolBar: (props: FePanelToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export default FePanelToolBar;

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

@@ -0,0 +1,61 @@
+import { ButtonProps, TooltipProps } from 'antd';
+import { default as React } from 'react';
+import { IPermissionProps } from '../typings';
+export interface IToolBarConfig extends Pick<IPermissionProps, 'btnPermission'> {
+  /**
+   * @name 按钮类型
+   * @default primary
+   */
+  type?: 'primary' | 'default';
+  /**
+   * @name 按钮文案
+   */
+  label: string;
+  /**
+   * @name 按钮禁用文案
+   */
+  disabledText?: string;
+  /**
+   * @name 是否需要二次确认
+   */
+  needConfirm?: boolean;
+  /**
+   * @name 确认文案
+   * @default 确定{$label}吗？
+   */
+  confirmText?: string;
+  /**
+   * @name 工具栏属性
+   */
+  tooltipAttributes?: Partial<TooltipProps>;
+  /**
+   * @name 按钮属性
+   */
+  btnAttributes?: Partial<ButtonProps>;
+  /**
+   * @name 按钮点击事件
+   */
+  onClick: () => void;
+  /**
+   * @name 是否禁用
+   */
+  disabled?: () => boolean;
+  /**
+   * @name 是否隐藏
+   */
+  hidden?: () => boolean;
+}
+
+export interface FePanelProps {
+  isSticky?: boolean;
+  wrapperClassName?: string;
+  children?: React.ReactNode;
+  title?: React.ReactNode;
+  subTitle?: React.ReactNode;
+  toolBarRender?: React.ReactNode;
+  toolBarConfig?: IToolBarConfig[];
+  wrapperStyle?: React.CSSProperties;
+  type?: 'default' | 'search';
+}
+
+declare const FePanel: React.ForwardRefExoticComponent<FePanelProps>;

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

@@ -0,0 +1,4 @@
+import { IToolBarConfig } from './index.d';
+export interface FePanelToolbarProps {
+  config: IToolBarConfig[];
+}

package/lib/types/fe-panel/use-panel-context.d.ts

@@ -0,0 +1,6 @@
+export interface IPanelContextProps {
+    renderExtraDom: (dom: React.ReactNode) => void;
+}
+declare const FePanelContext: import('react').Context<IPanelContextProps>;
+export declare const usePanelContext: <T = unknown>() => T & IPanelContextProps;
+export default FePanelContext;

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

@@ -0,0 +1,10 @@
+import { IBasicProps, IPermissionProps } from '../typings';
+/**
+ * 权限控制组件属性
+ */
+export interface FePermissionProps extends IPermissionProps, Pick<IBasicProps, 'children'> {
+  /**
+   * @name 权限字符串
+   */
+  permission?: string;
+}

package/lib/types/fe-permission-provider/index.d.ts

@@ -0,0 +1,8 @@
+import { IPermissionStore } from '../hooks/use-permission.hook/index.d';
+import { IBasicProps } from '../typings';
+export interface FePermissionProviderProps extends Pick<IBasicProps, 'children'> {
+  /**
+   * @name 按钮权限字符串
+   */
+  btnPermissionList?: IPermissionStore['btnPermissionList'];
+}

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

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

package/lib/types/fe-radio-group/index.d.ts

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

package/lib/types/fe-rich-text/index.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

@@ -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

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

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

@@ -0,0 +1,3 @@
+import { FeEditTableProps } from '../type/table.d';
+declare const FeEditTable: (props: FeEditTableProps) => import("react/jsx-runtime").JSX.Element;
+export default FeEditTable;

package/lib/types/fe-table/fe-edit-table-cell/index.d.ts

@@ -0,0 +1,16 @@
+import { ITableColumns } from '../type/table.d';
+interface EditableCellProps extends ITableColumns {
+    dataIndex: string;
+    label: string;
+    editing: boolean;
+    record: any;
+    rowKey: string;
+    index: number;
+    children: React.ReactNode;
+    formRef: React.RefObject<any>;
+    onTableValueChange: (values: any) => void;
+    errorKey: Array<string>;
+    [key: string]: any;
+}
+declare const FeEditableCell: import('react').MemoExoticComponent<(props: EditableCellProps) => import("react/jsx-runtime").JSX.Element>;
+export default FeEditableCell;

package/lib/types/fe-table/fe-head-title/index.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+declare const FeHeadTitle: (props: {
+    title: ReactNode;
+    subTitle: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FeHeadTitle;

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

@@ -0,0 +1,3 @@
+import { FeTableProps } from '../type/table.d';
+declare const FeNormalTable: (props: FeTableProps) => import("react/jsx-runtime").JSX.Element;
+export default FeNormalTable;

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

@@ -0,0 +1,3 @@
+import { FeSubTableProps } from '../type/table.d';
+declare const FeSubTable: ({ columns, record, config }: FeSubTableProps) => import("react/jsx-runtime").JSX.Element;
+export default FeSubTable;

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

@@ -0,0 +1,3 @@
+import { FeFullTableProps } from '../type/table.d';
+declare const FeTable: (props: FeFullTableProps) => import("react/jsx-runtime").JSX.Element;
+export default FeTable;

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

@@ -0,0 +1,13 @@
+import { Key } from 'antd/es/table/interface';
+export interface FeTableAlertProps<T = any> {
+    selectedRowKeys: Key[];
+    selectedRows: T[];
+    onCleanSelected: () => void;
+    tableAlertRender?: ((params: {
+        selectedRowKeys: Key[];
+        selectedRows: T[];
+        onCleanSelected: () => void;
+    }) => React.ReactNode) | false;
+}
+declare const FeTableAlert: <T extends Record<string, any> = any>(props: FeTableAlertProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export default FeTableAlert;

package/lib/types/fe-table/fe-table-link/index.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

@@ -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-setting/index.d.ts

@@ -0,0 +1,22 @@
+import { ITableColumns } from '../type/table.d';
+export interface FeTableSettingProps<T = any> {
+    /**
+     * 表格列配置
+     */
+    columns: ITableColumns<T>[];
+    /**
+     * 列顺序变化回调
+     */
+    onColumnsChange?: (columns: ITableColumns<T>[]) => void;
+    /**
+     * 列显示/隐藏变化回调
+     */
+    onColumnVisibilityChange?: (dataIndex: string, visible: boolean) => void;
+    /**
+     * 隐藏的列的dataIndex数组
+     */
+    hiddenColumns?: string[];
+    style?: React.CSSProperties;
+}
+declare const FeTableSetting: <T extends Record<string, any> = any>(props: FeTableSettingProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default FeTableSetting;

package/lib/types/fe-table/fe-table-toolbar/index.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>;