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

package/lib/control/calendar/components/calendar-flatten/calendar-flatten.cjs

@@ -0,0 +1,202 @@
+'use strict';
+
+var vue = require('vue');
+var dayjs = require('dayjs');
+var vue3Util = require('@ibiz-template/vue3-util');
+var quarterOfYear = require('dayjs/plugin/quarterOfYear');
+require('./calendar-flatten.css');
+
+"use strict";
+dayjs.extend(quarterOfYear);
+const CalendarFlatten = /* @__PURE__ */ vue.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 = vue3Util.useNamespace("calendar-flatten");
+    const range = vue.computed({
+      get() {
+        return props.timeRange;
+      },
+      set(date) {
+        emit("timeRangeChange", date);
+      }
+    });
+    const legends = vue.computed(() => {
+      return props.legends.filter((legend) => legend.isShow);
+    });
+    const itemsByDate = vue.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 = vue.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 = vue.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 vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("header")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("header", "left")
+    }, [this.title]), vue.createVNode("div", {
+      "class": this.ns.em("header", "centre")
+    }, [this.legends.length > 1 && this.legends.map((legend) => {
+      return vue.createVNode("div", {
+        "class": this.ns.e("legend"),
+        "onClick": () => this.$emit("legendClick", legend)
+      }, [vue.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), vue.createVNode("div", {
+        "class": this.ns.em("legend", "text")
+      }, [legend.name])]);
+    })]), vue.createVNode("div", {
+      "class": this.ns.em("header", "right")
+    }, [vue.createVNode(vue.resolveComponent("el-date-picker"), {
+      "type": "monthrange",
+      "clearable": false,
+      "modelValue": this.range,
+      "onUpdate:modelValue": ($event) => this.range = $event,
+      "class": this.ns.e("data-picker")
+    }, null)])]), vue.createVNode("div", {
+      "class": this.ns.e("body")
+    }, [this.months.map((month) => {
+      return vue.createVNode(vue.resolveComponent("el-calendar"), {
+        "modelValue": month,
+        "class": this.ns.e("month-calendar"),
+        "key": "".concat(month.getFullYear(), "-").concat(month.getMonth())
+      }, {
+        header: ({
+          date
+        }) => {
+          return vue.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 vue.createVNode(vue.resolveComponent("el-popover"), {
+            "trigger": "click",
+            "persistent": false,
+            "disabled": !marks.length,
+            "popperClass": this.ns.e("popover")
+          }, {
+            default: () => {
+              return vue.createVNode("div", {
+                "class": this.ns.em("popover", "content")
+              }, [marks.map((mark) => {
+                return vue.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: () => vue.createVNode("div", {
+              "class": this.ns.e("date")
+            }, [vue.createVNode("div", {
+              "class": this.ns.em("date", "day")
+            }, [date.getDate()]), vue.createVNode("div", {
+              "class": this.ns.em("date", "mark")
+            }, [marks.map((mark) => {
+              if (mark.isShow)
+                return vue.createVNode("div", {
+                  "class": this.ns.e("dot"),
+                  "style": {
+                    backgroundColor: mark.bkcolor
+                  }
+                }, null);
+            })])])
+          });
+        }
+      });
+    })])]);
+  }
+});
+
+exports.CalendarFlatten = CalendarFlatten;

package/lib/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/lib/control/calendar/components/calendar-flatten/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var calendarFlatten = require('./calendar-flatten.cjs');
+
+"use strict";
+const IBizCalendarFlatten = vue3Util.withInstall(calendarFlatten.CalendarFlatten, (v) => {
+  v.component(calendarFlatten.CalendarFlatten.name, calendarFlatten.CalendarFlatten);
+});
+
+exports.IBizCalendarFlatten = IBizCalendarFlatten;
+exports.default = IBizCalendarFlatten;

package/lib/control/calendar/components/custom-calendar/custom-calendar.cjs

@@ -8,8 +8,8 @@ var index$1 = require('../calendar-daily/index.cjs');
 var index = require('../calendar-week/index.cjs');
 var index$2 = require('../calendar-user/index.cjs');
 var useCustomCalendar = require('./use-custom-calendar.cjs');
-require('./custom-calendar.css');
 require('../interface/index.cjs');
+require('./custom-calendar.css');
 var customCalendar = require('../interface/custom-calendar.cjs');
 
 "use strict";

package/lib/control/calendar/components/custom-calendar/use-custom-calendar.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var vue = require('vue');
 var dayjs = require('dayjs');
 var ElementPlus = require('element-plus');
-require('../util/index.cjs');
+var vue = require('vue');
 require('../constant/index.cjs');
+require('../util/index.cjs');
 var util = require('../util/util.cjs');
 var event = require('../constant/event.cjs');
 

package/lib/control/form/form-detail/form-page/form-page.cjs

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

package/lib/control/grid/grid/grid-control.util.cjs

@@ -731,7 +731,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/lib/control/grid/grid/grid.cjs

@@ -20,8 +20,8 @@ function renderAttrs(model, params) {
   var _a;
   const attrs = {};
   (_a = model.controlAttributes) == null ? void 0 : _a.forEach((item) => {
-    if (item.attrName !== "span-method") {
-      if (item.attrName && item.attrValue) {
+    if (item.attrName && !["span-method", "classNames", "styles"].includes(item.attrName)) {
+      if (item.attrValue) {
         attrs[item.attrName] = runtime.ScriptFactory.execSingleLine(item.attrValue, {
           ...params
         });
@@ -351,6 +351,10 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       onPageRefresh,
       onPageSizeChange
     } = usePagination.usePagination(c);
+    const {
+      semanticClass,
+      semanticStyle
+    } = vue3Util.useSemanticNode(c);
     const {
       headerCssVars
     } = gridControl_util.useGridHeaderStyle(tableRef, ns);
@@ -542,6 +546,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       infiniteScroll,
       infiniteScrollKey,
       isLodeMoreDisabled,
+      semanticClass,
+      semanticStyle,
       onRowClick,
       spanMethod,
       onSortChange,
@@ -572,9 +578,9 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       "controller": this.c
     }, {
       default: () => [vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-        "class": [this.ns.b(), this.ns.is("dynamic-grid", this.c.state.isAutoGrid), this.ns.is("show-header", !this.c.state.hideHeader), this.ns.is("enable-page", this.c.state.enablePagingBar), this.ns.is("enable-group", this.c.state.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized), this.ns.is("group-row-mode", this.c.controlParams.grouprowmode === "NEWROW")],
+        "class": [this.ns.b(), this.ns.is("dynamic-grid", this.c.state.isAutoGrid), this.ns.is("show-header", !this.c.state.hideHeader), this.ns.is("enable-page", this.c.state.enablePagingBar), this.ns.is("enable-group", this.c.state.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized), this.ns.is("group-row-mode", this.c.controlParams.grouprowmode === "NEWROW"), this.semanticClass("root")],
         "controller": this.c,
-        "style": this.headerCssVars
+        "style": [this.headerCssVars, this.semanticStyle("root")]
       }, {
         default: () => [vue.createVNode(vue.resolveComponent("el-table"), vue.mergeProps({
           "border": true,
@@ -582,7 +588,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
           "data": this.tableData,
           "row-key": "tempsrfkey",
           "tooltip-effect": "light",
-          "class": this.ns.e("table"),
+          "style": this.semanticStyle("content"),
+          "class": [this.ns.e("table"), this.semanticClass("content")],
           "scrollbar-always-on": true,
           "onRowClick": this.onRowClick,
           "span-method": this.spanMethod,
@@ -594,11 +601,21 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
           "onHeaderDragend": this.headerDragend,
           "default-expand-all": defaultExpandAll,
           "show-header": !this.c.state.hideHeader,
-          "row-class-name": this.handleRowClassName,
+          "row-class-name": (event) => {
+            return [this.handleRowClassName(event), this.semanticClass("body.row", event)].join(" ");
+          },
+          "header-row-class-name": (...args) => this.semanticClass("header.row", ...args),
+          "row-style": (...args) => this.semanticStyle("body.row", args),
+          "header-row-style": this.semanticStyle("header.row"),
           "highlight-current-row": state.singleSelect,
           "expandRowKeys": this.c.state.expandRowKeys,
           "onSelectionChange": this.onSelectionChange,
-          "header-cell-class-name": this.handleHeaderCellClassName,
+          "cell-class-name": (...args) => this.semanticClass("body.cell", ...args),
+          "header-cell-class-name": (data) => {
+            return [this.handleHeaderCellClassName(data), this.semanticClass("header.cell", data)].join(" ");
+          },
+          "cell-style": (...args) => this.semanticStyle("body.cell", args),
+          "header-cell-style": this.semanticStyle("header.cell"),
           "onExpandChange": (row, expanded) => this.c.expandChange(row, expanded)
         }, this.$attrs, renderAttrs(this.c.model, {
           ...this.c.getEventArgs()
@@ -610,7 +627,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
               "align": "center",
               "type": "selection",
               "reserve-selection": true,
-              "class-name": this.ns.e("selection")
+              "style": this.semanticStyle("selection"),
+              "class-name": "".concat(this.ns.e("selection"), " ").concat(this.semanticClass("selection"))
             }, null), this.renderRowDetail(), this.renderColumns.map((model, index) => {
               return this.renderTableColumn(model, index);
             })];
@@ -640,6 +658,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
             }) : this.renderPopover()];
           }
         }), this.c.state.enablePagingBar && vue.createVNode(vue.resolveComponent("iBizPagination"), {
+          "class": this.semanticClass("pagination"),
+          "style": this.semanticStyle("pagination"),
           "mode": this.c.paginationMode,
           "total": state.total,
           "curPage": state.curPage,
@@ -652,6 +672,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         }, null), this.c.model.enableCustomized && !this.c.state.hideHeader && vue.createVNode("div", {
           "class": this.ns.b("setting-box")
         }, [vue.createVNode(vue.resolveComponent("iBizGridSetting"), {
+          "class": this.semanticClass("setting"),
+          "style": this.semanticStyle("setting"),
           "columnStates": state.columnStates,
           "controller": this.c
         }, null)]), this.renderBatchToolBar()]

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

@@ -1 +1 @@
-.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding: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}

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

@@ -1 +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}
+.ibiz-grid-column-header{--ibiz-grid-column-header-filter-color:var(--ibiz-control-grid-filter-color);--ibiz-grid-column-header-filter-active-color:var(--ibiz-control-grid-filter-active-color);--ibiz-grid-column-header-icon-gap:var(--ibiz-control-grid-icon-gap);--ibiz-grid-column-header-popover-padding-bottom:var(--ibiz-spacing-tight);--ibiz-grid-column-header-popover-divider:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-grid-column-header__caption{display:flex;gap:var(--ibiz-grid-column-header-icon-gap);align-items:center}.ibiz-grid-column-header__filter--icon{height:23px;margin-left:var(--ibiz-grid-column-header-icon-gap);color:var(--ibiz-grid-column-header-filter-color);visibility:visible}.ibiz-grid-column-header__filter--icon.is-active{color:var(--ibiz-grid-column-header-filter-active-color)}.ibiz-grid-column-header__popover{--ibiz-grid-column-header-filter-color:var(--ibiz-control-grid-filter-color);--ibiz-grid-column-header-filter-active-color:var(--ibiz-control-grid-filter-active-color);--ibiz-grid-column-header-icon-gap:var(--ibiz-control-grid-icon-gap);--ibiz-grid-column-header-popover-padding-bottom:var(--ibiz-spacing-tight);--ibiz-grid-column-header-popover-divider:1px solid var(--ibiz-color-border)}.ibiz-grid-column-header__popover--editor{padding-bottom:var(--ibiz-grid-column-header-popover-padding-bottom);border-bottom:var(--ibiz-grid-column-header-popover-divider)}.ibiz-grid-column-header__popover--bottom{display:flex;align-items:center;float:right}

package/lib/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-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}
+.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-body-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-control-grid-body-cell-link-color);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-control-grid-body-cell-link-hover-color);--ibiz-grid-field-column-color:var(--ibiz-control-grid-body-cell-text-color);--ibiz-grid-field-column-font-size:var(--ibiz-control-grid-body-cell-font-size);--ibiz-grid-field-column-font-weight:var(--ibiz-control-grid-body-cell-font-weight);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-grid-field-column-font-size);font-weight:var(--ibiz-grid-field-column-font-weight);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/lib/control/grid/grid-column/grid-field-edit-column/grid-edit-item/grid-edit-item.css

@@ -1 +1 @@
-.ibiz-grid-edit-item{--ibiz-grid-edit-item-cell-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-grid-edit-item-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-text-0);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-item-hover-edit-padding:var(--ibiz-spacing-none) 11px;width:100%;height:100%}.ibiz-grid-edit-item.is-error .ibiz-grid-edit-item__tooltip{border:1px solid var(--ibiz-color-danger)}.ibiz-grid-edit-item__tooltip{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-edit-item-cell-padding);text-align:var(--ibiz-grid-column-text-align)}.ibiz-grid-edit-item--show-mask:hover{cursor:pointer;background-color:var(--ibiz-grid-edit-item-cell-hover-bg-color)}.ibiz-grid-edit-item .ibiz-input{height:auto}
+.ibiz-grid-edit-item{--ibiz-grid-edit-item-cell-hover-bg-color:var(--ibiz-control-grid-body-cell-hover-bg-color);--ibiz-grid-edit-item-cell-padding:var(--ibiz-control-grid-body-cell-padding);--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-text-0);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-item-hover-edit-padding:var(--ibiz-spacing-none) 11px;width:100%;height:100%}.ibiz-grid-edit-item.is-error .ibiz-grid-edit-item__tooltip{border:1px solid var(--ibiz-color-danger)}.ibiz-grid-edit-item__tooltip{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-edit-item-cell-padding);text-align:var(--ibiz-grid-column-text-align)}.ibiz-grid-edit-item--show-mask:hover{cursor:pointer;background-color:var(--ibiz-grid-edit-item-cell-hover-bg-color)}.ibiz-grid-edit-item .ibiz-input{height:auto}

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

@@ -1 +1 @@
-.ibiz-grid-ua-column{--ibiz-grid-ua-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-ua-column-btn-bg-color:transparent;--ibiz-grid-ua-column-btn-hover-color:var(--ibiz-color-primary-hover);--ibiz-grid-ua-column-btn-color:var(--ibiz-color-primary);--ibiz-grid-ua-column-font-size:var(--ibiz-font-size-regular);--ibiz-grid-ua-column-font-weight:var(--ibiz-font-weight-regular);display:flex;align-items:center;justify-content:var(--ibiz-grid-column-text-align);width:100%;height:100%;padding:var(--ibiz-grid-ua-column-cell-padding)}.ibiz-grid-ua-column .el-button{font-size:var(--ibiz-grid-ua-column-font-size);font-weight:var(--ibiz-grid-ua-column-font-weight);color:var(--ibiz-grid-ua-column-btn-color);background-color:var(--ibiz-grid-ua-column-btn-bg-color);box-shadow:none}.ibiz-grid-ua-column .el-button:hover{color:var(--ibiz-grid-ua-column-btn-hover-color)}.ibiz-grid-ua-column .el-button.is-text:not(.is-disabled):hover{background-color:var(--ibiz-grid-ua-column-btn-bg-color)}
+.ibiz-grid-ua-column{--ibiz-grid-ua-column-cell-padding:var(--ibiz-control-grid-body-cell-padding);--ibiz-grid-ua-column-btn-bg-color:var(--ibiz-control-grid-body-cell-btn-bg-color);--ibiz-grid-ua-column-btn-hover-color:var(--ibiz-control-grid-body-cell-btn-hover-color);--ibiz-grid-ua-column-btn-color:var(--ibiz-control-grid-body-cell-btn-color);--ibiz-grid-ua-column-font-size:var(--ibiz-control-grid-body-cell-font-size);--ibiz-grid-ua-column-font-weight:var(--ibiz-control-grid-body-cell-font-weight);display:flex;align-items:center;justify-content:var(--ibiz-grid-column-text-align);width:100%;height:100%;padding:var(--ibiz-grid-ua-column-cell-padding)}.ibiz-grid-ua-column .el-button{font-size:var(--ibiz-grid-ua-column-font-size);font-weight:var(--ibiz-grid-ua-column-font-weight);color:var(--ibiz-grid-ua-column-btn-color);background-color:var(--ibiz-grid-ua-column-btn-bg-color);box-shadow:none}.ibiz-grid-ua-column .el-button:hover{color:var(--ibiz-grid-ua-column-btn-hover-color)}.ibiz-grid-ua-column .el-button.is-text:not(.is-disabled):hover{background-color:var(--ibiz-grid-ua-column-btn-bg-color)}

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);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}
+.ibiz-row-edit-popover{--ibiz-row-edit-popover-bg-color:var(--ibiz-control-grid-body-row-edit-bg-color);--ibiz-row-edit-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);position:absolute;z-index:2;padding:var(--ibiz-row-edit-popover-padding);white-space:nowrap;background-color:var(--ibiz-row-edit-popover-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-row-edit-popover-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-row-edit-popover-bg-color);border-style:solid;border-width:0 0 50px 50px}.row-edit-popover__placeholder{height:50px}

package/lib/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{flex-grow:1;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-control-list-item__right--actions{display:flex;-moz-column-gap:var(--ibiz-spacing-extra-tight);column-gap:var(--ibiz-spacing-extra-tight);justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list-item__new{display:flex;align-items:center;justify-content:center;margin-top:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__drag-icon{cursor:move;visibility:hidden}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list__batchtoolbar{display:none;margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list__batchtoolbar.is-show{display:block}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-scroll.is-reverse-scroll .ibiz-control-list__layout-flex{display:flex;flex-direction:column-reverse}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item:hover .ibiz-control-list__drag-icon{visibility:visible}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list-group-style2{--ibiz-control-list-group-style2-color:var(--ibiz-color-disabled-text)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-list-group-style2-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px var(--ibiz-color-border) solid;transform:translateY(-50%)}.ibiz-control-list-skeleton-item{display:flex;padding-bottom:var(--ibiz-spacing-tight)}.ibiz-control-list-skeleton-item__avatar{flex:none;width:calc(var(--ibiz-spacing-base) * 2 + var(--ibiz-spacing-base-loose) * 3 + var(--ibiz-spacing-base-tight) * 2);padding:0 var(--ibiz-spacing-base);--el-skeleton-circle-size:calc(var(--ibiz-spacing-base-loose) * 3 + var(--ibiz-spacing-base-tight) * 2)}.ibiz-control-list-skeleton-item__avatar .el-skeleton__circle{height:var(--el-skeleton-circle-size)}.ibiz-control-list-skeleton-group__header{margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-list-skeleton-group-style2__header{display:flex;justify-content:center}
+.ibiz-control-list-item{flex-grow:1;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-control-list-item__right--actions{display:flex;-moz-column-gap:var(--ibiz-spacing-extra-tight);column-gap:var(--ibiz-spacing-extra-tight);justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list-item__new{display:flex;align-items:center;justify-content:center;margin-top:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__drag-icon{cursor:move;visibility:hidden}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list__batchtoolbar{display:none;margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list__batchtoolbar.is-show{display:block}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-scroll.is-reverse-scroll .ibiz-control-list__layout-flex{display:flex;flex-direction:column-reverse}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item:hover .ibiz-control-list__drag-icon{visibility:visible}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list-group-style2{--ibiz-control-list-group-style2-color:var(--ibiz-color-disabled-text)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-list-group-style2-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px var(--ibiz-color-border) solid;transform:translateY(-50%)}.ibiz-control-list-skeleton{padding:var(--ibiz-spacing-tight) 0}.ibiz-control-list-skeleton-item{display:flex;padding-bottom:var(--ibiz-spacing-tight)}.ibiz-control-list-skeleton-item__avatar{flex:none;width:calc(var(--ibiz-spacing-base) * 2 + var(--ibiz-spacing-base-loose) * 3 + var(--ibiz-spacing-base-tight) * 2);padding:0 var(--ibiz-spacing-base);--el-skeleton-circle-size:calc(var(--ibiz-spacing-base-loose) * 3 + var(--ibiz-spacing-base-tight) * 2)}.ibiz-control-list-skeleton-item__avatar .el-skeleton__circle{height:var(--el-skeleton-circle-size)}.ibiz-control-list-skeleton-group__header{margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-list-skeleton-group-style2__header{display:flex;justify-content:center}

package/lib/editor/code/monaco-editor/monaco-editor.cjs

@@ -37,6 +37,7 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     });
     const textTBVisible = vue.ref(false);
     const editorTheme = vue.ref("");
+    const functionBody = vue.ref();
     const editorModel = c.model;
     if (editorModel.editorParams) {
       if (editorModel.editorParams.enableEdit) {
@@ -85,6 +86,20 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
+    vue.watch(() => props.data, async (newVal) => {
+      if (c.functionBody) {
+        functionBody.value = await ibiz.util.hbs.render(c.functionBody.replaceAll("//n", "\n"), {
+          data: {
+            ...newVal
+          },
+          context: c.context,
+          params: c.params
+        });
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
     const updateEditorOptions = () => {
       if (!editor) {
         return;
@@ -429,9 +444,8 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
       return null;
     };
     const renderFunctionBody = () => {
-      if (!c.functionBody) {
+      if (!functionBody.value)
         return null;
-      }
       return vue.createVNode("div", {
         "class": ns.e("function")
       }, [vue.createVNode(vue.resolveComponent("el-tooltip"), {
@@ -457,14 +471,14 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
         },
         content: () => {
           return vue.createVNode(vue.resolveComponent("iBizHighLightCode"), {
-            "class": ns.e("function-signature"),
-            "code": c.functionBody
+            "code": functionBody.value,
+            "class": ns.e("function-signature")
           }, null);
         }
       })]);
     };
     const renderHeaderToolbar = () => {
-      if (hasEnableEdit.value || enableFullScreen.value || c.functionBody) {
+      if (hasEnableEdit.value || enableFullScreen.value || functionBody.value) {
         return vue.createVNode("div", {
           "class": ns.b("toolbar")
         }, [hasEnableEdit.value && enableEdit.value && readonlyState.value ? vue.createVNode("i", {

package/lib/locale/index.cjs

@@ -49,12 +49,40 @@ class IBizI18n {
     __publicField(this, "langMap", /* @__PURE__ */ new Map());
     this.defaultLang = "zh-CN";
     this.html = document.querySelector("html");
-    const lang = localStorage.getItem("language") || navigator.language || this.defaultLang;
+    const rawLang = localStorage.getItem("language") || this.defaultLang;
+    const lang = this.normalizeLang(rawLang);
     i18n.global.locale.value = lang;
     this.html.setAttribute("lang", lang);
     this.langMap.set("en", () => Promise.resolve().then(function () { return require('./en/index.cjs'); }));
     this.langMap.set("zh-CN", () => Promise.resolve().then(function () { return require('./zh-CN/index.cjs'); }));
   }
+  /**
+   * 归一化语言标识，兼容不同操作系统/浏览器返回的格式差异
+   * 例如：en-US/en_US -> en，zh-Hans-CN/zh_CN -> zh-CN，zh-Hant-* -> zh-CN
+   *
+   * @author tony001
+   * @date 2026-06-02
+   * @protected
+   * @param {string} lang
+   * @return {*}  {string}
+   */
+  normalizeLang(lang) {
+    if (!lang) {
+      return this.defaultLang;
+    }
+    const tag = lang.replace(/_/g, "-");
+    const lower = tag.toLowerCase();
+    if (lower === "en" || lower.startsWith("en-")) {
+      return "en";
+    }
+    if (lower === "zh" || lower.startsWith("zh-hans") || lower === "zh-cn" || lower === "zh-sg") {
+      return "zh-CN";
+    }
+    if (lower.startsWith("zh-hant") || lower === "zh-tw" || lower === "zh-hk" || lower === "zh-mo") {
+      return "zh-CN";
+    }
+    return tag;
+  }
   /**
    * 初始化加载默认多语言文件
    *