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

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, {
@@ -56,34 +59,43 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
     const checkViewAuthority = async (viewModel2) => {
       let checkResult = true;
       const {
-        accUserMode,
         accessKey
       } = viewModel2;
+      let {
+        accUserMode
+      } = viewModel2;
       const authInfo = ibiz.auth.getAuthInfo();
-      if (accUserMode !== void 0) {
-        switch (accUserMode) {
-          case 1:
-            if (authInfo) {
-              checkResult = false;
-            }
-            break;
-          case 2:
-            if (!authInfo) {
-              checkResult = false;
-            }
-            break;
-          case 4:
+      if (ramda.isNil(accUserMode) || accUserMode === 0) {
+        accUserMode = ibiz.config.view.viewAccUserMode;
+      }
+      switch (accUserMode) {
+        case 1:
+          if (authInfo && !authInfo.isAnonymous) {
+            checkResult = false;
+          }
+          break;
+        case 2:
+          if (!authInfo || authInfo && authInfo.isAnonymous) {
+            checkResult = false;
+          }
+          break;
+        case 4:
+          if (authInfo && !authInfo.isAnonymous) {
             if (accessKey) {
               const app = await ibiz.hub.getApp(context.value.srfappid);
               const permitted = app.authority.calcByResCode(accessKey);
               if (!permitted) {
                 checkResult = false;
               }
+            } else {
+              checkResult = false;
             }
-            break;
-          default:
-            break;
-        }
+          } else {
+            checkResult = false;
+          }
+          break;
+        default:
+          break;
       }
       return checkResult;
     };
@@ -133,7 +145,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);
@@ -150,7 +162,7 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
                 if (srfwftag) {
                   loadModelParams.srfwftag = srfwftag;
                 }
-                if (["DEWFDYNAEDITVIEW3", "DEWFDYNAEDITVIEW"].includes(viewModel.viewType)) {
+                if (["DEWFDYNAEDITVIEW3", "DEWFDYNAEDITVIEW", "DEMOBWFDYNAEDITVIEW3", "DEMOBWFDYNAEDITVIEW"].includes(viewModel.viewType)) {
                   if (ramda.isNil(params.value.processDefinitionKey)) {
                     params.value.processDefinitionKey = processdefinitionkey;
                   }
@@ -198,6 +210,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 +222,11 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
         });
       }
     };
+    const onCreated = (event) => {
+      if (props.viewShellHooks) {
+        props.viewShellHooks.hooks.viewCreated.call(event);
+      }
+    };
     return {
       ns,
       errMsg,
@@ -217,6 +235,7 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
       hasAuthority,
       viewModelData,
       redrawView,
+      onCreated,
       curContext: context,
       curParams: params
     };
@@ -229,7 +248,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,8 +21,8 @@ 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 panelContainer_state = require('./panel-component/panel-container/panel-container.state.cjs');
-var panelContainer_controller = require('./panel-component/panel-container/panel-container.controller.cjs');
+var signaturePad = require('./common/signature-pad/signature-pad.cjs');
+var runtime = require('@ibiz-template/runtime');
 var index = require('./panel-component/panel-container/index.cjs');
 var panelCtrlPos_controller = require('./panel-component/panel-ctrl-pos/panel-ctrl-pos.controller.cjs');
 var index$1 = require('./panel-component/panel-ctrl-pos/index.cjs');
@@ -86,13 +86,13 @@ 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');
 var route$1 = require('./util/route/route.cjs');
 var routeListener = require('./util/route/route-listener.cjs');
 var install = require('./util/install.cjs');
-var prepareControl = require('./util/control/prepare-control.cjs');
 var render = require('./util/render/render.cjs');
 var overlayViewUtil = require('./util/overlay-view-util/overlay-view-util.cjs');
 var appStore = require('./util/store/app-store/app-store.cjs');
@@ -143,8 +143,15 @@ exports.IBizCodeList = codeList.IBizCodeList;
 exports.ControlLoadingPlaceholder = controlLoadingPlaceholder.ControlLoadingPlaceholder;
 exports.IBizBadge = badge.IBizBadge;
 exports.IBizCustomRender = customRender.IBizCustomRender;
-exports.PanelContainerState = panelContainer_state.PanelContainerState;
-exports.PanelContainerController = panelContainer_controller.PanelContainerController;
+exports.IBizSignaturePad = signaturePad.IBizSignaturePad;
+Object.defineProperty(exports, "PanelContainerController", {
+  enumerable: true,
+  get: function () { return runtime.PanelContainerController; }
+});
+Object.defineProperty(exports, "PanelContainerState", {
+  enumerable: true,
+  get: function () { return runtime.PanelContainerState; }
+});
 exports.IBizPanelContainer = index.IBizPanelContainer;
 exports.PanelCtrlPosController = panelCtrlPos_controller.PanelCtrlPosController;
 exports.IBizPanelCtrlPos = index$1.IBizPanelCtrlPos;
@@ -209,6 +216,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;
@@ -217,8 +225,10 @@ exports.useCodeListListen = codelistListen.useCodeListListen;
 exports.useLocalCacheKey = index$p.useLocalCacheKey;
 exports.useAutoFocusBlur = autofocusBlur.useAutoFocusBlur;
 exports.shareCommonAncestor = popover.shareCommonAncestor;
+exports.useControlPopoverzIndex = popover.useControlPopoverzIndex;
 exports.usePopoverVisible = popover.usePopoverVisible;
 exports.usePopoverzIndex = popover.usePopoverzIndex;
+exports.computedAsync = computedAsync.computedAsync;
 exports.OverlayContainer = overlayContainer.OverlayContainer;
 exports.OverlayPopoverContainer = overlayPopoverContainer.OverlayPopoverContainer;
 exports.routerCallback = routerCallback.routerCallback;
@@ -234,7 +244,6 @@ exports.route2routePath = route$1.route2routePath;
 exports.routePath2string = route$1.routePath2string;
 exports.RouteListener = routeListener.RouteListener;
 exports.withInstall = install.withInstall;
-exports.prepareControl = prepareControl.prepareControl;
 exports.hasEmptyPanelRenderer = render.hasEmptyPanelRenderer;
 exports.renderString = render.renderString;
 exports.createOverlayView = overlayViewUtil.createOverlayView;

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/auth-wxmp-qrcode/auth-wxmp-qrcode.css

@@ -1 +1 @@
-.ibiz-auth-wxmp-qrcode{width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-font-size-small);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-color-primary);background-color:rgba(255,255,255,.9)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-font-size-header-1);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-color-primary-hover)}
+.ibiz-auth-wxmp-qrcode{--ibiz-auth-wxmp-qrcode-caption-font-size:var(--ibiz-font-size-small);--ibiz-auth-wxmp-qrcode-mask-color:var(--ibiz-color-primary);--ibiz-auth-wxmp-qrcode-mask-icon-font-size:var(--ibiz-font-size-header-1);--ibiz-auth-wxmp-qrcode-mask-icon-hover-color:var(--ibiz-color-primary-hover);width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-auth-wxmp-qrcode-caption-font-size);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-auth-wxmp-qrcode-mask-color);background-color:rgba(255,255,255,.9)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-auth-wxmp-qrcode-mask-icon-font-size);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-auth-wxmp-qrcode-mask-icon-hover-color)}

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

@@ -91,7 +91,7 @@ const GridContainer = /* @__PURE__ */ vue.defineComponent({
       this.adaptCols = adaptCols;
       this.adaptGrow = adaptGrow;
     }
-    return vue.createVNode(vue.resolveComponent("iBizRow"), {
+    return vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizRow"), {
       "class": this.classArr,
       "layout": this.layoutModel
     }, _isSlot(_slot = defaultSlots.map((slot) => {
@@ -107,7 +107,7 @@ const GridContainer = /* @__PURE__ */ vue.defineComponent({
       });
     })) ? _slot : {
       default: () => [_slot]
-    });
+    }), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
   }
 });
 

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

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

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

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

package/lib/panel-component/index.cjs

@@ -18,8 +18,7 @@ var index$e = require('./teleport-placeholder/index.cjs');
 var index$f = require('./panel-container-tabs/index.cjs');
 var index$g = require('./panel-ctrl-view-page-caption/index.cjs');
 var index$h = require('./auth-wxmp-qrcode/index.cjs');
-var panelContainer_state = require('./panel-container/panel-container.state.cjs');
-var panelContainer_controller = require('./panel-container/panel-container.controller.cjs');
+var runtime = require('@ibiz-template/runtime');
 var panelCtrlPos_controller = require('./panel-ctrl-pos/panel-ctrl-pos.controller.cjs');
 var scrollContainer_controller = require('./scroll-container/scroll-container/scroll-container.controller.cjs');
 var scrollContainer = require('./scroll-container/scroll-container/scroll-container.cjs');
@@ -63,8 +62,14 @@ exports.IBizTeleportPlaceholder = index$e.IBizTeleportPlaceholder;
 exports.IBizPanelContainerTabs = index$f.IBizPanelContainerTabs;
 exports.IBizPanelCtrlViewPageCaption = index$g.IBizPanelCtrlViewPageCaption;
 exports.IBizAuthWxmpQrcode = index$h.IBizAuthWxmpQrcode;
-exports.PanelContainerState = panelContainer_state.PanelContainerState;
-exports.PanelContainerController = panelContainer_controller.PanelContainerController;
+Object.defineProperty(exports, "PanelContainerController", {
+	enumerable: true,
+	get: function () { return runtime.PanelContainerController; }
+});
+Object.defineProperty(exports, "PanelContainerState", {
+	enumerable: true,
+	get: function () { return runtime.PanelContainerState; }
+});
 exports.PanelCtrlPosController = panelCtrlPos_controller.PanelCtrlPosController;
 exports.ScrollContainerController = scrollContainer_controller.ScrollContainerController;
 exports.ScrollContainer = scrollContainer.ScrollContainer;

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

@@ -86,9 +86,9 @@ const MultiDataContainer = /* @__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/multi-data-container/multi-data-container.controller.cjs

@@ -6,7 +6,7 @@ var multiDataContainerItem_controller = require('./multi-data-container-item.con
 var multiDataContainer_state = require('./multi-data-container.state.cjs');
 
 "use strict";
-class MultiDataContainerController extends runtime.PanelItemController {
+class MultiDataContainerController extends runtime.PanelContainerController {
   constructor() {
     super(...arguments);
     /**
@@ -100,16 +100,23 @@ class MultiDataContainerController extends runtime.PanelItemController {
    * @return {*}  {IData}
    */
   computeNavParams() {
+    const parentData = this.dataParent.data || {};
     const { navigateContexts, navigateParams } = this.model;
     const context = this.panel.context.clone();
     Object.assign(
       context,
-      runtime.convertNavData(navigateContexts, this.panel.params, this.panel.context)
+      runtime.convertNavData(
+        navigateContexts,
+        parentData,
+        this.panel.context,
+        this.panel.params
+      )
     );
     const params = runtime.convertNavData(
       navigateParams,
-      this.panel.params,
-      this.panel.context
+      parentData,
+      this.panel.context,
+      this.panel.params
     );
     Object.assign(params, this.panel.params);
     return { context, params };

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

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

package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.cjs

@@ -81,9 +81,9 @@ const MultiDataContainerRaw = /* @__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/multi-data-container-raw/multi-data-container-raw.controller.cjs

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

package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.state.cjs

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

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

@@ -6,8 +6,6 @@ var runtime = require('@ibiz-template/runtime');
 require('../../util/index.cjs');
 var panelContainer = require('./panel-container.cjs');
 var panelContainer_provider = require('./panel-container.provider.cjs');
-var panelContainer_state = require('./panel-container.state.cjs');
-var panelContainer_controller = require('./panel-container.controller.cjs');
 var install = require('../../util/install.cjs');
 
 "use strict";
@@ -23,7 +21,13 @@ const IBizPanelContainer = install.withInstall(
   }
 );
 
-exports.PanelContainerState = panelContainer_state.PanelContainerState;
-exports.PanelContainerController = panelContainer_controller.PanelContainerController;
+Object.defineProperty(exports, "PanelContainerController", {
+  enumerable: true,
+  get: function () { return runtime.PanelContainerController; }
+});
+Object.defineProperty(exports, "PanelContainerState", {
+  enumerable: true,
+  get: function () { return runtime.PanelContainerState; }
+});
 exports.IBizPanelContainer = IBizPanelContainer;
 exports.default = IBizPanelContainer;

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

@@ -1,8 +1,8 @@
 'use strict';
 
 var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
 require('../../use/index.cjs');
-var panelContainer_controller = require('./panel-container.controller.cjs');
 require('./panel-container.css');
 var namespace = require('../../use/namespace/namespace.cjs');
 
@@ -24,7 +24,7 @@ const PanelContainer = /* @__PURE__ */ vue.defineComponent({
      * @description 面板容器控制器
      */
     controller: {
-      type: panelContainer_controller.PanelContainerController,
+      type: runtime.PanelContainerController,
       required: true
     }
   },
@@ -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,14 +64,40 @@ const PanelContainer = /* @__PURE__ */ vue.defineComponent({
     })) ? _slot : {
       default: () => [_slot]
     });
-    return vue.createVNode("div", {
+    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.withDirectives(vue.createVNode("div", {
       "class": this.classArr,
-      "onClick": () => {
-        this.controller.onClick();
-      }
+      "onClick": (event) => this.controller.onClick(event)
     }, [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/panel-container.provider.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var panelContainer_controller = require('./panel-container.controller.cjs');
+var runtime = require('@ibiz-template/runtime');
 
 "use strict";
 class PanelContainerProvider {
@@ -8,7 +8,7 @@ class PanelContainerProvider {
     this.component = "IBizPanelContainer";
   }
   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-container-group/panel-container-group.cjs

@@ -2,11 +2,11 @@
 
 var vue = require('vue');
 var panelContainerGroup_controller = require('./panel-container-group.controller.cjs');
-require('./panel-container-group.css');
 require('../../use/index.cjs');
 require('../../common/index.cjs');
-var namespace = require('../../use/namespace/namespace.cjs');
+require('./panel-container-group.css');
 var icon = require('../../common/icon/icon.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -56,14 +56,14 @@ const PanelContainerGroup = /* @__PURE__ */ vue.defineComponent({
     return {
       ns,
       captionText,
-      changeCollapse,
-      isCollapse
+      isCollapse,
+      changeCollapse
     };
   },
   render() {
     var _a, _b;
     let _slot;
-    const classArr = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !this.controller.state.visible)];
+    const classArr = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !this.controller.state.visible), this.ns.is("mob", ibiz.env.isMob)];
     if (this.modelData.showCaption === true) {
       classArr.push(this.ns.m("show-header"));
       classArr.push(this.ns.b("collapse"));
@@ -93,7 +93,7 @@ const PanelContainerGroup = /* @__PURE__ */ vue.defineComponent({
     let header = null;
     if (this.modelData.showCaption) {
       header = vue.createVNode("div", {
-        "class": [this.ns.b("header")],
+        "class": [this.ns.b("header"), this.ns.is("is-mob", ibiz.env.isMob)],
         "onClick": this.changeCollapse
       }, [vue.createVNode("div", {
         "class": [this.ns.be("header", "left")]
@@ -102,7 +102,9 @@ const PanelContainerGroup = /* @__PURE__ */ vue.defineComponent({
       }, [this.modelData.sysImage && vue.createVNode(icon.IBizIcon, {
         "class": this.ns.em("caption", "icon"),
         "icon": this.modelData.sysImage
-      }, null), this.captionText])]), vue.createVNode("div", {
+      }, null), this.captionText, this.modelData.counterId && vue.createVNode("span", {
+        "class": this.ns.e("counter")
+      }, [vue.createTextVNode("("), this.controller.state.counterData[this.modelData.counterId], vue.createTextVNode(")")])])]), vue.createVNode("div", {
         "class": [this.ns.be("header", "right")]
       }, [this.modelData.titleBarCloseMode !== void 0 && this.modelData.titleBarCloseMode !== 0 && (this.isCollapse ? vue.createVNode("ion-icon", {
         "name": "caret-forward-sharp"
@@ -110,11 +112,11 @@ const PanelContainerGroup = /* @__PURE__ */ vue.defineComponent({
         "name": "caret-down-sharp"
       }, null))])]);
     }
-    return vue.createVNode("div", {
+    return vue.withDirectives(vue.createVNode("div", {
       "class": classArr
     }, [header, vue.createVNode("div", {
       "class": [this.ns.b("content")]
-    }, [content])]);
+    }, [content])]), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
   }
 });
 

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

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

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

@@ -1 +1 @@
-.ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group__caption--icon{padding-right:var(--ibiz-spacing-tight)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content>.ibiz-row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}
+.ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-icon-padding-right:var(--ibiz-spacing-tight);--ibiz-panel-container-group-counter-padding-left:var(--ibiz-spacing-tight);--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group__caption--icon{padding-right:var(--ibiz-panel-container-group-icon-padding-right)}.ibiz-panel-container-group__counter{margin-left:var(--ibiz-panel-container-group-counter-padding-left)}.ibiz-panel-container-group.is-mob{--ibiz-panel-container-group-header-height:3rem;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base);--ibiz-panel-container-group-header-bg-color:var(--ibiz-color-bg-0);--ibiz-panel-container-group-content-padding:0.5rem 1rem;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-2);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-panel-container-group-content-bg-color:var(--ibiz-color-bg-1)}.ibiz-panel-container-group.is-mob .ibiz-panel-container-group__caption{line-height:1rem}.ibiz-panel-container-group.is-mob .ibiz-panel-container-group-header{background-color:var(--ibiz-panel-container-group-header-bg-color);border-bottom:none}.ibiz-panel-container-group.is-mob .ibiz-panel-container-group-content{padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-header.is-is-mob .ibiz-panel-container-group-header__left{flex-grow:1;width:auto}.ibiz-panel-container-group-header.is-is-mob .ibiz-panel-container-group-header__right{flex-grow:1;width:auto}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content>.ibiz-row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}