@ibiz-template/mob-vue3-components 0.0.18 → 0.0.55

package/es/locale/zh-CN/index.mjs

@@ -1,6 +1,321 @@
+import { zhCn } from '@ibiz-template/runtime';
+import { zhCn as zhCn$1 } from '@ibiz-template/vue3-util';
+import { zhCn as zhCn$3 } from '@ibiz-template/model-helper';
+import { zhCn as zhCn$2 } from '@ibiz-template/core';
+
 "use strict";
 var index = {
-  name: "\u5F20\u4E09"
+  // 应用级
+  app: {
+    noSupport: "\u6682\u672A\u652F\u6301",
+    add: "\u6DFB\u52A0",
+    delete: "\u5220\u9664",
+    retract: "\u6536\u8D77",
+    close: "\u5173\u95ED",
+    search: "\u641C\u7D22"
+  },
+  // 组件
+  component: {
+    actionToolbar: {
+      noSupportDropDown: "\u4E0B\u62C9\u6A21\u5F0F\u6682\u4E0D\u652F\u6301"
+    },
+    rawItem: {
+      errorConfig: "{type} \u7C7B\u578B\u81EA\u5B9A\u4E49\u53C2\u6570\u914D\u7F6E\u9519\u8BEF",
+      noSupportVideo: "\u4F60\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301video\u6807\u7B7E"
+    },
+    emojiSelect: {
+      frequently: "\u5E38\u7528",
+      peoples: "\u60C5\u7EEA",
+      nature: "\u81EA\u7136",
+      foods: "\u98DF\u7269\u4E0E\u996E\u6599",
+      activity: "\u6D3B\u52A8",
+      objects: "\u5BF9\u8C61",
+      places: "\u65C5\u884C\u4E0E\u5730\u65B9",
+      symbols: "\u7B26\u53F7",
+      flags: "\u65D7\u5E1C"
+    },
+    mdCtrlSetting: {
+      confirm: "\u786E\u5B9A",
+      sort: "\u6392\u5E8F",
+      asc: "\u5347\u5E8F",
+      desc: "\u964D\u5E8F"
+    },
+    dateRangePicker: {
+      headerPlaceholder: "\u8BF7\u9009\u62E9\u65E5\u671F\u8303\u56F4",
+      confirm: "\u786E\u8BA4",
+      today: "\u4ECA\u5929",
+      startDate: "\u5F00\u59CB\u65F6\u95F4",
+      endDate: "\u7ED3\u675F\u65F6\u95F4",
+      scopeIsInvalid: "\u8303\u56F4\u65E0\u6548\u3002",
+      overLimit: "\u4E0D\u5728\u5141\u8BB8\u7684\u8303\u56F4\u5185",
+      year: "\u5E74",
+      month: "\u6708",
+      day: "\u65E5",
+      formatIsInvalid: "\u683C\u5F0F\u65E0\u6548",
+      use: "\u4F7F\u7528",
+      example: "\u793A\u4F8B",
+      selectDate: "\u8BF7\u9009\u62E9\u65E5\u671F",
+      noSelect: "\u6682\u65E0\u9009\u4E2D"
+    },
+    formItemContainer: {
+      more: "\u66F4\u591A"
+    }
+  },
+  // 部件
+  control: {
+    common: {
+      loadMore: "\u52A0\u8F7D\u66F4\u591A"
+    },
+    dataView: { end: "\u6211\u5DF2\u7ECF\u5230\u5E95\u5566~" },
+    appmenu: {
+      more: "\u66F4\u591A",
+      bottomNav: "\u5E95\u90E8\u5BFC\u822A",
+      customNav: "\u81EA\u5B9A\u4E49\u5BFC\u822A",
+      save: "\u4FDD\u5B58"
+    },
+    form: {
+      noSupportDetailType: "\u6682\u672A\u652F\u6301\u7684\u8868\u5355\u9879\u7C7B\u578B: {detailType} \u6216\u627E\u4E0D\u5230\u5BF9\u5E94\u9002\u914D\u5668",
+      formGroupPanel: {
+        showMore: "\u663E\u793A\u66F4\u591A"
+      },
+      formMDctrlForm: {
+        noFindProvider: "\u672A\u627E\u5230\u8868\u5355\u7684\u9002\u914D\u5668"
+      },
+      repeaterMultiForm: {
+        confirmTitle: "\u5220\u9664\u63D0\u9192",
+        confirmDesc: "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9879?"
+      },
+      repeaterSingleForm: {
+        errorMessage: "\u6CA1\u6709repeatedForm"
+      },
+      formMDctrlRepeater: {
+        noSupportStyle: "\u6682\u672A\u652F\u6301\u91CD\u590D\u5668\u6837\u5F0F{repeaterStyle}"
+      },
+      mdCtrlContainer: {
+        noSlot: "\u672A\u63D0\u4F9Bitem\u63D2\u69FD"
+      },
+      formMDctrl: {
+        errorMessage: "\u6682\u672A\u652F\u6301\u5185\u5BB9\u7C7B\u578B\u4E3A{contentType}"
+      },
+      searchForm: {
+        search: "\u67E5\u8BE2",
+        reset: "\u91CD\u7F6E"
+      }
+    },
+    list: {
+      expand: "\u5C55\u5F00",
+      selectedData: "\u9009\u4E2D\u6570\u636E",
+      end: "\u6211\u5DF2\u7ECF\u5230\u5E95\u5566~"
+    },
+    searchBar: {
+      confirm: "\u786E\u8BA4",
+      reset: "\u91CD\u7F6E",
+      filter: "\u7B5B\u9009",
+      add: "\u6DFB\u52A0",
+      remove: "\u5220\u9664",
+      addCond: "\u6DFB\u52A0\u7B5B\u9009\u6761\u4EF6",
+      value: "\u503C",
+      when: "\u5F53",
+      operate: "\u64CD\u4F5C",
+      property: "\u5C5E\u6027",
+      and: "\u4E14",
+      or: "\u6216"
+    },
+    toolbar: {
+      noSupportType: "\u5DE5\u5177\u680F\u9879\u7C7B\u578B\uFF1A{itemType}\u6682\u4E0D\u652F\u6301"
+    },
+    tree: {
+      subordinate: "\u4E0B\u7EA7"
+    },
+    wizardPanel: {
+      prev: "\u4E0A\u4E00\u6B65",
+      next: "\u4E0B\u4E00\u6B65",
+      finish: "\u5B8C\u6210"
+    },
+    calendar: {
+      today: "\u4ECA\u5929",
+      pickerDate: "\u9009\u62E9\u65E5\u671F",
+      customPicker: "\u8BF7\u9009\u62E9\u65E5\u671F"
+    }
+  },
+  // 编辑器
+  editor: {
+    common: {
+      entityConfigErr: "\u8BF7\u914D\u7F6E\u5B9E\u4F53\u548C\u5B9E\u4F53\u6570\u636E\u96C6",
+      selectViewConfigErr: "\u8BF7\u914D\u7F6E\u6570\u636E\u9009\u62E9\u89C6\u56FE",
+      linkViewConfigErr: "\u8BF7\u914D\u7F6E\u6570\u636E\u94FE\u63A5\u89C6\u56FE",
+      cancel: "\u53D6\u6D88",
+      confirm: "\u786E\u5B9A"
+    },
+    html: {
+      expand: "\u5C55\u5F00",
+      collapse: "\u6536\u8D77"
+    },
+    cascader: {
+      ibizCascader: {
+        title: "\u6807\u9898{index}"
+      }
+    },
+    datePicker: {
+      title: "\u9009\u62E9\u65E5\u671F",
+      cancel: "\u53D6\u6D88",
+      confirm: "\u786E\u8BA4",
+      year: "\u5E74",
+      month: "\u6708",
+      day: "\u65E5",
+      hour: "\u65F6",
+      min: "\u5206",
+      sec: "\u79D2",
+      clear: "\u6E05\u9664"
+    },
+    dropdownList: {
+      noSupportTreePicker: "\u6682\u672A\u652F\u6301\u6811\u5F62\u4E0B\u62C9\u9009\u62E9",
+      confirm: "\u786E\u5B9A"
+    },
+    markdown: {
+      uploadJsonFormatErr: "\u914D\u7F6Euploadparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F",
+      exportJsonFormatErr: "\u914D\u7F6Eexportparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F",
+      downloadFailedErr: "\u4E0B\u8F7D\u6587\u4EF6\u5931\u8D25",
+      noExistentErr: "\u6587\u4EF6\u6D41\u6570\u636E\u4E0D\u5B58\u5728"
+    },
+    notSupportedEditor: {
+      unsupportedType: "\u672A\u652F\u6301\u7684\u7F16\u8F91\u5668\u7C7B\u578B - {type}"
+    },
+    stepper: {
+      pleaseEnter: "\u8BF7\u8F93\u5165"
+    },
+    upload: {
+      uploadJsonFormatErr: "\u914D\u7F6Euploadparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F",
+      exportJsonFormatErr: "\u914D\u7F6Eexportparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F",
+      cancelUpload: "\u53D6\u6D88\u4E0A\u4F20"
+    },
+    emojiPicker: {
+      addEmoji: "\u6DFB\u52A0\u8868\u60C5"
+    },
+    dropdown: {
+      pleaseSelect: "\u8BF7\u9009\u62E9",
+      clear: "\u6E05\u9664",
+      searchPlaceholder: "\u641C\u7D22"
+    },
+    dateRangePicker: {
+      selectRange: "\u8BF7\u9009\u62E9\u65E5\u671F\u8303\u56F4"
+    }
+  },
+  // 多语言
+  locale: {
+    prompt: "\u63D0\u793A",
+    switchLanguagePrompt: "\u5207\u6362\u8BED\u8A00\u9700\u8981\u5237\u65B0\u9875\u9762\uFF0C\u786E\u8BA4\u5207\u6362?"
+  },
+  mobApp: {
+    unauthorizedHandler: {
+      noFoundEnvParams: "\u627E\u4E0D\u5230\u73AF\u5883\u53C2\u6570casLoginUrl",
+      prohibitAccessPrompt: "\u5F53\u524D\u8D26\u6237\u88AB\u7981\u6B62\u8BBF\u95EE",
+      exitPrompt: "\u662F\u5426\u8981\u9000\u51FA\u5F53\u524D\u8D26\u6237\uFF1F"
+    }
+  },
+  // 面板组件
+  panelComponent: {
+    authUserinfo: {
+      visitor: "\u6E38\u5BA2"
+    },
+    authSsO: {
+      noSupported: "\u6682\u4E0D\u652F\u6301{type}\u767B\u5F55",
+      dingLogin: "\u9489\u9489\u767B\u5F55",
+      wechatLogin: "\u5FAE\u4FE1\u767B\u5F55"
+    },
+    navPosIndex: {
+      noSupportPrompt: "\u975E\u8DEF\u7531\u6A21\u5F0F\u5BFC\u822A\u5360\u4F4D\u6682\u672A\u652F\u6301"
+    },
+    panelVideoPlayer: {
+      noSupportPrompt: "\u60A8\u7684\u8BBE\u5907\u4E0D\u652F\u6301video\u6807\u7B7E"
+    },
+    wfStepTrace: {
+      processingComplete: "\u5904\u7406\u5B8C\u6210\u65F6\u95F4",
+      processingSteps: "\u5904\u7406\u73AF\u8282",
+      processingPersonnel: "\u5904\u7406\u4EBA",
+      submissionPath: "\u63D0\u4EA4\u8DEF\u5F84"
+    },
+    userMessage: {
+      notice: "\u901A\u77E5",
+      backendTasks: "\u540E\u53F0\u4F5C\u4E1A",
+      allRead: "\u5168\u90E8\u5DF2\u8BFB",
+      all: "\u5168\u90E8",
+      unread: "\u672A\u8BFB",
+      asyncActionPreview: {
+        downloadFailedErr: "\u4E0B\u8F7D\u6587\u4EF6\u5931\u8D25",
+        noExistentErr: "\u6587\u4EF6\u6D41\u6570\u636E\u4E0D\u5B58\u5728",
+        importDetailPrompt: "\u5BFC\u5165\u6570\u636E\u8BE6\u60C5-{name}",
+        parseImportInfoErr: "\u89E3\u6790\u5BFC\u5165\u4FE1\u606F\u5F02\u5E38",
+        downloadErrFile: "\u4E0B\u8F7D\u9519\u8BEF\u6587\u4EF6",
+        importTime: "\u5BFC\u5165\u65F6\u95F4: ",
+        importTotal: "\u5BFC\u5165\u603B\u6761\u6570: ",
+        successImport: "\u6210\u529F\u5BFC\u5165\u6570: ",
+        ImportFailed: "\u5BFC\u5165\u5931\u8D25\u6570: "
+      },
+      asyncActionTab: {
+        noSupportType: "\u5F02\u6B65\u64CD\u4F5C\u7C7B\u578B{type}\u6682\u672A\u652F\u6301",
+        noAsyncAction: "\u6682\u65E0\u5F02\u6B65\u64CD\u4F5C"
+      },
+      internalMessageContainer: {
+        markAsRead: "\u6807\u8BB0\u4E3A\u5DF2\u8BFB"
+      },
+      internalMessageJson: {
+        jumpToView: "\u8DF3\u8F6C\u5230\u89C6\u56FE",
+        missingHtml: "\u6570\u636E\u7684content\u91CC\u7F3A\u5C11html"
+      },
+      internalMessageTab: {
+        noSupportType: "\u7AD9\u5185\u6D88\u606F\u7C7B\u578B{type}\u6682\u672A\u652F\u6301",
+        notificationYet: "\u6682\u65E0\u901A\u77E5",
+        loadMore: "\u52A0\u8F7D\u66F4\u591A({length})",
+        onlyShowUnread: "\u53EA\u663E\u793A\u672A\u8BFB"
+      }
+    }
+  },
+  // 工具
+  util: {
+    loading: "\u52A0\u8F7D\u4E2D",
+    notAchieved: "\u6CA1\u6709\u5B9E\u73B0",
+    unrealized: "\u672A\u5B9E\u73B0",
+    cacheWarningPrompt: "\u5806\u6808\u53EA\u6709\u4E00\u4E2A\u7F13\u5B58\u4E0D\u80FD\u540E\u9000\u4E86",
+    scanQrcode: {
+      notAllowedError: "\u60A8\u9700\u8981\u6388\u4E88\u76F8\u673A\u8BBF\u95EE\u6743\u9650",
+      notFoundError: "\u6B64\u8BBE\u5907\u4E0A\u6CA1\u6709\u6444\u50CF\u5934",
+      notSupportedError: "\u9700\u8981\u5B89\u5168\u4E0A\u4E0B\u6587\uFF08HTTPS\uFF0Clocalhost\uFF09",
+      notReadableError: "\u76F8\u673A\u662F\u5426\u5DF2\u5728\u4F7F\u7528\u4E2D\uFF1F",
+      overconstrainedError: "\u5B89\u88C5\u7684\u6444\u50CF\u5934\u4E0D\u5408\u9002",
+      streamApiNotSupportedError: "\u6B64\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u6D41API",
+      insecureContextError: "\u53EA\u6709\u5728\u5B89\u5168\u7684\u60C5\u51B5\u4E0B\u624D\u5141\u8BB8\u8BBF\u95EE\u6444\u50CF\u5934\u3002\u4F7F\u7528HTTPS\u6216localhost\u800C\u4E0D\u662FHTTP\u3002"
+    }
+  },
+  // 视图
+  view: {
+    fillInUserName: "\u8BF7\u586B\u5199\u7528\u6237\u540D",
+    fillInPassword: "\u8BF7\u586B\u5199\u5BC6\u7801",
+    loginFailed: "\u767B\u5F55\u5931\u8D25",
+    enterUserName: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
+    enterPassword: "\u8BF7\u8F93\u5165\u5BC6\u7801",
+    userName: "\u7528\u6237\u540D",
+    password: "\u5BC6\u7801",
+    login: "\u767B\u5F55",
+    thirdAuthFail: "\u7B2C\u4E09\u65B9\u6388\u6743\u767B\u5F55\u5931\u8D25"
+  },
+  // 视图引擎
+  viewEngine: {
+    closeRemind: "\u5173\u95ED\u63D0\u9192",
+    confirmClosePrompt: "\u8868\u5355\u6570\u636E\u5DF2\u7ECF\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5173\u95ED\uFF1F",
+    noExistVersionErr: "\u5F53\u524D\u5DE5\u4F5C\u6D41\u7248\u672C\u4E0D\u5B58\u5728",
+    noFoundFormModel: "\u627E\u4E0D\u5230\u8868\u5355{name}\u7684\u6A21\u578B",
+    missingToolbarModel: "\u7F3A\u5C11\u5DE5\u5177\u680F\u90E8\u4EF6\u6A21\u578B",
+    notReceivedPrompt: "\u6CA1\u6709\u63A5\u6536\u5230appDataEntityId"
+  },
+  // runTime
+  ...zhCn,
+  // vue3Util
+  ...zhCn$1,
+  // core
+  ...zhCn$2,
+  // modelHelper
+  ...zhCn$3
 };
 
 export { index as default };

package/es/mob-app/App.css

@@ -1 +1 @@
-#app{width:100vw;height:100vh;background:var(--ibiz-color-bg-0)}
+#app{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left);--van-back-top-bottom:calc(80px + var(--safe-area-inset-bottom));width:100vw;height:100vh;background:var(--ibiz-color-bg-0);padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}

package/es/mob-app/App.mjs

@@ -1,8 +1,8 @@
 import { ref, onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { routerCallback } from '@ibiz-template/vue3-util';
 import { ViewMode, Modal } from '@ibiz-template/runtime';
-import './App.css';
 import '../util/index.mjs';
+import './App.css';
 import { useViewStack } from '../util/store/view-stack/view-stack.mjs';
 
 "use strict";
@@ -17,9 +17,11 @@ var App = /* @__PURE__ */ defineComponent({
     const onViewStackChange = (type) => {
       transitionName.value = type === "push" ? "forward" : "back";
     };
+    ibiz.platform.init();
     on("onBeforeStackChange", onViewStackChange);
     onUnmounted(() => {
       off("onBeforeStackChange", onViewStackChange);
+      ibiz.platform.destroyed();
     });
     const viewModals = /* @__PURE__ */ new Map();
     const getViewModal = (key) => {
@@ -51,11 +53,7 @@ var App = /* @__PURE__ */ defineComponent({
       default: ({
         Component
       }) => {
-        return createVNode(resolveComponent("iBizKeepAlive"), {
-          "keyList": this.viewStack.cacheKeys
-        }, {
-          default: () => [Component && createVNode(Component, null, null)]
-        });
+        return Component ? createVNode(Component, null, null) : null;
       }
     });
   }

package/es/mob-app/attach-environment-config.mjs

@@ -3,18 +3,23 @@ const envMap = /* @__PURE__ */ new Map([
   ["baseUrl", "BaseUrl"],
   ["remoteModelUrl", "remoteDynaPath"],
   ["dcSystem", "mockDcSystemId"],
-  ["enablePermission", "enablePermissionValid"]
+  ["enablePermission", "enablePermissionValid"],
+  ["enableTitle", "enableTitle"]
 ]);
 async function attachEnvironmentConfig() {
   const env = window.Environment;
   Object.keys(ibiz.env).forEach((key) => {
     const key2 = envMap.has(key) ? envMap.get(key) : key;
     if (env[key2] != null) {
-      ibiz.env[key] = env[key2];
+      if (key2 === "customParams" || key2 === "devtoolConfig") {
+        ibiz.env[key] = JSON.parse(env[key2]);
+      } else {
+        ibiz.env[key] = env[key2];
+      }
     }
   });
-  if (env.AppTitle) {
-    document.title = env.AppTitle;
+  if (env.AppLabel) {
+    document.title = env.AppLabel;
   }
   ibiz.log.setLevel(ibiz.env.logLevel);
 }

package/es/mob-app/components/home-view/home-view.mjs

@@ -18,8 +18,8 @@ const HomeView = /* @__PURE__ */ defineComponent({
       mode: ViewMode.ROUTE,
       viewUsage: 1,
       routeDepth: props.modal.routeDepth + 1,
-      dismiss: () => {
-        props.modal.dismiss();
+      dismiss: (data) => {
+        props.modal.dismiss(data);
       }
     });
     return {

package/es/mob-app/components/index.d.ts

@@ -1,3 +1,4 @@
 import { HomeView } from './home-view/home-view';
 import { RouterShell } from './router-shell/router-shell';
-export { RouterShell, HomeView };
+import { ModalRouterShell } from './modal-router-shell/modal-router-shell';
+export { RouterShell, HomeView, ModalRouterShell };

package/es/mob-app/components/index.mjs

@@ -1,4 +1,5 @@
 export { HomeView } from './home-view/home-view.mjs';
 export { RouterShell } from './router-shell/router-shell.mjs';
+export { ModalRouterShell } from './modal-router-shell/modal-router-shell.mjs';
 
 "use strict";

package/es/mob-app/components/modal-router-shell/modal-router-shell.d.ts

@@ -0,0 +1,13 @@
+import { PropType } from 'vue';
+import { IModal } from '@ibiz-template/runtime';
+export declare const ModalRouterShell: import("vue").DefineComponent<{
+    modal: {
+        type: PropType<IModal>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modal: {
+        type: PropType<IModal>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/mob-app/components/modal-router-shell/modal-router-shell.mjs

@@ -0,0 +1,139 @@
+import { ref, toRaw, onUnmounted, createVNode, defineComponent } from 'vue';
+import { parseRouteViewData, createOverlayView, routerCallback, route2routePath } from '@ibiz-template/vue3-util';
+import { useRoute, useRouter, onBeforeRouteUpdate } from 'vue-router';
+import { IBizContext } from '@ibiz-template/core';
+import { RouteConst } from '@ibiz-template/runtime';
+import { isEmpty } from 'ramda';
+import qs from 'qs';
+import '../../../view/index.mjs';
+import { View404 } from '../../../view/404-view/404-view.mjs';
+
+"use strict";
+const ModalRouterShell = /* @__PURE__ */ defineComponent({
+  name: "ModalRouterShell",
+  props: {
+    modal: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const routeObj = useRoute();
+    const router = useRouter();
+    const isDestroyed = ref(false);
+    const viewData = ref({});
+    const pathHistory = [];
+    const destroyContext = () => {
+      if (viewData.value.context) {
+        const {
+          context
+        } = toRaw(viewData.value);
+        if (context)
+          context.destroy();
+      }
+    };
+    const routeDepth = props.modal.routeDepth;
+    let overlay = null;
+    onUnmounted(() => {
+      isDestroyed.value = true;
+      if (overlay) {
+        overlay.dismiss();
+        overlay = null;
+      }
+      destroyContext();
+    });
+    const openView = async (route) => {
+      var _a;
+      viewData.value = await parseRouteViewData(route, routeDepth, true);
+      if (isDestroyed.value) {
+        return;
+      }
+      if (!(viewData.value.context instanceof IBizContext)) {
+        viewData.value.context = IBizContext.create(viewData.value.context);
+      }
+      const appViewId = route.params.modalView;
+      const paramsStr = route.params.modalParams;
+      if (paramsStr && paramsStr !== "-") {
+        const params = qs.parse(paramsStr, {
+          strictNullHandling: true,
+          delimiter: ";"
+        });
+        if (params.srfnavctx) {
+          const srfnavctx = JSON.parse(decodeURIComponent(params.srfnavctx));
+          Object.assign(viewData.value.context, srfnavctx);
+          delete params.srfnavctx;
+        }
+        if (params.srfnav) {
+          viewData.value.srfnav = params.srfnav;
+          delete params.srfnav;
+        }
+        if (!isEmpty(params)) {
+          if (viewData.value.params) {
+            Object.assign(viewData.value.params, params);
+          } else {
+            viewData.value.params = params;
+          }
+        }
+      }
+      if (!viewData.value.context) {
+        const _context = IBizContext.create({});
+        viewData.value.context = _context;
+      }
+      let appView = viewData.value.viewConfig;
+      let component;
+      try {
+        if (!appView) {
+          appView = await ibiz.hub.config.view.get(appViewId);
+        }
+        component = createOverlayView({
+          context: viewData.value.context,
+          params: viewData.value.params,
+          viewId: appView.id
+        });
+      } catch (error) {
+        component = View404;
+      }
+      const opts = {
+        width: (appView == null ? void 0 : appView.width) || "80%",
+        height: (appView == null ? void 0 : appView.height) || "80%",
+        footerHide: true,
+        isRouteModal: true
+      };
+      overlay = ibiz.overlay.createModal(component, void 0, opts);
+      overlay.present();
+      pathHistory.push(route.fullPath);
+      const result = await overlay.onWillDismiss();
+      overlay = null;
+      if (isDestroyed.value === false) {
+        if ((_a = window.history.state) == null ? void 0 : _a.back) {
+          router.back();
+        } else {
+          const path = route.path;
+          const index = path.indexOf(`/${RouteConst.ROUTE_MODAL_TAG}/`);
+          router.replace(path.substring(0, index));
+        }
+        routerCallback.close(router.currentRoute.value.fullPath, result || {
+          ok: false
+        });
+      }
+    };
+    onBeforeRouteUpdate((to, from) => {
+      if (!isDestroyed.value && pathHistory.length > 0 && pathHistory.indexOf(from.fullPath) !== -1 && pathHistory.indexOf(to.fullPath) === -1) {
+        const pathNodes = route2routePath(to).pathNodes;
+        const lastNode = pathNodes[pathNodes.length - 1];
+        if (lastNode && lastNode.viewName === RouteConst.ROUTE_MODAL_TAG) {
+          openView(to);
+        }
+      }
+    });
+    openView(routeObj);
+    return {};
+  },
+  render() {
+    return createVNode("div", {
+      "style": "position: absolute;width: 0;height: 0;"
+    }, null);
+  }
+});
+
+export { ModalRouterShell };

package/es/mob-app/components/router-shell/router-shell.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { IModal } from '@ibiz-template/runtime';
+import { IModal, Modal } from '@ibiz-template/runtime';
 export declare const RouterShell: import("vue").DefineComponent<{
     modal: {
         type: PropType<IModal>;
@@ -25,6 +25,8 @@ export declare const RouterShell: import("vue").DefineComponent<{
         srfnav?: string | undefined;
     }>;
     isLoaded: import("vue").Ref<boolean>;
+    isActivated: import("vue").Ref<boolean>;
+    routeModal: Modal;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modal: {
         type: PropType<IModal>;

package/es/mob-app/components/router-shell/router-shell.mjs

@@ -1,6 +1,7 @@
-import { ref, toRaw, onUnmounted, resolveComponent, h, defineComponent } from 'vue';
+import { ref, toRaw, onUnmounted, onActivated, onDeactivated, Fragment, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { parseRouteViewData } from '@ibiz-template/vue3-util';
 import { useRoute, useRouter } from 'vue-router';
+import { ViewMode, Modal, RouteConst } from '@ibiz-template/runtime';
 import { IBizContext } from '@ibiz-template/core';
 import { mergeDeepLeft } from 'ramda';
 
@@ -18,6 +19,7 @@ const RouterShell = /* @__PURE__ */ defineComponent({
     const router = useRouter();
     const viewData = ref({});
     const isLoaded = ref(false);
+    const isActivated = ref(true);
     const destroyContext = () => {
       if (viewData.value.context) {
         const {
@@ -47,10 +49,22 @@ const RouterShell = /* @__PURE__ */ defineComponent({
       }
     };
     calcViewData();
+    const routeModal = new Modal({
+      mode: ViewMode.ROUTE,
+      routeDepth: routeDepth + 1
+    });
+    onActivated(() => {
+      isActivated.value = true;
+    });
+    onDeactivated(() => {
+      isActivated.value = false;
+    });
     return {
       route,
       viewData,
-      isLoaded
+      isLoaded,
+      isActivated,
+      routeModal
     };
   },
   render() {
@@ -75,7 +89,11 @@ const RouterShell = /* @__PURE__ */ defineComponent({
         srfnav
       }
     });
-    return h(resolveComponent("IBizViewShell"), props, this.$slots);
+    return createVNode(Fragment, null, [h(resolveComponent("IBizViewShell"), props, this.$slots), this.isActivated && createVNode(resolveComponent("router-view"), {
+      "key": viewConfig.codeName,
+      "name": RouteConst.ROUTE_MODAL_TAG,
+      "modal": this.routeModal
+    }, null)]);
   }
 });
 

package/es/mob-app/guard/auth-guard/auth-guard.d.ts

@@ -1,9 +1,11 @@
 /**
  * 应用权限守卫
  *
- * @author chitanda
- * @date 2022-10-28 10:10:29
+ * @author tony001
+ * @date 2024-11-12 18:11:07
  * @export
+ * @param {IParams} appContext
+ * @param {boolean} [permission=true]
  * @return {*}  {Promise<boolean>}
  */
-export declare function AuthGuard(permission?: boolean): Promise<boolean>;
+export declare function AuthGuard(appContext: IParams, permission?: boolean): Promise<boolean>;