chore: support Trusted publishing for npm packages (#3318)

* chore: support Trusted publishing for npm packages

* chore: 更新 lock 文件

* docs: 降低 Vue 组件的顺序

Author: Alexzjt

.github/workflows/auto-release.yml

@@ -7,13 +7,19 @@ on:
       - alpha
       - next
 
+permissions:
+  contents: write
+  id-token: write
+  issues: write
+  pull-requests: write
+
 jobs:
   release:
     runs-on: ubuntu-latest
     if: "!contains(github.event.head_commit.message, '[skip ci]') && startsWith(github.event.head_commit.message , 'chore(release):')"
     strategy:
       matrix:
-        node-version: [20] # semantic-release 需要 >= 16 的 Node.js 环境
+        node-version: [24] # npm trust publish 需要 Nodejs 24
 
     steps:
       - uses: actions/checkout@v4
@@ -26,7 +32,7 @@ jobs:
 
       - uses: pnpm/action-setup@v4
         with:
-          version: 9
+          version: 10
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4
@@ -62,7 +68,6 @@ jobs:
       - name: Release
         env:
           GITHUB_TOKEN: ${{ secrets.HUIYU_GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
           npm_config_legacy_peer_deps: true
         run: pnpm release
 

package.json

@@ -59,7 +59,7 @@
     "build:umd": "pnpm -r --filter \"{packages/**}\" --stream build:umd",
     "build:size-limit": "pnpm -r --filter \"{packages/**}\" --stream build:size-limit",
     "build:size-limit-json": "pnpm -r --filter \"{packages/**}\" --stream build:size-limit-json",
-    "release": "pnpm -r --filter !@antv/s2-site --filter !@antv/s2-ssr --workspace-concurrency=1 exec npx --no-install semantic-release",
+    "release": "pnpm -r --filter !@antv/s2-site --filter !@antv/s2-ssr --filter !@antv/s2-monorepo --workspace-concurrency=1 exec npx --no-install semantic-release",
     "release:preview": "pnpm release --dry-run --no-ci",
     "release:bump-version": "node ./scripts/bump-version.js",
     "test": "pnpm -r --filter \"{packages/**}\" --stream test",
@@ -181,8 +181,8 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "rollup-plugin-visualizer": "^5.12.0",
-    "semantic-release": "^19.0.5",
-    "semantic-release-monorepo": "^7.0.8",
+    "semantic-release": "^25.0.2",
+    "semantic-release-monorepo": "^8.0.2",
     "size-limit": "^11.1.4",
     "stylelint": "^15.11.0",
     "stylelint-config-prettier": "^9.0.5",

packages/s2-vue/README.md

@@ -313,7 +313,6 @@ const rawOptions: S2Options = {
 import type { S2DataConfig, S2Options } from '@antv/s2';
 import { SheetComponent } from '@antv/s2-vue';
 import { defineComponent, onMounted, reactive, shallowRef } from 'vue';
-import "@antv/s2-vue/dist/s2-vue.min.css";
 
 export default defineComponent({
   setup() {
@@ -343,16 +342,24 @@ export default defineComponent({
 </template>
 ```
 
-### 3. 渲染
+### 3. 挂载节点
+
+```html
+<!-- index.html -->
+<div id="app"></div>
+```
+
+### 4. 渲染
 
 ```ts
+// index.ts
 import { createApp } from 'vue';
 import App from './App.vue';
+import "@antv/s2-vue/dist/s2-vue.min.css";
 
 createApp(App).mount('#app');
-
 ```
 
-### 4. 结果
+### 5. 结果
 
 ![result](https://gw.alipayobjects.com/zos/antfincdn/rf1gPzsFQ/2e3f09f1-6f94-4981-91d4-8c7a770574be.png)