@ibiz-template/vue3-util 0.7.41-alpha.3 → 0.7.41-alpha.31

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

@@ -82,9 +82,7 @@ const PanelField = /* @__PURE__ */ vue.defineComponent({
     }
     return vue.createVNode("div", {
       "class": this.classArr,
-      "onClick": () => {
-        this.controller.onClick();
-      }
+      "onClick": (event) => this.controller.onClick(event)
     }, [editor, this.controller.state.error && vue.createVNode("div", {
       "class": this.ns.e("error")
     }, [this.controller.state.error])]);

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/panel-item-render/panel-item-render.cjs

@@ -47,7 +47,8 @@ const PanelItemRender = /* @__PURE__ */ vue.defineComponent({
   render() {
     return vue.createVNode("div", {
       "class": this.classArr,
-      "innerHTML": this.htmlCode
+      "innerHTML": this.htmlCode,
+      "onClick": (event) => this.controller.onClick(event)
     }, null);
   }
 });

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

@@ -79,15 +79,12 @@ const PanelRawItem = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    if (!this.controller.state.visible) {
+    if (!this.controller.state.visible)
       return;
-    }
     return vue.createVNode("div", {
       "class": this.classArr,
       "style": this.tempStyle,
-      "onClick": (event) => {
-        this.controller.onClick(event);
-      }
+      "onClick": (event) => this.controller.onClick(event)
     }, [vue.createVNode(vue.resolveComponent("iBizRawItem"), {
       "rawItem": this.modelData,
       "content": this.content

package/lib/panel-component/panel-tab-page/panel-tab-page.cjs

@@ -24,7 +24,7 @@ const PanelTabPage = /* @__PURE__ */ vue.defineComponent({
      * @description 面板分页控制器
      */
     controller: {
-      type: runtime.PanelItemController,
+      type: runtime.PanelContainerController,
       required: true
     }
   },
@@ -47,7 +47,7 @@ const PanelTabPage = /* @__PURE__ */ vue.defineComponent({
     var _a, _b;
     let _slot;
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
-    return vue.createVNode(vue.resolveComponent("iBizRow"), {
+    return vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizRow"), {
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.classArr],
       "layout": this.modelData.layout
     }, _isSlot(_slot = defaultSlots.map((slot) => {
@@ -64,7 +64,7 @@ const PanelTabPage = /* @__PURE__ */ vue.defineComponent({
       });
     })) ? _slot : {
       default: () => [_slot]
-    });
+    }), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
   }
 });
 

package/lib/panel-component/panel-tab-page/panel-tab-page.provider.cjs

@@ -8,7 +8,7 @@ class PanelTabPageProvider {
     this.component = "IBizPanelTabPage";
   }
   async createController(panelItem, panel, parent) {
-    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    const c = new runtime.PanelContainerController(panelItem, panel, parent);
     await c.init();
     return c;
   }

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

@@ -97,7 +97,7 @@ const ScrollContainer = /* @__PURE__ */ vue.defineComponent({
         slotStylle[key].flexShrink = 0;
       }
     }
-    return vue.createVNode("div", {
+    return vue.withDirectives(vue.createVNode("div", {
       "class": this.classArr
     }, [vue.createVNode("div", {
       "class": [this.ns.e("header")],
@@ -115,7 +115,7 @@ const ScrollContainer = /* @__PURE__ */ vue.defineComponent({
     }, [right])]), vue.createVNode("div", {
       "class": [this.ns.e("footer")],
       "style": slotStylle.bottom
-    }, [bottom])]);
+    }, [bottom])]), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
   }
 });
 

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

@@ -3,7 +3,7 @@
 var runtime = require('@ibiz-template/runtime');
 
 "use strict";
-class ScrollContainerController extends runtime.PanelItemController {
+class ScrollContainerController extends runtime.PanelContainerController {
   async onInit() {
     await super.onInit();
     this.state.layout.width = "100%";

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

@@ -46,7 +46,7 @@ const ScrollContainerItem = /* @__PURE__ */ vue.defineComponent({
     var _a, _b;
     let _slot;
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
-    return vue.createVNode(vue.resolveComponent("iBizRow"), {
+    return vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizRow"), {
       "class": this.classArr,
       "layout": {
         layout: "FLEX"
@@ -65,7 +65,7 @@ const ScrollContainerItem = /* @__PURE__ */ vue.defineComponent({
       });
     })) ? _slot : {
       default: () => [_slot]
-    });
+    }), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
   }
 });
 

package/lib/panel-component/scroll-container/scroll-container-item/scroll-container-item.controller.cjs

@@ -3,7 +3,7 @@
 var runtime = require('@ibiz-template/runtime');
 
 "use strict";
-class ScrollContainerItemController extends runtime.PanelItemController {
+class ScrollContainerItemController extends runtime.PanelContainerController {
 }
 
 exports.ScrollContainerItemController = ScrollContainerItemController;

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

@@ -76,9 +76,9 @@ const SingleDataContainer = /* @__PURE__ */ vue.defineComponent({
         }
       });
     }
-    return vue.createVNode("div", {
+    return vue.withDirectives(vue.createVNode("div", {
       "class": this.classArr
-    }, [content]);
+    }, [content]), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
   }
 });
 

package/lib/panel-component/single-data-container/single-data-container.controller.cjs

@@ -5,7 +5,7 @@ var runtime = require('@ibiz-template/runtime');
 var singleDataContainer_state = require('./single-data-container.state.cjs');
 
 "use strict";
-class SingleDataContainerController extends runtime.PanelItemController {
+class SingleDataContainerController extends runtime.PanelContainerController {
   constructor() {
     super(...arguments);
     /**

package/lib/panel-component/single-data-container/single-data-container.state.cjs

@@ -3,7 +3,7 @@
 var runtime = require('@ibiz-template/runtime');
 
 "use strict";
-class SingleDataContainerState extends runtime.PanelItemState {
+class SingleDataContainerState extends runtime.PanelContainerState {
   constructor() {
     super(...arguments);
     /**

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";
 
@@ -39,8 +41,10 @@ exports.useCodeListListen = codelistListen.useCodeListListen;
 exports.useLocalCacheKey = index$1.useLocalCacheKey;
 exports.useAutoFocusBlur = autofocusBlur.useAutoFocusBlur;
 exports.shareCommonAncestor = popover.shareCommonAncestor;
+exports.useControlPopoverzIndex = popover.useControlPopoverzIndex;
 exports.usePopoverVisible = popover.usePopoverVisible;
 exports.usePopoverzIndex = popover.usePopoverzIndex;
 exports.useControlController = useControlController.useControlController;
 exports.useViewController = useViewController.useViewController;
 exports.useViewOperation = useViewOperation.useViewOperation;
+exports.computedAsync = computedAsync.computedAsync;

package/lib/use/popover/popover.cjs

@@ -7,6 +7,13 @@ require('../../util/index.cjs');
 var uiStore = require('../../util/store/ui-store/ui-store.cjs');
 
 "use strict";
+function useControlPopoverzIndex(controller) {
+  const { zIndex } = uiStore.useUIStore();
+  controller.state.zIndex = zIndex.increment();
+  vue.onUnmounted(() => {
+    zIndex.decrement();
+  });
+}
 function usePopoverzIndex() {
   const popoverid = "popover_".concat(qxUtil.createUUID());
   const setPopoverZIndex = (zIndexClass) => {
@@ -92,5 +99,6 @@ function usePopoverVisible(triggerRef, getElement) {
 }
 
 exports.shareCommonAncestor = shareCommonAncestor;
+exports.useControlPopoverzIndex = useControlPopoverzIndex;
 exports.usePopoverVisible = usePopoverVisible;
 exports.usePopoverzIndex = usePopoverzIndex;

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) {
@@ -310,7 +324,7 @@ function getNestedRoutePath(route, depth, noSrfNav = true) {
   if (noSrfNav) {
     delete pathNode.srfnav;
   }
-  if (pathNode.context) {
+  if (!ibiz.env.isMob && pathNode.context) {
     delete pathNode.context.srfnavctrlid;
   }
   return routePath2string(routePath);
@@ -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,