@ibiz-template/vue3-util 0.7.41-alpha.2 → 0.7.41-alpha.20

package/lib/common/view-shell/view-shell.cjs

@@ -29,6 +29,9 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
     // 解决打开浮动容器（模态、抽屉、弹出框）ctx丢失问题
     ctx: {
       type: Object
+    },
+    viewShellHooks: {
+      type: Object
     }
   },
   setup(props, {
@@ -133,7 +136,7 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
               const noSrfSessionId = ramda.isNil(context.value.srfsessionid) || ramda.isEmpty(context.value.srfsessionid);
               const id = qxUtil.createUUID();
               if (noSrfSessionId) {
-                const domain = ibiz.uiDomainManager.create(id);
+                const domain = ibiz.uiDomainManager.create(id, appDataEntityId);
                 context.value.srfsessionid = domain.id;
               }
               const app = ibiz.hub.getApp(viewModel.appId);
@@ -198,6 +201,7 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
       Object.assign(params.value, redrawData.params);
       const modal = attrs.modal;
       if (modal) {
+        modal.hooks.preDismiss.clear();
         modal.hooks.shouldDismiss.clear();
         modal.hooks.beforeDismiss.clear();
       }
@@ -209,6 +213,11 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
         });
       }
     };
+    const onCreated = (event) => {
+      if (props.viewShellHooks) {
+        props.viewShellHooks.hooks.viewCreated.call(event);
+      }
+    };
     return {
       ns,
       errMsg,
@@ -217,6 +226,7 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
       hasAuthority,
       viewModelData,
       redrawView,
+      onCreated,
       curContext: context,
       curParams: params
     };
@@ -229,7 +239,8 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
         modelData: ramda.clone(this.viewModelData),
         ...this.$attrs,
         provider: this.provider,
-        onRedrawView: this.redrawView
+        onRedrawView: this.redrawView,
+        onCreated: this.onCreated
       }, this.$slots);
     }
     if (!this.hasAuthority) {

package/lib/control/panel/panel/panel.cjs

@@ -66,12 +66,23 @@ function renderPanelItem(panelItem, c, ins) {
     tempStyle = panelItem.cssStyle;
   }
   const panelItemC = panelItems[panelItem.id];
+  const attrs = renderAttrs(panelItem, panelItemC);
+  if (attrs.dynamicstyle) {
+    if (typeof attrs.dynamicstyle === "object") {
+      tempStyle += Object.entries(attrs.dynamicstyle).map(([key, value]) => {
+        return "".concat(key, ":").concat(value, ";");
+      }).join("");
+    } else {
+      tempStyle += attrs.dynamicstyle;
+    }
+    delete attrs.dynamicstyle;
+  }
   return vue.h(component, {
     modelData: panelItem,
     controller: panelItemC,
     key: panelItem.id,
     style: tempStyle,
-    attrs: renderAttrs(panelItem, panelItemC)
+    attrs
   }, children);
 }
 const PanelControl = /* @__PURE__ */ vue.defineComponent({

package/lib/control/panel/view-layout-panel/view-layout-panel.cjs

@@ -146,12 +146,23 @@ const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
         tempStyle = panelItem.cssStyle;
       }
       const panelItemC = panelItems[panelItem.id];
+      const attrs = renderAttrs(panelItem, panelItemC);
+      if (attrs.dynamicstyle) {
+        if (typeof attrs.dynamicstyle === "object") {
+          tempStyle += Object.entries(attrs.dynamicstyle).map(([key, value]) => {
+            return "".concat(key, ":").concat(value, ";");
+          }).join("");
+        } else {
+          tempStyle += attrs.dynamicstyle;
+        }
+        delete attrs.dynamicstyle;
+      }
       return vue.h(component, {
         modelData: panelItem,
         controller: panelItemC,
         key: panelItem.id,
         style: tempStyle,
-        attrs: renderAttrs(panelItem, panelItemC)
+        attrs
       }, children);
     };
     vue.provide("renderPanelItem", renderPanelItem);

package/lib/index.cjs

@@ -21,6 +21,7 @@ var codeList = require('./common/code-list/code-list.cjs');
 var controlLoadingPlaceholder = require('./common/control-loading-placeholder/control-loading-placeholder.cjs');
 var badge = require('./common/badge/badge.cjs');
 var customRender = require('./common/custom-render/custom-render.cjs');
+var signaturePad = require('./common/signature-pad/signature-pad.cjs');
 var panelContainer_state = require('./panel-component/panel-container/panel-container.state.cjs');
 var panelContainer_controller = require('./panel-component/panel-container/panel-container.controller.cjs');
 var index = require('./panel-component/panel-container/index.cjs');
@@ -86,6 +87,7 @@ var codelistListen = require('./use/codeList-listen/codelist-listen.cjs');
 var index$p = require('./use/storage/index.cjs');
 var autofocusBlur = require('./use/autofocus-blur/autofocus-blur.cjs');
 var popover = require('./use/popover/popover.cjs');
+var computedAsync = require('./use/vue-use/computed-async.cjs');
 var overlayContainer = require('./util/overlay-container/overlay-container.cjs');
 var overlayPopoverContainer = require('./util/overlay-popover-container/overlay-popover-container.cjs');
 var routerCallback = require('./util/router-callback/router-callback.cjs');
@@ -143,6 +145,7 @@ exports.IBizCodeList = codeList.IBizCodeList;
 exports.ControlLoadingPlaceholder = controlLoadingPlaceholder.ControlLoadingPlaceholder;
 exports.IBizBadge = badge.IBizBadge;
 exports.IBizCustomRender = customRender.IBizCustomRender;
+exports.IBizSignaturePad = signaturePad.IBizSignaturePad;
 exports.PanelContainerState = panelContainer_state.PanelContainerState;
 exports.PanelContainerController = panelContainer_controller.PanelContainerController;
 exports.IBizPanelContainer = index.IBizPanelContainer;
@@ -219,6 +222,7 @@ exports.useAutoFocusBlur = autofocusBlur.useAutoFocusBlur;
 exports.shareCommonAncestor = popover.shareCommonAncestor;
 exports.usePopoverVisible = popover.usePopoverVisible;
 exports.usePopoverzIndex = popover.usePopoverzIndex;
+exports.computedAsync = computedAsync.computedAsync;
 exports.OverlayContainer = overlayContainer.OverlayContainer;
 exports.OverlayPopoverContainer = overlayPopoverContainer.OverlayPopoverContainer;
 exports.routerCallback = routerCallback.routerCallback;

package/lib/locale/en/index.cjs

@@ -7,7 +7,8 @@ const en = {
       undefined: "undefined",
       onFoundCorrespondingPart: "Undefined adapter with no corresponding part found",
       noFoundViewModel: "View model not found",
-      noSupportLoadingDynamic: "{codeName}No entity, do not support loading dynamic models at this time"
+      noSupportLoadingDynamic: "{codeName}No entity, do not support loading dynamic models at this time",
+      invalidPointCoordinates: "Invalid point coordinates: ({x}, {y})"
     },
     control: {
       unsupportedPanel: "Unsupported panel items: {id} - {itemType}"

package/lib/locale/zh-CN/index.cjs

@@ -7,7 +7,8 @@ const zhCn = {
       undefined: "\u672A\u5B9A\u4E49",
       onFoundCorrespondingPart: "\u672A\u5B9A\u4E49\u672A\u627E\u5230\u5BF9\u5E94\u90E8\u4EF6\u7684\u9002\u914D\u5668",
       noFoundViewModel: "\u672A\u627E\u5230\u89C6\u56FE\u6A21\u578B",
-      noSupportLoadingDynamic: "{codeName}\u65E0\u5B9E\u4F53,\u6682\u4E0D\u652F\u6301\u52A0\u8F7D\u52A8\u6001\u6A21\u578B"
+      noSupportLoadingDynamic: "{codeName}\u65E0\u5B9E\u4F53,\u6682\u4E0D\u652F\u6301\u52A0\u8F7D\u52A8\u6001\u6A21\u578B",
+      invalidPointCoordinates: "\u70B9\u5750\u6807\u65E0\u6548: ({x}, {y})"
     },
     control: {
       unsupportedPanel: "\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: {id} - {itemType}"

package/lib/panel-component/panel-container/panel-container.cjs

@@ -44,7 +44,7 @@ const PanelContainer = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c;
     let _slot;
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     const content = vue.createVNode(vue.resolveComponent("iBizRow"), {
@@ -64,6 +64,34 @@ const PanelContainer = /* @__PURE__ */ vue.defineComponent({
     })) ? _slot : {
       default: () => [_slot]
     });
+    const attrs = (_c = this.$attrs) == null ? void 0 : _c.attrs;
+    if (attrs && attrs.dynamictooltip) {
+      const attributes = {
+        ...attrs.dynamictooltip
+      };
+      delete attributes.content;
+      return vue.createVNode(vue.resolveComponent("el-tooltip"), vue.mergeProps({
+        "placement": "right",
+        "popper-class": this.ns.e("dynamic-tooltip")
+      }, attributes), {
+        default: () => {
+          return vue.createVNode("div", vue.mergeProps({
+            "class": this.classArr,
+            "onClick": () => {
+              this.controller.onClick();
+            }
+          }, this.$attrs), [this.controller.model.cssStyle ? vue.createVNode("style", {
+            "type": "text/css"
+          }, [this.controller.model.cssStyle]) : null, content]);
+        },
+        content: () => {
+          return vue.createVNode("div", {
+            "class": this.ns.e("dynamic-tooltip-content"),
+            "innerHTML": attrs.dynamictooltip.content
+          }, null);
+        }
+      });
+    }
     return vue.createVNode("div", {
       "class": this.classArr,
       "onClick": () => {

package/lib/panel-component/panel-field/panel-field.controller.cjs

@@ -86,7 +86,7 @@ class PanelFieldController extends runtime.PanelItemController {
    */
   async validate() {
     var _a;
-    if (this.state.visible && !this.model.allowEmpty && !this.value) {
+    if (this.state.visible && this.state.required && !this.value) {
       this.state.error = ((_a = this.editor) == null ? void 0 : _a.model.placeHolder) || ibiz.i18n.t("vue3Util.panelComponent.cannotEmpty", {
         caption: this.model.caption
       });

package/lib/panel-component/teleport-placeholder/teleport-placeholder.state.cjs

@@ -7,7 +7,7 @@ class TeleportPlaceholderState extends runtime.PanelItemState {
   constructor() {
     super(...arguments);
     /**
-     * @description 可根据该参数从嵌入视图里找到占位面板成员用于渲染，通过自定义补充参数配置
+     * @description 嵌入视图中的部件可依据该参数找到传送占位面板项进行位置替换，参数默认格式为 “当前视图标识-需传送部件标识”；也可通过面板项参数（TeleportTag）来指定
      * @exposedoc
      * @type {string}
      * @memberof TeleportPlaceholderState

package/lib/plugin/plugin-factory/plugin-factory.cjs

@@ -36,12 +36,10 @@ class PluginFactory {
      */
     this.pluginCache = /* @__PURE__ */ new Map();
     /**
-     * 所有的插件
-     *
-     * @author chitanda
-     * @date 2023-02-02 16:02:55
+     * @description 所有的插件
      * @protected
-     * @type {Plugin[]}
+     * @type {{ code: Plugin; extraParams: IParams }[]}
+     * @memberof PluginFactory
      */
     this.pluginCodes = [];
     /**
@@ -118,7 +116,7 @@ class PluginFactory {
    */
   register(app) {
     this.pluginCodes.forEach((plugin) => {
-      app.use(plugin);
+      app.use(plugin.code, plugin.extraParams);
     });
   }
   /**
@@ -138,16 +136,15 @@ class PluginFactory {
     }
   }
   /**
-   * 插件刚加载完成回来，设置到目前所有的 vue 实例当中
-   *
-   * @author chitanda
-   * @date 2023-02-02 17:02:38
+   * @description 插件刚加载完成回来，设置到目前所有的 vue 实例当中
    * @protected
    * @param {Plugin} code
+   * @param {IParams} [extraParams={}]
+   * @memberof PluginFactory
    */
-  setPluginCode(code) {
-    this.pluginCodes.push(code);
-    app_hooks.AppHooks.useComponent.callSync(null, code);
+  setPluginCode(code, extraParams = {}) {
+    this.pluginCodes.push({ code, extraParams });
+    app_hooks.AppHooks.useComponent.callSync(null, code, extraParams);
   }
   /**
    * @description 加载插件
@@ -162,6 +159,7 @@ class PluginFactory {
       if (pluginRef) {
         const rtObjectName = pluginRef.rtobjectName;
         const rtObjectRepo = pluginRef.rtobjectRepo;
+        const pluginParams = pluginRef.pluginParams || {};
         if (this.isIgnore(rtObjectRepo)) {
           return true;
         }
@@ -181,7 +179,8 @@ class PluginFactory {
           const p = this.loadPluginRef(
             pluginRef.rtobjectName,
             pluginRef.rtobjectRepo,
-            appId
+            appId,
+            { ...pluginParams }
           );
           this.loadQueue.set(rtObjectRepo, p);
           const result = await p;
@@ -203,10 +202,11 @@ class PluginFactory {
    * @param {string} rtObjectName
    * @param {string} rtObjectRepo
    * @param {string} [appId=ibiz.env.appId]
+   * @param {IParams} [params={}]
    * @returns {*}  {Promise<boolean>}
    * @memberof PluginFactory
    */
-  async loadPluginRef(rtObjectName, rtObjectRepo, appId = ibiz.env.appId) {
+  async loadPluginRef(rtObjectName, rtObjectRepo, appId = ibiz.env.appId, extraParams = {}) {
     if (this.isIgnore(rtObjectRepo)) {
       return true;
     }
@@ -229,7 +229,7 @@ class PluginFactory {
       }
       configData = res.data;
     }
-    Object.assign(configData, { appId });
+    Object.assign(configData, { appId, extraParams });
     const remotePlugin = new runtime.RemotePluginItem(
       rtObjectName,
       rtObjectRepo,
@@ -258,7 +258,13 @@ class PluginFactory {
    */
   async loadScript(remotePlugin) {
     const pluginPath = remotePlugin.repo;
-    const { name, appId, system, styles = [] } = remotePlugin.config;
+    const {
+      name,
+      appId,
+      system,
+      styles = [],
+      extraParams = {}
+    } = remotePlugin.config;
     let scriptUrl = "";
     scriptUrl = index.pathBrowserify.join(pluginPath, system);
     if (scriptUrl) {
@@ -283,7 +289,7 @@ class PluginFactory {
       data = await System.import(name);
       if (data) {
         if (data.default) {
-          this.setPluginCode(data.default);
+          this.setPluginCode(data.default, extraParams);
         } else {
           throw new core.RuntimeError(
             ibiz.i18n.t("vue3Util.plugin.failedRemotePluginLoad")

package/lib/use/index.cjs

@@ -13,9 +13,11 @@ var codelistListen = require('./codeList-listen/codelist-listen.cjs');
 var index$1 = require('./storage/index.cjs');
 var autofocusBlur = require('./autofocus-blur/autofocus-blur.cjs');
 var popover = require('./popover/popover.cjs');
+require('./vue-use/index.cjs');
 var useControlController = require('./control/use-control-controller/use-control-controller.cjs');
 var useViewController = require('./view/use-view-controller/use-view-controller.cjs');
 var useViewOperation = require('./view/use-view-operation/use-view-operation.cjs');
+var computedAsync = require('./vue-use/computed-async.cjs');
 
 "use strict";
 
@@ -44,3 +46,4 @@ exports.usePopoverzIndex = popover.usePopoverzIndex;
 exports.useControlController = useControlController.useControlController;
 exports.useViewController = useViewController.useViewController;
 exports.useViewOperation = useViewOperation.useViewOperation;
+exports.computedAsync = computedAsync.computedAsync;

package/lib/use/storage/index.cjs

@@ -5,24 +5,29 @@ require('../../util/index.cjs');
 var route = require('../../util/route/route.cjs');
 
 "use strict";
-function useLocalCacheKey(context, type, routeDepth, splitter = "@") {
+function useLocalCacheKey(context, type, routeDepth, splitter = "@", noRouteTag = "") {
   const router = vueRouter.useRouter();
   return () => {
     if (!router) {
       return;
     }
     const userId = context.srfuserid;
-    const routePath = route.route2routePath(router.currentRoute.value);
     routeDepth = context.srfdefaulttoroutedepth || routeDepth;
-    if (userId && routeDepth && routePath.pathNodes[routeDepth - 2]) {
-      routePath.pathNodes = routePath.pathNodes.slice(0, routeDepth - 1);
-      routePath.pathNodes.forEach((pathNode) => {
-        if (pathNode.context) {
-          delete pathNode.context.srfnavctrlid;
-        }
-      });
-      const url = route.routePath2string(routePath);
-      return "".concat(type).concat(splitter).concat(userId).concat(splitter).concat(url);
+    if (routeDepth) {
+      const routePath = route.route2routePath(router.currentRoute.value);
+      if (userId && routePath.pathNodes[routeDepth - 2]) {
+        routePath.pathNodes = routePath.pathNodes.slice(0, routeDepth - 1);
+        routePath.pathNodes.forEach((pathNode) => {
+          if (pathNode.context) {
+            delete pathNode.context.srfnavctrlid;
+          }
+        });
+        const url = route.routePath2string(routePath);
+        return "".concat(type).concat(splitter).concat(userId).concat(splitter).concat(url);
+      }
+    }
+    if (noRouteTag) {
+      return "".concat(type).concat(splitter).concat(userId).concat(splitter).concat(noRouteTag);
     }
   };
 }

package/lib/use/vue-use/computed-async.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var vue = require('vue');
+
+"use strict";
+function computedAsync(evaluationCallback, initialState, optionsOrRef) {
+  let options;
+  if (vue.isRef(optionsOrRef)) {
+    options = {
+      evaluating: optionsOrRef
+    };
+  } else {
+    options = optionsOrRef || {};
+  }
+  const {
+    lazy = false,
+    flush = "pre",
+    evaluating = void 0,
+    shallow = true,
+    onError = core.NOOP
+  } = options;
+  const started = vue.shallowRef(!lazy);
+  const current = shallow ? vue.shallowRef(initialState) : vue.ref(initialState);
+  let counter = 0;
+  vue.watchEffect(
+    async (onInvalidate) => {
+      if (!started.value)
+        return;
+      counter++;
+      const counterAtBeginning = counter;
+      let hasFinished = false;
+      if (evaluating) {
+        Promise.resolve().then(() => {
+          evaluating.value = true;
+        });
+      }
+      try {
+        const result = await evaluationCallback((cancelCallback) => {
+          onInvalidate(() => {
+            if (evaluating)
+              evaluating.value = false;
+            if (!hasFinished)
+              cancelCallback();
+          });
+        });
+        if (counterAtBeginning === counter)
+          current.value = result;
+      } catch (e) {
+        onError(e);
+      } finally {
+        if (evaluating && counterAtBeginning === counter)
+          evaluating.value = false;
+        hasFinished = true;
+      }
+    },
+    { flush }
+  );
+  if (lazy) {
+    return vue.computed(() => {
+      started.value = true;
+      return current.value;
+    });
+  }
+  return current;
+}
+
+exports.computedAsync = computedAsync;

package/lib/use/vue-use/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var computedAsync = require('./computed-async.cjs');
+
+"use strict";
+
+exports.computedAsync = computedAsync.computedAsync;

package/lib/util/overlay-container/overlay-container.cjs

@@ -3,6 +3,7 @@
 var qxUtil = require('qx-util');
 var vue = require('vue');
 var core = require('@ibiz-template/core');
+var lodashEs = require('lodash-es');
 
 "use strict";
 class OverlayContainer {
@@ -44,13 +45,17 @@ class OverlayContainer {
     const self = this;
     const { render, opts } = this;
     const container = document.createElement("div");
-    document.body.appendChild(container);
+    let appendTo = document.body;
+    if (lodashEs.isElement(opts == null ? void 0 : opts.appendTo)) {
+      appendTo = opts == null ? void 0 : opts.appendTo;
+    }
+    appendTo.appendChild(container);
     const vm = OverlayContainer.createVueApp({
       mounted() {
         self.modal = this.$refs.root;
       },
       unmounted() {
-        document.body.removeChild(container);
+        appendTo.removeChild(container);
         self.evt.emit("dismiss", self.result);
       },
       render() {

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

@@ -4,10 +4,11 @@ var vue = require('vue');
 
 "use strict";
 function createOverlayView(props) {
-  return (modal) => {
+  return (modal, viewShellHooks) => {
     const viewShell = vue.resolveComponent("IBizViewShell");
     return vue.h(viewShell, {
       ...props,
+      viewShellHooks,
       modal
     });
   };

package/lib/util/render/render.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var ramda = require('ramda');
+var runtime = require('@ibiz-template/runtime');
 
 "use strict";
 function renderString(value) {
@@ -26,7 +27,9 @@ const hasEmptyPanelRenderer = (c) => {
   if (!controlRenders || controlRenders.length === 0) {
     return false;
   }
-  return !!controlRenders.find((item) => item.id === "emptypanel");
+  return !!controlRenders.find(
+    (item) => item.id === runtime.PredefinedControlRender.EMPTYPANEL
+  );
 };
 
 exports.hasEmptyPanelRenderer = hasEmptyPanelRenderer;

package/lib/util/route/route.cjs

@@ -38,7 +38,7 @@ function route2routePath(route, isRouteModal = false) {
         params = void 0;
       } else {
         if (params.srfnavctx) {
-          context = JSON.parse(decodeURIComponent(params.srfnavctx));
+          context = JSON.parse(params.srfnavctx);
           delete params.srfnavctx;
         }
         if (params.srfnav) {
@@ -119,8 +119,13 @@ function getOwnRouteContext(context) {
     }
     delete ownContext.attributekeys;
   }
+  let srfKeepNull = false;
+  if (Object.prototype.hasOwnProperty.call(ownContext, "srfkeepnull")) {
+    srfKeepNull = ownContext.srfkeepnull === true || ownContext.srfkeepnull === "true";
+    delete ownContext.srfkeepnull;
+  }
   Object.keys(ownContext).forEach((key) => {
-    if (excludeKeys.includes(key) || ramda.isNil(ownContext[key])) {
+    if (excludeKeys.includes(key) || !srfKeepNull && ramda.isNil(ownContext[key])) {
       delete ownContext[key];
     }
   });
@@ -176,6 +181,7 @@ async function calcResRoutePath(routePath, context, appDataEntityId, appId) {
   }
 }
 async function generateRoutePath(appView, route, context, params) {
+  var _a;
   const routePath = route2routePath(route);
   let depth = context.srfdefaulttoroutedepth || 2;
   if (context.toRouteDepth) {
@@ -188,6 +194,10 @@ async function generateRoutePath(appView, route, context, params) {
       };
     }
   }
+  let srfmenuitem = params == null ? void 0 : params.srfmenuitem;
+  if (!srfmenuitem && routePath.pathNodes.length > 1) {
+    srfmenuitem = (_a = routePath.pathNodes[1].params) == null ? void 0 : _a.srfmenuitem;
+  }
   routePath.pathNodes.splice(depth - 1, routePath.pathNodes.length - depth + 1);
   if (context.currentSrfNav) {
     const currentNode = routePath.pathNodes[routePath.pathNodes.length - 1];
@@ -221,6 +231,10 @@ async function generateRoutePath(appView, route, context, params) {
       delete routePath.pathNodes[0].context[deName];
     }
   }
+  if (srfmenuitem && routePath.pathNodes.length > 1) {
+    const tempParams = routePath.pathNodes[1].params || {};
+    routePath.pathNodes[1].params = { ...tempParams, srfmenuitem };
+  }
   return { path: routePath2string(routePath) };
 }
 async function generateRoutePathByModal(appView, route, context, params) {
@@ -321,7 +335,8 @@ function onRouteChange(callback, depth) {
     throw new core.RuntimeError(ibiz.i18n.t("vue3Util.util.routeCorrectly"));
   }
   vue.watch(
-    () => route == null ? void 0 : route.path,
+    // fix: odoo脚本触发路径query变更未触发路由变更事件
+    () => route == null ? void 0 : route.fullPath,
     () => {
       const currentKey = getNestedRoutePath(route, depth);
       callback({ currentKey, fullPath: route.fullPath });

package/lib/view/common/index.cjs

@@ -5,6 +5,7 @@ require('../../util/index.cjs');
 var view_provider = require('./view.provider.cjs');
 var view = require('./view.cjs');
 var appDataUploadView_provider = require('../app-data-upload-view/app-data-upload-view.provider.cjs');
+var mdCustomView_provider = require('../md-custom-view/md-custom-view.provider.cjs');
 var install = require('../../util/install.cjs');
 
 "use strict";
@@ -15,6 +16,7 @@ const IBizView = install.withInstall(view.View, function(v) {
     "APPDATAUPLOADVIEW",
     () => new appDataUploadView_provider.AppDataUploadViewProvider()
   );
+  runtime.registerViewProvider("DEMDCUSTOMVIEW", () => new mdCustomView_provider.MDCustomViewProvider());
 });
 
 exports.IBizView = IBizView;

package/lib/view/common/view.cjs

@@ -129,6 +129,19 @@ const View = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.h(comp, ctrlProps);
     };
+    let watermarkDestroy;
+    vue.onMounted(() => {
+      vue.nextTick(async () => {
+        const container = document.getElementById(c.id);
+        const appView = await ibiz.hub.config.view.get(c.model.id);
+        if (!container || !(appView == null ? void 0 : appView.waterMarkOption))
+          return;
+        watermarkDestroy = ibiz.util.watermark.mount(appView.waterMarkOption, container, c.context, c.params, c.state.srfactiveviewdata || {});
+      });
+    });
+    vue.onBeforeUnmount(() => {
+      watermarkDestroy == null ? void 0 : watermarkDestroy();
+    });
     return {
       c,
       ns,

package/lib/view/md-custom-view/md-custom-view.provider.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class MDCustomViewProvider {
+  constructor() {
+    this.component = "IBizView";
+  }
+  createController(model, context, params, ctx) {
+    return new runtime.MDCustomViewController(model, context, params, ctx);
+  }
+}
+
+exports.MDCustomViewProvider = MDCustomViewProvider;