diff --git a/README-zh_CN.md b/README-zh_CN.md index 57df9e55e8..b0a54da55c 100644 --- a/README-zh_CN.md +++ b/README-zh_CN.md @@ -54,6 +54,7 @@ - ⚙️ 稳定的质量保障，覆盖单元测试、E2E测试、视觉回归测试等多种测试手段 - 🥳 支持 SSR - 👏 使用 TypeScript, 良好的类型定义，基于 Foundation / Adapter 架构，源码易于阅读 / 贡献 +- 📦 轻松兼容 web components，提供完整适配方案，更适合用于构建 SDK、浏览器插件等需要 DOM 隔离的场景 # 🔥 安装 diff --git a/README.md b/README.md index ae53458f15..b938731b9b 100644 --- a/README.md +++ b/README.md @@ -60,6 +60,7 @@ English | [简体中文](./README-zh_CN.md) - ⚙️ Strict quality assurance, covering unit testing, E2E testing, visual testing. - 👏 Written in Typescript, friendly Static Type Support. Based on Foundation/Adapter architecture, easy to read and contribute - 🥳 SSR (Server Side Rendering) Compatible. +- 📦 Easily compatible with web components, providing a complete adaptation solution, more suitable for building SDKs, browser plugins and other scenarios that require DOM isolation. # 🔥 Install diff --git a/src/locale/en-US.js b/src/locale/en-US.js index 02e03f75f7..4673594946 100644 --- a/src/locale/en-US.js +++ b/src/locale/en-US.js @@ -102,6 +102,8 @@ const appLocale = { "feature_live_code_description": "LiveCode allows you to instantly demonstrate your UI components using an online code editor", "feature_test": "Stable quality assurance", "feature_test_description": "Semi uses a variety of methods such as unit testing to ensure the stability and quality of components, and the code coverage rate reaches 90%", + "adapter_webComponents": "Easily compatible with web components", + "adapter_webComponents_description": "Provides a complete adaptation solution. All components can work normally in shadow DOM, which is more suitable for building SDKs, browser plugins and other scenarios that require DOM isolation.", "feature_SSR": "SSR support", "feature_SSR_description": "Semi component library supports SSR scenarios and can be used in frameworks like Next.js、Gatsby、Remix", "feature_D2C": "Design to code", diff --git a/src/locale/zh-CN.js b/src/locale/zh-CN.js index 6365d7d9ba..2193be3e9c 100644 --- a/src/locale/zh-CN.js +++ b/src/locale/zh-CN.js @@ -104,7 +104,9 @@ const appLocale = { "feature_live_code": "Live Code 组件", "feature_live_code_description": "LiveCode 允许你使用在线代码编辑器即时演示你的 UI 组件", "feature_test": "稳定的质量保障", - "feature_test_description": "Semi 稳定迭代4年+，使用了单元测试、E2E测试、视觉对比测试等多种方法保证组件的稳定和质量，测试覆盖率达到 90%", + "feature_test_description": "Semi 稳定迭代5年+，使用了单元测试、E2E测试、视觉对比测试等多种方法保证组件的稳定和质量，测试覆盖率达到 90%", + "adapter_webComponents": "轻松兼容 web components", + "adapter_webComponents_description": "提供完整的适配方案，所有的组件在 shadow DOM 中均可正常工作，更适合用于构建 SDK、浏览器插件等需要 DOM 隔离的场景", "feature_SSR": "支持 SSR", "feature_SSR_description": "Semi 组件库支持 SSR 场景，可以在 Next.js 、 Gatsby 和 Remix 等框架中使用", "feature_D2C": "设计稿转代码", diff --git a/src/sitePages/newHome/components/feature/feature.jsx b/src/sitePages/newHome/components/feature/feature.jsx index 45713e30e0..99bdb6ac3a 100644 --- a/src/sitePages/newHome/components/feature/feature.jsx +++ b/src/sitePages/newHome/components/feature/feature.jsx @@ -79,6 +79,15 @@ function Feature(props) {

+
+ adapter web components +
+

{_t("adapter_webComponents")}

+

+ {_t("adapter_webComponents_description")} +

+
+
diff --git a/yarn.lock b/yarn.lock index 4a1544ef16..865f9d7332 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1534,25 +1534,11 @@ "@douyinfe/semi-animation-styled" "2.23.2" classnames "^2.2.6" -"@douyinfe/semi-animation-react@2.59.1": - version "2.59.1" - resolved "https://registry.yarnpkg.com/@douyinfe/semi-animation-react/-/semi-animation-react-2.59.1.tgz#66ef6a26a0064c4785d2a69877c0c939d5b55a88" - integrity sha512-TImalOl13V8QeHEOOAdwqQbwt3F59lwAFBcKvsymqnquWhAyBhOXTRaaIZSziv4sKGn1gXD7Cs7N5fBBY+pMog== - dependencies: - "@douyinfe/semi-animation" "2.59.1" - "@douyinfe/semi-animation-styled" "2.59.1" - classnames "^2.2.6" - "@douyinfe/semi-animation-styled@2.23.2": version "2.23.2" resolved "https://registry.npmjs.org/@douyinfe/semi-animation-styled/-/semi-animation-styled-2.23.2.tgz#f18bc074515441c297cc636ed98521e249d093c9" integrity sha512-cKaA1yGHPF76Rx7EZDZicj+1oX1su2wnqb/UGFOTquAwqWmkTfgQ+EKxCd/N704WH+RtmGf4xbrJKpBvvcEdSQ== -"@douyinfe/semi-animation-styled@2.59.1": - version "2.59.1" - resolved "https://registry.yarnpkg.com/@douyinfe/semi-animation-styled/-/semi-animation-styled-2.59.1.tgz#af8db2ebaae4fa1ed948ffd5596563e50663e67c" - integrity sha512-41MtvA+FJCnPoWjY1RWLz3vkJ4HP42QriUUJ+ZmRMQYUQo0dXuE2uSCa47pMaMLAvEHoY0CFoIUnYUGzdonSjw== - "@douyinfe/semi-animation@2.12.0": version "2.12.0" resolved "https://registry.npmjs.org/@douyinfe/semi-animation/-/semi-animation-2.12.0.tgz#51fe52d3911c2591a80a6e9fe96e6809c1511f13" @@ -1568,13 +1554,6 @@ dependencies: bezier-easing "^2.1.0" -"@douyinfe/semi-animation@2.59.1": - version "2.59.1" - resolved "https://registry.yarnpkg.com/@douyinfe/semi-animation/-/semi-animation-2.59.1.tgz#2b2ddacb87ff29ccb0b198f1641f3229db1d306e" - integrity sha512-vrYRe9aT5FhNl/ghjLGE4L3T29Y1nuvKQPqptde5XMhPkpGkH3A/4IjO8dXvfipdXdhZGcXyWYbtL9gknsm+rQ== - dependencies: - bezier-easing "^2.1.0" - "@douyinfe/semi-foundation@2.33.1": version "2.33.1" resolved "https://registry.npmjs.org/@douyinfe/semi-foundation/-/semi-foundation-2.33.1.tgz#1dfe6233e35a4ed768cb580b0c9a677d1c34ffba" @@ -1589,21 +1568,6 @@ memoize-one "^5.2.1" scroll-into-view-if-needed "^2.2.24" -"@douyinfe/semi-foundation@2.59.1": - version "2.59.1" - resolved "https://registry.yarnpkg.com/@douyinfe/semi-foundation/-/semi-foundation-2.59.1.tgz#e7d9fb01f99a3a786c1726f8fa67af7e9f07c919" - integrity sha512-t2CXa/5zLiBimHnmF1v/UWZgUoE9rB7SFR2qi649xyahpLQx6H9ahrbo6oqwa8GDLnSWravTeSNlvoI8Z8if7Q== - dependencies: - "@douyinfe/semi-animation" "2.59.1" - async-validator "^3.5.0" - classnames "^2.2.6" - date-fns "^2.29.3" - date-fns-tz "^1.3.8" - fast-copy "^3.0.1 " - lodash "^4.17.21" - memoize-one "^5.2.1" - scroll-into-view-if-needed "^2.2.24" - "@douyinfe/semi-icons@2.33.1", "@douyinfe/semi-icons@latest": version "2.33.1" resolved "https://registry.yarnpkg.com/@douyinfe/semi-icons/-/semi-icons-2.33.1.tgz#8e2871d9bc0ab7e12df74e3c71802d53d69b7425" @@ -1611,30 +1575,11 @@ dependencies: classnames "^2.2.6" -"@douyinfe/semi-icons@2.59.1": - version "2.59.1" - resolved "https://registry.yarnpkg.com/@douyinfe/semi-icons/-/semi-icons-2.59.1.tgz#de5695f4d01061b5ca35807ca6a9dfd652b276ff" - integrity sha512-XJ30Fsbnkq0T9Z7exYKiI+GM8q3Zee1gO28H5CckA0dFHxnpNyJ4QazzTuTj5dSXAZq3uYXakmNB8wDAgV9d9A== - dependencies: - classnames "^2.2.6" - -"@douyinfe/semi-icons@^2.0.0": - version "2.60.1" - resolved "https://registry.yarnpkg.com/@douyinfe/semi-icons/-/semi-icons-2.60.1.tgz#944de131585d4747f831cf4864ceb0d41d7d34c9" - integrity sha512-f6DxiYKUJaTaNnMFFIweQlKjTt5+m6SGZb09Z/2b9wtfqdulXTYMrmXXeQOzfLvTE4QFZb0CfR9DsCfiH6oyxQ== - dependencies: - classnames "^2.2.6" - "@douyinfe/semi-illustrations@2.33.1": version "2.33.1" resolved "https://registry.npmjs.org/@douyinfe/semi-illustrations/-/semi-illustrations-2.33.1.tgz#530ab851f4dc32a52221c4067c778c800b9b55d7" integrity sha512-tTTUN8QwnQiF++sk4VBNzfkG87aYZ4iUeqk2ys8/ymVUmCZQ7y46ys020GO1MfPHRR47OMFPI82FVcH1WQtE3g== -"@douyinfe/semi-illustrations@2.59.1": - version "2.59.1" - resolved "https://registry.yarnpkg.com/@douyinfe/semi-illustrations/-/semi-illustrations-2.59.1.tgz#2874a681805dbad83b2024496cfe58b46396eef0" - integrity sha512-EzbM+FAV862tdXNIbVwoSCfGLeIcT37/Vzm+q9cfx+DYMBqeQEQcH5qLOpRGFc4Hf796bxJtGfE/jFmDC2xdDw== - "@douyinfe/semi-scss-compile@2.23.2": version "2.23.2" resolved "https://registry.npmjs.org/@douyinfe/semi-scss-compile/-/semi-scss-compile-2.23.2.tgz#30884bb194ee9ae1e81877985e5663c3297c1ced" @@ -1708,38 +1653,6 @@ dependencies: glob "^7.1.6" -"@douyinfe/semi-theme-default@2.59.1": - version "2.59.1" - resolved "https://registry.yarnpkg.com/@douyinfe/semi-theme-default/-/semi-theme-default-2.59.1.tgz#8afca4da013fab673377ca06147ea463f717e45b" - integrity sha512-XuB6jf5Ob0ufyFJ2xKpdNTbB0/LM8Fe9hWOIMEmux2eiHwnMzCQvfrOHphCy/g1+TbGlGK9N6kJnCyUKP+U/AQ== - -"@douyinfe/semi-ui@^2.0.0": - version "2.59.1" - resolved "https://registry.yarnpkg.com/@douyinfe/semi-ui/-/semi-ui-2.59.1.tgz#6784816155f0d81d47ac65d6203a4c7540409a33" - integrity sha512-zF5Fe0d8NrNxR8tVoMiuhlnp5J6/5PvnV0kr0iBOsqW89peboF0HPNg/lr3DvzoPpCWCN++bZZAFdMAB/WGplQ== - dependencies: - "@dnd-kit/core" "^6.0.8" - "@dnd-kit/sortable" "^7.0.2" - "@dnd-kit/utilities" "^3.2.1" - "@douyinfe/semi-animation" "2.59.1" - "@douyinfe/semi-animation-react" "2.59.1" - "@douyinfe/semi-foundation" "2.59.1" - "@douyinfe/semi-icons" "2.59.1" - "@douyinfe/semi-illustrations" "2.59.1" - "@douyinfe/semi-theme-default" "2.59.1" - async-validator "^3.5.0" - classnames "^2.2.6" - copy-text-to-clipboard "^2.1.1" - date-fns "^2.29.3" - date-fns-tz "^1.3.8" - fast-copy "^3.0.1 " - lodash "^4.17.21" - prop-types "^15.7.2" - react-resizable "^3.0.5" - react-window "^1.8.2" - scroll-into-view-if-needed "^2.2.24" - utility-types "^3.10.0" - "@douyinfe/semi-ui@latest": version "2.33.1" resolved "https://registry.yarnpkg.com/@douyinfe/semi-ui/-/semi-ui-2.33.1.tgz#3234ca96eb3560b8299bc9750fbe59446522d9bb" @@ -11753,11 +11666,6 @@ eslint-plugin-react@^7.20.6, eslint-plugin-react@^7.24.0: semver "^6.3.0" string.prototype.matchall "^4.0.8" -eslint-plugin-semi-design@^2.33.0: - version "2.60.1" - resolved "https://registry.yarnpkg.com/eslint-plugin-semi-design/-/eslint-plugin-semi-design-2.60.1.tgz#f93c328835ba7379dd55e264852d6e67bcde20d0" - integrity sha512-7rUY4P7gUkhU7q/xdjMa+yrFPmO1y5yEUG1v+7MPfe4sP6uo8qtf96VrIhCN+OAeHvN6jlgEIpuoRBt4d/gJDA== - eslint-rule-composer@^0.3.0: version "0.3.0" resolved "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz#79320c927b0c5c0d3d3d2b76c8b4a488f25bbaf9"