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

package/es/view/404-view/404-view.d.ts

@@ -2,5 +2,5 @@ import './404-view.scss';
 export declare const View404: import("vue").DefineComponent<{}, {
     ns: import("@ibiz-template/core").Namespace;
     isTop: import("vue").ComputedRef<boolean>;
-    gotoIndexView: () => void;
+    gotoIndexView: () => Promise<void>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

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

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

package/es/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/es/view/login-view/login-view.mjs

@@ -42,7 +42,15 @@ const LoginView = /* @__PURE__ */ defineComponent({
     const isMounted = ref(false);
     const isRemember = ref(false);
     const isAnonymous = 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/es/view-engine/edit-view.engine.d.ts

@@ -14,6 +14,13 @@ export declare class EditViewEngine extends ViewEngineBase {
      */
     protected view: ViewController<IAppDEEditView, IEditViewState, IEditViewEvent>;
     get form(): IEditFormController;
+    /**
+     * 实体名称
+     * @author lxm
+     * @date 2024-01-31 11:05:49
+     * @type {string}
+     */
+    deName: string;
     onCreated(): Promise<void>;
     onMounted(): Promise<void>;
     getData(): IData[];
@@ -55,4 +62,11 @@ export declare class EditViewEngine extends ViewEngineBase {
      * @memberof MobEditViewEngine
      */
     wfWithdraw(): Promise<void>;
+    /**
+     * 初始化标记打开数据相关逻辑
+     * @author lxm
+     * @date 2024-01-31 11:52:13
+     * @return {*}  {void}
+     */
+    initMarkOpenData(): void;
 }

package/es/view-engine/edit-view.engine.mjs

@@ -1,8 +1,25 @@
 import { RuntimeError } from '@ibiz-template/core';
 import { ViewEngineBase, calcDeCodeNameById, SysUIActionTag, ViewCallTag, ControlVO, getAppViewRef, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { isNil } from 'ramda';
 
 "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 EditViewEngine extends ViewEngineBase {
+  constructor() {
+    super(...arguments);
+    /**
+     * 实体名称
+     * @author lxm
+     * @date 2024-01-31 11:05:49
+     * @type {string}
+     */
+    __publicField(this, "deName");
+  }
   get form() {
     return this.view.getController("form");
   }
@@ -10,6 +27,7 @@ class EditViewEngine extends ViewEngineBase {
     await super.onCreated();
     const { childNames, modal } = this.view;
     childNames.push("form");
+    this.deName = calcDeCodeNameById(this.view.model.appDataEntityId);
     if (!this.view.slotProps.form) {
       this.view.slotProps.form = {};
     }
@@ -28,6 +46,7 @@ class EditViewEngine extends ViewEngineBase {
   }
   async onMounted() {
     await super.onMounted();
+    this.initMarkOpenData();
     const { model, evt } = this.view;
     const formDeId = this.form.model.appDataEntityId;
     const formDataStateChange = (event) => {
@@ -216,6 +235,77 @@ class EditViewEngine extends ViewEngineBase {
     );
     ibiz.mc.command.send({ srfdecodename: "SysTodo" }, "OBJECTUPDATED");
   }
+  /**
+   * 初始化标记打开数据相关逻辑
+   * @author lxm
+   * @date 2024-01-31 11:52:13
+   * @return {*}  {void}
+   */
+  initMarkOpenData() {
+    if (isNil(this.view.modal.routeDepth)) {
+      return;
+    }
+    let srfkey;
+    const callback = (data) => {
+      if (!this.view.state.activated) {
+        return;
+      }
+      const dataInfo = this.form.getData()[0].srfmajortext;
+      let actionMsg = "";
+      switch (data.action) {
+        case "VIEW":
+          actionMsg = "\u6D4F\u89C8\u4E86";
+          break;
+        case "EDIT":
+          actionMsg = "\u7F16\u8F91\u4E86";
+          break;
+        case "UPDATE":
+          actionMsg = "\u66F4\u65B0\u4E86";
+          break;
+        default:
+          break;
+      }
+      ibiz.notification.info({
+        position: "bottom-right",
+        title: data.username,
+        desc: "".concat(actionMsg, " ").concat(this.view.state.caption, "-").concat(dataInfo)
+      });
+    };
+    this.form.evt.on("onLoadSuccess", (event) => {
+      const formData = event.data[0];
+      srfkey = formData.srfkey;
+      ibiz.markOpenData.action(this.deName, srfkey, "VIEW");
+      ibiz.markOpenData.subscribe(this.deName, srfkey, callback);
+      this.view.evt.on("onDestroyed", () => {
+        ibiz.markOpenData.unsubscribe(this.deName, srfkey, callback);
+      });
+    });
+    let isWait = false;
+    const actionEdit = () => {
+      if (!srfkey || isWait) {
+        return;
+      }
+      isWait = true;
+      ibiz.markOpenData.action(this.deName, srfkey, "EDIT");
+      setTimeout(
+        () => {
+          isWait = false;
+        },
+        1e3 * 60 * 5
+      );
+    };
+    this.form.evt.on("onFormDataChange", actionEdit);
+    this.form.evt.on("onSaveSuccess", () => {
+      if (srfkey) {
+        ibiz.markOpenData.action(this.deName, srfkey, "UPDATE");
+      }
+    });
+    this.view.evt.on("onCloseView", () => {
+      if (srfkey) {
+        ibiz.markOpenData.action(this.deName, srfkey, "CLOSE");
+      }
+    });
+  }
 }
 
 export { EditViewEngine };

package/es/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/es/web-app/App.d.ts

@@ -0,0 +1,6 @@
+import { Modal } from '@ibiz-template/runtime';
+import './App.scss';
+declare const _default: import("vue").DefineComponent<{}, {
+    modal: Modal;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/web-app/App.mjs

@@ -0,0 +1,34 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { ViewMode, Modal } from '@ibiz-template/runtime';
+import { AppHooks } from '@ibiz-template/vue3-util';
+import './App.css';
+
+"use strict";
+var App = /* @__PURE__ */ defineComponent({
+  setup() {
+    const modal = new Modal({
+      mode: 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;
+        AppHooks.useComponent.callSync(null, devtool);
+      }
+    };
+    document.addEventListener("keydown", listenDevtool);
+    return {
+      modal
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("router-view"), {
+      "modal": this.modal
+    }, null);
+  }
+});
+
+export { App as default };

package/es/web-app/attach-environment-config.d.ts

@@ -0,0 +1 @@
+export declare function attachEnvironmentConfig(): Promise<void>;

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

@@ -0,0 +1,51 @@
+import qs from 'qs';
+import { mergeDeepRight } from '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 = mergeDeepRight(ibiz.config, env.globalConfig);
+  }
+  ibiz.log.setLevel(ibiz.env.logLevel);
+}
+
+export { attachEnvironmentConfig };

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

@@ -0,0 +1,2 @@
+export { ModalRouterShell } from './modal-router-shell/modal-router-shell';
+export { RouterShell } from './router-shell/router-shell';

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

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

package/es/web-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/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 };