forked from pu428f3pz/InternshipProject
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
207 lines
9.1 KiB
207 lines
9.1 KiB
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = generatePicker;
|
|
|
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
|
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
|
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
|
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
|
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
|
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
|
|
var React = _interopRequireWildcard(require("react"));
|
|
|
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
|
var _CalendarOutlined = _interopRequireDefault(require("@ant-design/icons/CalendarOutlined"));
|
|
|
|
var _ClockCircleOutlined = _interopRequireDefault(require("@ant-design/icons/ClockCircleOutlined"));
|
|
|
|
var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
|
|
|
|
var _rcPicker = _interopRequireDefault(require("rc-picker"));
|
|
|
|
var _en_US = _interopRequireDefault(require("../locale/en_US"));
|
|
|
|
var _util = require("../util");
|
|
|
|
var _devWarning = _interopRequireDefault(require("../../_util/devWarning"));
|
|
|
|
var _configProvider = require("../../config-provider");
|
|
|
|
var _LocaleReceiver = _interopRequireDefault(require("../../locale-provider/LocaleReceiver"));
|
|
|
|
var _SizeContext = _interopRequireDefault(require("../../config-provider/SizeContext"));
|
|
|
|
var _ = require(".");
|
|
|
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
|
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
|
|
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
var t = {};
|
|
|
|
for (var p in s) {
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
}
|
|
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
function generatePicker(generateConfig) {
|
|
function getPicker(picker, displayName) {
|
|
var Picker = /*#__PURE__*/function (_React$Component) {
|
|
(0, _inherits2["default"])(Picker, _React$Component);
|
|
|
|
var _super = (0, _createSuper2["default"])(Picker);
|
|
|
|
function Picker(props) {
|
|
var _this;
|
|
|
|
(0, _classCallCheck2["default"])(this, Picker);
|
|
_this = _super.call(this, props);
|
|
_this.pickerRef = /*#__PURE__*/React.createRef();
|
|
|
|
_this.focus = function () {
|
|
if (_this.pickerRef.current) {
|
|
_this.pickerRef.current.focus();
|
|
}
|
|
};
|
|
|
|
_this.blur = function () {
|
|
if (_this.pickerRef.current) {
|
|
_this.pickerRef.current.blur();
|
|
}
|
|
};
|
|
|
|
_this.renderPicker = function (contextLocale) {
|
|
var locale = (0, _extends2["default"])((0, _extends2["default"])({}, contextLocale), _this.props.locale);
|
|
var _this$context = _this.context,
|
|
getPrefixCls = _this$context.getPrefixCls,
|
|
direction = _this$context.direction,
|
|
getPopupContainer = _this$context.getPopupContainer;
|
|
|
|
var _a = _this.props,
|
|
customizePrefixCls = _a.prefixCls,
|
|
customizeGetPopupContainer = _a.getPopupContainer,
|
|
className = _a.className,
|
|
customizeSize = _a.size,
|
|
_a$bordered = _a.bordered,
|
|
bordered = _a$bordered === void 0 ? true : _a$bordered,
|
|
placeholder = _a.placeholder,
|
|
restProps = __rest(_a, ["prefixCls", "getPopupContainer", "className", "size", "bordered", "placeholder"]);
|
|
|
|
var _this$props = _this.props,
|
|
format = _this$props.format,
|
|
showTime = _this$props.showTime;
|
|
var prefixCls = getPrefixCls('picker', customizePrefixCls);
|
|
var additionalProps = {
|
|
showToday: true
|
|
};
|
|
var additionalOverrideProps = {};
|
|
|
|
if (picker) {
|
|
additionalOverrideProps.picker = picker;
|
|
}
|
|
|
|
var mergedPicker = picker || _this.props.picker;
|
|
additionalOverrideProps = (0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])({}, additionalOverrideProps), showTime ? (0, _.getTimeProps)((0, _extends2["default"])({
|
|
format: format,
|
|
picker: mergedPicker
|
|
}, showTime)) : {}), mergedPicker === 'time' ? (0, _.getTimeProps)((0, _extends2["default"])((0, _extends2["default"])({
|
|
format: format
|
|
}, _this.props), {
|
|
picker: mergedPicker
|
|
})) : {});
|
|
var rootPrefixCls = getPrefixCls();
|
|
return /*#__PURE__*/React.createElement(_SizeContext["default"].Consumer, null, function (size) {
|
|
var _classNames;
|
|
|
|
var mergedSize = customizeSize || size;
|
|
return /*#__PURE__*/React.createElement(_rcPicker["default"], (0, _extends2["default"])({
|
|
ref: _this.pickerRef,
|
|
placeholder: (0, _util.getPlaceholder)(mergedPicker, locale, placeholder),
|
|
suffixIcon: mergedPicker === 'time' ? /*#__PURE__*/React.createElement(_ClockCircleOutlined["default"], null) : /*#__PURE__*/React.createElement(_CalendarOutlined["default"], null),
|
|
clearIcon: /*#__PURE__*/React.createElement(_CloseCircleFilled["default"], null),
|
|
prevIcon: /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-prev-icon")
|
|
}),
|
|
nextIcon: /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-next-icon")
|
|
}),
|
|
superPrevIcon: /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-super-prev-icon")
|
|
}),
|
|
superNextIcon: /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-super-next-icon")
|
|
}),
|
|
allowClear: true,
|
|
transitionName: "".concat(rootPrefixCls, "-slide-up")
|
|
}, additionalProps, restProps, additionalOverrideProps, {
|
|
locale: locale.lang,
|
|
className: (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _classNames), className),
|
|
prefixCls: prefixCls,
|
|
getPopupContainer: customizeGetPopupContainer || getPopupContainer,
|
|
generateConfig: generateConfig,
|
|
components: _.Components,
|
|
direction: direction
|
|
}));
|
|
});
|
|
};
|
|
|
|
(0, _devWarning["default"])(picker !== 'quarter', displayName, "DatePicker.".concat(displayName, " is legacy usage. Please use DatePicker[picker='").concat(picker, "'] directly."));
|
|
return _this;
|
|
}
|
|
|
|
(0, _createClass2["default"])(Picker, [{
|
|
key: "render",
|
|
value: function render() {
|
|
return /*#__PURE__*/React.createElement(_LocaleReceiver["default"], {
|
|
componentName: "DatePicker",
|
|
defaultLocale: _en_US["default"]
|
|
}, this.renderPicker);
|
|
}
|
|
}]);
|
|
return Picker;
|
|
}(React.Component);
|
|
|
|
Picker.contextType = _configProvider.ConfigContext;
|
|
|
|
if (displayName) {
|
|
Picker.displayName = displayName;
|
|
}
|
|
|
|
return Picker;
|
|
}
|
|
|
|
var DatePicker = getPicker();
|
|
var WeekPicker = getPicker('week', 'WeekPicker');
|
|
var MonthPicker = getPicker('month', 'MonthPicker');
|
|
var YearPicker = getPicker('year', 'YearPicker');
|
|
var TimePicker = getPicker('time', 'TimePicker');
|
|
var QuarterPicker = getPicker('quarter', 'QuarterPicker');
|
|
return {
|
|
DatePicker: DatePicker,
|
|
WeekPicker: WeekPicker,
|
|
MonthPicker: MonthPicker,
|
|
YearPicker: YearPicker,
|
|
TimePicker: TimePicker,
|
|
QuarterPicker: QuarterPicker
|
|
};
|
|
} |