chore: migrate to @rc-component namespace and update (#294)

* chore: migrate to @rc-component namespace and update

* Update package.json

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

* chore: modify deploy path

---------

Co-authored-by: 刘欢 <lh01217311@antgroup.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

Author: 3 people

README.md

@@ -37,7 +37,7 @@ Checkbox ui component for react.
 ## Usage
 
 ```js
-import checkbox from 'rc-checkbox';
+import checkbox from '@rc-component/checkbox';
 
 export default () => <checkbox />;
 ```

docs/demo/focus.tsx

@@ -1,5 +1,5 @@
-import type { CheckboxRef } from 'rc-checkbox';
-import Checkbox from 'rc-checkbox';
+import type { CheckboxRef } from '@rc-component/checkbox';
+import Checkbox from '@rc-component/checkbox';
 import { useLayoutEffect, useRef, useState } from 'react';
 import '../../assets/index.less';
 

docs/demo/simple.tsx

@@ -1,9 +1,9 @@
 /* eslint no-console:0, jsx-a11y/label-has-for: 0, jsx-a11y/label-has-associated-control: 0 */
+import Checkbox from '@rc-component/checkbox';
 import React from 'react';
-import Checkbox from 'rc-checkbox';
 import '../../assets/index.less';
 
-import type { CheckboxProps } from 'rc-checkbox';
+import type { CheckboxProps } from '@rc-component/checkbox';
 
 const onChange = (e: any) => {
   console.log('Checkbox checked:', e.target.checked);

docs/index.md

@@ -1,26 +1,26 @@
 ---
 hero:
-  title: rc-checkbox
+  title: @rc-component/checkbox
   description: checkbox ui component for react
 ---
 
 ## 📦 Install
 
 ```bash
 # npm install
-npm install rc-checkbox --save
+npm install @rc-component/checkbox --save
 
 # yarn install
-yarn add rc-checkbox
+yarn add @rc-component/checkbox
 
 # pnpm install
-pnpm i rc-checkbox
+pnpm i @rc-component/checkbox
 ```
 
 ## 🔨 Usage
 
 ```ts
-import Checkbox from 'rc-checkbox';
+import Checkbox from '@rc-component/checkbox';
 
 export default () => {
   return <Checkbox />;

package.json

@@ -1,14 +1,14 @@
 {
-  "name": "rc-checkbox",
-  "version": "3.5.0",
+  "name": "@rc-component/checkbox",
+  "version": "1.0.0",
   "description": "checkbox ui component for react",
   "keywords": [
     "react",
     "react-component",
     "react-checkbox",
     "checkbox"
   ],
-  "homepage": "http://github.com/react-component/checkbox",
+  "homepage": "https://react-component.github.io/checkbox",
   "bugs": {
     "url": "http://github.com/react-component/checkbox/issues"
   },
@@ -29,12 +29,13 @@
     "build": "dumi build",
     "compile": "father build && lessc assets/index.less assets/index.css",
     "coverage": "jest --coverage",
-    "gh-pages": "npm run build && father doc deploy -d .docs",
+    "gh-pages": "npm run build && father doc deploy -d dist",
     "lint": "eslint src/ --ext .tsx,.ts",
     "prepare": "husky install && dumi setup",
-    "prepublishOnly": "npm run compile && np --yolo --no-publish",
+    "prepublishOnly": "npm run compile && rc-np",
     "start": "dumi dev",
-    "test": "jest"
+    "test": "jest",
+    "tsc": "bunx tsc --noEmit"
   },
   "lint-staged": {
     "*.{js,jsx,less,md,json}": [
@@ -45,14 +46,14 @@
     ]
   },
   "dependencies": {
-    "@babel/runtime": "^7.10.1",
-    "classnames": "^2.3.2",
-    "rc-util": "^5.25.2"
+    "@rc-component/util": "^1.3.0",
+    "classnames": "^2.3.2"
   },
   "devDependencies": {
-    "@rc-component/father-plugin": "^1.0.1",
-    "@testing-library/react": "^14.1.2 ",
+    "@rc-component/father-plugin": "^2.1.3",
+    "@rc-component/np": "^1.0.0",
     "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.4.3",
     "@types/classnames": "^2.3.1",
     "@types/jest": "^29.2.4",
@@ -71,7 +72,6 @@
     "jest-environment-jsdom": "^29.3.1",
     "less": "^4.2.0",
     "lint-staged": "^15.1.0",
-    "np": "^9.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "ts-node": "^10.9.1",

src/index.tsx

@@ -1,5 +1,5 @@
+import useControlledState from '@rc-component/util/lib/hooks/useControlledState';
 import classNames from 'classnames';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import * as React from 'react';
 import { forwardRef, useImperativeHandle, useRef } from 'react';
 
@@ -44,9 +44,7 @@ export const Checkbox = forwardRef<CheckboxRef, CheckboxProps>((props, ref) => {
   const inputRef = useRef<HTMLInputElement>(null);
   const holderRef = useRef<HTMLElement>(null);
 
-  const [rawValue, setRawValue] = useMergedState(defaultChecked, {
-    value: checked,
-  });
+  const [rawValue, setRawValue] = useControlledState(defaultChecked, checked);
 
   useImperativeHandle(ref, () => ({
     focus: (options) => {

tests/index.test.tsx

@@ -1,5 +1,5 @@
+import KeyCode from '@rc-component/util/lib/KeyCode';
 import { fireEvent, render } from '@testing-library/react';
-import KeyCode from 'rc-util/lib/KeyCode';
 import * as React from 'react';
 import Checkbox from '../src';
 

tsconfig.json

@@ -11,7 +11,7 @@
     "paths": {
       "@/*": ["src/*"],
       "@@/*": [".dumi/tmp/*"],
-      "rc-checkbox": ["src/index.tsx"]
+      "@rc-component/checkbox": ["src/index.tsx"]
     }
   },
   "include": [".dumirc.ts", "**/*.ts", "**/*.tsx"]