feat: add classNames common function

DTStack · Nov 5, 2020 · 56886e8 · 56886e8
1 parent 33103ac
commit 56886e8
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/common/className.ts b/src/common/className.ts
@@ -10,3 +10,7 @@ import { APP_PREFIX } from 'mo/common/const';
 export function prefixClaName(name: string, prefix: string = APP_PREFIX ) {
     return name ? `${prefix}-${name}` : '';
 }
+
+export function classNames(...names) {
+    return names.filter((name) => !!name).join(' ');
+}
diff --git a/src/components/collapse/index.tsx b/src/components/collapse/index.tsx
@@ -1,9 +1,8 @@
 import * as React from 'react';
 import RcCollapse from 'rc-collapse';
-import classNames from 'classnames';
 
 import './style.scss';
-import { prefixClaName } from 'mo/common/className';
+import { prefixClaName, classNames } from 'mo/common/className';
 
 interface ICollapseProps {
     className?: string;

diff --git a/src/components/tree/index.tsx b/src/components/tree/index.tsx
@@ -1,9 +1,8 @@
 import * as React from 'react';
 import RcTree from 'rc-tree';
-import classNames from 'classnames';
 
 import './style.scss';
-import { prefixClaName } from 'mo/common/className';
+import { prefixClaName, classNames } from 'mo/common/className';
 
 export interface ITree {
 

diff --git a/src/workbench/workbench.tsx b/src/workbench/workbench.tsx
@@ -1,9 +1,8 @@
 import './style.scss';
 import * as React from 'react';
-import classNames from 'classnames';
 import { Utils } from 'dt-utils';
 import SplitPane from 'react-split-pane';
-import { prefixClaName } from 'mo/common/className';
+import { classNames, prefixClaName } from 'mo/common/className';
 import { APP_PREFIX } from 'mo/common/const';
 
 import { EditorView } from 'mo/workbench/editor';