From c62f1893e6035b08bbd002a7249a411366dbd489 Mon Sep 17 00:00:00 2001 From: warmthsea <2586244885@qq.com> Date: Wed, 15 Oct 2025 10:31:19 +0800 Subject: [PATCH] docs: separate `compatibility` md --- .../.vitepress/crowdin/en-US/pages/guide.json | 4 ++ docs/en-US/guide/compatibility.md | 37 +++++++++++++++++++ docs/en-US/guide/installation.md | 33 ----------------- 3 files changed, 41 insertions(+), 33 deletions(-) create mode 100644 docs/en-US/guide/compatibility.md diff --git a/docs/.vitepress/crowdin/en-US/pages/guide.json b/docs/.vitepress/crowdin/en-US/pages/guide.json index 734d27cb38..38dc0de8b0 100644 --- a/docs/.vitepress/crowdin/en-US/pages/guide.json +++ b/docs/.vitepress/crowdin/en-US/pages/guide.json @@ -10,6 +10,10 @@ "text": "Navigation", "link": "/guide/nav" }, + { + "text": "Compatibility", + "link": "/guide/compatibility" + }, { "text": "Installation", "link": "/guide/installation" diff --git a/docs/en-US/guide/compatibility.md b/docs/en-US/guide/compatibility.md new file mode 100644 index 0000000000..79b6d895e7 --- /dev/null +++ b/docs/en-US/guide/compatibility.md @@ -0,0 +1,37 @@ +--- +title: Compatibility +lang: en-US +--- + +# Compatibility ^(2.5.0) + +### Browsers + +If you really need to support outdated browsers, please add [Babel](https://babeljs.io/) and Polyfill yourself. + +Since Vue 3 no longer supports IE11, Element Plus does not support IE either. + +| version | ![Chrome](https://cdn.jsdelivr.net/npm/@browser-logos/chrome/chrome_32x32.png)
Chrome | ![IE](https://cdn.jsdelivr.net/npm/@browser-logos/edge/edge_32x32.png)
Edge | ![Firefox](https://cdn.jsdelivr.net/npm/@browser-logos/firefox/firefox_32x32.png)
Firefox | ![Safari](https://cdn.jsdelivr.net/npm/@browser-logos/safari/safari_32x32.png)
Safari | +| ------- | ------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ | +| < 2.5.0 | Chrome ≥ 64 | Edge ≥ 79 | Firefox ≥ 78 | Safari ≥ 12 | +| 2.5.0 + | Chrome ≥ 85 | Edge ≥ 85 | Firefox ≥ 79 | Safari ≥ 14.1 | + +### Sass + +Version `2.8.5` and later, the minimum compatible version of [Sass](https://github.com/sass) is `1.79.0`. + +If your terminal prompts `legacy JS API Deprecation Warning`, you can configure the following code in [vite.config.ts](https://vitejs.dev/config/shared-options.html#css-preprocessoroptions). + +```ts{3} +css: { + preprocessorOptions: { + scss: { api: 'modern-compiler' }, + } +} +``` + +### Version + +Element Plus is currently in a rapid development iteration. [![ElementPlus version badge](https://img.shields.io/npm/v/element-plus.svg?style=flat-square)](https://www.npmjs.org/package/element-plus) + +In addition, every commit and PR on the dev branch will be published to [pkg.pr.new](https://github.com/stackblitz-labs/pkg.pr.new), if you want to use some unpublished content, you can refer to [here](https://github.com/element-plus/element-plus/issues/18433#issuecomment-2392618431). diff --git a/docs/en-US/guide/installation.md b/docs/en-US/guide/installation.md index a72a43cf75..5eae5e5631 100644 --- a/docs/en-US/guide/installation.md +++ b/docs/en-US/guide/installation.md @@ -5,39 +5,6 @@ lang: en-US # Installation -## Compatibility ^(2.5.0) - -Element Plus can run on browsers that support last 2 versions. - -If you really need to support outdated browsers, please add [Babel](https://babeljs.io/) and Polyfill yourself. - -Since Vue 3 no longer supports IE11, Element Plus does not support IE either. - -| version | ![Chrome](https://cdn.jsdelivr.net/npm/@browser-logos/chrome/chrome_32x32.png)
Chrome | ![IE](https://cdn.jsdelivr.net/npm/@browser-logos/edge/edge_32x32.png)
Edge | ![Firefox](https://cdn.jsdelivr.net/npm/@browser-logos/firefox/firefox_32x32.png)
Firefox | ![Safari](https://cdn.jsdelivr.net/npm/@browser-logos/safari/safari_32x32.png)
Safari | -| ------- | ------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ | -| < 2.5.0 | Chrome ≥ 64 | Edge ≥ 79 | Firefox ≥ 78 | Safari ≥ 12 | -| 2.5.0 + | Chrome ≥ 85 | Edge ≥ 85 | Firefox ≥ 79 | Safari ≥ 14.1 | - -### Sass - -Version `2.8.5` and later, the minimum compatible version of [Sass](https://github.com/sass) is `1.79.0`. - -If your terminal prompts `legacy JS API Deprecation Warning`, you can configure the following code in [vite.config.ts](https://vitejs.dev/config/shared-options.html#css-preprocessoroptions). - -```ts{3} -css: { - preprocessorOptions: { - scss: { api: 'modern-compiler' }, - } -} -``` - -### Version - -Element Plus is currently in a rapid development iteration. [![ElementPlus version badge](https://img.shields.io/npm/v/element-plus.svg?style=flat-square)](https://www.npmjs.org/package/element-plus) - -In addition, every commit and PR on the dev branch will be published to [pkg.pr.new](https://github.com/stackblitz-labs/pkg.pr.new), if you want to use some unpublished content, you can refer to [here](https://github.com/element-plus/element-plus/issues/18433#issuecomment-2392618431). - ## Using Package Manager **We recommend using the package manager (NPM, [Yarn](https://classic.yarnpkg.com/lang/en/), [pnpm](https://pnpm.io/)) to install Element Plus**,