refactor(tree-checked): 重构tree-checked组件样式 uiwjs#845

Author: sj

packages/react-tree-checked/src/index.tsx

@@ -1,7 +1,8 @@
 import React, { Fragment } from 'react';
 import Tree, { TreeProps, TreeRenderTitleNode, TreeData } from '@uiw/react-tree';
 import Checkbox, { CheckboxProps } from '@uiw/react-checkbox';
-import './style/index.less';
+// import './style/index.less';
+import { TreeCheckbox } from './style/index';
 
 export interface TreeCheckedProps extends TreeProps {}
 
@@ -24,7 +25,7 @@ export default function TreeChecked({ prefixCls = 'w-treechecked', ...props }: T
         }
         return (
           <Fragment>
-            <Checkbox className={`${prefixCls}-checked`} disabled={node.disabled} {...checkedProps} />
+            <TreeCheckbox as={Checkbox} className={`${prefixCls}-checked`} disabled={node.disabled} {...checkedProps} />
             {item.label && <span className={node.disabledClass}>{item.label}</span>}
           </Fragment>
         );

packages/react-tree-checked/src/style/index.ts

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+
+interface TreeCheckedProps {
+  defaultTheme?: Record<string, string | number>;
+}
+
+export const TreeCheckbox = styled.div<TreeCheckedProps>`
+  margin-right: 5px;
+`;