feat: 1.12.9版本更新BPageloading新增回复超时和处理异常

Author: nancyzhan

docs/.vitepress/components/BPageLoading/action.vue

@@ -6,6 +6,8 @@
                 <FRadio value="emptyInitResult">emptyInitResult</FRadio>
                 <FRadio value="emptyQueryResult">emptyQueryResult</FRadio>
                 <FRadio value="noPermissions">noPermissions</FRadio>
+                <FRadio value="handleException">handleException</FRadio>
+                <FRadio value="responseTimedOut">responseTimedOut</FRadio>
             </FRadioGroup>
         </FSpace>
         <FSpace
@@ -16,6 +18,8 @@
             emptyInitResult: <FInput v-model="loadingText.emptyInitResult"></FInput>
             emptyQueryResult: <FInput v-model="loadingText.emptyQueryResult"></FInput>
             noPermissions: <FInput v-model="loadingText.noPermissions"></FInput>
+            handleException: <FInput v-model="loadingText.handleException"></FInput>
+            responseTimedOut: <FInput v-model="loadingText.responseTimedOut"></FInput>
         </FSpace>
         <BPageLoading
             :actionType="actionType"
@@ -34,7 +38,9 @@ const loadingText = ref({
     loading: 'Loading. . .',
     emptyInitResult: '这里还没有数据. . .',
     emptyQueryResult: '没有符合条件的结果. . .',
-    noPermissions: '暂无权限'
+    noPermissions: '暂无权限',
+    handleException: '处理异常',
+    responseTimedOut: '响应超时'
 })
 const logout = () => {
     FMessage.info('logout');

docs/.vitepress/components/BPageLoading/index.md

@@ -31,6 +31,6 @@ app.use(BPageLoading);
 | 属性  | 说明                   | 类型                                    |  默认值                                 |
 | ----- | ----------------------------- | ---------------------------------------- |------------------ |
 | type | 类型，可选有'normal' 、 'page'| string|normal|
-| actionType | 类型，可选有'loading' 、 'emptyInitResult' 、 'emptyQueryResult'、'noPermissions' | string|'loading'|
-| loadingText | 对象，替换默认展示文案，会自动合并，不用每次替换所有的状态的展示文案| Object| `{loading: 'Loding. . .',emptyInitResult: '这里还没有数据. . .',emptyQueryResult: '没有符合条件的结果. . .',noPermissions: '暂无权限'}`|
+| actionType | 类型，可选有'loading' 、 'emptyInitResult' 、 'emptyQueryResult'、'noPermissions'、'handleException'、'responseTimedOut' | string|'loading'|
+| loadingText | 对象，替换默认展示文案，会自动合并，不用每次替换所有的状态的展示文案| Object| `{loading: 'Loding. . .',emptyInitResult: '这里还没有数据. . .',emptyQueryResult: '没有符合条件的结果. . .',noPermissions: '暂无权限',handleException: '处理异常',responseTimedOut: '响应超时'}`|
 | logout | 事件，暂无权限时点击登出按钮触发的事件| Function| () => {}|

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fesjs/traction-widget",
-  "version": "1.12.8",
+  "version": "1.12.9",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "scripts": {
     "docs:dev": "npm run build && node docs/.vitepress/scripts/generate-doc.js && vitepress dev docs",

packages/traction-widget/components/PageLoading/pageLoading.vue

@@ -32,14 +32,16 @@ const props = defineProps({
         default: 'normal'
     },
     actionType: {
-        type: String as PropType<'loading' | 'emptyInitResult' | 'emptyQueryResult' | 'noPermissions'>,
+        type: String as PropType<'loading' | 'emptyInitResult' | 'emptyQueryResult' | 'noPermissions' | 'handleException' | 'responseTimedOut'>,
         default: 'loading'
     },
     loadingText: {
         type: Object as PropType<{
             loading?: string,
             emptyInitResult?: string,
-            emptyQueryResult?: string
+            emptyQueryResult?: string,
+            handleException?: string,
+            responseTimedOut?: string
         }>,
         default: () => ({})
     }
@@ -51,6 +53,8 @@ const loadingText = computed(() => ({
     emptyInitResult: pageLoadingLocalObj?.noData,
     emptyQueryResult: pageLoadingLocalObj?.noResult,
     noPermissions: pageLoadingLocalObj?.noPermissions,
+    handleException: pageLoadingLocalObj?.handleException || '处理异常',
+    responseTimedOut: pageLoadingLocalObj?.responseTimedOut || '响应超时',
     ...props.loadingText
 }));
 const tip = computed(() => {

packages/traction-widget/components/PageLoading/style/index.less

@@ -43,4 +43,10 @@
 }
 .noPermissions{
     background: url('../../assets/images/noPermissions.svg') center no-repeat;
+}
+.handleException{
+    background: url('../../assets/images/handleException.png') center no-repeat;
+}
+.responseTimedOut{
+    background: url('../../assets/images/responseTimedOut.png') center no-repeat;
 }

packages/traction-widget/components/assets/images/handleException.png

@@ -5,7 +5,9 @@ export default {
         logout: 'Logout',
         noData: 'No data here. . .',
         noResult: 'No results match the conditions. . .',
-        noPermissions: 'No permissions'
+        noPermissions: 'No permissions',
+        handleException: 'Handle Exception',
+        responseTimedOut: 'Response Timed Out'
     },
     SearchData: {
         search: 'Search',

packages/traction-widget/components/assets/images/responseTimedOut.png

@@ -5,7 +5,10 @@ export default {
         logout: '退出登录',
         noData: '这里还没有数据. . .',
         noResult: '没有符合条件的结果. . .',
-        noPermissions: '暂无权限'
+        noPermissions: '暂无权限',
+        handleException: '处理异常',
+        responseTimedOut: '响应超时'
+
     },
     SearchData: {
         search: '查询',

packages/traction-widget/components/locales/lang/enUS.ts

@@ -1,6 +1,6 @@
 {
   "name": "@fesjs/traction-widget",
-  "version": "1.12.8",
+  "version": "1.12.9",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "main": "dist/traction-widget.min.js",
   "module": "es/components/index.js",