@fe-free/core 3.0.3 → 3.0.4
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/CHANGELOG.md +7 -0
- package/package.json +2 -2
- package/src/tree/file_tree.stories.tsx +4 -0
- package/src/tree/file_tree.tsx +4 -2
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fe-free/core",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"author": "",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"safe-stable-stringify": "^2.5.0",
|
|
42
42
|
"vanilla-jsoneditor": "^0.23.1",
|
|
43
43
|
"zustand": "^4.5.4",
|
|
44
|
-
"@fe-free/tool": "3.0.
|
|
44
|
+
"@fe-free/tool": "3.0.4"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"@ant-design/pro-components": "2.8.9",
|
|
@@ -117,6 +117,10 @@ export const Default: Story = {
|
|
|
117
117
|
operateIsDisabled: (nodeData) => nodeData.key === '5',
|
|
118
118
|
operateIsHidden: (nodeData) => nodeData.key === '6',
|
|
119
119
|
},
|
|
120
|
+
|
|
121
|
+
renderTitleRight: () => {
|
|
122
|
+
return <div className="text-03">right</div>;
|
|
123
|
+
},
|
|
120
124
|
},
|
|
121
125
|
};
|
|
122
126
|
|
package/src/tree/file_tree.tsx
CHANGED
|
@@ -30,6 +30,8 @@ interface FileTreeProps<D extends DataNode> extends TreeProps<D> {
|
|
|
30
30
|
operateIsDisabled?: (nodeData: D) => boolean;
|
|
31
31
|
operateIsHidden?: (nodeData: D) => boolean;
|
|
32
32
|
};
|
|
33
|
+
|
|
34
|
+
renderTitleRight?: (nodeData: D) => React.ReactNode;
|
|
33
35
|
}
|
|
34
36
|
|
|
35
37
|
function Detail<D extends DataNode>({
|
|
@@ -192,8 +194,8 @@ function FileTree<D extends DataNode>(props: FileTreeProps<D>) {
|
|
|
192
194
|
/>
|
|
193
195
|
)}
|
|
194
196
|
<div className="flex-1 truncate">{nodeData.title}</div>
|
|
195
|
-
<div className={classNames(
|
|
196
|
-
{
|
|
197
|
+
<div className={classNames({ 'group-hover:hidden': hasMore })}>
|
|
198
|
+
{props.renderTitleRight?.(nodeData)}
|
|
197
199
|
</div>
|
|
198
200
|
{hasMore && (
|
|
199
201
|
<div className="hidden group-hover:block">
|