first commit
This commit is contained in:
rayd1o
3
frontend/node_modules/antd/lib/tree/style/directory.d.ts
generated
vendored
Normal file
3
frontend/node_modules/antd/lib/tree/style/directory.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import type { CSSObject } from '@ant-design/cssinjs';
|
||||
import type { TreeToken } from '.';
|
||||
export declare const genDirectoryStyle: ({ treeCls, treeNodeCls, directoryNodeSelectedBg, directoryNodeSelectedColor, motionDurationMid, borderRadius, controlItemBgHover, }: TreeToken) => CSSObject;
|
||||
66
frontend/node_modules/antd/lib/tree/style/directory.js
generated
vendored
Normal file
66
frontend/node_modules/antd/lib/tree/style/directory.js
generated
vendored
Normal file
@@ -0,0 +1,66 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.genDirectoryStyle = void 0;
|
||||
// ============================ Directory =============================
|
||||
const genDirectoryStyle = ({
|
||||
treeCls,
|
||||
treeNodeCls,
|
||||
directoryNodeSelectedBg,
|
||||
directoryNodeSelectedColor,
|
||||
motionDurationMid,
|
||||
borderRadius,
|
||||
controlItemBgHover
|
||||
}) => ({
|
||||
[`${treeCls}${treeCls}-directory ${treeNodeCls}`]: {
|
||||
// >>> Title
|
||||
[`${treeCls}-node-content-wrapper`]: {
|
||||
position: 'static',
|
||||
[`&:has(${treeCls}-drop-indicator)`]: {
|
||||
position: 'relative'
|
||||
},
|
||||
[`> *:not(${treeCls}-drop-indicator)`]: {
|
||||
position: 'relative'
|
||||
},
|
||||
'&:hover': {
|
||||
background: 'transparent'
|
||||
},
|
||||
// Expand interactive area to whole line
|
||||
'&:before': {
|
||||
position: 'absolute',
|
||||
inset: 0,
|
||||
transition: `background-color ${motionDurationMid}`,
|
||||
content: '""',
|
||||
borderRadius
|
||||
},
|
||||
'&:hover:before': {
|
||||
background: controlItemBgHover
|
||||
}
|
||||
},
|
||||
[`${treeCls}-switcher, ${treeCls}-checkbox, ${treeCls}-draggable-icon`]: {
|
||||
zIndex: 1
|
||||
},
|
||||
// ============= Selected =============
|
||||
'&-selected': {
|
||||
background: directoryNodeSelectedBg,
|
||||
borderRadius,
|
||||
[`${treeCls}-switcher, ${treeCls}-draggable-icon`]: {
|
||||
color: directoryNodeSelectedColor
|
||||
},
|
||||
// >>> Title
|
||||
[`${treeCls}-node-content-wrapper`]: {
|
||||
color: directoryNodeSelectedColor,
|
||||
background: 'transparent',
|
||||
'&, &:hover': {
|
||||
color: directoryNodeSelectedColor
|
||||
},
|
||||
'&:before, &:hover:before': {
|
||||
background: directoryNodeSelectedBg
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
exports.genDirectoryStyle = genDirectoryStyle;
|
||||
63
frontend/node_modules/antd/lib/tree/style/index.d.ts
generated
vendored
Normal file
63
frontend/node_modules/antd/lib/tree/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,63 @@
|
||||
import type { CSSInterpolation, CSSObject } from '@ant-design/cssinjs';
|
||||
import type { AliasToken, CSSUtil, FullToken, GetDefaultToken } from '../../theme/internal';
|
||||
export interface TreeSharedToken {
|
||||
/**
|
||||
* @desc 节点标题高度
|
||||
* @descEN Node title height
|
||||
*/
|
||||
titleHeight: number;
|
||||
/**
|
||||
* @desc 缩进宽度
|
||||
* @descEN Indent width of tree
|
||||
*/
|
||||
indentSize?: number;
|
||||
/**
|
||||
* @desc 节点悬浮态背景色
|
||||
* @descEN Background color of hovered node
|
||||
*/
|
||||
nodeHoverBg: string;
|
||||
/**
|
||||
* @desc 节点悬浮态态文字颜色
|
||||
* @descEN Text color of hovered node
|
||||
*/
|
||||
nodeHoverColor: string;
|
||||
/**
|
||||
* @desc 节点选中态背景色
|
||||
* @descEN Background color of selected node
|
||||
*/
|
||||
nodeSelectedBg: string;
|
||||
/**
|
||||
* @desc 节点选中态文字颜色
|
||||
* @descEN Text color of selected node
|
||||
*/
|
||||
nodeSelectedColor: string;
|
||||
}
|
||||
export interface ComponentToken extends TreeSharedToken {
|
||||
/**
|
||||
* @desc 目录树节点选中文字颜色
|
||||
* @descEN Text color of selected directory node
|
||||
*/
|
||||
directoryNodeSelectedColor: string;
|
||||
/**
|
||||
* @desc 目录树节点选中背景色
|
||||
* @descEN Background color of selected directory node
|
||||
*/
|
||||
directoryNodeSelectedBg: string;
|
||||
}
|
||||
export type TreeToken = FullToken<'Tree'> & {
|
||||
treeCls: string;
|
||||
treeNodeCls: string;
|
||||
treeNodePadding: number | string;
|
||||
};
|
||||
export declare const genBaseStyle: (prefixCls: string, token: TreeToken) => CSSObject;
|
||||
export declare const genTreeStyle: (prefixCls: string, token: AliasToken & TreeSharedToken & CSSUtil,
|
||||
/**
|
||||
* @descCN 是否启用目录树样式
|
||||
* @descEN Whether to enable directory style
|
||||
* @default true
|
||||
*/
|
||||
enableDirectory?: boolean) => CSSInterpolation;
|
||||
export declare const initComponentToken: (token: AliasToken) => TreeSharedToken;
|
||||
export declare const prepareComponentToken: GetDefaultToken<'Tree'>;
|
||||
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
|
||||
export default _default;
|
||||
381
frontend/node_modules/antd/lib/tree/style/index.js
generated
vendored
Normal file
381
frontend/node_modules/antd/lib/tree/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,381 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.prepareComponentToken = exports.initComponentToken = exports.genTreeStyle = exports.genBaseStyle = exports.default = void 0;
|
||||
var _cssinjs = require("@ant-design/cssinjs");
|
||||
var _style = require("../../checkbox/style");
|
||||
var _style2 = require("../../style");
|
||||
var _motion = require("../../style/motion");
|
||||
var _internal = require("../../theme/internal");
|
||||
var _directory = require("./directory");
|
||||
// ============================ Keyframes =============================
|
||||
const treeNodeFX = new _cssinjs.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: `${(0, _cssinjs.unit)(token.lineWidthBold)} solid ${token.colorPrimary}`,
|
||||
borderRadius: '50%',
|
||||
content: '""'
|
||||
}
|
||||
}
|
||||
});
|
||||
const genBaseStyle = (prefixCls, token) => {
|
||||
const {
|
||||
treeCls,
|
||||
treeNodeCls,
|
||||
treeNodePadding,
|
||||
titleHeight,
|
||||
indentSize,
|
||||
nodeSelectedBg,
|
||||
nodeHoverBg,
|
||||
colorTextQuaternary,
|
||||
controlItemBgActiveDisabled
|
||||
} = token;
|
||||
return {
|
||||
[treeCls]: Object.assign(Object.assign({}, (0, _style2.resetComponent)(token)), {
|
||||
// fix https://github.com/ant-design/ant-design/issues/50316
|
||||
['--rc-virtual-list-scrollbar-bg']: token.colorSplit,
|
||||
background: token.colorBgContainer,
|
||||
borderRadius: token.borderRadius,
|
||||
transition: `background-color ${token.motionDurationSlow}`,
|
||||
'&-rtl': {
|
||||
direction: 'rtl'
|
||||
},
|
||||
[`&${treeCls}-rtl ${treeCls}-switcher_close ${treeCls}-switcher-icon svg`]: {
|
||||
transform: 'rotate(90deg)'
|
||||
},
|
||||
[`&-focused:not(:hover):not(${treeCls}-active-focused)`]: (0, _style2.genFocusOutline)(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:after`]: {
|
||||
position: 'absolute',
|
||||
inset: 0,
|
||||
border: `1px solid ${token.colorPrimary}`,
|
||||
opacity: 0,
|
||||
animationName: treeNodeFX,
|
||||
animationDuration: token.motionDurationSlow,
|
||||
animationPlayState: 'running',
|
||||
animationFillMode: 'forwards',
|
||||
content: '""',
|
||||
pointerEvents: 'none',
|
||||
borderRadius: token.borderRadius
|
||||
}
|
||||
}
|
||||
},
|
||||
// ===================== TreeNode =====================
|
||||
[treeNodeCls]: {
|
||||
display: 'flex',
|
||||
alignItems: 'flex-start',
|
||||
marginBottom: treeNodePadding,
|
||||
lineHeight: (0, _cssinjs.unit)(titleHeight),
|
||||
position: 'relative',
|
||||
// 非常重要，避免 drop-indicator 在拖拽过程中闪烁
|
||||
'&:before': {
|
||||
content: '""',
|
||||
position: 'absolute',
|
||||
zIndex: 1,
|
||||
insetInlineStart: 0,
|
||||
width: '100%',
|
||||
top: '100%',
|
||||
height: treeNodePadding
|
||||
},
|
||||
// Disabled
|
||||
[`&-disabled ${treeCls}-node-content-wrapper`]: {
|
||||
color: token.colorTextDisabled,
|
||||
cursor: 'not-allowed',
|
||||
'&:hover': {
|
||||
background: 'transparent'
|
||||
}
|
||||
},
|
||||
[`${treeCls}-checkbox-disabled + ${treeCls}-node-selected,&${treeNodeCls}-disabled${treeNodeCls}-selected ${treeCls}-node-content-wrapper`]: {
|
||||
backgroundColor: controlItemBgActiveDisabled
|
||||
},
|
||||
// we can not set pointer-events to none for checkbox in tree
|
||||
// ref: https://github.com/ant-design/ant-design/issues/39822#issuecomment-2605234058
|
||||
[`${treeCls}-checkbox-disabled`]: {
|
||||
pointerEvents: 'unset'
|
||||
},
|
||||
// not disable
|
||||
[`&:not(${treeNodeCls}-disabled)`]: {
|
||||
// >>> Title
|
||||
[`${treeCls}-node-content-wrapper`]: {
|
||||
'&:hover': {
|
||||
color: token.nodeHoverColor
|
||||
}
|
||||
}
|
||||
},
|
||||
[`&-active ${treeCls}-node-content-wrapper`]: {
|
||||
background: token.controlItemBgHover
|
||||
},
|
||||
[`&:not(${treeNodeCls}-disabled).filter-node ${treeCls}-title`]: {
|
||||
color: token.colorPrimary,
|
||||
fontWeight: token.fontWeightStrong
|
||||
},
|
||||
'&-draggable': {
|
||||
cursor: 'grab',
|
||||
[`${treeCls}-draggable-icon`]: {
|
||||
// https://github.com/ant-design/ant-design/issues/41915
|
||||
flexShrink: 0,
|
||||
width: titleHeight,
|
||||
textAlign: 'center',
|
||||
visibility: 'visible',
|
||||
color: colorTextQuaternary
|
||||
},
|
||||
[`&${treeNodeCls}-disabled ${treeCls}-draggable-icon`]: {
|
||||
visibility: 'hidden'
|
||||
}
|
||||
}
|
||||
},
|
||||
// >>> Indent
|
||||
[`${treeCls}-indent`]: {
|
||||
alignSelf: 'stretch',
|
||||
whiteSpace: 'nowrap',
|
||||
userSelect: 'none',
|
||||
'&-unit': {
|
||||
display: 'inline-block',
|
||||
width: indentSize
|
||||
}
|
||||
},
|
||||
// >>> Drag Handler
|
||||
[`${treeCls}-draggable-icon`]: {
|
||||
visibility: 'hidden'
|
||||
},
|
||||
// Switcher / Checkbox
|
||||
[`${treeCls}-switcher, ${treeCls}-checkbox`]: {
|
||||
marginInlineEnd: token.calc(token.calc(titleHeight).sub(token.controlInteractiveSize)).div(2).equal()
|
||||
},
|
||||
// >>> Switcher
|
||||
[`${treeCls}-switcher`]: Object.assign(Object.assign({}, getSwitchStyle(prefixCls, token)), {
|
||||
position: 'relative',
|
||||
flex: 'none',
|
||||
alignSelf: 'stretch',
|
||||
width: titleHeight,
|
||||
textAlign: 'center',
|
||||
cursor: 'pointer',
|
||||
userSelect: 'none',
|
||||
transition: `all ${token.motionDurationSlow}`,
|
||||
'&-noop': {
|
||||
cursor: 'unset'
|
||||
},
|
||||
'&:before': {
|
||||
pointerEvents: 'none',
|
||||
content: '""',
|
||||
width: titleHeight,
|
||||
height: titleHeight,
|
||||
position: 'absolute',
|
||||
left: {
|
||||
_skip_check_: true,
|
||||
value: 0
|
||||
},
|
||||
top: 0,
|
||||
borderRadius: token.borderRadius,
|
||||
transition: `all ${token.motionDurationSlow}`
|
||||
},
|
||||
[`&:not(${treeCls}-switcher-noop):hover:before`]: {
|
||||
backgroundColor: token.colorBgTextHover
|
||||
},
|
||||
[`&_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: token.calc(titleHeight).div(2).equal(),
|
||||
bottom: token.calc(treeNodePadding).mul(-1).equal(),
|
||||
marginInlineStart: -1,
|
||||
borderInlineEnd: `1px solid ${token.colorBorder}`,
|
||||
content: '""'
|
||||
},
|
||||
'&:after': {
|
||||
position: 'absolute',
|
||||
width: token.calc(token.calc(titleHeight).div(2).equal()).mul(0.8).equal(),
|
||||
height: token.calc(titleHeight).div(2).equal(),
|
||||
borderBottom: `1px solid ${token.colorBorder}`,
|
||||
content: '""'
|
||||
}
|
||||
}
|
||||
}),
|
||||
// >>> Title
|
||||
// add `${treeCls}-checkbox + span` to cover checkbox `${checkboxCls} + span`
|
||||
[`${treeCls}-node-content-wrapper`]: Object.assign(Object.assign({
|
||||
position: 'relative',
|
||||
minHeight: titleHeight,
|
||||
paddingBlock: 0,
|
||||
paddingInline: token.paddingXS,
|
||||
background: 'transparent',
|
||||
borderRadius: token.borderRadius,
|
||||
cursor: 'pointer',
|
||||
transition: `all ${token.motionDurationMid}, border 0s, line-height 0s, box-shadow 0s`
|
||||
}, getDropIndicatorStyle(prefixCls, token)), {
|
||||
'&:hover': {
|
||||
backgroundColor: nodeHoverBg
|
||||
},
|
||||
[`&${treeCls}-node-selected`]: {
|
||||
color: token.nodeSelectedColor,
|
||||
backgroundColor: nodeSelectedBg
|
||||
},
|
||||
// Icon
|
||||
[`${treeCls}-iconEle`]: {
|
||||
display: 'inline-block',
|
||||
width: titleHeight,
|
||||
height: titleHeight,
|
||||
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'
|
||||
},
|
||||
[`${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: token.calc(titleHeight).div(2).equal(),
|
||||
bottom: token.calc(treeNodePadding).mul(-1).equal(),
|
||||
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: `${(0, _cssinjs.unit)(token.calc(titleHeight).div(2).equal())} !important`
|
||||
}
|
||||
})
|
||||
};
|
||||
};
|
||||
// ============================== Merged ==============================
|
||||
exports.genBaseStyle = genBaseStyle;
|
||||
const genTreeStyle = (prefixCls, token,
|
||||
/**
|
||||
* @descCN 是否启用目录树样式
|
||||
* @descEN Whether to enable directory style
|
||||
* @default true
|
||||
*/
|
||||
enableDirectory = true) => {
|
||||
const treeCls = `.${prefixCls}`;
|
||||
const treeNodeCls = `${treeCls}-treenode`;
|
||||
const treeNodePadding = token.calc(token.paddingXS).div(2).equal();
|
||||
const treeToken = (0, _internal.mergeToken)(token, {
|
||||
treeCls,
|
||||
treeNodeCls,
|
||||
treeNodePadding
|
||||
});
|
||||
return [
|
||||
// Basic
|
||||
genBaseStyle(prefixCls, treeToken),
|
||||
// Directory
|
||||
enableDirectory && (0, _directory.genDirectoryStyle)(treeToken)].filter(Boolean);
|
||||
};
|
||||
exports.genTreeStyle = genTreeStyle;
|
||||
const initComponentToken = token => {
|
||||
const {
|
||||
controlHeightSM,
|
||||
controlItemBgHover,
|
||||
controlItemBgActive
|
||||
} = token;
|
||||
const titleHeight = controlHeightSM;
|
||||
return {
|
||||
titleHeight,
|
||||
indentSize: titleHeight,
|
||||
nodeHoverBg: controlItemBgHover,
|
||||
nodeHoverColor: token.colorText,
|
||||
nodeSelectedBg: controlItemBgActive,
|
||||
nodeSelectedColor: token.colorText
|
||||
};
|
||||
};
|
||||
exports.initComponentToken = initComponentToken;
|
||||
const prepareComponentToken = token => {
|
||||
const {
|
||||
colorTextLightSolid,
|
||||
colorPrimary
|
||||
} = token;
|
||||
return Object.assign(Object.assign({}, initComponentToken(token)), {
|
||||
directoryNodeSelectedColor: colorTextLightSolid,
|
||||
directoryNodeSelectedBg: colorPrimary
|
||||
});
|
||||
};
|
||||
exports.prepareComponentToken = prepareComponentToken;
|
||||
var _default = exports.default = (0, _internal.genStyleHooks)('Tree', (token, {
|
||||
prefixCls
|
||||
}) => [{
|
||||
[token.componentCls]: (0, _style.getStyle)(`${prefixCls}-checkbox`, token)
|
||||
}, genTreeStyle(prefixCls, token), (0, _motion.genCollapseMotion)(token)], prepareComponentToken);
|
||||
Reference in New Issue
Block a user