choerodon-ui
Version:
An enterprise-class UI design language and React-based implementation
206 lines (205 loc) • 6.47 kB
TypeScript
import React, { Component, ReactElement, ReactNode } from 'react';
import { TableFilterAdapterProps } from '../../../../es/configure';
import Field, { Fields } from '../../data-set/Field';
import DataSet from '../../data-set/DataSet';
import Record from '../../data-set/Record';
import TableContext, { Props } from '../TableContext';
import { ElementProps } from '../../core/ViewComponent';
import { DynamicFilterBarConfig } from '../Table';
import { TransportProps } from '../../data-set/Transport';
import { ButtonProps } from '../../button/Button';
export declare function isEqualDynamicProps(originalValue: any, newValue: any, dataSet: any, record: any, name?: string): boolean;
export interface TableDynamicFilterBarProps extends ElementProps {
dataSet: DataSet;
queryDataSet: DataSet;
queryFields: ReactElement<any>[];
queryFieldsLimit?: number;
buttons?: ReactElement<ButtonProps>[];
summaryBar?: ReactElement<any>;
dynamicFilterBar?: DynamicFilterBarConfig;
onQuery?: (props: object) => void;
onRefresh?: (props: object) => void;
onReset?: () => void;
autoQueryAfterReset?: boolean;
fuzzyQuery?: boolean;
fuzzyQueryOnly?: boolean;
fuzzyQueryPlaceholder?: string;
searchCode?: string;
autoQuery?: boolean;
refreshBtn?: boolean;
}
export declare const CONDITIONSTATUS = "__CONDITIONSTATUS__";
export declare const SELECTFIELDS = "__SELECTFIELDS__";
export declare const MENUDATASET = "__MENUDATASET__";
export declare const CONDITIONDATASET = "__CONDITIONDATASET__";
export declare const OPTIONDATASET = "__OPTIONDATASET__";
export declare const FILTERMENUDATASET = "__FILTERMENUDATASET__";
export declare const MENURESULT = "__MENURESULT__";
export declare const SEARCHTEXT = "__SEARCHTEXT__";
export declare const SELECTCHANGE = "__SELECTCHANGE__";
export declare const NEWFILTERDATASET = "__NEWFILTERDATASET__";
export declare const ORIGINALVALUEOBJ = "__ORIGINALVALUEOBJ__";
export default class TableDynamicFilterBar extends Component<TableDynamicFilterBarProps> {
static get contextType(): typeof TableContext;
static defaultProps: {
queryFieldsLimit: number;
autoQueryAfterReset: boolean;
fuzzyQuery: boolean;
fuzzyQueryOnly: boolean;
autoQuery: boolean;
refreshBtn: boolean;
buttons: never[];
};
context: Props;
get prefixCls(): string;
get queryFields(): React.ReactElement<any>[];
moreFields: Field[];
/**
* 控制添加筛选下拉显隐
*/
fieldSelectHidden: boolean;
/**
* 收起/展开
*/
expand: boolean;
/**
* 搜索值
*/
searchText: string;
shouldLocateData: boolean;
showExpandIcon: boolean;
refDropdown: HTMLDivElement | null;
refFilterWrapper: HTMLDivElement | null;
refSingleWrapper: HTMLDivElement | null;
refEditors: Map<string, any>;
refFilterItems: Map<string, any>;
originalValue: object;
originalConditionFields: string[];
tempFields: Fields;
isTooltipShown?: boolean;
enterNum: number;
constructor(props: any, context: any);
componentDidMount(): void;
componentWillUnmount(): void;
componentWillReceiveProps(nextProps: Readonly<TableDynamicFilterBarProps>): void;
processDataSetListener(flag: boolean, nextProps?: TableDynamicFilterBarProps): void;
handleClickOut: (e: any) => void;
/**
* queryDataSet 查询前校验事件 触发展开动态字段
* @param dataSet 查询DS
* @param result
*/
handleDataSetValidate({ dataSet, result }: {
dataSet: any;
result: any;
}): Promise<void>;
setConditionStatus(value: any, orglValue?: object): void;
setOriginalConditionFields: (code: any) => void;
/**
* 筛选条件更新 触发表格查询
*/
handleDataSetUpdate({ record, name, oldValue, value }: {
record: any;
name: any;
oldValue: any;
value: any;
}): Promise<void>;
/**
* queryDS 新建,初始勾选值
*/
handleDataSetCreate(): void;
/**
* queryDS reset,初始记录
*/
handleDataSetReset(): void;
/**
* queryDS load,兼容项目loadData([])的处理,初始化记录
*/
handleDataSetLoad({ dataSet }: {
dataSet: any;
}): void;
/**
* 初始化勾选值、条件字段
* @param props
*/
initConditionFields(props: any): void;
/**
* 加载动态筛选条相关初始数据 & 存储初始值
* 1.筛选条
* 2.高级搜索 //TODO
* 3.模糊搜索
* @param param
*/
loadConditionData({ conditionDataSet, menuRecord, dataSet, searchText }: {
conditionDataSet: any;
menuRecord: any;
dataSet: any;
searchText: any;
}): void;
initMenuDataSet(): Promise<boolean>;
/**
* tableFilterSuffix 预留自定义区域
*/
renderSuffix(): (JSX.Element | null)[];
getPrefix(): ReactNode;
/**
* 注入 onEnterDown 事件
* @param element
* @param name
*/
createFields(element: any, name: any): ReactElement;
/**
* 判断查询值是否为空
* @param value
*/
isEmpty(value: any): boolean;
get tableFilterAdapter(): TransportProps | TableFilterAdapterProps | null | undefined;
/**
* 是否单行操作
*/
isSingleLineOpt(): boolean;
/**
* 勾选
* @param code
* @param record
*/
handleSelect: (code: any, record?: Record | undefined) => void;
/**
* 取消勾选
* @param code
*/
handleUnSelect: (code: any) => void;
renderRefreshBtn(): ReactNode;
/**
* 渲染展开逻辑
* @param hidden 是否隐藏全部
*/
getExpandNode(hidden: any): ReactNode;
/**
* 渲染模糊搜索
*/
getFuzzyQuery(): ReactNode;
/**
* 渲染重置按钮
*/
getResetButton(): JSX.Element;
/**
* 筛选头
* fuzzyQuery + quickFilterMenu + resetButton + buttons
*/
getFilterMenu(): ReactNode;
/**
* 查询字段初始顺序
* 排除动态属性影响
*/
get originOrderQueryFields(): Field[];
handleHelpMouseEnter(e: MouseEvent, help: string): void;
handleHelpMouseLeave(): void;
renderTooltipHelp(help: any): JSX.Element | undefined;
/**
* 渲染查询条
*/
getQueryBar(): ReactNode;
handleQuery(collapse?: boolean): void;
render(): React.ReactNode;
}