@ibiz-template/vue3-components 0.5.7-alpha.9 → 0.6.0-alpha.2

package/lib/panel-component/user-message/internal-message/internal-message-text/internal-message-text.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./internal-message-text.css');
+
+"use strict";
+const InternalMessageText = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizInternalMessageText",
+  props: {
+    message: {
+      type: Object,
+      required: true
+    },
+    provider: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    close: () => true
+  },
+  setup() {
+    const ns = vue3Util.useNamespace("internal-message-text");
+    return {
+      ns
+    };
+  },
+  render() {
+    const {
+      title,
+      create_time,
+      content: msgContent
+    } = this.message;
+    return vue.createVNode(vue.resolveComponent("iBizInternalMessageContainer"), {
+      "class": [this.ns.b()],
+      "message": this.message,
+      "provider": this.provider,
+      "onClose": () => this.$emit("close")
+    }, {
+      default: () => [vue.createVNode("div", {
+        "class": this.ns.e("caption")
+      }, [title]), !!msgContent && vue.createVNode("div", {
+        "class": this.ns.e("content")
+      }, [msgContent]), vue.createVNode("div", {
+        "class": this.ns.e("create-time")
+      }, [create_time])]
+    });
+  }
+});
+
+exports.InternalMessageText = InternalMessageText;

package/lib/panel-component/user-message/internal-message/internal-message-text/internal-message-text.css

@@ -0,0 +1 @@
+.ibiz-internal-message-text{display:flex;flex-flow:column nowrap}.ibiz-internal-message-text__caption{margin-bottom:8px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-internal-message-text__content{margin-bottom:8px}.ibiz-internal-message-text__status{margin-right:8px}

package/lib/panel-component/user-message/internal-message/internal-message-text/internal-message-text.provider.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var internalMessageText = require('./internal-message-text.cjs');
+require('../common/index.cjs');
+var internalMessageDefault_provider = require('../common/internal-message-default/internal-message-default.provider.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class InternalMessageTextProvider extends internalMessageDefault_provider.InternalMessageDefaultProvider {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "component", internalMessageText.InternalMessageText);
+  }
+}
+
+exports.InternalMessageTextProvider = InternalMessageTextProvider;

package/lib/panel-component/user-message/user-message.cjs

@@ -34,7 +34,14 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
     const hiddenPopover = () => {
       popoverRef.value.hide();
     };
-    const noticeNum = vue.ref(0);
+    const noticeNum = vue.ref(noticeController.total);
+    const onNumChange = (total) => {
+      noticeNum.value = total;
+    };
+    noticeController.evt.on("totalChange", onNumChange);
+    vue.onUnmounted(() => {
+      noticeController.evt.off("totalChange", onNumChange);
+    });
     return {
       ns,
       c,

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

@@ -1 +1 @@
-.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}
+.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(7px + 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;padding-bottom:0}.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/lib/util/confirm-util/confirm-util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var core = require('@ibiz-template/core');
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -16,7 +16,7 @@ class ConfirmUtil {
   }
   async info(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("info")),
         type: "info",
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
@@ -27,7 +27,7 @@ class ConfirmUtil {
   }
   async success(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("success")),
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
         confirmButtonClass: "".concat(this.ns.b("ok")),
@@ -38,7 +38,7 @@ class ConfirmUtil {
   }
   async warning(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("warning")),
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
         confirmButtonClass: "".concat(this.ns.b("ok")),
@@ -49,7 +49,7 @@ class ConfirmUtil {
   }
   async error(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("error")),
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
         confirmButtonClass: "".concat(this.ns.b("ok")),

package/lib/util/loading-util/loading-util.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -44,7 +44,7 @@ class LoadingUtil {
    */
   show() {
     if (this.count === 0) {
-      this.loading = elementPlus.ElLoading.service({ lock: true, fullscreen: true });
+      this.loading = ElementPlus.ElLoading.service({ lock: true, fullscreen: true });
     }
     this.count += 1;
   }

package/lib/util/message-util/message-util.cjs

@@ -1,32 +1,32 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 "use strict";
 class MessageUtil {
   info(msg, duration, closable) {
-    elementPlus.ElMessage.info({
+    ElementPlus.ElMessage.info({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   success(msg, duration, closable) {
-    elementPlus.ElMessage.success({
+    ElementPlus.ElMessage.success({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   warning(msg, duration, closable) {
-    elementPlus.ElMessage.warning({
+    ElementPlus.ElMessage.warning({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   error(msg, duration, closable) {
-    elementPlus.ElMessage.error({
+    ElementPlus.ElMessage.error({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable

package/lib/util/modal-util/modal-util.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 "use strict";
 class ModalUtil {
   async info(params) {
-    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "info" });
+    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "info" });
   }
   async success(params) {
-    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "success" });
+    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "success" });
   }
   async warning(params) {
-    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "warning" });
+    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "warning" });
   }
   async error(params) {
-    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "error" });
+    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "error" });
   }
   async confirm(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, params).then(() => resolve(true)).catch(() => resolve(false));
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, params).then(() => resolve(true)).catch(() => resolve(false));
     });
   }
 }

package/lib/util/notice-util/notice-util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var runtime = require('@ibiz-template/runtime');
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('../../common/index.cjs');
@@ -22,7 +22,7 @@ class NoticeUtil {
     const ns = vue3Util.useNamespace("async-action-notice");
     const porvider = await runtime.getAsyncActionProvider(asyncAction);
     if (porvider.render) {
-      const ins = elementPlus.ElNotification({
+      const ins = ElementPlus.ElNotification({
         customClass: ns.b(),
         message: porvider.render({
           action: asyncAction,
@@ -38,7 +38,7 @@ class NoticeUtil {
   showDoingNotice(info) {
     if (!this.doingNotice) {
       const reactiveInfo = vue.reactive(info);
-      const ins = elementPlus.ElNotification({
+      const ins = ElementPlus.ElNotification({
         message: vue.h(doingNotice.DoingNotice, {
           info: reactiveInfo
         }),

package/lib/util/notification-util/notification-util.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -51,9 +51,10 @@ class NotificationUtil {
    */
   handleNotice(params, noticeType) {
     const duration = params.duration ? params.duration * 1e3 : 4500;
-    elementPlus.ElNotification({
+    ElementPlus.ElNotification({
       title: params.title,
       message: params.desc,
+      dangerouslyUseHTMLString: !!params.isHtmlDesc,
       type: noticeType,
       position: params.position || "top-right",
       duration

package/lib/util/open-view-util/open-view-util.cjs

@@ -19,7 +19,8 @@ class OpenViewUtil {
       context,
       params
     );
-    return vue3Util.routerCallback.open(this.router, path);
+    this.router.push({ path });
+    return { ok: true };
   }
   async rootByModal(appViewId, context, params) {
     const appView = await ibiz.hub.config.view.get(appViewId);
@@ -29,7 +30,8 @@ class OpenViewUtil {
       context,
       params
     );
-    return vue3Util.routerCallback.open(this.router, path);
+    this.router.push({ path });
+    return { ok: true };
   }
   /**
    * 模态打开视图

package/lib/view/404-view/404-view.cjs

@@ -11,8 +11,9 @@ const View404 = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("404-view");
     const router = vueRouter.useRouter();
     const route = vueRouter.useRoute();
-    const gotoIndexView = () => {
-      router.push("/");
+    const gotoIndexView = async () => {
+      await router.push("/");
+      window.location.reload();
     };
     vue.onMounted(() => ibiz.util.hiddenAppLoading());
     const isTop = vue.computed(() => {
@@ -36,9 +37,9 @@ const View404 = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.be("text", "text1")
     }, [vue.createTextVNode("\u62B1\u6B49\uFF0C\u60A8\u8BBF\u95EE\u7684\u9875\u9762\u4E0D\u5B58\u5728\uFF01")]), this.isTop ? vue.createVNode("div", {
       "class": this.ns.be("text", "text2")
-    }, [vue.createTextVNode("\u60A8\u8981\u627E\u7684\u9875\u9762\u4E0D\u5B58\u5728\uFF0C\u8BF7\u8FD4\u56DE"), vue.createVNode("a", {
-      "on-click": this.gotoIndexView
-    }, [vue.createTextVNode("\u9996\u9875")]), vue.createTextVNode("\u7EE7\u7EED\u6D4F\u89C8")]) : null])]);
+    }, [vue.createTextVNode("\u60A8\u8981\u627E\u7684\u9875\u9762\u4E0D\u5B58\u5728\uFF0C\u8BF7"), vue.createVNode("a", {
+      "onClick": this.gotoIndexView
+    }, [vue.createTextVNode("\u8FD4\u56DE\u9996\u9875")]), vue.createTextVNode("\u7EE7\u7EED\u6D4F\u89C8")]) : null])]);
   }
 });
 

package/lib/view/404-view/404-view.css

@@ -1 +1 @@
-.ibiz-404-view{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-404-view-text__text1{margin-bottom:20px}.ibiz-404-view.is-top{width:100vw;height:100vh}
+.ibiz-404-view{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px}.ibiz-404-view .ibiz-404-view-text{margin-top:40px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-404-view-text__text1{margin-bottom:20px}.ibiz-404-view-text__text2 a{color:#557da5;cursor:pointer}.ibiz-404-view.is-top{width:100vw;height:100vh}

package/lib/view/login-view/login-view.cjs

@@ -44,7 +44,15 @@ const LoginView = /* @__PURE__ */ vue.defineComponent({
     const isMounted = vue.ref(false);
     const isRemember = vue.ref(false);
     const isAnonymous = vue.ref(true);
-    const appTitle = ibiz.env.AppTitle;
+    let appTitle = ibiz.env.AppTitle;
+    const getTitle = async () => {
+      const app = await ibiz.hub.getAppAsync(ibiz.env.appId);
+      const model = app.model;
+      if (model.caption) {
+        appTitle = model.caption;
+      }
+    };
+    getTitle();
     ibiz.appData = void 0;
     ibiz.orgData = void 0;
     const onClick = async () => {

package/lib/view/login-view/login-view.css

@@ -1 +1 @@
-.ibiz-login-view{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-login-view .el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-login-view-box{width:430px;margin-bottom:80px;overflow:hidden;background:#fff}@media screen and (max-width:720px){.ibiz-login-view-box{width:340px;margin-top:0}}.ibiz-login-view-box-header{position:relative;background:#ccf}.ibiz-login-view-box-header>img{display:block;width:430px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-login-view-box-header .ibiz-login-view-box-header-title{position:absolute;top:28%;left:50%;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-shadow:0 2px 6px rgba(0,0,0,.54);transform:translateX(-50%)}.ibiz-login-view-box-main{position:relative}.ibiz-login-view-box-main__avatar{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:4px solid #fff;border-radius:50%}.ibiz-login-view-box-main-content{padding:100px 40px 40px}.ibiz-login-view-box-main-content .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-login-view-box-main-content .el-button{width:100%;margin-top:15px;font-weight:300;letter-spacing:2px}.ibiz-login-view-box-main-content .el-input__prefix{width:20px;margin-left:-1px}.ibiz-login-view-box-main-content ion-icon{font-size:16px}
+.ibiz-login-view{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-login-view .el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-login-view-box{width:430px;margin-bottom:80px;overflow:hidden;background:#fff}@media screen and (max-width:720px){.ibiz-login-view-box{width:340px;margin-top:0}}.ibiz-login-view-box-header{position:relative;background:#ccf}.ibiz-login-view-box-header>img{display:block;width:430px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-login-view-box-header .ibiz-login-view-box-header-title{position:absolute;top:28%;left:50%;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-shadow:0 2px 6px rgba(0,0,0,.54);white-space:nowrap;transform:translateX(-50%)}.ibiz-login-view-box-main{position:relative}.ibiz-login-view-box-main__avatar{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:4px solid #fff;border-radius:50%}.ibiz-login-view-box-main-content{padding:100px 40px 40px}.ibiz-login-view-box-main-content .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-login-view-box-main-content .el-button{width:100%;margin-top:15px;font-weight:300;letter-spacing:2px}.ibiz-login-view-box-main-content .el-input__prefix{width:20px;margin-left:-1px}.ibiz-login-view-box-main-content ion-icon{font-size:16px}

package/lib/web-app/App.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./App.css');
+
+"use strict";
+var App = /* @__PURE__ */ vue.defineComponent({
+  setup() {
+    const modal = new runtime.Modal({
+      mode: runtime.ViewMode.ROUTE,
+      viewUsage: 1,
+      routeDepth: 1
+    });
+    const listenDevtool = async (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.code === "F12") {
+        document.removeEventListener("keydown", listenDevtool);
+        const module = await import('@ibiz-template/devtool');
+        const devtool = module.default || module;
+        vue3Util.AppHooks.useComponent.callSync(null, devtool);
+      }
+    };
+    document.addEventListener("keydown", listenDevtool);
+    return {
+      modal
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("router-view"), {
+      "modal": this.modal
+    }, null);
+  }
+});
+
+exports.default = App;

package/lib/web-app/App.css

@@ -0,0 +1 @@
+#app{width:100vw;height:100vh;background-color:var(--ibiz-color-bg-0)}body,html{padding:0;margin:0;border:0}

package/lib/web-app/attach-environment-config.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var qs = require('qs');
+var ramda = require('ramda');
+
+"use strict";
+const envMap = /* @__PURE__ */ new Map([
+  ["baseUrl", "BaseUrl"],
+  ["remoteModelUrl", "remoteDynaPath"],
+  ["dcSystem", "mockDcSystemId"],
+  ["enablePermission", "enablePermissionValid"]
+]);
+async function attachEnvironmentConfig() {
+  const env = window.Environment;
+  const query = qs.parse(window.location.search, { ignoreQueryPrefix: true });
+  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 (query) {
+    if (query.srfdcsystem) {
+      ibiz.env.dcSystem = query.srfdcsystem;
+    }
+  }
+  if (env.AppTitle) {
+    document.title = env.AppTitle;
+  }
+  if (env.favicon) {
+    const favicon = document.getElementById("favicon");
+    if (favicon) {
+      const fav = env.favicon;
+      if (fav.endsWith(".png")) {
+        favicon.type = "image/png";
+      } else if (fav.endsWith(".ico")) {
+        favicon.type = "image/x-icon";
+      } else if (fav.endsWith(".gif")) {
+        favicon.type = "image/gif";
+      } else if (fav.endsWith(".svg")) {
+        favicon.type = "image/svg+xml";
+      }
+      favicon.href = fav;
+    }
+  }
+  if (env.globalConfig) {
+    ibiz.env.globalConfig = env.globalConfig;
+    ibiz.config = ramda.mergeDeepRight(ibiz.config, env.globalConfig);
+  }
+  ibiz.log.setLevel(ibiz.env.logLevel);
+}
+
+exports.attachEnvironmentConfig = attachEnvironmentConfig;

package/lib/web-app/components/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var modalRouterShell = require('./modal-router-shell/modal-router-shell.cjs');
+var routerShell = require('./router-shell/router-shell.cjs');
+
+"use strict";
+
+exports.ModalRouterShell = modalRouterShell.ModalRouterShell;
+exports.RouterShell = routerShell.RouterShell;

package/lib/web-app/components/modal-router-shell/modal-router-shell.cjs

@@ -0,0 +1,121 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var vueRouter = require('vue-router');
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+var ramda = require('ramda');
+var qs = require('qs');
+require('../../../view/index.cjs');
+var _404View = require('../../../view/404-view/404-view.cjs');
+
+"use strict";
+const ModalRouterShell = /* @__PURE__ */ vue.defineComponent({
+  name: "ModalRouterShell",
+  props: {
+    modal: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const isDestroyed = vue.ref(false);
+    const viewData = vue.ref({});
+    const destroyContext = () => {
+      if (viewData.value.context) {
+        const {
+          context
+        } = vue.toRaw(viewData.value);
+        if (context)
+          context.destroy();
+      }
+    };
+    const routeDepth = props.modal.routeDepth;
+    let overlay = null;
+    vue.onUnmounted(() => {
+      isDestroyed.value = true;
+      if (overlay) {
+        overlay.dismiss();
+        overlay = null;
+      }
+      destroyContext();
+    });
+    const openView = async () => {
+      var _a;
+      viewData.value = await vue3Util.parseRouteViewData(route, routeDepth, true);
+      if (!(viewData.value.context instanceof core.IBizContext)) {
+        viewData.value.context = core.IBizContext.create(viewData.value.context);
+      }
+      const appViewId = route.params.modalView;
+      const paramsStr = route.params.modalParams;
+      if (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 (!ramda.isEmpty(params)) {
+          if (viewData.value.params) {
+            Object.assign(viewData.value.params, params);
+          } else {
+            viewData.value.params = params;
+          }
+        }
+      }
+      if (!viewData.value.context) {
+        const _context = core.IBizContext.create({});
+        viewData.value.context = _context;
+      }
+      let appView = null;
+      let component;
+      try {
+        appView = await ibiz.hub.config.view.get(appViewId);
+        component = vue3Util.createOverlayView({
+          context: viewData.value.context,
+          params: viewData.value.params,
+          viewId: appView.id
+        });
+      } catch (error) {
+        component = _404View.View404;
+      }
+      const opts = {
+        width: (appView == null ? void 0 : appView.width) || "80%",
+        height: (appView == null ? void 0 : appView.height) || "80%",
+        footerHide: true
+      };
+      overlay = ibiz.overlay.createModal(component, void 0, opts);
+      overlay.present();
+      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("/".concat(runtime.RouteConst.ROUTE_MODAL_TAG, "/"));
+          router.replace(path.substring(0, index));
+        }
+      }
+    };
+    openView();
+    return {};
+  },
+  render() {
+    return vue.createVNode("div", {
+      "style": "width: 0;height: 0;"
+    }, [vue.createTextVNode("\u8DEF\u7531\u6A21\u6001\u5360\u4F4D")]);
+  }
+});
+
+exports.ModalRouterShell = ModalRouterShell;