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

package/es/panel-component/nav-pos/nav-pos.d.ts

@@ -7,13 +7,13 @@ import './nav-pos.scss';
  * 导航占位
  * @primary
  * @description 面板中的导航视图占位组件，用于绘制导航视图，并存储导航视图信息与缓存。
- * @panelitemparams {name:expcache,parameterType:string,defaultvalue:-,description:当值为NO_CACHE时禁用缓存，即每次导航切换时都是重新绘制新的视图，否则使用keepAlive包裹绘制的导航视图}
+ * @panelitemparams {name:expcache,parameterType:'CACHE' | 'NO_CACHE',defaultvalue:-,description:当值为NO_CACHE时禁用缓存，即每次导航切换时都是重新绘制新的视图，否则使用keepAlive包裹绘制的导航视图}
  * @panelitemparams {name:ignoreembedkey,parameterType:boolean,defaultvalue:-,description:忽略嵌入视图key参数}
  * @panelitemparams {name:expmode,parameterType:'ROUTE' | 'NO_ROUTE',defaultvalue:-,description:导航模式，ROUTE为路由模式，NO_ROUTE为非路由模式，在路由模式下会通过路由打开视图，在非路由的模式下，则会通过视图模型去绘制视图}
  * @panelitemparams {"name":"routeattributekeys","parameterType":"string","defaultvalue":"-","description":"路由透传参数，参数值为上下文对象的key，多个值用竖线`|`分隔，透传的参数将会在路由组件进行解析，并显示声明在路由上进行传递"}
  * @panelitemparams {"name":"REFCTRL","parameterType":"string","defaultvalue":"-","description":"关联部件标识，可指定关联部件，多个关联部件标识以`;`分隔"}
  */
-export declare const NavPos: import("vue").DefineComponent<{
+export declare const NavPos: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * @description 导航占位模型
      */
@@ -28,12 +28,12 @@ export declare const NavPos: import("vue").DefineComponent<{
         type: typeof NavPosController;
         required: true;
     };
-}, {
+}>, {
     ns: import("@ibiz-template/core").Namespace;
     c: NavPosController;
-    isPresetView: import("vue").Ref<boolean>;
+    isPresetView: import("vue").Ref<boolean, boolean>;
     onViewCreated: (event: EventBase) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 导航占位模型
      */
@@ -48,5 +48,5 @@ export declare const NavPos: import("vue").DefineComponent<{
         type: typeof NavPosController;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=nav-pos.d.ts.map

package/es/panel-component/nav-pos/nav-pos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-pos.d.ts","sourceRoot":"","sources":["../../../src/panel-component/nav-pos/nav-pos.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EAKT,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,gBAAgB,CAAC;AAIxB;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM;IAGf;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;2BAS2B,SAAS,KAAG,IAAI;;IAlB9C;;OAEG;;;;;IAKH;;OAEG;;;;;YAiHL,CAAC"}
+{"version":3,"file":"nav-pos.d.ts","sourceRoot":"","sources":["../../../src/panel-component/nav-pos/nav-pos.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EAKT,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,gBAAgB,CAAC;AAIxB;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM;IAGf;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;2BAS2B,SAAS,KAAG,IAAI;;IAlB9C;;OAEG;;;;;IAKH;;OAEG;;;;;iGAiHL,CAAC"}

package/es/panel-component/nav-pos/nav-pos.mjs

@@ -1,5 +1,5 @@
-import { isVNode, defineComponent, ref, watch, createVNode, resolveComponent, h } from 'vue';
-import { useRouter, useRoute, RouterView } from 'vue-router';
+import { isVNode, defineComponent, createVNode, resolveComponent, h, ref, watch } from 'vue';
+import { RouterView, useRouter, useRoute } from 'vue-router';
 import { NavPosController } from './nav-pos.controller.mjs';
 import './nav-pos.css';
 import '../../use/index.mjs';

package/es/panel-component/panel-container/index.d.ts

@@ -1,7 +1,6 @@
-import { PanelContainerState } from './panel-container.state';
-import { PanelContainerController } from './panel-container.controller';
+import { PanelContainerController, PanelContainerState } from '@ibiz-template/runtime';
 export { PanelContainerState, PanelContainerController };
-export declare const IBizPanelContainer: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
+export declare const IBizPanelContainer: import("../../util").TypeWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
         required: true;
@@ -10,10 +9,10 @@ export declare const IBizPanelContainer: import("../../util").TypeWithInstall<im
         type: typeof PanelContainerController;
         required: true;
     };
-}, {
+}>, {
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
         required: true;
@@ -22,6 +21,6 @@ export declare const IBizPanelContainer: import("../../util").TypeWithInstall<im
         type: typeof PanelContainerController;
         required: true;
     };
-}>>, {}, {}>>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default IBizPanelContainer;
 //# sourceMappingURL=index.d.ts.map

package/es/panel-component/panel-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,CAAC;AAEzD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;aAc9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EAEpB,MAAM,wBAAwB,CAAC;AAMhC,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,CAAC;AAEzD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;kGAc9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/es/panel-component/panel-container/index.mjs

@@ -1,9 +1,8 @@
 import { registerPanelItemProvider } from '@ibiz-template/runtime';
+export { PanelContainerController, PanelContainerState } from '@ibiz-template/runtime';
 import '../../util/index.mjs';
 import { PanelContainer } from './panel-container.mjs';
 import { PanelContainerProvider } from './panel-container.provider.mjs';
-export { PanelContainerState } from './panel-container.state.mjs';
-export { PanelContainerController } from './panel-container.controller.mjs';
 import { withInstall } from '../../util/install.mjs';
 
 "use strict";

package/es/panel-component/panel-container/panel-container.d.ts

@@ -1,13 +1,13 @@
+import { PanelContainerController } from '@ibiz-template/runtime';
 import { IPanelContainer } from '@ibiz/model-core';
 import { PropType } from 'vue';
-import { PanelContainerController } from './panel-container.controller';
 import './panel-container.scss';
 /**
  * 面板容器
  * @primary
  * @description 面板中最常见容器控件，承载面板组件，可以配置布局来控制内容呈现方式。
  */
-export declare const PanelContainer: import("vue").DefineComponent<{
+export declare const PanelContainer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * @description 面板容器模型
      */
@@ -22,10 +22,10 @@ export declare const PanelContainer: import("vue").DefineComponent<{
         type: typeof PanelContainerController;
         required: true;
     };
-}, {
+}>, {
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 面板容器模型
      */
@@ -40,5 +40,5 @@ export declare const PanelContainer: import("vue").DefineComponent<{
         type: typeof PanelContainerController;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=panel-container.d.ts.map

package/es/panel-component/panel-container/panel-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/panel-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,wBAAwB,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,cAAc;IAGvB;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;IANH;;OAEG;;;;;IAEH;;OAEG;;;;;YA2DL,CAAC"}
+{"version":3,"file":"panel-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/panel-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,wBAAwB,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,cAAc;IAGvB;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;IANH;;OAEG;;;;;IAEH;;OAEG;;;;;iGAsGL,CAAC"}

package/es/panel-component/panel-container/panel-container.mjs

@@ -1,6 +1,6 @@
-import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, mergeProps, withDirectives, resolveDirective, computed } from 'vue';
+import { PanelContainerController } from '@ibiz-template/runtime';
 import '../../use/index.mjs';
-import { PanelContainerController } from './panel-container.controller.mjs';
 import './panel-container.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
 
@@ -42,7 +42,7 @@ const PanelContainer = /* @__PURE__ */ 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 = createVNode(resolveComponent("iBizRow"), {
@@ -62,14 +62,40 @@ const PanelContainer = /* @__PURE__ */ defineComponent({
     })) ? _slot : {
       default: () => [_slot]
     });
-    return createVNode("div", {
+    const attrs = (_c = this.$attrs) == null ? void 0 : _c.attrs;
+    if (attrs && attrs.dynamictooltip) {
+      const attributes = {
+        ...attrs.dynamictooltip
+      };
+      delete attributes.content;
+      return createVNode(resolveComponent("el-tooltip"), mergeProps({
+        "placement": "right",
+        "popper-class": this.ns.e("dynamic-tooltip")
+      }, attributes), {
+        default: () => {
+          return createVNode("div", mergeProps({
+            "class": this.classArr,
+            "onClick": () => {
+              this.controller.onClick();
+            }
+          }, this.$attrs), [this.controller.model.cssStyle ? createVNode("style", {
+            "type": "text/css"
+          }, [this.controller.model.cssStyle]) : null, content]);
+        },
+        content: () => {
+          return createVNode("div", {
+            "class": this.ns.e("dynamic-tooltip-content"),
+            "innerHTML": attrs.dynamictooltip.content
+          }, null);
+        }
+      });
+    }
+    return withDirectives(createVNode("div", {
       "class": this.classArr,
-      "onClick": () => {
-        this.controller.onClick();
-      }
+      "onClick": (event) => this.controller.onClick(event)
     }, [this.controller.model.cssStyle ? createVNode("style", {
       "type": "text/css"
-    }, [this.controller.model.cssStyle]) : null, content]);
+    }, [this.controller.model.cssStyle]) : null, content]), [[resolveDirective("loading"), this.controller.state.loading]]);
   }
 });
 

package/es/panel-component/panel-container/panel-container.provider.d.ts

@@ -1,4 +1,4 @@
-import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItemProvider, PanelContainerController, PanelController, PanelItemController } from '@ibiz-template/runtime';
 import { IPanelContainer } from '@ibiz/model-core';
 /**
  * 面板容器适配器
@@ -11,6 +11,6 @@ import { IPanelContainer } from '@ibiz/model-core';
  */
 export declare class PanelContainerProvider implements IPanelItemProvider {
     component: string;
-    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelContainerController>;
 }
 //# sourceMappingURL=panel-container.provider.d.ts.map

package/es/panel-component/panel-container/panel-container.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-container.provider.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/panel-container.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD;;;;;;;;GAQG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAC/D,SAAS,EAAE,MAAM,CAAwB;IAEnC,gBAAgB,CACpB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,mBAAmB,GAAG,SAAS,GACtC,OAAO,CAAC,mBAAmB,CAAC;CAKhC"}
+{"version":3,"file":"panel-container.provider.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/panel-container.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;;;;;;GAQG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAC/D,SAAS,EAAE,MAAM,CAAwB;IAEnC,gBAAgB,CACpB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,mBAAmB,GAAG,SAAS,GACtC,OAAO,CAAC,wBAAwB,CAAC;CAKrC"}

package/es/panel-component/panel-container/panel-container.provider.mjs

@@ -1,4 +1,4 @@
-import { PanelContainerController } from './panel-container.controller.mjs';
+import { PanelContainerController } from '@ibiz-template/runtime';
 
 "use strict";
 class PanelContainerProvider {

package/es/panel-component/panel-container-group/index.d.ts

@@ -1,7 +1,7 @@
 import { PanelContainerGroupState } from './panel-container-group.state';
 import { PanelContainerGroupController } from './panel-container-group.controller';
 export { PanelContainerGroupState, PanelContainerGroupController };
-export declare const IBizPanelContainerGroup: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
+export declare const IBizPanelContainerGroup: import("../../util").TypeWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
         required: true;
@@ -10,12 +10,12 @@ export declare const IBizPanelContainerGroup: import("../../util").TypeWithInsta
         type: typeof PanelContainerGroupController;
         required: true;
     };
-}, {
+}>, {
     ns: import("@ibiz-template/core").Namespace;
     captionText: import("vue").ComputedRef<any>;
+    isCollapse: import("vue").Ref<boolean, boolean>;
     changeCollapse: () => void;
-    isCollapse: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
         required: true;
@@ -24,6 +24,6 @@ export declare const IBizPanelContainerGroup: import("../../util").TypeWithInsta
         type: typeof PanelContainerGroupController;
         required: true;
     };
-}>>, {}, {}>>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default IBizPanelContainerGroup;
 //# sourceMappingURL=index.d.ts.map

package/es/panel-component/panel-container-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAInF,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,CAAC;AAEnE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;aASnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAInF,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,CAAC;AAEnE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;kGASnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/es/panel-component/panel-container-group/panel-container-group.controller.d.ts

@@ -1,4 +1,4 @@
-import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelContainerController } from '@ibiz-template/runtime';
 import { IPanelContainer } from '@ibiz/model-core';
 import { PanelContainerGroupState } from './panel-container-group.state';
 /**
@@ -6,9 +6,9 @@ import { PanelContainerGroupState } from './panel-container-group.state';
  *
  * @export
  * @class PanelContainerGroupController
- * @extends {PanelItemController}
+ * @extends {PanelContainerController}
  */
-export declare class PanelContainerGroupController extends PanelItemController<IPanelContainer> {
+export declare class PanelContainerGroupController extends PanelContainerController<IPanelContainer> {
     /**
      * @description 状态
      * @exposedoc

package/es/panel-component/panel-container-group/panel-container-group.controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-container-group.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/panel-container-group.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE;;;;;;GAMG;AACH,qBAAa,6BAA8B,SAAQ,mBAAmB,CAAC,eAAe,CAAC;IACrF;;;;;OAKG;IACK,KAAK,EAAE,wBAAwB,CAAC;IAExC,SAAS,CAAC,WAAW,IAAI,wBAAwB;IAIjD;;;;;OAKG;IACH,IAAI,YAAY,IAAI,OAAO,CAG1B;IAED;;;;OAIG;IACH,IAAI,gBAAgB,IAAI,OAAO,CAG9B;CACF"}
+{"version":3,"file":"panel-container-group.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/panel-container-group.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE;;;;;;GAMG;AACH,qBAAa,6BAA8B,SAAQ,wBAAwB,CAAC,eAAe,CAAC;IAC1F;;;;;OAKG;IACK,KAAK,EAAE,wBAAwB,CAAC;IAExC,SAAS,CAAC,WAAW,IAAI,wBAAwB;IAIjD;;;;;OAKG;IACH,IAAI,YAAY,IAAI,OAAO,CAG1B;IAED;;;;OAIG;IACH,IAAI,gBAAgB,IAAI,OAAO,CAG9B;CACF"}

package/es/panel-component/panel-container-group/panel-container-group.controller.mjs

@@ -1,8 +1,8 @@
-import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelContainerController } from '@ibiz-template/runtime';
 import { PanelContainerGroupState } from './panel-container-group.state.mjs';
 
 "use strict";
-class PanelContainerGroupController extends PanelItemController {
+class PanelContainerGroupController extends PanelContainerController {
   createState() {
     var _a;
     return new PanelContainerGroupState((_a = this.parent) == null ? void 0 : _a.state);

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

package/es/panel-component/panel-container-group/panel-container-group.d.ts

@@ -7,7 +7,7 @@ import './panel-container-group.scss';
  * @primary
  * @description 可将多个具有特定意义或相近功能的面板项聚合到一起进行展示，并可通过分组容器进行统一管理，支持配置分组标题，可折叠。
  */
-export declare const PanelContainerGroup: import("vue").DefineComponent<{
+export declare const PanelContainerGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * @description 分组容器模型
      */
@@ -22,12 +22,12 @@ export declare const PanelContainerGroup: import("vue").DefineComponent<{
         type: typeof PanelContainerGroupController;
         required: true;
     };
-}, {
+}>, {
     ns: import("@ibiz-template/core").Namespace;
     captionText: import("vue").ComputedRef<any>;
+    isCollapse: import("vue").Ref<boolean, boolean>;
     changeCollapse: () => void;
-    isCollapse: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 分组容器模型
      */
@@ -42,5 +42,5 @@ export declare const PanelContainerGroup: import("vue").DefineComponent<{
         type: typeof PanelContainerGroupController;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=panel-container-group.d.ts.map

package/es/panel-component/panel-container-group/panel-container-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-container-group.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/panel-container-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAc,MAAM,KAAK,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAItC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;0BAWwB,IAAI;;;IApB/B;;OAEG;;;;;IAKH;;OAEG;;;;;YAyGL,CAAC"}
+{"version":3,"file":"panel-container-group.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/panel-container-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAwB,QAAQ,EAAmB,MAAM,KAAK,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAGnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;0BAWwB,IAAI;;IApB/B;;OAEG;;;;;IAKH;;OAEG;;;;;iGAmHL,CAAC"}

package/es/panel-component/panel-container-group/panel-container-group.mjs

@@ -1,10 +1,10 @@
-import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, createTextVNode, withDirectives, resolveDirective, ref, computed } from 'vue';
 import { PanelContainerGroupController } from './panel-container-group.controller.mjs';
-import './panel-container-group.css';
 import '../../use/index.mjs';
 import '../../common/index.mjs';
-import { useNamespace } from '../../use/namespace/namespace.mjs';
+import './panel-container-group.css';
 import { IBizIcon } from '../../common/icon/icon.mjs';
+import { useNamespace } from '../../use/namespace/namespace.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -54,14 +54,14 @@ const PanelContainerGroup = /* @__PURE__ */ 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"));
@@ -91,7 +91,7 @@ const PanelContainerGroup = /* @__PURE__ */ defineComponent({
     let header = null;
     if (this.modelData.showCaption) {
       header = createVNode("div", {
-        "class": [this.ns.b("header")],
+        "class": [this.ns.b("header"), this.ns.is("is-mob", ibiz.env.isMob)],
         "onClick": this.changeCollapse
       }, [createVNode("div", {
         "class": [this.ns.be("header", "left")]
@@ -100,7 +100,9 @@ const PanelContainerGroup = /* @__PURE__ */ defineComponent({
       }, [this.modelData.sysImage && createVNode(IBizIcon, {
         "class": this.ns.em("caption", "icon"),
         "icon": this.modelData.sysImage
-      }, null), this.captionText])]), createVNode("div", {
+      }, null), this.captionText, this.modelData.counterId && createVNode("span", {
+        "class": this.ns.e("counter")
+      }, [createTextVNode("("), this.controller.state.counterData[this.modelData.counterId], createTextVNode(")")])])]), createVNode("div", {
         "class": [this.ns.be("header", "right")]
       }, [this.modelData.titleBarCloseMode !== void 0 && this.modelData.titleBarCloseMode !== 0 && (this.isCollapse ? createVNode("ion-icon", {
         "name": "caret-forward-sharp"
@@ -108,11 +110,11 @@ const PanelContainerGroup = /* @__PURE__ */ defineComponent({
         "name": "caret-down-sharp"
       }, null))])]);
     }
-    return createVNode("div", {
+    return withDirectives(createVNode("div", {
       "class": classArr
     }, [header, createVNode("div", {
       "class": [this.ns.b("content")]
-    }, [content])]);
+    }, [content])]), [[resolveDirective("loading"), this.controller.state.loading]]);
   }
 });
 

package/es/panel-component/panel-container-group/panel-container-group.state.d.ts

@@ -1,4 +1,4 @@
-import { PanelItemState } from '@ibiz-template/runtime';
+import { PanelContainerState } from '@ibiz-template/runtime';
 /**
  * 面板分组容器状态
  *
@@ -6,8 +6,8 @@ import { PanelItemState } from '@ibiz-template/runtime';
  * @date 2023-02-07 06:04:27
  * @export
  * @class PanelContainerGroupState
- * @extends {PanelItemState}
+ * @extends {PanelContainerState}
  */
-export declare class PanelContainerGroupState extends PanelItemState {
+export declare class PanelContainerGroupState extends PanelContainerState {
 }
 //# sourceMappingURL=panel-container-group.state.d.ts.map

package/es/panel-component/panel-container-group/panel-container-group.state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-container-group.state.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/panel-container-group.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD;;;;;;;;GAQG;AACH,qBAAa,wBAAyB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"panel-container-group.state.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/panel-container-group.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;;;;;;GAQG;AACH,qBAAa,wBAAyB,SAAQ,mBAAmB;CAAG"}

package/es/panel-component/panel-container-group/panel-container-group.state.mjs

@@ -1,7 +1,7 @@
-import { PanelItemState } from '@ibiz-template/runtime';
+import { PanelContainerState } from '@ibiz-template/runtime';
 
 "use strict";
-class PanelContainerGroupState extends PanelItemState {
+class PanelContainerGroupState extends PanelContainerState {
 }
 
 export { PanelContainerGroupState };

package/es/panel-component/panel-container-image/index.d.ts

@@ -1,7 +1,7 @@
 import { PanelContainerImageState } from './panel-container-image.state';
 import { PanelContainerImageController } from './panel-container-image.controller';
 export { PanelContainerImageState, PanelContainerImageController };
-export declare const IBizPanelContainerImage: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
+export declare const IBizPanelContainerImage: import("../../util").TypeWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
         required: true;
@@ -10,11 +10,11 @@ export declare const IBizPanelContainerImage: import("../../util").TypeWithInsta
         type: typeof PanelContainerImageController;
         required: true;
     };
-}, {
+}>, {
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     backgroundStyle: import("vue").ComputedRef<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
         required: true;
@@ -23,6 +23,6 @@ export declare const IBizPanelContainerImage: import("../../util").TypeWithInsta
         type: typeof PanelContainerImageController;
         required: true;
     };
-}>>, {}, {}>>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default IBizPanelContainerImage;
 //# sourceMappingURL=index.d.ts.map

package/es/panel-component/panel-container-image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,CAAC;AAEnE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;aASnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,CAAC;AAEnE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;kGASnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/es/panel-component/panel-container-image/panel-container-image.controller.d.ts

@@ -1,4 +1,4 @@
-import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelContainerController } from '@ibiz-template/runtime';
 import { IPanelContainer } from '@ibiz/model-core';
 import { PanelContainerImageState } from './panel-container-image.state';
 /**
@@ -6,9 +6,9 @@ import { PanelContainerImageState } from './panel-container-image.state';
  *
  * @export
  * @class PanelContainerImageController
- * @extends {PanelItemController}
+ * @extends {PanelContainerController}
  */
-export declare class PanelContainerImageController extends PanelItemController<IPanelContainer> {
+export declare class PanelContainerImageController extends PanelContainerController<IPanelContainer> {
     /**
      * @description 状态
      * @exposedoc

package/es/panel-component/panel-container-image/panel-container-image.controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-container-image.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE;;;;;;GAMG;AACH,qBAAa,6BAA8B,SAAQ,mBAAmB,CAAC,eAAe,CAAC;IACrF;;;;;OAKG;IACK,KAAK,EAAE,wBAAwB,CAAC;IAExC,SAAS,CAAC,WAAW,IAAI,wBAAwB;CAGlD"}
+{"version":3,"file":"panel-container-image.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE;;;;;;GAMG;AACH,qBAAa,6BAA8B,SAAQ,wBAAwB,CAAC,eAAe,CAAC;IAC1F;;;;;OAKG;IACK,KAAK,EAAE,wBAAwB,CAAC;IAExC,SAAS,CAAC,WAAW,IAAI,wBAAwB;CAGlD"}

package/es/panel-component/panel-container-image/panel-container-image.controller.mjs

@@ -1,8 +1,8 @@
-import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelContainerController } from '@ibiz-template/runtime';
 import { PanelContainerImageState } from './panel-container-image.state.mjs';
 
 "use strict";
-class PanelContainerImageController extends PanelItemController {
+class PanelContainerImageController extends PanelContainerController {
   createState() {
     var _a;
     return new PanelContainerImageState((_a = this.parent) == null ? void 0 : _a.state);

package/es/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/es/panel-component/panel-container-image/panel-container-image.d.ts

@@ -7,7 +7,7 @@ import './panel-container-image.scss';
  * @primary
  * @description 图片背景容器，可以配置容器的背景图片。
  */
-export declare const PanelContainerImage: import("vue").DefineComponent<{
+export declare const PanelContainerImage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * @description 图片背景容器模型数据
      */
@@ -22,11 +22,11 @@ export declare const PanelContainerImage: import("vue").DefineComponent<{
         type: typeof PanelContainerImageController;
         required: true;
     };
-}, {
+}>, {
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     backgroundStyle: import("vue").ComputedRef<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 图片背景容器模型数据
      */
@@ -41,5 +41,5 @@ export declare const PanelContainerImage: import("vue").DefineComponent<{
         type: typeof PanelContainerImageController;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=panel-container-image.d.ts.map

package/es/panel-component/panel-container-image/panel-container-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-container-image.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAGjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;YAmFL,CAAC"}
+{"version":3,"file":"panel-container-image.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAGjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAkFL,CAAC"}

package/es/panel-component/panel-container-image/panel-container-image.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, withDirectives, resolveDirective, computed } from 'vue';
 import { isSvg } from '@ibiz-template/core';
 import '../../use/index.mjs';
 import { PanelContainerImageController } from './panel-container-image.controller.mjs';
@@ -85,15 +85,13 @@ const PanelContainerImage = /* @__PURE__ */ defineComponent({
     })) ? _slot : {
       default: () => [_slot]
     });
-    return createVNode("div", {
+    return withDirectives(createVNode("div", {
       "class": this.classArr,
-      "onClick": () => {
-        this.controller.onClick();
-      },
+      "onClick": (event) => this.controller.onClick(event),
       "style": this.backgroundStyle
     }, [this.controller.model.cssStyle ? createVNode("style", {
       "type": "text/css"
-    }, [this.controller.model.cssStyle]) : null, content]);
+    }, [this.controller.model.cssStyle]) : null, content]), [[resolveDirective("loading"), this.controller.state.loading]]);
   }
 });