wargerm 0.2.20 → 0.2.24

package/README.zh-CN.md

@@ -1,40 +1,40 @@
-<!--
- * @Author: lijin
- * @Date: 2021-10-18 15:22:28
- * @LastEditTime: 2021-11-05 09:25:52
- * @LastEditors: lijin
- * @Description:
- * @FilePath: \wargerm\README.zh-CN.md
- * 可以输入预定的版权声明、个性签名、空行等
--->
-
-## 📒 目录介绍
-
-```
-├── docs                   文档存放路径
-│   ├── index.md           首页展示
-│   └── **.**              网站目录文档
-├── src                    组件主目录
-│   ├── index.ts           组件注册
-│   └── Foo                组件开发
-├── .eslintrc.js           eslint 配置
-├── .fatherrc.ts           father 配置
-├── .umirc.ts              dumi 配置
-└── tsconfig.json          typescript 配置
-```
-
-其余文件可自行查阅了解。
-
-## 🤖 命令介绍
-
-| 名称                    | 描述           | 备注                          |
-| ----------------------- | -------------- | ----------------------------- |
-| `npm run dev`           | 项目启动       | -                             |
-| `npm run test`          | 组件测试       | -                             |
-| `npm run test:coverage` | 代码覆盖率查看 | -                             |
-| `npm run prettier`      | 代码美化       | -                             |
-| `npm run build`         | 组件打包       | -                             |
-| `npm run release`       | 组件打包发布   | -                             |
-| `npm run docs:build`    | 文档打包       | -                             |
-| `npm run docs:deploy`   | 文档发布       | 这里默认是使用了 GitHub Pages |
-| `npm run deploy`        | 文档打包发布   | -                             |
+<!--
+ * @Author: lijin
+ * @Date: 2021-10-18 15:22:28
+ * @LastEditTime: 2021-11-05 09:25:52
+ * @LastEditors: lijin
+ * @Description:
+ * @FilePath: \wargerm\README.zh-CN.md
+ * 可以输入预定的版权声明、个性签名、空行等
+-->
+
+## 📒 目录介绍
+
+```
+├── docs                   文档存放路径
+│   ├── index.md           首页展示
+│   └── **.**              网站目录文档
+├── src                    组件主目录
+│   ├── index.ts           组件注册
+│   └── Foo                组件开发
+├── .eslintrc.js           eslint 配置
+├── .fatherrc.ts           father 配置
+├── .umirc.ts              dumi 配置
+└── tsconfig.json          typescript 配置
+```
+
+其余文件可自行查阅了解。
+
+## 🤖 命令介绍
+
+| 名称                    | 描述           | 备注                          |
+| ----------------------- | -------------- | ----------------------------- |
+| `npm run dev`           | 项目启动       | -                             |
+| `npm run test`          | 组件测试       | -                             |
+| `npm run test:coverage` | 代码覆盖率查看 | -                             |
+| `npm run prettier`      | 代码美化       | -                             |
+| `npm run build`         | 组件打包       | -                             |
+| `npm run release`       | 组件打包发布   | -                             |
+| `npm run docs:build`    | 文档打包       | -                             |
+| `npm run docs:deploy`   | 文档发布       | 这里默认是使用了 GitHub Pages |
+| `npm run deploy`        | 文档打包发布   | -                             |

package/dist/components/AutoScroll/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode, FC, CSSProperties } from 'react';
+declare type IProps = {
+    list: Array<Record<string, any>>;
+    partSize?: number;
+    style?: CSSProperties;
+    className?: string;
+    render: (record: any, index: number) => ReactNode;
+};
+declare const Index: FC<IProps>;
+export default Index;

package/dist/components/Breadcrumb/index.d.ts

@@ -0,0 +1,8 @@
+import { BreadcrumbProps } from 'antd';
+import { FC } from 'react';
+export interface Props extends BreadcrumbProps {
+    routes: any[];
+    className?: string;
+}
+declare const Index: FC<Props>;
+export default Index;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ButtonProps } from 'antd/lib/button';
+interface IMultiple {
+    handleMenuClick?: (e: any) => void;
+    handleClick?: (e: any) => void;
+    children?: String[];
+}
+export interface IButtonProps extends ButtonProps {
+    multiple?: IMultiple;
+}
+declare const WButton: FC<IButtonProps>;
+export default WButton;

package/dist/components/Card/index.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+declare type Props = {
+    title: ReactNode;
+    className: string;
+    headerTail?: ReactNode;
+    headerCenter?: ReactNode;
+    children?: ReactNode;
+    style?: Record<string, string>;
+};
+declare const Index: FC<Props>;
+export default Index;

package/dist/components/Cascader/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { CascaderProps } from 'antd/lib/Cascader';
+export interface ICascader extends CascaderProps<any> {
+    request?: () => Promise<any>;
+    onLoad?: (options: Record<string, any>[]) => void;
+}
+declare const WCascader: FC<ICascader>;
+export default WCascader;

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CheckboxProps, CheckboxGroupProps } from 'antd/lib/Checkbox';
+export interface ICheckbox extends CheckboxProps {
+}
+export declare type IndexComponent = React.FC<ICheckbox> & {
+    Group: React.FC<CheckboxGroupProps>;
+};
+declare const Index: IndexComponent;
+export default Index;

package/dist/components/CountUp/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { CountUpProps } from 'react-countup/build/CountUp';
+export interface ICountUpProps extends CountUpProps {
+}
+declare const Index: FC<ICountUpProps>;
+export default Index;

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DatePickerProps, RangePickerProps } from 'antd/lib/date-picker';
+export declare type IndexComponent = React.FC<DatePickerProps> & {
+    RangePicker: React.FC<RangePickerProps>;
+};
+declare const Index: IndexComponent;
+export default Index;

package/dist/components/IconFont/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").FC<import("@ant-design/icons/lib/components/IconFont").IconFontProps<string>>;
+export default _default;

package/dist/components/Input/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { InputProps, TextAreaProps } from 'antd/lib/input';
+export interface IInputProps extends InputProps {
+}
+export declare type IndexComponent = React.FC<IInputProps> & {
+    TextArea: React.FC<TextAreaProps>;
+    Button: React.FC<any>;
+};
+declare const Index: IndexComponent;
+export default Index;

package/dist/components/InputNumber/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { InputNumberProps } from 'antd/lib/input-number';
+export interface IInputNumberProps extends InputNumberProps {
+}
+declare const WInputNumber: FC<IInputNumberProps>;
+export default WInputNumber;

package/dist/components/Modal/dialog.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+declare type Props = {
+    title?: string | ReactNode;
+    onOk?: (e: any) => void;
+    onCancel?: (e: any) => void;
+    closeCb?: () => void;
+    footer?: ReactNode | boolean;
+    content?: ReactNode;
+    onClose?: () => void;
+    okText?: string;
+    cancelText?: string;
+    visible?: boolean;
+    width?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: ReactNode;
+};
+export default function DialogModel(props: Props): React.ReactPortal;
+export {};

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,30 @@
+import React, { ReactNode } from 'react';
+declare type Props = {
+    title?: string | ReactNode;
+    onOk?: (e: any) => void;
+    onCancel?: (e: any) => void;
+    closeCb?: () => void;
+    footer?: ReactNode | boolean;
+    content?: ReactNode;
+    onClose?: () => void;
+    okText?: string;
+    cancelText?: string;
+    visible?: boolean;
+    width?: number;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare class Modal extends React.PureComponent<Props> {
+    static show: (config: any) => {
+        setShow: null;
+        mounted: boolean;
+        hidden(): void;
+        destory(): void;
+    } | undefined;
+    static hidden: () => void;
+    renderFooter: () => JSX.Element | null;
+    renderTop: () => JSX.Element;
+    renderContent: () => {} | null;
+    render(): JSX.Element;
+}
+export default Modal;

package/dist/components/ModalForm/index.d.ts

@@ -0,0 +1,9 @@
+import React, { MutableRefObject } from 'react';
+import { FormInstance } from 'antd';
+export interface IFormInstance extends MutableRefObject<FormInstance> {
+    handleSubmit?: () => void;
+    resetFields?: () => void;
+    setFieldsValue?: (record: Record<string, any>) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<Pick<Record<string, any>, string> & React.RefAttributes<unknown>>;
+export default _default;

package/dist/components/Number/index.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+interface countInterface {
+    width: number;
+    height: number;
+    count: number | string;
+    style?: React.CSSProperties;
+    numberStyle?: React.CSSProperties;
+}
+declare const Index: FC<countInterface>;
+export default Index;

package/dist/components/NumericInput/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare type Props = {
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+    value?: string;
+    placeholder: string;
+};
+export default class NumericInput extends React.Component<Props> {
+    onChange: (e: {
+        target: {
+            value: any;
+        };
+    }) => void;
+    onBlur: () => void;
+    render(): JSX.Element;
+}
+export {};

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { RadioProps, RadioGroupProps } from 'antd/lib/Radio';
+export interface IRadio extends RadioProps {
+}
+export declare type IndexComponent = React.FC<IRadio> & {
+    Group: React.FC<RadioGroupProps>;
+    Button: React.FC<any>;
+};
+declare const Index: IndexComponent;
+export default Index;

package/dist/components/Select/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SelectProps, OptionProps } from 'antd/lib/Select';
+export interface IOptionProps extends OptionProps {
+}
+export interface ISelect extends SelectProps<any> {
+    request?: () => Promise<any>;
+    valueEnum?: Record<string, any>;
+    onLoad?: (options: Record<string, any>[]) => void;
+}
+export declare type IWSelectComponent = React.FC<ISelect> & {
+    Option?: React.FC<IOptionProps>;
+};
+declare let Index: IWSelectComponent;
+export default Index;

package/dist/components/Swiper/index.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import { Swiper } from 'swiper/react';
+export interface IProps extends Swiper {
+    data: Array<any>;
+    onClick?: (swiper: any, event: any) => void;
+    onSwiperChange?: (index: any, record: any) => void;
+    renderItem: (item: any, index: number, isActive: boolean) => React.ReactNode;
+    isPreventClick?: boolean;
+    slidesPerView?: number;
+    rowKey?: string;
+}
+declare const Index: FC<IProps>;
+export default Index;

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { SwitchProps } from 'antd/lib/Switch';
+export interface ISwitchProps extends SwitchProps {
+}
+declare const WSwitch: FC<ISwitchProps>;
+export default WSwitch;

package/dist/components/TabelCard/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Pick<Record<string, any>, string> & React.RefAttributes<unknown>>;
+export default _default;

package/dist/components/Table/FrameBox/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import './index.less';
+declare type Props = {
+    className?: string;
+    frameStyle?: Record<string, any>;
+    style?: Record<string, any>;
+    children: ReactNode;
+    direction?: 'in' | 'out';
+};
+export default function FrameBox({ className, frameStyle, style, direction, children, ...props }: Props): JSX.Element;
+export {};

package/dist/components/Table/index.d.ts

@@ -0,0 +1,115 @@
+import React from 'react';
+import { ReactNode } from 'react';
+import { FormProps } from 'antd';
+interface ColumnProps {
+    title: string;
+    dataIndex: string;
+    key?: string | number;
+    width?: number;
+    ellipsis?: Boolean;
+    showTitle?: Boolean;
+    copyable?: Boolean;
+    fixed?: 'left' | 'right';
+    hideInTable?: boolean;
+    hideInSearch?: boolean;
+    search?: {
+        transform?: (value: any) => Record<string, any>;
+    };
+    valueType?: 'text' | 'select' | 'date' | 'dateTime' | 'dateMonth' | 'dateYear' | 'dateRange' | 'dateTimeRange' | 'checkbox' | 'radio' | 'radioButton' | 'switch' | 'digit' | 'treeSelect' | 'image';
+    valueEnum?: Record<string, any>;
+    children?: ColumnProps[];
+    fieldProps?: Record<string, any>;
+    formItemProps?: Record<string, any>;
+    order?: number;
+    colSize?: number;
+    initialValue?: any;
+    request?: () => Promise<any>;
+    render?: (text: string, record: Record<string, any>, index: number) => ReactNode;
+}
+interface IRowSelection {
+    type: 'checkbox' | 'radio';
+    selectedRowKeys?: Array<string | number>;
+    defaultSelectedRowKeys?: Array<string | number>;
+    /**
+     * 选中项发生变化时的回调
+     */
+    onChange?: (selectedRowKeys: Array<string | number>, selectedRows: Array<Record<string, any>>) => void;
+    /**
+     * 用户手动选择/取消选择某行的回调
+     */
+    onSelect?: (record: Record<string, any>, selected: boolean, selectedRows: Record<string, any>[], nativeEvent: MouseEvent) => void;
+    /**
+     * 用户手动选择/取消选择所有行的回调
+     */
+    onSelectAll?: (selected: boolean, selectedRows: Record<string, any>[], changeRows: Record<string, any>[]) => void;
+}
+interface Iscroll {
+    /**
+     * 当分页、排序、筛选变化后是否滚动到表格顶部
+     */
+    scrollToFirstRowOnChange?: boolean;
+    /**
+     * 设置横向滚动，也可用于指定滚动区域的宽，可以设置为像素值，百分比，true 和 'max-content'
+     */
+    x?: string | number | true;
+    /**
+     * 	设置纵向滚动，也可用于指定滚动区域的高，可以设置为像素值
+     */
+    y?: string | number;
+}
+declare type defaultColConfig = {
+    xs: 24;
+    sm: 24;
+    md: 12;
+    lg: 12;
+    xl: 8;
+    xxl: 6;
+};
+interface Isearch {
+    labelWidth?: number | 'auto';
+    span?: number | defaultColConfig;
+    filterType?: 'query' | 'light';
+    searchText?: string;
+    resetText?: string;
+    submitText?: string;
+    optionRender?: ((searchConfig: any, formProps: any, dom: any) => ReactNode[]) | false;
+}
+declare type Props = {
+    className?: string;
+    rowClassName?: (record: Record<string, any>, index: number) => string;
+    style?: React.CSSProperties;
+    tbodyStyle?: React.CSSProperties;
+    thStyle?: React.CSSProperties;
+    columns: ColumnProps[];
+    border?: Boolean;
+    params?: Record<string, any>;
+    dataSource?: Record<string, any>[];
+    request?: (params?: {
+        pageSize?: number;
+        current?: number;
+    }, sort?: any, filter?: any) => {
+        data: Record<string, any>[];
+        success: boolean;
+        total: number;
+    };
+    onLoad?: (dataSource: Record<string, any>[]) => void;
+    onSubmit?: (params: Record<string, any>) => void;
+    onReset?: () => void;
+    rowKey: ((record: Record<string, any>) => number | string) | string;
+    onRow?: (record: Record<string, any>, index: any) => Record<string, any>;
+    rowSelection?: IRowSelection;
+    scroll?: Iscroll;
+    pagination?: false | Record<string, any>;
+    children?: ReactNode;
+    form?: FormProps;
+    search?: Isearch | false;
+    frameBoxTable?: boolean;
+    frameBoxDirection?: 'in' | 'out';
+};
+declare function Table({ columns, dataSource: tableList, request, onLoad, params, onSubmit, rowKey, onRow, className, rowClassName, rowSelection, style, tbodyStyle, thStyle, border, scroll, pagination, search, frameBoxTable, frameBoxDirection, ...props }: Props): JSX.Element;
+declare namespace Table {
+    var defaultProps: {
+        rowKey: string;
+    };
+}
+export default Table;

package/dist/components/TreeSelect/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TreeSelectProps as Props } from 'antd/lib/tree-select';
+interface TreeSelectProps<T> extends Props<T> {
+    treeNodeLabelProp?: string;
+    treeNodeValueProp?: string;
+    treeNodeChildrenProp?: string;
+    request?: () => Promise<any>;
+    onLoad?: (options: Record<string, any>[]) => void;
+}
+export declare type IndexComponent = React.FC<TreeSelectProps<any>> & {
+    TreeNode?: React.FC<any>;
+};
+declare let Index: IndexComponent;
+export default Index;

package/dist/components/WDatePicker/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DatePickerProps, RangePickerProps } from 'antd/lib/date-picker';
+export declare type IndexComponent = React.FC<DatePickerProps> & {
+    RangePicker: React.FC<RangePickerProps>;
+};
+declare const Index: IndexComponent;
+export default Index;

package/dist/components/WForm/index.d.ts

@@ -0,0 +1,60 @@
+import React, { MutableRefObject } from 'react';
+import { ReactNode } from 'react';
+import { FormInstance, FormProps } from 'antd';
+export interface ColumnProps {
+    title: string;
+    dataIndex: string;
+    key?: string | number;
+    width?: number;
+    ellipsis?: Boolean;
+    showTitle?: Boolean;
+    hideInSearch?: boolean;
+    search?: {
+        transform?: (value: any) => Record<string, any>;
+    };
+    valueType?: 'text' | 'textarea' | 'inputNumber' | 'select' | 'treeSelect' | 'date' | 'dateTime' | 'dateMonth' | 'dateYear' | 'dateRange' | 'dateTimeRange' | 'checkbox' | 'radio' | 'radioButton' | 'switch' | 'digit' | 'cascader' | 'image';
+    valueEnum?: Record<string, any>;
+    options?: Record<string, any>[];
+    fieldProps?: Record<string, any>;
+    formItemProps?: Record<string, any>;
+    order?: number;
+    colSize?: number;
+    initialValue?: any;
+    request?: () => Promise<any>;
+    render?: (text: string, record: Record<string, any>, index: number) => ReactNode;
+    renderFormItem?: (item: any, { formItemProps, fieldProps, ...rest }: any, form: any) => ReactNode;
+}
+declare type defaultColConfig = {
+    xs: 24;
+    sm: 24;
+    md: 12;
+    lg: 12;
+    xl: 8;
+    xxl: 6;
+};
+export interface Isearch {
+    labelWidth?: number | 'auto';
+    span?: number | defaultColConfig;
+    filterType?: 'query' | 'light';
+    searchText?: string;
+    resetText?: string;
+    submitText?: string;
+    hideSubmit?: boolean;
+    transform?: (value: any) => any;
+    optionRender?: ((searchConfig: any, formProps: any, dom: any) => ReactNode[]) | false;
+}
+export interface WFormProps extends FormProps {
+    className?: string;
+    style?: React.CSSProperties;
+    columns: ColumnProps[];
+    extraColumns?: ColumnProps[];
+    disabled?: boolean;
+    disabledHideInSearch?: boolean;
+    onSubmit?: (params: Record<string, any>) => void;
+    onFormChange?: (changedValues: Record<string, any>, allValues: Record<string, any>, form: any) => void;
+    onReset?: () => void;
+    formRef?: MutableRefObject<FormInstance>;
+    search?: Isearch | false;
+}
+declare const _default: React.ForwardRefExoticComponent<WFormProps & React.RefAttributes<unknown>>;
+export default _default;

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare function useClickOutSide(ref: RefObject<HTMLElement>, handler: Function): void;
+export default useClickOutSide;

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+declare function useDebounce(value: any, delay?: number): any;
+export default useDebounce;