@ibiz-template/vue3-components 0.7.41-alpha.15 → 0.7.41-alpha.16

package/es/common/index.mjs

@@ -33,10 +33,12 @@ import { IBizGanttSetting } from './gantt-setting/gantt-setting.mjs';
 import { IBizNavSplit } from './nav-split/nav-split.mjs';
 import { IBizCropping } from './cropping/cropping.mjs';
 import { IBizEditorEmptyText } from './editor-empty-text/editor-empty-text.mjs';
+import { IBizKanbanSetting } from './kanben-setting/kanben-setting.mjs';
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
+    v.component(IBizKanbanSetting.name, IBizKanbanSetting);
     v.component(IBizEditorEmptyText.name, IBizEditorEmptyText);
     v.component(IBizCropping.name, IBizCropping);
     v.component(IBizControlBase.name, IBizControlBase);

package/es/common/kanben-setting/kanben-setting.css

@@ -0,0 +1 @@
+.ibiz-kanban-setting__popover--content{display:flex;flex-direction:column;width:100%;max-height:500px;overflow-y:auto}

package/es/common/kanben-setting/kanben-setting.d.ts

@@ -0,0 +1,42 @@
+import { PropType } from 'vue';
+import { KanbanController } from '@ibiz-template/runtime';
+import './kanben-setting.scss';
+export declare const IBizKanbanSetting: import("vue").DefineComponent<{
+    controller: {
+        type: PropType<KanbanController>;
+        required: true;
+    };
+    buttonStyle: {
+        type: PropType<{
+            circle: boolean;
+            type: string;
+        }>;
+        default: () => {
+            circle: boolean;
+            type: string;
+        };
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    groups: import("vue").ComputedRef<import("@ibiz-template/runtime").IKanbanGroupState[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: PropType<KanbanController>;
+        required: true;
+    };
+    buttonStyle: {
+        type: PropType<{
+            circle: boolean;
+            type: string;
+        }>;
+        default: () => {
+            circle: boolean;
+            type: string;
+        };
+    };
+}>>, {
+    buttonStyle: {
+        circle: boolean;
+        type: string;
+    };
+}, {}>;

package/es/common/kanben-setting/kanben-setting.mjs

@@ -0,0 +1,65 @@
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './kanben-setting.css';
+
+"use strict";
+const IBizKanbanSetting = /* @__PURE__ */ defineComponent({
+  name: "IBizKanbanSetting",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    },
+    buttonStyle: {
+      type: Object,
+      default: () => ({
+        circle: false,
+        type: "info"
+      })
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("kanban-setting");
+    const groups = computed(() => {
+      return props.controller.state.groups;
+    });
+    return {
+      ns,
+      groups
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode(resolveComponent("el-popover"), {
+      "trigger": "click",
+      "placement": "bottom",
+      "popper-class": this.ns.e("popover")
+    }, {
+      reference: () => {
+        return createVNode(resolveComponent("el-button"), this.buttonStyle, {
+          default: () => [createVNode("ion-icon", {
+            "name": "options-outline",
+            "title": ibiz.i18n.t("component.kanbanSetting.hideGroup")
+          }, null)]
+        });
+      },
+      default: () => {
+        return createVNode("div", {
+          "class": this.ns.em("popover", "content")
+        }, [this.groups.map((group) => {
+          return createVNode(resolveComponent("el-checkbox"), {
+            "size": "small",
+            "label": group.caption,
+            "model-value": !group.hidden,
+            "onChange": (val) => {
+              group.hidden = !val;
+            }
+          }, null);
+        })]);
+      }
+    })]);
+  }
+});
+
+export { IBizKanbanSetting };

package/es/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__nav-icon{position:absolute;top:20px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-dataview__content{flex-grow:1;height:100%;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__layout-row{padding:var(--ibiz-spacing-tight)}.ibiz-control-dataview__layout-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview__layout-flex{display:flex;flex-wrap:wrap;align-content:flex-start;overflow:auto}.ibiz-control-dataview__layout-flex>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview__batchtoolbar{padding:0 var(--ibiz-spacing-base);margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-super-tight)}.ibiz-control-dataview__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;color:var(--ibiz-control-dataview-text-color);cursor:pointer;background-color:var(--ibiz-control-dataview-item-bg-color)}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item__content{display:flex;align-items:center;width:100%;height:100%}.ibiz-control-dataview-item__content--checkbox{flex-shrink:0;margin-right:var(--ibiz-spacing-tight)!important}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-item-content__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-dataview-item-content__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item.is-collapse .ibiz-control-dataview-group-content__item-content{height:0;overflow:hidden}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}
+.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__nav-icon{position:absolute;top:20px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-dataview__content{flex-grow:1;height:100%;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__layout-row{padding:var(--ibiz-spacing-tight)}.ibiz-control-dataview__layout-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview__layout-flex{display:flex;flex-wrap:wrap;align-content:flex-start;overflow:auto}.ibiz-control-dataview__layout-flex>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview__batchtoolbar{padding:0 var(--ibiz-spacing-base);margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-super-tight)}.ibiz-control-dataview__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;color:var(--ibiz-control-dataview-text-color);cursor:pointer;background-color:var(--ibiz-control-dataview-item-bg-color)}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item__new{color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-dataview-item__new .el-card__body{display:flex;align-items:center;justify-content:center}.ibiz-control-dataview-item__content{display:flex;align-items:center;width:100%;height:100%}.ibiz-control-dataview-item__content--checkbox{flex-shrink:0;margin-right:var(--ibiz-spacing-tight)!important}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-item-content__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-dataview-item-content__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item.is-collapse .ibiz-control-dataview-group-content__item-content{height:0;overflow:hidden}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}

package/es/control/data-view/data-view.mjs

@@ -164,6 +164,24 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       event.stopPropagation();
       return c.onDbRowClick(item);
     };
+    const renderNewCard = (group) => {
+      return createVNode(resolveComponent("el-card"), {
+        "shadow": "hover",
+        "class": [ns.b("item"), ns.be("item", "new")],
+        "title": ibiz.i18n.t("app.newlyBuild"),
+        "body-style": {
+          width: c.model.cardWidth ? "".concat(c.model.cardWidth, "px") : "auto",
+          height: c.model.cardHeight ? "".concat(c.model.cardHeight, "px") : "auto"
+        },
+        "onClick": (event) => {
+          c.onClickNew(event, group == null ? void 0 : group.key);
+        }
+      }, {
+        default: () => [createVNode("ion-icon", {
+          "name": "add-outline"
+        }, null)]
+      });
+    };
     const renderPanelItem = (item, modelData) => {
       const {
         context,
@@ -230,8 +248,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         }, null), panel ? renderPanelItem(item, panel) : renderDefaultItem(item)])]
       });
     };
-    const renderCardLayout = (items) => {
-      let _slot;
+    const renderCardLayout = (items, group) => {
       const {
         cardColXS,
         cardColSM,
@@ -241,8 +258,20 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       if (cardColXS || cardColSM || cardColMD || cardColLG)
         return createVNode(resolveComponent("el-row"), {
           "class": ns.e("layout-row")
-        }, _isSlot(_slot = items.map((item) => {
-          return createVNode(resolveComponent("el-col"), {
+        }, {
+          default: () => [items.map((item) => {
+            return createVNode(resolveComponent("el-col"), {
+              "xs": cardColXS,
+              "sm": cardColSM,
+              "md": cardColMD,
+              "lg": cardColLG,
+              "class": ns.e("layout-col")
+            }, {
+              default: () => [createVNode("div", {
+                "class": ns.b("scroll-item")
+              }, [renderCard(item)])]
+            });
+          }), c.enableNew && !c.state.readonly && createVNode(resolveComponent("el-col"), {
             "xs": cardColXS,
             "sm": cardColSM,
             "md": cardColMD,
@@ -251,10 +280,8 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
           }, {
             default: () => [createVNode("div", {
               "class": ns.b("scroll-item")
-            }, [renderCard(item)])]
-          });
-        })) ? _slot : {
-          default: () => [_slot]
+            }, [renderNewCard(group)])]
+          })]
         });
       return createVNode("div", {
         "class": ns.e("layout-flex")
@@ -262,7 +289,9 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         return createVNode("div", {
           "class": ns.b("scroll-item")
         }, [renderCard(item)]);
-      })]);
+      }), c.enableNew && !c.state.readonly && createVNode("div", {
+        "class": ns.b("scroll-item")
+      }, [renderNewCard(group)])]);
     };
     const renderGroup = (group) => {
       const {
@@ -283,7 +312,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "onActionClick": (detail, event) => {
           c.onGroupToolbarClick(detail, event, group);
         }
-      }, null)])]), group.children.length > 0 ? renderCardLayout(group.children) : createVNode("div", {
+      }, null)])]), group.children.length > 0 ? renderCardLayout(group.children, group) : createVNode("div", {
         "class": ns.bem("group-content", "item", "empty")
       }, [ibiz.i18n.t("app.noData")])]);
     };
@@ -515,15 +544,15 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    let _slot2;
+    let _slot;
     return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
       default: () => [createVNode(resolveComponent("iBizControlBase"), {
         "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
         "controller": this.c
-      }, _isSlot(_slot2 = this.renderLayoutByStyle()) ? _slot2 : {
-        default: () => [_slot2]
+      }, _isSlot(_slot = this.renderLayoutByStyle()) ? _slot : {
+        default: () => [_slot]
       })]
     });
   }

package/es/control/drbar/drbar.controller.mjs

@@ -127,6 +127,8 @@ class DRBarController extends ControlController {
    * @param {boolean} [reset=true]
    */
   calcItemStateByCounter(_data, reset = true) {
+    if (!this.state.activated)
+      return;
     this.state.drBarItems.forEach((item) => {
       var _a;
       if ((_a = item.children) == null ? void 0 : _a.length) {

package/es/control/drtab/drtab.controller.mjs

@@ -137,6 +137,8 @@ class DRTabController extends ControlController {
    * @date 2024-05-16 17:05:01
    */
   calcItemStateByCounter() {
+    if (!this.state.activated)
+      return;
     this.state.drTabPages.forEach((item) => {
       const visible = calcItemVisibleByCounter(item, this.counter);
       if (visible !== void 0) {

package/es/control/form/edit-form/edit-form.mjs

@@ -60,6 +60,14 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
     loadDefault: {
       type: Boolean,
       default: true
+    },
+    /**
+     * @description 简单模式下传入的数据索引
+     * @default false
+     */
+    simpleDataIndex: {
+      type: Number,
+      required: false
     }
   },
   setup(props) {
@@ -71,6 +79,9 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
     const anchorList = ref([]);
     const anchorTargetRef = ref();
     if (props.isSimple) {
+      if (props.simpleDataIndex || props.simpleDataIndex === 0) {
+        c.setSimpleDataIndex(props.simpleDataIndex);
+      }
       c.evt.on("onMounted", () => {
         c.setSimpleData(props.data || {});
       });

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

@@ -66,13 +66,17 @@ const FormItem = /* @__PURE__ */ defineComponent({
       } = this.c.model.editor || {};
       editor = editorItems.map((item, index) => {
         const controller = this.c.form.details[item.id];
-        return [createVNode(CompositeFormItem, {
-          "modelData": controller.model,
-          "controller": controller,
-          "attrs": this.attrs
-        }, null), editorItems.length - 1 > index && createVNode("span", {
-          "class": this.ns.e("composite-separator")
-        }, [createTextVNode("-")])];
+        return [
+          createVNode(CompositeFormItem, {
+            "modelData": controller.model,
+            "controller": controller,
+            "attrs": this.attrs
+          }, null),
+          // feat：复合表单项样式2会在编辑器之间加`-`分隔符
+          editorItems.length - 1 > index && this.c.model.detailStyle === "STYLE2" && createVNode("span", {
+            "class": this.ns.e("composite-separator")
+          }, [createTextVNode("-")])
+        ];
       });
     } else {
       const editMode = (_d = (_c = (_b = this.c.editor) == null ? void 0 : _b.model) == null ? void 0 : _c.editorParams) == null ? void 0 : _d.editMode;

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

@@ -25,8 +25,11 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("repeater-grid");
     const formItems = [];
     recursiveIterate(props.controller.repeatedForm, (item) => {
+      var _a;
       if (item.detailType === "FORMITEM") {
-        formItems.push(item);
+        if (((_a = item.editor) == null ? void 0 : _a.editorType) !== "HIDDEN") {
+          formItems.push(item);
+        }
       }
     }, {
       childrenFields: ["deformPages", "deformTabPages", "deformDetails"]

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

@@ -59,6 +59,7 @@ const RepeaterMultiForm = /* @__PURE__ */ defineComponent({
         return createVNode(RepeaterSingleForm, {
           "key": index,
           "data": data,
+          "simpleDataIndex": index,
           "controller": this.controller,
           "onChange": (value) => {
             this.onValueChange(value, index);

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-single-form/repeater-single-form.d.ts

@@ -10,6 +10,9 @@ export declare const RepeaterSingleForm: import("vue").DefineComponent<{
         type: typeof FormMDCtrlRepeaterController;
         required: true;
     };
+    simpleDataIndex: {
+        type: NumberConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     onFormDataChange: (event: EventBase) => void;
@@ -26,6 +29,9 @@ export declare const RepeaterSingleForm: import("vue").DefineComponent<{
         type: typeof FormMDCtrlRepeaterController;
         required: true;
     };
+    simpleDataIndex: {
+        type: NumberConstructor;
+    };
 }>> & {
     onChange?: ((_value: import("@ibiz-template/core").IApiData) => any) | undefined;
     onCreated?: ((_value: EventBase) => any) | undefined;

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

@@ -15,6 +15,9 @@ const RepeaterSingleForm = /* @__PURE__ */ defineComponent({
     controller: {
       type: FormMDCtrlRepeaterController,
       required: true
+    },
+    simpleDataIndex: {
+      type: Number
     }
   },
   emits: {
@@ -51,6 +54,7 @@ const RepeaterSingleForm = /* @__PURE__ */ defineComponent({
       "params": this.controller.params,
       "modelData": this.controller.repeatedForm,
       "isSimple": true,
+      "simpleDataIndex": this.simpleDataIndex,
       "data": this.data,
       "onFormDataChange": this.onFormDataChange,
       "onCreated": this.onCreated

package/es/control/kanban/kanban.css

@@ -1 +1 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban.is-swimlane{padding-right:0!important}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty{display:flex;flex-direction:column}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban-group__draggable{flex-shrink:0;min-height:0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{flex-grow:1;width:calc(100% - var(--ibiz-spacing-base))}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-item__bottom--actions{display:flex;justify-content:center}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;display:flex;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{flex:1}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__list:hover .ibiz-control-kanban__quicktoolbar{visibility:visible}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty{display:flex;flex-direction:column}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban-group__draggable{flex-shrink:0;min-height:0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{flex-grow:1;width:calc(100% - var(--ibiz-spacing-base))}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-item__bottom--actions{display:flex;justify-content:center}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative}.ibiz-control-kanban__quicktoolbar{margin-bottom:var(--ibiz-spacing-base);visibility:hidden;display:flex;flex-flow:column nowrap}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban-toolbar{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-toolbar .el-button{border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}

package/es/control/kanban/kanban.mjs

@@ -2,7 +2,7 @@ import { isVNode, ref, computed, watch, onMounted, onBeforeUnmount, resolveCompo
 import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import draggable from 'vuedraggable';
 import { KanbanController, ControlVO } from '@ibiz-template/runtime';
-import { NOOP, listenJSEvent, showTitle } from '@ibiz-template/core';
+import { NOOP, listenJSEvent } from '@ibiz-template/core';
 import { SwimlaneKanban } from './swimlane-kanban/swimlane-kanban.mjs';
 import './kanban.css';
 
@@ -366,7 +366,7 @@ const KanbanControl = /* @__PURE__ */ defineComponent({
       }, {
         default: () => [createVNode("ion-icon", {
           "name": "add-outline",
-          "title": showTitle(ibiz.i18n.t("app.newlyBuild"))
+          "title": ibiz.i18n.t("app.newlyBuild")
         }, null)]
       }), showActionBar && createVNode(resolveComponent("el-dropdown"), {
         "class": ns.be("group", "header-actions"),
@@ -496,15 +496,22 @@ const KanbanControl = /* @__PURE__ */ defineComponent({
       }, null) : [createVNode("div", {
         "class": this.ns.b("group-container")
       }, [groups.length > 0 && groups.map((group) => {
+        if (group.hidden)
+          return null;
         return this.renderGroup(group);
       })]), groups.length > 0 && createVNode("div", {
-        "class": this.ns.e("full-btn"),
-        "onClick": this.onFullScreen
-      }, [this.isFull ? createVNode("ion-icon", {
-        "name": "contract-outline"
-      }, null) : createVNode("ion-icon", {
-        "name": "expand-outline"
-      }, null)])]]
+        "class": this.ns.b("toolbar")
+      }, [this.c.enableGroupHidden && createVNode(resolveComponent("iBizKanbanSetting"), {
+        "controller": this.c
+      }, null), this.c.enableFullScreen && createVNode(resolveComponent("el-button"), {
+        "type": "info",
+        "onClick": this.onFullScreen,
+        "title": this.isFull ? ibiz.i18n.t("app.cancelFullscreen") : ibiz.i18n.t("app.fullscreen")
+      }, {
+        default: () => [createVNode("ion-icon", {
+          "name": this.isFull ? "contract-outline" : "expand-outline"
+        }, null)]
+      })])]]
     });
   }
 });

package/es/control/kanban/swimlane-kanban/swimlane-kanban.css

@@ -1 +1 @@
-.ibiz-swimlane-kanban{--ibiz-swimlane-kanban-width:320px;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__default .ibiz-swimlane-kanban__cell:not(.is-collapsed){width:var(--ibiz-swimlane-kanban-width)}.ibiz-swimlane-kanban__style2 .ibiz-swimlane-kanban__cell:not(.is-collapsed){flex:1 0 0;min-width:var(--ibiz-swimlane-kanban-width)}.ibiz-swimlane-kanban__table{overflow:auto hidden}.ibiz-swimlane-kanban__header{box-sizing:border-box;width:100%;min-width:-moz-fit-content;min-width:fit-content;border-top:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__header--action{visibility:hidden}.ibiz-swimlane-kanban__header--action.is-visible{visibility:visible}.ibiz-swimlane-kanban__header--row{display:flex}.ibiz-swimlane-kanban__header--cell .ibiz-swimlane-kanban__cell--content{display:flex;justify-content:space-between}.ibiz-swimlane-kanban__header--cell:hover .ibiz-swimlane-kanban__header--action{visibility:visible}.ibiz-swimlane-kanban__header--cell.is-collapsed{position:relative;width:50px;border-bottom:none}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--content{position:absolute;top:var(--ibiz-spacing-base);left:0;flex-direction:column}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--left{flex-direction:column;gap:var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--caption{writing-mode:tb}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--separator{margin:var(--ibiz-spacing-extra-tight) 0}.ibiz-swimlane-kanban__header--toolbar .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-swimlane-kanban__header--toolbar .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-swimlane-kanban__header--toolbar .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__header--toolbar .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-swimlane-kanban__header--popper.el-popper.el-dropdown__popper .el-scrollbar__view.el-dropdown__list{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);background-color:var(--ibiz-color-white)}.ibiz-swimlane-kanban__header--popper.el-popper.el-dropdown__popper .el-button{color:var(--ibiz-color-text-3);--el-button-bg-color:var(--ibiz-color-white);--el-button-hover-bg-color:var(--ibiz-color-fill-0);--el-button-active-bg-color:var(--ibiz-color-fill-0);--el-button-text-color:var(--ibiz-color-text-3);--el-button-hover-text-color:var(--ibiz-color-primary);--el-button-active-text-color:var(--ibiz-color-primary);border:none}.ibiz-swimlane-kanban__body{width:100%;min-width:-moz-fit-content;min-width:fit-content;height:calc(100% - 66px);padding-bottom:var(--ibiz-spacing-extra-tight);overflow:hidden scroll}.ibiz-swimlane-kanban__body--row{display:flex}.ibiz-swimlane-kanban__body--row.is-expand .ibiz-swimlane-kanban__cell{height:auto;min-height:200px;padding:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__body--row:not(.is-expand) .ibiz-swimlane-kanban__cell:not(.is-collapsed){border-right:none}.ibiz-swimlane-kanban__body--cell:first-child .ibiz-swimlane-kanban__cell--content{display:flex;align-items:start;justify-content:space-between}.ibiz-swimlane-kanban__body--cell.is-collapsed{width:50px;min-width:50px;border-right:1px solid var(--ibiz-color-border);border-bottom:none}.ibiz-swimlane-kanban__body--cell:has(+.is-collapsed){border-right:1px solid var(--ibiz-color-border)!important}.ibiz-swimlane-kanban__cell{padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);border-right:1px solid var(--ibiz-color-border);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__cell--expand-icon{display:flex;align-items:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-3);cursor:pointer}.ibiz-swimlane-kanban__cell--content{width:100%;height:100%}.ibiz-swimlane-kanban__cell--left{display:flex;align-items:center}.ibiz-swimlane-kanban__cell--right{display:flex;align-items:center}.ibiz-swimlane-kanban__cell--toolbar{margin:var(--ibiz-spacing-tight);visibility:hidden}.ibiz-swimlane-kanban__cell--separator{margin:0 var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__cell--description{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3)}.ibiz-swimlane-kanban__cell:hover .ibiz-swimlane-kanban__cell--toolbar{visibility:visible}.ibiz-swimlane-kanban__card{margin:var(--ibiz-spacing-tight);cursor:pointer;border-radius:var(--ibiz-spacing-super-tight)}.ibiz-swimlane-kanban__card.is-disabled{cursor:no-drop}.ibiz-swimlane-kanban__card.is-selected{background-color:var(--ibiz-color-fill-0)}.ibiz-swimlane-kanban__default-item--footer{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__default-item--actions{display:flex;justify-content:center}.ibiz-swimlane-kanban__default-item--actions .ibiz-action-toolbar__item{margin:0}.ibiz-swimlane-kanban__default-item--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-swimlane-kanban__batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__batch--toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__batch--check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-swimlane-kanban__batch--info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}.ibiz-swimlane-kanban__scrollbar .el-scrollbar__view{width:100%}
+.ibiz-swimlane-kanban{--ibiz-swimlane-kanban-width:320px;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__default .ibiz-swimlane-kanban__cell:not(.is-collapsed){width:var(--ibiz-swimlane-kanban-width)}.ibiz-swimlane-kanban__style2 .ibiz-swimlane-kanban__cell:not(.is-collapsed){flex:1 0 0;min-width:var(--ibiz-swimlane-kanban-width)}.ibiz-swimlane-kanban__table{overflow:auto hidden}.ibiz-swimlane-kanban__header{box-sizing:border-box;width:100%;min-width:-moz-fit-content;min-width:fit-content;padding-right:4px;border-top:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__header--action{visibility:hidden}.ibiz-swimlane-kanban__header--action.is-visible{visibility:visible}.ibiz-swimlane-kanban__header--row{display:flex}.ibiz-swimlane-kanban__header--cell .ibiz-swimlane-kanban__cell--content{display:flex;justify-content:space-between}.ibiz-swimlane-kanban__header--cell:hover .ibiz-swimlane-kanban__header--action{visibility:visible}.ibiz-swimlane-kanban__header--cell.is-collapsed{position:relative;width:50px;border-bottom:none}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--content{position:absolute;top:var(--ibiz-spacing-base);left:0;flex-direction:column}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--left{flex-direction:column;gap:var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--caption{writing-mode:tb}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--separator{margin:var(--ibiz-spacing-extra-tight) 0}.ibiz-swimlane-kanban__header--toolbar .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-swimlane-kanban__header--toolbar .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-swimlane-kanban__header--toolbar .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__header--toolbar .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-swimlane-kanban__header--popper.el-popper.el-dropdown__popper .el-scrollbar__view.el-dropdown__list{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);background-color:var(--ibiz-color-white)}.ibiz-swimlane-kanban__header--popper.el-popper.el-dropdown__popper .el-button{color:var(--ibiz-color-text-2);--el-button-bg-color:var(--ibiz-color-white);--el-button-hover-bg-color:var(--ibiz-color-fill-0);--el-button-active-bg-color:var(--ibiz-color-fill-0);--el-button-text-color:var(--ibiz-color-text-2);--el-button-hover-text-color:var(--ibiz-color-primary);--el-button-active-text-color:var(--ibiz-color-primary);border:none}.ibiz-swimlane-kanban__body{width:100%;min-width:-moz-fit-content;min-width:fit-content;height:calc(100% - 66px);padding-bottom:var(--ibiz-spacing-extra-tight);overflow:hidden scroll}.ibiz-swimlane-kanban__body--row{display:flex}.ibiz-swimlane-kanban__body--row.is-expand .ibiz-swimlane-kanban__cell{height:auto;min-height:200px;padding:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__body--row:not(.is-expand) .ibiz-swimlane-kanban__cell:not(.is-collapsed){border-right:none}.ibiz-swimlane-kanban__body--cell:first-child .ibiz-swimlane-kanban__cell--content{display:flex;align-items:start;justify-content:space-between}.ibiz-swimlane-kanban__body--cell.is-collapsed{width:50px;min-width:50px;border-right:1px solid var(--ibiz-color-border);border-bottom:none}.ibiz-swimlane-kanban__body--cell:has(+.is-collapsed){border-right:1px solid var(--ibiz-color-border)!important}.ibiz-swimlane-kanban__cell{padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);border-right:1px solid var(--ibiz-color-border);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__cell--expand-icon{display:flex;align-items:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-3);cursor:pointer}.ibiz-swimlane-kanban__cell--content{width:100%;height:100%}.ibiz-swimlane-kanban__cell--left{display:flex;align-items:center}.ibiz-swimlane-kanban__cell--right{display:flex;align-items:center}.ibiz-swimlane-kanban__cell--toolbar{margin:var(--ibiz-spacing-tight);visibility:hidden}.ibiz-swimlane-kanban__cell--separator{margin:0 var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__cell--description{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3)}.ibiz-swimlane-kanban__cell:hover .ibiz-swimlane-kanban__cell--toolbar{visibility:visible}.ibiz-swimlane-kanban__card{margin:var(--ibiz-spacing-tight);cursor:pointer;border-radius:var(--ibiz-spacing-super-tight)}.ibiz-swimlane-kanban__card.is-disabled{cursor:no-drop}.ibiz-swimlane-kanban__card.is-selected{background-color:var(--ibiz-color-fill-0)}.ibiz-swimlane-kanban__default-item--footer{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__default-item--actions{display:flex;justify-content:center}.ibiz-swimlane-kanban__default-item--actions .ibiz-action-toolbar__item{margin:0}.ibiz-swimlane-kanban__default-item--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-swimlane-kanban__batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__batch--toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__batch--check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-swimlane-kanban__batch--info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}.ibiz-swimlane-kanban__scrollbar .el-scrollbar__view{width:100%}.ibiz-swimlane-kanban__quicktoolbar{flex-flow:column nowrap;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:center}

package/es/control/kanban/swimlane-kanban/swimlane-kanban.d.ts

@@ -5,9 +5,6 @@ import './swimlane-kanban.scss';
  * 泳道看板
  */
 export declare const SwimlaneKanban: import("vue").DefineComponent<{
-    /**
-     * @description 面板直接内容控制器
-     */
     controller: {
         type: PropType<KanbanController>;
         required: true;
@@ -18,9 +15,6 @@ export declare const SwimlaneKanban: import("vue").DefineComponent<{
     renderHeader: () => JSX.Element;
     renderBody: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * @description 面板直接内容控制器
-     */
     controller: {
         type: PropType<KanbanController>;
         required: true;

package/es/control/kanban/swimlane-kanban/swimlane-kanban.mjs

@@ -14,9 +14,6 @@ const SwimlaneKanban = /* @__PURE__ */ defineComponent({
     draggable
   },
   props: {
-    /**
-     * @description 面板直接内容控制器
-     */
     controller: {
       type: Object,
       required: true
@@ -30,8 +27,7 @@ const SwimlaneKanban = /* @__PURE__ */ defineComponent({
       zIndex
     } = useUIStore();
     const popperStyle = {
-      zIndex: zIndex.increment(),
-      position: "unset"
+      zIndex: zIndex.increment()
     };
     const expandAll = ref(true);
     const dropdownKey = ref();
@@ -143,7 +139,6 @@ const SwimlaneKanban = /* @__PURE__ */ defineComponent({
         }, null)]
       }), showActionBar && createVNode(resolveComponent("el-dropdown"), {
         "trigger": "click",
-        "teleported": false,
         "style": popperStyle,
         "class": [ns.em("header", "action"), ns.is("visible", group.key === dropdownKey.value)],
         "popper-class": ns.em("header", "popper"),
@@ -160,7 +155,7 @@ const SwimlaneKanban = /* @__PURE__ */ defineComponent({
         }),
         dropdown: () => createVNode("div", {
           "class": ns.em("header", "toolbar")
-        }, [createVNode(resolveComponent("iBizActionToolbar"), {
+        }, [c.model.groupUIActionGroup && createVNode(resolveComponent("iBizActionToolbar"), {
           "actionDetails": c.model.groupUIActionGroup.uiactionGroupDetails,
           "actionsState": group.groupActionGroupState,
           "onActionClick": (detail, event) => {
@@ -220,7 +215,17 @@ const SwimlaneKanban = /* @__PURE__ */ defineComponent({
         "name": expandAll.value ? "chevron-collapse-outline" : "chevron-expand-outline"
       }, null), createVNode("div", {
         "class": ns.em("cell", "caption")
-      }, [ibiz.i18n.t("control.kanban.lane")])])])]), c.state.groups.map((group) => {
+      }, [ibiz.i18n.t("control.kanban.lane")])]), c.enableGroupHidden && createVNode("div", {
+        "class": ns.em("cell", "right")
+      }, [createVNode(resolveComponent("iBizKanbanSetting"), {
+        "buttonStyle": {
+          circle: true,
+          type: "text"
+        },
+        "controller": props.controller
+      }, null)])])]), c.state.groups.map((group) => {
+        if (group.hidden)
+          return void 0;
         return renderHeaderCell(group);
       })])]);
     };
@@ -260,6 +265,10 @@ const SwimlaneKanban = /* @__PURE__ */ defineComponent({
       }, null)]) : null]);
     };
     const renderBodyCellToolber = (lane, group) => {
+      const {
+        swimlaneAppDEFieldId
+      } = c.model;
+      const items = group.children.filter((item) => item[swimlaneAppDEFieldId] === lane.key);
       return createVNode("div", {
         "class": ns.em("cell", "toolbar")
       }, [c.enableNew && !c.state.readonly && createVNode(resolveComponent("el-button"), {
@@ -272,7 +281,7 @@ const SwimlaneKanban = /* @__PURE__ */ defineComponent({
         default: () => [createVNode("ion-icon", {
           "name": "add-outline"
         }, null), ibiz.i18n.t("app.newlyBuild")]
-      }), quickToolbarModel && createVNode(resolveComponent("iBizControlShell"), {
+      }), quickToolbarModel && items.length === 0 && createVNode(resolveComponent("iBizControlShell"), {
         "class": ns.e("quicktoolbar"),
         "modelData": {
           ...quickToolbarModel,
@@ -375,6 +384,8 @@ const SwimlaneKanban = /* @__PURE__ */ defineComponent({
         }, [createVNode("span", {
           "class": ns.em("cell", "description")
         }, ["".concat(lane.count, " \u4E2A").concat(c.laneDescription)])])])]), c.state.groups.map((group) => {
+          if (group.hidden)
+            return void 0;
           return renderBodyCell(index, lane, group);
         })]);
       })]);

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{--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__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 .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content__batchtoolbar{margin:var(--ibiz-spacing-tight) 0}.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-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.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-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;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{--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__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 .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content__batchtoolbar{margin:var(--ibiz-spacing-tight) 0}.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-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.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%)}