@ccs-ui/rc-pro 1.0.0 → 1.0.3

package/es/auth/auth-button.d.ts

@@ -0,0 +1,14 @@
+import { ButtonProps } from 'antd';
+import React from 'react';
+type CcsAuthButtonProps = ButtonProps & {
+    auth: string;
+    text?: string;
+    confirm?: string;
+};
+/**
+ * 带权限的按钮组件、继承Ant Button所有属性
+ * @param CcsAuthButtonProps
+ * @returns
+ */
+declare const _default: ({ auth, text, confirm, onClick, ...restProps }: CcsAuthButtonProps) => React.JSX.Element;
+export default _default;

package/es/auth/auth-dropdown.d.ts

@@ -0,0 +1,38 @@
+import { MenuDividerType, MenuItemGroupType, MenuItemType, SubMenuType } from 'antd/es/menu/hooks/useItems';
+import { DropDownProps } from 'antd/lib/dropdown';
+import { MenuInfo } from 'rc-menu/lib/interface';
+import React from 'react';
+type ChildrenType = React.ReactNode;
+type MenuItemAuthType = MenuItemType & {
+    auth?: string;
+    children?: DropdownMenuItemType[];
+};
+type SubMenuAuthType = SubMenuType & {
+    auth?: string;
+    children: DropdownMenuItemType[];
+};
+type MenuItemGroupAuthType = MenuItemGroupType & {
+    auth?: string;
+    children?: DropdownMenuItemType[];
+};
+type MenuDividerAuthType = MenuDividerType & {
+    auth?: string;
+    children?: DropdownMenuItemType[];
+};
+type DropdownMenuItemType = MenuItemAuthType | SubMenuAuthType | MenuItemGroupAuthType | MenuDividerAuthType;
+interface CcsAuthDropdownProps extends Omit<DropDownProps, 'overlay' | 'children'> {
+    /** 权限标识 */
+    auth?: string;
+    /** dropdown 菜单数据 */
+    menus: DropdownMenuItemType[];
+    /** 自定义显示内容 */
+    children: ChildrenType;
+    /** 点击事件 */
+    onClick?: (info: MenuInfo) => void;
+}
+/**
+ * 带权限的Dropdown组件
+ */
+declare const _default: ({ auth, menus, children, onClick, ...restProps }: CcsAuthDropdownProps) => React.ReactElement;
+export default _default;
+export { MenuItemAuthType, SubMenuAuthType, MenuItemGroupAuthType, MenuDividerAuthType, DropdownMenuItemType, CcsAuthDropdownProps, };

package/es/auth/index.d.ts

@@ -0,0 +1,49 @@
+import { ButtonProps } from 'antd';
+import React, { ReactElement, ReactNode } from 'react';
+export interface ButtonItem {
+    key: string;
+    label: string;
+    auth?: string;
+    type?: ButtonProps['type'];
+    disabled?: boolean;
+    danger?: boolean;
+    icon?: ReactNode;
+    confirm?: string;
+}
+export interface CcsAuthGroupProps {
+    /** 按钮尺寸 */
+    size?: ButtonProps['size'];
+    /** 默认显示按钮数量 default:3 */
+    showCount?: number;
+    /** 全部显示成link样式 */
+    isLink?: boolean;
+    /** 按钮数据 */
+    items?: ButtonItem[];
+    /** 更多icon */
+    moreIcon?: ReactNode;
+    /** 更多文字 */
+    moreText?: string;
+    /** 点击事件 */
+    onClick?: (key: string) => void;
+}
+export interface CcsAuthProps {
+    /** 权限标识 */
+    auth: string;
+    /** component children */
+    children: ReactElement;
+}
+export declare function ModalConfirm({ modalRef }: {
+    modalRef: any;
+}): React.JSX.Element;
+declare function CcsAuth({ auth, children }: CcsAuthProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare namespace CcsAuth {
+    var Group: typeof AuthGroup;
+    var Button: ({ auth, text, confirm, onClick, ...restProps }: ButtonProps & {
+        auth: string;
+        text?: string | undefined;
+        confirm?: string | undefined;
+    }) => React.JSX.Element;
+    var Dropdown: ({ auth, menus, children, onClick, ...restProps }: import("./auth-dropdown").CcsAuthDropdownProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+}
+declare function AuthGroup({ size, isLink, showCount, moreIcon, moreText, items, onClick, }: CcsAuthGroupProps): React.JSX.Element | null;
+export default CcsAuth;

package/es/ccs.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { CcsGlobalConfigType } from './';
+interface CcsCustomIconType {
+    name: 'TableFilter' | string;
+    node: ReactNode;
+}
+export default class ccs {
+    /** 自定义按钮 */
+    static CustomIcon: CcsCustomIconType[];
+    /** 按钮权限 */
+    static UrlAuth: Record<string, string[]>;
+    /** 全局配置 */
+    static GlobalConfig: CcsGlobalConfigType;
+    /** 添加自定义icon */
+    static setCustomIcon(_icons: CcsCustomIconType[]): void;
+    /** 设置全局配置 */
+    static setGlobalConfig(e: CcsGlobalConfigType): void;
+    /** 添加权限数据 */
+    static setAuthList(e: string, auths: string[]): void;
+    /** 清空权限 */
+    static clearAuthList(): void;
+    /** 系统配置 */
+    static setDefaultConfig(config: any): any;
+}
+export {};

package/es/ccs.js

@@ -21,13 +21,7 @@ var ccs = /*#__PURE__*/function () {
   }
   _createClass(ccs, null, [{
     key: "setCustomIcon",
-    value: /** 自定义按钮 */
-
-    /** 按钮权限 */
-
-    /** 全局配置 */
-
-    /** 添加自定义icon */
+    value: /** 添加自定义icon */
     function setCustomIcon(_icons) {
       console.log('_icons', _icons);
 
@@ -76,7 +70,10 @@ var ccs = /*#__PURE__*/function () {
   }]);
   return ccs;
 }();
+/** 自定义按钮 */
 _defineProperty(ccs, "CustomIcon", []);
+/** 按钮权限 */
 _defineProperty(ccs, "UrlAuth", {});
+/** 全局配置 */
 _defineProperty(ccs, "GlobalConfig", {});
 export { ccs as default };

package/es/color-picker/index.d.ts

@@ -0,0 +1,15 @@
+import React, { CSSProperties } from 'react';
+import './index.less';
+export interface PropsType {
+    /** 指定选中项 */
+    value?: any;
+    /** 选择完成后的回调 */
+    onChange?: Function;
+    /** 内部样式 */
+    style?: CSSProperties;
+}
+/**
+ * 颜色选择组件
+ */
+declare const ColorPicker: ({ onChange, value, style }: PropsType) => React.JSX.Element;
+export default ColorPicker;

package/es/config.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { GlobalContextPropsType } from './context';
+declare const _default: ({ userDetail, children }: GlobalContextPropsType) => React.JSX.Element;
+export default _default;

package/es/context/index.d.ts

@@ -0,0 +1,46 @@
+import { Store } from 'antd/es/form/interface';
+import { Location } from 'history';
+import { Tab } from 'rc-tabs/lib/interface';
+import React from 'react';
+import { CcsUserDetailType } from '..';
+interface TabProps {
+    /** 当前激活tab面板的key */
+    activeKey: string;
+    /** Tabs items */
+    items: Tab[];
+    /** tab间传递的参数 */
+    option: any;
+}
+interface TabsContextType extends TabProps {
+    option: any;
+    /** 改变tab间传递的参数 */
+    onChange: (tab: Partial<TabProps>) => void;
+}
+type PageContextType = {
+    /** ID */
+    id: string;
+    /** history Location */
+    location: Location;
+    /** 当前页面是否选中 */
+    isActive: boolean;
+    /** 销毁页面 */
+    onDestroy: (path: string) => void;
+    /** 获取按钮权限 */
+    onAuth: (code: string) => boolean;
+};
+interface GlobalContextPropsType {
+    userDetail: CcsUserDetailType;
+    children: React.ReactElement;
+}
+type GlobalContextType = Omit<GlobalContextPropsType, 'children'>;
+interface FnContextType<T = Store> {
+    locationKey: string;
+    formInitialValues: T;
+    close: () => void;
+}
+declare const GlobalContext: React.Context<GlobalContextType>;
+declare const DrawerAndModalContext: React.Context<FnContextType<any>>;
+declare const PageContext: React.Context<PageContextType>;
+declare const TabsContext: React.Context<TabsContextType>;
+export type { TabProps, FnContextType, TabsContextType, GlobalContextPropsType, };
+export { TabsContext, PageContext, GlobalContext, DrawerAndModalContext };

package/es/date-picker/index.d.ts

@@ -0,0 +1,21 @@
+import { DatePickerProps } from 'antd';
+import { PickerPanelDateProps } from 'antd/es/calendar/generateCalendar';
+import { RangePickerProps } from 'antd/es/date-picker';
+import { Dayjs } from 'dayjs';
+import React from 'react';
+type CcsDatePickerProps = {
+    value?: string;
+    picker?: 'year' | 'month' | 'date';
+    onChange?: (e: string) => void;
+} & Omit<PickerPanelDateProps<Dayjs>, 'value' | 'onChange' | 'picker'> & Omit<DatePickerProps, 'value' | 'onChange' | 'picker'>;
+type CcsRangePickerProps = {
+    showTime?: boolean;
+    value?: [string, string];
+    picker?: 'year' | 'month' | 'date';
+    onChange?: (e: [string, string]) => void;
+} & Omit<RangePickerProps, 'value' | 'onChange'>;
+declare function CcsDatePicker({ value, onChange, ...restProps }: CcsDatePickerProps): React.JSX.Element;
+declare namespace CcsDatePicker {
+    var RangPicker: ({ value, onChange, ...restProps }: CcsRangePickerProps) => React.JSX.Element;
+}
+export default CcsDatePicker;

package/es/drawer/buttons.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+interface PropsType {
+    children?: ReactNode;
+    /** 确定文字内容 */
+    okText?: string;
+    /** 确定按钮权限 */
+    okAuth?: string;
+    /** 加载中 */
+    loading?: boolean;
+    /** 确定事件 */
+    onOk?: (value?: any) => void;
+}
+export default function DrawerButton({ children, okText, onOk, okAuth, loading, }: PropsType): React.JSX.Element;
+export {};

package/es/drawer/index.d.ts

@@ -0,0 +1,10 @@
+import DrawerBtns from './buttons';
+import './index.less';
+import DrawerOpen from './open';
+export declare const classPrefix = "ccs-drawer";
+interface DrawerInterface {
+    Buttons: typeof DrawerBtns;
+    open: typeof DrawerOpen;
+}
+declare const Drawer: DrawerInterface;
+export default Drawer;

package/es/drawer/open/content.d.ts

@@ -0,0 +1,20 @@
+import { FormProps } from 'antd';
+import React, { ReactNode } from 'react';
+interface PropsType {
+    /** url location key */
+    locationKey: string;
+    /** react children */
+    children: ReactNode;
+    /** ant form */
+    form?: FormProps;
+    /** close function */
+    close: () => void;
+}
+type ContextType = Pick<PropsType, 'children' | 'locationKey'>;
+export declare function FnContext({ children, locationKey }: ContextType): React.JSX.Element;
+/**
+ * 函数式打开无法获取全局context，需重新设置，但无法获取用户信息和history
+ * 为子组件添加form，子组件可以使用useFormInstance来获取form实例
+ */
+export default function FnContent({ form, children, locationKey, close, }: PropsType): React.JSX.Element;
+export {};

package/es/drawer/open/destory-fns.d.ts

@@ -0,0 +1,2 @@
+declare const destroyDrawerFns: Array<Function>;
+export default destroyDrawerFns;

package/es/drawer/open/form.d.ts

@@ -0,0 +1,12 @@
+import { FormProps } from 'antd';
+import React, { ReactNode } from 'react';
+interface PropsType {
+    children: ReactNode;
+    formProps: FormProps;
+}
+/**
+ * 添加form实例
+ * @returns
+ */
+export default function DrawerForm({ children, formProps: { initialValues, labelCol, wrapperCol }, }: PropsType): React.JSX.Element;
+export {};

package/es/drawer/open/index.d.ts

@@ -0,0 +1,18 @@
+import { DrawerProps, FormProps } from 'antd';
+import { ReactNode } from 'react';
+type ConfigUpdate = DrawerProps | ((prevConfig: DrawerProps) => DrawerProps);
+export type CcsDrawerProps = DrawerProps & {
+    /** 内容组件 */
+    content?: ReactNode;
+    /** 头部扩展 */
+    titleExtra?: ReactNode;
+    /** 返回文字 */
+    closeText?: string;
+    /** antd form */
+    form?: FormProps;
+};
+export default function DrawerFn(config: CcsDrawerProps): {
+    destroy: () => void;
+    update: (configUpdate: ConfigUpdate) => void;
+};
+export {};

package/es/full-screen/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface PropsType {
+    onFullScreen?: (isFull: boolean) => void;
+}
+declare const _default: ({ onFullScreen }: PropsType) => React.JSX.Element;
+export default _default;

package/es/hooks/use-event.d.ts

@@ -0,0 +1,10 @@
+export declare class EventInstance<T = any, ActionType = any> {
+    private subscriptions;
+    emit: (val: T, actionType?: ActionType) => void;
+    useSubscription: (callback: (val: T) => void, actionType?: ActionType) => T;
+}
+/**
+ * 组件消息订阅方式传值
+ * @returns
+ */
+export default function Event<T = void, ActionType = any>(): EventInstance<T, ActionType>;

package/es/hooks/use-event.js

@@ -12,6 +12,7 @@ export var EventInstance = /*#__PURE__*/_createClass(function EventInstance() {
   var _this = this;
   _classCallCheck(this, EventInstance);
   _defineProperty(this, "subscriptions", []);
+  // 发布通知
   _defineProperty(this, "emit", function (val, actionType) {
     _this.subscriptions.forEach(function (subscription) {
       // 未传入actionType 全部执行
@@ -30,6 +31,7 @@ export var EventInstance = /*#__PURE__*/_createClass(function EventInstance() {
       }
     });
   });
+  // 订阅
   _defineProperty(this, "useSubscription", function (callback, actionType) {
     var _this$subscriptions$f;
     // eslint-disable-next-line react-hooks/rules-of-hooks

package/es/hooks/use-global.d.ts

@@ -0,0 +1,4 @@
+declare const useGlobal: () => {
+    userDetail: import("..").CcsUserDetailType;
+};
+export default useGlobal;

package/es/hooks/use-once-event.d.ts

@@ -0,0 +1,2 @@
+declare const useOnceEvent: (fn: Function) => (...args: any) => void;
+export default useOnceEvent;

package/es/hooks/use-page.d.ts

@@ -0,0 +1,8 @@
+declare const usePage: () => {
+    id: string;
+    location: import("history").Location;
+    isActive: boolean;
+    onDestroy: (path: string) => void;
+    onAuth: (code: string) => boolean;
+};
+export default usePage;

package/es/hooks/use-tabs.d.ts

@@ -0,0 +1,2 @@
+declare const useTabs: () => import("../context").TabsContextType;
+export default useTabs;

package/es/hooks/use-window.d.ts

@@ -0,0 +1,4 @@
+import { Store } from 'antd/es/form/interface';
+import { FnContextType } from '../context';
+declare const useCcsWindow: <T = Store>() => FnContextType<T>;
+export default useCcsWindow;

package/es/index.d.ts

@@ -0,0 +1,156 @@
+import { MenuProps } from 'antd';
+import { ConfigProviderProps } from 'antd/lib/config-provider';
+interface MenuTreeNodeData {
+    buttonUrlId: number;
+    createTime: string;
+    icon?: string;
+    menuCode: string;
+    menuDesc: string;
+    menuName: string;
+    menuType: number;
+    menuUrl: string;
+    parentMenuCode: string;
+    sortId: number;
+    state: number;
+    updateTime: string;
+    urlName: string;
+    urlPath: string;
+}
+interface MenuParentType {
+    key: string;
+    url: string;
+    name: string;
+}
+interface MenuTreeNode {
+    nodeId: string;
+    nodeName: string;
+    icon: string;
+    leaf: boolean;
+    nodeData: MenuTreeNodeData;
+    children?: MenuTreeNode[];
+    topUrl?: string;
+    parents?: MenuParentType[];
+}
+interface CcsUserDetailType {
+    /** 头像 */
+    avatar?: string;
+    /** 用户名 */
+    workerName: string;
+}
+export interface CcsGlobalConfigType {
+    /** app名称 */
+    AppName: string;
+    /** 主题色 */
+    BrandPrimary: string;
+    /** 菜单展开宽度 */
+    MenuExpandWidth: number;
+    /** 菜单收起宽度 */
+    MenuCollapsedWidth: number;
+    /** 启用tabs缓存页面 */
+    IsTabsPage: boolean;
+    /** 启用按钮权限 */
+    IsAuthButton: boolean;
+    /** ant 主题 */
+    theme: ConfigProviderProps['theme'];
+    /** 菜单类型，现在支持垂直、水平、和内嵌模式三种 */
+    MenuExpandMode: MenuProps['mode'];
+    /** 菜单始终收起状态？ */
+    MenuCollapsed?: boolean;
+    /** 接口名称统一前缀 */
+    Api: string;
+    /** url上下文名称 */
+    Context: string;
+    /** 样式前缀 */
+    classPrefix?: string;
+}
+interface TableDataType<T> {
+    /** loading */
+    loading?: boolean;
+    /** 总条数 */
+    totalNum?: number;
+    /** 单页记录数 */
+    pageSize?: number;
+    /** 页码 */
+    pageNo?: number;
+    /** Array List 数据 */
+    result?: T[];
+}
+interface HttpResult<T = any> {
+    code: number;
+    success: boolean;
+    data: T;
+    msg: string;
+}
+interface PageType<T> {
+    hasNext: boolean;
+    totalNum: number;
+    pageNo: number;
+    pageSize: number;
+    result: T[];
+}
+interface HttpPageResult<T = any> extends Omit<HttpResult<T>, 'data'> {
+    data: PageType<T>;
+}
+interface HttpListResult<T = any> extends Omit<HttpResult<T>, 'data'> {
+    data: T[];
+}
+interface OrderProp {
+    ascending: boolean;
+    prop: string;
+}
+interface QueryLimit {
+    fetchSize: number;
+    startIndex: number;
+}
+interface PageQueryType<T = any> {
+    /** 查询的开始行数和取多少行，从0开始 */
+    limit?: QueryLimit;
+    /** 排序字段,一般前端不传，由后端指定 */
+    orderProps?: OrderProp[];
+    /** 页码 */
+    pageNo?: number;
+    /** 页长 */
+    pageSize?: number;
+    /** 查询条件 */
+    query: T;
+}
+interface ListQueryType<T = any> {
+    /** 查询的开始行数和取多少行，从0开始 */
+    limit?: QueryLimit;
+    /** 排序字段,一般前端不传，由后端指定 */
+    orderProps?: OrderProp[];
+    /** 查询条件 */
+    query: T;
+}
+type RecordType = Record<string, any>;
+interface RouteHistoryType {
+    menuName: string;
+    pathName: string;
+    time: Date;
+}
+export { default as CcsAuth } from './auth';
+export { default as CCS } from './ccs';
+export { default as CcsColorPicker } from './color-picker';
+export { default as CcsConfigProvider } from './config';
+export { default as CcsDatePicker } from './date-picker';
+export { default as CcsDrawer } from './drawer';
+export { default as CcsFullScreenButton } from './full-screen';
+export { default as useCcsGlobal } from './hooks/use-global';
+export { default as useCcsOnceEvent } from './hooks/use-once-event';
+export { default as useCcsPage } from './hooks/use-page';
+export { default as useCcsTabs } from './hooks/use-tabs';
+export { default as useCcsWindow } from './hooks/use-window';
+export { default as CcsIntervalButton } from './interval-button';
+export { default as CcsKeepAliveTabs } from './keep-alive-tabs';
+export { default as CcsLoading } from './loading';
+export { default as CcsModal } from './modal';
+export { default as CcsProGrid } from './pro-grid';
+export { default as CcsProTable } from './pro-table';
+export { default as CcsProTabs } from './pro-tabs';
+export { default as CcsApiSelect } from './select';
+export { default as CcsTable } from './table';
+export { default as CcsTrigger } from './trigger';
+export { default as CcsUtils } from './utils';
+export { default as CcsVirtualList } from './virtual-list';
+export { default as CcsWaterMark } from './water-mark';
+export type { PageType, HttpResult, RecordType, MenuTreeNode, PageQueryType, TableDataType, ListQueryType, HttpListResult, HttpPageResult, MenuTreeNodeData, CcsUserDetailType, RouteHistoryType, };

package/es/index.js

@@ -10,7 +10,7 @@ export { default as CcsFullScreenButton } from "./full-screen";
 export { default as useCcsGlobal } from "./hooks/use-global";
 export { default as useCcsOnceEvent } from "./hooks/use-once-event";
 export { default as useCcsPage } from "./hooks/use-page";
-export { default as useCcsTabsChange } from "./hooks/use-tabs";
+export { default as useCcsTabs } from "./hooks/use-tabs";
 export { default as useCcsWindow } from "./hooks/use-window";
 export { default as CcsIntervalButton } from "./interval-button";
 export { default as CcsKeepAliveTabs } from "./keep-alive-tabs";

package/es/interval-button/index.d.ts

@@ -0,0 +1,15 @@
+import { ButtonProps } from 'antd';
+import React from 'react';
+interface PropsType extends ButtonProps {
+    /** 计时数 */
+    num: number;
+    /** 包含字符串`num`的文本内容 */
+    disabledText: string;
+    /** 缓存key */
+    cacheKey?: string;
+}
+export type IntervalInstance = {
+    start: () => void;
+};
+declare const _default: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<IntervalInstance>>;
+export default _default;

package/es/keep-alive-tabs/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MenuTreeNode } from '../types';
+import './index.less';
+interface PropsType {
+    maxLen?: number;
+    menus: MenuTreeNode[];
+    className?: string;
+    history: any;
+}
+declare const _default: ({ maxLen, history, menus, className }: PropsType) => React.JSX.Element;
+export default _default;

package/es/keep-alive-tabs/page.d.ts

@@ -0,0 +1,17 @@
+import { Location } from 'history';
+import React, { JSXElementConstructor, ReactElement } from 'react';
+export interface CachePageProps {
+    /** 选中状态 */
+    active: boolean;
+    /** router location */
+    location: Location;
+    /** 时间戳 */
+    timestamp: number;
+    /** 按钮权限列表 */
+    urlAuthList: string[];
+    children: ReactElement<any, string | JSXElementConstructor<any>> | null;
+    /** 销毁页面 */
+    onDestroy: (path: string) => void;
+}
+declare const _default: React.MemoExoticComponent<(props: CachePageProps) => React.JSX.Element>;
+export default _default;

package/es/loading/index.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+interface PropsType {
+    loading: boolean;
+    loadingTip?: string;
+    children?: ReactNode;
+}
+declare const LoadingComponent: ({ loading, loadingTip, children, }: PropsType) => React.JSX.Element | null;
+export default LoadingComponent;

package/es/modal/buttons.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+interface PropsType {
+    children?: ReactNode;
+    /** 确定文字内容 */
+    okText?: string;
+    /** 确定按钮权限 */
+    okAuth?: string;
+    /** 加载中 */
+    loading?: boolean;
+    /** 确定事件 */
+    onOk?: (value?: any) => void;
+}
+export default function ModalButtons({ children, okText, okAuth, onOk, loading, }: PropsType): React.JSX.Element;
+export {};

package/es/modal/index.d.ts

@@ -0,0 +1,9 @@
+import ModalButtons from './buttons';
+import './index.less';
+import ModalOpen from './open';
+interface ModalInterface {
+    Buttons: typeof ModalButtons;
+    open: typeof ModalOpen;
+}
+declare const modal: ModalInterface;
+export default modal;

package/es/modal/open/destory-fns.d.ts

@@ -0,0 +1,2 @@
+declare const destroyModalFns: Array<Function>;
+export default destroyModalFns;

package/es/modal/open/drag.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function InternalDragModal({ title, ...restProps }: any): React.JSX.Element;

package/es/modal/open/form.d.ts

@@ -0,0 +1,12 @@
+import { FormProps } from 'antd';
+import React, { ReactNode } from 'react';
+interface PropsType {
+    children: ReactNode;
+    formProps: FormProps;
+}
+/**
+ * 添加form实例
+ * @returns
+ */
+export default function ModalForm({ children, formProps: { labelCol, wrapperCol, ...restProps }, }: PropsType): React.JSX.Element;
+export {};

package/es/modal/open/index.d.ts

@@ -0,0 +1,19 @@
+import { FormProps, ModalProps } from 'antd';
+import { ReactNode } from 'react';
+export declare const classPrefix = "ccs-modal";
+type ConfigUpdate = ModalProps | ((prevConfig: ModalProps) => ModalProps);
+export type CcsModalProps = ModalProps & {
+    /** 可拖拽 */
+    isDrag?: boolean;
+    /** 内容组件 */
+    content?: ReactNode;
+    /** 返回文字 */
+    closeText?: string;
+    /** antd form */
+    form?: FormProps;
+};
+export default function ModalOpen(config: CcsModalProps): {
+    destroy: () => void;
+    update: (configUpdate: ConfigUpdate) => void;
+};
+export {};

package/es/pro-grid/context.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface GridContextType {
+    inProGrid: boolean;
+}
+export declare const GridContext: React.Context<GridContextType>;

package/es/pro-grid/index.d.ts

@@ -0,0 +1,27 @@
+import React, { CSSProperties, FC, ReactNode } from 'react';
+import './index.less';
+interface ClassProps {
+    className?: string;
+    style?: CSSProperties;
+}
+interface GridProps extends ClassProps {
+    title?: string;
+    titleStyle?: CSSProperties;
+    titleExtra?: ReactNode;
+    bordered?: boolean;
+    hideTitle?: boolean;
+    children?: ReactNode;
+}
+interface ColProps extends ClassProps {
+    title?: string;
+    titleStyle?: CSSProperties;
+    titleExtra?: ReactNode;
+    colSpan?: string | number;
+    children?: ReactNode;
+}
+interface GridInstance extends FC<GridProps> {
+    Col: typeof GridCol;
+}
+declare const GridCol: ({ colSpan, children, title, titleStyle, titleExtra, className, style, }: ColProps) => React.JSX.Element;
+declare const ProGrid: GridInstance;
+export default ProGrid;

package/es/pro-grid/useProGrid.d.ts

@@ -0,0 +1,2 @@
+declare function useProGrid(): import("./context").GridContextType;
+export default useProGrid;

package/es/pro-table/index.d.ts

@@ -0,0 +1,123 @@
+import { TableProps } from 'antd';
+import { Rule } from 'antd/es/form';
+import React, { CSSProperties, MutableRefObject, ReactElement, ReactNode, ReactText } from 'react';
+import './index.less';
+type ParamType = Record<string, any>;
+export type ShowDependType = {
+    name: string;
+    value: any;
+};
+type SearchEventType = 'search' | 'reset' | 'reload' | 'changePage' | 'initSearch';
+interface SearchBeforeType extends ParamType {
+    query: ParamType;
+}
+interface TableDataType<T> {
+    /** loading */
+    loading?: boolean;
+    /** 总条数 */
+    totalNum?: number;
+    /** 单页记录数 */
+    pageSize?: number;
+    /** 页码 */
+    pageNo?: number;
+    /** Array List 数据 */
+    result?: T[];
+}
+export interface ProTableInstance<T = any> {
+    /** 获取form表单数据 */
+    formValues: Record<string, any>;
+    /** 获取当前表单数据 */
+    data: TableDataType<T>;
+    /** 查询数据，根据条件，从第一页开始显示 */
+    onSearch: () => void;
+    /** 刷新数据、根据条件，当前页 */
+    onReload: () => void;
+    /** 异步树、局部刷新方法 */
+    onPartialReload: (id: ReactText) => void;
+    /** 重置数据，清空选择 */
+    onReset: () => void;
+    /** 改变data 数据 */
+    onChangeData: React.Dispatch<React.SetStateAction<TableDataType<T>>>;
+}
+export interface FormItemType {
+    /** label 标题 */
+    label?: string;
+    /** form name */
+    name: string;
+    /** form item element */
+    value: ReactElement;
+    /** 主条件 */
+    isMain?: boolean;
+    /** 数据依赖、依赖项对应的name数组 */
+    depends?: string[];
+    /** 显示依赖 */
+    showDepends?: ShowDependType[];
+    /** 必填规则 */
+    rules?: Rule[];
+    /** 格式化值 */
+    onFormat?: (e: any) => any;
+}
+interface CcsTableProps<T> extends TableProps<T> {
+    data?: TableDataType<T>;
+    /** request 方法 */
+    request?: (params: any) => void;
+    /** request 额外参数 */
+    requestParam?: ParamType;
+    /** 自定义渲染内容 */
+    render?: (data: T[]) => ReactNode;
+    /** 异步树、父级参数名称 */
+    asyncTree?: {
+        parentName: string;
+    };
+    /** class name */
+    className?: string;
+    /** useEventEmitter事件 */
+    event$?: any;
+    style?: CSSProperties;
+}
+export type ProTableInstanceRef<T = any> = MutableRefObject<ProTableInstance<T> | undefined> | React.RefObject<ProTableInstance<T>>;
+export interface CcsProTableProps<T> {
+    /** api权限标识 */
+    auth?: string | 'ignore';
+    /** 标题 */
+    title?: string;
+    /** 是否初始查询，默认true */
+    init?: boolean;
+    /** loading */
+    loading?: boolean;
+    /** 查询条件集合 */
+    formItems?: FormItemType[];
+    /** 执行search 后回调函数 */
+    searchEvent?: () => void;
+    /** 查询form 初始值 */
+    formInitValues?: ParamType;
+    /** 按钮 操作部分 */
+    toolbar?: ReactElement;
+    /** table 数据区域 */
+    table?: CcsTableProps<T>;
+    /** table style */
+    tableStyle?: CSSProperties;
+    /** 水印文字 */
+    watermark?: string;
+    /** ref 回调方法 */
+    proRef?: ProTableInstanceRef<T>;
+    /** class */
+    className?: string;
+    /** style */
+    style?: CSSProperties;
+    /** children */
+    children?: ReactNode;
+    /** 请求前格式化参数 */
+    onSearchBefore?: (params: SearchBeforeType, eventType?: SearchEventType) => SearchBeforeType;
+    /** 请求后格式化结果 */
+    onSearchAfter?: (data: any, eventType?: SearchEventType) => any;
+}
+export declare const classPrefix = "ccs-pl";
+/**
+ * 布局组件 包括form、查询、toolbar、table 自动初始化数据
+ * @param CcsProTableType
+ * @param ref
+ * @returns
+ */
+declare const ProTable: <T extends object = any>(props: CcsProTableProps<T>) => React.JSX.Element;
+export default ProTable;

package/es/pro-table/search.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from 'ahooks/lib/useEventEmitter';
+import { FormInstance } from 'antd/lib/form';
+import React from 'react';
+import { CcsProTableType } from './';
+interface PropsType<T> extends Pick<CcsProTableType<T>, 'toolbar' | 'formItems' | 'formInitValues'> {
+    columns?: any;
+    /** 更多查询条件 */
+    hasMore?: boolean;
+    /** 弹框中显示 */
+    isInModalOrDrawer: boolean;
+    form: FormInstance<any>;
+    onReset: () => void;
+    onSearch: () => void;
+    event$: EventEmitter<any>;
+}
+/** 操作按钮、查询，重置、列筛选、 */
+declare function SearchComponent<T>({ form, toolbar, columns, hasMore, formItems, formInitValues, isInModalOrDrawer, event$, onReset, onSearch, }: PropsType<T>): React.JSX.Element;
+export default SearchComponent;

package/es/pro-tabs/index.d.ts

@@ -0,0 +1,8 @@
+import { TabsProps } from 'antd';
+import React from 'react';
+import './index.less';
+interface PropsType {
+    children: TabsProps;
+}
+declare const _default: ({ children }: PropsType) => React.JSX.Element;
+export default _default;

package/es/select/index.d.ts

@@ -0,0 +1,25 @@
+import { SelectProps } from 'antd';
+import React from 'react';
+import { HttpResult, RecordType } from '..';
+type CacheType = {
+    /** 缓存key，同一个key将共享数据 */
+    cacheKey?: string;
+    /** 设置数据保持新鲜时间,在该时间内，我们认为数据是新鲜的，不会重新发起请求 */
+    staleTime?: number;
+    /** 设置数据缓存时间，超过该时间，我们会清空该条缓存数据 */
+    cacheTime?: number;
+};
+type CcsSelectProps = SelectProps & {
+    cache?: CacheType;
+    /** 依赖参数 */
+    defaultParams?: RecordType;
+    /** 查询请求 */
+    onQuery?: (dependParams?: RecordType) => Promise<HttpResult<any[]>>;
+};
+/**
+ * 基于接口查询的select组件
+ * @param CcsSelectProps
+ * @returns
+ */
+export default function CcsApiSelect({ onQuery, cache, defaultParams, ...restProps }: CcsSelectProps): React.JSX.Element;
+export {};

package/es/table/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CcsProTableProps } from '../types';
+import './index.less';
+export type CcsTableProps<T> = Omit<CcsProTableProps<T>, 'request' | 'requestParam' | 'fillSpace'>;
+declare const CustomTable: <T extends object = any>(props: CcsTableProps<T>) => React.JSX.Element;
+export default CustomTable;

package/es/trigger/index.d.ts

@@ -0,0 +1,60 @@
+import React, { CSSProperties, ReactElement } from 'react';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import './index.less';
+export interface CcsTriggerChildrenProps<T = any> {
+    /** 选中值 */
+    value?: T;
+    /** 选择框loading状态 */
+    onLoading?: (loading: boolean) => void;
+    /** 关闭弹框 */
+    onVisible?: (visible: boolean) => void;
+    /** 选中值改变事件 */
+    onChange?: ({}: T) => void;
+    /** 选择框显示名称 */
+    onChangeLabel?: (text: string | undefined) => void;
+}
+export interface CcsTriggerPropsType {
+    /** 下拉框宽度 */
+    width?: number;
+    /** 下拉框高度 */
+    height?: number;
+    /**
+     * @description input size：'small' | 'middle' | 'large'
+     * @default 'middle'
+     */
+    size?: SizeType;
+    /**
+     * @description 禁用选择
+     * @default false
+     */
+    disabled?: boolean;
+    /** 选择内容 */
+    children?: ReactElement;
+    /** Form.Item value */
+    value?: any;
+    /** style */
+    style?: CSSProperties;
+    /** class */
+    className?: string;
+    /** input placeholder */
+    placeholder?: string;
+    /**
+     * 是否在首次显示前渲染弹出内容
+     * @default false
+     */
+    forceRender?: boolean;
+    /**
+     * @description popup挂载的html节点，默认：document.body、true:当前dom
+     * @default document.body
+     */
+    popupContainer?: boolean;
+    /** Form.Item onChange */
+    onChange?: (value?: any) => void;
+}
+/**
+ * 适用于Form.Item中的 trigger组件，其内容自行定义，遵循ant form 自定义组件规范
+ * @param CcsTriggerPropsType
+ * @returns
+ */
+declare const TriggerComponent: (props: CcsTriggerPropsType) => React.JSX.Element;
+export default TriggerComponent;

package/es/utils.d.ts

@@ -0,0 +1,76 @@
+import dayjs from 'dayjs';
+import { HttpResult } from './';
+interface DayjsType extends dayjs.Dayjs {
+    fromNow(withoutSuffix?: boolean): string;
+    from(compared: dayjs.ConfigType, withoutSuffix?: boolean): string;
+    toNow(withoutSuffix?: boolean): string;
+    to(compared: dayjs.ConfigType, withoutSuffix?: boolean): string;
+}
+export default class utils {
+    static isFunction(obj: any): obj is Function;
+    static getStroage(key: string): Promise<unknown>;
+    static setStroage(key: string, value: any): Promise<any>;
+    static removeStroage(key: string): Promise<void>;
+    static showLogWarning(message: string): void;
+    static showWarning(valid: boolean, message: string): void;
+    static isNode: boolean;
+    static isBrowser(): boolean;
+    static dayjs(date?: string | number | Date | dayjs.Dayjs | null | undefined): DayjsType;
+    /**
+     * 空判断
+     * @param val
+     * @returns
+     */
+    static isEmpty: (val: unknown) => boolean;
+    /**
+     * 非空
+     * @param val
+     * @returns
+     */
+    static isNotEmpty: (val: unknown) => boolean;
+    /**
+     * json转base64
+     * @param value
+     * @returns
+     */
+    static jsonToBase64(value: any): string;
+    /**
+     * base64转json
+     * @param value
+     * @returns
+     */
+    static base64ToJson<T = any>(value: string): T | null;
+    /**
+     * JSON.parse
+     * @param value
+     * @returns
+     */
+    static jsonParse<T = any>(value: string): T;
+    /**
+     * string to HEX
+     * @param {*} str
+     */
+    static stringToHex(str: string): string;
+    /**
+     * http result msg
+     * @param result
+     * @param successText
+     * @param failText
+     */
+    static messageInfo(result: HttpResult, successText?: string, failText?: string): void;
+    /**
+     * string to dayjs
+     * @param val
+     * @param formartType  // YYYY-MM-DD HH:mm:ss https://dayjs.fenxianglu.cn/category/display.html#%E6%A0%BC%E5%BC%8F%E5%8C%96
+     * @returns
+     */
+    static dayjsFmt(val: string | undefined, formartType?: string): dayjs.Dayjs | undefined;
+    /**
+     * 确认提示框
+     * @param title
+     * @param content
+     * @returns
+     */
+    static showConfirm: (title: string, content?: string) => Promise<unknown>;
+}
+export {};

package/es/utils.js

@@ -180,6 +180,11 @@ _defineProperty(utils, "isNode", typeof process !== 'undefined' && process.versi
 _defineProperty(utils, "isEmpty", function (val) {
   return _empty(val);
 });
+/**
+ * 非空
+ * @param val
+ * @returns
+ */
 _defineProperty(utils, "isNotEmpty", function (val) {
   return !utils.isEmpty(val);
 });

package/es/virtual-list/index.d.ts

@@ -0,0 +1,49 @@
+import React, { CSSProperties, ReactNode, RefObject } from 'react';
+interface Position {
+    left: number;
+    top: number;
+}
+export interface RowRendererProps {
+    rowHeight: number;
+    index: number;
+}
+export interface VirtualInstance {
+    scrollTop: (top: number) => void;
+}
+export interface VirtualListProps {
+    className?: string;
+    style?: CSSProperties;
+    /** 容器高度 */
+    height?: number;
+    /** 记录条数 */
+    rowCount: number;
+    /** 行高 */
+    rowHeight: number;
+    /** 自动隐藏滚动条 default true  */
+    autoHideScroll?: boolean;
+    /** 显示条数 */
+    overscanRowCount: number;
+    /** 条数改变定位顶部 */
+    rowCountChangeScrollTop?: boolean;
+    /** instance */
+    virtualRef?: RefObject<VirtualInstance>;
+    /** 渲染row */
+    rowRenderer: ({ rowHeight, index }: RowRendererProps) => ReactNode;
+    /** scroll event */
+    onScroll?: (position: Position) => void;
+}
+export interface VirtualListItemProps extends Pick<VirtualListProps, 'rowHeight' | 'rowRenderer'> {
+    index: number;
+}
+export interface ListItemProps {
+    prefix: ReactNode;
+    title: ReactNode;
+    extra?: ReactNode;
+    extraIcon?: ReactNode;
+    height: number;
+    className?: string;
+    description?: ReactNode;
+    onClick?: () => void;
+}
+declare const VirtualList: ({ height, rowCount, rowHeight, className, style, virtualRef, onScroll, rowRenderer, autoHideScroll, overscanRowCount, rowCountChangeScrollTop, }: VirtualListProps) => React.JSX.Element;
+export default VirtualList;

package/es/water-mark/index.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+export type WaterMarkProps = {
+    /** 水印文字内容 */
+    content?: string;
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 水印样式 */
+    markStyle?: React.CSSProperties;
+    /** 水印类名 */
+    markClassName?: string;
+    /** 水印之间的水平间距 */
+    gapX?: number;
+    /** 水印之间的垂直间距 */
+    gapY?: number;
+    /** 追加的水印元素的z-index */
+    zIndex?: number;
+    /** 水印的宽度 */
+    width?: number;
+    /** 水印的高度 */
+    height?: number;
+    /** 水印在canvas 画布上绘制的垂直偏移量，正常情况下，水印绘制在中间位置, 即 offsetTop = gapY / 2 */
+    offsetTop?: number;
+    /** 水印在canvas 画布上绘制的水平偏移量, 正常情况下，水印绘制在中间位置, 即 offsetTop = gapX / 2 */
+    offsetLeft?: number;
+    /** 水印绘制时，旋转的角度，单位 ° */
+    rotate?: number;
+    /** ClassName 前缀 */
+    prefixCls?: string;
+    /** 高清印图片源, 为了高清屏幕显示，建议使用 2倍或3倍图，优先使用图片渲染水印。 */
+    image?: string;
+    /**
+     * @description 文字颜色
+     * @default rgba(0,0,0,.15)
+     */
+    fontColor?: string;
+    /**
+     * @description 文字样式
+     * @default normal
+     */
+    fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+    /**
+     * @description 文字族
+     * @default sans-serif
+     */
+    fontFamily?: string;
+    /**
+     * @description 文字粗细
+     * @default normal
+     */
+    fontWeight?: 'normal' | 'light' | 'weight' | number;
+    /**
+     * @description 文字大小
+     * @default 16
+     */
+    fontSize?: number | string;
+    children?: React.ReactElement;
+};
+/**
+ * 水印组件
+ * @param WaterMarkProps
+ * @returns
+ */
+declare const WaterMarkComponent: (props: WaterMarkProps) => React.JSX.Element;
+export default WaterMarkComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "es/index.js",
@@ -19,7 +19,7 @@
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
     "prepublishOnly": "father doctor && npm run build",
-    "publish-beta": "father build && npm publish --tag=beta && cnpm sync @ccs-ui/rc-pro",
+    "publish-beta": "father build && npm publish --tag=beta && cnpm sync@ccs-ui/rc-pro",
     "publish-prod": "father build && npm publish && cnpm sync @ccs-ui/rc-pro",
     "start": "npm run dev",
     "sync": "cnpm sync @ccs-ui/rc-pro"
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.1.4",
-    "@ccs-ui/rc-pro": "1.0.0-rc.37",
+    "@ccs-ui/rc-pro": "^1.0.0",
     "ahooks": "^3.7.7",
     "antd": "^5.5.2",
     "classnames": "^2.3.2",