@ibiz-template/vue3-components 0.7.41-alpha.110 → 0.7.41-alpha.112

package/es/common/map-chart/map-chart.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createVNode, computed, onMounted } from 'vue';
 import { mergeDeepWithKey, isNil } from 'ramda';
-import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
+import { useNamespace } from '@ibiz-template/vue3-util';
 import { MapController } from '@ibiz-template/runtime';
 import { defaultOpts } from './map-chart.util.mjs';
 import { useMapManager } from './map-manager.mjs';
@@ -29,10 +29,6 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
     emit
   }) {
     const ns = useNamespace("map-chart");
-    const {
-      semanticClass,
-      semanticStyle
-    } = useSemanticNode(props.controller);
     const options = computed(() => {
       return mergeDeepWithKey((_key, x, z) => {
         return isNil(z) ? x : z;
@@ -199,8 +195,6 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
       ns,
       chartRef,
       historyNames,
-      semanticClass,
-      semanticStyle,
       goBack
     };
   },
@@ -211,8 +205,7 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && createVNode("div", {
-      "style": this.semanticStyle("goback"),
-      "class": [this.ns.e("goback"), this.semanticClass("goback")],
+      "class": this.ns.e("goback"),
       "onClick": () => {
         this.goBack();
       }

package/es/common/map-chart-user/map-chart-user.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createVNode, resolveComponent, ref, computed, onMounted, onBeforeUnmount } from 'vue';
 import { mergeDeepLeft, mergeDeepWithKey, isNil } from 'ramda';
-import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
+import { useNamespace } from '@ibiz-template/vue3-util';
 import { getAreaLevelByCode, MapController } from '@ibiz-template/runtime';
 import { NOOP, listenJSEvent } from '@ibiz-template/core';
 import { toNumber } from 'lodash-es';
@@ -29,10 +29,6 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("map-chart-user");
-    const {
-      semanticClass,
-      semanticStyle
-    } = useSemanticNode(props.controller);
     const c = props.controller;
     let option = defaultOpts;
     const mapRef = ref();
@@ -150,8 +146,6 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
       isFull,
       chartRef,
       historyNames,
-      semanticClass,
-      semanticStyle,
       onBack,
       toggleFullScreen
     };
@@ -166,8 +160,7 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
     }, [enabledFullScreen ? createVNode(resolveComponent("el-button"), {
       "type": "info",
       "onClick": this.toggleFullScreen,
-      "style": this.semanticStyle("fullscreen"),
-      "class": [this.ns.e("fullscreen"), this.semanticClass("fullscreen")],
+      "class": this.ns.e("fullscreen"),
       "title": this.isFull ? ibiz.i18n.t("app.cancelFullscreen") : ibiz.i18n.t("app.fullscreen")
     }, {
       default: () => [createVNode("ion-icon", {
@@ -177,8 +170,7 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && createVNode("div", {
-      "style": this.semanticStyle("goback"),
-      "class": [this.ns.e("goback"), this.semanticClass("goback")],
+      "class": this.ns.e("goback"),
       "onClick": () => {
         this.onBack();
       }

package/es/control/calendar/calendar.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, ref, computed, watch } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, withDirectives, resolveDirective, ref, computed, watch } from 'vue';
 import { hasEmptyPanelRenderer, IBizCustomRender, useControlController, useNamespace, useUIStore, useSemanticNode } from '@ibiz-template/vue3-util';
 import { CalendarController } from '@ibiz-template/runtime';
 import dayjs from 'dayjs';
@@ -88,6 +88,14 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     const curPopover = ref();
     const showDateRange = ref(c.controlParams.showmode === "daterange");
     const showDateList = ref(c.controlParams.showmode === "expand");
+    const childClass = [{
+      class: semanticClass("body"),
+      selector: ".el-calendar__body"
+    }];
+    const childStyle = [{
+      style: semanticStyle("body"),
+      selector: ".el-calendar__body"
+    }];
     const infiniteScroll = ref();
     const disabledLodeMore = computed(() => {
       if (c.model.calendarStyle !== "TIMELINE" || c.state.isLoading)
@@ -391,6 +399,8 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       legends,
+      childClass,
+      childStyle,
       semanticClass,
       semanticStyle,
       curPopover,
@@ -483,13 +493,16 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
               this.curPopover = el;
             }
           },
+          "popper-class": [this.semanticClass("popup"), this.ns.be("more", "popper")],
+          "popper-style": this.semanticStyle("popup"),
           "onShow": () => {
             this.popoverValue = items[0].id;
           }
         }, {
           reference: () => {
             return createVNode("span", {
-              "class": this.ns.b("more")
+              "style": this.semanticStyle("more"),
+              "class": [this.ns.b("more"), this.semanticClass("more")]
             }, ["+".concat(items.length - 1, " ").concat(ibiz.i18n.t("app.more"), "...")]);
           },
           default: () => {
@@ -511,7 +524,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       return createVNode("div", {
         "class": [this.ns.b("content"), this.ns.be("content", "month"), this.semanticClass("content"), this.ns.is("show-date-range", this.showDateRange)],
         "style": this.semanticStyle("content")
-      }, [createVNode(resolveComponent("el-calendar"), {
+      }, [withDirectives(createVNode(resolveComponent("el-calendar"), {
         "ref": "calendarRef",
         "modelValue": this.c.state.selectedDate,
         "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
@@ -615,7 +628,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
             "class": this.ns.b("items")
           }, [renderCalendarItems(date)])]);
         }
-      })]);
+      }), [[resolveDirective("child-class"), this.childClass], [resolveDirective("child-style"), this.childStyle]])]);
     };
     const renderNoData = () => {
       const {

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

@@ -45,19 +45,21 @@ const CalendarUser = /* @__PURE__ */ defineComponent({
           data: items[0]
         }), createVNode(resolveComponent("el-popover"), {
           "trigger": "click",
-          "popper-class": ns.e("custom-user-popover"),
           "ref": (el) => {
             if (el && items[0].id === popoverValue.value) {
               curPopover.value = el;
             }
           },
+          "popper-class": [ns.em("more", "popper"), ns.e("custom-user-popover"), props.semanticClass("popup")],
+          "popper-style": props.semanticStyle("popup"),
           "onShow": () => {
             popoverValue.value = items[0].id;
           }
         }, {
           reference: () => {
             return createVNode("span", {
-              "class": ns.e("more")
+              "style": props.semanticStyle("more"),
+              "class": [ns.e("more"), props.semanticClass("more")]
             }, ["+".concat(items.length - 1, " ").concat(ibiz.i18n.t("app.more"), "...")]);
           },
           default: () => {

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

@@ -174,7 +174,8 @@ const CalendarUser2 = /* @__PURE__ */ defineComponent({
             "trigger": "click",
             "persistent": false,
             "disabled": !marks.length,
-            "popperClass": this.ns.e("popover")
+            "popper-style": this.semanticStyle("popup"),
+            "popper-class": [this.ns.e("popover"), this.semanticClass("popup")]
           }, {
             default: () => {
               return createVNode("div", {
@@ -199,12 +200,12 @@ const CalendarUser2 = /* @__PURE__ */ defineComponent({
             }, [marks.map((mark) => {
               if (mark.isShow)
                 return createVNode("div", {
-                  "class": [this.ns.e("mark"), this.ns.e("item"), this.semanticClass("item", {
+                  "class": [this.ns.e("mark"), this.ns.e("item"), this.semanticClass("mark", {
                     item: mark
                   })],
                   "style": {
                     backgroundColor: mark.bkcolor,
-                    ...this.semanticStyle("item", {
+                    ...this.semanticStyle("mark", {
                       item: mark
                     })
                   }

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

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.113_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.117_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/es/control/drtab/drtab.mjs

@@ -143,7 +143,8 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
         "style": semanticStyle("dropdown", {
           item: activeTab.value
         }),
-        "popper-class": ns.be("dropdown-list", "popper"),
+        "popper-class": [semanticClass("popup"), ns.be("dropdown-list", "popper")],
+        "popper-style": semanticStyle("popup"),
         "class": [ns.b("dropdown-list"), ns.e("dropdown"), semanticClass("dropdown", {
           item: activeTab.value
         })]
@@ -272,7 +273,8 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
     const more = createVNode(resolveComponent("el-dropdown"), {
       "trigger": "click",
       "style": this.semanticStyle("more"),
-      "popper-class": this.ns.b("more-dropdown-popper"),
+      "popper-class": [this.semanticClass("popup"), this.ns.b("more-dropdown-popper")],
+      "popper-style": this.semanticStyle("popup"),
       "class": [this.ns.b("more-dropdown"), this.semanticClass("more")]
     }, {
       default: () => {

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.mjs

@@ -136,6 +136,7 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return createVNode(resolveComponent("el-popconfirm"), {
           "title": showTitle(ibiz.i18n.t("control.form.repeaterGrid.promptInformation")),
+          "popper-class": ["el-popover", ns2.b("popper")],
           "confirm-button-text": ibiz.i18n.t("app.confirm"),
           "cancel-button-text": ibiz.i18n.t("app.cancel"),
           "onConfirm": () => props.controller.remove(index)

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid2/repeater-grid2.mjs

@@ -124,6 +124,7 @@ const RepeaterGrid2 = /* @__PURE__ */ defineComponent({
     const renderRemoveBtn = (index) => {
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return createVNode(resolveComponent("el-popconfirm"), {
+          "popper-class": ["el-popover", ns2.b("popper")],
           "title": ibiz.i18n.t("control.form.repeaterGrid.promptInformation"),
           "confirm-button-text": ibiz.i18n.t("app.confirm"),
           "cancel-button-text": ibiz.i18n.t("app.cancel"),

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

@@ -276,6 +276,11 @@ function useITableEvent(c) {
   function onSelectionChange(selection) {
     if (!forbidChange && !c.state.isLoading)
       c.setSelection(selection);
+    if (c.state.selectedData.length === c.state.items.length && c.state.items.length !== 0) {
+      c.state.isSelectedAll = true;
+    } else {
+      c.state.isSelectedAll = false;
+    }
   }
   const elSelection = computed(() => {
     const items = [];
@@ -414,6 +419,13 @@ function useITableEvent(c) {
       }
     }
   );
+  function onSelectAll(selections) {
+    if (selections.length === c.state.items.length) {
+      c.state.isSelectedAll = true;
+    } else {
+      c.state.isSelectedAll = false;
+    }
+  }
   return {
     tableRef,
     onRowClick,
@@ -424,7 +436,8 @@ function useITableEvent(c) {
     handleHeaderCellClassName,
     cleanClick,
     cleanEnter,
-    cleanTab
+    cleanTab,
+    onSelectAll
   };
 }
 function useAppGridPagination(c) {

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-border-color:var(--ibiz-color-border);--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-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-body-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-body-row-expand-icon-gap: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-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-bg-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%;background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - 50px)}.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;--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-bg-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-bg-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-left:var(--ibiz-control-grid-body-row-expand-icon-gap)}@-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.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}
+.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-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-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-body-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-body-row-expand-icon-gap: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-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-bg-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%;background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - 50px)}.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;--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-bg-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-bg-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-left:var(--ibiz-control-grid-body-row-expand-icon-gap)}@-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.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-setting-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/es/control/grid/grid/grid.mjs

@@ -344,7 +344,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
       handleHeaderCellClassName,
       cleanClick = NOOP,
       cleanEnter = NOOP,
-      cleanTab = NOOP
+      cleanTab = NOOP,
+      onSelectAll
     } = useITableEvent(c);
     const {
       pageSemantic,
@@ -579,7 +580,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
       handleRowClassName,
       renderBatchToolBar,
       renderDragIconColumn,
-      handleHeaderCellClassName
+      handleHeaderCellClassName,
+      onSelectAll
     };
   },
   render() {
@@ -610,6 +612,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
           "default-sort": this.defaultSort,
           "show-summary": this.c.enableAgg,
           "onSortChange": this.onSortChange,
+          "onSelectAll": this.onSelectAll,
           "onRowDblclick": this.onDbRowClick,
           "summary-method": this.summaryMethod,
           "onHeaderDragend": this.headerDragend,

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

@@ -1 +1 @@
-.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-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}
+.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-body-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-body-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item.is-group{display:inline-flex;opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}

package/es/control/map/map.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed } from 'vue';
+import { defineComponent, createVNode, resolveComponent, mergeProps, withDirectives, resolveDirective, ref, computed } from 'vue';
 import { useControlController, useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import { MapController } from '@ibiz-template/runtime';
 import './map.css';
@@ -67,6 +67,32 @@ const MapControl = /* @__PURE__ */ defineComponent({
       semanticClass,
       semanticStyle
     } = useSemanticNode(c);
+    const childClass = [{
+      class: semanticClass("editor.content"),
+      selector: ".ibiz-control-map__map"
+    }, {
+      class: semanticClass("editor.goback"),
+      selector: ".ibiz-map-chart-user__goback"
+    }, {
+      class: semanticClass("editor.goback"),
+      selector: ".ibiz-map-chart__goback"
+    }, {
+      class: semanticClass("editor.fullscreen"),
+      selector: ".ibiz-map-chart-user__fullscreen"
+    }];
+    const childStyle = [{
+      style: semanticStyle("editor.content"),
+      selector: ".ibiz-control-map__map"
+    }, {
+      style: semanticStyle("editor.goback"),
+      selector: ".ibiz-map-chart-user__goback"
+    }, {
+      style: semanticStyle("editor.goback"),
+      selector: ".ibiz-map-chart__goback"
+    }, {
+      style: semanticStyle("editor.fullscreen"),
+      selector: ".ibiz-map-chart-user__fullscreen"
+    }];
     const mapOpts = computed(() => {
       return {
         strAreaCode: c.state.strAreaCode,
@@ -80,6 +106,8 @@ const MapControl = /* @__PURE__ */ defineComponent({
       mapRef,
       mapOpts,
       mapStyle,
+      childClass,
+      childStyle,
       semanticClass,
       semanticStyle
     };
@@ -97,15 +125,13 @@ const MapControl = /* @__PURE__ */ defineComponent({
         "options": this.mapOpts,
         "areaData": state.areaData,
         "pointData": state.pointData,
-        "style": this.semanticStyle("content"),
-        "class": [this.ns.e("map"), this.semanticClass("content")]
+        "class": this.ns.e("map")
       }), null) : createVNode(resolveComponent("iBizMapChart"), mergeProps(this.$attrs, {
         "controller": this.c,
         "options": this.mapOpts,
         "areaData": state.areaData,
         "pointData": state.pointData,
-        "style": this.semanticStyle("content"),
-        "class": [this.ns.e("map"), this.semanticClass("content")],
+        "class": this.ns.e("map"),
         "onPointClick": (e) => {
           this.c.onPointClick(e);
         },
@@ -117,7 +143,7 @@ const MapControl = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
-      default: () => [createVNode(resolveComponent("iBizControlBase"), {
+      default: () => [withDirectives(createVNode(resolveComponent("iBizControlBase"), {
         "controller": this.c,
         "class": this.semanticClass("root"),
         "style": this.semanticStyle("root")
@@ -133,7 +159,7 @@ const MapControl = /* @__PURE__ */ defineComponent({
           "name": "eye-off-outline",
           "onClick": () => this.c.onShowNavViewChange()
         }, null) : null]
-      })]
+      }), [[resolveDirective("child-class"), this.childClass], [resolveDirective("child-style"), this.childStyle]])]
     });
   }
 });

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.css

@@ -1 +1 @@
-.ibiz-autocomplete{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding);--ibiz-autocomplete-action-text-color:var(--ibiz-color-link);width:100%}.ibiz-autocomplete__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-autocomplete__action-item{color:var(--ibiz-autocomplete-action-text-color);text-align:center}.ibiz-autocomplete__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-autocomplete__suffix{cursor:pointer;visibility:inherit;transition:var(--el-transition-duration);transform:rotate(0)}.ibiz-autocomplete__suffix.is-reverse{transform:rotate(-180deg)}.ibiz-autocomplete__transfer{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-autocomplete__transfer.is-empty .el-autocomplete-suggestion li{padding:0}.ibiz-autocomplete__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-autocomplete-empty-bg-color)}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete--readonly{font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-readonly-color)}.ibiz-autocomplete .el-autocomplete{vertical-align:middle}.ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-autocomplete-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-text-color)}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}
+.ibiz-autocomplete{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-disabled-color:var(--ibiz-form-item-disabled-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding);--ibiz-autocomplete-action-text-color:var(--ibiz-color-link);width:100%}.ibiz-autocomplete__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-autocomplete__action-item{display:flex;align-items:center;justify-content:center;color:var(--ibiz-autocomplete-action-text-color)}.ibiz-autocomplete__action-item--icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-autocomplete__action-item.is-disabled{color:var(--ibiz-autocomplete-disabled-color);cursor:not-allowed}.ibiz-autocomplete__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-autocomplete__suffix{cursor:pointer;visibility:inherit;transition:var(--el-transition-duration);transform:rotate(0)}.ibiz-autocomplete__suffix.is-reverse{transform:rotate(-180deg)}.ibiz-autocomplete__transfer{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-disabled-color:var(--ibiz-form-item-disabled-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding);--ibiz-autocomplete-action-text-color:var(--ibiz-color-link)}.ibiz-autocomplete__transfer.is-empty .el-autocomplete-suggestion li{padding:0}.ibiz-autocomplete__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-autocomplete-empty-bg-color)}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete--readonly{font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-readonly-color)}.ibiz-autocomplete .el-autocomplete{vertical-align:middle}.ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-autocomplete-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-text-color)}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs

@@ -198,7 +198,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
         state: c.groupActionState[detail.id]
       };
       return createVNode("div", {
-        "class": [ns.e("action-item"), ns.be("popper", "item"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
+        "class": [ns.e("action-item"), ns.be("popper", "action"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
         "style": semanticStyle("editor.popup.action", semanticParams),
         "onClick": (event) => c.onActionClick(detail, props.data, event),
         "title": showTitle(detail.tooltip)
@@ -207,7 +207,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
         "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
         "style": semanticStyle("editor.popup.action.icon", semanticParams)
       }, null), createVNode("span", {
-        "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+        "class": [ns.em("action-item", "label"), ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
         "style": semanticStyle("editor.popup.action.label", semanticParams)
       }, [detail.showCaption ? detail.caption : ""])]);
     };

package/es/editor/color-picker/ibiz-color-mpicker-default/ibiz-color-mpicker-default.mjs

@@ -132,7 +132,7 @@ const IBizColorMPickerDefault = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     return withDirectives(createVNode("div", {
       "style": (_a = this.semanticStyle) == null ? void 0 : _a.call(this, "editor.root"),
       "class": [this.ns.b(), (_b = this.semanticClass) == null ? void 0 : _b.call(this, "editor.root")]
@@ -140,7 +140,8 @@ const IBizColorMPickerDefault = /* @__PURE__ */ defineComponent({
       "modelValue": this.curType,
       "onUpdate:modelValue": ($event) => this.curType = $event,
       "class": this.ns.b("picker"),
-      "popper-class": this.ns.b("popper"),
+      "popper-class": [this.ns.b("popper"), (_c = this.semanticClass) == null ? void 0 : _c.call(this, "editor.popup")],
+      "popper-style": (_d = this.semanticStyle) == null ? void 0 : _d.call(this, "editor.popup"),
       "onChange": this.handleSchemeChange
     }, {
       default: () => {
@@ -161,7 +162,8 @@ const IBizColorMPickerDefault = /* @__PURE__ */ defineComponent({
       }
     }), this.showTemplateList && createVNode(resolveComponent("el-select"), {
       "class": this.ns.b("template-color-picker"),
-      "popper-class": this.ns.b("popper"),
+      "popper-class": [this.ns.b("popper"), (_e = this.semanticClass) == null ? void 0 : _e.call(this, "editor.popup")],
+      "popper-style": (_f = this.semanticStyle) == null ? void 0 : _f.call(this, "editor.popup"),
       "modelValue": this.curTemplateColor,
       "onUpdate:modelValue": ($event) => this.curTemplateColor = $event,
       "onChange": this.handleTemplateColorChange

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -365,7 +365,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
           "value": "DEUIACTION-".concat(item.id),
           "disabled": c.groupActionState[item.id].disabled,
           "title": showTitle(isEllipsis ? item.tooltip : ""),
-          "class": [ns.be("popper", "item"), semanticClass("editor.popup.action")],
+          "class": [ns.be("popper", "action"), semanticClass("editor.popup.action")],
           "style": semanticStyle("editor.popup.action")
         }, {
           default: () => createVNode("div", {
@@ -379,7 +379,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
             "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
             "style": semanticStyle("editor.popup.action.icon", semanticParams)
           }, null), createVNode("span", {
-            "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+            "class": [ns.em("action-item", "caption"), ns.em("action-item", "label"), semanticClass("editor.popup.action.label", semanticParams)],
             "style": semanticStyle("editor.popup.action.label", semanticParams)
           }, [item.showCaption ? item.caption : ""])])
         });

package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -340,7 +340,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       };
       return createVNode("div", {
         "title": showTitle(detail.tooltip),
-        "class": [ns.e("action-item"), ns.be("popper", "item"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
+        "class": [ns.e("action-item"), ns.be("popper", "action"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
         "style": semanticStyle("editor.popup.action", semanticParams),
         "onClick": (event) => {
           if (!c.groupActionState[detail.id].disabled)
@@ -351,7 +351,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
         "style": semanticStyle("editor.popup.action.icon", semanticParams)
       }, null), createVNode("span", {
-        "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+        "class": [ns.em("action-item", "label"), ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
         "style": semanticStyle("editor.popup.action.label", semanticParams)
       }, [detail.showCaption ? detail.caption : ""])]);
     };

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs

@@ -256,7 +256,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
         "value": detail.id,
         "title": showTitle(detail.tooltip),
         "disabled": c.groupActionState[detail.id].disabled,
-        "class": [ns.be("popper", "item"), semanticClass("editor.popup.action", {
+        "class": [ns.be("popper", "action"), semanticClass("editor.popup.action", {
           semanticParams
         })],
         "style": semanticStyle("editor.popup.action", {
@@ -270,7 +270,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
           "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
           "style": semanticStyle("editor.popup.action.icon", semanticParams)
         }, null), createVNode("span", {
-          "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+          "class": [ns.em("action-item", "caption"), ns.em("action-item", "label"), semanticClass("editor.popup.action.label", semanticParams)],
           "style": semanticStyle("editor.popup.action.label", semanticParams)
         }, [detail.showCaption ? detail.caption : ""])])]
       });

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs

@@ -460,8 +460,8 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       "disabled": this.disabled || this.readonly,
       "class": [this.ns.b("select"), this.ns.e("content"), this.semanticClass("editor.content")],
       "style": this.semanticStyle("editor.content"),
-      "popper-class": [this.ns.b("popper"), this.semanticClass("editor.popper")],
-      "popper-style": this.semanticStyle("editor.popper"),
+      "popper-class": [this.ns.b("popper"), this.semanticClass("editor.popup")],
+      "popper-style": this.semanticStyle("editor.popup"),
       "onVisibleChange": this.onVisibleChange,
       "onKeydown": this.handleDropDownKeyDown
     }, {