feat: infiniteloading 与 NoticeBar 进行国际化修改 (#1246)

* feat: 冲突解决 (#2)

* fix(uploader): taro h5 env upload error #1096

* fix: taro 3.4.6 sass calc error #1200

* fix(uploader): taro env formdata type error

* chore: add international components signature

* chore: add international components ecard

* chore: add international components timeselect

* chore: add international components sku

* fix: demo textarea 自适应 (#1201)

* feat: add translations chinese traditional

* docs: open international

* fix: input show-word-limit default false (#1203)

* refactor(circleprogress): add features (#1204)

* fix(popup): 修复popup在Taro转H5下的渲染问题

* feat: avatar能力补齐、input doc文档更新 (#1195)

* fix: 修改input单元测试

* fix: 增加avatar group

* fix: 更新input md

* fix: avatar能力补齐

* fix: avatar能力补齐、适配taro

* feat: 迁移 AddressList、Category 组件，适配taro

* fix: 修改input md

Co-authored-by: richard1015 <[email protected]>

* chore: add international components addresslist

Co-authored-by: richard1015 <[email protected]>
Co-authored-by: Ymm <[email protected]>
Co-authored-by: Lei Wang <[email protected]>
Co-authored-by: Drjingfubo <[email protected]>
Co-authored-by: suzigang <[email protected]>
Co-authored-by: ailululu <[email protected]>

* feat: picker与DatePicker新增slot插槽

* fix: datepicker 问题修改

* fix: infiniteloading issue 问题修改(#1189)

* fix: countdown 问题修改

* feat: 冲突解决

* feat: 初版

* feat: countdown 单元测试

* feat: 文档补齐

* fix: datepicker 初始化时平铺展示 bug 修改

* feat: git action 增加 doc.en-US 文件复制

* fix: 单元测试

* fix: cascader 组件完善

* feat: cascader taro 适配

* feat: infiniteloading 国际化修改

* feat: 通告栏

* feat: infiniteloading 增加slot

* feat: infiniteloading 添加 slot

Co-authored-by: richard1015 <[email protected]>
Co-authored-by: Ymm <[email protected]>
Co-authored-by: Lei Wang <[email protected]>
Co-authored-by: Drjingfubo <[email protected]>
Co-authored-by: suzigang <[email protected]>
Co-authored-by: ailululu <[email protected]>

Author: 7 people

src/packages/__VUE/infiniteloading/demo.vue

@@ -1,53 +1,73 @@
 <template>
   <div class="demo">
-    <h2>基础用法</h2>
-    <nut-cell>
-      <ul class="infiniteUl" id="scroll">
-        <nut-infiniteloading container-id="scroll" :use-window="false" :has-more="hasMore" @load-more="loadMore">
-          <li class="infiniteLi" v-for="(item, index) in defultList" :key="index">{{ item }}</li>
-        </nut-infiniteloading>
-      </ul>
-    </nut-cell>
-
-    <h2>下拉刷新</h2>
-    <nut-cell>
-      <ul class="infiniteUl" id="refreshScroll">
-        <nut-infiniteloading
-          pull-icon="JD"
-          container-id="refreshScroll"
-          :use-window="false"
-          :is-open-refresh="true"
-          :has-more="refreshHasMore"
-          @load-more="refreshLoadMore"
-          @refresh="refresh"
-        >
-          <li class="infiniteLi" v-for="(item, index) in refreshList" :key="index">{{ item }}</li>
-        </nut-infiniteloading>
-      </ul>
-    </nut-cell>
-
-    <h2>自定义加载文案</h2>
-    <nut-cell>
-      <ul class="infiniteUl" id="customScroll">
-        <nut-infiniteloading
-          load-txt="loading"
-          load-more-txt="没有啦～"
-          container-id="customScroll"
-          :use-window="false"
-          :has-more="customHasMore"
-          @load-more="customLoadMore"
-        >
-          <li class="infiniteLi" v-for="(item, index) in customList" :key="index">{{ item }}</li>
-        </nut-infiniteloading>
-      </ul>
-    </nut-cell>
+    <nut-cell-group :title="translate('basic')">
+      <nut-cell>
+        <ul class="infiniteUl" id="scroll">
+          <nut-infiniteloading container-id="scroll" :use-window="false" :has-more="hasMore" @load-more="loadMore">
+            <li class="infiniteLi" v-for="(item, index) in defultList" :key="index">{{ item }}</li>
+          </nut-infiniteloading>
+        </ul>
+      </nut-cell>
+    </nut-cell-group>
+    <nut-cell-group :title="translate('pullRefresh')">
+      <nut-cell>
+        <ul class="infiniteUl" id="refreshScroll">
+          <nut-infiniteloading
+            pull-icon="JD"
+            container-id="refreshScroll"
+            :use-window="false"
+            :is-open-refresh="true"
+            :has-more="refreshHasMore"
+            @load-more="refreshLoadMore"
+            @refresh="refresh"
+          >
+            <li class="infiniteLi" v-for="(item, index) in refreshList" :key="index">{{ item }}</li>
+          </nut-infiniteloading>
+        </ul>
+      </nut-cell>
+    </nut-cell-group>
+    <nut-cell-group :title="translate('customTxt')">
+      <nut-cell>
+        <ul class="infiniteUl" id="customScroll">
+          <nut-infiniteloading
+            load-txt="loading"
+            :load-more-txt="translate('none')"
+            container-id="customScroll"
+            :use-window="false"
+            :has-more="customHasMore"
+            @load-more="customLoadMore"
+          >
+            <li class="infiniteLi" v-for="(item, index) in customList" :key="index">{{ item }}</li>
+          </nut-infiniteloading>
+        </ul>
+      </nut-cell>
+    </nut-cell-group>
   </div>
 </template>
 
 <script lang="ts">
 import { onMounted, ref, reactive, toRefs, getCurrentInstance } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { createDemo } = createComponent('infiniteloading');
+const { createDemo, translate } = createComponent('infiniteloading');
+import { useTranslate } from '@/sites/assets/util/useTranslate';
+
+useTranslate({
+  'zh-CN': {
+    basic: '基础用法',
+    pullRefresh: '下拉刷新',
+    customTxt: '自定义加载文案',
+    none: '没有啦~',
+    success: '刷新成功'
+  },
+  'en-US': {
+    basic: 'Basic Usage',
+    pullRefresh: 'Pull to refresh',
+    customTxt: 'Custom loading copywriting',
+    none: 'No more',
+    success: 'Refresh success'
+  }
+});
+
 export default createDemo({
   props: {},
   setup() {
@@ -90,7 +110,6 @@ export default createDemo({
 
     const refreshLoadMore = (done) => {
       setTimeout(() => {
-        console.log('demo 加载更多');
         const curLen = data.refreshList.length;
         for (let i = curLen; i < curLen + 10; i++) {
           data.refreshList.push(`${i}`);
@@ -102,7 +121,7 @@ export default createDemo({
 
     const refresh = (done) => {
       setTimeout(() => {
-        proxy.$toast.text('刷新成功');
+        proxy.$toast.text(translate('success'));
         data.refreshList = data.refreshList.slice(0, 10);
         refreshHasMore.value = true;
         done();
@@ -128,6 +147,7 @@ export default createDemo({
       refreshHasMore,
       refreshLoadMore,
       refresh,
+      translate,
       ...toRefs(data)
     };
   }