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

package/es/control/grid/grid/grid.mjs

@@ -1,5 +1,5 @@
 import { isVNode, createVNode, resolveComponent, withDirectives, resolveDirective, computed, mergeProps, h, defineComponent, createTextVNode, renderSlot, onUnmounted, ref, watch } from 'vue';
-import { useNamespace, renderTooltip, useControlController, useControlPopoverzIndex, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
+import { useNamespace, renderTooltip, useControlController, useControlPopoverzIndex, useSemanticNode, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { ScriptFactory, GridController } from '@ibiz-template/runtime';
 import { showTitle, NOOP } from '@ibiz-template/core';
 import { createUUID } from 'qx-util';
@@ -18,8 +18,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] = ScriptFactory.execSingleLine(item.attrValue, {
           ...params
         });
@@ -349,6 +349,10 @@ const GridControl = /* @__PURE__ */ defineComponent({
       onPageRefresh,
       onPageSizeChange
     } = usePagination(c);
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(c);
     const {
       headerCssVars
     } = useGridHeaderStyle(tableRef, ns);
@@ -540,6 +544,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
       infiniteScroll,
       infiniteScrollKey,
       isLodeMoreDisabled,
+      semanticClass,
+      semanticStyle,
       onRowClick,
       spanMethod,
       onSortChange,
@@ -570,9 +576,9 @@ const GridControl = /* @__PURE__ */ defineComponent({
       "controller": this.c
     }, {
       default: () => [createVNode(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: () => [createVNode(resolveComponent("el-table"), mergeProps({
           "border": true,
@@ -580,7 +586,8 @@ const GridControl = /* @__PURE__ */ 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,
@@ -592,11 +599,21 @@ const GridControl = /* @__PURE__ */ 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()
@@ -608,7 +625,8 @@ const GridControl = /* @__PURE__ */ 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);
             })];
@@ -638,6 +656,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
             }) : this.renderPopover()];
           }
         }), this.c.state.enablePagingBar && createVNode(resolveComponent("iBizPagination"), {
+          "class": this.semanticClass("pagination"),
+          "style": this.semanticStyle("pagination"),
           "mode": this.c.paginationMode,
           "total": state.total,
           "curPage": state.curPage,
@@ -650,6 +670,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
         }, null), this.c.model.enableCustomized && !this.c.state.hideHeader && createVNode("div", {
           "class": this.ns.b("setting-box")
         }, [createVNode(resolveComponent("iBizGridSetting"), {
+          "class": this.semanticClass("setting"),
+          "style": this.semanticStyle("setting"),
           "columnStates": state.columnStates,
           "controller": this.c
         }, null)]), this.renderBatchToolBar()]

package/es/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/es/control/grid/grid-column/grid-field-column/grid-field-column.css

@@ -1 +1 @@
-.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-color-link);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-color-link-hover);--ibiz-grid-field-column-color:var(--ibiz-color-text-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/es/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/es/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/es/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/es/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/es/editor/code/monaco-editor/monaco-editor.mjs

@@ -35,6 +35,7 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     });
     const textTBVisible = ref(false);
     const editorTheme = ref("");
+    const functionBody = ref();
     const editorModel = c.model;
     if (editorModel.editorParams) {
       if (editorModel.editorParams.enableEdit) {
@@ -83,6 +84,20 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    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;
@@ -427,9 +442,8 @@ const IBizCode = /* @__PURE__ */ defineComponent({
       return null;
     };
     const renderFunctionBody = () => {
-      if (!c.functionBody) {
+      if (!functionBody.value)
         return null;
-      }
       return createVNode("div", {
         "class": ns.e("function")
       }, [createVNode(resolveComponent("el-tooltip"), {
@@ -455,14 +469,14 @@ const IBizCode = /* @__PURE__ */ defineComponent({
         },
         content: () => {
           return createVNode(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 createVNode("div", {
           "class": ns.b("toolbar")
         }, [hasEnableEdit.value && enableEdit.value && readonlyState.value ? createVNode("i", {

package/es/locale/index.mjs

@@ -47,12 +47,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", () => import('./en/index.mjs'));
     this.langMap.set("zh-CN", () => import('./zh-CN/index.mjs'));
   }
+  /**
+   * 归一化语言标识，兼容不同操作系统/浏览器返回的格式差异
+   * 例如：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;
+  }
   /**
    * 初始化加载默认多语言文件
    *

package/lib/common/pagination/pagination.cjs

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

package/lib/common/rawitem/rawitem.cjs

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

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

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

package/lib/control/calendar/calendar.cjs

@@ -7,6 +7,7 @@ var dayjs = require('dayjs');
 var lodashEs = require('lodash-es');
 var core = require('@ibiz-template/core');
 var index = require('./components/custom-calendar/index.cjs');
+var index$1 = require('./components/calendar-flatten/index.cjs');
 var calendarUtil = require('./calendar-util.cjs');
 require('../../util/index.cjs');
 require('./calendar.css');
@@ -92,15 +93,13 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       const result = !Object.values(c.loadMoreItems).some((item) => item.curPage < item.totalPage);
       return result;
     });
-    const monthLegendClick = (_item) => {
-      Object.assign(_item, {
-        isShow: !_item.isShow
-      });
+    const legendType = ["DAY", "WEEK", "MONTH", "USER2"];
+    const legends = vue.ref([]);
+    const onLegendClick = (item) => {
+      item.isShow = !item.isShow;
     };
-    const legendItems = vue.ref([]);
-    const legendType = ["DAY", "WEEK", "MONTH"];
     const calcLegend = () => {
-      legendItems.value = c.state.legends.map((_item, index) => {
+      legends.value = c.state.legends.map((_item, index) => {
         const tempItem = {
           ..._item,
           isShow: true
@@ -192,13 +191,20 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       return false;
     };
     vue.watch(() => c.state.selectedDate, (newVal, oldVal) => {
-      if (timeRangeComparison(newVal, oldVal)) {
+      if (timeRangeComparison(newVal, oldVal))
+        return;
+      c.load();
+    });
+    vue.watch(() => c.state.timeRange, () => {
+      if (!c.state.isLoaded)
         return;
-      }
       c.load();
     });
+    const onTimeRangeChange = (date) => {
+      c.state.timeRange = date;
+    };
     const calcItemStyle = (data) => {
-      const _legend = legendItems.value.find((_item) => _item.id === data.itemType);
+      const _legend = legends.value.find((_item) => _item.id === data.itemType);
       return {
         color: data.color,
         backgroundColor: data.bkColor,
@@ -209,7 +215,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     const calcCalendarItems = (date) => {
       const weekRange = calendarUtil.getWeekRange(date);
       const calendarItems = c.state.items.filter((item) => {
-        const _legend = legendItems.value.find((legend) => legend.id === item.itemType);
+        const _legend = legends.value.find((legend) => legend.id === item.itemType);
         if (_legend && !_legend.isShow)
           return false;
         if (!showDateRange.value) {
@@ -233,7 +239,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         });
       }
       return calendarItems.map((_item) => {
-        const targetLegend = legendItems.value.find((legendItem) => Object.is(legendItem.id, _item.itemType));
+        const targetLegend = legends.value.find((legendItem) => Object.is(legendItem.id, _item.itemType));
         if (!targetLegend)
           return _item;
         if (!_item.bkColor)
@@ -379,9 +385,9 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     return {
       c,
       ns,
+      legends,
       curPopover,
       calendarRef,
-      legendItems,
       popoverValue,
       showDateList,
       showDateRange,
@@ -389,8 +395,9 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       disabledLodeMore,
       selectDate,
       calcItemStyle,
+      onLegendClick,
       handleScrollLoad,
-      monthLegendClick,
+      onTimeRangeChange,
       calcCalendarItems,
       onNodeContextmenu
     };
@@ -505,25 +512,19 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
             "class": this.ns.b("content-title")
           }, [date]), vue.createVNode("div", {
             "class": this.ns.b("legend")
-          }, [this.legendItems && this.legendItems.length > 1 && this.legendItems.map((_legend) => {
-            var _a;
-            let label = _legend.name;
-            const _model = (_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.find((_calendarItem) => _calendarItem.id === _legend.id);
-            if (_model == null ? void 0 : _model.nameLanguageRes) {
-              label = ibiz.i18n.t(_model.nameLanguageRes.lanResTag, _model.name);
-            }
+          }, [this.legends && this.legends.length > 1 && this.legends.map((legend) => {
             return vue.createVNode("div", {
               "class": [this.ns.be("legend", "item")],
-              "onClick": () => this.monthLegendClick(_legend)
+              "onClick": () => this.onLegendClick(legend)
             }, [vue.createVNode("div", {
               "class": this.ns.bem("legend", "item", "tip"),
               "style": {
-                background: _legend.isShow ? _legend == null ? void 0 : _legend.bkcolor : "var(".concat(this.ns.cssVarName("color-disabled-bg"), ")"),
-                color: _legend == null ? void 0 : _legend.color
+                background: legend.isShow ? legend == null ? void 0 : legend.bkcolor : "var(".concat(this.ns.cssVarName("color-disabled-bg"), ")"),
+                color: legend == null ? void 0 : legend.color
               }
             }, null), vue.createVNode("div", {
               "class": this.ns.bem("legend", "item", "text")
-            }, [label])]);
+            }, [legend.name])]);
           })]), vue.createVNode("div", {
             "class": this.ns.b("content-header")
           }, [vue.createVNode(vue.resolveComponent("el-date-picker"), {
@@ -600,22 +601,23 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         default: () => [noDataSlots]
       });
     };
-    const renderWeekDay = () => {
-      const slots = {};
+    const renderSlots = () => {
       const {
-        sysCalendarItems
+        sysCalendarItems = []
       } = this.c.model;
-      slots.event = ({
-        data
-      }) => {
-        const targetCalendarItem = sysCalendarItems == null ? void 0 : sysCalendarItems.find((item) => {
-          return item.id === data.itemType;
-        });
-        if (targetCalendarItem && targetCalendarItem.layoutPanel) {
-          return renderPanelItem(data, targetCalendarItem.layoutPanel);
+      return {
+        event: ({
+          data
+        }) => {
+          const model = sysCalendarItems.find((item) => data.itemType === item.itemType);
+          if (model == null ? void 0 : model.layoutPanel)
+            return renderPanelItem(data, model.layoutPanel);
+          return renderDefaultItem(data);
         }
-        return renderDefaultItem(data);
       };
+    };
+    const renderWeekDay = () => {
+      let _slot6;
       return vue.createVNode("div", {
         "class": this.ns.b("content")
       }, [vue.createVNode(index.IBizCustomCalendar, {
@@ -626,7 +628,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         "ref": "calendarRef",
         "viewType": this.c.model.calendarStyle,
         "events": this.c.state.items,
-        "legends": this.legendItems,
+        "legends": this.legends,
         "multiple": !this.c.state.singleSelect,
         "selectedData": this.c.state.selectedData,
         "onEventClick": (value) => {
@@ -654,8 +656,8 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
           if (item && evt)
             this.onNodeContextmenu(item, evt);
         }
-      }, _isSlot(slots) ? slots : {
-        default: () => [slots]
+      }, _isSlot(_slot6 = renderSlots()) ? _slot6 : {
+        default: () => [_slot6]
       })]);
     };
     const renderTimeLine = () => {
@@ -683,6 +685,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       })]);
     };
     const renderCalendar = () => {
+      let _slot7;
       switch (this.c.model.calendarStyle) {
         case "TIMELINE":
           return renderTimeLine();
@@ -690,6 +693,17 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         case "DAY":
         case "USER":
           return renderWeekDay();
+        case "USER2":
+          return vue.createVNode(index$1.IBizCalendarFlatten, {
+            "legends": this.legends,
+            "items": this.c.state.items,
+            "timeRange": this.c.state.timeRange,
+            "title": this.c.state.calendarTitle,
+            "onLegendClick": this.onLegendClick,
+            "onTimeRangeChange": this.onTimeRangeChange
+          }, _isSlot(_slot7 = renderSlots()) ? _slot7 : {
+            default: () => [_slot7]
+          });
         case "MONTH":
         default:
           return renderElCalender();