@ibiz-template/vue3-components 0.5.6 → 0.5.7-alpha.0

package/es/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.d.ts

@@ -0,0 +1,42 @@
+import './internal-message-tab.scss';
+export declare const InternalMessageTab: import("vue").DefineComponent<{
+    showPopover: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    allItems: import("vue").Ref<{
+        update_man: string;
+        update_time: string;
+        create_man: string;
+        create_time: string;
+        id: string;
+        status: import("@ibiz-template/core").InternalMessageStatus;
+        content_type: import("@ibiz-template/core").InternalMessageContentType;
+        content: string;
+        system_tag: string;
+        owner_id: string;
+        owner_type: "SYSTEM" | "PERSONAL";
+        message_type: string;
+        title: string;
+        receiver: string;
+        short_content?: string | undefined;
+    }[]>;
+    state: {
+        total: number;
+        curPage: number;
+        pageSize: number;
+    };
+    hiddenPopover: () => void;
+    showMore: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hiddenPopover: () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showPopover: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>> & {
+    onHiddenPopover?: (() => any) | undefined;
+}, {}, {}>;

package/es/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.mjs

@@ -0,0 +1,101 @@
+import { ref, reactive, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { getInternalMessageProvider } from '@ibiz-template/runtime';
+import './internal-message-tab.css';
+
+"use strict";
+const InternalMessageTab = /* @__PURE__ */ defineComponent({
+  name: "IBizInternalMessageTab",
+  props: {
+    showPopover: {
+      type: Boolean,
+      required: true
+    }
+  },
+  emits: {
+    hiddenPopover: () => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("internal-message-tab");
+    const hiddenPopover = () => {
+      emit("hiddenPopover");
+    };
+    const allItems = ref([]);
+    const state = reactive({
+      total: 0,
+      curPage: 0,
+      pageSize: 20
+    });
+    const load = async (params) => {
+      const res = await ibiz.internalMessage.fetch({
+        page: 0,
+        size: state.pageSize,
+        ...params
+      });
+      console.log(res);
+      if (res.ok) {
+        if (typeof res.total === "number") {
+          state.total = res.total;
+        }
+        if (typeof res.page === "number") {
+          state.curPage = res.page;
+        }
+        if (state.curPage === 0) {
+          allItems.value = res.data;
+        } else {
+          allItems.value.push(...res.data);
+        }
+      }
+    };
+    const showMore = () => {
+      load({
+        page: state.curPage + 1
+      });
+    };
+    load();
+    return {
+      ns,
+      allItems,
+      state,
+      hiddenPopover,
+      showMore
+    };
+  },
+  render() {
+    const restLength = this.state.total - this.allItems.length;
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [this.allItems.length > 0 && this.allItems.map((msg) => {
+      let provider;
+      try {
+        provider = getInternalMessageProvider(msg);
+      } catch (error) {
+        ibiz.log.error(error);
+      }
+      if (provider) {
+        return h(resolveComponent(provider.component), {
+          class: this.ns.e("item"),
+          onClick: (event) => {
+            const isClose = provider.onClick(msg, event);
+            if (isClose) {
+              this.hiddenPopover();
+            }
+          },
+          message: msg
+        });
+      }
+      return createVNode("div", {
+        "class": this.ns.e("item")
+      }, ["\u7AD9\u5185\u6D88\u606F\u7C7B\u578B".concat(msg.message_type, "\u6682\u672A\u652F\u6301")]);
+    }), this.allItems.length === 0 && createVNode("div", {
+      "class": this.ns.e("nodata")
+    }, [createTextVNode("\u6682\u65E0\u901A\u77E5")]), restLength > 0 && createVNode("div", {
+      "class": this.ns.e("load-more"),
+      "onClick": this.showMore
+    }, [createTextVNode("\u52A0\u8F7D\u66F4\u591A("), restLength, createTextVNode(")")])]);
+  }
+});
+
+export { InternalMessageTab };

package/es/panel-component/user-message/user-message.css

@@ -1 +1 @@
-.ibiz-user-message{--ibiz-user-message-load-more-height:30px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-message__image{width:28px;height:28px;cursor:pointer}.ibiz-user-message__notification-item{min-height:60px;padding:6px 0}.ibiz-user-message__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-user-message-load-more-height))}.ibiz-user-message__load-more{height:var(--ibiz-user-message-load-more-height);line-height:var(--ibiz-user-message-load-more-height);text-align:center}.ibiz-user-message__load-more:hover{color:var(--ibiz-color-primary-hover);cursor:pointer}.ibiz-user-message-popover{width:500px!important;height:500px!important;--ibiz-user-message-load-more-height:30px}.ibiz-user-message-popover-content{height:100%}.ibiz-user-message-popover-content>.el-tabs__content{height:calc(100% - 55px)}.ibiz-user-message-popover-content>.el-tabs__content>.el-tab-pane{height:100%;overflow:auto}
+.ibiz-user-message{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-message__image{width:28px;height:28px;cursor:pointer}.ibiz-user-message__badge .el-badge__content{top:4px;right:calc(2px + var(--el-badge-size)/ 2);border-width:0}.ibiz-user-message-popover{width:500px!important;height:500px!important}.ibiz-user-message-popover.el-popover{padding-top:2px}.ibiz-user-message-popover-content{height:100%}.ibiz-user-message-popover-content>.el-tabs__content{height:calc(100% - 55px)}.ibiz-user-message-popover-content>.el-tabs__content>.el-tab-pane{height:100%;overflow:auto}

package/es/panel-component/user-message/user-message.d.ts

@@ -14,86 +14,14 @@ export declare const UserMessage: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    noticeNum: import("vue").Ref<number>;
     popoverRef: import("vue").Ref<any>;
     showPopover: import("vue").Ref<boolean>;
     sysImage: import("@ibiz/model-core").ISysImage | {
         imagePath: string;
     };
     currentTab: import("vue").Ref<string>;
-    appStore: {
-        allAsyncActions: {
-            asyncacitonid: string;
-            asyncacitonname: string;
-            fulltopictag: string;
-            srfdcid: string;
-            dcsystemid: string;
-            actiontype: string;
-            actionstate: 10 | 20 | 30 | 40;
-            actionresult?: unknown;
-            stepinfo?: string | undefined;
-            completionrate?: number | undefined;
-            asyncresultdownloadurl?: string | undefined;
-            actionparam?: unknown;
-            actionparam2?: unknown;
-            actionparam3?: unknown;
-            actionparam4?: unknown;
-            begintime: string;
-            endtime: string;
-            createman: string;
-            createdate: string;
-            updateman: string;
-            updatedate: string;
-        }[];
-        recentAsyncActions: {
-            asyncacitonid: string;
-            asyncacitonname: string;
-            fulltopictag: string;
-            srfdcid: string;
-            dcsystemid: string;
-            actiontype: string;
-            actionstate: 10 | 20 | 30 | 40;
-            actionresult?: unknown;
-            stepinfo?: string | undefined;
-            completionrate?: number | undefined;
-            asyncresultdownloadurl?: string | undefined;
-            actionparam?: unknown;
-            actionparam2?: unknown;
-            actionparam3?: unknown;
-            actionparam4?: unknown;
-            begintime: string;
-            endtime: string;
-            createman: string;
-            createdate: string;
-            updateman: string;
-            updatedate: string;
-        }[];
-    };
-    actualMsgs: import("vue").ComputedRef<{
-        asyncacitonid: string;
-        asyncacitonname: string;
-        fulltopictag: string;
-        srfdcid: string;
-        dcsystemid: string;
-        actiontype: string;
-        actionstate: 10 | 20 | 30 | 40;
-        actionresult?: unknown;
-        stepinfo?: string | undefined;
-        completionrate?: number | undefined;
-        asyncresultdownloadurl?: string | undefined;
-        actionparam?: unknown;
-        actionparam2?: unknown;
-        actionparam3?: unknown;
-        actionparam4?: unknown;
-        begintime: string;
-        endtime: string;
-        createman: string;
-        createdate: string;
-        updateman: string;
-        updatedate: string;
-    }[]>;
     hiddenPopover: () => void;
-    hiddenHistory: () => void;
-    showMoreHistory: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelRawItem>;

package/es/panel-component/user-message/user-message.mjs

@@ -1,7 +1,10 @@
-import { ref, computed, resolveComponent, createVNode, h, createTextVNode, defineComponent } from 'vue';
-import { useNamespace, useAppStore } from '@ibiz-template/vue3-util';
-import { PanelItemController, getAsyncActionProvider } from '@ibiz-template/runtime';
+import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelItemController } from '@ibiz-template/runtime';
 import './user-message.css';
+import { AsyncActionTab } from './async-action/async-action-tab/async-action-tab.mjs';
+import './internal-message/index.mjs';
+import { InternalMessageTab } from './internal-message/internal-message-tab/internal-message-tab.mjs';
 
 "use strict";
 const UserMessage = /* @__PURE__ */ defineComponent({
@@ -24,43 +27,23 @@ const UserMessage = /* @__PURE__ */ defineComponent({
     const sysImage = props.modelData.sysImage || {
       imagePath: "svg/message.svg"
     };
-    const {
-      appStore
-    } = useAppStore();
-    const showHistoryLength = ref(0);
-    const actualMsgs = computed(() => {
-      const showLength = appStore.recentAsyncActions.length + showHistoryLength.value;
-      return appStore.allAsyncActions.filter((_, index) => {
-        return index < showLength;
-      });
-    });
-    const hiddenHistory = () => {
-      showHistoryLength.value = 0;
-    };
-    const showMoreHistory = () => {
-      showHistoryLength.value += 10;
-    };
     const popoverRef = ref();
     const hiddenPopover = () => {
       popoverRef.value.hide();
     };
+    const noticeNum = ref(12);
     return {
       ns,
       c,
+      noticeNum,
       popoverRef,
       showPopover,
       sysImage,
       currentTab,
-      appStore,
-      actualMsgs,
-      hiddenPopover,
-      hiddenHistory,
-      showMoreHistory
+      hiddenPopover
     };
   },
   render() {
-    const restLength = this.appStore.allAsyncActions.length - this.actualMsgs.length;
-    const loadMoreText = this.actualMsgs.length === 0 ? "\u67E5\u770B\u5386\u53F2\uFF08".concat(restLength, "\uFF09") : "\u52A0\u8F7D\u66F4\u591A\uFF08".concat(restLength, "\uFF09");
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
     }, [createVNode(resolveComponent("el-popover"), {
@@ -68,15 +51,20 @@ const UserMessage = /* @__PURE__ */ defineComponent({
       "popper-class": this.ns.b("popover"),
       "placement": "bottom",
       "trigger": "click",
-      "modelValue": this.showPopover,
-      "onUpdate:modelValue": ($event) => this.showPopover = $event,
-      "onHide": this.hiddenHistory
+      "visible": this.showPopover,
+      "onUpdate:visible": ($event) => this.showPopover = $event
     }, {
       reference: () => {
-        return createVNode(resolveComponent("i-biz-icon"), {
-          "class": [this.ns.e("image")],
-          "icon": this.sysImage
-        }, null);
+        return createVNode(resolveComponent("el-badge"), {
+          "class": this.ns.e("badge"),
+          "value": this.noticeNum,
+          "hidden": this.noticeNum === 0
+        }, {
+          default: () => [createVNode(resolveComponent("i-biz-icon"), {
+            "class": [this.ns.e("image")],
+            "icon": this.sysImage
+          }, null)]
+        });
       },
       default: () => {
         return createVNode(resolveComponent("el-tabs"), {
@@ -88,34 +76,18 @@ const UserMessage = /* @__PURE__ */ defineComponent({
             "label": "\u901A\u77E5",
             "name": "notification"
           }, {
-            default: () => [this.actualMsgs.length > 0 && this.actualMsgs.map((msg) => {
-              let provider;
-              try {
-                provider = getAsyncActionProvider(msg.actiontype);
-              } catch (error) {
-                ibiz.log.error(error);
-              }
-              if (provider) {
-                return h(resolveComponent(provider.component), {
-                  class: this.ns.e("notification-item"),
-                  onClick: (event) => {
-                    const isClose = provider.onClick(msg, event);
-                    if (isClose) {
-                      this.hiddenPopover();
-                    }
-                  },
-                  message: msg
-                });
-              }
-              return createVNode("div", {
-                "class": this.ns.e("notification-item")
-              }, ["\u5F02\u6B65\u64CD\u4F5C\u7C7B\u578B".concat(msg.actiontype, "\u6682\u672A\u652F\u6301")]);
-            }), this.actualMsgs.length === 0 && createVNode("div", {
-              "class": this.ns.e("nodata")
-            }, [createTextVNode("\u6682\u65E0\u901A\u77E5")]), restLength > 0 && createVNode("div", {
-              "class": this.ns.e("load-more"),
-              "onClick": this.showMoreHistory
-            }, [loadMoreText])]
+            default: () => [createVNode(InternalMessageTab, {
+              "showPopover": this.showPopover,
+              "onHiddenPopover": this.hiddenPopover
+            }, null)]
+          }), createVNode(resolveComponent("el-tab-pane"), {
+            "label": "\u540E\u53F0\u4F5C\u4E1A",
+            "name": "async-action"
+          }, {
+            default: () => [createVNode(AsyncActionTab, {
+              "showPopover": this.showPopover,
+              "onHiddenPopover": this.hiddenPopover
+            }, null)]
           })]
         });
       }

package/es/util/open-view-util/open-view-util.d.ts

@@ -14,7 +14,8 @@ export declare class OpenViewUtil implements IOpenViewUtil {
     protected router: Router;
     constructor(router: Router);
     push(path: string): Promise<IModalData>;
-    root(appViewId: string, context: IContext, params?: IParams | undefined): Promise<IModalData>;
+    root(appViewId: string, context: IContext, params?: IParams): Promise<IModalData>;
+    rootByModal(appViewId: string, context: IContext, params?: IParams): Promise<IModalData>;
     /**
      * 模态打开视图
      *

package/es/util/open-view-util/open-view-util.mjs

@@ -1,4 +1,4 @@
-import { routerCallback, generateRoutePath, openViewModal, openViewPopover, getDrawerPlacement, openViewDrawer } from '@ibiz-template/vue3-util';
+import { routerCallback, generateRoutePath, generateRoutePathByModal, openViewModal, openViewPopover, getDrawerPlacement, openViewDrawer } from '@ibiz-template/vue3-util';
 
 "use strict";
 class OpenViewUtil {
@@ -19,6 +19,16 @@ class OpenViewUtil {
     );
     return routerCallback.open(this.router, path);
   }
+  async rootByModal(appViewId, context, params) {
+    const appView = await ibiz.hub.config.view.get(appViewId);
+    const { path } = await generateRoutePathByModal(
+      appView,
+      this.router.currentRoute.value,
+      context,
+      params
+    );
+    return routerCallback.open(this.router, path);
+  }
   /**
    * 模态打开视图
    *

package/es/view/404-view/404-view.mjs

@@ -14,7 +14,7 @@ const View404 = /* @__PURE__ */ defineComponent({
     };
     onMounted(() => ibiz.util.hiddenAppLoading());
     const isTop = computed(() => {
-      return !route.params.view1;
+      return route && !route.params.view1;
     });
     return {
       ns,

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs

@@ -90,9 +90,6 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
       isShowAll.value = true;
       setEditable(false);
     };
-    if (props.value) {
-      onSearch("");
-    }
     const onClear = () => {
       const dataItems = c.dataItems;
       if (dataItems.length > 0) {

package/lib/editor/code/monaco-editor/monaco-editor.cjs

@@ -3,8 +3,8 @@
 var vue = require('vue');
 require('./monaco-editor.css');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.44.0/node_modules/@monaco-editor/loader/lib/es/index.cjs');
-var index = require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.44.0/node_modules/@monaco-editor/loader/lib/es/loader/index.cjs');
+require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.cjs');
+var index = require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/loader/index.cjs');
 
 "use strict";
 const IBizCode = /* @__PURE__ */ vue.defineComponent({
@@ -40,7 +40,7 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
       vue.nextTick(() => {
         index.default.config({
           paths: {
-            vs: "".concat(ibiz.env.pluginBaseUrl, "/monaco-editor@0.44.0/min/vs")
+            vs: "".concat(ibiz.env.pluginBaseUrl, "/monaco-editor@0.45.0/min/vs")
           }
         });
         index.default.init().then((loaderMonaco) => {

package/lib/editor/data-picker/ibiz-picker-link/ibiz-picker-link.css

@@ -1 +1 @@
-.ibiz-picker-link{height:100%;line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-color-link);cursor:pointer}.ibiz-picker-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-picker-link--disabled{cursor:not-allowed}.ibiz-picker-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link a{display:inline-block;height:100%}
+.ibiz-picker-link{height:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-color-link);cursor:pointer}.ibiz-picker-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-picker-link--disabled{cursor:not-allowed}.ibiz-picker-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link a{display:inline-block;height:100%}

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -25,6 +25,9 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
     const editorItems = c.model.editorItems;
+    const isLoading = vue.ref(false);
+    let editorState = "";
+    let funcs;
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -62,7 +65,9 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       });
       return list;
     };
-    c.loadCodeList(props.data).then((codeList) => {
+    const loadCodeList = async () => {
+      isLoading.value = true;
+      const codeList = await c.loadCodeList(props.data);
       isLoadedCodeList.value = true;
       items.value = codeList;
       for (let i = 0; i < items.value.length; i++) {
@@ -73,6 +78,16 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
           break;
         }
       }
+      isLoading.value = false;
+    };
+    vue.watch(() => props.value, async (newVal, oldVal) => {
+      if (newVal || newVal === null) {
+        if (!isLoadedCodeList.value && oldVal === void 0) {
+          await loadCodeList();
+        }
+      }
+    }, {
+      immediate: true
     });
     const setEditable = (flag) => {
       if (flag) {
@@ -146,10 +161,12 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       });
     }
     const onFocus = (e) => {
+      editorState = "focus";
       emit("focus", e);
       setEditable(true);
     };
     const onBlur = (e) => {
+      editorState = "blur";
       emit("blur", e);
       setEditable(false);
     };
@@ -165,6 +182,28 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       const list = hasChildren.value ? codeListItems.value : items.value;
       return list.find((item) => item.text === text);
     };
+    const onVisibleChange = async (visible) => {
+      if (visible && !isLoadedCodeList.value) {
+        await loadCodeList();
+        if (hasChildren.value && editorRef.value && editorState !== "outside") {
+          vue.nextTick(() => {
+            editorRef.value.focus();
+          });
+        }
+      }
+    };
+    vue.onMounted(() => {
+      if (editorRef.value) {
+        funcs = vue3Util.useClickOutside(editorRef, async (_evt) => {
+          editorState = "outside";
+        });
+      }
+    });
+    vue.onUnmounted(() => {
+      if (funcs && funcs.stop) {
+        funcs.stop();
+      }
+    });
     return {
       ns,
       c,
@@ -182,7 +221,9 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       getCodeListItem,
       isEditable,
       setEditable,
-      showFormDefaultContent
+      showFormDefaultContent,
+      onVisibleChange,
+      isLoading
     };
   },
   render() {
@@ -201,8 +242,10 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       "multiple": this.c.multiple,
       "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
       "disabled": this.disabled,
+      "loading": this.isLoading,
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
+      "onVisibleChange": this.onVisibleChange,
       "props": {
         class: this.customNodeClass
       }
@@ -217,9 +260,11 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       "multiple": this.c.multiple,
       "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
       "disabled": this.disabled,
+      "loading": this.isLoading,
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
-      "onKeyup": this.handleKeyUp
+      "onKeyup": this.handleKeyUp,
+      "onVisibleChange": this.onVisibleChange
     }, _isSlot(_slot = this.items.map((item) => {
       return vue.createVNode(vue.resolveComponent("el-option"), {
         "key": item.value,

package/lib/panel-component/user-message/async-action/{async-action.cjs → async-action/async-action.cjs}

@@ -4,7 +4,6 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./async-action.css');
 var lodashEs = require('lodash-es');
-var ramda = require('ramda');
 
 "use strict";
 const stateTexts = {
@@ -48,7 +47,7 @@ const AsyncAction = /* @__PURE__ */ vue.defineComponent({
       return props.message.actionstate;
     });
     const progressText = vue.computed(() => {
-      return ramda.isNil(props.message.completionrate) ? "" : "(".concat(props.message.completionrate, "%)");
+      return !props.message.completionrate ? "" : "(".concat(props.message.completionrate, "%)");
     });
     return {
       ns,
@@ -87,7 +86,7 @@ const AsyncAction = /* @__PURE__ */ vue.defineComponent({
       "type": stateType[this.actionstate]
     }, {
       default: () => [stateTexts[this.actionstate]]
-    })]), this.actionstate === 20 && this.message.completionrate && vue.createVNode("div", {
+    })]), this.actionstate === 20 && !!this.message.completionrate && vue.createVNode("div", {
       "class": this.ns.b("loading-warp")
     }, [vue.createVNode("div", {
       "class": this.ns.be("loading-warp", "inner"),