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.
3137 lines
125 KiB
3137 lines
125 KiB
(self["webpackChunk"] = self["webpackChunk"] || []).push([[22038],{
|
|
|
|
/***/ 49495:
|
|
/*!***********************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons-svg/es/asn/DownloadOutlined.js ***!
|
|
\***********************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__) {
|
|
|
|
"use strict";
|
|
// This icon file is generated automatically.
|
|
var DownloadOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" } }] }, "name": "download", "theme": "outlined" };
|
|
/* harmony default export */ __webpack_exports__["Z"] = (DownloadOutlined);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 28508:
|
|
/*!******************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons/es/icons/CloseOutlined.js ***!
|
|
\******************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ 1413);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 67294);
|
|
/* harmony import */ var _ant_design_icons_svg_es_asn_CloseOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CloseOutlined */ 89503);
|
|
/* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ 7918);
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var CloseOutlined = function CloseOutlined(props, ref) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: _ant_design_icons_svg_es_asn_CloseOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
}));
|
|
};
|
|
CloseOutlined.displayName = 'CloseOutlined';
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(CloseOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 95604:
|
|
/*!*******************************************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons/es/icons/DeliveredProcedureOutlined.js + 1 modules ***!
|
|
\*******************************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ icons_DeliveredProcedureOutlined; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/DeliveredProcedureOutlined.js
|
|
// This icon file is generated automatically.
|
|
var DeliveredProcedureOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "defs", "attrs": {}, "children": [{ "tag": "style", "attrs": {} }] }, { "tag": "path", "attrs": { "d": "M632 698.3l141.9-112a8 8 0 000-12.6L632 461.7c-5.3-4.2-13-.4-13 6.3v76H295c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h324v76c0 6.7 7.8 10.4 13 6.3zm261.3-405L730.7 130.7c-7.5-7.5-16.7-13-26.7-16V112H144c-17.7 0-32 14.3-32 32v278c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V184h136v136c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V205.8l136 136V422c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-83.5c0-17-6.7-33.2-18.7-45.2zM640 288H384V184h256v104zm264 436h-56c-4.4 0-8 3.6-8 8v108H184V732c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v148c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V732c0-4.4-3.6-8-8-8z" } }] }, "name": "delivered-procedure", "theme": "outlined" };
|
|
/* harmony default export */ var asn_DeliveredProcedureOutlined = (DeliveredProcedureOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 6 modules
|
|
var AntdIcon = __webpack_require__(7918);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/DeliveredProcedureOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var DeliveredProcedureOutlined_DeliveredProcedureOutlined = function DeliveredProcedureOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_DeliveredProcedureOutlined
|
|
}));
|
|
};
|
|
DeliveredProcedureOutlined_DeliveredProcedureOutlined.displayName = 'DeliveredProcedureOutlined';
|
|
/* harmony default export */ var icons_DeliveredProcedureOutlined = (/*#__PURE__*/react.forwardRef(DeliveredProcedureOutlined_DeliveredProcedureOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 69753:
|
|
/*!*********************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons/es/icons/DownloadOutlined.js ***!
|
|
\*********************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ 1413);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 67294);
|
|
/* harmony import */ var _ant_design_icons_svg_es_asn_DownloadOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/DownloadOutlined */ 49495);
|
|
/* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ 7918);
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var DownloadOutlined = function DownloadOutlined(props, ref) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: _ant_design_icons_svg_es_asn_DownloadOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
}));
|
|
};
|
|
DownloadOutlined.displayName = 'DownloadOutlined';
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(DownloadOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 33160:
|
|
/*!*******************************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons/es/icons/ReloadOutlined.js + 1 modules ***!
|
|
\*******************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ icons_ReloadOutlined; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/ReloadOutlined.js
|
|
// This icon file is generated automatically.
|
|
var ReloadOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.1 209.3l-56.4 44.1C775.8 155.1 656.2 92 521.9 92 290 92 102.3 279.5 102 511.5 101.7 743.7 289.8 932 521.9 932c181.3 0 335.8-115 394.6-276.1 1.5-4.2-.7-8.9-4.9-10.3l-56.7-19.5a8 8 0 00-10.1 4.8c-1.8 5-3.8 10-5.9 14.9-17.3 41-42.1 77.8-73.7 109.4A344.77 344.77 0 01655.9 829c-42.3 17.9-87.4 27-133.8 27-46.5 0-91.5-9.1-133.8-27A341.5 341.5 0 01279 755.2a342.16 342.16 0 01-73.7-109.4c-17.9-42.4-27-87.4-27-133.9s9.1-91.5 27-133.9c17.3-41 42.1-77.8 73.7-109.4 31.6-31.6 68.4-56.4 109.3-73.8 42.3-17.9 87.4-27 133.8-27 46.5 0 91.5 9.1 133.8 27a341.5 341.5 0 01109.3 73.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.6 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c-.1-6.6-7.8-10.3-13-6.2z" } }] }, "name": "reload", "theme": "outlined" };
|
|
/* harmony default export */ var asn_ReloadOutlined = (ReloadOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 6 modules
|
|
var AntdIcon = __webpack_require__(7918);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/ReloadOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var ReloadOutlined_ReloadOutlined = function ReloadOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_ReloadOutlined
|
|
}));
|
|
};
|
|
ReloadOutlined_ReloadOutlined.displayName = 'ReloadOutlined';
|
|
/* harmony default export */ var icons_ReloadOutlined = (/*#__PURE__*/react.forwardRef(ReloadOutlined_ReloadOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 48783:
|
|
/*!****************************************************************!*\
|
|
!*** ./node_modules/antd/es/_util/throttleByAnimationFrame.js ***!
|
|
\****************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "U": function() { return /* binding */ throttleByAnimationFrameDecorator; },
|
|
/* harmony export */ "t": function() { return /* binding */ throttleByAnimationFrame; }
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ 74902);
|
|
/* harmony import */ var rc_util_es_raf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rc-util/es/raf */ 75164);
|
|
|
|
|
|
function throttleByAnimationFrame(fn) {
|
|
var requestId;
|
|
var later = function later(args) {
|
|
return function () {
|
|
requestId = null;
|
|
fn.apply(void 0, (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(args));
|
|
};
|
|
};
|
|
var throttled = function throttled() {
|
|
if (requestId == null) {
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
requestId = (0,rc_util_es_raf__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(later(args));
|
|
}
|
|
};
|
|
throttled.cancel = function () {
|
|
rc_util_es_raf__WEBPACK_IMPORTED_MODULE_0__/* ["default"].cancel */ .Z.cancel(requestId);
|
|
requestId = null;
|
|
};
|
|
return throttled;
|
|
}
|
|
function throttleByAnimationFrameDecorator() {
|
|
return function throttle(target, key, descriptor) {
|
|
var fn = descriptor.value;
|
|
var definingProperty = false;
|
|
return {
|
|
configurable: true,
|
|
get: function get() {
|
|
// In IE11 calling Object.defineProperty has a side-effect of evaluating the
|
|
// getter for the property which is being replaced. This causes infinite
|
|
// recursion and an "Out of stack space" error.
|
|
// eslint-disable-next-line no-prototype-builtins
|
|
if (definingProperty || this === target.prototype || this.hasOwnProperty(key)) {
|
|
/* istanbul ignore next */
|
|
return fn;
|
|
}
|
|
var boundFn = throttleByAnimationFrame(fn.bind(this));
|
|
definingProperty = true;
|
|
Object.defineProperty(this, key, {
|
|
value: boundFn,
|
|
configurable: true,
|
|
writable: true
|
|
});
|
|
definingProperty = false;
|
|
return boundFn;
|
|
}
|
|
};
|
|
};
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ 15771:
|
|
/*!*********************************************************!*\
|
|
!*** ./node_modules/antd/es/affix/index.js + 1 modules ***!
|
|
\*********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ affix; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__(15671);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__(43144);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__(60136);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__(51630);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__(71002);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/rc-resize-observer/es/index.js + 4 modules
|
|
var es = __webpack_require__(48555);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/omit.js
|
|
var omit = __webpack_require__(98423);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var context = __webpack_require__(53124);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/throttleByAnimationFrame.js
|
|
var throttleByAnimationFrame = __webpack_require__(48783);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/addEventListener.js
|
|
var addEventListener = __webpack_require__(64019);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/affix/utils.js
|
|
|
|
function getTargetRect(target) {
|
|
return target !== window ? target.getBoundingClientRect() : {
|
|
top: 0,
|
|
bottom: window.innerHeight
|
|
};
|
|
}
|
|
function getFixedTop(placeholderReact, targetRect, offsetTop) {
|
|
if (offsetTop !== undefined && targetRect.top > placeholderReact.top - offsetTop) {
|
|
return offsetTop + targetRect.top;
|
|
}
|
|
return undefined;
|
|
}
|
|
function getFixedBottom(placeholderReact, targetRect, offsetBottom) {
|
|
if (offsetBottom !== undefined && targetRect.bottom < placeholderReact.bottom + offsetBottom) {
|
|
var targetBottomOffset = window.innerHeight - targetRect.bottom;
|
|
return offsetBottom + targetBottomOffset;
|
|
}
|
|
return undefined;
|
|
}
|
|
// ======================== Observer ========================
|
|
var TRIGGER_EVENTS = ['resize', 'scroll', 'touchstart', 'touchmove', 'touchend', 'pageshow', 'load'];
|
|
var observerEntities = [];
|
|
function getObserverEntities() {
|
|
// Only used in test env. Can be removed if refactor.
|
|
return observerEntities;
|
|
}
|
|
function addObserveTarget(target, affix) {
|
|
if (!target) {
|
|
return;
|
|
}
|
|
var entity = observerEntities.find(function (item) {
|
|
return item.target === target;
|
|
});
|
|
if (entity) {
|
|
entity.affixList.push(affix);
|
|
} else {
|
|
entity = {
|
|
target: target,
|
|
affixList: [affix],
|
|
eventHandlers: {}
|
|
};
|
|
observerEntities.push(entity);
|
|
// Add listener
|
|
TRIGGER_EVENTS.forEach(function (eventName) {
|
|
entity.eventHandlers[eventName] = (0,addEventListener/* default */.Z)(target, eventName, function () {
|
|
entity.affixList.forEach(function (targetAffix) {
|
|
targetAffix.lazyUpdatePosition();
|
|
});
|
|
});
|
|
});
|
|
}
|
|
}
|
|
function removeObserveTarget(affix) {
|
|
var observerEntity = observerEntities.find(function (oriObserverEntity) {
|
|
var hasAffix = oriObserverEntity.affixList.some(function (item) {
|
|
return item === affix;
|
|
});
|
|
if (hasAffix) {
|
|
oriObserverEntity.affixList = oriObserverEntity.affixList.filter(function (item) {
|
|
return item !== affix;
|
|
});
|
|
}
|
|
return hasAffix;
|
|
});
|
|
if (observerEntity && observerEntity.affixList.length === 0) {
|
|
observerEntities = observerEntities.filter(function (item) {
|
|
return item !== observerEntity;
|
|
});
|
|
// Remove listener
|
|
TRIGGER_EVENTS.forEach(function (eventName) {
|
|
var handler = observerEntity.eventHandlers[eventName];
|
|
if (handler && handler.remove) {
|
|
handler.remove();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/affix/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
|
|
var c = arguments.length,
|
|
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
|
|
d;
|
|
if ((typeof Reflect === "undefined" ? "undefined" : (0,esm_typeof/* default */.Z)(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function getDefaultTarget() {
|
|
return typeof window !== 'undefined' ? window : null;
|
|
}
|
|
var AffixStatus;
|
|
(function (AffixStatus) {
|
|
AffixStatus[AffixStatus["None"] = 0] = "None";
|
|
AffixStatus[AffixStatus["Prepare"] = 1] = "Prepare";
|
|
})(AffixStatus || (AffixStatus = {}));
|
|
var Affix = /*#__PURE__*/function (_React$Component) {
|
|
(0,inherits/* default */.Z)(Affix, _React$Component);
|
|
var _super = (0,createSuper/* default */.Z)(Affix);
|
|
function Affix() {
|
|
var _this;
|
|
(0,classCallCheck/* default */.Z)(this, Affix);
|
|
_this = _super.apply(this, arguments);
|
|
_this.state = {
|
|
status: AffixStatus.None,
|
|
lastAffix: false,
|
|
prevTarget: null
|
|
};
|
|
_this.getOffsetTop = function () {
|
|
var _this$props = _this.props,
|
|
offsetBottom = _this$props.offsetBottom,
|
|
offsetTop = _this$props.offsetTop;
|
|
return offsetBottom === undefined && offsetTop === undefined ? 0 : offsetTop;
|
|
};
|
|
_this.getOffsetBottom = function () {
|
|
return _this.props.offsetBottom;
|
|
};
|
|
_this.savePlaceholderNode = function (node) {
|
|
_this.placeholderNode = node;
|
|
};
|
|
_this.saveFixedNode = function (node) {
|
|
_this.fixedNode = node;
|
|
};
|
|
// =================== Measure ===================
|
|
_this.measure = function () {
|
|
var _this$state = _this.state,
|
|
status = _this$state.status,
|
|
lastAffix = _this$state.lastAffix;
|
|
var onChange = _this.props.onChange;
|
|
var targetFunc = _this.getTargetFunc();
|
|
if (status !== AffixStatus.Prepare || !_this.fixedNode || !_this.placeholderNode || !targetFunc) {
|
|
return;
|
|
}
|
|
var offsetTop = _this.getOffsetTop();
|
|
var offsetBottom = _this.getOffsetBottom();
|
|
var targetNode = targetFunc();
|
|
if (!targetNode) {
|
|
return;
|
|
}
|
|
var newState = {
|
|
status: AffixStatus.None
|
|
};
|
|
var targetRect = getTargetRect(targetNode);
|
|
var placeholderReact = getTargetRect(_this.placeholderNode);
|
|
var fixedTop = getFixedTop(placeholderReact, targetRect, offsetTop);
|
|
var fixedBottom = getFixedBottom(placeholderReact, targetRect, offsetBottom);
|
|
if (placeholderReact.top === 0 && placeholderReact.left === 0 && placeholderReact.width === 0 && placeholderReact.height === 0) {
|
|
return;
|
|
}
|
|
if (fixedTop !== undefined) {
|
|
newState.affixStyle = {
|
|
position: 'fixed',
|
|
top: fixedTop,
|
|
width: placeholderReact.width,
|
|
height: placeholderReact.height
|
|
};
|
|
newState.placeholderStyle = {
|
|
width: placeholderReact.width,
|
|
height: placeholderReact.height
|
|
};
|
|
} else if (fixedBottom !== undefined) {
|
|
newState.affixStyle = {
|
|
position: 'fixed',
|
|
bottom: fixedBottom,
|
|
width: placeholderReact.width,
|
|
height: placeholderReact.height
|
|
};
|
|
newState.placeholderStyle = {
|
|
width: placeholderReact.width,
|
|
height: placeholderReact.height
|
|
};
|
|
}
|
|
newState.lastAffix = !!newState.affixStyle;
|
|
if (onChange && lastAffix !== newState.lastAffix) {
|
|
onChange(newState.lastAffix);
|
|
}
|
|
_this.setState(newState);
|
|
};
|
|
// @ts-ignore TS6133
|
|
_this.prepareMeasure = function () {
|
|
// event param is used before. Keep compatible ts define here.
|
|
_this.setState({
|
|
status: AffixStatus.Prepare,
|
|
affixStyle: undefined,
|
|
placeholderStyle: undefined
|
|
});
|
|
// Test if `updatePosition` called
|
|
if (false) { var onTestUpdatePosition; }
|
|
};
|
|
return _this;
|
|
}
|
|
(0,createClass/* default */.Z)(Affix, [{
|
|
key: "getTargetFunc",
|
|
value: function getTargetFunc() {
|
|
var getTargetContainer = this.context.getTargetContainer;
|
|
var target = this.props.target;
|
|
if (target !== undefined) {
|
|
return target;
|
|
}
|
|
return getTargetContainer !== null && getTargetContainer !== void 0 ? getTargetContainer : getDefaultTarget;
|
|
}
|
|
// Event handler
|
|
}, {
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
var _this2 = this;
|
|
var targetFunc = this.getTargetFunc();
|
|
if (targetFunc) {
|
|
// [Legacy] Wait for parent component ref has its value.
|
|
// We should use target as directly element instead of function which makes element check hard.
|
|
this.timeout = setTimeout(function () {
|
|
addObserveTarget(targetFunc(), _this2);
|
|
// Mock Event object.
|
|
_this2.updatePosition();
|
|
});
|
|
}
|
|
}
|
|
}, {
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate(prevProps) {
|
|
var prevTarget = this.state.prevTarget;
|
|
var targetFunc = this.getTargetFunc();
|
|
var newTarget = (targetFunc === null || targetFunc === void 0 ? void 0 : targetFunc()) || null;
|
|
if (prevTarget !== newTarget) {
|
|
removeObserveTarget(this);
|
|
if (newTarget) {
|
|
addObserveTarget(newTarget, this);
|
|
// Mock Event object.
|
|
this.updatePosition();
|
|
}
|
|
// eslint-disable-next-line react/no-did-update-set-state
|
|
this.setState({
|
|
prevTarget: newTarget
|
|
});
|
|
}
|
|
if (prevProps.offsetTop !== this.props.offsetTop || prevProps.offsetBottom !== this.props.offsetBottom) {
|
|
this.updatePosition();
|
|
}
|
|
this.measure();
|
|
}
|
|
}, {
|
|
key: "componentWillUnmount",
|
|
value: function componentWillUnmount() {
|
|
clearTimeout(this.timeout);
|
|
removeObserveTarget(this);
|
|
this.updatePosition.cancel();
|
|
// https://github.com/ant-design/ant-design/issues/22683
|
|
this.lazyUpdatePosition.cancel();
|
|
}
|
|
// Handle realign logic
|
|
}, {
|
|
key: "updatePosition",
|
|
value: function updatePosition() {
|
|
this.prepareMeasure();
|
|
}
|
|
}, {
|
|
key: "lazyUpdatePosition",
|
|
value: function lazyUpdatePosition() {
|
|
var targetFunc = this.getTargetFunc();
|
|
var affixStyle = this.state.affixStyle;
|
|
// Check position change before measure to make Safari smooth
|
|
if (targetFunc && affixStyle) {
|
|
var offsetTop = this.getOffsetTop();
|
|
var offsetBottom = this.getOffsetBottom();
|
|
var targetNode = targetFunc();
|
|
if (targetNode && this.placeholderNode) {
|
|
var targetRect = getTargetRect(targetNode);
|
|
var placeholderReact = getTargetRect(this.placeholderNode);
|
|
var fixedTop = getFixedTop(placeholderReact, targetRect, offsetTop);
|
|
var fixedBottom = getFixedBottom(placeholderReact, targetRect, offsetBottom);
|
|
if (fixedTop !== undefined && affixStyle.top === fixedTop || fixedBottom !== undefined && affixStyle.bottom === fixedBottom) {
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
// Directly call prepare measure since it's already throttled.
|
|
this.prepareMeasure();
|
|
}
|
|
// =================== Render ===================
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this3 = this;
|
|
var _this$state2 = this.state,
|
|
affixStyle = _this$state2.affixStyle,
|
|
placeholderStyle = _this$state2.placeholderStyle;
|
|
var _this$props2 = this.props,
|
|
affixPrefixCls = _this$props2.affixPrefixCls,
|
|
children = _this$props2.children;
|
|
var className = classnames_default()((0,defineProperty/* default */.Z)({}, affixPrefixCls, !!affixStyle));
|
|
var props = (0,omit/* default */.Z)(this.props, ['prefixCls', 'offsetTop', 'offsetBottom', 'target', 'onChange', 'affixPrefixCls']);
|
|
// Omit this since `onTestUpdatePosition` only works on test.
|
|
if (false) {}
|
|
return /*#__PURE__*/react.createElement(es/* default */.Z, {
|
|
onResize: function onResize() {
|
|
_this3.updatePosition();
|
|
}
|
|
}, /*#__PURE__*/react.createElement("div", (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: this.savePlaceholderNode
|
|
}), affixStyle && /*#__PURE__*/react.createElement("div", {
|
|
style: placeholderStyle,
|
|
"aria-hidden": "true"
|
|
}), /*#__PURE__*/react.createElement("div", {
|
|
className: className,
|
|
ref: this.saveFixedNode,
|
|
style: affixStyle
|
|
}, /*#__PURE__*/react.createElement(es/* default */.Z, {
|
|
onResize: function onResize() {
|
|
_this3.updatePosition();
|
|
}
|
|
}, children))));
|
|
}
|
|
}]);
|
|
return Affix;
|
|
}(react.Component);
|
|
Affix.contextType = context/* ConfigContext */.E_;
|
|
__decorate([(0,throttleByAnimationFrame/* throttleByAnimationFrameDecorator */.U)()], Affix.prototype, "updatePosition", null);
|
|
__decorate([(0,throttleByAnimationFrame/* throttleByAnimationFrameDecorator */.U)()], Affix.prototype, "lazyUpdatePosition", null);
|
|
var AffixFC = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
var customizePrefixCls = props.prefixCls;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var affixPrefixCls = getPrefixCls('affix', customizePrefixCls);
|
|
var affixProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, props), {
|
|
affixPrefixCls: affixPrefixCls
|
|
});
|
|
return /*#__PURE__*/react.createElement(Affix, (0,esm_extends/* default */.Z)({}, affixProps, {
|
|
ref: ref
|
|
}));
|
|
});
|
|
if (false) {}
|
|
/* harmony default export */ var affix = (AffixFC);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 48283:
|
|
/*!***************************************************************!*\
|
|
!*** ./node_modules/antd/es/affix/style/index.js + 1 modules ***!
|
|
\***************************************************************/
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
|
|
var style_default = __webpack_require__(43146);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/affix/style/index.less
|
|
// extracted by mini-css-extract-plugin
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/affix/style/index.js
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 58492:
|
|
/*!**************************************************************!*\
|
|
!*** ./node_modules/antd/es/breadcrumb/index.js + 3 modules ***!
|
|
\**************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ breadcrumb; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
|
|
var toConsumableArray = __webpack_require__(74902);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Children/toArray.js
|
|
var toArray = __webpack_require__(50344);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var context = __webpack_require__(53124);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/menu/index.js + 5 modules
|
|
var menu = __webpack_require__(66516);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/reactNode.js
|
|
var reactNode = __webpack_require__(96159);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/DownOutlined.js
|
|
var DownOutlined = __webpack_require__(13622);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/dropdown/dropdown.js + 1 modules
|
|
var dropdown = __webpack_require__(18562);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/BreadcrumbItem.js
|
|
|
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
var BreadcrumbItem = function BreadcrumbItem(props) {
|
|
var customizePrefixCls = props.prefixCls,
|
|
_props$separator = props.separator,
|
|
separator = _props$separator === void 0 ? '/' : _props$separator,
|
|
children = props.children,
|
|
menu = props.menu,
|
|
overlay = props.overlay,
|
|
dropdownProps = props.dropdownProps,
|
|
restProps = __rest(props, ["prefixCls", "separator", "children", "menu", "overlay", "dropdownProps"]);
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
|
|
// Warning for deprecated usage
|
|
if (false) {}
|
|
/** If overlay is have Wrap a Dropdown */
|
|
var renderBreadcrumbNode = function renderBreadcrumbNode(breadcrumbItem) {
|
|
if (menu || overlay) {
|
|
return /*#__PURE__*/react.createElement(dropdown/* default */.Z, (0,esm_extends/* default */.Z)({
|
|
menu: menu,
|
|
overlay: overlay,
|
|
placement: "bottom"
|
|
}, dropdownProps), /*#__PURE__*/react.createElement("span", {
|
|
className: "".concat(prefixCls, "-overlay-link")
|
|
}, breadcrumbItem, /*#__PURE__*/react.createElement(DownOutlined/* default */.Z, null)));
|
|
}
|
|
return breadcrumbItem;
|
|
};
|
|
var link;
|
|
if ('href' in restProps) {
|
|
link = /*#__PURE__*/react.createElement("a", (0,esm_extends/* default */.Z)({
|
|
className: "".concat(prefixCls, "-link")
|
|
}, restProps), children);
|
|
} else {
|
|
link = /*#__PURE__*/react.createElement("span", (0,esm_extends/* default */.Z)({
|
|
className: "".concat(prefixCls, "-link")
|
|
}, restProps), children);
|
|
}
|
|
// wrap to dropDown
|
|
link = renderBreadcrumbNode(link);
|
|
if (children !== undefined && children !== null) {
|
|
return /*#__PURE__*/react.createElement("li", null, link, separator && /*#__PURE__*/react.createElement("span", {
|
|
className: "".concat(prefixCls, "-separator")
|
|
}, separator));
|
|
}
|
|
return null;
|
|
};
|
|
BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
|
|
/* harmony default export */ var breadcrumb_BreadcrumbItem = (BreadcrumbItem);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/BreadcrumbSeparator.js
|
|
|
|
|
|
var BreadcrumbSeparator = function BreadcrumbSeparator(_ref) {
|
|
var children = _ref.children;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('breadcrumb');
|
|
return /*#__PURE__*/react.createElement("span", {
|
|
className: "".concat(prefixCls, "-separator")
|
|
}, children || '/');
|
|
};
|
|
BreadcrumbSeparator.__ANT_BREADCRUMB_SEPARATOR = true;
|
|
/* harmony default export */ var breadcrumb_BreadcrumbSeparator = (BreadcrumbSeparator);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/Breadcrumb.js
|
|
|
|
|
|
|
|
var Breadcrumb_rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function getBreadcrumbName(route, params) {
|
|
if (!route.breadcrumbName) {
|
|
return null;
|
|
}
|
|
var paramsKeys = Object.keys(params).join('|');
|
|
var name = route.breadcrumbName.replace(new RegExp(":(".concat(paramsKeys, ")"), 'g'), function (replacement, key) {
|
|
return params[key] || replacement;
|
|
});
|
|
return name;
|
|
}
|
|
function defaultItemRender(route, params, routes, paths) {
|
|
var isLastItem = routes.indexOf(route) === routes.length - 1;
|
|
var name = getBreadcrumbName(route, params);
|
|
return isLastItem ? /*#__PURE__*/react.createElement("span", null, name) : /*#__PURE__*/react.createElement("a", {
|
|
href: "#/".concat(paths.join('/'))
|
|
}, name);
|
|
}
|
|
var getPath = function getPath(path, params) {
|
|
path = (path || '').replace(/^\//, '');
|
|
Object.keys(params).forEach(function (key) {
|
|
path = path.replace(":".concat(key), params[key]);
|
|
});
|
|
return path;
|
|
};
|
|
var addChildPath = function addChildPath(paths, childPath, params) {
|
|
var originalPaths = (0,toConsumableArray/* default */.Z)(paths);
|
|
var path = getPath(childPath || '', params);
|
|
if (path) {
|
|
originalPaths.push(path);
|
|
}
|
|
return originalPaths;
|
|
};
|
|
var Breadcrumb = function Breadcrumb(_a) {
|
|
var customizePrefixCls = _a.prefixCls,
|
|
_a$separator = _a.separator,
|
|
separator = _a$separator === void 0 ? '/' : _a$separator,
|
|
style = _a.style,
|
|
className = _a.className,
|
|
routes = _a.routes,
|
|
children = _a.children,
|
|
_a$itemRender = _a.itemRender,
|
|
itemRender = _a$itemRender === void 0 ? defaultItemRender : _a$itemRender,
|
|
_a$params = _a.params,
|
|
params = _a$params === void 0 ? {} : _a$params,
|
|
restProps = Breadcrumb_rest(_a, ["prefixCls", "separator", "style", "className", "routes", "children", "itemRender", "params"]);
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
direction = _React$useContext.direction;
|
|
var crumbs;
|
|
var prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
|
|
if (routes && routes.length > 0) {
|
|
// generated by route
|
|
var paths = [];
|
|
crumbs = routes.map(function (route) {
|
|
var path = getPath(route.path, params);
|
|
if (path) {
|
|
paths.push(path);
|
|
}
|
|
// generated overlay by route.children
|
|
var overlay;
|
|
if (route.children && route.children.length) {
|
|
overlay = /*#__PURE__*/react.createElement(menu/* default */.Z, {
|
|
items: route.children.map(function (child) {
|
|
return {
|
|
key: child.path || child.breadcrumbName,
|
|
label: itemRender(child, params, routes, addChildPath(paths, child.path, params))
|
|
};
|
|
})
|
|
});
|
|
}
|
|
var itemProps = {
|
|
separator: separator
|
|
};
|
|
if (overlay) {
|
|
itemProps.overlay = overlay;
|
|
}
|
|
return /*#__PURE__*/react.createElement(breadcrumb_BreadcrumbItem, (0,esm_extends/* default */.Z)({}, itemProps, {
|
|
key: path || route.breadcrumbName
|
|
}), itemRender(route, params, routes, paths));
|
|
});
|
|
} else if (children) {
|
|
crumbs = (0,toArray/* default */.Z)(children).map(function (element, index) {
|
|
if (!element) {
|
|
return element;
|
|
}
|
|
false ? 0 : void 0;
|
|
return (0,reactNode/* cloneElement */.Tm)(element, {
|
|
separator: separator,
|
|
key: index
|
|
});
|
|
});
|
|
}
|
|
var breadcrumbClassName = classnames_default()(prefixCls, (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), className);
|
|
return /*#__PURE__*/react.createElement("nav", (0,esm_extends/* default */.Z)({
|
|
className: breadcrumbClassName,
|
|
style: style
|
|
}, restProps), /*#__PURE__*/react.createElement("ol", null, crumbs));
|
|
};
|
|
Breadcrumb.Item = breadcrumb_BreadcrumbItem;
|
|
Breadcrumb.Separator = breadcrumb_BreadcrumbSeparator;
|
|
/* harmony default export */ var breadcrumb_Breadcrumb = (Breadcrumb);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/index.js
|
|
|
|
/* harmony default export */ var breadcrumb = (breadcrumb_Breadcrumb);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 63102:
|
|
/*!********************************************************************!*\
|
|
!*** ./node_modules/antd/es/breadcrumb/style/index.js + 1 modules ***!
|
|
\********************************************************************/
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
|
|
var style_default = __webpack_require__(43146);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/style/index.less
|
|
// extracted by mini-css-extract-plugin
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/dropdown/style/index.js + 1 modules
|
|
var style = __webpack_require__(68018);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/menu/style/index.js + 1 modules
|
|
var menu_style = __webpack_require__(83736);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/style/index.js
|
|
|
|
|
|
// style dependencies
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 27049:
|
|
/*!***********************************************!*\
|
|
!*** ./node_modules/antd/es/divider/index.js ***!
|
|
\***********************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ 87462);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ 4942);
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ 94184);
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ 67294);
|
|
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider */ 53124);
|
|
|
|
|
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
var Divider = function Divider(props) {
|
|
var _classNames;
|
|
var _React$useContext = react__WEBPACK_IMPORTED_MODULE_1__.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_2__/* .ConfigContext */ .E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
direction = _React$useContext.direction;
|
|
var customizePrefixCls = props.prefixCls,
|
|
_props$type = props.type,
|
|
type = _props$type === void 0 ? 'horizontal' : _props$type,
|
|
_props$orientation = props.orientation,
|
|
orientation = _props$orientation === void 0 ? 'center' : _props$orientation,
|
|
orientationMargin = props.orientationMargin,
|
|
className = props.className,
|
|
children = props.children,
|
|
dashed = props.dashed,
|
|
plain = props.plain,
|
|
restProps = __rest(props, ["prefixCls", "type", "orientation", "orientationMargin", "className", "children", "dashed", "plain"]);
|
|
var prefixCls = getPrefixCls('divider', customizePrefixCls);
|
|
var orientationPrefix = orientation.length > 0 ? "-".concat(orientation) : orientation;
|
|
var hasChildren = !!children;
|
|
var hasCustomMarginLeft = orientation === 'left' && orientationMargin != null;
|
|
var hasCustomMarginRight = orientation === 'right' && orientationMargin != null;
|
|
var classString = classnames__WEBPACK_IMPORTED_MODULE_0___default()(prefixCls, "".concat(prefixCls, "-").concat(type), (_classNames = {}, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-with-text"), hasChildren), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-with-text").concat(orientationPrefix), hasChildren), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-dashed"), !!dashed), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-plain"), !!plain), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-no-default-orientation-margin-left"), hasCustomMarginLeft), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-no-default-orientation-margin-right"), hasCustomMarginRight), _classNames), className);
|
|
var innerStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)({}, hasCustomMarginLeft && {
|
|
marginLeft: orientationMargin
|
|
}), hasCustomMarginRight && {
|
|
marginRight: orientationMargin
|
|
});
|
|
// Warning children not work in vertical mode
|
|
if (false) {}
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)({
|
|
className: classString
|
|
}, restProps, {
|
|
role: "separator"
|
|
}), children && type !== 'vertical' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
className: "".concat(prefixCls, "-inner-text"),
|
|
style: innerStyle
|
|
}, children));
|
|
};
|
|
/* harmony default export */ __webpack_exports__["Z"] = (Divider);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 98541:
|
|
/*!*****************************************************************!*\
|
|
!*** ./node_modules/antd/es/divider/style/index.js + 1 modules ***!
|
|
\*****************************************************************/
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
|
|
var style_default = __webpack_require__(43146);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/divider/style/index.less
|
|
// extracted by mini-css-extract-plugin
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/divider/style/index.js
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1212:
|
|
/*!**********************************************************!*\
|
|
!*** ./node_modules/antd/es/image/index.js + 17 modules ***!
|
|
\**********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ es_image; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__(71002);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/EyeOutlined.js + 1 modules
|
|
var EyeOutlined = __webpack_require__(7124);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__(97685);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(45987);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/css.js
|
|
var css = __webpack_require__(27678);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useMergedState.js
|
|
var useMergedState = __webpack_require__(21770);
|
|
// EXTERNAL MODULE: ./node_modules/rc-dialog/es/index.js + 8 modules
|
|
var es = __webpack_require__(38425);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/addEventListener.js
|
|
var addEventListener = __webpack_require__(64019);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/KeyCode.js
|
|
var KeyCode = __webpack_require__(15105);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
|
|
var warning = __webpack_require__(80334);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-image/es/PreviewGroup.js
|
|
|
|
|
|
|
|
|
|
var _excluded = ["visible", "onVisibleChange", "getContainer", "current", "countRender"];
|
|
|
|
|
|
|
|
|
|
|
|
/* istanbul ignore next */
|
|
var context = /*#__PURE__*/react.createContext({
|
|
previewUrls: new Map(),
|
|
setPreviewUrls: function setPreviewUrls() {
|
|
return null;
|
|
},
|
|
current: null,
|
|
setCurrent: function setCurrent() {
|
|
return null;
|
|
},
|
|
setShowPreview: function setShowPreview() {
|
|
return null;
|
|
},
|
|
setMousePosition: function setMousePosition() {
|
|
return null;
|
|
},
|
|
registerImage: function registerImage() {
|
|
return function () {
|
|
return null;
|
|
};
|
|
},
|
|
rootClassName: ''
|
|
});
|
|
var Provider = context.Provider;
|
|
|
|
var Group = function Group(_ref) {
|
|
var _ref$previewPrefixCls = _ref.previewPrefixCls,
|
|
previewPrefixCls = _ref$previewPrefixCls === void 0 ? 'rc-image-preview' : _ref$previewPrefixCls,
|
|
children = _ref.children,
|
|
_ref$icons = _ref.icons,
|
|
icons = _ref$icons === void 0 ? {} : _ref$icons,
|
|
preview = _ref.preview;
|
|
|
|
var _ref2 = (0,esm_typeof/* default */.Z)(preview) === 'object' ? preview : {},
|
|
_ref2$visible = _ref2.visible,
|
|
previewVisible = _ref2$visible === void 0 ? undefined : _ref2$visible,
|
|
_ref2$onVisibleChange = _ref2.onVisibleChange,
|
|
onPreviewVisibleChange = _ref2$onVisibleChange === void 0 ? undefined : _ref2$onVisibleChange,
|
|
_ref2$getContainer = _ref2.getContainer,
|
|
getContainer = _ref2$getContainer === void 0 ? undefined : _ref2$getContainer,
|
|
_ref2$current = _ref2.current,
|
|
currentIndex = _ref2$current === void 0 ? 0 : _ref2$current,
|
|
_ref2$countRender = _ref2.countRender,
|
|
countRender = _ref2$countRender === void 0 ? undefined : _ref2$countRender,
|
|
dialogProps = (0,objectWithoutProperties/* default */.Z)(_ref2, _excluded);
|
|
|
|
var _useState = (0,react.useState)(new Map()),
|
|
_useState2 = (0,slicedToArray/* default */.Z)(_useState, 2),
|
|
previewUrls = _useState2[0],
|
|
setPreviewUrls = _useState2[1];
|
|
|
|
var _useState3 = (0,react.useState)(),
|
|
_useState4 = (0,slicedToArray/* default */.Z)(_useState3, 2),
|
|
current = _useState4[0],
|
|
setCurrent = _useState4[1];
|
|
|
|
var _useMergedState = (0,useMergedState/* default */.Z)(!!previewVisible, {
|
|
value: previewVisible,
|
|
onChange: onPreviewVisibleChange
|
|
}),
|
|
_useMergedState2 = (0,slicedToArray/* default */.Z)(_useMergedState, 2),
|
|
isShowPreview = _useMergedState2[0],
|
|
setShowPreview = _useMergedState2[1];
|
|
|
|
var _useState5 = (0,react.useState)(null),
|
|
_useState6 = (0,slicedToArray/* default */.Z)(_useState5, 2),
|
|
mousePosition = _useState6[0],
|
|
setMousePosition = _useState6[1];
|
|
|
|
var isControlled = previewVisible !== undefined;
|
|
var previewUrlsKeys = Array.from(previewUrls.keys());
|
|
var currentControlledKey = previewUrlsKeys[currentIndex];
|
|
var canPreviewUrls = new Map(Array.from(previewUrls).filter(function (_ref3) {
|
|
var _ref4 = (0,slicedToArray/* default */.Z)(_ref3, 2),
|
|
canPreview = _ref4[1].canPreview;
|
|
|
|
return !!canPreview;
|
|
}).map(function (_ref5) {
|
|
var _ref6 = (0,slicedToArray/* default */.Z)(_ref5, 2),
|
|
id = _ref6[0],
|
|
url = _ref6[1].url;
|
|
|
|
return [id, url];
|
|
}));
|
|
|
|
var registerImage = function registerImage(id, url) {
|
|
var canPreview = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
|
|
var unRegister = function unRegister() {
|
|
setPreviewUrls(function (oldPreviewUrls) {
|
|
var clonePreviewUrls = new Map(oldPreviewUrls);
|
|
var deleteResult = clonePreviewUrls.delete(id);
|
|
return deleteResult ? clonePreviewUrls : oldPreviewUrls;
|
|
});
|
|
};
|
|
|
|
setPreviewUrls(function (oldPreviewUrls) {
|
|
return new Map(oldPreviewUrls).set(id, {
|
|
url: url,
|
|
canPreview: canPreview
|
|
});
|
|
});
|
|
return unRegister;
|
|
};
|
|
|
|
var onPreviewClose = function onPreviewClose(e) {
|
|
e.stopPropagation();
|
|
setShowPreview(false);
|
|
setMousePosition(null);
|
|
};
|
|
|
|
react.useEffect(function () {
|
|
setCurrent(currentControlledKey);
|
|
}, [currentControlledKey]);
|
|
react.useEffect(function () {
|
|
if (!isShowPreview && isControlled) {
|
|
setCurrent(currentControlledKey);
|
|
}
|
|
}, [currentControlledKey, isControlled, isShowPreview]);
|
|
return /*#__PURE__*/react.createElement(Provider, {
|
|
value: {
|
|
isPreviewGroup: true,
|
|
previewUrls: canPreviewUrls,
|
|
setPreviewUrls: setPreviewUrls,
|
|
current: current,
|
|
setCurrent: setCurrent,
|
|
setShowPreview: setShowPreview,
|
|
setMousePosition: setMousePosition,
|
|
registerImage: registerImage
|
|
}
|
|
}, children, /*#__PURE__*/react.createElement(es_Preview, (0,esm_extends/* default */.Z)({
|
|
"aria-hidden": !isShowPreview,
|
|
visible: isShowPreview,
|
|
prefixCls: previewPrefixCls,
|
|
onClose: onPreviewClose,
|
|
mousePosition: mousePosition,
|
|
src: canPreviewUrls.get(current),
|
|
icons: icons,
|
|
getContainer: getContainer,
|
|
countRender: countRender
|
|
}, dialogProps)));
|
|
};
|
|
|
|
/* harmony default export */ var PreviewGroup = (Group);
|
|
// EXTERNAL MODULE: ./node_modules/rc-motion/es/index.js + 11 modules
|
|
var rc_motion_es = __webpack_require__(62874);
|
|
// EXTERNAL MODULE: ./node_modules/@rc-component/portal/es/index.js + 6 modules
|
|
var portal_es = __webpack_require__(2788);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-image/es/previewConfig.js
|
|
/** Minimum scale */
|
|
var MIN_SCALE = 1;
|
|
/** Maximum Scale */
|
|
|
|
var MAX_SCALE = 50;
|
|
/** Scale the ratio base */
|
|
|
|
var BASE_SCALE_RATIO = 1;
|
|
/** The maximum zoom ratio when the mouse zooms in, adjustable */
|
|
|
|
var WHEEL_MAX_SCALE_RATIO = 0.2;
|
|
;// CONCATENATED MODULE: ./node_modules/rc-image/es/Operations.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Operations = function Operations(props) {
|
|
var _countRender;
|
|
|
|
var visible = props.visible,
|
|
maskTransitionName = props.maskTransitionName,
|
|
getContainer = props.getContainer,
|
|
prefixCls = props.prefixCls,
|
|
rootClassName = props.rootClassName,
|
|
icons = props.icons,
|
|
countRender = props.countRender,
|
|
showSwitch = props.showSwitch,
|
|
showProgress = props.showProgress,
|
|
current = props.current,
|
|
count = props.count,
|
|
scale = props.scale,
|
|
onSwitchLeft = props.onSwitchLeft,
|
|
onSwitchRight = props.onSwitchRight,
|
|
onClose = props.onClose,
|
|
onZoomIn = props.onZoomIn,
|
|
onZoomOut = props.onZoomOut,
|
|
onRotateRight = props.onRotateRight,
|
|
onRotateLeft = props.onRotateLeft;
|
|
var rotateLeft = icons.rotateLeft,
|
|
rotateRight = icons.rotateRight,
|
|
zoomIn = icons.zoomIn,
|
|
zoomOut = icons.zoomOut,
|
|
close = icons.close,
|
|
left = icons.left,
|
|
right = icons.right;
|
|
var toolClassName = "".concat(prefixCls, "-operations-operation");
|
|
var iconClassName = "".concat(prefixCls, "-operations-icon");
|
|
var tools = [{
|
|
icon: close,
|
|
onClick: onClose,
|
|
type: 'close'
|
|
}, {
|
|
icon: zoomIn,
|
|
onClick: onZoomIn,
|
|
type: 'zoomIn',
|
|
disabled: scale === MAX_SCALE
|
|
}, {
|
|
icon: zoomOut,
|
|
onClick: onZoomOut,
|
|
type: 'zoomOut',
|
|
disabled: scale === MIN_SCALE
|
|
}, {
|
|
icon: rotateRight,
|
|
onClick: onRotateRight,
|
|
type: 'rotateRight'
|
|
}, {
|
|
icon: rotateLeft,
|
|
onClick: onRotateLeft,
|
|
type: 'rotateLeft'
|
|
}];
|
|
var operations = /*#__PURE__*/react.createElement(react.Fragment, null, showSwitch && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-switch-left"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-switch-left-disabled"), current === 0)),
|
|
onClick: onSwitchLeft
|
|
}, left), /*#__PURE__*/react.createElement("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-switch-right"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-switch-right-disabled"), current === count - 1)),
|
|
onClick: onSwitchRight
|
|
}, right)), /*#__PURE__*/react.createElement("ul", {
|
|
className: "".concat(prefixCls, "-operations")
|
|
}, showProgress && /*#__PURE__*/react.createElement("li", {
|
|
className: "".concat(prefixCls, "-operations-progress")
|
|
}, (_countRender = countRender === null || countRender === void 0 ? void 0 : countRender(current + 1, count)) !== null && _countRender !== void 0 ? _countRender : "".concat(current + 1, " / ").concat(count)), tools.map(function (_ref) {
|
|
var _classnames3;
|
|
|
|
var icon = _ref.icon,
|
|
onClick = _ref.onClick,
|
|
type = _ref.type,
|
|
disabled = _ref.disabled;
|
|
return /*#__PURE__*/react.createElement("li", {
|
|
className: classnames_default()(toolClassName, (_classnames3 = {}, (0,defineProperty/* default */.Z)(_classnames3, "".concat(prefixCls, "-operations-operation-").concat(type), true), (0,defineProperty/* default */.Z)(_classnames3, "".concat(prefixCls, "-operations-operation-disabled"), !!disabled), _classnames3)),
|
|
onClick: onClick,
|
|
key: type
|
|
}, /*#__PURE__*/react.isValidElement(icon) ? /*#__PURE__*/react.cloneElement(icon, {
|
|
className: iconClassName
|
|
}) : icon);
|
|
})));
|
|
return /*#__PURE__*/react.createElement(rc_motion_es["default"], {
|
|
visible: visible,
|
|
motionName: maskTransitionName
|
|
}, function (_ref2) {
|
|
var className = _ref2.className,
|
|
style = _ref2.style;
|
|
return /*#__PURE__*/react.createElement(portal_es/* default */.Z, {
|
|
open: true,
|
|
getContainer: getContainer !== null && getContainer !== void 0 ? getContainer : document.body
|
|
}, /*#__PURE__*/react.createElement("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-operations-wrapper"), className, rootClassName),
|
|
style: style
|
|
}, operations));
|
|
});
|
|
};
|
|
|
|
/* harmony default export */ var es_Operations = (Operations);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/raf.js
|
|
var raf = __webpack_require__(75164);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-image/es/hooks/useImageTransform.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var initialTransform = {
|
|
x: 0,
|
|
y: 0,
|
|
rotate: 0,
|
|
scale: 1
|
|
};
|
|
function useImageTransform(imgRef) {
|
|
var frame = (0,react.useRef)(null);
|
|
var queue = (0,react.useRef)([]);
|
|
|
|
var _useState = (0,react.useState)(initialTransform),
|
|
_useState2 = (0,slicedToArray/* default */.Z)(_useState, 2),
|
|
transform = _useState2[0],
|
|
setTransform = _useState2[1];
|
|
|
|
var resetTransform = function resetTransform() {
|
|
setTransform(initialTransform);
|
|
};
|
|
/** Direct update transform */
|
|
|
|
|
|
var updateTransform = function updateTransform(newTransform) {
|
|
if (frame.current === null) {
|
|
queue.current = [];
|
|
frame.current = (0,raf/* default */.Z)(function () {
|
|
setTransform(function (preState) {
|
|
var memoState = preState;
|
|
queue.current.forEach(function (queueState) {
|
|
memoState = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, memoState), queueState);
|
|
});
|
|
frame.current = null;
|
|
return memoState;
|
|
});
|
|
});
|
|
}
|
|
|
|
queue.current.push((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, transform), newTransform));
|
|
};
|
|
/** Scale according to the position of clientX and clientY */
|
|
|
|
|
|
var dispatchZoonChange = function dispatchZoonChange(ratio, clientX, clientY) {
|
|
var _imgRef$current = imgRef.current,
|
|
width = _imgRef$current.width,
|
|
height = _imgRef$current.height,
|
|
offsetWidth = _imgRef$current.offsetWidth,
|
|
offsetHeight = _imgRef$current.offsetHeight,
|
|
offsetLeft = _imgRef$current.offsetLeft,
|
|
offsetTop = _imgRef$current.offsetTop;
|
|
var newRatio = ratio;
|
|
var newScale = transform.scale * ratio;
|
|
|
|
if (newScale > MAX_SCALE) {
|
|
newRatio = MAX_SCALE / transform.scale;
|
|
newScale = MAX_SCALE;
|
|
} else if (newScale < MIN_SCALE) {
|
|
newRatio = MIN_SCALE / transform.scale;
|
|
newScale = MIN_SCALE;
|
|
}
|
|
/** Default center point scaling */
|
|
|
|
|
|
var mergedClientX = clientX !== null && clientX !== void 0 ? clientX : innerWidth / 2;
|
|
var mergedClientY = clientY !== null && clientY !== void 0 ? clientY : innerHeight / 2;
|
|
var diffRatio = newRatio - 1;
|
|
/** Deviation calculated from image size */
|
|
|
|
var diffImgX = diffRatio * width * 0.5;
|
|
var diffImgY = diffRatio * height * 0.5;
|
|
/** The difference between the click position and the edge of the document */
|
|
|
|
var diffOffsetLeft = diffRatio * (mergedClientX - transform.x - offsetLeft);
|
|
var diffOffsetTop = diffRatio * (mergedClientY - transform.y - offsetTop);
|
|
/** Final positioning */
|
|
|
|
var newX = transform.x - (diffOffsetLeft - diffImgX);
|
|
var newY = transform.y - (diffOffsetTop - diffImgY);
|
|
/**
|
|
* When zooming the image
|
|
* When the image size is smaller than the width and height of the window, the position is initialized
|
|
*/
|
|
|
|
if (ratio < 1 && newScale === 1) {
|
|
var mergedWidth = offsetWidth * newScale;
|
|
var mergedHeight = offsetHeight * newScale;
|
|
|
|
var _getClientSize = (0,css/* getClientSize */.g1)(),
|
|
clientWidth = _getClientSize.width,
|
|
clientHeight = _getClientSize.height;
|
|
|
|
if (mergedWidth <= clientWidth && mergedHeight <= clientHeight) {
|
|
newX = 0;
|
|
newY = 0;
|
|
}
|
|
}
|
|
|
|
updateTransform({
|
|
x: newX,
|
|
y: newY,
|
|
scale: newScale
|
|
});
|
|
};
|
|
|
|
return {
|
|
transform: transform,
|
|
resetTransform: resetTransform,
|
|
updateTransform: updateTransform,
|
|
dispatchZoonChange: dispatchZoonChange
|
|
};
|
|
}
|
|
;
|
|
;// CONCATENATED MODULE: ./node_modules/rc-image/es/getFixScaleEleTransPosition.js
|
|
|
|
|
|
|
|
|
|
function fixPoint(key, start, width, clientWidth) {
|
|
var startAddWidth = start + width;
|
|
var offsetStart = (width - clientWidth) / 2;
|
|
|
|
if (width > clientWidth) {
|
|
if (start > 0) {
|
|
return (0,defineProperty/* default */.Z)({}, key, offsetStart);
|
|
}
|
|
|
|
if (start < 0 && startAddWidth < clientWidth) {
|
|
return (0,defineProperty/* default */.Z)({}, key, -offsetStart);
|
|
}
|
|
} else if (start < 0 || startAddWidth > clientWidth) {
|
|
return (0,defineProperty/* default */.Z)({}, key, start < 0 ? offsetStart : -offsetStart);
|
|
}
|
|
|
|
return {};
|
|
}
|
|
/**
|
|
* Fix positon x,y point when
|
|
*
|
|
* Ele width && height < client
|
|
* - Back origin
|
|
*
|
|
* - Ele width | height > clientWidth | clientHeight
|
|
* - left | top > 0 -> Back 0
|
|
* - left | top + width | height < clientWidth | clientHeight -> Back left | top + width | height === clientWidth | clientHeight
|
|
*
|
|
* Regardless of other
|
|
*/
|
|
|
|
|
|
function getFixScaleEleTransPosition(width, height, left, top) {
|
|
var _getClientSize = (0,css/* getClientSize */.g1)(),
|
|
clientWidth = _getClientSize.width,
|
|
clientHeight = _getClientSize.height;
|
|
|
|
var fixPos = null;
|
|
|
|
if (width <= clientWidth && height <= clientHeight) {
|
|
fixPos = {
|
|
x: 0,
|
|
y: 0
|
|
};
|
|
} else if (width > clientWidth || height > clientHeight) {
|
|
fixPos = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, fixPoint('x', left, width, clientWidth)), fixPoint('y', top, height, clientHeight));
|
|
}
|
|
|
|
return fixPos;
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/rc-image/es/Preview.js
|
|
|
|
|
|
|
|
|
|
|
|
var Preview_excluded = ["prefixCls", "src", "alt", "onClose", "afterClose", "visible", "icons", "rootClassName", "getContainer", "countRender", "scaleStep", "transitionName", "maskTransitionName"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Preview = function Preview(props) {
|
|
var prefixCls = props.prefixCls,
|
|
src = props.src,
|
|
alt = props.alt,
|
|
onClose = props.onClose,
|
|
afterClose = props.afterClose,
|
|
visible = props.visible,
|
|
_props$icons = props.icons,
|
|
icons = _props$icons === void 0 ? {} : _props$icons,
|
|
rootClassName = props.rootClassName,
|
|
getContainer = props.getContainer,
|
|
countRender = props.countRender,
|
|
_props$scaleStep = props.scaleStep,
|
|
scaleStep = _props$scaleStep === void 0 ? 0.5 : _props$scaleStep,
|
|
_props$transitionName = props.transitionName,
|
|
transitionName = _props$transitionName === void 0 ? 'zoom' : _props$transitionName,
|
|
_props$maskTransition = props.maskTransitionName,
|
|
maskTransitionName = _props$maskTransition === void 0 ? 'fade' : _props$maskTransition,
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, Preview_excluded);
|
|
|
|
var imgRef = (0,react.useRef)();
|
|
var downPositionRef = (0,react.useRef)({
|
|
deltaX: 0,
|
|
deltaY: 0,
|
|
transformX: 0,
|
|
transformY: 0
|
|
});
|
|
|
|
var _useState = (0,react.useState)(false),
|
|
_useState2 = (0,slicedToArray/* default */.Z)(_useState, 2),
|
|
isMoving = _useState2[0],
|
|
setMoving = _useState2[1];
|
|
|
|
var _useContext = (0,react.useContext)(context),
|
|
previewUrls = _useContext.previewUrls,
|
|
current = _useContext.current,
|
|
isPreviewGroup = _useContext.isPreviewGroup,
|
|
setCurrent = _useContext.setCurrent;
|
|
|
|
var previewGroupCount = previewUrls.size;
|
|
var previewUrlsKeys = Array.from(previewUrls.keys());
|
|
var currentPreviewIndex = previewUrlsKeys.indexOf(current);
|
|
var combinationSrc = isPreviewGroup ? previewUrls.get(current) : src;
|
|
var showLeftOrRightSwitches = isPreviewGroup && previewGroupCount > 1;
|
|
var showOperationsProgress = isPreviewGroup && previewGroupCount >= 1;
|
|
|
|
var _useImageTransform = useImageTransform(imgRef),
|
|
transform = _useImageTransform.transform,
|
|
resetTransform = _useImageTransform.resetTransform,
|
|
updateTransform = _useImageTransform.updateTransform,
|
|
dispatchZoonChange = _useImageTransform.dispatchZoonChange;
|
|
|
|
var rotate = transform.rotate,
|
|
scale = transform.scale;
|
|
var wrapClassName = classnames_default()((0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-moving"), isMoving));
|
|
|
|
var onAfterClose = function onAfterClose() {
|
|
resetTransform();
|
|
};
|
|
|
|
var onZoomIn = function onZoomIn() {
|
|
dispatchZoonChange(BASE_SCALE_RATIO + scaleStep);
|
|
};
|
|
|
|
var onZoomOut = function onZoomOut() {
|
|
dispatchZoonChange(BASE_SCALE_RATIO - scaleStep);
|
|
};
|
|
|
|
var onRotateRight = function onRotateRight() {
|
|
updateTransform({
|
|
rotate: rotate + 90
|
|
});
|
|
};
|
|
|
|
var onRotateLeft = function onRotateLeft() {
|
|
updateTransform({
|
|
rotate: rotate - 90
|
|
});
|
|
};
|
|
|
|
var onSwitchLeft = function onSwitchLeft(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
|
|
if (currentPreviewIndex > 0) {
|
|
setCurrent(previewUrlsKeys[currentPreviewIndex - 1]);
|
|
}
|
|
};
|
|
|
|
var onSwitchRight = function onSwitchRight(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
|
|
if (currentPreviewIndex < previewGroupCount - 1) {
|
|
setCurrent(previewUrlsKeys[currentPreviewIndex + 1]);
|
|
}
|
|
};
|
|
|
|
var onMouseUp = function onMouseUp() {
|
|
if (visible && isMoving) {
|
|
setMoving(false);
|
|
/** No need to restore the position when the picture is not moved, So as not to interfere with the click */
|
|
|
|
var _downPositionRef$curr = downPositionRef.current,
|
|
transformX = _downPositionRef$curr.transformX,
|
|
transformY = _downPositionRef$curr.transformY;
|
|
var hasChangedPosition = transform.x !== transformX && transform.y !== transformY;
|
|
|
|
if (!hasChangedPosition) {
|
|
return;
|
|
}
|
|
|
|
var width = imgRef.current.offsetWidth * scale;
|
|
var height = imgRef.current.offsetHeight * scale; // eslint-disable-next-line @typescript-eslint/no-shadow
|
|
|
|
var _imgRef$current$getBo = imgRef.current.getBoundingClientRect(),
|
|
left = _imgRef$current$getBo.left,
|
|
top = _imgRef$current$getBo.top;
|
|
|
|
var isRotate = rotate % 180 !== 0;
|
|
var fixState = getFixScaleEleTransPosition(isRotate ? height : width, isRotate ? width : height, left, top);
|
|
|
|
if (fixState) {
|
|
updateTransform((0,objectSpread2/* default */.Z)({}, fixState));
|
|
}
|
|
}
|
|
};
|
|
|
|
var onMouseDown = function onMouseDown(event) {
|
|
// Only allow main button
|
|
if (event.button !== 0) return;
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
downPositionRef.current = {
|
|
deltaX: event.pageX - transform.x,
|
|
deltaY: event.pageY - transform.y,
|
|
transformX: transform.x,
|
|
transformY: transform.y
|
|
};
|
|
setMoving(true);
|
|
};
|
|
|
|
var onMouseMove = function onMouseMove(event) {
|
|
if (visible && isMoving) {
|
|
updateTransform({
|
|
x: event.pageX - downPositionRef.current.deltaX,
|
|
y: event.pageY - downPositionRef.current.deltaY
|
|
});
|
|
}
|
|
};
|
|
|
|
var onWheel = function onWheel(event) {
|
|
if (!visible || event.deltaY == 0) return; // Scale ratio depends on the deltaY size
|
|
|
|
var scaleRatio = Math.abs(event.deltaY / 100); // Limit the maximum scale ratio
|
|
|
|
var mergedScaleRatio = Math.min(scaleRatio, WHEEL_MAX_SCALE_RATIO); // Scale the ratio each time
|
|
|
|
var ratio = BASE_SCALE_RATIO + mergedScaleRatio * scaleStep;
|
|
|
|
if (event.deltaY > 0) {
|
|
ratio = BASE_SCALE_RATIO / ratio;
|
|
}
|
|
|
|
dispatchZoonChange(ratio, event.clientX, event.clientY);
|
|
};
|
|
|
|
var onKeyDown = (0,react.useCallback)(function (event) {
|
|
if (!visible || !showLeftOrRightSwitches) return;
|
|
|
|
if (event.keyCode === KeyCode/* default.LEFT */.Z.LEFT) {
|
|
if (currentPreviewIndex > 0) {
|
|
setCurrent(previewUrlsKeys[currentPreviewIndex - 1]);
|
|
}
|
|
} else if (event.keyCode === KeyCode/* default.RIGHT */.Z.RIGHT) {
|
|
if (currentPreviewIndex < previewGroupCount - 1) {
|
|
setCurrent(previewUrlsKeys[currentPreviewIndex + 1]);
|
|
}
|
|
}
|
|
}, [currentPreviewIndex, previewGroupCount, previewUrlsKeys, setCurrent, showLeftOrRightSwitches, visible]);
|
|
|
|
var onDoubleClick = function onDoubleClick(event) {
|
|
if (visible) {
|
|
if (scale !== 1) {
|
|
updateTransform({
|
|
x: 0,
|
|
y: 0,
|
|
scale: 1
|
|
});
|
|
} else {
|
|
dispatchZoonChange(BASE_SCALE_RATIO + scaleStep, event.clientX, event.clientY);
|
|
}
|
|
}
|
|
};
|
|
|
|
(0,react.useEffect)(function () {
|
|
var onTopMouseUpListener;
|
|
var onTopMouseMoveListener;
|
|
var onMouseUpListener = (0,addEventListener/* default */.Z)(window, 'mouseup', onMouseUp, false);
|
|
var onMouseMoveListener = (0,addEventListener/* default */.Z)(window, 'mousemove', onMouseMove, false);
|
|
var onKeyDownListener = (0,addEventListener/* default */.Z)(window, 'keydown', onKeyDown, false);
|
|
|
|
try {
|
|
// Resolve if in iframe lost event
|
|
|
|
/* istanbul ignore next */
|
|
if (window.top !== window.self) {
|
|
onTopMouseUpListener = (0,addEventListener/* default */.Z)(window.top, 'mouseup', onMouseUp, false);
|
|
onTopMouseMoveListener = (0,addEventListener/* default */.Z)(window.top, 'mousemove', onMouseMove, false);
|
|
}
|
|
} catch (error) {
|
|
/* istanbul ignore next */
|
|
(0,warning/* warning */.Kp)(false, "[rc-image] ".concat(error));
|
|
}
|
|
|
|
return function () {
|
|
var _onTopMouseUpListener, _onTopMouseMoveListen;
|
|
|
|
onMouseUpListener.remove();
|
|
onMouseMoveListener.remove();
|
|
onKeyDownListener.remove();
|
|
/* istanbul ignore next */
|
|
|
|
(_onTopMouseUpListener = onTopMouseUpListener) === null || _onTopMouseUpListener === void 0 ? void 0 : _onTopMouseUpListener.remove();
|
|
/* istanbul ignore next */
|
|
|
|
(_onTopMouseMoveListen = onTopMouseMoveListener) === null || _onTopMouseMoveListen === void 0 ? void 0 : _onTopMouseMoveListen.remove();
|
|
};
|
|
}, [visible, isMoving, onKeyDown]);
|
|
return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(es/* default */.Z, (0,esm_extends/* default */.Z)({
|
|
transitionName: transitionName,
|
|
maskTransitionName: maskTransitionName,
|
|
closable: false,
|
|
keyboard: true,
|
|
prefixCls: prefixCls,
|
|
onClose: onClose,
|
|
afterClose: onAfterClose,
|
|
visible: visible,
|
|
wrapClassName: wrapClassName,
|
|
rootClassName: rootClassName,
|
|
getContainer: getContainer
|
|
}, restProps), /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-img-wrapper")
|
|
}, /*#__PURE__*/react.createElement("img", {
|
|
width: props.width,
|
|
height: props.height,
|
|
onWheel: onWheel,
|
|
onMouseDown: onMouseDown,
|
|
onDoubleClick: onDoubleClick,
|
|
ref: imgRef,
|
|
className: "".concat(prefixCls, "-img"),
|
|
src: combinationSrc,
|
|
alt: alt,
|
|
style: {
|
|
transform: "translate3d(".concat(transform.x, "px, ").concat(transform.y, "px, 0) scale3d(").concat(scale, ", ").concat(scale, ", 1) rotate(").concat(rotate, "deg)")
|
|
}
|
|
}))), /*#__PURE__*/react.createElement(es_Operations, {
|
|
visible: visible,
|
|
maskTransitionName: maskTransitionName,
|
|
getContainer: getContainer,
|
|
prefixCls: prefixCls,
|
|
rootClassName: rootClassName,
|
|
icons: icons,
|
|
countRender: countRender,
|
|
showSwitch: showLeftOrRightSwitches,
|
|
showProgress: showOperationsProgress,
|
|
current: currentPreviewIndex,
|
|
count: previewGroupCount,
|
|
scale: scale,
|
|
onSwitchLeft: onSwitchLeft,
|
|
onSwitchRight: onSwitchRight,
|
|
onZoomIn: onZoomIn,
|
|
onZoomOut: onZoomOut,
|
|
onRotateRight: onRotateRight,
|
|
onRotateLeft: onRotateLeft,
|
|
onClose: onClose
|
|
}));
|
|
};
|
|
|
|
/* harmony default export */ var es_Preview = (Preview);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-image/es/Image.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Image_excluded = ["src", "alt", "onPreviewClose", "prefixCls", "previewPrefixCls", "placeholder", "fallback", "width", "height", "style", "preview", "className", "onClick", "onError", "wrapperClassName", "wrapperStyle", "rootClassName", "crossOrigin", "decoding", "loading", "referrerPolicy", "sizes", "srcSet", "useMap", "draggable"],
|
|
_excluded2 = ["src", "visible", "onVisibleChange", "getContainer", "mask", "maskClassName", "icons", "scaleStep"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var uuid = 0;
|
|
|
|
var ImageInternal = function ImageInternal(_ref) {
|
|
var _imgCommonProps$style;
|
|
|
|
var imgSrc = _ref.src,
|
|
alt = _ref.alt,
|
|
onInitialPreviewClose = _ref.onPreviewClose,
|
|
_ref$prefixCls = _ref.prefixCls,
|
|
prefixCls = _ref$prefixCls === void 0 ? 'rc-image' : _ref$prefixCls,
|
|
_ref$previewPrefixCls = _ref.previewPrefixCls,
|
|
previewPrefixCls = _ref$previewPrefixCls === void 0 ? "".concat(prefixCls, "-preview") : _ref$previewPrefixCls,
|
|
placeholder = _ref.placeholder,
|
|
fallback = _ref.fallback,
|
|
width = _ref.width,
|
|
height = _ref.height,
|
|
style = _ref.style,
|
|
_ref$preview = _ref.preview,
|
|
preview = _ref$preview === void 0 ? true : _ref$preview,
|
|
className = _ref.className,
|
|
onClick = _ref.onClick,
|
|
onImageError = _ref.onError,
|
|
wrapperClassName = _ref.wrapperClassName,
|
|
wrapperStyle = _ref.wrapperStyle,
|
|
rootClassName = _ref.rootClassName,
|
|
crossOrigin = _ref.crossOrigin,
|
|
decoding = _ref.decoding,
|
|
loading = _ref.loading,
|
|
referrerPolicy = _ref.referrerPolicy,
|
|
sizes = _ref.sizes,
|
|
srcSet = _ref.srcSet,
|
|
useMap = _ref.useMap,
|
|
draggable = _ref.draggable,
|
|
otherProps = (0,objectWithoutProperties/* default */.Z)(_ref, Image_excluded);
|
|
|
|
var isCustomPlaceholder = placeholder && placeholder !== true;
|
|
|
|
var _ref2 = (0,esm_typeof/* default */.Z)(preview) === 'object' ? preview : {},
|
|
previewSrc = _ref2.src,
|
|
_ref2$visible = _ref2.visible,
|
|
previewVisible = _ref2$visible === void 0 ? undefined : _ref2$visible,
|
|
_ref2$onVisibleChange = _ref2.onVisibleChange,
|
|
onPreviewVisibleChange = _ref2$onVisibleChange === void 0 ? onInitialPreviewClose : _ref2$onVisibleChange,
|
|
_ref2$getContainer = _ref2.getContainer,
|
|
getPreviewContainer = _ref2$getContainer === void 0 ? undefined : _ref2$getContainer,
|
|
previewMask = _ref2.mask,
|
|
maskClassName = _ref2.maskClassName,
|
|
icons = _ref2.icons,
|
|
scaleStep = _ref2.scaleStep,
|
|
dialogProps = (0,objectWithoutProperties/* default */.Z)(_ref2, _excluded2);
|
|
|
|
var src = previewSrc !== null && previewSrc !== void 0 ? previewSrc : imgSrc;
|
|
var isControlled = previewVisible !== undefined;
|
|
|
|
var _useMergedState = (0,useMergedState/* default */.Z)(!!previewVisible, {
|
|
value: previewVisible,
|
|
onChange: onPreviewVisibleChange
|
|
}),
|
|
_useMergedState2 = (0,slicedToArray/* default */.Z)(_useMergedState, 2),
|
|
isShowPreview = _useMergedState2[0],
|
|
setShowPreview = _useMergedState2[1];
|
|
|
|
var _useState = (0,react.useState)(isCustomPlaceholder ? 'loading' : 'normal'),
|
|
_useState2 = (0,slicedToArray/* default */.Z)(_useState, 2),
|
|
status = _useState2[0],
|
|
setStatus = _useState2[1];
|
|
|
|
var _useState3 = (0,react.useState)(null),
|
|
_useState4 = (0,slicedToArray/* default */.Z)(_useState3, 2),
|
|
mousePosition = _useState4[0],
|
|
setMousePosition = _useState4[1];
|
|
|
|
var isError = status === 'error';
|
|
|
|
var _React$useContext = react.useContext(context),
|
|
isPreviewGroup = _React$useContext.isPreviewGroup,
|
|
setCurrent = _React$useContext.setCurrent,
|
|
setGroupShowPreview = _React$useContext.setShowPreview,
|
|
setGroupMousePosition = _React$useContext.setMousePosition,
|
|
registerImage = _React$useContext.registerImage;
|
|
|
|
var _React$useState = react.useState(function () {
|
|
uuid += 1;
|
|
return uuid;
|
|
}),
|
|
_React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 1),
|
|
currentId = _React$useState2[0];
|
|
|
|
var canPreview = !!preview;
|
|
var isLoaded = react.useRef(false);
|
|
|
|
var onLoad = function onLoad() {
|
|
setStatus('normal');
|
|
};
|
|
|
|
var onError = function onError(e) {
|
|
if (onImageError) {
|
|
onImageError(e);
|
|
}
|
|
|
|
setStatus('error');
|
|
};
|
|
|
|
var onPreview = function onPreview(e) {
|
|
if (!isControlled) {
|
|
var _getOffset = (0,css/* getOffset */.os)(e.target),
|
|
left = _getOffset.left,
|
|
top = _getOffset.top;
|
|
|
|
if (isPreviewGroup) {
|
|
setCurrent(currentId);
|
|
setGroupMousePosition({
|
|
x: left,
|
|
y: top
|
|
});
|
|
} else {
|
|
setMousePosition({
|
|
x: left,
|
|
y: top
|
|
});
|
|
}
|
|
}
|
|
|
|
if (isPreviewGroup) {
|
|
setGroupShowPreview(true);
|
|
} else {
|
|
setShowPreview(true);
|
|
}
|
|
|
|
if (onClick) onClick(e);
|
|
};
|
|
|
|
var onPreviewClose = function onPreviewClose(e) {
|
|
e.stopPropagation();
|
|
setShowPreview(false);
|
|
|
|
if (!isControlled) {
|
|
setMousePosition(null);
|
|
}
|
|
};
|
|
|
|
var getImgRef = function getImgRef(img) {
|
|
isLoaded.current = false;
|
|
if (status !== 'loading') return;
|
|
|
|
if (img !== null && img !== void 0 && img.complete && (img.naturalWidth || img.naturalHeight)) {
|
|
isLoaded.current = true;
|
|
onLoad();
|
|
}
|
|
}; // Keep order start
|
|
// Resolve https://github.com/ant-design/ant-design/issues/28881
|
|
// Only need unRegister when component unMount
|
|
|
|
|
|
react.useEffect(function () {
|
|
var unRegister = registerImage(currentId, src);
|
|
return unRegister;
|
|
}, []);
|
|
react.useEffect(function () {
|
|
registerImage(currentId, src, canPreview);
|
|
}, [src, canPreview]); // Keep order end
|
|
|
|
react.useEffect(function () {
|
|
if (isError) {
|
|
setStatus('normal');
|
|
}
|
|
|
|
if (isCustomPlaceholder && !isLoaded.current) {
|
|
setStatus('loading');
|
|
}
|
|
}, [imgSrc]);
|
|
var wrapperClass = classnames_default()(prefixCls, wrapperClassName, rootClassName, (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-error"), isError));
|
|
var mergedSrc = isError && fallback ? fallback : src;
|
|
var imgCommonProps = {
|
|
crossOrigin: crossOrigin,
|
|
decoding: decoding,
|
|
draggable: draggable,
|
|
loading: loading,
|
|
referrerPolicy: referrerPolicy,
|
|
sizes: sizes,
|
|
srcSet: srcSet,
|
|
useMap: useMap,
|
|
alt: alt,
|
|
className: classnames_default()("".concat(prefixCls, "-img"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-img-placeholder"), placeholder === true), className),
|
|
style: (0,objectSpread2/* default */.Z)({
|
|
height: height
|
|
}, style)
|
|
};
|
|
return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", (0,esm_extends/* default */.Z)({}, otherProps, {
|
|
className: wrapperClass,
|
|
onClick: canPreview ? onPreview : onClick,
|
|
style: (0,objectSpread2/* default */.Z)({
|
|
width: width,
|
|
height: height
|
|
}, wrapperStyle)
|
|
}), /*#__PURE__*/react.createElement("img", (0,esm_extends/* default */.Z)({}, imgCommonProps, {
|
|
ref: getImgRef
|
|
}, isError && fallback ? {
|
|
src: fallback
|
|
} : {
|
|
onLoad: onLoad,
|
|
onError: onError,
|
|
src: imgSrc
|
|
}, {
|
|
width: width,
|
|
height: height
|
|
})), status === 'loading' && /*#__PURE__*/react.createElement("div", {
|
|
"aria-hidden": "true",
|
|
className: "".concat(prefixCls, "-placeholder")
|
|
}, placeholder), previewMask && canPreview && /*#__PURE__*/react.createElement("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-mask"), maskClassName),
|
|
style: {
|
|
display: ((_imgCommonProps$style = imgCommonProps.style) === null || _imgCommonProps$style === void 0 ? void 0 : _imgCommonProps$style.display) === 'none' ? 'none' : undefined
|
|
}
|
|
}, previewMask)), !isPreviewGroup && canPreview && /*#__PURE__*/react.createElement(es_Preview, (0,esm_extends/* default */.Z)({
|
|
"aria-hidden": !isShowPreview,
|
|
visible: isShowPreview,
|
|
prefixCls: previewPrefixCls,
|
|
onClose: onPreviewClose,
|
|
mousePosition: mousePosition,
|
|
src: mergedSrc,
|
|
alt: alt,
|
|
getContainer: getPreviewContainer,
|
|
icons: icons,
|
|
scaleStep: scaleStep,
|
|
rootClassName: rootClassName
|
|
}, dialogProps)));
|
|
};
|
|
|
|
ImageInternal.PreviewGroup = PreviewGroup;
|
|
ImageInternal.displayName = 'Image';
|
|
/* harmony default export */ var Image = (ImageInternal);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-image/es/index.js
|
|
|
|
|
|
/* harmony default export */ var rc_image_es = (Image);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var config_provider_context = __webpack_require__(53124);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/locale/en_US.js
|
|
var en_US = __webpack_require__(40378);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/motion.js
|
|
var motion = __webpack_require__(33603);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/CloseOutlined.js
|
|
var CloseOutlined = __webpack_require__(62208);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/LeftOutlined.js
|
|
var LeftOutlined = __webpack_require__(97454);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/RightOutlined.js
|
|
var RightOutlined = __webpack_require__(62994);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/RotateLeftOutlined.js
|
|
// This icon file is generated automatically.
|
|
var RotateLeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "defs", "attrs": {}, "children": [{ "tag": "style", "attrs": {} }] }, { "tag": "path", "attrs": { "d": "M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H188V494h440v326z" } }, { "tag": "path", "attrs": { "d": "M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7.4 12.6-6.1v-63.9c12.9.1 25.9.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8a325.95 325.95 0 016.5 140.9h74.9c14.8-103.6-11.3-213-81-302.3z" } }] }, "name": "rotate-left", "theme": "outlined" };
|
|
/* harmony default export */ var asn_RotateLeftOutlined = (RotateLeftOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/components/AntdIcon.js + 3 modules
|
|
var AntdIcon = __webpack_require__(93771);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/RotateLeftOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var RotateLeftOutlined_RotateLeftOutlined = function RotateLeftOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_RotateLeftOutlined
|
|
}));
|
|
};
|
|
RotateLeftOutlined_RotateLeftOutlined.displayName = 'RotateLeftOutlined';
|
|
/* harmony default export */ var icons_RotateLeftOutlined = (/*#__PURE__*/react.forwardRef(RotateLeftOutlined_RotateLeftOutlined));
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/RotateRightOutlined.js
|
|
// This icon file is generated automatically.
|
|
var RotateRightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "defs", "attrs": {}, "children": [{ "tag": "style", "attrs": {} }] }, { "tag": "path", "attrs": { "d": "M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-.4-12.6 6.1l-.2 64c-118.6.5-235.8 53.4-314.6 154.2A399.75 399.75 0 00123.5 631h74.9c-.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z" } }, { "tag": "path", "attrs": { "d": "M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H396V494h440v326z" } }] }, "name": "rotate-right", "theme": "outlined" };
|
|
/* harmony default export */ var asn_RotateRightOutlined = (RotateRightOutlined);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/RotateRightOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var RotateRightOutlined_RotateRightOutlined = function RotateRightOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_RotateRightOutlined
|
|
}));
|
|
};
|
|
RotateRightOutlined_RotateRightOutlined.displayName = 'RotateRightOutlined';
|
|
/* harmony default export */ var icons_RotateRightOutlined = (/*#__PURE__*/react.forwardRef(RotateRightOutlined_RotateRightOutlined));
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/ZoomInOutlined.js
|
|
// This icon file is generated automatically.
|
|
var ZoomInOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z" } }] }, "name": "zoom-in", "theme": "outlined" };
|
|
/* harmony default export */ var asn_ZoomInOutlined = (ZoomInOutlined);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/ZoomInOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var ZoomInOutlined_ZoomInOutlined = function ZoomInOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_ZoomInOutlined
|
|
}));
|
|
};
|
|
ZoomInOutlined_ZoomInOutlined.displayName = 'ZoomInOutlined';
|
|
/* harmony default export */ var icons_ZoomInOutlined = (/*#__PURE__*/react.forwardRef(ZoomInOutlined_ZoomInOutlined));
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/ZoomOutOutlined.js
|
|
// This icon file is generated automatically.
|
|
var ZoomOutOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M637 443H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h312c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z" } }] }, "name": "zoom-out", "theme": "outlined" };
|
|
/* harmony default export */ var asn_ZoomOutOutlined = (ZoomOutOutlined);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/ZoomOutOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var ZoomOutOutlined_ZoomOutOutlined = function ZoomOutOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_ZoomOutOutlined
|
|
}));
|
|
};
|
|
ZoomOutOutlined_ZoomOutOutlined.displayName = 'ZoomOutOutlined';
|
|
/* harmony default export */ var icons_ZoomOutOutlined = (/*#__PURE__*/react.forwardRef(ZoomOutOutlined_ZoomOutOutlined));
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/image/PreviewGroup.js
|
|
|
|
|
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var icons = {
|
|
rotateLeft: /*#__PURE__*/react.createElement(icons_RotateLeftOutlined, null),
|
|
rotateRight: /*#__PURE__*/react.createElement(icons_RotateRightOutlined, null),
|
|
zoomIn: /*#__PURE__*/react.createElement(icons_ZoomInOutlined, null),
|
|
zoomOut: /*#__PURE__*/react.createElement(icons_ZoomOutOutlined, null),
|
|
close: /*#__PURE__*/react.createElement(CloseOutlined/* default */.Z, null),
|
|
left: /*#__PURE__*/react.createElement(LeftOutlined/* default */.Z, null),
|
|
right: /*#__PURE__*/react.createElement(RightOutlined/* default */.Z, null)
|
|
};
|
|
var InternalPreviewGroup = function InternalPreviewGroup(_a) {
|
|
var customizePrefixCls = _a.previewPrefixCls,
|
|
preview = _a.preview,
|
|
props = __rest(_a, ["previewPrefixCls", "preview"]);
|
|
var _React$useContext = react.useContext(config_provider_context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('image-preview', customizePrefixCls);
|
|
var rootPrefixCls = getPrefixCls();
|
|
var mergedPreview = react.useMemo(function () {
|
|
if (preview === false) {
|
|
return preview;
|
|
}
|
|
var _preview = (0,esm_typeof/* default */.Z)(preview) === 'object' ? preview : {};
|
|
return (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, _preview), {
|
|
transitionName: (0,motion/* getTransitionName */.mL)(rootPrefixCls, 'zoom', _preview.transitionName),
|
|
maskTransitionName: (0,motion/* getTransitionName */.mL)(rootPrefixCls, 'fade', _preview.maskTransitionName)
|
|
});
|
|
}, [preview]);
|
|
return /*#__PURE__*/react.createElement(rc_image_es.PreviewGroup, (0,esm_extends/* default */.Z)({
|
|
preview: mergedPreview,
|
|
previewPrefixCls: prefixCls,
|
|
icons: icons
|
|
}, props));
|
|
};
|
|
/* harmony default export */ var image_PreviewGroup = (InternalPreviewGroup);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/image/index.js
|
|
|
|
|
|
var image_rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var image_Image = function Image(_a) {
|
|
var customizePrefixCls = _a.prefixCls,
|
|
preview = _a.preview,
|
|
otherProps = image_rest(_a, ["prefixCls", "preview"]);
|
|
var _useContext = (0,react.useContext)(config_provider_context/* ConfigContext */.E_),
|
|
getPrefixCls = _useContext.getPrefixCls,
|
|
_useContext$locale = _useContext.locale,
|
|
contextLocale = _useContext$locale === void 0 ? en_US/* default */.Z : _useContext$locale,
|
|
getContextPopupContainer = _useContext.getPopupContainer;
|
|
var prefixCls = getPrefixCls('image', customizePrefixCls);
|
|
var rootPrefixCls = getPrefixCls();
|
|
var imageLocale = contextLocale.Image || en_US/* default.Image */.Z.Image;
|
|
var mergedPreview = react.useMemo(function () {
|
|
if (preview === false) {
|
|
return preview;
|
|
}
|
|
var _preview = (0,esm_typeof/* default */.Z)(preview) === 'object' ? preview : {};
|
|
var getContainer = _preview.getContainer,
|
|
restPreviewProps = image_rest(_preview, ["getContainer"]);
|
|
return (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({
|
|
mask: /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-mask-info")
|
|
}, /*#__PURE__*/react.createElement(EyeOutlined/* default */.Z, null), imageLocale === null || imageLocale === void 0 ? void 0 : imageLocale.preview),
|
|
icons: icons
|
|
}, restPreviewProps), {
|
|
getContainer: getContainer || getContextPopupContainer,
|
|
transitionName: (0,motion/* getTransitionName */.mL)(rootPrefixCls, 'zoom', _preview.transitionName),
|
|
maskTransitionName: (0,motion/* getTransitionName */.mL)(rootPrefixCls, 'fade', _preview.maskTransitionName)
|
|
});
|
|
}, [preview, imageLocale]);
|
|
return /*#__PURE__*/react.createElement(rc_image_es, (0,esm_extends/* default */.Z)({
|
|
prefixCls: prefixCls,
|
|
preview: mergedPreview
|
|
}, otherProps));
|
|
};
|
|
image_Image.PreviewGroup = image_PreviewGroup;
|
|
/* harmony default export */ var es_image = (image_Image);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 11764:
|
|
/*!***************************************************************!*\
|
|
!*** ./node_modules/antd/es/image/style/index.js + 1 modules ***!
|
|
\***************************************************************/
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
|
|
var style_default = __webpack_require__(43146);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/image/style/index.less
|
|
// extracted by mini-css-extract-plugin
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/image/style/index.js
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 73481:
|
|
/*!*************************************************************!*\
|
|
!*** ./node_modules/antd/es/skeleton/index.js + 11 modules ***!
|
|
\*************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ skeleton; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__(71002);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var context = __webpack_require__(53124);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/omit.js
|
|
var omit = __webpack_require__(98423);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Element.js
|
|
|
|
|
|
|
|
|
|
var Element = function Element(props) {
|
|
var _classNames, _classNames2;
|
|
var prefixCls = props.prefixCls,
|
|
className = props.className,
|
|
style = props.style,
|
|
size = props.size,
|
|
shape = props.shape;
|
|
var sizeCls = classnames_default()((_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-lg"), size === 'large'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-sm"), size === 'small'), _classNames));
|
|
var shapeCls = classnames_default()((_classNames2 = {}, (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-circle"), shape === 'circle'), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-square"), shape === 'square'), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-round"), shape === 'round'), _classNames2));
|
|
var sizeStyle = react.useMemo(function () {
|
|
return typeof size === 'number' ? {
|
|
width: size,
|
|
height: size,
|
|
lineHeight: "".concat(size, "px")
|
|
} : {};
|
|
}, [size]);
|
|
return /*#__PURE__*/react.createElement("span", {
|
|
className: classnames_default()(prefixCls, sizeCls, shapeCls, className),
|
|
style: (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, sizeStyle), style)
|
|
});
|
|
};
|
|
/* harmony default export */ var skeleton_Element = (Element);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Avatar.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SkeletonAvatar = function SkeletonAvatar(props) {
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
active = props.active,
|
|
_props$shape = props.shape,
|
|
shape = _props$shape === void 0 ? 'circle' : _props$shape,
|
|
_props$size = props.size,
|
|
size = _props$size === void 0 ? 'default' : _props$size;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var otherProps = (0,omit/* default */.Z)(props, ['prefixCls', 'className']);
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-active"), active), className);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-avatar"),
|
|
shape: shape,
|
|
size: size
|
|
}, otherProps)));
|
|
};
|
|
/* harmony default export */ var Avatar = (SkeletonAvatar);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Button.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SkeletonButton = function SkeletonButton(props) {
|
|
var _classNames;
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
active = props.active,
|
|
_props$block = props.block,
|
|
block = _props$block === void 0 ? false : _props$block,
|
|
_props$size = props.size,
|
|
size = _props$size === void 0 ? 'default' : _props$size;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var otherProps = (0,omit/* default */.Z)(props, ['prefixCls']);
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-active"), active), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-block"), block), _classNames), className);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-button"),
|
|
size: size
|
|
}, otherProps)));
|
|
};
|
|
/* harmony default export */ var Button = (SkeletonButton);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/DotChartOutlined.js
|
|
// This icon file is generated automatically.
|
|
var DotChartOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM288 604a64 64 0 10128 0 64 64 0 10-128 0zm118-224a48 48 0 1096 0 48 48 0 10-96 0zm158 228a96 96 0 10192 0 96 96 0 10-192 0zm148-314a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "dot-chart", "theme": "outlined" };
|
|
/* harmony default export */ var asn_DotChartOutlined = (DotChartOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/components/AntdIcon.js + 3 modules
|
|
var AntdIcon = __webpack_require__(93771);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/DotChartOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var DotChartOutlined_DotChartOutlined = function DotChartOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_DotChartOutlined
|
|
}));
|
|
};
|
|
DotChartOutlined_DotChartOutlined.displayName = 'DotChartOutlined';
|
|
/* harmony default export */ var icons_DotChartOutlined = (/*#__PURE__*/react.forwardRef(DotChartOutlined_DotChartOutlined));
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Node.js
|
|
|
|
|
|
|
|
|
|
|
|
var SkeletonNode = function SkeletonNode(props) {
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
style = props.style,
|
|
active = props.active,
|
|
children = props.children;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-active"), active), className);
|
|
var content = children !== null && children !== void 0 ? children : /*#__PURE__*/react.createElement(icons_DotChartOutlined, null);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/react.createElement("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-image"), className),
|
|
style: style
|
|
}, content));
|
|
};
|
|
/* harmony default export */ var Node = (SkeletonNode);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Image.js
|
|
|
|
|
|
|
|
|
|
var path = 'M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z';
|
|
var SkeletonImage = function SkeletonImage(props) {
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
style = props.style,
|
|
active = props.active;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-active"), active), className);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/react.createElement("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-image"), className),
|
|
style: style
|
|
}, /*#__PURE__*/react.createElement("svg", {
|
|
viewBox: "0 0 1098 1024",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
className: "".concat(prefixCls, "-image-svg")
|
|
}, /*#__PURE__*/react.createElement("path", {
|
|
d: path,
|
|
className: "".concat(prefixCls, "-image-path")
|
|
}))));
|
|
};
|
|
/* harmony default export */ var Image = (SkeletonImage);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Input.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SkeletonInput = function SkeletonInput(props) {
|
|
var _classNames;
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
active = props.active,
|
|
block = props.block,
|
|
_props$size = props.size,
|
|
size = _props$size === void 0 ? 'default' : _props$size;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var otherProps = (0,omit/* default */.Z)(props, ['prefixCls']);
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-active"), active), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-block"), block), _classNames), className);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-input"),
|
|
size: size
|
|
}, otherProps)));
|
|
};
|
|
/* harmony default export */ var Input = (SkeletonInput);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
|
|
var toConsumableArray = __webpack_require__(74902);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Paragraph.js
|
|
|
|
|
|
|
|
var Paragraph = function Paragraph(props) {
|
|
var getWidth = function getWidth(index) {
|
|
var width = props.width,
|
|
_props$rows = props.rows,
|
|
rows = _props$rows === void 0 ? 2 : _props$rows;
|
|
if (Array.isArray(width)) {
|
|
return width[index];
|
|
}
|
|
// last paragraph
|
|
if (rows - 1 === index) {
|
|
return width;
|
|
}
|
|
return undefined;
|
|
};
|
|
var prefixCls = props.prefixCls,
|
|
className = props.className,
|
|
style = props.style,
|
|
rows = props.rows;
|
|
var rowList = (0,toConsumableArray/* default */.Z)(Array(rows)).map(function (_, index) {
|
|
return (
|
|
/*#__PURE__*/
|
|
// eslint-disable-next-line react/no-array-index-key
|
|
react.createElement("li", {
|
|
key: index,
|
|
style: {
|
|
width: getWidth(index)
|
|
}
|
|
})
|
|
);
|
|
});
|
|
return /*#__PURE__*/react.createElement("ul", {
|
|
className: classnames_default()(prefixCls, className),
|
|
style: style
|
|
}, rowList);
|
|
};
|
|
/* harmony default export */ var skeleton_Paragraph = (Paragraph);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Title.js
|
|
|
|
/* eslint-disable jsx-a11y/heading-has-content */
|
|
|
|
|
|
var Title = function Title(_ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
className = _ref.className,
|
|
width = _ref.width,
|
|
style = _ref.style;
|
|
return /*#__PURE__*/react.createElement("h3", {
|
|
className: classnames_default()(prefixCls, className),
|
|
style: (0,esm_extends/* default */.Z)({
|
|
width: width
|
|
}, style)
|
|
});
|
|
};
|
|
/* harmony default export */ var skeleton_Title = (Title);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Skeleton.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function getComponentProps(prop) {
|
|
if (prop && (0,esm_typeof/* default */.Z)(prop) === 'object') {
|
|
return prop;
|
|
}
|
|
return {};
|
|
}
|
|
function getAvatarBasicProps(hasTitle, hasParagraph) {
|
|
if (hasTitle && !hasParagraph) {
|
|
// Square avatar
|
|
return {
|
|
size: 'large',
|
|
shape: 'square'
|
|
};
|
|
}
|
|
return {
|
|
size: 'large',
|
|
shape: 'circle'
|
|
};
|
|
}
|
|
function getTitleBasicProps(hasAvatar, hasParagraph) {
|
|
if (!hasAvatar && hasParagraph) {
|
|
return {
|
|
width: '38%'
|
|
};
|
|
}
|
|
if (hasAvatar && hasParagraph) {
|
|
return {
|
|
width: '50%'
|
|
};
|
|
}
|
|
return {};
|
|
}
|
|
function getParagraphBasicProps(hasAvatar, hasTitle) {
|
|
var basicProps = {};
|
|
// Width
|
|
if (!hasAvatar || !hasTitle) {
|
|
basicProps.width = '61%';
|
|
}
|
|
// Rows
|
|
if (!hasAvatar && hasTitle) {
|
|
basicProps.rows = 3;
|
|
} else {
|
|
basicProps.rows = 2;
|
|
}
|
|
return basicProps;
|
|
}
|
|
var Skeleton = function Skeleton(props) {
|
|
var customizePrefixCls = props.prefixCls,
|
|
loading = props.loading,
|
|
className = props.className,
|
|
style = props.style,
|
|
children = props.children,
|
|
_props$avatar = props.avatar,
|
|
avatar = _props$avatar === void 0 ? false : _props$avatar,
|
|
_props$title = props.title,
|
|
title = _props$title === void 0 ? true : _props$title,
|
|
_props$paragraph = props.paragraph,
|
|
paragraph = _props$paragraph === void 0 ? true : _props$paragraph,
|
|
active = props.active,
|
|
round = props.round;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
direction = _React$useContext.direction;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
if (loading || !('loading' in props)) {
|
|
var _classNames;
|
|
var hasAvatar = !!avatar;
|
|
var hasTitle = !!title;
|
|
var hasParagraph = !!paragraph;
|
|
// Avatar
|
|
var avatarNode;
|
|
if (hasAvatar) {
|
|
var avatarProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-avatar")
|
|
}, getAvatarBasicProps(hasTitle, hasParagraph)), getComponentProps(avatar));
|
|
// We direct use SkeletonElement as avatar in skeleton internal.
|
|
avatarNode = /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-header")
|
|
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({}, avatarProps)));
|
|
}
|
|
var contentNode;
|
|
if (hasTitle || hasParagraph) {
|
|
// Title
|
|
var $title;
|
|
if (hasTitle) {
|
|
var titleProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-title")
|
|
}, getTitleBasicProps(hasAvatar, hasParagraph)), getComponentProps(title));
|
|
$title = /*#__PURE__*/react.createElement(skeleton_Title, (0,esm_extends/* default */.Z)({}, titleProps));
|
|
}
|
|
// Paragraph
|
|
var paragraphNode;
|
|
if (hasParagraph) {
|
|
var paragraphProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-paragraph")
|
|
}, getParagraphBasicProps(hasAvatar, hasTitle)), getComponentProps(paragraph));
|
|
paragraphNode = /*#__PURE__*/react.createElement(skeleton_Paragraph, (0,esm_extends/* default */.Z)({}, paragraphProps));
|
|
}
|
|
contentNode = /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-content")
|
|
}, $title, paragraphNode);
|
|
}
|
|
var cls = classnames_default()(prefixCls, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-with-avatar"), hasAvatar), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-active"), active), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-round"), round), _classNames), className);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls,
|
|
style: style
|
|
}, avatarNode, contentNode);
|
|
}
|
|
return typeof children !== 'undefined' ? children : null;
|
|
};
|
|
Skeleton.Button = Button;
|
|
Skeleton.Avatar = Avatar;
|
|
Skeleton.Input = Input;
|
|
Skeleton.Image = Image;
|
|
Skeleton.Node = Node;
|
|
/* harmony default export */ var skeleton_Skeleton = (Skeleton);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/index.js
|
|
|
|
/* harmony default export */ var skeleton = (skeleton_Skeleton);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 61099:
|
|
/*!******************************************************************!*\
|
|
!*** ./node_modules/antd/es/skeleton/style/index.js + 1 modules ***!
|
|
\******************************************************************/
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
|
|
var style_default = __webpack_require__(43146);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/style/index.less
|
|
// extracted by mini-css-extract-plugin
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/style/index.js
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 94594:
|
|
/*!**********************************************************!*\
|
|
!*** ./node_modules/antd/es/switch/index.js + 1 modules ***!
|
|
\**********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ es_switch; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/LoadingOutlined.js
|
|
var LoadingOutlined = __webpack_require__(19267);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__(97685);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(45987);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useMergedState.js
|
|
var useMergedState = __webpack_require__(21770);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/KeyCode.js
|
|
var KeyCode = __webpack_require__(15105);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-switch/es/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Switch = react.forwardRef(function (_ref, ref) {
|
|
var _classNames;
|
|
|
|
var _ref$prefixCls = _ref.prefixCls,
|
|
prefixCls = _ref$prefixCls === void 0 ? 'rc-switch' : _ref$prefixCls,
|
|
className = _ref.className,
|
|
checked = _ref.checked,
|
|
defaultChecked = _ref.defaultChecked,
|
|
disabled = _ref.disabled,
|
|
loadingIcon = _ref.loadingIcon,
|
|
checkedChildren = _ref.checkedChildren,
|
|
unCheckedChildren = _ref.unCheckedChildren,
|
|
onClick = _ref.onClick,
|
|
onChange = _ref.onChange,
|
|
onKeyDown = _ref.onKeyDown,
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(_ref, ["prefixCls", "className", "checked", "defaultChecked", "disabled", "loadingIcon", "checkedChildren", "unCheckedChildren", "onClick", "onChange", "onKeyDown"]);
|
|
|
|
var _useMergedState = (0,useMergedState/* default */.Z)(false, {
|
|
value: checked,
|
|
defaultValue: defaultChecked
|
|
}),
|
|
_useMergedState2 = (0,slicedToArray/* default */.Z)(_useMergedState, 2),
|
|
innerChecked = _useMergedState2[0],
|
|
setInnerChecked = _useMergedState2[1];
|
|
|
|
function triggerChange(newChecked, event) {
|
|
var mergedChecked = innerChecked;
|
|
|
|
if (!disabled) {
|
|
mergedChecked = newChecked;
|
|
setInnerChecked(mergedChecked);
|
|
onChange === null || onChange === void 0 ? void 0 : onChange(mergedChecked, event);
|
|
}
|
|
|
|
return mergedChecked;
|
|
}
|
|
|
|
function onInternalKeyDown(e) {
|
|
if (e.which === KeyCode/* default.LEFT */.Z.LEFT) {
|
|
triggerChange(false, e);
|
|
} else if (e.which === KeyCode/* default.RIGHT */.Z.RIGHT) {
|
|
triggerChange(true, e);
|
|
}
|
|
|
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
|
|
}
|
|
|
|
function onInternalClick(e) {
|
|
var ret = triggerChange(!innerChecked, e); // [Legacy] trigger onClick with value
|
|
|
|
onClick === null || onClick === void 0 ? void 0 : onClick(ret, e);
|
|
}
|
|
|
|
var switchClassName = classnames_default()(prefixCls, className, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-checked"), innerChecked), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-disabled"), disabled), _classNames));
|
|
return react.createElement("button", Object.assign({}, restProps, {
|
|
type: "button",
|
|
role: "switch",
|
|
"aria-checked": innerChecked,
|
|
disabled: disabled,
|
|
className: switchClassName,
|
|
ref: ref,
|
|
onKeyDown: onInternalKeyDown,
|
|
onClick: onInternalClick
|
|
}), loadingIcon, react.createElement("span", {
|
|
className: "".concat(prefixCls, "-inner")
|
|
}, innerChecked ? checkedChildren : unCheckedChildren));
|
|
});
|
|
Switch.displayName = 'Switch';
|
|
/* harmony default export */ var es = (Switch);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var context = __webpack_require__(53124);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/DisabledContext.js
|
|
var DisabledContext = __webpack_require__(98866);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/SizeContext.js
|
|
var SizeContext = __webpack_require__(97647);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/wave.js + 1 modules
|
|
var wave = __webpack_require__(68349);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/switch/index.js
|
|
|
|
|
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var switch_Switch = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
var _classNames;
|
|
var customizePrefixCls = _a.prefixCls,
|
|
customizeSize = _a.size,
|
|
customDisabled = _a.disabled,
|
|
loading = _a.loading,
|
|
_a$className = _a.className,
|
|
className = _a$className === void 0 ? '' : _a$className,
|
|
props = __rest(_a, ["prefixCls", "size", "disabled", "loading", "className"]);
|
|
false ? 0 : void 0;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
direction = _React$useContext.direction;
|
|
var size = react.useContext(SizeContext/* default */.Z);
|
|
// ===================== Disabled =====================
|
|
var disabled = react.useContext(DisabledContext/* default */.Z);
|
|
var mergedDisabled = (customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled) || loading;
|
|
var prefixCls = getPrefixCls('switch', customizePrefixCls);
|
|
var loadingIcon = /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-handle")
|
|
}, loading && /*#__PURE__*/react.createElement(LoadingOutlined/* default */.Z, {
|
|
className: "".concat(prefixCls, "-loading-icon")
|
|
}));
|
|
var classes = classnames_default()((_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-small"), (customizeSize || size) === 'small'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-loading"), loading), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
|
|
return /*#__PURE__*/react.createElement(wave/* default */.Z, {
|
|
insertExtraNode: true
|
|
}, /*#__PURE__*/react.createElement(es, (0,esm_extends/* default */.Z)({}, props, {
|
|
prefixCls: prefixCls,
|
|
className: classes,
|
|
disabled: mergedDisabled,
|
|
ref: ref,
|
|
loadingIcon: loadingIcon
|
|
})));
|
|
});
|
|
switch_Switch.__ANT_SWITCH = true;
|
|
if (false) {}
|
|
/* harmony default export */ var es_switch = (switch_Switch);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 5812:
|
|
/*!****************************************************************!*\
|
|
!*** ./node_modules/antd/es/switch/style/index.js + 1 modules ***!
|
|
\****************************************************************/
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
|
|
var style_default = __webpack_require__(43146);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/switch/style/index.less
|
|
// extracted by mini-css-extract-plugin
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/switch/style/index.js
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 19575:
|
|
/*!******************************************!*\
|
|
!*** ./node_modules/js-base64/base64.js ***!
|
|
\******************************************/
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
|
|
* base64.js
|
|
*
|
|
* Licensed under the BSD 3-Clause License.
|
|
* http://opensource.org/licenses/BSD-3-Clause
|
|
*
|
|
* References:
|
|
* http://en.wikipedia.org/wiki/Base64
|
|
*/
|
|
;(function (global, factory) {
|
|
true
|
|
? module.exports = factory(global)
|
|
: 0
|
|
}((
|
|
typeof self !== 'undefined' ? self
|
|
: typeof window !== 'undefined' ? window
|
|
: typeof __webpack_require__.g !== 'undefined' ? __webpack_require__.g
|
|
: this
|
|
), function(global) {
|
|
'use strict';
|
|
// existing version for noConflict()
|
|
global = global || {};
|
|
var _Base64 = global.Base64;
|
|
var version = "2.6.4";
|
|
// constants
|
|
var b64chars
|
|
= 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
|
|
var b64tab = function(bin) {
|
|
var t = {};
|
|
for (var i = 0, l = bin.length; i < l; i++) t[bin.charAt(i)] = i;
|
|
return t;
|
|
}(b64chars);
|
|
var fromCharCode = String.fromCharCode;
|
|
// encoder stuff
|
|
var cb_utob = function(c) {
|
|
if (c.length < 2) {
|
|
var cc = c.charCodeAt(0);
|
|
return cc < 0x80 ? c
|
|
: cc < 0x800 ? (fromCharCode(0xc0 | (cc >>> 6))
|
|
+ fromCharCode(0x80 | (cc & 0x3f)))
|
|
: (fromCharCode(0xe0 | ((cc >>> 12) & 0x0f))
|
|
+ fromCharCode(0x80 | ((cc >>> 6) & 0x3f))
|
|
+ fromCharCode(0x80 | ( cc & 0x3f)));
|
|
} else {
|
|
var cc = 0x10000
|
|
+ (c.charCodeAt(0) - 0xD800) * 0x400
|
|
+ (c.charCodeAt(1) - 0xDC00);
|
|
return (fromCharCode(0xf0 | ((cc >>> 18) & 0x07))
|
|
+ fromCharCode(0x80 | ((cc >>> 12) & 0x3f))
|
|
+ fromCharCode(0x80 | ((cc >>> 6) & 0x3f))
|
|
+ fromCharCode(0x80 | ( cc & 0x3f)));
|
|
}
|
|
};
|
|
var re_utob = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g;
|
|
var utob = function(u) {
|
|
return u.replace(re_utob, cb_utob);
|
|
};
|
|
var cb_encode = function(ccc) {
|
|
var padlen = [0, 2, 1][ccc.length % 3],
|
|
ord = ccc.charCodeAt(0) << 16
|
|
| ((ccc.length > 1 ? ccc.charCodeAt(1) : 0) << 8)
|
|
| ((ccc.length > 2 ? ccc.charCodeAt(2) : 0)),
|
|
chars = [
|
|
b64chars.charAt( ord >>> 18),
|
|
b64chars.charAt((ord >>> 12) & 63),
|
|
padlen >= 2 ? '=' : b64chars.charAt((ord >>> 6) & 63),
|
|
padlen >= 1 ? '=' : b64chars.charAt(ord & 63)
|
|
];
|
|
return chars.join('');
|
|
};
|
|
var btoa = global.btoa && typeof global.btoa == 'function'
|
|
? function(b){ return global.btoa(b) } : function(b) {
|
|
if (b.match(/[^\x00-\xFF]/)) throw new RangeError(
|
|
'The string contains invalid characters.'
|
|
);
|
|
return b.replace(/[\s\S]{1,3}/g, cb_encode);
|
|
};
|
|
var _encode = function(u) {
|
|
return btoa(utob(String(u)));
|
|
};
|
|
var mkUriSafe = function (b64) {
|
|
return b64.replace(/[+\/]/g, function(m0) {
|
|
return m0 == '+' ? '-' : '_';
|
|
}).replace(/=/g, '');
|
|
};
|
|
var encode = function(u, urisafe) {
|
|
return urisafe ? mkUriSafe(_encode(u)) : _encode(u);
|
|
};
|
|
var encodeURI = function(u) { return encode(u, true) };
|
|
var fromUint8Array;
|
|
if (global.Uint8Array) fromUint8Array = function(a, urisafe) {
|
|
// return btoa(fromCharCode.apply(null, a));
|
|
var b64 = '';
|
|
for (var i = 0, l = a.length; i < l; i += 3) {
|
|
var a0 = a[i], a1 = a[i+1], a2 = a[i+2];
|
|
var ord = a0 << 16 | a1 << 8 | a2;
|
|
b64 += b64chars.charAt( ord >>> 18)
|
|
+ b64chars.charAt((ord >>> 12) & 63)
|
|
+ ( typeof a1 != 'undefined'
|
|
? b64chars.charAt((ord >>> 6) & 63) : '=')
|
|
+ ( typeof a2 != 'undefined'
|
|
? b64chars.charAt( ord & 63) : '=');
|
|
}
|
|
return urisafe ? mkUriSafe(b64) : b64;
|
|
};
|
|
// decoder stuff
|
|
var re_btou = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g;
|
|
var cb_btou = function(cccc) {
|
|
switch(cccc.length) {
|
|
case 4:
|
|
var cp = ((0x07 & cccc.charCodeAt(0)) << 18)
|
|
| ((0x3f & cccc.charCodeAt(1)) << 12)
|
|
| ((0x3f & cccc.charCodeAt(2)) << 6)
|
|
| (0x3f & cccc.charCodeAt(3)),
|
|
offset = cp - 0x10000;
|
|
return (fromCharCode((offset >>> 10) + 0xD800)
|
|
+ fromCharCode((offset & 0x3FF) + 0xDC00));
|
|
case 3:
|
|
return fromCharCode(
|
|
((0x0f & cccc.charCodeAt(0)) << 12)
|
|
| ((0x3f & cccc.charCodeAt(1)) << 6)
|
|
| (0x3f & cccc.charCodeAt(2))
|
|
);
|
|
default:
|
|
return fromCharCode(
|
|
((0x1f & cccc.charCodeAt(0)) << 6)
|
|
| (0x3f & cccc.charCodeAt(1))
|
|
);
|
|
}
|
|
};
|
|
var btou = function(b) {
|
|
return b.replace(re_btou, cb_btou);
|
|
};
|
|
var cb_decode = function(cccc) {
|
|
var len = cccc.length,
|
|
padlen = len % 4,
|
|
n = (len > 0 ? b64tab[cccc.charAt(0)] << 18 : 0)
|
|
| (len > 1 ? b64tab[cccc.charAt(1)] << 12 : 0)
|
|
| (len > 2 ? b64tab[cccc.charAt(2)] << 6 : 0)
|
|
| (len > 3 ? b64tab[cccc.charAt(3)] : 0),
|
|
chars = [
|
|
fromCharCode( n >>> 16),
|
|
fromCharCode((n >>> 8) & 0xff),
|
|
fromCharCode( n & 0xff)
|
|
];
|
|
chars.length -= [0, 0, 2, 1][padlen];
|
|
return chars.join('');
|
|
};
|
|
var _atob = global.atob && typeof global.atob == 'function'
|
|
? function(a){ return global.atob(a) } : function(a){
|
|
return a.replace(/\S{1,4}/g, cb_decode);
|
|
};
|
|
var atob = function(a) {
|
|
return _atob(String(a).replace(/[^A-Za-z0-9\+\/]/g, ''));
|
|
};
|
|
var _decode = function(a) { return btou(_atob(a)) };
|
|
var _fromURI = function(a) {
|
|
return String(a).replace(/[-_]/g, function(m0) {
|
|
return m0 == '-' ? '+' : '/'
|
|
}).replace(/[^A-Za-z0-9\+\/]/g, '');
|
|
};
|
|
var decode = function(a){
|
|
return _decode(_fromURI(a));
|
|
};
|
|
var toUint8Array;
|
|
if (global.Uint8Array) toUint8Array = function(a) {
|
|
return Uint8Array.from(atob(_fromURI(a)), function(c) {
|
|
return c.charCodeAt(0);
|
|
});
|
|
};
|
|
var noConflict = function() {
|
|
var Base64 = global.Base64;
|
|
global.Base64 = _Base64;
|
|
return Base64;
|
|
};
|
|
// export Base64
|
|
global.Base64 = {
|
|
VERSION: version,
|
|
atob: atob,
|
|
btoa: btoa,
|
|
fromBase64: decode,
|
|
toBase64: encode,
|
|
utob: utob,
|
|
encode: encode,
|
|
encodeURI: encodeURI,
|
|
btou: btou,
|
|
decode: decode,
|
|
noConflict: noConflict,
|
|
fromUint8Array: fromUint8Array,
|
|
toUint8Array: toUint8Array
|
|
};
|
|
// if ES5 is available, make Base64.extendString() available
|
|
if (typeof Object.defineProperty === 'function') {
|
|
var noEnum = function(v){
|
|
return {value:v,enumerable:false,writable:true,configurable:true};
|
|
};
|
|
global.Base64.extendString = function () {
|
|
Object.defineProperty(
|
|
String.prototype, 'fromBase64', noEnum(function () {
|
|
return decode(this)
|
|
}));
|
|
Object.defineProperty(
|
|
String.prototype, 'toBase64', noEnum(function (urisafe) {
|
|
return encode(this, urisafe)
|
|
}));
|
|
Object.defineProperty(
|
|
String.prototype, 'toBase64URI', noEnum(function () {
|
|
return encode(this, true)
|
|
}));
|
|
};
|
|
}
|
|
//
|
|
// export Base64 to the namespace
|
|
//
|
|
if (global['Meteor']) { // Meteor.js
|
|
Base64 = global.Base64;
|
|
}
|
|
// module.exports and AMD are mutually exclusive.
|
|
// module.exports has precedence.
|
|
if ( true && module.exports) {
|
|
module.exports.Base64 = global.Base64;
|
|
}
|
|
else if (true) {
|
|
// AMD. Register as an anonymous module.
|
|
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function(){ return global.Base64 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
|
|
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
|
|
}
|
|
// that's it!
|
|
return {Base64: global.Base64}
|
|
}));
|
|
|
|
|
|
/***/ })
|
|
|
|
}]); |