choerodon-ui
Version:
An enterprise-class UI design language and React-based implementation
143 lines (142 loc) • 4.02 kB
TypeScript
import React, { Component, ReactElement, ReactNode } from 'react';
import { TableFilterAdapterProps } from '../../../../lib/configure';
import Field 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';
export interface TableDynamicFilterBarProps extends ElementProps {
dataSet: DataSet;
queryDataSet: DataSet;
queryFields: ReactElement<any>[];
queryFieldsLimit?: number;
dynamicFilterBar?: DynamicFilterBarConfig;
onQuery?: (props: object) => void;
onReset?: () => void;
autoQueryAfterReset?: boolean;
fuzzyQuery?: boolean;
fuzzyQueryPlaceholder?: string;
searchCode?: string;
autoQuery?: boolean;
expandButton?: boolean;
}
export default class TableDynamicFilterBar extends Component<TableDynamicFilterBarProps> {
static get contextType(): typeof TableContext;
static defaultProps: {
prefixCls: string;
queryFieldsLimit: number;
autoQueryAfterReset: boolean;
fuzzyQuery: boolean;
autoQuery: boolean;
expandButton: boolean;
};
context: Props;
moreFields: Field[];
/**
* 控制添加筛选下拉显隐
*/
fieldSelectHidden: boolean;
/**
* 收起/展开
*/
expand: boolean;
/**
* 搜索值
*/
searchText: string;
shouldLocateData: boolean;
refDropdown: HTMLDivElement | null;
refFilterWrapper: HTMLDivElement | null;
refSingleWrapper: HTMLDivElement | null;
refEditors: Map<string, any>;
originalValue: object;
originalConditionFields: string[];
enterNum: number;
constructor(props: any, context: any);
componentDidMount(): void;
componentWillUnmount(): void;
processDataSetListener(flag: boolean): 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 }: {
record: any;
}): void;
/**
* queryDS 新建,初始勾选值
*/
handleDataSetCreate(props: {
dataSet: DataSet;
record: Record;
}): void;
initMenuDataSet(): Promise<void>;
/**
* tableFilterSuffix 预留自定义区域
*/
renderSuffix(): JSX.Element | undefined;
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
*/
handleSelect: (code: any) => void;
/**
* 取消勾选
* @param code
*/
handleUnSelect: (code: any) => void;
/**
* 渲染展开逻辑
* @param hidden 是否隐藏全部
*/
getExpandNode(hidden: any): ReactNode;
/**
* 渲染模糊搜索
*/
getFuzzyQuery(): ReactNode;
/**
* 渲染重置按钮
*/
getResetButton(): JSX.Element;
/**
* 筛选头
* fuzzyQuery + quickFilterMenu + resetButton + buttons
*/
getFilterMenu(): ReactNode;
/**
* 渲染查询条
*/
getQueryBar(): ReactNode;
handleQuery(collapse?: boolean): void;
render(): React.ReactNode;
}