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

package/es/control/kanban/kanban.css

@@ -1 +1 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-kanban.is-enable-page .ibiz-control-kanban__content{height:calc(100% - 50px)}.ibiz-control-kanban__drag-icon{margin-right:var(--ibiz-spacing-tight);cursor:move;visibility:hidden}.ibiz-control-kanban__content{display:flex;flex-grow:1}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban .ibiz-control-kanban__default-item,.ibiz-control-kanban .ibiz-control-kanban__panel-item{flex-grow:1}.ibiz-control-kanban-group-container{flex:1}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__list:hover .ibiz-control-kanban__quicktoolbar{visibility:visible}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty{display:flex;flex-direction:column}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban-group__draggable{flex-shrink:0;min-height:0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{flex-grow:1;width:calc(100% - var(--ibiz-spacing-base))}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item:hover .ibiz-control-kanban__drag-icon{visibility:visible}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item__content{display:flex;align-items:center;width:100%;height:100%}.ibiz-control-kanban-item__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-kanban-item__bottom--actions{display:flex;justify-content:center}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative}.ibiz-control-kanban__popover>.el-scrollbar{overflow:visible}.ibiz-control-kanban__popover .ibiz-action-toolbar__popover{background-color:var(--ibiz-color-primary)!important}.ibiz-control-kanban__quicktoolbar{margin-bottom:var(--ibiz-spacing-base);visibility:hidden;display:flex;flex-flow:column nowrap}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban-toolbar{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-toolbar .el-button{border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-kanban.is-enable-page .ibiz-control-kanban__content{height:calc(100% - 50px)}.ibiz-control-kanban__drag-icon{margin-right:var(--ibiz-spacing-tight);cursor:move;visibility:hidden}.ibiz-control-kanban__content{display:flex;flex-grow:1}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban .ibiz-control-kanban__default-item,.ibiz-control-kanban .ibiz-control-kanban__panel-item{flex-grow:1}.ibiz-control-kanban-group-container{flex:1}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__list:hover .ibiz-control-kanban__quicktoolbar{visibility:visible}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty{display:flex;flex-direction:column}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban-group__draggable{flex-shrink:0;min-height:0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{flex-grow:1;width:calc(100% - var(--ibiz-spacing-base))}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item:hover .ibiz-control-kanban__drag-icon{visibility:visible}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item__content{display:flex;align-items:center;width:100%;height:100%}.ibiz-control-kanban-item__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-kanban-item__bottom--actions{display:flex;justify-content:center}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative}.ibiz-control-kanban__popover>.el-scrollbar{min-width:150px;overflow:visible}.ibiz-control-kanban__popover .ibiz-action-toolbar__popover{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)!important;background-color:var(--ibiz-color-primary)!important;border-radius:0!important}.ibiz-control-kanban__quicktoolbar{margin-bottom:var(--ibiz-spacing-base);visibility:hidden;display:flex;flex-flow:column nowrap}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban-toolbar{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-toolbar .el-button{border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}

package/es/control/kanban/kanban.mjs

@@ -406,6 +406,7 @@ const KanbanControl = /* @__PURE__ */ defineComponent({
         dropdown: () => createVNode("div", {
           "class": ns.be("group", "actions-dropdown")
         }, [c.model.groupUIActionGroup && group.groupActionGroupState && createVNode(resolveComponent("iBizActionToolbar"), {
+          "direction": "vertical",
           "actionDetails": c.model.groupUIActionGroup.uiactionGroupDetails,
           "actionsState": group.groupActionGroupState,
           "onActionClick": (detail, event) => {

package/es/control/list/index.d.ts

@@ -50,19 +50,20 @@ export declare const IBizListControl: import("@ibiz-template/vue3-util").TypeWit
 }, {
     c: import("@ibiz-template/runtime").ListController;
     ns: import("@ibiz-template/core").Namespace;
+    reverseScroll: boolean;
     infiniteScroll: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
-    renderListContent: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
     renderNoData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | undefined;
-    renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | undefined;
     onPageChange: (page: number) => void;
     onPageRefresh: () => void;
     onPageSizeChange: (size: number) => void;
+    renderListContent: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
     renderCollapseExpandIcon: () => 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<{
     modelData: {

package/es/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/es/control/list/list.d.ts

@@ -83,13 +83,14 @@ export declare const ListControl: import("vue").DefineComponent<{
 }, {
     c: ListController;
     ns: import("@ibiz-template/core").Namespace;
+    reverseScroll: boolean;
     infiniteScroll: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
-    renderListContent: () => VNode;
     renderNoData: () => VNode | undefined;
-    renderBatchToolBar: () => VNode | undefined;
     onPageChange: (page: number) => void;
     onPageRefresh: () => void;
     onPageSizeChange: (size: number) => void;
+    renderListContent: () => VNode;
+    renderBatchToolBar: () => VNode | undefined;
     renderCollapseExpandIcon: () => 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<{
     /**

package/es/control/list/list.mjs

@@ -1,7 +1,6 @@
-import { isVNode, computed, ref, watch, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace, useControlPopoverzIndex, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
-import { isNil } from 'lodash-es';
-import { createUUID } from 'qx-util';
+import { isNil, debounce } from 'lodash-es';
 import { ListController, ControlVO } from '@ibiz-template/runtime';
 import draggable from 'vuedraggable';
 import { showTitle } from '@ibiz-template/core';
@@ -93,32 +92,19 @@ const ListControl = /* @__PURE__ */ defineComponent({
       onPageRefresh,
       onPageSizeChange
     } = usePagination(c);
-    const isLodeMoreDisabled = computed(() => {
-      if (c.model.enablePagingBar === true) {
+    const infiniteScroll = ref();
+    const reverseScroll = c.model.controlStyle === "EXTVIEW3";
+    const disabledLodeMore = 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 = ref(false);
     const showCollapseOrExpandIcon = computed(() => {
       return !c.state.enableGroup && (c.model.pagingMode === 2 || c.model.pagingMode === 3);
     });
-    const infiniteScroll = ref();
-    const infiniteScrollKey = ref(createUUID());
-    watch(() => c.state.curPage, () => {
-      var _a, _b;
-      if (c.state.curPage === 1 && (c.model.pagingMode === 2 || c.model.pagingMode === 3)) {
-        infiniteScrollKey.value = 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) {
@@ -165,6 +151,31 @@ const ListControl = /* @__PURE__ */ 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();
     });
@@ -192,9 +203,8 @@ const ListControl = /* @__PURE__ */ defineComponent({
       c.setSelection(selected);
     };
     watch(() => props.data, () => {
-      if (props.isSimple) {
+      if (props.isSimple)
         initSimpleData();
-      }
     }, {
       deep: true
     });
@@ -366,7 +376,9 @@ const ListControl = /* @__PURE__ */ defineComponent({
     };
     const renderGroupStyle2 = () => {
       var _a;
-      return (_a = c.state.groups) == null ? void 0 : _a.map((group) => {
+      return createVNode("div", {
+        "class": [ns.e("layout-flex"), ns.em("layout-flex", "group-style2")]
+      }, [(_a = c.state.groups) == null ? void 0 : _a.map((group) => {
         return createVNode("div", {
           "class": [ns.b("group-style2")]
         }, [createVNode("div", {
@@ -378,15 +390,10 @@ const ListControl = /* @__PURE__ */ defineComponent({
         }, [group.children.length > 0 ? renderListItems(group.children) : 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 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 createVNode(resolveComponent("el-collapse"), {
           "modelValue": c.state.expandedKeys,
           "onUpdate:modelValue": ($event) => c.state.expandedKeys = $event,
@@ -402,13 +409,11 @@ const ListControl = /* @__PURE__ */ defineComponent({
           }
         });
       }
-      return withDirectives(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 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)]), [[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": 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 createVNode("div", {
@@ -448,7 +453,7 @@ const ListControl = /* @__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,
@@ -491,38 +496,46 @@ const ListControl = /* @__PURE__ */ 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
     };
   },
@@ -544,10 +557,10 @@ const ListControl = /* @__PURE__ */ defineComponent({
       "controller": this.c
     }, {
       default: () => [createVNode(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 ? createVNode("ion-icon", {
+        default: () => [this.reverseScroll && this.renderCollapseExpandIcon(), content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",
@@ -557,7 +570,7 @@ const ListControl = /* @__PURE__ */ 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/es/control/tree/tree.d.ts

@@ -257,11 +257,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void; /**
-         * 处理键盘ESC事件
-         * @author tony001
-         * @date 2023-12-15 05:37:03
-         */
+        $emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             data: {
@@ -650,7 +646,11 @@ export declare const TreeControl: import("vue").DefineComponent<{
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T_5 extends string | ((...args: any) => any)>(source: T_5, cb: T_5 extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        $watch<T_5 extends string | ((...args: any) => any)>(source: T_5, cb: T_5 extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle; /**
+         * 处理键盘ESC事件
+         * @author tony001
+         * @date 2023-12-15 05:37:03
+         */
     } & Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: ArrayConstructor;

package/es/control/tree/tree.mjs

@@ -182,6 +182,16 @@ const TreeControl = /* @__PURE__ */ 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();
@@ -336,6 +346,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         treeRefreshKey.value = createUUID();
       }
     });
+    c.evt.on("onUpdateUI", () => {
+      updateUI();
+    });
     const treeData = computed(() => {
       if (!c.state.isLoaded) {
         return [];

package/es/control/tree-grid/tree-grid.mjs

@@ -1,7 +1,7 @@
 import { isVNode, resolveComponent, createVNode, nextTick, watch, createTextVNode, renderSlot, mergeProps, defineComponent } from 'vue';
 import { useControlController, useControlPopoverzIndex, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { recursiveIterate } from '@ibiz-template/core';
-import { TreeGridController } from '@ibiz-template/runtime';
+import { ScriptFactory, TreeGridController } from '@ibiz-template/runtime';
 import { useRowEditPopover } from '../grid/row-edit-popover/use-row-edit-popover.mjs';
 import '../grid/grid/index.mjs';
 import { renderChildColumn } from '../grid/grid/grid.mjs';
@@ -11,6 +11,18 @@ import { useITableEvent, useAppGridPagination, useAppGridBase, useGridHeaderStyl
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !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] = ScriptFactory.execSingleLine(item.attrValue, {
+        ...params
+      });
+    }
+  });
+  return attrs;
+}
 const TreeGridControl = /* @__PURE__ */ defineComponent({
   name: "IBizTreeGridControl",
   props: {
@@ -212,7 +224,7 @@ const TreeGridControl = /* @__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", {
@@ -307,7 +319,9 @@ const TreeGridControl = /* @__PURE__ */ 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 && createVNode(resolveComponent("el-table-column"), {

package/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -1,6 +1,6 @@
 import { isVNode, createVNode, resolveComponent, computed, ref, watchEffect, renderSlot, mergeProps, h, defineComponent } from 'vue';
 import { useControlController, useControlPopoverzIndex, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
-import { TreeGridExController } from '@ibiz-template/runtime';
+import { ScriptFactory, TreeGridExController } from '@ibiz-template/runtime';
 import { RuntimeError } from '@ibiz-template/core';
 import { createUUID } from 'qx-util';
 import { useRowEditPopover } from './use-row-edit-popover.mjs';
@@ -10,6 +10,18 @@ import './tree-grid-ex.css';
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !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] = ScriptFactory.execSingleLine(item.attrValue, {
+        ...params
+      });
+    }
+  });
+  return attrs;
+}
 const TreeGridExControl = /* @__PURE__ */ defineComponent({
   name: "IBizTreeGridExControl",
   props: {
@@ -84,7 +96,8 @@ const TreeGridExControl = /* @__PURE__ */ 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);
@@ -249,10 +262,16 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
           const rowState = this.c.getRowState(row.id);
           if (rowState) {
             const comp = resolveComponent(this.c.providers[columnName].component);
+            const nodeData = rowState.data;
+            const nodeModel = this.c.getNodeModel(nodeData._nodeId);
             return 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;
@@ -266,7 +285,7 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
         "controller": this.c,
         "class": [this.ns.b()]
       }, {
-        default: () => [this.c.state.isLoaded && createVNode(resolveComponent("el-table"), {
+        default: () => [this.c.state.isLoaded && createVNode(resolveComponent("el-table"), mergeProps({
           "ref": "tableRef",
           "key": this.tableRefreshKey,
           "class": this.ns.e("table"),
@@ -282,7 +301,9 @@ const TreeGridExControl = /* @__PURE__ */ 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/es/editor/array/ibiz-array/ibiz-array.d.ts

@@ -147,8 +147,8 @@ export declare const IBizArray: import("vue").DefineComponent<{
     onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.d.ts

@@ -88,8 +88,8 @@ export declare const IBizAutoComplete: import("vue").DefineComponent<{
     onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.d.ts

@@ -101,8 +101,8 @@ export declare const IBizCascader: import("vue").DefineComponent<{
     onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.d.ts

@@ -71,8 +71,8 @@ export declare const IBizCheckbox: import("vue").DefineComponent<{
     onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.d.ts

@@ -110,8 +110,8 @@ export declare const IBizCheckboxList: import("vue").DefineComponent<{
     onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/code/monaco-editor/monaco-editor.d.ts

@@ -93,8 +93,8 @@ export declare const IBizCode: import("vue").DefineComponent<{
     onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/code/monaco-editor/monaco-editor.mjs

@@ -2,13 +2,13 @@ import { ref, watch, nextTick, createVNode, onMounted, onUnmounted, resolveDirec
 import { getCodeProps, getEditorEmits, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { ElMessageBox } from 'element-plus';
-import '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
+import '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.52.2/node_modules/@monaco-editor/loader/lib/es/index.mjs';
 import { UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
 import { StringUtil, IBizContext } from '@ibiz-template/core';
 import '../../../util/index.mjs';
 import './monaco-editor.css';
 import { calcAiToolbarItemsByAc } from '../../../util/ai-util/ai-util.mjs';
-import loader from '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
+import loader from '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.52.2/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
 
 "use strict";
 const IBizCode = /* @__PURE__ */ defineComponent({
@@ -314,7 +314,7 @@ const IBizCode = /* @__PURE__ */ defineComponent({
         isLoading.value = true;
         loader.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")
           }
         });
         loader.init().then((loaderMonaco) => {

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.d.ts

@@ -87,8 +87,8 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;