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.
976 lines
34 KiB
976 lines
34 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[14533],{
|
|
|
|
/***/ 26911:
|
|
/*!*****************************************************************************!*\
|
|
!*** ./node_modules/@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/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
;// CONCATENATED MODULE: ./node_modules/@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/es/components/AntdIcon.js + 8 modules
|
|
var AntdIcon = __webpack_require__(74643);
|
|
;// CONCATENATED MODULE: ./node_modules/@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.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_FileOutlined
|
|
}));
|
|
};
|
|
if (false) {}
|
|
/* harmony default export */ var icons_FileOutlined = (/*#__PURE__*/react.forwardRef(FileOutlined_FileOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 28638:
|
|
/*!************************************************************************************!*\
|
|
!*** ./node_modules/@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/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
;// CONCATENATED MODULE: ./node_modules/@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/es/components/AntdIcon.js + 8 modules
|
|
var AntdIcon = __webpack_require__(74643);
|
|
;// CONCATENATED MODULE: ./node_modules/@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.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_MinusSquareOutlined
|
|
}));
|
|
};
|
|
if (false) {}
|
|
/* harmony default export */ var icons_MinusSquareOutlined = (/*#__PURE__*/react.forwardRef(MinusSquareOutlined_MinusSquareOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 13982:
|
|
/*!***********************************************************************************!*\
|
|
!*** ./node_modules/@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/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
;// CONCATENATED MODULE: ./node_modules/@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/es/components/AntdIcon.js + 8 modules
|
|
var AntdIcon = __webpack_require__(74643);
|
|
;// CONCATENATED MODULE: ./node_modules/@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.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_PlusSquareOutlined
|
|
}));
|
|
};
|
|
if (false) {}
|
|
/* harmony default export */ var icons_PlusSquareOutlined = (/*#__PURE__*/react.forwardRef(PlusSquareOutlined_PlusSquareOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 63185:
|
|
/*!******************************************************!*\
|
|
!*** ./node_modules/antd/es/checkbox/style/index.js ***!
|
|
\******************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "C2": function() { return /* binding */ getStyle; }
|
|
/* harmony export */ });
|
|
/* unused harmony export genCheckboxStyle */
|
|
/* harmony import */ var _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ant-design/cssinjs */ 73559);
|
|
/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ 14747);
|
|
/* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ 45503);
|
|
/* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ 67968);
|
|
|
|
|
|
|
|
// ============================== Motion ==============================
|
|
const antCheckboxEffect = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antCheckboxEffect', {
|
|
'0%': {
|
|
transform: 'scale(1)',
|
|
opacity: 0.5
|
|
},
|
|
'100%': {
|
|
transform: 'scale(1.6)',
|
|
opacity: 0
|
|
}
|
|
});
|
|
// ============================== Styles ==============================
|
|
const genCheckboxStyle = token => {
|
|
const {
|
|
checkboxCls
|
|
} = token;
|
|
const wrapperCls = `${checkboxCls}-wrapper`;
|
|
return [
|
|
// ===================== Basic =====================
|
|
{
|
|
// Group
|
|
[`${checkboxCls}-group`]: Object.assign(Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .resetComponent */ .Wf)(token)), {
|
|
display: 'inline-flex',
|
|
flexWrap: 'wrap',
|
|
columnGap: token.marginXS,
|
|
// Group > Grid
|
|
[`> ${token.antCls}-row`]: {
|
|
flex: 1
|
|
}
|
|
}),
|
|
// Wrapper
|
|
[wrapperCls]: Object.assign(Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .resetComponent */ .Wf)(token)), {
|
|
display: 'inline-flex',
|
|
alignItems: 'baseline',
|
|
cursor: 'pointer',
|
|
// Fix checkbox & radio in flex align #30260
|
|
'&:after': {
|
|
display: 'inline-block',
|
|
width: 0,
|
|
overflow: 'hidden',
|
|
content: "'\\a0'"
|
|
},
|
|
// Checkbox near checkbox
|
|
[`& + ${wrapperCls}`]: {
|
|
marginInlineStart: 0
|
|
},
|
|
[`&${wrapperCls}-in-form-item`]: {
|
|
'input[type="checkbox"]': {
|
|
width: 14,
|
|
height: 14 // FIXME: magic
|
|
}
|
|
}
|
|
}),
|
|
|
|
// Wrapper > Checkbox
|
|
[checkboxCls]: Object.assign(Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .resetComponent */ .Wf)(token)), {
|
|
position: 'relative',
|
|
whiteSpace: 'nowrap',
|
|
lineHeight: 1,
|
|
cursor: 'pointer',
|
|
// To make alignment right when `controlHeight` is changed
|
|
// Ref: https://github.com/ant-design/ant-design/issues/41564
|
|
alignSelf: 'center',
|
|
// Wrapper > Checkbox > input
|
|
[`${checkboxCls}-input`]: {
|
|
position: 'absolute',
|
|
// Since baseline align will get additional space offset,
|
|
// we need to move input to top to make it align with text.
|
|
// Ref: https://github.com/ant-design/ant-design/issues/38926#issuecomment-1486137799
|
|
inset: 0,
|
|
zIndex: 1,
|
|
cursor: 'pointer',
|
|
opacity: 0,
|
|
margin: 0,
|
|
[`&:focus-visible + ${checkboxCls}-inner`]: Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .genFocusOutline */ .oN)(token))
|
|
},
|
|
// Wrapper > Checkbox > inner
|
|
[`${checkboxCls}-inner`]: {
|
|
boxSizing: 'border-box',
|
|
position: 'relative',
|
|
top: 0,
|
|
insetInlineStart: 0,
|
|
display: 'block',
|
|
width: token.checkboxSize,
|
|
height: token.checkboxSize,
|
|
direction: 'ltr',
|
|
backgroundColor: token.colorBgContainer,
|
|
border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,
|
|
borderRadius: token.borderRadiusSM,
|
|
borderCollapse: 'separate',
|
|
transition: `all ${token.motionDurationSlow}`,
|
|
'&:after': {
|
|
boxSizing: 'border-box',
|
|
position: 'absolute',
|
|
top: '50%',
|
|
insetInlineStart: '21.5%',
|
|
display: 'table',
|
|
width: token.checkboxSize / 14 * 5,
|
|
height: token.checkboxSize / 14 * 8,
|
|
border: `${token.lineWidthBold}px solid ${token.colorWhite}`,
|
|
borderTop: 0,
|
|
borderInlineStart: 0,
|
|
transform: 'rotate(45deg) scale(0) translate(-50%,-50%)',
|
|
opacity: 0,
|
|
content: '""',
|
|
transition: `all ${token.motionDurationFast} ${token.motionEaseInBack}, opacity ${token.motionDurationFast}`
|
|
}
|
|
},
|
|
// Wrapper > Checkbox + Text
|
|
'& + span': {
|
|
paddingInlineStart: token.paddingXS,
|
|
paddingInlineEnd: token.paddingXS
|
|
}
|
|
})
|
|
},
|
|
// ===================== Hover =====================
|
|
{
|
|
// Wrapper
|
|
[`${wrapperCls}:hover ${checkboxCls}:after`]: {
|
|
visibility: 'visible'
|
|
},
|
|
// Wrapper & Wrapper > Checkbox
|
|
[`
|
|
${wrapperCls}:not(${wrapperCls}-disabled),
|
|
${checkboxCls}:not(${checkboxCls}-disabled)
|
|
`]: {
|
|
[`&:hover ${checkboxCls}-inner`]: {
|
|
borderColor: token.colorPrimary
|
|
}
|
|
},
|
|
[`${wrapperCls}:not(${wrapperCls}-disabled)`]: {
|
|
[`&:hover ${checkboxCls}-checked:not(${checkboxCls}-disabled) ${checkboxCls}-inner`]: {
|
|
backgroundColor: token.colorPrimaryHover,
|
|
borderColor: 'transparent'
|
|
},
|
|
[`&:hover ${checkboxCls}-checked:not(${checkboxCls}-disabled):after`]: {
|
|
borderColor: token.colorPrimaryHover
|
|
}
|
|
}
|
|
},
|
|
// ==================== Checked ====================
|
|
{
|
|
// Wrapper > Checkbox
|
|
[`${checkboxCls}-checked`]: {
|
|
[`${checkboxCls}-inner`]: {
|
|
backgroundColor: token.colorPrimary,
|
|
borderColor: token.colorPrimary,
|
|
'&:after': {
|
|
opacity: 1,
|
|
transform: 'rotate(45deg) scale(1) translate(-50%,-50%)',
|
|
transition: `all ${token.motionDurationMid} ${token.motionEaseOutBack} ${token.motionDurationFast}`
|
|
}
|
|
},
|
|
// Checked Effect
|
|
'&:after': {
|
|
position: 'absolute',
|
|
top: 0,
|
|
insetInlineStart: 0,
|
|
width: '100%',
|
|
height: '100%',
|
|
borderRadius: token.borderRadiusSM,
|
|
visibility: 'hidden',
|
|
border: `${token.lineWidthBold}px solid ${token.colorPrimary}`,
|
|
animationName: antCheckboxEffect,
|
|
animationDuration: token.motionDurationSlow,
|
|
animationTimingFunction: 'ease-in-out',
|
|
animationFillMode: 'backwards',
|
|
content: '""',
|
|
transition: `all ${token.motionDurationSlow}`
|
|
}
|
|
},
|
|
[`
|
|
${wrapperCls}-checked:not(${wrapperCls}-disabled),
|
|
${checkboxCls}-checked:not(${checkboxCls}-disabled)
|
|
`]: {
|
|
[`&:hover ${checkboxCls}-inner`]: {
|
|
backgroundColor: token.colorPrimaryHover,
|
|
borderColor: 'transparent'
|
|
},
|
|
[`&:hover ${checkboxCls}:after`]: {
|
|
borderColor: token.colorPrimaryHover
|
|
}
|
|
}
|
|
},
|
|
// ================= Indeterminate =================
|
|
{
|
|
[checkboxCls]: {
|
|
'&-indeterminate': {
|
|
// Wrapper > Checkbox > inner
|
|
[`${checkboxCls}-inner`]: {
|
|
backgroundColor: token.colorBgContainer,
|
|
borderColor: token.colorBorder,
|
|
'&:after': {
|
|
top: '50%',
|
|
insetInlineStart: '50%',
|
|
width: token.fontSizeLG / 2,
|
|
height: token.fontSizeLG / 2,
|
|
backgroundColor: token.colorPrimary,
|
|
border: 0,
|
|
transform: 'translate(-50%, -50%) scale(1)',
|
|
opacity: 1,
|
|
content: '""'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
// ==================== Disable ====================
|
|
{
|
|
// Wrapper
|
|
[`${wrapperCls}-disabled`]: {
|
|
cursor: 'not-allowed'
|
|
},
|
|
// Wrapper > Checkbox
|
|
[`${checkboxCls}-disabled`]: {
|
|
// Wrapper > Checkbox > input
|
|
[`&, ${checkboxCls}-input`]: {
|
|
cursor: 'not-allowed',
|
|
// Disabled for native input to enable Tooltip event handler
|
|
// ref: https://github.com/ant-design/ant-design/issues/39822#issuecomment-1365075901
|
|
pointerEvents: 'none'
|
|
},
|
|
// Wrapper > Checkbox > inner
|
|
[`${checkboxCls}-inner`]: {
|
|
background: token.colorBgContainerDisabled,
|
|
borderColor: token.colorBorder,
|
|
'&:after': {
|
|
borderColor: token.colorTextDisabled
|
|
}
|
|
},
|
|
'&:after': {
|
|
display: 'none'
|
|
},
|
|
'& + span': {
|
|
color: token.colorTextDisabled
|
|
},
|
|
[`&${checkboxCls}-indeterminate ${checkboxCls}-inner::after`]: {
|
|
background: token.colorTextDisabled
|
|
}
|
|
}
|
|
}];
|
|
};
|
|
// ============================== Export ==============================
|
|
function getStyle(prefixCls, token) {
|
|
const checkboxToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__/* .merge */ .TS)(token, {
|
|
checkboxCls: `.${prefixCls}`,
|
|
checkboxSize: token.controlInteractiveSize
|
|
});
|
|
return [genCheckboxStyle(checkboxToken)];
|
|
}
|
|
/* harmony default export */ __webpack_exports__["ZP"] = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)('Checkbox', (token, _ref) => {
|
|
let {
|
|
prefixCls
|
|
} = _ref;
|
|
return [getStyle(prefixCls, token)];
|
|
}));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 32157:
|
|
/*!**************************************************!*\
|
|
!*** ./node_modules/antd/es/tree/style/index.js ***!
|
|
\**************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* 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 */ 73559);
|
|
/* harmony import */ var _checkbox_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../checkbox/style */ 63185);
|
|
/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ 14747);
|
|
/* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../style/motion */ 33507);
|
|
/* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ 45503);
|
|
/* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ 67968);
|
|
|
|
|
|
|
|
|
|
|
|
// ============================ 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,
|
|
treeTitleHeight
|
|
} = 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: treeTitleHeight,
|
|
lineHeight: `${treeTitleHeight}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: treeTitleHeight
|
|
}
|
|
},
|
|
// >>> Drag Handler
|
|
[`${treeCls}-draggable-icon`]: {
|
|
visibility: 'hidden'
|
|
},
|
|
// >>> Switcher
|
|
[`${treeCls}-switcher`]: Object.assign(Object.assign({}, getSwitchStyle(prefixCls, token)), {
|
|
position: 'relative',
|
|
flex: 'none',
|
|
alignSelf: 'stretch',
|
|
width: treeTitleHeight,
|
|
margin: 0,
|
|
lineHeight: `${treeTitleHeight}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: treeTitleHeight / 2,
|
|
bottom: -treeNodePadding,
|
|
marginInlineStart: -1,
|
|
borderInlineEnd: `1px solid ${token.colorBorder}`,
|
|
content: '""'
|
|
},
|
|
'&:after': {
|
|
position: 'absolute',
|
|
width: treeTitleHeight / 2 * 0.8,
|
|
height: treeTitleHeight / 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: treeTitleHeight,
|
|
margin: 0,
|
|
padding: `0 ${token.paddingXS / 2}px`,
|
|
color: 'inherit',
|
|
lineHeight: `${treeTitleHeight}px`,
|
|
background: 'transparent',
|
|
borderRadius: token.borderRadius,
|
|
cursor: 'pointer',
|
|
transition: `all ${token.motionDurationMid}, border 0s, line-height 0s, box-shadow 0s`,
|
|
'&:hover': {
|
|
backgroundColor: token.controlItemBgHover
|
|
},
|
|
[`&${treeCls}-node-selected`]: {
|
|
backgroundColor: token.controlItemBgActive
|
|
},
|
|
// Icon
|
|
[`${treeCls}-iconEle`]: {
|
|
display: 'inline-block',
|
|
width: treeTitleHeight,
|
|
height: treeTitleHeight,
|
|
lineHeight: `${treeTitleHeight}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: `${treeTitleHeight}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: treeTitleHeight / 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: `${treeTitleHeight / 2}px !important`
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
};
|
|
};
|
|
// ============================ Directory =============================
|
|
const genDirectoryStyle = token => {
|
|
const {
|
|
treeCls,
|
|
treeNodeCls,
|
|
treeNodePadding
|
|
} = 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: token.colorTextLightSolid,
|
|
background: 'transparent'
|
|
}
|
|
},
|
|
// ============= Selected =============
|
|
'&-selected': {
|
|
[`
|
|
&:hover::before,
|
|
&::before
|
|
`]: {
|
|
background: token.colorPrimary
|
|
},
|
|
// >>> Switcher
|
|
[`${treeCls}-switcher`]: {
|
|
color: token.colorTextLightSolid
|
|
},
|
|
// >>> Title
|
|
[`${treeCls}-node-content-wrapper`]: {
|
|
color: token.colorTextLightSolid,
|
|
background: 'transparent'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
// ============================== Merged ==============================
|
|
const genTreeStyle = (prefixCls, token) => {
|
|
const treeCls = `.${prefixCls}`;
|
|
const treeNodeCls = `${treeCls}-treenode`;
|
|
const treeNodePadding = token.paddingXS / 2;
|
|
const treeTitleHeight = token.controlHeightSM;
|
|
const treeToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__/* .merge */ .TS)(token, {
|
|
treeCls,
|
|
treeNodeCls,
|
|
treeNodePadding,
|
|
treeTitleHeight
|
|
});
|
|
return [
|
|
// Basic
|
|
genBaseStyle(prefixCls, treeToken),
|
|
// Directory
|
|
genDirectoryStyle(treeToken)];
|
|
};
|
|
// ============================== Export ==============================
|
|
/* 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)];
|
|
}));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 79337:
|
|
/*!*****************************************************************!*\
|
|
!*** ./node_modules/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/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
;// CONCATENATED MODULE: ./node_modules/@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/es/components/AntdIcon.js + 8 modules
|
|
var AntdIcon = __webpack_require__(74643);
|
|
;// CONCATENATED MODULE: ./node_modules/@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.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_CaretDownFilled
|
|
}));
|
|
};
|
|
if (false) {}
|
|
/* harmony default export */ var icons_CaretDownFilled = (/*#__PURE__*/react.forwardRef(CaretDownFilled_CaretDownFilled));
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/FileOutlined.js + 1 modules
|
|
var FileOutlined = __webpack_require__(26911);
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/LoadingOutlined.js + 1 modules
|
|
var LoadingOutlined = __webpack_require__(50888);
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/MinusSquareOutlined.js + 1 modules
|
|
var MinusSquareOutlined = __webpack_require__(28638);
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/PlusSquareOutlined.js + 1 modules
|
|
var PlusSquareOutlined = __webpack_require__(13982);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/reactNode.js
|
|
var reactNode = __webpack_require__(96159);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/tree/utils/iconUtil.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const SwitcherIconCom = props => {
|
|
const {
|
|
prefixCls,
|
|
switcherIcon,
|
|
treeNodeProps,
|
|
showLine
|
|
} = props;
|
|
const {
|
|
isLeaf,
|
|
expanded,
|
|
loading
|
|
} = treeNodeProps;
|
|
if (loading) {
|
|
return /*#__PURE__*/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_default()(leafIcon.props.className || '', leafCls)
|
|
});
|
|
}
|
|
return leafIcon;
|
|
}
|
|
return showLeafIcon ? /*#__PURE__*/react.createElement(FileOutlined/* default */.Z, {
|
|
className: `${prefixCls}-switcher-line-icon`
|
|
}) : /*#__PURE__*/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_default()(switcher.props.className || '', switcherCls)
|
|
});
|
|
}
|
|
if (switcher !== undefined) {
|
|
return switcher;
|
|
}
|
|
if (showLine) {
|
|
return expanded ? /*#__PURE__*/react.createElement(MinusSquareOutlined/* default */.Z, {
|
|
className: `${prefixCls}-switcher-line-icon`
|
|
}) : /*#__PURE__*/react.createElement(PlusSquareOutlined/* default */.Z, {
|
|
className: `${prefixCls}-switcher-line-icon`
|
|
});
|
|
}
|
|
return /*#__PURE__*/react.createElement(icons_CaretDownFilled, {
|
|
className: switcherCls
|
|
});
|
|
};
|
|
/* harmony default export */ var iconUtil = (SwitcherIconCom);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 36459:
|
|
/*!*****************************************************************************!*\
|
|
!*** ./node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js ***!
|
|
\*****************************************************************************/
|
|
/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "Z": function() { return /* binding */ _objectDestructuringEmpty; }
|
|
/* harmony export */ });
|
|
function _objectDestructuringEmpty(obj) {
|
|
if (obj == null) throw new TypeError("Cannot destructure " + obj);
|
|
}
|
|
|
|
/***/ })
|
|
|
|
}]); |