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

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

@@ -0,0 +1,119 @@
+import { ref, toRaw, onUnmounted, createTextVNode, createVNode, defineComponent } from 'vue';
+import { parseRouteViewData, createOverlayView } from '@ibiz-template/vue3-util';
+import { useRoute, useRouter } 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 route = useRoute();
+    const router = useRouter();
+    const isDestroyed = ref(false);
+    const viewData = ref({});
+    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 () => {
+      var _a;
+      viewData.value = await parseRouteViewData(route, routeDepth, true);
+      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) {
+        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 = null;
+      let component;
+      try {
+        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
+      };
+      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(RouteConst.ROUTE_MODAL_TAG, "/"));
+          router.replace(path.substring(0, index));
+        }
+      }
+    };
+    openView();
+    return {};
+  },
+  render() {
+    return createVNode("div", {
+      "style": "width: 0;height: 0;"
+    }, [createTextVNode("\u8DEF\u7531\u6A21\u6001\u5360\u4F4D")]);
+  }
+});
+
+export { ModalRouterShell };