@ibiz-template/vue3-components 0.7.41-alpha.97 → 0.7.41-alpha.98

package/es/common/pagination/pagination.mjs

@@ -116,7 +116,11 @@ const IBizPagination = /* @__PURE__ */ defineComponent({
         default: () => [createVNode("ion-icon", {
           "name": "refresh-outline"
         }, null)]
-      })]), isNil(this.totalPages) || this.calcTotalPages === this.totalPages ? createVNode("span", null, [ibiz.i18n.t("component.pagination.display"), createTextVNode("\xA0"), this.start, createTextVNode("\xA0-\xA0"), this.end, createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.piece"), createTextVNode("\uFF0C")]) : null, createVNode("span", null, [ibiz.i18n.t("component.pagination.total"), createTextVNode("\xA0"), this.total, createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.pieceData")])]
+      })]), isNil(this.totalPages) || this.calcTotalPages === this.totalPages ? createVNode("span", {
+        "class": this.ns.b("desc")
+      }, [ibiz.i18n.t("component.pagination.display"), createTextVNode("\xA0"), this.start, createTextVNode("\xA0-\xA0"), this.end, createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.piece"), createTextVNode("\uFF0C")]) : null, createVNode("span", {
+        "class": this.ns.b("desc")
+      }, [ibiz.i18n.t("component.pagination.total"), createTextVNode("\xA0"), this.total, createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.pieceData")])]
     })]);
   }
 });

package/es/common/rawitem/rawitem.mjs

@@ -269,6 +269,7 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
       }
       if (this.rawItemType === "DIVIDER") {
         return createVNode(resolveComponent("el-divider"), {
+          "class": this.ns.e("divider"),
           "content-position": this.dividerParams.contentPosition
         }, {
           default: () => [createVNode("span", {
@@ -278,6 +279,7 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
       }
       if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
         return createVNode(resolveComponent("el-alert"), {
+          "class": this.ns.e("alert"),
           "title": this.alertParams.title,
           "type": this.alertParams.type,
           "show-icon": this.alertParams.showIcon,

package/es/control/calendar/calendar-util.mjs

@@ -36,7 +36,7 @@ function useCalendarLegend(ns) {
     () => getVarValue("".concat(ns.cssVarName("color-black")))
   );
   const getBkColor = (_index) => {
-    return bgColors[_index] || bgColors[0];
+    return bgColors[_index % bgColors.length] || bgColors[0];
   };
   const getActBdrColors = (_index) => {
     return actBdrColors[_index] || getVarValue("".concat(ns.cssVarName("color-primary")));

package/es/control/calendar/calendar.mjs

@@ -5,6 +5,7 @@ import dayjs from 'dayjs';
 import { debounce } from 'lodash-es';
 import { showTitle } from '@ibiz-template/core';
 import { IBizCustomCalendar } from './components/custom-calendar/index.mjs';
+import { IBizCalendarFlatten } from './components/calendar-flatten/index.mjs';
 import { isTimeBetween, useCalendarLegend, getWeekRange } from './calendar-util.mjs';
 import '../../util/index.mjs';
 import './calendar.css';
@@ -90,15 +91,13 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       const result = !Object.values(c.loadMoreItems).some((item) => item.curPage < item.totalPage);
       return result;
     });
-    const monthLegendClick = (_item) => {
-      Object.assign(_item, {
-        isShow: !_item.isShow
-      });
+    const legendType = ["DAY", "WEEK", "MONTH", "USER2"];
+    const legends = ref([]);
+    const onLegendClick = (item) => {
+      item.isShow = !item.isShow;
     };
-    const legendItems = ref([]);
-    const legendType = ["DAY", "WEEK", "MONTH"];
     const calcLegend = () => {
-      legendItems.value = c.state.legends.map((_item, index) => {
+      legends.value = c.state.legends.map((_item, index) => {
         const tempItem = {
           ..._item,
           isShow: true
@@ -190,13 +189,20 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       return false;
     };
     watch(() => c.state.selectedDate, (newVal, oldVal) => {
-      if (timeRangeComparison(newVal, oldVal)) {
+      if (timeRangeComparison(newVal, oldVal))
+        return;
+      c.load();
+    });
+    watch(() => c.state.timeRange, () => {
+      if (!c.state.isLoaded)
         return;
-      }
       c.load();
     });
+    const onTimeRangeChange = (date) => {
+      c.state.timeRange = date;
+    };
     const calcItemStyle = (data) => {
-      const _legend = legendItems.value.find((_item) => _item.id === data.itemType);
+      const _legend = legends.value.find((_item) => _item.id === data.itemType);
       return {
         color: data.color,
         backgroundColor: data.bkColor,
@@ -207,7 +213,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     const calcCalendarItems = (date) => {
       const weekRange = getWeekRange(date);
       const calendarItems = c.state.items.filter((item) => {
-        const _legend = legendItems.value.find((legend) => legend.id === item.itemType);
+        const _legend = legends.value.find((legend) => legend.id === item.itemType);
         if (_legend && !_legend.isShow)
           return false;
         if (!showDateRange.value) {
@@ -231,7 +237,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         });
       }
       return calendarItems.map((_item) => {
-        const targetLegend = legendItems.value.find((legendItem) => Object.is(legendItem.id, _item.itemType));
+        const targetLegend = legends.value.find((legendItem) => Object.is(legendItem.id, _item.itemType));
         if (!targetLegend)
           return _item;
         if (!_item.bkColor)
@@ -377,9 +383,9 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     return {
       c,
       ns,
+      legends,
       curPopover,
       calendarRef,
-      legendItems,
       popoverValue,
       showDateList,
       showDateRange,
@@ -387,8 +393,9 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       disabledLodeMore,
       selectDate,
       calcItemStyle,
+      onLegendClick,
       handleScrollLoad,
-      monthLegendClick,
+      onTimeRangeChange,
       calcCalendarItems,
       onNodeContextmenu
     };
@@ -503,25 +510,19 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
             "class": this.ns.b("content-title")
           }, [date]), createVNode("div", {
             "class": this.ns.b("legend")
-          }, [this.legendItems && this.legendItems.length > 1 && this.legendItems.map((_legend) => {
-            var _a;
-            let label = _legend.name;
-            const _model = (_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.find((_calendarItem) => _calendarItem.id === _legend.id);
-            if (_model == null ? void 0 : _model.nameLanguageRes) {
-              label = ibiz.i18n.t(_model.nameLanguageRes.lanResTag, _model.name);
-            }
+          }, [this.legends && this.legends.length > 1 && this.legends.map((legend) => {
             return createVNode("div", {
               "class": [this.ns.be("legend", "item")],
-              "onClick": () => this.monthLegendClick(_legend)
+              "onClick": () => this.onLegendClick(legend)
             }, [createVNode("div", {
               "class": this.ns.bem("legend", "item", "tip"),
               "style": {
-                background: _legend.isShow ? _legend == null ? void 0 : _legend.bkcolor : "var(".concat(this.ns.cssVarName("color-disabled-bg"), ")"),
-                color: _legend == null ? void 0 : _legend.color
+                background: legend.isShow ? legend == null ? void 0 : legend.bkcolor : "var(".concat(this.ns.cssVarName("color-disabled-bg"), ")"),
+                color: legend == null ? void 0 : legend.color
               }
             }, null), createVNode("div", {
               "class": this.ns.bem("legend", "item", "text")
-            }, [label])]);
+            }, [legend.name])]);
           })]), createVNode("div", {
             "class": this.ns.b("content-header")
           }, [createVNode(resolveComponent("el-date-picker"), {
@@ -598,22 +599,23 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         default: () => [noDataSlots]
       });
     };
-    const renderWeekDay = () => {
-      const slots = {};
+    const renderSlots = () => {
       const {
-        sysCalendarItems
+        sysCalendarItems = []
       } = this.c.model;
-      slots.event = ({
-        data
-      }) => {
-        const targetCalendarItem = sysCalendarItems == null ? void 0 : sysCalendarItems.find((item) => {
-          return item.id === data.itemType;
-        });
-        if (targetCalendarItem && targetCalendarItem.layoutPanel) {
-          return renderPanelItem(data, targetCalendarItem.layoutPanel);
+      return {
+        event: ({
+          data
+        }) => {
+          const model = sysCalendarItems.find((item) => data.itemType === item.itemType);
+          if (model == null ? void 0 : model.layoutPanel)
+            return renderPanelItem(data, model.layoutPanel);
+          return renderDefaultItem(data);
         }
-        return renderDefaultItem(data);
       };
+    };
+    const renderWeekDay = () => {
+      let _slot6;
       return createVNode("div", {
         "class": this.ns.b("content")
       }, [createVNode(IBizCustomCalendar, {
@@ -624,7 +626,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         "ref": "calendarRef",
         "viewType": this.c.model.calendarStyle,
         "events": this.c.state.items,
-        "legends": this.legendItems,
+        "legends": this.legends,
         "multiple": !this.c.state.singleSelect,
         "selectedData": this.c.state.selectedData,
         "onEventClick": (value) => {
@@ -652,8 +654,8 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
           if (item && evt)
             this.onNodeContextmenu(item, evt);
         }
-      }, _isSlot(slots) ? slots : {
-        default: () => [slots]
+      }, _isSlot(_slot6 = renderSlots()) ? _slot6 : {
+        default: () => [_slot6]
       })]);
     };
     const renderTimeLine = () => {
@@ -681,6 +683,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       })]);
     };
     const renderCalendar = () => {
+      let _slot7;
       switch (this.c.model.calendarStyle) {
         case "TIMELINE":
           return renderTimeLine();
@@ -688,6 +691,17 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         case "DAY":
         case "USER":
           return renderWeekDay();
+        case "USER2":
+          return createVNode(IBizCalendarFlatten, {
+            "legends": this.legends,
+            "items": this.c.state.items,
+            "timeRange": this.c.state.timeRange,
+            "title": this.c.state.calendarTitle,
+            "onLegendClick": this.onLegendClick,
+            "onTimeRangeChange": this.onTimeRangeChange
+          }, _isSlot(_slot7 = renderSlots()) ? _slot7 : {
+            default: () => [_slot7]
+          });
         case "MONTH":
         default:
           return renderElCalender();

package/es/control/calendar/components/calendar-flatten/calendar-flatten.css

@@ -0,0 +1 @@
+.ibiz-calendar-flatten{display:flex;flex-direction:column;gap:var(--ibiz-spacing-tight);width:100%;height:100%}.ibiz-calendar-flatten__header{display:flex;flex-shrink:0;align-items:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-calendar-flatten__header--left{flex-shrink:0;min-width:300px}.ibiz-calendar-flatten__header--centre{display:flex;flex-grow:1;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:center}.ibiz-calendar-flatten__header--right{flex-shrink:0}.ibiz-calendar-flatten__body{display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--ibiz-spacing-tight);overflow:auto}.ibiz-calendar-flatten__month-calendar{width:366px;border:1px solid var(--ibiz-color-border)}.ibiz-calendar-flatten__month-calendar .el-calendar__header{display:flex;justify-content:center}.ibiz-calendar-flatten__month-calendar .el-calendar__body{padding:var(--ibiz-spacing-tight)}.ibiz-calendar-flatten__month-calendar .el-calendar-table .el-calendar-day{width:50px;height:50px;padding:0}.ibiz-calendar-flatten__month-calendar .el-calendar-table td.is-selected{background-color:transparent}.ibiz-calendar-flatten__date{display:flex;flex-direction:column;gap:var(--ibiz-spacing-extra-tight);align-items:center;justify-content:center;width:100%;height:100%;padding:4px}.ibiz-calendar-flatten__date--day{flex-shrink:0}.ibiz-calendar-flatten__date--mark{display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--ibiz-spacing-extra-tight);justify-content:center;overflow:hidden}.ibiz-calendar-flatten__dot{width:4px;height:4px;border-radius:50%}.ibiz-calendar-flatten__legend{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;cursor:pointer}.ibiz-calendar-flatten__legend--dot{width:16px;height:16px;border-radius:50%}.ibiz-calendar-flatten__popover{max-height:300px;overflow:auto}.ibiz-calendar-flatten__event .ibiz-control-calendar-item{width:126px;height:auto}.ibiz-calendar-flatten__event .ibiz-control-calendar-item.is-active{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}

package/es/control/calendar/components/calendar-flatten/calendar-flatten.mjs

@@ -0,0 +1,200 @@
+import { defineComponent, createVNode, resolveComponent, computed } from 'vue';
+import dayjs from 'dayjs';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import quarterOfYear from 'dayjs/plugin/quarterOfYear';
+import './calendar-flatten.css';
+
+"use strict";
+dayjs.extend(quarterOfYear);
+const CalendarFlatten = /* @__PURE__ */ defineComponent({
+  name: "CalendarFlatten",
+  props: {
+    title: {
+      type: String,
+      default: () => ibiz.i18n.t("control.calendar.title")
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    legends: {
+      type: Array,
+      default: () => []
+    },
+    timeRange: {
+      required: true,
+      type: Array,
+      validator: (range) => range.length === 2
+    }
+  },
+  emits: {
+    legendClick: (_legend) => true,
+    timeRangeChange: (_range) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("calendar-flatten");
+    const range = computed({
+      get() {
+        return props.timeRange;
+      },
+      set(date) {
+        emit("timeRangeChange", date);
+      }
+    });
+    const legends = computed(() => {
+      return props.legends.filter((legend) => legend.isShow);
+    });
+    const itemsByDate = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      for (const item of props.items) {
+        if (!item.beginTime && !item.endTime)
+          continue;
+        const start = dayjs(item.beginTime || item.endTime);
+        const end = dayjs(item.endTime || item.beginTime);
+        const daysDiff = end.diff(start, "day") + 1;
+        for (let i = 0; i < daysDiff; i++) {
+          const dateKey = start.add(i, "day").format("YYYY-MM-DD");
+          if (!map.has(dateKey))
+            map.set(dateKey, []);
+          map.get(dateKey).push(item);
+        }
+      }
+      return map;
+    });
+    const dateMarkersMap = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      if (!props.timeRange.length)
+        return map;
+      const [startDate, endDate] = props.timeRange;
+      let current = dayjs(startDate);
+      while (current.isBefore(endDate) || current.isSame(endDate, "day")) {
+        const dateKey = current.format("YYYY-MM-DD");
+        const dateItems = itemsByDate.value.get(dateKey) || [];
+        if (dateItems.length > 0) {
+          const marks = legends.value.map((legend) => ({
+            ...legend,
+            items: dateItems.filter((item) => item.itemType === legend.id)
+          })).filter((legend) => legend.items.length);
+          if (marks.length) {
+            map.set(dateKey, marks);
+          }
+        }
+        current = current.add(1, "day");
+      }
+      return map;
+    });
+    const months = computed(() => {
+      if (!props.timeRange.length)
+        return [];
+      const [startDate, endDate] = props.timeRange;
+      const monthsList = [];
+      let current = dayjs(startDate).startOf("month");
+      while (current.isBefore(endDate) || current.isSame(endDate, "month")) {
+        monthsList.push(current.toDate());
+        current = current.add(1, "month");
+      }
+      return monthsList;
+    });
+    return {
+      ns,
+      range,
+      months,
+      dateMarkersMap
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.e("header")
+    }, [createVNode("div", {
+      "class": this.ns.em("header", "left")
+    }, [this.title]), createVNode("div", {
+      "class": this.ns.em("header", "centre")
+    }, [this.legends.length > 1 && this.legends.map((legend) => {
+      return createVNode("div", {
+        "class": this.ns.e("legend"),
+        "onClick": () => this.$emit("legendClick", legend)
+      }, [createVNode("div", {
+        "class": this.ns.em("legend", "dot"),
+        "style": {
+          backgroundColor: legend.isShow ? legend == null ? void 0 : legend.bkcolor : "var(".concat(this.ns.cssVarName("color-disabled-bg"), ")")
+        }
+      }, null), createVNode("div", {
+        "class": this.ns.em("legend", "text")
+      }, [legend.name])]);
+    })]), createVNode("div", {
+      "class": this.ns.em("header", "right")
+    }, [createVNode(resolveComponent("el-date-picker"), {
+      "type": "monthrange",
+      "clearable": false,
+      "modelValue": this.range,
+      "onUpdate:modelValue": ($event) => this.range = $event,
+      "class": this.ns.e("data-picker")
+    }, null)])]), createVNode("div", {
+      "class": this.ns.e("body")
+    }, [this.months.map((month) => {
+      return createVNode(resolveComponent("el-calendar"), {
+        "modelValue": month,
+        "class": this.ns.e("month-calendar"),
+        "key": "".concat(month.getFullYear(), "-").concat(month.getMonth())
+      }, {
+        header: ({
+          date
+        }) => {
+          return createVNode("div", {
+            "class": this.ns.em("month-calendar", "header")
+          }, [date]);
+        },
+        dateCell: ({
+          data
+        }) => {
+          const {
+            date
+          } = data;
+          const marks = this.dateMarkersMap.get(dayjs(date).format("YYYY-MM-DD")) || [];
+          return createVNode(resolveComponent("el-popover"), {
+            "trigger": "click",
+            "persistent": false,
+            "disabled": !marks.length,
+            "popperClass": this.ns.e("popover")
+          }, {
+            default: () => {
+              return createVNode("div", {
+                "class": this.ns.em("popover", "content")
+              }, [marks.map((mark) => {
+                return createVNode("div", {
+                  "class": [this.ns.e("event"), this.ns.em("event", mark.id)]
+                }, [mark.items.map((item) => {
+                  var _a, _b;
+                  return (_b = (_a = this.$slots).event) == null ? void 0 : _b.call(_a, {
+                    data: item
+                  });
+                })]);
+              })]);
+            },
+            reference: () => createVNode("div", {
+              "class": this.ns.e("date")
+            }, [createVNode("div", {
+              "class": this.ns.em("date", "day")
+            }, [date.getDate()]), createVNode("div", {
+              "class": this.ns.em("date", "mark")
+            }, [marks.map((mark) => {
+              if (mark.isShow)
+                return createVNode("div", {
+                  "class": this.ns.e("dot"),
+                  "style": {
+                    backgroundColor: mark.bkcolor
+                  }
+                }, null);
+            })])])
+          });
+        }
+      });
+    })])]);
+  }
+});
+
+export { CalendarFlatten };

package/es/control/calendar/components/calendar-flatten/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { CalendarFlatten } from './calendar-flatten.mjs';
+
+"use strict";
+const IBizCalendarFlatten = withInstall(CalendarFlatten, (v) => {
+  v.component(CalendarFlatten.name, CalendarFlatten);
+});
+
+export { IBizCalendarFlatten, IBizCalendarFlatten as default };

package/es/control/calendar/components/custom-calendar/custom-calendar.mjs

@@ -6,8 +6,8 @@ import { IBizCalendarDaily } from '../calendar-daily/index.mjs';
 import { IBizCalendarWeek } from '../calendar-week/index.mjs';
 import { IBizCalendarUser } from '../calendar-user/index.mjs';
 import { useCustomCalendar, calcCurrentWeekRange } from './use-custom-calendar.mjs';
-import './custom-calendar.css';
 import '../interface/index.mjs';
+import './custom-calendar.css';
 import { customCalendarEmits, customCalendarProps } from '../interface/custom-calendar.mjs';
 
 "use strict";

package/es/control/calendar/components/custom-calendar/use-custom-calendar.mjs

@@ -1,8 +1,8 @@
-import { ref, computed, watch } from 'vue';
 import dayjs from 'dayjs';
 import { useLocale } from 'element-plus';
-import '../util/index.mjs';
+import { ref, computed, watch } from 'vue';
 import '../constant/index.mjs';
+import '../util/index.mjs';
 import { handleBkColor } from '../util/util.mjs';
 import { INPUT_EVENT, CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../constant/event.mjs';
 

package/es/control/form/form-detail/form-page/form-page.mjs

@@ -67,7 +67,7 @@ const FormPage = /* @__PURE__ */ defineComponent({
         default: () => slot,
         label: () => {
           return createVNode("span", {
-            "class": c.labelClass
+            "class": [c.labelClass, this.ns.b("tab-label")]
           }, [c.model.sysImage ? createVNode(resolveComponent("iBizIcon"), {
             "icon": c.model.sysImage
           }, null) : null, c.model.caption]);

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

@@ -729,7 +729,7 @@ function useGridHeaderStyle(tableRef, ns) {
           const height = entries[0].contentRect.height;
           if (height !== lastGridHeaderHeight) {
             const tempCssVars = {
-              "now-header-height": "".concat(height, "px")
+              "setting-height": "".concat(height, "px")
             };
             headerCssVars.value = ns.cssVarBlock(tempCssVars);
             lastGridHeaderHeight = height;

package/es/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);--ibiz-control-grid-footer-vertical-align:var(--ibiz-spacing-extra-tight);position:relative}.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{width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-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.is-group-row-mode .el-table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:0 0 0 20px}.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-bg-1)}.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);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{padding:0;vertical-align:var(--ibiz-control-grid-footer-vertical-align)}.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:first-child 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:10;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-batch-toolbar .ibiz-control-grid-batch-toolbar-text{flex:none}
+.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-border-color:var(--ibiz-color-border);--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-grid-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-font-weight:var(--ibiz-font-weight-regular);--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-row-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-row-height:auto;--ibiz-control-grid-header-row-min-height:54px;--ibiz-control-grid-header-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-header-cell-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-font-size:var(--ibiz-control-grid-font-size);--ibiz-control-grid-header-cell-font-weight:var(--ibiz-control-grid-font-weight);--ibiz-control-grid-body-row-height:48px;--ibiz-control-grid-body-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-body-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-body-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-body-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-body-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-body-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-body-cell-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-body-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-grid-body-cell-link-color:var(--ibiz-color-link);--ibiz-control-grid-body-cell-link-hover-color:var(--ibiz-color-link-hover);--ibiz-control-grid-body-cell-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-grid-body-cell-btn-bg-color:transparent;--ibiz-control-grid-body-cell-btn-hover-color:var(--ibiz-color-primary-hover);--ibiz-control-grid-body-cell-btn-color:var(--ibiz-color-primary);--ibiz-control-grid-body-cell-font-size:var(--ibiz-control-grid-font-size);--ibiz-control-grid-body-cell-font-weight:var(--ibiz-control-grid-font-weight);--ibiz-control-grid-pagination-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-pagination-height:50px;--ibiz-control-grid-pagination-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-pagination-border-color:var(--ibiz-control-grid-border-color);--ibiz-control-grid-pagination-font-size:var(--ibiz-control-grid-font-size);--ibiz-control-grid-pagination-font-weight:var(--ibiz-control-grid-font-weight);--ibiz-control-grid-pagination-item-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);--ibiz-control-grid-pagination-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);--ibiz-control-grid-pagination-item-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-grid-pagination-item-active-color:var(--ibiz-color-primary);--ibiz-control-grid-pagination-item-active-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-footer-height:auto;--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-control-grid-font-size);--ibiz-control-grid-footer-font-weight:var(--ibiz-control-grid-font-weight);--ibiz-control-grid-footer-vertical-align:var(--ibiz-spacing-extra-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-selection-active-bg-color:var(--ibiz-color-primary);--ibiz-control-grid-selection-active-border-color:var(--ibiz-color-primary);--ibiz-control-grid-selection-active-icon-color:var(--el-color-white);--ibiz-control-grid-selection-border-color:var(--ibiz-control-grid-border-color);--ibiz-control-grid-setting-height:auto;--ibiz-control-grid-setting-padding-right:var(--ibiz-spacing-extra-tight);--ibiz-control-grid-setting-bg-color:var(--ibiz-control-grid-header-row-bg-color);--ibiz-control-grid-filter-color:var(--ibiz-color-text-3);--ibiz-control-grid-filter-active-color:var(--ibiz-color-primary);--ibiz-control-grid-sort-color:var(--ibiz-color-text-3);--ibiz-control-grid-sort-active-color:var(--ibiz-color-primary);--ibiz-control-grid-sort-gap:var(--ibiz-spacing-super-tight);position:relative}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-row-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-body-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-row-bg-color)}.ibiz-control-grid{width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-pagination-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.is-group-row-mode .el-table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:0 0 0 20px}.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-control-grid-icon-gap)}.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;--el-text-color-placeholder:var(--ibiz-control-grid-sort-color);--el-color-primary:var(--ibiz-control-grid-sort-active-color)}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-control-grid-sort-gap)}.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-body-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-body-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-body-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-body-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-body-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-bg-1)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-row-height);min-height:var(--ibiz-control-grid-header-row-min-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-cell-font-size);font-weight:var(--ibiz-control-grid-header-cell-font-weight);color:var(--ibiz-control-grid-header-cell-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-column--selection .cell .el-checkbox{--el-border-color:var(--ibiz-control-grid-selection-border-color);--el-checkbox-checked-bg-color:var(--ibiz-control-grid-selection-active-bg-color);--el-checkbox-checked-input-border-color:var(--ibiz-control-grid-selection-active-border-color);--el-checkbox-checked-icon-color:var(--ibiz-control-grid-selection-active-icon-color)}.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-body-cell-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-body-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-body-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__body-wrapper .el-table-column--selection .cell .el-checkbox{--el-border-color:var(--ibiz-control-grid-selection-border-color);--el-checkbox-checked-bg-color:var(--ibiz-control-grid-selection-active-bg-color);--el-checkbox-checked-input-border-color:var(--ibiz-control-grid-selection-active-border-color);--el-checkbox-checked-icon-color:var(--ibiz-control-grid-selection-active-icon-color)}.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{height:var(--ibiz-control-grid-footer-height);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{padding:0;vertical-align:var(--ibiz-control-grid-footer-vertical-align)}.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-pagination-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-pagination-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-pagination-padding)}.ibiz-control-grid .ibiz-pagination .el-pagination{font-size:var(--ibiz-control-grid-pagination-font-size);font-weight:var(--ibiz-control-grid-pagination-font-weight)}.ibiz-control-grid .ibiz-pagination .el-pagination button{padding:var(--ibiz-control-grid-pagination-item-padding)}.ibiz-control-grid .ibiz-pagination .is-background .el-pager li{padding:var(--ibiz-control-grid-pagination-item-padding);margin:var(--ibiz-control-grid-pagination-item-margin)}.ibiz-control-grid .ibiz-pagination .is-background .el-pager li:hover{background-color:var(--ibiz-control-grid-pagination-item-hover-bg-color)}.ibiz-control-grid .ibiz-pagination .el-pagination.is-background .el-pager li.is-active{color:var(--ibiz-control-grid-pagination-item-active-color);background-color:var(--ibiz-control-grid-pagination-item-active-bg-color)}.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:first-child 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:10;height:var(--ibiz-control-grid-setting-height);padding-right:var(--ibiz-control-grid-setting-padding-right);background-color:var(--ibiz-control-grid-setting-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-row-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-batch-toolbar .ibiz-control-grid-batch-toolbar-text{flex:none}