fastlion-amis
Version:
一种MIS页面生成工具
78 lines (77 loc) • 2.94 kB
TypeScript
import React from 'react';
import { FormControlProps, FormBaseControl } from './Item';
import 'moment/locale/zh-cn';
/**
* MonthRange 月范围控件
* 文档：https://baidu.gitee.io/amis/docs/components/form/month-range
*/
export interface MonthRangeControlSchema extends FormBaseControl {
/**
* 指定为日期范围控件
*/
type: 'input-month-range';
/**
* 分割符, 因为有两个值，开始时间和结束时间，所以要有连接符。默认为英文逗号。
*
*/
delimiter?: string;
/**
* 默认 `X` 即时间戳格式，用来提交的时间格式。更多格式类型请参考 moment.
*/
format?: string;
/**
* 默认 `YYYY-MM` 用来配置显示的时间格式。
*/
inputFormat?: string;
/**
* 开启后将选中的选项 value 的值用连接符拼接起来，作为当前表单项的值。如： `value1,value2` 否则为 `[value1, value2]`
*/
joinValues?: boolean;
/**
* 最大日期限制，支持变量 $xxx 来取值，或者用相对值如：* `-2mins` 2分钟前\n * `+2days` 2天后\n* `-10week` 十周前\n可用单位： `min`、`hour`、`day`、`week`、`month`、`year`。所有单位支持复数形式。
*/
maxDate?: string;
/**
* 最小日期限制，支持变量 $xxx 来取值，或者用相对值如：* `-2mins` 2分钟前\n * `+2days` 2天后\n* `-10week` 十周前\n可用单位： `min`、`hour`、`day`、`week`、`month`、`year`。所有单位支持复数形式。
*/
minDate?: string;
/**
* 最大跨度，比如 2days
*/
maxDuration?: string;
/**
* 最小跨度，比如 2days
*/
minDuration?: string;
/**
* 这里面 value 需要特殊说明一下，因为支持相对值。* `-2mins` 2分钟前\n * `+2days` 2天后\n* `-10week` 十周前\n可用单位： `min`、`hour`、`day`、`week`、`month`、`year`。所有单位支持复数形式。
*/
value?: any;
/**
* 开启后变成非弹出模式，即内联模式。
*/
embed?: boolean;
}
export interface MonthRangeProps extends FormControlProps, Omit<MonthRangeControlSchema, 'type' | 'className' | 'descriptionClassName' | 'inputClassName'> {
delimiter: string;
format: string;
joinValues: boolean;
}
export default class MonthRangeControl extends React.Component<MonthRangeProps> {
static defaultProps: {
format: string;
joinValues: boolean;
delimiter: string;
};
constructor(props: MonthRangeProps);
componentDidUpdate(prevProps: MonthRangeProps): void;
render(): JSX.Element;
}
export declare class MonthRangeControlRenderer extends MonthRangeControl {
static defaultProps: {
timeFormat: string;
format: string;
joinValues: boolean;
delimiter: string;
};
}