feat: 英文文档翻译

hellof2e · Jul 6, 2023 · a8868ca · a8868ca
1 parent 5097512
commit a8868ca
Show file tree

Hide file tree

Showing 10 changed files with 269 additions and 368 deletions.
diff --git a/packages/quarkd/src/form/demo.scss b/packages/quarkd/src/form/demo.scss
@@ -1,107 +1,3 @@
-.scoped-form {
-  padding-top: 48px !important;
-  h2 {
-    margin-top: 30px;
-    margin-bottom: 10px;
-    font-size: 14px;
-    color: #909ca4;
-    padding: 0 10px;
-    font-weight: norma;
-  }
-  quark-form {
-    background: #fff;
-  }
-
-  .sapce {
-    margin-bottom: 10px;
-  }
-
-  .submit-wrap {
-    display: flex;
-    justify-content: center;
-  }
-  .submit {
-    width: 100%;
-    height: 40px;
-    margin-top: 8px;
-  }
-
-  .type {
-    background: #fff;
-  }
-
-  .line {
-    height: 1px;
-    width: calc(100% - 32px);
-    margin: auto;
-  }
-
-  .theme {
-    --field-label-width: 100px;
-    --field-label-text-color: green;
-    --field-label-font-size: 18px;
-    --field-label-margin-right: 10px;
-    --field-input-text-color: #999;
-    --field-input-font-size: 20px;
-    --field-placeholder-text-color: red;
-    --field-placeholder-font-size: 12px;
-    --field-disabled-text-color: #eee;
-  }
-
-  .oneLine {
-    --field-input-align: center;
-  }
-
-  .label {
-    font-size: 16px;
-    min-width: 119px;
-    margin-right: 12px;
-    font-weight: 500;
-    color: #242729;
-  }
-
-  .label span {
-    margin: 0;
-    display: block;
-    font-size: 13px;
-    font-weight: 400;
-    color: #879099;
-  }
-  .form-item {
-    display: flex;
-    align-items: center;
-    background: #fff;
-    padding: 8px 16px;
-    --uploader-width: 60px;
-    --uploader-height: 60px;
-    .right {
-      flex: 1;
-    }
-    span {
-      font-size: 15px;
-      text-align: left;
-      margin-right: 12px;
-      color: #242729;
-      display: inline-block;
-      width: 119px;
-    }
-    quark-checkbox {
-      font-size: 12px;
-      margin-right: 8px;
-    }
-    quark-radio {
-      margin-right: 8px;
-    }
-    quark-cell {
-      width: 200px;
-      flex: 1;
-    }
-    quark-picker {
-      width: auto;
-    }
-  }
-}
-
 .flex-box {
   display: flex;
 

diff --git a/packages/quarkd/src/form/demo.vue b/packages/quarkd/src/form/demo.vue
@@ -107,10 +107,14 @@
     <h2>{{ translate("title.slots") }}</h2>
     <quark-form>
       <quark-form-item>
-        <div slot="label">自定义label</div>
+        <div slot="label">
+          {{ translate("customLabel") }}
+        </div>
         <quark-field />
         <div slot="suffix">
-          <quark-button type="primary" size="small">发送验证码</quark-button>
+          <quark-button type="primary" size="small">
+            {{ translate("search") }}
+          </quark-button>
         </div>
       </quark-form-item>
     </quark-form>
@@ -220,6 +224,8 @@ export default createDemo({
             square: "方形",
             circle: "圆形",
           },
+          customLabel: "自定义label",
+          search: "搜索",
         },
         "en-US": {
           title: {
@@ -270,6 +276,8 @@ export default createDemo({
             square: "square",
             circle: "circle",
           },
+          customLabel: "Custom Label",
+          search: "Search",
         },
       });
     });
@@ -299,7 +307,8 @@ export default createDemo({
     };
 
     const confirm = ({ detail }) => {
-      formData.value.picker = detail.value.map((i) => i.value).join(" ");
+      console.log(detail.value);
+      formData.value.picker = detail.value.map((i) => i.value).join("");
       pickerVisible.value = false;
     };