@ibiz-template/vue3-components 0.7.41-alpha.6 → 0.7.41-alpha.61

package/es/control/grid/grid-column/grid-field-column/attachment-column/file-util.mjs

@@ -20,10 +20,35 @@ const getFileType = (extension) => {
   }
 };
 function useFilesParse(props, c) {
+  var _a, _b, _c, _d;
   const files = ref([]);
   const uploadUrl = ref("");
-  const downloadUrl = ref("");
   const svgBlob = /* @__PURE__ */ new Map();
+  const enableNoAccess = ((_a = c.model.userParam) == null ? void 0 : _a.enablenoaccess) === "true";
+  let globalDownloadPrifix = false;
+  if ((_b = c.model.userParam) == null ? void 0 : _b.globaldownloadprifix) {
+    globalDownloadPrifix = ((_c = c.model.userParam) == null ? void 0 : _c.globaldownloadprifix) === "true";
+  } else {
+    globalDownloadPrifix = ibiz.config.common.globalDownloadPrifix;
+  }
+  const osscat = (_d = c.model.userParam) == null ? void 0 : _d.osscat;
+  const getDownloadTicketParams = () => {
+    const downloadTicketParams = {};
+    if (!c.model.userParam) {
+      return downloadTicketParams;
+    }
+    if (c.model.userParam.appentitytag) {
+      Object.assign(downloadTicketParams, {
+        appEntityTag: c.model.userParam.appentitytag
+      });
+    }
+    if (c.model.userParam.datafieldtag) {
+      Object.assign(downloadTicketParams, {
+        dataFieldTag: c.model.userParam.datafieldtag
+      });
+    }
+    return downloadTicketParams;
+  };
   const fetchSVGAsBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -61,9 +86,40 @@ function useFilesParse(props, c) {
       });
     }
   };
+  const getDownloadUrl = (data, file) => {
+    const editorParams = {
+      osscat,
+      enableNoAccess,
+      globalDownloadPrifix
+    };
+    if (file && file.folder) {
+      editorParams.osscat = file.folder;
+    }
+    const urls = ibiz.util.file.calcFileUpDownUrl(
+      c.context,
+      c.params,
+      data,
+      editorParams
+    );
+    return urls.downloadUrl;
+  };
   const onDownload = (file) => {
-    const url = file.url || downloadUrl.value.replace("%fileId%", file.id);
-    ibiz.util.file.fileDownload(url, file.name);
+    const downloadUrl = getDownloadUrl(props.data, file);
+    const url = file.url || downloadUrl.replace("%fileId%", file.id);
+    ibiz.util.file.fileDownload(
+      url,
+      file.name,
+      {
+        context: c.context,
+        params: c.params,
+        data: props.data,
+        file: { fileId: file.id, ...file },
+        extraParams: { osscat, enableNoAccess, globalDownloadPrifix },
+        downloadTicketParams: getDownloadTicketParams()
+      },
+      void 0,
+      enableNoAccess
+    );
   };
   watch(
     () => props.value,
@@ -76,14 +132,14 @@ function useFilesParse(props, c) {
     () => props.data,
     (newVal) => {
       if (newVal) {
+        const editorParams = { osscat, enableNoAccess };
         const urls = ibiz.util.file.calcFileUpDownUrl(
           c.context,
           c.params,
           newVal,
-          {}
+          editorParams
         );
         uploadUrl.value = urls.uploadUrl;
-        downloadUrl.value = urls.downloadUrl;
       }
     },
     { immediate: true, deep: true }
@@ -91,28 +147,33 @@ function useFilesParse(props, c) {
   watch(
     files,
     (newVal) => {
-      if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
+      if (newVal == null ? void 0 : newVal.length) {
         newVal.forEach((file) => {
+          const downloadUrl = getDownloadUrl(props.data, file);
           Object.assign(file, {
-            url: file.url || downloadUrl.value.replace("%fileId%", file.id)
-          });
-          if (file.name.split(".").pop() === "svg") {
-            calcSvgPreview(file);
-          }
-        });
-      }
-    },
-    { immediate: true }
-  );
-  watch(
-    downloadUrl,
-    (newVal) => {
-      if (newVal && files.value.length) {
-        files.value.forEach((file) => {
-          Object.assign(file, {
-            url: downloadUrl.value.replace("%fileId%", file.id)
+            url: file.url || downloadUrl.replace("%fileId%", file.id)
           });
-          if (file.name.split(".").pop() === "svg") {
+          if (ibiz.config.common.enableDownloadTicket && !enableNoAccess) {
+            ibiz.util.file.getDownloadTicket(
+              c.context,
+              c.params,
+              props.data,
+              {
+                fileId: file.id
+              },
+              getDownloadTicketParams()
+            ).then((downloadTicket) => {
+              if (downloadTicket && downloadTicket.ticket) {
+                file.url = downloadUrl.replace(
+                  "%fileId%",
+                  downloadTicket.ticket
+                );
+                if (file.name.split(".").pop() === "svg") {
+                  calcSvgPreview(file);
+                }
+              }
+            });
+          } else if (file.name.split(".").pop() === "svg") {
             calcSvgPreview(file);
           }
         });
@@ -123,8 +184,10 @@ function useFilesParse(props, c) {
   return {
     files,
     uploadUrl,
+    enableNoAccess,
     onDownload,
-    downloadUrl
+    getDownloadUrl,
+    getDownloadTicketParams
   };
 }
 

package/es/control/grid/grid-column/grid-field-column/grid-field-column.css

@@ -1 +1 @@
-.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-color-link);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-color-link-hover);--ibiz-grid-field-column-color:var(--ibiz-color-text-2);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-text-container{min-width:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-toolbar-container{flex-shrink:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script{max-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item.is-group{display:inline-flex;opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}
+.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-color-link);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-color-link-hover);--ibiz-grid-field-column-color:var(--ibiz-color-text-0);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--ellipsis{overflow:hidden}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-text-container{min-width:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-toolbar-container{flex-shrink:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script{max-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item.is-group{display:inline-flex;opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}

package/es/control/grid/grid-column/grid-field-column/grid-field-column.mjs

@@ -1,6 +1,6 @@
-import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
-import { GridFieldColumnController, GridRowState, ValueExUtil } from '@ibiz-template/runtime';
+import { defineComponent, createVNode, resolveComponent, computed, ref } from 'vue';
+import { useNamespace, computedAsync, useCodeListListen } from '@ibiz-template/vue3-util';
+import { ValueExUtil, GridRowState, GridFieldColumnController } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';
 import { showTitle } from '@ibiz-template/core';
 import './grid-field-column.css';
@@ -22,7 +22,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     var _a;
     const ns = useNamespace("grid-field-column");
     const zIndex = props.controller.grid.state.zIndex;
-    const columnType = (_a = props.controller.model.userParam) == null ? void 0 : _a.columnType;
+    const columnType = (_a = props.controller.model.userParam) == null ? void 0 : _a.columntype;
     const onCellClick = (event) => {
       if (props.controller.hasAction) {
         event.stopPropagation();
@@ -35,12 +35,9 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
         props.controller.openLinkView(props.row, event);
       }
     };
-    const CustomHtml = ref("");
-    watch(() => props.row, async () => {
-      CustomHtml.value = await props.controller.getCustomHtml(props.row);
-    }, {
-      deep: true,
-      immediate: true
+    const CustomHtml = computedAsync(async () => {
+      const html = await props.controller.getCustomHtml(props.row);
+      return html;
     });
     const fieldValue = computed(() => props.row.data[props.controller.fieldName]);
     const formatValue = computed(() => props.controller.formatValue(fieldValue.value));

package/es/control/grid/grid-column/grid-field-edit-column/grid-edit-item/grid-edit-item.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './grid-edit-item.css';
 

package/es/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.mjs

@@ -1,7 +1,7 @@
-import { ref, nextTick, computed, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, renderSlot, h, resolveComponent, createVNode, ref, nextTick, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RuntimeError } from '@ibiz-template/core';
-import { GridFieldEditColumnController, GridRowState } from '@ibiz-template/runtime';
+import { GridRowState, GridFieldEditColumnController } from '@ibiz-template/runtime';
 import { isNil } from 'ramda';
 import { useCellEdit } from './cell-edit.mjs';
 import { useRowEdit } from './row-edit.mjs';
@@ -9,6 +9,9 @@ import { useAllEdit } from './all-edit.mjs';
 import './grid-field-edit-column.css';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
   name: "IBizGridFieldEditColumn",
   props: {
@@ -92,15 +95,24 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
   render() {
     var _a;
     const val = this.row.data[this.c.fieldName];
-    return createVNode(resolveComponent("iBizGridEditItem"), {
-      ref: "componentRef",
-      required: !this.c.editItem.allowEmpty,
-      error: this.row.errors[this.c.fieldName],
-      overflowMode: this.c.grid.overflowMode,
-      class: [this.ns, this.ns.m(this.c.grid.overflowMode), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
-      ...this.gridEditItemProps
-    }, {
-      default: () => [this.c.editorProvider && h(resolveComponent(this.c.editorProvider.gridEditor), {
+    let content = null;
+    const editorSlot = "".concat(this.controller.model.codeName, "_editor");
+    if (this.$slots[editorSlot]) {
+      content = renderSlot(this.$slots, editorSlot, {
+        class: this.ns.e("editor"),
+        value: val,
+        data: this.row.data,
+        controller: this.c.editor,
+        overflowMode: this.c.grid.overflowMode,
+        onChange: this.rowDataChange,
+        onInfoTextChange: this.onInfoTextChange,
+        title: this.tooltip,
+        ...this.editorProps,
+        ...this.attrs
+      });
+    }
+    if (this.c.editorProvider) {
+      content = h(resolveComponent(this.c.editorProvider.gridEditor), {
         class: this.ns.e("editor"),
         value: val,
         data: this.row.data,
@@ -111,7 +123,17 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
         title: this.tooltip,
         ...this.editorProps,
         ...this.attrs
-      })]
+      });
+    }
+    return createVNode(resolveComponent("iBizGridEditItem"), {
+      ref: "componentRef",
+      required: !this.c.editItem.allowEmpty,
+      error: this.row.errors[this.c.fieldName],
+      overflowMode: this.c.grid.overflowMode,
+      class: [this.ns, this.ns.m(this.c.grid.overflowMode), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
+      ...this.gridEditItemProps
+    }, _isSlot(content) ? content : {
+      default: () => [content]
     });
   }
 });

package/es/control/grid/grid-column/grid-group-column/grid-group-column.mjs

@@ -1,6 +1,6 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import { GridGroupColumnController, GridRowState } from '@ibiz-template/runtime';
+import { GridRowState, GridGroupColumnController } from '@ibiz-template/runtime';
 
 "use strict";
 const GridGroupColumn = /* @__PURE__ */ defineComponent({

package/es/control/grid/grid-column/grid-ua-column/grid-ua-column.mjs

@@ -1,7 +1,7 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './grid-ua-column.css';
-import { GridUAColumnController, GridRowState } from '@ibiz-template/runtime';
+import { GridRowState, GridUAColumnController } from '@ibiz-template/runtime';
 
 "use strict";
 const GridUAColumn = /* @__PURE__ */ defineComponent({

package/es/control/grid/row-edit-popover/row-edit-popover.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, ref } from 'vue';
 import { useNamespace, useEventListener } from '@ibiz-template/vue3-util';
 import './row-edit-popover.css';
 

package/es/control/grid/virtualized-table/index.mjs

@@ -0,0 +1,18 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerControlProvider } from '@ibiz-template/runtime';
+import { VirtualizedTableControl } from './virtualized-table.mjs';
+import { VirtualizedTableProvider } from './virtualized-table.provider.mjs';
+
+"use strict";
+const IBizVirtualizedTableControl = withInstall(
+  VirtualizedTableControl,
+  (v) => {
+    v.component(VirtualizedTableControl.name, VirtualizedTableControl);
+    registerControlProvider(
+      "GRID_VIRTUALIZED_TABLE",
+      () => new VirtualizedTableProvider()
+    );
+  }
+);
+
+export { IBizVirtualizedTableControl, IBizVirtualizedTableControl as default };

package/es/control/grid/virtualized-table/virtualized-table.css

@@ -0,0 +1 @@
+.ibiz-control-virtualized-table{--ibiz-control-virtualized-table-text-color:var(--ibiz-color-text-0);--ibiz-control-virtualized-table-bg-color:transparent;--ibiz-control-virtualized-table-padding:var(--ibiz-spacing-none);--ibiz-control-virtualized-table-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-virtualized-table-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-virtualized-table-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-virtualized-table-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-virtualized-table-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-virtualized-table-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-virtualized-table-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-virtualized-table-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-virtualized-table-now-header-height:54px;--ibiz-control-virtualized-table-scrollbar-width:4px;--ibiz-control-virtualized-table-scrollbar-bg-color:var(--ibiz-color-fill-2);--ibiz-control-virtualized-table-scrollbar-bg-hover-opacity:0.5;--ibiz-control-virtualized-table-scrollbar-bg-hover-color:var(--ibiz-color-fill-2);--ibiz-control-virtualized-table-header-text-color:var(--ibiz-color-text-2);--ibiz-control-virtualized-table-header-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-virtualized-table-header-height:auto;--ibiz-control-virtualized-table-header-min-height:54px;--ibiz-control-virtualized-table-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-virtualized-table-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-virtualized-table-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-virtualized-table-content-text-color:var(--ibiz-control-virtualized-table-text-color);--ibiz-control-virtualized-table-content-row-height:48px;--ibiz-control-virtualized-table-page-text-color:var(--ibiz-color-text-2);--ibiz-control-virtualized-table-page-height:50px;--ibiz-control-virtualized-table-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-virtualized-table-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-virtualized-table-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-virtualized-table-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-virtualized-table-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-virtualized-table-padding);background-color:var(--ibiz-control-virtualized-table-bg-color)}.ibiz-control-virtualized-table.is-enable-page .el-auto-resizer{height:calc(100% - var(--ibiz-control-virtualized-table-page-height))!important}.ibiz-control-virtualized-table.is-enable-page .el-table-v2__empty{height:calc(100% - var(--ibiz-control-virtualized-table-page-height))}.ibiz-control-virtualized-table__table{width:100%;height:100%}.ibiz-control-virtualized-table__table.el-table-v2{--el-table-header-bg-color:var(--ibiz-control-virtualized-table-header-bg-color);--el-table-border-color:transparent}.ibiz-control-virtualized-table__table .el-table-v2__empty{height:100%}.ibiz-control-virtualized-table__table .el-virtual-scrollbar.el-vl__horizontal{height:var(--ibiz-control-virtualized-table-scrollbar-width)!important}.ibiz-control-virtualized-table__table .el-virtual-scrollbar.el-vl__vertical{width:var(--ibiz-control-virtualized-table-scrollbar-width)!important}.ibiz-control-virtualized-table__table .el-table-v2__header-row,.ibiz-control-virtualized-table__table .el-table-v2__row{border:none}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__header-cell,.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__row-cell{padding:var(--ibiz-control-virtualized-table-cell-padding)}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__header-cell:not(.is-selection),.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__row-cell:not(.is-selection){cursor:pointer}.ibiz-control-virtualized-table__table .el-table-v2__main{background-color:transparent}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__body .el-table-v2__row .el-table-v2__row-cell{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__body .el-table-v2__row:nth-child(2n) .el-table-v2__row-cell{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__body .el-table-v2__row:hover .el-table-v2__row-cell{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__body .el-table-v2__row.is-selected .el-table-v2__row-cell{background-color:var(--ibiz-control-virtualized-table-row-select-color)}.ibiz-control-virtualized-table__table .el-table-v2__body{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-virtualized-table__header-cell{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-virtualized-table__caret-wrapper{display:inline-flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;width:24px;height:14px;overflow:initial;line-height:23px;vertical-align:middle;cursor:pointer}.ibiz-control-virtualized-table__caret-wrapper--sort-caret{width:0;height:0;border:solid 5px transparent;opacity:.6}.ibiz-control-virtualized-table__caret-wrapper--asc{border-bottom-color:var(--ibiz-color-text-2)}.ibiz-control-virtualized-table__caret-wrapper--asc.is-active{border-bottom-color:var(--ibiz-color-primary)}.ibiz-control-virtualized-table__caret-wrapper--desc{border-top-color:var(--ibiz-color-text-2)}.ibiz-control-virtualized-table__caret-wrapper--desc.is-active{border-top-color:var(--ibiz-color-primary)}.ibiz-control-virtualized-table__quick-toolbar{justify-content:center}.ibiz-control-virtualized-table__batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-virtualized-table-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-virtualized-table-header-bg-color)}.ibiz-control-virtualized-table__batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-virtualized-table__batch-toolbar--separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-virtualized-table__batch-toolbar--content{height:100%;display:flex;align-items:center;justify-content:flex-start}.ibiz-control-virtualized-table.is-enable-customized .ibiz-control-virtualized-table__setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:2px;z-index:1;height:var(--ibiz-control-virtualized-table-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-virtualized-table-header-bg-color)}