|
|
|
|
@ -6189,15 +6189,13 @@ var AsyncButton = __webpack_require__(10902);
|
|
|
|
|
var modal = __webpack_require__(43418);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/menu/index.js + 11 modules
|
|
|
|
|
var menu = __webpack_require__(20834);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/affix/index.js + 2 modules
|
|
|
|
|
var affix = __webpack_require__(81228);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/skeleton/index.js + 12 modules
|
|
|
|
|
var skeleton = __webpack_require__(59981);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/dropdown/index.js + 1 modules
|
|
|
|
|
var dropdown = __webpack_require__(38854);
|
|
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paperlibrary/EditPotin/index.less?modules
|
|
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
|
|
/* harmony default export */ var EditPotinmodules = ({"flex_box_center":"flex_box_center___gi93l","flex_space_between":"flex_space_between___mWMLA","flex_box_vertical_center":"flex_box_vertical_center___rk4nc","flex_box_center_end":"flex_box_center_end___B8XxF","flex_box_column":"flex_box_column___AX3Vm","moreSpan":"moreSpan___hbStq","bg":"bg___Ya739","title":"title___BC46y","bottomdiv":"bottomdiv___uaPr6","spanBtn":"spanBtn___jjgnA","addQuestionBtn":"addQuestionBtn___qOlYW","saveBtn":"saveBtn___ulgem","left":"left___i8aTX","scrollWrapper":"scrollWrapper___Jk80T","Button":"Button___auxWm","iconWrapper":"iconWrapper___h3H1m","up":"up___tLyCX","down":"down___T5_aj","disabled":"disabled___GRBbF","titleleft":"titleleft___xZGbq","more_style":"more_style___nhWCX","qcount":"qcount___ID7OA","score":"score___T7dbm","qtitle":"qtitle___qJBFd","qcountclick":"qcountclick___m_VKG","right":"right___CBabI","edit":"edit___WHuql","delete":"delete___Pa6db","shixun":"shixun___oObBe","scoreByBlankRadio":"scoreByBlankRadio___r4AWn","scoreinput":"scoreinput___O8EhL","modalconfirm":"modalconfirm___Ru9B_","scoremodal":"scoremodal___BdW7P","close":"close___blHYk","content":"content___jlm9o","items":"items___i3TrH","bottom":"bottom___zMQZ6","yes":"yes___lOPY6","no":"no___gtzKI","formcenter":"formcenter___fCxkm","radiogroup":"radiogroup___oXWHc","easy":"easy___ANNVD","medium":"medium___ov7N3","hard":"hard___n4afW","formcenterselect":"formcenterselect___lYa4f","selectitems":"selectitems___c9Pt5","morebottom":"morebottom____I_ev","titleTooltip":"titleTooltip___CAyYg"});
|
|
|
|
|
/* harmony default export */ var EditPotinmodules = ({"flex_box_center":"flex_box_center___gi93l","flex_space_between":"flex_space_between___mWMLA","flex_box_vertical_center":"flex_box_vertical_center___rk4nc","flex_box_center_end":"flex_box_center_end___B8XxF","flex_box_column":"flex_box_column___AX3Vm","moreSpan":"moreSpan___hbStq","bg":"bg___Ya739","title":"title___BC46y","bottomdiv":"bottomdiv___uaPr6","spanBtn":"spanBtn___jjgnA","addQuestionBtn":"addQuestionBtn___qOlYW","saveBtn":"saveBtn___ulgem","left":"left___i8aTX","leftAction":"leftAction___sQkuq","Button":"Button___auxWm","iconWrapper":"iconWrapper___h3H1m","up":"up___tLyCX","down":"down___T5_aj","disabled":"disabled___GRBbF","titleleft":"titleleft___xZGbq","more_style":"more_style___nhWCX","qcount":"qcount___ID7OA","score":"score___T7dbm","qtitle":"qtitle___qJBFd","qcountclick":"qcountclick___m_VKG","right":"right___CBabI","edit":"edit___WHuql","delete":"delete___Pa6db","shixun":"shixun___oObBe","scoreByBlankRadio":"scoreByBlankRadio___r4AWn","modalconfirm":"modalconfirm___Ru9B_","scoremodal":"scoremodal___BdW7P","close":"close___blHYk","content":"content___jlm9o","items":"items___i3TrH","bottom":"bottom___zMQZ6","yes":"yes___lOPY6","no":"no___gtzKI","formcenter":"formcenter___fCxkm","radiogroup":"radiogroup___oXWHc","easy":"easy___ANNVD","medium":"medium___ov7N3","hard":"hard___n4afW","formcenterselect":"formcenterselect___lYa4f","selectitems":"selectitems___c9Pt5","morebottom":"morebottom____I_ev","scoreinput":"scoreinput___O8EhL","titleTooltip":"titleTooltip___CAyYg","exercise_styles":"exercise_styles___u40hG"});
|
|
|
|
|
// EXTERNAL MODULE: ./src/utils/util.tsx
|
|
|
|
|
var utils_util = __webpack_require__(27291);
|
|
|
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
|
|
|
@ -12105,84 +12103,84 @@ var AddNewPaper = function AddNewPaper(_ref) {
|
|
|
|
|
style: {
|
|
|
|
|
marginTop: 20,
|
|
|
|
|
borderTop: '1px solid #DCDCDC',
|
|
|
|
|
display: 'flex',
|
|
|
|
|
display: 'block',
|
|
|
|
|
alignItems: 'stretch'
|
|
|
|
|
},
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
backgroundColor: '#F6F7F9'
|
|
|
|
|
backgroundColor: '#F6F7F9',
|
|
|
|
|
display: "inline-block",
|
|
|
|
|
position: "sticky",
|
|
|
|
|
top: 0
|
|
|
|
|
},
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(affix/* default */.Z, {
|
|
|
|
|
offsetTop: 10,
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(skeleton/* default */.Z, {
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(skeleton/* default */.Z, {
|
|
|
|
|
className: EditPotinmodules.left,
|
|
|
|
|
active: true,
|
|
|
|
|
loading: isloading,
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
className: EditPotinmodules.left,
|
|
|
|
|
active: true,
|
|
|
|
|
loading: isloading,
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
className: EditPotinmodules.left,
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
|
|
|
|
|
onClick: function onClick() {
|
|
|
|
|
if (handleIsEdit()) return;
|
|
|
|
|
setScoreShow(true);
|
|
|
|
|
},
|
|
|
|
|
className: EditPotinmodules.Button,
|
|
|
|
|
children: "\u6279\u91CF\u8BBE\u7F6E\u5206\u503C"
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
className: EditPotinmodules.scrollWrapper,
|
|
|
|
|
style: {
|
|
|
|
|
overflow: overflow
|
|
|
|
|
},
|
|
|
|
|
onMouseEnter: handleMouseEnter,
|
|
|
|
|
onMouseLeave: handleMouseLeave,
|
|
|
|
|
children: exerciseitem === null || exerciseitem === void 0 || (_exerciseitem$exercis3 = exerciseitem.exercise_question_types) === null || _exerciseitem$exercis3 === void 0 ? void 0 : _exerciseitem$exercis3.map(function (item, index) {
|
|
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
className: "mb30",
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
|
|
|
|
|
onClick: function onClick() {
|
|
|
|
|
if (handleIsEdit()) return;
|
|
|
|
|
setScoreShow(true);
|
|
|
|
|
},
|
|
|
|
|
className: EditPotinmodules.Button,
|
|
|
|
|
children: "\u6279\u91CF\u8BBE\u7F6E\u5206\u503C"
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
className: EditPotinmodules.scrollWrapper,
|
|
|
|
|
style: {
|
|
|
|
|
overflow: overflow
|
|
|
|
|
},
|
|
|
|
|
onMouseEnter: handleMouseEnter,
|
|
|
|
|
onMouseLeave: handleMouseLeave,
|
|
|
|
|
children: exerciseitem === null || exerciseitem === void 0 || (_exerciseitem$exercis3 = exerciseitem.exercise_question_types) === null || _exerciseitem$exercis3 === void 0 ? void 0 : _exerciseitem$exercis3.map(function (item, index) {
|
|
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
className: "mb30",
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
className: EditPotinmodules.title,
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
className: EditPotinmodules.title,
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
className: EditPotinmodules.titleleft,
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
|
|
style: {
|
|
|
|
|
color: '#000000',
|
|
|
|
|
fontWeight: 400,
|
|
|
|
|
fontSize: 12
|
|
|
|
|
},
|
|
|
|
|
children: [" ", (0,utils_util/* toChineseNumber */.EM)(index + 1), "\u3001\u3010", item.name, "\u3011"]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
|
|
style: {
|
|
|
|
|
color: '#464F66',
|
|
|
|
|
fontSize: 12
|
|
|
|
|
},
|
|
|
|
|
children: ["\uFF08", item.count, "\u5C0F\u9898\uFF0C\u5171", item.score, "\u5206\uFF09"]
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(dropdown/* default */.Z, {
|
|
|
|
|
dropdownRender: function dropdownRender() {
|
|
|
|
|
return exportMenu(item, index);
|
|
|
|
|
className: EditPotinmodules.titleleft,
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
|
|
style: {
|
|
|
|
|
color: '#000000',
|
|
|
|
|
fontWeight: 400,
|
|
|
|
|
fontSize: 12
|
|
|
|
|
},
|
|
|
|
|
placement: "bottomLeft",
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
className: EditPotinmodules.more_style,
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
|
|
className: "iconfont icon-sandian font12"
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
children: [" ", (0,utils_util/* toChineseNumber */.EM)(index + 1), "\u3001\u3010", item.name, "\u3011"]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
|
|
style: {
|
|
|
|
|
color: '#464F66',
|
|
|
|
|
fontSize: 12
|
|
|
|
|
},
|
|
|
|
|
children: ["\uFF08", item.count, "\u5C0F\u9898\uFF0C\u5171", item.score, "\u5206\uFF09"]
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(LeftItems, {
|
|
|
|
|
isedit: isedit,
|
|
|
|
|
setBigqitem: setBigqitem,
|
|
|
|
|
bigitem: objectSpread2_default()(objectSpread2_default()({}, item), {}, {
|
|
|
|
|
indexs: index + 1
|
|
|
|
|
}),
|
|
|
|
|
setqitem: setqitem,
|
|
|
|
|
qitem: qitem,
|
|
|
|
|
Itemid: itemid,
|
|
|
|
|
getdata: getdatas,
|
|
|
|
|
data: item.items
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(dropdown/* default */.Z, {
|
|
|
|
|
dropdownRender: function dropdownRender() {
|
|
|
|
|
return exportMenu(item, index);
|
|
|
|
|
},
|
|
|
|
|
placement: "bottomLeft",
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
className: EditPotinmodules.more_style,
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
|
|
className: "iconfont icon-sandian font12"
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
}, index);
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(LeftItems, {
|
|
|
|
|
isedit: isedit,
|
|
|
|
|
setBigqitem: setBigqitem,
|
|
|
|
|
bigitem: objectSpread2_default()(objectSpread2_default()({}, item), {}, {
|
|
|
|
|
indexs: index + 1
|
|
|
|
|
}),
|
|
|
|
|
setqitem: setqitem,
|
|
|
|
|
qitem: qitem,
|
|
|
|
|
Itemid: itemid,
|
|
|
|
|
getdata: getdatas,
|
|
|
|
|
data: item.items
|
|
|
|
|
})]
|
|
|
|
|
}, index);
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(skeleton/* default */.Z, {
|
|
|
|
|
@ -13392,391 +13390,6 @@ var SvgShengxu = function SvgShengxu(props) {
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 27666:
|
|
|
|
|
/*!****************************************************************************!*\
|
|
|
|
|
!*** ./node_modules/_antd@5.9.0@antd/es/_util/throttleByAnimationFrame.js ***!
|
|
|
|
|
\****************************************************************************/
|
|
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ 42371);
|
|
|
|
|
/* harmony import */ var rc_util_es_raf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rc-util/es/raf */ 28637);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function throttleByAnimationFrame(fn) {
|
|
|
|
|
let requestId;
|
|
|
|
|
const later = args => () => {
|
|
|
|
|
requestId = null;
|
|
|
|
|
fn.apply(void 0, (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(args));
|
|
|
|
|
};
|
|
|
|
|
const throttled = function () {
|
|
|
|
|
if (requestId == null) {
|
|
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
|
|
args[_key] = arguments[_key];
|
|
|
|
|
}
|
|
|
|
|
requestId = (0,rc_util_es_raf__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(later(args));
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
throttled.cancel = () => {
|
|
|
|
|
rc_util_es_raf__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.cancel(requestId);
|
|
|
|
|
requestId = null;
|
|
|
|
|
};
|
|
|
|
|
return throttled;
|
|
|
|
|
}
|
|
|
|
|
/* harmony default export */ __webpack_exports__.Z = (throttleByAnimationFrame);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 81228:
|
|
|
|
|
/*!*********************************************************************!*\
|
|
|
|
|
!*** ./node_modules/_antd@5.9.0@antd/es/affix/index.js + 2 modules ***!
|
|
|
|
|
\*********************************************************************/
|
|
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// EXPORTS
|
|
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
|
|
Z: function() { return /* binding */ affix; }
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/esm/classCallCheck.js
|
|
|
|
|
var classCallCheck = __webpack_require__(74809);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/esm/createClass.js
|
|
|
|
|
var createClass = __webpack_require__(57338);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/esm/inherits.js
|
|
|
|
|
var inherits = __webpack_require__(29161);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
|
|
|
var createSuper = __webpack_require__(24154);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
|
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_classnames@2.3.2@classnames/index.js
|
|
|
|
|
var _classnames_2_3_2_classnames = __webpack_require__(12124);
|
|
|
|
|
var _classnames_2_3_2_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_3_2_classnames);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_rc-resize-observer@1.4.0@rc-resize-observer/es/index.js + 4 modules
|
|
|
|
|
var es = __webpack_require__(28647);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.38.0@rc-util/es/omit.js
|
|
|
|
|
var omit = __webpack_require__(39029);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/_util/throttleByAnimationFrame.js
|
|
|
|
|
var throttleByAnimationFrame = __webpack_require__(27666);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/config-provider/context.js
|
|
|
|
|
var context = __webpack_require__(36355);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/theme/util/genComponentStyleHook.js
|
|
|
|
|
var genComponentStyleHook = __webpack_require__(83116);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/theme/util/statistic.js
|
|
|
|
|
var statistic = __webpack_require__(37613);
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/affix/style/index.js
|
|
|
|
|
|
|
|
|
|
// ============================== Shared ==============================
|
|
|
|
|
const genSharedAffixStyle = token => {
|
|
|
|
|
const {
|
|
|
|
|
componentCls
|
|
|
|
|
} = token;
|
|
|
|
|
return {
|
|
|
|
|
[componentCls]: {
|
|
|
|
|
position: 'fixed',
|
|
|
|
|
zIndex: token.zIndexPopup
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
// ============================== Export ==============================
|
|
|
|
|
/* harmony default export */ var style = ((0,genComponentStyleHook/* default */.Z)('Affix', token => {
|
|
|
|
|
const affixToken = (0,statistic/* merge */.TS)(token, {
|
|
|
|
|
zIndexPopup: token.zIndexBase + 10
|
|
|
|
|
});
|
|
|
|
|
return [genSharedAffixStyle(affixToken)];
|
|
|
|
|
}));
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/affix/utils.js
|
|
|
|
|
function getTargetRect(target) {
|
|
|
|
|
return target !== window ? target.getBoundingClientRect() : {
|
|
|
|
|
top: 0,
|
|
|
|
|
bottom: window.innerHeight
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
function getFixedTop(placeholderRect, targetRect, offsetTop) {
|
|
|
|
|
if (offsetTop !== undefined && targetRect.top > placeholderRect.top - offsetTop) {
|
|
|
|
|
return offsetTop + targetRect.top;
|
|
|
|
|
}
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
|
|
|
|
function getFixedBottom(placeholderRect, targetRect, offsetBottom) {
|
|
|
|
|
if (offsetBottom !== undefined && targetRect.bottom < placeholderRect.bottom + offsetBottom) {
|
|
|
|
|
const targetBottomOffset = window.innerHeight - targetRect.bottom;
|
|
|
|
|
return offsetBottom + targetBottomOffset;
|
|
|
|
|
}
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/affix/index.js
|
|
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const TRIGGER_EVENTS = ['resize', 'scroll', 'touchstart', 'touchmove', 'touchend', 'pageshow', 'load'];
|
|
|
|
|
function getDefaultTarget() {
|
|
|
|
|
return typeof window !== 'undefined' ? window : null;
|
|
|
|
|
}
|
|
|
|
|
var AffixStatus;
|
|
|
|
|
(function (AffixStatus) {
|
|
|
|
|
AffixStatus[AffixStatus["None"] = 0] = "None";
|
|
|
|
|
AffixStatus[AffixStatus["Prepare"] = 1] = "Prepare";
|
|
|
|
|
})(AffixStatus || (AffixStatus = {}));
|
|
|
|
|
let InternalAffix = /*#__PURE__*/function (_React$Component) {
|
|
|
|
|
(0,inherits/* default */.Z)(InternalAffix, _React$Component);
|
|
|
|
|
var _super = (0,createSuper/* default */.Z)(InternalAffix);
|
|
|
|
|
function InternalAffix() {
|
|
|
|
|
var _this;
|
|
|
|
|
(0,classCallCheck/* default */.Z)(this, InternalAffix);
|
|
|
|
|
_this = _super.apply(this, arguments);
|
|
|
|
|
_this.state = {
|
|
|
|
|
status: AffixStatus.None,
|
|
|
|
|
lastAffix: false,
|
|
|
|
|
prevTarget: null
|
|
|
|
|
};
|
|
|
|
|
_this.placeholderNodeRef = /*#__PURE__*/(0,_react_17_0_2_react.createRef)();
|
|
|
|
|
_this.fixedNodeRef = /*#__PURE__*/(0,_react_17_0_2_react.createRef)();
|
|
|
|
|
_this.addListeners = () => {
|
|
|
|
|
const targetFunc = _this.getTargetFunc();
|
|
|
|
|
const target = targetFunc === null || targetFunc === void 0 ? void 0 : targetFunc();
|
|
|
|
|
const {
|
|
|
|
|
prevTarget
|
|
|
|
|
} = _this.state;
|
|
|
|
|
if (prevTarget !== target) {
|
|
|
|
|
TRIGGER_EVENTS.forEach(eventName => {
|
|
|
|
|
prevTarget === null || prevTarget === void 0 ? void 0 : prevTarget.removeEventListener(eventName, _this.lazyUpdatePosition);
|
|
|
|
|
target === null || target === void 0 ? void 0 : target.addEventListener(eventName, _this.lazyUpdatePosition);
|
|
|
|
|
});
|
|
|
|
|
_this.updatePosition();
|
|
|
|
|
_this.setState({
|
|
|
|
|
prevTarget: target
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
_this.removeListeners = () => {
|
|
|
|
|
if (_this.timer) {
|
|
|
|
|
clearTimeout(_this.timer);
|
|
|
|
|
_this.timer = null;
|
|
|
|
|
}
|
|
|
|
|
const {
|
|
|
|
|
prevTarget
|
|
|
|
|
} = _this.state;
|
|
|
|
|
const targetFunc = _this.getTargetFunc();
|
|
|
|
|
const newTarget = targetFunc === null || targetFunc === void 0 ? void 0 : targetFunc();
|
|
|
|
|
TRIGGER_EVENTS.forEach(eventName => {
|
|
|
|
|
newTarget === null || newTarget === void 0 ? void 0 : newTarget.removeEventListener(eventName, _this.lazyUpdatePosition);
|
|
|
|
|
prevTarget === null || prevTarget === void 0 ? void 0 : prevTarget.removeEventListener(eventName, _this.lazyUpdatePosition);
|
|
|
|
|
});
|
|
|
|
|
_this.updatePosition.cancel();
|
|
|
|
|
// https://github.com/ant-design/ant-design/issues/22683
|
|
|
|
|
_this.lazyUpdatePosition.cancel();
|
|
|
|
|
};
|
|
|
|
|
_this.getOffsetTop = () => {
|
|
|
|
|
const {
|
|
|
|
|
offsetBottom,
|
|
|
|
|
offsetTop
|
|
|
|
|
} = _this.props;
|
|
|
|
|
return offsetBottom === undefined && offsetTop === undefined ? 0 : offsetTop;
|
|
|
|
|
};
|
|
|
|
|
_this.getOffsetBottom = () => _this.props.offsetBottom;
|
|
|
|
|
// =================== Measure ===================
|
|
|
|
|
_this.measure = () => {
|
|
|
|
|
const {
|
|
|
|
|
status,
|
|
|
|
|
lastAffix
|
|
|
|
|
} = _this.state;
|
|
|
|
|
const {
|
|
|
|
|
onChange
|
|
|
|
|
} = _this.props;
|
|
|
|
|
const targetFunc = _this.getTargetFunc();
|
|
|
|
|
if (status !== AffixStatus.Prepare || !_this.fixedNodeRef.current || !_this.placeholderNodeRef.current || !targetFunc) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const offsetTop = _this.getOffsetTop();
|
|
|
|
|
const offsetBottom = _this.getOffsetBottom();
|
|
|
|
|
const targetNode = targetFunc();
|
|
|
|
|
if (targetNode) {
|
|
|
|
|
const newState = {
|
|
|
|
|
status: AffixStatus.None
|
|
|
|
|
};
|
|
|
|
|
const placeholderRect = getTargetRect(_this.placeholderNodeRef.current);
|
|
|
|
|
if (placeholderRect.top === 0 && placeholderRect.left === 0 && placeholderRect.width === 0 && placeholderRect.height === 0) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const targetRect = getTargetRect(targetNode);
|
|
|
|
|
const fixedTop = getFixedTop(placeholderRect, targetRect, offsetTop);
|
|
|
|
|
const fixedBottom = getFixedBottom(placeholderRect, targetRect, offsetBottom);
|
|
|
|
|
if (fixedTop !== undefined) {
|
|
|
|
|
newState.affixStyle = {
|
|
|
|
|
position: 'fixed',
|
|
|
|
|
top: fixedTop,
|
|
|
|
|
width: placeholderRect.width,
|
|
|
|
|
height: placeholderRect.height
|
|
|
|
|
};
|
|
|
|
|
newState.placeholderStyle = {
|
|
|
|
|
width: placeholderRect.width,
|
|
|
|
|
height: placeholderRect.height
|
|
|
|
|
};
|
|
|
|
|
} else if (fixedBottom !== undefined) {
|
|
|
|
|
newState.affixStyle = {
|
|
|
|
|
position: 'fixed',
|
|
|
|
|
bottom: fixedBottom,
|
|
|
|
|
width: placeholderRect.width,
|
|
|
|
|
height: placeholderRect.height
|
|
|
|
|
};
|
|
|
|
|
newState.placeholderStyle = {
|
|
|
|
|
width: placeholderRect.width,
|
|
|
|
|
height: placeholderRect.height
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
newState.lastAffix = !!newState.affixStyle;
|
|
|
|
|
if (onChange && lastAffix !== newState.lastAffix) {
|
|
|
|
|
onChange(newState.lastAffix);
|
|
|
|
|
}
|
|
|
|
|
_this.setState(newState);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
_this.prepareMeasure = () => {
|
|
|
|
|
// event param is used before. Keep compatible ts define here.
|
|
|
|
|
_this.setState({
|
|
|
|
|
status: AffixStatus.Prepare,
|
|
|
|
|
affixStyle: undefined,
|
|
|
|
|
placeholderStyle: undefined
|
|
|
|
|
});
|
|
|
|
|
// Test if `updatePosition` called
|
|
|
|
|
if (false) {}
|
|
|
|
|
};
|
|
|
|
|
_this.updatePosition = (0,throttleByAnimationFrame/* default */.Z)(() => {
|
|
|
|
|
_this.prepareMeasure();
|
|
|
|
|
});
|
|
|
|
|
_this.lazyUpdatePosition = (0,throttleByAnimationFrame/* default */.Z)(() => {
|
|
|
|
|
const targetFunc = _this.getTargetFunc();
|
|
|
|
|
const {
|
|
|
|
|
affixStyle
|
|
|
|
|
} = _this.state;
|
|
|
|
|
// Check position change before measure to make Safari smooth
|
|
|
|
|
if (targetFunc && affixStyle) {
|
|
|
|
|
const offsetTop = _this.getOffsetTop();
|
|
|
|
|
const offsetBottom = _this.getOffsetBottom();
|
|
|
|
|
const targetNode = targetFunc();
|
|
|
|
|
if (targetNode && _this.placeholderNodeRef.current) {
|
|
|
|
|
const targetRect = getTargetRect(targetNode);
|
|
|
|
|
const placeholderRect = getTargetRect(_this.placeholderNodeRef.current);
|
|
|
|
|
const fixedTop = getFixedTop(placeholderRect, targetRect, offsetTop);
|
|
|
|
|
const fixedBottom = getFixedBottom(placeholderRect, targetRect, offsetBottom);
|
|
|
|
|
if (fixedTop !== undefined && affixStyle.top === fixedTop || fixedBottom !== undefined && affixStyle.bottom === fixedBottom) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// Directly call prepare measure since it's already throttled.
|
|
|
|
|
_this.prepareMeasure();
|
|
|
|
|
});
|
|
|
|
|
return _this;
|
|
|
|
|
}
|
|
|
|
|
(0,createClass/* default */.Z)(InternalAffix, [{
|
|
|
|
|
key: "getTargetFunc",
|
|
|
|
|
value: function getTargetFunc() {
|
|
|
|
|
const {
|
|
|
|
|
getTargetContainer
|
|
|
|
|
} = this.context;
|
|
|
|
|
const {
|
|
|
|
|
target
|
|
|
|
|
} = this.props;
|
|
|
|
|
if (target !== undefined) {
|
|
|
|
|
return target;
|
|
|
|
|
}
|
|
|
|
|
return getTargetContainer !== null && getTargetContainer !== void 0 ? getTargetContainer : getDefaultTarget;
|
|
|
|
|
}
|
|
|
|
|
// Event handler
|
|
|
|
|
}, {
|
|
|
|
|
key: "componentDidMount",
|
|
|
|
|
value: function componentDidMount() {
|
|
|
|
|
// [Legacy] Wait for parent component ref has its value.
|
|
|
|
|
// We should use target as directly element instead of function which makes element check hard.
|
|
|
|
|
this.timer = setTimeout(this.addListeners);
|
|
|
|
|
}
|
|
|
|
|
}, {
|
|
|
|
|
key: "componentDidUpdate",
|
|
|
|
|
value: function componentDidUpdate(prevProps) {
|
|
|
|
|
this.addListeners();
|
|
|
|
|
if (prevProps.offsetTop !== this.props.offsetTop || prevProps.offsetBottom !== this.props.offsetBottom) {
|
|
|
|
|
this.updatePosition();
|
|
|
|
|
}
|
|
|
|
|
this.measure();
|
|
|
|
|
}
|
|
|
|
|
}, {
|
|
|
|
|
key: "componentWillUnmount",
|
|
|
|
|
value: function componentWillUnmount() {
|
|
|
|
|
this.removeListeners();
|
|
|
|
|
}
|
|
|
|
|
// =================== Render ===================
|
|
|
|
|
}, {
|
|
|
|
|
key: "render",
|
|
|
|
|
value: function render() {
|
|
|
|
|
const {
|
|
|
|
|
affixStyle,
|
|
|
|
|
placeholderStyle
|
|
|
|
|
} = this.state;
|
|
|
|
|
const {
|
|
|
|
|
affixPrefixCls,
|
|
|
|
|
rootClassName,
|
|
|
|
|
children
|
|
|
|
|
} = this.props;
|
|
|
|
|
const className = _classnames_2_3_2_classnames_default()(affixStyle && rootClassName, {
|
|
|
|
|
[affixPrefixCls]: !!affixStyle
|
|
|
|
|
});
|
|
|
|
|
let props = (0,omit/* default */.Z)(this.props, ['prefixCls', 'offsetTop', 'offsetBottom', 'target', 'onChange', 'affixPrefixCls', 'rootClassName']);
|
|
|
|
|
// Omit this since `onTestUpdatePosition` only works on test.
|
|
|
|
|
if (false) {}
|
|
|
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(es/* default */.Z, {
|
|
|
|
|
onResize: this.updatePosition
|
|
|
|
|
}, /*#__PURE__*/_react_17_0_2_react.createElement("div", Object.assign({}, props, {
|
|
|
|
|
ref: this.placeholderNodeRef
|
|
|
|
|
}), affixStyle && /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
|
|
|
style: placeholderStyle,
|
|
|
|
|
"aria-hidden": "true"
|
|
|
|
|
}), /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
|
|
|
className: className,
|
|
|
|
|
ref: this.fixedNodeRef,
|
|
|
|
|
style: affixStyle
|
|
|
|
|
}, /*#__PURE__*/_react_17_0_2_react.createElement(es/* default */.Z, {
|
|
|
|
|
onResize: this.updatePosition
|
|
|
|
|
}, children))));
|
|
|
|
|
}
|
|
|
|
|
}]);
|
|
|
|
|
return InternalAffix;
|
|
|
|
|
}(_react_17_0_2_react.Component);
|
|
|
|
|
InternalAffix.contextType = context/* ConfigContext */.E_;
|
|
|
|
|
const Affix = /*#__PURE__*/(0,_react_17_0_2_react.forwardRef)((props, ref) => {
|
|
|
|
|
const {
|
|
|
|
|
prefixCls: customizePrefixCls,
|
|
|
|
|
rootClassName
|
|
|
|
|
} = props;
|
|
|
|
|
const {
|
|
|
|
|
getPrefixCls
|
|
|
|
|
} = (0,_react_17_0_2_react.useContext)(context/* ConfigContext */.E_);
|
|
|
|
|
const affixPrefixCls = getPrefixCls('affix', customizePrefixCls);
|
|
|
|
|
const [wrapSSR, hashId] = style(affixPrefixCls);
|
|
|
|
|
const AffixProps = Object.assign(Object.assign({}, props), {
|
|
|
|
|
affixPrefixCls,
|
|
|
|
|
rootClassName: _classnames_2_3_2_classnames_default()(rootClassName, hashId)
|
|
|
|
|
});
|
|
|
|
|
return wrapSSR( /*#__PURE__*/_react_17_0_2_react.createElement(InternalAffix, Object.assign({}, AffixProps, {
|
|
|
|
|
ref: ref
|
|
|
|
|
})));
|
|
|
|
|
});
|
|
|
|
|
if (false) {}
|
|
|
|
|
/* harmony default export */ var affix = (Affix);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 66104:
|
|
|
|
|
/*!**************************************************************************!*\
|
|
|
|
|
!*** ./node_modules/_antd@5.9.0@antd/es/breadcrumb/index.js + 6 modules ***!
|
|
|
|
|
|
autosubmit
3 years ago