@aloudata/aloudata-design 1.10.5 → 1.10.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/Tree/Tree.js
CHANGED
|
@@ -12,7 +12,6 @@ import * as React from 'react';
|
|
|
12
12
|
import { ConfigContext } from "../ConfigProvider";
|
|
13
13
|
import { ChevronDownLine, DragLine } from "../Icon";
|
|
14
14
|
import collapseMotion from "../_utils/motion";
|
|
15
|
-
import theme from "../style/themes/default/themeColor.module.less";
|
|
16
15
|
import dropIndicatorRender from "./utils/dropIndicator";
|
|
17
16
|
import renderSwitcherIcon from "./utils/iconUtil";
|
|
18
17
|
var TREE_SWITCH_LARGE_ICON_SIZE = 20;
|
|
@@ -69,7 +68,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
69
68
|
}
|
|
70
69
|
var newIcon = /*#__PURE__*/React.createElement(DragLine, {
|
|
71
70
|
size: TREE_SWITCH_CION_SIZE,
|
|
72
|
-
color:
|
|
71
|
+
color: "#a2a2a2"
|
|
73
72
|
});
|
|
74
73
|
var mergedDraggable = {
|
|
75
74
|
icon: newIcon
|
|
@@ -123,7 +122,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
123
122
|
switcherIcon: function switcherIcon(nodeProps) {
|
|
124
123
|
return /*#__PURE__*/React.createElement(React.Fragment, null, renderIndent(nodeProps), renderSwitcherIcon(prefixCls, /*#__PURE__*/React.createElement(ChevronDownLine, {
|
|
125
124
|
size: size === 'small' ? TREE_SWITCH_CION_SIZE : TREE_SWITCH_LARGE_ICON_SIZE,
|
|
126
|
-
color: '#
|
|
125
|
+
color: '#a2a2a2'
|
|
127
126
|
}, "\u5C55\u5F00"), showLine, nodeProps, size === 'small' ? TREE_SWITCH_CION_SIZE : TREE_SWITCH_LARGE_ICON_SIZE));
|
|
128
127
|
},
|
|
129
128
|
draggable: draggableConfig
|
|
@@ -2,6 +2,9 @@ import { App, Tree } from "../../..";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export default (function () {
|
|
4
4
|
return /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(Tree, {
|
|
5
|
+
size: "large",
|
|
6
|
+
showIcon: true,
|
|
7
|
+
icon: 'icon',
|
|
5
8
|
treeData: [{
|
|
6
9
|
title: 'Parent 1',
|
|
7
10
|
key: '0-0',
|
|
@@ -21,6 +21,12 @@
|
|
|
21
21
|
|
|
22
22
|
.ald-tree.draggable-tree {
|
|
23
23
|
padding: 3px 0;
|
|
24
|
+
|
|
25
|
+
.ald-tree-treenode {
|
|
26
|
+
.ald-tree-draggable-icon {
|
|
27
|
+
opacity: 1;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
24
30
|
}
|
|
25
31
|
|
|
26
32
|
.ald-tree-treenode {
|
|
@@ -29,10 +35,12 @@
|
|
|
29
35
|
font-size: @tree-font-size-default;
|
|
30
36
|
font-weight: 400;
|
|
31
37
|
color: #171717;
|
|
38
|
+
width: 100%;
|
|
32
39
|
|
|
33
40
|
.ald-tree-draggable-icon {
|
|
34
41
|
display: inline-flex;
|
|
35
42
|
align-items: center;
|
|
43
|
+
cursor: pointer;
|
|
36
44
|
}
|
|
37
45
|
|
|
38
46
|
.ald-tree-switcher {
|
|
@@ -46,17 +54,29 @@
|
|
|
46
54
|
}
|
|
47
55
|
|
|
48
56
|
.ald-tree-node-content-wrapper {
|
|
49
|
-
padding:
|
|
57
|
+
padding: @tree-padding-default;
|
|
58
|
+
line-height: @tree-line-height-default;
|
|
50
59
|
flex: 1;
|
|
60
|
+
display: flex;
|
|
61
|
+
align-items: center;
|
|
62
|
+
// stylelint-disable-next-line
|
|
63
|
+
.ald-tree-iconEle {
|
|
64
|
+
display: inline-flex;
|
|
65
|
+
align-items: center;
|
|
66
|
+
margin-right: 4px;
|
|
67
|
+
width: fit-content;
|
|
68
|
+
height: fit-content;
|
|
69
|
+
line-height: inherit;
|
|
70
|
+
}
|
|
51
71
|
|
|
52
72
|
.ald-tree-title {
|
|
53
|
-
padding: @tree-padding-default;
|
|
54
73
|
line-height: @tree-line-height-default;
|
|
55
74
|
border-radius: 2px;
|
|
56
|
-
display: flex;
|
|
75
|
+
display: inline-flex;
|
|
57
76
|
align-items: center;
|
|
58
77
|
justify-content: space-between;
|
|
59
78
|
color: #171717;
|
|
79
|
+
flex: 1;
|
|
60
80
|
|
|
61
81
|
.ald-tree-tab-leader {
|
|
62
82
|
flex: 1;
|
|
@@ -81,15 +101,16 @@
|
|
|
81
101
|
.ald-tree-large {
|
|
82
102
|
.ald-tree-treenode {
|
|
83
103
|
font-size: @tree-font-size-large;
|
|
104
|
+
line-height: @tree-line-height-large;
|
|
84
105
|
|
|
85
106
|
.ald-tree-switcher {
|
|
86
107
|
font-size: 20px;
|
|
87
108
|
}
|
|
88
109
|
|
|
89
110
|
.ald-tree-node-content-wrapper {
|
|
111
|
+
padding: @tree-padding-large;
|
|
112
|
+
|
|
90
113
|
.ald-tree-title {
|
|
91
|
-
display: flex;
|
|
92
|
-
padding: @tree-padding-large;
|
|
93
114
|
line-height: @tree-line-height-large;
|
|
94
115
|
}
|
|
95
116
|
}
|