chore: migrate to @rc-component and update dependencies (#1126)

aojunhao123 · zombieJ · web-flow · commit e8096c0d73fe · 2025-02-25T15:34:26.000+08:00
* chore: migrate to @rc-component and update dependencies * refactor: replace popupTransitionName with popupMotion * chore: fix version --------- Co-authored-by: 二货机器人 <smith3816@gmail.com>
diff --git a/docs/examples/auto-adjust-dropdown.tsx b/docs/examples/auto-adjust-dropdown.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 class Test extends React.Component {
diff --git a/docs/examples/auto-tokenization.tsx b/docs/examples/auto-tokenization.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import Select from 'rc-select';
+import Select from '@rc-component/select';
 import '../../assets/index.less';
 
 const Demo: React.FC = () => (
diff --git a/docs/examples/combobox.tsx b/docs/examples/combobox.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 class Combobox extends React.Component {
diff --git a/docs/examples/controlled.tsx b/docs/examples/controlled.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 interface ControlledState {
diff --git a/docs/examples/custom-icon.tsx b/docs/examples/custom-icon.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable no-console, max-classes-per-file */
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import React from 'react';
 import '../../assets/index.less';
 
diff --git a/docs/examples/custom-label.tsx b/docs/examples/custom-label.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import React from 'react';
 import '../../assets/index.less';
 
diff --git a/docs/examples/custom-selector.tsx b/docs/examples/custom-selector.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select from 'rc-select';
+import Select from '@rc-component/select';
 import '../../assets/index.less';
 
 export default () => {
diff --git a/docs/examples/custom-tags.tsx b/docs/examples/custom-tags.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 import type { CustomTagProps } from '@/BaseSelect';
 
diff --git a/docs/examples/dropdownRender.tsx b/docs/examples/dropdownRender.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 const children = [];
diff --git a/docs/examples/email.tsx b/docs/examples/email.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 class Test extends React.Component {
diff --git a/docs/examples/filterSort.tsx b/docs/examples/filterSort.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import Select from 'rc-select';
+import Select from '@rc-component/select';
 import '../../assets/index.less';
 
 const incidencesStateResource = [
diff --git a/docs/examples/focus.tsx b/docs/examples/focus.tsx
@@ -1,6 +1,6 @@
 import React, { useLayoutEffect, useRef, useState } from 'react';
-import type { BaseSelectRef } from 'rc-select';
-import Select, { Option } from 'rc-select';
+import type { BaseSelectRef } from '@rc-component/select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 const MySelect = () => {
diff --git a/docs/examples/force-suggest.tsx b/docs/examples/force-suggest.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 import { fetch } from './common/tbFetchSuggest';
diff --git a/docs/examples/getPopupContainer.tsx b/docs/examples/getPopupContainer.tsx
@@ -2,7 +2,7 @@ import 'rc-dialog/assets/index.css';
 import '../../assets/index.less';
 
 import Dialog from 'rc-dialog';
-import Select, { type SelectProps } from 'rc-select';
+import Select, { type SelectProps } from '@rc-component/select';
 import React from 'react';
 
 const MySelect = (props: Partial<SelectProps>) => (
diff --git a/docs/examples/loading.tsx b/docs/examples/loading.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 class Test extends React.Component {
diff --git a/docs/examples/mul-suggest.tsx b/docs/examples/mul-suggest.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 import { fetch } from './common/tbFetchSuggest';
diff --git a/docs/examples/mul-tag-suggest.tsx b/docs/examples/mul-tag-suggest.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 import { fetch } from './common/tbFetchSuggest';
diff --git a/docs/examples/multiple-readonly.tsx b/docs/examples/multiple-readonly.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 const children: React.ReactNode[] = [];
diff --git a/docs/examples/multiple-with-maxCount.tsx b/docs/examples/multiple-with-maxCount.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select from 'rc-select';
+import Select from '@rc-component/select';
 import '../../assets/index.less';
 
 const Test: React.FC = () => {
diff --git a/docs/examples/multiple.tsx b/docs/examples/multiple.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 const children: React.ReactNode[] = [];
diff --git a/docs/examples/optgroup.tsx b/docs/examples/optgroup.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select from 'rc-select';
+import Select from '@rc-component/select';
 import '../../assets/index.less';
 
 function onChange(value, option) {
diff --git a/docs/examples/option-render.tsx b/docs/examples/option-render.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-import Select from 'rc-select';
+import Select from '@rc-component/select';
 import '../../assets/index.less';
 
 export default () => {
diff --git a/docs/examples/optionFilterProp.tsx b/docs/examples/optionFilterProp.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 const Test = () => {
diff --git a/docs/examples/optionLabelProp.tsx b/docs/examples/optionLabelProp.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import Select from 'rc-select';
+import Select from '@rc-component/select';
 import '../../assets/index.less';
 
 const data: { value: number; label: string; displayLabel: string }[] = [];
diff --git a/docs/examples/scroll-loading.tsx b/docs/examples/scroll-loading.tsx
@@ -1,4 +1,4 @@
-import Select from 'rc-select';
+import Select from '@rc-component/select';
 import React from 'react';
 import '../../assets/index.less';
 
diff --git a/docs/examples/single-animation.tsx b/docs/examples/single-animation.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 function onChange(value) {
diff --git a/docs/examples/single.tsx b/docs/examples/single.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 import './single.less';
 
diff --git a/docs/examples/singleFieldNames.tsx b/docs/examples/singleFieldNames.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select from 'rc-select';
+import Select from '@rc-component/select';
 import '../../assets/index.less';
 import './single.less';
 
diff --git a/docs/examples/suggest.tsx b/docs/examples/suggest.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import React from 'react';
 import '../../assets/index.less';
 
diff --git a/docs/examples/tags.tsx b/docs/examples/tags.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 const children = [];
diff --git a/docs/examples/update-option.tsx b/docs/examples/update-option.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from 'rc-select';
+import Select, { Option } from '@rc-component/select';
 import '../../assets/index.less';
 
 function handleChange(value) {
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "rc-select",
-  "version": "14.16.4",
+  "name": "@rc-component/select",
+  "version": "1.0.0",
   "description": "React Select",
   "engines": {
     "node": ">=8.x"
@@ -34,7 +34,7 @@
     "build": "dumi build",
     "prepare": "husky && dumi setup",
     "compile": "father build && lessc assets/index.less assets/index.css",
-    "prepublishOnly": "npm run compile && np --yolo --no-publish",
+    "prepublishOnly": "npm run compile && rc-np",
     "prettier": "prettier --write --ignore-unknown .",
     "lint": "eslint src/ docs/ tests/ --ext .tsx,.ts,.jsx,.js",
     "test": "rc-test",
@@ -49,21 +49,21 @@
     "react-dom": "*"
   },
   "dependencies": {
-    "@babel/runtime": "^7.10.1",
-    "@rc-component/trigger": "^2.1.1",
+    "@rc-component/trigger": "^3.0.0",
+    "@rc-component/motion": "^1.1.4",
+    "@rc-component/util": "^1.2.1",
     "classnames": "2.x",
-    "rc-motion": "^2.0.1",
     "rc-overflow": "^1.4.0",
-    "rc-util": "^5.16.1",
     "rc-virtual-list": "^3.5.2"
   },
   "devDependencies": {
-    "@rc-component/father-plugin": "^1.0.2",
+    "@rc-component/father-plugin": "^2.0.2",
+    "@rc-component/np": "^1.0.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.6",
     "@types/jest": "^29.5.12",
-    "@types/react": "^18.2.45",
-    "@types/react-dom": "^19.0.1",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
     "babel-jest": "^29.6.1",
     "cross-env": "^7.0.0",
     "dumi": "^2.2.13",
@@ -75,7 +75,6 @@
     "jsonp": "^0.2.1",
     "less": "^4.2.0",
     "lint-staged": "^15.2.9",
-    "np": "^10.0.7",
     "prettier": "^3.1.1",
     "querystring": "^0.2.1",
     "rc-dialog": "^9.0.0",
diff --git a/src/BaseSelect/index.tsx b/src/BaseSelect/index.tsx
@@ -1,9 +1,9 @@
 import type { AlignType, BuildInPlacements } from '@rc-component/trigger/lib/interface';
 import classNames from 'classnames';
-import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import isMobile from 'rc-util/lib/isMobile';
-import { useComposeRef } from 'rc-util/lib/ref';
+import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
+import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
+import isMobile from '@rc-component/util/lib/isMobile';
+import { useComposeRef } from '@rc-component/util/lib/ref';
 import type { ScrollConfig, ScrollTo } from 'rc-virtual-list/lib/List';
 import * as React from 'react';
 import { useAllowClear } from '../hooks/useAllowClear';
diff --git a/src/OptionList.tsx b/src/OptionList.tsx
@@ -1,8 +1,8 @@
 import classNames from 'classnames';
-import KeyCode from 'rc-util/lib/KeyCode';
-import useMemo from 'rc-util/lib/hooks/useMemo';
-import omit from 'rc-util/lib/omit';
-import pickAttrs from 'rc-util/lib/pickAttrs';
+import KeyCode from '@rc-component/util/lib/KeyCode';
+import useMemo from '@rc-component/util/lib/hooks/useMemo';
+import omit from '@rc-component/util/lib/omit';
+import pickAttrs from '@rc-component/util/lib/pickAttrs';
 import type { ListRef } from 'rc-virtual-list';
 import List from 'rc-virtual-list';
 import type { ScrollConfig } from 'rc-virtual-list/lib/List';
diff --git a/src/Select.tsx b/src/Select.tsx
@@ -29,8 +29,8 @@
  * - `combobox` mode not support `optionLabelProp`
  */
 
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import warning from 'rc-util/lib/warning';
+import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
+import warning from '@rc-component/util/lib/warning';
 import * as React from 'react';
 import type {
   BaseSelectProps,
diff --git a/src/SelectTrigger.tsx b/src/SelectTrigger.tsx
@@ -163,7 +163,7 @@ const SelectTrigger: React.ForwardRefRenderFunction<RefTriggerProps, SelectTrigg
       popupPlacement={placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft')}
       builtinPlacements={mergedBuiltinPlacements}
       prefixCls={popupPrefixCls}
-      popupTransitionName={mergedTransitionName}
+      popupMotion={{ motionName: mergedTransitionName }}
       popup={<div onMouseEnter={onPopupMouseEnter}>{popupNode}</div>}
       ref={triggerPopupRef}
       stretch={stretch}
diff --git a/src/Selector/Input.tsx b/src/Selector/Input.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { composeRef } from 'rc-util/lib/ref';
-import { warning } from 'rc-util/lib/warning';
+import { composeRef } from '@rc-component/util/lib/ref';
+import { warning } from '@rc-component/util/lib/warning';
 
 type InputRef = HTMLInputElement | HTMLTextAreaElement;
 
diff --git a/src/Selector/MultipleSelector.tsx b/src/Selector/MultipleSelector.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useState } from 'react';
 import classNames from 'classnames';
-import pickAttrs from 'rc-util/lib/pickAttrs';
+import pickAttrs from '@rc-component/util/lib/pickAttrs';
 import Overflow from 'rc-overflow';
 import TransBtn from '../TransBtn';
 import type { InnerSelectorProps } from '.';
diff --git a/src/Selector/SingleSelector.tsx b/src/Selector/SingleSelector.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import pickAttrs from 'rc-util/lib/pickAttrs';
+import pickAttrs from '@rc-component/util/lib/pickAttrs';
 import Input from './Input';
 import type { InnerSelectorProps } from '.';
 import { getTitle } from '../utils/commonUtil';
diff --git a/src/Selector/index.tsx b/src/Selector/index.tsx
@@ -8,7 +8,7 @@
  * - https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html
  */
 
-import KeyCode from 'rc-util/lib/KeyCode';
+import KeyCode from '@rc-component/util/lib/KeyCode';
 import type { ScrollTo } from 'rc-virtual-list/lib/List';
 import * as React from 'react';
 import { useRef } from 'react';
diff --git a/src/hooks/useId.ts b/src/hooks/useId.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import canUseDom from 'rc-util/lib/Dom/canUseDom';
+import canUseDom from '@rc-component/util/lib/Dom/canUseDom';
 
 let uuid = 0;
 
diff --git a/src/utils/keyUtil.ts b/src/utils/keyUtil.ts
@@ -1,4 +1,4 @@
-import KeyCode from 'rc-util/lib/KeyCode';
+import KeyCode from '@rc-component/util/lib/KeyCode';
 
 /** keyCode Judgment function */
 export function isValidateOpenKey(currentKeyCode: number): boolean {
diff --git a/src/utils/legacyUtil.ts b/src/utils/legacyUtil.ts
diff --git a/src/utils/valueUtil.ts b/src/utils/valueUtil.ts
diff --git a/src/utils/warningPropsUtil.ts b/src/utils/warningPropsUtil.ts
diff --git a/tests/Accessibility.test.tsx b/tests/Accessibility.test.tsx
diff --git a/tests/Combobox.test.tsx b/tests/Combobox.test.tsx
diff --git a/tests/Multiple.test.tsx b/tests/Multiple.test.tsx
diff --git a/tests/OptionList.test.tsx b/tests/OptionList.test.tsx
diff --git a/tests/Select.test.tsx b/tests/Select.test.tsx
diff --git a/tests/SelectTrigger.spec.tsx b/tests/SelectTrigger.spec.tsx
diff --git a/tests/Tags.test.tsx b/tests/Tags.test.tsx
diff --git a/tests/shared/focusTest.tsx b/tests/shared/focusTest.tsx
diff --git a/tests/shared/removeSelectedTest.tsx b/tests/shared/removeSelectedTest.tsx
diff --git a/tests/shared/throwOptionValue.tsx b/tests/shared/throwOptionValue.tsx
diff --git a/tests/ssr.test.tsx b/tests/ssr.test.tsx
diff --git a/tsconfig.json b/tsconfig.json
diff --git a/typings/index.d.ts b/typings/index.d.ts
