Răsfoiți Sursa

docs: update homepage translate & update token count

point.halo 1 an în urmă
părinte
comite
407d3761d9

+ 1 - 1
README-zh_CN.md

@@ -99,7 +99,7 @@ root.render(<App />);
 
 # 🎨 DSM 设计系统管理
 
-基于 Semi UI 定制你的专属设计系统, 提供高达 2700+ Token 允许你定义每一处细节. 并时刻在 Figma 与主题商店间保持同步。
+基于 Semi UI 定制你的专属设计系统, 提供高达 3000+ Token 允许你定义每一处细节. 并时刻在 Figma 与主题商店间保持同步。
 
 ![dsmintro](https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/github/dsmintro.png)
 

+ 2 - 2
README.md

@@ -55,7 +55,7 @@ English | [简体中文](./README-zh_CN.md)
 - 🚀 Official Design to Code (D2C) support, convert figma draft to real code in a few seconds
 - 💅 Code to Design (C2D), automatically generate Figma UI Kit according to different themes, keep same between design and code
 - 💕 Complete A11y support, follows W3C standards to provide keyboard interaction, focus management and ARIA for all components
-- 💅 Design system management Semi DSM, up to 2700+ Design Tokens, make Semi Design to Any Design quickly.
+- 💅 Design system management Semi DSM, up to 3000+ Design Tokens, make Semi Design to Any Design quickly.
 - 🌍 Internationalization Support for Dozens of Languages, timezone, RTL support
 - ⚙️ 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
@@ -106,7 +106,7 @@ Install [Semi Figma Plugin](https://www.figma.com/community/plugin/1166339852662
 
 # 🎨 DSM Usage
 
-Define your own design system base on Semi UI with DSM in one click, Provide more than 2700 tokens for you to configure every detail. Sync between Figma and Code at all times.
+Define your own design system base on Semi UI with DSM in one click, Provide more than 3000 tokens for you to configure every detail. Sync between Figma and Code at all times.
 
 ![dsmintro](https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/github/dsmintro.png)
 

+ 1 - 1
content/start/faq/index.md

@@ -17,7 +17,7 @@ order: 8
 
 #### Semi 的默认的主题风格跟我们系统的定位不符,可以配置另外的主题吗?
 
-- 具体请参考 [定制主题](/zh-CN/start/customize-theme) 。Semi 提供**多达 2700+ Design Token 允许用户进行深度定制**,无论你是研发还是设计师,在 [Semi DSM](/dsm) 里可以非常方便地进行样式层配置,并在代码、设计稿始终保持双向同步。基于 Semi 你可以**低成本定制属于你自己的 Design System** 将 `Semi Design` 定制为 `Any Design`
+- 具体请参考 [定制主题](/zh-CN/start/customize-theme) 。Semi 提供**多达 3000+ Design Token 允许用户进行深度定制**,无论你是研发还是设计师,在 [Semi DSM](/dsm) 里可以非常方便地进行样式层配置,并在代码、设计稿始终保持双向同步。基于 Semi 你可以**低成本定制属于你自己的 Design System** 将 `Semi Design` 定制为 `Any Design`
 - 并且在使用时,你也只需要在 webpack.config.js 里指定使用的主题包名即可完成接入(需接入 Semi 插件)
   
 #### 什么情况下推荐使用 Design Token 定制样式,什么情况下推荐通过 css 覆盖方式定制样式?

+ 1 - 1
packages/semi-ui/README.md

@@ -47,7 +47,7 @@
 - 💅 Code2Design, automatically generate Figma UI Kit according to different themes, keep same between design and code
 - 🚀 Powerful Design2Code support, convert figma draft to code in a few seconds
 - 💕 Complete A11y support, follows W3C standards to provide keyboard interaction, focus management and ARIA for all components
-- 💅 Up to 2700+ Design Tokens can be easily modify by Semi Design system management, make Semi Design to Any Design quickly.
+- 💅 Up to 3000+ Design Tokens can be easily modify by Semi Design system management, make Semi Design to Any Design quickly.
 - 🌍 Internationalization Support for Dozens of Languages, timezone, RTL support
 - ⚙️ 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

+ 3 - 1
packages/semi-ui/package.json

@@ -50,10 +50,12 @@
         "./index.ts"
     ],
     "keywords": [
+        "bytedance douyin design system",
         "semi design to any design",
         "a11y react component library",
         "design to code",
-        "2700+ design token",
+        "code to design",
+        "3000+ design token",
         "dark mode",
         "semi design",
         "design ops",

+ 2 - 2
src/locale/en-US.js

@@ -213,7 +213,7 @@ const appLocale = {
         "design_resources_are_obviously_helpful_to_improve_efficiency_": "Design assets can obviously help improve efficiency.",
         "douyin_certification": "Douyin certification",
         "douyin_creative_service_theme": "Douyin Creator Theme",
-        "douyin_little_assistant": "Douyin Little Assistant",
+        "douyin_assistant": "Douyin Assistant",
         "easy_to_use__beautiful_style_": "Semi Design is easy-to-use and stylish.",
         // "excellent_design_of_mid_background_enterprise_applications": "Excellent design of mid-background enterprise applications",
         // "experience_monitoring": "Experience Monitoring",
@@ -250,7 +250,7 @@ const appLocale = {
         "uniform_style_and_high_fidelity_prototype_facilitate_communication_with_front_en_95d0c0ccece05c104b98ac0dae9fb53b": "It’s fluent to communicate with front-end devs because of the uniform style.",
         "user": "User",
         "video_compression_algorithm": "Video compression algorithm",
-        "volcano_little_helper": "Volcano Little",
+        "ulike_assistant": "Ulike Assistant",
         "theme_store": "Theme Store",
         "semi_dsm": "Managing Themes"
     },

+ 2 - 2
src/locale/zh-CN.js

@@ -230,8 +230,8 @@ const appLocale = {
         "private_message_management": "私信管理",
         "apple_account": "Apple 账号",
         "google_account": "Google 账号",
-        "douyin_little_assistant": "抖音小助手",
-        "volcano_little_helper": "火山小助手",
+        "douyin_assistant": "抖音小助手",
+        "ulike_assistant": "轻颜小助手",
         "placeholder_text": "占位文本",
         "send": "发送",
         "sender": "发信人",

+ 3 - 3
src/sitePages/newHome/components/theme/components/demo/index.jsx

@@ -94,9 +94,9 @@ function Demo(props) {
                 <section className={styles.dataSection}>
                     <div>
                         <Form layout="horizontal" initValues={{ type: 'abc' }}>
-                            <Select field="type" noLabel={true}>
-                                <Option value="abc">{_t("douyin_little_assistant", { }, "抖音小助手")}</Option>
-                                <Option value="huoshan">{_t("volcano_little_helper", { }, "火山小助手")}</Option>
+                            <Select field="type" noLabel={true} style={{ width: 116 }}>
+                                <Option value="abc">{_t("douyin_assistant", { }, "抖音小助手")}</Option>
+                                <Option value="huoshan">{_t("ulike_assistant", { }, "轻颜小助手")}</Option>
                             </Select>
                             <TextArea field="content" placeholder='placeholder' noLabel={true} style={{ width: 556, height: 75 }} className={styles.textarea}></TextArea>
                             <Button theme='solid' icon={<IconFeishuLogo />}>{_t("send", { }, "发送")}</Button>