UNPKG

choerodon-ui

Version:

An enterprise-class UI design language and React-based implementation

206 lines (205 loc) 6.47 kB
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; }