refactor: Move TreeSelect calculation out of BaseSelect

examples/basic.tsx

@@ -253,6 +253,8 @@ class Demo extends React.Component {
 
         <h2>check select</h2>
         <TreeSelect
+          open
+          allowClear
           className="check-select"
           transitionName="rc-tree-select-dropdown-slide-up"
           choiceTransitionName="rc-tree-select-selection__choice-zoom"
@@ -277,7 +279,7 @@ class Demo extends React.Component {
           onSelect={this.onSelect}
           maxTagCount="responsive"
           maxTagPlaceholder={valueList => {
-            console.log('Max Tag Rest Value:', valueList);
+            // console.log('Max Tag Rest Value:', valueList);
             return `${valueList.length} rest...`;
           }}
         />

examples/debug.tsx

@@ -1,18 +1,35 @@
-/* eslint-disable react/no-array-index-key */
+/* eslint-disable */
 
 import React from 'react';
 import TreeSelect from '../src';
 import '../assets/index.less';
 
-export default () => {
-  const [treeData, setTreeData] = React.useState([]);
+const { TreeNode, SHOW_ALL, SHOW_CHILD } = TreeSelect;
+const SelectNode = TreeNode;
 
-  React.useEffect(() => {
-    setTimeout(() => {
-      console.clear();
-      setTreeData([{ value: 'light', title: 'bamboo' }]);
-    }, 1000);
-  }, []);
+const treeData = [
+  { key: '0', value: '0', title: 'label0' },
+  { key: '1', value: '1', title: 'label1' },
+];
 
-  return <TreeSelect value="light" treeData={treeData} />;
-};
+const children = [
+  <TreeNode key="0" value="0" title="label0" foo={0} />,
+  <TreeNode key="1" value="1" title="label1" foo={1} />,
+];
+
+const createSelect = props => <TreeSelect treeData={treeData} multiple {...props} />;
+
+// export default () => (
+//   <TreeSelect
+//     defaultValue={['not-exist']}
+//     treeCheckable
+//     style={{ width: 300 }}
+//     onDeselect={console.error}
+//   />
+// );
+
+export default () =>
+  createSelect({
+    maxTagCount: 1,
+    value: ['0', 'not exist'],
+  });

package.json

@@ -68,8 +68,8 @@
   "dependencies": {
     "@babel/runtime": "^7.10.1",
     "classnames": "2.x",
-    "rc-select": "~13.2.1",
-    "rc-tree": "~5.3.0",
+    "rc-select": "~14.0.0-alpha.8",
+    "rc-tree": "~5.3.3",
     "rc-util": "^5.16.1"
   }
 }

src/LegacyContext.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import type { DataEntity, IconType } from 'rc-tree/lib/interface';
+import type { Key, LegacyDataNode, RawValueType } from './interface';
+
+interface LegacyContextProps {
+  checkable: boolean | React.ReactNode;
+  checkedKeys: Key[];
+  halfCheckedKeys: Key[];
+  treeExpandedKeys: Key[];
+  treeDefaultExpandedKeys: Key[];
+  onTreeExpand: (keys: Key[]) => void;
+  treeDefaultExpandAll: boolean;
+  treeIcon: IconType;
+  showTreeIcon: boolean;
+  switcherIcon: IconType;
+  treeLine: boolean;
+  treeNodeFilterProp: string;
+  treeLoadedKeys: Key[];
+  treeMotion: any;
+  loadData: (treeNode: LegacyDataNode) => Promise<unknown>;
+  onTreeLoad: (loadedKeys: Key[]) => void;
+
+  keyEntities: Record<RawValueType, DataEntity<any>>;
+}
+
+const LegacySelectContext = React.createContext<LegacyContextProps>(null);
+
+export default LegacySelectContext;