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.
1680 lines
68 KiB
1680 lines
68 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[45650,69771],{
|
|
|
|
/***/ 66023:
|
|
/*!*******************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons-svg/es/asn/DownOutlined.js ***!
|
|
\*******************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__) {
|
|
|
|
// This icon file is generated automatically.
|
|
var DownOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
|
|
/* harmony default export */ __webpack_exports__["Z"] = (DownOutlined);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 509:
|
|
/*!*********************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons-svg/es/asn/SearchOutlined.js ***!
|
|
\*********************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__) {
|
|
|
|
// This icon file is generated automatically.
|
|
var SearchOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
|
|
/* harmony default export */ __webpack_exports__["Z"] = (SearchOutlined);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 88306:
|
|
/*!*************************************************************!*\
|
|
!*** ./src/pages/Competitions/Update/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 */ Update; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/style/index.js + 1 modules
|
|
var 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/input/style/index.js + 1 modules
|
|
var input_style = __webpack_require__(69463);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules
|
|
var input = __webpack_require__(75008);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/breadcrumb/style/index.js + 1 modules
|
|
var breadcrumb_style = __webpack_require__(63102);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/breadcrumb/index.js + 3 modules
|
|
var breadcrumb = __webpack_require__(58492);
|
|
// 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/@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/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/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
|
|
var _umi_production_exports = __webpack_require__(89214);
|
|
;// CONCATENATED MODULE: ./src/pages/Competitions/Update/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var Updatemodules = ({"flex_box_center":"flex_box_center___DHrsr","flex_space_between":"flex_space_between___VeuX0","flex_box_vertical_center":"flex_box_vertical_center___gw9oR","flex_box_center_end":"flex_box_center_end___DyeB2","flex_box_column":"flex_box_column___b77m0","Selecttext":"Selecttext___F1tf1","Updatecount":"Updatecount___VMhwg","Spanradius":"Spanradius___FVSCg"});
|
|
// EXTERNAL MODULE: ./node_modules/react-cropper/dist/react-cropper.js
|
|
var react_cropper = __webpack_require__(55761);
|
|
// EXTERNAL MODULE: ./node_modules/cropperjs/dist/cropper.css
|
|
var cropper = __webpack_require__(99579);
|
|
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
|
|
var env = __webpack_require__(59758);
|
|
// EXTERNAL MODULE: ./src/utils/util.tsx
|
|
var util = __webpack_require__(29427);
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
;// CONCATENATED MODULE: ./src/pages/Competitions/Update/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["globalSetting", "loading", "dispatch"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var competitionDetails = function competitionDetails(_ref) {
|
|
var globalSetting = _ref.globalSetting,
|
|
loading = _ref.loading,
|
|
dispatch = _ref.dispatch,
|
|
props = objectWithoutProperties_default()(_ref, _excluded);
|
|
var _useState = (0,react.useState)(),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
HeaderDetail = _useState2[0],
|
|
setHeaderDetail = _useState2[1]; //头部信息
|
|
var _useState3 = (0,react.useState)(),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
personname = _useState4[0],
|
|
setpersonname = _useState4[1]; //战队名
|
|
var _useState5 = (0,react.useState)(),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
imageurl = _useState6[0],
|
|
setimageurl = _useState6[1];
|
|
var _useState7 = (0,react.useState)(''),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
teamlog = _useState8[0],
|
|
setteamlog = _useState8[1];
|
|
var Croppers = (0,react.useRef)(null);
|
|
var _useState9 = (0,react.useState)(''),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
updateimg = _useState10[0],
|
|
setupdateimg = _useState10[1];
|
|
var _useParams = (0,_umi_production_exports.useParams)(),
|
|
identifier = _useParams.identifier,
|
|
Teannameid = _useParams.Teannameid;
|
|
var _useState11 = (0,react.useState)(''),
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
letimg = _useState12[0],
|
|
setletimg = _useState12[1];
|
|
(0,react.useEffect)(function () {
|
|
function init() {
|
|
return _init.apply(this, arguments);
|
|
}
|
|
function _init() {
|
|
_init = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
var data, _data$data, _data$data2, _data$data3;
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_context.t0 = setHeaderDetail;
|
|
_context.next = 3;
|
|
return dispatch({
|
|
type: 'competitions/getHeader',
|
|
payload: {
|
|
identifier: identifier
|
|
}
|
|
});
|
|
case 3:
|
|
_context.t1 = _context.sent;
|
|
(0, _context.t0)(_context.t1);
|
|
_context.next = 7;
|
|
return dispatch({
|
|
type: 'competitions/getTeamDetail',
|
|
payload: {
|
|
identifier: identifier,
|
|
Teannameid: Teannameid
|
|
}
|
|
});
|
|
case 7:
|
|
data = _context.sent;
|
|
if (data) {
|
|
setpersonname(data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.name);
|
|
setupdateimg("".concat(env/* default */.Z === null || env/* default */.Z === void 0 ? void 0 : env/* default.IMG_SERVER */.Z.IMG_SERVER, "/").concat(data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.team_log));
|
|
setletimg(data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : _data$data3.team_log);
|
|
}
|
|
case 9:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return _init.apply(this, arguments);
|
|
}
|
|
if (identifier) {
|
|
init();
|
|
}
|
|
}, [identifier]);
|
|
(0,react.useEffect)(function () {
|
|
(0,util/* setDocumentTitle */.Dk)('在线竞赛');
|
|
});
|
|
|
|
//裁剪调用了
|
|
function _crop() {
|
|
setimageurl(Croppers.current.getCroppedCanvas().toDataURL());
|
|
}
|
|
function submitname() {
|
|
return _submitname.apply(this, arguments);
|
|
}
|
|
function _submitname() {
|
|
_submitname = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
|
|
var data;
|
|
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
|
|
while (1) switch (_context2.prev = _context2.next) {
|
|
case 0:
|
|
if (personname) {
|
|
_context2.next = 3;
|
|
break;
|
|
}
|
|
message/* default.info */.ZP.info("队伍名不能为空");
|
|
return _context2.abrupt("return");
|
|
case 3:
|
|
_context2.next = 5;
|
|
return dispatch({
|
|
type: 'competitions/UpTeam',
|
|
payload: {
|
|
identifier: identifier,
|
|
Teannameid: Teannameid,
|
|
name: personname,
|
|
image: letimg ? Croppers.current.getCroppedCanvas().toDataURL("image/jpeg") : undefined
|
|
}
|
|
});
|
|
case 5:
|
|
data = _context2.sent;
|
|
if ((data === null || data === void 0 ? void 0 : data.status) === 0) {
|
|
message/* default.info */.ZP.info('修改成功');
|
|
_umi_production_exports.history.push("/competitions/".concat(identifier, "/detail/enroll"));
|
|
}
|
|
case 7:
|
|
case "end":
|
|
return _context2.stop();
|
|
}
|
|
}, _callee2);
|
|
}));
|
|
return _submitname.apply(this, arguments);
|
|
}
|
|
function handleFileChange(e) {
|
|
var file = e.target.files[0];
|
|
if (file) {
|
|
if (file.size > 2 * 1024 * 1024) {
|
|
message/* default.info */.ZP.info("仅支持文件大小小于2M的文件");
|
|
return;
|
|
}
|
|
}
|
|
//base64
|
|
var reader = new FileReader();
|
|
reader.readAsBinaryString(file);
|
|
reader.onload = function () {
|
|
var base64_content = btoa(reader.result);
|
|
setupdateimg("data:".concat(file.type, ";base64,").concat(base64_content));
|
|
};
|
|
reader.onerror = function () {
|
|
// console.log('there are some problems');
|
|
};
|
|
}
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "edu-container minH500",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(breadcrumb/* default */.Z, {
|
|
className: "mt10",
|
|
separator: ">",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default.Item */.Z.Item, {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
|
|
to: "/competitions/index",
|
|
children: "\u5728\u7EBF\u7ADE\u8D5B"
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default.Item */.Z.Item, {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(_umi_production_exports.Link, {
|
|
to: "/competitions/".concat(identifier, "/"),
|
|
children: [HeaderDetail && HeaderDetail.name, HeaderDetail && HeaderDetail.sub_title ? '-' + HeaderDetail && HeaderDetail.sub_title : null]
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default.Item */.Z.Item, {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
|
|
to: "/competitions/".concat(identifier, "/detail/enroll"),
|
|
children: "\u62A5\u540D"
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default.Item */.Z.Item, {
|
|
children: "\u7F16\u8F91\u6218\u961F\u4FE1\u606F"
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Updatemodules.Selecttext,
|
|
children: "\u7F16\u8F91\u6218\u961F"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Updatemodules.Updatecount,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
fontSize: '14px',
|
|
color: '#F73737'
|
|
},
|
|
children: "*"
|
|
}), "\u961F\u540D\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
|
|
style: {
|
|
marginTop: '15px',
|
|
marginLeft: '8px',
|
|
width: "544px"
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
placeholder: "请输入队名",
|
|
value: personname,
|
|
maxLength: 60,
|
|
addonAfter: String(personname && personname.length) + "/60",
|
|
onChange: function onChange(e) {
|
|
return setpersonname(e.target.value);
|
|
}
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("p", {
|
|
style: {
|
|
marginTop: '15px',
|
|
marginLeft: '8px',
|
|
width: "544px"
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: "LOGO\uFF1A"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("label", {
|
|
id: "uploadBtn",
|
|
style: {
|
|
color: '#4DACFF',
|
|
cursor: "pointer"
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", {
|
|
type: "file",
|
|
className: "sr-only",
|
|
id: "inputImage",
|
|
name: "file",
|
|
accept: "image/*",
|
|
onChange: handleFileChange,
|
|
style: {
|
|
display: "none"
|
|
}
|
|
}), "\u4E0A\u4F20LOGO"]
|
|
}), "\xA0", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: "(\u652F\u6301jpg\u3001gif\u3001png\u683C\u5F0F\u7684\u56FE\u7247\uFF0C\u5EFA\u8BAE\u6587\u4EF6\u5C0F\u4E8E2M)"
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
marginTop: '15px',
|
|
marginLeft: '8px',
|
|
display: 'flex'
|
|
},
|
|
children: [imageurl ? /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
className: Updatemodules.Spanradius,
|
|
src: imageurl
|
|
}) : teamlog ? /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
className: Updatemodules.Spanradius
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Updatemodules.Spanradius,
|
|
children: personname && personname.length > 2 ? personname && personname.substring(0, 2) : personname
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(react_cropper/* default */.Z, {
|
|
style: {
|
|
width: '320px',
|
|
height: '320px',
|
|
marginLeft: "30px",
|
|
background: '#EEEEEE'
|
|
},
|
|
src: updateimg
|
|
// aspectRatio={320/320}
|
|
,
|
|
guides: false,
|
|
ref: Croppers,
|
|
crop: _crop
|
|
})]
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
marginTop: '15px',
|
|
marginBottom: '15px'
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
type: "primary",
|
|
onClick: function onClick() {
|
|
return submitname();
|
|
},
|
|
children: "\u786E\u5B9A"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
style: {
|
|
marginLeft: '15px'
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
|
|
to: "/competitions/".concat(identifier, "/detail/enroll"),
|
|
children: "\u53D6\u6D88"
|
|
})
|
|
})]
|
|
})]
|
|
});
|
|
};
|
|
/* harmony default export */ var Update = ((0,_umi_production_exports.connect)(function (_ref2) {
|
|
var loading = _ref2.loading,
|
|
globalSetting = _ref2.globalSetting;
|
|
return {
|
|
globalSetting: globalSetting,
|
|
loading: loading.models.competitions
|
|
};
|
|
})(competitionDetails));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 58492:
|
|
/*!**************************************************************!*\
|
|
!*** ./node_modules/antd/es/breadcrumb/index.js + 3 modules ***!
|
|
\**************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// 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__) {
|
|
|
|
|
|
// 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
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 75008:
|
|
/*!*********************************************************!*\
|
|
!*** ./node_modules/antd/es/input/index.js + 5 modules ***!
|
|
\*********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ input; }
|
|
});
|
|
|
|
// 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/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/antd/es/form/context.js
|
|
var form_context = __webpack_require__(65223);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/input/Group.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Group = function Group(props) {
|
|
var _classNames;
|
|
var _useContext = (0,react.useContext)(context/* ConfigContext */.E_),
|
|
getPrefixCls = _useContext.getPrefixCls,
|
|
direction = _useContext.direction;
|
|
var customizePrefixCls = props.prefixCls,
|
|
_props$className = props.className,
|
|
className = _props$className === void 0 ? '' : _props$className;
|
|
var prefixCls = getPrefixCls('input-group', customizePrefixCls);
|
|
var cls = classnames_default()(prefixCls, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-lg"), props.size === 'large'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-sm"), props.size === 'small'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-compact"), props.compact), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
|
|
var formItemContext = (0,react.useContext)(form_context/* FormItemInputContext */.aM);
|
|
var groupFormItemContext = (0,react.useMemo)(function () {
|
|
return (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, formItemContext), {
|
|
isFormItemInput: false
|
|
});
|
|
}, [formItemContext]);
|
|
return /*#__PURE__*/react.createElement("span", {
|
|
className: cls,
|
|
style: props.style,
|
|
onMouseEnter: props.onMouseEnter,
|
|
onMouseLeave: props.onMouseLeave,
|
|
onFocus: props.onFocus,
|
|
onBlur: props.onBlur
|
|
}, /*#__PURE__*/react.createElement(form_context/* FormItemInputContext.Provider */.aM.Provider, {
|
|
value: groupFormItemContext
|
|
}, props.children));
|
|
};
|
|
/* harmony default export */ var input_Group = (Group);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/Input.js + 1 modules
|
|
var Input = __webpack_require__(82586);
|
|
// 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/typeof.js
|
|
var esm_typeof = __webpack_require__(71002);
|
|
// 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/EyeInvisibleOutlined.js
|
|
// This icon file is generated automatically.
|
|
var EyeInvisibleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" } }, { "tag": "path", "attrs": { "d": "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" } }] }, "name": "eye-invisible", "theme": "outlined" };
|
|
/* harmony default export */ var asn_EyeInvisibleOutlined = (EyeInvisibleOutlined);
|
|
|
|
// 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/EyeInvisibleOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var EyeInvisibleOutlined_EyeInvisibleOutlined = function EyeInvisibleOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_EyeInvisibleOutlined
|
|
}));
|
|
};
|
|
EyeInvisibleOutlined_EyeInvisibleOutlined.displayName = 'EyeInvisibleOutlined';
|
|
/* harmony default export */ var icons_EyeInvisibleOutlined = (/*#__PURE__*/react.forwardRef(EyeInvisibleOutlined_EyeInvisibleOutlined));
|
|
// 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/rc-util/es/omit.js
|
|
var omit = __webpack_require__(98423);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/ref.js
|
|
var es_ref = __webpack_require__(42550);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/hooks/useRemovePasswordTimeout.js
|
|
var useRemovePasswordTimeout = __webpack_require__(72922);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/input/Password.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 defaultIconRender = function defaultIconRender(visible) {
|
|
return visible ? /*#__PURE__*/react.createElement(EyeOutlined/* default */.Z, null) : /*#__PURE__*/react.createElement(icons_EyeInvisibleOutlined, null);
|
|
};
|
|
var ActionMap = {
|
|
click: 'onClick',
|
|
hover: 'onMouseOver'
|
|
};
|
|
var Password = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
var _props$visibilityTogg = props.visibilityToggle,
|
|
visibilityToggle = _props$visibilityTogg === void 0 ? true : _props$visibilityTogg;
|
|
var visibilityControlled = (0,esm_typeof/* default */.Z)(visibilityToggle) === 'object' && visibilityToggle.visible !== undefined;
|
|
var _useState = (0,react.useState)(function () {
|
|
return visibilityControlled ? visibilityToggle.visible : false;
|
|
}),
|
|
_useState2 = (0,slicedToArray/* default */.Z)(_useState, 2),
|
|
visible = _useState2[0],
|
|
setVisible = _useState2[1];
|
|
var inputRef = (0,react.useRef)(null);
|
|
react.useEffect(function () {
|
|
if (visibilityControlled) {
|
|
setVisible(visibilityToggle.visible);
|
|
}
|
|
}, [visibilityControlled, visibilityToggle]);
|
|
// Remove Password value
|
|
var removePasswordTimeout = (0,useRemovePasswordTimeout/* default */.Z)(inputRef);
|
|
var onVisibleChange = function onVisibleChange() {
|
|
var disabled = props.disabled;
|
|
if (disabled) {
|
|
return;
|
|
}
|
|
if (visible) {
|
|
removePasswordTimeout();
|
|
}
|
|
setVisible(function (prevState) {
|
|
var _a;
|
|
var newState = !prevState;
|
|
if ((0,esm_typeof/* default */.Z)(visibilityToggle) === 'object') {
|
|
(_a = visibilityToggle.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(visibilityToggle, newState);
|
|
}
|
|
return newState;
|
|
});
|
|
};
|
|
var getIcon = function getIcon(prefixCls) {
|
|
var _iconProps;
|
|
var _props$action = props.action,
|
|
action = _props$action === void 0 ? 'click' : _props$action,
|
|
_props$iconRender = props.iconRender,
|
|
iconRender = _props$iconRender === void 0 ? defaultIconRender : _props$iconRender;
|
|
var iconTrigger = ActionMap[action] || '';
|
|
var icon = iconRender(visible);
|
|
var iconProps = (_iconProps = {}, (0,defineProperty/* default */.Z)(_iconProps, iconTrigger, onVisibleChange), (0,defineProperty/* default */.Z)(_iconProps, "className", "".concat(prefixCls, "-icon")), (0,defineProperty/* default */.Z)(_iconProps, "key", 'passwordIcon'), (0,defineProperty/* default */.Z)(_iconProps, "onMouseDown", function onMouseDown(e) {
|
|
// Prevent focused state lost
|
|
// https://github.com/ant-design/ant-design/issues/15173
|
|
e.preventDefault();
|
|
}), (0,defineProperty/* default */.Z)(_iconProps, "onMouseUp", function onMouseUp(e) {
|
|
// Prevent caret position change
|
|
// https://github.com/ant-design/ant-design/issues/23524
|
|
e.preventDefault();
|
|
}), _iconProps);
|
|
return /*#__PURE__*/react.cloneElement( /*#__PURE__*/react.isValidElement(icon) ? icon : /*#__PURE__*/react.createElement("span", null, icon), iconProps);
|
|
};
|
|
var renderPassword = function renderPassword(_ref) {
|
|
var getPrefixCls = _ref.getPrefixCls;
|
|
var className = props.className,
|
|
customizePrefixCls = props.prefixCls,
|
|
customizeInputPrefixCls = props.inputPrefixCls,
|
|
size = props.size,
|
|
restProps = __rest(props, ["className", "prefixCls", "inputPrefixCls", "size"]);
|
|
var inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);
|
|
var prefixCls = getPrefixCls('input-password', customizePrefixCls);
|
|
var suffixIcon = visibilityToggle && getIcon(prefixCls);
|
|
var inputClassName = classnames_default()(prefixCls, className, (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-").concat(size), !!size));
|
|
var omittedProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, (0,omit/* default */.Z)(restProps, ['suffix', 'iconRender', 'visibilityToggle'])), {
|
|
type: visible ? 'text' : 'password',
|
|
className: inputClassName,
|
|
prefixCls: inputPrefixCls,
|
|
suffix: suffixIcon
|
|
});
|
|
if (size) {
|
|
omittedProps.size = size;
|
|
}
|
|
return /*#__PURE__*/react.createElement(Input/* default */.ZP, (0,esm_extends/* default */.Z)({
|
|
ref: (0,es_ref/* composeRef */.sQ)(ref, inputRef)
|
|
}, omittedProps));
|
|
};
|
|
return /*#__PURE__*/react.createElement(context/* ConfigConsumer */.C, null, renderPassword);
|
|
});
|
|
if (false) {}
|
|
/* harmony default export */ var input_Password = (Password);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/SearchOutlined.js
|
|
var SearchOutlined = __webpack_require__(25783);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
|
|
var es_button = __webpack_require__(71577);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/SizeContext.js
|
|
var SizeContext = __webpack_require__(97647);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/space/Compact.js
|
|
var Compact = __webpack_require__(4173);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/reactNode.js
|
|
var reactNode = __webpack_require__(96159);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/input/Search.js
|
|
|
|
|
|
var Search_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 Search = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
var _classNames;
|
|
var customizePrefixCls = props.prefixCls,
|
|
customizeInputPrefixCls = props.inputPrefixCls,
|
|
className = props.className,
|
|
customizeSize = props.size,
|
|
suffix = props.suffix,
|
|
_props$enterButton = props.enterButton,
|
|
enterButton = _props$enterButton === void 0 ? false : _props$enterButton,
|
|
addonAfter = props.addonAfter,
|
|
loading = props.loading,
|
|
disabled = props.disabled,
|
|
customOnSearch = props.onSearch,
|
|
customOnChange = props.onChange,
|
|
onCompositionStart = props.onCompositionStart,
|
|
onCompositionEnd = props.onCompositionEnd,
|
|
restProps = Search_rest(props, ["prefixCls", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd"]);
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
direction = _React$useContext.direction;
|
|
var contextSize = react.useContext(SizeContext/* default */.Z);
|
|
var composedRef = react.useRef(false);
|
|
var prefixCls = getPrefixCls('input-search', customizePrefixCls);
|
|
var inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);
|
|
var _useCompactItemContex = (0,Compact/* useCompactItemContext */.ri)(prefixCls, direction),
|
|
compactSize = _useCompactItemContex.compactSize;
|
|
var size = compactSize || customizeSize || contextSize;
|
|
var inputRef = react.useRef(null);
|
|
var onChange = function onChange(e) {
|
|
if (e && e.target && e.type === 'click' && customOnSearch) {
|
|
customOnSearch(e.target.value, e);
|
|
}
|
|
if (customOnChange) {
|
|
customOnChange(e);
|
|
}
|
|
};
|
|
var onMouseDown = function onMouseDown(e) {
|
|
var _a;
|
|
if (document.activeElement === ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input)) {
|
|
e.preventDefault();
|
|
}
|
|
};
|
|
var onSearch = function onSearch(e) {
|
|
var _a, _b;
|
|
if (customOnSearch) {
|
|
customOnSearch((_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.value, e);
|
|
}
|
|
};
|
|
var onPressEnter = function onPressEnter(e) {
|
|
if (composedRef.current || loading) {
|
|
return;
|
|
}
|
|
onSearch(e);
|
|
};
|
|
var searchIcon = typeof enterButton === 'boolean' ? /*#__PURE__*/react.createElement(SearchOutlined/* default */.Z, null) : null;
|
|
var btnClassName = "".concat(prefixCls, "-button");
|
|
var button;
|
|
var enterButtonAsElement = enterButton || {};
|
|
var isAntdButton = enterButtonAsElement.type && enterButtonAsElement.type.__ANT_BUTTON === true;
|
|
if (isAntdButton || enterButtonAsElement.type === 'button') {
|
|
button = (0,reactNode/* cloneElement */.Tm)(enterButtonAsElement, (0,esm_extends/* default */.Z)({
|
|
onMouseDown: onMouseDown,
|
|
onClick: function onClick(e) {
|
|
var _a, _b;
|
|
(_b = (_a = enterButtonAsElement === null || enterButtonAsElement === void 0 ? void 0 : enterButtonAsElement.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
|
|
onSearch(e);
|
|
},
|
|
key: 'enterButton'
|
|
}, isAntdButton ? {
|
|
className: btnClassName,
|
|
size: size
|
|
} : {}));
|
|
} else {
|
|
button = /*#__PURE__*/react.createElement(es_button/* default */.Z, {
|
|
className: btnClassName,
|
|
type: enterButton ? 'primary' : undefined,
|
|
size: size,
|
|
disabled: disabled,
|
|
key: "enterButton",
|
|
onMouseDown: onMouseDown,
|
|
onClick: onSearch,
|
|
loading: loading,
|
|
icon: searchIcon
|
|
}, enterButton);
|
|
}
|
|
if (addonAfter) {
|
|
button = [button, (0,reactNode/* cloneElement */.Tm)(addonAfter, {
|
|
key: 'addonAfter'
|
|
})];
|
|
}
|
|
var cls = classnames_default()(prefixCls, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-").concat(size), !!size), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-with-button"), !!enterButton), _classNames), className);
|
|
var handleOnCompositionStart = function handleOnCompositionStart(e) {
|
|
composedRef.current = true;
|
|
onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
|
|
};
|
|
var handleOnCompositionEnd = function handleOnCompositionEnd(e) {
|
|
composedRef.current = false;
|
|
onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);
|
|
};
|
|
return /*#__PURE__*/react.createElement(Input/* default */.ZP, (0,esm_extends/* default */.Z)({
|
|
ref: (0,es_ref/* composeRef */.sQ)(inputRef, ref),
|
|
onPressEnter: onPressEnter
|
|
}, restProps, {
|
|
size: size,
|
|
onCompositionStart: handleOnCompositionStart,
|
|
onCompositionEnd: handleOnCompositionEnd,
|
|
prefixCls: inputPrefixCls,
|
|
addonAfter: button,
|
|
suffix: suffix,
|
|
onChange: onChange,
|
|
className: cls,
|
|
disabled: disabled
|
|
}));
|
|
});
|
|
if (false) {}
|
|
/* harmony default export */ var input_Search = (Search);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/TextArea.js + 1 modules
|
|
var TextArea = __webpack_require__(80173);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/input/index.js
|
|
|
|
|
|
|
|
|
|
|
|
var input_Input = Input/* default */.ZP;
|
|
input_Input.Group = input_Group;
|
|
input_Input.Search = input_Search;
|
|
input_Input.TextArea = TextArea/* default */.Z;
|
|
input_Input.Password = input_Password;
|
|
/* harmony default export */ var input = (input_Input);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 13622:
|
|
/*!***********************************************************************************!*\
|
|
!*** ./node_modules/antd/node_modules/@ant-design/icons/es/icons/DownOutlined.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_DownOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/DownOutlined */ 66023);
|
|
/* 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 DownOutlined = function DownOutlined(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_DownOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
}));
|
|
};
|
|
DownOutlined.displayName = 'DownOutlined';
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(DownOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 7124:
|
|
/*!**********************************************************************************************!*\
|
|
!*** ./node_modules/antd/node_modules/@ant-design/icons/es/icons/EyeOutlined.js + 1 modules ***!
|
|
\**********************************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ icons_EyeOutlined; }
|
|
});
|
|
|
|
// 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/EyeOutlined.js
|
|
// This icon file is generated automatically.
|
|
var EyeOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" } }] }, "name": "eye", "theme": "outlined" };
|
|
/* harmony default export */ var asn_EyeOutlined = (EyeOutlined);
|
|
|
|
// 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/EyeOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var EyeOutlined_EyeOutlined = function EyeOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_EyeOutlined
|
|
}));
|
|
};
|
|
EyeOutlined_EyeOutlined.displayName = 'EyeOutlined';
|
|
/* harmony default export */ var icons_EyeOutlined = (/*#__PURE__*/react.forwardRef(EyeOutlined_EyeOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 25783:
|
|
/*!*************************************************************************************!*\
|
|
!*** ./node_modules/antd/node_modules/@ant-design/icons/es/icons/SearchOutlined.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_SearchOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/SearchOutlined */ 509);
|
|
/* 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 SearchOutlined = function SearchOutlined(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_SearchOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
}));
|
|
};
|
|
SearchOutlined.displayName = 'SearchOutlined';
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(SearchOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 34243:
|
|
/*!**********************************************************!*\
|
|
!*** ./node_modules/rc-overflow/es/index.js + 4 modules ***!
|
|
\**********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ rc_overflow_es; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// 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/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/hooks/useLayoutEffect.js
|
|
var useLayoutEffect = __webpack_require__(8410);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/Item.js
|
|
|
|
|
|
|
|
var _excluded = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"];
|
|
|
|
|
|
// Use shared variable to save bundle size
|
|
|
|
var UNDEFINED = undefined;
|
|
|
|
function InternalItem(props, ref) {
|
|
var prefixCls = props.prefixCls,
|
|
invalidate = props.invalidate,
|
|
item = props.item,
|
|
renderItem = props.renderItem,
|
|
responsive = props.responsive,
|
|
responsiveDisabled = props.responsiveDisabled,
|
|
registerSize = props.registerSize,
|
|
itemKey = props.itemKey,
|
|
className = props.className,
|
|
style = props.style,
|
|
children = props.children,
|
|
display = props.display,
|
|
order = props.order,
|
|
_props$component = props.component,
|
|
Component = _props$component === void 0 ? 'div' : _props$component,
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded);
|
|
|
|
var mergedHidden = responsive && !display; // ================================ Effect ================================
|
|
|
|
function internalRegisterSize(width) {
|
|
registerSize(itemKey, width);
|
|
}
|
|
|
|
react.useEffect(function () {
|
|
return function () {
|
|
internalRegisterSize(null);
|
|
};
|
|
}, []); // ================================ Render ================================
|
|
|
|
var childNode = renderItem && item !== UNDEFINED ? renderItem(item) : children;
|
|
var overflowStyle;
|
|
|
|
if (!invalidate) {
|
|
overflowStyle = {
|
|
opacity: mergedHidden ? 0 : 1,
|
|
height: mergedHidden ? 0 : UNDEFINED,
|
|
overflowY: mergedHidden ? 'hidden' : UNDEFINED,
|
|
order: responsive ? order : UNDEFINED,
|
|
pointerEvents: mergedHidden ? 'none' : UNDEFINED,
|
|
position: mergedHidden ? 'absolute' : UNDEFINED
|
|
};
|
|
}
|
|
|
|
var overflowProps = {};
|
|
|
|
if (mergedHidden) {
|
|
overflowProps['aria-hidden'] = true;
|
|
}
|
|
|
|
var itemNode = /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({
|
|
className: classnames_default()(!invalidate && prefixCls, className),
|
|
style: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, overflowStyle), style)
|
|
}, overflowProps, restProps, {
|
|
ref: ref
|
|
}), childNode);
|
|
|
|
if (responsive) {
|
|
itemNode = /*#__PURE__*/react.createElement(es/* default */.Z, {
|
|
onResize: function onResize(_ref) {
|
|
var offsetWidth = _ref.offsetWidth;
|
|
internalRegisterSize(offsetWidth);
|
|
},
|
|
disabled: responsiveDisabled
|
|
}, itemNode);
|
|
}
|
|
|
|
return itemNode;
|
|
}
|
|
|
|
var Item = /*#__PURE__*/react.forwardRef(InternalItem);
|
|
Item.displayName = 'Item';
|
|
/* harmony default export */ var es_Item = (Item);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/raf.js
|
|
var raf = __webpack_require__(75164);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useState.js
|
|
var useState = __webpack_require__(30470);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/hooks/useBatchFrameState.js
|
|
|
|
|
|
|
|
|
|
/**
|
|
* State generate. Return a `setState` but it will flush all state with one render to save perf.
|
|
* This is not a realization of `unstable_batchedUpdates`.
|
|
*/
|
|
|
|
function useBatchFrameState() {
|
|
var _useState = (0,useState/* default */.Z)({}),
|
|
_useState2 = (0,slicedToArray/* default */.Z)(_useState, 2),
|
|
forceUpdate = _useState2[1];
|
|
|
|
var statesRef = (0,react.useRef)([]);
|
|
var walkingIndex = 0;
|
|
var beforeFrameId = 0;
|
|
|
|
function createState(defaultValue) {
|
|
var myIndex = walkingIndex;
|
|
walkingIndex += 1; // Fill value if not exist yet
|
|
|
|
if (statesRef.current.length < myIndex + 1) {
|
|
statesRef.current[myIndex] = defaultValue;
|
|
} // Return filled as `setState`
|
|
|
|
|
|
var value = statesRef.current[myIndex];
|
|
|
|
function setValue(val) {
|
|
statesRef.current[myIndex] = typeof val === 'function' ? val(statesRef.current[myIndex]) : val;
|
|
raf/* default.cancel */.Z.cancel(beforeFrameId); // Flush with batch
|
|
|
|
beforeFrameId = (0,raf/* default */.Z)(function () {
|
|
forceUpdate({}, true);
|
|
});
|
|
}
|
|
|
|
return [value, setValue];
|
|
}
|
|
|
|
return createState;
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/RawItem.js
|
|
|
|
|
|
var RawItem_excluded = ["component"],
|
|
_excluded2 = ["className"],
|
|
_excluded3 = ["className"];
|
|
|
|
|
|
|
|
|
|
|
|
var InternalRawItem = function InternalRawItem(props, ref) {
|
|
var context = react.useContext(OverflowContext); // Render directly when context not provided
|
|
|
|
if (!context) {
|
|
var _props$component = props.component,
|
|
Component = _props$component === void 0 ? 'div' : _props$component,
|
|
_restProps = (0,objectWithoutProperties/* default */.Z)(props, RawItem_excluded);
|
|
|
|
return /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({}, _restProps, {
|
|
ref: ref
|
|
}));
|
|
}
|
|
|
|
var contextClassName = context.className,
|
|
restContext = (0,objectWithoutProperties/* default */.Z)(context, _excluded2);
|
|
|
|
var className = props.className,
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded3); // Do not pass context to sub item to avoid multiple measure
|
|
|
|
|
|
return /*#__PURE__*/react.createElement(OverflowContext.Provider, {
|
|
value: null
|
|
}, /*#__PURE__*/react.createElement(es_Item, (0,esm_extends/* default */.Z)({
|
|
ref: ref,
|
|
className: classnames_default()(contextClassName, className)
|
|
}, restContext, restProps)));
|
|
};
|
|
|
|
var RawItem = /*#__PURE__*/react.forwardRef(InternalRawItem);
|
|
RawItem.displayName = 'RawItem';
|
|
/* harmony default export */ var es_RawItem = (RawItem);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/Overflow.js
|
|
|
|
|
|
|
|
|
|
var Overflow_excluded = ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var OverflowContext = /*#__PURE__*/react.createContext(null);
|
|
var RESPONSIVE = 'responsive';
|
|
var INVALIDATE = 'invalidate';
|
|
|
|
function defaultRenderRest(omittedItems) {
|
|
return "+ ".concat(omittedItems.length, " ...");
|
|
}
|
|
|
|
function Overflow(props, ref) {
|
|
var _props$prefixCls = props.prefixCls,
|
|
prefixCls = _props$prefixCls === void 0 ? 'rc-overflow' : _props$prefixCls,
|
|
_props$data = props.data,
|
|
data = _props$data === void 0 ? [] : _props$data,
|
|
renderItem = props.renderItem,
|
|
renderRawItem = props.renderRawItem,
|
|
itemKey = props.itemKey,
|
|
_props$itemWidth = props.itemWidth,
|
|
itemWidth = _props$itemWidth === void 0 ? 10 : _props$itemWidth,
|
|
ssr = props.ssr,
|
|
style = props.style,
|
|
className = props.className,
|
|
maxCount = props.maxCount,
|
|
renderRest = props.renderRest,
|
|
renderRawRest = props.renderRawRest,
|
|
suffix = props.suffix,
|
|
_props$component = props.component,
|
|
Component = _props$component === void 0 ? 'div' : _props$component,
|
|
itemComponent = props.itemComponent,
|
|
onVisibleChange = props.onVisibleChange,
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, Overflow_excluded);
|
|
|
|
var createUseState = useBatchFrameState();
|
|
var fullySSR = ssr === 'full';
|
|
|
|
var _createUseState = createUseState(null),
|
|
_createUseState2 = (0,slicedToArray/* default */.Z)(_createUseState, 2),
|
|
containerWidth = _createUseState2[0],
|
|
setContainerWidth = _createUseState2[1];
|
|
|
|
var mergedContainerWidth = containerWidth || 0;
|
|
|
|
var _createUseState3 = createUseState(new Map()),
|
|
_createUseState4 = (0,slicedToArray/* default */.Z)(_createUseState3, 2),
|
|
itemWidths = _createUseState4[0],
|
|
setItemWidths = _createUseState4[1];
|
|
|
|
var _createUseState5 = createUseState(0),
|
|
_createUseState6 = (0,slicedToArray/* default */.Z)(_createUseState5, 2),
|
|
prevRestWidth = _createUseState6[0],
|
|
setPrevRestWidth = _createUseState6[1];
|
|
|
|
var _createUseState7 = createUseState(0),
|
|
_createUseState8 = (0,slicedToArray/* default */.Z)(_createUseState7, 2),
|
|
restWidth = _createUseState8[0],
|
|
setRestWidth = _createUseState8[1];
|
|
|
|
var _createUseState9 = createUseState(0),
|
|
_createUseState10 = (0,slicedToArray/* default */.Z)(_createUseState9, 2),
|
|
suffixWidth = _createUseState10[0],
|
|
setSuffixWidth = _createUseState10[1];
|
|
|
|
var _useState = (0,react.useState)(null),
|
|
_useState2 = (0,slicedToArray/* default */.Z)(_useState, 2),
|
|
suffixFixedStart = _useState2[0],
|
|
setSuffixFixedStart = _useState2[1];
|
|
|
|
var _useState3 = (0,react.useState)(null),
|
|
_useState4 = (0,slicedToArray/* default */.Z)(_useState3, 2),
|
|
displayCount = _useState4[0],
|
|
setDisplayCount = _useState4[1];
|
|
|
|
var mergedDisplayCount = react.useMemo(function () {
|
|
if (displayCount === null && fullySSR) {
|
|
return Number.MAX_SAFE_INTEGER;
|
|
}
|
|
|
|
return displayCount || 0;
|
|
}, [displayCount, containerWidth]);
|
|
|
|
var _useState5 = (0,react.useState)(false),
|
|
_useState6 = (0,slicedToArray/* default */.Z)(_useState5, 2),
|
|
restReady = _useState6[0],
|
|
setRestReady = _useState6[1];
|
|
|
|
var itemPrefixCls = "".concat(prefixCls, "-item"); // Always use the max width to avoid blink
|
|
|
|
var mergedRestWidth = Math.max(prevRestWidth, restWidth); // ================================= Data =================================
|
|
|
|
var isResponsive = maxCount === RESPONSIVE;
|
|
var shouldResponsive = data.length && isResponsive;
|
|
var invalidate = maxCount === INVALIDATE;
|
|
/**
|
|
* When is `responsive`, we will always render rest node to get the real width of it for calculation
|
|
*/
|
|
|
|
var showRest = shouldResponsive || typeof maxCount === 'number' && data.length > maxCount;
|
|
var mergedData = (0,react.useMemo)(function () {
|
|
var items = data;
|
|
|
|
if (shouldResponsive) {
|
|
if (containerWidth === null && fullySSR) {
|
|
items = data;
|
|
} else {
|
|
items = data.slice(0, Math.min(data.length, mergedContainerWidth / itemWidth));
|
|
}
|
|
} else if (typeof maxCount === 'number') {
|
|
items = data.slice(0, maxCount);
|
|
}
|
|
|
|
return items;
|
|
}, [data, itemWidth, containerWidth, maxCount, shouldResponsive]);
|
|
var omittedItems = (0,react.useMemo)(function () {
|
|
if (shouldResponsive) {
|
|
return data.slice(mergedDisplayCount + 1);
|
|
}
|
|
|
|
return data.slice(mergedData.length);
|
|
}, [data, mergedData, shouldResponsive, mergedDisplayCount]); // ================================= Item =================================
|
|
|
|
var getKey = (0,react.useCallback)(function (item, index) {
|
|
var _ref;
|
|
|
|
if (typeof itemKey === 'function') {
|
|
return itemKey(item);
|
|
}
|
|
|
|
return (_ref = itemKey && (item === null || item === void 0 ? void 0 : item[itemKey])) !== null && _ref !== void 0 ? _ref : index;
|
|
}, [itemKey]);
|
|
var mergedRenderItem = (0,react.useCallback)(renderItem || function (item) {
|
|
return item;
|
|
}, [renderItem]);
|
|
|
|
function updateDisplayCount(count, suffixFixedStartVal, notReady) {
|
|
// React 18 will sync render even when the value is same in some case.
|
|
// We take `mergedData` as deps which may cause dead loop if it's dynamic generate.
|
|
// ref: https://github.com/ant-design/ant-design/issues/36559
|
|
if (displayCount === count && (suffixFixedStartVal === undefined || suffixFixedStartVal === suffixFixedStart)) {
|
|
return;
|
|
}
|
|
|
|
setDisplayCount(count);
|
|
|
|
if (!notReady) {
|
|
setRestReady(count < data.length - 1);
|
|
onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(count);
|
|
}
|
|
|
|
if (suffixFixedStartVal !== undefined) {
|
|
setSuffixFixedStart(suffixFixedStartVal);
|
|
}
|
|
} // ================================= Size =================================
|
|
|
|
|
|
function onOverflowResize(_, element) {
|
|
setContainerWidth(element.clientWidth);
|
|
}
|
|
|
|
function registerSize(key, width) {
|
|
setItemWidths(function (origin) {
|
|
var clone = new Map(origin);
|
|
|
|
if (width === null) {
|
|
clone.delete(key);
|
|
} else {
|
|
clone.set(key, width);
|
|
}
|
|
|
|
return clone;
|
|
});
|
|
}
|
|
|
|
function registerOverflowSize(_, width) {
|
|
setRestWidth(width);
|
|
setPrevRestWidth(restWidth);
|
|
}
|
|
|
|
function registerSuffixSize(_, width) {
|
|
setSuffixWidth(width);
|
|
} // ================================ Effect ================================
|
|
|
|
|
|
function getItemWidth(index) {
|
|
return itemWidths.get(getKey(mergedData[index], index));
|
|
}
|
|
|
|
(0,useLayoutEffect/* default */.Z)(function () {
|
|
if (mergedContainerWidth && mergedRestWidth && mergedData) {
|
|
var totalWidth = suffixWidth;
|
|
var len = mergedData.length;
|
|
var lastIndex = len - 1; // When data count change to 0, reset this since not loop will reach
|
|
|
|
if (!len) {
|
|
updateDisplayCount(0, null);
|
|
return;
|
|
}
|
|
|
|
for (var i = 0; i < len; i += 1) {
|
|
var currentItemWidth = getItemWidth(i); // Fully will always render
|
|
|
|
if (fullySSR) {
|
|
currentItemWidth = currentItemWidth || 0;
|
|
} // Break since data not ready
|
|
|
|
|
|
if (currentItemWidth === undefined) {
|
|
updateDisplayCount(i - 1, undefined, true);
|
|
break;
|
|
} // Find best match
|
|
|
|
|
|
totalWidth += currentItemWidth;
|
|
|
|
if ( // Only one means `totalWidth` is the final width
|
|
lastIndex === 0 && totalWidth <= mergedContainerWidth || // Last two width will be the final width
|
|
i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex) <= mergedContainerWidth) {
|
|
// Additional check if match the end
|
|
updateDisplayCount(lastIndex, null);
|
|
break;
|
|
} else if (totalWidth + mergedRestWidth > mergedContainerWidth) {
|
|
// Can not hold all the content to show rest
|
|
updateDisplayCount(i - 1, totalWidth - currentItemWidth - suffixWidth + restWidth);
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (suffix && getItemWidth(0) + suffixWidth > mergedContainerWidth) {
|
|
setSuffixFixedStart(null);
|
|
}
|
|
}
|
|
}, [mergedContainerWidth, itemWidths, restWidth, suffixWidth, getKey, mergedData]); // ================================ Render ================================
|
|
|
|
var displayRest = restReady && !!omittedItems.length;
|
|
var suffixStyle = {};
|
|
|
|
if (suffixFixedStart !== null && shouldResponsive) {
|
|
suffixStyle = {
|
|
position: 'absolute',
|
|
left: suffixFixedStart,
|
|
top: 0
|
|
};
|
|
}
|
|
|
|
var itemSharedProps = {
|
|
prefixCls: itemPrefixCls,
|
|
responsive: shouldResponsive,
|
|
component: itemComponent,
|
|
invalidate: invalidate
|
|
}; // >>>>> Choice render fun by `renderRawItem`
|
|
|
|
var internalRenderItemNode = renderRawItem ? function (item, index) {
|
|
var key = getKey(item, index);
|
|
return /*#__PURE__*/react.createElement(OverflowContext.Provider, {
|
|
key: key,
|
|
value: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, itemSharedProps), {}, {
|
|
order: index,
|
|
item: item,
|
|
itemKey: key,
|
|
registerSize: registerSize,
|
|
display: index <= mergedDisplayCount
|
|
})
|
|
}, renderRawItem(item, index));
|
|
} : function (item, index) {
|
|
var key = getKey(item, index);
|
|
return /*#__PURE__*/react.createElement(es_Item, (0,esm_extends/* default */.Z)({}, itemSharedProps, {
|
|
order: index,
|
|
key: key,
|
|
item: item,
|
|
renderItem: mergedRenderItem,
|
|
itemKey: key,
|
|
registerSize: registerSize,
|
|
display: index <= mergedDisplayCount
|
|
}));
|
|
}; // >>>>> Rest node
|
|
|
|
var restNode;
|
|
var restContextProps = {
|
|
order: displayRest ? mergedDisplayCount : Number.MAX_SAFE_INTEGER,
|
|
className: "".concat(itemPrefixCls, "-rest"),
|
|
registerSize: registerOverflowSize,
|
|
display: displayRest
|
|
};
|
|
|
|
if (!renderRawRest) {
|
|
var mergedRenderRest = renderRest || defaultRenderRest;
|
|
restNode = /*#__PURE__*/react.createElement(es_Item, (0,esm_extends/* default */.Z)({}, itemSharedProps, restContextProps), typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems) : mergedRenderRest);
|
|
} else if (renderRawRest) {
|
|
restNode = /*#__PURE__*/react.createElement(OverflowContext.Provider, {
|
|
value: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, itemSharedProps), restContextProps)
|
|
}, renderRawRest(omittedItems));
|
|
}
|
|
|
|
var overflowNode = /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({
|
|
className: classnames_default()(!invalidate && prefixCls, className),
|
|
style: style,
|
|
ref: ref
|
|
}, restProps), mergedData.map(internalRenderItemNode), showRest ? restNode : null, suffix && /*#__PURE__*/react.createElement(es_Item, (0,esm_extends/* default */.Z)({}, itemSharedProps, {
|
|
responsive: isResponsive,
|
|
responsiveDisabled: !shouldResponsive,
|
|
order: mergedDisplayCount,
|
|
className: "".concat(itemPrefixCls, "-suffix"),
|
|
registerSize: registerSuffixSize,
|
|
display: true,
|
|
style: suffixStyle
|
|
}), suffix));
|
|
|
|
if (isResponsive) {
|
|
overflowNode = /*#__PURE__*/react.createElement(es/* default */.Z, {
|
|
onResize: onOverflowResize,
|
|
disabled: !shouldResponsive
|
|
}, overflowNode);
|
|
}
|
|
|
|
return overflowNode;
|
|
}
|
|
|
|
var ForwardOverflow = /*#__PURE__*/react.forwardRef(Overflow);
|
|
ForwardOverflow.displayName = 'Overflow';
|
|
ForwardOverflow.Item = es_RawItem;
|
|
ForwardOverflow.RESPONSIVE = RESPONSIVE;
|
|
ForwardOverflow.INVALIDATE = INVALIDATE; // Convert to generic type
|
|
|
|
/* harmony default export */ var es_Overflow = (ForwardOverflow);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/index.js
|
|
|
|
/* harmony default export */ var rc_overflow_es = (es_Overflow);
|
|
|
|
/***/ })
|
|
|
|
}]); |