Latest updates from IceHrmPro

This commit is contained in:
Thilina Pituwala
2020-05-20 18:47:29 +02:00
parent 60c92d7935
commit 7453a58aad
18012 changed files with 2089245 additions and 10173 deletions

View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import { GenerateConfig } from '../../generate';
import { Locale } from '../../interface';
export declare type DateRender<DateType> = (currentDate: DateType, today: DateType) => React.ReactNode;
export interface DateBodyPassProps<DateType> {
dateRender?: DateRender<DateType>;
disabledDate?: (date: DateType) => boolean;
prefixColumn?: (date: DateType) => React.ReactNode;
rowClassName?: (date: DateType) => string;
}
export interface DateBodyProps<DateType> extends DateBodyPassProps<DateType> {
prefixCls: string;
generateConfig: GenerateConfig<DateType>;
value?: DateType | null;
viewDate: DateType;
locale: Locale;
rowCount: number;
onSelect: (value: DateType) => void;
}
declare function DateBody<DateType>(props: DateBodyProps<DateType>): JSX.Element;
export default DateBody;

View File

@@ -0,0 +1,97 @@
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _dateUtil = require("../../utils/dateUtil");
var _RangeContext = _interopRequireDefault(require("../../RangeContext"));
var _useCellClassName = _interopRequireDefault(require("../../hooks/useCellClassName"));
var _PanelBody = _interopRequireDefault(require("../PanelBody"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function DateBody(props) {
var prefixCls = props.prefixCls,
generateConfig = props.generateConfig,
prefixColumn = props.prefixColumn,
locale = props.locale,
rowCount = props.rowCount,
viewDate = props.viewDate,
value = props.value,
dateRender = props.dateRender;
var _React$useContext = React.useContext(_RangeContext.default),
rangedValue = _React$useContext.rangedValue,
hoverRangedValue = _React$useContext.hoverRangedValue;
var baseDate = (0, _dateUtil.getWeekStartDate)(locale.locale, generateConfig, viewDate);
var cellPrefixCls = "".concat(prefixCls, "-cell");
var weekFirstDay = generateConfig.locale.getWeekFirstDay(locale.locale);
var today = generateConfig.getNow(); // ============================== Header ==============================
var headerCells = [];
var weekDaysLocale = locale.shortWeekDays || (generateConfig.locale.getShortWeekDays ? generateConfig.locale.getShortWeekDays(locale.locale) : []);
if (prefixColumn) {
headerCells.push(React.createElement("th", {
key: "empty"
}));
}
for (var i = 0; i < _dateUtil.WEEK_DAY_COUNT; i += 1) {
headerCells.push(React.createElement("th", {
key: i
}, weekDaysLocale[(i + weekFirstDay) % _dateUtil.WEEK_DAY_COUNT]));
} // =============================== Body ===============================
var getCellClassName = (0, _useCellClassName.default)({
cellPrefixCls: cellPrefixCls,
today: today,
value: value,
generateConfig: generateConfig,
rangedValue: prefixColumn ? null : rangedValue,
hoverRangedValue: prefixColumn ? null : hoverRangedValue,
isSameCell: function isSameCell(current, target) {
return (0, _dateUtil.isSameDate)(generateConfig, current, target);
},
isInView: function isInView(date) {
return (0, _dateUtil.isSameMonth)(generateConfig, date, viewDate);
},
offsetCell: function offsetCell(date, offset) {
return generateConfig.addDate(date, offset);
}
});
var getCellNode = dateRender ? function (date) {
return dateRender(date, today);
} : undefined;
return React.createElement(_PanelBody.default, Object.assign({}, props, {
rowNum: rowCount,
colNum: _dateUtil.WEEK_DAY_COUNT,
baseDate: baseDate,
getCellNode: getCellNode,
getCellText: generateConfig.getDate,
getCellClassName: getCellClassName,
getCellDate: generateConfig.addDate,
titleCell: function titleCell(date) {
return generateConfig.locale.format(locale.locale, date, 'YYYY-MM-DD');
},
headerCells: headerCells
}));
}
var _default = DateBody;
exports.default = _default;

View File

@@ -0,0 +1,18 @@
/// <reference types="react" />
import { Locale } from '../../interface';
import { GenerateConfig } from '../../generate';
export interface DateHeaderProps<DateType> {
prefixCls: string;
viewDate: DateType;
value?: DateType | null;
locale: Locale;
generateConfig: GenerateConfig<DateType>;
onPrevYear: () => void;
onNextYear: () => void;
onPrevMonth: () => void;
onNextMonth: () => void;
onYearClick: () => void;
onMonthClick: () => void;
}
declare function DateHeader<DateType>(props: DateHeaderProps<DateType>): JSX.Element;
export default DateHeader;

View File

@@ -0,0 +1,70 @@
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _Header = _interopRequireDefault(require("../Header"));
var _PanelContext = _interopRequireDefault(require("../../PanelContext"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function DateHeader(props) {
var prefixCls = props.prefixCls,
generateConfig = props.generateConfig,
locale = props.locale,
viewDate = props.viewDate,
onNextMonth = props.onNextMonth,
onPrevMonth = props.onPrevMonth,
onNextYear = props.onNextYear,
onPrevYear = props.onPrevYear,
onYearClick = props.onYearClick,
onMonthClick = props.onMonthClick;
var _React$useContext = React.useContext(_PanelContext.default),
hideHeader = _React$useContext.hideHeader;
if (hideHeader) {
return null;
}
var headerPrefixCls = "".concat(prefixCls, "-header");
var monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);
var month = generateConfig.getMonth(viewDate); // =================== Month & Year ===================
var yearNode = React.createElement("button", {
type: "button",
key: "year",
onClick: onYearClick,
tabIndex: -1,
className: "".concat(prefixCls, "-year-btn")
}, generateConfig.locale.format(locale.locale, viewDate, locale.yearFormat));
var monthNode = React.createElement("button", {
type: "button",
key: "month",
onClick: onMonthClick,
tabIndex: -1,
className: "".concat(prefixCls, "-month-btn")
}, locale.monthFormat ? generateConfig.locale.format(locale.locale, viewDate, locale.monthFormat) : monthsLocale[month]);
var monthYearNodes = locale.monthBeforeYear ? [monthNode, yearNode] : [yearNode, monthNode];
return React.createElement(_Header.default, Object.assign({}, props, {
prefixCls: headerPrefixCls,
onSuperPrev: onPrevYear,
onPrev: onPrevMonth,
onNext: onNextMonth,
onSuperNext: onNextYear
}), monthYearNodes);
}
var _default = DateHeader;
exports.default = _default;

View File

@@ -0,0 +1,12 @@
/// <reference types="react" />
import { DateBodyPassProps, DateRender } from './DateBody';
import { PanelSharedProps } from '../../interface';
import { KeyboardConfig } from '../../utils/uiUtil';
export interface DatePanelProps<DateType> extends PanelSharedProps<DateType>, DateBodyPassProps<DateType> {
active?: boolean;
dateRender?: DateRender<DateType>;
panelName?: string;
keyboardConfig?: KeyboardConfig;
}
declare function DatePanel<DateType>(props: DatePanelProps<DateType>): JSX.Element;
export default DatePanel;

View File

@@ -0,0 +1,119 @@
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _DateBody = _interopRequireDefault(require("./DateBody"));
var _DateHeader = _interopRequireDefault(require("./DateHeader"));
var _dateUtil = require("../../utils/dateUtil");
var _uiUtil = require("../../utils/uiUtil");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var DATE_ROW_COUNT = 6;
function DatePanel(props) {
var prefixCls = props.prefixCls,
_props$panelName = props.panelName,
panelName = _props$panelName === void 0 ? 'date' : _props$panelName,
keyboardConfig = props.keyboardConfig,
active = props.active,
operationRef = props.operationRef,
generateConfig = props.generateConfig,
value = props.value,
viewDate = props.viewDate,
onViewDateChange = props.onViewDateChange,
onPanelChange = props.onPanelChange,
_onSelect = props.onSelect;
var panelPrefixCls = "".concat(prefixCls, "-").concat(panelName, "-panel"); // ======================= Keyboard =======================
operationRef.current = {
onKeyDown: function onKeyDown(event) {
return (0, _uiUtil.createKeyDownHandler)(event, _objectSpread({
onLeftRight: function onLeftRight(diff) {
_onSelect(generateConfig.addDate(value || viewDate, diff), 'key');
},
onCtrlLeftRight: function onCtrlLeftRight(diff) {
_onSelect(generateConfig.addYear(value || viewDate, diff), 'key');
},
onUpDown: function onUpDown(diff) {
_onSelect(generateConfig.addDate(value || viewDate, diff * _dateUtil.WEEK_DAY_COUNT), 'key');
},
onPageUpDown: function onPageUpDown(diff) {
_onSelect(generateConfig.addMonth(value || viewDate, diff), 'key');
}
}, keyboardConfig));
}
}; // ==================== View Operation ====================
var onYearChange = function onYearChange(diff) {
var newDate = generateConfig.addYear(viewDate, diff);
onViewDateChange(newDate);
onPanelChange(null, newDate);
};
var onMonthChange = function onMonthChange(diff) {
var newDate = generateConfig.addMonth(viewDate, diff);
onViewDateChange(newDate);
onPanelChange(null, newDate);
};
return React.createElement("div", {
className: (0, _classnames.default)(panelPrefixCls, _defineProperty({}, "".concat(panelPrefixCls, "-active"), active))
}, React.createElement(_DateHeader.default, Object.assign({}, props, {
prefixCls: prefixCls,
value: value,
viewDate: viewDate,
// View Operation
onPrevYear: function onPrevYear() {
onYearChange(-1);
},
onNextYear: function onNextYear() {
onYearChange(1);
},
onPrevMonth: function onPrevMonth() {
onMonthChange(-1);
},
onNextMonth: function onNextMonth() {
onMonthChange(1);
},
onMonthClick: function onMonthClick() {
onPanelChange('month', viewDate);
},
onYearClick: function onYearClick() {
onPanelChange('year', viewDate);
}
})), React.createElement(_DateBody.default, Object.assign({}, props, {
onSelect: function onSelect(date) {
return _onSelect(date, 'mouse');
},
prefixCls: prefixCls,
value: value,
viewDate: viewDate,
rowCount: DATE_ROW_COUNT
})));
}
var _default = DatePanel;
exports.default = _default;