refactor(tree): convert the naming to BEM standard

Author: wewoor

src/components/tree/index.tsx

@@ -22,6 +22,7 @@ export const FileTypes = {
 };
 export type FileType = 'file' | 'folder';
 
+<<<<<<< HEAD
 export interface ITreeNodeItem {
     name?: string;
     type?: FileType;
@@ -242,6 +243,21 @@ const TreeView: React.FunctionComponent<ITreeProps> = (props: ITreeProps) => {
                     {renderTreeNodes(data)}
                 </Tree>
             </div>
+=======
+export interface ITree { }
+
+interface ITreeProps extends TreeProps { }
+
+const defaultTreeClassName = prefixClaName('tree');
+
+export const Tree: React.FunctionComponent<ITreeProps> = (
+    props: ITreeProps
+) => {
+    const { className, ...custom } = props;
+    return (
+        <div className={classNames(defaultTreeClassName, className)}>
+            <RcTree {...custom} />
+>>>>>>> refactor(tree): convert the naming to BEM standard
         </div>
     );
 };

src/components/tree/style.scss

@@ -1,7 +1,7 @@
 @import 'mo/style/common';
-$tree: 'tree';
+$tree: prefix('tree');
 
-#{prefix($tree)} {
+#{$tree} {
     font-size: 13px;
 
     .rc-tree {

src/style/theme.scss

@@ -143,7 +143,7 @@
 }
 
 // =============== Tree =============== //
-#{prefix($tree)} {
+#{$tree} {
     .rc-tree-treenode {
         &:hover {
             background-color: #333;