test: use unified github action yml (#868)

Author: Layouwen

.github/workflows/main.yml

@@ -1,115 +1,6 @@
-name: CI
-
-on: ['push', 'pull_request']
-
+name: ✅ test
+on: [push, pull_request]
 jobs:
-  setup:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout
-        uses: actions/checkout@v4
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-
-      - name: cache package-lock.json
-        uses: actions/cache@v4
-        with:
-          path: package-temp-dir
-          key: lock-${{ github.sha }}
-
-      - name: create package-lock.json
-        run: npm i --package-lock-only --ignore-scripts
-
-      - name: hack for singe file
-        run: |
-          if [ ! -d "package-temp-dir" ]; then
-            mkdir package-temp-dir
-          fi
-          cp package-lock.json package-temp-dir
-
-      - name: cache node_modules
-        id: node_modules_cache_id
-        uses: actions/cache@v4
-        with:
-          path: node_modules
-          key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
-
-      - name: install
-        if: steps.node_modules_cache_id.outputs.cache-hit != 'true'
-        run: npm ci
-
-  lint:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout
-        uses: actions/checkout@v4
-
-      - name: restore cache from package-lock.json
-        uses: actions/cache@v4
-        with:
-          path: package-temp-dir
-          key: lock-${{ github.sha }}
-
-      - name: restore cache from node_modules
-        uses: actions/cache@v4
-        with:
-          path: node_modules
-          key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
-
-      - name: lint
-        run: npm run lint
-
-    needs: setup
-
-  compile:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout
-        uses: actions/checkout@v4
-
-      - name: restore cache from package-lock.json
-        uses: actions/cache@v4
-        with:
-          path: package-temp-dir
-          key: lock-${{ github.sha }}
-
-      - name: restore cache from node_modules
-        uses: actions/cache@v4
-        with:
-          path: node_modules
-          key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
-
-      - name: compile
-        run: npm run compile
-
-    needs: setup
-
-  coverage:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout
-        uses: actions/checkout@v4
-
-      - name: restore cache from package-lock.json
-        uses: actions/cache@v4
-        with:
-          path: package-temp-dir
-          key: lock-${{ github.sha }}
-
-      - name: restore cache from node_modules
-        uses: actions/cache@v4
-        with:
-          path: node_modules
-          key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
-
-      - name: coverage
-        run: npm test -- --coverage
-
-      - name: Upload coverage to Codecov
-        uses: codecov/codecov-action@v4
-        with:
-          token: ${{ secrets.CODECOV_TOKEN }}
-
-    needs: setup
+  test:
+    uses: react-component/rc-test/.github/workflows/test.yml@main
+    secrets: inherit

.gitignore

@@ -40,4 +40,6 @@ coverage/
 
 # dumi
 .dumi/tmp
-.dumi/tmp-production
+.dumi/tmp-production
+
+bun.lockb

bunfig.toml

@@ -0,0 +1,2 @@
+[install]
+peer = false

docs/examples/cellRender.tsx

@@ -150,7 +150,7 @@ export default () => {
             {...sharedProps}
             locale={zhCN}
             picker="time"
-            cellRender={(current, info) =>
+            cellRender={(current: number | string, info) =>
               React.cloneElement(
                 info.originNode,
                 {
@@ -173,13 +173,13 @@ export default () => {
             allowClear
             showTime
             style={{ width: 580 }}
-            cellRender={(current: Moment, info) => {
+            cellRender={(current, info) => {
               return (
                 <div
                   title={info.type}
                   style={{ background: info.type === 'time' ? 'green' : 'yellow' }}
                 >
-                  {info.type === 'time' ? current : current.get('date')}
+                  {info.type === 'time' ? (current as number) : (current as Moment).get('date')}
                 </div>
               );
             }}

docs/examples/customize.tsx

@@ -12,17 +12,9 @@ interface DateRangeState {
   endOpen: boolean;
   initValue: Moment;
 }
-type PanelMode = 'time' | 'datetime' | 'date' | 'week' | 'month' | 'year' | 'decade';
 
 const now = moment();
 
-function disabledDate(current: Moment) {
-  // Can not select days before today
-  return current && current < moment().subtract(1, 'days').endOf('day');
-}
-function changePanelCallBack(value: Moment, mode: PanelMode) {
-  console.log(value, mode);
-}
 class Customize extends React.Component<{}, DateRangeState> {
   poupContainerRef: React.RefObject<HTMLDivElement>;
 
@@ -109,7 +101,7 @@ class Customize extends React.Component<{}, DateRangeState> {
   );
 
   render() {
-    const { startValue, endValue, endOpen, initValue } = this.state;
+    const { startValue, endValue, endOpen } = this.state;
     console.log('->', endOpen);
     return (
       <div>
@@ -141,30 +133,6 @@ class Customize extends React.Component<{}, DateRangeState> {
             />
             <div ref={this.poupContainerRef} />
           </div>
-          <div>
-            <h3>renderExtraFooter</h3>
-            <PickerPanel
-              generateConfig={momentGenerateConfig}
-              locale={zhCN}
-              showToday
-              disabledDate={disabledDate}
-              onSelect={this.handleSelect}
-              value={initValue}
-              onPanelChange={changePanelCallBack}
-              renderExtraFooter={(mode: PanelMode) => <div>{mode} extra footer</div>}
-            />
-          </div>
-          <div>
-            <h3>month picker</h3>
-            <PickerPanel
-              generateConfig={momentGenerateConfig}
-              locale={zhCN}
-              picker="month"
-              defaultValue={now}
-              onSelect={this.handleSelectMonth}
-              renderExtraFooter={() => <div>extra footer</div>}
-            />
-          </div>
           <div>
             <h3>monthCellRender</h3>
             <PickerPanel

docs/examples/rtl.tsx

@@ -1,11 +1,14 @@
 import moment, { type Moment } from 'moment';
 import React from 'react';
 import '../../assets/index.less';
+import type { PickerRef } from '../../src/';
 import { Picker, PickerPanel, RangePicker } from '../../src/';
 import momentGenerateConfig from '../../src/generate/moment';
 import enUS from '../../src/locale/en_US';
 import jaJP from '../../src/locale/ja_JP';
 import zhCN from '../../src/locale/zh_CN';
+import type { RangePickerRef } from '@/interface';
+import type { NoUndefinedRangeValueType } from '@/PickerInput/RangePicker';
 
 const defaultValue = moment();
 
@@ -16,13 +19,16 @@ function formatDate(date: Moment | null) {
 export default () => {
   const [value, setValue] = React.useState<Moment | null>(defaultValue);
 
-  const weekRef = React.useRef<Picker<Moment>>(null);
+  const weekRef = React.useRef<PickerRef>(null);
 
   const onSelect = (newValue: Moment) => {
     console.log('Select:', newValue);
   };
 
-  const onChange = (newValue: Moment | null, formatString?: string) => {
+  const onChange = (
+    newValue: NoUndefinedRangeValueType<Moment>,
+    formatString?: string | [string, string],
+  ) => {
     const lastValue = Array.isArray(newValue) ? newValue[1] : newValue;
     console.log('Change:', lastValue, newValue, formatString);
     setValue(lastValue);
@@ -33,10 +39,10 @@ export default () => {
     value,
     onSelect,
     onChange,
-    direction: 'rtl',
+    direction: 'rtl' as const,
   };
 
-  const rangePickerRef = React.useRef<RangePicker<Moment>>(null);
+  const rangePickerRef = React.useRef<RangePickerRef>(null);
 
   return (
     <div dir="rtl">