105 lines
2.9 KiB
TypeScript
105 lines
2.9 KiB
TypeScript
import React, { Component } from "react";
|
|
import { Menu, Input } from "antd";
|
|
import * as fs from "fs";
|
|
import * as path from "path";
|
|
import { ipcRenderer } from "electron";
|
|
import MainEventType from "../common/MainEventType";
|
|
import Tree from "../fs-tree-view";
|
|
|
|
const { Search } = Input;
|
|
|
|
export interface TreeFile {
|
|
name: string;
|
|
path: string;
|
|
}
|
|
|
|
export interface PropertiesProps {
|
|
workdir: string;
|
|
onOpenTree: (path: string) => void;
|
|
onDeleteTree: (path: string) => void;
|
|
}
|
|
|
|
interface PropertiesState {
|
|
treeList: TreeFile[];
|
|
}
|
|
|
|
export default class Properties extends Component<PropertiesProps> {
|
|
state: PropertiesState = {
|
|
treeList: [],
|
|
};
|
|
|
|
curWorkdir: string = "";
|
|
|
|
shouldComponentUpdate(nextProps: PropertiesProps) {
|
|
const shouldUpdate = this.curWorkdir != nextProps.workdir;
|
|
this.curWorkdir = nextProps.workdir;
|
|
return shouldUpdate;
|
|
}
|
|
|
|
componentDidMount() {
|
|
ipcRenderer.on(MainEventType.CREATE_TREE, (event: any, path: string) => {
|
|
console.log("on Create tree", path);
|
|
this.props.onOpenTree(path);
|
|
this.forceUpdate();
|
|
});
|
|
|
|
var workdir = this.props.workdir;
|
|
if (workdir == "") {
|
|
return;
|
|
}
|
|
this.setState({ treeList: this.getTreeList(workdir) });
|
|
}
|
|
|
|
getTreeList(workdir: string) {
|
|
if (workdir == "" || !fs.existsSync(workdir)) {
|
|
console.log("workdir not exist", workdir);
|
|
return [];
|
|
}
|
|
|
|
const files = fs.readdirSync(workdir);
|
|
const list: TreeFile[] = [];
|
|
files.forEach((filename) => {
|
|
const stat = fs.statSync(path.join(workdir, filename));
|
|
if (stat.isFile()) {
|
|
var name = filename.slice(0, -5);
|
|
list.push({
|
|
name,
|
|
path: workdir + "/" + name + ".json",
|
|
});
|
|
}
|
|
});
|
|
return list;
|
|
}
|
|
|
|
render() {
|
|
console.log("render Properties");
|
|
const { onOpenTree, onDeleteTree, workdir } = this.props;
|
|
//const treeList = this.getTreeList(workdir);
|
|
|
|
if (!fs.existsSync(workdir)) {
|
|
return <div></div>;
|
|
} else {
|
|
return (
|
|
<Tree
|
|
className={""}
|
|
basePath={workdir || "/"}
|
|
disableContextMenu={false}
|
|
filter={(path) => {
|
|
return path.endsWith(".json");
|
|
}}
|
|
onItemSelected={(item) => {
|
|
if (item.type == "file") {
|
|
onOpenTree(item.path);
|
|
}
|
|
}}
|
|
onItemDeleted={(item) => {
|
|
if (item.type == "file") {
|
|
onDeleteTree(item.path);
|
|
}
|
|
}}
|
|
></Tree>
|
|
);
|
|
}
|
|
}
|
|
}
|