drip-table
Version:
A tiny and powerful enterprise-class solution for building tables.
62 lines (61 loc) • 1.87 kB
TypeScript
/**
* This file is part of the drip-table project.
* @link : https://drip-table.jd.com/
* @author : renwenci (ararakikon@163.com)
* @modifier : renwenci (ararakikon@163.com)
* @copyright: Copyright (c) 2020 JD Network Technology Co., Ltd.
*/
import './index.less';
import React from 'react';
import { DripTableColumnSchema, DripTableRecordTypeBase, SchemaObject } from "../../../types";
import { DripTableComponentProps } from '../component';
export declare type DTCDateColumnSchema = DripTableColumnSchema<'date-picker', {
/**
* 展示模式：单日期选择、日期范围选择
*/
mode: 'basic' | 'range';
/**
* 范围日期配置
*/
parts?: {
dataIndex: string | string[];
}[];
/**
* 日期格式
*/
format: string;
}>;
interface DTCDateState {
cellLeft: number;
cellTop: number;
cellWidth: number;
cellPaddingLeft: number;
cellPaddingRight: number;
cellPaddingTop: number;
cellPaddingBottom: number;
editState: 'none' | 'entering' | 'editing';
}
interface DTCDateProps<RecordType extends DripTableRecordTypeBase> extends DripTableComponentProps<RecordType, DTCDateColumnSchema> {
}
interface DTCDateState {
}
export default class DTCDate<RecordType extends DripTableRecordTypeBase> extends React.PureComponent<DTCDateProps<RecordType>, DTCDateState> {
static componentName: DTCDateColumnSchema['component'];
static schema: SchemaObject;
state: DTCDateState;
private get configured();
private get basicValue();
private get rangeValue();
componentDidUpdate(): void;
private onKeyDown;
private componentUuid;
private $main;
private focusEdit;
private onDoubleClick;
private updateCellRect;
private renderEditDate;
private onWheel;
private renderEdit;
render(): React.JSX.Element;
}
export {};