ez-react-antd 0.1.0

package/dist/RemoteTree/RemoteTree.d.ts

@@ -0,0 +1,103 @@
+import { default as React } from 'react';
+import { ConfigContext } from '../ConfigProvider';
+export interface RemoteTreeProp {
+    /** 需要参数才发起请求  */
+    needQueryParam?: boolean;
+    /** 数据请求接口 */
+    api: string;
+    /** 查询参数 */
+    queryParam?: {
+        [key: string]: any;
+    } | null;
+    /** 默认参数 */
+    defaultParam?: {
+        [key: string]: any;
+    };
+    /** 选项显示的字段key */
+    labelKey?: string;
+    /** 选中字段的值key */
+    valueKey?: string;
+    /** 当加载子数据时,应该返回加载参数 */
+    onLoadSonData?: (node: any) => {
+        [key: string]: any;
+    };
+    /** 显示添加下级按钮 */
+    showAddSon?: boolean;
+    /** 显示删除按钮 */
+    showDelete?: boolean;
+    /** 显示编辑按钮 */
+    showEdit?: boolean;
+    /** 显示搜索框 */
+    showSearch?: boolean;
+    /** 显示添加按钮 */
+    showAdd?: boolean;
+    /** 当点击添加按钮时事件, 参数1是node节点, 参数2是成功回调函数 */
+    onClickAddSon?: (node: any, call: (sourceData: any) => void) => void;
+    /** 当点击删除按钮时事件, 参数1是node节点, 参数2是成功回调函数 */
+    onClickDelete?: (node: any, call: () => void) => void;
+    /** 当点击编辑按钮时事件, 参数1是node节点, 参数2是成功回调函数,回调时应携带修改节点信息 */
+    onClickEdit?: (node: any, call: (newNode: any) => void) => void;
+    /** 当点击添加按钮时事件, 参数1是node节点, 参数2是成功回调函数,回调时应携带新增节点信息 */
+    onClickAdd?: (call: (sourceData: any) => void) => void;
+    /** 回车搜索回调 */
+    onSearch?: (value: any) => void;
+    /** 节点选中回调 */
+    onSelect?: (value: any) => void;
+    /** 选中时返回原始数据 */
+    returnSourceData?: boolean;
+    /** 标题渲染函数, 返回react node */
+    titleRender?: (value: any) => any;
+    /** 新增菜单名称 */
+    addMenuName?: string;
+}
+export interface RemoteTreeState {
+    treeDatas: Array<any>;
+    loading: boolean;
+}
+declare class RemoteTree extends React.Component<RemoteTreeProp, RemoteTreeState> {
+    static contextType: React.Context<import('..').EzAntdConfig>;
+    context: React.ContextType<typeof ConfigContext>;
+    static defaultProps: {
+        needQueryParam: boolean;
+        labelKey: string;
+        valueKey: string;
+        defaultParam: {};
+        showAddSon: boolean;
+        showDelete: boolean;
+        showSearch: boolean;
+        showAdd: boolean;
+        returnSourceData: boolean;
+        addMenuName: string;
+    };
+    /** 节点key与节点数据映射 */
+    keyMapNode: any;
+    /** 节点key与上级key映射 */
+    keyMapParentKey: any;
+    /** 节点key与原始数据映射 */
+    keyMapSourceData: any;
+    constructor(props: RemoteTreeProp);
+    handleOnSelect(keys: any[]): void;
+    /** 处理添加 */
+    handleAddSon(event: any, node: any): void;
+    /** 处理添加 */
+    handleAdd(): void;
+    /** 处理删除 */
+    handleDelete(event: any, node: any): void;
+    /** 处理修改 */
+    handleEdit(event: any, node: any): void;
+    /** 根据原始数据创建树节点数据 */
+    createTreeDataBySourceData(sourceData: any): any;
+    /** 加载第一次数据 */
+    loadFirstData(): Promise<void>;
+    /** 加载子层数据 */
+    loadSonData(node: any): Promise<void>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: RemoteTreeProp): Promise<void>;
+    /** 处理搜索 */
+    handleSearch(value: any): void;
+    /** 获取title, 返回react node */
+    getTitle(node: any): any;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default RemoteTree;
+//# sourceMappingURL=RemoteTree.d.ts.map

package/dist/RemoteTree/RemoteTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteTree.d.ts","sourceRoot":"","sources":["../../src/RemoteTree/RemoteTree.tsx"],"names":[],"mappings":"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"}

package/dist/RemoteTree/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './RemoteTree';
+export type { RemoteTreeProp } from './RemoteTree';
+//# sourceMappingURL=index.d.ts.map

package/dist/RemoteTree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RemoteTree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/SearchBar/SearchBar.d.ts

@@ -0,0 +1,164 @@
+import { default as React, CSSProperties } from 'react';
+import { ColProps, FormInstance } from 'antd';
+import { Dispatch } from 'redux';
+import { PayloadAction } from '../types';
+import { WidthType } from '../Grid';
+/**
+ * SearchBar.Item 组件的属性接口
+ */
+export interface SearchBarItemProps {
+    /** 表单项标签文本 */
+    label: string;
+    /** 表单项字段名,对应查询参数的 key */
+    name: string;
+    /** 表单项内容,通常是 Input、Select 等表单控件 */
+    children?: React.ReactNode | React.ReactNode[];
+    /** 表单项内容区域的布局配置 */
+    wrapperCol?: ColProps;
+    /** 自定义样式,可覆盖默认宽度等样式 */
+    style?: CSSProperties;
+}
+/**
+ * SearchBar.Item 组件的状态接口
+ */
+interface SearchBarItemState {
+    /** 表单项宽度,响应式变化:移动端 100%,桌面端 250px */
+    width: string;
+    /** 是否是移动端(xs/sm/md) */
+    isMobile: boolean;
+}
+/**
+ * SearchBar.Item 搜索项组件
+ *
+ * 用于在 SearchBar 中定义单个搜索条件,支持响应式宽度调整。
+ * 在移动端会自动调整为 100% 宽度,桌面端为固定 250px 宽度。
+ */
+declare class SearchBarItem extends React.Component<SearchBarItemProps, SearchBarItemState> {
+    constructor(props: SearchBarItemProps);
+    /**
+     * 处理响应式宽度变化
+     * @param type - 当前屏幕宽度类型(xs/sm/md/lg/xl/xxl)
+     */
+    handleWidthChange(type: WidthType): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+/**
+ * SearchBar 组件的属性接口
+ */
+interface SearchBarProps {
+    /** Redux 模块名称,用于 dispatch action 和读取 state */
+    modelName: string;
+    /** 更多搜索条件,点击"展开"按钮后显示 */
+    moreItem?: React.ReactNode;
+    /** 是否禁用所有按钮 */
+    disabled?: boolean;
+    /** 查询参数在 Redux store 中的字段名,默认为 'queryParam' */
+    paramName?: string;
+    /** 分页数据在 Redux store 中的字段名,默认为 'pageData' */
+    dataStore?: string;
+    /** 表单值变化时的回调函数 */
+    onValuesChange?: (value: any) => void;
+    /** 搜索前的数据处理函数,可用于转换或验证搜索参数 */
+    onSearch?: (value: any) => any;
+    /** Redux dispatch 函数,由 connect HOC 自动注入 */
+    dispatch?: Dispatch<PayloadAction>;
+    /** 查询参数对象,由 connect HOC 从 Redux store 中读取 */
+    queryParam?: {
+        [key: string]: any;
+    };
+    /** 是否显示"新增"按钮 */
+    showAddMenu?: boolean;
+    /** 是否显示"删除"按钮 */
+    showDeleteMenu?: boolean;
+    /** "新增"按钮的文本,默认为"新增" */
+    addMenuName?: string;
+    /** "删除"按钮的文本,默认为"删除" */
+    deleteMenuName?: string;
+    /** 搜索条件子组件,通常是 SearchBar.Item */
+    children?: React.ReactNode | React.ReactNode[];
+    /** 点击"新增"按钮时的回调函数 */
+    onClickAdd?: () => void;
+    /** 点击"删除"按钮时的回调函数 */
+    onClickDelete?: () => void;
+    /** Redux action 中的查询方法名,默认为 'getPageInfo' */
+    queryMethod?: string;
+}
+/**
+ * SearchBar 搜索栏组件
+ *
+ * 提供表格数据搜索功能,集成了:
+ * - 响应式布局(移动端/桌面端自适应)
+ * - 展开/收起更多搜索条件
+ * - 新增/删除操作按钮
+ * - 与 Redux 的自动状态同步
+ * - 搜索、重置功能
+ */
+export declare class SearchBar extends React.Component<SearchBarProps> {
+    /** 表单实例引用,用于获取/设置表单值 */
+    formRef: React.RefObject<FormInstance | null>;
+    /** 静态属性:搜索项子组件 */
+    static Item: typeof SearchBarItem;
+    /** 默认属性值 */
+    static defaultProps: SearchBarProps;
+    state: {
+        showMore: boolean;
+        isMobile: boolean;
+    };
+    constructor(props: SearchBarProps);
+    /**
+     * 处理响应式布局变化
+     * @param type - 当前屏幕宽度类型
+     */
+    handleGridChange(type: WidthType): void;
+    /**
+     * 设置表单值
+     * @param values - 要设置的表单值对象
+     */
+    setFormValues(values: any): void;
+    /**
+     * 处理搜索提交
+     * @param values - 表单提交的值
+     */
+    handleSearch(values: any): void;
+    /**
+     * 重置表单到初始状态
+     */
+    resetForm(): void;
+    /**
+     * 组件更新时同步 Redux store 中的查询参数到表单
+     */
+    componentDidUpdate(prevProps: SearchBarProps): void;
+    /**
+     * 组件挂载时初始化表单值
+     */
+    componentDidMount(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+/** 使用 Redux connect 高阶组件包装后的 SearchBar */
+declare const NewSearchBar: import('react-redux').ConnectedComponent<typeof SearchBar, {
+    children?: React.ReactNode | React.ReactNode[];
+    ref?: React.Ref<SearchBar> | undefined;
+    disabled?: boolean | undefined;
+    key?: React.Key | null | undefined;
+    onSearch?: ((value: any) => any) | undefined;
+    modelName: string;
+    queryMethod?: string | undefined;
+    paramName?: string | undefined;
+    dataStore?: string | undefined;
+    moreItem?: React.ReactNode;
+    onValuesChange?: ((value: any) => void) | undefined;
+    showAddMenu?: boolean | undefined;
+    showDeleteMenu?: boolean | undefined;
+    addMenuName?: string | undefined;
+    deleteMenuName?: string | undefined;
+    onClickAdd?: (() => void) | undefined;
+    onClickDelete?: (() => void) | undefined;
+    dispatch?: Dispatch<PayloadAction> | undefined;
+    queryParam?: {
+        [key: string]: any;
+    } | undefined;
+    context?: React.Context<import('react-redux').ReactReduxContextValue<any, import('redux').UnknownAction> | null> | undefined;
+    store?: import('redux').Store | undefined;
+}>;
+export default NewSearchBar;
+//# sourceMappingURL=SearchBar.d.ts.map

package/dist/SearchBar/SearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../src/SearchBar/SearchBar.tsx"],"names":[],"mappings":"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"}

package/dist/SearchBar/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './SearchBar';
+export { SearchBar as SearchBarClass } from './SearchBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/SearchBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SearchBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC"}