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.
3281 lines
131 KiB
3281 lines
131 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[20662],{
|
|
|
|
/***/ 52671:
|
|
/*!******************************************************************************************************!*\
|
|
!*** ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/FileOutlined.js + 1 modules ***!
|
|
\******************************************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
Z: function() { return /* binding */ icons_FileOutlined; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(14809);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_icons-svg@4.4.2@@ant-design/icons-svg/es/asn/FileOutlined.js
|
|
// This icon file is generated automatically.
|
|
var FileOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z" } }] }, "name": "file", "theme": "outlined" };
|
|
/* harmony default export */ var asn_FileOutlined = (FileOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/components/AntdIcon.js + 3 modules
|
|
var AntdIcon = __webpack_require__(7657);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/FileOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
var FileOutlined_FileOutlined = function FileOutlined(props, ref) {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_FileOutlined
|
|
}));
|
|
};
|
|
|
|
/** */
|
|
var RefIcon = /*#__PURE__*/_react_17_0_2_react.forwardRef(FileOutlined_FileOutlined);
|
|
if (false) {}
|
|
/* harmony default export */ var icons_FileOutlined = (RefIcon);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 15075:
|
|
/*!*************************************************************************************************************!*\
|
|
!*** ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/MinusSquareOutlined.js + 1 modules ***!
|
|
\*************************************************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
Z: function() { return /* binding */ icons_MinusSquareOutlined; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(14809);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_icons-svg@4.4.2@@ant-design/icons-svg/es/asn/MinusSquareOutlined.js
|
|
// This icon file is generated automatically.
|
|
var MinusSquareOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "minus-square", "theme": "outlined" };
|
|
/* harmony default export */ var asn_MinusSquareOutlined = (MinusSquareOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/components/AntdIcon.js + 3 modules
|
|
var AntdIcon = __webpack_require__(7657);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/MinusSquareOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
var MinusSquareOutlined_MinusSquareOutlined = function MinusSquareOutlined(props, ref) {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_MinusSquareOutlined
|
|
}));
|
|
};
|
|
|
|
/** */
|
|
var RefIcon = /*#__PURE__*/_react_17_0_2_react.forwardRef(MinusSquareOutlined_MinusSquareOutlined);
|
|
if (false) {}
|
|
/* harmony default export */ var icons_MinusSquareOutlined = (RefIcon);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 43531:
|
|
/*!************************************************************************************************************!*\
|
|
!*** ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/PlusSquareOutlined.js + 1 modules ***!
|
|
\************************************************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
Z: function() { return /* binding */ icons_PlusSquareOutlined; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(14809);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_icons-svg@4.4.2@@ant-design/icons-svg/es/asn/PlusSquareOutlined.js
|
|
// This icon file is generated automatically.
|
|
var PlusSquareOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "plus-square", "theme": "outlined" };
|
|
/* harmony default export */ var asn_PlusSquareOutlined = (PlusSquareOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/components/AntdIcon.js + 3 modules
|
|
var AntdIcon = __webpack_require__(7657);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/PlusSquareOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
var PlusSquareOutlined_PlusSquareOutlined = function PlusSquareOutlined(props, ref) {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_PlusSquareOutlined
|
|
}));
|
|
};
|
|
|
|
/** */
|
|
var RefIcon = /*#__PURE__*/_react_17_0_2_react.forwardRef(PlusSquareOutlined_PlusSquareOutlined);
|
|
if (false) {}
|
|
/* harmony default export */ var icons_PlusSquareOutlined = (RefIcon);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 20648:
|
|
/*!**************************************************************!*\
|
|
!*** ./node_modules/_antd@5.9.0@antd/es/tree/style/index.js ***!
|
|
\**************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ TM: function() { return /* binding */ initComponentToken; },
|
|
/* harmony export */ Yk: function() { return /* binding */ genTreeStyle; }
|
|
/* harmony export */ });
|
|
/* unused harmony exports genBaseStyle, genDirectoryStyle */
|
|
/* harmony import */ var _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ant-design/cssinjs */ 93083);
|
|
/* harmony import */ var _checkbox_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../checkbox/style */ 98447);
|
|
/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ 17313);
|
|
/* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../style/motion */ 8378);
|
|
/* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ 37613);
|
|
/* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ 83116);
|
|
|
|
|
|
|
|
|
|
|
|
// ============================ Keyframes =============================
|
|
const treeNodeFX = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('ant-tree-node-fx-do-not-use', {
|
|
'0%': {
|
|
opacity: 0
|
|
},
|
|
'100%': {
|
|
opacity: 1
|
|
}
|
|
});
|
|
// ============================== Switch ==============================
|
|
const getSwitchStyle = (prefixCls, token) => ({
|
|
[`.${prefixCls}-switcher-icon`]: {
|
|
display: 'inline-block',
|
|
fontSize: 10,
|
|
verticalAlign: 'baseline',
|
|
svg: {
|
|
transition: `transform ${token.motionDurationSlow}`
|
|
}
|
|
}
|
|
});
|
|
// =============================== Drop ===============================
|
|
const getDropIndicatorStyle = (prefixCls, token) => ({
|
|
[`.${prefixCls}-drop-indicator`]: {
|
|
position: 'absolute',
|
|
// it should displayed over the following node
|
|
zIndex: 1,
|
|
height: 2,
|
|
backgroundColor: token.colorPrimary,
|
|
borderRadius: 1,
|
|
pointerEvents: 'none',
|
|
'&:after': {
|
|
position: 'absolute',
|
|
top: -3,
|
|
insetInlineStart: -6,
|
|
width: 8,
|
|
height: 8,
|
|
backgroundColor: 'transparent',
|
|
border: `${token.lineWidthBold}px solid ${token.colorPrimary}`,
|
|
borderRadius: '50%',
|
|
content: '""'
|
|
}
|
|
}
|
|
});
|
|
const genBaseStyle = (prefixCls, token) => {
|
|
const {
|
|
treeCls,
|
|
treeNodeCls,
|
|
treeNodePadding,
|
|
titleHeight,
|
|
nodeSelectedBg,
|
|
nodeHoverBg
|
|
} = token;
|
|
const treeCheckBoxMarginHorizontal = token.paddingXS;
|
|
return {
|
|
[treeCls]: Object.assign(Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .resetComponent */ .Wf)(token)), {
|
|
background: token.colorBgContainer,
|
|
borderRadius: token.borderRadius,
|
|
transition: `background-color ${token.motionDurationSlow}`,
|
|
[`&${treeCls}-rtl`]: {
|
|
// >>> Switcher
|
|
[`${treeCls}-switcher`]: {
|
|
'&_close': {
|
|
[`${treeCls}-switcher-icon`]: {
|
|
svg: {
|
|
transform: 'rotate(90deg)'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
[`&-focused:not(:hover):not(${treeCls}-active-focused)`]: Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .genFocusOutline */ .oN)(token)),
|
|
// =================== Virtual List ===================
|
|
[`${treeCls}-list-holder-inner`]: {
|
|
alignItems: 'flex-start'
|
|
},
|
|
[`&${treeCls}-block-node`]: {
|
|
[`${treeCls}-list-holder-inner`]: {
|
|
alignItems: 'stretch',
|
|
// >>> Title
|
|
[`${treeCls}-node-content-wrapper`]: {
|
|
flex: 'auto'
|
|
},
|
|
// >>> Drag
|
|
[`${treeNodeCls}.dragging`]: {
|
|
position: 'relative',
|
|
'&:after': {
|
|
position: 'absolute',
|
|
top: 0,
|
|
insetInlineEnd: 0,
|
|
bottom: treeNodePadding,
|
|
insetInlineStart: 0,
|
|
border: `1px solid ${token.colorPrimary}`,
|
|
opacity: 0,
|
|
animationName: treeNodeFX,
|
|
animationDuration: token.motionDurationSlow,
|
|
animationPlayState: 'running',
|
|
animationFillMode: 'forwards',
|
|
content: '""',
|
|
pointerEvents: 'none'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
// ===================== TreeNode =====================
|
|
[`${treeNodeCls}`]: {
|
|
display: 'flex',
|
|
alignItems: 'flex-start',
|
|
padding: `0 0 ${treeNodePadding}px 0`,
|
|
outline: 'none',
|
|
'&-rtl': {
|
|
direction: 'rtl'
|
|
},
|
|
// Disabled
|
|
'&-disabled': {
|
|
// >>> Title
|
|
[`${treeCls}-node-content-wrapper`]: {
|
|
color: token.colorTextDisabled,
|
|
cursor: 'not-allowed',
|
|
'&:hover': {
|
|
background: 'transparent'
|
|
}
|
|
}
|
|
},
|
|
[`&-active ${treeCls}-node-content-wrapper`]: Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .genFocusOutline */ .oN)(token)),
|
|
[`&:not(${treeNodeCls}-disabled).filter-node ${treeCls}-title`]: {
|
|
color: 'inherit',
|
|
fontWeight: 500
|
|
},
|
|
'&-draggable': {
|
|
[`${treeCls}-draggable-icon`]: {
|
|
// https://github.com/ant-design/ant-design/issues/41915
|
|
flexShrink: 0,
|
|
width: titleHeight,
|
|
lineHeight: `${titleHeight}px`,
|
|
textAlign: 'center',
|
|
visibility: 'visible',
|
|
opacity: 0.2,
|
|
transition: `opacity ${token.motionDurationSlow}`,
|
|
[`${treeNodeCls}:hover &`]: {
|
|
opacity: 0.45
|
|
}
|
|
},
|
|
[`&${treeNodeCls}-disabled`]: {
|
|
[`${treeCls}-draggable-icon`]: {
|
|
visibility: 'hidden'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
// >>> Indent
|
|
[`${treeCls}-indent`]: {
|
|
alignSelf: 'stretch',
|
|
whiteSpace: 'nowrap',
|
|
userSelect: 'none',
|
|
'&-unit': {
|
|
display: 'inline-block',
|
|
width: titleHeight
|
|
}
|
|
},
|
|
// >>> Drag Handler
|
|
[`${treeCls}-draggable-icon`]: {
|
|
visibility: 'hidden'
|
|
},
|
|
// >>> Switcher
|
|
[`${treeCls}-switcher`]: Object.assign(Object.assign({}, getSwitchStyle(prefixCls, token)), {
|
|
position: 'relative',
|
|
flex: 'none',
|
|
alignSelf: 'stretch',
|
|
width: titleHeight,
|
|
margin: 0,
|
|
lineHeight: `${titleHeight}px`,
|
|
textAlign: 'center',
|
|
cursor: 'pointer',
|
|
userSelect: 'none',
|
|
'&-noop': {
|
|
cursor: 'default'
|
|
},
|
|
'&_close': {
|
|
[`${treeCls}-switcher-icon`]: {
|
|
svg: {
|
|
transform: 'rotate(-90deg)'
|
|
}
|
|
}
|
|
},
|
|
'&-loading-icon': {
|
|
color: token.colorPrimary
|
|
},
|
|
'&-leaf-line': {
|
|
position: 'relative',
|
|
zIndex: 1,
|
|
display: 'inline-block',
|
|
width: '100%',
|
|
height: '100%',
|
|
// https://github.com/ant-design/ant-design/issues/31884
|
|
'&:before': {
|
|
position: 'absolute',
|
|
top: 0,
|
|
insetInlineEnd: titleHeight / 2,
|
|
bottom: -treeNodePadding,
|
|
marginInlineStart: -1,
|
|
borderInlineEnd: `1px solid ${token.colorBorder}`,
|
|
content: '""'
|
|
},
|
|
'&:after': {
|
|
position: 'absolute',
|
|
width: titleHeight / 2 * 0.8,
|
|
height: titleHeight / 2,
|
|
borderBottom: `1px solid ${token.colorBorder}`,
|
|
content: '""'
|
|
}
|
|
}
|
|
}),
|
|
// >>> Checkbox
|
|
[`${treeCls}-checkbox`]: {
|
|
top: 'initial',
|
|
marginInlineEnd: treeCheckBoxMarginHorizontal
|
|
},
|
|
// >>> Title
|
|
// add `${treeCls}-checkbox + span` to cover checkbox `${checkboxCls} + span`
|
|
[`${treeCls}-node-content-wrapper, ${treeCls}-checkbox + span`]: {
|
|
position: 'relative',
|
|
zIndex: 'auto',
|
|
minHeight: titleHeight,
|
|
margin: 0,
|
|
padding: `0 ${token.paddingXS / 2}px`,
|
|
color: 'inherit',
|
|
lineHeight: `${titleHeight}px`,
|
|
background: 'transparent',
|
|
borderRadius: token.borderRadius,
|
|
cursor: 'pointer',
|
|
transition: `all ${token.motionDurationMid}, border 0s, line-height 0s, box-shadow 0s`,
|
|
'&:hover': {
|
|
backgroundColor: nodeHoverBg
|
|
},
|
|
[`&${treeCls}-node-selected`]: {
|
|
backgroundColor: nodeSelectedBg
|
|
},
|
|
// Icon
|
|
[`${treeCls}-iconEle`]: {
|
|
display: 'inline-block',
|
|
width: titleHeight,
|
|
height: titleHeight,
|
|
lineHeight: `${titleHeight}px`,
|
|
textAlign: 'center',
|
|
verticalAlign: 'top',
|
|
'&:empty': {
|
|
display: 'none'
|
|
}
|
|
}
|
|
},
|
|
// https://github.com/ant-design/ant-design/issues/28217
|
|
[`${treeCls}-unselectable ${treeCls}-node-content-wrapper:hover`]: {
|
|
backgroundColor: 'transparent'
|
|
},
|
|
// ==================== Draggable =====================
|
|
[`${treeCls}-node-content-wrapper`]: Object.assign({
|
|
lineHeight: `${titleHeight}px`,
|
|
userSelect: 'none'
|
|
}, getDropIndicatorStyle(prefixCls, token)),
|
|
[`${treeNodeCls}.drop-container`]: {
|
|
'> [draggable]': {
|
|
boxShadow: `0 0 0 2px ${token.colorPrimary}`
|
|
}
|
|
},
|
|
// ==================== Show Line =====================
|
|
'&-show-line': {
|
|
// ================ Indent lines ================
|
|
[`${treeCls}-indent`]: {
|
|
'&-unit': {
|
|
position: 'relative',
|
|
height: '100%',
|
|
'&:before': {
|
|
position: 'absolute',
|
|
top: 0,
|
|
insetInlineEnd: titleHeight / 2,
|
|
bottom: -treeNodePadding,
|
|
borderInlineEnd: `1px solid ${token.colorBorder}`,
|
|
content: '""'
|
|
},
|
|
'&-end': {
|
|
'&:before': {
|
|
display: 'none'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
// ============== Cover Background ==============
|
|
[`${treeCls}-switcher`]: {
|
|
background: 'transparent',
|
|
'&-line-icon': {
|
|
// https://github.com/ant-design/ant-design/issues/32813
|
|
verticalAlign: '-0.15em'
|
|
}
|
|
}
|
|
},
|
|
[`${treeNodeCls}-leaf-last`]: {
|
|
[`${treeCls}-switcher`]: {
|
|
'&-leaf-line': {
|
|
'&:before': {
|
|
top: 'auto !important',
|
|
bottom: 'auto !important',
|
|
height: `${titleHeight / 2}px !important`
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
};
|
|
};
|
|
// ============================ Directory =============================
|
|
const genDirectoryStyle = token => {
|
|
const {
|
|
treeCls,
|
|
treeNodeCls,
|
|
treeNodePadding,
|
|
directoryNodeSelectedBg,
|
|
directoryNodeSelectedColor
|
|
} = token;
|
|
return {
|
|
[`${treeCls}${treeCls}-directory`]: {
|
|
// ================== TreeNode ==================
|
|
[treeNodeCls]: {
|
|
position: 'relative',
|
|
// Hover color
|
|
'&:before': {
|
|
position: 'absolute',
|
|
top: 0,
|
|
insetInlineEnd: 0,
|
|
bottom: treeNodePadding,
|
|
insetInlineStart: 0,
|
|
transition: `background-color ${token.motionDurationMid}`,
|
|
content: '""',
|
|
pointerEvents: 'none'
|
|
},
|
|
'&:hover': {
|
|
'&:before': {
|
|
background: token.controlItemBgHover
|
|
}
|
|
},
|
|
// Elements
|
|
'> *': {
|
|
zIndex: 1
|
|
},
|
|
// >>> Switcher
|
|
[`${treeCls}-switcher`]: {
|
|
transition: `color ${token.motionDurationMid}`
|
|
},
|
|
// >>> Title
|
|
[`${treeCls}-node-content-wrapper`]: {
|
|
borderRadius: 0,
|
|
userSelect: 'none',
|
|
'&:hover': {
|
|
background: 'transparent'
|
|
},
|
|
[`&${treeCls}-node-selected`]: {
|
|
color: directoryNodeSelectedColor,
|
|
background: 'transparent'
|
|
}
|
|
},
|
|
// ============= Selected =============
|
|
'&-selected': {
|
|
[`
|
|
&:hover::before,
|
|
&::before
|
|
`]: {
|
|
background: directoryNodeSelectedBg
|
|
},
|
|
// >>> Switcher
|
|
[`${treeCls}-switcher`]: {
|
|
color: directoryNodeSelectedColor
|
|
},
|
|
// >>> Title
|
|
[`${treeCls}-node-content-wrapper`]: {
|
|
color: directoryNodeSelectedColor,
|
|
background: 'transparent'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
// ============================== Merged ==============================
|
|
const genTreeStyle = (prefixCls, token) => {
|
|
const treeCls = `.${prefixCls}`;
|
|
const treeNodeCls = `${treeCls}-treenode`;
|
|
const treeNodePadding = token.paddingXS / 2;
|
|
const treeToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__/* .merge */ .TS)(token, {
|
|
treeCls,
|
|
treeNodeCls,
|
|
treeNodePadding
|
|
});
|
|
return [
|
|
// Basic
|
|
genBaseStyle(prefixCls, treeToken),
|
|
// Directory
|
|
genDirectoryStyle(treeToken)];
|
|
};
|
|
const initComponentToken = token => {
|
|
const {
|
|
controlHeightSM
|
|
} = token;
|
|
return {
|
|
titleHeight: controlHeightSM,
|
|
nodeHoverBg: token.controlItemBgHover,
|
|
nodeSelectedBg: token.controlItemBgActive
|
|
};
|
|
};
|
|
/* harmony default export */ __webpack_exports__.ZP = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)('Tree', (token, _ref) => {
|
|
let {
|
|
prefixCls
|
|
} = _ref;
|
|
return [{
|
|
[token.componentCls]: (0,_checkbox_style__WEBPACK_IMPORTED_MODULE_4__/* .getStyle */ .C2)(`${prefixCls}-checkbox`, token)
|
|
}, genTreeStyle(prefixCls, token), (0,_style_motion__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(token)];
|
|
}, token => {
|
|
const {
|
|
colorTextLightSolid,
|
|
colorPrimary
|
|
} = token;
|
|
return Object.assign(Object.assign({}, initComponentToken(token)), {
|
|
directoryNodeSelectedColor: colorTextLightSolid,
|
|
directoryNodeSelectedBg: colorPrimary
|
|
});
|
|
}));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 71997:
|
|
/*!*****************************************************************************!*\
|
|
!*** ./node_modules/_antd@5.9.0@antd/es/tree/utils/iconUtil.js + 2 modules ***!
|
|
\*****************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
Z: function() { return /* binding */ iconUtil; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(14809);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_icons-svg@4.4.2@@ant-design/icons-svg/es/asn/CaretDownFilled.js
|
|
// This icon file is generated automatically.
|
|
var CaretDownFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" } }] }, "name": "caret-down", "theme": "filled" };
|
|
/* harmony default export */ var asn_CaretDownFilled = (CaretDownFilled);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/components/AntdIcon.js + 3 modules
|
|
var AntdIcon = __webpack_require__(7657);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/CaretDownFilled.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
var CaretDownFilled_CaretDownFilled = function CaretDownFilled(props, ref) {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_CaretDownFilled
|
|
}));
|
|
};
|
|
|
|
/** */
|
|
var RefIcon = /*#__PURE__*/_react_17_0_2_react.forwardRef(CaretDownFilled_CaretDownFilled);
|
|
if (false) {}
|
|
/* harmony default export */ var icons_CaretDownFilled = (RefIcon);
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/FileOutlined.js + 1 modules
|
|
var FileOutlined = __webpack_require__(52671);
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/LoadingOutlined.js + 1 modules
|
|
var LoadingOutlined = __webpack_require__(58617);
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/MinusSquareOutlined.js + 1 modules
|
|
var MinusSquareOutlined = __webpack_require__(15075);
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/PlusSquareOutlined.js + 1 modules
|
|
var PlusSquareOutlined = __webpack_require__(43531);
|
|
// EXTERNAL MODULE: ./node_modules/_classnames@2.5.1@classnames/index.js
|
|
var _classnames_2_5_1_classnames = __webpack_require__(92310);
|
|
var _classnames_2_5_1_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_5_1_classnames);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/_util/reactNode.js
|
|
var reactNode = __webpack_require__(92343);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/tree/utils/iconUtil.js
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const SwitcherIconCom = props => {
|
|
const {
|
|
prefixCls,
|
|
switcherIcon,
|
|
treeNodeProps,
|
|
showLine
|
|
} = props;
|
|
const {
|
|
isLeaf,
|
|
expanded,
|
|
loading
|
|
} = treeNodeProps;
|
|
if (loading) {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(LoadingOutlined/* default */.Z, {
|
|
className: `${prefixCls}-switcher-loading-icon`
|
|
});
|
|
}
|
|
let showLeafIcon;
|
|
if (showLine && typeof showLine === 'object') {
|
|
showLeafIcon = showLine.showLeafIcon;
|
|
}
|
|
if (isLeaf) {
|
|
if (!showLine) {
|
|
return null;
|
|
}
|
|
if (typeof showLeafIcon !== 'boolean' && !!showLeafIcon) {
|
|
const leafIcon = typeof showLeafIcon === 'function' ? showLeafIcon(treeNodeProps) : showLeafIcon;
|
|
const leafCls = `${prefixCls}-switcher-line-custom-icon`;
|
|
if ((0,reactNode/* isValidElement */.l$)(leafIcon)) {
|
|
return (0,reactNode/* cloneElement */.Tm)(leafIcon, {
|
|
className: _classnames_2_5_1_classnames_default()(leafIcon.props.className || '', leafCls)
|
|
});
|
|
}
|
|
return leafIcon;
|
|
}
|
|
return showLeafIcon ? /*#__PURE__*/_react_17_0_2_react.createElement(FileOutlined/* default */.Z, {
|
|
className: `${prefixCls}-switcher-line-icon`
|
|
}) : /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: `${prefixCls}-switcher-leaf-line`
|
|
});
|
|
}
|
|
const switcherCls = `${prefixCls}-switcher-icon`;
|
|
const switcher = typeof switcherIcon === 'function' ? switcherIcon(treeNodeProps) : switcherIcon;
|
|
if ((0,reactNode/* isValidElement */.l$)(switcher)) {
|
|
return (0,reactNode/* cloneElement */.Tm)(switcher, {
|
|
className: _classnames_2_5_1_classnames_default()(switcher.props.className || '', switcherCls)
|
|
});
|
|
}
|
|
if (switcher !== undefined) {
|
|
return switcher;
|
|
}
|
|
if (showLine) {
|
|
return expanded ? /*#__PURE__*/_react_17_0_2_react.createElement(MinusSquareOutlined/* default */.Z, {
|
|
className: `${prefixCls}-switcher-line-icon`
|
|
}) : /*#__PURE__*/_react_17_0_2_react.createElement(PlusSquareOutlined/* default */.Z, {
|
|
className: `${prefixCls}-switcher-line-icon`
|
|
});
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(icons_CaretDownFilled, {
|
|
className: switcherCls
|
|
});
|
|
};
|
|
/* harmony default export */ var iconUtil = (SwitcherIconCom);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 39417:
|
|
/*!*************************************************************************!*\
|
|
!*** ./node_modules/_rc-tree@5.7.12@rc-tree/es/TreeNode.js + 1 modules ***!
|
|
\*************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
Z: function() { return /* binding */ TreeNode; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(14809);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4635);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(62646);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(20439);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__(99153);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__(84851);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/assertThisInitialized.js
|
|
var assertThisInitialized = __webpack_require__(13028);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__(19257);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__(73571);
|
|
// EXTERNAL MODULE: ./node_modules/_classnames@2.5.1@classnames/index.js
|
|
var _classnames_2_5_1_classnames = __webpack_require__(92310);
|
|
var _classnames_2_5_1_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_5_1_classnames);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/pickAttrs.js
|
|
var pickAttrs = __webpack_require__(26112);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/contextTypes.js
|
|
var contextTypes = __webpack_require__(39378);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/Indent.js
|
|
|
|
|
|
|
|
var Indent = function Indent(_ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
level = _ref.level,
|
|
isStart = _ref.isStart,
|
|
isEnd = _ref.isEnd;
|
|
var baseClassName = "".concat(prefixCls, "-indent-unit");
|
|
var list = [];
|
|
for (var i = 0; i < level; i += 1) {
|
|
var _classNames;
|
|
list.push( /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
key: i,
|
|
className: _classnames_2_5_1_classnames_default()(baseClassName, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(baseClassName, "-start"), isStart[i]), (0,defineProperty/* default */.Z)(_classNames, "".concat(baseClassName, "-end"), isEnd[i]), _classNames))
|
|
}));
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
"aria-hidden": "true",
|
|
className: "".concat(prefixCls, "-indent")
|
|
}, list);
|
|
};
|
|
/* harmony default export */ var es_Indent = (/*#__PURE__*/_react_17_0_2_react.memo(Indent));
|
|
// EXTERNAL MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/utils/keyUtil.js
|
|
var keyUtil = __webpack_require__(67841);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/utils/treeUtil.js
|
|
var treeUtil = __webpack_require__(71430);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/TreeNode.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["eventKey", "className", "style", "dragOver", "dragOverGapTop", "dragOverGapBottom", "isLeaf", "isStart", "isEnd", "expanded", "selected", "checked", "halfChecked", "loading", "domRef", "active", "data", "onMouseMove", "selectable"];
|
|
|
|
|
|
|
|
// @ts-ignore
|
|
|
|
|
|
|
|
|
|
var ICON_OPEN = 'open';
|
|
var ICON_CLOSE = 'close';
|
|
var defaultTitle = '---';
|
|
var InternalTreeNode = /*#__PURE__*/function (_React$Component) {
|
|
(0,inherits/* default */.Z)(InternalTreeNode, _React$Component);
|
|
var _super = (0,createSuper/* default */.Z)(InternalTreeNode);
|
|
function InternalTreeNode() {
|
|
var _this;
|
|
(0,classCallCheck/* default */.Z)(this, InternalTreeNode);
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
_this.state = {
|
|
dragNodeHighlight: false
|
|
};
|
|
_this.selectHandle = void 0;
|
|
_this.cacheIndent = void 0;
|
|
_this.onSelectorClick = function (e) {
|
|
// Click trigger before select/check operation
|
|
var onNodeClick = _this.props.context.onNodeClick;
|
|
onNodeClick(e, (0,treeUtil/* convertNodePropsToEventData */.F)(_this.props));
|
|
if (_this.isSelectable()) {
|
|
_this.onSelect(e);
|
|
} else {
|
|
_this.onCheck(e);
|
|
}
|
|
};
|
|
_this.onSelectorDoubleClick = function (e) {
|
|
var onNodeDoubleClick = _this.props.context.onNodeDoubleClick;
|
|
onNodeDoubleClick(e, (0,treeUtil/* convertNodePropsToEventData */.F)(_this.props));
|
|
};
|
|
_this.onSelect = function (e) {
|
|
if (_this.isDisabled()) return;
|
|
var onNodeSelect = _this.props.context.onNodeSelect;
|
|
onNodeSelect(e, (0,treeUtil/* convertNodePropsToEventData */.F)(_this.props));
|
|
};
|
|
_this.onCheck = function (e) {
|
|
if (_this.isDisabled()) return;
|
|
var _this$props = _this.props,
|
|
disableCheckbox = _this$props.disableCheckbox,
|
|
checked = _this$props.checked;
|
|
var onNodeCheck = _this.props.context.onNodeCheck;
|
|
if (!_this.isCheckable() || disableCheckbox) return;
|
|
var targetChecked = !checked;
|
|
onNodeCheck(e, (0,treeUtil/* convertNodePropsToEventData */.F)(_this.props), targetChecked);
|
|
};
|
|
_this.onMouseEnter = function (e) {
|
|
var onNodeMouseEnter = _this.props.context.onNodeMouseEnter;
|
|
onNodeMouseEnter(e, (0,treeUtil/* convertNodePropsToEventData */.F)(_this.props));
|
|
};
|
|
_this.onMouseLeave = function (e) {
|
|
var onNodeMouseLeave = _this.props.context.onNodeMouseLeave;
|
|
onNodeMouseLeave(e, (0,treeUtil/* convertNodePropsToEventData */.F)(_this.props));
|
|
};
|
|
_this.onContextMenu = function (e) {
|
|
var onNodeContextMenu = _this.props.context.onNodeContextMenu;
|
|
onNodeContextMenu(e, (0,treeUtil/* convertNodePropsToEventData */.F)(_this.props));
|
|
};
|
|
_this.onDragStart = function (e) {
|
|
var onNodeDragStart = _this.props.context.onNodeDragStart;
|
|
e.stopPropagation();
|
|
_this.setState({
|
|
dragNodeHighlight: true
|
|
});
|
|
onNodeDragStart(e, (0,assertThisInitialized/* default */.Z)(_this));
|
|
try {
|
|
// ie throw error
|
|
// firefox-need-it
|
|
e.dataTransfer.setData('text/plain', '');
|
|
} catch (error) {
|
|
// empty
|
|
}
|
|
};
|
|
_this.onDragEnter = function (e) {
|
|
var onNodeDragEnter = _this.props.context.onNodeDragEnter;
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
onNodeDragEnter(e, (0,assertThisInitialized/* default */.Z)(_this));
|
|
};
|
|
_this.onDragOver = function (e) {
|
|
var onNodeDragOver = _this.props.context.onNodeDragOver;
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
onNodeDragOver(e, (0,assertThisInitialized/* default */.Z)(_this));
|
|
};
|
|
_this.onDragLeave = function (e) {
|
|
var onNodeDragLeave = _this.props.context.onNodeDragLeave;
|
|
e.stopPropagation();
|
|
onNodeDragLeave(e, (0,assertThisInitialized/* default */.Z)(_this));
|
|
};
|
|
_this.onDragEnd = function (e) {
|
|
var onNodeDragEnd = _this.props.context.onNodeDragEnd;
|
|
e.stopPropagation();
|
|
_this.setState({
|
|
dragNodeHighlight: false
|
|
});
|
|
onNodeDragEnd(e, (0,assertThisInitialized/* default */.Z)(_this));
|
|
};
|
|
_this.onDrop = function (e) {
|
|
var onNodeDrop = _this.props.context.onNodeDrop;
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
_this.setState({
|
|
dragNodeHighlight: false
|
|
});
|
|
onNodeDrop(e, (0,assertThisInitialized/* default */.Z)(_this));
|
|
};
|
|
// Disabled item still can be switch
|
|
_this.onExpand = function (e) {
|
|
var _this$props2 = _this.props,
|
|
loading = _this$props2.loading,
|
|
onNodeExpand = _this$props2.context.onNodeExpand;
|
|
if (loading) return;
|
|
onNodeExpand(e, (0,treeUtil/* convertNodePropsToEventData */.F)(_this.props));
|
|
};
|
|
// Drag usage
|
|
_this.setSelectHandle = function (node) {
|
|
_this.selectHandle = node;
|
|
};
|
|
_this.getNodeState = function () {
|
|
var expanded = _this.props.expanded;
|
|
if (_this.isLeaf()) {
|
|
return null;
|
|
}
|
|
return expanded ? ICON_OPEN : ICON_CLOSE;
|
|
};
|
|
_this.hasChildren = function () {
|
|
var eventKey = _this.props.eventKey;
|
|
var keyEntities = _this.props.context.keyEntities;
|
|
var _ref = (0,keyUtil/* default */.Z)(keyEntities, eventKey) || {},
|
|
children = _ref.children;
|
|
return !!(children || []).length;
|
|
};
|
|
_this.isLeaf = function () {
|
|
var _this$props3 = _this.props,
|
|
isLeaf = _this$props3.isLeaf,
|
|
loaded = _this$props3.loaded;
|
|
var loadData = _this.props.context.loadData;
|
|
var hasChildren = _this.hasChildren();
|
|
if (isLeaf === false) {
|
|
return false;
|
|
}
|
|
return isLeaf || !loadData && !hasChildren || loadData && loaded && !hasChildren;
|
|
};
|
|
_this.isDisabled = function () {
|
|
var disabled = _this.props.disabled;
|
|
var treeDisabled = _this.props.context.disabled;
|
|
return !!(treeDisabled || disabled);
|
|
};
|
|
_this.isCheckable = function () {
|
|
var checkable = _this.props.checkable;
|
|
var treeCheckable = _this.props.context.checkable;
|
|
// Return false if tree or treeNode is not checkable
|
|
if (!treeCheckable || checkable === false) return false;
|
|
return treeCheckable;
|
|
};
|
|
// Load data to avoid default expanded tree without data
|
|
_this.syncLoadData = function (props) {
|
|
var expanded = props.expanded,
|
|
loading = props.loading,
|
|
loaded = props.loaded;
|
|
var _this$props$context = _this.props.context,
|
|
loadData = _this$props$context.loadData,
|
|
onNodeLoad = _this$props$context.onNodeLoad;
|
|
if (loading) {
|
|
return;
|
|
}
|
|
// read from state to avoid loadData at same time
|
|
if (loadData && expanded && !_this.isLeaf()) {
|
|
// We needn't reload data when has children in sync logic
|
|
// It's only needed in node expanded
|
|
if (!_this.hasChildren() && !loaded) {
|
|
onNodeLoad((0,treeUtil/* convertNodePropsToEventData */.F)(_this.props));
|
|
}
|
|
}
|
|
};
|
|
_this.isDraggable = function () {
|
|
var _this$props4 = _this.props,
|
|
data = _this$props4.data,
|
|
draggable = _this$props4.context.draggable;
|
|
return !!(draggable && (!draggable.nodeDraggable || draggable.nodeDraggable(data)));
|
|
};
|
|
// ==================== Render: Drag Handler ====================
|
|
_this.renderDragHandler = function () {
|
|
var _this$props$context2 = _this.props.context,
|
|
draggable = _this$props$context2.draggable,
|
|
prefixCls = _this$props$context2.prefixCls;
|
|
return (draggable === null || draggable === void 0 ? void 0 : draggable.icon) ? /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: "".concat(prefixCls, "-draggable-icon")
|
|
}, draggable.icon) : null;
|
|
};
|
|
// ====================== Render: Switcher ======================
|
|
_this.renderSwitcherIconDom = function (isLeaf) {
|
|
var switcherIconFromProps = _this.props.switcherIcon;
|
|
var switcherIconFromCtx = _this.props.context.switcherIcon;
|
|
var switcherIcon = switcherIconFromProps || switcherIconFromCtx;
|
|
// if switcherIconDom is null, no render switcher span
|
|
if (typeof switcherIcon === 'function') {
|
|
return switcherIcon((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _this.props), {}, {
|
|
isLeaf: isLeaf
|
|
}));
|
|
}
|
|
return switcherIcon;
|
|
};
|
|
// Switcher
|
|
_this.renderSwitcher = function () {
|
|
var expanded = _this.props.expanded;
|
|
var prefixCls = _this.props.context.prefixCls;
|
|
if (_this.isLeaf()) {
|
|
// if switcherIconDom is null, no render switcher span
|
|
var _switcherIconDom = _this.renderSwitcherIconDom(true);
|
|
return _switcherIconDom !== false ? /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-switcher"), "".concat(prefixCls, "-switcher-noop"))
|
|
}, _switcherIconDom) : null;
|
|
}
|
|
var switcherCls = _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-switcher"), "".concat(prefixCls, "-switcher_").concat(expanded ? ICON_OPEN : ICON_CLOSE));
|
|
var switcherIconDom = _this.renderSwitcherIconDom(false);
|
|
return switcherIconDom !== false ? /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
onClick: _this.onExpand,
|
|
className: switcherCls
|
|
}, switcherIconDom) : null;
|
|
};
|
|
// ====================== Render: Checkbox ======================
|
|
// Checkbox
|
|
_this.renderCheckbox = function () {
|
|
var _this$props5 = _this.props,
|
|
checked = _this$props5.checked,
|
|
halfChecked = _this$props5.halfChecked,
|
|
disableCheckbox = _this$props5.disableCheckbox;
|
|
var prefixCls = _this.props.context.prefixCls;
|
|
var disabled = _this.isDisabled();
|
|
var checkable = _this.isCheckable();
|
|
if (!checkable) return null;
|
|
// [Legacy] Custom element should be separate with `checkable` in future
|
|
var $custom = typeof checkable !== 'boolean' ? checkable : null;
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-checkbox"), checked && "".concat(prefixCls, "-checkbox-checked"), !checked && halfChecked && "".concat(prefixCls, "-checkbox-indeterminate"), (disabled || disableCheckbox) && "".concat(prefixCls, "-checkbox-disabled")),
|
|
onClick: _this.onCheck
|
|
}, $custom);
|
|
};
|
|
// ==================== Render: Title + Icon ====================
|
|
_this.renderIcon = function () {
|
|
var loading = _this.props.loading;
|
|
var prefixCls = _this.props.context.prefixCls;
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-iconEle"), "".concat(prefixCls, "-icon__").concat(_this.getNodeState() || 'docu'), loading && "".concat(prefixCls, "-icon_loading"))
|
|
});
|
|
};
|
|
// Icon + Title
|
|
_this.renderSelector = function () {
|
|
var dragNodeHighlight = _this.state.dragNodeHighlight;
|
|
var _this$props6 = _this.props,
|
|
_this$props6$title = _this$props6.title,
|
|
title = _this$props6$title === void 0 ? defaultTitle : _this$props6$title,
|
|
selected = _this$props6.selected,
|
|
icon = _this$props6.icon,
|
|
loading = _this$props6.loading,
|
|
data = _this$props6.data;
|
|
var _this$props$context3 = _this.props.context,
|
|
prefixCls = _this$props$context3.prefixCls,
|
|
showIcon = _this$props$context3.showIcon,
|
|
treeIcon = _this$props$context3.icon,
|
|
loadData = _this$props$context3.loadData,
|
|
titleRender = _this$props$context3.titleRender;
|
|
var disabled = _this.isDisabled();
|
|
var wrapClass = "".concat(prefixCls, "-node-content-wrapper");
|
|
// Icon - Still show loading icon when loading without showIcon
|
|
var $icon;
|
|
if (showIcon) {
|
|
var currentIcon = icon || treeIcon;
|
|
$icon = currentIcon ? /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-iconEle"), "".concat(prefixCls, "-icon__customize"))
|
|
}, typeof currentIcon === 'function' ? currentIcon(_this.props) : currentIcon) : _this.renderIcon();
|
|
} else if (loadData && loading) {
|
|
$icon = _this.renderIcon();
|
|
}
|
|
// Title
|
|
var titleNode;
|
|
if (typeof title === 'function') {
|
|
titleNode = title(data);
|
|
} else if (titleRender) {
|
|
titleNode = titleRender(data);
|
|
} else {
|
|
titleNode = title;
|
|
}
|
|
var $title = /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: "".concat(prefixCls, "-title")
|
|
}, titleNode);
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
ref: _this.setSelectHandle,
|
|
title: typeof title === 'string' ? title : '',
|
|
className: _classnames_2_5_1_classnames_default()("".concat(wrapClass), "".concat(wrapClass, "-").concat(_this.getNodeState() || 'normal'), !disabled && (selected || dragNodeHighlight) && "".concat(prefixCls, "-node-selected")),
|
|
onMouseEnter: _this.onMouseEnter,
|
|
onMouseLeave: _this.onMouseLeave,
|
|
onContextMenu: _this.onContextMenu,
|
|
onClick: _this.onSelectorClick,
|
|
onDoubleClick: _this.onSelectorDoubleClick
|
|
}, $icon, $title, _this.renderDropIndicator());
|
|
};
|
|
// =================== Render: Drop Indicator ===================
|
|
_this.renderDropIndicator = function () {
|
|
var _this$props7 = _this.props,
|
|
disabled = _this$props7.disabled,
|
|
eventKey = _this$props7.eventKey;
|
|
var _this$props$context4 = _this.props.context,
|
|
draggable = _this$props$context4.draggable,
|
|
dropLevelOffset = _this$props$context4.dropLevelOffset,
|
|
dropPosition = _this$props$context4.dropPosition,
|
|
prefixCls = _this$props$context4.prefixCls,
|
|
indent = _this$props$context4.indent,
|
|
dropIndicatorRender = _this$props$context4.dropIndicatorRender,
|
|
dragOverNodeKey = _this$props$context4.dragOverNodeKey,
|
|
direction = _this$props$context4.direction;
|
|
var rootDraggable = !!draggable;
|
|
// allowDrop is calculated in Tree.tsx, there is no need for calc it here
|
|
var showIndicator = !disabled && rootDraggable && dragOverNodeKey === eventKey;
|
|
// This is a hot fix which is already fixed in
|
|
// https://github.com/react-component/tree/pull/743/files
|
|
// But some case need break point so we hack on this
|
|
// ref https://github.com/ant-design/ant-design/issues/43493
|
|
var mergedIndent = indent !== null && indent !== void 0 ? indent : _this.cacheIndent;
|
|
_this.cacheIndent = indent;
|
|
return showIndicator ? dropIndicatorRender({
|
|
dropPosition: dropPosition,
|
|
dropLevelOffset: dropLevelOffset,
|
|
indent: mergedIndent,
|
|
prefixCls: prefixCls,
|
|
direction: direction
|
|
}) : null;
|
|
};
|
|
return _this;
|
|
}
|
|
(0,createClass/* default */.Z)(InternalTreeNode, [{
|
|
key: "componentDidMount",
|
|
value:
|
|
// Isomorphic needn't load data in server side
|
|
function componentDidMount() {
|
|
this.syncLoadData(this.props);
|
|
}
|
|
}, {
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate() {
|
|
this.syncLoadData(this.props);
|
|
}
|
|
}, {
|
|
key: "isSelectable",
|
|
value: function isSelectable() {
|
|
var selectable = this.props.selectable;
|
|
var treeSelectable = this.props.context.selectable;
|
|
// Ignore when selectable is undefined or null
|
|
if (typeof selectable === 'boolean') {
|
|
return selectable;
|
|
}
|
|
return treeSelectable;
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value:
|
|
// =========================== Render ===========================
|
|
function render() {
|
|
var _classNames;
|
|
var _this$props8 = this.props,
|
|
eventKey = _this$props8.eventKey,
|
|
className = _this$props8.className,
|
|
style = _this$props8.style,
|
|
dragOver = _this$props8.dragOver,
|
|
dragOverGapTop = _this$props8.dragOverGapTop,
|
|
dragOverGapBottom = _this$props8.dragOverGapBottom,
|
|
isLeaf = _this$props8.isLeaf,
|
|
isStart = _this$props8.isStart,
|
|
isEnd = _this$props8.isEnd,
|
|
expanded = _this$props8.expanded,
|
|
selected = _this$props8.selected,
|
|
checked = _this$props8.checked,
|
|
halfChecked = _this$props8.halfChecked,
|
|
loading = _this$props8.loading,
|
|
domRef = _this$props8.domRef,
|
|
active = _this$props8.active,
|
|
data = _this$props8.data,
|
|
onMouseMove = _this$props8.onMouseMove,
|
|
selectable = _this$props8.selectable,
|
|
otherProps = (0,objectWithoutProperties/* default */.Z)(_this$props8, _excluded);
|
|
var _this$props$context5 = this.props.context,
|
|
prefixCls = _this$props$context5.prefixCls,
|
|
filterTreeNode = _this$props$context5.filterTreeNode,
|
|
keyEntities = _this$props$context5.keyEntities,
|
|
dropContainerKey = _this$props$context5.dropContainerKey,
|
|
dropTargetKey = _this$props$context5.dropTargetKey,
|
|
draggingNodeKey = _this$props$context5.draggingNodeKey;
|
|
var disabled = this.isDisabled();
|
|
var dataOrAriaAttributeProps = (0,pickAttrs/* default */.Z)(otherProps, {
|
|
aria: true,
|
|
data: true
|
|
});
|
|
var _ref2 = (0,keyUtil/* default */.Z)(keyEntities, eventKey) || {},
|
|
level = _ref2.level;
|
|
var isEndNode = isEnd[isEnd.length - 1];
|
|
var mergedDraggable = this.isDraggable();
|
|
var draggableWithoutDisabled = !disabled && mergedDraggable;
|
|
var dragging = draggingNodeKey === eventKey;
|
|
var ariaSelected = selectable !== undefined ? {
|
|
'aria-selected': !!selectable
|
|
} : undefined;
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("div", (0,esm_extends/* default */.Z)({
|
|
ref: domRef,
|
|
className: _classnames_2_5_1_classnames_default()(className, "".concat(prefixCls, "-treenode"), (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-treenode-disabled"), disabled), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-treenode-switcher-").concat(expanded ? 'open' : 'close'), !isLeaf), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-treenode-checkbox-checked"), checked), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-treenode-checkbox-indeterminate"), halfChecked), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-treenode-selected"), selected), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-treenode-loading"), loading), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-treenode-active"), active), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-treenode-leaf-last"), isEndNode), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-treenode-draggable"), mergedDraggable), (0,defineProperty/* default */.Z)(_classNames, "dragging", dragging), (0,defineProperty/* default */.Z)(_classNames, 'drop-target', dropTargetKey === eventKey), (0,defineProperty/* default */.Z)(_classNames, 'drop-container', dropContainerKey === eventKey), (0,defineProperty/* default */.Z)(_classNames, 'drag-over', !disabled && dragOver), (0,defineProperty/* default */.Z)(_classNames, 'drag-over-gap-top', !disabled && dragOverGapTop), (0,defineProperty/* default */.Z)(_classNames, 'drag-over-gap-bottom', !disabled && dragOverGapBottom), (0,defineProperty/* default */.Z)(_classNames, 'filter-node', filterTreeNode && filterTreeNode((0,treeUtil/* convertNodePropsToEventData */.F)(this.props))), _classNames)),
|
|
style: style
|
|
// Draggable config
|
|
,
|
|
draggable: draggableWithoutDisabled,
|
|
"aria-grabbed": dragging,
|
|
onDragStart: draggableWithoutDisabled ? this.onDragStart : undefined
|
|
// Drop config
|
|
,
|
|
onDragEnter: mergedDraggable ? this.onDragEnter : undefined,
|
|
onDragOver: mergedDraggable ? this.onDragOver : undefined,
|
|
onDragLeave: mergedDraggable ? this.onDragLeave : undefined,
|
|
onDrop: mergedDraggable ? this.onDrop : undefined,
|
|
onDragEnd: mergedDraggable ? this.onDragEnd : undefined,
|
|
onMouseMove: onMouseMove
|
|
}, ariaSelected, dataOrAriaAttributeProps), /*#__PURE__*/_react_17_0_2_react.createElement(es_Indent, {
|
|
prefixCls: prefixCls,
|
|
level: level,
|
|
isStart: isStart,
|
|
isEnd: isEnd
|
|
}), this.renderDragHandler(), this.renderSwitcher(), this.renderCheckbox(), this.renderSelector());
|
|
}
|
|
}]);
|
|
return InternalTreeNode;
|
|
}(_react_17_0_2_react.Component);
|
|
var ContextTreeNode = function ContextTreeNode(props) {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(contextTypes/* TreeContext */.k.Consumer, null, function (context) {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(InternalTreeNode, (0,esm_extends/* default */.Z)({}, props, {
|
|
context: context
|
|
}));
|
|
});
|
|
};
|
|
ContextTreeNode.displayName = 'TreeNode';
|
|
ContextTreeNode.isTreeNode = 1;
|
|
/* harmony default export */ var TreeNode = (ContextTreeNode);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 39378:
|
|
/*!*****************************************************************!*\
|
|
!*** ./node_modules/_rc-tree@5.7.12@rc-tree/es/contextTypes.js ***!
|
|
\*****************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ k: function() { return /* binding */ TreeContext; }
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 59301);
|
|
/**
|
|
* Webpack has bug for import loop, which is not the same behavior as ES module.
|
|
* When util.js imports the TreeNode for tree generate will cause treeContextTypes be empty.
|
|
*/
|
|
|
|
var TreeContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext(null);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 79556:
|
|
/*!**********************************************************************!*\
|
|
!*** ./node_modules/_rc-tree@5.7.12@rc-tree/es/index.js + 7 modules ***!
|
|
\**********************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
O: function() { return /* reexport */ TreeNode/* default */.Z; },
|
|
Z: function() { return /* binding */ _rc_tree_5_7_12_rc_tree_es; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(14809);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4635);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__(93664);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(20439);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
|
|
var toConsumableArray = __webpack_require__(95190);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__(99153);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__(84851);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/assertThisInitialized.js
|
|
var assertThisInitialized = __webpack_require__(13028);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__(19257);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__(73571);
|
|
// EXTERNAL MODULE: ./node_modules/_classnames@2.5.1@classnames/index.js
|
|
var _classnames_2_5_1_classnames = __webpack_require__(92310);
|
|
var _classnames_2_5_1_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_5_1_classnames);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/KeyCode.js
|
|
var KeyCode = __webpack_require__(10228);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/pickAttrs.js
|
|
var pickAttrs = __webpack_require__(26112);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/warning.js
|
|
var warning = __webpack_require__(48736);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/contextTypes.js
|
|
var contextTypes = __webpack_require__(39378);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/DropIndicator.js
|
|
|
|
function DropIndicator(_ref) {
|
|
var dropPosition = _ref.dropPosition,
|
|
dropLevelOffset = _ref.dropLevelOffset,
|
|
indent = _ref.indent;
|
|
var style = {
|
|
pointerEvents: 'none',
|
|
position: 'absolute',
|
|
right: 0,
|
|
backgroundColor: 'red',
|
|
height: 2
|
|
};
|
|
switch (dropPosition) {
|
|
case -1:
|
|
style.top = 0;
|
|
style.left = -dropLevelOffset * indent;
|
|
break;
|
|
case 1:
|
|
style.bottom = 0;
|
|
style.left = -dropLevelOffset * indent;
|
|
break;
|
|
case 0:
|
|
style.bottom = 0;
|
|
style.left = indent;
|
|
break;
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
style: style
|
|
});
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/objectDestructuringEmpty.js
|
|
function _objectDestructuringEmpty(t) {
|
|
if (null == t) throw new TypeError("Cannot destructure " + t);
|
|
}
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__(50298);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(62646);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/hooks/useLayoutEffect.js
|
|
var useLayoutEffect = __webpack_require__(34280);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-virtual-list@3.19.1@rc-virtual-list/es/index.js + 17 modules
|
|
var es = __webpack_require__(6790);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-motion@2.9.5@rc-motion/es/index.js + 13 modules
|
|
var _rc_motion_2_9_5_rc_motion_es = __webpack_require__(77900);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/TreeNode.js + 1 modules
|
|
var TreeNode = __webpack_require__(39417);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/useUnmount.js
|
|
|
|
|
|
/**
|
|
* Trigger only when component unmount
|
|
*/
|
|
function useUnmount(triggerStart, triggerEnd) {
|
|
var _React$useState = _react_17_0_2_react.useState(false),
|
|
_React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 2),
|
|
firstMount = _React$useState2[0],
|
|
setFirstMount = _React$useState2[1];
|
|
_react_17_0_2_react.useLayoutEffect(function () {
|
|
if (firstMount) {
|
|
triggerStart();
|
|
return function () {
|
|
triggerEnd();
|
|
};
|
|
}
|
|
}, [firstMount]);
|
|
_react_17_0_2_react.useLayoutEffect(function () {
|
|
setFirstMount(true);
|
|
return function () {
|
|
setFirstMount(false);
|
|
};
|
|
}, []);
|
|
}
|
|
// EXTERNAL MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/utils/treeUtil.js
|
|
var treeUtil = __webpack_require__(71430);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/MotionTreeNode.js
|
|
|
|
|
|
|
|
|
|
var _excluded = ["className", "style", "motion", "motionNodes", "motionType", "onMotionStart", "onMotionEnd", "active", "treeNodeRequiredProps"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var MotionTreeNode = function MotionTreeNode(_ref, ref) {
|
|
var className = _ref.className,
|
|
style = _ref.style,
|
|
motion = _ref.motion,
|
|
motionNodes = _ref.motionNodes,
|
|
motionType = _ref.motionType,
|
|
onOriginMotionStart = _ref.onMotionStart,
|
|
onOriginMotionEnd = _ref.onMotionEnd,
|
|
active = _ref.active,
|
|
treeNodeRequiredProps = _ref.treeNodeRequiredProps,
|
|
props = (0,objectWithoutProperties/* default */.Z)(_ref, _excluded);
|
|
var _React$useState = _react_17_0_2_react.useState(true),
|
|
_React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 2),
|
|
visible = _React$useState2[0],
|
|
setVisible = _React$useState2[1];
|
|
var _React$useContext = _react_17_0_2_react.useContext(contextTypes/* TreeContext */.k),
|
|
prefixCls = _React$useContext.prefixCls;
|
|
// Calculate target visible here.
|
|
// And apply in effect to make `leave` motion work.
|
|
var targetVisible = motionNodes && motionType !== 'hide';
|
|
(0,useLayoutEffect/* default */.Z)(function () {
|
|
if (motionNodes) {
|
|
if (targetVisible !== visible) {
|
|
setVisible(targetVisible);
|
|
}
|
|
}
|
|
}, [motionNodes]);
|
|
var triggerMotionStart = function triggerMotionStart() {
|
|
if (motionNodes) {
|
|
onOriginMotionStart();
|
|
}
|
|
};
|
|
// Should only trigger once
|
|
var triggerMotionEndRef = _react_17_0_2_react.useRef(false);
|
|
var triggerMotionEnd = function triggerMotionEnd() {
|
|
if (motionNodes && !triggerMotionEndRef.current) {
|
|
triggerMotionEndRef.current = true;
|
|
onOriginMotionEnd();
|
|
}
|
|
};
|
|
// Effect if unmount
|
|
useUnmount(triggerMotionStart, triggerMotionEnd);
|
|
// Motion end event
|
|
var onVisibleChanged = function onVisibleChanged(nextVisible) {
|
|
if (targetVisible === nextVisible) {
|
|
triggerMotionEnd();
|
|
}
|
|
};
|
|
if (motionNodes) {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(_rc_motion_2_9_5_rc_motion_es["default"], (0,esm_extends/* default */.Z)({
|
|
ref: ref,
|
|
visible: visible
|
|
}, motion, {
|
|
motionAppear: motionType === 'show',
|
|
onVisibleChanged: onVisibleChanged
|
|
}), function (_ref2, motionRef) {
|
|
var motionClassName = _ref2.className,
|
|
motionStyle = _ref2.style;
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
ref: motionRef,
|
|
className: _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-treenode-motion"), motionClassName),
|
|
style: motionStyle
|
|
}, motionNodes.map(function (treeNode) {
|
|
var restProps = (0,esm_extends/* default */.Z)({}, (_objectDestructuringEmpty(treeNode.data), treeNode.data)),
|
|
title = treeNode.title,
|
|
key = treeNode.key,
|
|
isStart = treeNode.isStart,
|
|
isEnd = treeNode.isEnd;
|
|
delete restProps.children;
|
|
var treeNodeProps = (0,treeUtil/* getTreeNodeProps */.H8)(key, treeNodeRequiredProps);
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(TreeNode/* default */.Z, (0,esm_extends/* default */.Z)({}, restProps, treeNodeProps, {
|
|
title: title,
|
|
active: active,
|
|
data: treeNode.data,
|
|
key: key,
|
|
isStart: isStart,
|
|
isEnd: isEnd
|
|
}));
|
|
}));
|
|
});
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(TreeNode/* default */.Z, (0,esm_extends/* default */.Z)({
|
|
domRef: ref,
|
|
className: className,
|
|
style: style
|
|
}, props, {
|
|
active: active
|
|
}));
|
|
};
|
|
MotionTreeNode.displayName = 'MotionTreeNode';
|
|
var RefMotionTreeNode = /*#__PURE__*/_react_17_0_2_react.forwardRef(MotionTreeNode);
|
|
/* harmony default export */ var es_MotionTreeNode = (RefMotionTreeNode);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/utils/diffUtil.js
|
|
function findExpandedKeys() {
|
|
var prev = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
var next = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
var prevLen = prev.length;
|
|
var nextLen = next.length;
|
|
if (Math.abs(prevLen - nextLen) !== 1) {
|
|
return {
|
|
add: false,
|
|
key: null
|
|
};
|
|
}
|
|
function find(shorter, longer) {
|
|
var cache = new Map();
|
|
shorter.forEach(function (key) {
|
|
cache.set(key, true);
|
|
});
|
|
var keys = longer.filter(function (key) {
|
|
return !cache.has(key);
|
|
});
|
|
return keys.length === 1 ? keys[0] : null;
|
|
}
|
|
if (prevLen < nextLen) {
|
|
return {
|
|
add: true,
|
|
key: find(prev, next)
|
|
};
|
|
}
|
|
return {
|
|
add: false,
|
|
key: find(next, prev)
|
|
};
|
|
}
|
|
function getExpandRange(shorter, longer, key) {
|
|
var shorterStartIndex = shorter.findIndex(function (data) {
|
|
return data.key === key;
|
|
});
|
|
var shorterEndNode = shorter[shorterStartIndex + 1];
|
|
var longerStartIndex = longer.findIndex(function (data) {
|
|
return data.key === key;
|
|
});
|
|
if (shorterEndNode) {
|
|
var longerEndIndex = longer.findIndex(function (data) {
|
|
return data.key === shorterEndNode.key;
|
|
});
|
|
return longer.slice(longerStartIndex + 1, longerEndIndex);
|
|
}
|
|
return longer.slice(longerStartIndex + 1);
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/NodeList.js
|
|
|
|
|
|
|
|
|
|
var NodeList_excluded = ["prefixCls", "data", "selectable", "checkable", "expandedKeys", "selectedKeys", "checkedKeys", "loadedKeys", "loadingKeys", "halfCheckedKeys", "keyEntities", "disabled", "dragging", "dragOverNodeKey", "dropPosition", "motion", "height", "itemHeight", "virtual", "focusable", "activeItem", "focused", "tabIndex", "onKeyDown", "onFocus", "onBlur", "onActiveChange", "onListChangeStart", "onListChangeEnd"];
|
|
/**
|
|
* Handle virtual list of the TreeNodes.
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var HIDDEN_STYLE = {
|
|
width: 0,
|
|
height: 0,
|
|
display: 'flex',
|
|
overflow: 'hidden',
|
|
opacity: 0,
|
|
border: 0,
|
|
padding: 0,
|
|
margin: 0
|
|
};
|
|
var noop = function noop() {};
|
|
var MOTION_KEY = "RC_TREE_MOTION_".concat(Math.random());
|
|
var MotionNode = {
|
|
key: MOTION_KEY
|
|
};
|
|
var MotionEntity = {
|
|
key: MOTION_KEY,
|
|
level: 0,
|
|
index: 0,
|
|
pos: '0',
|
|
node: MotionNode,
|
|
nodes: [MotionNode]
|
|
};
|
|
var MotionFlattenData = {
|
|
parent: null,
|
|
children: [],
|
|
pos: MotionEntity.pos,
|
|
data: MotionNode,
|
|
title: null,
|
|
key: MOTION_KEY,
|
|
/** Hold empty list here since we do not use it */
|
|
isStart: [],
|
|
isEnd: []
|
|
};
|
|
/**
|
|
* We only need get visible content items to play the animation.
|
|
*/
|
|
function getMinimumRangeTransitionRange(list, virtual, height, itemHeight) {
|
|
if (virtual === false || !height) {
|
|
return list;
|
|
}
|
|
return list.slice(0, Math.ceil(height / itemHeight) + 1);
|
|
}
|
|
function itemKey(item) {
|
|
var key = item.key,
|
|
pos = item.pos;
|
|
return (0,treeUtil/* getKey */.km)(key, pos);
|
|
}
|
|
function getAccessibilityPath(item) {
|
|
var path = String(item.data.key);
|
|
var current = item;
|
|
while (current.parent) {
|
|
current = current.parent;
|
|
path = "".concat(current.data.key, " > ").concat(path);
|
|
}
|
|
return path;
|
|
}
|
|
var NodeList = /*#__PURE__*/_react_17_0_2_react.forwardRef(function (props, ref) {
|
|
var prefixCls = props.prefixCls,
|
|
data = props.data,
|
|
selectable = props.selectable,
|
|
checkable = props.checkable,
|
|
expandedKeys = props.expandedKeys,
|
|
selectedKeys = props.selectedKeys,
|
|
checkedKeys = props.checkedKeys,
|
|
loadedKeys = props.loadedKeys,
|
|
loadingKeys = props.loadingKeys,
|
|
halfCheckedKeys = props.halfCheckedKeys,
|
|
keyEntities = props.keyEntities,
|
|
disabled = props.disabled,
|
|
dragging = props.dragging,
|
|
dragOverNodeKey = props.dragOverNodeKey,
|
|
dropPosition = props.dropPosition,
|
|
motion = props.motion,
|
|
height = props.height,
|
|
itemHeight = props.itemHeight,
|
|
virtual = props.virtual,
|
|
focusable = props.focusable,
|
|
activeItem = props.activeItem,
|
|
focused = props.focused,
|
|
tabIndex = props.tabIndex,
|
|
onKeyDown = props.onKeyDown,
|
|
onFocus = props.onFocus,
|
|
onBlur = props.onBlur,
|
|
onActiveChange = props.onActiveChange,
|
|
onListChangeStart = props.onListChangeStart,
|
|
onListChangeEnd = props.onListChangeEnd,
|
|
domProps = (0,objectWithoutProperties/* default */.Z)(props, NodeList_excluded);
|
|
// =============================== Ref ================================
|
|
var listRef = _react_17_0_2_react.useRef(null);
|
|
var indentMeasurerRef = _react_17_0_2_react.useRef(null);
|
|
_react_17_0_2_react.useImperativeHandle(ref, function () {
|
|
return {
|
|
scrollTo: function scrollTo(scroll) {
|
|
listRef.current.scrollTo(scroll);
|
|
},
|
|
getIndentWidth: function getIndentWidth() {
|
|
return indentMeasurerRef.current.offsetWidth;
|
|
}
|
|
};
|
|
});
|
|
// ============================== Motion ==============================
|
|
var _React$useState = _react_17_0_2_react.useState(expandedKeys),
|
|
_React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 2),
|
|
prevExpandedKeys = _React$useState2[0],
|
|
setPrevExpandedKeys = _React$useState2[1];
|
|
var _React$useState3 = _react_17_0_2_react.useState(data),
|
|
_React$useState4 = (0,slicedToArray/* default */.Z)(_React$useState3, 2),
|
|
prevData = _React$useState4[0],
|
|
setPrevData = _React$useState4[1];
|
|
var _React$useState5 = _react_17_0_2_react.useState(data),
|
|
_React$useState6 = (0,slicedToArray/* default */.Z)(_React$useState5, 2),
|
|
transitionData = _React$useState6[0],
|
|
setTransitionData = _React$useState6[1];
|
|
var _React$useState7 = _react_17_0_2_react.useState([]),
|
|
_React$useState8 = (0,slicedToArray/* default */.Z)(_React$useState7, 2),
|
|
transitionRange = _React$useState8[0],
|
|
setTransitionRange = _React$useState8[1];
|
|
var _React$useState9 = _react_17_0_2_react.useState(null),
|
|
_React$useState10 = (0,slicedToArray/* default */.Z)(_React$useState9, 2),
|
|
motionType = _React$useState10[0],
|
|
setMotionType = _React$useState10[1];
|
|
// When motion end but data change, this will makes data back to previous one
|
|
var dataRef = _react_17_0_2_react.useRef(data);
|
|
dataRef.current = data;
|
|
function onMotionEnd() {
|
|
var latestData = dataRef.current;
|
|
setPrevData(latestData);
|
|
setTransitionData(latestData);
|
|
setTransitionRange([]);
|
|
setMotionType(null);
|
|
onListChangeEnd();
|
|
}
|
|
// Do animation if expanded keys changed
|
|
// layoutEffect here to avoid blink of node removing
|
|
(0,useLayoutEffect/* default */.Z)(function () {
|
|
setPrevExpandedKeys(expandedKeys);
|
|
var diffExpanded = findExpandedKeys(prevExpandedKeys, expandedKeys);
|
|
if (diffExpanded.key !== null) {
|
|
if (diffExpanded.add) {
|
|
var keyIndex = prevData.findIndex(function (_ref) {
|
|
var key = _ref.key;
|
|
return key === diffExpanded.key;
|
|
});
|
|
var rangeNodes = getMinimumRangeTransitionRange(getExpandRange(prevData, data, diffExpanded.key), virtual, height, itemHeight);
|
|
var newTransitionData = prevData.slice();
|
|
newTransitionData.splice(keyIndex + 1, 0, MotionFlattenData);
|
|
setTransitionData(newTransitionData);
|
|
setTransitionRange(rangeNodes);
|
|
setMotionType('show');
|
|
} else {
|
|
var _keyIndex = data.findIndex(function (_ref2) {
|
|
var key = _ref2.key;
|
|
return key === diffExpanded.key;
|
|
});
|
|
var _rangeNodes = getMinimumRangeTransitionRange(getExpandRange(data, prevData, diffExpanded.key), virtual, height, itemHeight);
|
|
var _newTransitionData = data.slice();
|
|
_newTransitionData.splice(_keyIndex + 1, 0, MotionFlattenData);
|
|
setTransitionData(_newTransitionData);
|
|
setTransitionRange(_rangeNodes);
|
|
setMotionType('hide');
|
|
}
|
|
} else if (prevData !== data) {
|
|
// If whole data changed, we just refresh the list
|
|
setPrevData(data);
|
|
setTransitionData(data);
|
|
}
|
|
}, [expandedKeys, data]);
|
|
// We should clean up motion if is changed by dragging
|
|
_react_17_0_2_react.useEffect(function () {
|
|
if (!dragging) {
|
|
onMotionEnd();
|
|
}
|
|
}, [dragging]);
|
|
var mergedData = motion ? transitionData : data;
|
|
var treeNodeRequiredProps = {
|
|
expandedKeys: expandedKeys,
|
|
selectedKeys: selectedKeys,
|
|
loadedKeys: loadedKeys,
|
|
loadingKeys: loadingKeys,
|
|
checkedKeys: checkedKeys,
|
|
halfCheckedKeys: halfCheckedKeys,
|
|
dragOverNodeKey: dragOverNodeKey,
|
|
dropPosition: dropPosition,
|
|
keyEntities: keyEntities
|
|
};
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, focused && activeItem && /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
style: HIDDEN_STYLE,
|
|
"aria-live": "assertive"
|
|
}, getAccessibilityPath(activeItem)), /*#__PURE__*/_react_17_0_2_react.createElement("div", null, /*#__PURE__*/_react_17_0_2_react.createElement("input", {
|
|
style: HIDDEN_STYLE,
|
|
disabled: focusable === false || disabled,
|
|
tabIndex: focusable !== false ? tabIndex : null,
|
|
onKeyDown: onKeyDown,
|
|
onFocus: onFocus,
|
|
onBlur: onBlur,
|
|
value: "",
|
|
onChange: noop,
|
|
"aria-label": "for screen reader"
|
|
})), /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
className: "".concat(prefixCls, "-treenode"),
|
|
"aria-hidden": true,
|
|
style: {
|
|
position: 'absolute',
|
|
pointerEvents: 'none',
|
|
visibility: 'hidden',
|
|
height: 0,
|
|
overflow: 'hidden',
|
|
border: 0,
|
|
padding: 0
|
|
}
|
|
}, /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
className: "".concat(prefixCls, "-indent")
|
|
}, /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
ref: indentMeasurerRef,
|
|
className: "".concat(prefixCls, "-indent-unit")
|
|
}))), /*#__PURE__*/_react_17_0_2_react.createElement(es/* default */.Z, (0,esm_extends/* default */.Z)({}, domProps, {
|
|
data: mergedData,
|
|
itemKey: itemKey,
|
|
height: height,
|
|
fullHeight: false,
|
|
virtual: virtual,
|
|
itemHeight: itemHeight,
|
|
prefixCls: "".concat(prefixCls, "-list"),
|
|
ref: listRef,
|
|
onVisibleChange: function onVisibleChange(originList, fullList) {
|
|
var originSet = new Set(originList);
|
|
var restList = fullList.filter(function (item) {
|
|
return !originSet.has(item);
|
|
});
|
|
// Motion node is not render. Skip motion
|
|
if (restList.some(function (item) {
|
|
return itemKey(item) === MOTION_KEY;
|
|
})) {
|
|
onMotionEnd();
|
|
}
|
|
}
|
|
}), function (treeNode) {
|
|
var pos = treeNode.pos,
|
|
restProps = (0,esm_extends/* default */.Z)({}, (_objectDestructuringEmpty(treeNode.data), treeNode.data)),
|
|
title = treeNode.title,
|
|
key = treeNode.key,
|
|
isStart = treeNode.isStart,
|
|
isEnd = treeNode.isEnd;
|
|
var mergedKey = (0,treeUtil/* getKey */.km)(key, pos);
|
|
delete restProps.key;
|
|
delete restProps.children;
|
|
var treeNodeProps = (0,treeUtil/* getTreeNodeProps */.H8)(mergedKey, treeNodeRequiredProps);
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(es_MotionTreeNode, (0,esm_extends/* default */.Z)({}, restProps, treeNodeProps, {
|
|
title: title,
|
|
active: !!activeItem && key === activeItem.key,
|
|
pos: pos,
|
|
data: treeNode.data,
|
|
isStart: isStart,
|
|
isEnd: isEnd,
|
|
motion: motion,
|
|
motionNodes: key === MOTION_KEY ? transitionRange : null,
|
|
motionType: motionType,
|
|
onMotionStart: onListChangeStart,
|
|
onMotionEnd: onMotionEnd,
|
|
treeNodeRequiredProps: treeNodeRequiredProps,
|
|
onMouseMove: function onMouseMove() {
|
|
onActiveChange(null);
|
|
}
|
|
}));
|
|
}));
|
|
});
|
|
NodeList.displayName = 'NodeList';
|
|
/* harmony default export */ var es_NodeList = (NodeList);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/util.js
|
|
var util = __webpack_require__(35654);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/utils/conductUtil.js
|
|
var conductUtil = __webpack_require__(90782);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/utils/keyUtil.js
|
|
var keyUtil = __webpack_require__(67841);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/Tree.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// TODO: https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/treeview/treeview-2/treeview-2a.html
|
|
// Fully accessibility support
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var MAX_RETRY_TIMES = 10;
|
|
var Tree = /*#__PURE__*/function (_React$Component) {
|
|
(0,inherits/* default */.Z)(Tree, _React$Component);
|
|
var _super = (0,createSuper/* default */.Z)(Tree);
|
|
function Tree() {
|
|
var _this;
|
|
(0,classCallCheck/* default */.Z)(this, Tree);
|
|
for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
_args[_key] = arguments[_key];
|
|
}
|
|
_this = _super.call.apply(_super, [this].concat(_args));
|
|
_this.destroyed = false;
|
|
_this.delayedDragEnterLogic = void 0;
|
|
_this.loadingRetryTimes = {};
|
|
_this.state = {
|
|
keyEntities: {},
|
|
indent: null,
|
|
selectedKeys: [],
|
|
checkedKeys: [],
|
|
halfCheckedKeys: [],
|
|
loadedKeys: [],
|
|
loadingKeys: [],
|
|
expandedKeys: [],
|
|
draggingNodeKey: null,
|
|
dragChildrenKeys: [],
|
|
// dropTargetKey is the key of abstract-drop-node
|
|
// the abstract-drop-node is the real drop node when drag and drop
|
|
// not the DOM drag over node
|
|
dropTargetKey: null,
|
|
dropPosition: null,
|
|
dropContainerKey: null,
|
|
dropLevelOffset: null,
|
|
dropTargetPos: null,
|
|
dropAllowed: true,
|
|
// the abstract-drag-over-node
|
|
// if mouse is on the bottom of top dom node or no the top of the bottom dom node
|
|
// abstract-drag-over-node is the top node
|
|
dragOverNodeKey: null,
|
|
treeData: [],
|
|
flattenNodes: [],
|
|
focused: false,
|
|
activeKey: null,
|
|
listChanging: false,
|
|
prevProps: null,
|
|
fieldNames: (0,treeUtil/* fillFieldNames */.w$)()
|
|
};
|
|
_this.dragStartMousePosition = null;
|
|
_this.dragNode = void 0;
|
|
_this.currentMouseOverDroppableNodeKey = null;
|
|
_this.listRef = /*#__PURE__*/_react_17_0_2_react.createRef();
|
|
_this.onNodeDragStart = function (event, node) {
|
|
var _this$state = _this.state,
|
|
expandedKeys = _this$state.expandedKeys,
|
|
keyEntities = _this$state.keyEntities;
|
|
var onDragStart = _this.props.onDragStart;
|
|
var eventKey = node.props.eventKey;
|
|
_this.dragNode = node;
|
|
_this.dragStartMousePosition = {
|
|
x: event.clientX,
|
|
y: event.clientY
|
|
};
|
|
var newExpandedKeys = (0,util/* arrDel */._5)(expandedKeys, eventKey);
|
|
_this.setState({
|
|
draggingNodeKey: eventKey,
|
|
dragChildrenKeys: (0,util/* getDragChildrenKeys */.wA)(eventKey, keyEntities),
|
|
indent: _this.listRef.current.getIndentWidth()
|
|
});
|
|
_this.setExpandedKeys(newExpandedKeys);
|
|
window.addEventListener('dragend', _this.onWindowDragEnd);
|
|
onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart({
|
|
event: event,
|
|
node: (0,treeUtil/* convertNodePropsToEventData */.F)(node.props)
|
|
});
|
|
};
|
|
/**
|
|
* [Legacy] Select handler is smaller than node,
|
|
* so that this will trigger when drag enter node or select handler.
|
|
* This is a little tricky if customize css without padding.
|
|
* Better for use mouse move event to refresh drag state.
|
|
* But let's just keep it to avoid event trigger logic change.
|
|
*/
|
|
_this.onNodeDragEnter = function (event, node) {
|
|
var _this$state2 = _this.state,
|
|
expandedKeys = _this$state2.expandedKeys,
|
|
keyEntities = _this$state2.keyEntities,
|
|
dragChildrenKeys = _this$state2.dragChildrenKeys,
|
|
flattenNodes = _this$state2.flattenNodes,
|
|
indent = _this$state2.indent;
|
|
var _this$props = _this.props,
|
|
onDragEnter = _this$props.onDragEnter,
|
|
onExpand = _this$props.onExpand,
|
|
allowDrop = _this$props.allowDrop,
|
|
direction = _this$props.direction;
|
|
var _node$props = node.props,
|
|
pos = _node$props.pos,
|
|
eventKey = _node$props.eventKey;
|
|
var _assertThisInitialize = (0,assertThisInitialized/* default */.Z)(_this),
|
|
dragNode = _assertThisInitialize.dragNode;
|
|
// record the key of node which is latest entered, used in dragleave event.
|
|
if (_this.currentMouseOverDroppableNodeKey !== eventKey) {
|
|
_this.currentMouseOverDroppableNodeKey = eventKey;
|
|
}
|
|
if (!dragNode) {
|
|
_this.resetDragState();
|
|
return;
|
|
}
|
|
var _calcDropPosition = (0,util/* calcDropPosition */.OM)(event, dragNode, node, indent, _this.dragStartMousePosition, allowDrop, flattenNodes, keyEntities, expandedKeys, direction),
|
|
dropPosition = _calcDropPosition.dropPosition,
|
|
dropLevelOffset = _calcDropPosition.dropLevelOffset,
|
|
dropTargetKey = _calcDropPosition.dropTargetKey,
|
|
dropContainerKey = _calcDropPosition.dropContainerKey,
|
|
dropTargetPos = _calcDropPosition.dropTargetPos,
|
|
dropAllowed = _calcDropPosition.dropAllowed,
|
|
dragOverNodeKey = _calcDropPosition.dragOverNodeKey;
|
|
if (
|
|
// don't allow drop inside its children
|
|
dragChildrenKeys.indexOf(dropTargetKey) !== -1 ||
|
|
// don't allow drop when drop is not allowed caculated by calcDropPosition
|
|
!dropAllowed) {
|
|
_this.resetDragState();
|
|
return;
|
|
}
|
|
// Side effect for delay drag
|
|
if (!_this.delayedDragEnterLogic) {
|
|
_this.delayedDragEnterLogic = {};
|
|
}
|
|
Object.keys(_this.delayedDragEnterLogic).forEach(function (key) {
|
|
clearTimeout(_this.delayedDragEnterLogic[key]);
|
|
});
|
|
if (dragNode.props.eventKey !== node.props.eventKey) {
|
|
// hoist expand logic here
|
|
// since if logic is on the bottom
|
|
// it will be blocked by abstract dragover node check
|
|
// => if you dragenter from top, you mouse will still be consider as in the top node
|
|
event.persist();
|
|
_this.delayedDragEnterLogic[pos] = window.setTimeout(function () {
|
|
if (_this.state.draggingNodeKey === null) return;
|
|
var newExpandedKeys = (0,toConsumableArray/* default */.Z)(expandedKeys);
|
|
var entity = (0,keyUtil/* default */.Z)(keyEntities, node.props.eventKey);
|
|
if (entity && (entity.children || []).length) {
|
|
newExpandedKeys = (0,util/* arrAdd */.L0)(expandedKeys, node.props.eventKey);
|
|
}
|
|
if (!('expandedKeys' in _this.props)) {
|
|
_this.setExpandedKeys(newExpandedKeys);
|
|
}
|
|
onExpand === null || onExpand === void 0 ? void 0 : onExpand(newExpandedKeys, {
|
|
node: (0,treeUtil/* convertNodePropsToEventData */.F)(node.props),
|
|
expanded: true,
|
|
nativeEvent: event.nativeEvent
|
|
});
|
|
}, 800);
|
|
}
|
|
// Skip if drag node is self
|
|
if (dragNode.props.eventKey === dropTargetKey && dropLevelOffset === 0) {
|
|
_this.resetDragState();
|
|
return;
|
|
}
|
|
// Update drag over node and drag state
|
|
_this.setState({
|
|
dragOverNodeKey: dragOverNodeKey,
|
|
dropPosition: dropPosition,
|
|
dropLevelOffset: dropLevelOffset,
|
|
dropTargetKey: dropTargetKey,
|
|
dropContainerKey: dropContainerKey,
|
|
dropTargetPos: dropTargetPos,
|
|
dropAllowed: dropAllowed
|
|
});
|
|
onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter({
|
|
event: event,
|
|
node: (0,treeUtil/* convertNodePropsToEventData */.F)(node.props),
|
|
expandedKeys: expandedKeys
|
|
});
|
|
};
|
|
_this.onNodeDragOver = function (event, node) {
|
|
var _this$state3 = _this.state,
|
|
dragChildrenKeys = _this$state3.dragChildrenKeys,
|
|
flattenNodes = _this$state3.flattenNodes,
|
|
keyEntities = _this$state3.keyEntities,
|
|
expandedKeys = _this$state3.expandedKeys,
|
|
indent = _this$state3.indent;
|
|
var _this$props2 = _this.props,
|
|
onDragOver = _this$props2.onDragOver,
|
|
allowDrop = _this$props2.allowDrop,
|
|
direction = _this$props2.direction;
|
|
var _assertThisInitialize2 = (0,assertThisInitialized/* default */.Z)(_this),
|
|
dragNode = _assertThisInitialize2.dragNode;
|
|
if (!dragNode) {
|
|
return;
|
|
}
|
|
var _calcDropPosition2 = (0,util/* calcDropPosition */.OM)(event, dragNode, node, indent, _this.dragStartMousePosition, allowDrop, flattenNodes, keyEntities, expandedKeys, direction),
|
|
dropPosition = _calcDropPosition2.dropPosition,
|
|
dropLevelOffset = _calcDropPosition2.dropLevelOffset,
|
|
dropTargetKey = _calcDropPosition2.dropTargetKey,
|
|
dropContainerKey = _calcDropPosition2.dropContainerKey,
|
|
dropAllowed = _calcDropPosition2.dropAllowed,
|
|
dropTargetPos = _calcDropPosition2.dropTargetPos,
|
|
dragOverNodeKey = _calcDropPosition2.dragOverNodeKey;
|
|
if (dragChildrenKeys.indexOf(dropTargetKey) !== -1 || !dropAllowed) {
|
|
// don't allow drop inside its children
|
|
// don't allow drop when drop is not allowed caculated by calcDropPosition
|
|
return;
|
|
}
|
|
// Update drag position
|
|
if (dragNode.props.eventKey === dropTargetKey && dropLevelOffset === 0) {
|
|
if (!(_this.state.dropPosition === null && _this.state.dropLevelOffset === null && _this.state.dropTargetKey === null && _this.state.dropContainerKey === null && _this.state.dropTargetPos === null && _this.state.dropAllowed === false && _this.state.dragOverNodeKey === null)) {
|
|
_this.resetDragState();
|
|
}
|
|
} else if (!(dropPosition === _this.state.dropPosition && dropLevelOffset === _this.state.dropLevelOffset && dropTargetKey === _this.state.dropTargetKey && dropContainerKey === _this.state.dropContainerKey && dropTargetPos === _this.state.dropTargetPos && dropAllowed === _this.state.dropAllowed && dragOverNodeKey === _this.state.dragOverNodeKey)) {
|
|
_this.setState({
|
|
dropPosition: dropPosition,
|
|
dropLevelOffset: dropLevelOffset,
|
|
dropTargetKey: dropTargetKey,
|
|
dropContainerKey: dropContainerKey,
|
|
dropTargetPos: dropTargetPos,
|
|
dropAllowed: dropAllowed,
|
|
dragOverNodeKey: dragOverNodeKey
|
|
});
|
|
}
|
|
onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver({
|
|
event: event,
|
|
node: (0,treeUtil/* convertNodePropsToEventData */.F)(node.props)
|
|
});
|
|
};
|
|
_this.onNodeDragLeave = function (event, node) {
|
|
// if it is outside the droppable area
|
|
// currentMouseOverDroppableNodeKey will be updated in dragenter event when into another droppable receiver.
|
|
if (_this.currentMouseOverDroppableNodeKey === node.props.eventKey && !event.currentTarget.contains(event.relatedTarget)) {
|
|
_this.resetDragState();
|
|
_this.currentMouseOverDroppableNodeKey = null;
|
|
}
|
|
var onDragLeave = _this.props.onDragLeave;
|
|
onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave({
|
|
event: event,
|
|
node: (0,treeUtil/* convertNodePropsToEventData */.F)(node.props)
|
|
});
|
|
};
|
|
// since stopPropagation() is called in treeNode
|
|
// if onWindowDrag is called, whice means state is keeped, drag state should be cleared
|
|
_this.onWindowDragEnd = function (event) {
|
|
_this.onNodeDragEnd(event, null, true);
|
|
window.removeEventListener('dragend', _this.onWindowDragEnd);
|
|
};
|
|
// if onNodeDragEnd is called, onWindowDragEnd won't be called since stopPropagation() is called
|
|
_this.onNodeDragEnd = function (event, node) {
|
|
var onDragEnd = _this.props.onDragEnd;
|
|
_this.setState({
|
|
dragOverNodeKey: null
|
|
});
|
|
_this.cleanDragState();
|
|
onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd({
|
|
event: event,
|
|
node: (0,treeUtil/* convertNodePropsToEventData */.F)(node.props)
|
|
});
|
|
_this.dragNode = null;
|
|
window.removeEventListener('dragend', _this.onWindowDragEnd);
|
|
};
|
|
_this.onNodeDrop = function (event, node) {
|
|
var _this$getActiveItem;
|
|
var outsideTree = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
var _this$state4 = _this.state,
|
|
dragChildrenKeys = _this$state4.dragChildrenKeys,
|
|
dropPosition = _this$state4.dropPosition,
|
|
dropTargetKey = _this$state4.dropTargetKey,
|
|
dropTargetPos = _this$state4.dropTargetPos,
|
|
dropAllowed = _this$state4.dropAllowed;
|
|
if (!dropAllowed) return;
|
|
var onDrop = _this.props.onDrop;
|
|
_this.setState({
|
|
dragOverNodeKey: null
|
|
});
|
|
_this.cleanDragState();
|
|
if (dropTargetKey === null) return;
|
|
var abstractDropNodeProps = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, (0,treeUtil/* getTreeNodeProps */.H8)(dropTargetKey, _this.getTreeNodeRequiredProps())), {}, {
|
|
active: ((_this$getActiveItem = _this.getActiveItem()) === null || _this$getActiveItem === void 0 ? void 0 : _this$getActiveItem.key) === dropTargetKey,
|
|
data: (0,keyUtil/* default */.Z)(_this.state.keyEntities, dropTargetKey).node
|
|
});
|
|
var dropToChild = dragChildrenKeys.indexOf(dropTargetKey) !== -1;
|
|
(0,warning/* default */.ZP)(!dropToChild, "Can not drop to dragNode's children node. This is a bug of rc-tree. Please report an issue.");
|
|
var posArr = (0,util/* posToArr */.yx)(dropTargetPos);
|
|
var dropResult = {
|
|
event: event,
|
|
node: (0,treeUtil/* convertNodePropsToEventData */.F)(abstractDropNodeProps),
|
|
dragNode: _this.dragNode ? (0,treeUtil/* convertNodePropsToEventData */.F)(_this.dragNode.props) : null,
|
|
dragNodesKeys: [_this.dragNode.props.eventKey].concat(dragChildrenKeys),
|
|
dropToGap: dropPosition !== 0,
|
|
dropPosition: dropPosition + Number(posArr[posArr.length - 1])
|
|
};
|
|
if (!outsideTree) {
|
|
onDrop === null || onDrop === void 0 ? void 0 : onDrop(dropResult);
|
|
}
|
|
_this.dragNode = null;
|
|
};
|
|
_this.cleanDragState = function () {
|
|
var draggingNodeKey = _this.state.draggingNodeKey;
|
|
if (draggingNodeKey !== null) {
|
|
_this.setState({
|
|
draggingNodeKey: null,
|
|
dropPosition: null,
|
|
dropContainerKey: null,
|
|
dropTargetKey: null,
|
|
dropLevelOffset: null,
|
|
dropAllowed: true,
|
|
dragOverNodeKey: null
|
|
});
|
|
}
|
|
_this.dragStartMousePosition = null;
|
|
_this.currentMouseOverDroppableNodeKey = null;
|
|
};
|
|
_this.triggerExpandActionExpand = function (e, treeNode) {
|
|
var _this$state5 = _this.state,
|
|
expandedKeys = _this$state5.expandedKeys,
|
|
flattenNodes = _this$state5.flattenNodes;
|
|
var expanded = treeNode.expanded,
|
|
key = treeNode.key,
|
|
isLeaf = treeNode.isLeaf;
|
|
if (isLeaf || e.shiftKey || e.metaKey || e.ctrlKey) {
|
|
return;
|
|
}
|
|
var node = flattenNodes.filter(function (nodeItem) {
|
|
return nodeItem.key === key;
|
|
})[0];
|
|
var eventNode = (0,treeUtil/* convertNodePropsToEventData */.F)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, (0,treeUtil/* getTreeNodeProps */.H8)(key, _this.getTreeNodeRequiredProps())), {}, {
|
|
data: node.data
|
|
}));
|
|
_this.setExpandedKeys(expanded ? (0,util/* arrDel */._5)(expandedKeys, key) : (0,util/* arrAdd */.L0)(expandedKeys, key));
|
|
_this.onNodeExpand(e, eventNode);
|
|
};
|
|
_this.onNodeClick = function (e, treeNode) {
|
|
var _this$props3 = _this.props,
|
|
onClick = _this$props3.onClick,
|
|
expandAction = _this$props3.expandAction;
|
|
if (expandAction === 'click') {
|
|
_this.triggerExpandActionExpand(e, treeNode);
|
|
}
|
|
onClick === null || onClick === void 0 ? void 0 : onClick(e, treeNode);
|
|
};
|
|
_this.onNodeDoubleClick = function (e, treeNode) {
|
|
var _this$props4 = _this.props,
|
|
onDoubleClick = _this$props4.onDoubleClick,
|
|
expandAction = _this$props4.expandAction;
|
|
if (expandAction === 'doubleClick') {
|
|
_this.triggerExpandActionExpand(e, treeNode);
|
|
}
|
|
onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(e, treeNode);
|
|
};
|
|
_this.onNodeSelect = function (e, treeNode) {
|
|
var selectedKeys = _this.state.selectedKeys;
|
|
var _this$state6 = _this.state,
|
|
keyEntities = _this$state6.keyEntities,
|
|
fieldNames = _this$state6.fieldNames;
|
|
var _this$props5 = _this.props,
|
|
onSelect = _this$props5.onSelect,
|
|
multiple = _this$props5.multiple;
|
|
var selected = treeNode.selected;
|
|
var key = treeNode[fieldNames.key];
|
|
var targetSelected = !selected;
|
|
// Update selected keys
|
|
if (!targetSelected) {
|
|
selectedKeys = (0,util/* arrDel */._5)(selectedKeys, key);
|
|
} else if (!multiple) {
|
|
selectedKeys = [key];
|
|
} else {
|
|
selectedKeys = (0,util/* arrAdd */.L0)(selectedKeys, key);
|
|
}
|
|
// [Legacy] Not found related usage in doc or upper libs
|
|
var selectedNodes = selectedKeys.map(function (selectedKey) {
|
|
var entity = (0,keyUtil/* default */.Z)(keyEntities, selectedKey);
|
|
if (!entity) return null;
|
|
return entity.node;
|
|
}).filter(function (node) {
|
|
return node;
|
|
});
|
|
_this.setUncontrolledState({
|
|
selectedKeys: selectedKeys
|
|
});
|
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedKeys, {
|
|
event: 'select',
|
|
selected: targetSelected,
|
|
node: treeNode,
|
|
selectedNodes: selectedNodes,
|
|
nativeEvent: e.nativeEvent
|
|
});
|
|
};
|
|
_this.onNodeCheck = function (e, treeNode, checked) {
|
|
var _this$state7 = _this.state,
|
|
keyEntities = _this$state7.keyEntities,
|
|
oriCheckedKeys = _this$state7.checkedKeys,
|
|
oriHalfCheckedKeys = _this$state7.halfCheckedKeys;
|
|
var _this$props6 = _this.props,
|
|
checkStrictly = _this$props6.checkStrictly,
|
|
onCheck = _this$props6.onCheck;
|
|
var key = treeNode.key;
|
|
// Prepare trigger arguments
|
|
var checkedObj;
|
|
var eventObj = {
|
|
event: 'check',
|
|
node: treeNode,
|
|
checked: checked,
|
|
nativeEvent: e.nativeEvent
|
|
};
|
|
if (checkStrictly) {
|
|
var checkedKeys = checked ? (0,util/* arrAdd */.L0)(oriCheckedKeys, key) : (0,util/* arrDel */._5)(oriCheckedKeys, key);
|
|
var halfCheckedKeys = (0,util/* arrDel */._5)(oriHalfCheckedKeys, key);
|
|
checkedObj = {
|
|
checked: checkedKeys,
|
|
halfChecked: halfCheckedKeys
|
|
};
|
|
eventObj.checkedNodes = checkedKeys.map(function (checkedKey) {
|
|
return (0,keyUtil/* default */.Z)(keyEntities, checkedKey);
|
|
}).filter(function (entity) {
|
|
return entity;
|
|
}).map(function (entity) {
|
|
return entity.node;
|
|
});
|
|
_this.setUncontrolledState({
|
|
checkedKeys: checkedKeys
|
|
});
|
|
} else {
|
|
// Always fill first
|
|
var _conductCheck = (0,conductUtil/* conductCheck */.S)([].concat((0,toConsumableArray/* default */.Z)(oriCheckedKeys), [key]), true, keyEntities),
|
|
_checkedKeys = _conductCheck.checkedKeys,
|
|
_halfCheckedKeys = _conductCheck.halfCheckedKeys;
|
|
// If remove, we do it again to correction
|
|
if (!checked) {
|
|
var keySet = new Set(_checkedKeys);
|
|
keySet.delete(key);
|
|
var _conductCheck2 = (0,conductUtil/* conductCheck */.S)(Array.from(keySet), {
|
|
checked: false,
|
|
halfCheckedKeys: _halfCheckedKeys
|
|
}, keyEntities);
|
|
_checkedKeys = _conductCheck2.checkedKeys;
|
|
_halfCheckedKeys = _conductCheck2.halfCheckedKeys;
|
|
}
|
|
checkedObj = _checkedKeys;
|
|
// [Legacy] This is used for `rc-tree-select`
|
|
eventObj.checkedNodes = [];
|
|
eventObj.checkedNodesPositions = [];
|
|
eventObj.halfCheckedKeys = _halfCheckedKeys;
|
|
_checkedKeys.forEach(function (checkedKey) {
|
|
var entity = (0,keyUtil/* default */.Z)(keyEntities, checkedKey);
|
|
if (!entity) return;
|
|
var node = entity.node,
|
|
pos = entity.pos;
|
|
eventObj.checkedNodes.push(node);
|
|
eventObj.checkedNodesPositions.push({
|
|
node: node,
|
|
pos: pos
|
|
});
|
|
});
|
|
_this.setUncontrolledState({
|
|
checkedKeys: _checkedKeys
|
|
}, false, {
|
|
halfCheckedKeys: _halfCheckedKeys
|
|
});
|
|
}
|
|
onCheck === null || onCheck === void 0 ? void 0 : onCheck(checkedObj, eventObj);
|
|
};
|
|
_this.onNodeLoad = function (treeNode) {
|
|
var key = treeNode.key;
|
|
var loadPromise = new Promise(function (resolve, reject) {
|
|
// We need to get the latest state of loading/loaded keys
|
|
_this.setState(function (_ref) {
|
|
var _ref$loadedKeys = _ref.loadedKeys,
|
|
loadedKeys = _ref$loadedKeys === void 0 ? [] : _ref$loadedKeys,
|
|
_ref$loadingKeys = _ref.loadingKeys,
|
|
loadingKeys = _ref$loadingKeys === void 0 ? [] : _ref$loadingKeys;
|
|
var _this$props7 = _this.props,
|
|
loadData = _this$props7.loadData,
|
|
onLoad = _this$props7.onLoad;
|
|
if (!loadData || loadedKeys.indexOf(key) !== -1 || loadingKeys.indexOf(key) !== -1) {
|
|
return null;
|
|
}
|
|
// Process load data
|
|
var promise = loadData(treeNode);
|
|
promise.then(function () {
|
|
var currentLoadedKeys = _this.state.loadedKeys;
|
|
var newLoadedKeys = (0,util/* arrAdd */.L0)(currentLoadedKeys, key);
|
|
// onLoad should trigger before internal setState to avoid `loadData` trigger twice.
|
|
// https://github.com/ant-design/ant-design/issues/12464
|
|
onLoad === null || onLoad === void 0 ? void 0 : onLoad(newLoadedKeys, {
|
|
event: 'load',
|
|
node: treeNode
|
|
});
|
|
_this.setUncontrolledState({
|
|
loadedKeys: newLoadedKeys
|
|
});
|
|
_this.setState(function (prevState) {
|
|
return {
|
|
loadingKeys: (0,util/* arrDel */._5)(prevState.loadingKeys, key)
|
|
};
|
|
});
|
|
resolve();
|
|
}).catch(function (e) {
|
|
_this.setState(function (prevState) {
|
|
return {
|
|
loadingKeys: (0,util/* arrDel */._5)(prevState.loadingKeys, key)
|
|
};
|
|
});
|
|
// If exceed max retry times, we give up retry
|
|
_this.loadingRetryTimes[key] = (_this.loadingRetryTimes[key] || 0) + 1;
|
|
if (_this.loadingRetryTimes[key] >= MAX_RETRY_TIMES) {
|
|
var currentLoadedKeys = _this.state.loadedKeys;
|
|
(0,warning/* default */.ZP)(false, 'Retry for `loadData` many times but still failed. No more retry.');
|
|
_this.setUncontrolledState({
|
|
loadedKeys: (0,util/* arrAdd */.L0)(currentLoadedKeys, key)
|
|
});
|
|
resolve();
|
|
}
|
|
reject(e);
|
|
});
|
|
return {
|
|
loadingKeys: (0,util/* arrAdd */.L0)(loadingKeys, key)
|
|
};
|
|
});
|
|
});
|
|
// Not care warning if we ignore this
|
|
loadPromise.catch(function () {});
|
|
return loadPromise;
|
|
};
|
|
_this.onNodeMouseEnter = function (event, node) {
|
|
var onMouseEnter = _this.props.onMouseEnter;
|
|
onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter({
|
|
event: event,
|
|
node: node
|
|
});
|
|
};
|
|
_this.onNodeMouseLeave = function (event, node) {
|
|
var onMouseLeave = _this.props.onMouseLeave;
|
|
onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave({
|
|
event: event,
|
|
node: node
|
|
});
|
|
};
|
|
_this.onNodeContextMenu = function (event, node) {
|
|
var onRightClick = _this.props.onRightClick;
|
|
if (onRightClick) {
|
|
event.preventDefault();
|
|
onRightClick({
|
|
event: event,
|
|
node: node
|
|
});
|
|
}
|
|
};
|
|
_this.onFocus = function () {
|
|
var onFocus = _this.props.onFocus;
|
|
_this.setState({
|
|
focused: true
|
|
});
|
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
args[_key2] = arguments[_key2];
|
|
}
|
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus.apply(void 0, args);
|
|
};
|
|
_this.onBlur = function () {
|
|
var onBlur = _this.props.onBlur;
|
|
_this.setState({
|
|
focused: false
|
|
});
|
|
_this.onActiveChange(null);
|
|
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
args[_key3] = arguments[_key3];
|
|
}
|
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur.apply(void 0, args);
|
|
};
|
|
_this.getTreeNodeRequiredProps = function () {
|
|
var _this$state8 = _this.state,
|
|
expandedKeys = _this$state8.expandedKeys,
|
|
selectedKeys = _this$state8.selectedKeys,
|
|
loadedKeys = _this$state8.loadedKeys,
|
|
loadingKeys = _this$state8.loadingKeys,
|
|
checkedKeys = _this$state8.checkedKeys,
|
|
halfCheckedKeys = _this$state8.halfCheckedKeys,
|
|
dragOverNodeKey = _this$state8.dragOverNodeKey,
|
|
dropPosition = _this$state8.dropPosition,
|
|
keyEntities = _this$state8.keyEntities;
|
|
return {
|
|
expandedKeys: expandedKeys || [],
|
|
selectedKeys: selectedKeys || [],
|
|
loadedKeys: loadedKeys || [],
|
|
loadingKeys: loadingKeys || [],
|
|
checkedKeys: checkedKeys || [],
|
|
halfCheckedKeys: halfCheckedKeys || [],
|
|
dragOverNodeKey: dragOverNodeKey,
|
|
dropPosition: dropPosition,
|
|
keyEntities: keyEntities
|
|
};
|
|
};
|
|
// =========================== Expanded ===========================
|
|
/** Set uncontrolled `expandedKeys`. This will also auto update `flattenNodes`. */
|
|
_this.setExpandedKeys = function (expandedKeys) {
|
|
var _this$state9 = _this.state,
|
|
treeData = _this$state9.treeData,
|
|
fieldNames = _this$state9.fieldNames;
|
|
var flattenNodes = (0,treeUtil/* flattenTreeData */.oH)(treeData, expandedKeys, fieldNames);
|
|
_this.setUncontrolledState({
|
|
expandedKeys: expandedKeys,
|
|
flattenNodes: flattenNodes
|
|
}, true);
|
|
};
|
|
_this.onNodeExpand = function (e, treeNode) {
|
|
var expandedKeys = _this.state.expandedKeys;
|
|
var _this$state10 = _this.state,
|
|
listChanging = _this$state10.listChanging,
|
|
fieldNames = _this$state10.fieldNames;
|
|
var _this$props8 = _this.props,
|
|
onExpand = _this$props8.onExpand,
|
|
loadData = _this$props8.loadData;
|
|
var expanded = treeNode.expanded;
|
|
var key = treeNode[fieldNames.key];
|
|
// Do nothing when motion is in progress
|
|
if (listChanging) {
|
|
return;
|
|
}
|
|
// Update selected keys
|
|
var index = expandedKeys.indexOf(key);
|
|
var targetExpanded = !expanded;
|
|
(0,warning/* default */.ZP)(expanded && index !== -1 || !expanded && index === -1, 'Expand state not sync with index check');
|
|
if (targetExpanded) {
|
|
expandedKeys = (0,util/* arrAdd */.L0)(expandedKeys, key);
|
|
} else {
|
|
expandedKeys = (0,util/* arrDel */._5)(expandedKeys, key);
|
|
}
|
|
_this.setExpandedKeys(expandedKeys);
|
|
onExpand === null || onExpand === void 0 ? void 0 : onExpand(expandedKeys, {
|
|
node: treeNode,
|
|
expanded: targetExpanded,
|
|
nativeEvent: e.nativeEvent
|
|
});
|
|
// Async Load data
|
|
if (targetExpanded && loadData) {
|
|
var loadPromise = _this.onNodeLoad(treeNode);
|
|
if (loadPromise) {
|
|
loadPromise.then(function () {
|
|
// [Legacy] Refresh logic
|
|
var newFlattenTreeData = (0,treeUtil/* flattenTreeData */.oH)(_this.state.treeData, expandedKeys, fieldNames);
|
|
_this.setUncontrolledState({
|
|
flattenNodes: newFlattenTreeData
|
|
});
|
|
}).catch(function () {
|
|
var currentExpandedKeys = _this.state.expandedKeys;
|
|
var expandedKeysToRestore = (0,util/* arrDel */._5)(currentExpandedKeys, key);
|
|
_this.setExpandedKeys(expandedKeysToRestore);
|
|
});
|
|
}
|
|
}
|
|
};
|
|
_this.onListChangeStart = function () {
|
|
_this.setUncontrolledState({
|
|
listChanging: true
|
|
});
|
|
};
|
|
_this.onListChangeEnd = function () {
|
|
setTimeout(function () {
|
|
_this.setUncontrolledState({
|
|
listChanging: false
|
|
});
|
|
});
|
|
};
|
|
// =========================== Keyboard ===========================
|
|
_this.onActiveChange = function (newActiveKey) {
|
|
var activeKey = _this.state.activeKey;
|
|
var onActiveChange = _this.props.onActiveChange;
|
|
if (activeKey === newActiveKey) {
|
|
return;
|
|
}
|
|
_this.setState({
|
|
activeKey: newActiveKey
|
|
});
|
|
if (newActiveKey !== null) {
|
|
_this.scrollTo({
|
|
key: newActiveKey
|
|
});
|
|
}
|
|
onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(newActiveKey);
|
|
};
|
|
_this.getActiveItem = function () {
|
|
var _this$state11 = _this.state,
|
|
activeKey = _this$state11.activeKey,
|
|
flattenNodes = _this$state11.flattenNodes;
|
|
if (activeKey === null) {
|
|
return null;
|
|
}
|
|
return flattenNodes.find(function (_ref2) {
|
|
var key = _ref2.key;
|
|
return key === activeKey;
|
|
}) || null;
|
|
};
|
|
_this.offsetActiveKey = function (offset) {
|
|
var _this$state12 = _this.state,
|
|
flattenNodes = _this$state12.flattenNodes,
|
|
activeKey = _this$state12.activeKey;
|
|
var index = flattenNodes.findIndex(function (_ref3) {
|
|
var key = _ref3.key;
|
|
return key === activeKey;
|
|
});
|
|
// Align with index
|
|
if (index === -1 && offset < 0) {
|
|
index = flattenNodes.length;
|
|
}
|
|
index = (index + offset + flattenNodes.length) % flattenNodes.length;
|
|
var item = flattenNodes[index];
|
|
if (item) {
|
|
var key = item.key;
|
|
_this.onActiveChange(key);
|
|
} else {
|
|
_this.onActiveChange(null);
|
|
}
|
|
};
|
|
_this.onKeyDown = function (event) {
|
|
var _this$state13 = _this.state,
|
|
activeKey = _this$state13.activeKey,
|
|
expandedKeys = _this$state13.expandedKeys,
|
|
checkedKeys = _this$state13.checkedKeys,
|
|
fieldNames = _this$state13.fieldNames;
|
|
var _this$props9 = _this.props,
|
|
onKeyDown = _this$props9.onKeyDown,
|
|
checkable = _this$props9.checkable,
|
|
selectable = _this$props9.selectable;
|
|
// >>>>>>>>>> Direction
|
|
switch (event.which) {
|
|
case KeyCode/* default */.Z.UP:
|
|
{
|
|
_this.offsetActiveKey(-1);
|
|
event.preventDefault();
|
|
break;
|
|
}
|
|
case KeyCode/* default */.Z.DOWN:
|
|
{
|
|
_this.offsetActiveKey(1);
|
|
event.preventDefault();
|
|
break;
|
|
}
|
|
}
|
|
// >>>>>>>>>> Expand & Selection
|
|
var activeItem = _this.getActiveItem();
|
|
if (activeItem && activeItem.data) {
|
|
var treeNodeRequiredProps = _this.getTreeNodeRequiredProps();
|
|
var expandable = activeItem.data.isLeaf === false || !!(activeItem.data[fieldNames.children] || []).length;
|
|
var eventNode = (0,treeUtil/* convertNodePropsToEventData */.F)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, (0,treeUtil/* getTreeNodeProps */.H8)(activeKey, treeNodeRequiredProps)), {}, {
|
|
data: activeItem.data,
|
|
active: true
|
|
}));
|
|
switch (event.which) {
|
|
// >>> Expand
|
|
case KeyCode/* default */.Z.LEFT:
|
|
{
|
|
// Collapse if possible
|
|
if (expandable && expandedKeys.includes(activeKey)) {
|
|
_this.onNodeExpand({}, eventNode);
|
|
} else if (activeItem.parent) {
|
|
_this.onActiveChange(activeItem.parent.key);
|
|
}
|
|
event.preventDefault();
|
|
break;
|
|
}
|
|
case KeyCode/* default */.Z.RIGHT:
|
|
{
|
|
// Expand if possible
|
|
if (expandable && !expandedKeys.includes(activeKey)) {
|
|
_this.onNodeExpand({}, eventNode);
|
|
} else if (activeItem.children && activeItem.children.length) {
|
|
_this.onActiveChange(activeItem.children[0].key);
|
|
}
|
|
event.preventDefault();
|
|
break;
|
|
}
|
|
// Selection
|
|
case KeyCode/* default */.Z.ENTER:
|
|
case KeyCode/* default */.Z.SPACE:
|
|
{
|
|
if (checkable && !eventNode.disabled && eventNode.checkable !== false && !eventNode.disableCheckbox) {
|
|
_this.onNodeCheck({}, eventNode, !checkedKeys.includes(activeKey));
|
|
} else if (!checkable && selectable && !eventNode.disabled && eventNode.selectable !== false) {
|
|
_this.onNodeSelect({}, eventNode);
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
};
|
|
/**
|
|
* Only update the value which is not in props
|
|
*/
|
|
_this.setUncontrolledState = function (state) {
|
|
var atomic = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
var forceState = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
if (!_this.destroyed) {
|
|
var needSync = false;
|
|
var allPassed = true;
|
|
var newState = {};
|
|
Object.keys(state).forEach(function (name) {
|
|
if (name in _this.props) {
|
|
allPassed = false;
|
|
return;
|
|
}
|
|
needSync = true;
|
|
newState[name] = state[name];
|
|
});
|
|
if (needSync && (!atomic || allPassed)) {
|
|
_this.setState((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, newState), forceState));
|
|
}
|
|
}
|
|
};
|
|
_this.scrollTo = function (scroll) {
|
|
_this.listRef.current.scrollTo(scroll);
|
|
};
|
|
return _this;
|
|
}
|
|
(0,createClass/* default */.Z)(Tree, [{
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
this.destroyed = false;
|
|
this.onUpdated();
|
|
}
|
|
}, {
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate() {
|
|
this.onUpdated();
|
|
}
|
|
}, {
|
|
key: "onUpdated",
|
|
value: function onUpdated() {
|
|
var activeKey = this.props.activeKey;
|
|
if (activeKey !== undefined && activeKey !== this.state.activeKey) {
|
|
this.setState({
|
|
activeKey: activeKey
|
|
});
|
|
if (activeKey !== null) {
|
|
this.scrollTo({
|
|
key: activeKey
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}, {
|
|
key: "componentWillUnmount",
|
|
value: function componentWillUnmount() {
|
|
window.removeEventListener('dragend', this.onWindowDragEnd);
|
|
this.destroyed = true;
|
|
}
|
|
}, {
|
|
key: "resetDragState",
|
|
value: function resetDragState() {
|
|
this.setState({
|
|
dragOverNodeKey: null,
|
|
dropPosition: null,
|
|
dropLevelOffset: null,
|
|
dropTargetKey: null,
|
|
dropContainerKey: null,
|
|
dropTargetPos: null,
|
|
dropAllowed: false
|
|
});
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _classNames;
|
|
var _this$state14 = this.state,
|
|
focused = _this$state14.focused,
|
|
flattenNodes = _this$state14.flattenNodes,
|
|
keyEntities = _this$state14.keyEntities,
|
|
draggingNodeKey = _this$state14.draggingNodeKey,
|
|
activeKey = _this$state14.activeKey,
|
|
dropLevelOffset = _this$state14.dropLevelOffset,
|
|
dropContainerKey = _this$state14.dropContainerKey,
|
|
dropTargetKey = _this$state14.dropTargetKey,
|
|
dropPosition = _this$state14.dropPosition,
|
|
dragOverNodeKey = _this$state14.dragOverNodeKey,
|
|
indent = _this$state14.indent;
|
|
var _this$props10 = this.props,
|
|
prefixCls = _this$props10.prefixCls,
|
|
className = _this$props10.className,
|
|
style = _this$props10.style,
|
|
showLine = _this$props10.showLine,
|
|
focusable = _this$props10.focusable,
|
|
_this$props10$tabInde = _this$props10.tabIndex,
|
|
tabIndex = _this$props10$tabInde === void 0 ? 0 : _this$props10$tabInde,
|
|
selectable = _this$props10.selectable,
|
|
showIcon = _this$props10.showIcon,
|
|
icon = _this$props10.icon,
|
|
switcherIcon = _this$props10.switcherIcon,
|
|
draggable = _this$props10.draggable,
|
|
checkable = _this$props10.checkable,
|
|
checkStrictly = _this$props10.checkStrictly,
|
|
disabled = _this$props10.disabled,
|
|
motion = _this$props10.motion,
|
|
loadData = _this$props10.loadData,
|
|
filterTreeNode = _this$props10.filterTreeNode,
|
|
height = _this$props10.height,
|
|
itemHeight = _this$props10.itemHeight,
|
|
virtual = _this$props10.virtual,
|
|
titleRender = _this$props10.titleRender,
|
|
dropIndicatorRender = _this$props10.dropIndicatorRender,
|
|
onContextMenu = _this$props10.onContextMenu,
|
|
onScroll = _this$props10.onScroll,
|
|
direction = _this$props10.direction,
|
|
rootClassName = _this$props10.rootClassName,
|
|
rootStyle = _this$props10.rootStyle;
|
|
var domProps = (0,pickAttrs/* default */.Z)(this.props, {
|
|
aria: true,
|
|
data: true
|
|
});
|
|
// It's better move to hooks but we just simply keep here
|
|
var draggableConfig;
|
|
if (draggable) {
|
|
if ((0,esm_typeof/* default */.Z)(draggable) === 'object') {
|
|
draggableConfig = draggable;
|
|
} else if (typeof draggable === 'function') {
|
|
draggableConfig = {
|
|
nodeDraggable: draggable
|
|
};
|
|
} else {
|
|
draggableConfig = {};
|
|
}
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(contextTypes/* TreeContext */.k.Provider, {
|
|
value: {
|
|
prefixCls: prefixCls,
|
|
selectable: selectable,
|
|
showIcon: showIcon,
|
|
icon: icon,
|
|
switcherIcon: switcherIcon,
|
|
draggable: draggableConfig,
|
|
draggingNodeKey: draggingNodeKey,
|
|
checkable: checkable,
|
|
checkStrictly: checkStrictly,
|
|
disabled: disabled,
|
|
keyEntities: keyEntities,
|
|
dropLevelOffset: dropLevelOffset,
|
|
dropContainerKey: dropContainerKey,
|
|
dropTargetKey: dropTargetKey,
|
|
dropPosition: dropPosition,
|
|
dragOverNodeKey: dragOverNodeKey,
|
|
indent: indent,
|
|
direction: direction,
|
|
dropIndicatorRender: dropIndicatorRender,
|
|
loadData: loadData,
|
|
filterTreeNode: filterTreeNode,
|
|
titleRender: titleRender,
|
|
onNodeClick: this.onNodeClick,
|
|
onNodeDoubleClick: this.onNodeDoubleClick,
|
|
onNodeExpand: this.onNodeExpand,
|
|
onNodeSelect: this.onNodeSelect,
|
|
onNodeCheck: this.onNodeCheck,
|
|
onNodeLoad: this.onNodeLoad,
|
|
onNodeMouseEnter: this.onNodeMouseEnter,
|
|
onNodeMouseLeave: this.onNodeMouseLeave,
|
|
onNodeContextMenu: this.onNodeContextMenu,
|
|
onNodeDragStart: this.onNodeDragStart,
|
|
onNodeDragEnter: this.onNodeDragEnter,
|
|
onNodeDragOver: this.onNodeDragOver,
|
|
onNodeDragLeave: this.onNodeDragLeave,
|
|
onNodeDragEnd: this.onNodeDragEnd,
|
|
onNodeDrop: this.onNodeDrop
|
|
}
|
|
}, /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
role: "tree",
|
|
className: _classnames_2_5_1_classnames_default()(prefixCls, className, rootClassName, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-show-line"), showLine), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-focused"), focused), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-active-focused"), activeKey !== null), _classNames)),
|
|
style: rootStyle
|
|
}, /*#__PURE__*/_react_17_0_2_react.createElement(es_NodeList, (0,esm_extends/* default */.Z)({
|
|
ref: this.listRef,
|
|
prefixCls: prefixCls,
|
|
style: style,
|
|
data: flattenNodes,
|
|
disabled: disabled,
|
|
selectable: selectable,
|
|
checkable: !!checkable,
|
|
motion: motion,
|
|
dragging: draggingNodeKey !== null,
|
|
height: height,
|
|
itemHeight: itemHeight,
|
|
virtual: virtual,
|
|
focusable: focusable,
|
|
focused: focused,
|
|
tabIndex: tabIndex,
|
|
activeItem: this.getActiveItem(),
|
|
onFocus: this.onFocus,
|
|
onBlur: this.onBlur,
|
|
onKeyDown: this.onKeyDown,
|
|
onActiveChange: this.onActiveChange,
|
|
onListChangeStart: this.onListChangeStart,
|
|
onListChangeEnd: this.onListChangeEnd,
|
|
onContextMenu: onContextMenu,
|
|
onScroll: onScroll
|
|
}, this.getTreeNodeRequiredProps(), domProps))));
|
|
}
|
|
}], [{
|
|
key: "getDerivedStateFromProps",
|
|
value: function getDerivedStateFromProps(props, prevState) {
|
|
var prevProps = prevState.prevProps;
|
|
var newState = {
|
|
prevProps: props
|
|
};
|
|
function needSync(name) {
|
|
return !prevProps && name in props || prevProps && prevProps[name] !== props[name];
|
|
}
|
|
// ================== Tree Node ==================
|
|
var treeData;
|
|
// fieldNames
|
|
var fieldNames = prevState.fieldNames;
|
|
if (needSync('fieldNames')) {
|
|
fieldNames = (0,treeUtil/* fillFieldNames */.w$)(props.fieldNames);
|
|
newState.fieldNames = fieldNames;
|
|
}
|
|
// Check if `treeData` or `children` changed and save into the state.
|
|
if (needSync('treeData')) {
|
|
treeData = props.treeData;
|
|
} else if (needSync('children')) {
|
|
(0,warning/* default */.ZP)(false, '`children` of Tree is deprecated. Please use `treeData` instead.');
|
|
treeData = (0,treeUtil/* convertTreeToData */.zn)(props.children);
|
|
}
|
|
// Save flatten nodes info and convert `treeData` into keyEntities
|
|
if (treeData) {
|
|
newState.treeData = treeData;
|
|
var entitiesMap = (0,treeUtil/* convertDataToEntities */.I8)(treeData, {
|
|
fieldNames: fieldNames
|
|
});
|
|
newState.keyEntities = (0,objectSpread2/* default */.Z)((0,defineProperty/* default */.Z)({}, MOTION_KEY, MotionEntity), entitiesMap.keyEntities);
|
|
// Warning if treeNode not provide key
|
|
if (false) {}
|
|
}
|
|
var keyEntities = newState.keyEntities || prevState.keyEntities;
|
|
// ================ expandedKeys =================
|
|
if (needSync('expandedKeys') || prevProps && needSync('autoExpandParent')) {
|
|
newState.expandedKeys = props.autoExpandParent || !prevProps && props.defaultExpandParent ? (0,util/* conductExpandParent */.r7)(props.expandedKeys, keyEntities) : props.expandedKeys;
|
|
} else if (!prevProps && props.defaultExpandAll) {
|
|
var cloneKeyEntities = (0,objectSpread2/* default */.Z)({}, keyEntities);
|
|
delete cloneKeyEntities[MOTION_KEY];
|
|
newState.expandedKeys = Object.keys(cloneKeyEntities).map(function (key) {
|
|
return cloneKeyEntities[key].key;
|
|
});
|
|
} else if (!prevProps && props.defaultExpandedKeys) {
|
|
newState.expandedKeys = props.autoExpandParent || props.defaultExpandParent ? (0,util/* conductExpandParent */.r7)(props.defaultExpandedKeys, keyEntities) : props.defaultExpandedKeys;
|
|
}
|
|
if (!newState.expandedKeys) {
|
|
delete newState.expandedKeys;
|
|
}
|
|
// ================ flattenNodes =================
|
|
if (treeData || newState.expandedKeys) {
|
|
var flattenNodes = (0,treeUtil/* flattenTreeData */.oH)(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys, fieldNames);
|
|
newState.flattenNodes = flattenNodes;
|
|
}
|
|
// ================ selectedKeys =================
|
|
if (props.selectable) {
|
|
if (needSync('selectedKeys')) {
|
|
newState.selectedKeys = (0,util/* calcSelectedKeys */.BT)(props.selectedKeys, props);
|
|
} else if (!prevProps && props.defaultSelectedKeys) {
|
|
newState.selectedKeys = (0,util/* calcSelectedKeys */.BT)(props.defaultSelectedKeys, props);
|
|
}
|
|
}
|
|
// ================= checkedKeys =================
|
|
if (props.checkable) {
|
|
var checkedKeyEntity;
|
|
if (needSync('checkedKeys')) {
|
|
checkedKeyEntity = (0,util/* parseCheckedKeys */.E6)(props.checkedKeys) || {};
|
|
} else if (!prevProps && props.defaultCheckedKeys) {
|
|
checkedKeyEntity = (0,util/* parseCheckedKeys */.E6)(props.defaultCheckedKeys) || {};
|
|
} else if (treeData) {
|
|
// If `treeData` changed, we also need check it
|
|
checkedKeyEntity = (0,util/* parseCheckedKeys */.E6)(props.checkedKeys) || {
|
|
checkedKeys: prevState.checkedKeys,
|
|
halfCheckedKeys: prevState.halfCheckedKeys
|
|
};
|
|
}
|
|
if (checkedKeyEntity) {
|
|
var _checkedKeyEntity = checkedKeyEntity,
|
|
_checkedKeyEntity$che = _checkedKeyEntity.checkedKeys,
|
|
checkedKeys = _checkedKeyEntity$che === void 0 ? [] : _checkedKeyEntity$che,
|
|
_checkedKeyEntity$hal = _checkedKeyEntity.halfCheckedKeys,
|
|
halfCheckedKeys = _checkedKeyEntity$hal === void 0 ? [] : _checkedKeyEntity$hal;
|
|
if (!props.checkStrictly) {
|
|
var conductKeys = (0,conductUtil/* conductCheck */.S)(checkedKeys, true, keyEntities);
|
|
checkedKeys = conductKeys.checkedKeys;
|
|
halfCheckedKeys = conductKeys.halfCheckedKeys;
|
|
}
|
|
newState.checkedKeys = checkedKeys;
|
|
newState.halfCheckedKeys = halfCheckedKeys;
|
|
}
|
|
}
|
|
// ================= loadedKeys ==================
|
|
if (needSync('loadedKeys')) {
|
|
newState.loadedKeys = props.loadedKeys;
|
|
}
|
|
return newState;
|
|
}
|
|
}]);
|
|
return Tree;
|
|
}(_react_17_0_2_react.Component);
|
|
Tree.defaultProps = {
|
|
prefixCls: 'rc-tree',
|
|
showLine: false,
|
|
showIcon: true,
|
|
selectable: true,
|
|
multiple: false,
|
|
checkable: false,
|
|
disabled: false,
|
|
checkStrictly: false,
|
|
draggable: false,
|
|
defaultExpandParent: true,
|
|
autoExpandParent: false,
|
|
defaultExpandAll: false,
|
|
defaultExpandedKeys: [],
|
|
defaultCheckedKeys: [],
|
|
defaultSelectedKeys: [],
|
|
dropIndicatorRender: DropIndicator,
|
|
allowDrop: function allowDrop() {
|
|
return true;
|
|
},
|
|
expandAction: false
|
|
};
|
|
Tree.TreeNode = TreeNode/* default */.Z;
|
|
/* harmony default export */ var es_Tree = (Tree);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-tree@5.7.12@rc-tree/es/index.js
|
|
|
|
|
|
|
|
/* harmony default export */ var _rc_tree_5_7_12_rc_tree_es = (es_Tree);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 35654:
|
|
/*!*********************************************************!*\
|
|
!*** ./node_modules/_rc-tree@5.7.12@rc-tree/es/util.js ***!
|
|
\*********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ BT: function() { return /* binding */ calcSelectedKeys; },
|
|
/* harmony export */ E6: function() { return /* binding */ parseCheckedKeys; },
|
|
/* harmony export */ L0: function() { return /* binding */ arrAdd; },
|
|
/* harmony export */ OM: function() { return /* binding */ calcDropPosition; },
|
|
/* harmony export */ _5: function() { return /* binding */ arrDel; },
|
|
/* harmony export */ r7: function() { return /* binding */ conductExpandParent; },
|
|
/* harmony export */ wA: function() { return /* binding */ getDragChildrenKeys; },
|
|
/* harmony export */ yx: function() { return /* binding */ posToArr; }
|
|
/* harmony export */ });
|
|
/* unused harmony exports isLastChild, isFirstChild, convertDataToTree */
|
|
/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ 95190);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ 93664);
|
|
/* harmony import */ var rc_util_es_warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rc-util/es/warning */ 48736);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ 59301);
|
|
/* harmony import */ var _TreeNode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TreeNode */ 39417);
|
|
/* harmony import */ var _utils_keyUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/keyUtil */ 67841);
|
|
/* harmony import */ var _utils_treeUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/treeUtil */ 71430);
|
|
|
|
|
|
|
|
|
|
var _excluded = (/* unused pure expression or super */ null && (["children"]));
|
|
/* eslint-disable no-lonely-if */
|
|
/**
|
|
* Legacy code. Should avoid to use if you are new to import these code.
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
function arrDel(list, value) {
|
|
if (!list) return [];
|
|
var clone = list.slice();
|
|
var index = clone.indexOf(value);
|
|
if (index >= 0) {
|
|
clone.splice(index, 1);
|
|
}
|
|
return clone;
|
|
}
|
|
function arrAdd(list, value) {
|
|
var clone = (list || []).slice();
|
|
if (clone.indexOf(value) === -1) {
|
|
clone.push(value);
|
|
}
|
|
return clone;
|
|
}
|
|
function posToArr(pos) {
|
|
return pos.split('-');
|
|
}
|
|
function getDragChildrenKeys(dragNodeKey, keyEntities) {
|
|
// not contains self
|
|
// self for left or right drag
|
|
var dragChildrenKeys = [];
|
|
var entity = (0,_utils_keyUtil__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(keyEntities, dragNodeKey);
|
|
function dig() {
|
|
var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
list.forEach(function (_ref) {
|
|
var key = _ref.key,
|
|
children = _ref.children;
|
|
dragChildrenKeys.push(key);
|
|
dig(children);
|
|
});
|
|
}
|
|
dig(entity.children);
|
|
return dragChildrenKeys;
|
|
}
|
|
function isLastChild(treeNodeEntity) {
|
|
if (treeNodeEntity.parent) {
|
|
var posArr = posToArr(treeNodeEntity.pos);
|
|
return Number(posArr[posArr.length - 1]) === treeNodeEntity.parent.children.length - 1;
|
|
}
|
|
return false;
|
|
}
|
|
function isFirstChild(treeNodeEntity) {
|
|
var posArr = posToArr(treeNodeEntity.pos);
|
|
return Number(posArr[posArr.length - 1]) === 0;
|
|
}
|
|
// Only used when drag, not affect SSR.
|
|
function calcDropPosition(event, dragNode, targetNode, indent, startMousePosition, allowDrop, flattenedNodes, keyEntities, expandKeys, direction) {
|
|
var _abstractDropNodeEnti;
|
|
var clientX = event.clientX,
|
|
clientY = event.clientY;
|
|
var _event$target$getBoun = event.target.getBoundingClientRect(),
|
|
top = _event$target$getBoun.top,
|
|
height = _event$target$getBoun.height;
|
|
// optional chain for testing
|
|
var horizontalMouseOffset = (direction === 'rtl' ? -1 : 1) * (((startMousePosition === null || startMousePosition === void 0 ? void 0 : startMousePosition.x) || 0) - clientX);
|
|
var rawDropLevelOffset = (horizontalMouseOffset - 12) / indent;
|
|
// find abstract drop node by horizontal offset
|
|
var abstractDropNodeEntity = (0,_utils_keyUtil__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(keyEntities, targetNode.props.eventKey);
|
|
if (clientY < top + height / 2) {
|
|
// first half, set abstract drop node to previous node
|
|
var nodeIndex = flattenedNodes.findIndex(function (flattenedNode) {
|
|
return flattenedNode.key === abstractDropNodeEntity.key;
|
|
});
|
|
var prevNodeIndex = nodeIndex <= 0 ? 0 : nodeIndex - 1;
|
|
var prevNodeKey = flattenedNodes[prevNodeIndex].key;
|
|
abstractDropNodeEntity = (0,_utils_keyUtil__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(keyEntities, prevNodeKey);
|
|
}
|
|
var initialAbstractDropNodeKey = abstractDropNodeEntity.key;
|
|
var abstractDragOverEntity = abstractDropNodeEntity;
|
|
var dragOverNodeKey = abstractDropNodeEntity.key;
|
|
var dropPosition = 0;
|
|
var dropLevelOffset = 0;
|
|
// Only allow cross level drop when dragging on a non-expanded node
|
|
if (!expandKeys.includes(initialAbstractDropNodeKey)) {
|
|
for (var i = 0; i < rawDropLevelOffset; i += 1) {
|
|
if (isLastChild(abstractDropNodeEntity)) {
|
|
abstractDropNodeEntity = abstractDropNodeEntity.parent;
|
|
dropLevelOffset += 1;
|
|
} else {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
var abstractDragDataNode = dragNode.props.data;
|
|
var abstractDropDataNode = abstractDropNodeEntity.node;
|
|
var dropAllowed = true;
|
|
if (isFirstChild(abstractDropNodeEntity) && abstractDropNodeEntity.level === 0 && clientY < top + height / 2 && allowDrop({
|
|
dragNode: abstractDragDataNode,
|
|
dropNode: abstractDropDataNode,
|
|
dropPosition: -1
|
|
}) && abstractDropNodeEntity.key === targetNode.props.eventKey) {
|
|
// first half of first node in first level
|
|
dropPosition = -1;
|
|
} else if ((abstractDragOverEntity.children || []).length && expandKeys.includes(dragOverNodeKey)) {
|
|
// drop on expanded node
|
|
// only allow drop inside
|
|
if (allowDrop({
|
|
dragNode: abstractDragDataNode,
|
|
dropNode: abstractDropDataNode,
|
|
dropPosition: 0
|
|
})) {
|
|
dropPosition = 0;
|
|
} else {
|
|
dropAllowed = false;
|
|
}
|
|
} else if (dropLevelOffset === 0) {
|
|
if (rawDropLevelOffset > -1.5) {
|
|
// | Node | <- abstractDropNode
|
|
// | -^-===== | <- mousePosition
|
|
// 1. try drop after
|
|
// 2. do not allow drop
|
|
if (allowDrop({
|
|
dragNode: abstractDragDataNode,
|
|
dropNode: abstractDropDataNode,
|
|
dropPosition: 1
|
|
})) {
|
|
dropPosition = 1;
|
|
} else {
|
|
dropAllowed = false;
|
|
}
|
|
} else {
|
|
// | Node | <- abstractDropNode
|
|
// | ---==^== | <- mousePosition
|
|
// whether it has children or doesn't has children
|
|
// always
|
|
// 1. try drop inside
|
|
// 2. try drop after
|
|
// 3. do not allow drop
|
|
if (allowDrop({
|
|
dragNode: abstractDragDataNode,
|
|
dropNode: abstractDropDataNode,
|
|
dropPosition: 0
|
|
})) {
|
|
dropPosition = 0;
|
|
} else if (allowDrop({
|
|
dragNode: abstractDragDataNode,
|
|
dropNode: abstractDropDataNode,
|
|
dropPosition: 1
|
|
})) {
|
|
dropPosition = 1;
|
|
} else {
|
|
dropAllowed = false;
|
|
}
|
|
}
|
|
} else {
|
|
// | Node1 | <- abstractDropNode
|
|
// | Node2 |
|
|
// --^--|----=====| <- mousePosition
|
|
// 1. try insert after Node1
|
|
// 2. do not allow drop
|
|
if (allowDrop({
|
|
dragNode: abstractDragDataNode,
|
|
dropNode: abstractDropDataNode,
|
|
dropPosition: 1
|
|
})) {
|
|
dropPosition = 1;
|
|
} else {
|
|
dropAllowed = false;
|
|
}
|
|
}
|
|
return {
|
|
dropPosition: dropPosition,
|
|
dropLevelOffset: dropLevelOffset,
|
|
dropTargetKey: abstractDropNodeEntity.key,
|
|
dropTargetPos: abstractDropNodeEntity.pos,
|
|
dragOverNodeKey: dragOverNodeKey,
|
|
dropContainerKey: dropPosition === 0 ? null : ((_abstractDropNodeEnti = abstractDropNodeEntity.parent) === null || _abstractDropNodeEnti === void 0 ? void 0 : _abstractDropNodeEnti.key) || null,
|
|
dropAllowed: dropAllowed
|
|
};
|
|
}
|
|
/**
|
|
* Return selectedKeys according with multiple prop
|
|
* @param selectedKeys
|
|
* @param props
|
|
* @returns [string]
|
|
*/
|
|
function calcSelectedKeys(selectedKeys, props) {
|
|
if (!selectedKeys) return undefined;
|
|
var multiple = props.multiple;
|
|
if (multiple) {
|
|
return selectedKeys.slice();
|
|
}
|
|
if (selectedKeys.length) {
|
|
return [selectedKeys[0]];
|
|
}
|
|
return selectedKeys;
|
|
}
|
|
var internalProcessProps = function internalProcessProps(props) {
|
|
return props;
|
|
};
|
|
function convertDataToTree(treeData, processor) {
|
|
if (!treeData) return [];
|
|
var _ref2 = processor || {},
|
|
_ref2$processProps = _ref2.processProps,
|
|
processProps = _ref2$processProps === void 0 ? internalProcessProps : _ref2$processProps;
|
|
var list = Array.isArray(treeData) ? treeData : [treeData];
|
|
return list.map(function (_ref3) {
|
|
var children = _ref3.children,
|
|
props = _objectWithoutProperties(_ref3, _excluded);
|
|
var childrenNodes = convertDataToTree(children, processor);
|
|
return /*#__PURE__*/React.createElement(TreeNode, _extends({
|
|
key: props.key
|
|
}, processProps(props)), childrenNodes);
|
|
});
|
|
}
|
|
/**
|
|
* Parse `checkedKeys` to { checkedKeys, halfCheckedKeys } style
|
|
*/
|
|
function parseCheckedKeys(keys) {
|
|
if (!keys) {
|
|
return null;
|
|
}
|
|
// Convert keys to object format
|
|
var keyProps;
|
|
if (Array.isArray(keys)) {
|
|
// [Legacy] Follow the api doc
|
|
keyProps = {
|
|
checkedKeys: keys,
|
|
halfCheckedKeys: undefined
|
|
};
|
|
} else if ((0,_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(keys) === 'object') {
|
|
keyProps = {
|
|
checkedKeys: keys.checked || undefined,
|
|
halfCheckedKeys: keys.halfChecked || undefined
|
|
};
|
|
} else {
|
|
(0,rc_util_es_warning__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .ZP)(false, '`checkedKeys` is not an array or an object');
|
|
return null;
|
|
}
|
|
return keyProps;
|
|
}
|
|
/**
|
|
* If user use `autoExpandParent` we should get the list of parent node
|
|
* @param keyList
|
|
* @param keyEntities
|
|
*/
|
|
function conductExpandParent(keyList, keyEntities) {
|
|
var expandedKeys = new Set();
|
|
function conductUp(key) {
|
|
if (expandedKeys.has(key)) return;
|
|
var entity = (0,_utils_keyUtil__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(keyEntities, key);
|
|
if (!entity) return;
|
|
expandedKeys.add(key);
|
|
var parent = entity.parent,
|
|
node = entity.node;
|
|
if (node.disabled) return;
|
|
if (parent) {
|
|
conductUp(parent.key);
|
|
}
|
|
}
|
|
(keyList || []).forEach(function (key) {
|
|
conductUp(key);
|
|
});
|
|
return (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(expandedKeys);
|
|
}
|
|
|
|
/***/ })
|
|
|
|
}]); |