chore: bump [email protected] (#42)

* chore: bump [email protected]

* chore: fix father 4.x compile

* chore: use rc-test

* chore: vercel deploy

---------

Co-authored-by: liangjun.chen <[email protected]>

.dumirc.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from 'dumi';
+const isGitPagesSite = process.env.GITHUB_ACTIONS;
+
+export default defineConfig({
+  favicons: ['https://avatars0.githubusercontent.com/u/9441414?s=200&v=4'],
+  themeConfig: {
+    name: 'rc-overflow',
+    logo: 'https://avatars0.githubusercontent.com/u/9441414?s=200&v=4',
+  },
+  exportStatic: {},
+  outputPath: 'docs-dist',
+  base: isGitPagesSite ? `/rc-overflow/` : ``,
+  publicPath: isGitPagesSite ? `/rc-overflow/` : ``,
+  styles: [
+    `
+      .markdown table {
+        width: auto !important;
+      }
+    `,
+  ],
+});

.fatherrc.ts

@@ -0,0 +1,5 @@
+import { defineConfig } from 'father';
+
+export default defineConfig({
+  plugins: ['@rc-component/father-plugin'],
+});

.github/workflows/main.yml

@@ -15,7 +15,7 @@ jobs:
 
       - uses: actions/setup-node@v1
         with:
-          node-version: '12'
+          node-version: '18'
 
       - name: cache package-lock.json
         uses: actions/cache@v2
@@ -24,7 +24,7 @@ jobs:
           key: lock-${{ github.sha }}
 
       - name: create package-lock.json
-        run: npm i --package-lock-only
+        run: npm i --package-lock-only --ignore-scripts
 
       - name: hack for singe file
         run: |

.gitignore

@@ -1,4 +1,3 @@
-.storybook
 *.iml
 *.log
 .idea/
@@ -29,5 +28,10 @@ yarn.lock
 package-lock.json
 coverage/
 .doc
-.umi
-dist/
+dist/
+
+# dumi
+.dumi/tmp
+.dumi/tmp-test
+.dumi/tmp-production
+.env.local

docs/demo/basic.md

@@ -0,0 +1,8 @@
+---
+title: basic
+nav:
+  title: Demo
+  path: /demo
+---
+
+<code src="../../examples/basic.tsx"></code>

docs/demo/blink.md

@@ -1,3 +1,8 @@
-## blink
+---
+title: blink
+nav:
+  title: Demo
+  path: /demo
+---
 
-<code src="../../examples/blink.tsx">
+<code src="../../examples/blink.tsx"></code>

docs/demo/fill-width.md

@@ -1,3 +1,8 @@
-## fill-width
+---
+title: fill-width
+nav:
+  title: Demo
+  path: /demo
+---
 
-<code src="../../examples/fill-width.tsx">
+<code src="../../examples/fill-width.tsx"></code>

docs/demo/raw-render.md

@@ -1,3 +1,8 @@
-## Raw Render
+---
+title: raw-render
+nav:
+  title: Demo
+  path: /demo
+---
 
-<code src="../../examples/raw-render.tsx">
+<code src="../../examples/raw-render.tsx"></code>

docs/index.md

@@ -1,5 +1,7 @@
 ---
-title: rc-overflow
+hero:
+  title: rc-overflow
+  description: React Overflow Component
 ---
 
-<embed src="../README.md" />
+<embed src="../README.md" ></embed>

jest.config.js

@@ -1,5 +1,4 @@
 module.exports = {
   setupFiles: ['./tests/setup.js'],
   snapshotSerializers: [require.resolve('enzyme-to-json/serializer')],
-  setupFilesAfterEnv: ['<rootDir>/tests/setupFilesAfterEnv.ts']
 };

now.json

@@ -4,11 +4,8 @@
   "builds": [
     {
       "src": "package.json",
-      "use": "@now/static-build",
+      "use": "@vercel/static-build",
       "config": { "distDir": "docs-dist" }
     }
-  ],
-  "routes": [
-    { "src": "/(.*)", "dest": "/dist/$1" }
   ]
 }

package.json

@@ -32,11 +32,12 @@
     "start": "dumi dev",
     "docs:build": "dumi build",
     "docs:deploy": "gh-pages -d docs-dist",
-    "compile": "father-build",
+    "compile": "father build",
+    "prepare": "dumi setup",
     "deploy": "npm run docs:build && npm run docs:deploy",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
-    "test": "father test",
-    "test:coverage": "umi-test --coverage",
+    "test": "rc-test",
+    "test:coverage": "rc-test --coverage",
     "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
     "lint": "eslint src/ --ext .tsx,.ts",
     "lint:tsc": "tsc -p tsconfig.json --noEmit",
@@ -49,28 +50,31 @@
     "rc-util": "^5.37.0"
   },
   "devDependencies": {
+    "@rc-component/father-plugin": "^1.0.0",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.0.0",
     "@types/classnames": "^2.2.9",
     "@types/enzyme": "^3.10.8",
     "@types/jest": "^26.0.23",
     "@types/react": "^16.14.2",
     "@types/react-dom": "^16.9.10",
-    "@umijs/fabric": "^2.0.8",
+    "@umijs/fabric": "^3.0.0",
+    "glob": "^10.0.0",
     "cross-env": "^7.0.2",
-    "dumi": "^1.1.10",
+    "dumi": "^2.0.0",
     "enzyme": "^3.0.0",
     "enzyme-adapter-react-16": "^1.0.1",
     "enzyme-to-json": "^3.4.0",
     "eslint": "^7.0.0",
-    "father": "^2.13.4",
-    "father-build": "^1.19.1",
+    "father": "^4.0.0",
     "less": "^3.10.3",
     "np": "^7.0.0",
     "prettier": "^2.0.5",
+    "rc-test": "^7.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
-    "regenerator-runtime": "^0.13.7"
+    "regenerator-runtime": "^0.13.7",
+    "typescript": "^5.0.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -82,4 +86,4 @@
   "tnpm": {
     "mode": "npm"
   }
-}
+}

script/update-content.js

@@ -0,0 +1,34 @@
+/*
+  用于 dumi 改造使用，
+  可用于将 examples 的文件批量修改为 demo 引入形式，
+  其他项目根据具体情况使用。
+*/
+
+const fs = require('fs');
+const glob = require('glob');
+
+const paths = glob.sync('./examples/*.tsx');
+
+paths.forEach(path => {
+  const name = path.split('/').pop().split('.')[0];
+  fs.writeFile(
+    `./docs/demo/${name}.md`,
+    `---
+title: ${name}
+nav:
+  title: Demo
+  path: /demo
+---
+
+<code src="../../examples/${name}.tsx"></code>
+`,
+    'utf8',
+    function(error) {
+      if(error){
+        console.log(error);
+        return false;
+      }
+      console.log(`${name} 更新成功~`);
+    }
+  )
+});

tests/setup.js

@@ -11,22 +11,20 @@ Enzyme.configure({ adapter: new Adapter() });
 
 Object.assign(Enzyme.ReactWrapper.prototype, {
   triggerResize(clientWidth) {
+    const target = this.find('ResizeObserver').first()
+    target.invoke('onResize')({}, { clientWidth })
     act(() => {
-      this.find('ResizeObserver').first().props().onResize({}, { clientWidth });
       jest.runAllTimers();
-      this.update();
-    });
+    })  
+    this.update()
   },
   triggerItemResize(index, offsetWidth) {
+    const target = this.find('Item').at(index).find('ResizeObserver')
+    target.invoke('onResize')({ offsetWidth });
     act(() => {
-      this.find('Item')
-        .at(index)
-        .find('ResizeObserver')
-        .props()
-        .onResize({ offsetWidth });
       jest.runAllTimers();
-      this.update();
-    });
+    })
+    this.update()
   },
   initSize(width, itemWidth) {
     this.triggerResize(width);

tests/wrapper.ts

@@ -1,4 +1,5 @@
-import { mount as enzymeMount, ReactWrapper } from 'enzyme';
+import type { ReactWrapper } from 'enzyme';
+import { mount as enzymeMount } from 'enzyme';
 
 export type MountParam = Parameters<typeof enzymeMount>;
 

tsconfig.json

@@ -3,13 +3,13 @@
     "target": "esnext",
     "moduleResolution": "node",
     "baseUrl": "./",
-    "jsx": "preserve",
+    "jsx": "react",
     "declaration": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
     "paths": {
       "@/*": ["src/*"],
-      "@@/*": ["src/.umi/*"],
+      "@@/*": [".dumi/tmp/*"],
       "rc-overflow": ["src/index.tsx"]
     }
   }