@ibiz-template/vue3-components 0.7.40-alpha.9 → 0.7.41-alpha.0

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:var(--ibiz-spacing-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:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--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.is-dynamic-grid .el-table__empty-block{height:calc(100% - 48px)!important;min-height:248px}.ibiz-control-grid__add{width:calc(100% - var(--ibiz-spacing-extra-tight));margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary);background-color:transparent;border:1px dashed var(--ibiz-color-border)}.ibiz-control-grid__add ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-grid__add:focus{color:var(--ibiz-color-primary-hover);background-color:transparent;border:1px dashed var(--ibiz-color-primary-hover)}.ibiz-control-grid__add:hover{color:var(--ibiz-color-primary-hover);background-color:transparent;border:1px dashed var(--ibiz-color-primary-hover)}.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.uagridcolumn{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td:not(.uagridcolumn){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: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-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:var(--ibiz-spacing-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:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--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.is-dynamic-grid .el-table__empty-block{height:calc(100% - 48px)!important;min-height:248px}.ibiz-control-grid__add{width:calc(100% - var(--ibiz-spacing-extra-tight));margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary);background-color:transparent;border:1px dashed var(--ibiz-color-border)}.ibiz-control-grid__add ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-grid__add:focus{color:var(--ibiz-color-primary-hover);background-color:transparent;border:1px dashed var(--ibiz-color-primary-hover)}.ibiz-control-grid__add:hover{color:var(--ibiz-color-primary-hover);background-color:transparent;border:1px dashed var(--ibiz-color-primary-hover)}.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.uagridcolumn{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td:not(.uagridcolumn){background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td .el-date-editor,.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td .el-input__wrapper,.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td .el-textarea__inner{--el-input-bg-color:var(--ibiz-color-white)}.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: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-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/grid/grid/index.cjs

@@ -11,9 +11,10 @@ var grid_provider = require('./grid.provider.cjs');
 var gridControl_util = require('./grid-control.util.cjs');
 var index = require('../grid-column/grid-field-column/index.cjs');
 var index$1 = require('../grid-column/grid-ua-column/index.cjs');
-var index$2 = require('../grid-column/grid-field-edit-column/index.cjs');
-var index$3 = require('../grid-column/grid-group-column/index.cjs');
-var index$4 = require('../grid-column/auto-grid-field-edit-column/index.cjs');
+var index$2 = require('../grid-column/grid-column-header/index.cjs');
+var index$3 = require('../grid-column/grid-field-edit-column/index.cjs');
+var index$4 = require('../grid-column/grid-group-column/index.cjs');
+var index$5 = require('../grid-column/auto-grid-field-edit-column/index.cjs');
 
 "use strict";
 const IBizGridControl = vue3Util.withInstall(grid.GridControl, (v) => {
@@ -21,9 +22,10 @@ const IBizGridControl = vue3Util.withInstall(grid.GridControl, (v) => {
   v.component(rowEditPopover.IBizRowEditPopover.name, rowEditPopover.IBizRowEditPopover);
   v.use(index.IBizGridFieldColumn);
   v.use(index$1.IBizGridUAColumn);
-  v.use(index$2.IBizGridFieldEditColumn);
-  v.use(index$3.IBizGridGroupColumn);
-  v.use(index$4.IBizDynamicGridFieldEditColumn);
+  v.use(index$2.IBizGridColumnHeader);
+  v.use(index$3.IBizGridFieldEditColumn);
+  v.use(index$4.IBizGridGroupColumn);
+  v.use(index$5.IBizDynamicGridFieldEditColumn);
   runtime.registerControlProvider(runtime.ControlType.GRID, () => new grid_provider.GridProvider());
 });
 

package/lib/control/grid/grid-column/grid-column-header/grid-column-header.cjs

@@ -0,0 +1,144 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
+require('./grid-column-header.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const GridColumnHeader = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizGridColumnHeader",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    },
+    column: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("grid-column-header");
+    const c = props.controller;
+    const content = vue.ref();
+    const visible = vue.ref(false);
+    const curValue = vue.ref();
+    const filterValue = vue.computed(() => {
+      var _a, _b;
+      const filterName = (_b = (_a = c.model.filterEditor) == null ? void 0 : _a.id) == null ? void 0 : _b.toLowerCase();
+      return filterName ? c.grid.state.columnFilter[filterName] : void 0;
+    });
+    let funcs;
+    const onShow = () => {
+      if (funcs)
+        return funcs.proceed();
+      funcs = vue3Util.useClickOutside(content, (evt) => {
+        const classList = [];
+        core.eventPath(evt).forEach((e) => {
+          if (e && e.classList) {
+            classList.push(...e.classList);
+          }
+        });
+        if (classList.includes("el-popper"))
+          return;
+        visible.value = false;
+      });
+    };
+    const onHide = () => {
+      curValue.value = filterValue.value;
+      funcs == null ? void 0 : funcs.pause();
+    };
+    const onFilterChange = (val, _name) => {
+      curValue.value = val;
+    };
+    const onScreen = () => {
+      visible.value = false;
+      c.handleColumnScreen(curValue.value);
+    };
+    const onReset = () => {
+      curValue.value = void 0;
+      onScreen();
+    };
+    const onClick = (e) => {
+      e.stopPropagation();
+      visible.value = true;
+    };
+    vue.onUnmounted(() => {
+      funcs == null ? void 0 : funcs.stop();
+    });
+    return {
+      c,
+      ns,
+      visible,
+      content,
+      curValue,
+      filterValue,
+      onShow,
+      onHide,
+      onReset,
+      onClick,
+      onScreen,
+      onFilterChange
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("caption")
+    }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+      "class": this.ns.em("caption", "icon"),
+      "icon": this.c.model.sysImage
+    }, null), vue.createVNode("span", {
+      "class": this.ns.em("caption", "label")
+    }, [this.c.model.caption])]), this.c.filterEditorProvider && vue.createVNode(vue.resolveComponent("el-popover"), {
+      "width": 220,
+      "onShow": this.onShow,
+      "onHide": this.onHide,
+      "visible": this.visible,
+      "popper-class": this.ns.e("popover")
+    }, {
+      reference: () => {
+        return vue.createVNode("ion-icon", {
+          "name": "funnel",
+          "title": ibiz.i18n.t("app.search"),
+          "class": [this.ns.em("filter", "icon"), this.ns.is("active", !!this.filterValue)],
+          "onClick": this.onClick
+        }, null);
+      },
+      default: () => {
+        let _slot, _slot2;
+        return vue.createVNode("div", {
+          "ref": "content",
+          "class": this.ns.em("popover", "content")
+        }, [vue.createVNode("div", {
+          "class": this.ns.em("popover", "editor")
+        }, [vue.h(vue.resolveComponent(this.c.filterEditorProvider.gridEditor), {
+          data: {},
+          autoFocus: true,
+          value: this.curValue,
+          onChange: this.onFilterChange,
+          controller: this.c.filterEditor
+        })]), vue.createVNode("div", {
+          "class": this.ns.em("popover", "bottom")
+        }, [vue.createVNode(vue.resolveComponent("el-button"), {
+          "type": "text",
+          "onClick": this.onScreen
+        }, _isSlot(_slot = ibiz.i18n.t("app.search")) ? _slot : {
+          default: () => [_slot]
+        }), vue.createVNode(vue.resolveComponent("el-button"), {
+          "type": "text",
+          "onClick": this.onReset
+        }, _isSlot(_slot2 = ibiz.i18n.t("app.reset")) ? _slot2 : {
+          default: () => [_slot2]
+        })])]);
+      }
+    })]);
+  }
+});
+
+exports.GridColumnHeader = GridColumnHeader;

package/lib/control/grid/grid-column/grid-column-header/grid-column-header.css

@@ -0,0 +1 @@
+.ibiz-grid-column-header{display:flex;align-items:center;justify-content:space-between}.ibiz-grid-column-header__caption{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center}.ibiz-grid-column-header__filter--icon{height:23px;visibility:visible;color:var(--ibiz-color-text-3);margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-grid-column-header__filter--icon.is-active{color:var(--ibiz-color-primary)}.ibiz-grid-column-header__popover--editor{padding-bottom:var(--ibiz-spacing-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-grid-column-header__popover--bottom{display:flex;align-items:center;float:right}

package/lib/control/grid/grid-column/grid-column-header/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var gridColumnHeader = require('./grid-column-header.cjs');
+
+"use strict";
+const IBizGridColumnHeader = vue3Util.withInstall(
+  gridColumnHeader.GridColumnHeader,
+  function(v) {
+    v.component(gridColumnHeader.GridColumnHeader.name, gridColumnHeader.GridColumnHeader);
+  }
+);
+
+exports.IBizGridColumnHeader = IBizGridColumnHeader;
+exports.default = IBizGridColumnHeader;

package/lib/control/grid/grid-column/grid-field-column/attachment-column/attachment-column.cjs

@@ -0,0 +1,127 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var fileUtil = require('./file-util.cjs');
+require('./attachment-column.css');
+
+"use strict";
+const AttachmentColumn = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAttachmentColumn",
+  props: {
+    value: {
+      type: [String, Array],
+      required: true
+    },
+    data: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("attachment-column");
+    const {
+      downloadUrl,
+      files,
+      onDownload
+    } = fileUtil.useFilesParse(props, props.controller);
+    const loading = vue.ref(true);
+    const onLoad = () => {
+      loading.value = false;
+    };
+    const renderImagePreview = (file) => {
+      return vue.withDirectives(vue.createVNode("div", {
+        "class": ns.e("image-preview")
+      }, [vue.createVNode("div", {
+        "class": ns.em("image-preview", "container")
+      }, [vue.createVNode("img", {
+        "alt": "--",
+        "src": file.base64 || file.url,
+        "onLoad": onLoad
+      }, null)])]), [[vue.resolveDirective("loading"), loading.value]]);
+    };
+    const handleImagePreview = async (file) => {
+      const overlay = ibiz.overlay.createModal(renderImagePreview(file), void 0, {
+        modalClass: ns.e("image-preview"),
+        width: 700,
+        height: "auto"
+      });
+      overlay.present();
+      await overlay.onWillDismiss();
+    };
+    const handlePDFPreview = async (file) => {
+      const url = file.url || downloadUrl.value.replace("%fileId%", file.id);
+      const response = await ibiz.net.request(url, {
+        method: "get",
+        responseType: "blob",
+        baseURL: ""
+        // 已经有baseURL了，这里无需再写
+      });
+      if (response.data) {
+        const blob = new Blob([response.data], {
+          type: "application/pdf"
+        });
+        const objectURL = URL.createObjectURL(blob);
+        const link = document.createElement("a");
+        link.href = objectURL;
+        link.target = "_blank";
+        link.style.cursor = "pointer";
+        link.textContent = file.name || "";
+        const handleClick = function() {
+          link.removeEventListener("click", handleClick);
+          document.body.removeChild(link);
+        };
+        link.addEventListener("click", handleClick);
+        document.body.appendChild(link);
+        link.click();
+      }
+    };
+    const handleFileClick = (file) => {
+      var _a, _b;
+      const fileName = file.name;
+      const fileExtension = (_b = (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase()) != null ? _b : "";
+      switch (fileUtil.getFileType(fileExtension)) {
+        case "image":
+          handleImagePreview(file);
+          break;
+        case "pdf":
+          handlePDFPreview(file);
+          break;
+        case "other":
+        default:
+          onDownload(file);
+          break;
+      }
+    };
+    return {
+      ns,
+      files,
+      handleFileClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.files.map((file) => {
+      var _a, _b;
+      const fileName = file.name;
+      const fileExtension = (_b = (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase()) != null ? _b : "";
+      const fileType = fileUtil.getFileType(fileExtension);
+      return vue.createVNode("div", {
+        "class": this.ns.e("file"),
+        "title": file.name,
+        "onClick": () => this.handleFileClick(file)
+      }, [fileType === "image" ? vue.createVNode("img", {
+        "alt": "",
+        "class": this.ns.em("file", "img"),
+        "src": file.base64 || file.url
+      }, null) : file.name]);
+    })]);
+  }
+});
+
+exports.AttachmentColumn = AttachmentColumn;

package/lib/control/grid/grid-column/grid-field-column/attachment-column/attachment-column.css

@@ -0,0 +1 @@
+.ibiz-attachment-column{display:flex;flex-wrap:wrap;gap:var(--ibiz-spacing-extra-tight);width:100%}.ibiz-attachment-column__file{display:flex;align-items:center;max-width:100%;min-height:var(--ibiz-height-control-default);max-height:var(--ibiz-height-control-default);color:var(--ibiz-color-primary)}.ibiz-attachment-column__file--img{width:auto;max-width:var(--ibiz-height-control-default);max-height:var(--ibiz-height-control-default);cursor:zoom-in}.ibiz-attachment-column__image-preview{width:100%;height:100%;padding:var(--ibiz-spacing-base)}.ibiz-attachment-column__image-preview--container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-attachment-column__image-preview--container img{width:100%;max-width:100%;max-height:100%;padding:var(--ibiz-spacing-loose)}

package/lib/control/grid/grid-column/grid-field-column/attachment-column/file-util.cjs

@@ -0,0 +1,134 @@
+'use strict';
+
+var vue = require('vue');
+var lodashEs = require('lodash-es');
+
+"use strict";
+const getFileType = (extension) => {
+  switch (extension) {
+    case "jpg":
+    case "jpeg":
+    case "png":
+    case "gif":
+    case "bmp":
+    case "svg":
+    case "webp":
+    case "jfif":
+      return "image";
+    case "pdf":
+      return "pdf";
+    default:
+      return "other";
+  }
+};
+function useFilesParse(props, c) {
+  const files = vue.ref([]);
+  const uploadUrl = vue.ref("");
+  const downloadUrl = vue.ref("");
+  const svgBlob = /* @__PURE__ */ new Map();
+  const fetchSVGAsBase64 = async (url) => {
+    try {
+      const response = await fetch(url);
+      if (!response.ok) {
+        throw new Error("Failed to fetch SVG: ".concat(response.status));
+      }
+      const blob = await response.blob();
+      const reader = new FileReader();
+      return new Promise((resolve, reject) => {
+        reader.onloadend = () => {
+          const base64String = reader.result;
+          if (base64String) {
+            const dataURL = base64String.replace(
+              "data:application/octet-stream;base64",
+              "data:image/svg+xml;base64"
+            );
+            resolve(dataURL);
+          }
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+      });
+    } catch (error) {
+      ibiz.log.error(error == null ? void 0 : error.message);
+      throw error;
+    }
+  };
+  const calcSvgPreview = (file) => {
+    const blob = svgBlob.get(file.id);
+    if (blob) {
+      Object.assign(file, { base64: blob });
+    } else {
+      fetchSVGAsBase64(file.url).then((base64String) => {
+        Object.assign(file, { base64: base64String });
+      });
+    }
+  };
+  const onDownload = (file) => {
+    const url = file.url || downloadUrl.value.replace("%fileId%", file.id);
+    ibiz.util.file.fileDownload(url, file.name);
+  };
+  vue.watch(
+    () => props.value,
+    (newVal) => {
+      files.value = !newVal ? [] : lodashEs.isString(newVal) ? JSON.parse(newVal) : newVal;
+    },
+    { immediate: true }
+  );
+  vue.watch(
+    () => props.data,
+    (newVal) => {
+      if (newVal) {
+        const urls = ibiz.util.file.calcFileUpDownUrl(
+          c.context,
+          c.params,
+          newVal,
+          {}
+        );
+        uploadUrl.value = urls.uploadUrl;
+        downloadUrl.value = urls.downloadUrl;
+      }
+    },
+    { immediate: true, deep: true }
+  );
+  vue.watch(
+    files,
+    (newVal) => {
+      if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
+        newVal.forEach((file) => {
+          Object.assign(file, {
+            url: file.url || downloadUrl.value.replace("%fileId%", file.id)
+          });
+          if (file.name.split(".").pop() === "svg") {
+            calcSvgPreview(file);
+          }
+        });
+      }
+    },
+    { immediate: true }
+  );
+  vue.watch(
+    downloadUrl,
+    (newVal) => {
+      if (newVal && files.value.length) {
+        files.value.forEach((file) => {
+          Object.assign(file, {
+            url: downloadUrl.value.replace("%fileId%", file.id)
+          });
+          if (file.name.split(".").pop() === "svg") {
+            calcSvgPreview(file);
+          }
+        });
+      }
+    },
+    { immediate: true }
+  );
+  return {
+    files,
+    uploadUrl,
+    onDownload,
+    downloadUrl
+  };
+}
+
+exports.getFileType = getFileType;
+exports.useFilesParse = useFilesParse;

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.cjs

@@ -23,8 +23,10 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const ns = vue3Util.useNamespace("grid-field-column");
     const zIndex = props.controller.grid.state.zIndex;
+    const columnType = (_a = props.controller.model.userParam) == null ? void 0 : _a.columnType;
     const onCellClick = (event) => {
       if (props.controller.hasAction) {
         event.stopPropagation();
@@ -102,11 +104,11 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     };
     vue3Util.useCodeListListen(props.controller.model.appCodeListId, props.controller.context.srfappid, fn);
     const findLayoutPanel = () => {
-      var _a;
+      var _a2;
       const {
         controlRenders = []
       } = props.controller.model;
-      return (_a = controlRenders.find((renderItem) => renderItem.renderType === "LAYOUTPANEL")) == null ? void 0 : _a.layoutPanel;
+      return (_a2 = controlRenders.find((renderItem) => renderItem.renderType === "LAYOUTPANEL")) == null ? void 0 : _a2.layoutPanel;
     };
     const renderPanelItemLayout = (item, modelData) => {
       const {
@@ -133,6 +135,7 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       codeListValue,
       tooltip,
       zIndex,
+      columnType,
       codeListItems,
       hiddenEmpty,
       findLayoutPanel,
@@ -174,6 +177,12 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
         "onInfoTextChange": this.onInfoTextChange,
         "title": core.showTitle(this.tooltip)
       }, null);
+    } else if (this.columnType === "attachment") {
+      content = vue.createVNode(vue.resolveComponent("iBizAttachmentColumn"), {
+        "data": this.row.data,
+        "value": this.fieldValue,
+        "controller": this.controller
+      }, null);
     } else {
       content = vue.createVNode("span", {
         "class": this.ns.e("text"),

package/lib/control/grid/grid-column/grid-field-column/index.cjs

@@ -2,16 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
 var gridFieldColumn = require('./grid-field-column.cjs');
 var gridFieldColumn_provider = require('./grid-field-column.provider.cjs');
+var attachmentColumn = require('./attachment-column/attachment-column.cjs');
 
 "use strict";
 const IBizGridFieldColumn = vue3Util.withInstall(
   gridFieldColumn.GridFieldColumn,
   function(v) {
     v.component(gridFieldColumn.GridFieldColumn.name, gridFieldColumn.GridFieldColumn);
+    v.component(attachmentColumn.AttachmentColumn.name, attachmentColumn.AttachmentColumn);
     runtime.registerGridColumnProvider(
       "DEFGRIDCOLUMN",
       () => new gridFieldColumn_provider.GridFieldColumnProvider()

package/lib/control/grid/grid-column/index.cjs

@@ -5,6 +5,7 @@ var index$1 = require('./grid-ua-column/index.cjs');
 var index$2 = require('./grid-field-edit-column/index.cjs');
 var index$3 = require('./grid-group-column/index.cjs');
 var index$4 = require('./auto-grid-field-edit-column/index.cjs');
+var index$5 = require('./grid-column-header/index.cjs');
 
 "use strict";
 
@@ -13,3 +14,4 @@ exports.IBizGridUAColumn = index$1.IBizGridUAColumn;
 exports.IBizGridFieldEditColumn = index$2.IBizGridFieldEditColumn;
 exports.IBizGridGroupColumn = index$3.IBizGridGroupColumn;
 exports.IBizDynamicGridFieldEditColumn = index$4.IBizDynamicGridFieldEditColumn;
+exports.IBizGridColumnHeader = index$5.IBizGridColumnHeader;

package/lib/control/grid/index.cjs

@@ -8,6 +8,7 @@ var index$2 = require('./grid-column/grid-ua-column/index.cjs');
 var index$3 = require('./grid-column/grid-field-edit-column/index.cjs');
 var index$4 = require('./grid-column/grid-group-column/index.cjs');
 var index$5 = require('./grid-column/auto-grid-field-edit-column/index.cjs');
+var index$6 = require('./grid-column/grid-column-header/index.cjs');
 
 "use strict";
 
@@ -22,3 +23,4 @@ exports.IBizGridUAColumn = index$2.IBizGridUAColumn;
 exports.IBizGridFieldEditColumn = index$3.IBizGridFieldEditColumn;
 exports.IBizGridGroupColumn = index$4.IBizGridGroupColumn;
 exports.IBizDynamicGridFieldEditColumn = index$5.IBizDynamicGridFieldEditColumn;
+exports.IBizGridColumnHeader = index$6.IBizGridColumnHeader;

package/lib/control/grid/row-edit-popover/row-edit-popover.css

@@ -1 +1 @@
-.ibiz-row-edit-popover{position:absolute;z-index:2;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-row-edit-popover.is-hidden{top:-9999px;left:-9999px;z-index:-9999}.ibiz-row-edit-popover::before{position:absolute;top:0;left:-50px;width:0;height:0;content:"";border-color:transparent var(--ibiz-control-grid-row-edit-bg-color) transparent transparent;border-style:solid;border-width:0 50px 50px 0}.ibiz-row-edit-popover::after{position:absolute;top:0;right:-50px;width:0;height:0;content:"";border-color:transparent transparent transparent var(--ibiz-control-grid-row-edit-bg-color);border-style:solid;border-width:0 0 50px 50px}.row-edit-popover__placeholder{height:50px}
+.ibiz-row-edit-popover{position:absolute;z-index:2;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);white-space:nowrap;background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-row-edit-popover.is-hidden{top:-9999px;left:-9999px;z-index:-9999}.ibiz-row-edit-popover::before{position:absolute;top:0;left:-50px;width:0;height:0;content:"";border-color:transparent var(--ibiz-control-grid-row-edit-bg-color) transparent transparent;border-style:solid;border-width:0 50px 50px 0}.ibiz-row-edit-popover::after{position:absolute;top:0;right:-50px;width:0;height:0;content:"";border-color:transparent transparent transparent var(--ibiz-control-grid-row-edit-bg-color);border-style:solid;border-width:0 0 50px 50px}.row-edit-popover__placeholder{height:50px}