UNPKG

choerodon-ui

Version:

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

143 lines (142 loc) 4.02 kB
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; }