chore: update ci workflow node 16 -> node 20 (#2109)

* chore: try to update ci workflow node 16 -> node 20
* chore: remove syslink in semi-ui pacakge
* fix: lodash/get type error
* fix: tooltip focus type error

.github/workflows/chromatic.yml

@@ -30,9 +30,9 @@ jobs:
         # Job steps
         steps:
             - uses: actions/checkout@v1
-            - uses: actions/setup-node@v3
+            - uses: actions/setup-node@v4
               with:
-                  node-version: '16'
+                  node-version: '20'
             - name: Install dependencies
               run: npx lerna@^6 bootstrap
             - name: Pre-build libs

.github/workflows/lighthouse.yml

@@ -12,10 +12,10 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - uses: actions/checkout@v3
-            - name: Use Node.js 16
-              uses: actions/setup-node@v3
+            - name: Use Node.js 20
+              uses: actions/setup-node@v4
               with:
-                  node-version: 16
+                  node-version: 20
             - name: npm install, build
               run: |
                   npm i -g lerna@^6 gulp

.github/workflows/publish.yml

@@ -16,10 +16,10 @@ jobs:
               with:
                   token: ${{ secrets.PAT }}
 
-            - name: Use Node.js 16
-              uses: actions/setup-node@v3
+            - name: Use Node.js 20
+              uses: actions/setup-node@v4
               with:
-                  node-version: 16
+                  node-version: 20
 
             - name: npm install
               run: npm i -g lerna@^4.0.0 && npm run bootstrap

.github/workflows/release.yml

@@ -9,9 +9,9 @@ jobs:
         steps:
             - uses: actions/checkout@v3
             - name: release
-              uses: actions/setup-node@v3
+              uses: actions/setup-node@v4
               with:
-                  node-version: 16
+                  node-version: 20
             - run: |
                   npm i -g lerna@^6 && npm run bootstrap
                   node scripts/release.js

.github/workflows/test-coverage.yml

@@ -15,9 +15,9 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - uses: actions/checkout@v3
-            - uses: actions/setup-node@v3
+            - uses: actions/setup-node@v4
               with:
-                  node-version: '16'
+                  node-version: '20'
             - name: Run install
               run: npm i -g lerna@^6 && npm run bootstrap
             - name: Run Jest test
@@ -32,9 +32,9 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - uses: actions/checkout@v3
-            - uses: actions/setup-node@v3
+            - uses: actions/setup-node@v4
               with:
-                  node-version: '16'
+                  node-version: '20'
             - name: Run install
               run: |
                   npm i -g lerna@^6
@@ -58,9 +58,9 @@ jobs:
         needs: [jest, cypress]
         steps:
             - uses: actions/checkout@v3
-            - uses: actions/setup-node@v3
+            - uses: actions/setup-node@v4
               with:
-                  node-version: '16'
+                  node-version: '20'
             - name: Download Jest coverage
               uses: actions/download-artifact@v3
               with:

.github/workflows/test.yml

@@ -15,9 +15,9 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - uses: actions/checkout@v3
-            - uses: actions/setup-node@v3
+            - uses: actions/setup-node@v4
               with:
-                  node-version: '16'
+                  node-version: '20'
             - name: Run install
               run: npm i -g lerna@^6 && npm run bootstrap
             - name: Run Jest test

create_symlinks.sh

@@ -0,0 +1,42 @@
+#!/bin/bash
+
+# 定义源目录和目标目录
+source_dir="content"
+target_dir="packages/semi-ui"
+
+# 遍历 content 目录下的二级子文件夹
+for type_dir in "$source_dir"/*; do
+  if [ -d "$type_dir" ]; then
+    for component_dir in "$type_dir"/*; do
+      if [ -d "$component_dir" ]; then
+        # 获取组件名称
+        component_name=$(basename "$component_dir")
+
+        # 确认目标目录中存在同名文件夹
+        if [ -d "$target_dir/$component_name" ]; then
+          echo "Found directory $target_dir/$component_name, creating symlinks..."
+
+          # 创建 index.md 符号链接
+          if [ -f "$component_dir/index.md" ]; then
+            ln -sf "../../../$component_dir/index.md" "$target_dir/$component_name/index.md"
+            echo "Created symlink: $target_dir/$component_name/index.md -> ../../../$component_dir/index.md"
+          else
+            echo "No index.md found in $component_dir"
+          fi
+
+          # 创建 index-en-US.md 符号链接
+          if [ -f "$component_dir/index-en-US.md" ]; then
+            ln -sf "../../../$component_dir/index-en-US.md" "$target_dir/$component_name/index-en-US.md"
+            echo "Created symlink: $target_dir/$component_name/index-en-US.md -> ../../../$component_dir/index-en-US.md"
+          else
+            echo "No index-en-US.md found in $component_dir"
+          fi
+        else
+          echo "Directory $target_dir/$component_name not found, skipping..."
+        fi
+      fi
+    done
+  fi
+done
+
+echo "符号链接创建完毕。"

package.json

@@ -183,7 +183,7 @@
         "eslint-plugin-semi-design": "^2.33.0",
         "fs-extra": "^8.1.0",
         "glob": "^7.1.7",
-        "html-webpack-plugin": "^3.2.0",
+        "html-webpack-plugin": "^5.6.0",
         "husky": "^1.3.1",
         "jest": "^24.9.0",
         "jest-date-mock": "^1.0.8",
@@ -194,10 +194,10 @@
         "lint-staged": "^10.5.4",
         "marked": "^2.1.3",
         "mini-css-extract-plugin": "^0.12.0",
-        "null-loader": "^3.0.0",
+        "null-loader": "^4.0.1",
         "postcss-loader": "^2.1.6",
         "prettier": "^1.19.1",
-        "progress-bar-webpack-plugin": "^1.12.1",
+        "progress-bar-webpack-plugin": "^2.1.0",
         "react-dnd-cjs": "^9.5.1",
         "react-storybook-addon-props-combinations": "^1.1.0",
         "rimraf": "^2.7.1",

packages/semi-ui/datePicker/datePicker.tsx

@@ -312,7 +312,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
                 }
                 switch (rangeInputFocus) {
                     case 'rangeStart':
-                        const inputStartNode = get(this, 'rangeInputStartRef.current');
+                        const inputStartNode = get(this, 'rangeInputStartRef.current') as HTMLInputElement;
                         inputStartNode && inputStartNode.focus({ preventScroll });
                         /**
                          * 解决选择完startDate，切换到endDate后panel被立马关闭的问题。
@@ -332,7 +332,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
                         }, 0);
                         break;
                     case 'rangeEnd':
-                        const inputEndNode = get(this, 'rangeInputEndRef.current');
+                        const inputEndNode = get(this, 'rangeInputEndRef.current') as HTMLInputElement;
                         inputEndNode && inputEndNode.focus({ preventScroll });
                         /**
                          * 解决选择完startDate，切换到endDate后panel被立马关闭的问题。
@@ -363,35 +363,35 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
                 switch (rangeInputFocus) {
                     case 'rangeEnd':
                         if (document.activeElement !== this.rangeInputEndRef.current) {
-                            const inputEndNode = get(this, 'rangeInputEndRef.current');
+                            const inputEndNode = get(this, 'rangeInputEndRef.current') as HTMLInputElement;
                             inputEndNode && inputEndNode.focus({ preventScroll });
                         }
                         break;
                     case 'rangeStart':
                     default:
                         if (document.activeElement !== this.rangeInputStartRef.current) {
-                            const inputStartNode = get(this, 'rangeInputStartRef.current');
+                            const inputStartNode = get(this, 'rangeInputStartRef.current') as HTMLInputElement;
                             inputStartNode && inputStartNode.focus({ preventScroll });
                         }
                         break;
                 }
             },
             setInputFocus: () => {
                 const { preventScroll } = this.props;
-                const inputNode = get(this, 'inputRef.current');
+                const inputNode = get(this, 'inputRef.current') as HTMLInputElement;
                 inputNode && inputNode.focus({ preventScroll });
             },
             setInputBlur: () => {
-                const inputNode = get(this, 'inputRef.current');
+                const inputNode = get(this, 'inputRef.current') as HTMLInputElement;
                 inputNode && inputNode.blur();
             },
             setRangeInputBlur: () => {
                 const { rangeInputFocus } = this.state;
                 if (rangeInputFocus === 'rangeStart') {
-                    const inputStartNode = get(this, 'rangeInputStartRef.current');
+                    const inputStartNode = get(this, 'rangeInputStartRef.current') as HTMLInputElement;
                     inputStartNode && inputStartNode.blur();
                 } else if (rangeInputFocus === 'rangeEnd') {
-                    const inputEndNode = get(this, 'rangeInputEndRef.current');
+                    const inputEndNode = get(this, 'rangeInputEndRef.current') as HTMLInputElement;
                     inputEndNode && inputEndNode.blur();
                 }
                 this.adapter.setRangeInputFocus(false);
@@ -882,6 +882,8 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         const inner = this.renderInner(pick(this.props, innerPropKeys));
         const wrappedInner = this.wrapPopover(inner);
 
-        return <div {...outerProps}>{wrappedInner}</div>;
+        return <div {...outerProps}>
+            {wrappedInner}
+        </div>;
     }
 }