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

package/lib/control/list/list.cjs

@@ -3,7 +3,6 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var lodashEs = require('lodash-es');
-var qxUtil = require('qx-util');
 var runtime = require('@ibiz-template/runtime');
 var draggable = require('vuedraggable');
 var core = require('@ibiz-template/core');
@@ -95,32 +94,19 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       onPageRefresh,
       onPageSizeChange
     } = usePagination.usePagination(c);
-    const isLodeMoreDisabled = vue.computed(() => {
-      if (c.model.enablePagingBar === true) {
+    const infiniteScroll = vue.ref();
+    const reverseScroll = c.model.controlStyle === "EXTVIEW3";
+    const disabledLodeMore = vue.computed(() => {
+      if (c.model.enablePagingBar === true)
         return true;
-      }
-      if (c.model.pagingMode !== 2) {
+      if (c.model.pagingMode !== 2)
         return true;
-      }
       return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
     });
     const isCollapse = vue.ref(false);
     const showCollapseOrExpandIcon = vue.computed(() => {
       return !c.state.enableGroup && (c.model.pagingMode === 2 || c.model.pagingMode === 3);
     });
-    const infiniteScroll = vue.ref();
-    const infiniteScrollKey = vue.ref(qxUtil.createUUID());
-    vue.watch(() => c.state.curPage, () => {
-      var _a, _b;
-      if (c.state.curPage === 1 && (c.model.pagingMode === 2 || c.model.pagingMode === 3)) {
-        infiniteScrollKey.value = qxUtil.createUUID();
-        const containerEl = (_b = (_a = infiniteScroll.value) == null ? void 0 : _a.ElInfiniteScroll) == null ? void 0 : _b.containerEl;
-        if (containerEl) {
-          containerEl.lastScrollTop = 0;
-          containerEl.scrollTop = 0;
-        }
-      }
-    });
     let cacheInfo = null;
     const onDraggableChange = (evt, groupKey) => {
       if (evt.moved) {
@@ -167,6 +153,31 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         behavior: "smooth"
       });
     };
+    const handleScrollLoad = async () => {
+      if (!infiniteScroll.value || disabledLodeMore.value)
+        return;
+      const scrollTop = infiniteScroll.value.scrollTop;
+      const scrollHeight = infiniteScroll.value.scrollHeight;
+      const clientHeight = infiniteScroll.value.clientHeight;
+      if (!reverseScroll && scrollHeight - scrollTop - clientHeight < 10) {
+        await c.loadMore();
+      } else if (reverseScroll && scrollTop < 10) {
+        await c.loadMore();
+        const newScrollHeight = infiniteScroll.value.scrollHeight;
+        infiniteScroll.value.scrollTop = scrollTop + (newScrollHeight - scrollHeight);
+      }
+    };
+    c.evt.on("onLoadSuccess", (evt) => {
+      if (evt.isInitialLoad && reverseScroll) {
+        setTimeout(() => {
+          if (!infiniteScroll.value)
+            return;
+          const scrollHeight = infiniteScroll.value.scrollHeight;
+          const clientHeight = infiniteScroll.value.clientHeight;
+          infiniteScroll.value.scrollTop = scrollHeight + clientHeight;
+        }, 100);
+      }
+    });
     c.evt.on("onScrollToTop", () => {
       scrollToTop();
     });
@@ -194,9 +205,8 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       c.setSelection(selected);
     };
     vue.watch(() => props.data, () => {
-      if (props.isSimple) {
+      if (props.isSimple)
         initSimpleData();
-      }
     }, {
       deep: true
     });
@@ -368,7 +378,9 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
     };
     const renderGroupStyle2 = () => {
       var _a;
-      return (_a = c.state.groups) == null ? void 0 : _a.map((group) => {
+      return vue.createVNode("div", {
+        "class": [ns.e("layout-flex"), ns.em("layout-flex", "group-style2")]
+      }, [(_a = c.state.groups) == null ? void 0 : _a.map((group) => {
         return vue.createVNode("div", {
           "class": [ns.b("group-style2")]
         }, [vue.createVNode("div", {
@@ -380,15 +392,10 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         }, [group.children.length > 0 ? renderListItems(group.children) : vue.createVNode("div", {
           "class": ns.bem("group-style2", "content", "empty")
         }, [ibiz.i18n.t("app.noData")])])]);
-      });
+      })]);
     };
     const renderListContent = () => {
-      if (c.state.enableGroup && !c.state.isSimple) {
-        if (c.model.groupStyle === "STYLE2") {
-          return vue.createVNode("div", {
-            "class": [ns.b("content"), ns.b("scroll"), ns.b("group-style2-content")]
-          }, [renderGroupStyle2()]);
-        }
+      if (c.state.enableGroup && !c.state.isSimple && c.model.groupStyle !== "STYLE2") {
         return vue.createVNode(vue.resolveComponent("el-collapse"), {
           "modelValue": c.state.expandedKeys,
           "onUpdate:modelValue": ($event) => c.state.expandedKeys = $event,
@@ -404,13 +411,11 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
           }
         });
       }
-      return vue.withDirectives(vue.createVNode("div", {
-        "class": [ns.b("scroll"), ns.b("content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")],
-        "infinite-scroll-distance": 10,
-        "infinite-scroll-disabled": isLodeMoreDisabled.value,
+      return vue.createVNode("div", {
         "ref": "infiniteScroll",
-        "key": infiniteScrollKey.value
-      }, [renderListItems(isCollapse.value ? c.state.items.slice(0, c.state.size) : c.state.items, void 0, !c.enableEditOrder)]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
+        "class": [ns.b("scroll"), ns.b("content"), ns.is("reverse-scroll", reverseScroll), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1" && c.model.groupStyle !== "STYLE2")],
+        "onScroll": lodashEs.debounce(handleScrollLoad, 300)
+      }, [c.state.enableGroup && c.model.groupStyle === "STYLE2" ? renderGroupStyle2() : renderListItems(isCollapse.value ? c.state.items.slice(0, c.state.size) : c.state.items, void 0, !c.enableEditOrder)]);
     };
     const upIcon = () => {
       return vue.createVNode("div", {
@@ -450,7 +455,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       if (!ctrlModel)
         return;
       return vue.createVNode("div", {
-        "class": ns.e("batchtoolbar")
+        "class": [ns.e("batchtoolbar"), ns.is("show", c.showBatchToolbar)]
       }, [vue.createVNode(vue.resolveComponent("iBizToolbarControl"), {
         "modelData": ctrlModel,
         "context": c.context,
@@ -493,38 +498,46 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderCollapseExpandIcon = () => {
-      let icon = null;
-      const loadMore = !(c.state.items.length >= c.state.total || c.state.total <= c.state.size);
-      if (showCollapseOrExpandIcon.value) {
-        if (c.model.pagingMode === 2) {
-          if (isCollapse.value) {
-            icon = downIcon();
-          } else if (c.state.items.length > c.state.size) {
-            icon = upIcon();
-          }
-        }
-        if (c.model.pagingMode === 3) {
-          if (isCollapse.value) {
-            icon = downIcon();
-          } else if (loadMore) {
-            icon = loadMoreIcon();
-          } else if (c.state.isCreated && c.state.items.length > c.state.size) {
-            icon = upIcon();
-          }
-        }
+      if (!showCollapseOrExpandIcon.value)
+        return null;
+      const {
+        pagingMode
+      } = c.model;
+      const {
+        items,
+        total,
+        size,
+        isCreated
+      } = c.state;
+      const hasMoreItems = items.length < total && total > size;
+      const exceedsInitialSize = items.length > size;
+      if (pagingMode === 2) {
+        if (isCollapse.value)
+          return reverseScroll ? upIcon() : downIcon();
+        if (exceedsInitialSize)
+          return reverseScroll ? downIcon() : upIcon();
+      }
+      if (pagingMode === 3) {
+        if (isCollapse.value)
+          return reverseScroll ? upIcon() : downIcon();
+        if (hasMoreItems)
+          return loadMoreIcon();
+        if (isCreated && exceedsInitialSize)
+          return reverseScroll ? downIcon() : upIcon();
       }
-      return icon;
+      return null;
     };
     return {
       c,
       ns,
+      reverseScroll,
       infiniteScroll,
-      renderListContent,
       renderNoData,
-      renderBatchToolBar,
       onPageChange,
       onPageRefresh,
       onPageSizeChange,
+      renderListContent,
+      renderBatchToolBar,
       renderCollapseExpandIcon
     };
   },
@@ -546,10 +559,10 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       "controller": this.c
     }, {
       default: () => [vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-        "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
-        "controller": this.c
+        "controller": this.c,
+        "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)]
       }, {
-        default: () => [content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
+        default: () => [this.reverseScroll && this.renderCollapseExpandIcon(), content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",
@@ -559,7 +572,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
           "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
           "name": "eye-off-outline",
           "onClick": () => this.c.onShowNavViewChange()
-        }, null) : null, this.renderCollapseExpandIcon()]
+        }, null) : null, !this.reverseScroll && this.renderCollapseExpandIcon()]
       })]
     });
   }

package/lib/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{flex-grow:1;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-control-list-item__right--actions{display:flex;justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list-item__new{display:flex;align-items:center;justify-content:center;margin-top:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__drag-icon{cursor:move;visibility:hidden}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content__batchtoolbar{margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item:hover .ibiz-control-list__drag-icon{visibility:visible}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list-group-style2{--ibiz-control-list-group-style2-color:var(--ibiz-color-disabled-text)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-list-group-style2-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px var(--ibiz-color-border) solid;transform:translateY(-50%)}
+.ibiz-control-list-item{flex-grow:1;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-control-list-item__right--actions{display:flex;justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list-item__new{display:flex;align-items:center;justify-content:center;margin-top:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__drag-icon{cursor:move;visibility:hidden}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list__batchtoolbar{display:none;margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list__batchtoolbar.is-show{display:block}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-scroll.is-reverse-scroll .ibiz-control-list__layout-flex{display:flex;flex-direction:column-reverse}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item:hover .ibiz-control-list__drag-icon{visibility:visible}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list-group-style2{--ibiz-control-list-group-style2-color:var(--ibiz-color-disabled-text)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-list-group-style2-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px var(--ibiz-color-border) solid;transform:translateY(-50%)}

package/lib/control/tree/tree.cjs

@@ -184,6 +184,16 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         newVal.$el.getElementsByTagName("input")[0].focus();
       }
     });
+    c.evt.on("onSelectionChange", async () => {
+      var _a;
+      if (!treeRef.value)
+        return;
+      if (c.state.singleSelect) {
+        treeRef.value.setCurrentKey((_a = c.state.selectedData[0]) == null ? void 0 : _a._id);
+      } else {
+        treeRef.value.setCheckedKeys(c.state.selectedData.map((item) => item._id));
+      }
+    });
     const editCurrentNodeText = () => {
       var _a;
       const currentkey = (_a = treeRef.value) == null ? void 0 : _a.getCurrentKey();
@@ -338,6 +348,9 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         treeRefreshKey.value = qxUtil.createUUID();
       }
     });
+    c.evt.on("onUpdateUI", () => {
+      updateUI();
+    });
     const treeData = vue.computed(() => {
       if (!c.state.isLoaded) {
         return [];

package/lib/control/tree-grid/tree-grid.cjs

@@ -13,6 +13,18 @@ var gridControl_util = require('../grid/grid/grid-control.util.cjs');
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
+function renderAttrs(model, params) {
+  var _a;
+  const attrs = {};
+  (_a = model.controlAttributes) == null ? void 0 : _a.forEach((item) => {
+    if (item.attrName && item.attrValue) {
+      attrs[item.attrName] = runtime.ScriptFactory.execSingleLine(item.attrValue, {
+        ...params
+      });
+    }
+  });
+  return attrs;
+}
 const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizTreeGridControl",
   props: {
@@ -214,7 +226,7 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       return vue.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)]
       }, [vue.createVNode("div", {
         "class": ns.b("batch-toolbar-content")
       }, [vue.createVNode("div", {
@@ -309,7 +321,9 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
               hasChildren: "hasChildren"
             },
             "data": this.c.state.showTreeGrid ? state.treeGirdData : this.tableData
-          }, this.$attrs), {
+          }, this.$attrs, renderAttrs(this.c.model, {
+            ...this.c.getEventArgs()
+          })), {
             empty: this.renderNoData,
             default: () => {
               return [!state.singleSelect && vue.createVNode(vue.resolveComponent("el-table-column"), {

package/lib/control/tree-grid-ex/tree-grid-ex.cjs

@@ -12,6 +12,18 @@ require('./tree-grid-ex.css');
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
+function renderAttrs(model, params) {
+  var _a;
+  const attrs = {};
+  (_a = model.controlAttributes) == null ? void 0 : _a.forEach((item) => {
+    if (item.attrName && item.attrValue) {
+      attrs[item.attrName] = runtime.ScriptFactory.execSingleLine(item.attrValue, {
+        ...params
+      });
+    }
+  });
+  return attrs;
+}
 const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizTreeGridExControl",
   props: {
@@ -86,7 +98,8 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
         const temp = {
           id: node._id,
           _uuid: node._uuid,
-          hasChildren: !node._leaf
+          hasChildren: !node._leaf,
+          _deData: node._deData
         };
         if (!noChild && !node._leaf && node._children !== void 0) {
           temp.children = toElNodes(node._children);
@@ -251,10 +264,16 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
           const rowState = this.c.getRowState(row.id);
           if (rowState) {
             const comp = vue.resolveComponent(this.c.providers[columnName].component);
+            const nodeData = rowState.data;
+            const nodeModel = this.c.getNodeModel(nodeData._nodeId);
             return vue.h(comp, {
               controller: columnC,
               row: rowState,
-              key: rowState.data._uuid + columnName
+              key: rowState.data._uuid + columnName,
+              attrs: renderAttrs(nodeModel, {
+                ...this.c.getEventArgs(),
+                data: rowState.data
+              })
             });
           }
           return null;
@@ -268,7 +287,7 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
         "controller": this.c,
         "class": [this.ns.b()]
       }, {
-        default: () => [this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("el-table"), {
+        default: () => [this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("el-table"), vue.mergeProps({
           "ref": "tableRef",
           "key": this.tableRefreshKey,
           "class": this.ns.e("table"),
@@ -284,7 +303,9 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
           "onExpandChange": this.onExpandChange,
           "row-class-name": this.handleRowClassName,
           "load": this.loadData
-        }, {
+        }, renderAttrs(this.c.model, {
+          ...this.c.getEventArgs()
+        })), {
           empty: this.renderNoData,
           default: () => {
             return [this.renderColumns.map((model, index) => {

package/lib/editor/code/monaco-editor/monaco-editor.cjs

@@ -4,13 +4,13 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var qxUtil = require('qx-util');
 var ElementPlus = require('element-plus');
-require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.cjs');
+require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.52.2/node_modules/@monaco-editor/loader/lib/es/index.cjs');
 var runtime = require('@ibiz-template/runtime');
 var core = require('@ibiz-template/core');
 require('../../../util/index.cjs');
 require('./monaco-editor.css');
 var aiUtil = require('../../../util/ai-util/ai-util.cjs');
-var index = require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/loader/index.cjs');
+var index = require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.52.2/node_modules/@monaco-editor/loader/lib/es/loader/index.cjs');
 
 "use strict";
 const IBizCode = /* @__PURE__ */ vue.defineComponent({
@@ -316,7 +316,7 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
         isLoading.value = true;
         index.default.config({
           paths: {
-            vs: "".concat(ibiz.env.pluginBaseUrl, "/monaco-editor@0.45.0/min/vs")
+            vs: "".concat(ibiz.env.pluginBaseUrl, "/monaco-editor@0.52.2/min/vs")
           }
         });
         index.default.init().then((loaderMonaco) => {

package/lib/locale/en/index.cjs

@@ -430,6 +430,9 @@ var index = {
         warningText: "Warning tips",
         errorText: "Error tips",
         defaultText: "Direct content"
+      },
+      formTabPnel: {
+        all: "All"
       }
     },
     gantt: {

package/lib/locale/zh-CN/index.cjs

@@ -426,6 +426,9 @@ var index = {
         warningText: "\u8B66\u544A\u63D0\u793A(WARNING)",
         errorText: "\u9519\u8BEF\u63D0\u793A(ERROR)",
         defaultText: "\u76F4\u63A5\u5185\u5BB9"
+      },
+      formTabPnel: {
+        all: "\u5168\u90E8"
       }
     },
     gantt: {

package/lib/panel-component/app-switch/app-switch.controller.cjs

@@ -194,6 +194,9 @@ class AppSwitchController extends runtime.PanelItemController {
       return result;
     }
     const defaultAppModel = ibiz.hub.getAppSourceModel(defaultApp.appId);
+    if (!defaultAppModel || !defaultAppModel.cache) {
+      return result;
+    }
     const allAppIndexViews = (_b = (_a = defaultAppModel.cache) == null ? void 0 : _a.getPSAppViews) == null ? void 0 : _b.filter(
       (appView) => {
         return appView.viewType === "APPINDEXVIEW";

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

@@ -68,9 +68,7 @@ const IndexActions = /* @__PURE__ */ vue.defineComponent({
     });
     return vue.createVNode("div", {
       "class": this.classArr,
-      "onClick": () => {
-        this.controller.onClick();
-      }
+      "onClick": (event) => this.controller.onClick(event)
     }, [this.controller.model.cssStyle ? vue.createVNode("style", {
       "type": "text/css"
     }, [this.controller.model.cssStyle]) : null, content]);

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.cjs

@@ -70,9 +70,7 @@ const IndexBlankPlaceholder = /* @__PURE__ */ vue.defineComponent({
     });
     return vue.createVNode("div", {
       "class": this.classArr,
-      "onClick": () => {
-        this.controller.onClick();
-      }
+      "onClick": (event) => this.controller.onClick(event)
     }, [this.controller.model.cssStyle ? vue.createVNode("style", {
       "type": "text/css"
     }, [this.controller.model.cssStyle]) : null, content]);

package/lib/panel-component/nav-tabs/nav-tabs.cjs

@@ -77,6 +77,8 @@ const NavTabs = /* @__PURE__ */ vue.defineComponent({
     const {
       state
     } = this.controller;
+    if (ibiz.config.view.disableHomeTabs)
+      return;
     return vue.createVNode("div", {
       "class": [this.ns.b(), ...this.controller.containerClass]
     }, [vue.createVNode("div", {

package/lib/panel-component/panel-app-login-view/panel-app-login-view.cjs

@@ -82,9 +82,7 @@ const PanelAppLoginView = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode("div", {
       "class": this.classArr,
       "style": this.cssVars,
-      "onClick": () => {
-        this.controller.onClick();
-      }
+      "onClick": (event) => this.controller.onClick(event)
     }, [this.controller.model.cssStyle ? vue.createVNode("style", {
       "type": "text/css"
     }, [this.controller.model.cssStyle]) : null, content]);

package/lib/panel-component/panel-app-title/panel-app-title.cjs

@@ -39,7 +39,7 @@ const PanelAppTitle = /* @__PURE__ */ vue.defineComponent({
       }
       return "LEFT";
     });
-    const handleClick = async () => {
+    const handleClick = async (event) => {
       if (c.panel.view.model.viewType === "APPLOGINVIEW")
         return;
       if (ctx == null ? void 0 : ctx.view) {
@@ -53,7 +53,7 @@ const PanelAppTitle = /* @__PURE__ */ vue.defineComponent({
           window.location.reload();
         });
       }
-      props.controller.onClick();
+      props.controller.onClick(event);
     };
     const showImgOnly = vue.computed(() => {
       if (menuAlign.value === "LEFT") {

package/lib/panel-component/panel-button/panel-button.controller.cjs

@@ -95,9 +95,8 @@ class PanelButtonController extends runtime.PanelItemController {
    */
   async onActionClick(event) {
     const { uiactionId, actionType } = this.model;
-    if (actionType === "NONE") {
+    if (actionType === "NONE")
       return;
-    }
     event.stopPropagation();
     event.preventDefault();
     await runtime.UIActionUtil.execAndResolved(

package/lib/panel-component/panel-button/panel-button.css

@@ -1 +1 @@
-.ibiz-panel-button{--ibiz-panel-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-panel-button .el-button .ibiz-panel-button-content i,.ibiz-panel-button .el-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height)}.ibiz-panel-button .el-button .ibiz-panel-button-content .ibiz-icon+.ibiz-panel-button-content--caption{margin-left:var(--ibiz-panel-button-icon-margin)}.ibiz-panel-button.is-loading .el-button .ibiz-icon{display:none}
+.ibiz-panel-button{--ibiz-panel-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button>span{pointer-events:none}.ibiz-panel-button .el-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-panel-button .el-button .ibiz-panel-button-content i,.ibiz-panel-button .el-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height)}.ibiz-panel-button .el-button .ibiz-panel-button-content .ibiz-icon+.ibiz-panel-button-content--caption{margin-left:var(--ibiz-panel-button-icon-margin)}.ibiz-panel-button.is-loading .el-button .ibiz-icon{display:none}

package/lib/panel-component/panel-button-list/panel-button-list.cjs

@@ -42,7 +42,7 @@ const PanelButtonList = /* @__PURE__ */ vue.defineComponent({
     const {
       state
     } = this.controller;
-    if (state.visible) {
+    if (state.visible)
       return vue.createVNode(vue.resolveComponent("iBizButtonList"), {
         "class": [this.ns.b(), ...this.controller.containerClass],
         "model": this.modelData,
@@ -50,7 +50,6 @@ const PanelButtonList = /* @__PURE__ */ vue.defineComponent({
         "buttonsState": state.buttonsState,
         "onClick": this.handleClick
       }, null);
-    }
     return null;
   }
 });

package/lib/panel-component/panel-button-list/panel-button-list.controller.cjs

@@ -47,20 +47,22 @@ class PanelButtonListController extends runtime.PanelItemController {
    * @memberof PanelButtonListController
    */
   async initButtonsState() {
-    var _a;
     const { buttonListType, uiactionGroup, panelButtons } = this.model;
     if (buttonListType === "UIACTIONGROUP") {
-      (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.forEach((detail) => {
-        if (detail.uiactionId) {
-          const buttonState = new runtime.UIActionButtonState(
-            detail.id,
-            detail.appId,
-            detail.uiactionId,
-            detail
-          );
-          this.state.buttonsState.addState(detail.id, buttonState);
-        }
-      });
+      if (uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) {
+        const actions = runtime.getAllUIActionItems(uiactionGroup.uiactionGroupDetails);
+        actions.forEach((detail) => {
+          if (detail.uiactionId) {
+            const buttonState = new runtime.UIActionButtonState(
+              detail.id,
+              detail.appId,
+              detail.uiactionId,
+              detail
+            );
+            this.state.buttonsState.addState(detail.id, buttonState);
+          }
+        });
+      }
     } else {
       panelButtons == null ? void 0 : panelButtons.forEach((button) => {
         if (button.uiactionId) {
@@ -112,12 +114,11 @@ class PanelButtonListController extends runtime.PanelItemController {
    * @memberof PanelButtonListController
    */
   getModelById(id) {
-    var _a;
     const { buttonListType, uiactionGroup, panelButtons } = this.model;
-    if (buttonListType === "UIACTIONGROUP")
-      return (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.find(
-        (detail) => detail.id === id
-      );
+    if (buttonListType === "UIACTIONGROUP") {
+      const actions = runtime.getAllUIActionItems(uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails);
+      return actions.find((detail) => detail.id === id);
+    }
     return panelButtons == null ? void 0 : panelButtons.find((button) => button.id === id);
   }
   /**