amis 1.5.2 → 1.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/Collapse.js +1 -1
- package/lib/components/Collapse.js.map +2 -2
- package/lib/components/DatePicker.d.ts +178 -84
- package/lib/components/DatePicker.js +25 -4
- package/lib/components/DatePicker.js.map +2 -2
- package/lib/components/calendar/Calendar.d.ts +8 -0
- package/lib/components/calendar/Calendar.js +4 -1
- package/lib/components/calendar/Calendar.js.map +2 -2
- package/lib/components/calendar/DaysView.d.ts +8 -0
- package/lib/components/calendar/DaysView.js +71 -0
- package/lib/components/calendar/DaysView.js.map +2 -2
- package/lib/index.js +1 -1
- package/lib/renderers/Form/InputDate.d.ts +25 -0
- package/lib/renderers/Form/InputDate.js +48 -3
- package/lib/renderers/Form/InputDate.js.map +2 -2
- package/lib/renderers/Status.js +1 -1
- package/lib/renderers/Status.js.map +2 -2
- package/lib/themes/ang-ie11.css +78 -1
- package/lib/themes/ang.css +78 -1
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +78 -2
- package/lib/themes/antd.css +78 -2
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +86 -1
- package/lib/themes/cxd.css +86 -1
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +78 -1
- package/lib/themes/dark.css +78 -1
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default.css +86 -1
- package/lib/themes/default.css.map +1 -1
- package/package.json +2 -2
- package/schema.json +52 -7
- package/scss/_properties.scss +1 -1
- package/scss/components/_calendar.scss +81 -0
- package/scss/components/_toast.scss +3 -0
- package/scss/themes/_antd-variables.scss +0 -2
- package/scss/themes/_common.scss +1 -0
- package/scss/themes/_cxd-variables.scss +9 -0
- package/sdk/ang-ie11.css +90 -1
- package/sdk/ang.css +90 -1
- package/sdk/antd-ie11.css +89 -0
- package/sdk/antd.css +90 -2
- package/sdk/charts.js +15 -15
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/cxd-ie11.css +90 -1
- package/sdk/cxd.css +98 -1
- package/sdk/dark-ie11.css +90 -1
- package/sdk/dark.css +90 -1
- package/sdk/exceljs.js +1 -1
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +18 -18
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +90 -1
- package/sdk/sdk.css +98 -1
- package/sdk/sdk.js +1182 -1182
- package/sdk/thirds/hls.js/hls.js +1 -1
- package/sdk/thirds/mpegts.js/mpegts.js +1 -1
- package/sdk/tinymce.js +57 -57
- package/src/components/Collapse.tsx +1 -1
- package/src/components/DatePicker.tsx +41 -3
- package/src/components/calendar/Calendar.tsx +12 -1
- package/src/components/calendar/DaysView.tsx +89 -0
- package/src/renderers/Form/InputDate.tsx +83 -2
- package/src/renderers/Status.tsx +3 -1
@@ -8,6 +8,7 @@ var tpl_builtin_1 = require("../../utils/tpl-builtin");
|
|
8
8
|
var moment_1 = (0, tslib_1.__importDefault)(require("moment"));
|
9
9
|
require("moment/locale/zh-cn");
|
10
10
|
var DatePicker_1 = (0, tslib_1.__importDefault)(require("../../components/DatePicker"));
|
11
|
+
var helper_1 = require("../../utils/helper");
|
11
12
|
var DateControl = /** @class */ (function (_super) {
|
12
13
|
(0, tslib_1.__extends)(DateControl, _super);
|
13
14
|
function DateControl(props) {
|
@@ -17,9 +18,17 @@ var DateControl = /** @class */ (function (_super) {
|
|
17
18
|
var date = (0, tpl_builtin_1.filterDate)(defaultValue, data, format);
|
18
19
|
setPrinstineValue((utc ? moment_1.default.utc(date) : date).format(format));
|
19
20
|
}
|
21
|
+
var schedulesData = props.schedules;
|
22
|
+
if (typeof schedulesData === 'string') {
|
23
|
+
var resolved = (0, tpl_builtin_1.resolveVariableAndFilter)(schedulesData, data, '| raw');
|
24
|
+
if (Array.isArray(resolved)) {
|
25
|
+
schedulesData = resolved;
|
26
|
+
}
|
27
|
+
}
|
20
28
|
_this.state = {
|
21
29
|
minDate: minDate ? (0, tpl_builtin_1.filterDate)(minDate, data, format) : undefined,
|
22
|
-
maxDate: maxDate ? (0, tpl_builtin_1.filterDate)(maxDate, data, format) : undefined
|
30
|
+
maxDate: maxDate ? (0, tpl_builtin_1.filterDate)(maxDate, data, format) : undefined,
|
31
|
+
schedules: schedulesData
|
23
32
|
};
|
24
33
|
return _this;
|
25
34
|
}
|
@@ -41,14 +50,50 @@ var DateControl = /** @class */ (function (_super) {
|
|
41
50
|
: undefined
|
42
51
|
});
|
43
52
|
}
|
53
|
+
if ((0, helper_1.anyChanged)(['schedules', 'data'], prevProps, props)
|
54
|
+
&& (typeof props.schedules === 'string' && (0, tpl_builtin_1.isPureVariable)(props.schedules))) {
|
55
|
+
var schedulesData = (0, tpl_builtin_1.resolveVariableAndFilter)(props.schedules, props.data, '| raw');
|
56
|
+
var preSchedulesData = (0, tpl_builtin_1.resolveVariableAndFilter)(prevProps.schedules, prevProps.data, '| raw');
|
57
|
+
if (Array.isArray(schedulesData) && preSchedulesData !== schedulesData) {
|
58
|
+
this.setState({
|
59
|
+
schedules: schedulesData
|
60
|
+
});
|
61
|
+
}
|
62
|
+
}
|
63
|
+
};
|
64
|
+
// 日程点击事件
|
65
|
+
DateControl.prototype.onScheduleClick = function (scheduleData) {
|
66
|
+
var _a = this.props, scheduleAction = _a.scheduleAction, onAction = _a.onAction, data = _a.data, __ = _a.translate;
|
67
|
+
var defaultscheduleAction = {
|
68
|
+
actionType: 'dialog',
|
69
|
+
dialog: {
|
70
|
+
title: __('Schedule'),
|
71
|
+
actions: [],
|
72
|
+
body: {
|
73
|
+
type: 'table',
|
74
|
+
columns: [
|
75
|
+
{
|
76
|
+
name: 'time',
|
77
|
+
label: __('Time')
|
78
|
+
},
|
79
|
+
{
|
80
|
+
name: 'content',
|
81
|
+
label: __('Content')
|
82
|
+
}
|
83
|
+
],
|
84
|
+
data: '${scheduleData}'
|
85
|
+
}
|
86
|
+
}
|
87
|
+
};
|
88
|
+
onAction && onAction(null, scheduleAction || defaultscheduleAction, (0, helper_1.createObject)(data, scheduleData));
|
44
89
|
};
|
45
90
|
DateControl.prototype.render = function () {
|
46
|
-
var _a = this.props, className = _a.className, defaultValue = _a.defaultValue, defaultData = _a.defaultData, cx = _a.classnames, minDate = _a.minDate, maxDate = _a.maxDate, type = _a.type, format = _a.format, timeFormat = _a.timeFormat, valueFormat = _a.valueFormat, rest = (0, tslib_1.__rest)(_a, ["className", "defaultValue", "defaultData", "classnames", "minDate", "maxDate", "type", "format", "timeFormat", "valueFormat"]);
|
91
|
+
var _a = this.props, className = _a.className, defaultValue = _a.defaultValue, defaultData = _a.defaultData, cx = _a.classnames, minDate = _a.minDate, maxDate = _a.maxDate, type = _a.type, format = _a.format, timeFormat = _a.timeFormat, valueFormat = _a.valueFormat, largeMode = _a.largeMode, render = _a.render, rest = (0, tslib_1.__rest)(_a, ["className", "defaultValue", "defaultData", "classnames", "minDate", "maxDate", "type", "format", "timeFormat", "valueFormat", "largeMode", "render"]);
|
47
92
|
if (type === 'time' && timeFormat) {
|
48
93
|
format = timeFormat;
|
49
94
|
}
|
50
95
|
return (react_1.default.createElement("div", { className: cx("DateControl", className) },
|
51
|
-
react_1.default.createElement(DatePicker_1.default, (0, tslib_1.__assign)({}, rest, { timeFormat: timeFormat, format: valueFormat || format }, this.state, { classnames: cx }))));
|
96
|
+
react_1.default.createElement(DatePicker_1.default, (0, tslib_1.__assign)({}, rest, { timeFormat: timeFormat, format: valueFormat || format }, this.state, { classnames: cx, schedules: this.state.schedules, largeMode: largeMode, onScheduleClick: this.onScheduleClick.bind(this) }))));
|
52
97
|
};
|
53
98
|
DateControl.defaultProps = {
|
54
99
|
format: 'X',
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/renderers/Form/InputDate.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": ";;;;AAAA,6DAA0B;AAC1B,+BAAmE;AAEnE,
|
9
|
+
"mappings": "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",
|
10
10
|
"sourcesContent": [
|
11
|
-
"import React from 'react';\nimport {FormItem, FormControlProps, FormBaseControl} from './Item';\nimport cx from 'classnames';\nimport {filterDate} from '../../utils/tpl-builtin';\nimport moment from 'moment';\nimport 'moment/locale/zh-cn';\nimport DatePicker from '../../components/DatePicker';\n\nexport interface InputDateBaseControlSchema extends FormBaseControl {\n /**\n * 指定为日期选择控件\n */\n type:\n | 'input-date'\n | 'input-datetime'\n | 'input-time'\n | 'input-month'\n | 'input-quarter'\n | 'input-year';\n\n /**\n * 是否显示清除按钮\n */\n clearable?: boolean;\n\n /**\n * 日期存储格式\n */\n format?: string;\n\n /**\n * 日期展示格式\n */\n inputFormat?: string;\n\n /**\n * 设定是否存储 utc 时间。\n */\n utc?: boolean;\n\n /**\n * 是否为内联模式?\n */\n emebed?: boolean;\n\n /**\n * 边框模式,全边框,还是半边框,或者没边框。\n */\n borderMode?: 'full' | 'half' | 'none';\n}\n\n/**\n * Date日期选择控件\n * 文档:https://baidu.gitee.io/amis/docs/components/form/date\n */\nexport interface DateControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为日期选择控件\n */\n type: 'input-date';\n\n /**\n * 日期存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 日期展示格式\n * @default YYYY-MM-DD\n */\n inputFormat?: string;\n\n /**\n * 点选日期后是否关闭弹窗\n */\n closeOnSelect?: boolean;\n\n /**\n * 限制最小日期\n */\n minDate?: string;\n\n /**\n * 限制最大日期\n */\n maxDate?: string;\n}\n\n/**\n * Datetime日期时间选择控件\n * 文档:https://baidu.gitee.io/amis/docs/components/form/datetime\n */\nexport interface DateTimeControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为日期时间选择控件\n */\n type: 'input-datetime';\n\n /**\n * 日期存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 日期展示格式\n * @default YYYY-MM-DD HH:mm\n */\n inputFormat?: string;\n\n /**\n * 时间的格式。\n *\n * @default HH:mm\n */\n timeFormat?: string;\n\n /**\n * 限制最小日期\n */\n minDate?: string;\n\n /**\n * 限制最大日期\n */\n maxDate?: string;\n\n /**\n * 不记得了\n */\n timeConstraints?: any;\n}\n\n/**\n * Time 时间选择控件\n * 文档:https://baidu.gitee.io/amis/docs/components/form/time\n */\nexport interface TimeControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为日期时间选择控件\n */\n type: 'input-time';\n\n /**\n * 日期存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 日期展示格式\n * @default YYYY-MM-DD HH:mm\n */\n inputFormat?: string;\n\n /**\n * 时间的格式。\n *\n * @default HH:mm\n */\n timeFormat?: string;\n\n /**\n * 不记得了\n */\n timeConstraints?: any;\n}\n\n/**\n * Month 月份选择控件\n * 文档:https://baidu.gitee.io/amis/docs/components/form/Month\n */\nexport interface MonthControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为月份时间选择控件\n */\n type: 'input-month';\n\n /**\n * 月份存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 月份展示格式\n * @default YYYY-MM\n */\n inputFormat?: string;\n}\n\n/**\n * 季度选择控件\n */\nexport interface QuarterControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为月份时间选择控件\n */\n type: 'input-quarter';\n\n /**\n * 月份存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 月份展示格式\n * @default YYYY-MM\n */\n inputFormat?: string;\n}\n\n/**\n * 年份选择控件\n */\nexport interface YearControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为月份时间选择控件\n */\n type: 'input-year';\n\n /**\n * 月份存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 月份展示格式\n * @default YYYY-MM\n */\n inputFormat?: string;\n}\n\nexport interface DateProps extends FormControlProps {\n inputFormat?: string;\n timeFormat?: string;\n format?: string;\n valueFormat?: string;\n timeConstraints?: {\n hours?: {\n min: number;\n max: number;\n step: number;\n };\n minutes?: {\n min: number;\n max: number;\n step: number;\n };\n seconds: {\n min: number;\n max: number;\n step: number;\n };\n };\n closeOnSelect?: boolean;\n disabled: boolean;\n iconClassName?: string;\n utc?: boolean; // 设定是否存储 utc 时间。\n minDate?: string;\n maxDate?: string;\n}\n\ninterface DateControlState {\n minDate?: moment.Moment;\n maxDate?: moment.Moment;\n}\n\nexport default class DateControl extends React.PureComponent<\n DateProps,\n DateControlState\n> {\n static defaultProps = {\n format: 'X',\n viewMode: 'days',\n inputFormat: 'YYYY-MM-DD',\n timeConstraints: {\n minutes: {\n step: 1\n }\n },\n clearable: true\n };\n\n constructor(props: DateProps) {\n super(props);\n\n const {\n minDate,\n maxDate,\n value,\n defaultValue,\n setPrinstineValue,\n data,\n format,\n utc\n } = props;\n\n if (defaultValue && value === defaultValue) {\n const date = filterDate(defaultValue, data, format);\n setPrinstineValue((utc ? moment.utc(date) : date).format(format));\n }\n\n this.state = {\n minDate: minDate ? filterDate(minDate, data, format) : undefined,\n maxDate: maxDate ? filterDate(maxDate, data, format) : undefined\n };\n }\n\n componentDidUpdate(prevProps: DateProps) {\n const props = this.props;\n\n if (prevProps.defaultValue !== props.defaultValue) {\n const date = filterDate(props.defaultValue, props.data, props.format);\n props.setPrinstineValue(\n (props.utc ? moment.utc(date) : date).format(props.format)\n );\n }\n\n if (\n prevProps.minDate !== props.minDate ||\n prevProps.maxDate !== props.maxDate ||\n prevProps.data !== props.data\n ) {\n this.setState({\n minDate: props.minDate\n ? filterDate(props.minDate, props.data, this.props.format)\n : undefined,\n maxDate: props.maxDate\n ? filterDate(props.maxDate, props.data, this.props.format)\n : undefined\n });\n }\n }\n\n render() {\n let {\n className,\n defaultValue,\n defaultData,\n classnames: cx,\n minDate,\n maxDate,\n type,\n format,\n timeFormat,\n valueFormat,\n ...rest\n } = this.props;\n\n if (type === 'time' && timeFormat) {\n format = timeFormat;\n }\n\n return (\n <div className={cx(`DateControl`, className)}>\n <DatePicker\n {...rest}\n timeFormat={timeFormat}\n format={valueFormat || format}\n {...this.state}\n classnames={cx}\n />\n </div>\n );\n }\n}\n\n@FormItem({\n type: 'input-date',\n weight: -150\n})\nexport class DateControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'Date.placeholder',\n dateFormat: 'YYYY-MM-DD',\n timeFormat: '',\n strictMode: false\n };\n}\n\n@FormItem({\n type: 'input-datetime'\n})\nexport class DatetimeControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'DateTime.placeholder',\n inputFormat: 'YYYY-MM-DD HH:mm:ss',\n dateFormat: 'LL',\n timeFormat: 'HH:mm:ss',\n closeOnSelect: false,\n strictMode: false\n };\n}\n\n@FormItem({\n type: 'input-time'\n})\nexport class TimeControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'Time.placeholder',\n inputFormat: 'HH:mm',\n dateFormat: '',\n timeFormat: 'HH:mm',\n viewMode: 'time',\n closeOnSelect: false\n };\n}\n\n@FormItem({\n type: 'input-month'\n})\nexport class MonthControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'Month.placeholder',\n inputFormat: 'YYYY-MM',\n dateFormat: 'MM',\n timeFormat: '',\n viewMode: 'months',\n closeOnSelect: true\n };\n}\n\n@FormItem({\n type: 'input-quarter'\n})\nexport class QuarterControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'Quarter.placeholder',\n inputFormat: 'YYYY [Q]Q',\n dateFormat: 'YYYY [Q]Q',\n timeFormat: '',\n viewMode: 'quarters',\n closeOnSelect: true\n };\n}\n\n@FormItem({\n type: 'input-year'\n})\nexport class YearControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'Year.placeholder',\n inputFormat: 'YYYY',\n dateFormat: 'YYYY',\n timeFormat: '',\n viewMode: 'years',\n closeOnSelect: true\n };\n}\n"
|
11
|
+
"import React from 'react';\nimport {FormItem, FormControlProps, FormBaseControl} from './Item';\nimport cx from 'classnames';\nimport {filterDate, isPureVariable, resolveVariableAndFilter} from '../../utils/tpl-builtin';\nimport moment from 'moment';\nimport 'moment/locale/zh-cn';\nimport DatePicker from '../../components/DatePicker';\nimport {SchemaObject} from '../../Schema';\nimport {createObject, anyChanged} from '../../utils/helper';\n\nexport interface InputDateBaseControlSchema extends FormBaseControl {\n /**\n * 指定为日期选择控件\n */\n type:\n | 'input-date'\n | 'input-datetime'\n | 'input-time'\n | 'input-month'\n | 'input-quarter'\n | 'input-year';\n\n /**\n * 是否显示清除按钮\n */\n clearable?: boolean;\n\n /**\n * 日期存储格式\n */\n format?: string;\n\n /**\n * 日期展示格式\n */\n inputFormat?: string;\n\n /**\n * 设定是否存储 utc 时间。\n */\n utc?: boolean;\n\n /**\n * 是否为内联模式?\n */\n emebed?: boolean;\n\n /**\n * 边框模式,全边框,还是半边框,或者没边框。\n */\n borderMode?: 'full' | 'half' | 'none';\n}\n\n/**\n * Date日期选择控件\n * 文档:https://baidu.gitee.io/amis/docs/components/form/date\n */\nexport interface DateControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为日期选择控件\n */\n type: 'input-date';\n\n /**\n * 日期存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 日期展示格式\n * @default YYYY-MM-DD\n */\n inputFormat?: string;\n\n /**\n * 点选日期后是否关闭弹窗\n */\n closeOnSelect?: boolean;\n\n /**\n * 限制最小日期\n */\n minDate?: string;\n\n /**\n * 限制最大日期\n */\n maxDate?: string;\n\n /**\n * 日程\n */\n schedules?: Array<{\n startTime: Date,\n endTime: Date,\n content: any,\n className?: string\n }> | string;\n /**\n * 日程显示颜色自定义\n */\n scheduleClassNames?: Array<string>;\n /**\n * 日程点击展示\n */\n scheduleAction?: SchemaObject;\n}\n\n/**\n * Datetime日期时间选择控件\n * 文档:https://baidu.gitee.io/amis/docs/components/form/datetime\n */\nexport interface DateTimeControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为日期时间选择控件\n */\n type: 'input-datetime';\n\n /**\n * 日期存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 日期展示格式\n * @default YYYY-MM-DD HH:mm\n */\n inputFormat?: string;\n\n /**\n * 时间的格式。\n *\n * @default HH:mm\n */\n timeFormat?: string;\n\n /**\n * 限制最小日期\n */\n minDate?: string;\n\n /**\n * 限制最大日期\n */\n maxDate?: string;\n\n /**\n * 不记得了\n */\n timeConstraints?: any;\n}\n\n/**\n * Time 时间选择控件\n * 文档:https://baidu.gitee.io/amis/docs/components/form/time\n */\nexport interface TimeControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为日期时间选择控件\n */\n type: 'input-time';\n\n /**\n * 日期存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 日期展示格式\n * @default YYYY-MM-DD HH:mm\n */\n inputFormat?: string;\n\n /**\n * 时间的格式。\n *\n * @default HH:mm\n */\n timeFormat?: string;\n\n /**\n * 不记得了\n */\n timeConstraints?: any;\n}\n\n/**\n * Month 月份选择控件\n * 文档:https://baidu.gitee.io/amis/docs/components/form/Month\n */\nexport interface MonthControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为月份时间选择控件\n */\n type: 'input-month';\n\n /**\n * 月份存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 月份展示格式\n * @default YYYY-MM\n */\n inputFormat?: string;\n}\n\n/**\n * 季度选择控件\n */\nexport interface QuarterControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为月份时间选择控件\n */\n type: 'input-quarter';\n\n /**\n * 月份存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 月份展示格式\n * @default YYYY-MM\n */\n inputFormat?: string;\n}\n\n/**\n * 年份选择控件\n */\nexport interface YearControlSchema extends InputDateBaseControlSchema {\n /**\n * 指定为月份时间选择控件\n */\n type: 'input-year';\n\n /**\n * 月份存储格式\n * @default X\n */\n format?: string;\n\n /**\n * 月份展示格式\n * @default YYYY-MM\n */\n inputFormat?: string;\n}\n\nexport interface DateProps extends FormControlProps {\n inputFormat?: string;\n timeFormat?: string;\n format?: string;\n valueFormat?: string;\n timeConstraints?: {\n hours?: {\n min: number;\n max: number;\n step: number;\n };\n minutes?: {\n min: number;\n max: number;\n step: number;\n };\n seconds: {\n min: number;\n max: number;\n step: number;\n };\n };\n closeOnSelect?: boolean;\n disabled: boolean;\n iconClassName?: string;\n utc?: boolean; // 设定是否存储 utc 时间。\n minDate?: string;\n maxDate?: string;\n}\n\ninterface DateControlState {\n minDate?: moment.Moment;\n maxDate?: moment.Moment;\n schedules?: Array<{\n startTime: Date,\n endTime: Date,\n content: any,\n className?: string\n }>;\n}\n\nexport default class DateControl extends React.PureComponent<\n DateProps,\n DateControlState\n> {\n static defaultProps = {\n format: 'X',\n viewMode: 'days',\n inputFormat: 'YYYY-MM-DD',\n timeConstraints: {\n minutes: {\n step: 1\n }\n },\n clearable: true\n };\n\n constructor(props: DateProps) {\n super(props);\n\n const {\n minDate,\n maxDate,\n value,\n defaultValue,\n setPrinstineValue,\n data,\n format,\n utc\n } = props;\n\n if (defaultValue && value === defaultValue) {\n const date = filterDate(defaultValue, data, format);\n setPrinstineValue((utc ? moment.utc(date) : date).format(format));\n }\n\n let schedulesData = props.schedules;\n if (typeof schedulesData === 'string') {\n const resolved = resolveVariableAndFilter(schedulesData, data, '| raw');\n if (Array.isArray(resolved)) {\n schedulesData = resolved;\n }\n }\n\n this.state = {\n minDate: minDate ? filterDate(minDate, data, format) : undefined,\n maxDate: maxDate ? filterDate(maxDate, data, format) : undefined,\n schedules: schedulesData\n };\n }\n\n componentDidUpdate(prevProps: DateProps) {\n const props = this.props;\n\n if (prevProps.defaultValue !== props.defaultValue) {\n const date = filterDate(props.defaultValue, props.data, props.format);\n props.setPrinstineValue(\n (props.utc ? moment.utc(date) : date).format(props.format)\n );\n }\n\n if (\n prevProps.minDate !== props.minDate ||\n prevProps.maxDate !== props.maxDate ||\n prevProps.data !== props.data\n ) {\n this.setState({\n minDate: props.minDate\n ? filterDate(props.minDate, props.data, this.props.format)\n : undefined,\n maxDate: props.maxDate\n ? filterDate(props.maxDate, props.data, this.props.format)\n : undefined\n });\n }\n\n if (anyChanged(['schedules', 'data'], prevProps, props)\n && (typeof props.schedules === 'string' && isPureVariable(props.schedules))\n ) {\n const schedulesData = resolveVariableAndFilter(props.schedules, props.data, '| raw');\n const preSchedulesData = resolveVariableAndFilter(prevProps.schedules, prevProps.data, '| raw');\n if (Array.isArray(schedulesData) && preSchedulesData !== schedulesData) {\n this.setState({\n schedules: schedulesData\n })\n }\n }\n }\n\n // 日程点击事件\n onScheduleClick(scheduleData: any) {\n const {scheduleAction, onAction, data, translate: __} = this.props;\n const defaultscheduleAction = {\n actionType: 'dialog',\n dialog: {\n title: __('Schedule'),\n actions: [],\n body: {\n type: 'table',\n columns: [\n {\n name: 'time',\n label: __('Time')\n },\n {\n name: 'content',\n label: __('Content')\n }\n ],\n data: '${scheduleData}'\n }\n }\n };\n\n onAction && onAction(null, scheduleAction || defaultscheduleAction, createObject(data, scheduleData));\n\n }\n\n render() {\n let {\n className,\n defaultValue,\n defaultData,\n classnames: cx,\n minDate,\n maxDate,\n type,\n format,\n timeFormat,\n valueFormat,\n largeMode,\n render,\n ...rest\n } = this.props;\n\n if (type === 'time' && timeFormat) {\n format = timeFormat;\n }\n\n return (\n <div className={cx(`DateControl`, className)}>\n <DatePicker\n {...rest}\n timeFormat={timeFormat}\n format={valueFormat || format}\n {...this.state}\n classnames={cx}\n schedules={this.state.schedules}\n largeMode={largeMode}\n onScheduleClick={this.onScheduleClick.bind(this)}\n />\n </div>\n );\n }\n}\n\n@FormItem({\n type: 'input-date',\n weight: -150\n})\nexport class DateControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'Date.placeholder',\n dateFormat: 'YYYY-MM-DD',\n timeFormat: '',\n strictMode: false\n };\n}\n\n@FormItem({\n type: 'input-datetime'\n})\nexport class DatetimeControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'DateTime.placeholder',\n inputFormat: 'YYYY-MM-DD HH:mm:ss',\n dateFormat: 'LL',\n timeFormat: 'HH:mm:ss',\n closeOnSelect: false,\n strictMode: false\n };\n}\n\n@FormItem({\n type: 'input-time'\n})\nexport class TimeControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'Time.placeholder',\n inputFormat: 'HH:mm',\n dateFormat: '',\n timeFormat: 'HH:mm',\n viewMode: 'time',\n closeOnSelect: false\n };\n}\n\n@FormItem({\n type: 'input-month'\n})\nexport class MonthControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'Month.placeholder',\n inputFormat: 'YYYY-MM',\n dateFormat: 'MM',\n timeFormat: '',\n viewMode: 'months',\n closeOnSelect: true\n };\n}\n\n@FormItem({\n type: 'input-quarter'\n})\nexport class QuarterControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'Quarter.placeholder',\n inputFormat: 'YYYY [Q]Q',\n dateFormat: 'YYYY [Q]Q',\n timeFormat: '',\n viewMode: 'quarters',\n closeOnSelect: true\n };\n}\n\n@FormItem({\n type: 'input-year'\n})\nexport class YearControlRenderer extends DateControl {\n static defaultProps = {\n ...DateControl.defaultProps,\n placeholder: 'Year.placeholder',\n inputFormat: 'YYYY',\n dateFormat: 'YYYY',\n timeFormat: '',\n viewMode: 'years',\n closeOnSelect: true\n };\n}\n"
|
12
12
|
]
|
13
13
|
}
|
package/lib/renderers/Status.js
CHANGED
@@ -15,7 +15,7 @@ var StatusField = /** @class */ (function (_super) {
|
|
15
15
|
StatusField.prototype.render = function () {
|
16
16
|
var _a = this.props, className = _a.className, placeholder = _a.placeholder, map = _a.map, labelMap = _a.labelMap, cx = _a.classnames, data = _a.data;
|
17
17
|
var value = (0, helper_1.getPropValue)(this.props);
|
18
|
-
var viewValue = (react_1.default.createElement("span", { className: "text-muted" }, placeholder));
|
18
|
+
var viewValue = (react_1.default.createElement("span", { className: "text-muted", key: "status-value" }, placeholder));
|
19
19
|
var wrapClassName = '';
|
20
20
|
if (value !== undefined && value !== '' && map) {
|
21
21
|
if (typeof value === 'boolean') {
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/renderers/Status.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": ";;;;AAAA,6DAA0B;AAC1B,sCAAmD;AAGnD,oCAAoC;AAEpC,6CAAyC;AAEzC,0CAA6C;AAsD7C;IAAiC,4CAAoC;IAArE;;
|
9
|
+
"mappings": "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",
|
10
10
|
"sourcesContent": [
|
11
|
-
"import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {ServiceStore, IServiceStore} from '../store/service';\nimport {Api, SchemaNode, PlainObject} from '../types';\nimport {filter} from '../utils/tpl';\nimport cx from 'classnames';\nimport {Icon} from '../components/icons';\nimport {BaseSchema} from '../Schema';\nimport {getPropValue} from '../utils/helper';\n\n/**\n * 状态展示控件。\n * 文档:https://baidu.gitee.io/amis/docs/components/status\n */\nexport interface StatusSchema extends BaseSchema {\n /**\n * 指定为状态展示控件\n */\n type: 'status';\n\n /**\n * 占位符\n * @default -\n */\n placeholder?: string;\n\n /**\n * 状态图标映射关系\n * @default {\n * 0: 'svg-fail',\n * 1: 'svg-success',\n * success: 'svg-success',\n * pending: 'rolling',\n * fail: 'svg-fail',\n * queue: 'svg-warning',\n * schedule: 'svg-schedule'\n * }\n */\n map?: {\n [propName: string]: string;\n };\n\n /**\n * 文字映射关系\n *\n * @default {\n * success: '成功',\n * pending: '运行中',\n * fail: '失败',\n * queue: '排队中',\n * schedule: '调度中'\n * }\n */\n labelMap?: {\n [propName: string]: string;\n };\n}\n\nexport interface StatusProps\n extends RendererProps,\n Omit<StatusSchema, 'className'> {}\n\nexport class StatusField extends React.Component<StatusProps, object> {\n static defaultProps: Partial<StatusProps> = {\n placeholder: '-',\n map: {\n 0: 'svg-fail',\n 1: 'svg-success',\n success: 'svg-success',\n pending: 'rolling',\n fail: 'svg-fail',\n queue: 'svg-warning',\n schedule: 'svg-schedule'\n },\n labelMap: {\n success: '成功',\n pending: '运行中',\n fail: '失败',\n queue: '排队中',\n schedule: '调度中'\n }\n };\n\n render() {\n const {\n className,\n placeholder,\n map,\n labelMap,\n classnames: cx,\n data\n } = this.props;\n let value = getPropValue(this.props);\n let viewValue: React.ReactNode = (\n <span className=\"text-muted\"
|
11
|
+
"import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {ServiceStore, IServiceStore} from '../store/service';\nimport {Api, SchemaNode, PlainObject} from '../types';\nimport {filter} from '../utils/tpl';\nimport cx from 'classnames';\nimport {Icon} from '../components/icons';\nimport {BaseSchema} from '../Schema';\nimport {getPropValue} from '../utils/helper';\n\n/**\n * 状态展示控件。\n * 文档:https://baidu.gitee.io/amis/docs/components/status\n */\nexport interface StatusSchema extends BaseSchema {\n /**\n * 指定为状态展示控件\n */\n type: 'status';\n\n /**\n * 占位符\n * @default -\n */\n placeholder?: string;\n\n /**\n * 状态图标映射关系\n * @default {\n * 0: 'svg-fail',\n * 1: 'svg-success',\n * success: 'svg-success',\n * pending: 'rolling',\n * fail: 'svg-fail',\n * queue: 'svg-warning',\n * schedule: 'svg-schedule'\n * }\n */\n map?: {\n [propName: string]: string;\n };\n\n /**\n * 文字映射关系\n *\n * @default {\n * success: '成功',\n * pending: '运行中',\n * fail: '失败',\n * queue: '排队中',\n * schedule: '调度中'\n * }\n */\n labelMap?: {\n [propName: string]: string;\n };\n}\n\nexport interface StatusProps\n extends RendererProps,\n Omit<StatusSchema, 'className'> {}\n\nexport class StatusField extends React.Component<StatusProps, object> {\n static defaultProps: Partial<StatusProps> = {\n placeholder: '-',\n map: {\n 0: 'svg-fail',\n 1: 'svg-success',\n success: 'svg-success',\n pending: 'rolling',\n fail: 'svg-fail',\n queue: 'svg-warning',\n schedule: 'svg-schedule'\n },\n labelMap: {\n success: '成功',\n pending: '运行中',\n fail: '失败',\n queue: '排队中',\n schedule: '调度中'\n }\n };\n\n render() {\n const {\n className,\n placeholder,\n map,\n labelMap,\n classnames: cx,\n data\n } = this.props;\n let value = getPropValue(this.props);\n let viewValue: React.ReactNode = (\n <span className=\"text-muted\" key=\"status-value\">\n {placeholder}\n </span>\n );\n let wrapClassName: string = '';\n\n if (value !== undefined && value !== '' && map) {\n if (typeof value === 'boolean') {\n value = value ? 1 : 0;\n } else if (/^\\d+$/.test(value)) {\n value = parseInt(value, 10) || 0;\n }\n\n wrapClassName = `StatusField--${value}`;\n let itemClassName = map[value] || '';\n let svgIcon: string = '';\n\n itemClassName = itemClassName.replace(\n /\\bsvg-([^\\s|$]+)\\b/g,\n (_: string, icon: string) => {\n svgIcon = icon;\n return 'icon';\n }\n );\n\n if (svgIcon) {\n viewValue = (\n <Icon\n icon={svgIcon}\n className={cx('Status-icon icon', itemClassName)}\n key=\"icon\"\n />\n );\n } else if (itemClassName) {\n viewValue = (\n <i className={cx('Status-icon', itemClassName)} key=\"icon\" />\n );\n }\n\n if (labelMap && labelMap[value]) {\n viewValue = [\n viewValue,\n <span className={cx('StatusField-label')} key=\"label\">\n {filter(labelMap[value], data)}\n </span>\n ];\n }\n }\n\n return (\n <span className={cx('StatusField', wrapClassName, className)}>\n {viewValue}\n </span>\n );\n }\n}\n\n@Renderer({\n type: 'status'\n})\nexport class StatusFieldRenderer extends StatusField {}\n"
|
12
12
|
]
|
13
13
|
}
|
package/lib/themes/ang-ie11.css
CHANGED
@@ -530,7 +530,7 @@
|
|
530
530
|
);
|
531
531
|
--DatePicker-placeholderColor: var(--Form-input-placeholderColor);
|
532
532
|
--LocationPicker-borderRadius: var(--Form-input-borderWidth);
|
533
|
-
--Divider-borderStyle:
|
533
|
+
--Divider-borderStyle: solid;
|
534
534
|
--Drawer-bg: var(--background);
|
535
535
|
--Drawer-body-padding: var(--gap-base);
|
536
536
|
--Drawer-close-color: rgba(255, 255, 255, 0.8);
|
@@ -4707,6 +4707,9 @@ input[type=button].a-Button--block {
|
|
4707
4707
|
flex-grow: 1;
|
4708
4708
|
line-height: var(--gap-xl);
|
4709
4709
|
}
|
4710
|
+
.a-Toast-content .a-Toast-body .a-Html {
|
4711
|
+
word-break: break-word;
|
4712
|
+
}
|
4710
4713
|
.a-Toast-icon {
|
4711
4714
|
display: inline-flex;
|
4712
4715
|
text-rendering: auto;
|
@@ -6401,6 +6404,80 @@ input[type=button].a-Button--block {
|
|
6401
6404
|
padding: var(--gap-sm);
|
6402
6405
|
}
|
6403
6406
|
|
6407
|
+
.a-ScheduleCalendar-icon {
|
6408
|
+
position: absolute;
|
6409
|
+
bottom: var(--Calendar-icon-bottom);
|
6410
|
+
left: 50%;
|
6411
|
+
transform: translateX(-50%);
|
6412
|
+
display: block;
|
6413
|
+
width: var(--Calendar-icon-width);
|
6414
|
+
height: var(--Calendar-icon-height);
|
6415
|
+
border-radius: 50%;
|
6416
|
+
z-index: 10;
|
6417
|
+
}
|
6418
|
+
.a-ScheduleCalendar-action {
|
6419
|
+
display: block;
|
6420
|
+
padding: 0;
|
6421
|
+
width: 100%;
|
6422
|
+
height: 100%;
|
6423
|
+
border: none;
|
6424
|
+
background: transparent;
|
6425
|
+
color: inherit;
|
6426
|
+
}
|
6427
|
+
.a-ScheduleCalendar-action:not(:disabled):not(.is-disabled):hover {
|
6428
|
+
color: inherit;
|
6429
|
+
background: transparent;
|
6430
|
+
border-color: transparent;
|
6431
|
+
}
|
6432
|
+
.a-ScheduleCalendar .rdtDay {
|
6433
|
+
position: relative;
|
6434
|
+
}
|
6435
|
+
.a-ScheduleCalendar-text-overflow {
|
6436
|
+
white-space: nowrap;
|
6437
|
+
overflow: hidden;
|
6438
|
+
text-overflow: ellipsis;
|
6439
|
+
position: absolute;
|
6440
|
+
width: 100%;
|
6441
|
+
}
|
6442
|
+
|
6443
|
+
.a-ScheduleCalendar-large {
|
6444
|
+
width: 100%;
|
6445
|
+
}
|
6446
|
+
.a-ScheduleCalendar-large .rdtPicker {
|
6447
|
+
width: 100%;
|
6448
|
+
}
|
6449
|
+
.a-ScheduleCalendar-large .rdtPicker table {
|
6450
|
+
border-collapse: collapse;
|
6451
|
+
border-spacing: 0;
|
6452
|
+
}
|
6453
|
+
.a-ScheduleCalendar-large .rdtPicker table td {
|
6454
|
+
border: var(--Calendar-borderWidth) solid var(--borderColor);
|
6455
|
+
}
|
6456
|
+
.a-ScheduleCalendar-large .rdtDay {
|
6457
|
+
height: var(--Calendar-rdt-day);
|
6458
|
+
vertical-align: top;
|
6459
|
+
}
|
6460
|
+
.a-ScheduleCalendar-large .a-ScheduleCalendar-large-day-wrap {
|
6461
|
+
position: absolute;
|
6462
|
+
top: 0;
|
6463
|
+
left: 0;
|
6464
|
+
min-width: 100%;
|
6465
|
+
height: 100%;
|
6466
|
+
}
|
6467
|
+
.a-ScheduleCalendar-large .a-ScheduleCalendar-large-day-wrap .a-ScheduleCalendar-large-schedule-content {
|
6468
|
+
position: relative;
|
6469
|
+
z-index: 10;
|
6470
|
+
border-radius: var(--borderRadius);
|
6471
|
+
text-align: left;
|
6472
|
+
padding: var(--Calendar-schedule-content-padding);
|
6473
|
+
height: var(--Calendar-schedule-content-height);
|
6474
|
+
color: var(--Calendar-schedule-content-color);
|
6475
|
+
}
|
6476
|
+
.a-ScheduleCalendar-large .a-ScheduleCalendar-action {
|
6477
|
+
z-index: 20;
|
6478
|
+
position: relative;
|
6479
|
+
}
|
6480
|
+
|
6404
6481
|
.a-Collapse {
|
6405
6482
|
border: var(--Collapse-border);
|
6406
6483
|
padding: 0;
|
package/lib/themes/ang.css
CHANGED
@@ -530,7 +530,7 @@
|
|
530
530
|
);
|
531
531
|
--DatePicker-placeholderColor: var(--Form-input-placeholderColor);
|
532
532
|
--LocationPicker-borderRadius: var(--Form-input-borderWidth);
|
533
|
-
--Divider-borderStyle:
|
533
|
+
--Divider-borderStyle: solid;
|
534
534
|
--Drawer-bg: var(--background);
|
535
535
|
--Drawer-body-padding: var(--gap-base);
|
536
536
|
--Drawer-close-color: rgba(255, 255, 255, 0.8);
|
@@ -4707,6 +4707,9 @@ input[type=button].a-Button--block {
|
|
4707
4707
|
flex-grow: 1;
|
4708
4708
|
line-height: var(--gap-xl);
|
4709
4709
|
}
|
4710
|
+
.a-Toast-content .a-Toast-body .a-Html {
|
4711
|
+
word-break: break-word;
|
4712
|
+
}
|
4710
4713
|
.a-Toast-icon {
|
4711
4714
|
display: inline-flex;
|
4712
4715
|
text-rendering: auto;
|
@@ -6401,6 +6404,80 @@ input[type=button].a-Button--block {
|
|
6401
6404
|
padding: var(--gap-sm);
|
6402
6405
|
}
|
6403
6406
|
|
6407
|
+
.a-ScheduleCalendar-icon {
|
6408
|
+
position: absolute;
|
6409
|
+
bottom: var(--Calendar-icon-bottom);
|
6410
|
+
left: 50%;
|
6411
|
+
transform: translateX(-50%);
|
6412
|
+
display: block;
|
6413
|
+
width: var(--Calendar-icon-width);
|
6414
|
+
height: var(--Calendar-icon-height);
|
6415
|
+
border-radius: 50%;
|
6416
|
+
z-index: 10;
|
6417
|
+
}
|
6418
|
+
.a-ScheduleCalendar-action {
|
6419
|
+
display: block;
|
6420
|
+
padding: 0;
|
6421
|
+
width: 100%;
|
6422
|
+
height: 100%;
|
6423
|
+
border: none;
|
6424
|
+
background: transparent;
|
6425
|
+
color: inherit;
|
6426
|
+
}
|
6427
|
+
.a-ScheduleCalendar-action:not(:disabled):not(.is-disabled):hover {
|
6428
|
+
color: inherit;
|
6429
|
+
background: transparent;
|
6430
|
+
border-color: transparent;
|
6431
|
+
}
|
6432
|
+
.a-ScheduleCalendar .rdtDay {
|
6433
|
+
position: relative;
|
6434
|
+
}
|
6435
|
+
.a-ScheduleCalendar-text-overflow {
|
6436
|
+
white-space: nowrap;
|
6437
|
+
overflow: hidden;
|
6438
|
+
text-overflow: ellipsis;
|
6439
|
+
position: absolute;
|
6440
|
+
width: 100%;
|
6441
|
+
}
|
6442
|
+
|
6443
|
+
.a-ScheduleCalendar-large {
|
6444
|
+
width: 100%;
|
6445
|
+
}
|
6446
|
+
.a-ScheduleCalendar-large .rdtPicker {
|
6447
|
+
width: 100%;
|
6448
|
+
}
|
6449
|
+
.a-ScheduleCalendar-large .rdtPicker table {
|
6450
|
+
border-collapse: collapse;
|
6451
|
+
border-spacing: 0;
|
6452
|
+
}
|
6453
|
+
.a-ScheduleCalendar-large .rdtPicker table td {
|
6454
|
+
border: var(--Calendar-borderWidth) solid var(--borderColor);
|
6455
|
+
}
|
6456
|
+
.a-ScheduleCalendar-large .rdtDay {
|
6457
|
+
height: var(--Calendar-rdt-day);
|
6458
|
+
vertical-align: top;
|
6459
|
+
}
|
6460
|
+
.a-ScheduleCalendar-large .a-ScheduleCalendar-large-day-wrap {
|
6461
|
+
position: absolute;
|
6462
|
+
top: 0;
|
6463
|
+
left: 0;
|
6464
|
+
min-width: 100%;
|
6465
|
+
height: 100%;
|
6466
|
+
}
|
6467
|
+
.a-ScheduleCalendar-large .a-ScheduleCalendar-large-day-wrap .a-ScheduleCalendar-large-schedule-content {
|
6468
|
+
position: relative;
|
6469
|
+
z-index: 10;
|
6470
|
+
border-radius: var(--borderRadius);
|
6471
|
+
text-align: left;
|
6472
|
+
padding: var(--Calendar-schedule-content-padding);
|
6473
|
+
height: var(--Calendar-schedule-content-height);
|
6474
|
+
color: var(--Calendar-schedule-content-color);
|
6475
|
+
}
|
6476
|
+
.a-ScheduleCalendar-large .a-ScheduleCalendar-action {
|
6477
|
+
z-index: 20;
|
6478
|
+
position: relative;
|
6479
|
+
}
|
6480
|
+
|
6404
6481
|
.a-Collapse {
|
6405
6482
|
border: var(--Collapse-border);
|
6406
6483
|
padding: 0;
|