@ibiz-template/vue3-components 0.7.41-alpha.20 → 0.7.41-alpha.22

package/es/common/action-toolbar/action-toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-action-toolbar-item-padding);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:baseline;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-action-toolbar-item-padding);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:baseline;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__group-item>span{width:100%}.ibiz-action-toolbar__group-item--caption{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/es/common/action-toolbar/action-toolbar.d.ts

@@ -45,8 +45,8 @@ export declare const IBizActionToolbar: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     dropdownRef: Ref<any>;
     popoverIndex: number;
-    expandDetails: Ref<IAppDEUIActionGroupDetail[]>;
     groupDetails: Ref<IAppDEUIActionGroupDetail[]>;
+    expandDetails: Ref<IAppDEUIActionGroupDetail[]>;
     groupButtonRef: Ref<HTMLElement | null | undefined>;
     popoverVisible: Ref<boolean>;
     handleClick: (detail: IAppDEUIActionGroupDetail, e: MouseEvent) => Promise<void>;

package/es/common/action-toolbar/action-toolbar.mjs

@@ -97,8 +97,8 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
       ns,
       dropdownRef,
       popoverIndex,
-      expandDetails,
       groupDetails,
+      expandDetails,
       groupButtonRef,
       popoverVisible,
       handleClick,
@@ -115,9 +115,54 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
         "direction": isExpand ? "vertical" : "horizontal"
       }, null);
     };
+    const renderActionGroup = (detail, isExpand = true) => {
+      var _a2;
+      const actionGroup = detail.refUIActionGroup;
+      if (!((_a2 = actionGroup == null ? void 0 : actionGroup.uiactionGroupDetails) == null ? void 0 : _a2.length))
+        return null;
+      const pvisible = actionGroup.uiactionGroupDetails.findIndex((item) => {
+        return this.actionsState[item.id].visible === true;
+      }) !== -1;
+      if (!pvisible)
+        return null;
+      return [detail.addSeparator && renderDivider(isExpand), createVNode(resolveComponent("el-popover"), {
+        "teleported": false,
+        "placement": "right-start",
+        "popper-class": this.ns.e("popover"),
+        "popper-options": {
+          modifiers: [{
+            name: "offset",
+            options: {
+              offset: [0, 4]
+            }
+          }]
+        },
+        "popper-style": "z-index:".concat(this.popoverIndex + 1)
+      }, {
+        reference: () => {
+          return createVNode(resolveComponent("el-button"), {
+            "text": true,
+            "size": "small",
+            "class": [...this.calcActionItemClass(detail), this.ns.e("group-item")]
+          }, {
+            default: () => [createVNode("div", {
+              "class": this.ns.em("group-item", "caption")
+            }, [createVNode("span", null, [actionGroup.id]), createVNode("ion-icon", {
+              "class": this.ns.em("group-item", "caption-icon"),
+              "name": "chevron-forward-outline"
+            }, null)])]
+          });
+        },
+        default: () => {
+          return renderActions(actionGroup.uiactionGroupDetails || [], isExpand);
+        }
+      })];
+    };
     const renderActions = (items, isExpand = true) => {
       return items.map((detail) => {
         var _a2;
+        if (detail.detailType === "DEUIACTIONGROUP" && detail.refUIActionGroup)
+          return renderActionGroup(detail);
         if ((_a2 = this.actionsState[detail.id]) == null ? void 0 : _a2.visible) {
           return [detail.addSeparator && renderDivider(isExpand), createVNode(resolveComponent("el-button"), {
             "text": true,
@@ -141,15 +186,13 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
     };
     const renderGroup = () => {
       let _slot;
-      if (this.groupDetails.length === 0) {
+      if (this.groupDetails.length === 0)
         return null;
-      }
       const pvisible = this.groupDetails.findIndex((item) => {
         return this.actionsState[item.id].visible === true;
       }) !== -1;
-      if (!pvisible) {
+      if (!pvisible)
         return null;
-      }
       const pdisabled = this.groupDetails.findIndex((item) => {
         return this.actionsState[item.id].disabled === false;
       }) === -1;
@@ -179,9 +222,8 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
         default: () => [_slot]
       })];
     };
-    if (!((_a = this.actionsState) == null ? void 0 : _a.visible)) {
+    if (!((_a = this.actionsState) == null ? void 0 : _a.visible))
       return;
-    }
     if (this.mode === "buttons") {
       return createVNode("div", {
         "class": [this.ns.b(), this.ns.m("buttons")],

package/es/common/index.mjs

@@ -1,5 +1,5 @@
 import { defineAsyncComponent } from 'vue';
-import { IBizControlBase, IBizIcon, IBizRouterView, IBizViewShell, IBizControlShell, IBizCodeList, IBizBadge } from '@ibiz-template/vue3-util';
+import { IBizControlBase, IBizIcon, IBizRouterView, IBizViewShell, IBizControlShell, IBizCodeList, IBizBadge, IBizSignaturePad } from '@ibiz-template/vue3-util';
 import { IBizActionToolbar } from './action-toolbar/action-toolbar.mjs';
 import { IBizCol } from './col/col.mjs';
 import { IBizRow } from './row/row.mjs';
@@ -91,6 +91,7 @@ const IBizCommonComponents = {
     v.component(IBizControlNavigation.name, IBizControlNavigation);
     v.component(IBizGanttSetting.name, IBizGanttSetting);
     v.component(IBizNavSplit.name, IBizNavSplit);
+    v.component(IBizSignaturePad.name, IBizSignaturePad);
   }
 };
 

package/es/control/dashboard/dashboard.d.ts

@@ -1,7 +1,7 @@
-import { PropType, Ref } from 'vue';
+import { Ref, PropType } from 'vue';
 import { IDashboard } from '@ibiz/model-core';
-import './dashboard.scss';
 import { DashboardController, IControlProvider } from '@ibiz-template/runtime';
+import './dashboard.scss';
 export declare const DashboardControl: import("vue").DefineComponent<{
     /**
      * @description 看板模型数据

package/es/control/dashboard/dashboard.mjs

@@ -1,8 +1,8 @@
 import { isVNode, createVNode, resolveComponent, h, getCurrentInstance, ref, isReactive, reactive, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
-import './dashboard.css';
+import { useControlController, useControlPopoverzIndex, useNamespace } from '@ibiz-template/vue3-util';
 import { DashboardController } from '@ibiz-template/runtime';
 import { uniqueId } from 'lodash-es';
+import './dashboard.css';
 
 "use strict";
 function _isSlot(s) {
@@ -74,6 +74,7 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new DashboardController(...args));
+    useControlPopoverzIndex(c);
     const vue = getCurrentInstance().proxy;
     const customModelDatas = ref([]);
     const anchorList = ref([]);

package/es/control/dashboard/portlet/actionbar-portlet/actionbar-portlet.d.ts

@@ -12,6 +12,7 @@ export declare const ActionBarPortlet: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    zIndex: number | undefined;
     onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/dashboard/portlet/actionbar-portlet/actionbar-portlet.mjs

@@ -18,11 +18,13 @@ const ActionBarPortlet = /* @__PURE__ */ defineComponent({
   setup(props) {
     var _a;
     const ns = useNamespace("portlet-".concat((_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()));
+    const zIndex = props.controller.dashboard.state.zIndex;
     const onActionClick = async (detail, event) => {
       await props.controller.onActionClick(detail, event);
     };
     return {
       ns,
+      zIndex,
       onActionClick
     };
   },
@@ -33,6 +35,7 @@ const ActionBarPortlet = /* @__PURE__ */ defineComponent({
       "class": classArr
     }, {
       default: () => [this.modelData.uiactionGroup && createVNode(resolveComponent("iBizActionToolbar"), {
+        "zIndex": this.zIndex,
         "action-details": this.modelData.uiactionGroup.uiactionGroupDetails,
         "actions-state": this.controller.state.actionGroupState,
         "onActionClick": this.onActionClick

package/es/control/dashboard/portlet/actionbar-portlet/index.d.ts

@@ -10,6 +10,7 @@ export declare const IBizActionBarPortlet: import("@ibiz-template/vue3-util").Ty
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    zIndex: number | undefined;
     onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { IUIActionGroupDetail } from '@ibiz/model-core';
-import './portlet-layout.scss';
 import { PortletPartController } from '@ibiz-template/runtime';
+import './portlet-layout.scss';
 /**
  * 门户控件布局
  */
@@ -16,12 +16,13 @@ export declare const PortletLayout: import("vue").DefineComponent<{
 }, {
     c: PortletPartController<import("@ibiz/model-core").IDBPortletPart>;
     ns: import("@ibiz-template/core").Namespace;
+    zIndex: number | undefined;
     popperClass: import("vue").ComputedRef<string[]>;
     portletType: string;
-    isShowHeader: import("vue").ComputedRef<string | import("@ibiz/model-core").ISysImage | import("@ibiz/model-core").IUIActionGroup | undefined>;
-    onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
+    isShowHeader: import("vue").ComputedRef<string | import("@ibiz/model-core").IUIActionGroup | import("@ibiz/model-core").ISysImage | undefined>;
     openLink: (event: MouseEvent) => void;
     clickPorlet: (event: MouseEvent, position: string) => void;
+    onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof PortletPartController;

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs

@@ -1,8 +1,8 @@
 import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import './portlet-layout.css';
 import { PortletPartController } from '@ibiz-template/runtime';
 import { showTitle } from '@ibiz-template/core';
+import './portlet-layout.css';
 
 "use strict";
 const PortletLayout = /* @__PURE__ */ defineComponent({
@@ -21,6 +21,7 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("portlet-layout");
     const portletType = "portlet-".concat((_a = props.controller.model.portletType) == null ? void 0 : _a.toLowerCase());
     const c = props.controller;
+    const zIndex = props.controller.dashboard.state.zIndex;
     const popperClass = computed(() => {
       const classNames = [ns.em("toolbar", "".concat(portletType, "-").concat(c.model.id))];
       const {
@@ -52,12 +53,13 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
     return {
       c,
       ns,
+      zIndex,
       popperClass,
       portletType,
       isShowHeader,
-      onActionClick,
       openLink,
-      clickPorlet
+      clickPorlet,
+      onActionClick
     };
   },
   render() {
@@ -86,6 +88,7 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
     }, [state.title])])]), createVNode("div", {
       "class": this.ns.be("header", "right")
     }, [model.portletType !== "ACTIONBAR" && model.uiactionGroup && createVNode(resolveComponent("iBizActionToolbar"), {
+      "zIndex": this.zIndex,
       "class": this.ns.e("toolbar"),
       "action-details": model.uiactionGroup.uiactionGroupDetails,
       "actions-state": state.actionGroupState,

package/es/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__nav-icon{position:absolute;top:20px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-dataview__drag-icon{cursor:move;visibility:hidden}.ibiz-control-dataview__content{flex-grow:1;height:100%;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__layout-row{padding:var(--ibiz-spacing-tight)}.ibiz-control-dataview__layout-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview__layout-flex{display:flex;flex-wrap:wrap;align-content:flex-start;overflow:auto}.ibiz-control-dataview__layout-flex>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview__batchtoolbar{padding:0 var(--ibiz-spacing-base);margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-super-tight)}.ibiz-control-dataview__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;color:var(--ibiz-control-dataview-text-color);cursor:pointer;background-color:var(--ibiz-control-dataview-item-bg-color)}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item:hover .ibiz-control-dataview__drag-icon{visibility:visible}.ibiz-control-dataview-item__new{color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-dataview-item__new .el-card__body{display:flex;align-items:center;justify-content:center}.ibiz-control-dataview-item__content{display:flex;align-items:center;width:100%;height:100%}.ibiz-control-dataview-item__content--checkbox{flex-shrink:0;margin-right:var(--ibiz-spacing-tight)!important}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-item-content__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-dataview-item-content__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item.is-collapse .ibiz-control-dataview-group-content__item-content{height:0;overflow:hidden}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}
+.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__nav-icon{position:absolute;top:20px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-dataview__drag-icon{cursor:move;visibility:hidden}.ibiz-control-dataview__content{flex-grow:1;height:100%;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__layout-row{padding:var(--ibiz-spacing-tight)}.ibiz-control-dataview__layout-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview__layout-flex{display:flex;flex-wrap:wrap;align-content:flex-start;overflow:auto}.ibiz-control-dataview__layout-flex>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview__batchtoolbar{padding:0 var(--ibiz-spacing-base);margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-super-tight)}.ibiz-control-dataview__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;color:var(--ibiz-control-dataview-text-color);cursor:pointer;background-color:var(--ibiz-control-dataview-item-bg-color)}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item:hover .ibiz-control-dataview__drag-icon{visibility:visible}.ibiz-control-dataview-item__new{color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-dataview-item__new .el-card__body{display:flex;align-items:center;justify-content:center}.ibiz-control-dataview-item__content{display:flex;align-items:center;width:100%;height:100%}.ibiz-control-dataview-item__content--checkbox{flex-shrink:0;margin-right:var(--ibiz-spacing-tight)!important}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{flex-grow:1;--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-item-content__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-dataview-item-content__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item.is-collapse .ibiz-control-dataview-group-content__item-content{height:0;overflow:hidden}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}

package/es/control/data-view/data-view.mjs

@@ -1,5 +1,5 @@
 import { isVNode, computed, ref, watch, resolveComponent, createVNode, resolveDirective, withDirectives, h, defineComponent } from 'vue';
-import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
+import { useControlController, useNamespace, useControlPopoverzIndex, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { DataViewControlController, ControlVO, getControl } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
 import draggable from 'vuedraggable';
@@ -85,6 +85,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
   setup(props) {
     const c = useControlController((...args) => new DataViewControlController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    useControlPopoverzIndex(c);
     const classNames = computed(() => {
       return [ns.is("enable-page", c.model.enablePagingBar === true)];
     });
@@ -230,6 +231,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "class": ns.bem("item-content", "bottom", "actions"),
         "action-details": c.getOptItemModel(),
         "actions-state": c.state.uaState[item.srfkey],
+        "zIndex": c.state.zIndex,
         "onActionClick": (detail, event) => c.onActionClick(detail, item, event)
       }, null);
     };
@@ -372,6 +374,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       }, [group.caption]), createVNode("span", {
         "class": ns.be("group-content", "item-action")
       }, [c.model.groupUIActionGroup && group.groupActionGroupState && createVNode(resolveComponent("iBizActionToolbar"), {
+        "zIndex": c.state.zIndex,
         "class": ns.be("group-content", "header-actions"),
         "action-details": c.model.groupUIActionGroup.uiactionGroupDetails,
         "actions-state": group.groupActionGroupState,

package/es/control/form/edit-form/edit-form.mjs

@@ -63,11 +63,17 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
     },
     /**
      * @description 简单模式下传入的数据索引
-     * @default false
      */
     simpleDataIndex: {
       type: Number,
       required: false
+    },
+    /**
+     * @description 多数据部件表单模式下传入的表单索引
+     */
+    mdCtrlFormIndex: {
+      type: Number,
+      required: false
     }
   },
   setup(props) {
@@ -97,6 +103,9 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
         deep: true
       });
     }
+    if (props.mdCtrlFormIndex || props.mdCtrlFormIndex === 0) {
+      c.setMdCtrlFormIndex(props.mdCtrlFormIndex);
+    }
     c.evt.on("onCreated", () => {
       const keys = Object.keys(c.details);
       keys.forEach((key) => {

package/es/control/form/form/form.d.ts

@@ -1,6 +1,6 @@
 import { FormController } from '@ibiz-template/runtime';
 import { IDEFormDetail } from '@ibiz/model-core';
-import { PropType, VNode } from 'vue';
+import { VNode, PropType } from 'vue';
 import './form.scss';
 export declare const FormControl: import("vue").DefineComponent<{
     /**

package/es/control/form/form/form.mjs

@@ -1,6 +1,6 @@
 import { isVNode, renderSlot, createVNode, resolveComponent, h, defineComponent } from 'vue';
 import { ScriptFactory, findChildFormDetails, ControlType } from '@ibiz-template/runtime';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { useNamespace, useControlPopoverzIndex } from '@ibiz-template/vue3-util';
 import './form.css';
 
 "use strict";
@@ -23,6 +23,7 @@ const FormControl = /* @__PURE__ */ defineComponent({
   }) {
     const ns = useNamespace("control-form");
     const c = props.controller;
+    useControlPopoverzIndex(c);
     const slotProps = {
       form: c
     };

package/es/control/form/form-detail/form-group-panel/form-group-panel.d.ts

@@ -13,6 +13,7 @@ export declare const FormGroupPanel: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    zIndex: number | undefined;
     captionText: import("vue").ComputedRef<any>;
     changeCollapse: () => void;
     onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;

package/es/control/form/form-detail/form-group-panel/form-group-panel.mjs

@@ -22,6 +22,7 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
   setup(props) {
     const ns = useNamespace("form-group");
     const c = props.controller;
+    const zIndex = props.controller.form.state.zIndex;
     const changeCollapse = () => {
       if (!c.disableClose) {
         c.state.collapse = !c.state.collapse;
@@ -45,6 +46,7 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
     });
     return {
       ns,
+      zIndex,
       captionText,
       changeCollapse,
       onActionClick
@@ -101,6 +103,7 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
       }, null), this.captionText])]), createVNode("div", {
         "class": [this.ns.be("header", "right")]
       }, [this.modelData.uiactionGroup && createVNode(resolveComponent("iBizActionToolbar"), {
+        "zIndex": this.zIndex,
         "class": this.ns.e("toolbar"),
         "action-details": this.modelData.uiactionGroup.uiactionGroupDetails,
         "actions-state": state.actionGroupState,

package/es/control/form/form-detail/form-group-panel/index.d.ts

@@ -9,6 +9,7 @@ export declare const IBizFormGroupPanel: import("@ibiz-template/vue3-util").Type
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    zIndex: number | undefined;
     captionText: import("vue").ComputedRef<any>;
     changeCollapse: () => void;
     onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<void>;

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.mjs

@@ -79,7 +79,8 @@ const FormMDCtrlForm = /* @__PURE__ */ defineComponent({
       "onRemoveClick": (item) => this.controller.remove(item.id)
     }, {
       item: ({
-        data
+        data,
+        index
       }) => {
         if (!formProvider) {
           return createVNode("div", null, [ibiz.i18n.t("control.form.formMDctrlForm.noFindProvider")]);
@@ -88,6 +89,7 @@ const FormMDCtrlForm = /* @__PURE__ */ defineComponent({
           class: this.ns.be("item", "form"),
           key: data.id,
           modelData: model.contentControl,
+          mdCtrlFormIndex: index,
           context: data.context,
           params: data.params,
           onCreated: (event) => {

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.d.ts

@@ -14,8 +14,9 @@ export declare const FormMDCtrl: import("vue").DefineComponent<{
 }, {
     c: FormMDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
-    hasCaption: boolean | undefined;
+    zIndex: number | undefined;
     hasHeader: true | import("@ibiz/model-core").IUIActionGroup | undefined;
+    hasCaption: boolean | undefined;
     isDesignPreview: boolean;
     onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.mjs

@@ -21,6 +21,7 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("form-mdctrl");
     useController(props.controller);
     const c = props.controller;
+    const zIndex = props.controller.form.state.zIndex;
     const hasCaption = c.model.showCaption && !!c.model.caption;
     const hasHeader = hasCaption || c.model.uiactionGroup;
     const isDesignPreview = ((_a = c.context) == null ? void 0 : _a.srfrunmode) === "DESIGN";
@@ -30,8 +31,9 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
     return {
       c,
       ns,
-      hasCaption,
+      zIndex,
       hasHeader,
+      hasCaption,
       isDesignPreview,
       onActionClick
     };
@@ -77,6 +79,7 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
     }, [createVNode("div", {
       "class": this.ns.e("title")
     }, [this.hasCaption ? this.c.model.caption : ""]), model.uiactionGroup && createVNode(resolveComponent("iBizActionToolbar"), {
+      "zIndex": this.zIndex,
       "class": this.ns.e("toolbar"),
       "action-details": model.uiactionGroup.uiactionGroupDetails,
       "actions-state": this.controller.state.actionGroupState,

package/es/control/form/form-detail/form-mdctrl/index.d.ts

@@ -10,8 +10,9 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
 }, {
     c: import("@ibiz-template/runtime").FormMDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
-    hasCaption: boolean | undefined;
+    zIndex: number | undefined;
     hasHeader: true | import("@ibiz/model-core").IUIActionGroup | undefined;
+    hasCaption: boolean | undefined;
     isDesignPreview: boolean;
     onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs

@@ -168,9 +168,9 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         "class": ns.b("item")
       }, [createVNode("div", {
         "class": ns.be("item", "left")
-      }, [props.enableSort && renderDragBtn()]), formComponent, renderRemoveBtn(item, index), createVNode("div", {
+      }, [props.enableSort && renderDragBtn()]), formComponent, renderRemoveBtn(item, index), props.enableCreate && createVNode("div", {
         "class": ns.be("item", "right")
-      }, [index === 0 && props.enableCreate && renderAddBtn()])]);
+      }, [index === 0 && renderAddBtn()])]);
     };
     return {
       ns,

package/es/control/grid/grid/grid.mjs

@@ -1,5 +1,5 @@
 import { isVNode, resolveComponent, createVNode, computed, mergeProps, h, createTextVNode, renderSlot, onUnmounted, ref, watch, resolveDirective, withDirectives, defineComponent } from 'vue';
-import { useNamespace, useControlController, useUIStore, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
+import { useNamespace, useControlController, useControlPopoverzIndex, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { ScriptFactory, GridController } from '@ibiz-template/runtime';
 import { showTitle, NOOP } from '@ibiz-template/core';
 import { createUUID } from 'qx-util';
@@ -54,7 +54,7 @@ function renderFieldColumn(c, row) {
     controlRenders = []
   } = c.model;
   const panel = (_a = controlRenders.find((renderItem) => renderItem.renderType === "LAYOUTPANEL")) == null ? void 0 : _a.layoutPanel;
-  const columnType = (_b = c.model.userParam) == null ? void 0 : _b.columnType;
+  const columnType = (_b = c.model.userParam) == null ? void 0 : _b.columntype;
   if (panel) {
     content = createVNode(resolveComponent("iBizControlShell"), {
       "data": row.data,
@@ -320,10 +320,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
   }) {
     const c = useControlController((...args) => new GridController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
-    const {
-      zIndex
-    } = useUIStore();
-    c.state.zIndex = zIndex.increment();
+    useControlPopoverzIndex(c);
     const {
       sysCss
     } = c.model;
@@ -494,7 +491,6 @@ const GridControl = /* @__PURE__ */ defineComponent({
         });
     };
     onUnmounted(() => {
-      zIndex.decrement();
       if (cleanup !== NOOP)
         cleanup();
       if (cleanClick !== NOOP)

package/es/control/grid/grid-column/grid-field-column/attachment-column/attachment-column.mjs

@@ -25,7 +25,8 @@ const AttachmentColumn = /* @__PURE__ */ defineComponent({
     const {
       getDownloadUrl,
       files,
-      onDownload
+      onDownload,
+      getDownloadTicketParams
     } = useFilesParse(props, props.controller);
     const loading = ref(true);
     const onLoad = () => {
@@ -55,9 +56,9 @@ const AttachmentColumn = /* @__PURE__ */ defineComponent({
       const downloadUrl = getDownloadUrl(props.data, file);
       let url = file.url || downloadUrl.replace("%fileId%", file.id);
       if (ibiz.config.common.enableDownloadTicket) {
-        const downloadTicket = await ibiz.util.file.getDownloadTicket(props.controller.context, {
+        const downloadTicket = await ibiz.util.file.getDownloadTicket(props.controller.context, props.controller.params, props.data, {
           fileId: file.id
-        });
+        }, getDownloadTicketParams());
         if (downloadTicket && downloadTicket.ticket) {
           url = downloadUrl.replace("%fileId%", downloadTicket.ticket);
         }

package/es/control/grid/grid-column/grid-field-column/attachment-column/file-util.d.ts

@@ -24,5 +24,9 @@ export declare function useFilesParse(props: IParams, c: GridFieldColumnControll
     }[]>;
     onDownload: (file: IData) => void;
     getDownloadUrl: (data: IData, file: IData) => string;
+    getDownloadTicketParams: () => {
+        appEntityTag?: string;
+        dataFieldTag?: string;
+    };
 };
 export {};