@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.39

package/es/control/dashboard/portlet/filter-portlet/filter-portlet-design/filter-portlet-design.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, reactive, createVNode, resolveComponent, createTextVNode, withDirectives, resolveDirective } from 'vue';
+import { isVNode, ref, reactive, resolveComponent, createVNode, createTextVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { clone } from '@ibiz-template/core';
 import './filter-portlet-design.css';

package/es/control/dashboard/portlet/filter-portlet/filter-portlet-item/filter-portlet-item.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, computed, watch, resolveComponent, h, createVNode } from 'vue';
+import { isVNode, ref, computed, watch, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { getEditorProvider } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './filter-portlet-item.css';

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, h, createVNode, resolveComponent } from 'vue';
+import { isVNode, h, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { FilterPortletController } from '@ibiz-template/runtime';
 import { FilterPortletItem } from './filter-portlet-item/filter-portlet-item.mjs';

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

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { HtmlPortletController } from '@ibiz-template/runtime';
 import './html-portlet.css';

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ListPortletController, ControlType } from '@ibiz-template/runtime';
 

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { AppMenuIconViewController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './app-menu-portlet.css';

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

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { MenuPortletController, ControlType } from '@ibiz-template/runtime';
 

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './portlet-layout.css';
 import { PortletPartController } from '@ibiz-template/runtime';

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RawItemPortletController } from '@ibiz-template/runtime';
 

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, computed, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ReportPortletController, ControlType } from '@ibiz-template/runtime';
 

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ViewPortletController } from '@ibiz-template/runtime';
 

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__content{flex-grow:1;height:100%}.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-scroll{display:flex;flex-wrap:wrap;align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-scroll>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.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.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--actions{display:flex;justify-content:center}.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-group-content__item-content{display:flex;flex-wrap:wrap;padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color);will-change:height}.ibiz-control-dataview-group-content__item-content>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}
+.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__content{flex-grow:1;height:100%;overflow:auto;padding:var(--ibiz-control-dataview-padding)}.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;overflow:auto;align-content:flex-start}.ibiz-control-dataview__layout-flex>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.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;cursor:pointer;color:var(--ibiz-control-dataview-text-color);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__content{width:100%;height:100%;display:flex;align-items:center}.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--actions{display:flex;justify-content:center}.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,9 +1,9 @@
-import { isVNode, defineComponent, computed, ref, watch, createVNode, resolveComponent, withDirectives, resolveDirective } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { DataViewControlController, ControlVO } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
-import './data-view.css';
 import '../../util/index.mjs';
+import './data-view.css';
 import { usePagination } from '../../util/pagination/use-pagination.mjs';
 
 "use strict";
@@ -73,6 +73,10 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       }
       return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
     });
+    const cardStyle = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = c.model.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.CARDSTYLE) || "default";
+    });
     const showCollapseOrExpandIcon = computed(() => {
       return !c.model.enableGroup && (c.model.pagingMode === 2 || c.model.pagingMode === 3);
     });
@@ -103,6 +107,22 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         c.state.isLoaded = true;
       }
     });
+    const isSelected = (item) => {
+      let selected = !!c.state.selectedData.find((data) => data.srfkey === item.srfkey);
+      if (c.view.model.viewType === "DEDATAVIEW" && c.state.mdctrlActiveMode === 1 && c.state.singleSelect === true)
+        selected = false;
+      return selected;
+    };
+    const toggleSelection = (item) => {
+      const selected = c.state.selectedData;
+      const index = selected.findIndex((data) => data.srfkey === item.srfkey);
+      if (index === -1) {
+        selected.push(item);
+      } else {
+        selected.splice(index, 1);
+      }
+      c.setSelection(selected);
+    };
     watch(() => props.data, () => {
       if (props.isSimple) {
         initSimpleData();
@@ -160,25 +180,6 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       }, [renderItemAction(item)]) : null]);
     };
     const renderCard = (item) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      let showActive = findIndex !== -1;
-      if (c.view.model.viewType === "DEDATAVIEW" && c.state.mdctrlActiveMode === 1 && c.state.singleSelect === true) {
-        showActive = false;
-      }
-      const cardClass = [ns.b("item"), ns.is("active", showActive)];
-      const cardStyle = {};
-      if (c.model.cardWidth) {
-        Object.assign(cardStyle, {
-          width: "".concat(c.model.cardWidth, "px")
-        });
-      }
-      if (c.model.cardHeight) {
-        Object.assign(cardStyle, {
-          height: "".concat(c.model.cardHeight, "px")
-        });
-      }
       const itemStyle = ns.cssVarBlock({
         "item-bg-color": "".concat(item.bgcolor || ""),
         "text-color": "".concat(item.fontcolor || ""),
@@ -188,21 +189,62 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       const panel = props.modelData.itemLayoutPanel;
       return createVNode(resolveComponent("el-card"), {
         "shadow": "hover",
-        "class": cardClass,
+        "class": [ns.b("item"), ns.is("active", isSelected(item))],
         "style": itemStyle,
-        "body-style": cardStyle,
+        "body-style": {
+          width: c.model.cardWidth ? "".concat(c.model.cardWidth, "px") : "auto",
+          height: c.model.cardHeight ? "".concat(c.model.cardHeight, "px") : "auto"
+        },
         "onClick": (event) => onRowClick(item, event),
         "onDblclick": (event) => onDbRowClick(item, event)
       }, {
-        default: () => [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]
+        default: () => [createVNode("div", {
+          "class": ns.be("item", "content")
+        }, [cardStyle.value === "style2" && !c.state.singleSelect && createVNode(resolveComponent("el-checkbox"), {
+          "size": "large",
+          "class": ns.bem("item", "content", "checkbox"),
+          "modelValue": isSelected(item),
+          "onClick": (e) => e.stopPropagation(),
+          "onChange": () => toggleSelection(item)
+        }, null), panel ? renderPanelItem(item, panel) : renderDefaultItem(item)])]
       });
     };
-    const renderGroup = (group) => {
+    const renderCardLayout = (items) => {
+      let _slot;
       const {
         cardColXS,
         cardColSM,
         cardColMD,
-        cardColLG,
+        cardColLG
+      } = c.model;
+      if (cardColXS || cardColSM || cardColMD || cardColLG)
+        return createVNode(resolveComponent("el-row"), {
+          "class": ns.e("layout-row")
+        }, _isSlot(_slot = items.map((item) => {
+          return createVNode(resolveComponent("el-col"), {
+            "xs": cardColXS,
+            "sm": cardColSM,
+            "md": cardColMD,
+            "lg": cardColLG,
+            "class": ns.e("layout-col")
+          }, {
+            default: () => [createVNode("div", {
+              "class": ns.b("scroll-item")
+            }, [renderCard(item)])]
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        });
+      return createVNode("div", {
+        "class": ns.e("layout-flex")
+      }, [items.map((item) => {
+        return createVNode("div", {
+          "class": ns.b("scroll-item")
+        }, [renderCard(item)]);
+      })]);
+    };
+    const renderGroup = (group) => {
+      const {
         groupSysCss
       } = c.model;
       return createVNode("div", {
@@ -220,75 +262,19 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "onActionClick": (detail, event) => {
           c.onGroupToolbarClick(detail, event, group);
         }
-      }, null)])]), cardColXS || cardColSM || cardColMD || cardColLG ? createVNode(resolveComponent("el-row"), {
-        "class": ns.be("group-content", "item-row")
-      }, {
-        default: () => [group.children.length > 0 ? group.children.map((child) => {
-          let _slot;
-          return createVNode(resolveComponent("el-col"), {
-            "xs": cardColXS,
-            "sm": cardColSM,
-            "md": cardColMD,
-            "lg": cardColLG,
-            "class": ns.be("group-content", "item-col")
-          }, _isSlot(_slot = renderCard(child)) ? _slot : {
-            default: () => [_slot]
-          });
-        }) : createVNode("div", {
-          "class": ns.bem("group-content", "item", "empty")
-        }, [ibiz.i18n.t("app.noData")])]
-      }) : createVNode("div", {
-        "class": ns.be("group-content", "item-content")
-      }, [group.children.length > 0 ? group.children.map((child) => {
-        return renderCard(child);
-      }) : createVNode("div", {
+      }, null)])]), group.children.length > 0 ? renderCardLayout(group.children) : createVNode("div", {
         "class": ns.bem("group-content", "item", "empty")
-      }, [ibiz.i18n.t("app.noData")])])]);
+      }, [ibiz.i18n.t("app.noData")])]);
     };
     const renderDataViewContent = () => {
-      const {
-        cardColXS,
-        cardColSM,
-        cardColMD,
-        cardColLG
-      } = c.model;
       if (c.model.enableGroup) {
         return createVNode("div", {
           "class": ns.b("group-content")
         }, [c.state.groups.map((group) => {
-          return createVNode("div", {
-            "class": [ns.b("scroll-item")]
-          }, [renderGroup(group)]);
+          return renderGroup(group);
         })]);
       }
-      let tempItems = c.state.items;
-      if (isCollapse.value) {
-        tempItems = c.state.items.slice(0, c.state.size);
-      }
-      if (cardColXS || cardColSM || cardColMD || cardColLG) {
-        let _slot3;
-        return createVNode(resolveComponent("el-row"), {
-          "class": [ns.b("item-row")]
-        }, _isSlot(_slot3 = tempItems.map((item) => {
-          let _slot2;
-          return createVNode(resolveComponent("el-col"), {
-            "xs": cardColXS,
-            "sm": cardColSM,
-            "md": cardColMD,
-            "lg": cardColLG,
-            "class": [ns.b("item-col")]
-          }, _isSlot(_slot2 = renderCard(item)) ? _slot2 : {
-            default: () => [_slot2]
-          });
-        })) ? _slot3 : {
-          default: () => [_slot3]
-        });
-      }
-      return tempItems.map((item) => {
-        return createVNode("div", {
-          "class": [ns.b("scroll-item")]
-        }, [renderCard(item)]);
-      });
+      return renderCardLayout(isCollapse.value ? c.state.items.slice(0, c.state.size) : c.state.items);
     };
     const scrollToTop = () => {
       var _a;
@@ -339,10 +325,10 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
     };
     const renderHasData = () => {
       return withDirectives(createVNode("div", {
-        "class": [ns.b("scroll"), ns.e("content")],
+        "class": ns.e("content"),
+        "ref": "infiniteScroll",
         "infinite-scroll-distance": 10,
         "infinite-scroll-disabled": isLodeMoreDisabled.value,
-        "ref": "infiniteScroll",
         "key": infiniteScrollKey.value
       }, [renderDataViewContent()]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };

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

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { DataViewControl } from './data-view.mjs';
 import { DataViewControlProvider } from './data-view.provider.mjs';

package/es/control/drbar/drbar.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, onUnmounted, watch, createVNode, resolveComponent } from 'vue';
+import { reactive, onUnmounted, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import { DRBarController } from './drbar.controller.mjs';

package/es/control/drbar/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { DRBarControl } from './drbar.mjs';
 import { DRBarProvider } from './drbar.provider.mjs';

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.38-alpha.57_axios@1.7.7_lodash-es@4.17.21_qs@6.13.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.39_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/es/control/drtab/drtab.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, computed, onUnmounted, watch, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { ref, reactive, computed, onUnmounted, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import { hasSubRoute } from '@ibiz-template/runtime';

package/es/control/drtab/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { DRTabControl } from './drtab.mjs';
 import { DRTabProvider } from './drtab.provider.mjs';

package/es/control/exp-bar/calendar-exp-bar/calendar-exp-bar.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './calendar-exp-bar.css';
 import { CalendarExpBarController } from '@ibiz-template/runtime';

package/es/control/exp-bar/calendar-exp-bar/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { CalendarExpBarControl } from './calendar-exp-bar.mjs';
 import { CalendarExpBarProvider } from './calendar-exp-bar.provider.mjs';

package/es/control/exp-bar/chart-exp-bar/chart-exp-bar.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './chart-exp-bar.css';
 import { ChartExpBarController } from '@ibiz-template/runtime';

package/es/control/exp-bar/chart-exp-bar/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { ChartExpBarControl } from './chart-exp-bar.mjs';
 import { ChartExpBarProvider } from './chart-exp-bar.provider.mjs';

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './data-view-exp-bar.css';
 import { ExpBarControlController } from '@ibiz-template/runtime';

package/es/control/exp-bar/data-view-exp-bar/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { DataViewExpBarControl } from './data-view-view-exp-bar.mjs';
 import { DataViewExpBarProvider } from './data-view-exp-bar.provider.mjs';

package/es/control/exp-bar/grid-exp-bar/grid-exp-bar.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './grid-exp-bar.css';
 import { ExpBarControlController } from '@ibiz-template/runtime';

package/es/control/exp-bar/grid-exp-bar/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { GridExpBarControl } from './grid-exp-bar.mjs';
 import { GridExpBarProvider } from './grid-exp-bar.provider.mjs';

package/es/control/exp-bar/list-exp-bar/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { ListExpBarControl } from './list-exp-bar.mjs';
 import { ListExpBarProvider } from './list-exp-bar.provider.mjs';

package/es/control/exp-bar/list-exp-bar/list-exp-bar.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './list-exp-bar.css';
 import { ExpBarControlController } from '@ibiz-template/runtime';

package/es/control/exp-bar/render-util.mjs

@@ -1,7 +1,7 @@
-import { createVNode, resolveComponent, h } from 'vue';
+import { resolveComponent, createVNode, h } from 'vue';
 import { debounce } from 'lodash-es';
 import { useRoute } from 'vue-router';
-import { useNamespace, onRouteChange, route2routePath } from '@ibiz-template/vue3-util';
+import { useNamespace, route2routePath, onRouteChange } from '@ibiz-template/vue3-util';
 import './render-util.css';
 
 "use strict";

package/es/control/exp-bar/tree-exp-bar/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { TreeExpBarControl } from './tree-exp-bar.mjs';
 import { TreeExpBarProvider } from './tree-exp-bar.provider.mjs';

package/es/control/exp-bar/tree-exp-bar/tree-exp-bar.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './tree-exp-bar.css';
 import { TreeExpBarController } from '@ibiz-template/runtime';

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

@@ -0,0 +1 @@
+.ibiz-control-edit-form{width:100%;height:100%;padding-bottom:var(--ibiz-spacing-tight)}.ibiz-control-edit-form.is-item-filter .ibiz-control-form{overflow-y:auto;height:calc(100% - 32px)}

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

@@ -1,76 +1,3 @@
-import { EditFormController, IControlProvider } from '@ibiz-template/runtime';
-import { IDEEditForm } from '@ibiz/model-core';
-import { PropType, Ref } from 'vue';
-export declare const EditFormControl: import("vue").DefineComponent<{
-    modelData: {
-        type: PropType<IDEEditForm>;
-        required: true;
-    };
-    context: {
-        type: PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: PropType<IParams>;
-        default: () => {};
-    };
-    provider: {
-        type: PropType<IControlProvider>;
-    };
-    isSimple: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    data: {
-        type: PropType<IData>;
-        required: false;
-    };
-    loadDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    c: EditFormController;
-    ns: import("@ibiz-template/core").Namespace;
-    anchorList: Ref<IData[]>;
-    anchorTargetRef: Ref<IData | undefined>;
-    calcNavBarConfig: () => {
-        navBarPos: string | undefined;
-        navBarSysCss: import("@ibiz/model-core").ISysCss | undefined;
-        navBarWidth: number | undefined;
-        navBarStyle: string | undefined;
-        navbarHeight: number | undefined;
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelData: {
-        type: PropType<IDEEditForm>;
-        required: true;
-    };
-    context: {
-        type: PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: PropType<IParams>;
-        default: () => {};
-    };
-    provider: {
-        type: PropType<IControlProvider>;
-    };
-    isSimple: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    data: {
-        type: PropType<IData>;
-        required: false;
-    };
-    loadDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    params: IParams;
-    isSimple: boolean;
-    loadDefault: boolean;
-}, {}>;
+import { defineComponent } from 'vue';
+import './edit-form.scss';
+export declare const EditFormControl: ReturnType<typeof defineComponent>;