@ibiz-template/vue3-components 0.7.41-alpha.24 → 0.7.41-alpha.26

package/es/common/data-import2/data-import2.mjs

@@ -74,7 +74,7 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
         }
         let columnMapData = columnData.fields;
         if (!columnData.fields) {
-          const res = await getImportSchema(columnData.id);
+          const res = await getImportSchema(columnData.id, props.context);
           if (res.status === 200 && res.data) {
             columnMapData = res.data.fields;
           }
@@ -143,7 +143,8 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
           const resput = await updateImportSchema({
             appDataEntity: props.appDataEntity,
             dataImport,
-            data
+            data,
+            context: props.context
           });
           if (resput.status === 200 && resput.ok) {
             columnMappingListMap.set(listValue.value, resput.data);
@@ -160,7 +161,8 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
           const res = await createImportSchema({
             appDataEntity: props.appDataEntity,
             dataImport,
-            data
+            data,
+            context: props.context
           });
           if (res.status === 200 && res.ok) {
             columnMappingListMap.set(data.name, res.data);
@@ -183,7 +185,8 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
             appDataEntity: props.appDataEntity,
             dataImport,
             fileId: fileid,
-            schemaId: id
+            schemaId: id,
+            context: props.context
           });
           onCancelButtonClick();
         } else {
@@ -207,7 +210,8 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
     const columnMappingListQuery = async () => {
       const res = await fetchImportSchemas({
         appDataEntity: props.appDataEntity,
-        dataImport
+        dataImport,
+        context: props.context
       });
       if (res.status === 200 && res.data) {
         res.data.forEach((item) => {
@@ -386,6 +390,7 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
       "options": this.options,
       "columnMappingListMap": this.columnMappingListMap,
       "listValue": this.listValue,
+      "context": this.context,
       "onListValueChange": this.listValueChange,
       "onColumnMappingListMapChange": this.columnMappingListMapChange,
       "onOptionsChange": this.optionsChange

package/es/common/data-import2-select/data-import2-select.d.ts

@@ -24,6 +24,10 @@ export declare const DataImport2Select: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    context: {
+        type: PropType<import("@ibiz-template/core").IApiContext>;
+        required: false;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     inputClick: (e: Event) => void;
@@ -56,4 +60,8 @@ export declare const DataImport2Select: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    context: {
+        type: PropType<import("@ibiz-template/core").IApiContext>;
+        required: false;
+    };
 }>>, {}, {}>;

package/es/common/data-import2-select/data-import2-select.mjs

@@ -25,6 +25,10 @@ const DataImport2Select = /* @__PURE__ */ defineComponent({
     listValue: {
       type: String,
       required: true
+    },
+    context: {
+      type: Object,
+      required: false
     }
   },
   setup(props, {
@@ -55,7 +59,8 @@ const DataImport2Select = /* @__PURE__ */ defineComponent({
       if (data) {
         data.name = item.label;
         const result = await updateImportSchema({
-          data
+          data,
+          context: props.context
         });
         if (result.status === 200 && result.ok) {
           emit("columnMappingListMapChange", item.label, result.data);
@@ -81,7 +86,7 @@ const DataImport2Select = /* @__PURE__ */ defineComponent({
       e.stopPropagation();
       const columnData = props.columnMappingListMap.get(str);
       if (columnData) {
-        const res = await deleteImportSchema(columnData.id);
+        const res = await deleteImportSchema(columnData.id, props.context);
         if (res.status === 200 && res.ok) {
           emit("optionsChange", str);
           emit("columnMappingListMapChange", str);

package/es/control/app-menu/app-menu.d.ts

@@ -50,7 +50,7 @@ export declare const AppMenuControl: import("vue").DefineComponent<{
     key: Ref<string>;
     menus: Ref<import("@ibiz-template/core").IApiData[]>;
     menuRef: Ref<any>;
-    menuMode: import("vue").ComputedRef<"vertical" | "horizontal">;
+    menuMode: import("vue").ComputedRef<"horizontal" | "vertical">;
     hasScroll: Ref<boolean>;
     counterData: Ref<import("@ibiz-template/core").IApiData>;
     saveConfigs: Ref<import("@ibiz-template/core").IApiData[]>;

package/es/control/app-menu/app-menu.mjs

@@ -331,10 +331,7 @@ const AppMenuControl = /* @__PURE__ */ defineComponent({
     };
     c.evt.on("onCreated", async () => {
       saveConfigs.value = c.saveConfigs;
-      const allItems = c.getAllItems();
-      const defaultActiveMenuItem = allItems.find((item) => {
-        return item.openDefault && !item.hidden;
-      });
+      const defaultActiveMenuItem = c.getDefaultOpenMenuItem();
       if (defaultActiveMenuItem && !(route == null ? void 0 : route.params.view2) && !(route == null ? void 0 : route.fullPath.includes("404"))) {
         defaultActive.value = defaultActiveMenuItem.id;
         onClick(defaultActive.value);
@@ -342,7 +339,7 @@ const AppMenuControl = /* @__PURE__ */ defineComponent({
         const activeMenu = calcCurMenu();
         defaultActive.value = activeMenu ? activeMenu.id : "";
       }
-      const defaultOpensArr = allItems.filter((item) => {
+      const defaultOpensArr = c.getAllItems().filter((item) => {
         return item.expanded && !item.hidden;
       });
       if (defaultOpensArr.length > 0) {

package/es/control/app-menu/index.d.ts

@@ -26,7 +26,7 @@ export declare const IBizAppMenuControl: import("@ibiz-template/vue3-util").Type
     key: import("vue").Ref<string>;
     menus: import("vue").Ref<import("@ibiz-template/core").IApiData[]>;
     menuRef: import("vue").Ref<any>;
-    menuMode: import("vue").ComputedRef<"vertical" | "horizontal">;
+    menuMode: import("vue").ComputedRef<"horizontal" | "vertical">;
     hasScroll: import("vue").Ref<boolean>;
     counterData: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     saveConfigs: import("vue").Ref<import("@ibiz-template/core").IApiData[]>;

package/es/control/chart/chart.mjs

@@ -270,47 +270,51 @@ const ChartControl = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    return createVNode(resolveComponent("iBizControlBase"), {
+    return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
-      default: () => [createVNode("div", {
-        "id": this.uuid,
-        "class": this.ns.b("chart-container")
-      }, [this.renderNoData(), createVNode("div", {
-        "class": [this.ns.e("chart-grid"), this.ns.is("no-data", this.c.state.items.length === 0), this.ns.is("show-grid", this.c.state.showGrid), {
-          [this.ns.em("chart-grid", this.c.state.gridPosition)]: this.c.state.showGrid
-        }]
-      }, [createVNode("div", {
-        "class": [this.ns.e("chart-grid-container"), this.ns.is(this.c.state.gridPosition, this.c.state.showGrid), this.ns.is("no-grid", !this.c.state.showGrid)]
-      }, [createVNode("div", {
-        "ref": "chartRef",
-        "class": [this.ns.e("chart")]
-      }, [ibiz.i18n.t("control.chart.chartPlaceholder")]), this.showCheck ? createVNode("div", {
-        "ref": "drillDetailRef",
-        "class": this.ns.e("drill-detail"),
-        "style": this.drillDetailPos,
-        "onPointerdown": this.openDrillDetail
-      }, [createVNode("div", {
-        "class": this.ns.em("drill-detail", "item")
-      }, [createVNode("svg", {
-        "viewBox": "0 0 16 16",
-        "xmlns": "http://www.w3.org/2000/svg",
-        "height": "1em",
-        "width": "1em",
-        "focusable": "false",
-        "fill": "currentColor"
-      }, [createVNode("g", {
-        "id": "aspnormal/preview",
-        "stroke-width": "1",
-        "fill-rule": "evenodd"
-      }, [createVNode("path", {
-        "d": "M11.626 0c1.057 0 1.923.818 2 1.855l.005.15v3.411a.6.6 0 0 1-1.192.097l-.008-.097.001-1.348V2.005c0-.41-.31-.749-.705-.799l-.101-.006h-9.62c-.41 0-.75.308-.8.704l-.006.101v11.989c0 .41.308.75.705.8l.101.006h5.906l.017-.004.016-.003h2.074a.598.598 0 1 1 .107 1.187l-.095.01V16H2.006a2.006 2.006 0 0 1-2-1.856L0 13.994V2.005C0 .948.818.082 1.856.005L2.006 0h9.62zm-1.595 6.328a3.669 3.669 0 0 1 3.665 3.665c0 .79-.251 1.523-.678 2.123l2.412 2.412a.6.6 0 1 1-.848.85l-2.41-2.412a3.646 3.646 0 0 1-2.14.692 3.67 3.67 0 0 1-3.667-3.665 3.67 3.67 0 0 1 3.666-3.665zm-5.106 5.29a.6.6 0 0 1 .097 1.191l-.097.008H2.85a.6.6 0 0 1-.097-1.192l.097-.008h2.074zm5.106-4.09a2.468 2.468 0 0 0-2.466 2.465 2.468 2.468 0 0 0 2.466 2.466 2.47 2.47 0 0 0 2.466-2.466 2.469 2.469 0 0 0-2.466-2.465zm-4.815-.126a.6.6 0 0 1 .097 1.193l-.097.007h-2.35A.6.6 0 0 1 2.77 7.41l.098-.008h2.349zm5.58-4a.6.6 0 0 1 .097 1.192l-.097.008H2.867A.6.6 0 0 1 2.77 3.41l.097-.008h7.929z",
-        "id": "asp\u5408\u5E76\u5F62\u72B6"
-      }, null)])]), createVNode("div", {
-        "class": this.ns.em("drill-detail", "item-text")
-      }, [ibiz.i18n.t("control.chart.drillDetail")])])]) : null]), this.c.state.showGrid ? createVNode("div", {
-        "class": this.ns.e("grid")
-      }, [this.renderGrid()]) : null])])]
+      default: () => [createVNode(resolveComponent("iBizControlBase"), {
+        "controller": this.c
+      }, {
+        default: () => [createVNode("div", {
+          "id": this.uuid,
+          "class": this.ns.b("chart-container")
+        }, [this.renderNoData(), createVNode("div", {
+          "class": [this.ns.e("chart-grid"), this.ns.is("no-data", this.c.state.items.length === 0), this.ns.is("show-grid", this.c.state.showGrid), {
+            [this.ns.em("chart-grid", this.c.state.gridPosition)]: this.c.state.showGrid
+          }]
+        }, [createVNode("div", {
+          "class": [this.ns.e("chart-grid-container"), this.ns.is(this.c.state.gridPosition, this.c.state.showGrid), this.ns.is("no-grid", !this.c.state.showGrid)]
+        }, [createVNode("div", {
+          "ref": "chartRef",
+          "class": [this.ns.e("chart")]
+        }, [ibiz.i18n.t("control.chart.chartPlaceholder")]), this.showCheck ? createVNode("div", {
+          "ref": "drillDetailRef",
+          "class": this.ns.e("drill-detail"),
+          "style": this.drillDetailPos,
+          "onPointerdown": this.openDrillDetail
+        }, [createVNode("div", {
+          "class": this.ns.em("drill-detail", "item")
+        }, [createVNode("svg", {
+          "viewBox": "0 0 16 16",
+          "xmlns": "http://www.w3.org/2000/svg",
+          "height": "1em",
+          "width": "1em",
+          "focusable": "false",
+          "fill": "currentColor"
+        }, [createVNode("g", {
+          "id": "aspnormal/preview",
+          "stroke-width": "1",
+          "fill-rule": "evenodd"
+        }, [createVNode("path", {
+          "d": "M11.626 0c1.057 0 1.923.818 2 1.855l.005.15v3.411a.6.6 0 0 1-1.192.097l-.008-.097.001-1.348V2.005c0-.41-.31-.749-.705-.799l-.101-.006h-9.62c-.41 0-.75.308-.8.704l-.006.101v11.989c0 .41.308.75.705.8l.101.006h5.906l.017-.004.016-.003h2.074a.598.598 0 1 1 .107 1.187l-.095.01V16H2.006a2.006 2.006 0 0 1-2-1.856L0 13.994V2.005C0 .948.818.082 1.856.005L2.006 0h9.62zm-1.595 6.328a3.669 3.669 0 0 1 3.665 3.665c0 .79-.251 1.523-.678 2.123l2.412 2.412a.6.6 0 1 1-.848.85l-2.41-2.412a3.646 3.646 0 0 1-2.14.692 3.67 3.67 0 0 1-3.667-3.665 3.67 3.67 0 0 1 3.666-3.665zm-5.106 5.29a.6.6 0 0 1 .097 1.191l-.097.008H2.85a.6.6 0 0 1-.097-1.192l.097-.008h2.074zm5.106-4.09a2.468 2.468 0 0 0-2.466 2.465 2.468 2.468 0 0 0 2.466 2.466 2.47 2.47 0 0 0 2.466-2.466 2.469 2.469 0 0 0-2.466-2.465zm-4.815-.126a.6.6 0 0 1 .097 1.193l-.097.007h-2.35A.6.6 0 0 1 2.77 7.41l.098-.008h2.349zm5.58-4a.6.6 0 0 1 .097 1.192l-.097.008H2.867A.6.6 0 0 1 2.77 3.41l.097-.008h7.929z",
+          "id": "asp\u5408\u5E76\u5F62\u72B6"
+        }, null)])]), createVNode("div", {
+          "class": this.ns.em("drill-detail", "item-text")
+        }, [ibiz.i18n.t("control.chart.drillDetail")])])]) : null]), this.c.state.showGrid ? createVNode("div", {
+          "class": this.ns.e("grid")
+        }, [this.renderGrid()]) : null])])]
+      })]
     });
   }
 });

package/es/control/dashboard/dashboard.css

@@ -1 +1 @@
-.ibiz-control-dashboard{position:relative;align-content:flex-start;height:100%;overflow-y:scroll}.ibiz-control-dashboard .ibiz-control-dashboard-build-btn{position:absolute;right:0;z-index:10}
+.ibiz-control-dashboard{position:relative;align-content:flex-start;height:100%;overflow-y:auto}.ibiz-control-dashboard .ibiz-control-dashboard-build-btn{position:absolute;right:0;z-index:10}

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{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)}
+.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{display:none;padding:0 var(--ibiz-spacing-base);margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-super-tight)}.ibiz-control-dataview__batchtoolbar.is-show{display:block}.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

@@ -459,7 +459,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       if (!ctrlModel)
         return;
       return createVNode("div", {
-        "class": ns.e("batchtoolbar")
+        "class": [ns.e("batchtoolbar"), ns.is("show", c.showBatchToolbar)]
       }, [createVNode(resolveComponent("iBizToolbarControl"), {
         "modelData": ctrlModel,
         "context": c.context,

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

@@ -18,7 +18,6 @@ export declare const FormItem: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: FormItemController;
-    extraParams: import("vue").Ref<{}>;
     onValueChange: (val: unknown, name?: string, ignore?: boolean) => 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/form/form-detail/form-item/form-item.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, createVNode, createTextVNode, resolveComponent, h, defineComponent } from 'vue';
+import { isVNode, createVNode, createTextVNode, resolveComponent, h, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { CompositeFormItem } from './composite-form-item/composite-form-item.mjs';
 import './form-item.css';
@@ -24,37 +24,19 @@ const FormItem = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
-    var _a, _b, _c, _d;
     const ns = useNamespace("form-item");
     const c = props.controller;
     const onValueChange = (val, name, ignore = false) => {
       props.controller.setDataValue(val, name, ignore);
     };
-    const extraParams = ref({});
-    let emptyHiddenUnit = ibiz.config.form.emptyHiddenUnit;
-    const emptyhiddenunit = (_b = (_a = props.controller.form) == null ? void 0 : _a.controlParams) == null ? void 0 : _b.emptyhiddenunit;
-    if (emptyhiddenunit) {
-      emptyHiddenUnit = Object.is(emptyhiddenunit, "true");
-    }
-    const editorParams = ((_d = (_c = props.controller.editor) == null ? void 0 : _c.model) == null ? void 0 : _d.editorParams) || {};
-    const {
-      EMPTYHIDDENUNIT
-    } = editorParams;
-    if (EMPTYHIDDENUNIT) {
-      emptyHiddenUnit = Object.is(EMPTYHIDDENUNIT, "true");
-    }
-    Object.assign(extraParams.value, {
-      emptyHiddenUnit
-    });
     return {
       ns,
       c,
-      extraParams,
       onValueChange
     };
   },
   render() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     if (!this.c.state.visible || ((_a = this.c.model.editor) == null ? void 0 : _a.editorType) === "HIDDEN") {
       return null;
     }
@@ -88,7 +70,7 @@ const FormItem = /* @__PURE__ */ defineComponent({
         disabled: this.c.state.disabled,
         readonly: this.c.state.readonly,
         onChange: this.onValueChange,
-        extraParams: this.extraParams,
+        extraParams: ((_f = this.c.editor) == null ? void 0 : _f.extraParams) || {},
         controlParams: editMode ? {
           ...this.c.form.controlParams,
           editmode: editMode

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

@@ -15,7 +15,6 @@ export declare const IBizFormItem: import("@ibiz-template/vue3-util").TypeWithIn
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: import("@ibiz-template/runtime").FormItemController;
-    extraParams: import("vue").Ref<{}>;
     onValueChange: (val: unknown, name?: string | undefined, ignore?: boolean) => 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/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.d.ts

@@ -8,9 +8,9 @@ export declare const FormMDCtrlMD: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     showActions: import("vue").ComputedRef<boolean>;
-    isSelected: import("vue").Ref<boolean>;
     onCreated: (event: EventBase) => void;
     onSelectionChange: (event: EventBase) => void;
+    renderRemoveBtn: () => import("vue/jsx-runtime").JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof FormMDCtrlMDController;

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

@@ -1,7 +1,8 @@
-import { isVNode, computed, ref, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, computed, ref, resolveComponent, createVNode, h, defineComponent } from 'vue';
 import { FormMDCtrlMDController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-mdctrl-md.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -27,16 +28,52 @@ const FormMDCtrlMD = /* @__PURE__ */ defineComponent({
     const onSelectionChange = (event) => {
       isSelected.value = event.data.length > 0;
     };
+    const handleRemove = () => {
+      isSelected.value = false;
+      props.controller.remove();
+    };
+    const renderRemoveBtn = () => {
+      let _slot2;
+      if (!props.controller.enableDelete)
+        return null;
+      if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
+        return createVNode(resolveComponent("el-popconfirm"), {
+          "title": showTitle(ibiz.i18n.t("control.form.mdCtrlContainer.promptInformation")),
+          "confirm-button-text": ibiz.i18n.t("app.confirm"),
+          "cancel-button-text": ibiz.i18n.t("app.cancel"),
+          "onConfirm": () => handleRemove()
+        }, {
+          reference: () => {
+            let _slot;
+            return createVNode(resolveComponent("el-button"), {
+              "type": "danger",
+              "disabled": !isSelected.value,
+              "class": [ns.be("actions", "remove"), ns.be("actions", "btn")]
+            }, _isSlot(_slot = ibiz.i18n.t("app.delete")) ? _slot : {
+              default: () => [_slot]
+            });
+          }
+        });
+      }
+      return createVNode(resolveComponent("el-button"), {
+        "type": "danger",
+        "disabled": !isSelected.value,
+        "class": [ns.be("actions", "remove"), ns.be("actions", "btn")],
+        "onClick": () => handleRemove()
+      }, _isSlot(_slot2 = ibiz.i18n.t("app.delete")) ? _slot2 : {
+        default: () => [_slot2]
+      });
+    };
     return {
       ns,
       showActions,
-      isSelected,
       onCreated,
-      onSelectionChange
+      onSelectionChange,
+      renderRemoveBtn
     };
   },
   render() {
-    let _slot, _slot2;
+    let _slot3;
     const {
       mdProvider,
       model
@@ -62,16 +99,9 @@ const FormMDCtrlMD = /* @__PURE__ */ defineComponent({
     }, [this.controller.enableCreate && createVNode(resolveComponent("el-button"), {
       "class": [this.ns.be("actions", "create"), this.ns.be("actions", "btn")],
       "onClick": () => this.controller.create()
-    }, _isSlot(_slot = ibiz.i18n.t("app.add")) ? _slot : {
-      default: () => [_slot]
-    }), this.controller.enableDelete && createVNode(resolveComponent("el-button"), {
-      "type": "danger",
-      "disabled": !this.isSelected,
-      "class": [this.ns.be("actions", "remove"), this.ns.be("actions", "btn")],
-      "onClick": () => this.controller.remove()
-    }, _isSlot(_slot2 = ibiz.i18n.t("app.delete")) ? _slot2 : {
-      default: () => [_slot2]
-    })])]);
+    }, _isSlot(_slot3 = ibiz.i18n.t("app.add")) ? _slot3 : {
+      default: () => [_slot3]
+    }), this.renderRemoveBtn()])]);
   }
 });
 

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.css

@@ -1 +1 @@
-.ibiz-form-tab-panel{width:100%;height:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary)}.ibiz-form-tab-panel>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-tab-panel-active-text-color);background-color:var(--ibiz-form-tab-panel-active-bg-color)}.ibiz-form-tab-panel .el-tabs__nav-wrap::after{height:1px;background-color:var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel .el-tabs__active-bar{background-color:var(--ibiz-form-tab-panel-active-border-color)}.ibiz-form-tab-panel .el-tabs__item .ibiz-form-tab-panel__badge.is-no-counter{padding-right:var(--ibiz-spacing-none)}.ibiz-form-tab-panel__badge .el-badge__content{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);background-color:var(--ibiz-color-danger)}.ibiz-form-tab-panel__badge .el-badge__content.is-fixed{top:var(--ibiz-spacing-super-tight);right:0}
+.ibiz-form-tab-panel{width:100%;height:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-select-all-height:40px}.ibiz-form-tab-panel>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-tab-panel-active-text-color);background-color:var(--ibiz-form-tab-panel-active-bg-color)}.ibiz-form-tab-panel .el-tabs__nav-wrap::after{height:1px;background-color:var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel .el-tabs__active-bar{background-color:var(--ibiz-form-tab-panel-active-border-color)}.ibiz-form-tab-panel .el-tabs__item .ibiz-form-tab-panel__badge.is-no-counter{padding-right:var(--ibiz-spacing-none)}.ibiz-form-tab-panel__badge .el-badge__content{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);background-color:var(--ibiz-color-danger)}.ibiz-form-tab-panel__badge .el-badge__content.is-fixed{top:var(--ibiz-spacing-super-tight);right:0}.ibiz-form-tab-panel--style2 .el-tabs__nav-next.is-disabled,.ibiz-form-tab-panel--style2 .el-tabs__nav-prev.is-disabled{display:none}.ibiz-form-tab-panel--style2 .el-tabs__nav-wrap.is-top:has(.el-tabs__nav-prev.is-disabled){padding-left:0}.ibiz-form-tab-panel--style2 .el-tabs__nav-wrap.is-top:has(.el-tabs__nav-next.is-disabled){padding-right:0}.ibiz-form-tab-panel-tab-panel-container-style2{position:relative;display:flex;width:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-select-all-height:40px}.ibiz-form-tab-panel-tab-panel-container-style2 .ibiz-form-tab-panel{width:100%}.ibiz-form-tab-panel-tab-panel-container-style2 .ibiz-form-tab-panel .el-tabs__header{width:calc(100% - 72px)}.ibiz-form-tab-panel-tab-panel-container-style2__popover{--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-select-all-height:40px}.ibiz-form-tab-panel-tab-panel-container-style2__popover.el-popover{padding:0}.ibiz-form-tab-panel-tab-panel-container-style2__select{position:absolute;top:0;right:0;display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;justify-content:center;width:72px;height:var(--ibiz-form-tab-panel-select-all-height);font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);cursor:pointer;border-bottom:1px solid var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel-tab-panel-container-style2__content{padding:var(--ibiz-spacing-base) 0}.ibiz-form-tab-panel-tab-panel-container-style2__tab-item-content{width:100%;padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-form-tab-panel-tab-panel-container-style2__tab-item-content:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel-tab-panel-container-style2__tab-item-content.is-active{color:var(--ibiz-form-tab-panel-active-text-color)}

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

@@ -13,7 +13,9 @@ export declare const FormTabPanel: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    popoverVisible: import("vue").Ref<boolean>;
     onTabClick: (tabIns: IData, event: MouseEvent) => void;
+    renderAllTabContent: () => import("vue/jsx-runtime").JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEFormTabPanel>;

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

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import './form-tab-panel.css';
 import { FormTabPanelController } from '@ibiz-template/runtime';
@@ -22,16 +22,39 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
   setup(props) {
     const ns = useNamespace("form-tab-panel");
     useController(props.controller);
-    const onTabClick = (tabIns, event) => {
-      props.controller.onTabChange(tabIns.props.name);
-      const pageC = props.controller.form.details[tabIns.props.name];
+    const popoverVisible = ref(false);
+    const triggerClick = (key, event) => {
+      const pageC = props.controller.form.details[key];
       if (pageC) {
         pageC.onClick(event);
       }
     };
+    const onTabClick = (tabIns, event) => {
+      props.controller.onTabChange(tabIns.props.name);
+      triggerClick(tabIns.props.name, event);
+    };
+    const onPopoverClick = (key, event) => {
+      props.controller.selectTab(key);
+      popoverVisible.value = false;
+      triggerClick(key, event);
+    };
+    const renderAllTabContent = () => {
+      var _a;
+      return createVNode("div", {
+        "class": ns.be("tab-panel-container-style2", "content")
+      }, [(_a = props.modelData.deformTabPages) == null ? void 0 : _a.map((page) => {
+        return createVNode("div", {
+          "class": [ns.be("tab-panel-container-style2", "tab-item-content"), ns.is("active", page.id === props.controller.state.activeTab)],
+          "onClick": (event) => onPopoverClick(page.codeName, event),
+          "title": page.caption
+        }, [page.caption]);
+      })]);
+    };
     return {
       ns,
-      onTabClick
+      popoverVisible,
+      onTabClick,
+      renderAllTabContent
     };
   },
   render() {
@@ -45,7 +68,7 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
         "icon": c.model.sysImage
       }, null), c.model.showCaption && c.model.caption]);
     };
-    return createVNode(resolveComponent("el-tabs"), {
+    const tabContent = createVNode(resolveComponent("el-tabs"), {
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.modelData.detailStyle ? this.ns.m(this.modelData.detailStyle.toLowerCase()) : "", ...this.controller.containerClass],
       "model-value": this.controller.state.activeTab,
       "onTabClick": this.onTabClick
@@ -81,6 +104,31 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
     })) ? _slot2 : {
       default: () => [_slot2]
     });
+    if (this.modelData.detailStyle === "STYLE2") {
+      return createVNode("div", {
+        "class": this.ns.b("tab-panel-container-style2")
+      }, [tabContent, createVNode(resolveComponent("el-popover"), {
+        "trigger": "click",
+        "placement": "top-end",
+        "visible": this.popoverVisible,
+        "onUpdate:visible": ($event) => this.popoverVisible = $event,
+        "popper-class": this.ns.be("tab-panel-container-style2", "popover")
+      }, {
+        reference: () => {
+          return createVNode("div", {
+            "class": this.ns.be("tab-panel-container-style2", "select")
+          }, [createVNode("div", {
+            "class": this.ns.bem("tab-panel-container-style2", "select", "title")
+          }, [ibiz.i18n.t("control.form.formTabPnel.all")]), createVNode("ion-icon", {
+            "name": "caret-down-outline"
+          }, null)]);
+        },
+        default: () => {
+          return this.renderAllTabContent();
+        }
+      })]);
+    }
+    return tabContent;
   }
 });
 

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

@@ -9,7 +9,9 @@ export declare const IBizFormTabPanel: import("@ibiz-template/vue3-util").TypeWi
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    popoverVisible: import("vue").Ref<boolean>;
     onTabClick: (tabIns: import("@ibiz-template/core").IApiData, event: MouseEvent) => void;
+    renderAllTabContent: () => import("vue/jsx-runtime").JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEFormTabPanel>;

package/es/control/gantt/gantt.mjs

@@ -160,7 +160,9 @@ const GanttControl = /* @__PURE__ */ defineComponent({
       var _a2;
       const columnKey = (_a2 = c.controlParams.expandiconcolumn) == null ? void 0 : _a2.toLowerCase();
       const columnSatate = c.state.columnStates.find((item) => columnKey && item.key.toLowerCase() === columnKey);
-      return columnSatate == null ? void 0 : columnSatate.key;
+      if (columnSatate && !columnSatate.hidden)
+        return columnSatate.key;
+      return void 0;
     });
     watch([() => ganttRef.value, () => c.state.selectedData], ([table, newVal]) => {
       if (forbidOperation || !table)

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

@@ -413,7 +413,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
         return;
       }
       return createVNode("div", {
-        "class": [ns.b("batch-toolbar"), ns.is("show", c.state.selectedData.length > 0)]
+        "class": [ns.b("batch-toolbar"), ns.is("show", c.showBatchToolbar)]
       }, [createVNode("div", {
         "class": ns.b("batch-toolbar-content")
       }, [createVNode("div", {