@spacego/fe-components 0.1.1 → 0.2.0

package/lib/types/fe-layouts/context/global-context.d.ts

@@ -2,241 +2,243 @@ import { MenuProps } from 'antd';
 import { ReactNode } from 'react';
 import { RouteObject } from 'react-router-dom';
 import { MenuItem } from '../../router';
-export interface IUserInfo {
-  username?: string;
-  avatar?: string;
-  roleName?: string;
-  [key: string]: any;
-}
-
-export interface IGlobalContextProps {
-  /**
-   * @name 项目名称
-   */
-  appName?: ReactNode;
-  /**
-   * @name 项目logo
-   */
-  logo?: ReactNode;
-  /**
-   * @name 通知的reactNode
-   */
-  noticeRender?: ReactNode;
-  /**
-   * @name 项目说明
-   */
-  description?: ReactNode;
-  /**
-   * @name 项目详细说明
-   */
-  descriptionDetail?: ReactNode;
-  /**
-   * @name Copyright
-   */
-  copyright?: ReactNode;
-  /**
-   * @name 用户菜单
-   */
-  userMenuItems?: MenuProps['items'];
-  /**
-   * @name 用户信息
-   */
-  userInfo?: IUserInfo;
-  /**
-   * @name 侧边栏前置内容
-   */
-  sidebarBefore?: ReactNode;
-  /**
-   * @name 侧边栏后置内容
-   */
-  sidebarAfter?: ReactNode;
-  /**
-   * @name tabs前置内容
-   */
-  tabsBefore?: ReactNode;
-  /**
-   * @name tabs后置内容
-   */
-  tabsAfter?: ReactNode;
-  /**
-   * @name header按钮组render
-   */
-  headerActionsRender?: ReactNode;
-  /**
-   * @name 搜索框render
-   */
-  searchRender?: ReactNode;
-  /**
-   * @name 面包屑前置render
-   */
-  breadcrumbBeforeRender?: ReactNode;
-  /**
-   * @name 登录凭证
-   */
-  token?: string;
-  /**
-   * @name 设置登录凭证
-   */
-  setToken?: (token?: string) => void;
-  /**
-   * @name 菜单列表
-   */
-  menus?: MenuItem[];
-  /**
-   * @name 路由配置
-   */
-  routes?: RouteObject[];
-  /**
-   * @name 是否显示通知按钮
-   * @default true
-   */
-  isNotice?: boolean;
-}
-
-export interface IGlobalContext {
-  /**
-   * @name 项目名称
-   */
-  appName?: ReactNode;
-  /**
-   * @name 通知的reactNode
-   */
-  noticeRender?: ReactNode;
-  /**
-   * @name 项目logo
-   */
-  logo?: ReactNode;
-  /**
-   * @name 项目说明
-   */
-  description?: ReactNode;
-  /**
-   * @name 项目详细说明
-   */
-  descriptionDetail?: ReactNode;
-  /**
-   * @name Copyright
-   */
-  copyright?: ReactNode;
-  /**
-   * @name 用户菜单
-   */
-  userMenuItems?: MenuProps['items'];
-  /**
-   * @name 用户信息
-   */
-  userInfo?: IUserInfo;
-  /**
-   * @name 设置项目名称
-   */
-  setAppName: (name?: ReactNode) => void;
-  /**
-   * @name 设置通知的reactNode，用于在顶部通知图标点击显示通知
-   */
-  setNoticeRender: (render?: ReactNode) => void;
-  /**
-   * @name 设置项目logo
-   */
-  setLogo: (logo?: ReactNode) => void;
-  /**
-   * @name 设置项目说明
-   */
-  setDescription: (description?: ReactNode) => void;
-  /**
-   * @name 设置项目详细说明
-   */
-  setDescriptionDetail: (descriptionDetail?: ReactNode) => void;
-  /**
-    * @name 设置Copyright
-    */
-  setCopyright: (copyright?: ReactNode) => void;
-  /**
-   * @name 设置用户菜单
-   */
-  setUserMenuItems: (items?: MenuProps['items']) => void;
-  /**
-   * @name 设置用户信息
-   */
-  setUserInfo: (info?: IUserInfo) => void;
-  /**
-   * @name 侧边栏前置内容
-   */
-  sidebarBefore?: ReactNode;
-  /**
-   * @name 侧边栏后置内容
-   */
-  sidebarAfter?: ReactNode;
-  /**
-   * @name tabs前置内容
-   */
-  tabsBefore?: ReactNode;
-  /**
-   * @name tabs后置内容
-   */
-  tabsAfter?: ReactNode;
-  /**
-   * @name header按钮组render
-   */
-  headerActionsRender?: ReactNode;
-  /**
-   * @name 搜索框render
-   */
-  searchRender?: ReactNode;
-  /**
-   * @name 面包屑前置render
-   */
-  breadcrumbBeforeRender?: ReactNode;
-  /**
-   * @name 设置侧边栏前置内容
-   */
-  setSidebarBefore: (content?: ReactNode) => void;
-  /**
-   * @name 设置侧边栏后置内容
-   */
-  setSidebarAfter: (content?: ReactNode) => void;
-  /**
-   * @name 设置tabs前置内容
-   */
-  setTabsBefore: (content?: ReactNode) => void;
-  /**
-   * @name 设置tabs后置内容
-   */
-  setTabsAfter: (content?: ReactNode) => void;
-  /**
-   * @name 设置header按钮组render
-   */
-  setHeaderActionsRender: (render?: ReactNode) => void;
-  /**
-   * @name 设置搜索框render
-   */
-  setSearchRender: (render?: ReactNode) => void;
-  /**
-   * @name 设置面包屑前置render
-   */
-  setBreadcrumbBeforeRender: (render?: ReactNode) => void;
-  /**
-   * @name 登录凭证
-   */
-  token?: string;
-  /**
-   * @name 菜单列表
-   */
-  menus?: MenuItem[];
-  /**
-   * @name 路由配置
-   */
-  routes?: RouteObject[];
-  /**
-   * @name 设置登录凭证
-   */
-  setToken?: (token?: string) => void;
-  /**
-   * @name 是否显示通知按钮
-   * @default true
-   */
-  isNotice?: boolean;
-  /**
-   * @name 设置是否显示通知按钮
-   */
-  setIsNotice?: (isNotice?: boolean) => void;
-}
+
+
+export interface IUserInfo {
+  username?: string;
+  avatar?: string;
+  roleName?: string;
+  [key: string]: any;
+}
+
+export interface IGlobalContextProps {
+  /**
+   * @name 项目名称
+   */
+  appName?: ReactNode;
+  /**
+   * @name 项目logo
+   */
+  logo?: ReactNode;
+  /**
+   * @name 通知的reactNode
+   */
+  noticeRender?: ReactNode;
+  /**
+   * @name 项目说明
+   */
+  description?: ReactNode;
+  /**
+   * @name 项目详细说明
+   */
+  descriptionDetail?: ReactNode;
+  /**
+   * @name Copyright
+   */
+  copyright?: ReactNode;
+  /**
+   * @name 用户菜单
+   */
+  userMenuItems?: MenuProps['items'];
+  /**
+   * @name 用户信息
+   */
+  userInfo?: IUserInfo;
+  /**
+   * @name 侧边栏前置内容
+   */
+  sidebarBefore?: ReactNode;
+  /**
+   * @name 侧边栏后置内容
+   */
+  sidebarAfter?: ReactNode;
+  /**
+   * @name tabs前置内容
+   */
+  tabsBefore?: ReactNode;
+  /**
+   * @name tabs后置内容
+   */
+  tabsAfter?: ReactNode;
+  /**
+   * @name header按钮组render
+   */
+  headerActionsRender?: ReactNode;
+  /**
+   * @name 搜索框render
+   */
+  searchRender?: ReactNode;
+  /**
+   * @name 面包屑前置render
+   */
+  breadcrumbBeforeRender?: ReactNode;
+  /**
+   * @name 登录凭证
+   */
+  token?: string;
+  /**
+   * @name 设置登录凭证
+   */
+  setToken?: (token?: string) => void;
+  /**
+   * @name 菜单列表
+   */
+  menus?: MenuItem[];
+  /**
+   * @name 路由配置
+   */
+  routes?: RouteObject[];
+  /**
+   * @name 是否显示通知按钮
+   * @default true
+   */
+  isNotice?: boolean;
+}
+
+export interface IGlobalContext {
+  /**
+   * @name 项目名称
+   */
+  appName?: ReactNode;
+  /**
+   * @name 通知的reactNode
+   */
+  noticeRender?: ReactNode;
+  /**
+   * @name 项目logo
+   */
+  logo?: ReactNode;
+  /**
+   * @name 项目说明
+   */
+  description?: ReactNode;
+  /**
+   * @name 项目详细说明
+   */
+  descriptionDetail?: ReactNode;
+  /**
+   * @name Copyright
+   */
+  copyright?: ReactNode;
+  /**
+   * @name 用户菜单
+   */
+  userMenuItems?: MenuProps['items'];
+  /**
+   * @name 用户信息
+   */
+  userInfo?: IUserInfo;
+  /**
+   * @name 设置项目名称
+   */
+  setAppName: (name?: ReactNode) => void;
+  /**
+   * @name 设置通知的reactNode，用于在顶部通知图标点击显示通知
+   */
+  setNoticeRender: (render?: ReactNode) => void;
+  /**
+   * @name 设置项目logo
+   */
+  setLogo: (logo?: ReactNode) => void;
+  /**
+   * @name 设置项目说明
+   */
+  setDescription: (description?: ReactNode) => void;
+  /**
+   * @name 设置项目详细说明
+   */
+  setDescriptionDetail: (descriptionDetail?: ReactNode) => void;
+  /**
+    * @name 设置Copyright
+    */
+  setCopyright: (copyright?: ReactNode) => void;
+  /**
+   * @name 设置用户菜单
+   */
+  setUserMenuItems: (items?: MenuProps['items']) => void;
+  /**
+   * @name 设置用户信息
+   */
+  setUserInfo: (info?: IUserInfo) => void;
+  /**
+   * @name 侧边栏前置内容
+   */
+  sidebarBefore?: ReactNode;
+  /**
+   * @name 侧边栏后置内容
+   */
+  sidebarAfter?: ReactNode;
+  /**
+   * @name tabs前置内容
+   */
+  tabsBefore?: ReactNode;
+  /**
+   * @name tabs后置内容
+   */
+  tabsAfter?: ReactNode;
+  /**
+   * @name header按钮组render
+   */
+  headerActionsRender?: ReactNode;
+  /**
+   * @name 搜索框render
+   */
+  searchRender?: ReactNode;
+  /**
+   * @name 面包屑前置render
+   */
+  breadcrumbBeforeRender?: ReactNode;
+  /**
+   * @name 设置侧边栏前置内容
+   */
+  setSidebarBefore: (content?: ReactNode) => void;
+  /**
+   * @name 设置侧边栏后置内容
+   */
+  setSidebarAfter: (content?: ReactNode) => void;
+  /**
+   * @name 设置tabs前置内容
+   */
+  setTabsBefore: (content?: ReactNode) => void;
+  /**
+   * @name 设置tabs后置内容
+   */
+  setTabsAfter: (content?: ReactNode) => void;
+  /**
+   * @name 设置header按钮组render
+   */
+  setHeaderActionsRender: (render?: ReactNode) => void;
+  /**
+   * @name 设置搜索框render
+   */
+  setSearchRender: (render?: ReactNode) => void;
+  /**
+   * @name 设置面包屑前置render
+   */
+  setBreadcrumbBeforeRender: (render?: ReactNode) => void;
+  /**
+   * @name 登录凭证
+   */
+  token?: string;
+  /**
+   * @name 菜单列表
+   */
+  menus?: MenuItem[];
+  /**
+   * @name 路由配置
+   */
+  routes?: RouteObject[];
+  /**
+   * @name 设置登录凭证
+   */
+  setToken?: (token?: string) => void;
+  /**
+   * @name 是否显示通知按钮
+   * @default true
+   */
+  isNotice?: boolean;
+  /**
+   * @name 设置是否显示通知按钮
+   */
+  setIsNotice?: (isNotice?: boolean) => void;
+}

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+import { IBasicProps, IPermissionProps } from '../typings';
+export interface FeLinkProps extends HTMLAttributes<HTMLSpanElement>, IBasicProps, IPermissionProps {
+  onClick?: any;
+  disabled?: boolean;
+}

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;