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.
11463 lines
398 KiB
11463 lines
398 KiB
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[72,3,8],{
|
|
|
|
/***/ "1j5w":
|
|
/*!*******************************************************!*\
|
|
!*** ./node_modules/rc-menu/es/index.js + 11 modules ***!
|
|
\*******************************************************/
|
|
/*! exports provided: SubMenu, Item, MenuItem, MenuItemGroup, ItemGroup, Divider, default */
|
|
/*! exports used: Divider, Item, ItemGroup, SubMenu, default */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createClass.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createSuper.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/defineProperty.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/extends.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/inherits.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/typeof.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/classnames/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/mini-store/esm/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/omit.js/es/index.js (<- Module is referenced from these modules with unsupported syntax: ./node_modules/antd/lib/button/button.js (referenced with cjs require), ./node_modules/antd/lib/input/Input.js (referenced with cjs require), ./node_modules/antd/lib/input/Password.js (referenced with cjs require), ./node_modules/antd/lib/input/TextArea.js (referenced with cjs require)) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-motion/es/index.js (<- Module is referenced from these modules with unsupported syntax: ./node_modules/antd/lib/button/LoadingIcon.js (referenced with cjs require)) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-trigger/es/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/KeyCode.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/createChainedFunction.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/warning.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js (<- Module uses injected variables (global)) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/shallowequal/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.ReactDOM" (<- Module is not an ECMAScript module) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, "d", function() { return /* reexport */ es_SubMenu; });
|
|
__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ es_MenuItem; });
|
|
__webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ es_MenuItemGroup; });
|
|
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ es_Divider; });
|
|
|
|
// UNUSED EXPORTS: MenuItem, MenuItemGroup
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__("VTBJ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__("1OyB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__("vuIU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
|
|
var assertThisInitialized = __webpack_require__("JX7q");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__("Ji7U");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__("LK+K");
|
|
|
|
// EXTERNAL MODULE: external "window.React"
|
|
var external_window_React_ = __webpack_require__("cDcd");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/mini-store/esm/index.js + 3 modules
|
|
var esm = __webpack_require__("I8Z2");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/omit.js/es/index.js
|
|
var es = __webpack_require__("BGR+");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__("wx14");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__("rePB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/KeyCode.js
|
|
var KeyCode = __webpack_require__("4IlW");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/createChainedFunction.js
|
|
var createChainedFunction = __webpack_require__("2GS6");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/shallowequal/index.js
|
|
var shallowequal = __webpack_require__("Gytx");
|
|
var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__("TSYQ");
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__("U8pU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__("ODXe");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/utils/isMobile.js
|
|
|
|
|
|
// MIT License from https://github.com/kaimallea/isMobile
|
|
var applePhone = /iPhone/i;
|
|
var appleIpod = /iPod/i;
|
|
var appleTablet = /iPad/i;
|
|
var androidPhone = /\bAndroid(?:.+)Mobile\b/i; // Match 'Android' AND 'Mobile'
|
|
|
|
var androidTablet = /Android/i;
|
|
var amazonPhone = /\bAndroid(?:.+)SD4930UR\b/i;
|
|
var amazonTablet = /\bAndroid(?:.+)(?:KF[A-Z]{2,4})\b/i;
|
|
var windowsPhone = /Windows Phone/i;
|
|
var windowsTablet = /\bWindows(?:.+)ARM\b/i; // Match 'Windows' AND 'ARM'
|
|
|
|
var otherBlackberry = /BlackBerry/i;
|
|
var otherBlackberry10 = /BB10/i;
|
|
var otherOpera = /Opera Mini/i;
|
|
var otherChrome = /\b(CriOS|Chrome)(?:.+)Mobile/i;
|
|
var otherFirefox = /Mobile(?:.+)Firefox\b/i; // Match 'Mobile' AND 'Firefox'
|
|
|
|
function match(regex, userAgent) {
|
|
return regex.test(userAgent);
|
|
}
|
|
|
|
function isMobile(userAgent) {
|
|
var ua = userAgent || (typeof navigator !== 'undefined' ? navigator.userAgent : ''); // Facebook mobile app's integrated browser adds a bunch of strings that
|
|
// match everything. Strip it out if it exists.
|
|
|
|
var tmp = ua.split('[FBAN');
|
|
|
|
if (typeof tmp[1] !== 'undefined') {
|
|
var _tmp = tmp;
|
|
|
|
var _tmp2 = Object(slicedToArray["a" /* default */])(_tmp, 1);
|
|
|
|
ua = _tmp2[0];
|
|
} // Twitter mobile app's integrated browser on iPad adds a "Twitter for
|
|
// iPhone" string. Same probably happens on other tablet platforms.
|
|
// This will confuse detection so strip it out if it exists.
|
|
|
|
|
|
tmp = ua.split('Twitter');
|
|
|
|
if (typeof tmp[1] !== 'undefined') {
|
|
var _tmp3 = tmp;
|
|
|
|
var _tmp4 = Object(slicedToArray["a" /* default */])(_tmp3, 1);
|
|
|
|
ua = _tmp4[0];
|
|
}
|
|
|
|
var result = {
|
|
apple: {
|
|
phone: match(applePhone, ua) && !match(windowsPhone, ua),
|
|
ipod: match(appleIpod, ua),
|
|
tablet: !match(applePhone, ua) && match(appleTablet, ua) && !match(windowsPhone, ua),
|
|
device: (match(applePhone, ua) || match(appleIpod, ua) || match(appleTablet, ua)) && !match(windowsPhone, ua)
|
|
},
|
|
amazon: {
|
|
phone: match(amazonPhone, ua),
|
|
tablet: !match(amazonPhone, ua) && match(amazonTablet, ua),
|
|
device: match(amazonPhone, ua) || match(amazonTablet, ua)
|
|
},
|
|
android: {
|
|
phone: !match(windowsPhone, ua) && match(amazonPhone, ua) || !match(windowsPhone, ua) && match(androidPhone, ua),
|
|
tablet: !match(windowsPhone, ua) && !match(amazonPhone, ua) && !match(androidPhone, ua) && (match(amazonTablet, ua) || match(androidTablet, ua)),
|
|
device: !match(windowsPhone, ua) && (match(amazonPhone, ua) || match(amazonTablet, ua) || match(androidPhone, ua) || match(androidTablet, ua)) || match(/\bokhttp\b/i, ua)
|
|
},
|
|
windows: {
|
|
phone: match(windowsPhone, ua),
|
|
tablet: match(windowsTablet, ua),
|
|
device: match(windowsPhone, ua) || match(windowsTablet, ua)
|
|
},
|
|
other: {
|
|
blackberry: match(otherBlackberry, ua),
|
|
blackberry10: match(otherBlackberry10, ua),
|
|
opera: match(otherOpera, ua),
|
|
firefox: match(otherFirefox, ua),
|
|
chrome: match(otherChrome, ua),
|
|
device: match(otherBlackberry, ua) || match(otherBlackberry10, ua) || match(otherOpera, ua) || match(otherFirefox, ua) || match(otherChrome, ua)
|
|
},
|
|
// Additional
|
|
any: null,
|
|
phone: null,
|
|
tablet: null
|
|
};
|
|
result.any = result.apple.device || result.android.device || result.windows.device || result.other.device; // excludes 'other' devices and ipods, targeting touchscreen phones
|
|
|
|
result.phone = result.apple.phone || result.android.phone || result.windows.phone;
|
|
result.tablet = result.apple.tablet || result.android.tablet || result.windows.tablet;
|
|
return result;
|
|
}
|
|
|
|
var defaultResult = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, isMobile()), {}, {
|
|
isMobile: isMobile
|
|
});
|
|
|
|
/* harmony default export */ var utils_isMobile = (defaultResult);
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/util.js
|
|
|
|
|
|
|
|
function noop() {}
|
|
function getKeyFromChildrenIndex(child, menuEventKey, index) {
|
|
var prefix = menuEventKey || '';
|
|
return child.key || "".concat(prefix, "item_").concat(index);
|
|
}
|
|
function getMenuIdFromSubMenuEventKey(eventKey) {
|
|
return "".concat(eventKey, "-menu-");
|
|
}
|
|
function loopMenuItem(children, cb) {
|
|
var index = -1;
|
|
external_window_React_["Children"].forEach(children, function (c) {
|
|
index += 1;
|
|
|
|
if (c && c.type && c.type.isMenuItemGroup) {
|
|
external_window_React_["Children"].forEach(c.props.children, function (c2) {
|
|
index += 1;
|
|
cb(c2, index);
|
|
});
|
|
} else {
|
|
cb(c, index);
|
|
}
|
|
});
|
|
}
|
|
function loopMenuItemRecursively(children, keys, ret) {
|
|
/* istanbul ignore if */
|
|
if (!children || ret.find) {
|
|
return;
|
|
}
|
|
|
|
external_window_React_["Children"].forEach(children, function (c) {
|
|
if (c) {
|
|
var construct = c.type;
|
|
|
|
if (!construct || !(construct.isSubMenu || construct.isMenuItem || construct.isMenuItemGroup)) {
|
|
return;
|
|
}
|
|
|
|
if (keys.indexOf(c.key) !== -1) {
|
|
ret.find = true;
|
|
} else if (c.props.children) {
|
|
loopMenuItemRecursively(c.props.children, keys, ret);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
var menuAllProps = ['defaultSelectedKeys', 'selectedKeys', 'defaultOpenKeys', 'openKeys', 'mode', 'getPopupContainer', 'onSelect', 'onDeselect', 'onDestroy', 'openTransitionName', 'openAnimation', 'subMenuOpenDelay', 'subMenuCloseDelay', 'forceSubMenuRender', 'triggerSubMenuAction', 'level', 'selectable', 'multiple', 'onOpenChange', 'visible', 'focusable', 'defaultActiveFirst', 'prefixCls', 'inlineIndent', 'parentMenu', 'title', 'rootPrefixCls', 'eventKey', 'active', 'onItemHover', 'onTitleMouseEnter', 'onTitleMouseLeave', 'onTitleClick', 'popupAlign', 'popupOffset', 'isOpen', 'renderMenuItem', 'manualRef', 'subMenuKey', 'disabled', 'index', 'isSelected', 'store', 'activeKey', 'builtinPlacements', 'overflowedIndicator', 'motion', // the following keys found need to be removed from test regression
|
|
'attribute', 'value', 'popupClassName', 'inlineCollapsed', 'menu', 'theme', 'itemIcon', 'expandIcon']; // ref: https://github.com/ant-design/ant-design/issues/14007
|
|
// ref: https://bugs.chromium.org/p/chromium/issues/detail?id=360889
|
|
// getBoundingClientRect return the full precision value, which is
|
|
// not the same behavior as on chrome. Set the precision to 6 to
|
|
// unify their behavior
|
|
|
|
var getWidth = function getWidth(elem) {
|
|
var includeMargin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
var width = elem && typeof elem.getBoundingClientRect === 'function' && elem.getBoundingClientRect().width;
|
|
|
|
if (width) {
|
|
if (includeMargin) {
|
|
var _getComputedStyle = getComputedStyle(elem),
|
|
marginLeft = _getComputedStyle.marginLeft,
|
|
marginRight = _getComputedStyle.marginRight;
|
|
|
|
width += +marginLeft.replace('px', '') + +marginRight.replace('px', '');
|
|
}
|
|
|
|
width = +width.toFixed(6);
|
|
}
|
|
|
|
return width || 0;
|
|
};
|
|
var util_setStyle = function setStyle(elem, styleProperty, value) {
|
|
if (elem && Object(esm_typeof["a" /* default */])(elem.style) === 'object') {
|
|
elem.style[styleProperty] = value;
|
|
}
|
|
};
|
|
var util_isMobileDevice = function isMobileDevice() {
|
|
return utils_isMobile.any;
|
|
};
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
|
|
var toConsumableArray = __webpack_require__("KQm4");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__("Ff2n");
|
|
|
|
// EXTERNAL MODULE: external "window.ReactDOM"
|
|
var external_window_ReactDOM_ = __webpack_require__("faye");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
|
|
var ResizeObserver_es = __webpack_require__("bdgK");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-trigger/es/index.js + 5 modules
|
|
var rc_trigger_es = __webpack_require__("uciX");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-motion/es/index.js + 5 modules
|
|
var rc_motion_es = __webpack_require__("8XRh");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/placements.js
|
|
var autoAdjustOverflow = {
|
|
adjustX: 1,
|
|
adjustY: 1
|
|
};
|
|
var placements = {
|
|
topLeft: {
|
|
points: ['bl', 'tl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -7]
|
|
},
|
|
bottomLeft: {
|
|
points: ['tl', 'bl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 7]
|
|
},
|
|
leftTop: {
|
|
points: ['tr', 'tl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [-4, 0]
|
|
},
|
|
rightTop: {
|
|
points: ['tl', 'tr'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [4, 0]
|
|
}
|
|
};
|
|
var placementsRtl = {
|
|
topLeft: {
|
|
points: ['bl', 'tl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -7]
|
|
},
|
|
bottomLeft: {
|
|
points: ['tl', 'bl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 7]
|
|
},
|
|
rightTop: {
|
|
points: ['tr', 'tl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [-4, 0]
|
|
},
|
|
leftTop: {
|
|
points: ['tl', 'tr'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [4, 0]
|
|
}
|
|
};
|
|
/* harmony default export */ var es_placements = (placements);
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/SubMenu.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var guid = 0;
|
|
var popupPlacementMap = {
|
|
horizontal: 'bottomLeft',
|
|
vertical: 'rightTop',
|
|
'vertical-left': 'rightTop',
|
|
'vertical-right': 'leftTop'
|
|
};
|
|
|
|
var SubMenu_updateDefaultActiveFirst = function updateDefaultActiveFirst(store, eventKey, defaultActiveFirst) {
|
|
var menuId = getMenuIdFromSubMenuEventKey(eventKey);
|
|
var state = store.getState();
|
|
store.setState({
|
|
defaultActiveFirst: Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, state.defaultActiveFirst), {}, Object(defineProperty["a" /* default */])({}, menuId, defaultActiveFirst))
|
|
});
|
|
};
|
|
|
|
var SubMenu_SubMenu = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(SubMenu, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(SubMenu);
|
|
|
|
function SubMenu(props) {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, SubMenu);
|
|
|
|
_this = _super.call(this, props);
|
|
|
|
_this.onDestroy = function (key) {
|
|
_this.props.onDestroy(key);
|
|
};
|
|
/**
|
|
* note:
|
|
* This legacy code that `onKeyDown` is called by parent instead of dom self.
|
|
* which need return code to check if this event is handled
|
|
*/
|
|
|
|
|
|
_this.onKeyDown = function (e) {
|
|
var keyCode = e.keyCode;
|
|
var menu = _this.menuInstance;
|
|
var _this$props = _this.props,
|
|
isOpen = _this$props.isOpen,
|
|
store = _this$props.store;
|
|
|
|
if (keyCode === KeyCode["a" /* default */].ENTER) {
|
|
_this.onTitleClick(e);
|
|
|
|
SubMenu_updateDefaultActiveFirst(store, _this.props.eventKey, true);
|
|
return true;
|
|
}
|
|
|
|
if (keyCode === KeyCode["a" /* default */].RIGHT) {
|
|
if (isOpen) {
|
|
menu.onKeyDown(e);
|
|
} else {
|
|
_this.triggerOpenChange(true); // need to update current menu's defaultActiveFirst value
|
|
|
|
|
|
SubMenu_updateDefaultActiveFirst(store, _this.props.eventKey, true);
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
if (keyCode === KeyCode["a" /* default */].LEFT) {
|
|
var handled;
|
|
|
|
if (isOpen) {
|
|
handled = menu.onKeyDown(e);
|
|
} else {
|
|
return undefined;
|
|
}
|
|
|
|
if (!handled) {
|
|
_this.triggerOpenChange(false);
|
|
|
|
handled = true;
|
|
}
|
|
|
|
return handled;
|
|
}
|
|
|
|
if (isOpen && (keyCode === KeyCode["a" /* default */].UP || keyCode === KeyCode["a" /* default */].DOWN)) {
|
|
return menu.onKeyDown(e);
|
|
}
|
|
|
|
return undefined;
|
|
};
|
|
|
|
_this.onOpenChange = function (e) {
|
|
_this.props.onOpenChange(e);
|
|
};
|
|
|
|
_this.onPopupVisibleChange = function (visible) {
|
|
_this.triggerOpenChange(visible, visible ? 'mouseenter' : 'mouseleave');
|
|
};
|
|
|
|
_this.onMouseEnter = function (e) {
|
|
var _this$props2 = _this.props,
|
|
key = _this$props2.eventKey,
|
|
onMouseEnter = _this$props2.onMouseEnter,
|
|
store = _this$props2.store;
|
|
SubMenu_updateDefaultActiveFirst(store, _this.props.eventKey, false);
|
|
onMouseEnter({
|
|
key: key,
|
|
domEvent: e
|
|
});
|
|
};
|
|
|
|
_this.onMouseLeave = function (e) {
|
|
var _this$props3 = _this.props,
|
|
parentMenu = _this$props3.parentMenu,
|
|
eventKey = _this$props3.eventKey,
|
|
onMouseLeave = _this$props3.onMouseLeave;
|
|
parentMenu.subMenuInstance = Object(assertThisInitialized["a" /* default */])(_this);
|
|
onMouseLeave({
|
|
key: eventKey,
|
|
domEvent: e
|
|
});
|
|
};
|
|
|
|
_this.onTitleMouseEnter = function (domEvent) {
|
|
var _this$props4 = _this.props,
|
|
key = _this$props4.eventKey,
|
|
onItemHover = _this$props4.onItemHover,
|
|
onTitleMouseEnter = _this$props4.onTitleMouseEnter;
|
|
onItemHover({
|
|
key: key,
|
|
hover: true
|
|
});
|
|
onTitleMouseEnter({
|
|
key: key,
|
|
domEvent: domEvent
|
|
});
|
|
};
|
|
|
|
_this.onTitleMouseLeave = function (e) {
|
|
var _this$props5 = _this.props,
|
|
parentMenu = _this$props5.parentMenu,
|
|
eventKey = _this$props5.eventKey,
|
|
onItemHover = _this$props5.onItemHover,
|
|
onTitleMouseLeave = _this$props5.onTitleMouseLeave;
|
|
parentMenu.subMenuInstance = Object(assertThisInitialized["a" /* default */])(_this);
|
|
onItemHover({
|
|
key: eventKey,
|
|
hover: false
|
|
});
|
|
onTitleMouseLeave({
|
|
key: eventKey,
|
|
domEvent: e
|
|
});
|
|
};
|
|
|
|
_this.onTitleClick = function (e) {
|
|
var _assertThisInitialize = Object(assertThisInitialized["a" /* default */])(_this),
|
|
props = _assertThisInitialize.props;
|
|
|
|
props.onTitleClick({
|
|
key: props.eventKey,
|
|
domEvent: e
|
|
});
|
|
|
|
if (props.triggerSubMenuAction === 'hover') {
|
|
return;
|
|
}
|
|
|
|
_this.triggerOpenChange(!props.isOpen, 'click');
|
|
|
|
SubMenu_updateDefaultActiveFirst(props.store, _this.props.eventKey, false);
|
|
};
|
|
|
|
_this.onSubMenuClick = function (info) {
|
|
// in the case of overflowed submenu
|
|
// onClick is not copied over
|
|
if (typeof _this.props.onClick === 'function') {
|
|
_this.props.onClick(_this.addKeyPath(info));
|
|
}
|
|
};
|
|
|
|
_this.onSelect = function (info) {
|
|
_this.props.onSelect(info);
|
|
};
|
|
|
|
_this.onDeselect = function (info) {
|
|
_this.props.onDeselect(info);
|
|
};
|
|
|
|
_this.getPrefixCls = function () {
|
|
return "".concat(_this.props.rootPrefixCls, "-submenu");
|
|
};
|
|
|
|
_this.getActiveClassName = function () {
|
|
return "".concat(_this.getPrefixCls(), "-active");
|
|
};
|
|
|
|
_this.getDisabledClassName = function () {
|
|
return "".concat(_this.getPrefixCls(), "-disabled");
|
|
};
|
|
|
|
_this.getSelectedClassName = function () {
|
|
return "".concat(_this.getPrefixCls(), "-selected");
|
|
};
|
|
|
|
_this.getOpenClassName = function () {
|
|
return "".concat(_this.props.rootPrefixCls, "-submenu-open");
|
|
};
|
|
|
|
_this.saveMenuInstance = function (c) {
|
|
// children menu instance
|
|
_this.menuInstance = c;
|
|
};
|
|
|
|
_this.addKeyPath = function (info) {
|
|
return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, info), {}, {
|
|
keyPath: (info.keyPath || []).concat(_this.props.eventKey)
|
|
});
|
|
};
|
|
|
|
_this.triggerOpenChange = function (open, type) {
|
|
var key = _this.props.eventKey;
|
|
|
|
var openChange = function openChange() {
|
|
_this.onOpenChange({
|
|
key: key,
|
|
item: Object(assertThisInitialized["a" /* default */])(_this),
|
|
trigger: type,
|
|
open: open
|
|
});
|
|
};
|
|
|
|
if (type === 'mouseenter') {
|
|
// make sure mouseenter happen after other menu item's mouseleave
|
|
_this.mouseenterTimeout = setTimeout(function () {
|
|
openChange();
|
|
}, 0);
|
|
} else {
|
|
openChange();
|
|
}
|
|
};
|
|
|
|
_this.isChildrenSelected = function () {
|
|
var ret = {
|
|
find: false
|
|
};
|
|
loopMenuItemRecursively(_this.props.children, _this.props.selectedKeys, ret);
|
|
return ret.find;
|
|
};
|
|
|
|
_this.isOpen = function () {
|
|
return _this.props.openKeys.indexOf(_this.props.eventKey) !== -1;
|
|
};
|
|
|
|
_this.adjustWidth = function () {
|
|
/* istanbul ignore if */
|
|
if (!_this.subMenuTitle || !_this.menuInstance) {
|
|
return;
|
|
}
|
|
|
|
var popupMenu = external_window_ReactDOM_["findDOMNode"](_this.menuInstance);
|
|
|
|
if (popupMenu.offsetWidth >= _this.subMenuTitle.offsetWidth) {
|
|
return;
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
|
|
popupMenu.style.minWidth = "".concat(_this.subMenuTitle.offsetWidth, "px");
|
|
};
|
|
|
|
_this.saveSubMenuTitle = function (subMenuTitle) {
|
|
_this.subMenuTitle = subMenuTitle;
|
|
};
|
|
|
|
_this.getBaseProps = function () {
|
|
var _assertThisInitialize2 = Object(assertThisInitialized["a" /* default */])(_this),
|
|
props = _assertThisInitialize2.props;
|
|
|
|
return {
|
|
mode: props.mode === 'horizontal' ? 'vertical' : props.mode,
|
|
visible: _this.props.isOpen,
|
|
level: props.level + 1,
|
|
inlineIndent: props.inlineIndent,
|
|
focusable: false,
|
|
onClick: _this.onSubMenuClick,
|
|
onSelect: _this.onSelect,
|
|
onDeselect: _this.onDeselect,
|
|
onDestroy: _this.onDestroy,
|
|
selectedKeys: props.selectedKeys,
|
|
eventKey: "".concat(props.eventKey, "-menu-"),
|
|
openKeys: props.openKeys,
|
|
motion: props.motion,
|
|
onOpenChange: _this.onOpenChange,
|
|
subMenuOpenDelay: props.subMenuOpenDelay,
|
|
parentMenu: Object(assertThisInitialized["a" /* default */])(_this),
|
|
subMenuCloseDelay: props.subMenuCloseDelay,
|
|
forceSubMenuRender: props.forceSubMenuRender,
|
|
triggerSubMenuAction: props.triggerSubMenuAction,
|
|
builtinPlacements: props.builtinPlacements,
|
|
defaultActiveFirst: props.store.getState().defaultActiveFirst[getMenuIdFromSubMenuEventKey(props.eventKey)],
|
|
multiple: props.multiple,
|
|
prefixCls: props.rootPrefixCls,
|
|
id: _this.internalMenuId,
|
|
manualRef: _this.saveMenuInstance,
|
|
itemIcon: props.itemIcon,
|
|
expandIcon: props.expandIcon,
|
|
direction: props.direction
|
|
};
|
|
};
|
|
|
|
_this.getMotion = function (mode, visible) {
|
|
var _assertThisInitialize3 = Object(assertThisInitialized["a" /* default */])(_this),
|
|
haveRendered = _assertThisInitialize3.haveRendered;
|
|
|
|
var _this$props6 = _this.props,
|
|
motion = _this$props6.motion,
|
|
rootPrefixCls = _this$props6.rootPrefixCls; // don't show transition on first rendering (no animation for opened menu)
|
|
// show appear transition if it's not visible (not sure why)
|
|
// show appear transition if it's not inline mode
|
|
|
|
var mergedMotion = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, motion), {}, {
|
|
leavedClassName: "".concat(rootPrefixCls, "-hidden"),
|
|
removeOnLeave: false,
|
|
motionAppear: haveRendered || !visible || mode !== 'inline'
|
|
});
|
|
|
|
return mergedMotion;
|
|
};
|
|
|
|
var store = props.store,
|
|
eventKey = props.eventKey;
|
|
|
|
var _store$getState = store.getState(),
|
|
defaultActiveFirst = _store$getState.defaultActiveFirst;
|
|
|
|
_this.isRootMenu = false;
|
|
var value = false;
|
|
|
|
if (defaultActiveFirst) {
|
|
value = defaultActiveFirst[eventKey];
|
|
}
|
|
|
|
SubMenu_updateDefaultActiveFirst(store, eventKey, value);
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(SubMenu, [{
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
this.componentDidUpdate();
|
|
}
|
|
}, {
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate() {
|
|
var _this2 = this;
|
|
|
|
var _this$props7 = this.props,
|
|
mode = _this$props7.mode,
|
|
parentMenu = _this$props7.parentMenu,
|
|
manualRef = _this$props7.manualRef; // invoke customized ref to expose component to mixin
|
|
|
|
if (manualRef) {
|
|
manualRef(this);
|
|
}
|
|
|
|
if (mode !== 'horizontal' || !parentMenu.isRootMenu || !this.props.isOpen) {
|
|
return;
|
|
}
|
|
|
|
this.minWidthTimeout = setTimeout(function () {
|
|
return _this2.adjustWidth();
|
|
}, 0);
|
|
}
|
|
}, {
|
|
key: "componentWillUnmount",
|
|
value: function componentWillUnmount() {
|
|
var _this$props8 = this.props,
|
|
onDestroy = _this$props8.onDestroy,
|
|
eventKey = _this$props8.eventKey;
|
|
|
|
if (onDestroy) {
|
|
onDestroy(eventKey);
|
|
}
|
|
/* istanbul ignore if */
|
|
|
|
|
|
if (this.minWidthTimeout) {
|
|
clearTimeout(this.minWidthTimeout);
|
|
}
|
|
/* istanbul ignore if */
|
|
|
|
|
|
if (this.mouseenterTimeout) {
|
|
clearTimeout(this.mouseenterTimeout);
|
|
}
|
|
}
|
|
}, {
|
|
key: "renderChildren",
|
|
value: function renderChildren(children) {
|
|
var _this3 = this;
|
|
|
|
var baseProps = this.getBaseProps(); // [Legacy] getMotion must be called before `haveRendered`
|
|
|
|
var mergedMotion = this.getMotion(baseProps.mode, baseProps.visible);
|
|
this.haveRendered = true;
|
|
this.haveOpened = this.haveOpened || baseProps.visible || baseProps.forceSubMenuRender; // never rendered not planning to, don't render
|
|
|
|
if (!this.haveOpened) {
|
|
return external_window_React_["createElement"]("div", null);
|
|
}
|
|
|
|
var direction = baseProps.direction;
|
|
return external_window_React_["createElement"](rc_motion_es["default"], Object.assign({
|
|
visible: baseProps.visible
|
|
}, mergedMotion), function (_ref) {
|
|
var className = _ref.className,
|
|
style = _ref.style;
|
|
var mergedClassName = classnames_default()("".concat(baseProps.prefixCls, "-sub"), className, Object(defineProperty["a" /* default */])({}, "".concat(baseProps.prefixCls, "-rtl"), direction === 'rtl'));
|
|
return external_window_React_["createElement"](es_SubPopupMenu, Object.assign({}, baseProps, {
|
|
id: _this3.internalMenuId,
|
|
className: mergedClassName,
|
|
style: style
|
|
}), children);
|
|
});
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _classNames2;
|
|
|
|
var props = Object(objectSpread2["a" /* default */])({}, this.props);
|
|
|
|
var isOpen = props.isOpen;
|
|
var prefixCls = this.getPrefixCls();
|
|
var isInlineMode = props.mode === 'inline';
|
|
var className = classnames_default()(prefixCls, "".concat(prefixCls, "-").concat(props.mode), (_classNames2 = {}, Object(defineProperty["a" /* default */])(_classNames2, props.className, !!props.className), Object(defineProperty["a" /* default */])(_classNames2, this.getOpenClassName(), isOpen), Object(defineProperty["a" /* default */])(_classNames2, this.getActiveClassName(), props.active || isOpen && !isInlineMode), Object(defineProperty["a" /* default */])(_classNames2, this.getDisabledClassName(), props.disabled), Object(defineProperty["a" /* default */])(_classNames2, this.getSelectedClassName(), this.isChildrenSelected()), _classNames2));
|
|
|
|
if (!this.internalMenuId) {
|
|
if (props.eventKey) {
|
|
this.internalMenuId = "".concat(props.eventKey, "$Menu");
|
|
} else {
|
|
guid += 1;
|
|
this.internalMenuId = "$__$".concat(guid, "$Menu");
|
|
}
|
|
}
|
|
|
|
var mouseEvents = {};
|
|
var titleClickEvents = {};
|
|
var titleMouseEvents = {};
|
|
|
|
if (!props.disabled) {
|
|
mouseEvents = {
|
|
onMouseLeave: this.onMouseLeave,
|
|
onMouseEnter: this.onMouseEnter
|
|
}; // only works in title, not outer li
|
|
|
|
titleClickEvents = {
|
|
onClick: this.onTitleClick
|
|
};
|
|
titleMouseEvents = {
|
|
onMouseEnter: this.onTitleMouseEnter,
|
|
onMouseLeave: this.onTitleMouseLeave
|
|
};
|
|
}
|
|
|
|
var style = {};
|
|
var direction = props.direction;
|
|
|
|
if (isInlineMode) {
|
|
if (direction === 'rtl') {
|
|
style.paddingRight = props.inlineIndent * props.level;
|
|
} else {
|
|
style.paddingLeft = props.inlineIndent * props.level;
|
|
}
|
|
}
|
|
|
|
var ariaOwns = {}; // only set aria-owns when menu is open
|
|
// otherwise it would be an invalid aria-owns value
|
|
// since corresponding node cannot be found
|
|
|
|
if (this.props.isOpen) {
|
|
ariaOwns = {
|
|
'aria-owns': this.internalMenuId
|
|
};
|
|
} // expand custom icon should NOT be displayed in menu with horizontal mode.
|
|
|
|
|
|
var icon = null;
|
|
|
|
if (props.mode !== 'horizontal') {
|
|
icon = this.props.expandIcon; // ReactNode
|
|
|
|
if (typeof this.props.expandIcon === 'function') {
|
|
icon = external_window_React_["createElement"](this.props.expandIcon, Object(objectSpread2["a" /* default */])({}, this.props));
|
|
}
|
|
}
|
|
|
|
var title = external_window_React_["createElement"]("div", Object.assign({
|
|
ref: this.saveSubMenuTitle,
|
|
style: style,
|
|
className: "".concat(prefixCls, "-title"),
|
|
role: "button"
|
|
}, titleMouseEvents, titleClickEvents, {
|
|
"aria-expanded": isOpen
|
|
}, ariaOwns, {
|
|
"aria-haspopup": "true",
|
|
title: typeof props.title === 'string' ? props.title : undefined
|
|
}), props.title, icon || external_window_React_["createElement"]("i", {
|
|
className: "".concat(prefixCls, "-arrow")
|
|
}));
|
|
var children = this.renderChildren(props.children);
|
|
var getPopupContainer = props.parentMenu.isRootMenu ? props.parentMenu.props.getPopupContainer : function (triggerNode) {
|
|
return triggerNode.parentNode;
|
|
};
|
|
var popupPlacement = popupPlacementMap[props.mode];
|
|
var popupAlign = props.popupOffset ? {
|
|
offset: props.popupOffset
|
|
} : {};
|
|
var popupClassName = props.mode === 'inline' ? '' : props.popupClassName;
|
|
popupClassName += direction === 'rtl' ? " ".concat(prefixCls, "-rtl") : '';
|
|
var disabled = props.disabled,
|
|
triggerSubMenuAction = props.triggerSubMenuAction,
|
|
subMenuOpenDelay = props.subMenuOpenDelay,
|
|
forceSubMenuRender = props.forceSubMenuRender,
|
|
subMenuCloseDelay = props.subMenuCloseDelay,
|
|
builtinPlacements = props.builtinPlacements;
|
|
menuAllProps.forEach(function (key) {
|
|
return delete props[key];
|
|
}); // Set onClick to null, to ignore propagated onClick event
|
|
|
|
delete props.onClick;
|
|
var placement = direction === 'rtl' ? Object.assign({}, placementsRtl, builtinPlacements) : Object.assign({}, placements, builtinPlacements);
|
|
delete props.direction;
|
|
return external_window_React_["createElement"]("li", Object.assign({}, props, mouseEvents, {
|
|
className: className,
|
|
role: "menuitem"
|
|
}), isInlineMode && title, isInlineMode && children, !isInlineMode && external_window_React_["createElement"](rc_trigger_es["a" /* default */], {
|
|
prefixCls: prefixCls,
|
|
popupClassName: classnames_default()("".concat(prefixCls, "-popup"), popupClassName),
|
|
getPopupContainer: getPopupContainer,
|
|
builtinPlacements: placement,
|
|
popupPlacement: popupPlacement,
|
|
popupVisible: isOpen,
|
|
popupAlign: popupAlign,
|
|
popup: children,
|
|
action: disabled ? [] : [triggerSubMenuAction],
|
|
mouseEnterDelay: subMenuOpenDelay,
|
|
mouseLeaveDelay: subMenuCloseDelay,
|
|
onPopupVisibleChange: this.onPopupVisibleChange,
|
|
forceRender: forceSubMenuRender
|
|
}, title));
|
|
}
|
|
}]);
|
|
|
|
return SubMenu;
|
|
}(external_window_React_["Component"]);
|
|
SubMenu_SubMenu.defaultProps = {
|
|
onMouseEnter: noop,
|
|
onMouseLeave: noop,
|
|
onTitleMouseEnter: noop,
|
|
onTitleMouseLeave: noop,
|
|
onTitleClick: noop,
|
|
manualRef: noop,
|
|
mode: 'vertical',
|
|
title: ''
|
|
};
|
|
var connected = Object(esm["b" /* connect */])(function (_ref2, _ref3) {
|
|
var openKeys = _ref2.openKeys,
|
|
activeKey = _ref2.activeKey,
|
|
selectedKeys = _ref2.selectedKeys;
|
|
var eventKey = _ref3.eventKey,
|
|
subMenuKey = _ref3.subMenuKey;
|
|
return {
|
|
isOpen: openKeys.indexOf(eventKey) > -1,
|
|
active: activeKey[subMenuKey] === eventKey,
|
|
selectedKeys: selectedKeys
|
|
};
|
|
})(SubMenu_SubMenu);
|
|
connected.isSubMenu = true;
|
|
/* harmony default export */ var es_SubMenu = (connected);
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/DOMWrap.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var MENUITEM_OVERFLOWED_CLASSNAME = 'menuitem-overflowed';
|
|
var FLOAT_PRECISION_ADJUST = 0.5;
|
|
|
|
var DOMWrap_DOMWrap = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(DOMWrap, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(DOMWrap);
|
|
|
|
function DOMWrap() {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, DOMWrap);
|
|
|
|
_this = _super.apply(this, arguments);
|
|
_this.resizeObserver = null;
|
|
_this.mutationObserver = null; // original scroll size of the list
|
|
|
|
_this.originalTotalWidth = 0; // copy of overflowed items
|
|
|
|
_this.overflowedItems = []; // cache item of the original items (so we can track the size and order)
|
|
|
|
_this.menuItemSizes = [];
|
|
_this.cancelFrameId = null;
|
|
_this.state = {
|
|
lastVisibleIndex: undefined
|
|
}; // get all valid menuItem nodes
|
|
|
|
_this.getMenuItemNodes = function () {
|
|
var prefixCls = _this.props.prefixCls;
|
|
var ul = external_window_ReactDOM_["findDOMNode"](Object(assertThisInitialized["a" /* default */])(_this));
|
|
|
|
if (!ul) {
|
|
return [];
|
|
} // filter out all overflowed indicator placeholder
|
|
|
|
|
|
return [].slice.call(ul.children).filter(function (node) {
|
|
return node.className.split(' ').indexOf("".concat(prefixCls, "-overflowed-submenu")) < 0;
|
|
});
|
|
};
|
|
|
|
_this.getOverflowedSubMenuItem = function (keyPrefix, overflowedItems, renderPlaceholder) {
|
|
var _this$props = _this.props,
|
|
overflowedIndicator = _this$props.overflowedIndicator,
|
|
level = _this$props.level,
|
|
mode = _this$props.mode,
|
|
prefixCls = _this$props.prefixCls,
|
|
theme = _this$props.theme;
|
|
|
|
if (level !== 1 || mode !== 'horizontal') {
|
|
return null;
|
|
} // put all the overflowed item inside a submenu
|
|
// with a title of overflow indicator ('...')
|
|
|
|
|
|
var copy = _this.props.children[0];
|
|
|
|
var _copy$props = copy.props,
|
|
throwAway = _copy$props.children,
|
|
title = _copy$props.title,
|
|
propStyle = _copy$props.style,
|
|
rest = Object(objectWithoutProperties["a" /* default */])(_copy$props, ["children", "title", "style"]);
|
|
|
|
var style = Object(objectSpread2["a" /* default */])({}, propStyle);
|
|
|
|
var key = "".concat(keyPrefix, "-overflowed-indicator");
|
|
var eventKey = "".concat(keyPrefix, "-overflowed-indicator");
|
|
|
|
if (overflowedItems.length === 0 && renderPlaceholder !== true) {
|
|
style = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, style), {}, {
|
|
display: 'none'
|
|
});
|
|
} else if (renderPlaceholder) {
|
|
style = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, style), {}, {
|
|
visibility: 'hidden',
|
|
// prevent from taking normal dom space
|
|
position: 'absolute'
|
|
});
|
|
key = "".concat(key, "-placeholder");
|
|
eventKey = "".concat(eventKey, "-placeholder");
|
|
}
|
|
|
|
var popupClassName = theme ? "".concat(prefixCls, "-").concat(theme) : '';
|
|
var props = {};
|
|
menuAllProps.forEach(function (k) {
|
|
if (rest[k] !== undefined) {
|
|
props[k] = rest[k];
|
|
}
|
|
});
|
|
return external_window_React_["createElement"](es_SubMenu, Object.assign({
|
|
title: overflowedIndicator,
|
|
className: "".concat(prefixCls, "-overflowed-submenu"),
|
|
popupClassName: popupClassName
|
|
}, props, {
|
|
key: key,
|
|
eventKey: eventKey,
|
|
disabled: false,
|
|
style: style
|
|
}), overflowedItems);
|
|
}; // memorize rendered menuSize
|
|
|
|
|
|
_this.setChildrenWidthAndResize = function () {
|
|
if (_this.props.mode !== 'horizontal') {
|
|
return;
|
|
}
|
|
|
|
var ul = external_window_ReactDOM_["findDOMNode"](Object(assertThisInitialized["a" /* default */])(_this));
|
|
|
|
if (!ul) {
|
|
return;
|
|
}
|
|
|
|
var ulChildrenNodes = ul.children;
|
|
|
|
if (!ulChildrenNodes || ulChildrenNodes.length === 0) {
|
|
return;
|
|
}
|
|
|
|
var lastOverflowedIndicatorPlaceholder = ul.children[ulChildrenNodes.length - 1]; // need last overflowed indicator for calculating length;
|
|
|
|
util_setStyle(lastOverflowedIndicatorPlaceholder, 'display', 'inline-block');
|
|
|
|
var menuItemNodes = _this.getMenuItemNodes(); // reset display attribute for all hidden elements caused by overflow to calculate updated width
|
|
// and then reset to original state after width calculation
|
|
|
|
|
|
var overflowedItems = menuItemNodes.filter(function (c) {
|
|
return c.className.split(' ').indexOf(MENUITEM_OVERFLOWED_CLASSNAME) >= 0;
|
|
});
|
|
overflowedItems.forEach(function (c) {
|
|
util_setStyle(c, 'display', 'inline-block');
|
|
});
|
|
_this.menuItemSizes = menuItemNodes.map(function (c) {
|
|
return getWidth(c, true);
|
|
});
|
|
overflowedItems.forEach(function (c) {
|
|
util_setStyle(c, 'display', 'none');
|
|
});
|
|
_this.overflowedIndicatorWidth = getWidth(ul.children[ul.children.length - 1], true);
|
|
_this.originalTotalWidth = _this.menuItemSizes.reduce(function (acc, cur) {
|
|
return acc + cur;
|
|
}, 0);
|
|
|
|
_this.handleResize(); // prevent the overflowed indicator from taking space;
|
|
|
|
|
|
util_setStyle(lastOverflowedIndicatorPlaceholder, 'display', 'none');
|
|
};
|
|
|
|
_this.handleResize = function () {
|
|
if (_this.props.mode !== 'horizontal') {
|
|
return;
|
|
}
|
|
|
|
var ul = external_window_ReactDOM_["findDOMNode"](Object(assertThisInitialized["a" /* default */])(_this));
|
|
|
|
if (!ul) {
|
|
return;
|
|
}
|
|
|
|
var width = getWidth(ul);
|
|
_this.overflowedItems = [];
|
|
var currentSumWidth = 0; // index for last visible child in horizontal mode
|
|
|
|
var lastVisibleIndex; // float number comparison could be problematic
|
|
// e.g. 0.1 + 0.2 > 0.3 =====> true
|
|
// thus using FLOAT_PRECISION_ADJUST as buffer to help the situation
|
|
|
|
if (_this.originalTotalWidth > width + FLOAT_PRECISION_ADJUST) {
|
|
lastVisibleIndex = -1;
|
|
|
|
_this.menuItemSizes.forEach(function (liWidth) {
|
|
currentSumWidth += liWidth;
|
|
|
|
if (currentSumWidth + _this.overflowedIndicatorWidth <= width) {
|
|
lastVisibleIndex += 1;
|
|
}
|
|
});
|
|
}
|
|
|
|
_this.setState({
|
|
lastVisibleIndex: lastVisibleIndex
|
|
});
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(DOMWrap, [{
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
var _this2 = this;
|
|
|
|
this.setChildrenWidthAndResize();
|
|
|
|
if (this.props.level === 1 && this.props.mode === 'horizontal') {
|
|
var menuUl = external_window_ReactDOM_["findDOMNode"](this);
|
|
|
|
if (!menuUl) {
|
|
return;
|
|
}
|
|
|
|
this.resizeObserver = new ResizeObserver_es["default"](function (entries) {
|
|
entries.forEach(function () {
|
|
var cancelFrameId = _this2.cancelFrameId;
|
|
cancelAnimationFrame(cancelFrameId);
|
|
_this2.cancelFrameId = requestAnimationFrame(_this2.setChildrenWidthAndResize);
|
|
});
|
|
});
|
|
[].slice.call(menuUl.children).concat(menuUl).forEach(function (el) {
|
|
_this2.resizeObserver.observe(el);
|
|
});
|
|
|
|
if (typeof MutationObserver !== 'undefined') {
|
|
this.mutationObserver = new MutationObserver(function () {
|
|
_this2.resizeObserver.disconnect();
|
|
|
|
[].slice.call(menuUl.children).concat(menuUl).forEach(function (el) {
|
|
_this2.resizeObserver.observe(el);
|
|
});
|
|
|
|
_this2.setChildrenWidthAndResize();
|
|
});
|
|
this.mutationObserver.observe(menuUl, {
|
|
attributes: false,
|
|
childList: true,
|
|
subTree: false
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}, {
|
|
key: "componentWillUnmount",
|
|
value: function componentWillUnmount() {
|
|
if (this.resizeObserver) {
|
|
this.resizeObserver.disconnect();
|
|
}
|
|
|
|
if (this.mutationObserver) {
|
|
this.mutationObserver.disconnect();
|
|
}
|
|
|
|
cancelAnimationFrame(this.cancelFrameId);
|
|
}
|
|
}, {
|
|
key: "renderChildren",
|
|
value: function renderChildren(children) {
|
|
var _this3 = this;
|
|
|
|
// need to take care of overflowed items in horizontal mode
|
|
var lastVisibleIndex = this.state.lastVisibleIndex;
|
|
return (children || []).reduce(function (acc, childNode, index) {
|
|
var item = childNode;
|
|
|
|
if (_this3.props.mode === 'horizontal') {
|
|
var overflowed = _this3.getOverflowedSubMenuItem(childNode.props.eventKey, []);
|
|
|
|
if (lastVisibleIndex !== undefined && _this3.props.className.indexOf("".concat(_this3.props.prefixCls, "-root")) !== -1) {
|
|
if (index > lastVisibleIndex) {
|
|
item = external_window_React_["cloneElement"](childNode, // 这里修改 eventKey 是为了防止隐藏状态下还会触发 openkeys 事件
|
|
{
|
|
style: {
|
|
display: 'none'
|
|
},
|
|
eventKey: "".concat(childNode.props.eventKey, "-hidden"),
|
|
|
|
/**
|
|
* Legacy code. Here `className` never used:
|
|
* https://github.com/react-component/menu/commit/4cd6b49fce9d116726f4ea00dda85325d6f26500#diff-e2fa48f75c2dd2318295cde428556a76R240
|
|
*/
|
|
className: "".concat(MENUITEM_OVERFLOWED_CLASSNAME)
|
|
});
|
|
}
|
|
|
|
if (index === lastVisibleIndex + 1) {
|
|
_this3.overflowedItems = children.slice(lastVisibleIndex + 1).map(function (c) {
|
|
return external_window_React_["cloneElement"](c, // children[index].key will become '.$key' in clone by default,
|
|
// we have to overwrite with the correct key explicitly
|
|
{
|
|
key: c.props.eventKey,
|
|
mode: 'vertical-left'
|
|
});
|
|
});
|
|
overflowed = _this3.getOverflowedSubMenuItem(childNode.props.eventKey, _this3.overflowedItems);
|
|
}
|
|
}
|
|
|
|
var ret = [].concat(Object(toConsumableArray["a" /* default */])(acc), [overflowed, item]);
|
|
|
|
if (index === children.length - 1) {
|
|
// need a placeholder for calculating overflowed indicator width
|
|
ret.push(_this3.getOverflowedSubMenuItem(childNode.props.eventKey, [], true));
|
|
}
|
|
|
|
return ret;
|
|
}
|
|
|
|
return [].concat(Object(toConsumableArray["a" /* default */])(acc), [item]);
|
|
}, []);
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this$props2 = this.props,
|
|
visible = _this$props2.visible,
|
|
prefixCls = _this$props2.prefixCls,
|
|
overflowedIndicator = _this$props2.overflowedIndicator,
|
|
mode = _this$props2.mode,
|
|
level = _this$props2.level,
|
|
tag = _this$props2.tag,
|
|
children = _this$props2.children,
|
|
theme = _this$props2.theme,
|
|
rest = Object(objectWithoutProperties["a" /* default */])(_this$props2, ["visible", "prefixCls", "overflowedIndicator", "mode", "level", "tag", "children", "theme"]);
|
|
|
|
var Tag = tag;
|
|
return external_window_React_["createElement"](Tag, Object.assign({}, rest), this.renderChildren(children));
|
|
}
|
|
}]);
|
|
|
|
return DOMWrap;
|
|
}(external_window_React_["Component"]);
|
|
|
|
DOMWrap_DOMWrap.defaultProps = {
|
|
tag: 'div',
|
|
className: ''
|
|
};
|
|
/* harmony default export */ var es_DOMWrap = (DOMWrap_DOMWrap);
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/SubPopupMenu.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function allDisabled(arr) {
|
|
if (!arr.length) {
|
|
return true;
|
|
}
|
|
|
|
return arr.every(function (c) {
|
|
return !!c.props.disabled;
|
|
});
|
|
}
|
|
|
|
function updateActiveKey(store, menuId, activeKey) {
|
|
var state = store.getState();
|
|
store.setState({
|
|
activeKey: Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, state.activeKey), {}, Object(defineProperty["a" /* default */])({}, menuId, activeKey))
|
|
});
|
|
}
|
|
|
|
function getEventKey(props) {
|
|
// when eventKey not available ,it's menu and return menu id '0-menu-'
|
|
return props.eventKey || '0-menu-';
|
|
}
|
|
|
|
function getActiveKey(props, originalActiveKey) {
|
|
var activeKey = originalActiveKey;
|
|
var children = props.children,
|
|
eventKey = props.eventKey;
|
|
|
|
if (activeKey) {
|
|
var found;
|
|
loopMenuItem(children, function (c, i) {
|
|
if (c && c.props && !c.props.disabled && activeKey === getKeyFromChildrenIndex(c, eventKey, i)) {
|
|
found = true;
|
|
}
|
|
});
|
|
|
|
if (found) {
|
|
return activeKey;
|
|
}
|
|
}
|
|
|
|
activeKey = null;
|
|
|
|
if (props.defaultActiveFirst) {
|
|
loopMenuItem(children, function (c, i) {
|
|
if (!activeKey && c && !c.props.disabled) {
|
|
activeKey = getKeyFromChildrenIndex(c, eventKey, i);
|
|
}
|
|
});
|
|
return activeKey;
|
|
}
|
|
|
|
return activeKey;
|
|
}
|
|
function saveRef(c) {
|
|
if (c) {
|
|
var index = this.instanceArray.indexOf(c);
|
|
|
|
if (index !== -1) {
|
|
// update component if it's already inside instanceArray
|
|
this.instanceArray[index] = c;
|
|
} else {
|
|
// add component if it's not in instanceArray yet;
|
|
this.instanceArray.push(c);
|
|
}
|
|
}
|
|
}
|
|
var SubPopupMenu_SubPopupMenu = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(SubPopupMenu, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(SubPopupMenu);
|
|
|
|
function SubPopupMenu(props) {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, SubPopupMenu);
|
|
|
|
_this = _super.call(this, props);
|
|
/**
|
|
* all keyboard events callbacks run from here at first
|
|
*
|
|
* note:
|
|
* This legacy code that `onKeyDown` is called by parent instead of dom self.
|
|
* which need return code to check if this event is handled
|
|
*/
|
|
|
|
_this.onKeyDown = function (e, callback) {
|
|
var keyCode = e.keyCode;
|
|
var handled;
|
|
|
|
_this.getFlatInstanceArray().forEach(function (obj) {
|
|
if (obj && obj.props.active && obj.onKeyDown) {
|
|
handled = obj.onKeyDown(e);
|
|
}
|
|
});
|
|
|
|
if (handled) {
|
|
return 1;
|
|
}
|
|
|
|
var activeItem = null;
|
|
|
|
if (keyCode === KeyCode["a" /* default */].UP || keyCode === KeyCode["a" /* default */].DOWN) {
|
|
activeItem = _this.step(keyCode === KeyCode["a" /* default */].UP ? -1 : 1);
|
|
}
|
|
|
|
if (activeItem) {
|
|
e.preventDefault();
|
|
updateActiveKey(_this.props.store, getEventKey(_this.props), activeItem.props.eventKey);
|
|
|
|
if (typeof callback === 'function') {
|
|
callback(activeItem);
|
|
}
|
|
|
|
return 1;
|
|
}
|
|
|
|
return undefined;
|
|
};
|
|
|
|
_this.onItemHover = function (e) {
|
|
var key = e.key,
|
|
hover = e.hover;
|
|
updateActiveKey(_this.props.store, getEventKey(_this.props), hover ? key : null);
|
|
};
|
|
|
|
_this.onDeselect = function (selectInfo) {
|
|
_this.props.onDeselect(selectInfo);
|
|
};
|
|
|
|
_this.onSelect = function (selectInfo) {
|
|
_this.props.onSelect(selectInfo);
|
|
};
|
|
|
|
_this.onClick = function (e) {
|
|
_this.props.onClick(e);
|
|
};
|
|
|
|
_this.onOpenChange = function (e) {
|
|
_this.props.onOpenChange(e);
|
|
};
|
|
|
|
_this.onDestroy = function (key) {
|
|
/* istanbul ignore next */
|
|
_this.props.onDestroy(key);
|
|
};
|
|
|
|
_this.getFlatInstanceArray = function () {
|
|
return _this.instanceArray;
|
|
};
|
|
|
|
_this.step = function (direction) {
|
|
var children = _this.getFlatInstanceArray();
|
|
|
|
var activeKey = _this.props.store.getState().activeKey[getEventKey(_this.props)];
|
|
|
|
var len = children.length;
|
|
|
|
if (!len) {
|
|
return null;
|
|
}
|
|
|
|
if (direction < 0) {
|
|
children = children.concat().reverse();
|
|
} // find current activeIndex
|
|
|
|
|
|
var activeIndex = -1;
|
|
children.every(function (c, ci) {
|
|
if (c && c.props.eventKey === activeKey) {
|
|
activeIndex = ci;
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
});
|
|
|
|
if (!_this.props.defaultActiveFirst && activeIndex !== -1 && allDisabled(children.slice(activeIndex, len - 1))) {
|
|
return undefined;
|
|
}
|
|
|
|
var start = (activeIndex + 1) % len;
|
|
var i = start;
|
|
|
|
do {
|
|
var child = children[i];
|
|
|
|
if (!child || child.props.disabled) {
|
|
i = (i + 1) % len;
|
|
} else {
|
|
return child;
|
|
}
|
|
} while (i !== start);
|
|
|
|
return null;
|
|
};
|
|
|
|
_this.renderCommonMenuItem = function (child, i, extraProps) {
|
|
var state = _this.props.store.getState();
|
|
|
|
var _assertThisInitialize = Object(assertThisInitialized["a" /* default */])(_this),
|
|
props = _assertThisInitialize.props;
|
|
|
|
var key = getKeyFromChildrenIndex(child, props.eventKey, i);
|
|
var childProps = child.props; // https://github.com/ant-design/ant-design/issues/11517#issuecomment-477403055
|
|
|
|
if (!childProps || typeof child.type === 'string') {
|
|
return child;
|
|
}
|
|
|
|
var isActive = key === state.activeKey;
|
|
|
|
var newChildProps = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
|
|
mode: childProps.mode || props.mode,
|
|
level: props.level,
|
|
inlineIndent: props.inlineIndent,
|
|
renderMenuItem: _this.renderMenuItem,
|
|
rootPrefixCls: props.prefixCls,
|
|
index: i,
|
|
parentMenu: props.parentMenu,
|
|
// customized ref function, need to be invoked manually in child's componentDidMount
|
|
manualRef: childProps.disabled ? undefined : Object(createChainedFunction["a" /* default */])(child.ref, saveRef.bind(Object(assertThisInitialized["a" /* default */])(_this))),
|
|
eventKey: key,
|
|
active: !childProps.disabled && isActive,
|
|
multiple: props.multiple,
|
|
onClick: function onClick(e) {
|
|
(childProps.onClick || noop)(e);
|
|
|
|
_this.onClick(e);
|
|
},
|
|
onItemHover: _this.onItemHover,
|
|
motion: props.motion,
|
|
subMenuOpenDelay: props.subMenuOpenDelay,
|
|
subMenuCloseDelay: props.subMenuCloseDelay,
|
|
forceSubMenuRender: props.forceSubMenuRender,
|
|
onOpenChange: _this.onOpenChange,
|
|
onDeselect: _this.onDeselect,
|
|
onSelect: _this.onSelect,
|
|
builtinPlacements: props.builtinPlacements,
|
|
itemIcon: childProps.itemIcon || _this.props.itemIcon,
|
|
expandIcon: childProps.expandIcon || _this.props.expandIcon
|
|
}, extraProps), {}, {
|
|
direction: props.direction
|
|
}); // ref: https://github.com/ant-design/ant-design/issues/13943
|
|
|
|
|
|
if (props.mode === 'inline' || util_isMobileDevice()) {
|
|
newChildProps.triggerSubMenuAction = 'click';
|
|
}
|
|
|
|
return external_window_React_["cloneElement"](child, newChildProps);
|
|
};
|
|
|
|
_this.renderMenuItem = function (c, i, subMenuKey) {
|
|
/* istanbul ignore if */
|
|
if (!c) {
|
|
return null;
|
|
}
|
|
|
|
var state = _this.props.store.getState();
|
|
|
|
var extraProps = {
|
|
openKeys: state.openKeys,
|
|
selectedKeys: state.selectedKeys,
|
|
triggerSubMenuAction: _this.props.triggerSubMenuAction,
|
|
subMenuKey: subMenuKey
|
|
};
|
|
return _this.renderCommonMenuItem(c, i, extraProps);
|
|
};
|
|
|
|
props.store.setState({
|
|
activeKey: Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, props.store.getState().activeKey), {}, Object(defineProperty["a" /* default */])({}, props.eventKey, getActiveKey(props, props.activeKey)))
|
|
});
|
|
_this.instanceArray = [];
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(SubPopupMenu, [{
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
// invoke customized ref to expose component to mixin
|
|
if (this.props.manualRef) {
|
|
this.props.manualRef(this);
|
|
}
|
|
}
|
|
}, {
|
|
key: "shouldComponentUpdate",
|
|
value: function shouldComponentUpdate(nextProps) {
|
|
return this.props.visible || nextProps.visible || this.props.className !== nextProps.className || !shallowequal_default()(this.props.style, nextProps.style);
|
|
}
|
|
}, {
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate(prevProps) {
|
|
var props = this.props;
|
|
var originalActiveKey = 'activeKey' in props ? props.activeKey : props.store.getState().activeKey[getEventKey(props)];
|
|
var activeKey = getActiveKey(props, originalActiveKey);
|
|
|
|
if (activeKey !== originalActiveKey) {
|
|
updateActiveKey(props.store, getEventKey(props), activeKey);
|
|
} else if ('activeKey' in prevProps) {
|
|
// If prev activeKey is not same as current activeKey,
|
|
// we should set it.
|
|
var prevActiveKey = getActiveKey(prevProps, prevProps.activeKey);
|
|
|
|
if (activeKey !== prevActiveKey) {
|
|
updateActiveKey(props.store, getEventKey(props), activeKey);
|
|
}
|
|
}
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this2 = this;
|
|
|
|
var props = Object(esm_extends["a" /* default */])({}, this.props);
|
|
|
|
this.instanceArray = [];
|
|
var className = classnames_default()(props.prefixCls, props.className, "".concat(props.prefixCls, "-").concat(props.mode));
|
|
var domProps = {
|
|
className: className,
|
|
// role could be 'select' and by default set to menu
|
|
role: props.role || 'menu'
|
|
};
|
|
|
|
if (props.id) {
|
|
domProps.id = props.id;
|
|
}
|
|
|
|
if (props.focusable) {
|
|
domProps.tabIndex = 0;
|
|
domProps.onKeyDown = this.onKeyDown;
|
|
}
|
|
|
|
var prefixCls = props.prefixCls,
|
|
eventKey = props.eventKey,
|
|
visible = props.visible,
|
|
level = props.level,
|
|
mode = props.mode,
|
|
overflowedIndicator = props.overflowedIndicator,
|
|
theme = props.theme;
|
|
menuAllProps.forEach(function (key) {
|
|
return delete props[key];
|
|
}); // Otherwise, the propagated click event will trigger another onClick
|
|
|
|
delete props.onClick;
|
|
return external_window_React_["createElement"](es_DOMWrap, Object.assign({}, props, {
|
|
prefixCls: prefixCls,
|
|
mode: mode,
|
|
tag: "ul",
|
|
level: level,
|
|
theme: theme,
|
|
visible: visible,
|
|
overflowedIndicator: overflowedIndicator
|
|
}, domProps), external_window_React_["Children"].map(props.children, function (c, i) {
|
|
return _this2.renderMenuItem(c, i, eventKey || '0-menu-');
|
|
}));
|
|
}
|
|
}]);
|
|
|
|
return SubPopupMenu;
|
|
}(external_window_React_["Component"]);
|
|
SubPopupMenu_SubPopupMenu.defaultProps = {
|
|
prefixCls: 'rc-menu',
|
|
className: '',
|
|
mode: 'vertical',
|
|
level: 1,
|
|
inlineIndent: 24,
|
|
visible: true,
|
|
focusable: true,
|
|
style: {},
|
|
manualRef: noop
|
|
};
|
|
var SubPopupMenu_connected = Object(esm["b" /* connect */])()(SubPopupMenu_SubPopupMenu);
|
|
/* harmony default export */ var es_SubPopupMenu = (SubPopupMenu_connected);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
|
|
var warning = __webpack_require__("Kwbf");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/utils/legacyUtil.js
|
|
|
|
|
|
function getMotion(_ref, _ref2, menuMode) {
|
|
var prefixCls = _ref.prefixCls,
|
|
motion = _ref.motion,
|
|
_ref$defaultMotions = _ref.defaultMotions,
|
|
defaultMotions = _ref$defaultMotions === void 0 ? {} : _ref$defaultMotions,
|
|
openAnimation = _ref.openAnimation,
|
|
openTransitionName = _ref.openTransitionName;
|
|
var switchingModeFromInline = _ref2.switchingModeFromInline;
|
|
|
|
if (motion) {
|
|
return motion;
|
|
}
|
|
|
|
if (Object(esm_typeof["a" /* default */])(openAnimation) === 'object' && openAnimation) {
|
|
Object(warning["a" /* default */])(false, 'Object type of `openAnimation` is removed. Please use `motion` instead.');
|
|
} else if (typeof openAnimation === 'string') {
|
|
return {
|
|
motionName: "".concat(prefixCls, "-open-").concat(openAnimation)
|
|
};
|
|
}
|
|
|
|
if (openTransitionName) {
|
|
return {
|
|
motionName: openTransitionName
|
|
};
|
|
} // Default logic
|
|
|
|
|
|
var defaultMotion = defaultMotions[menuMode];
|
|
|
|
if (defaultMotion) {
|
|
return defaultMotion;
|
|
} // When mode switch from inline
|
|
// submenu should hide without animation
|
|
|
|
|
|
return switchingModeFromInline ? null : defaultMotions.other;
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/Menu.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Menu_Menu = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(Menu, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(Menu);
|
|
|
|
function Menu(props) {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, Menu);
|
|
|
|
_this = _super.call(this, props);
|
|
_this.inlineOpenKeys = [];
|
|
|
|
_this.onSelect = function (selectInfo) {
|
|
var _assertThisInitialize = Object(assertThisInitialized["a" /* default */])(_this),
|
|
props = _assertThisInitialize.props;
|
|
|
|
if (props.selectable) {
|
|
// root menu
|
|
var _this$store$getState = _this.store.getState(),
|
|
_selectedKeys = _this$store$getState.selectedKeys;
|
|
|
|
var selectedKey = selectInfo.key;
|
|
|
|
if (props.multiple) {
|
|
_selectedKeys = _selectedKeys.concat([selectedKey]);
|
|
} else {
|
|
_selectedKeys = [selectedKey];
|
|
}
|
|
|
|
if (!('selectedKeys' in props)) {
|
|
_this.store.setState({
|
|
selectedKeys: _selectedKeys
|
|
});
|
|
}
|
|
|
|
props.onSelect(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, selectInfo), {}, {
|
|
selectedKeys: _selectedKeys
|
|
}));
|
|
}
|
|
};
|
|
|
|
_this.onClick = function (e) {
|
|
var mode = _this.getRealMenuMode();
|
|
|
|
var _assertThisInitialize2 = Object(assertThisInitialized["a" /* default */])(_this),
|
|
store = _assertThisInitialize2.store,
|
|
onOpenChange = _assertThisInitialize2.props.onOpenChange;
|
|
|
|
if (mode !== 'inline' && !('openKeys' in _this.props)) {
|
|
// closing vertical popup submenu after click it
|
|
store.setState({
|
|
openKeys: []
|
|
});
|
|
onOpenChange([]);
|
|
}
|
|
|
|
_this.props.onClick(e);
|
|
}; // onKeyDown needs to be exposed as a instance method
|
|
// e.g., in rc-select, we need to navigate menu item while
|
|
// current active item is rc-select input box rather than the menu itself
|
|
|
|
|
|
_this.onKeyDown = function (e, callback) {
|
|
_this.innerMenu.getWrappedInstance().onKeyDown(e, callback);
|
|
};
|
|
|
|
_this.onOpenChange = function (event) {
|
|
var _assertThisInitialize3 = Object(assertThisInitialized["a" /* default */])(_this),
|
|
props = _assertThisInitialize3.props;
|
|
|
|
var openKeys = _this.store.getState().openKeys.concat();
|
|
|
|
var changed = false;
|
|
|
|
var processSingle = function processSingle(e) {
|
|
var oneChanged = false;
|
|
|
|
if (e.open) {
|
|
oneChanged = openKeys.indexOf(e.key) === -1;
|
|
|
|
if (oneChanged) {
|
|
openKeys.push(e.key);
|
|
}
|
|
} else {
|
|
var index = openKeys.indexOf(e.key);
|
|
oneChanged = index !== -1;
|
|
|
|
if (oneChanged) {
|
|
openKeys.splice(index, 1);
|
|
}
|
|
}
|
|
|
|
changed = changed || oneChanged;
|
|
};
|
|
|
|
if (Array.isArray(event)) {
|
|
// batch change call
|
|
event.forEach(processSingle);
|
|
} else {
|
|
processSingle(event);
|
|
}
|
|
|
|
if (changed) {
|
|
if (!('openKeys' in _this.props)) {
|
|
_this.store.setState({
|
|
openKeys: openKeys
|
|
});
|
|
}
|
|
|
|
props.onOpenChange(openKeys);
|
|
}
|
|
};
|
|
|
|
_this.onDeselect = function (selectInfo) {
|
|
var _assertThisInitialize4 = Object(assertThisInitialized["a" /* default */])(_this),
|
|
props = _assertThisInitialize4.props;
|
|
|
|
if (props.selectable) {
|
|
var _selectedKeys2 = _this.store.getState().selectedKeys.concat();
|
|
|
|
var selectedKey = selectInfo.key;
|
|
|
|
var index = _selectedKeys2.indexOf(selectedKey);
|
|
|
|
if (index !== -1) {
|
|
_selectedKeys2.splice(index, 1);
|
|
}
|
|
|
|
if (!('selectedKeys' in props)) {
|
|
_this.store.setState({
|
|
selectedKeys: _selectedKeys2
|
|
});
|
|
}
|
|
|
|
props.onDeselect(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, selectInfo), {}, {
|
|
selectedKeys: _selectedKeys2
|
|
}));
|
|
}
|
|
}; // Restore vertical mode when menu is collapsed responsively when mounted
|
|
// https://github.com/ant-design/ant-design/issues/13104
|
|
// TODO: not a perfect solution,
|
|
// looking a new way to avoid setting switchingModeFromInline in this situation
|
|
|
|
|
|
_this.onMouseEnter = function (e) {
|
|
_this.restoreModeVerticalFromInline();
|
|
|
|
var onMouseEnter = _this.props.onMouseEnter;
|
|
|
|
if (onMouseEnter) {
|
|
onMouseEnter(e);
|
|
}
|
|
};
|
|
|
|
_this.onTransitionEnd = function (e) {
|
|
// when inlineCollapsed menu width animation finished
|
|
// https://github.com/ant-design/ant-design/issues/12864
|
|
var widthCollapsed = e.propertyName === 'width' && e.target === e.currentTarget; // Fix SVGElement e.target.className.indexOf is not a function
|
|
// https://github.com/ant-design/ant-design/issues/15699
|
|
|
|
var className = e.target.className; // SVGAnimatedString.animVal should be identical to SVGAnimatedString.baseVal,
|
|
// unless during an animation.
|
|
|
|
var classNameValue = Object.prototype.toString.call(className) === '[object SVGAnimatedString]' ? className.animVal : className; // Fix for <Menu style={{ width: '100%' }} />,
|
|
// the width transition won't trigger when menu is collapsed
|
|
// https://github.com/ant-design/ant-design-pro/issues/2783
|
|
|
|
var iconScaled = e.propertyName === 'font-size' && classNameValue.indexOf('anticon') >= 0;
|
|
|
|
if (widthCollapsed || iconScaled) {
|
|
_this.restoreModeVerticalFromInline();
|
|
}
|
|
};
|
|
|
|
_this.setInnerMenu = function (node) {
|
|
_this.innerMenu = node;
|
|
};
|
|
|
|
_this.isRootMenu = true;
|
|
var selectedKeys = props.defaultSelectedKeys;
|
|
var openKeys = props.defaultOpenKeys;
|
|
|
|
if ('selectedKeys' in props) {
|
|
selectedKeys = props.selectedKeys || [];
|
|
}
|
|
|
|
if ('openKeys' in props) {
|
|
openKeys = props.openKeys || [];
|
|
}
|
|
|
|
_this.store = Object(esm["c" /* create */])({
|
|
selectedKeys: selectedKeys,
|
|
openKeys: openKeys,
|
|
activeKey: {
|
|
'0-menu-': getActiveKey(props, props.activeKey)
|
|
}
|
|
});
|
|
_this.state = {
|
|
switchingModeFromInline: false
|
|
};
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(Menu, [{
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
this.updateMiniStore();
|
|
this.updateMenuDisplay();
|
|
}
|
|
}, {
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate(prevProps) {
|
|
this.updateOpentKeysWhenSwitchMode(prevProps);
|
|
this.updateMiniStore();
|
|
var _this$props = this.props,
|
|
siderCollapsed = _this$props.siderCollapsed,
|
|
inlineCollapsed = _this$props.inlineCollapsed,
|
|
onOpenChange = _this$props.onOpenChange;
|
|
|
|
if (!prevProps.inlineCollapsed && inlineCollapsed || !prevProps.siderCollapsed && siderCollapsed) {
|
|
onOpenChange([]);
|
|
}
|
|
|
|
this.updateMenuDisplay();
|
|
}
|
|
}, {
|
|
key: "updateOpentKeysWhenSwitchMode",
|
|
value: function updateOpentKeysWhenSwitchMode(prevProps) {
|
|
var nextProps = this.props,
|
|
store = this.store,
|
|
inlineOpenKeys = this.inlineOpenKeys;
|
|
var prevState = store.getState();
|
|
var newState = {};
|
|
|
|
if (prevProps.mode === 'inline' && nextProps.mode !== 'inline') {
|
|
this.setState({
|
|
switchingModeFromInline: true
|
|
});
|
|
}
|
|
|
|
if (!('openKeys' in nextProps)) {
|
|
// [Legacy] Old code will return after `openKeys` changed.
|
|
// Not sure the reason, we should keep this logic still.
|
|
if (nextProps.inlineCollapsed && !prevProps.inlineCollapsed || nextProps.siderCollapsed && !prevProps.siderCollapsed) {
|
|
this.setState({
|
|
switchingModeFromInline: true
|
|
});
|
|
this.inlineOpenKeys = prevState.openKeys.concat();
|
|
newState.openKeys = [];
|
|
}
|
|
|
|
if (!nextProps.inlineCollapsed && prevProps.inlineCollapsed || !nextProps.siderCollapsed && prevProps.siderCollapsed) {
|
|
newState.openKeys = inlineOpenKeys;
|
|
this.inlineOpenKeys = [];
|
|
}
|
|
}
|
|
|
|
if (Object.keys(newState).length) {
|
|
store.setState(newState);
|
|
}
|
|
}
|
|
}, {
|
|
key: "updateMenuDisplay",
|
|
value: function updateMenuDisplay() {
|
|
var collapsedWidth = this.props.collapsedWidth,
|
|
store = this.store,
|
|
prevOpenKeys = this.prevOpenKeys; // https://github.com/ant-design/ant-design/issues/8587
|
|
|
|
var hideMenu = this.getInlineCollapsed() && (collapsedWidth === 0 || collapsedWidth === '0' || collapsedWidth === '0px');
|
|
|
|
if (hideMenu) {
|
|
this.prevOpenKeys = store.getState().openKeys.concat();
|
|
this.store.setState({
|
|
openKeys: []
|
|
});
|
|
} else if (prevOpenKeys) {
|
|
this.store.setState({
|
|
openKeys: prevOpenKeys
|
|
});
|
|
this.prevOpenKeys = null;
|
|
}
|
|
}
|
|
}, {
|
|
key: "getRealMenuMode",
|
|
value: function getRealMenuMode() {
|
|
var mode = this.props.mode;
|
|
var switchingModeFromInline = this.state.switchingModeFromInline;
|
|
var inlineCollapsed = this.getInlineCollapsed();
|
|
|
|
if (switchingModeFromInline && inlineCollapsed) {
|
|
return 'inline';
|
|
}
|
|
|
|
return inlineCollapsed ? 'vertical' : mode;
|
|
}
|
|
}, {
|
|
key: "getInlineCollapsed",
|
|
value: function getInlineCollapsed() {
|
|
var _this$props2 = this.props,
|
|
inlineCollapsed = _this$props2.inlineCollapsed,
|
|
siderCollapsed = _this$props2.siderCollapsed;
|
|
|
|
if (siderCollapsed !== undefined) {
|
|
return siderCollapsed;
|
|
}
|
|
|
|
return inlineCollapsed;
|
|
}
|
|
}, {
|
|
key: "restoreModeVerticalFromInline",
|
|
value: function restoreModeVerticalFromInline() {
|
|
var switchingModeFromInline = this.state.switchingModeFromInline;
|
|
|
|
if (switchingModeFromInline) {
|
|
this.setState({
|
|
switchingModeFromInline: false
|
|
});
|
|
}
|
|
}
|
|
}, {
|
|
key: "updateMiniStore",
|
|
value: function updateMiniStore() {
|
|
if ('selectedKeys' in this.props) {
|
|
this.store.setState({
|
|
selectedKeys: this.props.selectedKeys || []
|
|
});
|
|
}
|
|
|
|
if ('openKeys' in this.props) {
|
|
this.store.setState({
|
|
openKeys: this.props.openKeys || []
|
|
});
|
|
}
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var props = Object(objectSpread2["a" /* default */])({}, Object(es["default"])(this.props, ['collapsedWidth', 'siderCollapsed', 'defaultMotions']));
|
|
|
|
var mode = this.getRealMenuMode();
|
|
props.className += " ".concat(props.prefixCls, "-root");
|
|
|
|
if (props.direction === 'rtl') {
|
|
props.className += " ".concat(props.prefixCls, "-rtl");
|
|
}
|
|
|
|
props = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, props), {}, {
|
|
mode: mode,
|
|
onClick: this.onClick,
|
|
onOpenChange: this.onOpenChange,
|
|
onDeselect: this.onDeselect,
|
|
onSelect: this.onSelect,
|
|
onMouseEnter: this.onMouseEnter,
|
|
onTransitionEnd: this.onTransitionEnd,
|
|
parentMenu: this,
|
|
motion: getMotion(this.props, this.state, mode)
|
|
});
|
|
delete props.openAnimation;
|
|
delete props.openTransitionName;
|
|
return external_window_React_["createElement"](esm["a" /* Provider */], {
|
|
store: this.store
|
|
}, external_window_React_["createElement"](es_SubPopupMenu, Object.assign({}, props, {
|
|
ref: this.setInnerMenu
|
|
}), this.props.children));
|
|
}
|
|
}]);
|
|
|
|
return Menu;
|
|
}(external_window_React_["Component"]);
|
|
|
|
Menu_Menu.defaultProps = {
|
|
selectable: true,
|
|
onClick: noop,
|
|
onSelect: noop,
|
|
onOpenChange: noop,
|
|
onDeselect: noop,
|
|
defaultSelectedKeys: [],
|
|
defaultOpenKeys: [],
|
|
subMenuOpenDelay: 0.1,
|
|
subMenuCloseDelay: 0.1,
|
|
triggerSubMenuAction: 'hover',
|
|
prefixCls: 'rc-menu',
|
|
className: '',
|
|
mode: 'vertical',
|
|
style: {},
|
|
builtinPlacements: {},
|
|
overflowedIndicator: external_window_React_["createElement"]("span", null, "\xB7\xB7\xB7")
|
|
};
|
|
/* harmony default export */ var es_Menu = (Menu_Menu);
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/MenuItem.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var MenuItem_MenuItem = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(MenuItem, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(MenuItem);
|
|
|
|
function MenuItem() {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, MenuItem);
|
|
|
|
_this = _super.apply(this, arguments);
|
|
|
|
_this.onKeyDown = function (e) {
|
|
var keyCode = e.keyCode;
|
|
|
|
if (keyCode === KeyCode["a" /* default */].ENTER) {
|
|
_this.onClick(e);
|
|
|
|
return true;
|
|
}
|
|
|
|
return undefined;
|
|
};
|
|
|
|
_this.onMouseLeave = function (e) {
|
|
var _this$props = _this.props,
|
|
eventKey = _this$props.eventKey,
|
|
onItemHover = _this$props.onItemHover,
|
|
onMouseLeave = _this$props.onMouseLeave;
|
|
onItemHover({
|
|
key: eventKey,
|
|
hover: false
|
|
});
|
|
onMouseLeave({
|
|
key: eventKey,
|
|
domEvent: e
|
|
});
|
|
};
|
|
|
|
_this.onMouseEnter = function (e) {
|
|
var _this$props2 = _this.props,
|
|
eventKey = _this$props2.eventKey,
|
|
onItemHover = _this$props2.onItemHover,
|
|
onMouseEnter = _this$props2.onMouseEnter;
|
|
onItemHover({
|
|
key: eventKey,
|
|
hover: true
|
|
});
|
|
onMouseEnter({
|
|
key: eventKey,
|
|
domEvent: e
|
|
});
|
|
};
|
|
|
|
_this.onClick = function (e) {
|
|
var _this$props3 = _this.props,
|
|
eventKey = _this$props3.eventKey,
|
|
multiple = _this$props3.multiple,
|
|
onClick = _this$props3.onClick,
|
|
onSelect = _this$props3.onSelect,
|
|
onDeselect = _this$props3.onDeselect,
|
|
isSelected = _this$props3.isSelected;
|
|
var info = {
|
|
key: eventKey,
|
|
keyPath: [eventKey],
|
|
item: Object(assertThisInitialized["a" /* default */])(_this),
|
|
domEvent: e
|
|
};
|
|
onClick(info);
|
|
|
|
if (multiple) {
|
|
if (isSelected) {
|
|
onDeselect(info);
|
|
} else {
|
|
onSelect(info);
|
|
}
|
|
} else if (!isSelected) {
|
|
onSelect(info);
|
|
}
|
|
};
|
|
|
|
_this.saveNode = function (node) {
|
|
_this.node = node;
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(MenuItem, [{
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
// invoke customized ref to expose component to mixin
|
|
this.callRef();
|
|
}
|
|
}, {
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate() {
|
|
this.callRef();
|
|
}
|
|
}, {
|
|
key: "componentWillUnmount",
|
|
value: function componentWillUnmount() {
|
|
var props = this.props;
|
|
|
|
if (props.onDestroy) {
|
|
props.onDestroy(props.eventKey);
|
|
}
|
|
}
|
|
}, {
|
|
key: "getPrefixCls",
|
|
value: function getPrefixCls() {
|
|
return "".concat(this.props.rootPrefixCls, "-item");
|
|
}
|
|
}, {
|
|
key: "getActiveClassName",
|
|
value: function getActiveClassName() {
|
|
return "".concat(this.getPrefixCls(), "-active");
|
|
}
|
|
}, {
|
|
key: "getSelectedClassName",
|
|
value: function getSelectedClassName() {
|
|
return "".concat(this.getPrefixCls(), "-selected");
|
|
}
|
|
}, {
|
|
key: "getDisabledClassName",
|
|
value: function getDisabledClassName() {
|
|
return "".concat(this.getPrefixCls(), "-disabled");
|
|
}
|
|
}, {
|
|
key: "callRef",
|
|
value: function callRef() {
|
|
if (this.props.manualRef) {
|
|
this.props.manualRef(this);
|
|
}
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _classNames;
|
|
|
|
var props = Object(objectSpread2["a" /* default */])({}, this.props);
|
|
|
|
var className = classnames_default()(this.getPrefixCls(), props.className, (_classNames = {}, Object(defineProperty["a" /* default */])(_classNames, this.getActiveClassName(), !props.disabled && props.active), Object(defineProperty["a" /* default */])(_classNames, this.getSelectedClassName(), props.isSelected), Object(defineProperty["a" /* default */])(_classNames, this.getDisabledClassName(), props.disabled), _classNames));
|
|
|
|
var attrs = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, props.attribute), {}, {
|
|
title: typeof props.title === 'string' ? props.title : undefined,
|
|
className: className,
|
|
// set to menuitem by default
|
|
role: props.role || 'menuitem',
|
|
'aria-disabled': props.disabled
|
|
});
|
|
|
|
if (props.role === 'option') {
|
|
// overwrite to option
|
|
attrs = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, attrs), {}, {
|
|
role: 'option',
|
|
'aria-selected': props.isSelected
|
|
});
|
|
} else if (props.role === null || props.role === 'none') {
|
|
// sometimes we want to specify role inside <li/> element
|
|
// <li><a role='menuitem'>Link</a></li> would be a good example
|
|
// in this case the role on <li/> should be "none" to
|
|
// remove the implied listitem role.
|
|
// https://www.w3.org/TR/wai-aria-practices-1.1/examples/menubar/menubar-1/menubar-1.html
|
|
attrs.role = 'none';
|
|
} // In case that onClick/onMouseLeave/onMouseEnter is passed down from owner
|
|
|
|
|
|
var mouseEvent = {
|
|
onClick: props.disabled ? null : this.onClick,
|
|
onMouseLeave: props.disabled ? null : this.onMouseLeave,
|
|
onMouseEnter: props.disabled ? null : this.onMouseEnter
|
|
};
|
|
|
|
var style = Object(objectSpread2["a" /* default */])({}, props.style);
|
|
|
|
if (props.mode === 'inline') {
|
|
if (props.direction === 'rtl') {
|
|
style.paddingRight = props.inlineIndent * props.level;
|
|
} else {
|
|
style.paddingLeft = props.inlineIndent * props.level;
|
|
}
|
|
}
|
|
|
|
menuAllProps.forEach(function (key) {
|
|
return delete props[key];
|
|
});
|
|
delete props.direction;
|
|
var icon = this.props.itemIcon;
|
|
|
|
if (typeof this.props.itemIcon === 'function') {
|
|
// TODO: This is a bug which should fixed after TS refactor
|
|
icon = external_window_React_["createElement"](this.props.itemIcon, this.props);
|
|
}
|
|
|
|
return external_window_React_["createElement"]("li", Object.assign({}, Object(es["default"])(props, ['onClick', 'onMouseEnter', 'onMouseLeave', 'onSelect']), attrs, mouseEvent, {
|
|
style: style,
|
|
ref: this.saveNode
|
|
}), props.children, icon);
|
|
}
|
|
}]);
|
|
|
|
return MenuItem;
|
|
}(external_window_React_["Component"]);
|
|
MenuItem_MenuItem.isMenuItem = true;
|
|
MenuItem_MenuItem.defaultProps = {
|
|
onSelect: noop,
|
|
onMouseEnter: noop,
|
|
onMouseLeave: noop,
|
|
manualRef: noop
|
|
};
|
|
var MenuItem_connected = Object(esm["b" /* connect */])(function (_ref, _ref2) {
|
|
var activeKey = _ref.activeKey,
|
|
selectedKeys = _ref.selectedKeys;
|
|
var eventKey = _ref2.eventKey,
|
|
subMenuKey = _ref2.subMenuKey;
|
|
return {
|
|
active: activeKey[subMenuKey] === eventKey,
|
|
isSelected: selectedKeys.indexOf(eventKey) !== -1
|
|
};
|
|
})(MenuItem_MenuItem);
|
|
/* harmony default export */ var es_MenuItem = (MenuItem_connected);
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/MenuItemGroup.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var MenuItemGroup_MenuItemGroup = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(MenuItemGroup, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(MenuItemGroup);
|
|
|
|
function MenuItemGroup() {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, MenuItemGroup);
|
|
|
|
_this = _super.apply(this, arguments);
|
|
|
|
_this.renderInnerMenuItem = function (item) {
|
|
var _this$props = _this.props,
|
|
renderMenuItem = _this$props.renderMenuItem,
|
|
index = _this$props.index;
|
|
return renderMenuItem(item, index, _this.props.subMenuKey);
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(MenuItemGroup, [{
|
|
key: "render",
|
|
value: function render() {
|
|
var props = Object(esm_extends["a" /* default */])({}, this.props);
|
|
|
|
var _props$className = props.className,
|
|
className = _props$className === void 0 ? '' : _props$className,
|
|
rootPrefixCls = props.rootPrefixCls;
|
|
var titleClassName = "".concat(rootPrefixCls, "-item-group-title");
|
|
var listClassName = "".concat(rootPrefixCls, "-item-group-list");
|
|
var title = props.title,
|
|
children = props.children;
|
|
menuAllProps.forEach(function (key) {
|
|
return delete props[key];
|
|
}); // Set onClick to null, to ignore propagated onClick event
|
|
|
|
delete props.onClick;
|
|
delete props.direction;
|
|
return external_window_React_["createElement"]("li", Object.assign({}, props, {
|
|
className: "".concat(className, " ").concat(rootPrefixCls, "-item-group")
|
|
}), external_window_React_["createElement"]("div", {
|
|
className: titleClassName,
|
|
title: typeof title === 'string' ? title : undefined
|
|
}, title), external_window_React_["createElement"]("ul", {
|
|
className: listClassName
|
|
}, external_window_React_["Children"].map(children, this.renderInnerMenuItem)));
|
|
}
|
|
}]);
|
|
|
|
return MenuItemGroup;
|
|
}(external_window_React_["Component"]);
|
|
|
|
MenuItemGroup_MenuItemGroup.isMenuItemGroup = true;
|
|
MenuItemGroup_MenuItemGroup.defaultProps = {
|
|
disabled: true
|
|
};
|
|
/* harmony default export */ var es_MenuItemGroup = (MenuItemGroup_MenuItemGroup);
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/Divider.js
|
|
|
|
|
|
var Divider_Divider = function Divider(_ref) {
|
|
var className = _ref.className,
|
|
rootPrefixCls = _ref.rootPrefixCls,
|
|
style = _ref.style;
|
|
return external_window_React_["createElement"]("li", {
|
|
className: "".concat(className, " ").concat(rootPrefixCls, "-item-divider"),
|
|
style: style
|
|
});
|
|
};
|
|
|
|
Divider_Divider.defaultProps = {
|
|
// To fix keyboard UX.
|
|
disabled: true,
|
|
className: '',
|
|
style: {}
|
|
};
|
|
/* harmony default export */ var es_Divider = (Divider_Divider);
|
|
// CONCATENATED MODULE: ./node_modules/rc-menu/es/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* harmony default export */ var rc_menu_es = __webpack_exports__["e"] = (es_Menu);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "3c+Q":
|
|
/*!**********************************************!*\
|
|
!*** ./src/components/ReleaseTime/index.tsx ***!
|
|
\**********************************************/
|
|
/*! exports provided: DATEFORMAT, formatReleaseDate, default */
|
|
/*! exports used: DATEFORMAT, default */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DATEFORMAT; });
|
|
/* unused harmony export formatReleaseDate */
|
|
/* harmony import */ var antd_es_date_picker_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/es/date-picker/style */ "iQDF");
|
|
/* harmony import */ var antd_es_date_picker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/es/date-picker */ "+eQT");
|
|
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "k1fw");
|
|
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/slicedToArray */ "tJVT");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "cDcd");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! moment */ "wd/R");
|
|
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_5__);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function disabledDate(current) {
|
|
var currentTime = new Date().getTime();
|
|
return current && current < currentTime;
|
|
}
|
|
|
|
var DATEFORMAT = 'YYYY-MM-DD HH:mm';
|
|
function formatReleaseDate(dateString) {
|
|
var _dateString$split = dateString.split(':'),
|
|
_dateString$split2 = Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_dateString$split, 2),
|
|
dt = _dateString$split2[0],
|
|
minute = _dateString$split2[1];
|
|
|
|
if (minute === '00' || minute === '30') {
|
|
return moment__WEBPACK_IMPORTED_MODULE_5___default()(dateString);
|
|
}
|
|
|
|
var m = parseInt(minute, 10);
|
|
|
|
if (m < 30) {
|
|
return moment__WEBPACK_IMPORTED_MODULE_5___default()("".concat(dt, ":30"));
|
|
}
|
|
|
|
if (m > 30) {
|
|
return moment__WEBPACK_IMPORTED_MODULE_5___default()("".concat(dt, ":00")).add(1, 'hours');
|
|
}
|
|
|
|
return moment__WEBPACK_IMPORTED_MODULE_5___default()(dateString);
|
|
} //发布时间组件，取最近的整点和半点
|
|
|
|
/* harmony default export */ __webpack_exports__["b"] = (function (_ref) {
|
|
var value = _ref.value,
|
|
onChange = _ref.onChange,
|
|
_ref$style = _ref.style,
|
|
style = _ref$style === void 0 ? {} : _ref$style,
|
|
_ref$disabled = _ref.disabled,
|
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
showTimeConfig = _ref.showTimeConfig;
|
|
|
|
function onChangeTime(_, dateString) {
|
|
onChange(_ ? formatReleaseDate(dateString) : _);
|
|
}
|
|
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(antd_es_date_picker__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"], {
|
|
showTime: Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])({
|
|
format: 'HH:mm',
|
|
minuteStep: 30
|
|
}, showTimeConfig),
|
|
showToday: false,
|
|
value: value,
|
|
format: DATEFORMAT,
|
|
placeholder: "\u8BF7\u9009\u62E9\u53D1\u5E03\u65F6\u95F4",
|
|
style: style,
|
|
onChange: onChangeTime,
|
|
disabled: disabled,
|
|
disabledDate: disabledDate
|
|
});
|
|
});
|
|
|
|
/***/ }),
|
|
|
|
/***/ "55Ip":
|
|
/*!***************************************************************!*\
|
|
!*** ./node_modules/react-router-dom/esm/react-router-dom.js ***!
|
|
\***************************************************************/
|
|
/*! exports provided: MemoryRouter, Prompt, Redirect, Route, Router, StaticRouter, Switch, generatePath, matchPath, useHistory, useLocation, useParams, useRouteMatch, withRouter, BrowserRouter, HashRouter, Link, NavLink */
|
|
/*! exports used: Link, NavLink */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* unused harmony export BrowserRouter */
|
|
/* unused harmony export HashRouter */
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Link; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return NavLink; });
|
|
/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-router */ "Ty5D");
|
|
/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ "dI71");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "cDcd");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var history__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! history */ "YS25");
|
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "17x9");
|
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "wx14");
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "zLVn");
|
|
/* harmony import */ var tiny_invariant__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! tiny-invariant */ "9R94");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* The public API for a <Router> that uses HTML5 history.
|
|
*/
|
|
|
|
var BrowserRouter =
|
|
/*#__PURE__*/
|
|
function (_React$Component) {
|
|
Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(BrowserRouter, _React$Component);
|
|
|
|
function BrowserRouter() {
|
|
var _this;
|
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
|
|
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
|
_this.history = Object(history__WEBPACK_IMPORTED_MODULE_3__[/* createBrowserHistory */ "a"])(_this.props);
|
|
return _this;
|
|
}
|
|
|
|
var _proto = BrowserRouter.prototype;
|
|
|
|
_proto.render = function render() {
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_router__WEBPACK_IMPORTED_MODULE_0__[/* Router */ "c"], {
|
|
history: this.history,
|
|
children: this.props.children
|
|
});
|
|
};
|
|
|
|
return BrowserRouter;
|
|
}(react__WEBPACK_IMPORTED_MODULE_2___default.a.Component);
|
|
|
|
if (false) {}
|
|
|
|
/**
|
|
* The public API for a <Router> that uses window.location.hash.
|
|
*/
|
|
|
|
var HashRouter =
|
|
/*#__PURE__*/
|
|
function (_React$Component) {
|
|
Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(HashRouter, _React$Component);
|
|
|
|
function HashRouter() {
|
|
var _this;
|
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
|
|
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
|
_this.history = Object(history__WEBPACK_IMPORTED_MODULE_3__[/* createHashHistory */ "b"])(_this.props);
|
|
return _this;
|
|
}
|
|
|
|
var _proto = HashRouter.prototype;
|
|
|
|
_proto.render = function render() {
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_router__WEBPACK_IMPORTED_MODULE_0__[/* Router */ "c"], {
|
|
history: this.history,
|
|
children: this.props.children
|
|
});
|
|
};
|
|
|
|
return HashRouter;
|
|
}(react__WEBPACK_IMPORTED_MODULE_2___default.a.Component);
|
|
|
|
if (false) {}
|
|
|
|
var resolveToLocation = function resolveToLocation(to, currentLocation) {
|
|
return typeof to === "function" ? to(currentLocation) : to;
|
|
};
|
|
var normalizeToLocation = function normalizeToLocation(to, currentLocation) {
|
|
return typeof to === "string" ? Object(history__WEBPACK_IMPORTED_MODULE_3__[/* createLocation */ "c"])(to, null, null, currentLocation) : to;
|
|
};
|
|
|
|
var forwardRefShim = function forwardRefShim(C) {
|
|
return C;
|
|
};
|
|
|
|
var forwardRef = react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef;
|
|
|
|
if (typeof forwardRef === "undefined") {
|
|
forwardRef = forwardRefShim;
|
|
}
|
|
|
|
function isModifiedEvent(event) {
|
|
return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
|
|
}
|
|
|
|
var LinkAnchor = forwardRef(function (_ref, forwardedRef) {
|
|
var innerRef = _ref.innerRef,
|
|
navigate = _ref.navigate,
|
|
_onClick = _ref.onClick,
|
|
rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref, ["innerRef", "navigate", "onClick"]);
|
|
|
|
var target = rest.target;
|
|
|
|
var props = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])({}, rest, {
|
|
onClick: function onClick(event) {
|
|
try {
|
|
if (_onClick) _onClick(event);
|
|
} catch (ex) {
|
|
event.preventDefault();
|
|
throw ex;
|
|
}
|
|
|
|
if (!event.defaultPrevented && // onClick prevented default
|
|
event.button === 0 && ( // ignore everything but left clicks
|
|
!target || target === "_self") && // let browser handle "target=_blank" etc.
|
|
!isModifiedEvent(event) // ignore clicks with modifier keys
|
|
) {
|
|
event.preventDefault();
|
|
navigate();
|
|
}
|
|
}
|
|
}); // React 15 compat
|
|
|
|
|
|
if (forwardRefShim !== forwardRef) {
|
|
props.ref = forwardedRef || innerRef;
|
|
} else {
|
|
props.ref = innerRef;
|
|
}
|
|
/* eslint-disable-next-line jsx-a11y/anchor-has-content */
|
|
|
|
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("a", props);
|
|
});
|
|
|
|
if (false) {}
|
|
/**
|
|
* The public API for rendering a history-aware <a>.
|
|
*/
|
|
|
|
|
|
var Link = forwardRef(function (_ref2, forwardedRef) {
|
|
var _ref2$component = _ref2.component,
|
|
component = _ref2$component === void 0 ? LinkAnchor : _ref2$component,
|
|
replace = _ref2.replace,
|
|
to = _ref2.to,
|
|
innerRef = _ref2.innerRef,
|
|
rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref2, ["component", "replace", "to", "innerRef"]);
|
|
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_router__WEBPACK_IMPORTED_MODULE_0__[/* __RouterContext */ "e"].Consumer, null, function (context) {
|
|
!context ? false ? undefined : Object(tiny_invariant__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"])(false) : void 0;
|
|
var history = context.history;
|
|
var location = normalizeToLocation(resolveToLocation(to, context.location), context.location);
|
|
var href = location ? history.createHref(location) : "";
|
|
|
|
var props = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])({}, rest, {
|
|
href: href,
|
|
navigate: function navigate() {
|
|
var location = resolveToLocation(to, context.location);
|
|
var method = replace ? history.replace : history.push;
|
|
method(location);
|
|
}
|
|
}); // React 15 compat
|
|
|
|
|
|
if (forwardRefShim !== forwardRef) {
|
|
props.ref = forwardedRef || innerRef;
|
|
} else {
|
|
props.innerRef = innerRef;
|
|
}
|
|
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(component, props);
|
|
});
|
|
});
|
|
|
|
if (false) { var refType, toType; }
|
|
|
|
var forwardRefShim$1 = function forwardRefShim(C) {
|
|
return C;
|
|
};
|
|
|
|
var forwardRef$1 = react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef;
|
|
|
|
if (typeof forwardRef$1 === "undefined") {
|
|
forwardRef$1 = forwardRefShim$1;
|
|
}
|
|
|
|
function joinClassnames() {
|
|
for (var _len = arguments.length, classnames = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
classnames[_key] = arguments[_key];
|
|
}
|
|
|
|
return classnames.filter(function (i) {
|
|
return i;
|
|
}).join(" ");
|
|
}
|
|
/**
|
|
* A <Link> wrapper that knows if it's "active" or not.
|
|
*/
|
|
|
|
|
|
var NavLink = forwardRef$1(function (_ref, forwardedRef) {
|
|
var _ref$ariaCurrent = _ref["aria-current"],
|
|
ariaCurrent = _ref$ariaCurrent === void 0 ? "page" : _ref$ariaCurrent,
|
|
_ref$activeClassName = _ref.activeClassName,
|
|
activeClassName = _ref$activeClassName === void 0 ? "active" : _ref$activeClassName,
|
|
activeStyle = _ref.activeStyle,
|
|
classNameProp = _ref.className,
|
|
exact = _ref.exact,
|
|
isActiveProp = _ref.isActive,
|
|
locationProp = _ref.location,
|
|
sensitive = _ref.sensitive,
|
|
strict = _ref.strict,
|
|
styleProp = _ref.style,
|
|
to = _ref.to,
|
|
innerRef = _ref.innerRef,
|
|
rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref, ["aria-current", "activeClassName", "activeStyle", "className", "exact", "isActive", "location", "sensitive", "strict", "style", "to", "innerRef"]);
|
|
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_router__WEBPACK_IMPORTED_MODULE_0__[/* __RouterContext */ "e"].Consumer, null, function (context) {
|
|
!context ? false ? undefined : Object(tiny_invariant__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"])(false) : void 0;
|
|
var currentLocation = locationProp || context.location;
|
|
var toLocation = normalizeToLocation(resolveToLocation(to, currentLocation), currentLocation);
|
|
var path = toLocation.pathname; // Regex taken from: https://github.com/pillarjs/path-to-regexp/blob/master/index.js#L202
|
|
|
|
var escapedPath = path && path.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
|
|
var match = escapedPath ? Object(react_router__WEBPACK_IMPORTED_MODULE_0__[/* matchPath */ "f"])(currentLocation.pathname, {
|
|
path: escapedPath,
|
|
exact: exact,
|
|
sensitive: sensitive,
|
|
strict: strict
|
|
}) : null;
|
|
var isActive = !!(isActiveProp ? isActiveProp(match, currentLocation) : match);
|
|
var className = isActive ? joinClassnames(classNameProp, activeClassName) : classNameProp;
|
|
var style = isActive ? Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])({}, styleProp, {}, activeStyle) : styleProp;
|
|
|
|
var props = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])({
|
|
"aria-current": isActive && ariaCurrent || null,
|
|
className: className,
|
|
style: style,
|
|
to: toLocation
|
|
}, rest); // React 15 compat
|
|
|
|
|
|
if (forwardRefShim$1 !== forwardRef$1) {
|
|
props.ref = forwardedRef || innerRef;
|
|
} else {
|
|
props.innerRef = innerRef;
|
|
}
|
|
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Link, props);
|
|
});
|
|
});
|
|
|
|
if (false) { var ariaCurrentType; }
|
|
|
|
|
|
//# sourceMappingURL=react-router-dom.js.map
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "6+eU":
|
|
/*!************************************************************!*\
|
|
!*** ./node_modules/rc-pagination/es/index.js + 4 modules ***!
|
|
\************************************************************/
|
|
/*! exports provided: default */
|
|
/*! exports used: default */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createClass.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createSuper.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/defineProperty.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/extends.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/inherits.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/classnames/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-pagination/es/locale/zh_CN.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ es_Pagination; });
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__("wx14");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__("rePB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__("VTBJ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__("1OyB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__("vuIU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__("Ji7U");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__("LK+K");
|
|
|
|
// EXTERNAL MODULE: external "window.React"
|
|
var external_window_React_ = __webpack_require__("cDcd");
|
|
var external_window_React_default = /*#__PURE__*/__webpack_require__.n(external_window_React_);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__("TSYQ");
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-pagination/es/Pager.js
|
|
|
|
|
|
/* eslint react/prop-types: 0 */
|
|
|
|
|
|
|
|
var Pager_Pager = function Pager(props) {
|
|
var _classNames;
|
|
|
|
var prefixCls = "".concat(props.rootPrefixCls, "-item");
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-").concat(props.page), (_classNames = {}, Object(defineProperty["a" /* default */])(_classNames, "".concat(prefixCls, "-active"), props.active), Object(defineProperty["a" /* default */])(_classNames, props.className, !!props.className), Object(defineProperty["a" /* default */])(_classNames, "".concat(prefixCls, "-disabled"), !props.page), _classNames));
|
|
|
|
var handleClick = function handleClick() {
|
|
props.onClick(props.page);
|
|
};
|
|
|
|
var handleKeyPress = function handleKeyPress(e) {
|
|
props.onKeyPress(e, props.onClick, props.page);
|
|
};
|
|
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: props.showTitle ? props.page : null,
|
|
className: cls,
|
|
onClick: handleClick,
|
|
onKeyPress: handleKeyPress,
|
|
tabIndex: "0"
|
|
}, props.itemRender(props.page, 'page', /*#__PURE__*/external_window_React_default.a.createElement("a", {
|
|
rel: "nofollow"
|
|
}, props.page)));
|
|
};
|
|
|
|
/* harmony default export */ var es_Pager = (Pager_Pager);
|
|
// CONCATENATED MODULE: ./node_modules/rc-pagination/es/KeyCode.js
|
|
/* harmony default export */ var KeyCode = ({
|
|
ZERO: 48,
|
|
NINE: 57,
|
|
NUMPAD_ZERO: 96,
|
|
NUMPAD_NINE: 105,
|
|
BACKSPACE: 8,
|
|
DELETE: 46,
|
|
ENTER: 13,
|
|
ARROW_UP: 38,
|
|
ARROW_DOWN: 40
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/rc-pagination/es/Options.js
|
|
|
|
|
|
|
|
|
|
|
|
/* eslint react/prop-types: 0 */
|
|
|
|
|
|
|
|
var Options_Options = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(Options, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(Options);
|
|
|
|
function Options() {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, Options);
|
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
|
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
_this.state = {
|
|
goInputText: ''
|
|
};
|
|
|
|
_this.buildOptionText = function (value) {
|
|
return "".concat(value, " ").concat(_this.props.locale.items_per_page);
|
|
};
|
|
|
|
_this.changeSize = function (value) {
|
|
_this.props.changeSize(Number(value));
|
|
};
|
|
|
|
_this.handleChange = function (e) {
|
|
_this.setState({
|
|
goInputText: e.target.value
|
|
});
|
|
};
|
|
|
|
_this.handleBlur = function (e) {
|
|
var _this$props = _this.props,
|
|
goButton = _this$props.goButton,
|
|
quickGo = _this$props.quickGo,
|
|
rootPrefixCls = _this$props.rootPrefixCls;
|
|
var goInputText = _this.state.goInputText;
|
|
|
|
if (goButton || goInputText === '') {
|
|
return;
|
|
}
|
|
|
|
if (e.relatedTarget && (e.relatedTarget.className.indexOf("".concat(rootPrefixCls, "-prev")) >= 0 || e.relatedTarget.className.indexOf("".concat(rootPrefixCls, "-next")) >= 0)) {
|
|
return;
|
|
}
|
|
|
|
_this.setState({
|
|
goInputText: ''
|
|
});
|
|
|
|
quickGo(_this.getValidValue());
|
|
};
|
|
|
|
_this.go = function (e) {
|
|
var goInputText = _this.state.goInputText;
|
|
|
|
if (goInputText === '') {
|
|
return;
|
|
}
|
|
|
|
if (e.keyCode === KeyCode.ENTER || e.type === 'click') {
|
|
_this.setState({
|
|
goInputText: ''
|
|
});
|
|
|
|
_this.props.quickGo(_this.getValidValue());
|
|
}
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(Options, [{
|
|
key: "getValidValue",
|
|
value: function getValidValue() {
|
|
var _this$state = this.state,
|
|
goInputText = _this$state.goInputText,
|
|
current = _this$state.current; // eslint-disable-next-line no-restricted-globals
|
|
|
|
return !goInputText || isNaN(goInputText) ? current : Number(goInputText);
|
|
}
|
|
}, {
|
|
key: "getPageSizeOptions",
|
|
value: function getPageSizeOptions() {
|
|
var _this$props2 = this.props,
|
|
pageSize = _this$props2.pageSize,
|
|
pageSizeOptions = _this$props2.pageSizeOptions;
|
|
|
|
if (pageSizeOptions.some(function (option) {
|
|
return option.toString() === pageSize.toString();
|
|
})) {
|
|
return pageSizeOptions;
|
|
}
|
|
|
|
return pageSizeOptions.concat([pageSize.toString()]).sort(function (a, b) {
|
|
// eslint-disable-next-line no-restricted-globals
|
|
var numberA = isNaN(Number(a)) ? 0 : Number(a); // eslint-disable-next-line no-restricted-globals
|
|
|
|
var numberB = isNaN(Number(b)) ? 0 : Number(b);
|
|
return numberA - numberB;
|
|
});
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this2 = this;
|
|
|
|
var _this$props3 = this.props,
|
|
pageSize = _this$props3.pageSize,
|
|
locale = _this$props3.locale,
|
|
rootPrefixCls = _this$props3.rootPrefixCls,
|
|
changeSize = _this$props3.changeSize,
|
|
quickGo = _this$props3.quickGo,
|
|
goButton = _this$props3.goButton,
|
|
selectComponentClass = _this$props3.selectComponentClass,
|
|
buildOptionText = _this$props3.buildOptionText,
|
|
selectPrefixCls = _this$props3.selectPrefixCls,
|
|
disabled = _this$props3.disabled;
|
|
var goInputText = this.state.goInputText;
|
|
var prefixCls = "".concat(rootPrefixCls, "-options");
|
|
var Select = selectComponentClass;
|
|
var changeSelect = null;
|
|
var goInput = null;
|
|
var gotoButton = null;
|
|
|
|
if (!changeSize && !quickGo) {
|
|
return null;
|
|
}
|
|
|
|
var pageSizeOptions = this.getPageSizeOptions();
|
|
|
|
if (changeSize && Select) {
|
|
var options = pageSizeOptions.map(function (opt, i) {
|
|
return /*#__PURE__*/external_window_React_default.a.createElement(Select.Option, {
|
|
key: i,
|
|
value: opt.toString()
|
|
}, (buildOptionText || _this2.buildOptionText)(opt));
|
|
});
|
|
changeSelect = /*#__PURE__*/external_window_React_default.a.createElement(Select, {
|
|
disabled: disabled,
|
|
prefixCls: selectPrefixCls,
|
|
showSearch: false,
|
|
className: "".concat(prefixCls, "-size-changer"),
|
|
optionLabelProp: "children",
|
|
dropdownMatchSelectWidth: false,
|
|
value: (pageSize || pageSizeOptions[0]).toString(),
|
|
onChange: this.changeSize,
|
|
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
return triggerNode.parentNode;
|
|
}
|
|
}, options);
|
|
}
|
|
|
|
if (quickGo) {
|
|
if (goButton) {
|
|
gotoButton = typeof goButton === 'boolean' ? /*#__PURE__*/external_window_React_default.a.createElement("button", {
|
|
type: "button",
|
|
onClick: this.go,
|
|
onKeyUp: this.go,
|
|
disabled: disabled,
|
|
className: "".concat(prefixCls, "-quick-jumper-button")
|
|
}, locale.jump_to_confirm) : /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
onClick: this.go,
|
|
onKeyUp: this.go
|
|
}, goButton);
|
|
}
|
|
|
|
goInput = /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: "".concat(prefixCls, "-quick-jumper")
|
|
}, locale.jump_to, /*#__PURE__*/external_window_React_default.a.createElement("input", {
|
|
disabled: disabled,
|
|
type: "text",
|
|
value: goInputText,
|
|
onChange: this.handleChange,
|
|
onKeyUp: this.go,
|
|
onBlur: this.handleBlur
|
|
}), locale.page, gotoButton);
|
|
}
|
|
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
className: "".concat(prefixCls)
|
|
}, changeSelect, goInput);
|
|
}
|
|
}]);
|
|
|
|
return Options;
|
|
}(external_window_React_default.a.Component);
|
|
|
|
Options_Options.defaultProps = {
|
|
pageSizeOptions: ['10', '20', '50', '100']
|
|
};
|
|
/* harmony default export */ var es_Options = (Options_Options);
|
|
// EXTERNAL MODULE: ./node_modules/rc-pagination/es/locale/zh_CN.js
|
|
var zh_CN = __webpack_require__("N2Kk");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-pagination/es/Pagination.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* eslint react/prop-types: 0 */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function noop() {}
|
|
|
|
function isInteger(value) {
|
|
return (// eslint-disable-next-line no-restricted-globals
|
|
typeof value === 'number' && isFinite(value) && Math.floor(value) === value
|
|
);
|
|
}
|
|
|
|
function defaultItemRender(page, type, element) {
|
|
return element;
|
|
}
|
|
|
|
function calculatePage(p, state, props) {
|
|
var pageSize = typeof p === 'undefined' ? state.pageSize : p;
|
|
return Math.floor((props.total - 1) / pageSize) + 1;
|
|
}
|
|
|
|
var Pagination_Pagination = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(Pagination, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(Pagination);
|
|
|
|
function Pagination(props) {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, Pagination);
|
|
|
|
_this = _super.call(this, props);
|
|
|
|
_this.getJumpPrevPage = function () {
|
|
return Math.max(1, _this.state.current - (_this.props.showLessItems ? 3 : 5));
|
|
};
|
|
|
|
_this.getJumpNextPage = function () {
|
|
return Math.min(calculatePage(undefined, _this.state, _this.props), _this.state.current + (_this.props.showLessItems ? 3 : 5));
|
|
};
|
|
|
|
_this.getItemIcon = function (icon, label) {
|
|
var prefixCls = _this.props.prefixCls;
|
|
var iconNode = icon || /*#__PURE__*/external_window_React_default.a.createElement("button", {
|
|
type: "button",
|
|
"aria-label": label,
|
|
className: "".concat(prefixCls, "-item-link")
|
|
});
|
|
|
|
if (typeof icon === 'function') {
|
|
iconNode = external_window_React_default.a.createElement(icon, Object(objectSpread2["a" /* default */])({}, _this.props));
|
|
}
|
|
|
|
return iconNode;
|
|
};
|
|
|
|
_this.savePaginationNode = function (node) {
|
|
_this.paginationNode = node;
|
|
};
|
|
|
|
_this.isValid = function (page) {
|
|
return isInteger(page) && page !== _this.state.current;
|
|
};
|
|
|
|
_this.shouldDisplayQuickJumper = function () {
|
|
var _this$props = _this.props,
|
|
showQuickJumper = _this$props.showQuickJumper,
|
|
pageSize = _this$props.pageSize,
|
|
total = _this$props.total;
|
|
|
|
if (total <= pageSize) {
|
|
return false;
|
|
}
|
|
|
|
return showQuickJumper;
|
|
};
|
|
|
|
_this.handleKeyDown = function (e) {
|
|
if (e.keyCode === KeyCode.ARROW_UP || e.keyCode === KeyCode.ARROW_DOWN) {
|
|
e.preventDefault();
|
|
}
|
|
};
|
|
|
|
_this.handleKeyUp = function (e) {
|
|
var value = _this.getValidValue(e);
|
|
|
|
var currentInputValue = _this.state.currentInputValue;
|
|
|
|
if (value !== currentInputValue) {
|
|
_this.setState({
|
|
currentInputValue: value
|
|
});
|
|
}
|
|
|
|
if (e.keyCode === KeyCode.ENTER) {
|
|
_this.handleChange(value);
|
|
} else if (e.keyCode === KeyCode.ARROW_UP) {
|
|
_this.handleChange(value - 1);
|
|
} else if (e.keyCode === KeyCode.ARROW_DOWN) {
|
|
_this.handleChange(value + 1);
|
|
}
|
|
};
|
|
|
|
_this.changePageSize = function (size) {
|
|
var current = _this.state.current;
|
|
var newCurrent = calculatePage(size, _this.state, _this.props);
|
|
current = current > newCurrent ? newCurrent : current; // fix the issue:
|
|
// Once 'total' is 0, 'current' in 'onShowSizeChange' is 0, which is not correct.
|
|
|
|
if (newCurrent === 0) {
|
|
// eslint-disable-next-line prefer-destructuring
|
|
current = _this.state.current;
|
|
}
|
|
|
|
if (typeof size === 'number') {
|
|
if (!('pageSize' in _this.props)) {
|
|
_this.setState({
|
|
pageSize: size
|
|
});
|
|
}
|
|
|
|
if (!('current' in _this.props)) {
|
|
_this.setState({
|
|
current: current,
|
|
currentInputValue: current
|
|
});
|
|
}
|
|
}
|
|
|
|
_this.props.onShowSizeChange(current, size);
|
|
|
|
if ('onChange' in _this.props && _this.props.onChange) {
|
|
_this.props.onChange(current, size);
|
|
}
|
|
};
|
|
|
|
_this.handleChange = function (p) {
|
|
var disabled = _this.props.disabled;
|
|
var page = p;
|
|
|
|
if (_this.isValid(page) && !disabled) {
|
|
var currentPage = calculatePage(undefined, _this.state, _this.props);
|
|
|
|
if (page > currentPage) {
|
|
page = currentPage;
|
|
} else if (page < 1) {
|
|
page = 1;
|
|
}
|
|
|
|
if (!('current' in _this.props)) {
|
|
_this.setState({
|
|
current: page,
|
|
currentInputValue: page
|
|
});
|
|
}
|
|
|
|
var pageSize = _this.state.pageSize;
|
|
|
|
_this.props.onChange(page, pageSize);
|
|
|
|
return page;
|
|
}
|
|
|
|
return _this.state.current;
|
|
};
|
|
|
|
_this.prev = function () {
|
|
if (_this.hasPrev()) {
|
|
_this.handleChange(_this.state.current - 1);
|
|
}
|
|
};
|
|
|
|
_this.next = function () {
|
|
if (_this.hasNext()) {
|
|
_this.handleChange(_this.state.current + 1);
|
|
}
|
|
};
|
|
|
|
_this.jumpPrev = function () {
|
|
_this.handleChange(_this.getJumpPrevPage());
|
|
};
|
|
|
|
_this.jumpNext = function () {
|
|
_this.handleChange(_this.getJumpNextPage());
|
|
};
|
|
|
|
_this.hasPrev = function () {
|
|
return _this.state.current > 1;
|
|
};
|
|
|
|
_this.hasNext = function () {
|
|
return _this.state.current < calculatePage(undefined, _this.state, _this.props);
|
|
};
|
|
|
|
_this.runIfEnter = function (event, callback) {
|
|
if (event.key === 'Enter' || event.charCode === 13) {
|
|
for (var _len = arguments.length, restParams = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
restParams[_key - 2] = arguments[_key];
|
|
}
|
|
|
|
callback.apply(void 0, restParams);
|
|
}
|
|
};
|
|
|
|
_this.runIfEnterPrev = function (e) {
|
|
_this.runIfEnter(e, _this.prev);
|
|
};
|
|
|
|
_this.runIfEnterNext = function (e) {
|
|
_this.runIfEnter(e, _this.next);
|
|
};
|
|
|
|
_this.runIfEnterJumpPrev = function (e) {
|
|
_this.runIfEnter(e, _this.jumpPrev);
|
|
};
|
|
|
|
_this.runIfEnterJumpNext = function (e) {
|
|
_this.runIfEnter(e, _this.jumpNext);
|
|
};
|
|
|
|
_this.handleGoTO = function (e) {
|
|
if (e.keyCode === KeyCode.ENTER || e.type === 'click') {
|
|
_this.handleChange(_this.state.currentInputValue);
|
|
}
|
|
};
|
|
|
|
var hasOnChange = props.onChange !== noop;
|
|
var hasCurrent = ('current' in props);
|
|
|
|
if (hasCurrent && !hasOnChange) {
|
|
// eslint-disable-next-line no-console
|
|
console.warn('Warning: You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.');
|
|
}
|
|
|
|
var _current = props.defaultCurrent;
|
|
|
|
if ('current' in props) {
|
|
// eslint-disable-next-line prefer-destructuring
|
|
_current = props.current;
|
|
}
|
|
|
|
var _pageSize = props.defaultPageSize;
|
|
|
|
if ('pageSize' in props) {
|
|
// eslint-disable-next-line prefer-destructuring
|
|
_pageSize = props.pageSize;
|
|
}
|
|
|
|
_current = Math.min(_current, calculatePage(_pageSize, undefined, props));
|
|
_this.state = {
|
|
current: _current,
|
|
currentInputValue: _current,
|
|
pageSize: _pageSize
|
|
};
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(Pagination, [{
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
// When current page change, fix focused style of prev item
|
|
// A hacky solution of https://github.com/ant-design/ant-design/issues/8948
|
|
var prefixCls = this.props.prefixCls;
|
|
|
|
if (prevState.current !== this.state.current && this.paginationNode) {
|
|
var lastCurrentNode = this.paginationNode.querySelector(".".concat(prefixCls, "-item-").concat(prevState.current));
|
|
|
|
if (lastCurrentNode && document.activeElement === lastCurrentNode) {
|
|
lastCurrentNode.blur();
|
|
}
|
|
}
|
|
}
|
|
}, {
|
|
key: "getValidValue",
|
|
value: function getValidValue(e) {
|
|
var inputValue = e.target.value;
|
|
var allPages = calculatePage(undefined, this.state, this.props);
|
|
var currentInputValue = this.state.currentInputValue;
|
|
var value;
|
|
|
|
if (inputValue === '') {
|
|
value = inputValue; // eslint-disable-next-line no-restricted-globals
|
|
} else if (isNaN(Number(inputValue))) {
|
|
value = currentInputValue;
|
|
} else if (inputValue >= allPages) {
|
|
value = allPages;
|
|
} else {
|
|
value = Number(inputValue);
|
|
}
|
|
|
|
return value;
|
|
}
|
|
}, {
|
|
key: "getShowSizeChanger",
|
|
value: function getShowSizeChanger() {
|
|
var _this$props2 = this.props,
|
|
showSizeChanger = _this$props2.showSizeChanger,
|
|
total = _this$props2.total,
|
|
totalBoundaryShowSizeChanger = _this$props2.totalBoundaryShowSizeChanger;
|
|
|
|
if (typeof showSizeChanger !== 'undefined') {
|
|
return showSizeChanger;
|
|
}
|
|
|
|
return total > totalBoundaryShowSizeChanger;
|
|
}
|
|
}, {
|
|
key: "renderPrev",
|
|
value: function renderPrev(prevPage) {
|
|
var _this$props3 = this.props,
|
|
prevIcon = _this$props3.prevIcon,
|
|
itemRender = _this$props3.itemRender;
|
|
var prevButton = itemRender(prevPage, 'prev', this.getItemIcon(prevIcon, 'prev page'));
|
|
var disabled = !this.hasPrev();
|
|
return Object(external_window_React_["isValidElement"])(prevButton) ? Object(external_window_React_["cloneElement"])(prevButton, {
|
|
disabled: disabled
|
|
}) : prevButton;
|
|
}
|
|
}, {
|
|
key: "renderNext",
|
|
value: function renderNext(nextPage) {
|
|
var _this$props4 = this.props,
|
|
nextIcon = _this$props4.nextIcon,
|
|
itemRender = _this$props4.itemRender;
|
|
var nextButton = itemRender(nextPage, 'next', this.getItemIcon(nextIcon, 'next page'));
|
|
var disabled = !this.hasNext();
|
|
return Object(external_window_React_["isValidElement"])(nextButton) ? Object(external_window_React_["cloneElement"])(nextButton, {
|
|
disabled: disabled
|
|
}) : nextButton;
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this2 = this;
|
|
|
|
var _this$props5 = this.props,
|
|
prefixCls = _this$props5.prefixCls,
|
|
className = _this$props5.className,
|
|
style = _this$props5.style,
|
|
disabled = _this$props5.disabled,
|
|
hideOnSinglePage = _this$props5.hideOnSinglePage,
|
|
total = _this$props5.total,
|
|
locale = _this$props5.locale,
|
|
showQuickJumper = _this$props5.showQuickJumper,
|
|
showLessItems = _this$props5.showLessItems,
|
|
showTitle = _this$props5.showTitle,
|
|
showTotal = _this$props5.showTotal,
|
|
simple = _this$props5.simple,
|
|
itemRender = _this$props5.itemRender,
|
|
showPrevNextJumpers = _this$props5.showPrevNextJumpers,
|
|
jumpPrevIcon = _this$props5.jumpPrevIcon,
|
|
jumpNextIcon = _this$props5.jumpNextIcon,
|
|
selectComponentClass = _this$props5.selectComponentClass,
|
|
selectPrefixCls = _this$props5.selectPrefixCls,
|
|
pageSizeOptions = _this$props5.pageSizeOptions;
|
|
var _this$state = this.state,
|
|
current = _this$state.current,
|
|
pageSize = _this$state.pageSize,
|
|
currentInputValue = _this$state.currentInputValue; // When hideOnSinglePage is true and there is only 1 page, hide the pager
|
|
|
|
if (hideOnSinglePage === true && total <= pageSize) {
|
|
return null;
|
|
}
|
|
|
|
var allPages = calculatePage(undefined, this.state, this.props);
|
|
var pagerList = [];
|
|
var jumpPrev = null;
|
|
var jumpNext = null;
|
|
var firstPager = null;
|
|
var lastPager = null;
|
|
var gotoButton = null;
|
|
var goButton = showQuickJumper && showQuickJumper.goButton;
|
|
var pageBufferSize = showLessItems ? 1 : 2;
|
|
var prevPage = current - 1 > 0 ? current - 1 : 0;
|
|
var nextPage = current + 1 < allPages ? current + 1 : allPages;
|
|
var dataOrAriaAttributeProps = Object.keys(this.props).reduce(function (prev, key) {
|
|
if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') {
|
|
// eslint-disable-next-line no-param-reassign
|
|
prev[key] = _this2.props[key];
|
|
}
|
|
|
|
return prev;
|
|
}, {});
|
|
|
|
if (simple) {
|
|
if (goButton) {
|
|
if (typeof goButton === 'boolean') {
|
|
gotoButton = /*#__PURE__*/external_window_React_default.a.createElement("button", {
|
|
type: "button",
|
|
onClick: this.handleGoTO,
|
|
onKeyUp: this.handleGoTO
|
|
}, locale.jump_to_confirm);
|
|
} else {
|
|
gotoButton = /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
onClick: this.handleGoTO,
|
|
onKeyUp: this.handleGoTO
|
|
}, goButton);
|
|
}
|
|
|
|
gotoButton = /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? "".concat(locale.jump_to).concat(current, "/").concat(allPages) : null,
|
|
className: "".concat(prefixCls, "-simple-pager")
|
|
}, gotoButton);
|
|
}
|
|
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("ul", Object(esm_extends["a" /* default */])({
|
|
className: classnames_default()(prefixCls, "".concat(prefixCls, "-simple"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), disabled), className),
|
|
style: style,
|
|
ref: this.savePaginationNode
|
|
}, dataOrAriaAttributeProps), /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? locale.prev_page : null,
|
|
onClick: this.prev,
|
|
tabIndex: this.hasPrev() ? 0 : null,
|
|
onKeyPress: this.runIfEnterPrev,
|
|
className: classnames_default()("".concat(prefixCls, "-prev"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), !this.hasPrev())),
|
|
"aria-disabled": !this.hasPrev()
|
|
}, this.renderPrev(prevPage)), /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? "".concat(current, "/").concat(allPages) : null,
|
|
className: "".concat(prefixCls, "-simple-pager")
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("input", {
|
|
type: "text",
|
|
value: currentInputValue,
|
|
disabled: disabled,
|
|
onKeyDown: this.handleKeyDown,
|
|
onKeyUp: this.handleKeyUp,
|
|
onChange: this.handleKeyUp,
|
|
size: "3"
|
|
}), /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
className: "".concat(prefixCls, "-slash")
|
|
}, "/"), allPages), /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? locale.next_page : null,
|
|
onClick: this.next,
|
|
tabIndex: this.hasPrev() ? 0 : null,
|
|
onKeyPress: this.runIfEnterNext,
|
|
className: classnames_default()("".concat(prefixCls, "-next"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), !this.hasNext())),
|
|
"aria-disabled": !this.hasNext()
|
|
}, this.renderNext(nextPage)), gotoButton);
|
|
}
|
|
|
|
if (allPages <= 3 + pageBufferSize * 2) {
|
|
var pagerProps = {
|
|
locale: locale,
|
|
rootPrefixCls: prefixCls,
|
|
onClick: this.handleChange,
|
|
onKeyPress: this.runIfEnter,
|
|
showTitle: showTitle,
|
|
itemRender: itemRender
|
|
};
|
|
|
|
if (!allPages) {
|
|
pagerList.push( /*#__PURE__*/external_window_React_default.a.createElement(es_Pager, Object(esm_extends["a" /* default */])({}, pagerProps, {
|
|
key: "noPager",
|
|
page: allPages,
|
|
className: "".concat(prefixCls, "-disabled")
|
|
})));
|
|
}
|
|
|
|
for (var i = 1; i <= allPages; i += 1) {
|
|
var active = current === i;
|
|
pagerList.push( /*#__PURE__*/external_window_React_default.a.createElement(es_Pager, Object(esm_extends["a" /* default */])({}, pagerProps, {
|
|
key: i,
|
|
page: i,
|
|
active: active
|
|
})));
|
|
}
|
|
} else {
|
|
var prevItemTitle = showLessItems ? locale.prev_3 : locale.prev_5;
|
|
var nextItemTitle = showLessItems ? locale.next_3 : locale.next_5;
|
|
|
|
if (showPrevNextJumpers) {
|
|
jumpPrev = /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? prevItemTitle : null,
|
|
key: "prev",
|
|
onClick: this.jumpPrev,
|
|
tabIndex: "0",
|
|
onKeyPress: this.runIfEnterJumpPrev,
|
|
className: classnames_default()("".concat(prefixCls, "-jump-prev"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-jump-prev-custom-icon"), !!jumpPrevIcon))
|
|
}, itemRender(this.getJumpPrevPage(), 'jump-prev', this.getItemIcon(jumpPrevIcon, 'prev page')));
|
|
jumpNext = /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? nextItemTitle : null,
|
|
key: "next",
|
|
tabIndex: "0",
|
|
onClick: this.jumpNext,
|
|
onKeyPress: this.runIfEnterJumpNext,
|
|
className: classnames_default()("".concat(prefixCls, "-jump-next"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-jump-next-custom-icon"), !!jumpNextIcon))
|
|
}, itemRender(this.getJumpNextPage(), 'jump-next', this.getItemIcon(jumpNextIcon, 'next page')));
|
|
}
|
|
|
|
lastPager = /*#__PURE__*/external_window_React_default.a.createElement(es_Pager, {
|
|
locale: locale,
|
|
last: true,
|
|
rootPrefixCls: prefixCls,
|
|
onClick: this.handleChange,
|
|
onKeyPress: this.runIfEnter,
|
|
key: allPages,
|
|
page: allPages,
|
|
active: false,
|
|
showTitle: showTitle,
|
|
itemRender: itemRender
|
|
});
|
|
firstPager = /*#__PURE__*/external_window_React_default.a.createElement(es_Pager, {
|
|
locale: locale,
|
|
rootPrefixCls: prefixCls,
|
|
onClick: this.handleChange,
|
|
onKeyPress: this.runIfEnter,
|
|
key: 1,
|
|
page: 1,
|
|
active: false,
|
|
showTitle: showTitle,
|
|
itemRender: itemRender
|
|
});
|
|
var left = Math.max(1, current - pageBufferSize);
|
|
var right = Math.min(current + pageBufferSize, allPages);
|
|
|
|
if (current - 1 <= pageBufferSize) {
|
|
right = 1 + pageBufferSize * 2;
|
|
}
|
|
|
|
if (allPages - current <= pageBufferSize) {
|
|
left = allPages - pageBufferSize * 2;
|
|
}
|
|
|
|
for (var _i = left; _i <= right; _i += 1) {
|
|
var _active = current === _i;
|
|
|
|
pagerList.push( /*#__PURE__*/external_window_React_default.a.createElement(es_Pager, {
|
|
locale: locale,
|
|
rootPrefixCls: prefixCls,
|
|
onClick: this.handleChange,
|
|
onKeyPress: this.runIfEnter,
|
|
key: _i,
|
|
page: _i,
|
|
active: _active,
|
|
showTitle: showTitle,
|
|
itemRender: itemRender
|
|
}));
|
|
}
|
|
|
|
if (current - 1 >= pageBufferSize * 2 && current !== 1 + 2) {
|
|
pagerList[0] = Object(external_window_React_["cloneElement"])(pagerList[0], {
|
|
className: "".concat(prefixCls, "-item-after-jump-prev")
|
|
});
|
|
pagerList.unshift(jumpPrev);
|
|
}
|
|
|
|
if (allPages - current >= pageBufferSize * 2 && current !== allPages - 2) {
|
|
pagerList[pagerList.length - 1] = Object(external_window_React_["cloneElement"])(pagerList[pagerList.length - 1], {
|
|
className: "".concat(prefixCls, "-item-before-jump-next")
|
|
});
|
|
pagerList.push(jumpNext);
|
|
}
|
|
|
|
if (left !== 1) {
|
|
pagerList.unshift(firstPager);
|
|
}
|
|
|
|
if (right !== allPages) {
|
|
pagerList.push(lastPager);
|
|
}
|
|
}
|
|
|
|
var totalText = null;
|
|
|
|
if (showTotal) {
|
|
totalText = /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
className: "".concat(prefixCls, "-total-text")
|
|
}, showTotal(total, [total === 0 ? 0 : (current - 1) * pageSize + 1, current * pageSize > total ? total : current * pageSize]));
|
|
}
|
|
|
|
var prevDisabled = !this.hasPrev() || !allPages;
|
|
var nextDisabled = !this.hasNext() || !allPages;
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("ul", Object(esm_extends["a" /* default */])({
|
|
className: classnames_default()(prefixCls, className, Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), disabled)),
|
|
style: style,
|
|
unselectable: "unselectable",
|
|
ref: this.savePaginationNode
|
|
}, dataOrAriaAttributeProps), totalText, /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? locale.prev_page : null,
|
|
onClick: this.prev,
|
|
tabIndex: prevDisabled ? null : 0,
|
|
onKeyPress: this.runIfEnterPrev,
|
|
className: classnames_default()("".concat(prefixCls, "-prev"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), prevDisabled)),
|
|
"aria-disabled": prevDisabled
|
|
}, this.renderPrev(prevPage)), pagerList, /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? locale.next_page : null,
|
|
onClick: this.next,
|
|
tabIndex: nextDisabled ? null : 0,
|
|
onKeyPress: this.runIfEnterNext,
|
|
className: classnames_default()("".concat(prefixCls, "-next"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), nextDisabled)),
|
|
"aria-disabled": nextDisabled
|
|
}, this.renderNext(nextPage)), /*#__PURE__*/external_window_React_default.a.createElement(es_Options, {
|
|
disabled: disabled,
|
|
locale: locale,
|
|
rootPrefixCls: prefixCls,
|
|
selectComponentClass: selectComponentClass,
|
|
selectPrefixCls: selectPrefixCls,
|
|
changeSize: this.getShowSizeChanger() ? this.changePageSize : null,
|
|
current: current,
|
|
pageSize: pageSize,
|
|
pageSizeOptions: pageSizeOptions,
|
|
quickGo: this.shouldDisplayQuickJumper() ? this.handleChange : null,
|
|
goButton: goButton
|
|
}));
|
|
}
|
|
}], [{
|
|
key: "getDerivedStateFromProps",
|
|
value: function getDerivedStateFromProps(props, prevState) {
|
|
var newState = {};
|
|
|
|
if ('current' in props) {
|
|
newState.current = props.current;
|
|
|
|
if (props.current !== prevState.current) {
|
|
newState.currentInputValue = newState.current;
|
|
}
|
|
}
|
|
|
|
if ('pageSize' in props && props.pageSize !== prevState.pageSize) {
|
|
var current = prevState.current;
|
|
var newCurrent = calculatePage(props.pageSize, prevState, props);
|
|
current = current > newCurrent ? newCurrent : current;
|
|
|
|
if (!('current' in props)) {
|
|
newState.current = current;
|
|
newState.currentInputValue = current;
|
|
}
|
|
|
|
newState.pageSize = props.pageSize;
|
|
}
|
|
|
|
return newState;
|
|
}
|
|
}]);
|
|
|
|
return Pagination;
|
|
}(external_window_React_default.a.Component);
|
|
|
|
Pagination_Pagination.defaultProps = {
|
|
defaultCurrent: 1,
|
|
total: 0,
|
|
defaultPageSize: 10,
|
|
onChange: noop,
|
|
className: '',
|
|
selectPrefixCls: 'rc-select',
|
|
prefixCls: 'rc-pagination',
|
|
selectComponentClass: null,
|
|
hideOnSinglePage: false,
|
|
showPrevNextJumpers: true,
|
|
showQuickJumper: false,
|
|
showLessItems: false,
|
|
showTitle: true,
|
|
onShowSizeChange: noop,
|
|
locale: zh_CN["a" /* default */],
|
|
style: {},
|
|
itemRender: defaultItemRender,
|
|
totalBoundaryShowSizeChanger: 50
|
|
};
|
|
/* harmony default export */ var es_Pagination = (Pagination_Pagination);
|
|
// CONCATENATED MODULE: ./node_modules/rc-pagination/es/index.js
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "7ixt":
|
|
/*!**************************************************!*\
|
|
!*** ./node_modules/rc-tooltip/es/placements.js ***!
|
|
\**************************************************/
|
|
/*! exports provided: placements, default */
|
|
/*! exports used: placements */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return placements; });
|
|
var autoAdjustOverflow = {
|
|
adjustX: 1,
|
|
adjustY: 1
|
|
};
|
|
var targetOffset = [0, 0];
|
|
var placements = {
|
|
left: {
|
|
points: ['cr', 'cl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [-4, 0],
|
|
targetOffset: targetOffset
|
|
},
|
|
right: {
|
|
points: ['cl', 'cr'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [4, 0],
|
|
targetOffset: targetOffset
|
|
},
|
|
top: {
|
|
points: ['bc', 'tc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottom: {
|
|
points: ['tc', 'bc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
},
|
|
topLeft: {
|
|
points: ['bl', 'tl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
leftTop: {
|
|
points: ['tr', 'tl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [-4, 0],
|
|
targetOffset: targetOffset
|
|
},
|
|
topRight: {
|
|
points: ['br', 'tr'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
rightTop: {
|
|
points: ['tl', 'tr'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [4, 0],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottomRight: {
|
|
points: ['tr', 'br'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
},
|
|
rightBottom: {
|
|
points: ['bl', 'br'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [4, 0],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottomLeft: {
|
|
points: ['tl', 'bl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
},
|
|
leftBottom: {
|
|
points: ['br', 'bl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [-4, 0],
|
|
targetOffset: targetOffset
|
|
}
|
|
};
|
|
/* unused harmony default export */ var _unused_webpack_default_export = (placements);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "BdwD":
|
|
/*!*****************************************!*\
|
|
!*** ./src/components/NoData/index.tsx ***!
|
|
\*****************************************/
|
|
/*! exports provided: default */
|
|
/*! exports used: default */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var antd_es_button_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/es/button/style */ "+L6B");
|
|
/* harmony import */ var antd_es_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/es/button */ "2/Rp");
|
|
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/extends */ "0Owb");
|
|
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "k1fw");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "cDcd");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/assets/images/icons/nodata.png */ "FOrL");
|
|
/* harmony import */ var _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_5__);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var noData = function noData(_ref) {
|
|
var _ref$buttonProps = _ref.buttonProps,
|
|
buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
|
|
_ref$styles = _ref.styles,
|
|
styles = _ref$styles === void 0 ? {} : _ref$styles,
|
|
customText = _ref.customText,
|
|
ButtonText = _ref.ButtonText,
|
|
ButtonClick = _ref.ButtonClick,
|
|
Buttonclass = _ref.Buttonclass,
|
|
ButtonTwo = _ref.ButtonTwo;
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("section", {
|
|
className: "tc animated fadeIn",
|
|
style: Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])({}, {
|
|
color: '#999',
|
|
margin: '200px auto'
|
|
}), styles)
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("img", {
|
|
src: _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_5___default.a
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("p", {
|
|
className: "mt20 font14"
|
|
}, customText || '暂时还没有相关数据哦!'), ButtonText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(antd_es_button__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"], Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])({
|
|
className: Buttonclass,
|
|
onClick: ButtonClick
|
|
}, buttonProps), ButtonText), ButtonTwo && ButtonTwo);
|
|
};
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (noData);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "FOrL":
|
|
/*!********************************************!*\
|
|
!*** ./src/assets/images/icons/nodata.png ***!
|
|
\********************************************/
|
|
/*! no static exports found */
|
|
/*! exports used: default */
|
|
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
module.exports = __webpack_require__.p + "static/nodata.a6b3f948.png";
|
|
|
|
/***/ }),
|
|
|
|
/***/ "Gytx":
|
|
/*!********************************************!*\
|
|
!*** ./node_modules/shallowequal/index.js ***!
|
|
\********************************************/
|
|
/*! no static exports found */
|
|
/*! exports used: default */
|
|
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
|
|
/***/ (function(module, exports) {
|
|
|
|
//
|
|
|
|
module.exports = function shallowEqual(objA, objB, compare, compareContext) {
|
|
var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
|
|
|
|
if (ret !== void 0) {
|
|
return !!ret;
|
|
}
|
|
|
|
if (objA === objB) {
|
|
return true;
|
|
}
|
|
|
|
if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
|
|
return false;
|
|
}
|
|
|
|
var keysA = Object.keys(objA);
|
|
var keysB = Object.keys(objB);
|
|
|
|
if (keysA.length !== keysB.length) {
|
|
return false;
|
|
}
|
|
|
|
var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
|
|
|
|
// Test for A's keys different from B.
|
|
for (var idx = 0; idx < keysA.length; idx++) {
|
|
var key = keysA[idx];
|
|
|
|
if (!bHasOwnProperty(key)) {
|
|
return false;
|
|
}
|
|
|
|
var valueA = objA[key];
|
|
var valueB = objB[key];
|
|
|
|
ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
|
|
|
|
if (ret === false || (ret === void 0 && valueA !== valueB)) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
return true;
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "I8Z2":
|
|
/*!**********************************************************!*\
|
|
!*** ./node_modules/mini-store/esm/index.js + 3 modules ***!
|
|
\**********************************************************/
|
|
/*! exports provided: Provider, connect, create */
|
|
/*! exports used: Provider, connect, create */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/shallowequal/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ Provider_Provider; });
|
|
__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ connect; });
|
|
__webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ create; });
|
|
|
|
// EXTERNAL MODULE: external "window.React"
|
|
var external_window_React_ = __webpack_require__("cDcd");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/mini-store/esm/Provider.js
|
|
var __extends = (undefined && undefined.__extends) || (function () {
|
|
var extendStatics = function (d, b) {
|
|
extendStatics = Object.setPrototypeOf ||
|
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
return extendStatics(d, b);
|
|
};
|
|
return function (d, b) {
|
|
extendStatics(d, b);
|
|
function __() { this.constructor = d; }
|
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
};
|
|
})();
|
|
|
|
var MiniStoreContext = external_window_React_["createContext"](null);
|
|
var Provider_Provider = /** @class */ (function (_super) {
|
|
__extends(Provider, _super);
|
|
function Provider() {
|
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
}
|
|
Provider.prototype.render = function () {
|
|
return (external_window_React_["createElement"](MiniStoreContext.Provider, { value: this.props.store }, this.props.children));
|
|
};
|
|
return Provider;
|
|
}(external_window_React_["Component"]));
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/shallowequal/index.js
|
|
var shallowequal = __webpack_require__("Gytx");
|
|
var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
|
|
var hoist_non_react_statics_cjs = __webpack_require__("2mql");
|
|
var hoist_non_react_statics_cjs_default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics_cjs);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/mini-store/esm/connect.js
|
|
var connect_extends = (undefined && undefined.__extends) || (function () {
|
|
var extendStatics = function (d, b) {
|
|
extendStatics = Object.setPrototypeOf ||
|
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
return extendStatics(d, b);
|
|
};
|
|
return function (d, b) {
|
|
extendStatics(d, b);
|
|
function __() { this.constructor = d; }
|
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
};
|
|
})();
|
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
__assign = Object.assign || function(t) {
|
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
s = arguments[i];
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
t[p] = s[p];
|
|
}
|
|
return t;
|
|
};
|
|
return __assign.apply(this, arguments);
|
|
};
|
|
|
|
|
|
|
|
|
|
function getDisplayName(WrappedComponent) {
|
|
return WrappedComponent.displayName || WrappedComponent.name || 'Component';
|
|
}
|
|
var defaultMapStateToProps = function () { return ({}); };
|
|
function connect(mapStateToProps, options) {
|
|
if (options === void 0) { options = {}; }
|
|
var shouldSubscribe = !!mapStateToProps;
|
|
var finalMapStateToProps = mapStateToProps || defaultMapStateToProps;
|
|
return function wrapWithConnect(WrappedComponent) {
|
|
var Connect = /** @class */ (function (_super) {
|
|
connect_extends(Connect, _super);
|
|
function Connect(props, context) {
|
|
var _this = _super.call(this, props, context) || this;
|
|
_this.unsubscribe = null;
|
|
_this.handleChange = function () {
|
|
if (!_this.unsubscribe) {
|
|
return;
|
|
}
|
|
var nextState = finalMapStateToProps(_this.store.getState(), _this.props);
|
|
_this.setState({ subscribed: nextState });
|
|
};
|
|
_this.store = _this.context;
|
|
_this.state = {
|
|
subscribed: finalMapStateToProps(_this.store.getState(), props),
|
|
store: _this.store,
|
|
props: props,
|
|
};
|
|
return _this;
|
|
}
|
|
Connect.getDerivedStateFromProps = function (props, prevState) {
|
|
// using ownProps
|
|
if (mapStateToProps && mapStateToProps.length === 2 && props !== prevState.props) {
|
|
return {
|
|
subscribed: finalMapStateToProps(prevState.store.getState(), props),
|
|
props: props,
|
|
};
|
|
}
|
|
return { props: props };
|
|
};
|
|
Connect.prototype.componentDidMount = function () {
|
|
this.trySubscribe();
|
|
};
|
|
Connect.prototype.componentWillUnmount = function () {
|
|
this.tryUnsubscribe();
|
|
};
|
|
Connect.prototype.shouldComponentUpdate = function (nextProps, nextState) {
|
|
return (!shallowequal_default()(this.props, nextProps) ||
|
|
!shallowequal_default()(this.state.subscribed, nextState.subscribed));
|
|
};
|
|
Connect.prototype.trySubscribe = function () {
|
|
if (shouldSubscribe) {
|
|
this.unsubscribe = this.store.subscribe(this.handleChange);
|
|
this.handleChange();
|
|
}
|
|
};
|
|
Connect.prototype.tryUnsubscribe = function () {
|
|
if (this.unsubscribe) {
|
|
this.unsubscribe();
|
|
this.unsubscribe = null;
|
|
}
|
|
};
|
|
Connect.prototype.render = function () {
|
|
var props = __assign(__assign(__assign({}, this.props), this.state.subscribed), { store: this.store });
|
|
return external_window_React_["createElement"](WrappedComponent, __assign({}, props, { ref: this.props.miniStoreForwardedRef }));
|
|
};
|
|
Connect.displayName = "Connect(" + getDisplayName(WrappedComponent) + ")";
|
|
Connect.contextType = MiniStoreContext;
|
|
return Connect;
|
|
}(external_window_React_["Component"]));
|
|
if (options.forwardRef) {
|
|
var forwarded = external_window_React_["forwardRef"](function (props, ref) {
|
|
return external_window_React_["createElement"](Connect, __assign({}, props, { miniStoreForwardedRef: ref }));
|
|
});
|
|
return hoist_non_react_statics_cjs_default()(forwarded, WrappedComponent);
|
|
}
|
|
return hoist_non_react_statics_cjs_default()(Connect, WrappedComponent);
|
|
};
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/mini-store/esm/create.js
|
|
var create_assign = (undefined && undefined.__assign) || function () {
|
|
create_assign = Object.assign || function(t) {
|
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
s = arguments[i];
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
t[p] = s[p];
|
|
}
|
|
return t;
|
|
};
|
|
return create_assign.apply(this, arguments);
|
|
};
|
|
function create(initialState) {
|
|
var state = initialState;
|
|
var listeners = [];
|
|
function setState(partial) {
|
|
state = create_assign(create_assign({}, state), partial);
|
|
for (var i = 0; i < listeners.length; i++) {
|
|
listeners[i]();
|
|
}
|
|
}
|
|
function getState() {
|
|
return state;
|
|
}
|
|
function subscribe(listener) {
|
|
listeners.push(listener);
|
|
return function unsubscribe() {
|
|
var index = listeners.indexOf(listener);
|
|
listeners.splice(index, 1);
|
|
};
|
|
}
|
|
return {
|
|
setState: setState,
|
|
getState: getState,
|
|
subscribe: subscribe,
|
|
};
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/mini-store/esm/index.js
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "LdHM":
|
|
/*!********************************************************!*\
|
|
!*** ./node_modules/rc-select/es/index.js + 6 modules ***!
|
|
\********************************************************/
|
|
/*! exports provided: Option, OptGroup, default */
|
|
/*! exports used: OptGroup, Option, default */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createClass.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createSuper.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/defineProperty.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/inherits.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/typeof.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/classnames/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-select/es/TransBtn.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-select/es/generate.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-select/es/utils/commonUtil.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-select/es/utils/valueUtil.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/Children/toArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/KeyCode.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/hooks/useMemo.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/pickAttrs.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/warning.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-virtual-list/es/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ es_Option; });
|
|
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ es_OptGroup; });
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__("1OyB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__("vuIU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__("Ji7U");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__("LK+K");
|
|
|
|
// EXTERNAL MODULE: external "window.React"
|
|
var external_window_React_ = __webpack_require__("cDcd");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__("rePB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__("Ff2n");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__("ODXe");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/KeyCode.js
|
|
var KeyCode = __webpack_require__("4IlW");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/pickAttrs.js
|
|
var pickAttrs = __webpack_require__("bX4T");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useMemo.js
|
|
var useMemo = __webpack_require__("YrtM");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__("TSYQ");
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-virtual-list/es/index.js + 19 modules
|
|
var es = __webpack_require__("+nKL");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-select/es/TransBtn.js
|
|
var TransBtn = __webpack_require__("8OUc");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/OptionList.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Using virtual list of option display.
|
|
* Will fallback to dom if use customize render.
|
|
*/
|
|
|
|
var OptionList_OptionList = function OptionList(_ref, ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
id = _ref.id,
|
|
flattenOptions = _ref.flattenOptions,
|
|
childrenAsData = _ref.childrenAsData,
|
|
values = _ref.values,
|
|
searchValue = _ref.searchValue,
|
|
multiple = _ref.multiple,
|
|
defaultActiveFirstOption = _ref.defaultActiveFirstOption,
|
|
height = _ref.height,
|
|
itemHeight = _ref.itemHeight,
|
|
notFoundContent = _ref.notFoundContent,
|
|
open = _ref.open,
|
|
menuItemSelectedIcon = _ref.menuItemSelectedIcon,
|
|
virtual = _ref.virtual,
|
|
onSelect = _ref.onSelect,
|
|
onToggleOpen = _ref.onToggleOpen,
|
|
onActiveValue = _ref.onActiveValue,
|
|
onScroll = _ref.onScroll,
|
|
onMouseEnter = _ref.onMouseEnter;
|
|
var itemPrefixCls = "".concat(prefixCls, "-item");
|
|
var memoFlattenOptions = Object(useMemo["a" /* default */])(function () {
|
|
return flattenOptions;
|
|
}, [open, flattenOptions], function (prev, next) {
|
|
return next[0] && prev[1] !== next[1];
|
|
}); // =========================== List ===========================
|
|
|
|
var listRef = external_window_React_["useRef"](null);
|
|
|
|
var onListMouseDown = function onListMouseDown(event) {
|
|
event.preventDefault();
|
|
};
|
|
|
|
var scrollIntoView = function scrollIntoView(index) {
|
|
if (listRef.current) {
|
|
listRef.current.scrollTo({
|
|
index: index
|
|
});
|
|
}
|
|
}; // ========================== Active ==========================
|
|
|
|
|
|
var getEnabledActiveIndex = function getEnabledActiveIndex(index) {
|
|
var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
var len = memoFlattenOptions.length;
|
|
|
|
for (var i = 0; i < len; i += 1) {
|
|
var current = (index + i * offset + len) % len;
|
|
var _memoFlattenOptions$c = memoFlattenOptions[current],
|
|
group = _memoFlattenOptions$c.group,
|
|
data = _memoFlattenOptions$c.data;
|
|
|
|
if (!group && !data.disabled) {
|
|
return current;
|
|
}
|
|
}
|
|
|
|
return -1;
|
|
};
|
|
|
|
var _React$useState = external_window_React_["useState"](function () {
|
|
return getEnabledActiveIndex(0);
|
|
}),
|
|
_React$useState2 = Object(slicedToArray["a" /* default */])(_React$useState, 2),
|
|
activeIndex = _React$useState2[0],
|
|
setActiveIndex = _React$useState2[1];
|
|
|
|
var setActive = function setActive(index) {
|
|
setActiveIndex(index); // Trigger active event
|
|
|
|
var flattenItem = memoFlattenOptions[index];
|
|
|
|
if (!flattenItem) {
|
|
onActiveValue(null, -1);
|
|
return;
|
|
}
|
|
|
|
onActiveValue(flattenItem.data.value, index);
|
|
}; // Auto active first item when list length or searchValue changed
|
|
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
setActive(defaultActiveFirstOption !== false ? getEnabledActiveIndex(0) : -1);
|
|
}, [memoFlattenOptions.length, searchValue]); // Auto scroll to item position in single mode
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
/**
|
|
* React will skip `onChange` when component update.
|
|
* `setActive` function will call root accessibility state update which makes re-render.
|
|
* So we need to delay to let Input component trigger onChange first.
|
|
*/
|
|
var timeoutId = setTimeout(function () {
|
|
if (!multiple && open && values.size === 1) {
|
|
var value = Array.from(values)[0];
|
|
var index = memoFlattenOptions.findIndex(function (_ref2) {
|
|
var data = _ref2.data;
|
|
return data.value === value;
|
|
});
|
|
setActive(index);
|
|
scrollIntoView(index);
|
|
}
|
|
});
|
|
return function () {
|
|
return clearTimeout(timeoutId);
|
|
};
|
|
}, [open]); // ========================== Values ==========================
|
|
|
|
var onSelectValue = function onSelectValue(value) {
|
|
if (value !== undefined) {
|
|
onSelect(value, {
|
|
selected: !values.has(value)
|
|
});
|
|
} // Single mode should always close by select
|
|
|
|
|
|
if (!multiple) {
|
|
onToggleOpen(false);
|
|
}
|
|
}; // ========================= Keyboard =========================
|
|
|
|
|
|
external_window_React_["useImperativeHandle"](ref, function () {
|
|
return {
|
|
onKeyDown: function onKeyDown(event) {
|
|
var which = event.which;
|
|
|
|
switch (which) {
|
|
// >>> Arrow keys
|
|
case KeyCode["a" /* default */].UP:
|
|
case KeyCode["a" /* default */].DOWN:
|
|
{
|
|
var offset = 0;
|
|
|
|
if (which === KeyCode["a" /* default */].UP) {
|
|
offset = -1;
|
|
} else if (which === KeyCode["a" /* default */].DOWN) {
|
|
offset = 1;
|
|
}
|
|
|
|
if (offset !== 0) {
|
|
var nextActiveIndex = getEnabledActiveIndex(activeIndex + offset, offset);
|
|
scrollIntoView(nextActiveIndex);
|
|
setActive(nextActiveIndex);
|
|
}
|
|
|
|
break;
|
|
}
|
|
// >>> Select
|
|
|
|
case KeyCode["a" /* default */].ENTER:
|
|
{
|
|
// value
|
|
var item = memoFlattenOptions[activeIndex];
|
|
|
|
if (item && !item.data.disabled) {
|
|
onSelectValue(item.data.value);
|
|
} else {
|
|
onSelectValue(undefined);
|
|
}
|
|
|
|
if (open) {
|
|
event.preventDefault();
|
|
}
|
|
|
|
break;
|
|
}
|
|
// >>> Close
|
|
|
|
case KeyCode["a" /* default */].ESC:
|
|
{
|
|
onToggleOpen(false);
|
|
}
|
|
}
|
|
},
|
|
onKeyUp: function onKeyUp() {},
|
|
scrollTo: function scrollTo(index) {
|
|
scrollIntoView(index);
|
|
}
|
|
};
|
|
}); // ========================== Render ==========================
|
|
|
|
if (memoFlattenOptions.length === 0) {
|
|
return external_window_React_["createElement"]("div", {
|
|
role: "listbox",
|
|
id: "".concat(id, "_list"),
|
|
className: "".concat(itemPrefixCls, "-empty"),
|
|
onMouseDown: onListMouseDown
|
|
}, notFoundContent);
|
|
}
|
|
|
|
function renderItem(index) {
|
|
var item = memoFlattenOptions[index];
|
|
if (!item) return null;
|
|
var itemData = item.data || {};
|
|
var value = itemData.value,
|
|
label = itemData.label,
|
|
children = itemData.children;
|
|
var attrs = Object(pickAttrs["a" /* default */])(itemData, true);
|
|
var mergedLabel = childrenAsData ? children : label;
|
|
return item ? external_window_React_["createElement"]("div", Object.assign({
|
|
"aria-label": typeof mergedLabel === 'string' ? mergedLabel : null
|
|
}, attrs, {
|
|
key: index,
|
|
role: "option",
|
|
id: "".concat(id, "_list_").concat(index),
|
|
"aria-selected": values.has(value)
|
|
}), value) : null;
|
|
}
|
|
|
|
return external_window_React_["createElement"](external_window_React_["Fragment"], null, external_window_React_["createElement"]("div", {
|
|
role: "listbox",
|
|
id: "".concat(id, "_list"),
|
|
style: {
|
|
height: 0,
|
|
width: 0,
|
|
overflow: 'hidden'
|
|
}
|
|
}, renderItem(activeIndex - 1), renderItem(activeIndex), renderItem(activeIndex + 1)), external_window_React_["createElement"](es["a" /* default */], {
|
|
itemKey: "key",
|
|
ref: listRef,
|
|
data: memoFlattenOptions,
|
|
height: height,
|
|
itemHeight: itemHeight,
|
|
fullHeight: false,
|
|
onMouseDown: onListMouseDown,
|
|
onScroll: onScroll,
|
|
virtual: virtual,
|
|
onMouseEnter: onMouseEnter
|
|
}, function (_ref3, itemIndex) {
|
|
var _classNames;
|
|
|
|
var group = _ref3.group,
|
|
groupOption = _ref3.groupOption,
|
|
data = _ref3.data;
|
|
var label = data.label,
|
|
key = data.key; // Group
|
|
|
|
if (group) {
|
|
return external_window_React_["createElement"]("div", {
|
|
className: classnames_default()(itemPrefixCls, "".concat(itemPrefixCls, "-group"))
|
|
}, label !== undefined ? label : key);
|
|
}
|
|
|
|
var disabled = data.disabled,
|
|
value = data.value,
|
|
title = data.title,
|
|
children = data.children,
|
|
style = data.style,
|
|
className = data.className,
|
|
otherProps = Object(objectWithoutProperties["a" /* default */])(data, ["disabled", "value", "title", "children", "style", "className"]); // Option
|
|
|
|
|
|
var selected = values.has(value);
|
|
var optionPrefixCls = "".concat(itemPrefixCls, "-option");
|
|
var optionClassName = classnames_default()(itemPrefixCls, optionPrefixCls, className, (_classNames = {}, Object(defineProperty["a" /* default */])(_classNames, "".concat(optionPrefixCls, "-grouped"), groupOption), Object(defineProperty["a" /* default */])(_classNames, "".concat(optionPrefixCls, "-active"), activeIndex === itemIndex && !disabled), Object(defineProperty["a" /* default */])(_classNames, "".concat(optionPrefixCls, "-disabled"), disabled), Object(defineProperty["a" /* default */])(_classNames, "".concat(optionPrefixCls, "-selected"), selected), _classNames));
|
|
var mergedLabel = childrenAsData ? children : label;
|
|
var iconVisible = !menuItemSelectedIcon || typeof menuItemSelectedIcon === 'function' || selected;
|
|
return external_window_React_["createElement"]("div", Object.assign({}, otherProps, {
|
|
"aria-selected": selected,
|
|
className: optionClassName,
|
|
title: title,
|
|
onMouseMove: function onMouseMove() {
|
|
if (activeIndex === itemIndex || disabled) {
|
|
return;
|
|
}
|
|
|
|
setActive(itemIndex);
|
|
},
|
|
onClick: function onClick() {
|
|
if (!disabled) {
|
|
onSelectValue(value);
|
|
}
|
|
},
|
|
style: style
|
|
}), external_window_React_["createElement"]("div", {
|
|
className: "".concat(optionPrefixCls, "-content")
|
|
}, mergedLabel || value), external_window_React_["isValidElement"](menuItemSelectedIcon) || selected, iconVisible && external_window_React_["createElement"](TransBtn["a" /* default */], {
|
|
className: "".concat(itemPrefixCls, "-option-state"),
|
|
customizeIcon: menuItemSelectedIcon,
|
|
customizeIconProps: {
|
|
isSelected: selected
|
|
}
|
|
}, selected ? '✓' : null));
|
|
}));
|
|
};
|
|
|
|
var RefOptionList = external_window_React_["forwardRef"](OptionList_OptionList);
|
|
RefOptionList.displayName = 'OptionList';
|
|
/* harmony default export */ var es_OptionList = (RefOptionList);
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/Option.js
|
|
/** This is a placeholder, not real render in dom */
|
|
var Option = function Option() {
|
|
return null;
|
|
};
|
|
|
|
Option.isSelectOption = true;
|
|
/* harmony default export */ var es_Option = (Option);
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/OptGroup.js
|
|
/** This is a placeholder, not real render in dom */
|
|
var OptGroup = function OptGroup() {
|
|
return null;
|
|
};
|
|
|
|
OptGroup.isSelectOptGroup = true;
|
|
/* harmony default export */ var es_OptGroup = (OptGroup);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__("VTBJ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Children/toArray.js
|
|
var toArray = __webpack_require__("Zm9Q");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/utils/legacyUtil.js
|
|
|
|
|
|
|
|
|
|
|
|
function convertNodeToOption(node) {
|
|
var key = node.key,
|
|
_node$props = node.props,
|
|
children = _node$props.children,
|
|
value = _node$props.value,
|
|
restProps = Object(objectWithoutProperties["a" /* default */])(_node$props, ["children", "value"]);
|
|
|
|
return Object(objectSpread2["a" /* default */])({
|
|
key: key,
|
|
value: value !== undefined ? value : key,
|
|
children: children
|
|
}, restProps);
|
|
}
|
|
|
|
function convertChildrenToData(nodes) {
|
|
var optionOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
return Object(toArray["a" /* default */])(nodes).map(function (node, index) {
|
|
if (!external_window_React_["isValidElement"](node) || !node.type) {
|
|
return null;
|
|
}
|
|
|
|
var isSelectOptGroup = node.type.isSelectOptGroup,
|
|
key = node.key,
|
|
_node$props2 = node.props,
|
|
children = _node$props2.children,
|
|
restProps = Object(objectWithoutProperties["a" /* default */])(_node$props2, ["children"]);
|
|
|
|
if (optionOnly || !isSelectOptGroup) {
|
|
return convertNodeToOption(node);
|
|
}
|
|
|
|
return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
|
|
key: "__RC_SELECT_GRP__".concat(key === null ? index : key, "__"),
|
|
label: key
|
|
}, restProps), {}, {
|
|
options: convertChildrenToData(children)
|
|
});
|
|
}).filter(function (data) {
|
|
return data;
|
|
});
|
|
}
|
|
// EXTERNAL MODULE: ./node_modules/rc-select/es/utils/valueUtil.js
|
|
var valueUtil = __webpack_require__("2Qr1");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-select/es/generate.js + 11 modules
|
|
var generate = __webpack_require__("qNPg");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__("U8pU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
|
|
var warning = __webpack_require__("Kwbf");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-select/es/utils/commonUtil.js
|
|
var commonUtil = __webpack_require__("WKfj");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/utils/warningPropsUtil.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function warningProps(props) {
|
|
var mode = props.mode,
|
|
options = props.options,
|
|
children = props.children,
|
|
backfill = props.backfill,
|
|
allowClear = props.allowClear,
|
|
placeholder = props.placeholder,
|
|
getInputElement = props.getInputElement,
|
|
showSearch = props.showSearch,
|
|
onSearch = props.onSearch,
|
|
defaultOpen = props.defaultOpen,
|
|
autoFocus = props.autoFocus,
|
|
labelInValue = props.labelInValue,
|
|
value = props.value,
|
|
inputValue = props.inputValue,
|
|
optionLabelProp = props.optionLabelProp;
|
|
var multiple = mode === 'multiple' || mode === 'tags';
|
|
var mergedShowSearch = showSearch !== undefined ? showSearch : multiple || mode === 'combobox';
|
|
var mergedOptions = options || convertChildrenToData(children); // `tags` should not set option as disabled
|
|
|
|
Object(warning["a" /* default */])(mode !== 'tags' || mergedOptions.every(function (opt) {
|
|
return !opt.disabled;
|
|
}), 'Please avoid setting option to disabled in tags mode since user can always type text as tag.'); // `combobox` & `tags` should option be `string` type
|
|
|
|
if (mode === 'tags' || mode === 'combobox') {
|
|
var hasNumberValue = mergedOptions.some(function (item) {
|
|
if (item.options) {
|
|
return item.options.some(function (opt) {
|
|
return typeof ('value' in opt ? opt.value : opt.key) === 'number';
|
|
});
|
|
}
|
|
|
|
return typeof ('value' in item ? item.value : item.key) === 'number';
|
|
});
|
|
Object(warning["a" /* default */])(!hasNumberValue, '`value` of Option should not use number type when `mode` is `tags` or `combobox`.');
|
|
} // `combobox` should not use `optionLabelProp`
|
|
|
|
|
|
Object(warning["a" /* default */])(mode !== 'combobox' || !optionLabelProp, '`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly.'); // Only `combobox` support `backfill`
|
|
|
|
Object(warning["a" /* default */])(mode === 'combobox' || !backfill, '`backfill` only works with `combobox` mode.'); // Only `combobox` support `getInputElement`
|
|
|
|
Object(warning["a" /* default */])(mode === 'combobox' || !getInputElement, '`getInputElement` only work with `combobox` mode.'); // Customize `getInputElement` should not use `allowClear` & `placeholder`
|
|
|
|
Object(warning["b" /* noteOnce */])(mode !== 'combobox' || !getInputElement || !allowClear || !placeholder, 'Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`.'); // `onSearch` should use in `combobox` or `showSearch`
|
|
|
|
if (onSearch && !mergedShowSearch && mode !== 'combobox' && mode !== 'tags') {
|
|
Object(warning["a" /* default */])(false, '`onSearch` should work with `showSearch` instead of use alone.');
|
|
}
|
|
|
|
Object(warning["b" /* noteOnce */])(!defaultOpen || autoFocus, '`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autoFocus` if needed.');
|
|
|
|
if (value !== undefined && value !== null) {
|
|
var values = Object(commonUtil["d" /* toArray */])(value);
|
|
Object(warning["a" /* default */])(!labelInValue || values.every(function (val) {
|
|
return Object(esm_typeof["a" /* default */])(val) === 'object' && ('key' in val || 'value' in val);
|
|
}), '`value` should in shape of `{ value: string | number, label?: ReactNode }` when you set `labelInValue` to `true`');
|
|
Object(warning["a" /* default */])(!multiple || Array.isArray(value), '`value` should be array when `mode` is `multiple` or `tags`');
|
|
} // Syntactic sugar should use correct children type
|
|
|
|
|
|
if (children) {
|
|
var invalidateChildType = null;
|
|
Object(toArray["a" /* default */])(children).some(function (node) {
|
|
if (!external_window_React_["isValidElement"](node) || !node.type) {
|
|
return false;
|
|
}
|
|
|
|
var type = node.type;
|
|
|
|
if (type.isSelectOption) {
|
|
return false;
|
|
}
|
|
|
|
if (type.isSelectOptGroup) {
|
|
var allChildrenValid = Object(toArray["a" /* default */])(node.props.children).every(function (subNode) {
|
|
if (!external_window_React_["isValidElement"](subNode) || !node.type || subNode.type.isSelectOption) {
|
|
return true;
|
|
}
|
|
|
|
invalidateChildType = subNode.type;
|
|
return false;
|
|
});
|
|
|
|
if (allChildrenValid) {
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
invalidateChildType = type;
|
|
return true;
|
|
});
|
|
|
|
if (invalidateChildType) {
|
|
Object(warning["a" /* default */])(false, "`children` should be `Select.Option` or `Select.OptGroup` instead of `".concat(invalidateChildType.displayName || invalidateChildType.name || invalidateChildType, "`."));
|
|
}
|
|
|
|
Object(warning["a" /* default */])(inputValue === undefined, '`inputValue` is deprecated, please use `searchValue` instead.');
|
|
}
|
|
}
|
|
|
|
/* harmony default export */ var warningPropsUtil = (warningProps);
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/Select.js
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* To match accessibility requirement, we always provide an input in the component.
|
|
* Other element will not set `tabIndex` to avoid `onBlur` sequence problem.
|
|
* For focused select, we set `aria-live="polite"` to update the accessibility content.
|
|
*
|
|
* ref:
|
|
* - keyboard: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#Keyboard_interactions
|
|
*
|
|
* New api:
|
|
* - listHeight
|
|
* - listItemHeight
|
|
* - component
|
|
*
|
|
* Remove deprecated api:
|
|
* - multiple
|
|
* - tags
|
|
* - combobox
|
|
* - firstActiveValue
|
|
* - dropdownMenuStyle
|
|
* - openClassName (Not list in api)
|
|
*
|
|
* Update:
|
|
* - `backfill` only support `combobox` mode
|
|
* - `combobox` mode not support `labelInValue` since it's meaningless
|
|
* - `getInputElement` only support `combobox` mode
|
|
* - `onChange` return OptionData instead of ReactNode
|
|
* - `filterOption` `onChange` `onSelect` accept OptionData instead of ReactNode
|
|
* - `combobox` mode trigger `onChange` will get `undefined` if no `value` match in Option
|
|
* - `combobox` mode not support `optionLabelProp`
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var RefSelect = Object(generate["a" /* default */])({
|
|
prefixCls: 'rc-select',
|
|
components: {
|
|
optionList: es_OptionList
|
|
},
|
|
convertChildrenToData: convertChildrenToData,
|
|
flattenOptions: valueUtil["d" /* flattenOptions */],
|
|
getLabeledValue: valueUtil["e" /* getLabeledValue */],
|
|
filterOptions: valueUtil["b" /* filterOptions */],
|
|
isValueDisabled: valueUtil["g" /* isValueDisabled */],
|
|
findValueOption: valueUtil["c" /* findValueOption */],
|
|
warningProps: warningPropsUtil,
|
|
fillOptionsWithMissingValue: valueUtil["a" /* fillOptionsWithMissingValue */]
|
|
});
|
|
/**
|
|
* Typescript not support generic with function component,
|
|
* we have to wrap an class component to handle this.
|
|
*/
|
|
|
|
var Select_Select = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(Select, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(Select);
|
|
|
|
function Select() {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, Select);
|
|
|
|
_this = _super.apply(this, arguments);
|
|
_this.selectRef = external_window_React_["createRef"]();
|
|
|
|
_this.focus = function () {
|
|
_this.selectRef.current.focus();
|
|
};
|
|
|
|
_this.blur = function () {
|
|
_this.selectRef.current.blur();
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(Select, [{
|
|
key: "render",
|
|
value: function render() {
|
|
return external_window_React_["createElement"](RefSelect, Object.assign({
|
|
ref: this.selectRef
|
|
}, this.props));
|
|
}
|
|
}]);
|
|
|
|
return Select;
|
|
}(external_window_React_["Component"]);
|
|
|
|
Select_Select.Option = es_Option;
|
|
Select_Select.OptGroup = es_OptGroup;
|
|
/* harmony default export */ var es_Select = (Select_Select);
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/index.js
|
|
|
|
|
|
|
|
|
|
/* harmony default export */ var rc_select_es = __webpack_exports__["c"] = (es_Select);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "OLES":
|
|
/*!*********************************************************!*\
|
|
!*** ./node_modules/rc-tooltip/es/index.js + 2 modules ***!
|
|
\*********************************************************/
|
|
/*! exports provided: default */
|
|
/*! exports used: default */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/typeof.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-tooltip/es/placements.js because of ./node_modules/antd/es/tooltip/placements.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-trigger/es/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__("U8pU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__("VTBJ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__("Ff2n");
|
|
|
|
// EXTERNAL MODULE: external "window.React"
|
|
var external_window_React_ = __webpack_require__("cDcd");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-trigger/es/index.js + 5 modules
|
|
var es = __webpack_require__("uciX");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-tooltip/es/placements.js
|
|
var placements = __webpack_require__("7ixt");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-tooltip/es/Content.js
|
|
|
|
|
|
var Content_Content = function Content(props) {
|
|
var overlay = props.overlay,
|
|
prefixCls = props.prefixCls,
|
|
id = props.id,
|
|
overlayInnerStyle = props.overlayInnerStyle;
|
|
return external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-inner"),
|
|
id: id,
|
|
role: "tooltip",
|
|
style: overlayInnerStyle
|
|
}, typeof overlay === 'function' ? overlay() : overlay);
|
|
};
|
|
|
|
/* harmony default export */ var es_Content = (Content_Content);
|
|
// CONCATENATED MODULE: ./node_modules/rc-tooltip/es/Tooltip.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Tooltip_Tooltip = function Tooltip(props, ref) {
|
|
var overlayClassName = props.overlayClassName,
|
|
_props$trigger = props.trigger,
|
|
trigger = _props$trigger === void 0 ? ['hover'] : _props$trigger,
|
|
_props$mouseEnterDela = props.mouseEnterDelay,
|
|
mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela,
|
|
_props$mouseLeaveDela = props.mouseLeaveDelay,
|
|
mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
|
|
overlayStyle = props.overlayStyle,
|
|
_props$prefixCls = props.prefixCls,
|
|
prefixCls = _props$prefixCls === void 0 ? 'rc-tooltip' : _props$prefixCls,
|
|
children = props.children,
|
|
onVisibleChange = props.onVisibleChange,
|
|
afterVisibleChange = props.afterVisibleChange,
|
|
transitionName = props.transitionName,
|
|
animation = props.animation,
|
|
_props$placement = props.placement,
|
|
placement = _props$placement === void 0 ? 'right' : _props$placement,
|
|
_props$align = props.align,
|
|
align = _props$align === void 0 ? {} : _props$align,
|
|
_props$destroyTooltip = props.destroyTooltipOnHide,
|
|
destroyTooltipOnHide = _props$destroyTooltip === void 0 ? false : _props$destroyTooltip,
|
|
defaultVisible = props.defaultVisible,
|
|
getTooltipContainer = props.getTooltipContainer,
|
|
overlayInnerStyle = props.overlayInnerStyle,
|
|
restProps = Object(objectWithoutProperties["a" /* default */])(props, ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle"]);
|
|
|
|
var domRef = Object(external_window_React_["useRef"])(null);
|
|
Object(external_window_React_["useImperativeHandle"])(ref, function () {
|
|
return domRef.current;
|
|
});
|
|
|
|
var extraProps = Object(objectSpread2["a" /* default */])({}, restProps);
|
|
|
|
if ('visible' in props) {
|
|
extraProps.popupVisible = props.visible;
|
|
}
|
|
|
|
var getPopupElement = function getPopupElement() {
|
|
var _props$arrowContent = props.arrowContent,
|
|
arrowContent = _props$arrowContent === void 0 ? null : _props$arrowContent,
|
|
overlay = props.overlay,
|
|
id = props.id;
|
|
return [external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-arrow"),
|
|
key: "arrow"
|
|
}, arrowContent), external_window_React_["createElement"](es_Content, {
|
|
key: "content",
|
|
prefixCls: prefixCls,
|
|
id: id,
|
|
overlay: overlay,
|
|
overlayInnerStyle: overlayInnerStyle
|
|
})];
|
|
};
|
|
|
|
var destroyTooltip = false;
|
|
var autoDestroy = false;
|
|
|
|
if (typeof destroyTooltipOnHide === 'boolean') {
|
|
destroyTooltip = destroyTooltipOnHide;
|
|
} else if (destroyTooltipOnHide && Object(esm_typeof["a" /* default */])(destroyTooltipOnHide) === 'object') {
|
|
var keepParent = destroyTooltipOnHide.keepParent;
|
|
destroyTooltip = keepParent === true;
|
|
autoDestroy = keepParent === false;
|
|
}
|
|
|
|
return external_window_React_["createElement"](es["a" /* default */], Object.assign({
|
|
popupClassName: overlayClassName,
|
|
prefixCls: prefixCls,
|
|
popup: getPopupElement,
|
|
action: trigger,
|
|
builtinPlacements: placements["a" /* placements */],
|
|
popupPlacement: placement,
|
|
ref: domRef,
|
|
popupAlign: align,
|
|
getPopupContainer: getTooltipContainer,
|
|
onPopupVisibleChange: onVisibleChange,
|
|
afterPopupVisibleChange: afterVisibleChange,
|
|
popupTransitionName: transitionName,
|
|
popupAnimation: animation,
|
|
defaultPopupVisible: defaultVisible,
|
|
destroyPopupOnHide: destroyTooltip,
|
|
autoDestroy: autoDestroy,
|
|
mouseLeaveDelay: mouseLeaveDelay,
|
|
popupStyle: overlayStyle,
|
|
mouseEnterDelay: mouseEnterDelay
|
|
}, extraProps), children);
|
|
};
|
|
|
|
/* harmony default export */ var es_Tooltip = (Object(external_window_React_["forwardRef"])(Tooltip_Tooltip));
|
|
// CONCATENATED MODULE: ./node_modules/rc-tooltip/es/index.js
|
|
|
|
/* harmony default export */ var rc_tooltip_es = __webpack_exports__["a"] = (es_Tooltip);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "WA2m":
|
|
/*!************************************************************************!*\
|
|
!*** ./src/pages/Classrooms/Lists/Graduation/Tasks/index.less?modules ***!
|
|
\************************************************************************/
|
|
/*! no static exports found */
|
|
/*! exports used: default */
|
|
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// extracted by mini-css-extract-plugin
|
|
module.exports = {"flex_box_center":"flex_box_center___2U2qT","flex_space_between":"flex_space_between___2k3RD","flex_box_vertical_center":"flex_box_vertical_center___GPJyP","flex_box_center_end":"flex_box_center_end___15EPd","flex_box_column":"flex_box_column___3a2RC","bg":"bg___2GNFy","containerTitle":"containerTitle___2wXAY","containerDesc":"containerDesc___3S-6U","listItem":"listItem___2Swvj","info":"info___3aKjb","title":"title___3Oj6V","titleLeft":"titleLeft___XPL66","titleRight":"titleRight___3I4rD","acitons":"acitons___197jZ"};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "Y1PL":
|
|
/*!**********************************************************!*\
|
|
!*** ./node_modules/rc-textarea/es/index.js + 7 modules ***!
|
|
\**********************************************************/
|
|
/*! exports provided: ResizableTextArea, default */
|
|
/*! all exports used */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createClass.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createSuper.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/defineProperty.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/extends.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/inherits.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/classnames/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/Children/toArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/Dom/findDOMNode.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/omit.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/ref.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/warning.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js (<- Module uses injected variables (global)) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/shallowequal/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
// ESM COMPAT FLAG
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, "ResizableTextArea", function() { return /* reexport */ es_ResizableTextArea; });
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__("wx14");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__("1OyB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__("vuIU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__("Ji7U");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__("LK+K");
|
|
|
|
// EXTERNAL MODULE: external "window.React"
|
|
var external_window_React_ = __webpack_require__("cDcd");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__("VTBJ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__("rePB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Children/toArray.js
|
|
var toArray = __webpack_require__("Zm9Q");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
|
|
var warning = __webpack_require__("Kwbf");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/ref.js
|
|
var ref = __webpack_require__("c+Xe");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/findDOMNode.js
|
|
var findDOMNode = __webpack_require__("m+aA");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
|
|
var ResizeObserver_es = __webpack_require__("bdgK");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-textarea/node_modules/rc-resize-observer/es/utils/observerUtil.js
|
|
// =============================== Const ===============================
|
|
|
|
var elementListeners = new Map();
|
|
|
|
function observerUtil_onResize(entities) {
|
|
entities.forEach(function (entity) {
|
|
var _elementListeners$get;
|
|
|
|
var target = entity.target;
|
|
(_elementListeners$get = elementListeners.get(target)) === null || _elementListeners$get === void 0 ? void 0 : _elementListeners$get.forEach(function (listener) {
|
|
return listener(target);
|
|
});
|
|
});
|
|
} // Note: ResizeObserver polyfill not support option to measure border-box resize
|
|
|
|
|
|
var resizeObserver = new ResizeObserver_es["default"](observerUtil_onResize); // Dev env only
|
|
|
|
var _el = false ? undefined : null; // eslint-disable-line
|
|
|
|
var _rs = false ? undefined : null; // eslint-disable-line
|
|
// ============================== Observe ==============================
|
|
|
|
function observe(element, callback) {
|
|
if (!elementListeners.has(element)) {
|
|
elementListeners.set(element, new Set());
|
|
resizeObserver.observe(element);
|
|
}
|
|
|
|
elementListeners.get(element).add(callback);
|
|
}
|
|
function unobserve(element, callback) {
|
|
if (elementListeners.has(element)) {
|
|
elementListeners.get(element).delete(callback);
|
|
|
|
if (!elementListeners.get(element).size) {
|
|
resizeObserver.unobserve(element);
|
|
elementListeners.delete(element);
|
|
}
|
|
}
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-textarea/node_modules/rc-resize-observer/es/SingleObserver/DomWrapper.js
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Fallback to findDOMNode if origin ref do not provide any dom element
|
|
*/
|
|
|
|
var DomWrapper_DomWrapper = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(DomWrapper, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(DomWrapper);
|
|
|
|
function DomWrapper() {
|
|
Object(classCallCheck["a" /* default */])(this, DomWrapper);
|
|
|
|
return _super.apply(this, arguments);
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(DomWrapper, [{
|
|
key: "render",
|
|
value: function render() {
|
|
return this.props.children;
|
|
}
|
|
}]);
|
|
|
|
return DomWrapper;
|
|
}(external_window_React_["Component"]);
|
|
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-textarea/node_modules/rc-resize-observer/es/Collection.js
|
|
|
|
var CollectionContext = /*#__PURE__*/external_window_React_["createContext"](null);
|
|
/**
|
|
* Collect all the resize event from children ResizeObserver
|
|
*/
|
|
|
|
function Collection(_ref) {
|
|
var children = _ref.children,
|
|
onBatchResize = _ref.onBatchResize;
|
|
var resizeIdRef = external_window_React_["useRef"](0);
|
|
var resizeInfosRef = external_window_React_["useRef"]([]);
|
|
var onCollectionResize = external_window_React_["useContext"](CollectionContext);
|
|
var onResize = external_window_React_["useCallback"](function (size, element, data) {
|
|
resizeIdRef.current += 1;
|
|
var currentId = resizeIdRef.current;
|
|
resizeInfosRef.current.push({
|
|
size: size,
|
|
element: element,
|
|
data: data
|
|
});
|
|
Promise.resolve().then(function () {
|
|
if (currentId === resizeIdRef.current) {
|
|
onBatchResize === null || onBatchResize === void 0 ? void 0 : onBatchResize(resizeInfosRef.current);
|
|
resizeInfosRef.current = [];
|
|
}
|
|
}); // Continue bubbling if parent exist
|
|
|
|
onCollectionResize === null || onCollectionResize === void 0 ? void 0 : onCollectionResize(size, element, data);
|
|
}, [onBatchResize, onCollectionResize]);
|
|
return /*#__PURE__*/external_window_React_["createElement"](CollectionContext.Provider, {
|
|
value: onResize
|
|
}, children);
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-textarea/node_modules/rc-resize-observer/es/SingleObserver/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function SingleObserver(props) {
|
|
var children = props.children,
|
|
disabled = props.disabled;
|
|
var elementRef = external_window_React_["useRef"](null);
|
|
var wrapperRef = external_window_React_["useRef"](null);
|
|
var onCollectionResize = external_window_React_["useContext"](CollectionContext); // ============================= Size =============================
|
|
|
|
var sizeRef = external_window_React_["useRef"]({
|
|
width: -1,
|
|
height: -1,
|
|
offsetWidth: -1,
|
|
offsetHeight: -1
|
|
}); // ============================= Ref ==============================
|
|
|
|
var canRef = /*#__PURE__*/external_window_React_["isValidElement"](children) && Object(ref["c" /* supportRef */])(children);
|
|
var originRef = canRef ? children.ref : null;
|
|
var mergedRef = external_window_React_["useMemo"](function () {
|
|
return Object(ref["a" /* composeRef */])(originRef, elementRef);
|
|
}, [originRef, elementRef]); // =========================== Observe ============================
|
|
|
|
var propsRef = external_window_React_["useRef"](props);
|
|
propsRef.current = props; // Handler
|
|
|
|
var onInternalResize = external_window_React_["useCallback"](function (target) {
|
|
var _propsRef$current = propsRef.current,
|
|
onResize = _propsRef$current.onResize,
|
|
data = _propsRef$current.data;
|
|
|
|
var _target$getBoundingCl = target.getBoundingClientRect(),
|
|
width = _target$getBoundingCl.width,
|
|
height = _target$getBoundingCl.height;
|
|
|
|
var offsetWidth = target.offsetWidth,
|
|
offsetHeight = target.offsetHeight;
|
|
/**
|
|
* Resize observer trigger when content size changed.
|
|
* In most case we just care about element size,
|
|
* let's use `boundary` instead of `contentRect` here to avoid shaking.
|
|
*/
|
|
|
|
var fixedWidth = Math.floor(width);
|
|
var fixedHeight = Math.floor(height);
|
|
|
|
if (sizeRef.current.width !== fixedWidth || sizeRef.current.height !== fixedHeight || sizeRef.current.offsetWidth !== offsetWidth || sizeRef.current.offsetHeight !== offsetHeight) {
|
|
var size = {
|
|
width: fixedWidth,
|
|
height: fixedHeight,
|
|
offsetWidth: offsetWidth,
|
|
offsetHeight: offsetHeight
|
|
};
|
|
sizeRef.current = size; // IE is strange, right?
|
|
|
|
var mergedOffsetWidth = offsetWidth === Math.round(width) ? width : offsetWidth;
|
|
var mergedOffsetHeight = offsetHeight === Math.round(height) ? height : offsetHeight;
|
|
|
|
var sizeInfo = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, size), {}, {
|
|
offsetWidth: mergedOffsetWidth,
|
|
offsetHeight: mergedOffsetHeight
|
|
}); // Let collection know what happened
|
|
|
|
|
|
onCollectionResize === null || onCollectionResize === void 0 ? void 0 : onCollectionResize(sizeInfo, target, data);
|
|
|
|
if (onResize) {
|
|
// defer the callback but not defer to next frame
|
|
Promise.resolve().then(function () {
|
|
onResize(sizeInfo, target);
|
|
});
|
|
}
|
|
}
|
|
}, []); // Dynamic observe
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
var currentElement = Object(findDOMNode["a" /* default */])(elementRef.current) || Object(findDOMNode["a" /* default */])(wrapperRef.current);
|
|
|
|
if (currentElement && !disabled) {
|
|
observe(currentElement, onInternalResize);
|
|
}
|
|
|
|
return function () {
|
|
return unobserve(currentElement, onInternalResize);
|
|
};
|
|
}, [elementRef.current, disabled]); // ============================ Render ============================
|
|
|
|
return /*#__PURE__*/external_window_React_["createElement"](DomWrapper_DomWrapper, {
|
|
ref: wrapperRef
|
|
}, canRef ? /*#__PURE__*/external_window_React_["cloneElement"](children, {
|
|
ref: mergedRef
|
|
}) : children);
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-textarea/node_modules/rc-resize-observer/es/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var INTERNAL_PREFIX_KEY = 'rc-observer-key';
|
|
|
|
function ResizeObserver(props) {
|
|
var children = props.children;
|
|
var childNodes = Object(toArray["a" /* default */])(children);
|
|
|
|
if (false) {}
|
|
|
|
return childNodes.map(function (child, index) {
|
|
var key = (child === null || child === void 0 ? void 0 : child.key) || "".concat(INTERNAL_PREFIX_KEY, "-").concat(index);
|
|
return /*#__PURE__*/external_window_React_["createElement"](SingleObserver, Object(esm_extends["a" /* default */])({}, props, {
|
|
key: key
|
|
}), child);
|
|
});
|
|
}
|
|
|
|
ResizeObserver.Collection = Collection;
|
|
/* harmony default export */ var es = (ResizeObserver);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/omit.js
|
|
var omit = __webpack_require__("bT9E");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__("TSYQ");
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-textarea/es/calculateNodeHeight.js
|
|
// Thanks to https://github.com/andreypopp/react-textarea-autosize/
|
|
|
|
/**
|
|
* calculateNodeHeight(uiTextNode, useCache = false)
|
|
*/
|
|
var HIDDEN_TEXTAREA_STYLE = "\n min-height:0 !important;\n max-height:none !important;\n height:0 !important;\n visibility:hidden !important;\n overflow:hidden !important;\n position:absolute !important;\n z-index:-1000 !important;\n top:0 !important;\n right:0 !important\n";
|
|
var SIZING_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'font-variant', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing', 'word-break'];
|
|
var computedStyleCache = {};
|
|
var hiddenTextarea;
|
|
function calculateNodeStyling(node) {
|
|
var useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
var nodeRef = node.getAttribute('id') || node.getAttribute('data-reactid') || node.getAttribute('name');
|
|
|
|
if (useCache && computedStyleCache[nodeRef]) {
|
|
return computedStyleCache[nodeRef];
|
|
}
|
|
|
|
var style = window.getComputedStyle(node);
|
|
var boxSizing = style.getPropertyValue('box-sizing') || style.getPropertyValue('-moz-box-sizing') || style.getPropertyValue('-webkit-box-sizing');
|
|
var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
|
|
var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));
|
|
var sizingStyle = SIZING_STYLE.map(function (name) {
|
|
return "".concat(name, ":").concat(style.getPropertyValue(name));
|
|
}).join(';');
|
|
var nodeInfo = {
|
|
sizingStyle: sizingStyle,
|
|
paddingSize: paddingSize,
|
|
borderSize: borderSize,
|
|
boxSizing: boxSizing
|
|
};
|
|
|
|
if (useCache && nodeRef) {
|
|
computedStyleCache[nodeRef] = nodeInfo;
|
|
}
|
|
|
|
return nodeInfo;
|
|
}
|
|
function calculateNodeHeight(uiTextNode) {
|
|
var useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
var minRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
var maxRows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
|
|
if (!hiddenTextarea) {
|
|
hiddenTextarea = document.createElement('textarea');
|
|
hiddenTextarea.setAttribute('tab-index', '-1');
|
|
hiddenTextarea.setAttribute('aria-hidden', 'true');
|
|
document.body.appendChild(hiddenTextarea);
|
|
} // Fix wrap="off" issue
|
|
// https://github.com/ant-design/ant-design/issues/6577
|
|
|
|
|
|
if (uiTextNode.getAttribute('wrap')) {
|
|
hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap'));
|
|
} else {
|
|
hiddenTextarea.removeAttribute('wrap');
|
|
} // Copy all CSS properties that have an impact on the height of the content in
|
|
// the textbox
|
|
|
|
|
|
var _calculateNodeStyling = calculateNodeStyling(uiTextNode, useCache),
|
|
paddingSize = _calculateNodeStyling.paddingSize,
|
|
borderSize = _calculateNodeStyling.borderSize,
|
|
boxSizing = _calculateNodeStyling.boxSizing,
|
|
sizingStyle = _calculateNodeStyling.sizingStyle; // Need to have the overflow attribute to hide the scrollbar otherwise
|
|
// text-lines will not calculated properly as the shadow will technically be
|
|
// narrower for content
|
|
|
|
|
|
hiddenTextarea.setAttribute('style', "".concat(sizingStyle, ";").concat(HIDDEN_TEXTAREA_STYLE));
|
|
hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || '';
|
|
var minHeight = Number.MIN_SAFE_INTEGER;
|
|
var maxHeight = Number.MAX_SAFE_INTEGER;
|
|
var height = hiddenTextarea.scrollHeight;
|
|
var overflowY;
|
|
|
|
if (boxSizing === 'border-box') {
|
|
// border-box: add border, since height = content + padding + border
|
|
height += borderSize;
|
|
} else if (boxSizing === 'content-box') {
|
|
// remove padding, since height = content
|
|
height -= paddingSize;
|
|
}
|
|
|
|
if (minRows !== null || maxRows !== null) {
|
|
// measure height of a textarea with a single row
|
|
hiddenTextarea.value = ' ';
|
|
var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
|
|
|
|
if (minRows !== null) {
|
|
minHeight = singleRowHeight * minRows;
|
|
|
|
if (boxSizing === 'border-box') {
|
|
minHeight = minHeight + paddingSize + borderSize;
|
|
}
|
|
|
|
height = Math.max(minHeight, height);
|
|
}
|
|
|
|
if (maxRows !== null) {
|
|
maxHeight = singleRowHeight * maxRows;
|
|
|
|
if (boxSizing === 'border-box') {
|
|
maxHeight = maxHeight + paddingSize + borderSize;
|
|
}
|
|
|
|
overflowY = height > maxHeight ? '' : 'hidden';
|
|
height = Math.min(maxHeight, height);
|
|
}
|
|
}
|
|
|
|
return {
|
|
height: height,
|
|
minHeight: minHeight,
|
|
maxHeight: maxHeight,
|
|
overflowY: overflowY,
|
|
resize: 'none'
|
|
};
|
|
}
|
|
// EXTERNAL MODULE: ./node_modules/shallowequal/index.js
|
|
var shallowequal = __webpack_require__("Gytx");
|
|
var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-textarea/es/ResizableTextArea.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
|
|
var RESIZE_STATUS;
|
|
|
|
(function (RESIZE_STATUS) {
|
|
RESIZE_STATUS[RESIZE_STATUS["NONE"] = 0] = "NONE";
|
|
RESIZE_STATUS[RESIZE_STATUS["RESIZING"] = 1] = "RESIZING";
|
|
RESIZE_STATUS[RESIZE_STATUS["RESIZED"] = 2] = "RESIZED";
|
|
})(RESIZE_STATUS || (RESIZE_STATUS = {}));
|
|
|
|
var ResizableTextArea_ResizableTextArea = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(ResizableTextArea, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(ResizableTextArea);
|
|
|
|
function ResizableTextArea(props) {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, ResizableTextArea);
|
|
|
|
_this = _super.call(this, props);
|
|
_this.nextFrameActionId = void 0;
|
|
_this.resizeFrameId = void 0;
|
|
_this.textArea = void 0;
|
|
|
|
_this.saveTextArea = function (textArea) {
|
|
_this.textArea = textArea;
|
|
};
|
|
|
|
_this.handleResize = function (size) {
|
|
var resizeStatus = _this.state.resizeStatus;
|
|
var _this$props = _this.props,
|
|
autoSize = _this$props.autoSize,
|
|
onResize = _this$props.onResize;
|
|
|
|
if (resizeStatus !== RESIZE_STATUS.NONE) {
|
|
return;
|
|
}
|
|
|
|
if (typeof onResize === 'function') {
|
|
onResize(size);
|
|
}
|
|
|
|
if (autoSize) {
|
|
_this.resizeOnNextFrame();
|
|
}
|
|
};
|
|
|
|
_this.resizeOnNextFrame = function () {
|
|
cancelAnimationFrame(_this.nextFrameActionId);
|
|
_this.nextFrameActionId = requestAnimationFrame(_this.resizeTextarea);
|
|
};
|
|
|
|
_this.resizeTextarea = function () {
|
|
var autoSize = _this.props.autoSize;
|
|
|
|
if (!autoSize || !_this.textArea) {
|
|
return;
|
|
}
|
|
|
|
var minRows = autoSize.minRows,
|
|
maxRows = autoSize.maxRows;
|
|
var textareaStyles = calculateNodeHeight(_this.textArea, false, minRows, maxRows);
|
|
|
|
_this.setState({
|
|
textareaStyles: textareaStyles,
|
|
resizeStatus: RESIZE_STATUS.RESIZING
|
|
}, function () {
|
|
cancelAnimationFrame(_this.resizeFrameId);
|
|
_this.resizeFrameId = requestAnimationFrame(function () {
|
|
_this.setState({
|
|
resizeStatus: RESIZE_STATUS.RESIZED
|
|
}, function () {
|
|
_this.resizeFrameId = requestAnimationFrame(function () {
|
|
_this.setState({
|
|
resizeStatus: RESIZE_STATUS.NONE
|
|
});
|
|
|
|
_this.fixFirefoxAutoScroll();
|
|
});
|
|
});
|
|
});
|
|
});
|
|
};
|
|
|
|
_this.renderTextArea = function () {
|
|
var _this$props2 = _this.props,
|
|
_this$props2$prefixCl = _this$props2.prefixCls,
|
|
prefixCls = _this$props2$prefixCl === void 0 ? 'rc-textarea' : _this$props2$prefixCl,
|
|
autoSize = _this$props2.autoSize,
|
|
onResize = _this$props2.onResize,
|
|
className = _this$props2.className,
|
|
disabled = _this$props2.disabled;
|
|
var _this$state = _this.state,
|
|
textareaStyles = _this$state.textareaStyles,
|
|
resizeStatus = _this$state.resizeStatus;
|
|
var otherProps = Object(omit["a" /* default */])(_this.props, ['prefixCls', 'onPressEnter', 'autoSize', 'defaultValue', 'onResize']);
|
|
var cls = classnames_default()(prefixCls, className, Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), disabled)); // Fix https://github.com/ant-design/ant-design/issues/6776
|
|
// Make sure it could be reset when using form.getFieldDecorator
|
|
|
|
if ('value' in otherProps) {
|
|
otherProps.value = otherProps.value || '';
|
|
}
|
|
|
|
var style = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, _this.props.style), textareaStyles), resizeStatus === RESIZE_STATUS.RESIZING ? // React will warning when mix `overflow` & `overflowY`.
|
|
// We need to define this separately.
|
|
{
|
|
overflowX: 'hidden',
|
|
overflowY: 'hidden'
|
|
} : null);
|
|
|
|
return /*#__PURE__*/external_window_React_["createElement"](es, {
|
|
onResize: _this.handleResize,
|
|
disabled: !(autoSize || onResize)
|
|
}, /*#__PURE__*/external_window_React_["createElement"]("textarea", Object(esm_extends["a" /* default */])({}, otherProps, {
|
|
className: cls,
|
|
style: style,
|
|
ref: _this.saveTextArea
|
|
})));
|
|
};
|
|
|
|
_this.state = {
|
|
textareaStyles: {},
|
|
resizeStatus: RESIZE_STATUS.NONE
|
|
};
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(ResizableTextArea, [{
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate(prevProps) {
|
|
// Re-render with the new content or new autoSize property then recalculate the height as required.
|
|
if (prevProps.value !== this.props.value || !shallowequal_default()(prevProps.autoSize, this.props.autoSize)) {
|
|
this.resizeTextarea();
|
|
}
|
|
}
|
|
}, {
|
|
key: "componentWillUnmount",
|
|
value: function componentWillUnmount() {
|
|
cancelAnimationFrame(this.nextFrameActionId);
|
|
cancelAnimationFrame(this.resizeFrameId);
|
|
} // https://github.com/ant-design/ant-design/issues/21870
|
|
|
|
}, {
|
|
key: "fixFirefoxAutoScroll",
|
|
value: function fixFirefoxAutoScroll() {
|
|
try {
|
|
if (document.activeElement === this.textArea) {
|
|
var currentStart = this.textArea.selectionStart;
|
|
var currentEnd = this.textArea.selectionEnd;
|
|
this.textArea.setSelectionRange(currentStart, currentEnd);
|
|
}
|
|
} catch (e) {// Fix error in Chrome:
|
|
// Failed to read the 'selectionStart' property from 'HTMLInputElement'
|
|
// http://stackoverflow.com/q/21177489/3040605
|
|
}
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
return this.renderTextArea();
|
|
}
|
|
}]);
|
|
|
|
return ResizableTextArea;
|
|
}(external_window_React_["Component"]);
|
|
|
|
/* harmony default export */ var es_ResizableTextArea = (ResizableTextArea_ResizableTextArea);
|
|
// CONCATENATED MODULE: ./node_modules/rc-textarea/es/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var es_TextArea = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(TextArea, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(TextArea);
|
|
|
|
function TextArea(props) {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, TextArea);
|
|
|
|
_this = _super.call(this, props);
|
|
_this.resizableTextArea = void 0;
|
|
|
|
_this.focus = function () {
|
|
_this.resizableTextArea.textArea.focus();
|
|
};
|
|
|
|
_this.saveTextArea = function (resizableTextArea) {
|
|
_this.resizableTextArea = resizableTextArea;
|
|
};
|
|
|
|
_this.handleChange = function (e) {
|
|
var onChange = _this.props.onChange;
|
|
|
|
_this.setValue(e.target.value, function () {
|
|
_this.resizableTextArea.resizeTextarea();
|
|
});
|
|
|
|
if (onChange) {
|
|
onChange(e);
|
|
}
|
|
};
|
|
|
|
_this.handleKeyDown = function (e) {
|
|
var _this$props = _this.props,
|
|
onPressEnter = _this$props.onPressEnter,
|
|
onKeyDown = _this$props.onKeyDown;
|
|
|
|
if (e.keyCode === 13 && onPressEnter) {
|
|
onPressEnter(e);
|
|
}
|
|
|
|
if (onKeyDown) {
|
|
onKeyDown(e);
|
|
}
|
|
};
|
|
|
|
var value = typeof props.value === 'undefined' || props.value === null ? props.defaultValue : props.value;
|
|
_this.state = {
|
|
value: value
|
|
};
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(TextArea, [{
|
|
key: "setValue",
|
|
value: function setValue(value, callback) {
|
|
if (!('value' in this.props)) {
|
|
this.setState({
|
|
value: value
|
|
}, callback);
|
|
}
|
|
}
|
|
}, {
|
|
key: "blur",
|
|
value: function blur() {
|
|
this.resizableTextArea.textArea.blur();
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
return /*#__PURE__*/external_window_React_["createElement"](es_ResizableTextArea, Object(esm_extends["a" /* default */])({}, this.props, {
|
|
value: this.state.value,
|
|
onKeyDown: this.handleKeyDown,
|
|
onChange: this.handleChange,
|
|
ref: this.saveTextArea
|
|
}));
|
|
}
|
|
}], [{
|
|
key: "getDerivedStateFromProps",
|
|
value: function getDerivedStateFromProps(nextProps) {
|
|
if ('value' in nextProps) {
|
|
return {
|
|
value: nextProps.value
|
|
};
|
|
}
|
|
|
|
return null;
|
|
}
|
|
}]);
|
|
|
|
return TextArea;
|
|
}(external_window_React_["Component"]);
|
|
|
|
|
|
/* harmony default export */ var rc_textarea_es = __webpack_exports__["default"] = (es_TextArea);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "ZpRC":
|
|
/*!*************************************************************************!*\
|
|
!*** ./node_modules/scroll-into-view-if-needed/es/index.js + 1 modules ***!
|
|
\*************************************************************************/
|
|
/*! exports provided: default */
|
|
/*! exports used: default */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// CONCATENATED MODULE: ./node_modules/compute-scroll-into-view/dist/index.module.js
|
|
function t(t){return"object"==typeof t&&null!=t&&1===t.nodeType}function e(t,e){return(!e||"hidden"!==t)&&"visible"!==t&&"clip"!==t}function n(t,n){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var r=getComputedStyle(t,null);return e(r.overflowY,n)||e(r.overflowX,n)||function(t){var e=function(t){if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}}(t);return!!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)}(t)}return!1}function r(t,e,n,r,i,o,l,d){return o<t&&l>e||o>t&&l<e?0:o<=t&&d<=n||l>=e&&d>=n?o-t-r:l>e&&d<n||o<t&&d>n?l-e+i:0}/* harmony default export */ var index_module = (function(e,i){var o=window,l=i.scrollMode,d=i.block,u=i.inline,h=i.boundary,a=i.skipOverflowHiddenElements,c="function"==typeof h?h:function(t){return t!==h};if(!t(e))throw new TypeError("Invalid target");for(var f=document.scrollingElement||document.documentElement,s=[],p=e;t(p)&&c(p);){if((p=p.parentElement)===f){s.push(p);break}null!=p&&p===document.body&&n(p)&&!n(document.documentElement)||null!=p&&n(p,a)&&s.push(p)}for(var m=o.visualViewport?o.visualViewport.width:innerWidth,g=o.visualViewport?o.visualViewport.height:innerHeight,w=window.scrollX||pageXOffset,v=window.scrollY||pageYOffset,W=e.getBoundingClientRect(),b=W.height,H=W.width,y=W.top,E=W.right,M=W.bottom,V=W.left,x="start"===d||"nearest"===d?y:"end"===d?M:y+b/2,I="center"===u?V+H/2:"end"===u?E:V,C=[],T=0;T<s.length;T++){var k=s[T],B=k.getBoundingClientRect(),D=B.height,O=B.width,R=B.top,X=B.right,Y=B.bottom,L=B.left;if("if-needed"===l&&y>=0&&V>=0&&M<=g&&E<=m&&y>=R&&M<=Y&&V>=L&&E<=X)return C;var S=getComputedStyle(k),j=parseInt(S.borderLeftWidth,10),q=parseInt(S.borderTopWidth,10),z=parseInt(S.borderRightWidth,10),A=parseInt(S.borderBottomWidth,10),F=0,G=0,J="offsetWidth"in k?k.offsetWidth-k.clientWidth-j-z:0,K="offsetHeight"in k?k.offsetHeight-k.clientHeight-q-A:0;if(f===k)F="start"===d?x:"end"===d?x-g:"nearest"===d?r(v,v+g,g,q,A,v+x,v+x+b,b):x-g/2,G="start"===u?I:"center"===u?I-m/2:"end"===u?I-m:r(w,w+m,m,j,z,w+I,w+I+H,H),F=Math.max(0,F+v),G=Math.max(0,G+w);else{F="start"===d?x-R-q:"end"===d?x-Y+A+K:"nearest"===d?r(R,Y,D,q,A+K,x,x+b,b):x-(R+D/2)+K/2,G="start"===u?I-L-j:"center"===u?I-(L+O/2)+J/2:"end"===u?I-X+z+J:r(L,X,O,j,z+J,I,I+H,H);var N=k.scrollLeft,P=k.scrollTop;x+=P-(F=Math.max(0,Math.min(P+F,k.scrollHeight-D+K))),I+=N-(G=Math.max(0,Math.min(N+G,k.scrollWidth-O+J)))}C.push({el:k,top:F,left:G})}return C});
|
|
//# sourceMappingURL=index.module.js.map
|
|
|
|
// CONCATENATED MODULE: ./node_modules/scroll-into-view-if-needed/es/index.js
|
|
|
|
|
|
function isOptionsObject(options) {
|
|
return options === Object(options) && Object.keys(options).length !== 0;
|
|
}
|
|
|
|
function defaultBehavior(actions, behavior) {
|
|
if (behavior === void 0) {
|
|
behavior = 'auto';
|
|
}
|
|
|
|
var canSmoothScroll = ('scrollBehavior' in document.body.style);
|
|
actions.forEach(function (_ref) {
|
|
var el = _ref.el,
|
|
top = _ref.top,
|
|
left = _ref.left;
|
|
|
|
if (el.scroll && canSmoothScroll) {
|
|
el.scroll({
|
|
top: top,
|
|
left: left,
|
|
behavior: behavior
|
|
});
|
|
} else {
|
|
el.scrollTop = top;
|
|
el.scrollLeft = left;
|
|
}
|
|
});
|
|
}
|
|
|
|
function getOptions(options) {
|
|
if (options === false) {
|
|
return {
|
|
block: 'end',
|
|
inline: 'nearest'
|
|
};
|
|
}
|
|
|
|
if (isOptionsObject(options)) {
|
|
return options;
|
|
}
|
|
|
|
return {
|
|
block: 'start',
|
|
inline: 'nearest'
|
|
};
|
|
}
|
|
|
|
function scrollIntoView(target, options) {
|
|
var targetIsDetached = !target.ownerDocument.documentElement.contains(target);
|
|
|
|
if (isOptionsObject(options) && typeof options.behavior === 'function') {
|
|
return options.behavior(targetIsDetached ? [] : index_module(target, options));
|
|
}
|
|
|
|
if (targetIsDetached) {
|
|
return;
|
|
}
|
|
|
|
var computeOptions = getOptions(options);
|
|
return defaultBehavior(index_module(target, computeOptions), computeOptions.behavior);
|
|
}
|
|
|
|
/* harmony default export */ var es = __webpack_exports__["a"] = (scrollIntoView);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "bT9E":
|
|
/*!*****************************************!*\
|
|
!*** ./node_modules/rc-util/es/omit.js ***!
|
|
\*****************************************/
|
|
/*! exports provided: default */
|
|
/*! exports used: default */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return omit; });
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "VTBJ");
|
|
|
|
function omit(obj, fields) {
|
|
var clone = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, obj);
|
|
|
|
if (Array.isArray(fields)) {
|
|
fields.forEach(function (key) {
|
|
delete clone[key];
|
|
});
|
|
}
|
|
|
|
return clone;
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "ogmK":
|
|
/*!*********************************************************!*\
|
|
!*** ./node_modules/rc-picker/es/index.js + 42 modules ***!
|
|
\*********************************************************/
|
|
/*! exports provided: PickerPanel, RangePicker, default */
|
|
/*! exports used: RangePicker, default */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createClass.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createSuper.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/defineProperty.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/inherits.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/typeof.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/classnames/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-trigger/es/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/KeyCode.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/hooks/useMemo.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/hooks/useMergedState.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/warning.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/shallowequal/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ es_RangePicker; });
|
|
|
|
// UNUSED EXPORTS: PickerPanel
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__("1OyB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__("vuIU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__("Ji7U");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__("LK+K");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__("rePB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__("VTBJ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__("ODXe");
|
|
|
|
// EXTERNAL MODULE: external "window.React"
|
|
var external_window_React_ = __webpack_require__("cDcd");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__("TSYQ");
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
|
|
var warning = __webpack_require__("Kwbf");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useMergedState.js
|
|
var useMergedState = __webpack_require__("6cGi");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__("U8pU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/KeyCode.js
|
|
var KeyCode = __webpack_require__("4IlW");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/PanelContext.js
|
|
|
|
var PanelContext = external_window_React_["createContext"]({});
|
|
/* harmony default export */ var es_PanelContext = (PanelContext);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/Header.js
|
|
|
|
|
|
var HIDDEN_STYLE = {
|
|
visibility: 'hidden'
|
|
};
|
|
|
|
function Header(_ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
_ref$prevIcon = _ref.prevIcon,
|
|
prevIcon = _ref$prevIcon === void 0 ? "\u2039" : _ref$prevIcon,
|
|
_ref$nextIcon = _ref.nextIcon,
|
|
nextIcon = _ref$nextIcon === void 0 ? "\u203A" : _ref$nextIcon,
|
|
_ref$superPrevIcon = _ref.superPrevIcon,
|
|
superPrevIcon = _ref$superPrevIcon === void 0 ? "\xAB" : _ref$superPrevIcon,
|
|
_ref$superNextIcon = _ref.superNextIcon,
|
|
superNextIcon = _ref$superNextIcon === void 0 ? "\xBB" : _ref$superNextIcon,
|
|
onSuperPrev = _ref.onSuperPrev,
|
|
onSuperNext = _ref.onSuperNext,
|
|
onPrev = _ref.onPrev,
|
|
onNext = _ref.onNext,
|
|
children = _ref.children;
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_PanelContext),
|
|
hideNextBtn = _React$useContext.hideNextBtn,
|
|
hidePrevBtn = _React$useContext.hidePrevBtn;
|
|
|
|
return external_window_React_["createElement"]("div", {
|
|
className: prefixCls
|
|
}, onSuperPrev && external_window_React_["createElement"]("button", {
|
|
type: "button",
|
|
onClick: onSuperPrev,
|
|
tabIndex: -1,
|
|
className: "".concat(prefixCls, "-super-prev-btn"),
|
|
style: hidePrevBtn ? HIDDEN_STYLE : {}
|
|
}, superPrevIcon), onPrev && external_window_React_["createElement"]("button", {
|
|
type: "button",
|
|
onClick: onPrev,
|
|
tabIndex: -1,
|
|
className: "".concat(prefixCls, "-prev-btn"),
|
|
style: hidePrevBtn ? HIDDEN_STYLE : {}
|
|
}, prevIcon), external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-view")
|
|
}, children), onNext && external_window_React_["createElement"]("button", {
|
|
type: "button",
|
|
onClick: onNext,
|
|
tabIndex: -1,
|
|
className: "".concat(prefixCls, "-next-btn"),
|
|
style: hideNextBtn ? HIDDEN_STYLE : {}
|
|
}, nextIcon), onSuperNext && external_window_React_["createElement"]("button", {
|
|
type: "button",
|
|
onClick: onSuperNext,
|
|
tabIndex: -1,
|
|
className: "".concat(prefixCls, "-super-next-btn"),
|
|
style: hideNextBtn ? HIDDEN_STYLE : {}
|
|
}, superNextIcon));
|
|
}
|
|
|
|
/* harmony default export */ var panels_Header = (Header);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/TimePanel/TimeHeader.js
|
|
|
|
|
|
|
|
|
|
function TimeHeader(props) {
|
|
var _React$useContext = external_window_React_["useContext"](es_PanelContext),
|
|
hideHeader = _React$useContext.hideHeader;
|
|
|
|
if (hideHeader) {
|
|
return null;
|
|
}
|
|
|
|
var prefixCls = props.prefixCls,
|
|
generateConfig = props.generateConfig,
|
|
locale = props.locale,
|
|
value = props.value,
|
|
format = props.format;
|
|
var headerPrefixCls = "".concat(prefixCls, "-header");
|
|
return external_window_React_["createElement"](panels_Header, {
|
|
prefixCls: headerPrefixCls
|
|
}, value ? generateConfig.locale.format(locale.locale, value, format) : "\xA0");
|
|
}
|
|
|
|
/* harmony default export */ var TimePanel_TimeHeader = (TimeHeader);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useMemo.js
|
|
var useMemo = __webpack_require__("YrtM");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
|
|
var toConsumableArray = __webpack_require__("KQm4");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/utils/uiUtil.js
|
|
|
|
|
|
var scrollIds = new Map();
|
|
/* eslint-disable no-param-reassign */
|
|
|
|
function scrollTo(element, to, duration) {
|
|
if (scrollIds.get(element)) {
|
|
cancelAnimationFrame(scrollIds.get(element));
|
|
} // jump to target if duration zero
|
|
|
|
|
|
if (duration <= 0) {
|
|
scrollIds.set(element, requestAnimationFrame(function () {
|
|
element.scrollTop = to;
|
|
}));
|
|
return;
|
|
}
|
|
|
|
var difference = to - element.scrollTop;
|
|
var perTick = difference / duration * 10;
|
|
scrollIds.set(element, requestAnimationFrame(function () {
|
|
element.scrollTop += perTick;
|
|
|
|
if (element.scrollTop !== to) {
|
|
scrollTo(element, to, duration - 10);
|
|
}
|
|
}));
|
|
}
|
|
function createKeyDownHandler(event, _ref) {
|
|
var onLeftRight = _ref.onLeftRight,
|
|
onCtrlLeftRight = _ref.onCtrlLeftRight,
|
|
onUpDown = _ref.onUpDown,
|
|
onPageUpDown = _ref.onPageUpDown,
|
|
onEnter = _ref.onEnter;
|
|
var which = event.which,
|
|
ctrlKey = event.ctrlKey,
|
|
metaKey = event.metaKey;
|
|
|
|
switch (which) {
|
|
case KeyCode["a" /* default */].LEFT:
|
|
if (ctrlKey || metaKey) {
|
|
if (onCtrlLeftRight) {
|
|
onCtrlLeftRight(-1);
|
|
return true;
|
|
}
|
|
} else if (onLeftRight) {
|
|
onLeftRight(-1);
|
|
return true;
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
|
|
break;
|
|
|
|
case KeyCode["a" /* default */].RIGHT:
|
|
if (ctrlKey || metaKey) {
|
|
if (onCtrlLeftRight) {
|
|
onCtrlLeftRight(1);
|
|
return true;
|
|
}
|
|
} else if (onLeftRight) {
|
|
onLeftRight(1);
|
|
return true;
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
|
|
break;
|
|
|
|
case KeyCode["a" /* default */].UP:
|
|
if (onUpDown) {
|
|
onUpDown(-1);
|
|
return true;
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
|
|
break;
|
|
|
|
case KeyCode["a" /* default */].DOWN:
|
|
if (onUpDown) {
|
|
onUpDown(1);
|
|
return true;
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
|
|
break;
|
|
|
|
case KeyCode["a" /* default */].PAGE_UP:
|
|
if (onPageUpDown) {
|
|
onPageUpDown(-1);
|
|
return true;
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
|
|
break;
|
|
|
|
case KeyCode["a" /* default */].PAGE_DOWN:
|
|
if (onPageUpDown) {
|
|
onPageUpDown(1);
|
|
return true;
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
|
|
break;
|
|
|
|
case KeyCode["a" /* default */].ENTER:
|
|
if (onEnter) {
|
|
onEnter();
|
|
return true;
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
|
|
break;
|
|
}
|
|
|
|
return false;
|
|
} // ===================== Format =====================
|
|
|
|
function getDefaultFormat(format, picker, showTime, use12Hours) {
|
|
var mergedFormat = format;
|
|
|
|
if (!mergedFormat) {
|
|
switch (picker) {
|
|
case 'time':
|
|
mergedFormat = use12Hours ? 'hh:mm:ss a' : 'HH:mm:ss';
|
|
break;
|
|
|
|
case 'week':
|
|
mergedFormat = 'gggg-wo';
|
|
break;
|
|
|
|
case 'month':
|
|
mergedFormat = 'YYYY-MM';
|
|
break;
|
|
|
|
case 'quarter':
|
|
mergedFormat = 'YYYY-[Q]Q';
|
|
break;
|
|
|
|
case 'year':
|
|
mergedFormat = 'YYYY';
|
|
break;
|
|
|
|
default:
|
|
mergedFormat = showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';
|
|
}
|
|
}
|
|
|
|
return mergedFormat;
|
|
}
|
|
function getInputSize(picker, format) {
|
|
var defaultSize = picker === 'time' ? 8 : 10;
|
|
return Math.max(defaultSize, format.length) + 2;
|
|
}
|
|
var uiUtil_globalClickFunc = null;
|
|
var clickCallbacks = new Set();
|
|
function addGlobalMouseDownEvent(callback) {
|
|
if (!uiUtil_globalClickFunc && typeof window !== 'undefined' && window.addEventListener) {
|
|
uiUtil_globalClickFunc = function globalClickFunc(e) {
|
|
// Clone a new list to avoid repeat trigger events
|
|
Object(toConsumableArray["a" /* default */])(clickCallbacks).forEach(function (queueFunc) {
|
|
queueFunc(e);
|
|
});
|
|
};
|
|
|
|
window.addEventListener('mousedown', uiUtil_globalClickFunc);
|
|
}
|
|
|
|
clickCallbacks.add(callback);
|
|
return function () {
|
|
clickCallbacks.delete(callback);
|
|
|
|
if (clickCallbacks.size === 0) {
|
|
window.removeEventListener('mousedown', uiUtil_globalClickFunc);
|
|
uiUtil_globalClickFunc = null;
|
|
}
|
|
};
|
|
} // ====================== Mode ======================
|
|
|
|
var getYearNextMode = function getYearNextMode(next) {
|
|
if (next === 'month' || next === 'date') {
|
|
return 'year';
|
|
}
|
|
|
|
return next;
|
|
};
|
|
|
|
var getMonthNextMode = function getMonthNextMode(next) {
|
|
if (next === 'date') {
|
|
return 'month';
|
|
}
|
|
|
|
return next;
|
|
};
|
|
|
|
var getQuarterNextMode = function getQuarterNextMode(next) {
|
|
if (next === 'month' || next === 'date') {
|
|
return 'quarter';
|
|
}
|
|
|
|
return next;
|
|
};
|
|
|
|
var getWeekNextMode = function getWeekNextMode(next) {
|
|
if (next === 'date') {
|
|
return 'week';
|
|
}
|
|
|
|
return next;
|
|
};
|
|
|
|
var PickerModeMap = {
|
|
year: getYearNextMode,
|
|
month: getMonthNextMode,
|
|
quarter: getQuarterNextMode,
|
|
week: getWeekNextMode,
|
|
time: null,
|
|
date: null
|
|
};
|
|
function elementsContains(elements, target) {
|
|
return elements.some(function (ele) {
|
|
return ele && ele.contains(target);
|
|
});
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/TimePanel/TimeUnitColumn.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function TimeUnitColumn(props) {
|
|
var prefixCls = props.prefixCls,
|
|
units = props.units,
|
|
onSelect = props.onSelect,
|
|
value = props.value,
|
|
active = props.active,
|
|
hideDisabledOptions = props.hideDisabledOptions;
|
|
var cellPrefixCls = "".concat(prefixCls, "-cell");
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_PanelContext),
|
|
open = _React$useContext.open;
|
|
|
|
var ulRef = external_window_React_["useRef"](null);
|
|
var liRefs = external_window_React_["useRef"](new Map()); // `useLayoutEffect` here to avoid blink by duration is 0
|
|
|
|
external_window_React_["useLayoutEffect"](function () {
|
|
var li = liRefs.current.get(value);
|
|
|
|
if (li && open !== false) {
|
|
scrollTo(ulRef.current, li.offsetTop, 120);
|
|
}
|
|
}, [value]);
|
|
external_window_React_["useLayoutEffect"](function () {
|
|
if (open) {
|
|
var li = liRefs.current.get(value);
|
|
|
|
if (li) {
|
|
scrollTo(ulRef.current, li.offsetTop, 0);
|
|
}
|
|
}
|
|
}, [open]);
|
|
return external_window_React_["createElement"]("ul", {
|
|
className: classnames_default()("".concat(prefixCls, "-column"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-column-active"), active)),
|
|
ref: ulRef,
|
|
style: {
|
|
position: 'relative'
|
|
}
|
|
}, units.map(function (unit) {
|
|
var _classNames2;
|
|
|
|
if (hideDisabledOptions && unit.disabled) {
|
|
return null;
|
|
}
|
|
|
|
return external_window_React_["createElement"]("li", {
|
|
key: unit.value,
|
|
ref: function ref(element) {
|
|
liRefs.current.set(unit.value, element);
|
|
},
|
|
className: classnames_default()(cellPrefixCls, (_classNames2 = {}, Object(defineProperty["a" /* default */])(_classNames2, "".concat(cellPrefixCls, "-disabled"), unit.disabled), Object(defineProperty["a" /* default */])(_classNames2, "".concat(cellPrefixCls, "-selected"), value === unit.value), _classNames2)),
|
|
onClick: function onClick() {
|
|
if (unit.disabled) {
|
|
return;
|
|
}
|
|
|
|
onSelect(unit.value);
|
|
}
|
|
}, external_window_React_["createElement"]("div", {
|
|
className: "".concat(cellPrefixCls, "-inner")
|
|
}, unit.label));
|
|
}));
|
|
}
|
|
|
|
/* harmony default export */ var TimePanel_TimeUnitColumn = (TimeUnitColumn);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/utils/miscUtil.js
|
|
function leftPad(str, length) {
|
|
var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
|
|
var current = String(str);
|
|
|
|
while (current.length < length) {
|
|
current = "".concat(fill).concat(str);
|
|
}
|
|
|
|
return current;
|
|
}
|
|
var tuple = function tuple() {
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
|
|
return args;
|
|
};
|
|
function toArray(val) {
|
|
if (val === null || val === undefined) {
|
|
return [];
|
|
}
|
|
|
|
return Array.isArray(val) ? val : [val];
|
|
}
|
|
function getDataOrAriaProps(props) {
|
|
var retProps = {};
|
|
Object.keys(props).forEach(function (key) {
|
|
if ((key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role' || key === 'name') && key.substr(0, 7) !== 'data-__') {
|
|
retProps[key] = props[key];
|
|
}
|
|
});
|
|
return retProps;
|
|
}
|
|
function getValue(values, index) {
|
|
return values ? values[index] : null;
|
|
}
|
|
function updateValues(values, value, index) {
|
|
var newValues = [getValue(values, 0), getValue(values, 1)];
|
|
newValues[index] = typeof value === 'function' ? value(newValues[index]) : value;
|
|
|
|
if (!newValues[0] && !newValues[1]) {
|
|
return null;
|
|
}
|
|
|
|
return newValues;
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/utils/timeUtil.js
|
|
function timeUtil_setTime(generateConfig, date, hour, minute, second) {
|
|
var nextTime = generateConfig.setHour(date, hour);
|
|
nextTime = generateConfig.setMinute(nextTime, minute);
|
|
nextTime = generateConfig.setSecond(nextTime, second);
|
|
return nextTime;
|
|
}
|
|
function getLowerBoundTime(hour, minute, second, hourStep, minuteStep, secondStep) {
|
|
var lowerBoundHour = Math.floor(hour / hourStep) * hourStep;
|
|
|
|
if (lowerBoundHour < hour) {
|
|
return [lowerBoundHour, 60 - minuteStep, 60 - secondStep];
|
|
}
|
|
|
|
var lowerBoundMinute = Math.floor(minute / minuteStep) * minuteStep;
|
|
|
|
if (lowerBoundMinute < minute) {
|
|
return [lowerBoundHour, lowerBoundMinute, 60 - secondStep];
|
|
}
|
|
|
|
var lowerBoundSecond = Math.floor(second / secondStep) * secondStep;
|
|
return [lowerBoundHour, lowerBoundMinute, lowerBoundSecond];
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/TimePanel/TimeBody.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function shouldUnitsUpdate(prevUnits, nextUnits) {
|
|
if (prevUnits.length !== nextUnits.length) return true; // if any unit's disabled status is different, the units should be re-evaluted
|
|
|
|
for (var i = 0; i < prevUnits.length; i += 1) {
|
|
if (prevUnits[i].disabled !== nextUnits[i].disabled) return true;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
function generateUnits(start, end, step, disabledUnits) {
|
|
var units = [];
|
|
|
|
for (var i = start; i <= end; i += step) {
|
|
units.push({
|
|
label: leftPad(i, 2),
|
|
value: i,
|
|
disabled: (disabledUnits || []).includes(i)
|
|
});
|
|
}
|
|
|
|
return units;
|
|
}
|
|
|
|
function TimeBody(props) {
|
|
var generateConfig = props.generateConfig,
|
|
prefixCls = props.prefixCls,
|
|
operationRef = props.operationRef,
|
|
activeColumnIndex = props.activeColumnIndex,
|
|
value = props.value,
|
|
showHour = props.showHour,
|
|
showMinute = props.showMinute,
|
|
showSecond = props.showSecond,
|
|
use12Hours = props.use12Hours,
|
|
_props$hourStep = props.hourStep,
|
|
hourStep = _props$hourStep === void 0 ? 1 : _props$hourStep,
|
|
_props$minuteStep = props.minuteStep,
|
|
minuteStep = _props$minuteStep === void 0 ? 1 : _props$minuteStep,
|
|
_props$secondStep = props.secondStep,
|
|
secondStep = _props$secondStep === void 0 ? 1 : _props$secondStep,
|
|
disabledHours = props.disabledHours,
|
|
disabledMinutes = props.disabledMinutes,
|
|
disabledSeconds = props.disabledSeconds,
|
|
hideDisabledOptions = props.hideDisabledOptions,
|
|
onSelect = props.onSelect;
|
|
var columns = [];
|
|
var contentPrefixCls = "".concat(prefixCls, "-content");
|
|
var columnPrefixCls = "".concat(prefixCls, "-time-panel");
|
|
var isPM;
|
|
var hour = value ? generateConfig.getHour(value) : -1;
|
|
var minute = value ? generateConfig.getMinute(value) : -1;
|
|
var second = value ? generateConfig.getSecond(value) : -1;
|
|
|
|
var setTime = function setTime(isNewPM, newHour, newMinute, newSecond) {
|
|
var newDate = value || generateConfig.getNow();
|
|
var mergedHour = Math.max(0, newHour);
|
|
var mergedMinute = Math.max(0, newMinute);
|
|
var mergedSecond = Math.max(0, newSecond);
|
|
newDate = timeUtil_setTime(generateConfig, newDate, !use12Hours || !isNewPM ? mergedHour : mergedHour + 12, mergedMinute, mergedSecond);
|
|
return newDate;
|
|
}; // ========================= Unit =========================
|
|
|
|
|
|
var rawHours = generateUnits(0, 23, hourStep, disabledHours && disabledHours());
|
|
var memorizedRawHours = Object(useMemo["a" /* default */])(function () {
|
|
return rawHours;
|
|
}, rawHours, shouldUnitsUpdate); // Should additional logic to handle 12 hours
|
|
|
|
if (use12Hours) {
|
|
isPM = hour >= 12; // -1 means should display AM
|
|
|
|
hour %= 12;
|
|
}
|
|
|
|
var _React$useMemo = external_window_React_["useMemo"](function () {
|
|
if (!use12Hours) {
|
|
return [false, false];
|
|
}
|
|
|
|
var AMPMDisabled = [true, true];
|
|
memorizedRawHours.forEach(function (_ref) {
|
|
var disabled = _ref.disabled,
|
|
hourValue = _ref.value;
|
|
if (disabled) return;
|
|
|
|
if (hourValue >= 12) {
|
|
AMPMDisabled[1] = false;
|
|
} else {
|
|
AMPMDisabled[0] = false;
|
|
}
|
|
});
|
|
return AMPMDisabled;
|
|
}, [use12Hours, memorizedRawHours]),
|
|
_React$useMemo2 = Object(slicedToArray["a" /* default */])(_React$useMemo, 2),
|
|
AMDisabled = _React$useMemo2[0],
|
|
PMDisabled = _React$useMemo2[1];
|
|
|
|
var hours = external_window_React_["useMemo"](function () {
|
|
if (!use12Hours) return memorizedRawHours;
|
|
return memorizedRawHours.filter(isPM ? function (hourMeta) {
|
|
return hourMeta.value >= 12;
|
|
} : function (hourMeta) {
|
|
return hourMeta.value < 12;
|
|
}).map(function (hourMeta) {
|
|
var hourValue = hourMeta.value % 12;
|
|
var hourLabel = hourValue === 0 ? '12' : leftPad(hourValue, 2);
|
|
return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, hourMeta), {}, {
|
|
label: hourLabel,
|
|
value: hourValue
|
|
});
|
|
});
|
|
}, [use12Hours, memorizedRawHours]);
|
|
var minutes = generateUnits(0, 59, minuteStep, disabledMinutes && disabledMinutes(hour));
|
|
var seconds = generateUnits(0, 59, secondStep, disabledSeconds && disabledSeconds(hour, minute)); // ====================== Operations ======================
|
|
|
|
operationRef.current = {
|
|
onUpDown: function onUpDown(diff) {
|
|
var column = columns[activeColumnIndex];
|
|
|
|
if (column) {
|
|
var valueIndex = column.units.findIndex(function (unit) {
|
|
return unit.value === column.value;
|
|
});
|
|
var unitLen = column.units.length;
|
|
|
|
for (var i = 1; i < unitLen; i += 1) {
|
|
var nextUnit = column.units[(valueIndex + diff * i + unitLen) % unitLen];
|
|
|
|
if (nextUnit.disabled !== true) {
|
|
column.onSelect(nextUnit.value);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}; // ======================== Render ========================
|
|
|
|
function addColumnNode(condition, node, columnValue, units, onColumnSelect) {
|
|
if (condition !== false) {
|
|
columns.push({
|
|
node: external_window_React_["cloneElement"](node, {
|
|
prefixCls: columnPrefixCls,
|
|
value: columnValue,
|
|
active: activeColumnIndex === columns.length,
|
|
onSelect: onColumnSelect,
|
|
units: units,
|
|
hideDisabledOptions: hideDisabledOptions
|
|
}),
|
|
onSelect: onColumnSelect,
|
|
value: columnValue,
|
|
units: units
|
|
});
|
|
}
|
|
} // Hour
|
|
|
|
|
|
addColumnNode(showHour, external_window_React_["createElement"](TimePanel_TimeUnitColumn, {
|
|
key: "hour"
|
|
}), hour, hours, function (num) {
|
|
onSelect(setTime(isPM, num, minute, second), 'mouse');
|
|
}); // Minute
|
|
|
|
addColumnNode(showMinute, external_window_React_["createElement"](TimePanel_TimeUnitColumn, {
|
|
key: "minute"
|
|
}), minute, minutes, function (num) {
|
|
onSelect(setTime(isPM, hour, num, second), 'mouse');
|
|
}); // Second
|
|
|
|
addColumnNode(showSecond, external_window_React_["createElement"](TimePanel_TimeUnitColumn, {
|
|
key: "second"
|
|
}), second, seconds, function (num) {
|
|
onSelect(setTime(isPM, hour, minute, num), 'mouse');
|
|
}); // 12 Hours
|
|
|
|
var PMIndex = -1;
|
|
|
|
if (typeof isPM === 'boolean') {
|
|
PMIndex = isPM ? 1 : 0;
|
|
}
|
|
|
|
addColumnNode(use12Hours === true, external_window_React_["createElement"](TimePanel_TimeUnitColumn, {
|
|
key: "12hours"
|
|
}), PMIndex, [{
|
|
label: 'AM',
|
|
value: 0,
|
|
disabled: AMDisabled
|
|
}, {
|
|
label: 'PM',
|
|
value: 1,
|
|
disabled: PMDisabled
|
|
}], function (num) {
|
|
onSelect(setTime(!!num, hour, minute, second), 'mouse');
|
|
});
|
|
return external_window_React_["createElement"]("div", {
|
|
className: contentPrefixCls
|
|
}, columns.map(function (_ref2) {
|
|
var node = _ref2.node;
|
|
return node;
|
|
}));
|
|
}
|
|
|
|
/* harmony default export */ var TimePanel_TimeBody = (TimeBody);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/TimePanel/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var countBoolean = function countBoolean(boolList) {
|
|
return boolList.filter(function (bool) {
|
|
return bool !== false;
|
|
}).length;
|
|
};
|
|
|
|
function TimePanel(props) {
|
|
var generateConfig = props.generateConfig,
|
|
_props$format = props.format,
|
|
format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
|
|
prefixCls = props.prefixCls,
|
|
active = props.active,
|
|
operationRef = props.operationRef,
|
|
showHour = props.showHour,
|
|
showMinute = props.showMinute,
|
|
showSecond = props.showSecond,
|
|
_props$use12Hours = props.use12Hours,
|
|
use12Hours = _props$use12Hours === void 0 ? false : _props$use12Hours,
|
|
onSelect = props.onSelect,
|
|
value = props.value;
|
|
var panelPrefixCls = "".concat(prefixCls, "-time-panel");
|
|
var bodyOperationRef = external_window_React_["useRef"](); // ======================= Keyboard =======================
|
|
|
|
var _React$useState = external_window_React_["useState"](-1),
|
|
_React$useState2 = Object(slicedToArray["a" /* default */])(_React$useState, 2),
|
|
activeColumnIndex = _React$useState2[0],
|
|
setActiveColumnIndex = _React$useState2[1];
|
|
|
|
var columnsCount = countBoolean([showHour, showMinute, showSecond, use12Hours]);
|
|
operationRef.current = {
|
|
onKeyDown: function onKeyDown(event) {
|
|
return createKeyDownHandler(event, {
|
|
onLeftRight: function onLeftRight(diff) {
|
|
setActiveColumnIndex((activeColumnIndex + diff + columnsCount) % columnsCount);
|
|
},
|
|
onUpDown: function onUpDown(diff) {
|
|
if (activeColumnIndex === -1) {
|
|
setActiveColumnIndex(0);
|
|
} else if (bodyOperationRef.current) {
|
|
bodyOperationRef.current.onUpDown(diff);
|
|
}
|
|
},
|
|
onEnter: function onEnter() {
|
|
onSelect(value || generateConfig.getNow(), 'key');
|
|
setActiveColumnIndex(-1);
|
|
}
|
|
});
|
|
},
|
|
onBlur: function onBlur() {
|
|
setActiveColumnIndex(-1);
|
|
}
|
|
};
|
|
return external_window_React_["createElement"]("div", {
|
|
className: classnames_default()(panelPrefixCls, Object(defineProperty["a" /* default */])({}, "".concat(panelPrefixCls, "-active"), active))
|
|
}, external_window_React_["createElement"](TimePanel_TimeHeader, Object.assign({}, props, {
|
|
format: format,
|
|
prefixCls: prefixCls
|
|
})), external_window_React_["createElement"](TimePanel_TimeBody, Object.assign({}, props, {
|
|
prefixCls: prefixCls,
|
|
activeColumnIndex: activeColumnIndex,
|
|
operationRef: bodyOperationRef
|
|
})));
|
|
}
|
|
|
|
/* harmony default export */ var panels_TimePanel = (TimePanel);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/utils/dateUtil.js
|
|
var WEEK_DAY_COUNT = 7;
|
|
function isNullEqual(value1, value2) {
|
|
if (!value1 && !value2) {
|
|
return true;
|
|
}
|
|
|
|
if (!value1 || !value2) {
|
|
return false;
|
|
}
|
|
|
|
return undefined;
|
|
}
|
|
function isSameDecade(generateConfig, decade1, decade2) {
|
|
var equal = isNullEqual(decade1, decade2);
|
|
|
|
if (typeof equal === 'boolean') {
|
|
return equal;
|
|
}
|
|
|
|
var num1 = Math.floor(generateConfig.getYear(decade1) / 10);
|
|
var num2 = Math.floor(generateConfig.getYear(decade2) / 10);
|
|
return num1 === num2;
|
|
}
|
|
function isSameYear(generateConfig, year1, year2) {
|
|
var equal = isNullEqual(year1, year2);
|
|
|
|
if (typeof equal === 'boolean') {
|
|
return equal;
|
|
}
|
|
|
|
return generateConfig.getYear(year1) === generateConfig.getYear(year2);
|
|
}
|
|
function getQuarter(generateConfig, date) {
|
|
var quota = Math.floor(generateConfig.getMonth(date) / 3);
|
|
return quota + 1;
|
|
}
|
|
function isSameQuarter(generateConfig, quarter1, quarter2) {
|
|
var equal = isNullEqual(quarter1, quarter2);
|
|
|
|
if (typeof equal === 'boolean') {
|
|
return equal;
|
|
}
|
|
|
|
return isSameYear(generateConfig, quarter1, quarter2) && getQuarter(generateConfig, quarter1) === getQuarter(generateConfig, quarter2);
|
|
}
|
|
function isSameMonth(generateConfig, month1, month2) {
|
|
var equal = isNullEqual(month1, month2);
|
|
|
|
if (typeof equal === 'boolean') {
|
|
return equal;
|
|
}
|
|
|
|
return isSameYear(generateConfig, month1, month2) && generateConfig.getMonth(month1) === generateConfig.getMonth(month2);
|
|
}
|
|
function isSameDate(generateConfig, date1, date2) {
|
|
var equal = isNullEqual(date1, date2);
|
|
|
|
if (typeof equal === 'boolean') {
|
|
return equal;
|
|
}
|
|
|
|
return generateConfig.getYear(date1) === generateConfig.getYear(date2) && generateConfig.getMonth(date1) === generateConfig.getMonth(date2) && generateConfig.getDate(date1) === generateConfig.getDate(date2);
|
|
}
|
|
function isSameTime(generateConfig, time1, time2) {
|
|
var equal = isNullEqual(time1, time2);
|
|
|
|
if (typeof equal === 'boolean') {
|
|
return equal;
|
|
}
|
|
|
|
return generateConfig.getHour(time1) === generateConfig.getHour(time2) && generateConfig.getMinute(time1) === generateConfig.getMinute(time2) && generateConfig.getSecond(time1) === generateConfig.getSecond(time2);
|
|
}
|
|
function isSameWeek(generateConfig, locale, date1, date2) {
|
|
var equal = isNullEqual(date1, date2);
|
|
|
|
if (typeof equal === 'boolean') {
|
|
return equal;
|
|
}
|
|
|
|
return generateConfig.locale.getWeek(locale, date1) === generateConfig.locale.getWeek(locale, date2);
|
|
}
|
|
function isEqual(generateConfig, value1, value2) {
|
|
return isSameDate(generateConfig, value1, value2) && isSameTime(generateConfig, value1, value2);
|
|
}
|
|
/** Between in date but not equal of date */
|
|
|
|
function isInRange(generateConfig, startDate, endDate, current) {
|
|
if (!startDate || !endDate || !current) {
|
|
return false;
|
|
}
|
|
|
|
return !isSameDate(generateConfig, startDate, current) && !isSameDate(generateConfig, endDate, current) && generateConfig.isAfter(current, startDate) && generateConfig.isAfter(endDate, current);
|
|
}
|
|
function getWeekStartDate(locale, generateConfig, value) {
|
|
var weekFirstDay = generateConfig.locale.getWeekFirstDay(locale);
|
|
var monthStartDate = generateConfig.setDate(value, 1);
|
|
var startDateWeekDay = generateConfig.getWeekDay(monthStartDate);
|
|
var alignStartDate = generateConfig.addDate(monthStartDate, weekFirstDay - startDateWeekDay);
|
|
|
|
if (generateConfig.getMonth(alignStartDate) === generateConfig.getMonth(value) && generateConfig.getDate(alignStartDate) > 1) {
|
|
alignStartDate = generateConfig.addDate(alignStartDate, -7);
|
|
}
|
|
|
|
return alignStartDate;
|
|
}
|
|
function getClosingViewDate(viewDate, picker, generateConfig) {
|
|
var offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
|
|
|
|
switch (picker) {
|
|
case 'year':
|
|
return generateConfig.addYear(viewDate, offset * 10);
|
|
|
|
case 'quarter':
|
|
case 'month':
|
|
return generateConfig.addYear(viewDate, offset);
|
|
|
|
default:
|
|
return generateConfig.addMonth(viewDate, offset);
|
|
}
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/RangeContext.js
|
|
|
|
var RangeContext = external_window_React_["createContext"]({});
|
|
/* harmony default export */ var es_RangeContext = (RangeContext);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/hooks/useCellClassName.js
|
|
|
|
|
|
|
|
function useCellClassName(_ref) {
|
|
var cellPrefixCls = _ref.cellPrefixCls,
|
|
generateConfig = _ref.generateConfig,
|
|
rangedValue = _ref.rangedValue,
|
|
hoverRangedValue = _ref.hoverRangedValue,
|
|
isInView = _ref.isInView,
|
|
isSameCell = _ref.isSameCell,
|
|
offsetCell = _ref.offsetCell,
|
|
today = _ref.today,
|
|
value = _ref.value;
|
|
|
|
function getClassName(currentDate) {
|
|
var _ref2;
|
|
|
|
var prevDate = offsetCell(currentDate, -1);
|
|
var nextDate = offsetCell(currentDate, 1);
|
|
var rangeStart = getValue(rangedValue, 0);
|
|
var rangeEnd = getValue(rangedValue, 1);
|
|
var hoverStart = getValue(hoverRangedValue, 0);
|
|
var hoverEnd = getValue(hoverRangedValue, 1);
|
|
var isRangeHovered = isInRange(generateConfig, hoverStart, hoverEnd, currentDate);
|
|
|
|
function isRangeStart(date) {
|
|
return isSameCell(rangeStart, date);
|
|
}
|
|
|
|
function isRangeEnd(date) {
|
|
return isSameCell(rangeEnd, date);
|
|
}
|
|
|
|
var isHoverStart = isSameCell(hoverStart, currentDate);
|
|
var isHoverEnd = isSameCell(hoverEnd, currentDate);
|
|
var isHoverEdgeStart = (isRangeHovered || isHoverEnd) && (!isInView(prevDate) || isRangeEnd(prevDate));
|
|
var isHoverEdgeEnd = (isRangeHovered || isHoverStart) && (!isInView(nextDate) || isRangeStart(nextDate));
|
|
return _ref2 = {}, Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-in-view"), isInView(currentDate)), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-in-range"), isInRange(generateConfig, rangeStart, rangeEnd, currentDate)), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-start"), isRangeStart(currentDate)), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-end"), isRangeEnd(currentDate)), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-start-single"), isRangeStart(currentDate) && !rangeEnd), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-end-single"), isRangeEnd(currentDate) && !rangeStart), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-start-near-hover"), isRangeStart(currentDate) && (isSameCell(prevDate, hoverStart) || isInRange(generateConfig, hoverStart, hoverEnd, prevDate))), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-end-near-hover"), isRangeEnd(currentDate) && (isSameCell(nextDate, hoverEnd) || isInRange(generateConfig, hoverStart, hoverEnd, nextDate))), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-hover"), isRangeHovered), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-hover-start"), isHoverStart), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-hover-end"), isHoverEnd), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-hover-edge-start"), isHoverEdgeStart), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-hover-edge-end"), isHoverEdgeEnd), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-hover-edge-start-near-range"), isHoverEdgeStart && isSameCell(prevDate, rangeEnd)), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-range-hover-edge-end-near-range"), isHoverEdgeEnd && isSameCell(nextDate, rangeStart)), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-today"), isSameCell(today, currentDate)), Object(defineProperty["a" /* default */])(_ref2, "".concat(cellPrefixCls, "-selected"), isSameCell(value, currentDate)), _ref2;
|
|
}
|
|
|
|
return getClassName;
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/PanelBody.js
|
|
|
|
|
|
|
|
|
|
|
|
function PanelBody(_ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
disabledDate = _ref.disabledDate,
|
|
onSelect = _ref.onSelect,
|
|
rowNum = _ref.rowNum,
|
|
colNum = _ref.colNum,
|
|
prefixColumn = _ref.prefixColumn,
|
|
rowClassName = _ref.rowClassName,
|
|
baseDate = _ref.baseDate,
|
|
getCellClassName = _ref.getCellClassName,
|
|
getCellText = _ref.getCellText,
|
|
getCellNode = _ref.getCellNode,
|
|
getCellDate = _ref.getCellDate,
|
|
titleCell = _ref.titleCell,
|
|
headerCells = _ref.headerCells;
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_PanelContext),
|
|
onDateMouseEnter = _React$useContext.onDateMouseEnter,
|
|
onDateMouseLeave = _React$useContext.onDateMouseLeave;
|
|
|
|
var cellPrefixCls = "".concat(prefixCls, "-cell"); // =============================== Body ===============================
|
|
|
|
var rows = [];
|
|
|
|
for (var i = 0; i < rowNum; i += 1) {
|
|
var row = [];
|
|
var rowStartDate = void 0;
|
|
|
|
var _loop = function _loop(j) {
|
|
var offset = i * colNum + j;
|
|
var currentDate = getCellDate(baseDate, offset);
|
|
var disabled = disabledDate && disabledDate(currentDate);
|
|
|
|
if (j === 0) {
|
|
rowStartDate = currentDate;
|
|
|
|
if (prefixColumn) {
|
|
row.push(prefixColumn(rowStartDate));
|
|
}
|
|
}
|
|
|
|
row.push(external_window_React_["createElement"]("td", {
|
|
key: j,
|
|
title: titleCell && titleCell(currentDate),
|
|
className: classnames_default()(cellPrefixCls, Object(objectSpread2["a" /* default */])(Object(defineProperty["a" /* default */])({}, "".concat(cellPrefixCls, "-disabled"), disabled), getCellClassName(currentDate))),
|
|
onClick: function onClick() {
|
|
if (!disabled) {
|
|
onSelect(currentDate);
|
|
}
|
|
},
|
|
onMouseEnter: function onMouseEnter() {
|
|
if (!disabled && onDateMouseEnter) {
|
|
onDateMouseEnter(currentDate);
|
|
}
|
|
},
|
|
onMouseLeave: function onMouseLeave() {
|
|
if (!disabled && onDateMouseLeave) {
|
|
onDateMouseLeave(currentDate);
|
|
}
|
|
}
|
|
}, getCellNode ? getCellNode(currentDate) : external_window_React_["createElement"]("div", {
|
|
className: "".concat(cellPrefixCls, "-inner")
|
|
}, getCellText(currentDate))));
|
|
};
|
|
|
|
for (var j = 0; j < colNum; j += 1) {
|
|
_loop(j);
|
|
}
|
|
|
|
rows.push(external_window_React_["createElement"]("tr", {
|
|
key: i,
|
|
className: rowClassName && rowClassName(rowStartDate)
|
|
}, row));
|
|
}
|
|
|
|
return external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-body")
|
|
}, external_window_React_["createElement"]("table", {
|
|
className: "".concat(prefixCls, "-content")
|
|
}, headerCells && external_window_React_["createElement"]("thead", null, external_window_React_["createElement"]("tr", null, headerCells)), external_window_React_["createElement"]("tbody", null, rows)));
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/DatePanel/DateBody.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 = external_window_React_["useContext"](es_RangeContext),
|
|
rangedValue = _React$useContext.rangedValue,
|
|
hoverRangedValue = _React$useContext.hoverRangedValue;
|
|
|
|
var baseDate = 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(external_window_React_["createElement"]("th", {
|
|
key: "empty",
|
|
"aria-label": "empty cell"
|
|
}));
|
|
}
|
|
|
|
for (var i = 0; i < WEEK_DAY_COUNT; i += 1) {
|
|
headerCells.push(external_window_React_["createElement"]("th", {
|
|
key: i
|
|
}, weekDaysLocale[(i + weekFirstDay) % WEEK_DAY_COUNT]));
|
|
} // =============================== Body ===============================
|
|
|
|
|
|
var getCellClassName = useCellClassName({
|
|
cellPrefixCls: cellPrefixCls,
|
|
today: today,
|
|
value: value,
|
|
generateConfig: generateConfig,
|
|
rangedValue: prefixColumn ? null : rangedValue,
|
|
hoverRangedValue: prefixColumn ? null : hoverRangedValue,
|
|
isSameCell: function isSameCell(current, target) {
|
|
return isSameDate(generateConfig, current, target);
|
|
},
|
|
isInView: function isInView(date) {
|
|
return 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 external_window_React_["createElement"](PanelBody, Object.assign({}, props, {
|
|
rowNum: rowCount,
|
|
colNum: 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
|
|
}));
|
|
}
|
|
|
|
/* harmony default export */ var DatePanel_DateBody = (DateBody);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/DatePanel/DateHeader.js
|
|
|
|
|
|
|
|
|
|
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 = external_window_React_["useContext"](es_PanelContext),
|
|
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 = external_window_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 = external_window_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 external_window_React_["createElement"](panels_Header, Object.assign({}, props, {
|
|
prefixCls: headerPrefixCls,
|
|
onSuperPrev: onPrevYear,
|
|
onPrev: onPrevMonth,
|
|
onNext: onNextMonth,
|
|
onSuperNext: onNextYear
|
|
}), monthYearNodes);
|
|
}
|
|
|
|
/* harmony default export */ var DatePanel_DateHeader = (DateHeader);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/DatePanel/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 createKeyDownHandler(event, Object(objectSpread2["a" /* default */])({
|
|
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 * 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 external_window_React_["createElement"]("div", {
|
|
className: classnames_default()(panelPrefixCls, Object(defineProperty["a" /* default */])({}, "".concat(panelPrefixCls, "-active"), active))
|
|
}, external_window_React_["createElement"](DatePanel_DateHeader, 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);
|
|
}
|
|
})), external_window_React_["createElement"](DatePanel_DateBody, Object.assign({}, props, {
|
|
onSelect: function onSelect(date) {
|
|
return _onSelect(date, 'mouse');
|
|
},
|
|
prefixCls: prefixCls,
|
|
value: value,
|
|
viewDate: viewDate,
|
|
rowCount: DATE_ROW_COUNT
|
|
})));
|
|
}
|
|
|
|
/* harmony default export */ var panels_DatePanel = (DatePanel);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/DatetimePanel/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function DatetimePanel_setTime(generateConfig, date, defaultDate) {
|
|
if (!defaultDate) {
|
|
return date;
|
|
}
|
|
|
|
var newDate = date;
|
|
newDate = generateConfig.setHour(newDate, generateConfig.getHour(defaultDate));
|
|
newDate = generateConfig.setMinute(newDate, generateConfig.getMinute(defaultDate));
|
|
newDate = generateConfig.setSecond(newDate, generateConfig.getSecond(defaultDate));
|
|
return newDate;
|
|
}
|
|
|
|
var ACTIVE_PANEL = tuple('date', 'time');
|
|
|
|
function DatetimePanel(props) {
|
|
var prefixCls = props.prefixCls,
|
|
operationRef = props.operationRef,
|
|
generateConfig = props.generateConfig,
|
|
value = props.value,
|
|
defaultValue = props.defaultValue,
|
|
disabledTime = props.disabledTime,
|
|
showTime = props.showTime,
|
|
onSelect = props.onSelect;
|
|
var panelPrefixCls = "".concat(prefixCls, "-datetime-panel");
|
|
|
|
var _React$useState = external_window_React_["useState"](null),
|
|
_React$useState2 = Object(slicedToArray["a" /* default */])(_React$useState, 2),
|
|
activePanel = _React$useState2[0],
|
|
setActivePanel = _React$useState2[1];
|
|
|
|
var dateOperationRef = external_window_React_["useRef"]({});
|
|
var timeOperationRef = external_window_React_["useRef"]({});
|
|
var timeProps = Object(esm_typeof["a" /* default */])(showTime) === 'object' ? Object(objectSpread2["a" /* default */])({}, showTime) : {}; // ======================= Keyboard =======================
|
|
|
|
function getNextActive(offset) {
|
|
var activeIndex = ACTIVE_PANEL.indexOf(activePanel) + offset;
|
|
var nextActivePanel = ACTIVE_PANEL[activeIndex] || null;
|
|
return nextActivePanel;
|
|
}
|
|
|
|
var onBlur = function onBlur(e) {
|
|
if (timeOperationRef.current.onBlur) {
|
|
timeOperationRef.current.onBlur(e);
|
|
}
|
|
|
|
setActivePanel(null);
|
|
};
|
|
|
|
operationRef.current = {
|
|
onKeyDown: function onKeyDown(event) {
|
|
// Switch active panel
|
|
if (event.which === KeyCode["a" /* default */].TAB) {
|
|
var nextActivePanel = getNextActive(event.shiftKey ? -1 : 1);
|
|
setActivePanel(nextActivePanel);
|
|
|
|
if (nextActivePanel) {
|
|
event.preventDefault();
|
|
}
|
|
|
|
return true;
|
|
} // Operate on current active panel
|
|
|
|
|
|
if (activePanel) {
|
|
var ref = activePanel === 'date' ? dateOperationRef : timeOperationRef;
|
|
|
|
if (ref.current && ref.current.onKeyDown) {
|
|
ref.current.onKeyDown(event);
|
|
}
|
|
|
|
return true;
|
|
} // Switch first active panel if operate without panel
|
|
|
|
|
|
if ([KeyCode["a" /* default */].LEFT, KeyCode["a" /* default */].RIGHT, KeyCode["a" /* default */].UP, KeyCode["a" /* default */].DOWN].includes(event.which)) {
|
|
setActivePanel('date');
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
},
|
|
onBlur: onBlur,
|
|
onClose: onBlur
|
|
}; // ======================== Events ========================
|
|
|
|
var onInternalSelect = function onInternalSelect(date, source) {
|
|
var selectedDate = date;
|
|
|
|
if (source === 'date' && !value && timeProps.defaultValue) {
|
|
// Date with time defaultValue
|
|
selectedDate = generateConfig.setHour(selectedDate, generateConfig.getHour(timeProps.defaultValue));
|
|
selectedDate = generateConfig.setMinute(selectedDate, generateConfig.getMinute(timeProps.defaultValue));
|
|
selectedDate = generateConfig.setSecond(selectedDate, generateConfig.getSecond(timeProps.defaultValue));
|
|
} else if (source === 'time' && !value && defaultValue) {
|
|
selectedDate = generateConfig.setYear(selectedDate, generateConfig.getYear(defaultValue));
|
|
selectedDate = generateConfig.setMonth(selectedDate, generateConfig.getMonth(defaultValue));
|
|
selectedDate = generateConfig.setDate(selectedDate, generateConfig.getDate(defaultValue));
|
|
}
|
|
|
|
if (onSelect) {
|
|
onSelect(selectedDate, 'mouse');
|
|
}
|
|
}; // ======================== Render ========================
|
|
|
|
|
|
var disabledTimes = disabledTime ? disabledTime(value || null) : {};
|
|
return external_window_React_["createElement"]("div", {
|
|
className: classnames_default()(panelPrefixCls, Object(defineProperty["a" /* default */])({}, "".concat(panelPrefixCls, "-active"), activePanel))
|
|
}, external_window_React_["createElement"](panels_DatePanel, Object.assign({}, props, {
|
|
operationRef: dateOperationRef,
|
|
active: activePanel === 'date',
|
|
onSelect: function onSelect(date) {
|
|
onInternalSelect(DatetimePanel_setTime(generateConfig, date, showTime && Object(esm_typeof["a" /* default */])(showTime) === 'object' ? showTime.defaultValue : null), 'date');
|
|
}
|
|
})), external_window_React_["createElement"](panels_TimePanel, Object.assign({}, props, {
|
|
format: undefined
|
|
}, timeProps, disabledTimes, {
|
|
defaultValue: undefined,
|
|
operationRef: timeOperationRef,
|
|
active: activePanel === 'time',
|
|
onSelect: function onSelect(date) {
|
|
onInternalSelect(date, 'time');
|
|
}
|
|
})));
|
|
}
|
|
|
|
/* harmony default export */ var panels_DatetimePanel = (DatetimePanel);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/WeekPanel/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function WeekPanel(props) {
|
|
var prefixCls = props.prefixCls,
|
|
generateConfig = props.generateConfig,
|
|
locale = props.locale,
|
|
value = props.value; // Render additional column
|
|
|
|
var cellPrefixCls = "".concat(prefixCls, "-cell");
|
|
|
|
var prefixColumn = function prefixColumn(date) {
|
|
return external_window_React_["createElement"]("td", {
|
|
key: "week",
|
|
className: classnames_default()(cellPrefixCls, "".concat(cellPrefixCls, "-week"))
|
|
}, generateConfig.locale.getWeek(locale.locale, date));
|
|
}; // Add row className
|
|
|
|
|
|
var rowPrefixCls = "".concat(prefixCls, "-week-panel-row");
|
|
|
|
var rowClassName = function rowClassName(date) {
|
|
return classnames_default()(rowPrefixCls, Object(defineProperty["a" /* default */])({}, "".concat(rowPrefixCls, "-selected"), isSameWeek(generateConfig, locale.locale, value, date)));
|
|
};
|
|
|
|
return external_window_React_["createElement"](panels_DatePanel, Object.assign({}, props, {
|
|
panelName: "week",
|
|
prefixColumn: prefixColumn,
|
|
rowClassName: rowClassName,
|
|
keyboardConfig: {
|
|
onLeftRight: null
|
|
}
|
|
}));
|
|
}
|
|
|
|
/* harmony default export */ var panels_WeekPanel = (WeekPanel);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/MonthPanel/MonthHeader.js
|
|
|
|
|
|
|
|
|
|
function MonthHeader(props) {
|
|
var prefixCls = props.prefixCls,
|
|
generateConfig = props.generateConfig,
|
|
locale = props.locale,
|
|
viewDate = props.viewDate,
|
|
onNextYear = props.onNextYear,
|
|
onPrevYear = props.onPrevYear,
|
|
onYearClick = props.onYearClick;
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_PanelContext),
|
|
hideHeader = _React$useContext.hideHeader;
|
|
|
|
if (hideHeader) {
|
|
return null;
|
|
}
|
|
|
|
var headerPrefixCls = "".concat(prefixCls, "-header");
|
|
return external_window_React_["createElement"](panels_Header, Object.assign({}, props, {
|
|
prefixCls: headerPrefixCls,
|
|
onSuperPrev: onPrevYear,
|
|
onSuperNext: onNextYear
|
|
}), external_window_React_["createElement"]("button", {
|
|
type: "button",
|
|
onClick: onYearClick,
|
|
className: "".concat(prefixCls, "-year-btn")
|
|
}, generateConfig.locale.format(locale.locale, viewDate, locale.yearFormat)));
|
|
}
|
|
|
|
/* harmony default export */ var MonthPanel_MonthHeader = (MonthHeader);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/MonthPanel/MonthBody.js
|
|
|
|
|
|
|
|
|
|
|
|
var MONTH_COL_COUNT = 3;
|
|
var MONTH_ROW_COUNT = 4;
|
|
|
|
function MonthBody(props) {
|
|
var prefixCls = props.prefixCls,
|
|
locale = props.locale,
|
|
value = props.value,
|
|
viewDate = props.viewDate,
|
|
generateConfig = props.generateConfig,
|
|
monthCellRender = props.monthCellRender;
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_RangeContext),
|
|
rangedValue = _React$useContext.rangedValue,
|
|
hoverRangedValue = _React$useContext.hoverRangedValue;
|
|
|
|
var cellPrefixCls = "".concat(prefixCls, "-cell");
|
|
var getCellClassName = useCellClassName({
|
|
cellPrefixCls: cellPrefixCls,
|
|
value: value,
|
|
generateConfig: generateConfig,
|
|
rangedValue: rangedValue,
|
|
hoverRangedValue: hoverRangedValue,
|
|
isSameCell: function isSameCell(current, target) {
|
|
return isSameMonth(generateConfig, current, target);
|
|
},
|
|
isInView: function isInView() {
|
|
return true;
|
|
},
|
|
offsetCell: function offsetCell(date, offset) {
|
|
return generateConfig.addMonth(date, offset);
|
|
}
|
|
});
|
|
var monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);
|
|
var baseMonth = generateConfig.setMonth(viewDate, 0);
|
|
var getCellNode = monthCellRender ? function (date) {
|
|
return monthCellRender(date, locale);
|
|
} : undefined;
|
|
return external_window_React_["createElement"](PanelBody, Object.assign({}, props, {
|
|
rowNum: MONTH_ROW_COUNT,
|
|
colNum: MONTH_COL_COUNT,
|
|
baseDate: baseMonth,
|
|
getCellNode: getCellNode,
|
|
getCellText: function getCellText(date) {
|
|
return locale.monthFormat ? generateConfig.locale.format(locale.locale, date, locale.monthFormat) : monthsLocale[generateConfig.getMonth(date)];
|
|
},
|
|
getCellClassName: getCellClassName,
|
|
getCellDate: generateConfig.addMonth,
|
|
titleCell: function titleCell(date) {
|
|
return generateConfig.locale.format(locale.locale, date, 'YYYY-MM');
|
|
}
|
|
}));
|
|
}
|
|
|
|
/* harmony default export */ var MonthPanel_MonthBody = (MonthBody);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/MonthPanel/index.js
|
|
|
|
|
|
|
|
|
|
|
|
function MonthPanel(props) {
|
|
var prefixCls = props.prefixCls,
|
|
operationRef = props.operationRef,
|
|
onViewDateChange = props.onViewDateChange,
|
|
generateConfig = props.generateConfig,
|
|
value = props.value,
|
|
viewDate = props.viewDate,
|
|
onPanelChange = props.onPanelChange,
|
|
_onSelect = props.onSelect;
|
|
var panelPrefixCls = "".concat(prefixCls, "-month-panel"); // ======================= Keyboard =======================
|
|
|
|
operationRef.current = {
|
|
onKeyDown: function onKeyDown(event) {
|
|
return createKeyDownHandler(event, {
|
|
onLeftRight: function onLeftRight(diff) {
|
|
_onSelect(generateConfig.addMonth(value || viewDate, diff), 'key');
|
|
},
|
|
onCtrlLeftRight: function onCtrlLeftRight(diff) {
|
|
_onSelect(generateConfig.addYear(value || viewDate, diff), 'key');
|
|
},
|
|
onUpDown: function onUpDown(diff) {
|
|
_onSelect(generateConfig.addMonth(value || viewDate, diff * MONTH_COL_COUNT), 'key');
|
|
},
|
|
onEnter: function onEnter() {
|
|
onPanelChange('date', value || viewDate);
|
|
}
|
|
});
|
|
}
|
|
}; // ==================== View Operation ====================
|
|
|
|
var onYearChange = function onYearChange(diff) {
|
|
var newDate = generateConfig.addYear(viewDate, diff);
|
|
onViewDateChange(newDate);
|
|
onPanelChange(null, newDate);
|
|
};
|
|
|
|
return external_window_React_["createElement"]("div", {
|
|
className: panelPrefixCls
|
|
}, external_window_React_["createElement"](MonthPanel_MonthHeader, Object.assign({}, props, {
|
|
prefixCls: prefixCls,
|
|
onPrevYear: function onPrevYear() {
|
|
onYearChange(-1);
|
|
},
|
|
onNextYear: function onNextYear() {
|
|
onYearChange(1);
|
|
},
|
|
onYearClick: function onYearClick() {
|
|
onPanelChange('year', viewDate);
|
|
}
|
|
})), external_window_React_["createElement"](MonthPanel_MonthBody, Object.assign({}, props, {
|
|
prefixCls: prefixCls,
|
|
onSelect: function onSelect(date) {
|
|
_onSelect(date, 'mouse');
|
|
|
|
onPanelChange('date', date);
|
|
}
|
|
})));
|
|
}
|
|
|
|
/* harmony default export */ var panels_MonthPanel = (MonthPanel);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/QuarterPanel/QuarterHeader.js
|
|
|
|
|
|
|
|
|
|
function QuarterHeader(props) {
|
|
var prefixCls = props.prefixCls,
|
|
generateConfig = props.generateConfig,
|
|
locale = props.locale,
|
|
viewDate = props.viewDate,
|
|
onNextYear = props.onNextYear,
|
|
onPrevYear = props.onPrevYear,
|
|
onYearClick = props.onYearClick;
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_PanelContext),
|
|
hideHeader = _React$useContext.hideHeader;
|
|
|
|
if (hideHeader) {
|
|
return null;
|
|
}
|
|
|
|
var headerPrefixCls = "".concat(prefixCls, "-header");
|
|
return external_window_React_["createElement"](panels_Header, Object.assign({}, props, {
|
|
prefixCls: headerPrefixCls,
|
|
onSuperPrev: onPrevYear,
|
|
onSuperNext: onNextYear
|
|
}), external_window_React_["createElement"]("button", {
|
|
type: "button",
|
|
onClick: onYearClick,
|
|
className: "".concat(prefixCls, "-year-btn")
|
|
}, generateConfig.locale.format(locale.locale, viewDate, locale.yearFormat)));
|
|
}
|
|
|
|
/* harmony default export */ var QuarterPanel_QuarterHeader = (QuarterHeader);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/QuarterPanel/QuarterBody.js
|
|
|
|
|
|
|
|
|
|
|
|
var QUARTER_COL_COUNT = 4;
|
|
var QUARTER_ROW_COUNT = 1;
|
|
|
|
function QuarterBody(props) {
|
|
var prefixCls = props.prefixCls,
|
|
locale = props.locale,
|
|
value = props.value,
|
|
viewDate = props.viewDate,
|
|
generateConfig = props.generateConfig;
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_RangeContext),
|
|
rangedValue = _React$useContext.rangedValue,
|
|
hoverRangedValue = _React$useContext.hoverRangedValue;
|
|
|
|
var cellPrefixCls = "".concat(prefixCls, "-cell");
|
|
var getCellClassName = useCellClassName({
|
|
cellPrefixCls: cellPrefixCls,
|
|
value: value,
|
|
generateConfig: generateConfig,
|
|
rangedValue: rangedValue,
|
|
hoverRangedValue: hoverRangedValue,
|
|
isSameCell: function isSameCell(current, target) {
|
|
return isSameQuarter(generateConfig, current, target);
|
|
},
|
|
isInView: function isInView() {
|
|
return true;
|
|
},
|
|
offsetCell: function offsetCell(date, offset) {
|
|
return generateConfig.addMonth(date, offset * 3);
|
|
}
|
|
});
|
|
var baseQuarter = generateConfig.setDate(generateConfig.setMonth(viewDate, 0), 1);
|
|
return external_window_React_["createElement"](PanelBody, Object.assign({}, props, {
|
|
rowNum: QUARTER_ROW_COUNT,
|
|
colNum: QUARTER_COL_COUNT,
|
|
baseDate: baseQuarter,
|
|
getCellText: function getCellText(date) {
|
|
return generateConfig.locale.format(locale.locale, date, locale.quarterFormat || '[Q]Q');
|
|
},
|
|
getCellClassName: getCellClassName,
|
|
getCellDate: function getCellDate(date, offset) {
|
|
return generateConfig.addMonth(date, offset * 3);
|
|
},
|
|
titleCell: function titleCell(date) {
|
|
return generateConfig.locale.format(locale.locale, date, 'YYYY-[Q]Q');
|
|
}
|
|
}));
|
|
}
|
|
|
|
/* harmony default export */ var QuarterPanel_QuarterBody = (QuarterBody);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/QuarterPanel/index.js
|
|
|
|
|
|
|
|
|
|
|
|
function QuarterPanel(props) {
|
|
var prefixCls = props.prefixCls,
|
|
operationRef = props.operationRef,
|
|
onViewDateChange = props.onViewDateChange,
|
|
generateConfig = props.generateConfig,
|
|
value = props.value,
|
|
viewDate = props.viewDate,
|
|
onPanelChange = props.onPanelChange,
|
|
_onSelect = props.onSelect;
|
|
var panelPrefixCls = "".concat(prefixCls, "-quarter-panel"); // ======================= Keyboard =======================
|
|
|
|
operationRef.current = {
|
|
onKeyDown: function onKeyDown(event) {
|
|
return createKeyDownHandler(event, {
|
|
onLeftRight: function onLeftRight(diff) {
|
|
_onSelect(generateConfig.addMonth(value || viewDate, diff * 3), 'key');
|
|
},
|
|
onCtrlLeftRight: function onCtrlLeftRight(diff) {
|
|
_onSelect(generateConfig.addYear(value || viewDate, diff), 'key');
|
|
},
|
|
onUpDown: function onUpDown(diff) {
|
|
_onSelect(generateConfig.addYear(value || viewDate, diff), 'key');
|
|
}
|
|
});
|
|
}
|
|
}; // ==================== View Operation ====================
|
|
|
|
var onYearChange = function onYearChange(diff) {
|
|
var newDate = generateConfig.addYear(viewDate, diff);
|
|
onViewDateChange(newDate);
|
|
onPanelChange(null, newDate);
|
|
};
|
|
|
|
return external_window_React_["createElement"]("div", {
|
|
className: panelPrefixCls
|
|
}, external_window_React_["createElement"](QuarterPanel_QuarterHeader, Object.assign({}, props, {
|
|
prefixCls: prefixCls,
|
|
onPrevYear: function onPrevYear() {
|
|
onYearChange(-1);
|
|
},
|
|
onNextYear: function onNextYear() {
|
|
onYearChange(1);
|
|
},
|
|
onYearClick: function onYearClick() {
|
|
onPanelChange('year', viewDate);
|
|
}
|
|
})), external_window_React_["createElement"](QuarterPanel_QuarterBody, Object.assign({}, props, {
|
|
prefixCls: prefixCls,
|
|
onSelect: function onSelect(date) {
|
|
_onSelect(date, 'mouse');
|
|
}
|
|
})));
|
|
}
|
|
|
|
/* harmony default export */ var panels_QuarterPanel = (QuarterPanel);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/YearPanel/YearHeader.js
|
|
|
|
|
|
|
|
|
|
|
|
function YearHeader(props) {
|
|
var prefixCls = props.prefixCls,
|
|
generateConfig = props.generateConfig,
|
|
viewDate = props.viewDate,
|
|
onPrevDecade = props.onPrevDecade,
|
|
onNextDecade = props.onNextDecade,
|
|
onDecadeClick = props.onDecadeClick;
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_PanelContext),
|
|
hideHeader = _React$useContext.hideHeader;
|
|
|
|
if (hideHeader) {
|
|
return null;
|
|
}
|
|
|
|
var headerPrefixCls = "".concat(prefixCls, "-header");
|
|
var yearNumber = generateConfig.getYear(viewDate);
|
|
var startYear = Math.floor(yearNumber / YEAR_DECADE_COUNT) * YEAR_DECADE_COUNT;
|
|
var endYear = startYear + YEAR_DECADE_COUNT - 1;
|
|
return external_window_React_["createElement"](panels_Header, Object.assign({}, props, {
|
|
prefixCls: headerPrefixCls,
|
|
onSuperPrev: onPrevDecade,
|
|
onSuperNext: onNextDecade
|
|
}), external_window_React_["createElement"]("button", {
|
|
type: "button",
|
|
onClick: onDecadeClick,
|
|
className: "".concat(prefixCls, "-decade-btn")
|
|
}, startYear, "-", endYear));
|
|
}
|
|
|
|
/* harmony default export */ var YearPanel_YearHeader = (YearHeader);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/YearPanel/YearBody.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var YEAR_COL_COUNT = 3;
|
|
var YEAR_ROW_COUNT = 4;
|
|
|
|
function YearBody(props) {
|
|
var prefixCls = props.prefixCls,
|
|
value = props.value,
|
|
viewDate = props.viewDate,
|
|
locale = props.locale,
|
|
generateConfig = props.generateConfig;
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_RangeContext),
|
|
rangedValue = _React$useContext.rangedValue,
|
|
hoverRangedValue = _React$useContext.hoverRangedValue;
|
|
|
|
var yearPrefixCls = "".concat(prefixCls, "-cell"); // =============================== Year ===============================
|
|
|
|
var yearNumber = generateConfig.getYear(viewDate);
|
|
var startYear = Math.floor(yearNumber / YEAR_DECADE_COUNT) * YEAR_DECADE_COUNT;
|
|
var endYear = startYear + YEAR_DECADE_COUNT - 1;
|
|
var baseYear = generateConfig.setYear(viewDate, startYear - Math.ceil((YEAR_COL_COUNT * YEAR_ROW_COUNT - YEAR_DECADE_COUNT) / 2));
|
|
|
|
var isInView = function isInView(date) {
|
|
var currentYearNumber = generateConfig.getYear(date);
|
|
return startYear <= currentYearNumber && currentYearNumber <= endYear;
|
|
};
|
|
|
|
var getCellClassName = useCellClassName({
|
|
cellPrefixCls: yearPrefixCls,
|
|
value: value,
|
|
generateConfig: generateConfig,
|
|
rangedValue: rangedValue,
|
|
hoverRangedValue: hoverRangedValue,
|
|
isSameCell: function isSameCell(current, target) {
|
|
return isSameYear(generateConfig, current, target);
|
|
},
|
|
isInView: isInView,
|
|
offsetCell: function offsetCell(date, offset) {
|
|
return generateConfig.addYear(date, offset);
|
|
}
|
|
});
|
|
return external_window_React_["createElement"](PanelBody, Object.assign({}, props, {
|
|
rowNum: YEAR_ROW_COUNT,
|
|
colNum: YEAR_COL_COUNT,
|
|
baseDate: baseYear,
|
|
getCellText: generateConfig.getYear,
|
|
getCellClassName: getCellClassName,
|
|
getCellDate: generateConfig.addYear,
|
|
titleCell: function titleCell(date) {
|
|
return generateConfig.locale.format(locale.locale, date, 'YYYY');
|
|
}
|
|
}));
|
|
}
|
|
|
|
/* harmony default export */ var YearPanel_YearBody = (YearBody);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/YearPanel/index.js
|
|
|
|
|
|
|
|
|
|
var YEAR_DECADE_COUNT = 10;
|
|
|
|
function YearPanel(props) {
|
|
var prefixCls = props.prefixCls,
|
|
operationRef = props.operationRef,
|
|
onViewDateChange = props.onViewDateChange,
|
|
generateConfig = props.generateConfig,
|
|
value = props.value,
|
|
viewDate = props.viewDate,
|
|
sourceMode = props.sourceMode,
|
|
_onSelect = props.onSelect,
|
|
onPanelChange = props.onPanelChange;
|
|
var panelPrefixCls = "".concat(prefixCls, "-year-panel"); // ======================= Keyboard =======================
|
|
|
|
operationRef.current = {
|
|
onKeyDown: function onKeyDown(event) {
|
|
return createKeyDownHandler(event, {
|
|
onLeftRight: function onLeftRight(diff) {
|
|
_onSelect(generateConfig.addYear(value || viewDate, diff), 'key');
|
|
},
|
|
onCtrlLeftRight: function onCtrlLeftRight(diff) {
|
|
_onSelect(generateConfig.addYear(value || viewDate, diff * YEAR_DECADE_COUNT), 'key');
|
|
},
|
|
onUpDown: function onUpDown(diff) {
|
|
_onSelect(generateConfig.addYear(value || viewDate, diff * YEAR_COL_COUNT), 'key');
|
|
},
|
|
onEnter: function onEnter() {
|
|
onPanelChange(sourceMode === 'date' ? 'date' : 'month', value || viewDate);
|
|
}
|
|
});
|
|
}
|
|
}; // ==================== View Operation ====================
|
|
|
|
var onDecadeChange = function onDecadeChange(diff) {
|
|
var newDate = generateConfig.addYear(viewDate, diff * 10);
|
|
onViewDateChange(newDate);
|
|
onPanelChange(null, newDate);
|
|
};
|
|
|
|
return external_window_React_["createElement"]("div", {
|
|
className: panelPrefixCls
|
|
}, external_window_React_["createElement"](YearPanel_YearHeader, Object.assign({}, props, {
|
|
prefixCls: prefixCls,
|
|
onPrevDecade: function onPrevDecade() {
|
|
onDecadeChange(-1);
|
|
},
|
|
onNextDecade: function onNextDecade() {
|
|
onDecadeChange(1);
|
|
},
|
|
onDecadeClick: function onDecadeClick() {
|
|
onPanelChange('decade', viewDate);
|
|
}
|
|
})), external_window_React_["createElement"](YearPanel_YearBody, Object.assign({}, props, {
|
|
prefixCls: prefixCls,
|
|
onSelect: function onSelect(date) {
|
|
onPanelChange(sourceMode === 'date' ? 'date' : 'month', date);
|
|
|
|
_onSelect(date, 'mouse');
|
|
}
|
|
})));
|
|
}
|
|
|
|
/* harmony default export */ var panels_YearPanel = (YearPanel);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/DecadePanel/DecadeHeader.js
|
|
|
|
|
|
|
|
|
|
|
|
function DecadeHeader(props) {
|
|
var prefixCls = props.prefixCls,
|
|
generateConfig = props.generateConfig,
|
|
viewDate = props.viewDate,
|
|
onPrevDecades = props.onPrevDecades,
|
|
onNextDecades = props.onNextDecades;
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_PanelContext),
|
|
hideHeader = _React$useContext.hideHeader;
|
|
|
|
if (hideHeader) {
|
|
return null;
|
|
}
|
|
|
|
var headerPrefixCls = "".concat(prefixCls, "-header");
|
|
var yearNumber = generateConfig.getYear(viewDate);
|
|
var startYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;
|
|
var endYear = startYear + DECADE_DISTANCE_COUNT - 1;
|
|
return external_window_React_["createElement"](panels_Header, Object.assign({}, props, {
|
|
prefixCls: headerPrefixCls,
|
|
onSuperPrev: onPrevDecades,
|
|
onSuperNext: onNextDecades
|
|
}), startYear, "-", endYear);
|
|
}
|
|
|
|
/* harmony default export */ var DecadePanel_DecadeHeader = (DecadeHeader);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/DecadePanel/DecadeBody.js
|
|
|
|
|
|
|
|
|
|
var DECADE_COL_COUNT = 3;
|
|
var DECADE_ROW_COUNT = 4;
|
|
|
|
function DecadeBody(props) {
|
|
var DECADE_UNIT_DIFF_DES = DECADE_UNIT_DIFF - 1;
|
|
var prefixCls = props.prefixCls,
|
|
viewDate = props.viewDate,
|
|
generateConfig = props.generateConfig,
|
|
disabledDate = props.disabledDate;
|
|
var cellPrefixCls = "".concat(prefixCls, "-cell");
|
|
var yearNumber = generateConfig.getYear(viewDate);
|
|
var decadeYearNumber = Math.floor(yearNumber / DECADE_UNIT_DIFF) * DECADE_UNIT_DIFF;
|
|
var startDecadeYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;
|
|
var endDecadeYear = startDecadeYear + DECADE_DISTANCE_COUNT - 1;
|
|
var baseDecadeYear = generateConfig.setYear(viewDate, startDecadeYear - Math.ceil((DECADE_COL_COUNT * DECADE_ROW_COUNT * DECADE_UNIT_DIFF - DECADE_DISTANCE_COUNT) / 2));
|
|
|
|
var getCellClassName = function getCellClassName(date) {
|
|
var _ref;
|
|
|
|
var disabled = disabledDate && disabledDate(date);
|
|
var startDecadeNumber = generateConfig.getYear(date);
|
|
var endDecadeNumber = startDecadeNumber + DECADE_UNIT_DIFF_DES;
|
|
return _ref = {}, Object(defineProperty["a" /* default */])(_ref, "".concat(cellPrefixCls, "-disabled"), disabled), Object(defineProperty["a" /* default */])(_ref, "".concat(cellPrefixCls, "-in-view"), startDecadeYear <= startDecadeNumber && endDecadeNumber <= endDecadeYear), Object(defineProperty["a" /* default */])(_ref, "".concat(cellPrefixCls, "-selected"), startDecadeNumber === decadeYearNumber), _ref;
|
|
};
|
|
|
|
return external_window_React_["createElement"](PanelBody, Object.assign({}, props, {
|
|
rowNum: DECADE_ROW_COUNT,
|
|
colNum: DECADE_COL_COUNT,
|
|
baseDate: baseDecadeYear,
|
|
getCellText: function getCellText(date) {
|
|
var startDecadeNumber = generateConfig.getYear(date);
|
|
return "".concat(startDecadeNumber, "-").concat(startDecadeNumber + DECADE_UNIT_DIFF_DES);
|
|
},
|
|
getCellClassName: getCellClassName,
|
|
getCellDate: function getCellDate(date, offset) {
|
|
return generateConfig.addYear(date, offset * DECADE_UNIT_DIFF);
|
|
}
|
|
}));
|
|
}
|
|
|
|
/* harmony default export */ var DecadePanel_DecadeBody = (DecadeBody);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/panels/DecadePanel/index.js
|
|
|
|
|
|
|
|
|
|
var DECADE_UNIT_DIFF = 10;
|
|
var DECADE_DISTANCE_COUNT = DECADE_UNIT_DIFF * 10;
|
|
|
|
function DecadePanel(props) {
|
|
var prefixCls = props.prefixCls,
|
|
onViewDateChange = props.onViewDateChange,
|
|
generateConfig = props.generateConfig,
|
|
viewDate = props.viewDate,
|
|
operationRef = props.operationRef,
|
|
onSelect = props.onSelect,
|
|
onPanelChange = props.onPanelChange;
|
|
var panelPrefixCls = "".concat(prefixCls, "-decade-panel"); // ======================= Keyboard =======================
|
|
|
|
operationRef.current = {
|
|
onKeyDown: function onKeyDown(event) {
|
|
return createKeyDownHandler(event, {
|
|
onLeftRight: function onLeftRight(diff) {
|
|
onSelect(generateConfig.addYear(viewDate, diff * DECADE_UNIT_DIFF), 'key');
|
|
},
|
|
onCtrlLeftRight: function onCtrlLeftRight(diff) {
|
|
onSelect(generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT), 'key');
|
|
},
|
|
onUpDown: function onUpDown(diff) {
|
|
onSelect(generateConfig.addYear(viewDate, diff * DECADE_UNIT_DIFF * DECADE_COL_COUNT), 'key');
|
|
},
|
|
onEnter: function onEnter() {
|
|
onPanelChange('year', viewDate);
|
|
}
|
|
});
|
|
}
|
|
}; // ==================== View Operation ====================
|
|
|
|
var onDecadesChange = function onDecadesChange(diff) {
|
|
var newDate = generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT);
|
|
onViewDateChange(newDate);
|
|
onPanelChange(null, newDate);
|
|
};
|
|
|
|
var onInternalSelect = function onInternalSelect(date) {
|
|
onSelect(date, 'mouse');
|
|
onPanelChange('year', date);
|
|
};
|
|
|
|
return external_window_React_["createElement"]("div", {
|
|
className: panelPrefixCls
|
|
}, external_window_React_["createElement"](DecadePanel_DecadeHeader, Object.assign({}, props, {
|
|
prefixCls: prefixCls,
|
|
onPrevDecades: function onPrevDecades() {
|
|
onDecadesChange(-1);
|
|
},
|
|
onNextDecades: function onNextDecades() {
|
|
onDecadesChange(1);
|
|
}
|
|
})), external_window_React_["createElement"](DecadePanel_DecadeBody, Object.assign({}, props, {
|
|
prefixCls: prefixCls,
|
|
onSelect: onInternalSelect
|
|
})));
|
|
}
|
|
|
|
/* harmony default export */ var panels_DecadePanel = (DecadePanel);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/utils/getExtraFooter.js
|
|
|
|
function getExtraFooter(prefixCls, mode, renderExtraFooter) {
|
|
if (!renderExtraFooter) {
|
|
return null;
|
|
}
|
|
|
|
return external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-footer-extra")
|
|
}, renderExtraFooter(mode));
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/utils/getRanges.js
|
|
|
|
function getRanges(_ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
_ref$rangeList = _ref.rangeList,
|
|
rangeList = _ref$rangeList === void 0 ? [] : _ref$rangeList,
|
|
_ref$components = _ref.components,
|
|
components = _ref$components === void 0 ? {} : _ref$components,
|
|
needConfirmButton = _ref.needConfirmButton,
|
|
onNow = _ref.onNow,
|
|
onOk = _ref.onOk,
|
|
okDisabled = _ref.okDisabled,
|
|
showNow = _ref.showNow,
|
|
locale = _ref.locale;
|
|
var presetNode;
|
|
var okNode;
|
|
|
|
if (rangeList.length) {
|
|
var Item = components.rangeItem || 'span';
|
|
presetNode = external_window_React_["createElement"](external_window_React_["Fragment"], null, rangeList.map(function (_ref2) {
|
|
var label = _ref2.label,
|
|
onClick = _ref2.onClick,
|
|
onMouseEnter = _ref2.onMouseEnter,
|
|
onMouseLeave = _ref2.onMouseLeave;
|
|
return external_window_React_["createElement"]("li", {
|
|
key: label,
|
|
className: "".concat(prefixCls, "-preset")
|
|
}, external_window_React_["createElement"](Item, {
|
|
onClick: onClick,
|
|
onMouseEnter: onMouseEnter,
|
|
onMouseLeave: onMouseLeave
|
|
}, label));
|
|
}));
|
|
}
|
|
|
|
if (needConfirmButton) {
|
|
var Button = components.button || 'button';
|
|
|
|
if (onNow && !presetNode && showNow !== false) {
|
|
presetNode = external_window_React_["createElement"]("li", {
|
|
className: "".concat(prefixCls, "-now")
|
|
}, external_window_React_["createElement"]("a", {
|
|
className: "".concat(prefixCls, "-now-btn"),
|
|
onClick: onNow
|
|
}, locale.now));
|
|
}
|
|
|
|
okNode = needConfirmButton && external_window_React_["createElement"]("li", {
|
|
className: "".concat(prefixCls, "-ok")
|
|
}, external_window_React_["createElement"](Button, {
|
|
disabled: okDisabled,
|
|
onClick: onOk
|
|
}, locale.ok));
|
|
}
|
|
|
|
if (!presetNode && !okNode) {
|
|
return null;
|
|
}
|
|
|
|
return external_window_React_["createElement"]("ul", {
|
|
className: "".concat(prefixCls, "-ranges")
|
|
}, presetNode, okNode);
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/PickerPanel.js
|
|
|
|
|
|
|
|
|
|
|
|
/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
|
|
|
|
/**
|
|
* Logic:
|
|
* When `mode` === `picker`,
|
|
* click will trigger `onSelect` (if value changed trigger `onChange` also).
|
|
* Panel change will not trigger `onSelect` but trigger `onPanelChange`
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function PickerPanel(props) {
|
|
var _classNames;
|
|
|
|
var _props$prefixCls = props.prefixCls,
|
|
prefixCls = _props$prefixCls === void 0 ? 'rc-picker' : _props$prefixCls,
|
|
className = props.className,
|
|
style = props.style,
|
|
locale = props.locale,
|
|
generateConfig = props.generateConfig,
|
|
value = props.value,
|
|
defaultValue = props.defaultValue,
|
|
pickerValue = props.pickerValue,
|
|
defaultPickerValue = props.defaultPickerValue,
|
|
disabledDate = props.disabledDate,
|
|
mode = props.mode,
|
|
_props$picker = props.picker,
|
|
picker = _props$picker === void 0 ? 'date' : _props$picker,
|
|
_props$tabIndex = props.tabIndex,
|
|
tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
|
|
showNow = props.showNow,
|
|
showTime = props.showTime,
|
|
showToday = props.showToday,
|
|
renderExtraFooter = props.renderExtraFooter,
|
|
hideHeader = props.hideHeader,
|
|
onSelect = props.onSelect,
|
|
onChange = props.onChange,
|
|
onPanelChange = props.onPanelChange,
|
|
onMouseDown = props.onMouseDown,
|
|
onPickerValueChange = props.onPickerValueChange,
|
|
_onOk = props.onOk,
|
|
components = props.components,
|
|
direction = props.direction,
|
|
_props$hourStep = props.hourStep,
|
|
hourStep = _props$hourStep === void 0 ? 1 : _props$hourStep,
|
|
_props$minuteStep = props.minuteStep,
|
|
minuteStep = _props$minuteStep === void 0 ? 1 : _props$minuteStep,
|
|
_props$secondStep = props.secondStep,
|
|
secondStep = _props$secondStep === void 0 ? 1 : _props$secondStep;
|
|
var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
|
|
var isHourStepValid = 24 % hourStep === 0;
|
|
var isMinuteStepValid = 60 % minuteStep === 0;
|
|
var isSecondStepValid = 60 % secondStep === 0;
|
|
|
|
if (false) {} // ============================ State =============================
|
|
|
|
|
|
var panelContext = external_window_React_["useContext"](es_PanelContext);
|
|
var operationRef = panelContext.operationRef,
|
|
panelDivRef = panelContext.panelRef,
|
|
onContextSelect = panelContext.onSelect,
|
|
hideRanges = panelContext.hideRanges,
|
|
defaultOpenValue = panelContext.defaultOpenValue;
|
|
|
|
var _React$useContext = external_window_React_["useContext"](es_RangeContext),
|
|
inRange = _React$useContext.inRange,
|
|
panelPosition = _React$useContext.panelPosition,
|
|
rangedValue = _React$useContext.rangedValue,
|
|
hoverRangedValue = _React$useContext.hoverRangedValue;
|
|
|
|
var panelRef = external_window_React_["useRef"]({}); // Handle init logic
|
|
|
|
var initRef = external_window_React_["useRef"](true); // Value
|
|
|
|
var _useMergedState = Object(useMergedState["a" /* default */])(null, {
|
|
value: value,
|
|
defaultValue: defaultValue,
|
|
postState: function postState(val) {
|
|
if (!val && defaultOpenValue && picker === 'time') {
|
|
return defaultOpenValue;
|
|
}
|
|
|
|
return val;
|
|
}
|
|
}),
|
|
_useMergedState2 = Object(slicedToArray["a" /* default */])(_useMergedState, 2),
|
|
mergedValue = _useMergedState2[0],
|
|
setInnerValue = _useMergedState2[1]; // View date control
|
|
|
|
|
|
var _useMergedState3 = Object(useMergedState["a" /* default */])(null, {
|
|
value: pickerValue,
|
|
defaultValue: defaultPickerValue || mergedValue,
|
|
postState: function postState(date) {
|
|
return date || generateConfig.getNow();
|
|
}
|
|
}),
|
|
_useMergedState4 = Object(slicedToArray["a" /* default */])(_useMergedState3, 2),
|
|
viewDate = _useMergedState4[0],
|
|
setInnerViewDate = _useMergedState4[1];
|
|
|
|
var setViewDate = function setViewDate(date) {
|
|
setInnerViewDate(date);
|
|
|
|
if (onPickerValueChange) {
|
|
onPickerValueChange(date);
|
|
}
|
|
}; // Panel control
|
|
|
|
|
|
var getInternalNextMode = function getInternalNextMode(nextMode) {
|
|
var getNextMode = PickerModeMap[picker];
|
|
|
|
if (getNextMode) {
|
|
return getNextMode(nextMode);
|
|
}
|
|
|
|
return nextMode;
|
|
}; // Save panel is changed from which panel
|
|
|
|
|
|
var _useMergedState5 = Object(useMergedState["a" /* default */])(function () {
|
|
if (picker === 'time') {
|
|
return 'time';
|
|
}
|
|
|
|
return getInternalNextMode('date');
|
|
}, {
|
|
value: mode
|
|
}),
|
|
_useMergedState6 = Object(slicedToArray["a" /* default */])(_useMergedState5, 2),
|
|
mergedMode = _useMergedState6[0],
|
|
setInnerMode = _useMergedState6[1];
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
setInnerMode(picker);
|
|
}, [picker]);
|
|
|
|
var _React$useState = external_window_React_["useState"](function () {
|
|
return mergedMode;
|
|
}),
|
|
_React$useState2 = Object(slicedToArray["a" /* default */])(_React$useState, 2),
|
|
sourceMode = _React$useState2[0],
|
|
setSourceMode = _React$useState2[1];
|
|
|
|
var onInternalPanelChange = function onInternalPanelChange(newMode, viewValue) {
|
|
var nextMode = getInternalNextMode(newMode || mergedMode);
|
|
setSourceMode(mergedMode);
|
|
setInnerMode(nextMode);
|
|
|
|
if (onPanelChange && (mergedMode !== nextMode || isEqual(generateConfig, viewDate, viewDate))) {
|
|
onPanelChange(viewValue, nextMode);
|
|
}
|
|
};
|
|
|
|
var triggerSelect = function triggerSelect(date, type) {
|
|
var forceTriggerSelect = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
|
|
if (mergedMode === picker || forceTriggerSelect) {
|
|
setInnerValue(date);
|
|
|
|
if (onSelect) {
|
|
onSelect(date);
|
|
}
|
|
|
|
if (onContextSelect) {
|
|
onContextSelect(date, type);
|
|
}
|
|
|
|
if (onChange && !isEqual(generateConfig, date, mergedValue)) {
|
|
onChange(date);
|
|
}
|
|
}
|
|
}; // ========================= Interactive ==========================
|
|
|
|
|
|
var onInternalKeyDown = function onInternalKeyDown(e) {
|
|
if (panelRef.current && panelRef.current.onKeyDown) {
|
|
if ([KeyCode["a" /* default */].LEFT, KeyCode["a" /* default */].RIGHT, KeyCode["a" /* default */].UP, KeyCode["a" /* default */].DOWN, KeyCode["a" /* default */].PAGE_UP, KeyCode["a" /* default */].PAGE_DOWN, KeyCode["a" /* default */].ENTER].includes(e.which)) {
|
|
e.preventDefault();
|
|
}
|
|
|
|
return panelRef.current.onKeyDown(e);
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
/* eslint-disable no-lone-blocks */
|
|
|
|
|
|
{
|
|
Object(warning["a" /* default */])(false, 'Panel not correct handle keyDown event. Please help to fire issue about this.');
|
|
return false;
|
|
}
|
|
/* eslint-enable no-lone-blocks */
|
|
};
|
|
|
|
var onInternalBlur = function onInternalBlur(e) {
|
|
if (panelRef.current && panelRef.current.onBlur) {
|
|
panelRef.current.onBlur(e);
|
|
}
|
|
};
|
|
|
|
if (operationRef && panelPosition !== 'right') {
|
|
operationRef.current = {
|
|
onKeyDown: onInternalKeyDown,
|
|
onClose: function onClose() {
|
|
if (panelRef.current && panelRef.current.onClose) {
|
|
panelRef.current.onClose();
|
|
}
|
|
}
|
|
};
|
|
} // ============================ Effect ============================
|
|
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
if (value && !initRef.current) {
|
|
setInnerViewDate(value);
|
|
}
|
|
}, [value]);
|
|
external_window_React_["useEffect"](function () {
|
|
initRef.current = false;
|
|
}, []); // ============================ Panels ============================
|
|
|
|
var panelNode;
|
|
|
|
var pickerProps = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, props), {}, {
|
|
operationRef: panelRef,
|
|
prefixCls: prefixCls,
|
|
viewDate: viewDate,
|
|
value: mergedValue,
|
|
onViewDateChange: setViewDate,
|
|
sourceMode: sourceMode,
|
|
onPanelChange: onInternalPanelChange,
|
|
disabledDate: mergedMode !== 'decade' ? disabledDate : undefined
|
|
});
|
|
|
|
delete pickerProps.onChange;
|
|
delete pickerProps.onSelect;
|
|
|
|
switch (mergedMode) {
|
|
case 'decade':
|
|
panelNode = external_window_React_["createElement"](panels_DecadePanel, Object.assign({}, pickerProps, {
|
|
onSelect: function onSelect(date, type) {
|
|
setViewDate(date);
|
|
triggerSelect(date, type);
|
|
}
|
|
}));
|
|
break;
|
|
|
|
case 'year':
|
|
panelNode = external_window_React_["createElement"](panels_YearPanel, Object.assign({}, pickerProps, {
|
|
onSelect: function onSelect(date, type) {
|
|
setViewDate(date);
|
|
triggerSelect(date, type);
|
|
}
|
|
}));
|
|
break;
|
|
|
|
case 'month':
|
|
panelNode = external_window_React_["createElement"](panels_MonthPanel, Object.assign({}, pickerProps, {
|
|
onSelect: function onSelect(date, type) {
|
|
setViewDate(date);
|
|
triggerSelect(date, type);
|
|
}
|
|
}));
|
|
break;
|
|
|
|
case 'quarter':
|
|
panelNode = external_window_React_["createElement"](panels_QuarterPanel, Object.assign({}, pickerProps, {
|
|
onSelect: function onSelect(date, type) {
|
|
setViewDate(date);
|
|
triggerSelect(date, type);
|
|
}
|
|
}));
|
|
break;
|
|
|
|
case 'week':
|
|
panelNode = external_window_React_["createElement"](panels_WeekPanel, Object.assign({}, pickerProps, {
|
|
onSelect: function onSelect(date, type) {
|
|
setViewDate(date);
|
|
triggerSelect(date, type);
|
|
}
|
|
}));
|
|
break;
|
|
|
|
case 'time':
|
|
delete pickerProps.showTime;
|
|
panelNode = external_window_React_["createElement"](panels_TimePanel, Object.assign({}, pickerProps, Object(esm_typeof["a" /* default */])(showTime) === 'object' ? showTime : null, {
|
|
onSelect: function onSelect(date, type) {
|
|
setViewDate(date);
|
|
triggerSelect(date, type);
|
|
}
|
|
}));
|
|
break;
|
|
|
|
default:
|
|
if (showTime) {
|
|
panelNode = external_window_React_["createElement"](panels_DatetimePanel, Object.assign({}, pickerProps, {
|
|
onSelect: function onSelect(date, type) {
|
|
setViewDate(date);
|
|
triggerSelect(date, type);
|
|
}
|
|
}));
|
|
} else {
|
|
panelNode = external_window_React_["createElement"](panels_DatePanel, Object.assign({}, pickerProps, {
|
|
onSelect: function onSelect(date, type) {
|
|
setViewDate(date);
|
|
triggerSelect(date, type);
|
|
}
|
|
}));
|
|
}
|
|
|
|
} // ============================ Footer ============================
|
|
|
|
|
|
var extraFooter;
|
|
var rangesNode;
|
|
|
|
var onNow = function onNow() {
|
|
var now = generateConfig.getNow();
|
|
var lowerBoundTime = getLowerBoundTime(generateConfig.getHour(now), generateConfig.getMinute(now), generateConfig.getSecond(now), isHourStepValid ? hourStep : 1, isMinuteStepValid ? minuteStep : 1, isSecondStepValid ? secondStep : 1);
|
|
var adjustedNow = timeUtil_setTime(generateConfig, now, lowerBoundTime[0], // hour
|
|
lowerBoundTime[1], // minute
|
|
lowerBoundTime[2]);
|
|
triggerSelect(adjustedNow, 'submit');
|
|
};
|
|
|
|
if (!hideRanges) {
|
|
extraFooter = getExtraFooter(prefixCls, mergedMode, renderExtraFooter);
|
|
rangesNode = getRanges({
|
|
prefixCls: prefixCls,
|
|
components: components,
|
|
needConfirmButton: needConfirmButton,
|
|
okDisabled: !mergedValue || disabledDate && disabledDate(mergedValue),
|
|
locale: locale,
|
|
showNow: showNow,
|
|
onNow: needConfirmButton && onNow,
|
|
onOk: function onOk() {
|
|
if (mergedValue) {
|
|
triggerSelect(mergedValue, 'submit', true);
|
|
|
|
if (_onOk) {
|
|
_onOk(mergedValue);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
var todayNode;
|
|
|
|
if (showToday && mergedMode === 'date' && picker === 'date' && !showTime) {
|
|
var now = generateConfig.getNow();
|
|
var todayCls = "".concat(prefixCls, "-today-btn");
|
|
var disabled = disabledDate && disabledDate(now);
|
|
todayNode = external_window_React_["createElement"]("a", {
|
|
className: classnames_default()(todayCls, disabled && "".concat(todayCls, "-disabled")),
|
|
"aria-disabled": disabled,
|
|
onClick: function onClick() {
|
|
if (!disabled) {
|
|
triggerSelect(now, 'mouse', true);
|
|
}
|
|
}
|
|
}, locale.today);
|
|
}
|
|
|
|
return external_window_React_["createElement"](es_PanelContext.Provider, {
|
|
value: Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, panelContext), {}, {
|
|
hideHeader: 'hideHeader' in props ? hideHeader : panelContext.hideHeader,
|
|
hidePrevBtn: inRange && panelPosition === 'right',
|
|
hideNextBtn: inRange && panelPosition === 'left'
|
|
})
|
|
}, external_window_React_["createElement"]("div", {
|
|
tabIndex: tabIndex,
|
|
className: classnames_default()("".concat(prefixCls, "-panel"), className, (_classNames = {}, Object(defineProperty["a" /* default */])(_classNames, "".concat(prefixCls, "-panel-has-range"), rangedValue && rangedValue[0] && rangedValue[1]), Object(defineProperty["a" /* default */])(_classNames, "".concat(prefixCls, "-panel-has-range-hover"), hoverRangedValue && hoverRangedValue[0] && hoverRangedValue[1]), Object(defineProperty["a" /* default */])(_classNames, "".concat(prefixCls, "-panel-rtl"), direction === 'rtl'), _classNames)),
|
|
style: style,
|
|
onKeyDown: onInternalKeyDown,
|
|
onBlur: onInternalBlur,
|
|
onMouseDown: onMouseDown,
|
|
ref: panelDivRef
|
|
}, panelNode, extraFooter || rangesNode || todayNode ? external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-footer")
|
|
}, extraFooter, rangesNode, todayNode) : null));
|
|
}
|
|
|
|
/* harmony default export */ var es_PickerPanel = (PickerPanel);
|
|
/* eslint-enable */
|
|
// EXTERNAL MODULE: ./node_modules/rc-trigger/es/index.js + 5 modules
|
|
var es = __webpack_require__("uciX");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/PickerTrigger.js
|
|
|
|
|
|
|
|
|
|
var BUILT_IN_PLACEMENTS = {
|
|
bottomLeft: {
|
|
points: ['tl', 'bl'],
|
|
offset: [0, 4],
|
|
overflow: {
|
|
adjustX: 1,
|
|
adjustY: 1
|
|
}
|
|
},
|
|
bottomRight: {
|
|
points: ['tr', 'br'],
|
|
offset: [0, 4],
|
|
overflow: {
|
|
adjustX: 1,
|
|
adjustY: 1
|
|
}
|
|
},
|
|
topLeft: {
|
|
points: ['bl', 'tl'],
|
|
offset: [0, -4],
|
|
overflow: {
|
|
adjustX: 0,
|
|
adjustY: 1
|
|
}
|
|
},
|
|
topRight: {
|
|
points: ['br', 'tr'],
|
|
offset: [0, -4],
|
|
overflow: {
|
|
adjustX: 0,
|
|
adjustY: 1
|
|
}
|
|
}
|
|
};
|
|
|
|
function PickerTrigger(_ref) {
|
|
var _classNames;
|
|
|
|
var prefixCls = _ref.prefixCls,
|
|
popupElement = _ref.popupElement,
|
|
popupStyle = _ref.popupStyle,
|
|
visible = _ref.visible,
|
|
dropdownClassName = _ref.dropdownClassName,
|
|
dropdownAlign = _ref.dropdownAlign,
|
|
transitionName = _ref.transitionName,
|
|
getPopupContainer = _ref.getPopupContainer,
|
|
children = _ref.children,
|
|
range = _ref.range,
|
|
popupPlacement = _ref.popupPlacement,
|
|
direction = _ref.direction;
|
|
var dropdownPrefixCls = "".concat(prefixCls, "-dropdown");
|
|
|
|
var getPopupPlacement = function getPopupPlacement() {
|
|
if (popupPlacement !== undefined) {
|
|
return popupPlacement;
|
|
}
|
|
|
|
return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
|
|
};
|
|
|
|
return external_window_React_["createElement"](es["a" /* default */], {
|
|
showAction: [],
|
|
hideAction: [],
|
|
popupPlacement: getPopupPlacement(),
|
|
builtinPlacements: BUILT_IN_PLACEMENTS,
|
|
prefixCls: dropdownPrefixCls,
|
|
popupTransitionName: transitionName,
|
|
popup: popupElement,
|
|
popupAlign: dropdownAlign,
|
|
popupVisible: visible,
|
|
popupClassName: classnames_default()(dropdownClassName, (_classNames = {}, Object(defineProperty["a" /* default */])(_classNames, "".concat(dropdownPrefixCls, "-range"), range), Object(defineProperty["a" /* default */])(_classNames, "".concat(dropdownPrefixCls, "-rtl"), direction === 'rtl'), _classNames)),
|
|
popupStyle: popupStyle,
|
|
getPopupContainer: getPopupContainer
|
|
}, children);
|
|
}
|
|
|
|
/* harmony default export */ var es_PickerTrigger = (PickerTrigger);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/hooks/usePickerInput.js
|
|
|
|
|
|
|
|
|
|
function usePickerInput(_ref) {
|
|
var open = _ref.open,
|
|
value = _ref.value,
|
|
isClickOutside = _ref.isClickOutside,
|
|
triggerOpen = _ref.triggerOpen,
|
|
forwardKeyDown = _ref.forwardKeyDown,
|
|
blurToCancel = _ref.blurToCancel,
|
|
onSubmit = _ref.onSubmit,
|
|
onCancel = _ref.onCancel,
|
|
_onFocus = _ref.onFocus,
|
|
_onBlur = _ref.onBlur;
|
|
|
|
var _useState = Object(external_window_React_["useState"])(false),
|
|
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
|
|
typing = _useState2[0],
|
|
setTyping = _useState2[1];
|
|
|
|
var _useState3 = Object(external_window_React_["useState"])(false),
|
|
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
|
|
focused = _useState4[0],
|
|
setFocused = _useState4[1];
|
|
/**
|
|
* We will prevent blur to handle open event when user click outside,
|
|
* since this will repeat trigger `onOpenChange` event.
|
|
*/
|
|
|
|
|
|
var preventBlurRef = Object(external_window_React_["useRef"])(false);
|
|
var valueChangedRef = Object(external_window_React_["useRef"])(false);
|
|
var inputProps = {
|
|
onMouseDown: function onMouseDown() {
|
|
setTyping(true);
|
|
triggerOpen(true);
|
|
},
|
|
onKeyDown: function onKeyDown(e) {
|
|
switch (e.which) {
|
|
case KeyCode["a" /* default */].ENTER:
|
|
{
|
|
if (!open) {
|
|
triggerOpen(true);
|
|
} else if (onSubmit() !== false) {
|
|
setTyping(true);
|
|
}
|
|
|
|
e.preventDefault();
|
|
return;
|
|
}
|
|
|
|
case KeyCode["a" /* default */].TAB:
|
|
{
|
|
if (typing && open && !e.shiftKey) {
|
|
setTyping(false);
|
|
e.preventDefault();
|
|
} else if (!typing && open) {
|
|
if (!forwardKeyDown(e) && e.shiftKey) {
|
|
setTyping(true);
|
|
e.preventDefault();
|
|
}
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
case KeyCode["a" /* default */].ESC:
|
|
{
|
|
setTyping(true);
|
|
onCancel();
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (!open && ![KeyCode["a" /* default */].SHIFT].includes(e.which)) {
|
|
triggerOpen(true);
|
|
} else if (!typing) {
|
|
// Let popup panel handle keyboard
|
|
forwardKeyDown(e);
|
|
}
|
|
},
|
|
onFocus: function onFocus(e) {
|
|
setTyping(true);
|
|
setFocused(true);
|
|
|
|
if (_onFocus) {
|
|
_onFocus(e);
|
|
}
|
|
},
|
|
onBlur: function onBlur(e) {
|
|
if (preventBlurRef.current || !isClickOutside(document.activeElement)) {
|
|
preventBlurRef.current = false;
|
|
return;
|
|
}
|
|
|
|
if (blurToCancel) {
|
|
setTimeout(function () {
|
|
if (isClickOutside(document.activeElement)) {
|
|
onCancel();
|
|
}
|
|
}, 0);
|
|
} else if (open) {
|
|
triggerOpen(false);
|
|
|
|
if (valueChangedRef.current) {
|
|
onSubmit();
|
|
}
|
|
}
|
|
|
|
setFocused(false);
|
|
|
|
if (_onBlur) {
|
|
_onBlur(e);
|
|
}
|
|
}
|
|
}; // check if value changed
|
|
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
valueChangedRef.current = false;
|
|
}, [open]);
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
valueChangedRef.current = true;
|
|
}, [value]); // Global click handler
|
|
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
return addGlobalMouseDownEvent(function (_ref2) {
|
|
var target = _ref2.target;
|
|
|
|
if (open) {
|
|
if (!isClickOutside(target)) {
|
|
preventBlurRef.current = true; // Always set back in case `onBlur` prevented by user
|
|
|
|
requestAnimationFrame(function () {
|
|
preventBlurRef.current = false;
|
|
});
|
|
} else if (!focused) {
|
|
triggerOpen(false);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
return [inputProps, {
|
|
focused: focused,
|
|
typing: typing
|
|
}];
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/hooks/useTextValueMapping.js
|
|
|
|
|
|
function useTextValueMapping(_ref) {
|
|
var valueTexts = _ref.valueTexts,
|
|
onTextChange = _ref.onTextChange;
|
|
|
|
var _React$useState = external_window_React_["useState"](''),
|
|
_React$useState2 = Object(slicedToArray["a" /* default */])(_React$useState, 2),
|
|
text = _React$useState2[0],
|
|
setInnerText = _React$useState2[1];
|
|
|
|
var valueTextsRef = external_window_React_["useRef"]([]);
|
|
valueTextsRef.current = valueTexts;
|
|
|
|
function triggerTextChange(value) {
|
|
setInnerText(value);
|
|
onTextChange(value);
|
|
}
|
|
|
|
function resetText() {
|
|
setInnerText(valueTextsRef.current[0]);
|
|
}
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
if (valueTexts.every(function (valText) {
|
|
return valText !== text;
|
|
})) {
|
|
resetText();
|
|
}
|
|
}, [valueTexts.join('||')]);
|
|
return [text, triggerTextChange, resetText];
|
|
}
|
|
// EXTERNAL MODULE: ./node_modules/shallowequal/index.js
|
|
var shallowequal = __webpack_require__("Gytx");
|
|
var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/hooks/useValueTexts.js
|
|
|
|
|
|
function useValueTexts(value, _ref) {
|
|
var formatList = _ref.formatList,
|
|
generateConfig = _ref.generateConfig,
|
|
locale = _ref.locale;
|
|
return Object(useMemo["a" /* default */])(function () {
|
|
if (!value) {
|
|
return [[''], ''];
|
|
} // We will convert data format back to first format
|
|
|
|
|
|
var firstValueText = '';
|
|
var fullValueTexts = [];
|
|
|
|
for (var i = 0; i < formatList.length; i += 1) {
|
|
var format = formatList[i];
|
|
var formatStr = generateConfig.locale.format(locale.locale, value, format);
|
|
fullValueTexts.push(formatStr);
|
|
|
|
if (i === 0) {
|
|
firstValueText = formatStr;
|
|
}
|
|
}
|
|
|
|
return [fullValueTexts, firstValueText];
|
|
}, [value, formatList], function (prev, next) {
|
|
return prev[0] !== next[0] || !shallowequal_default()(prev[1], next[1]);
|
|
});
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/hooks/useHoverValue.js
|
|
|
|
|
|
|
|
function useHoverValue(valueText, _ref) {
|
|
var formatList = _ref.formatList,
|
|
generateConfig = _ref.generateConfig,
|
|
locale = _ref.locale;
|
|
|
|
var _useState = Object(external_window_React_["useState"])(null),
|
|
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
|
|
value = _useState2[0],
|
|
internalSetValue = _useState2[1];
|
|
|
|
var raf = Object(external_window_React_["useRef"])(null);
|
|
|
|
function setValue(val) {
|
|
var immediately = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
cancelAnimationFrame(raf.current);
|
|
|
|
if (immediately) {
|
|
internalSetValue(val);
|
|
return;
|
|
}
|
|
|
|
raf.current = requestAnimationFrame(function () {
|
|
internalSetValue(val);
|
|
});
|
|
}
|
|
|
|
var _useValueTexts = useValueTexts(value, {
|
|
formatList: formatList,
|
|
generateConfig: generateConfig,
|
|
locale: locale
|
|
}),
|
|
_useValueTexts2 = Object(slicedToArray["a" /* default */])(_useValueTexts, 2),
|
|
firstText = _useValueTexts2[1];
|
|
|
|
function onEnter(date) {
|
|
setValue(date);
|
|
}
|
|
|
|
function onLeave() {
|
|
var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
setValue(null, immediately);
|
|
}
|
|
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
onLeave(true);
|
|
}, [valueText]);
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
return function () {
|
|
return cancelAnimationFrame(raf.current);
|
|
};
|
|
}, []);
|
|
return [firstText, onEnter, onLeave];
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/Picker.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Removed:
|
|
* - getCalendarContainer: use `getPopupContainer` instead
|
|
* - onOk
|
|
*
|
|
* New Feature:
|
|
* - picker
|
|
* - allowEmpty
|
|
* - selectable
|
|
*
|
|
* Tips: Should add faq about `datetime` mode with `defaultValue`
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function InnerPicker(props) {
|
|
var _classNames2;
|
|
|
|
var _props$prefixCls = props.prefixCls,
|
|
prefixCls = _props$prefixCls === void 0 ? 'rc-picker' : _props$prefixCls,
|
|
id = props.id,
|
|
tabIndex = props.tabIndex,
|
|
style = props.style,
|
|
className = props.className,
|
|
dropdownClassName = props.dropdownClassName,
|
|
dropdownAlign = props.dropdownAlign,
|
|
popupStyle = props.popupStyle,
|
|
transitionName = props.transitionName,
|
|
generateConfig = props.generateConfig,
|
|
locale = props.locale,
|
|
inputReadOnly = props.inputReadOnly,
|
|
allowClear = props.allowClear,
|
|
autoFocus = props.autoFocus,
|
|
showTime = props.showTime,
|
|
_props$picker = props.picker,
|
|
picker = _props$picker === void 0 ? 'date' : _props$picker,
|
|
format = props.format,
|
|
use12Hours = props.use12Hours,
|
|
value = props.value,
|
|
defaultValue = props.defaultValue,
|
|
open = props.open,
|
|
defaultOpen = props.defaultOpen,
|
|
defaultOpenValue = props.defaultOpenValue,
|
|
suffixIcon = props.suffixIcon,
|
|
clearIcon = props.clearIcon,
|
|
disabled = props.disabled,
|
|
disabledDate = props.disabledDate,
|
|
placeholder = props.placeholder,
|
|
getPopupContainer = props.getPopupContainer,
|
|
pickerRef = props.pickerRef,
|
|
panelRender = props.panelRender,
|
|
onChange = props.onChange,
|
|
onOpenChange = props.onOpenChange,
|
|
onFocus = props.onFocus,
|
|
onBlur = props.onBlur,
|
|
onMouseDown = props.onMouseDown,
|
|
onMouseUp = props.onMouseUp,
|
|
onMouseEnter = props.onMouseEnter,
|
|
onMouseLeave = props.onMouseLeave,
|
|
onContextMenu = props.onContextMenu,
|
|
onClick = props.onClick,
|
|
direction = props.direction,
|
|
_props$autoComplete = props.autoComplete,
|
|
autoComplete = _props$autoComplete === void 0 ? 'off' : _props$autoComplete;
|
|
var inputRef = external_window_React_["useRef"](null);
|
|
var needConfirmButton = picker === 'date' && !!showTime || picker === 'time'; // ============================= State =============================
|
|
|
|
var formatList = toArray(getDefaultFormat(format, picker, showTime, use12Hours)); // Panel ref
|
|
|
|
var panelDivRef = external_window_React_["useRef"](null);
|
|
var inputDivRef = external_window_React_["useRef"](null); // Real value
|
|
|
|
var _useMergedState = Object(useMergedState["a" /* default */])(null, {
|
|
value: value,
|
|
defaultValue: defaultValue
|
|
}),
|
|
_useMergedState2 = Object(slicedToArray["a" /* default */])(_useMergedState, 2),
|
|
mergedValue = _useMergedState2[0],
|
|
setInnerValue = _useMergedState2[1]; // Selected value
|
|
|
|
|
|
var _React$useState = external_window_React_["useState"](mergedValue),
|
|
_React$useState2 = Object(slicedToArray["a" /* default */])(_React$useState, 2),
|
|
selectedValue = _React$useState2[0],
|
|
setSelectedValue = _React$useState2[1]; // Operation ref
|
|
|
|
|
|
var operationRef = external_window_React_["useRef"](null); // Open
|
|
|
|
var _useMergedState3 = Object(useMergedState["a" /* default */])(false, {
|
|
value: open,
|
|
defaultValue: defaultOpen,
|
|
postState: function postState(postOpen) {
|
|
return disabled ? false : postOpen;
|
|
},
|
|
onChange: function onChange(newOpen) {
|
|
if (onOpenChange) {
|
|
onOpenChange(newOpen);
|
|
}
|
|
|
|
if (!newOpen && operationRef.current && operationRef.current.onClose) {
|
|
operationRef.current.onClose();
|
|
}
|
|
}
|
|
}),
|
|
_useMergedState4 = Object(slicedToArray["a" /* default */])(_useMergedState3, 2),
|
|
mergedOpen = _useMergedState4[0],
|
|
triggerInnerOpen = _useMergedState4[1]; // ============================= Text ==============================
|
|
|
|
|
|
var _useValueTexts = useValueTexts(selectedValue, {
|
|
formatList: formatList,
|
|
generateConfig: generateConfig,
|
|
locale: locale
|
|
}),
|
|
_useValueTexts2 = Object(slicedToArray["a" /* default */])(_useValueTexts, 2),
|
|
valueTexts = _useValueTexts2[0],
|
|
firstValueText = _useValueTexts2[1];
|
|
|
|
var _useTextValueMapping = useTextValueMapping({
|
|
valueTexts: valueTexts,
|
|
onTextChange: function onTextChange(newText) {
|
|
var inputDate = generateConfig.locale.parse(locale.locale, newText, formatList);
|
|
|
|
if (inputDate && (!disabledDate || !disabledDate(inputDate))) {
|
|
setSelectedValue(inputDate);
|
|
}
|
|
}
|
|
}),
|
|
_useTextValueMapping2 = Object(slicedToArray["a" /* default */])(_useTextValueMapping, 3),
|
|
text = _useTextValueMapping2[0],
|
|
triggerTextChange = _useTextValueMapping2[1],
|
|
resetText = _useTextValueMapping2[2]; // ============================ Trigger ============================
|
|
|
|
|
|
var triggerChange = function triggerChange(newValue) {
|
|
setSelectedValue(newValue);
|
|
setInnerValue(newValue);
|
|
|
|
if (onChange && !isEqual(generateConfig, mergedValue, newValue)) {
|
|
onChange(newValue, newValue ? generateConfig.locale.format(locale.locale, newValue, formatList[0]) : '');
|
|
}
|
|
};
|
|
|
|
var triggerOpen = function triggerOpen(newOpen) {
|
|
if (disabled && newOpen) {
|
|
return;
|
|
}
|
|
|
|
triggerInnerOpen(newOpen);
|
|
};
|
|
|
|
var forwardKeyDown = function forwardKeyDown(e) {
|
|
if (mergedOpen && operationRef.current && operationRef.current.onKeyDown) {
|
|
// Let popup panel handle keyboard
|
|
return operationRef.current.onKeyDown(e);
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
/* eslint-disable no-lone-blocks */
|
|
|
|
|
|
{
|
|
Object(warning["a" /* default */])(false, 'Picker not correct forward KeyDown operation. Please help to fire issue about this.');
|
|
return false;
|
|
}
|
|
};
|
|
|
|
var onInternalMouseUp = function onInternalMouseUp() {
|
|
if (onMouseUp) {
|
|
onMouseUp.apply(void 0, arguments);
|
|
}
|
|
|
|
if (inputRef.current) {
|
|
inputRef.current.focus();
|
|
triggerOpen(true);
|
|
}
|
|
}; // ============================= Input =============================
|
|
|
|
|
|
var _usePickerInput = usePickerInput({
|
|
blurToCancel: needConfirmButton,
|
|
open: mergedOpen,
|
|
value: text,
|
|
triggerOpen: triggerOpen,
|
|
forwardKeyDown: forwardKeyDown,
|
|
isClickOutside: function isClickOutside(target) {
|
|
return !elementsContains([panelDivRef.current, inputDivRef.current], target);
|
|
},
|
|
onSubmit: function onSubmit() {
|
|
if (disabledDate && disabledDate(selectedValue)) {
|
|
return false;
|
|
}
|
|
|
|
triggerChange(selectedValue);
|
|
triggerOpen(false);
|
|
resetText();
|
|
return true;
|
|
},
|
|
onCancel: function onCancel() {
|
|
triggerOpen(false);
|
|
setSelectedValue(mergedValue);
|
|
resetText();
|
|
},
|
|
onFocus: onFocus,
|
|
onBlur: onBlur
|
|
}),
|
|
_usePickerInput2 = Object(slicedToArray["a" /* default */])(_usePickerInput, 2),
|
|
inputProps = _usePickerInput2[0],
|
|
_usePickerInput2$ = _usePickerInput2[1],
|
|
focused = _usePickerInput2$.focused,
|
|
typing = _usePickerInput2$.typing; // ============================= Sync ==============================
|
|
// Close should sync back with text value
|
|
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
if (!mergedOpen) {
|
|
setSelectedValue(mergedValue);
|
|
|
|
if (!valueTexts.length || valueTexts[0] === '') {
|
|
triggerTextChange('');
|
|
} else if (firstValueText !== text) {
|
|
resetText();
|
|
}
|
|
}
|
|
}, [mergedOpen, valueTexts]); // Change picker should sync back with text value
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
if (!mergedOpen) {
|
|
resetText();
|
|
}
|
|
}, [picker]); // Sync innerValue with control mode
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
// Sync select value
|
|
setSelectedValue(mergedValue);
|
|
}, [mergedValue]); // ============================ Private ============================
|
|
|
|
if (pickerRef) {
|
|
pickerRef.current = {
|
|
focus: function focus() {
|
|
if (inputRef.current) {
|
|
inputRef.current.focus();
|
|
}
|
|
},
|
|
blur: function blur() {
|
|
if (inputRef.current) {
|
|
inputRef.current.blur();
|
|
}
|
|
}
|
|
};
|
|
} // ============================= Panel =============================
|
|
|
|
|
|
var panelProps = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, props), {}, {
|
|
className: undefined,
|
|
style: undefined,
|
|
pickerValue: undefined,
|
|
onPickerValueChange: undefined
|
|
});
|
|
|
|
var panelNode = external_window_React_["createElement"](es_PickerPanel, Object.assign({}, panelProps, {
|
|
generateConfig: generateConfig,
|
|
className: classnames_default()(Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-panel-focused"), !typing)),
|
|
value: selectedValue,
|
|
locale: locale,
|
|
tabIndex: -1,
|
|
onChange: setSelectedValue,
|
|
direction: direction
|
|
}));
|
|
|
|
if (panelRender) {
|
|
panelNode = panelRender(panelNode);
|
|
}
|
|
|
|
var panel = external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-panel-container"),
|
|
onMouseDown: function onMouseDown(e) {
|
|
e.preventDefault();
|
|
}
|
|
}, panelNode);
|
|
var suffixNode;
|
|
|
|
if (suffixIcon) {
|
|
suffixNode = external_window_React_["createElement"]("span", {
|
|
className: "".concat(prefixCls, "-suffix")
|
|
}, suffixIcon);
|
|
}
|
|
|
|
var clearNode;
|
|
|
|
if (allowClear && mergedValue && !disabled) {
|
|
clearNode = external_window_React_["createElement"]("span", {
|
|
onMouseDown: function onMouseDown(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
},
|
|
onMouseUp: function onMouseUp(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
triggerChange(null);
|
|
triggerOpen(false);
|
|
},
|
|
className: "".concat(prefixCls, "-clear")
|
|
}, clearIcon || external_window_React_["createElement"]("span", {
|
|
className: "".concat(prefixCls, "-clear-btn")
|
|
}));
|
|
} // ============================ Warning ============================
|
|
|
|
|
|
if (false) {} // ============================ Return =============================
|
|
|
|
|
|
var onContextSelect = function onContextSelect(date, type) {
|
|
if (type === 'submit' || type !== 'key' && !needConfirmButton) {
|
|
// triggerChange will also update selected values
|
|
triggerChange(date);
|
|
triggerOpen(false);
|
|
}
|
|
};
|
|
|
|
var popupPlacement = direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
|
|
|
|
var _useHoverValue = useHoverValue(text, {
|
|
formatList: formatList,
|
|
generateConfig: generateConfig,
|
|
locale: locale
|
|
}),
|
|
_useHoverValue2 = Object(slicedToArray["a" /* default */])(_useHoverValue, 3),
|
|
hoverValue = _useHoverValue2[0],
|
|
onEnter = _useHoverValue2[1],
|
|
onLeave = _useHoverValue2[2];
|
|
|
|
return external_window_React_["createElement"](es_PanelContext.Provider, {
|
|
value: {
|
|
operationRef: operationRef,
|
|
hideHeader: picker === 'time',
|
|
panelRef: panelDivRef,
|
|
onSelect: onContextSelect,
|
|
open: mergedOpen,
|
|
defaultOpenValue: defaultOpenValue,
|
|
onDateMouseEnter: onEnter,
|
|
onDateMouseLeave: onLeave
|
|
}
|
|
}, external_window_React_["createElement"](es_PickerTrigger, {
|
|
visible: mergedOpen,
|
|
popupElement: panel,
|
|
popupStyle: popupStyle,
|
|
prefixCls: prefixCls,
|
|
dropdownClassName: dropdownClassName,
|
|
dropdownAlign: dropdownAlign,
|
|
getPopupContainer: getPopupContainer,
|
|
transitionName: transitionName,
|
|
popupPlacement: popupPlacement,
|
|
direction: direction
|
|
}, external_window_React_["createElement"]("div", {
|
|
className: classnames_default()(prefixCls, className, (_classNames2 = {}, Object(defineProperty["a" /* default */])(_classNames2, "".concat(prefixCls, "-disabled"), disabled), Object(defineProperty["a" /* default */])(_classNames2, "".concat(prefixCls, "-focused"), focused), Object(defineProperty["a" /* default */])(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2)),
|
|
style: style,
|
|
onMouseDown: onMouseDown,
|
|
onMouseUp: onInternalMouseUp,
|
|
onMouseEnter: onMouseEnter,
|
|
onMouseLeave: onMouseLeave,
|
|
onContextMenu: onContextMenu,
|
|
onClick: onClick
|
|
}, external_window_React_["createElement"]("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-input"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-input-placeholder"), !!hoverValue)),
|
|
ref: inputDivRef
|
|
}, external_window_React_["createElement"]("input", Object.assign({
|
|
id: id,
|
|
tabIndex: tabIndex,
|
|
disabled: disabled,
|
|
readOnly: inputReadOnly || !typing,
|
|
value: hoverValue || text,
|
|
onChange: function onChange(e) {
|
|
triggerTextChange(e.target.value);
|
|
},
|
|
autoFocus: autoFocus,
|
|
placeholder: placeholder,
|
|
ref: inputRef,
|
|
title: text
|
|
}, inputProps, {
|
|
size: getInputSize(picker, formatList[0])
|
|
}, getDataOrAriaProps(props), {
|
|
autoComplete: autoComplete
|
|
})), suffixNode, clearNode))));
|
|
} // Wrap with class component to enable pass generic with instance method
|
|
|
|
|
|
var Picker_Picker = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(Picker, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(Picker);
|
|
|
|
function Picker() {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, Picker);
|
|
|
|
_this = _super.apply(this, arguments);
|
|
_this.pickerRef = external_window_React_["createRef"]();
|
|
|
|
_this.focus = function () {
|
|
if (_this.pickerRef.current) {
|
|
_this.pickerRef.current.focus();
|
|
}
|
|
};
|
|
|
|
_this.blur = function () {
|
|
if (_this.pickerRef.current) {
|
|
_this.pickerRef.current.blur();
|
|
}
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(Picker, [{
|
|
key: "render",
|
|
value: function render() {
|
|
return external_window_React_["createElement"](InnerPicker, Object.assign({}, this.props, {
|
|
pickerRef: this.pickerRef
|
|
}));
|
|
}
|
|
}]);
|
|
|
|
return Picker;
|
|
}(external_window_React_["Component"]);
|
|
|
|
/* harmony default export */ var es_Picker = (Picker_Picker);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/hooks/useRangeDisabled.js
|
|
|
|
|
|
|
|
function useRangeDisabled(_ref, disabledStart, disabledEnd) {
|
|
var picker = _ref.picker,
|
|
locale = _ref.locale,
|
|
selectedValue = _ref.selectedValue,
|
|
disabledDate = _ref.disabledDate,
|
|
disabled = _ref.disabled,
|
|
generateConfig = _ref.generateConfig;
|
|
var startDate = getValue(selectedValue, 0);
|
|
var endDate = getValue(selectedValue, 1);
|
|
|
|
function weekNumber(date) {
|
|
var year = generateConfig.getYear(date);
|
|
var week = generateConfig.locale.getWeek(locale.locale, date);
|
|
return year * 100 + week;
|
|
}
|
|
|
|
function monthNumber(date) {
|
|
var year = generateConfig.getYear(date);
|
|
var month = generateConfig.getMonth(date);
|
|
return year * 100 + month;
|
|
}
|
|
|
|
function quarterNumber(date) {
|
|
var year = generateConfig.getYear(date);
|
|
var quarter = getQuarter(generateConfig, date);
|
|
return year * 10 + quarter;
|
|
}
|
|
|
|
var disabledStartDate = external_window_React_["useCallback"](function (date) {
|
|
if (disabledDate && disabledDate(date)) {
|
|
return true;
|
|
} // Disabled range
|
|
|
|
|
|
if (disabled[1] && endDate) {
|
|
return !isSameDate(generateConfig, date, endDate) && generateConfig.isAfter(date, endDate);
|
|
} // Disabled part
|
|
|
|
|
|
if (disabledStart && endDate) {
|
|
switch (picker) {
|
|
case 'quarter':
|
|
return quarterNumber(date) > quarterNumber(endDate);
|
|
|
|
case 'month':
|
|
return monthNumber(date) > monthNumber(endDate);
|
|
|
|
case 'week':
|
|
return weekNumber(date) > weekNumber(endDate);
|
|
|
|
default:
|
|
return !isSameDate(generateConfig, date, endDate) && generateConfig.isAfter(date, endDate);
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}, [disabledDate, disabled[1], endDate, disabledStart]);
|
|
var disabledEndDate = external_window_React_["useCallback"](function (date) {
|
|
if (disabledDate && disabledDate(date)) {
|
|
return true;
|
|
} // Disabled range
|
|
|
|
|
|
if (disabled[0] && startDate) {
|
|
return !isSameDate(generateConfig, date, endDate) && generateConfig.isAfter(startDate, date);
|
|
} // Disabled part
|
|
|
|
|
|
if (disabledEnd && startDate) {
|
|
switch (picker) {
|
|
case 'quarter':
|
|
return quarterNumber(date) < quarterNumber(startDate);
|
|
|
|
case 'month':
|
|
return monthNumber(date) < monthNumber(startDate);
|
|
|
|
case 'week':
|
|
return weekNumber(date) < weekNumber(startDate);
|
|
|
|
default:
|
|
return !isSameDate(generateConfig, date, startDate) && generateConfig.isAfter(startDate, date);
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}, [disabledDate, disabled[0], startDate, disabledEnd]);
|
|
return [disabledStartDate, disabledEndDate];
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/hooks/useRangeViewDates.js
|
|
|
|
|
|
|
|
|
|
|
|
function getStartEndDistance(startDate, endDate, picker, generateConfig) {
|
|
var startNext = getClosingViewDate(startDate, picker, generateConfig, 1);
|
|
|
|
function getDistance(compareFunc) {
|
|
if (compareFunc(startDate, endDate)) {
|
|
return 'same';
|
|
}
|
|
|
|
if (compareFunc(startNext, endDate)) {
|
|
return 'closing';
|
|
}
|
|
|
|
return 'far';
|
|
}
|
|
|
|
switch (picker) {
|
|
case 'year':
|
|
return getDistance(function (start, end) {
|
|
return isSameDecade(generateConfig, start, end);
|
|
});
|
|
|
|
case 'quarter':
|
|
case 'month':
|
|
return getDistance(function (start, end) {
|
|
return isSameYear(generateConfig, start, end);
|
|
});
|
|
|
|
default:
|
|
return getDistance(function (start, end) {
|
|
return isSameMonth(generateConfig, start, end);
|
|
});
|
|
}
|
|
}
|
|
|
|
function getRangeViewDate(values, index, picker, generateConfig) {
|
|
var startDate = getValue(values, 0);
|
|
var endDate = getValue(values, 1);
|
|
|
|
if (index === 0) {
|
|
return startDate;
|
|
}
|
|
|
|
if (startDate && endDate) {
|
|
var distance = getStartEndDistance(startDate, endDate, picker, generateConfig);
|
|
|
|
switch (distance) {
|
|
case 'same':
|
|
return startDate;
|
|
|
|
case 'closing':
|
|
return startDate;
|
|
|
|
default:
|
|
return getClosingViewDate(endDate, picker, generateConfig, -1);
|
|
}
|
|
}
|
|
|
|
return startDate;
|
|
}
|
|
|
|
function useRangeViewDates(_ref) {
|
|
var values = _ref.values,
|
|
picker = _ref.picker,
|
|
defaultDates = _ref.defaultDates,
|
|
generateConfig = _ref.generateConfig;
|
|
|
|
var _React$useState = external_window_React_["useState"](function () {
|
|
return [getValue(defaultDates, 0), getValue(defaultDates, 1)];
|
|
}),
|
|
_React$useState2 = Object(slicedToArray["a" /* default */])(_React$useState, 2),
|
|
defaultViewDates = _React$useState2[0],
|
|
setDefaultViewDates = _React$useState2[1];
|
|
|
|
var _React$useState3 = external_window_React_["useState"](null),
|
|
_React$useState4 = Object(slicedToArray["a" /* default */])(_React$useState3, 2),
|
|
viewDates = _React$useState4[0],
|
|
setInternalViewDates = _React$useState4[1];
|
|
|
|
var startDate = getValue(values, 0);
|
|
var endDate = getValue(values, 1);
|
|
|
|
function getViewDate(index) {
|
|
// If set default view date, use it
|
|
if (defaultViewDates[index]) {
|
|
return defaultViewDates[index];
|
|
}
|
|
|
|
return getValue(viewDates, index) || getRangeViewDate(values, index, picker, generateConfig) || startDate || endDate || generateConfig.getNow();
|
|
}
|
|
|
|
function setViewDate(viewDate, index) {
|
|
if (viewDate) {
|
|
var newViewDates = updateValues(viewDates, viewDate, index); // Set view date will clean up default one
|
|
|
|
setDefaultViewDates( // Should always be an array
|
|
updateValues(defaultViewDates, null, index) || [null, null]); // Reset another one when not have value
|
|
|
|
var anotherIndex = (index + 1) % 2;
|
|
|
|
if (!getValue(values, anotherIndex)) {
|
|
newViewDates = updateValues(newViewDates, viewDate, anotherIndex);
|
|
}
|
|
|
|
setInternalViewDates(newViewDates);
|
|
} else if (startDate || endDate) {
|
|
// Reset all when has values when `viewDate` is `null` which means from open trigger
|
|
setInternalViewDates(null);
|
|
}
|
|
}
|
|
|
|
return [getViewDate, setViewDate];
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/RangePicker.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function reorderValues(values, generateConfig) {
|
|
if (values && values[0] && values[1] && generateConfig.isAfter(values[0], values[1])) {
|
|
return [values[1], values[0]];
|
|
}
|
|
|
|
return values;
|
|
}
|
|
|
|
function canValueTrigger(value, index, disabled, allowEmpty) {
|
|
if (value) {
|
|
return true;
|
|
}
|
|
|
|
if (allowEmpty && allowEmpty[index]) {
|
|
return true;
|
|
}
|
|
|
|
if (disabled[(index + 1) % 2]) {
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
function InnerRangePicker(props) {
|
|
var _classNames2, _classNames3, _classNames4;
|
|
|
|
var _props$prefixCls = props.prefixCls,
|
|
prefixCls = _props$prefixCls === void 0 ? 'rc-picker' : _props$prefixCls,
|
|
id = props.id,
|
|
style = props.style,
|
|
className = props.className,
|
|
popupStyle = props.popupStyle,
|
|
dropdownClassName = props.dropdownClassName,
|
|
transitionName = props.transitionName,
|
|
dropdownAlign = props.dropdownAlign,
|
|
getPopupContainer = props.getPopupContainer,
|
|
generateConfig = props.generateConfig,
|
|
locale = props.locale,
|
|
placeholder = props.placeholder,
|
|
autoFocus = props.autoFocus,
|
|
disabled = props.disabled,
|
|
format = props.format,
|
|
_props$picker = props.picker,
|
|
picker = _props$picker === void 0 ? 'date' : _props$picker,
|
|
showTime = props.showTime,
|
|
use12Hours = props.use12Hours,
|
|
_props$separator = props.separator,
|
|
separator = _props$separator === void 0 ? '~' : _props$separator,
|
|
value = props.value,
|
|
defaultValue = props.defaultValue,
|
|
defaultPickerValue = props.defaultPickerValue,
|
|
open = props.open,
|
|
defaultOpen = props.defaultOpen,
|
|
disabledDate = props.disabledDate,
|
|
_disabledTime = props.disabledTime,
|
|
dateRender = props.dateRender,
|
|
panelRender = props.panelRender,
|
|
ranges = props.ranges,
|
|
allowEmpty = props.allowEmpty,
|
|
allowClear = props.allowClear,
|
|
suffixIcon = props.suffixIcon,
|
|
clearIcon = props.clearIcon,
|
|
pickerRef = props.pickerRef,
|
|
inputReadOnly = props.inputReadOnly,
|
|
mode = props.mode,
|
|
renderExtraFooter = props.renderExtraFooter,
|
|
onChange = props.onChange,
|
|
onOpenChange = props.onOpenChange,
|
|
onPanelChange = props.onPanelChange,
|
|
onCalendarChange = props.onCalendarChange,
|
|
_onFocus = props.onFocus,
|
|
onBlur = props.onBlur,
|
|
_onOk = props.onOk,
|
|
components = props.components,
|
|
order = props.order,
|
|
direction = props.direction,
|
|
activePickerIndex = props.activePickerIndex,
|
|
_props$autoComplete = props.autoComplete,
|
|
autoComplete = _props$autoComplete === void 0 ? 'off' : _props$autoComplete;
|
|
var needConfirmButton = picker === 'date' && !!showTime || picker === 'time'; // We record opened status here in case repeat open with picker
|
|
|
|
var openRecordsRef = Object(external_window_React_["useRef"])({});
|
|
var containerRef = Object(external_window_React_["useRef"])(null);
|
|
var panelDivRef = Object(external_window_React_["useRef"])(null);
|
|
var startInputDivRef = Object(external_window_React_["useRef"])(null);
|
|
var endInputDivRef = Object(external_window_React_["useRef"])(null);
|
|
var separatorRef = Object(external_window_React_["useRef"])(null);
|
|
var startInputRef = Object(external_window_React_["useRef"])(null);
|
|
var endInputRef = Object(external_window_React_["useRef"])(null); // ============================= Misc ==============================
|
|
|
|
var formatList = toArray(getDefaultFormat(format, picker, showTime, use12Hours)); // Active picker
|
|
|
|
var _useMergedState = Object(useMergedState["a" /* default */])(0, {
|
|
value: activePickerIndex
|
|
}),
|
|
_useMergedState2 = Object(slicedToArray["a" /* default */])(_useMergedState, 2),
|
|
mergedActivePickerIndex = _useMergedState2[0],
|
|
setMergedActivePickerIndex = _useMergedState2[1]; // Operation ref
|
|
|
|
|
|
var operationRef = Object(external_window_React_["useRef"])(null);
|
|
var mergedDisabled = external_window_React_["useMemo"](function () {
|
|
if (Array.isArray(disabled)) {
|
|
return disabled;
|
|
}
|
|
|
|
return [disabled || false, disabled || false];
|
|
}, [disabled]); // ============================= Value =============================
|
|
|
|
var _useMergedState3 = Object(useMergedState["a" /* default */])(null, {
|
|
value: value,
|
|
defaultValue: defaultValue,
|
|
postState: function postState(values) {
|
|
return picker === 'time' && !order ? values : reorderValues(values, generateConfig);
|
|
}
|
|
}),
|
|
_useMergedState4 = Object(slicedToArray["a" /* default */])(_useMergedState3, 2),
|
|
mergedValue = _useMergedState4[0],
|
|
setInnerValue = _useMergedState4[1]; // =========================== View Date ===========================
|
|
// Config view panel
|
|
|
|
|
|
var _useRangeViewDates = useRangeViewDates({
|
|
values: mergedValue,
|
|
picker: picker,
|
|
defaultDates: defaultPickerValue,
|
|
generateConfig: generateConfig
|
|
}),
|
|
_useRangeViewDates2 = Object(slicedToArray["a" /* default */])(_useRangeViewDates, 2),
|
|
getViewDate = _useRangeViewDates2[0],
|
|
setViewDate = _useRangeViewDates2[1]; // ========================= Select Values =========================
|
|
|
|
|
|
var _useMergedState5 = Object(useMergedState["a" /* default */])(mergedValue, {
|
|
postState: function postState(values) {
|
|
var postValues = values;
|
|
|
|
if (mergedDisabled[0] && mergedDisabled[1]) {
|
|
return postValues;
|
|
} // Fill disabled unit
|
|
|
|
|
|
for (var i = 0; i < 2; i += 1) {
|
|
if (mergedDisabled[i] && !getValue(postValues, i) && !getValue(allowEmpty, i)) {
|
|
postValues = updateValues(postValues, generateConfig.getNow(), i);
|
|
}
|
|
}
|
|
|
|
return postValues;
|
|
}
|
|
}),
|
|
_useMergedState6 = Object(slicedToArray["a" /* default */])(_useMergedState5, 2),
|
|
selectedValue = _useMergedState6[0],
|
|
setSelectedValue = _useMergedState6[1]; // ============================= Modes =============================
|
|
|
|
|
|
var _useMergedState7 = Object(useMergedState["a" /* default */])([picker, picker], {
|
|
value: mode
|
|
}),
|
|
_useMergedState8 = Object(slicedToArray["a" /* default */])(_useMergedState7, 2),
|
|
mergedModes = _useMergedState8[0],
|
|
setInnerModes = _useMergedState8[1];
|
|
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
setInnerModes([picker, picker]);
|
|
}, [picker]);
|
|
|
|
var triggerModesChange = function triggerModesChange(modes, values) {
|
|
setInnerModes(modes);
|
|
|
|
if (onPanelChange) {
|
|
onPanelChange(values, modes);
|
|
}
|
|
}; // ========================= Disable Date ==========================
|
|
|
|
|
|
var _useRangeDisabled = useRangeDisabled({
|
|
picker: picker,
|
|
selectedValue: selectedValue,
|
|
locale: locale,
|
|
disabled: mergedDisabled,
|
|
disabledDate: disabledDate,
|
|
generateConfig: generateConfig
|
|
}, openRecordsRef.current[1], openRecordsRef.current[0]),
|
|
_useRangeDisabled2 = Object(slicedToArray["a" /* default */])(_useRangeDisabled, 2),
|
|
disabledStartDate = _useRangeDisabled2[0],
|
|
disabledEndDate = _useRangeDisabled2[1]; // ============================= Open ==============================
|
|
|
|
|
|
var _useMergedState9 = Object(useMergedState["a" /* default */])(false, {
|
|
value: open,
|
|
defaultValue: defaultOpen,
|
|
postState: function postState(postOpen) {
|
|
return mergedDisabled[mergedActivePickerIndex] ? false : postOpen;
|
|
},
|
|
onChange: function onChange(newOpen) {
|
|
if (onOpenChange) {
|
|
onOpenChange(newOpen);
|
|
}
|
|
|
|
if (!newOpen && operationRef.current && operationRef.current.onClose) {
|
|
operationRef.current.onClose();
|
|
}
|
|
}
|
|
}),
|
|
_useMergedState10 = Object(slicedToArray["a" /* default */])(_useMergedState9, 2),
|
|
mergedOpen = _useMergedState10[0],
|
|
triggerInnerOpen = _useMergedState10[1];
|
|
|
|
var startOpen = mergedOpen && mergedActivePickerIndex === 0;
|
|
var endOpen = mergedOpen && mergedActivePickerIndex === 1; // ============================= Popup =============================
|
|
// Popup min width
|
|
|
|
var _useState = Object(external_window_React_["useState"])(0),
|
|
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
|
|
popupMinWidth = _useState2[0],
|
|
setPopupMinWidth = _useState2[1];
|
|
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
if (!mergedOpen && containerRef.current) {
|
|
setPopupMinWidth(containerRef.current.offsetWidth);
|
|
}
|
|
}, [mergedOpen]); // ============================ Trigger ============================
|
|
|
|
var triggerRef = external_window_React_["useRef"]();
|
|
|
|
function _triggerOpen(newOpen, index) {
|
|
if (newOpen) {
|
|
clearTimeout(triggerRef.current);
|
|
openRecordsRef.current[index] = true;
|
|
setMergedActivePickerIndex(index);
|
|
triggerInnerOpen(newOpen); // Open to reset view date
|
|
|
|
if (!mergedOpen) {
|
|
setViewDate(null, index);
|
|
}
|
|
} else if (mergedActivePickerIndex === index) {
|
|
triggerInnerOpen(newOpen); // Clean up async
|
|
// This makes ref not quick refresh in case user open another input with blur trigger
|
|
|
|
var openRecords = openRecordsRef.current;
|
|
triggerRef.current = setTimeout(function () {
|
|
if (openRecords === openRecordsRef.current) {
|
|
openRecordsRef.current = {};
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function triggerOpenAndFocus(index) {
|
|
_triggerOpen(true, index); // Use setTimeout to make sure panel DOM exists
|
|
|
|
|
|
setTimeout(function () {
|
|
var inputRef = [startInputRef, endInputRef][index];
|
|
|
|
if (inputRef.current) {
|
|
inputRef.current.focus();
|
|
}
|
|
}, 0);
|
|
}
|
|
|
|
function triggerChange(newValue, sourceIndex) {
|
|
var values = newValue;
|
|
var startValue = getValue(values, 0);
|
|
var endValue = getValue(values, 1); // >>>>> Format start & end values
|
|
|
|
if (startValue && endValue && generateConfig.isAfter(startValue, endValue)) {
|
|
if ( // WeekPicker only compare week
|
|
picker === 'week' && !isSameWeek(generateConfig, locale.locale, startValue, endValue) || // QuotaPicker only compare week
|
|
picker === 'quarter' && !isSameQuarter(generateConfig, startValue, endValue) || // Other non-TimePicker compare date
|
|
picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !isSameDate(generateConfig, startValue, endValue)) {
|
|
// Clean up end date when start date is after end date
|
|
if (sourceIndex === 0) {
|
|
values = [startValue, null];
|
|
endValue = null;
|
|
} else {
|
|
startValue = null;
|
|
values = [null, endValue];
|
|
} // Clean up cache since invalidate
|
|
|
|
|
|
openRecordsRef.current = Object(defineProperty["a" /* default */])({}, sourceIndex, true);
|
|
} else if (picker !== 'time' || order !== false) {
|
|
// Reorder when in same date
|
|
values = reorderValues(values, generateConfig);
|
|
}
|
|
}
|
|
|
|
setSelectedValue(values);
|
|
var startStr = values && values[0] ? generateConfig.locale.format(locale.locale, values[0], formatList[0]) : '';
|
|
var endStr = values && values[1] ? generateConfig.locale.format(locale.locale, values[1], formatList[0]) : '';
|
|
|
|
if (onCalendarChange) {
|
|
var info = {
|
|
range: sourceIndex === 0 ? 'start' : 'end'
|
|
};
|
|
onCalendarChange(values, [startStr, endStr], info);
|
|
} // >>>>> Trigger `onChange` event
|
|
|
|
|
|
var canStartValueTrigger = canValueTrigger(startValue, 0, mergedDisabled, allowEmpty);
|
|
var canEndValueTrigger = canValueTrigger(endValue, 1, mergedDisabled, allowEmpty);
|
|
var canTrigger = values === null || canStartValueTrigger && canEndValueTrigger;
|
|
|
|
if (canTrigger) {
|
|
// Trigger onChange only when value is validate
|
|
setInnerValue(values);
|
|
|
|
if (onChange && (!isEqual(generateConfig, getValue(mergedValue, 0), startValue) || !isEqual(generateConfig, getValue(mergedValue, 1), endValue))) {
|
|
onChange(values, [startStr, endStr]);
|
|
}
|
|
} // >>>>> Open picker when
|
|
// Always open another picker if possible
|
|
|
|
|
|
var nextOpenIndex = null;
|
|
|
|
if (sourceIndex === 0 && !mergedDisabled[1]) {
|
|
nextOpenIndex = 1;
|
|
} else if (sourceIndex === 1 && !mergedDisabled[0]) {
|
|
nextOpenIndex = 0;
|
|
}
|
|
|
|
if (nextOpenIndex !== null && nextOpenIndex !== mergedActivePickerIndex && (!openRecordsRef.current[nextOpenIndex] || !getValue(values, nextOpenIndex)) && getValue(values, sourceIndex)) {
|
|
// Delay to focus to avoid input blur trigger expired selectedValues
|
|
triggerOpenAndFocus(nextOpenIndex);
|
|
} else {
|
|
_triggerOpen(false, sourceIndex);
|
|
}
|
|
}
|
|
|
|
var forwardKeyDown = function forwardKeyDown(e) {
|
|
if (mergedOpen && operationRef.current && operationRef.current.onKeyDown) {
|
|
// Let popup panel handle keyboard
|
|
return operationRef.current.onKeyDown(e);
|
|
}
|
|
/* istanbul ignore next */
|
|
|
|
/* eslint-disable no-lone-blocks */
|
|
|
|
|
|
{
|
|
Object(warning["a" /* default */])(false, 'Picker not correct forward KeyDown operation. Please help to fire issue about this.');
|
|
return false;
|
|
}
|
|
}; // ============================= Text ==============================
|
|
|
|
|
|
var sharedTextHooksProps = {
|
|
formatList: formatList,
|
|
generateConfig: generateConfig,
|
|
locale: locale
|
|
};
|
|
|
|
var _useValueTexts = useValueTexts(getValue(selectedValue, 0), sharedTextHooksProps),
|
|
_useValueTexts2 = Object(slicedToArray["a" /* default */])(_useValueTexts, 2),
|
|
startValueTexts = _useValueTexts2[0],
|
|
firstStartValueText = _useValueTexts2[1];
|
|
|
|
var _useValueTexts3 = useValueTexts(getValue(selectedValue, 1), sharedTextHooksProps),
|
|
_useValueTexts4 = Object(slicedToArray["a" /* default */])(_useValueTexts3, 2),
|
|
endValueTexts = _useValueTexts4[0],
|
|
firstEndValueText = _useValueTexts4[1];
|
|
|
|
var _onTextChange = function onTextChange(newText, index) {
|
|
var inputDate = generateConfig.locale.parse(locale.locale, newText, formatList);
|
|
var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
|
|
|
|
if (inputDate && !disabledFunc(inputDate)) {
|
|
setSelectedValue(updateValues(selectedValue, inputDate, index));
|
|
setViewDate(inputDate, index);
|
|
}
|
|
};
|
|
|
|
var _useTextValueMapping = useTextValueMapping({
|
|
valueTexts: startValueTexts,
|
|
onTextChange: function onTextChange(newText) {
|
|
return _onTextChange(newText, 0);
|
|
}
|
|
}),
|
|
_useTextValueMapping2 = Object(slicedToArray["a" /* default */])(_useTextValueMapping, 3),
|
|
startText = _useTextValueMapping2[0],
|
|
triggerStartTextChange = _useTextValueMapping2[1],
|
|
resetStartText = _useTextValueMapping2[2];
|
|
|
|
var _useTextValueMapping3 = useTextValueMapping({
|
|
valueTexts: endValueTexts,
|
|
onTextChange: function onTextChange(newText) {
|
|
return _onTextChange(newText, 1);
|
|
}
|
|
}),
|
|
_useTextValueMapping4 = Object(slicedToArray["a" /* default */])(_useTextValueMapping3, 3),
|
|
endText = _useTextValueMapping4[0],
|
|
triggerEndTextChange = _useTextValueMapping4[1],
|
|
resetEndText = _useTextValueMapping4[2];
|
|
|
|
var _useState3 = Object(external_window_React_["useState"])(null),
|
|
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
|
|
rangeHoverValue = _useState4[0],
|
|
setRangeHoverValue = _useState4[1]; // ========================== Hover Range ==========================
|
|
|
|
|
|
var _useState5 = Object(external_window_React_["useState"])(null),
|
|
_useState6 = Object(slicedToArray["a" /* default */])(_useState5, 2),
|
|
hoverRangedValue = _useState6[0],
|
|
setHoverRangedValue = _useState6[1];
|
|
|
|
var _useHoverValue = useHoverValue(startText, {
|
|
formatList: formatList,
|
|
generateConfig: generateConfig,
|
|
locale: locale
|
|
}),
|
|
_useHoverValue2 = Object(slicedToArray["a" /* default */])(_useHoverValue, 3),
|
|
startHoverValue = _useHoverValue2[0],
|
|
onStartEnter = _useHoverValue2[1],
|
|
onStartLeave = _useHoverValue2[2];
|
|
|
|
var _useHoverValue3 = useHoverValue(endText, {
|
|
formatList: formatList,
|
|
generateConfig: generateConfig,
|
|
locale: locale
|
|
}),
|
|
_useHoverValue4 = Object(slicedToArray["a" /* default */])(_useHoverValue3, 3),
|
|
endHoverValue = _useHoverValue4[0],
|
|
onEndEnter = _useHoverValue4[1],
|
|
onEndLeave = _useHoverValue4[2];
|
|
|
|
var onDateMouseEnter = function onDateMouseEnter(date) {
|
|
setHoverRangedValue(updateValues(selectedValue, date, mergedActivePickerIndex));
|
|
|
|
if (mergedActivePickerIndex === 0) {
|
|
onStartEnter(date);
|
|
} else {
|
|
onEndEnter(date);
|
|
}
|
|
};
|
|
|
|
var onDateMouseLeave = function onDateMouseLeave() {
|
|
setHoverRangedValue(updateValues(selectedValue, null, mergedActivePickerIndex));
|
|
|
|
if (mergedActivePickerIndex === 0) {
|
|
onStartLeave();
|
|
} else {
|
|
onEndLeave();
|
|
}
|
|
}; // ============================= Input =============================
|
|
|
|
|
|
var getSharedInputHookProps = function getSharedInputHookProps(index, resetText) {
|
|
return {
|
|
blurToCancel: needConfirmButton,
|
|
forwardKeyDown: forwardKeyDown,
|
|
onBlur: onBlur,
|
|
isClickOutside: function isClickOutside(target) {
|
|
return !elementsContains([panelDivRef.current, startInputDivRef.current, endInputDivRef.current], target);
|
|
},
|
|
onFocus: function onFocus(e) {
|
|
setMergedActivePickerIndex(index);
|
|
|
|
if (_onFocus) {
|
|
_onFocus(e);
|
|
}
|
|
},
|
|
triggerOpen: function triggerOpen(newOpen) {
|
|
_triggerOpen(newOpen, index);
|
|
},
|
|
onSubmit: function onSubmit() {
|
|
triggerChange(selectedValue, index);
|
|
resetText();
|
|
},
|
|
onCancel: function onCancel() {
|
|
_triggerOpen(false, index);
|
|
|
|
setSelectedValue(mergedValue);
|
|
resetText();
|
|
}
|
|
};
|
|
};
|
|
|
|
var _usePickerInput = usePickerInput(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, getSharedInputHookProps(0, resetStartText)), {}, {
|
|
open: startOpen,
|
|
value: startText
|
|
})),
|
|
_usePickerInput2 = Object(slicedToArray["a" /* default */])(_usePickerInput, 2),
|
|
startInputProps = _usePickerInput2[0],
|
|
_usePickerInput2$ = _usePickerInput2[1],
|
|
startFocused = _usePickerInput2$.focused,
|
|
startTyping = _usePickerInput2$.typing;
|
|
|
|
var _usePickerInput3 = usePickerInput(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, getSharedInputHookProps(1, resetEndText)), {}, {
|
|
open: endOpen,
|
|
value: endText
|
|
})),
|
|
_usePickerInput4 = Object(slicedToArray["a" /* default */])(_usePickerInput3, 2),
|
|
endInputProps = _usePickerInput4[0],
|
|
_usePickerInput4$ = _usePickerInput4[1],
|
|
endFocused = _usePickerInput4$.focused,
|
|
endTyping = _usePickerInput4$.typing; // ========================== Click Picker ==========================
|
|
|
|
|
|
var onPickerClick = function onPickerClick(e) {
|
|
// When click inside the picker & outside the picker's input elements
|
|
// the panel should still be opened
|
|
if (!mergedOpen && !startInputRef.current.contains(e.target) && !endInputRef.current.contains(e.target)) {
|
|
if (!mergedDisabled[0]) {
|
|
triggerOpenAndFocus(0);
|
|
} else if (!mergedDisabled[1]) {
|
|
triggerOpenAndFocus(1);
|
|
}
|
|
}
|
|
};
|
|
|
|
var onPickerMouseDown = function onPickerMouseDown(e) {
|
|
// shouldn't affect input elements if picker is active
|
|
if (mergedOpen && (startFocused || endFocused) && !startInputRef.current.contains(e.target) && !endInputRef.current.contains(e.target)) {
|
|
e.preventDefault();
|
|
}
|
|
}; // ============================= Sync ==============================
|
|
// Close should sync back with text value
|
|
|
|
|
|
var startStr = mergedValue && mergedValue[0] ? generateConfig.locale.format(locale.locale, mergedValue[0], 'YYYYMMDDHHmmss') : '';
|
|
var endStr = mergedValue && mergedValue[1] ? generateConfig.locale.format(locale.locale, mergedValue[1], 'YYYYMMDDHHmmss') : '';
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
if (!mergedOpen) {
|
|
setSelectedValue(mergedValue);
|
|
|
|
if (!startValueTexts.length || startValueTexts[0] === '') {
|
|
triggerStartTextChange('');
|
|
} else if (firstStartValueText !== startText) {
|
|
resetStartText();
|
|
}
|
|
|
|
if (!endValueTexts.length || endValueTexts[0] === '') {
|
|
triggerEndTextChange('');
|
|
} else if (firstEndValueText !== endText) {
|
|
resetEndText();
|
|
}
|
|
}
|
|
}, [mergedOpen, startValueTexts, endValueTexts]); // Sync innerValue with control mode
|
|
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
setSelectedValue(mergedValue);
|
|
}, [startStr, endStr]); // ============================ Warning ============================
|
|
|
|
if (false) {} // ============================ Private ============================
|
|
|
|
|
|
if (pickerRef) {
|
|
pickerRef.current = {
|
|
focus: function focus() {
|
|
if (startInputRef.current) {
|
|
startInputRef.current.focus();
|
|
}
|
|
},
|
|
blur: function blur() {
|
|
if (startInputRef.current) {
|
|
startInputRef.current.blur();
|
|
}
|
|
|
|
if (endInputRef.current) {
|
|
endInputRef.current.blur();
|
|
}
|
|
}
|
|
};
|
|
} // ============================ Ranges =============================
|
|
|
|
|
|
var rangeLabels = Object.keys(ranges || {});
|
|
var rangeList = rangeLabels.map(function (label) {
|
|
var range = ranges[label];
|
|
var newValues = typeof range === 'function' ? range() : range;
|
|
return {
|
|
label: label,
|
|
onClick: function onClick() {
|
|
triggerChange(newValues, null);
|
|
|
|
_triggerOpen(false, mergedActivePickerIndex);
|
|
},
|
|
onMouseEnter: function onMouseEnter() {
|
|
setRangeHoverValue(newValues);
|
|
},
|
|
onMouseLeave: function onMouseLeave() {
|
|
setRangeHoverValue(null);
|
|
}
|
|
};
|
|
}); // ============================= Panel =============================
|
|
|
|
function renderPanel() {
|
|
var panelPosition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
var panelProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
var panelHoverRangedValue = null;
|
|
|
|
if (mergedOpen && hoverRangedValue && hoverRangedValue[0] && hoverRangedValue[1] && generateConfig.isAfter(hoverRangedValue[1], hoverRangedValue[0])) {
|
|
panelHoverRangedValue = hoverRangedValue;
|
|
}
|
|
|
|
var panelShowTime = showTime;
|
|
|
|
if (showTime && Object(esm_typeof["a" /* default */])(showTime) === 'object' && showTime.defaultValue) {
|
|
var timeDefaultValues = showTime.defaultValue;
|
|
panelShowTime = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, showTime), {}, {
|
|
defaultValue: getValue(timeDefaultValues, mergedActivePickerIndex) || undefined
|
|
});
|
|
}
|
|
|
|
var panelDateRender = null;
|
|
|
|
if (dateRender) {
|
|
panelDateRender = function panelDateRender(date, today) {
|
|
return dateRender(date, today, {
|
|
range: mergedActivePickerIndex ? 'end' : 'start'
|
|
});
|
|
};
|
|
}
|
|
|
|
return external_window_React_["createElement"](es_RangeContext.Provider, {
|
|
value: {
|
|
inRange: true,
|
|
panelPosition: panelPosition,
|
|
rangedValue: rangeHoverValue || selectedValue,
|
|
hoverRangedValue: panelHoverRangedValue
|
|
}
|
|
}, external_window_React_["createElement"](es_PickerPanel, Object.assign({}, props, panelProps, {
|
|
dateRender: panelDateRender,
|
|
showTime: panelShowTime,
|
|
mode: mergedModes[mergedActivePickerIndex],
|
|
generateConfig: generateConfig,
|
|
style: undefined,
|
|
direction: direction,
|
|
disabledDate: mergedActivePickerIndex === 0 ? disabledStartDate : disabledEndDate,
|
|
disabledTime: function disabledTime(date) {
|
|
if (_disabledTime) {
|
|
return _disabledTime(date, mergedActivePickerIndex === 0 ? 'start' : 'end');
|
|
}
|
|
|
|
return false;
|
|
},
|
|
className: classnames_default()(Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-panel-focused"), mergedActivePickerIndex === 0 ? !startTyping : !endTyping)),
|
|
value: getValue(selectedValue, mergedActivePickerIndex),
|
|
locale: locale,
|
|
tabIndex: -1,
|
|
onPanelChange: function onPanelChange(date, newMode) {
|
|
triggerModesChange(updateValues(mergedModes, newMode, mergedActivePickerIndex), updateValues(selectedValue, date, mergedActivePickerIndex));
|
|
var viewDate = date;
|
|
|
|
if (panelPosition === 'right' && mergedModes[mergedActivePickerIndex] === newMode) {
|
|
viewDate = getClosingViewDate(viewDate, newMode, generateConfig, -1);
|
|
}
|
|
|
|
setViewDate(viewDate, mergedActivePickerIndex);
|
|
},
|
|
onOk: null,
|
|
onSelect: undefined,
|
|
onChange: undefined,
|
|
defaultValue: undefined,
|
|
defaultPickerValue: undefined
|
|
})));
|
|
}
|
|
|
|
var arrowLeft = 0;
|
|
var panelLeft = 0;
|
|
|
|
if (mergedActivePickerIndex && startInputDivRef.current && separatorRef.current && panelDivRef.current) {
|
|
// Arrow offset
|
|
arrowLeft = startInputDivRef.current.offsetWidth + separatorRef.current.offsetWidth;
|
|
|
|
if (panelDivRef.current.offsetWidth && arrowLeft > panelDivRef.current.offsetWidth) {
|
|
panelLeft = arrowLeft;
|
|
}
|
|
}
|
|
|
|
var arrowPositionStyle = direction === 'rtl' ? {
|
|
right: arrowLeft
|
|
} : {
|
|
left: arrowLeft
|
|
};
|
|
|
|
function renderPanels() {
|
|
var panels;
|
|
var extraNode = getExtraFooter(prefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);
|
|
var rangesNode = getRanges({
|
|
prefixCls: prefixCls,
|
|
components: components,
|
|
needConfirmButton: needConfirmButton,
|
|
okDisabled: !getValue(selectedValue, mergedActivePickerIndex) || disabledDate && disabledDate(selectedValue[mergedActivePickerIndex]),
|
|
locale: locale,
|
|
rangeList: rangeList,
|
|
onOk: function onOk() {
|
|
if (getValue(selectedValue, mergedActivePickerIndex)) {
|
|
// triggerChangeOld(selectedValue);
|
|
triggerChange(selectedValue, mergedActivePickerIndex);
|
|
|
|
if (_onOk) {
|
|
_onOk(selectedValue);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
if (picker !== 'time' && !showTime) {
|
|
var viewDate = getViewDate(mergedActivePickerIndex);
|
|
var nextViewDate = getClosingViewDate(viewDate, picker, generateConfig);
|
|
var currentMode = mergedModes[mergedActivePickerIndex];
|
|
var showDoublePanel = currentMode === picker;
|
|
var leftPanel = renderPanel(showDoublePanel ? 'left' : false, {
|
|
pickerValue: viewDate,
|
|
onPickerValueChange: function onPickerValueChange(newViewDate) {
|
|
setViewDate(newViewDate, mergedActivePickerIndex);
|
|
}
|
|
});
|
|
var rightPanel = renderPanel('right', {
|
|
pickerValue: nextViewDate,
|
|
onPickerValueChange: function onPickerValueChange(newViewDate) {
|
|
setViewDate(getClosingViewDate(newViewDate, picker, generateConfig, -1), mergedActivePickerIndex);
|
|
}
|
|
});
|
|
|
|
if (direction === 'rtl') {
|
|
panels = external_window_React_["createElement"](external_window_React_["Fragment"], null, rightPanel, showDoublePanel && leftPanel);
|
|
} else {
|
|
panels = external_window_React_["createElement"](external_window_React_["Fragment"], null, leftPanel, showDoublePanel && rightPanel);
|
|
}
|
|
} else {
|
|
panels = renderPanel();
|
|
}
|
|
|
|
var mergedNodes = external_window_React_["createElement"](external_window_React_["Fragment"], null, external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-panels")
|
|
}, panels), (extraNode || rangesNode) && external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-footer")
|
|
}, extraNode, rangesNode));
|
|
|
|
if (panelRender) {
|
|
mergedNodes = panelRender(mergedNodes);
|
|
}
|
|
|
|
return external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-panel-container"),
|
|
style: {
|
|
marginLeft: panelLeft
|
|
},
|
|
ref: panelDivRef,
|
|
onMouseDown: function onMouseDown(e) {
|
|
e.preventDefault();
|
|
}
|
|
}, mergedNodes);
|
|
}
|
|
|
|
var rangePanel = external_window_React_["createElement"]("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-range-wrapper"), "".concat(prefixCls, "-").concat(picker, "-range-wrapper")),
|
|
style: {
|
|
minWidth: popupMinWidth
|
|
}
|
|
}, external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-range-arrow"),
|
|
style: arrowPositionStyle
|
|
}), renderPanels()); // ============================= Icons =============================
|
|
|
|
var suffixNode;
|
|
|
|
if (suffixIcon) {
|
|
suffixNode = external_window_React_["createElement"]("span", {
|
|
className: "".concat(prefixCls, "-suffix")
|
|
}, suffixIcon);
|
|
}
|
|
|
|
var clearNode;
|
|
|
|
if (allowClear && (getValue(mergedValue, 0) && !mergedDisabled[0] || getValue(mergedValue, 1) && !mergedDisabled[1])) {
|
|
clearNode = external_window_React_["createElement"]("span", {
|
|
onMouseDown: function onMouseDown(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
},
|
|
onMouseUp: function onMouseUp(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
var values = mergedValue;
|
|
|
|
if (!mergedDisabled[0]) {
|
|
values = updateValues(values, null, 0);
|
|
}
|
|
|
|
if (!mergedDisabled[1]) {
|
|
values = updateValues(values, null, 1);
|
|
}
|
|
|
|
triggerChange(values, null);
|
|
|
|
_triggerOpen(false, mergedActivePickerIndex);
|
|
},
|
|
className: "".concat(prefixCls, "-clear")
|
|
}, clearIcon || external_window_React_["createElement"]("span", {
|
|
className: "".concat(prefixCls, "-clear-btn")
|
|
}));
|
|
}
|
|
|
|
var inputSharedProps = {
|
|
size: getInputSize(picker, formatList[0])
|
|
};
|
|
var activeBarLeft = 0;
|
|
var activeBarWidth = 0;
|
|
|
|
if (startInputDivRef.current && endInputDivRef.current && separatorRef.current) {
|
|
if (mergedActivePickerIndex === 0) {
|
|
activeBarWidth = startInputDivRef.current.offsetWidth;
|
|
} else {
|
|
activeBarLeft = arrowLeft;
|
|
activeBarWidth = endInputDivRef.current.offsetWidth;
|
|
}
|
|
}
|
|
|
|
var activeBarPositionStyle = direction === 'rtl' ? {
|
|
right: activeBarLeft
|
|
} : {
|
|
left: activeBarLeft
|
|
}; // ============================ Return =============================
|
|
|
|
var onContextSelect = function onContextSelect(date, type) {
|
|
var values = updateValues(selectedValue, date, mergedActivePickerIndex);
|
|
|
|
if (type === 'submit' || type !== 'key' && !needConfirmButton) {
|
|
// triggerChange will also update selected values
|
|
triggerChange(values, mergedActivePickerIndex); // clear hover value style
|
|
|
|
if (mergedActivePickerIndex === 0) {
|
|
onStartLeave();
|
|
} else {
|
|
onEndLeave();
|
|
}
|
|
} else {
|
|
setSelectedValue(values);
|
|
}
|
|
};
|
|
|
|
return external_window_React_["createElement"](es_PanelContext.Provider, {
|
|
value: {
|
|
operationRef: operationRef,
|
|
hideHeader: picker === 'time',
|
|
onDateMouseEnter: onDateMouseEnter,
|
|
onDateMouseLeave: onDateMouseLeave,
|
|
hideRanges: true,
|
|
onSelect: onContextSelect,
|
|
open: mergedOpen
|
|
}
|
|
}, external_window_React_["createElement"](es_PickerTrigger, {
|
|
visible: mergedOpen,
|
|
popupElement: rangePanel,
|
|
popupStyle: popupStyle,
|
|
prefixCls: prefixCls,
|
|
dropdownClassName: dropdownClassName,
|
|
dropdownAlign: dropdownAlign,
|
|
getPopupContainer: getPopupContainer,
|
|
transitionName: transitionName,
|
|
range: true,
|
|
direction: direction
|
|
}, external_window_React_["createElement"]("div", Object.assign({
|
|
ref: containerRef,
|
|
className: classnames_default()(prefixCls, "".concat(prefixCls, "-range"), className, (_classNames2 = {}, Object(defineProperty["a" /* default */])(_classNames2, "".concat(prefixCls, "-disabled"), mergedDisabled[0] && mergedDisabled[1]), Object(defineProperty["a" /* default */])(_classNames2, "".concat(prefixCls, "-focused"), mergedActivePickerIndex === 0 ? startFocused : endFocused), Object(defineProperty["a" /* default */])(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2)),
|
|
style: style,
|
|
onClick: onPickerClick,
|
|
onMouseDown: onPickerMouseDown
|
|
}, getDataOrAriaProps(props)), external_window_React_["createElement"]("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-input"), (_classNames3 = {}, Object(defineProperty["a" /* default */])(_classNames3, "".concat(prefixCls, "-input-active"), mergedActivePickerIndex === 0), Object(defineProperty["a" /* default */])(_classNames3, "".concat(prefixCls, "-input-placeholder"), !!startHoverValue), _classNames3)),
|
|
ref: startInputDivRef
|
|
}, external_window_React_["createElement"]("input", Object.assign({
|
|
id: id,
|
|
disabled: mergedDisabled[0],
|
|
readOnly: inputReadOnly || !startTyping,
|
|
value: startHoverValue || startText,
|
|
onChange: function onChange(e) {
|
|
triggerStartTextChange(e.target.value);
|
|
},
|
|
autoFocus: autoFocus,
|
|
placeholder: getValue(placeholder, 0) || '',
|
|
ref: startInputRef
|
|
}, startInputProps, inputSharedProps, {
|
|
autoComplete: autoComplete
|
|
}))), external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-range-separator"),
|
|
ref: separatorRef
|
|
}, separator), external_window_React_["createElement"]("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-input"), (_classNames4 = {}, Object(defineProperty["a" /* default */])(_classNames4, "".concat(prefixCls, "-input-active"), mergedActivePickerIndex === 1), Object(defineProperty["a" /* default */])(_classNames4, "".concat(prefixCls, "-input-placeholder"), !!endHoverValue), _classNames4)),
|
|
ref: endInputDivRef
|
|
}, external_window_React_["createElement"]("input", Object.assign({
|
|
disabled: mergedDisabled[1],
|
|
readOnly: inputReadOnly || !endTyping,
|
|
value: endHoverValue || endText,
|
|
onChange: function onChange(e) {
|
|
triggerEndTextChange(e.target.value);
|
|
},
|
|
placeholder: getValue(placeholder, 1) || '',
|
|
ref: endInputRef
|
|
}, endInputProps, inputSharedProps, {
|
|
autoComplete: autoComplete
|
|
}))), external_window_React_["createElement"]("div", {
|
|
className: "".concat(prefixCls, "-active-bar"),
|
|
style: Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, activeBarPositionStyle), {}, {
|
|
width: activeBarWidth,
|
|
position: 'absolute'
|
|
})
|
|
}), suffixNode, clearNode)));
|
|
} // Wrap with class component to enable pass generic with instance method
|
|
|
|
|
|
var RangePicker_RangePicker = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(RangePicker, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(RangePicker);
|
|
|
|
function RangePicker() {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, RangePicker);
|
|
|
|
_this = _super.apply(this, arguments);
|
|
_this.pickerRef = external_window_React_["createRef"]();
|
|
|
|
_this.focus = function () {
|
|
if (_this.pickerRef.current) {
|
|
_this.pickerRef.current.focus();
|
|
}
|
|
};
|
|
|
|
_this.blur = function () {
|
|
if (_this.pickerRef.current) {
|
|
_this.pickerRef.current.blur();
|
|
}
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(RangePicker, [{
|
|
key: "render",
|
|
value: function render() {
|
|
return external_window_React_["createElement"](InnerRangePicker, Object.assign({}, this.props, {
|
|
pickerRef: this.pickerRef
|
|
}));
|
|
}
|
|
}]);
|
|
|
|
return RangePicker;
|
|
}(external_window_React_["Component"]);
|
|
|
|
/* harmony default export */ var es_RangePicker = (RangePicker_RangePicker);
|
|
// CONCATENATED MODULE: ./node_modules/rc-picker/es/index.js
|
|
|
|
|
|
|
|
|
|
/* harmony default export */ var rc_picker_es = __webpack_exports__["b"] = (es_Picker);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "qAxr":
|
|
/*!***************************************************************************!*\
|
|
!*** ./src/pages/Classrooms/Lists/Graduation/Tasks/index.tsx + 4 modules ***!
|
|
\***************************************************************************/
|
|
/*! exports provided: default */
|
|
/*! all exports used */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/defineProperty.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/slicedToArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/regenerator/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./src/pages/Classrooms/Lists/Graduation/Tasks/index.less?modules (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./src/.umi-production/core/umiExports.ts */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./src/components/NoData/index.tsx */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./src/components/ReleaseTime/index.tsx */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./src/utils/authority.ts */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./src/utils/fetch.ts */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./src/utils/util.tsx */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/checkbox/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/checkbox/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/col/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/col/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/date-picker/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/date-picker/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/form/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/form/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/input/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/input/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/layout/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/layout/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/menu/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/menu/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/message/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/message/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/modal/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/modal/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/pagination/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/pagination/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/row/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/row/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/skeleton/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/skeleton/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/spin/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/spin/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/tooltip/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/antd/es/tooltip/style/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/moment/moment.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/react-router-dom/esm/react-router-dom.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/react-router/esm/react-router.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
// ESM COMPAT FLAG
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/skeleton/style/index.js
|
|
var style = __webpack_require__("cWXX");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/skeleton/index.js + 8 modules
|
|
var skeleton = __webpack_require__("/ezw");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/pagination/style/index.js
|
|
var pagination_style = __webpack_require__("DjyN");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/pagination/index.js + 2 modules
|
|
var pagination = __webpack_require__("NUBc");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/style/index.js
|
|
var tooltip_style = __webpack_require__("5Dmo");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/index.js + 1 modules
|
|
var tooltip = __webpack_require__("3S7+");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/style/index.js
|
|
var message_style = __webpack_require__("miYZ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 1 modules
|
|
var message = __webpack_require__("tsqr");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/checkbox/style/index.js
|
|
var checkbox_style = __webpack_require__("sRBo");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/checkbox/index.js + 2 modules
|
|
var es_checkbox = __webpack_require__("kaz8");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/style/index.js
|
|
var input_style = __webpack_require__("5NDa");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 3 modules
|
|
var input = __webpack_require__("5rEg");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__("k1fw");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__("tJVT");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
|
|
var objectWithoutProperties = __webpack_require__("PpiC");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/layout/style/index.js
|
|
var layout_style = __webpack_require__("B9cy");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/layout/index.js
|
|
var layout = __webpack_require__("Ol7k");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/menu/style/index.js
|
|
var menu_style = __webpack_require__("lUTK");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/menu/index.js + 3 modules
|
|
var menu = __webpack_require__("BvKs");
|
|
|
|
// EXTERNAL MODULE: external "window.React"
|
|
var external_window_React_ = __webpack_require__("cDcd");
|
|
var external_window_React_default = /*#__PURE__*/__webpack_require__.n(external_window_React_);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/react-router/esm/react-router.js
|
|
var react_router = __webpack_require__("Ty5D");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/react-router-dom/esm/react-router-dom.js
|
|
var react_router_dom = __webpack_require__("55Ip");
|
|
|
|
// EXTERNAL MODULE: ./src/.umi-production/core/umiExports.ts + 17 modules
|
|
var umiExports = __webpack_require__("9kvl");
|
|
|
|
// EXTERNAL MODULE: ./src/utils/util.tsx + 1 modules
|
|
var util = __webpack_require__("1vsH");
|
|
|
|
// EXTERNAL MODULE: ./src/utils/authority.ts
|
|
var authority = __webpack_require__("xKgJ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/style/index.js
|
|
var modal_style = __webpack_require__("2qtc");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 7 modules
|
|
var modal = __webpack_require__("kLXV");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
|
|
var toConsumableArray = __webpack_require__("oBTY");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
|
|
var asyncToGenerator = __webpack_require__("9og8");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/regenerator/index.js
|
|
var regenerator = __webpack_require__("WmNS");
|
|
var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
|
|
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
var fetch = __webpack_require__("ErOA");
|
|
|
|
// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Graduation/Tasks/components/SetPublic.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SetPublic_SetPublic = function SetPublic(_ref) {
|
|
var classroomList = _ref.classroomList,
|
|
dispatch = _ref.dispatch,
|
|
cb = _ref.cb;
|
|
var params = Object(react_router["i" /* useParams */])();
|
|
params['id'] = params['coursesId'];
|
|
return /*#__PURE__*/external_window_React_default.a.createElement(modal["a" /* default */], {
|
|
centered: true,
|
|
title: "\u63D0\u793A",
|
|
visible: classroomList.actionTabs.key === '设为公开' ? true : false,
|
|
okText: "\u786E\u5B9A",
|
|
cancelText: "\u53D6\u6D88",
|
|
onOk: /*#__PURE__*/Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee() {
|
|
var res;
|
|
return regenerator_default.a.wrap(function _callee$(_context) {
|
|
while (1) {
|
|
switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_context.next = 2;
|
|
return Object(fetch["a" /* default */])("/api/courses/".concat(params.id, "/graduation_tasks/set_public.json"), {
|
|
method: 'post',
|
|
body: {
|
|
task_ids: Object(toConsumableArray["a" /* default */])(classroomList.actionTabs.selectArrs)
|
|
}
|
|
});
|
|
|
|
case 2:
|
|
res = _context.sent;
|
|
|
|
if (res.status === 0) {
|
|
message["b" /* default */].success('操作成功');
|
|
|
|
cb();
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
dispatch({
|
|
type: 'classroomList/getClassroomGraduationTaskList',
|
|
payload: Object(objectSpread2["a" /* default */])({}, classroomList.actionTabs.params)
|
|
});
|
|
}
|
|
|
|
case 4:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}
|
|
}, _callee);
|
|
})),
|
|
onCancel: function onCancel() {
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
}
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("p", null, "\u662F\u5426\u786E\u8BA4\u8BBE\u4E3A\u516C\u5F00\uFF1F"));
|
|
};
|
|
|
|
/* harmony default export */ var components_SetPublic = (Object(umiExports["a" /* connect */])(function (_ref3) {
|
|
var classroomList = _ref3.classroomList;
|
|
return {
|
|
classroomList: classroomList
|
|
};
|
|
})(SetPublic_SetPublic));
|
|
// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Graduation/Tasks/components/DelTasks.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var DelTasks_DelShixun = function DelShixun(_ref) {
|
|
var classroomList = _ref.classroomList,
|
|
dispatch = _ref.dispatch,
|
|
cb = _ref.cb;
|
|
var params = Object(react_router["i" /* useParams */])();
|
|
params['id'] = params['coursesId'];
|
|
return /*#__PURE__*/external_window_React_default.a.createElement(modal["a" /* default */], {
|
|
centered: true,
|
|
title: "\u63D0\u793A",
|
|
visible: classroomList.actionTabs.key === '删除' ? true : false,
|
|
okText: "\u786E\u5B9A",
|
|
cancelText: "\u53D6\u6D88",
|
|
onOk: /*#__PURE__*/Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee() {
|
|
var res;
|
|
return regenerator_default.a.wrap(function _callee$(_context) {
|
|
while (1) {
|
|
switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_context.next = 2;
|
|
return Object(fetch["a" /* default */])("/api/courses/".concat(params.id, "/graduation_tasks/multi_destroy.json"), {
|
|
method: 'delete',
|
|
body: {
|
|
task_ids: Object(toConsumableArray["a" /* default */])(classroomList.actionTabs.selectArrs)
|
|
}
|
|
});
|
|
|
|
case 2:
|
|
res = _context.sent;
|
|
|
|
if (res.status === 0) {
|
|
cb();
|
|
|
|
message["b" /* default */].success('删除成功');
|
|
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
dispatch({
|
|
type: 'classroomList/getClassroomGraduationTaskList',
|
|
payload: Object(objectSpread2["a" /* default */])({}, classroomList.actionTabs.params)
|
|
});
|
|
}
|
|
|
|
case 4:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}
|
|
}, _callee);
|
|
})),
|
|
onCancel: function onCancel() {
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
}
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("p", null, "\u662F\u5426\u786E\u8BA4\u5220\u9664\uFF1F"));
|
|
};
|
|
|
|
/* harmony default export */ var DelTasks = (Object(umiExports["a" /* connect */])(function (_ref3) {
|
|
var classroomList = _ref3.classroomList;
|
|
return {
|
|
classroomList: classroomList
|
|
};
|
|
})(DelTasks_DelShixun));
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/row/style/index.js
|
|
var row_style = __webpack_require__("14J3");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/row/index.js
|
|
var row = __webpack_require__("BMrR");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/date-picker/style/index.js
|
|
var date_picker_style = __webpack_require__("iQDF");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/date-picker/index.js + 6 modules
|
|
var date_picker = __webpack_require__("+eQT");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/col/style/index.js
|
|
var col_style = __webpack_require__("jCWc");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/col/index.js
|
|
var col = __webpack_require__("kPKH");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__("jrin");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/spin/style/index.js
|
|
var spin_style = __webpack_require__("T2oS");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/spin/index.js
|
|
var spin = __webpack_require__("W9HT");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/form/style/index.js
|
|
var form_style = __webpack_require__("y8nQ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/form/index.js + 11 modules
|
|
var es_form = __webpack_require__("Vl3Y");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/moment/moment.js
|
|
var moment = __webpack_require__("wd/R");
|
|
var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
|
|
// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Graduation/Tasks/components/CutOffNow.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var CutOffNow_PublishShixun = function PublishShixun(_ref) {
|
|
var _ref3;
|
|
|
|
var classroomList = _ref.classroomList,
|
|
loading = _ref.loading,
|
|
dispatch = _ref.dispatch;
|
|
var params = Object(react_router["i" /* useParams */])();
|
|
var location = Object(react_router["h" /* useLocation */])();
|
|
params['id'] = params['coursesId'];
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
dispatch({
|
|
type: 'classroomList/getCourseGroups',
|
|
payload: {
|
|
id: params.id
|
|
}
|
|
});
|
|
}, [classroomList.name]);
|
|
|
|
var _Form$useForm = es_form["a" /* default */].useForm(),
|
|
_Form$useForm2 = Object(slicedToArray["a" /* default */])(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
|
|
var groupIdsInitialValues = [];
|
|
if (classroomList.courseGroups.course_groups) classroomList.courseGroups.course_groups.map(function (v) {
|
|
return groupIdsInitialValues.push(v.id + '');
|
|
});
|
|
|
|
var disabledDate = function disabledDate(current) {
|
|
return current && current < moment_default()().startOf('day');
|
|
};
|
|
|
|
return /*#__PURE__*/external_window_React_default.a.createElement(modal["a" /* default */], {
|
|
centered: true,
|
|
title: "\u7ACB\u5373\u53D1\u5E03",
|
|
visible: classroomList.actionTabs.key === '立即截止' ? true : false,
|
|
okText: "\u7ACB\u5373\u53D1\u5E03",
|
|
cancelText: "\u6682\u4E0D\u53D1\u5E03",
|
|
bodyStyle: {
|
|
minHeight: 200
|
|
},
|
|
onOk: /*#__PURE__*/Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee() {
|
|
var formValue, res;
|
|
return regenerator_default.a.wrap(function _callee$(_context) {
|
|
while (1) {
|
|
switch (_context.prev = _context.next) {
|
|
case 0:
|
|
formValue = form.getFieldValue();
|
|
_context.next = 3;
|
|
return Object(fetch["a" /* default */])("/api/courses/".concat(params.id, "/graduation_tasks/end_task.json"), {
|
|
method: 'post',
|
|
body: {
|
|
task_ids: Object(toConsumableArray["a" /* default */])(classroomList.actionTabs.selectArrs),
|
|
end_time: moment_default()(formValue.end_time).format('YYYY-MM-DD HH:mm')
|
|
}
|
|
});
|
|
|
|
case 3:
|
|
res = _context.sent;
|
|
|
|
if (res.status === 0) {
|
|
message["b" /* default */].success('发布成功');
|
|
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
dispatch({
|
|
type: 'classroomList/getClassroomGraduationTaskList',
|
|
payload: Object(objectSpread2["a" /* default */])({}, classroomList.actionTabs.params)
|
|
});
|
|
}
|
|
|
|
case 5:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}
|
|
}, _callee);
|
|
})),
|
|
onCancel: function onCancel() {
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
}
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("p", {
|
|
className: "tc"
|
|
}, "\u5B66\u751F\u5C06\u4E0D\u80FD\u518D\u63D0\u4EA4\u4F5C\u54C1", /*#__PURE__*/external_window_React_default.a.createElement("br", null), "\u672C\u64CD\u4F5C\u53EA\u5BF9\"\u63D0\u4EA4\u4E2D\"\u7684\u4EFB\u52A1\u6709\u6548"), loading['effects']['classroomList/getCourseGroups'] && /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: "tc mt40"
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(spin["a" /* default */], null)), classroomList.courseGroups.course_groups && /*#__PURE__*/external_window_React_default.a.createElement(es_form["a" /* default */], {
|
|
form: form,
|
|
initialValues: (_ref3 = {}, Object(defineProperty["a" /* default */])(_ref3, 'group_ids', groupIdsInitialValues), Object(defineProperty["a" /* default */])(_ref3, 'end_time', moment_default()(moment_default()(new Date(Object(util["b" /* DayHalfPastOne */])())).add(7, 'days').format('YYYY-MM-DD HH:mm'))), _ref3)
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(row["a" /* default */], {
|
|
className: "mt30"
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(col["a" /* default */], {
|
|
flex: 1
|
|
}, "\u53D1\u5E03\u65F6\u95F4\uFF1A", moment_default()().format('YYYY-MM-DD HH:mm')), /*#__PURE__*/external_window_React_default.a.createElement(col["a" /* default */], null, /*#__PURE__*/external_window_React_default.a.createElement(es_form["a" /* default */].Item, {
|
|
name: "end_time"
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(date_picker["a" /* default */], {
|
|
disabledDate: disabledDate,
|
|
format: "YYYY-MM-DD HH:mm",
|
|
minuteStep: 30,
|
|
defaultValue: moment_default()(moment_default()(new Date(Object(util["b" /* DayHalfPastOne */])())).add(7, 'days').format('YYYY-MM-DD HH:mm')),
|
|
showTime: {
|
|
format: 'HH:mm',
|
|
defaultValue: moment_default()(Object(util["d" /* HalfPastOne */])(), 'HH:mm')
|
|
}
|
|
}))))));
|
|
};
|
|
|
|
/* harmony default export */ var CutOffNow = (Object(umiExports["a" /* connect */])(function (_ref4) {
|
|
var classroomList = _ref4.classroomList,
|
|
loading = _ref4.loading;
|
|
return {
|
|
classroomList: classroomList,
|
|
loading: loading
|
|
};
|
|
})(CutOffNow_PublishShixun));
|
|
// EXTERNAL MODULE: ./src/components/ReleaseTime/index.tsx
|
|
var ReleaseTime = __webpack_require__("3c+Q");
|
|
|
|
// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Graduation/Tasks/components/Publish.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Publish_PublishShixun = function PublishShixun(_ref) {
|
|
var _ref3;
|
|
|
|
var classroomList = _ref.classroomList,
|
|
loading = _ref.loading,
|
|
dispatch = _ref.dispatch;
|
|
var params = Object(react_router["i" /* useParams */])();
|
|
var location = Object(react_router["h" /* useLocation */])();
|
|
params['id'] = params['coursesId'];
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
dispatch({
|
|
type: 'classroomList/getCourseGroups',
|
|
payload: {
|
|
id: params.id
|
|
}
|
|
});
|
|
}, [classroomList.name]);
|
|
|
|
var _Form$useForm = es_form["a" /* default */].useForm(),
|
|
_Form$useForm2 = Object(slicedToArray["a" /* default */])(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
|
|
var groupIdsInitialValues = [];
|
|
if (classroomList.courseGroups.course_groups) classroomList.courseGroups.course_groups.map(function (v) {
|
|
return groupIdsInitialValues.push(v.id + '');
|
|
});
|
|
|
|
var disabledDate = function disabledDate(current) {
|
|
return current && current < moment_default()().startOf('day');
|
|
};
|
|
|
|
return /*#__PURE__*/external_window_React_default.a.createElement(modal["a" /* default */], {
|
|
centered: true,
|
|
title: "\u7ACB\u5373\u53D1\u5E03",
|
|
visible: classroomList.actionTabs.key === '立即发布' ? true : false,
|
|
okText: "\u7ACB\u5373\u53D1\u5E03",
|
|
cancelText: "\u6682\u4E0D\u53D1\u5E03",
|
|
bodyStyle: {
|
|
minHeight: 200
|
|
},
|
|
onOk: /*#__PURE__*/Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee() {
|
|
var formValue, res;
|
|
return regenerator_default.a.wrap(function _callee$(_context) {
|
|
while (1) {
|
|
switch (_context.prev = _context.next) {
|
|
case 0:
|
|
formValue = form.getFieldValue();
|
|
_context.next = 3;
|
|
return Object(fetch["a" /* default */])("/api/courses/".concat(params.id, "/graduation_tasks/publish_task.json"), {
|
|
method: 'post',
|
|
body: {
|
|
task_ids: Object(toConsumableArray["a" /* default */])(classroomList.actionTabs.selectArrs),
|
|
end_time: moment_default()(formValue.end_time).format('YYYY-MM-DD HH:mm')
|
|
}
|
|
});
|
|
|
|
case 3:
|
|
res = _context.sent;
|
|
|
|
if (res.status === 0) {
|
|
message["b" /* default */].success('发布成功');
|
|
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
dispatch({
|
|
type: 'classroomList/getClassroomGraduationTaskList',
|
|
payload: Object(objectSpread2["a" /* default */])({}, classroomList.actionTabs.params)
|
|
});
|
|
}
|
|
|
|
case 5:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}
|
|
}, _callee);
|
|
})),
|
|
onCancel: function onCancel() {
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
}
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("p", {
|
|
className: "tc"
|
|
}, "\u5B66\u751F\u5C06\u7ACB\u5373\u6536\u5230\u6BD5\u8BBE\u4EFB\u52A1", /*#__PURE__*/external_window_React_default.a.createElement("br", null), "\u672C\u64CD\u4F5C\u53EA\u5BF9\"\u672A\u53D1\u5E03\"\u7684\u4EFB\u52A1\u6709\u6548"), loading['effects']['classroomList/getCourseGroups'] && /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: "tc mt40"
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(spin["a" /* default */], null)), classroomList.courseGroups.course_groups && /*#__PURE__*/external_window_React_default.a.createElement(es_form["a" /* default */], {
|
|
form: form,
|
|
initialValues: (_ref3 = {}, Object(defineProperty["a" /* default */])(_ref3, 'group_ids', groupIdsInitialValues), Object(defineProperty["a" /* default */])(_ref3, 'end_time', moment_default()(moment_default()().add(7, 'days').format('YYYY-MM-DD HH:mm'))), _ref3)
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(row["a" /* default */], {
|
|
className: "mt30"
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(col["a" /* default */], {
|
|
flex: 1
|
|
}, "\u53D1\u5E03\u65F6\u95F4\uFF1A", moment_default()().format('YYYY-MM-DD HH:mm')), /*#__PURE__*/external_window_React_default.a.createElement(col["a" /* default */], null, /*#__PURE__*/external_window_React_default.a.createElement(es_form["a" /* default */].Item, {
|
|
name: "end_time"
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(ReleaseTime["b" /* default */], {
|
|
showTimeConfig: {
|
|
defaultValue: moment_default()('00:00:00', 'HH:mm')
|
|
}
|
|
}))))));
|
|
};
|
|
|
|
/* harmony default export */ var Publish = (Object(umiExports["a" /* connect */])(function (_ref4) {
|
|
var classroomList = _ref4.classroomList,
|
|
loading = _ref4.loading;
|
|
return {
|
|
classroomList: classroomList,
|
|
loading: loading
|
|
};
|
|
})(Publish_PublishShixun));
|
|
// EXTERNAL MODULE: ./src/components/NoData/index.tsx
|
|
var NoData = __webpack_require__("BdwD");
|
|
|
|
// EXTERNAL MODULE: ./src/pages/Classrooms/Lists/Graduation/Tasks/index.less?modules
|
|
var Tasksmodules = __webpack_require__("WA2m");
|
|
var Tasksmodules_default = /*#__PURE__*/__webpack_require__.n(Tasksmodules);
|
|
|
|
// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Graduation/Tasks/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SubMenu = menu["a" /* default */].SubMenu;
|
|
var Content = layout["a" /* default */].Content,
|
|
Sider = layout["a" /* default */].Sider;
|
|
|
|
var Tasks_ShixunsListPage = function ShixunsListPage(_ref) {
|
|
var classroomList = _ref.classroomList,
|
|
globalSetting = _ref.globalSetting,
|
|
loading = _ref.loading,
|
|
dispatch = _ref.dispatch,
|
|
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["classroomList", "globalSetting", "loading", "dispatch"]);
|
|
|
|
var _useState = Object(external_window_React_["useState"])(Object(objectSpread2["a" /* default */])({}, Object(react_router["i" /* useParams */])())),
|
|
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
|
|
params = _useState2[0],
|
|
setParams = _useState2[1];
|
|
|
|
var location = Object(react_router["h" /* useLocation */])();
|
|
var detailGraduationTaskList = classroomList.detailGraduationTaskList,
|
|
detailTopBanner = classroomList.detailTopBanner;
|
|
|
|
var _useState3 = Object(external_window_React_["useState"])([]),
|
|
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
|
|
selectArrs = _useState4[0],
|
|
setSelectArrs = _useState4[1];
|
|
|
|
params['id'] = params['coursesId'];
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
dispatch({
|
|
type: 'classroomList/getClassroomGraduationTaskList',
|
|
payload: Object(objectSpread2["a" /* default */])({}, params)
|
|
});
|
|
}, [location.query.category_id]);
|
|
Object(external_window_React_["useEffect"])(function () {
|
|
if (classroomList.actionTabs.key === '目录重命名成功') {
|
|
dispatch({
|
|
type: 'classroomList/getClassroomGraduationTaskList',
|
|
payload: Object(objectSpread2["a" /* default */])({}, params)
|
|
});
|
|
}
|
|
}, [classroomList.actionTabs.key]);
|
|
|
|
var onShowSizeChange = function onShowSizeChange(current, pageSize) {
|
|
params.page = current;
|
|
dispatch({
|
|
type: 'classroomList/getClassroomGraduationTaskList',
|
|
payload: Object(objectSpread2["a" /* default */])({}, params)
|
|
});
|
|
};
|
|
|
|
var onMenuSelect = function onMenuSelect(v) {
|
|
params.status = Menus[v.key]['id'];
|
|
dispatch({
|
|
type: 'classroomList/getClassroomGraduationTaskList',
|
|
payload: Object(objectSpread2["a" /* default */])({}, params)
|
|
});
|
|
};
|
|
|
|
var Menus = [{
|
|
name: '全部',
|
|
id: ''
|
|
}, {
|
|
name: '未发布',
|
|
id: 0
|
|
}, {
|
|
name: '提交中',
|
|
id: 1
|
|
}, {
|
|
name: '补交中',
|
|
id: 4
|
|
}, {
|
|
name: '评阅中',
|
|
id: 2
|
|
}, {
|
|
name: '交叉评阅中',
|
|
id: 3
|
|
}];
|
|
if (!Object(authority["c" /* isAdmin */])()) Menus.splice(1, 1);
|
|
var actionsArr = ['删除', '立即发布', '立即截止', '设为公开'].filter(function (item) {
|
|
if (Object(authority["f" /* isAdminOrAuthor */])()) {
|
|
return true;
|
|
} else {
|
|
return item !== '删除';
|
|
}
|
|
}).filter(function (item) {
|
|
if (detailTopBanner.is_public) {
|
|
return true;
|
|
} else {
|
|
return item !== '设为公开';
|
|
}
|
|
});
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("section", null, /*#__PURE__*/external_window_React_default.a.createElement("aside", {
|
|
className: Tasksmodules_default.a.bg
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: Tasksmodules_default.a.containerTitle
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: "font16"
|
|
}, "\u6BD5\u8BBE\u4EFB\u52A1"), /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: Tasksmodules_default.a.titleRightMenu
|
|
}, Object(authority["c" /* isAdmin */])() && /*#__PURE__*/external_window_React_default.a.createElement(react_router_dom["a" /* Link */], {
|
|
className: "c-blue font16 ml20 current",
|
|
to: "/classrooms/".concat(params.coursesId, "/graduation_tasks/").concat(params.categoryId, "/add")
|
|
}, "\u65B0\u5EFA"))), /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: Tasksmodules_default.a.containerDesc
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("p", null, /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
className: ""
|
|
}, "\u5171 ", detailGraduationTaskList.all_count, " \u4E2A\u6BD5\u8BBE\u4EFB\u52A1"), /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
className: "ml15"
|
|
}, "\u5DF2\u53D1\u5E03 ", detailGraduationTaskList.published_count, " \u4E2A"), /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
className: "ml15"
|
|
}, "\u672A\u53D1\u5E03 ", detailGraduationTaskList.unpublished_count, " \u4E2A")), /*#__PURE__*/external_window_React_default.a.createElement("p", null, /*#__PURE__*/external_window_React_default.a.createElement(input["a" /* default */].Search, {
|
|
allowClear: true,
|
|
placeholder: "\u8BF7\u8F93\u5165\u540D\u79F0\u8FDB\u884C\u641C\u7D22",
|
|
onSearch: function onSearch(value) {
|
|
params.search = value;
|
|
params.page = 1;
|
|
dispatch({
|
|
type: 'classroomList/getClassroomGraduationTaskList',
|
|
payload: Object(objectSpread2["a" /* default */])({}, params)
|
|
});
|
|
},
|
|
style: {
|
|
width: 200
|
|
}
|
|
}))), /*#__PURE__*/external_window_React_default.a.createElement(menu["a" /* default */], {
|
|
mode: "horizontal",
|
|
style: {
|
|
margin: '0 18px'
|
|
},
|
|
onSelect: onMenuSelect,
|
|
defaultSelectedKeys: ['0']
|
|
}, Menus.map(function (v, k) {
|
|
return /*#__PURE__*/external_window_React_default.a.createElement(menu["a" /* default */].Item, {
|
|
className: "font16",
|
|
key: k
|
|
}, v.name);
|
|
}))), detailGraduationTaskList.task_count === 0 && /*#__PURE__*/external_window_React_default.a.createElement(NoData["a" /* default */], null), Object(authority["c" /* isAdmin */])() && detailGraduationTaskList.task_count > 0 && /*#__PURE__*/external_window_React_default.a.createElement("aside", {
|
|
className: Tasksmodules_default.a.acitons
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("div", null, /*#__PURE__*/external_window_React_default.a.createElement(es_checkbox["a" /* default */], {
|
|
onChange: function onChange(e) {
|
|
if (e.target.checked) {
|
|
setSelectArrs(detailGraduationTaskList.tasks.map(function (v) {
|
|
return v.task_id;
|
|
}));
|
|
} else {
|
|
setSelectArrs([]);
|
|
}
|
|
}
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
className: "ml5"
|
|
}, "\u5DF2\u9009\u62E9 ", selectArrs.length, " \u4E2A \uFF08\u4E0D\u652F\u6301\u8DE8\u9875\u52FE\u9009\uFF09"))), /*#__PURE__*/external_window_React_default.a.createElement("div", null, actionsArr.map(function (val, key) {
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("p", {
|
|
key: key,
|
|
onClick: function onClick() {
|
|
if (selectArrs == '') {
|
|
message["b" /* default */].error('请选择你要操作的任务');
|
|
} else {
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {
|
|
key: val,
|
|
selectArrs: selectArrs,
|
|
params: params
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("span", null, val));
|
|
}))), detailGraduationTaskList.task_count === 0 && /*#__PURE__*/external_window_React_default.a.createElement(NoData["a" /* default */], null), /*#__PURE__*/external_window_React_default.a.createElement(skeleton["a" /* default */], {
|
|
loading: loading['classroomList/getClassroomGraduationTaskList'],
|
|
active: true,
|
|
avatar: {
|
|
size: 40
|
|
},
|
|
paragraph: {
|
|
rows: 5
|
|
},
|
|
className: "mt30"
|
|
}, detailGraduationTaskList.tasks && detailGraduationTaskList.tasks.map(function (v, k) {
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: Tasksmodules_default.a.listItem,
|
|
key: k
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(es_checkbox["a" /* default */], {
|
|
checked: selectArrs.includes(v.task_id),
|
|
value: v.task_id,
|
|
onChange: function onChange(e) {
|
|
var key = selectArrs.indexOf(v.task_id);
|
|
|
|
if (selectArrs.indexOf(v.task_id) > -1) {
|
|
setSelectArrs(selectArrs.filter(function (val) {
|
|
return val !== v.task_id;
|
|
}));
|
|
} else {
|
|
setSelectArrs(selectArrs.concat(v.task_id));
|
|
}
|
|
}
|
|
}), /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: Tasksmodules_default.a.info
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: Tasksmodules_default.a.title
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: Tasksmodules_default.a.titleLeft
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(react_router_dom["a" /* Link */], {
|
|
to: Object(authority["c" /* isAdmin */])() && "/classrooms/".concat(params.coursesId, "/graduation_tasks/").concat(v.task_id, "/detail")
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("strong", null, v.name)), v.private_icon && /*#__PURE__*/external_window_React_default.a.createElement(tooltip["a" /* default */], {
|
|
title: "\u79C1\u6709\u5C5E\u6027\uFF0C\u975E\u8BFE\u5802\u6210\u5458\u4E0D\u80FD\u8BBF\u95EE"
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
className: "iconfont icon-suo1 ml10 mr10 c-light-black font12"
|
|
})), /*#__PURE__*/external_window_React_default.a.createElement(util["k" /* StatusClassroomsTags */], {
|
|
status: v.status
|
|
})), Object(authority["c" /* isAdmin */])() && /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: Tasksmodules_default.a.titleRight
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(react_router_dom["a" /* Link */], {
|
|
to: "/classrooms/".concat(params.coursesId, "/graduation_tasks/").concat(v.task_id, "/detail")
|
|
}, "\u67E5\u770B\u8BE6\u60C5"), /*#__PURE__*/external_window_React_default.a.createElement(react_router_dom["a" /* Link */], {
|
|
to: "/classrooms/".concat(params.coursesId, "/graduation_tasks/").concat(v.task_id, "/edit")
|
|
}, "\u7F16\u8F91"))), /*#__PURE__*/external_window_React_default.a.createElement("p", {
|
|
className: "mt10"
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("strong", null, v.author), /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
className: "ml30"
|
|
}, v.commit_count, " \u5DF2\u4EA4"), /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
className: "ml25"
|
|
}, v.uncommit_count, "\u672A\u4EA4"))));
|
|
}), /*#__PURE__*/external_window_React_default.a.createElement("aside", {
|
|
className: "tc mb50 mt30"
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement(pagination["a" /* default */], {
|
|
hideOnSinglePage: true,
|
|
current: params.page || 1,
|
|
showSizeChanger: false,
|
|
onChange: onShowSizeChange,
|
|
defaultCurrent: 1,
|
|
total: detailGraduationTaskList.task_count
|
|
}))), /*#__PURE__*/external_window_React_default.a.createElement(DelTasks, {
|
|
cb: function cb() {
|
|
return setSelectArrs([]);
|
|
}
|
|
}), /*#__PURE__*/external_window_React_default.a.createElement(components_SetPublic, {
|
|
cb: function cb() {
|
|
return setSelectArrs([]);
|
|
}
|
|
}), /*#__PURE__*/external_window_React_default.a.createElement(Publish, {
|
|
cb: function cb() {
|
|
return setSelectArrs([]);
|
|
}
|
|
}), /*#__PURE__*/external_window_React_default.a.createElement(CutOffNow, {
|
|
cb: function cb() {
|
|
return setSelectArrs([]);
|
|
}
|
|
}));
|
|
};
|
|
|
|
/* harmony default export */ var Tasks = __webpack_exports__["default"] = (Object(umiExports["a" /* connect */])(function (_ref2) {
|
|
var classroomList = _ref2.classroomList,
|
|
loading = _ref2.loading,
|
|
globalSetting = _ref2.globalSetting;
|
|
return {
|
|
classroomList: classroomList,
|
|
globalSetting: globalSetting,
|
|
loading: loading.effects
|
|
};
|
|
})(Tasks_ShixunsListPage));
|
|
|
|
/***/ })
|
|
|
|
}]); |