@ibiz-template/vue3-util 0.7.41-alpha.4 → 0.7.41-alpha.40

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

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

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

@@ -87,15 +87,13 @@ const PanelContainerImage = /* @__PURE__ */ vue.defineComponent({
     })) ? _slot : {
       default: () => [_slot]
     });
-    return vue.createVNode("div", {
+    return vue.withDirectives(vue.createVNode("div", {
       "class": this.classArr,
-      "onClick": () => {
-        this.controller.onClick();
-      },
+      "onClick": (event) => this.controller.onClick(event),
       "style": this.backgroundStyle
     }, [this.controller.model.cssStyle ? vue.createVNode("style", {
       "type": "text/css"
-    }, [this.controller.model.cssStyle]) : null, content]);
+    }, [this.controller.model.cssStyle]) : null, content]), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
   }
 });
 

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

@@ -4,7 +4,7 @@ var runtime = require('@ibiz-template/runtime');
 var panelContainerImage_state = require('./panel-container-image.state.cjs');
 
 "use strict";
-class PanelContainerImageController extends runtime.PanelItemController {
+class PanelContainerImageController extends runtime.PanelContainerController {
   createState() {
     var _a;
     return new panelContainerImage_state.PanelContainerImageState((_a = this.parent) == null ? void 0 : _a.state);

package/lib/panel-component/panel-container-image/panel-container-image.css

@@ -1 +1 @@
-.ibiz-panel-container-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center}.ibiz-panel-container-image>.ibiz-row{height:100%;overflow-x:hidden;overflow-y:auto}.ibiz-panel-container-image.is-hidden{display:none}
+.ibiz-panel-container-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center}.ibiz-panel-container-image>.ibiz-row{height:100%;overflow:hidden auto}.ibiz-panel-container-image.is-hidden{display:none}

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

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

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

@@ -1,9 +1,9 @@
 'use strict';
 
+var runtime = require('@ibiz-template/runtime');
 var vue = require('vue');
 require('../../use/index.cjs');
 require('./panel-container-tabs.css');
-var panelContainer_controller = require('../panel-container/panel-container.controller.cjs');
 var namespace = require('../../use/namespace/namespace.cjs');
 
 "use strict";
@@ -21,7 +21,7 @@ const PanelContainerTabs = /* @__PURE__ */ vue.defineComponent({
      * @description 分页容器控制器
      */
     controller: {
-      type: panelContainer_controller.PanelContainerController,
+      type: runtime.PanelContainerController,
       required: true
     }
   },

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var panelContainer_controller = require('../panel-container/panel-container.controller.cjs');
+var runtime = require('@ibiz-template/runtime');
 
 "use strict";
 class PanelContainerTabsProvider {
@@ -8,7 +8,7 @@ class PanelContainerTabsProvider {
     this.component = "IBizPanelContainerTabs";
   }
   async createController(panelItem, panel, parent) {
-    const c = new panelContainer_controller.PanelContainerController(panelItem, panel, parent);
+    const c = new runtime.PanelContainerController(panelItem, panel, parent);
     await c.init();
     return c;
   }

package/lib/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 require('../../use/index.cjs');
+require('./panel-ctrl-view-page-caption.css');
 var namespace = require('../../use/namespace/namespace.cjs');
 
 "use strict";
@@ -29,7 +30,7 @@ const PanelCtrlViewPageCaption = /* @__PURE__ */ vue.defineComponent({
       const {
         id
       } = props.modelData;
-      const result = [ns.b(), ns.m(id)];
+      const result = [ns.b(), ns.m(id), ns.is("mob", ibiz.env.isMob)];
       result.push(...props.controller.containerClass);
       return result;
     });
@@ -47,9 +48,7 @@ const PanelCtrlViewPageCaption = /* @__PURE__ */ vue.defineComponent({
     }
     return vue.createVNode("div", {
       "class": this.classArr,
-      "onClick": () => {
-        this.controller.onClick();
-      }
+      "onClick": (event) => this.controller.onClick(event)
     }, [editor]);
   }
 });

package/lib/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.css

@@ -0,0 +1 @@
+.ibiz-panel-ctrl-view-page-caption.is-mob .ibiz-panel-ctrl-view-page-caption-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-view-page-caption-font-size);font-weight:var(--ibiz-view-page-caption-font-weight);line-height:var(--ibiz-view-page-caption-line-height);color:var(--ibiz-view-page-caption-color);text-align:var(--ibiz-view-page-caption-text-align)}

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

@@ -38,7 +38,7 @@ const PanelField = /* @__PURE__ */ vue.defineComponent({
       const {
         id
       } = props.modelData;
-      const result = [ns.b(), ns.m(id), ns.is("error", !!props.controller.state.error)];
+      const result = [ns.b(), ns.m(id), ns.is("error", !!props.controller.state.error), ns.is("mob", ibiz.env.isMob)];
       result.push(...props.controller.containerClass);
       return result;
     });
@@ -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

@@ -4,7 +4,7 @@ var runtime = require('@ibiz-template/runtime');
 var panelField_state = require('./panel-field.state.cjs');
 
 "use strict";
-class PanelFieldController extends runtime.PanelItemController {
+const _PanelFieldController = class _PanelFieldController extends runtime.PanelItemController {
   constructor() {
     super(...arguments);
     /**
@@ -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
       });
@@ -174,6 +174,37 @@ class PanelFieldController extends runtime.PanelItemController {
       event
     });
   }
-}
+  /**
+   * @description 点击事件
+   * @param {MouseEvent} [event]
+   * @memberof PanelFieldController
+   */
+  onClick(event) {
+    var _a;
+    if (ibiz.env.isMob) {
+      const disableEdit = this.state.readonly || this.state.disabled;
+      if (!disableEdit && ((_a = this.editor) == null ? void 0 : _a.model.editorType) && !_PanelFieldController.enableClickType.includes(
+        this.editor.model.editorType
+      )) {
+        event == null ? void 0 : event.stopPropagation();
+      }
+    }
+    super.onClick(event);
+  }
+};
+/**
+ * @description 可冒泡点击事件的编辑器类型
+ * @static
+ * @memberof PanelFieldController
+ */
+_PanelFieldController.enableClickType = [
+  "SPAN",
+  "SPAN_LINK",
+  "RAW",
+  "MOB2DBARCODEREADER",
+  "FIELD_CAROUSEL_PICTURE",
+  "FIELD_IMAGE_PICTURE_ONE"
+];
+let PanelFieldController = _PanelFieldController;
 
 exports.PanelFieldController = PanelFieldController;

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

@@ -1 +1 @@
-.ibiz-panel-field{--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);width:100%;height:100%;position:relative}.ibiz-panel-field__error{left:0;top:100%;line-height:1;font-size:var(--ibiz-font-size-small);padding-top:var(--ibiz-spacing-super-tight);position:absolute;color:var(--ibiz-color-danger)}.ibiz-panel-field.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-color-danger) inset}.ibiz-panel-field .ibiz-panel-field-content{line-height:inherit}
+.ibiz-panel-field{--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-panel-field-icon-margin:6px;--ibiz-panel-field-error-font-size:var(--ibiz-font-size-small);--ibiz-panel-field-error-padding-top:var(--ibiz-spacing-super-tight);--ibiz-panel-field-error-color:var(--ibiz-color-danger);width:100%;height:100%;position:relative}.ibiz-panel-field__error{left:0;top:100%;line-height:1;font-size:var(--ibiz-panel-field-error-font-size);padding-top:var(--ibiz-panel-field-error-padding-top);position:absolute;color:var(--ibiz-panel-field-error-color)}.ibiz-panel-field.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-panel-field-error-color) inset}.ibiz-panel-field .ibiz-panel-field-content{line-height:inherit}.ibiz-panel-field.is-mob .ibiz-panel-field-content{line-height:var(--ibiz-editor-default-line-height)}

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";
 
@@ -31,6 +33,7 @@ exports.EmptyVNode = vue.EmptyVNode;
 exports.getOrigin = vue.getOrigin;
 exports.isEmptyVNode = vue.isEmptyVNode;
 exports.useController = vue.useController;
+exports.useFilterAttribute = vue.useFilterAttribute;
 exports.useForce = vue.useForce;
 exports.useForceTogether = vue.useForceTogether;
 exports.useProps = vue.useProps;
@@ -39,8 +42,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/vue.cjs

@@ -53,11 +53,25 @@ function isEmptyVNode(nodes) {
   }
   return nodes.length === 1 && nodes[0] === EmptyVNode;
 }
+function useFilterAttribute(attrs, filter, filterKeys = ["class", "style"]) {
+  const result = {};
+  Object.keys(attrs).forEach((key) => {
+    if (filter) {
+      if (filter(key)) {
+        result[key] = attrs[key];
+      }
+    } else if (!filterKeys.includes(key)) {
+      result[key] = attrs[key];
+    }
+  });
+  return result;
+}
 
 exports.EmptyVNode = EmptyVNode;
 exports.getOrigin = getOrigin;
 exports.isEmptyVNode = isEmptyVNode;
 exports.useController = useController;
+exports.useFilterAttribute = useFilterAttribute;
 exports.useForce = useForce;
 exports.useForceTogether = useForceTogether;
 exports.useProps = useProps;