@ibiz-template/vue3-components 0.7.37-alpha.5 → 0.7.38-alpha.21

package/lib/control/grid/grid/grid.cjs

@@ -6,9 +6,9 @@ var runtime = require('@ibiz-template/runtime');
 var core = require('@ibiz-template/core');
 var qxUtil = require('qx-util');
 var gridControl_util = require('./grid-control.util.cjs');
-require('./grid.css');
 var useRowEditPopover = require('../row-edit-popover/use-row-edit-popover.cjs');
 require('../../../util/index.cjs');
+require('./grid.css');
 var usePagination = require('../../../util/pagination/use-pagination.cjs');
 
 "use strict";
@@ -154,6 +154,10 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       zIndex
     } = vue3Util.useUIStore();
     c.state.zIndex = zIndex.increment();
+    const {
+      sysCss
+    } = c.model;
+    const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
     const {
       tableRef,
       onRowClick,
@@ -299,6 +303,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
     return {
       c,
       ns,
+      sysCssName,
       tableRef,
       tableData,
       renderColumns,
@@ -332,76 +337,81 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
     }
     const state = this.c.state;
     const defaultExpandAll = this.c.controlParams.defaultexpandall === "true";
-    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("show-header", !this.c.state.hideHeader), this.ns.is("enable-page", this.c.state.enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
-      "controller": this.c,
-      "style": this.headerCssVars
+    return vue.createVNode(vue.resolveComponent("iBizControlNavigation"), {
+      "controller": this.c
     }, {
-      default: () => [vue.createVNode(vue.resolveComponent("el-table"), vue.mergeProps({
-        "ref": "tableRef",
-        "class": this.ns.e("table"),
-        "default-sort": this.defaultSort,
-        "border": true,
-        "show-header": !this.c.state.hideHeader,
-        "show-summary": this.c.enableAgg,
-        "summary-method": this.summaryMethod,
-        "highlight-current-row": state.singleSelect,
-        "row-class-name": this.handleRowClassName,
-        "header-cell-class-name": this.handleHeaderCellClassName,
-        "row-key": "tempsrfkey",
-        "data": this.tableData,
-        "default-expand-all": defaultExpandAll,
-        "span-method": this.spanMethod,
-        "onRowClick": this.onRowClick,
-        "onRowDblclick": this.onDbRowClick,
-        "onSelectionChange": this.onSelectionChange,
-        "onSortChange": this.onSortChange,
-        "onHeaderDragend": this.headerDragend,
-        "tooltip-effect": "light",
-        "scrollbar-always-on": true
-      }, this.$attrs, renderAttrs(this.c.model, {
-        ...this.c.getEventArgs()
-      })), {
-        empty: this.renderNoData,
-        default: () => {
-          return [this.c.enableRowEditOrder && this.renderDragIconColumn(), !state.singleSelect && vue.createVNode(vue.resolveComponent("el-table-column"), {
-            "class-name": this.ns.e("selection"),
-            "type": "selection",
-            "width": "55"
-          }, null), this.renderColumns.map((model, index) => {
-            return this.renderTableColumn(model, index);
-          })];
-        },
-        append: () => {
-          let _slot;
-          return [vue.withDirectives(vue.createVNode("div", {
-            "ref": "infiniteScroll",
-            "key": this.infiniteScrollKey,
-            "infinite-scroll-distance": 10,
-            "infinite-scroll-disabled": this.isLodeMoreDisabled
-          }, null), [[vue.resolveDirective("infinite-scroll"), () => this.c.loadMore()]]), this.c.model.pagingMode === 3 && !(this.c.state.items.length >= this.c.state.total || this.c.state.isLoading || this.c.state.total <= this.c.state.size) && vue.createVNode("div", {
-            "class": this.ns.e("load-more-button")
-          }, [vue.createVNode(vue.resolveComponent("el-button"), {
-            "text": true,
-            "onClick": () => this.c.loadMore()
-          }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
-            default: () => [_slot]
-          })]), this.renderPopover()];
-        }
-      }), this.c.state.enablePagingBar && this.c.model.pagingMode === 1 && vue.createVNode(vue.resolveComponent("iBizPagination"), {
-        "total": state.total,
-        "curPage": state.curPage,
-        "size": state.size,
-        "totalPages": state.totalPages,
-        "onChange": this.onPageChange,
-        "onPageSizeChange": this.onPageSizeChange,
-        "onPageRefresh": this.onPageRefresh
-      }, null), this.c.model.enableCustomized && !this.c.state.hideHeader && vue.createVNode("div", {
-        "class": this.ns.b("setting-box")
-      }, [vue.createVNode(vue.resolveComponent("iBizGridSetting"), {
-        "columnStates": state.columnStates,
-        "controller": this.c
-      }, null)]), this.renderBatchToolBar()]
+      default: () => [vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+        "class": [this.ns.is("show-header", !this.c.state.hideHeader), this.ns.is("enable-page", this.c.state.enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
+        "controller": this.c,
+        "style": this.headerCssVars
+      }, {
+        default: () => [vue.createVNode(vue.resolveComponent("el-table"), vue.mergeProps({
+          "ref": "tableRef",
+          "class": this.ns.e("table"),
+          "default-sort": this.defaultSort,
+          "border": true,
+          "show-header": !this.c.state.hideHeader,
+          "show-summary": this.c.enableAgg,
+          "summary-method": this.summaryMethod,
+          "highlight-current-row": state.singleSelect,
+          "row-class-name": this.handleRowClassName,
+          "header-cell-class-name": this.handleHeaderCellClassName,
+          "row-key": "tempsrfkey",
+          "data": this.tableData,
+          "default-expand-all": defaultExpandAll,
+          "span-method": this.spanMethod,
+          "onRowClick": this.onRowClick,
+          "onRowDblclick": this.onDbRowClick,
+          "onSelectionChange": this.onSelectionChange,
+          "onSortChange": this.onSortChange,
+          "onHeaderDragend": this.headerDragend,
+          "tooltip-effect": "light",
+          "scrollbar-always-on": true
+        }, this.$attrs, renderAttrs(this.c.model, {
+          ...this.c.getEventArgs()
+        })), {
+          empty: this.renderNoData,
+          default: () => {
+            return [this.c.enableRowEditOrder && this.renderDragIconColumn(), !state.singleSelect && vue.createVNode(vue.resolveComponent("el-table-column"), {
+              "class-name": this.ns.e("selection"),
+              "type": "selection",
+              "width": "55"
+            }, null), this.renderColumns.map((model, index) => {
+              return this.renderTableColumn(model, index);
+            })];
+          },
+          append: () => {
+            let _slot;
+            return [vue.withDirectives(vue.createVNode("div", {
+              "ref": "infiniteScroll",
+              "key": this.infiniteScrollKey,
+              "infinite-scroll-distance": 10,
+              "infinite-scroll-disabled": this.isLodeMoreDisabled
+            }, null), [[vue.resolveDirective("infinite-scroll"), () => this.c.loadMore()]]), this.c.model.pagingMode === 3 && !(this.c.state.items.length >= this.c.state.total || this.c.state.isLoading || this.c.state.total <= this.c.state.size) && vue.createVNode("div", {
+              "class": this.ns.e("load-more-button")
+            }, [vue.createVNode(vue.resolveComponent("el-button"), {
+              "text": true,
+              "onClick": () => this.c.loadMore()
+            }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
+              default: () => [_slot]
+            })]), this.renderPopover()];
+          }
+        }), this.c.state.enablePagingBar && vue.createVNode(vue.resolveComponent("iBizPagination"), {
+          "total": state.total,
+          "curPage": state.curPage,
+          "size": state.size,
+          "totalPages": state.totalPages,
+          "onChange": this.onPageChange,
+          "popperClass": "".concat(this.sysCssName, "--popper"),
+          "onPageSizeChange": this.onPageSizeChange,
+          "onPageRefresh": this.onPageRefresh
+        }, null), this.c.model.enableCustomized && !this.c.state.hideHeader && vue.createVNode("div", {
+          "class": this.ns.b("setting-box")
+        }, [vue.createVNode(vue.resolveComponent("iBizGridSetting"), {
+          "columnStates": state.columnStates,
+          "controller": this.c
+        }, null)]), this.renderBatchToolBar()]
+      })]
     });
   }
 });

package/lib/control/grid/grid/grid.css

@@ -1 +1 @@
-.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-scrollbar-width:4px;--ibiz-control-grid-scrollbar-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-scrollbar-bg-hover-opacity:0.5;--ibiz-control-grid-scrollbar-bg-hover-color:var(--ibiz-color-fill-2);--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before{bottom:0}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__table .el-scrollbar__bar.is-horizontal{height:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__bar.is-vertical{width:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__thumb{background-color:var(--ibiz-control-grid-scrollbar-bg-color)}.ibiz-control-grid__table .el-scrollbar__thumb:hover{background-color:var(--ibiz-control-grid-scrollbar-bg-hover-color);opacity:var(--ibiz-control-grid-scrollbar-bg-hover-opacity)}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-customized .ibiz-grid-setting{cursor:pointer}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}
+.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-scrollbar-width:4px;--ibiz-control-grid-scrollbar-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-scrollbar-bg-hover-opacity:0.5;--ibiz-control-grid-scrollbar-bg-hover-color:var(--ibiz-color-fill-2);--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-min-height:54px;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before{bottom:0}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);min-height:var(--ibiz-control-grid-header-min-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__header-wrapper .el-table-fixed-column--left .cell,.ibiz-control-grid__table .el-table__header-wrapper .el-table-fixed-column--right .cell{display:flex;align-items:center;justify-content:center}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__table .el-scrollbar__bar.is-horizontal{height:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__bar.is-vertical{width:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__thumb{background-color:var(--ibiz-control-grid-scrollbar-bg-color)}.ibiz-control-grid__table .el-scrollbar__thumb:hover{background-color:var(--ibiz-control-grid-scrollbar-bg-hover-color);opacity:var(--ibiz-control-grid-scrollbar-bg-hover-opacity)}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;top:0;right:0;z-index:1;position:absolute;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}

package/lib/control/index.cjs

@@ -5,28 +5,28 @@ var index$1 = require('./app-menu-icon-view/index.cjs');
 require('./grid/index.cjs');
 var index$7 = require('./list/index.cjs');
 require('./form/index.cjs');
-var index$k = require('./toolbar/index.cjs');
-var index$l = require('./caption-bar/index.cjs');
-var index$m = require('./data-view/index.cjs');
-var index$n = require('./tree/index.cjs');
-var index$o = require('./pickup-view-panel/index.cjs');
-var index$p = require('./tab-exp-panel/index.cjs');
+var index$l = require('./toolbar/index.cjs');
+var index$m = require('./caption-bar/index.cjs');
+var index$n = require('./data-view/index.cjs');
+var index$o = require('./tree/index.cjs');
+var index$p = require('./pickup-view-panel/index.cjs');
+var index$q = require('./tab-exp-panel/index.cjs');
 require('./exp-bar/index.cjs');
-var index$w = require('./search-bar/index.cjs');
-var index$x = require('./chart/index.cjs');
-var index$y = require('./wizard-panel/index.cjs');
-var index$z = require('./drbar/index.cjs');
-var index$A = require('./drtab/index.cjs');
-var index$B = require('./dashboard/index.cjs');
-var index$M = require('./calendar/index.cjs');
-var index$N = require('./kanban/index.cjs');
-var index$O = require('./tree-grid-ex/index.cjs');
-var index$P = require('./tree-grid/index.cjs');
-var index$Q = require('./medit-view-panel/index.cjs');
-var index$R = require('./map/index.cjs');
-var index$S = require('./report-panel/index.cjs');
-var index$T = require('./gantt/index.cjs');
-var index$U = require('./context-menu/index.cjs');
+var index$x = require('./search-bar/index.cjs');
+var index$y = require('./chart/index.cjs');
+var index$z = require('./wizard-panel/index.cjs');
+var index$A = require('./drbar/index.cjs');
+var index$B = require('./drtab/index.cjs');
+var index$C = require('./dashboard/index.cjs');
+var index$N = require('./calendar/index.cjs');
+var index$O = require('./kanban/index.cjs');
+var index$P = require('./tree-grid-ex/index.cjs');
+var index$Q = require('./tree-grid/index.cjs');
+var index$R = require('./medit-view-panel/index.cjs');
+var index$S = require('./map/index.cjs');
+var index$T = require('./report-panel/index.cjs');
+var index$U = require('./gantt/index.cjs');
+var index$V = require('./context-menu/index.cjs');
 var gridControl_util = require('./grid/grid/grid-control.util.cjs');
 var index$2 = require('./grid/grid/index.cjs');
 var index$3 = require('./grid/grid-column/grid-field-column/index.cjs');
@@ -45,65 +45,66 @@ var index$e = require('./form/form-detail/form-mdctrl/index.cjs');
 var index$f = require('./form/form-detail/form-rawitem/index.cjs');
 var index$g = require('./form/form-detail/form-tab-panel/index.cjs');
 var index$h = require('./form/form-detail/form-tab-page/index.cjs');
-var index$i = require('./form/edit-form/index.cjs');
-var index$j = require('./form/form/index.cjs');
+var index$i = require('./form/form-detail/form-button-list/index.cjs');
+var index$j = require('./form/edit-form/index.cjs');
+var index$k = require('./form/form/index.cjs');
 var dataView_provider = require('./data-view/data-view.provider.cjs');
-var index$q = require('./exp-bar/tree-exp-bar/index.cjs');
-var index$r = require('./exp-bar/list-exp-bar/index.cjs');
-var index$s = require('./exp-bar/grid-exp-bar/index.cjs');
-var index$t = require('./exp-bar/data-view-exp-bar/index.cjs');
-var index$u = require('./exp-bar/calendar-exp-bar/index.cjs');
-var index$v = require('./exp-bar/chart-exp-bar/index.cjs');
+var index$r = require('./exp-bar/tree-exp-bar/index.cjs');
+var index$s = require('./exp-bar/list-exp-bar/index.cjs');
+var index$t = require('./exp-bar/grid-exp-bar/index.cjs');
+var index$u = require('./exp-bar/data-view-exp-bar/index.cjs');
+var index$v = require('./exp-bar/calendar-exp-bar/index.cjs');
+var index$w = require('./exp-bar/chart-exp-bar/index.cjs');
 var drbar_controller = require('./drbar/drbar.controller.cjs');
 var drtab_controller = require('./drtab/drtab.controller.cjs');
 var containerPortlet = require('./dashboard/portlet/container-portlet/container-portlet.cjs');
-var index$C = require('./dashboard/portlet/container-portlet/index.cjs');
+var index$D = require('./dashboard/portlet/container-portlet/index.cjs');
 var portletLayout = require('./dashboard/portlet/portlet-layout/portlet-layout.cjs');
 var viewPortlet = require('./dashboard/portlet/view-portlet/view-portlet.cjs');
-var index$D = require('./dashboard/portlet/view-portlet/index.cjs');
+var index$E = require('./dashboard/portlet/view-portlet/index.cjs');
 var menuPortlet = require('./dashboard/portlet/menu-portlet/menu-portlet.cjs');
-var index$E = require('./dashboard/portlet/menu-portlet/index.cjs');
+var index$F = require('./dashboard/portlet/menu-portlet/index.cjs');
 var chartPortlet = require('./dashboard/portlet/chart-portlet/chart-portlet.cjs');
-var index$F = require('./dashboard/portlet/chart-portlet/index.cjs');
+var index$G = require('./dashboard/portlet/chart-portlet/index.cjs');
 var rawitemPortlet = require('./dashboard/portlet/rawitem-portlet/rawitem-portlet.cjs');
-var index$G = require('./dashboard/portlet/rawitem-portlet/index.cjs');
+var index$H = require('./dashboard/portlet/rawitem-portlet/index.cjs');
 var listPortlet = require('./dashboard/portlet/list-portlet/list-portlet.cjs');
-var index$H = require('./dashboard/portlet/list-portlet/index.cjs');
+var index$I = require('./dashboard/portlet/list-portlet/index.cjs');
 var htmlPortlet = require('./dashboard/portlet/html-portlet/html-portlet.cjs');
-var index$I = require('./dashboard/portlet/html-portlet/index.cjs');
+var index$J = require('./dashboard/portlet/html-portlet/index.cjs');
 var actionbarPortlet = require('./dashboard/portlet/actionbar-portlet/actionbar-portlet.cjs');
-var index$J = require('./dashboard/portlet/actionbar-portlet/index.cjs');
+var index$K = require('./dashboard/portlet/actionbar-portlet/index.cjs');
 var reportPortlet = require('./dashboard/portlet/report-portlet/report-portlet.cjs');
-var index$K = require('./dashboard/portlet/report-portlet/index.cjs');
+var index$L = require('./dashboard/portlet/report-portlet/index.cjs');
 var filterPortlet = require('./dashboard/portlet/filter-portlet/filter-portlet.cjs');
-var index$L = require('./dashboard/portlet/filter-portlet/index.cjs');
+var index$M = require('./dashboard/portlet/filter-portlet/index.cjs');
 
 "use strict";
 
 exports.IBizAppMenuControl = index.IBizAppMenuControl;
 exports.IBizAppMenuIconViewControl = index$1.IBizAppMenuIconViewControl;
 exports.IBizListControl = index$7.IBizListControl;
-exports.IBizToolbarControl = index$k.IBizToolbarControl;
-exports.IBizCaptionBarControl = index$l.IBizCaptionBarControl;
-exports.IBizDataViewControl = index$m.IBizDataViewControl;
-exports.IBizTreeControl = index$n.IBizTreeControl;
-exports.IBizPickupViewPanelControl = index$o.IBizPickupViewPanelControl;
-exports.IBizTabExpPanelControl = index$p.IBizTabExpPanelControl;
-exports.IBizSearchBarControl = index$w.IBizSearchBarControl;
-exports.IBizChartControl = index$x.IBizChartControl;
-exports.IBizWizardPanelControl = index$y.IBizWizardPanelControl;
-exports.IBizDRBarControl = index$z.IBizDRBarControl;
-exports.IBizDRTabControl = index$A.IBizDRTabControl;
-exports.IBizDashboardControl = index$B.IBizDashboardControl;
-exports.IBizCalendarControl = index$M.IBizCalendarControl;
-exports.IBizKanbanControl = index$N.IBizKanbanControl;
-exports.IBizTreeGridExControl = index$O.IBizTreeGridExControl;
-exports.IBizTreeGridControl = index$P.IBizTreeGridControl;
-exports.IBizMEditViewPanelControl = index$Q.IBizMEditViewPanelControl;
-exports.IBizMapControl = index$R.IBizMapControl;
-exports.IBizReportPanelControl = index$S.IBizReportPanelControl;
-exports.IBizGanttControl = index$T.IBizGanttControl;
-exports.IBizContextMenuControl = index$U.IBizContextMenuControl;
+exports.IBizToolbarControl = index$l.IBizToolbarControl;
+exports.IBizCaptionBarControl = index$m.IBizCaptionBarControl;
+exports.IBizDataViewControl = index$n.IBizDataViewControl;
+exports.IBizTreeControl = index$o.IBizTreeControl;
+exports.IBizPickupViewPanelControl = index$p.IBizPickupViewPanelControl;
+exports.IBizTabExpPanelControl = index$q.IBizTabExpPanelControl;
+exports.IBizSearchBarControl = index$x.IBizSearchBarControl;
+exports.IBizChartControl = index$y.IBizChartControl;
+exports.IBizWizardPanelControl = index$z.IBizWizardPanelControl;
+exports.IBizDRBarControl = index$A.IBizDRBarControl;
+exports.IBizDRTabControl = index$B.IBizDRTabControl;
+exports.IBizDashboardControl = index$C.IBizDashboardControl;
+exports.IBizCalendarControl = index$N.IBizCalendarControl;
+exports.IBizKanbanControl = index$O.IBizKanbanControl;
+exports.IBizTreeGridExControl = index$P.IBizTreeGridExControl;
+exports.IBizTreeGridControl = index$Q.IBizTreeGridControl;
+exports.IBizMEditViewPanelControl = index$R.IBizMEditViewPanelControl;
+exports.IBizMapControl = index$S.IBizMapControl;
+exports.IBizReportPanelControl = index$T.IBizReportPanelControl;
+exports.IBizGanttControl = index$U.IBizGanttControl;
+exports.IBizContextMenuControl = index$V.IBizContextMenuControl;
 exports.useAppGridBase = gridControl_util.useAppGridBase;
 exports.useAppGridPagination = gridControl_util.useAppGridPagination;
 exports.useGridDraggable = gridControl_util.useGridDraggable;
@@ -126,35 +127,36 @@ exports.IBizFormMDCtrl = index$e.IBizFormMDCtrl;
 exports.IBizFormRawItem = index$f.IBizFormRawItem;
 exports.IBizFormTabPanel = index$g.IBizFormTabPanel;
 exports.IBizFormTabPage = index$h.IBizFormTabPage;
-exports.IBizEditFormControl = index$i.IBizEditFormControl;
-exports.IBizFormControl = index$j.IBizFormControl;
+exports.IBizFormButtonList = index$i.IBizFormButtonList;
+exports.IBizEditFormControl = index$j.IBizEditFormControl;
+exports.IBizFormControl = index$k.IBizFormControl;
 exports.DataViewControlProvider = dataView_provider.DataViewControlProvider;
-exports.IBizTreeExpBarControl = index$q.IBizTreeExpBarControl;
-exports.IBizListExpBarControl = index$r.IBizListExpBarControl;
-exports.IBizGridExpBarControl = index$s.IBizGridExpBarControl;
-exports.IBizDataViewExpBarControl = index$t.IBizDataViewExpBarControl;
-exports.IBizCalendarExpBarControl = index$u.IBizCalendarExpBarControl;
-exports.IBizChartExpBarControl = index$v.IBizChartExpBarControl;
+exports.IBizTreeExpBarControl = index$r.IBizTreeExpBarControl;
+exports.IBizListExpBarControl = index$s.IBizListExpBarControl;
+exports.IBizGridExpBarControl = index$t.IBizGridExpBarControl;
+exports.IBizDataViewExpBarControl = index$u.IBizDataViewExpBarControl;
+exports.IBizCalendarExpBarControl = index$v.IBizCalendarExpBarControl;
+exports.IBizChartExpBarControl = index$w.IBizChartExpBarControl;
 exports.DRBarController = drbar_controller.DRBarController;
 exports.DRTabController = drtab_controller.DRTabController;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
-exports.IBizContainerPortlet = index$C.IBizContainerPortlet;
+exports.IBizContainerPortlet = index$D.IBizContainerPortlet;
 exports.PortletLayout = portletLayout.PortletLayout;
 exports.ViewPortlet = viewPortlet.ViewPortlet;
-exports.IBizViewPortlet = index$D.IBizViewPortlet;
+exports.IBizViewPortlet = index$E.IBizViewPortlet;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
-exports.IBizMenuPortlet = index$E.IBizMenuPortlet;
+exports.IBizMenuPortlet = index$F.IBizMenuPortlet;
 exports.ChartPortlet = chartPortlet.ChartPortlet;
-exports.IBizChartPortlet = index$F.IBizChartPortlet;
+exports.IBizChartPortlet = index$G.IBizChartPortlet;
 exports.RawItemPortlet = rawitemPortlet.RawItemPortlet;
-exports.IBizRawItemPortlet = index$G.IBizRawItemPortlet;
+exports.IBizRawItemPortlet = index$H.IBizRawItemPortlet;
 exports.ListPortlet = listPortlet.ListPortlet;
-exports.IBizListPortlet = index$H.IBizListPortlet;
+exports.IBizListPortlet = index$I.IBizListPortlet;
 exports.HtmlPortlet = htmlPortlet.HtmlPortlet;
-exports.IBizHtmlPortlet = index$I.IBizHtmlPortlet;
+exports.IBizHtmlPortlet = index$J.IBizHtmlPortlet;
 exports.ActionBarPortlet = actionbarPortlet.ActionBarPortlet;
-exports.IBizActionBarPortlet = index$J.IBizActionBarPortlet;
+exports.IBizActionBarPortlet = index$K.IBizActionBarPortlet;
 exports.ReportPortlet = reportPortlet.ReportPortlet;
-exports.IBizReportPortlet = index$K.IBizReportPortlet;
+exports.IBizReportPortlet = index$L.IBizReportPortlet;
 exports.FilterPortlet = filterPortlet.FilterPortlet;
-exports.IBizFilterPortlet = index$L.IBizFilterPortlet;
+exports.IBizFilterPortlet = index$M.IBizFilterPortlet;