@douyinfe/semi-ui 2.17.0 → 2.19.0-alpha.0

package/tree/interface.ts

@@ -140,3 +140,9 @@ export interface NodeListState {
     cachedMotionKeys?: Set<string>;
     cachedData?: FlattenNode[];
 }
+
+export interface ScrollData {
+    key: string;
+    // The align parameter is consistent with react-window
+    align?: 'center' | 'start' | 'end' | 'smart' | 'auto';
+}

package/tree/treeNode.tsx

@@ -220,7 +220,8 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
         );
     }
 
-    renderCheckbox() {
+    renderCheckbox(options: { label: React.ReactNode; icon: React.ReactNode }) {
+        const { label, icon } = options;
         const { checked, halfChecked, eventKey } = this.props;
         const disabled = this.isDisabled();
         return (
@@ -235,7 +236,10 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
                     indeterminate={halfChecked}
                     checked={checked}
                     disabled={Boolean(disabled)}
-                />
+                >
+                    {icon}
+                    {label}
+                </Checkbox>
             </div>
         );
     }
@@ -409,6 +413,8 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
         });
         const setsize = get(rest, ['data', 'children', 'length']);
         const posinset = isString(rest.pos) ? Number(rest.pos.split('-')[level+1]) + 1 : 1;
+        const label = this.renderRealLabel();
+        const icon = this.renderIcon();
         return (
             <li
                 className={nodeCls}
@@ -433,9 +439,9 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
                 <span
                     className={labelCls}
                 >
-                    {multiple ? this.renderCheckbox() : null}
-                    {this.renderIcon()}
-                    <span className={`${prefixcls}-label-text`}>{this.renderRealLabel()}</span>
+                    {multiple ? this.renderCheckbox({ label, icon }) : null}
+                    {!multiple && icon}
+                    {!multiple && <span className={`${prefixcls}-label-text`}>{label}</span> }
                 </span>
             </li>
         );

package/upload/_story/upload.stories.js

@@ -311,7 +311,7 @@ DefaultFileList.story = {
   name: 'defaultFileList',
 };
 
-class ControledUpload extends React.Component {
+class ControlledUpload extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -344,7 +344,7 @@ class ControledUpload extends React.Component {
   }
 }
 
-export const ControlledFileList = () => <ControledUpload></ControledUpload>;
+export const ControlledFileList = () => <ControlledUpload></ControlledUpload>;
 
 ControlledFileList.story = {
   name: 'controlled fileList',

package/webpack.config.js

@@ -22,13 +22,16 @@ module.exports = function ({ minimize }) {
             library: 'SemiUI',
             libraryTarget: 'umd'
         },
+        
         module: {
             rules: [
                 {
                     test: /\.tsx?$/,
                     include: [
                         path.join(rootPath, 'packages/semi-ui'),
-                        path.join(rootPath, 'packages/semi-foundation')
+                        path.join(rootPath, 'packages/semi-foundation'),
+                        path.join(rootPath, 'packages/semi-animation'),
+                        path.join(rootPath, 'packages/semi-animation-react')
                     ],
                     use: [
                         {
@@ -45,7 +48,7 @@ module.exports = function ({ minimize }) {
                         }
                     ]
                 },
-                { 
+                {
                     test: /semi-icons\/.+\.css$/,
                     loaders: 'null-loader'
                 },
@@ -66,7 +69,14 @@ module.exports = function ({ minimize }) {
             new HashedModuleIdsPlugin()
         ],
         resolve: {
-            extensions: ['.ts', '.tsx', '.js', '.jsx', '.json']
+            extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
+            alias: {
+                "@douyinfe/semi-foundation": path.resolve(__dirname, "../semi-foundation"),
+                "@douyinfe/semi-icons": path.resolve(__dirname, "../semi-icons"),
+                "@douyinfe/semi-illustrations":path.resolve(__dirname, "../semi-illustrations"),
+                "@douyinfe/semi-animation":path.resolve(__dirname, "../semi-animation"),
+                "@douyinfe/semi-animation-react":path.resolve(__dirname, "../semi-animation-react")
+            },
         },
         externals: {
             react: {