type: React.Key => SafeKey (#578)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: afc163 <[email protected]>

Author: dependabot[bot]

.husky/pre-commit

@@ -0,0 +1 @@
+lint-staged

examples/form.tsx

@@ -21,7 +21,7 @@ const errorStyle = {
 };
 
 class TreeSelectInput extends Component<{
-  onChange?: Function;
+  onChange?: (value: string[]) => void;
   style: React.CSSProperties;
 }> {
   onChange = (value, ...args) => {
@@ -105,11 +105,7 @@ const Demo = () => {
             >
               {(control, { errors }) => (
                 <div>
-                  <TreeSelectInput
-                    {...tProps}
-                    {...control}
-                    style={{ width: 300 }}
-                  />
+                  <TreeSelectInput {...tProps} {...control} style={{ width: 300 }} />
 
                   <p style={errorStyle}>{errors.join(',')}</p>
                 </div>
@@ -122,18 +118,11 @@ const Demo = () => {
           <div>
             <Field
               name="select"
-              rules={[
-                { required: true, type: 'array', message: 'select 需要必填' },
-              ]}
+              rules={[{ required: true, type: 'array', message: 'select 需要必填' }]}
             >
               {(control, { errors }) => (
                 <div>
-                  <Select
-                    style={{ width: 200 }}
-                    {...control}
-                    allowClear
-                    mode="multiple"
-                  >
+                  <Select style={{ width: 200 }} {...control} allowClear mode="multiple">
                     <Option value="jack">jack</Option>
                     <Option value="lucy">lucy</Option>
                     <Option value="disabled" disabled>

package.json

@@ -34,49 +34,54 @@
     "compile": "father build",
     "lint": "eslint src/ examples/ --ext .tsx,.ts,.jsx,.js",
     "now-build": "npm run build",
-    "prepare": "dumi setup",
+    "prepare": "husky && dumi setup",
     "prepublishOnly": "npm run compile && np --yolo --no-publish --any-branch",
     "prettier": "prettier '{src,tests}/**/*.{ts,tsx}' 'tests/**/*.js' --write",
     "start": "dumi dev",
     "test": "rc-test"
   },
+  "lint-staged": {
+    "*": "prettier --write --ignore-unknown"
+  },
   "dependencies": {
     "@babel/runtime": "^7.25.7",
     "classnames": "2.x",
-    "rc-select": "~14.15.0",
-    "rc-tree": "~5.9.0",
+    "rc-select": "~14.15.2",
+    "rc-tree": "~5.10.0",
     "rc-util": "^5.43.0"
   },
   "devDependencies": {
-    "@rc-component/father-plugin": "^1.0.0",
-    "@rc-component/trigger": "^1.5.0",
-    "@testing-library/react": "^12.0.0",
-    "@types/jest": "^29.5.12",
+    "@rc-component/father-plugin": "^1.1.0",
+    "@rc-component/trigger": "^1.18.3",
+    "@testing-library/react": "^12.1.5",
+    "@types/jest": "^29.5.13",
     "@types/node": "^22.7.5",
-    "@types/react": "^16.8.19",
-    "@types/react-dom": "^18.2.19",
-    "@types/warning": "^3.0.0",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "@types/warning": "^3.0.3",
     "@umijs/fabric": "^4.0.1",
+    "cheerio": "1.0.0-rc.12",
     "cross-env": "^7.0.3",
     "dumi": "^2.4.12",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.8",
     "enzyme-to-json": "^3.6.2",
-    "eslint": "^8.56.0",
-    "eslint-plugin-jest": "^27.6.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-jest": "^27.9.0",
     "eslint-plugin-unicorn": "^56.0.0",
     "father": "^4.5.0",
     "glob": "^11.0.0",
+    "husky": "^9.1.6",
+    "lint-staged": "^15.2.10",
     "np": "^10.0.7",
     "prettier": "^3.3.3",
     "rc-dialog": "^9.6.0",
     "rc-field-form": "^2.4.0",
-    "rc-test": "^7.1.0",
+    "rc-test": "^7.1.1",
     "rc-virtual-list": "^3.14.8",
-    "react": "16.x",
-    "react-dom": "16.x",
-    "typescript": "^5.6.3",
-    "cheerio": "1.0.0-rc.12"
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
+    "typescript": "^5.6.3"
   },
   "peerDependencies": {
     "react": "*",

src/LegacyContext.tsx

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

src/OptionList.tsx

@@ -8,7 +8,7 @@ import useMemo from 'rc-util/lib/hooks/useMemo';
 import * as React from 'react';
 import LegacyContext from './LegacyContext';
 import TreeSelectContext from './TreeSelectContext';
-import type { Key, TreeDataNode } from './interface';
+import type { SafeKey, TreeDataNode } from './interface';
 import { getAllKeys, isCheckDisabled } from './utils/valueUtil';
 
 const HIDDEN_STYLE = {
@@ -23,7 +23,7 @@ const HIDDEN_STYLE = {
 };
 
 interface TreeEventInfo {
-  node: { key: Key };
+  node: { key: SafeKey };
   selected?: boolean;
   checked?: boolean;
 }
@@ -77,7 +77,7 @@ const OptionList: React.ForwardRefRenderFunction<ReviseRefOptionListProps> = (_,
   );
 
   // ========================== Active ==========================
-  const [activeKey, setActiveKey] = React.useState<Key>(null);
+  const [activeKey, setActiveKey] = React.useState<SafeKey>(null);
   const activeEntity = keyEntities[activeKey];
 
   // ========================== Values ==========================
@@ -112,8 +112,8 @@ const OptionList: React.ForwardRefRenderFunction<ReviseRefOptionListProps> = (_,
   };
 
   // =========================== Keys ===========================
-  const [expandedKeys, setExpandedKeys] = React.useState<Key[]>(treeDefaultExpandedKeys);
-  const [searchExpandedKeys, setSearchExpandedKeys] = React.useState<Key[]>(null);
+  const [expandedKeys, setExpandedKeys] = React.useState<SafeKey[]>(treeDefaultExpandedKeys);
+  const [searchExpandedKeys, setSearchExpandedKeys] = React.useState<SafeKey[]>(null);
 
   const mergedExpandedKeys = React.useMemo(() => {
     if (treeExpandedKeys) {
@@ -129,7 +129,7 @@ const OptionList: React.ForwardRefRenderFunction<ReviseRefOptionListProps> = (_,
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchValue]);
 
-  const onInternalExpand = (keys: Key[]) => {
+  const onInternalExpand = (keys: SafeKey[]) => {
     setExpandedKeys(keys);
     setSearchExpandedKeys(keys);
 
@@ -143,7 +143,7 @@ const OptionList: React.ForwardRefRenderFunction<ReviseRefOptionListProps> = (_,
     event.preventDefault();
   };
 
-  const onInternalSelect = (__: React.Key[], info: TreeEventInfo) => {
+  const onInternalSelect = (__: SafeKey[], info: TreeEventInfo) => {
     const { node } = info;
 
     if (checkable && isCheckDisabled(node)) {

src/TreeNode.tsx

@@ -1,9 +1,9 @@
 /* istanbul ignore file */
 import type * as React from 'react';
-import type { DataNode, Key } from './interface';
+import type { DataNode, SafeKey } from './interface';
 
 export interface TreeNodeProps extends Omit<DataNode, 'children'> {
-  value: Key;
+  value: SafeKey;
   children?: React.ReactNode;
 }