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.
1640 lines
66 KiB
1640 lines
66 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[21939],{
|
|
|
|
/***/ 26554:
|
|
/*!*******************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons-svg/es/asn/LeftOutlined.js ***!
|
|
\*******************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__) {
|
|
|
|
// This icon file is generated automatically.
|
|
var LeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
|
|
/* harmony default export */ __webpack_exports__["Z"] = (LeftOutlined);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 50756:
|
|
/*!********************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons-svg/es/asn/RightOutlined.js ***!
|
|
\********************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__) {
|
|
|
|
// This icon file is generated automatically.
|
|
var RightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
|
|
/* harmony default export */ __webpack_exports__["Z"] = (RightOutlined);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 21101:
|
|
/*!***********************************************************!*\
|
|
!*** ./src/pages/User/Detail/Order/index.tsx + 1 modules ***!
|
|
\***********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
// ESM COMPAT FLAG
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"default": function() { return /* binding */ Order; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/pagination/style/index.js + 1 modules
|
|
var style = __webpack_require__(14182);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/pagination/index.js + 10 modules
|
|
var pagination = __webpack_require__(260);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/skeleton/style/index.js + 1 modules
|
|
var skeleton_style = __webpack_require__(61099);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/skeleton/index.js + 11 modules
|
|
var skeleton = __webpack_require__(73481);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/empty/style/index.js + 1 modules
|
|
var empty_style = __webpack_require__(81151);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/empty/index.js + 2 modules
|
|
var empty = __webpack_require__(62986);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/style/index.js + 1 modules
|
|
var button_style = __webpack_require__(29913);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
|
|
var es_button = __webpack_require__(71577);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/style/index.js + 1 modules
|
|
var message_style = __webpack_require__(14934);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 1 modules
|
|
var message = __webpack_require__(12461);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/style/index.js + 1 modules
|
|
var modal_style = __webpack_require__(35611);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 7 modules
|
|
var modal = __webpack_require__(85402);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js
|
|
var regeneratorRuntime = __webpack_require__(17061);
|
|
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(42122);
|
|
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
|
|
var asyncToGenerator = __webpack_require__(17156);
|
|
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
|
|
var slicedToArray = __webpack_require__(27424);
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(70215);
|
|
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tabs/style/index.js + 1 modules
|
|
var tabs_style = __webpack_require__(99558);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tabs/index.js + 22 modules
|
|
var tabs = __webpack_require__(3381);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
|
|
var _umi_production_exports = __webpack_require__(89214);
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
var fetch = __webpack_require__(84519);
|
|
// EXTERNAL MODULE: ./src/utils/util.tsx
|
|
var util = __webpack_require__(29427);
|
|
;// CONCATENATED MODULE: ./src/pages/User/Detail/Order/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var Ordermodules = ({"flex_box_center":"flex_box_center___YpQfo","flex_space_between":"flex_space_between___TbnTA","flex_box_vertical_center":"flex_box_vertical_center___i5tGV","flex_box_center_end":"flex_box_center_end___TGOEs","flex_box_column":"flex_box_column___WffX7","order":"order___vJMML","title":"title___y1Rw3","content":"content___snC8y","w1":"w1___NLhhp","w2":"w2___wVmr8","w3":"w3___nkCwO","w4":"w4___rU_a2","w5":"w5___TXF5V","w6":"w6___fnvwR","listTitle":"listTitle___fxcJs","listContent":"listContent___KWWlP","info":"info___d0rSf","d1":"d1___J4DJD","d2":"d2___TWgK5","d3":"d3___vdAxO","unitPrice":"unitPrice___iZ863","p":"p___aEkYF","l":"l___QebDv","payType":"payType___U1bBW","price":"price___jAHt9","status":"status___r8pAq","action":"action___oXuBE"});
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
;// CONCATENATED MODULE: ./src/pages/User/Detail/Order/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["user", "userDetail", "globalSetting", "dispatch"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TabPane = tabs/* default.TabPane */.Z.TabPane;
|
|
|
|
// const listData = [
|
|
// {
|
|
// num: "13031815255975476953148", //订单号
|
|
// state: "unpaid", //订单状态
|
|
// name: "Python程序设计入门", //商品名
|
|
// expiration: "2", //有效类型
|
|
// price: '100.0', //实际价格
|
|
// origin_price: "200.0", //原始价格
|
|
// days: 56, //有效天数
|
|
// // start_at: null, //固定开始日期
|
|
// // end_at: null, //固定结束日期
|
|
// created_at: "2021-03-18 15:25:59", //订单创建时间
|
|
// subject_id: 17 // 实践课程id
|
|
// }
|
|
// ]
|
|
|
|
var Paths = function Paths(_ref) {
|
|
var user = _ref.user,
|
|
userDetail = _ref.userDetail,
|
|
globalSetting = _ref.globalSetting,
|
|
dispatch = _ref.dispatch,
|
|
props = objectWithoutProperties_default()(_ref, _excluded);
|
|
var _useState = (0,react.useState)(''),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
activeKey = _useState2[0],
|
|
setActiveKey = _useState2[1];
|
|
var _useState3 = (0,react.useState)([]),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
list = _useState4[0],
|
|
setList = _useState4[1];
|
|
var _useState5 = (0,react.useState)(0),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
total = _useState6[0],
|
|
setTotal = _useState6[1];
|
|
var _useState7 = (0,react.useState)(1),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
current = _useState8[0],
|
|
setCurrent = _useState8[1];
|
|
var _useState9 = (0,react.useState)(true),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
loading = _useState10[0],
|
|
setLoading = _useState10[1];
|
|
var _useState11 = (0,react.useState)(null),
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
btnLoading = _useState12[0],
|
|
setBtnLoading = _useState12[1];
|
|
(0,react.useEffect)(function () {
|
|
(0,util/* setDocumentTitle */.Dk)('我购买的课程');
|
|
getData();
|
|
}, []);
|
|
var getData = /*#__PURE__*/function () {
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(param) {
|
|
var initParam, res;
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
initParam = {
|
|
state: '',
|
|
page: 1,
|
|
per_page: 10
|
|
};
|
|
setLoading(true);
|
|
_context.next = 4;
|
|
return (0,fetch/* default */.ZP)("/api/payments.json", {
|
|
method: 'get',
|
|
params: objectSpread2_default()(objectSpread2_default()({}, initParam), param)
|
|
});
|
|
case 4:
|
|
res = _context.sent;
|
|
if (res !== null && res !== void 0 && res.orders) {
|
|
setList(res === null || res === void 0 ? void 0 : res.orders);
|
|
setTotal(res === null || res === void 0 ? void 0 : res.count);
|
|
setLoading(false);
|
|
}
|
|
case 6:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function getData(_x) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}();
|
|
var handleTabsClick = function handleTabsClick(key) {
|
|
if (key === activeKey) return;
|
|
getData({
|
|
state: key,
|
|
page: 1
|
|
});
|
|
setCurrent(1);
|
|
setActiveKey(key);
|
|
};
|
|
var tabsMapping = [{
|
|
name: '全部订单',
|
|
activeKey: ''
|
|
}, {
|
|
name: '待付款',
|
|
activeKey: 'unpaid'
|
|
}, {
|
|
name: '已完成',
|
|
activeKey: 'payed'
|
|
}, {
|
|
name: '已失效',
|
|
activeKey: 'expired'
|
|
}];
|
|
var cancelOrder = function cancelOrder(num) {
|
|
modal/* default.confirm */.Z.confirm({
|
|
centered: true,
|
|
okText: '确定',
|
|
cancelText: '取消',
|
|
title: '取消订单',
|
|
content: '确定取消该订单吗？',
|
|
onOk: function () {
|
|
var _onOk = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
|
|
var res, page;
|
|
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
|
|
while (1) switch (_context2.prev = _context2.next) {
|
|
case 0:
|
|
_context2.next = 2;
|
|
return (0,fetch/* default */.ZP)("/api/payments/".concat(num, "/cancel"), {
|
|
method: 'POST'
|
|
});
|
|
case 2:
|
|
res = _context2.sent;
|
|
if (res.status === 0) {
|
|
page = list.length === 1 && current > 1 ? current - 1 : current;
|
|
getData({
|
|
page: page,
|
|
state: activeKey
|
|
});
|
|
setCurrent(page);
|
|
}
|
|
case 4:
|
|
case "end":
|
|
return _context2.stop();
|
|
}
|
|
}, _callee2);
|
|
}));
|
|
function onOk() {
|
|
return _onOk.apply(this, arguments);
|
|
}
|
|
return onOk;
|
|
}()
|
|
});
|
|
};
|
|
var deleteOrder = function deleteOrder(num) {
|
|
modal/* default.confirm */.Z.confirm({
|
|
centered: true,
|
|
okText: '确定',
|
|
cancelText: '取消',
|
|
title: '删除订单',
|
|
content: '确定删除该订单吗？',
|
|
onOk: function () {
|
|
var _onOk2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee3() {
|
|
var res, page;
|
|
return regeneratorRuntime_default()().wrap(function _callee3$(_context3) {
|
|
while (1) switch (_context3.prev = _context3.next) {
|
|
case 0:
|
|
_context3.next = 2;
|
|
return (0,fetch/* default */.ZP)("/api/payments/".concat(num, ".json"), {
|
|
method: 'DELETE'
|
|
});
|
|
case 2:
|
|
res = _context3.sent;
|
|
if (res.status === 0) {
|
|
page = list.length === 1 && current > 1 ? current - 1 : current;
|
|
getData({
|
|
page: page,
|
|
state: activeKey
|
|
});
|
|
setCurrent(page);
|
|
}
|
|
case 4:
|
|
case "end":
|
|
return _context3.stop();
|
|
}
|
|
}, _callee3);
|
|
}));
|
|
function onOk() {
|
|
return _onOk2.apply(this, arguments);
|
|
}
|
|
return onOk;
|
|
}()
|
|
});
|
|
};
|
|
var continuePayOrder = function continuePayOrder(item) {
|
|
_umi_production_exports.history.push("/order/".concat(item === null || item === void 0 ? void 0 : item.subject_id, "/pay?order_num=").concat(item === null || item === void 0 ? void 0 : item.num));
|
|
};
|
|
var againBuyOrder = /*#__PURE__*/function () {
|
|
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee4(item) {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee4$(_context4) {
|
|
while (1) switch (_context4.prev = _context4.next) {
|
|
case 0:
|
|
if (item.is_subject_exist) {
|
|
_context4.next = 3;
|
|
break;
|
|
}
|
|
message/* default.warn */.ZP.warn('课程已下架');
|
|
return _context4.abrupt("return");
|
|
case 3:
|
|
setBtnLoading(item === null || item === void 0 ? void 0 : item.num);
|
|
_context4.next = 6;
|
|
return (0,fetch/* default */.ZP)("/api/payments.json", {
|
|
method: 'POST',
|
|
body: {
|
|
subject_id: item === null || item === void 0 ? void 0 : item.subject_id,
|
|
payment_method: 'wechat_qr'
|
|
}
|
|
});
|
|
case 6:
|
|
res = _context4.sent;
|
|
if (res !== null && res !== void 0 && res.num) {
|
|
_umi_production_exports.history.push("/order/".concat(item === null || item === void 0 ? void 0 : item.subject_id, "/pay?order_num=").concat(res === null || res === void 0 ? void 0 : res.num));
|
|
setBtnLoading(null);
|
|
}
|
|
case 8:
|
|
case "end":
|
|
return _context4.stop();
|
|
}
|
|
}, _callee4);
|
|
}));
|
|
return function againBuyOrder(_x2) {
|
|
return _ref3.apply(this, arguments);
|
|
};
|
|
}();
|
|
var handleChange = function handleChange(page) {
|
|
document.body.scrollIntoView();
|
|
getData({
|
|
page: page
|
|
});
|
|
setCurrent(page);
|
|
};
|
|
var start = function start(id, bool) {
|
|
if (!bool) {
|
|
message/* default.warn */.ZP.warn('课程已下架');
|
|
return;
|
|
}
|
|
_umi_production_exports.history.push("/paths/".concat(id));
|
|
};
|
|
var renderContent = function renderContent() {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Ordermodules.content,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Ordermodules.listTitle,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.w1,
|
|
children: "\u8BA2\u5355\u4FE1\u606F"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.w2,
|
|
children: "\u5355\u4EF7(\u5143)"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.w3,
|
|
children: "\u5B9E\u4ED8\u91D1\u989D(\u5143)"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.w6,
|
|
children: "\u652F\u4ED8\u65B9\u5F0F"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.w4,
|
|
children: "\u4EA4\u6613\u72B6\u6001"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.w5,
|
|
children: "\u64CD\u4F5C"
|
|
})]
|
|
}), list.map(function (item, index) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
borderTopWidth: index ? 1 : 0
|
|
},
|
|
className: Ordermodules.listContent,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Ordermodules.info,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("a", {
|
|
href: "/paths/".concat(item.subject_id),
|
|
className: Ordermodules.d1,
|
|
children: item.name
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Ordermodules.d2,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
children: ["\u8BA2\u5355\u7F16\u53F7\uFF1A", item.num]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
marginLeft: 22
|
|
},
|
|
children: item.created_at
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Ordermodules.d3,
|
|
children: ["\u8BFE\u7A0B\u6709\u6548\u671F\uFF1A", (item === null || item === void 0 ? void 0 : item.expiration) === '1' && '永久有效', (item === null || item === void 0 ? void 0 : item.expiration) === '2' && "\u8D2D\u4E70\u540E".concat(item === null || item === void 0 ? void 0 : item.days, "\u5929\u6709\u6548"), (item === null || item === void 0 ? void 0 : item.expiration) === '3' && "".concat(item === null || item === void 0 ? void 0 : item.start_at, "\u5230").concat(item === null || item === void 0 ? void 0 : item.end_at)]
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Ordermodules.unitPrice,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.p,
|
|
children: item.price
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.l,
|
|
children: item.origin_price
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.price,
|
|
children: item.price
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.payType,
|
|
children: item === null || item === void 0 ? void 0 : item.payment_method
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.status,
|
|
children: item.state === 'unpaid' ? '待支付' : item.state === 'expired' ? "已失效" : '交易完成'
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Ordermodules.action,
|
|
children: [item.state === 'unpaid' && /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
onClick: function onClick() {
|
|
return cancelOrder(item.num);
|
|
},
|
|
type: "primary",
|
|
ghost: true,
|
|
children: "\u53D6\u6D88\u8BA2\u5355"
|
|
}), item.state === 'expired' && /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
onClick: function onClick() {
|
|
return deleteOrder(item.num);
|
|
},
|
|
type: "primary",
|
|
danger: true,
|
|
ghost: true,
|
|
children: "\u5220\u9664\u8BA2\u5355"
|
|
}), item.state === 'unpaid' && /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
onClick: function onClick() {
|
|
return continuePayOrder(item);
|
|
},
|
|
type: "primary",
|
|
children: "\u7EE7\u7EED\u652F\u4ED8"
|
|
}), item.state === 'expired' && /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
loading: btnLoading === item.num,
|
|
disabled: btnLoading !== null && btnLoading !== item.num,
|
|
onClick: function onClick() {
|
|
return againBuyOrder(item);
|
|
},
|
|
type: "primary",
|
|
children: "\u91CD\u65B0\u8D2D\u4E70"
|
|
}), item.state === 'payed' && /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
onClick: function onClick() {
|
|
return start(item.subject_id, item.is_subject_exist);
|
|
},
|
|
type: "primary",
|
|
children: "\u5F00\u59CB\u5B66\u4E60"
|
|
})]
|
|
})]
|
|
}, index);
|
|
})]
|
|
});
|
|
};
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Ordermodules.order,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Ordermodules.title,
|
|
children: "\u6211\u8D2D\u4E70\u7684\u8BFE\u7A0B"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(tabs/* default */.Z, {
|
|
activeKey: activeKey,
|
|
onChange: handleTabsClick,
|
|
children: tabsMapping.map(function (e) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(TabPane, {
|
|
tab: e.name,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(skeleton/* default */.Z, {
|
|
loading: loading,
|
|
active: true,
|
|
paragraph: {
|
|
rows: 5
|
|
},
|
|
children: !!list.length ? renderContent() : /*#__PURE__*/(0,jsx_runtime.jsx)(empty/* default */.Z, {})
|
|
})
|
|
}, e.activeKey);
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(pagination/* default */.Z, {
|
|
hideOnSinglePage: true,
|
|
onChange: function onChange(page) {
|
|
return handleChange(page);
|
|
},
|
|
current: current,
|
|
pageSize: 10,
|
|
total: total
|
|
})]
|
|
});
|
|
};
|
|
/* harmony default export */ var Order = ((0,_umi_production_exports.connect)(function (_ref4) {
|
|
var user = _ref4.user,
|
|
userDetail = _ref4.userDetail,
|
|
globalSetting = _ref4.globalSetting;
|
|
return {
|
|
user: user,
|
|
userDetail: userDetail,
|
|
globalSetting: globalSetting
|
|
};
|
|
})(Paths));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 9708:
|
|
/*!***************************************************!*\
|
|
!*** ./node_modules/antd/es/_util/statusUtils.js ***!
|
|
\***************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "F": function() { return /* binding */ getMergedStatus; },
|
|
/* harmony export */ "Z": function() { return /* binding */ getStatusClassNames; }
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __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 _type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./type */ 93355);
|
|
|
|
|
|
|
|
var InputStatuses = (0,_type__WEBPACK_IMPORTED_MODULE_1__/* .tuple */ .b)('warning', 'error', '');
|
|
function getStatusClassNames(prefixCls, status, hasFeedback) {
|
|
var _classNames;
|
|
return classnames__WEBPACK_IMPORTED_MODULE_0___default()((_classNames = {}, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-status-success"), status === 'success'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-status-warning"), status === 'warning'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-status-error"), status === 'error'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-status-validating"), status === 'validating'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-has-feedback"), hasFeedback), _classNames));
|
|
}
|
|
var getMergedStatus = function getMergedStatus(contextStatus, customStatus) {
|
|
return customStatus || contextStatus;
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ 73481:
|
|
/*!*************************************************************!*\
|
|
!*** ./node_modules/antd/es/skeleton/index.js + 11 modules ***!
|
|
\*************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// 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__) {
|
|
|
|
|
|
// 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
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 97454:
|
|
/*!***********************************************************************************!*\
|
|
!*** ./node_modules/antd/node_modules/@ant-design/icons/es/icons/LeftOutlined.js ***!
|
|
\***********************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* 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_LeftOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/LeftOutlined */ 26554);
|
|
/* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ 93771);
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var LeftOutlined = function LeftOutlined(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_LeftOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
}));
|
|
};
|
|
LeftOutlined.displayName = 'LeftOutlined';
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(LeftOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 62994:
|
|
/*!************************************************************************************!*\
|
|
!*** ./node_modules/antd/node_modules/@ant-design/icons/es/icons/RightOutlined.js ***!
|
|
\************************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* 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_RightOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/RightOutlined */ 50756);
|
|
/* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ 93771);
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var RightOutlined = function RightOutlined(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_RightOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
}));
|
|
};
|
|
RightOutlined.displayName = 'RightOutlined';
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(RightOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 60057:
|
|
/*!**********************************************************!*\
|
|
!*** ./node_modules/rc-dropdown/es/index.js + 3 modules ***!
|
|
\**********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ rc_dropdown_es; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
// 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-trigger/es/index.js + 15 modules
|
|
var es = __webpack_require__(81263);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-dropdown/es/placements.js
|
|
var autoAdjustOverflow = {
|
|
adjustX: 1,
|
|
adjustY: 1
|
|
};
|
|
var targetOffset = [0, 0];
|
|
var placements = {
|
|
topLeft: {
|
|
points: ['bl', 'tl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
topCenter: {
|
|
points: ['bc', 'tc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
topRight: {
|
|
points: ['br', 'tr'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottomLeft: {
|
|
points: ['tl', 'bl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottomCenter: {
|
|
points: ['tc', 'bc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottomRight: {
|
|
points: ['tr', 'br'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
}
|
|
};
|
|
/* harmony default export */ var es_placements = (placements);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/KeyCode.js
|
|
var KeyCode = __webpack_require__(15105);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/raf.js
|
|
var raf = __webpack_require__(75164);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/focus.js
|
|
var Dom_focus = __webpack_require__(88603);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-dropdown/es/hooks/useAccessibility.js
|
|
|
|
|
|
|
|
|
|
var ESC = KeyCode/* default.ESC */.Z.ESC,
|
|
TAB = KeyCode/* default.TAB */.Z.TAB;
|
|
function useAccessibility(_ref) {
|
|
var visible = _ref.visible,
|
|
setTriggerVisible = _ref.setTriggerVisible,
|
|
triggerRef = _ref.triggerRef,
|
|
onVisibleChange = _ref.onVisibleChange,
|
|
autoFocus = _ref.autoFocus;
|
|
var focusMenuRef = react.useRef(false);
|
|
|
|
var handleCloseMenuAndReturnFocus = function handleCloseMenuAndReturnFocus() {
|
|
if (visible && triggerRef.current) {
|
|
var _triggerRef$current, _triggerRef$current$t, _triggerRef$current$t2, _triggerRef$current$t3;
|
|
|
|
(_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$t = _triggerRef$current.triggerRef) === null || _triggerRef$current$t === void 0 ? void 0 : (_triggerRef$current$t2 = _triggerRef$current$t.current) === null || _triggerRef$current$t2 === void 0 ? void 0 : (_triggerRef$current$t3 = _triggerRef$current$t2.focus) === null || _triggerRef$current$t3 === void 0 ? void 0 : _triggerRef$current$t3.call(_triggerRef$current$t2);
|
|
setTriggerVisible(false);
|
|
|
|
if (typeof onVisibleChange === 'function') {
|
|
onVisibleChange(false);
|
|
}
|
|
}
|
|
};
|
|
|
|
var focusMenu = function focusMenu() {
|
|
var _triggerRef$current2, _triggerRef$current2$, _triggerRef$current2$2, _triggerRef$current2$3;
|
|
|
|
var elements = (0,Dom_focus/* getFocusNodeList */.tS)((_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.popupRef) === null || _triggerRef$current2$ === void 0 ? void 0 : (_triggerRef$current2$2 = _triggerRef$current2$.current) === null || _triggerRef$current2$2 === void 0 ? void 0 : (_triggerRef$current2$3 = _triggerRef$current2$2.getElement) === null || _triggerRef$current2$3 === void 0 ? void 0 : _triggerRef$current2$3.call(_triggerRef$current2$2));
|
|
var firstElement = elements[0];
|
|
|
|
if (firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus) {
|
|
firstElement.focus();
|
|
focusMenuRef.current = true;
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
var handleKeyDown = function handleKeyDown(event) {
|
|
switch (event.keyCode) {
|
|
case ESC:
|
|
handleCloseMenuAndReturnFocus();
|
|
break;
|
|
|
|
case TAB:
|
|
{
|
|
var focusResult = false;
|
|
|
|
if (!focusMenuRef.current) {
|
|
focusResult = focusMenu();
|
|
}
|
|
|
|
if (focusResult) {
|
|
event.preventDefault();
|
|
} else {
|
|
handleCloseMenuAndReturnFocus();
|
|
}
|
|
|
|
break;
|
|
}
|
|
}
|
|
};
|
|
|
|
react.useEffect(function () {
|
|
if (visible) {
|
|
window.addEventListener('keydown', handleKeyDown);
|
|
|
|
if (autoFocus) {
|
|
// FIXME: hack with raf
|
|
(0,raf/* default */.Z)(focusMenu, 3);
|
|
}
|
|
|
|
return function () {
|
|
window.removeEventListener('keydown', handleKeyDown);
|
|
focusMenuRef.current = false;
|
|
};
|
|
}
|
|
|
|
return function () {
|
|
focusMenuRef.current = false;
|
|
};
|
|
}, [visible]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/rc-dropdown/es/Dropdown.js
|
|
|
|
|
|
|
|
|
|
var _excluded = ["arrow", "prefixCls", "transitionName", "animation", "align", "placement", "placements", "getPopupContainer", "showAction", "hideAction", "overlayClassName", "overlayStyle", "visible", "trigger", "autoFocus"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function Dropdown(props, ref) {
|
|
var _props$arrow = props.arrow,
|
|
arrow = _props$arrow === void 0 ? false : _props$arrow,
|
|
_props$prefixCls = props.prefixCls,
|
|
prefixCls = _props$prefixCls === void 0 ? 'rc-dropdown' : _props$prefixCls,
|
|
transitionName = props.transitionName,
|
|
animation = props.animation,
|
|
align = props.align,
|
|
_props$placement = props.placement,
|
|
placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
|
|
_props$placements = props.placements,
|
|
placements = _props$placements === void 0 ? es_placements : _props$placements,
|
|
getPopupContainer = props.getPopupContainer,
|
|
showAction = props.showAction,
|
|
hideAction = props.hideAction,
|
|
overlayClassName = props.overlayClassName,
|
|
overlayStyle = props.overlayStyle,
|
|
visible = props.visible,
|
|
_props$trigger = props.trigger,
|
|
trigger = _props$trigger === void 0 ? ['hover'] : _props$trigger,
|
|
autoFocus = props.autoFocus,
|
|
otherProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded);
|
|
|
|
var _React$useState = react.useState(),
|
|
_React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 2),
|
|
triggerVisible = _React$useState2[0],
|
|
setTriggerVisible = _React$useState2[1];
|
|
|
|
var mergedVisible = 'visible' in props ? visible : triggerVisible;
|
|
var triggerRef = react.useRef(null);
|
|
react.useImperativeHandle(ref, function () {
|
|
return triggerRef.current;
|
|
});
|
|
useAccessibility({
|
|
visible: mergedVisible,
|
|
setTriggerVisible: setTriggerVisible,
|
|
triggerRef: triggerRef,
|
|
onVisibleChange: props.onVisibleChange,
|
|
autoFocus: autoFocus
|
|
});
|
|
|
|
var getOverlayElement = function getOverlayElement() {
|
|
var overlay = props.overlay;
|
|
var overlayElement;
|
|
|
|
if (typeof overlay === 'function') {
|
|
overlayElement = overlay();
|
|
} else {
|
|
overlayElement = overlay;
|
|
}
|
|
|
|
return overlayElement;
|
|
};
|
|
|
|
var onClick = function onClick(e) {
|
|
var onOverlayClick = props.onOverlayClick;
|
|
setTriggerVisible(false);
|
|
|
|
if (onOverlayClick) {
|
|
onOverlayClick(e);
|
|
}
|
|
};
|
|
|
|
var onVisibleChange = function onVisibleChange(newVisible) {
|
|
var onVisibleChangeProp = props.onVisibleChange;
|
|
setTriggerVisible(newVisible);
|
|
|
|
if (typeof onVisibleChangeProp === 'function') {
|
|
onVisibleChangeProp(newVisible);
|
|
}
|
|
};
|
|
|
|
var getMenuElement = function getMenuElement() {
|
|
var overlayElement = getOverlayElement();
|
|
return /*#__PURE__*/react.createElement(react.Fragment, null, arrow && /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-arrow")
|
|
}), overlayElement);
|
|
};
|
|
|
|
var getMenuElementOrLambda = function getMenuElementOrLambda() {
|
|
var overlay = props.overlay;
|
|
|
|
if (typeof overlay === 'function') {
|
|
return getMenuElement;
|
|
}
|
|
|
|
return getMenuElement();
|
|
};
|
|
|
|
var getMinOverlayWidthMatchTrigger = function getMinOverlayWidthMatchTrigger() {
|
|
var minOverlayWidthMatchTrigger = props.minOverlayWidthMatchTrigger,
|
|
alignPoint = props.alignPoint;
|
|
|
|
if ('minOverlayWidthMatchTrigger' in props) {
|
|
return minOverlayWidthMatchTrigger;
|
|
}
|
|
|
|
return !alignPoint;
|
|
};
|
|
|
|
var getOpenClassName = function getOpenClassName() {
|
|
var openClassName = props.openClassName;
|
|
|
|
if (openClassName !== undefined) {
|
|
return openClassName;
|
|
}
|
|
|
|
return "".concat(prefixCls, "-open");
|
|
};
|
|
|
|
var renderChildren = function renderChildren() {
|
|
var children = props.children;
|
|
var childrenProps = children.props ? children.props : {};
|
|
var childClassName = classnames_default()(childrenProps.className, getOpenClassName());
|
|
return mergedVisible && children ? /*#__PURE__*/react.cloneElement(children, {
|
|
className: childClassName
|
|
}) : children;
|
|
};
|
|
|
|
var triggerHideAction = hideAction;
|
|
|
|
if (!triggerHideAction && trigger.indexOf('contextMenu') !== -1) {
|
|
triggerHideAction = ['click'];
|
|
}
|
|
|
|
return /*#__PURE__*/react.createElement(es/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({
|
|
builtinPlacements: placements
|
|
}, otherProps), {}, {
|
|
prefixCls: prefixCls,
|
|
ref: triggerRef,
|
|
popupClassName: classnames_default()(overlayClassName, (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-show-arrow"), arrow)),
|
|
popupStyle: overlayStyle,
|
|
action: trigger,
|
|
showAction: showAction,
|
|
hideAction: triggerHideAction || [],
|
|
popupPlacement: placement,
|
|
popupAlign: align,
|
|
popupTransitionName: transitionName,
|
|
popupAnimation: animation,
|
|
popupVisible: mergedVisible,
|
|
stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '',
|
|
popup: getMenuElementOrLambda(),
|
|
onPopupVisibleChange: onVisibleChange,
|
|
onPopupClick: onClick,
|
|
getPopupContainer: getPopupContainer
|
|
}), renderChildren());
|
|
}
|
|
|
|
/* harmony default export */ var es_Dropdown = (/*#__PURE__*/react.forwardRef(Dropdown));
|
|
;// CONCATENATED MODULE: ./node_modules/rc-dropdown/es/index.js
|
|
|
|
/* harmony default export */ var rc_dropdown_es = (es_Dropdown);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 48555:
|
|
/*!*****************************************************************!*\
|
|
!*** ./node_modules/rc-resize-observer/es/index.js + 4 modules ***!
|
|
\*****************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ es; }
|
|
});
|
|
|
|
// UNUSED EXPORTS: _rs
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Children/toArray.js
|
|
var toArray = __webpack_require__(50344);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
|
|
var warning = __webpack_require__(80334);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/ref.js
|
|
var es_ref = __webpack_require__(42550);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/findDOMNode.js
|
|
var findDOMNode = __webpack_require__(34203);
|
|
// EXTERNAL MODULE: ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
|
|
var ResizeObserver_es = __webpack_require__(91033);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-resize-observer/es/utils/observerUtil.js
|
|
|
|
// =============================== Const ===============================
|
|
var elementListeners = new Map();
|
|
function onResize(entities) {
|
|
entities.forEach(function (entity) {
|
|
var _elementListeners$get;
|
|
var target = entity.target;
|
|
(_elementListeners$get = elementListeners.get(target)) === null || _elementListeners$get === void 0 ? void 0 : _elementListeners$get.forEach(function (listener) {
|
|
return listener(target);
|
|
});
|
|
});
|
|
}
|
|
// Note: ResizeObserver polyfill not support option to measure border-box resize
|
|
var resizeObserver = new ResizeObserver_es/* default */.Z(onResize);
|
|
// Dev env only
|
|
var _el = (/* unused pure expression or super */ null && ( false ? 0 : null)); // eslint-disable-line
|
|
var _rs = (/* unused pure expression or super */ null && ( false ? 0 : null)); // eslint-disable-line
|
|
// ============================== Observe ==============================
|
|
function observe(element, callback) {
|
|
if (!elementListeners.has(element)) {
|
|
elementListeners.set(element, new Set());
|
|
resizeObserver.observe(element);
|
|
}
|
|
elementListeners.get(element).add(callback);
|
|
}
|
|
function unobserve(element, callback) {
|
|
if (elementListeners.has(element)) {
|
|
elementListeners.get(element).delete(callback);
|
|
if (!elementListeners.get(element).size) {
|
|
resizeObserver.unobserve(element);
|
|
elementListeners.delete(element);
|
|
}
|
|
}
|
|
}
|
|
// 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);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-resize-observer/es/SingleObserver/DomWrapper.js
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Fallback to findDOMNode if origin ref do not provide any dom element
|
|
*/
|
|
var DomWrapper = /*#__PURE__*/function (_React$Component) {
|
|
(0,inherits/* default */.Z)(DomWrapper, _React$Component);
|
|
var _super = (0,createSuper/* default */.Z)(DomWrapper);
|
|
function DomWrapper() {
|
|
(0,classCallCheck/* default */.Z)(this, DomWrapper);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
(0,createClass/* default */.Z)(DomWrapper, [{
|
|
key: "render",
|
|
value: function render() {
|
|
return this.props.children;
|
|
}
|
|
}]);
|
|
return DomWrapper;
|
|
}(react.Component);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-resize-observer/es/Collection.js
|
|
|
|
var CollectionContext = /*#__PURE__*/react.createContext(null);
|
|
/**
|
|
* Collect all the resize event from children ResizeObserver
|
|
*/
|
|
function Collection(_ref) {
|
|
var children = _ref.children,
|
|
onBatchResize = _ref.onBatchResize;
|
|
var resizeIdRef = react.useRef(0);
|
|
var resizeInfosRef = react.useRef([]);
|
|
var onCollectionResize = react.useContext(CollectionContext);
|
|
var onResize = react.useCallback(function (size, element, data) {
|
|
resizeIdRef.current += 1;
|
|
var currentId = resizeIdRef.current;
|
|
resizeInfosRef.current.push({
|
|
size: size,
|
|
element: element,
|
|
data: data
|
|
});
|
|
Promise.resolve().then(function () {
|
|
if (currentId === resizeIdRef.current) {
|
|
onBatchResize === null || onBatchResize === void 0 ? void 0 : onBatchResize(resizeInfosRef.current);
|
|
resizeInfosRef.current = [];
|
|
}
|
|
});
|
|
// Continue bubbling if parent exist
|
|
onCollectionResize === null || onCollectionResize === void 0 ? void 0 : onCollectionResize(size, element, data);
|
|
}, [onBatchResize, onCollectionResize]);
|
|
return /*#__PURE__*/react.createElement(CollectionContext.Provider, {
|
|
value: onResize
|
|
}, children);
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/rc-resize-observer/es/SingleObserver/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function SingleObserver(props, ref) {
|
|
var children = props.children,
|
|
disabled = props.disabled;
|
|
var elementRef = react.useRef(null);
|
|
var wrapperRef = react.useRef(null);
|
|
var onCollectionResize = react.useContext(CollectionContext);
|
|
// =========================== Children ===========================
|
|
var isRenderProps = typeof children === 'function';
|
|
var mergedChildren = isRenderProps ? children(elementRef) : children;
|
|
// ============================= Size =============================
|
|
var sizeRef = react.useRef({
|
|
width: -1,
|
|
height: -1,
|
|
offsetWidth: -1,
|
|
offsetHeight: -1
|
|
});
|
|
// ============================= Ref ==============================
|
|
var canRef = !isRenderProps && /*#__PURE__*/react.isValidElement(mergedChildren) && (0,es_ref/* supportRef */.Yr)(mergedChildren);
|
|
var originRef = canRef ? mergedChildren.ref : null;
|
|
var mergedRef = react.useMemo(function () {
|
|
return (0,es_ref/* composeRef */.sQ)(originRef, elementRef);
|
|
}, [originRef, elementRef]);
|
|
var getDom = function getDom() {
|
|
return (0,findDOMNode/* default */.Z)(elementRef.current) || (0,findDOMNode/* default */.Z)(wrapperRef.current);
|
|
};
|
|
react.useImperativeHandle(ref, function () {
|
|
return getDom();
|
|
});
|
|
// =========================== Observe ============================
|
|
var propsRef = react.useRef(props);
|
|
propsRef.current = props;
|
|
// Handler
|
|
var onInternalResize = react.useCallback(function (target) {
|
|
var _propsRef$current = propsRef.current,
|
|
onResize = _propsRef$current.onResize,
|
|
data = _propsRef$current.data;
|
|
var _target$getBoundingCl = target.getBoundingClientRect(),
|
|
width = _target$getBoundingCl.width,
|
|
height = _target$getBoundingCl.height;
|
|
var offsetWidth = target.offsetWidth,
|
|
offsetHeight = target.offsetHeight;
|
|
/**
|
|
* Resize observer trigger when content size changed.
|
|
* In most case we just care about element size,
|
|
* let's use `boundary` instead of `contentRect` here to avoid shaking.
|
|
*/
|
|
var fixedWidth = Math.floor(width);
|
|
var fixedHeight = Math.floor(height);
|
|
if (sizeRef.current.width !== fixedWidth || sizeRef.current.height !== fixedHeight || sizeRef.current.offsetWidth !== offsetWidth || sizeRef.current.offsetHeight !== offsetHeight) {
|
|
var size = {
|
|
width: fixedWidth,
|
|
height: fixedHeight,
|
|
offsetWidth: offsetWidth,
|
|
offsetHeight: offsetHeight
|
|
};
|
|
sizeRef.current = size;
|
|
// IE is strange, right?
|
|
var mergedOffsetWidth = offsetWidth === Math.round(width) ? width : offsetWidth;
|
|
var mergedOffsetHeight = offsetHeight === Math.round(height) ? height : offsetHeight;
|
|
var sizeInfo = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, size), {}, {
|
|
offsetWidth: mergedOffsetWidth,
|
|
offsetHeight: mergedOffsetHeight
|
|
});
|
|
// Let collection know what happened
|
|
onCollectionResize === null || onCollectionResize === void 0 ? void 0 : onCollectionResize(sizeInfo, target, data);
|
|
if (onResize) {
|
|
// defer the callback but not defer to next frame
|
|
Promise.resolve().then(function () {
|
|
onResize(sizeInfo, target);
|
|
});
|
|
}
|
|
}
|
|
}, []);
|
|
// Dynamic observe
|
|
react.useEffect(function () {
|
|
var currentElement = getDom();
|
|
if (currentElement && !disabled) {
|
|
observe(currentElement, onInternalResize);
|
|
}
|
|
return function () {
|
|
return unobserve(currentElement, onInternalResize);
|
|
};
|
|
}, [elementRef.current, disabled]);
|
|
// ============================ Render ============================
|
|
return /*#__PURE__*/react.createElement(DomWrapper, {
|
|
ref: wrapperRef
|
|
}, canRef ? /*#__PURE__*/react.cloneElement(mergedChildren, {
|
|
ref: mergedRef
|
|
}) : mergedChildren);
|
|
}
|
|
var RefSingleObserver = /*#__PURE__*/react.forwardRef(SingleObserver);
|
|
if (false) {}
|
|
/* harmony default export */ var es_SingleObserver = (RefSingleObserver);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-resize-observer/es/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var INTERNAL_PREFIX_KEY = 'rc-observer-key';
|
|
|
|
|
|
function ResizeObserver(props, ref) {
|
|
var children = props.children;
|
|
var childNodes = typeof children === 'function' ? [children] : (0,toArray/* default */.Z)(children);
|
|
if (false) {}
|
|
return childNodes.map(function (child, index) {
|
|
var key = (child === null || child === void 0 ? void 0 : child.key) || "".concat(INTERNAL_PREFIX_KEY, "-").concat(index);
|
|
return /*#__PURE__*/react.createElement(es_SingleObserver, (0,esm_extends/* default */.Z)({}, props, {
|
|
key: key,
|
|
ref: index === 0 ? ref : undefined
|
|
}), child);
|
|
});
|
|
}
|
|
var RefResizeObserver = /*#__PURE__*/react.forwardRef(ResizeObserver);
|
|
if (false) {}
|
|
RefResizeObserver.Collection = Collection;
|
|
/* harmony default export */ var es = (RefResizeObserver);
|
|
|
|
/***/ })
|
|
|
|
}]); |