@ibiz-template/vue3-components 0.7.38-alpha.43 → 0.7.39

package/es/control/grid/grid-column/auto-grid-field-edit-column/index.d.ts

@@ -0,0 +1,37 @@
+export declare const IBizDynamicGridFieldEditColumn: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    controller: {
+        type: typeof import("@ibiz-template/runtime").GridFieldEditColumnController;
+        required: true;
+    };
+    row: {
+        type: typeof import("@ibiz-template/runtime").GridRowState;
+        required: true;
+    };
+    attrs: {
+        type: import("vue").PropType<IData>;
+        required: false;
+    };
+}, {
+    c: import("@ibiz-template/runtime").GridFieldEditColumnController;
+    ns: import("@ibiz-template/core").Namespace;
+    componentRef: import("vue").Ref<any>;
+    tooltip: import("vue").ComputedRef<string | undefined>;
+    rowDataChange: (val: unknown, name?: string | undefined, ignore?: boolean) => Promise<void>;
+    onInfoTextChange: (text: string) => void;
+    gridEditItemProps: IData;
+    editorProps: IData;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: typeof import("@ibiz-template/runtime").GridFieldEditColumnController;
+        required: true;
+    };
+    row: {
+        type: typeof import("@ibiz-template/runtime").GridRowState;
+        required: true;
+    };
+    attrs: {
+        type: import("vue").PropType<IData>;
+        required: false;
+    };
+}>>, {}, {}>>;
+export default IBizDynamicGridFieldEditColumn;

package/es/control/grid/grid-column/auto-grid-field-edit-column/index.mjs

@@ -0,0 +1,18 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerGridColumnProvider } from '@ibiz-template/runtime';
+import { AutoGridFieldEditColumn } from './auto-grid-field-edit-column.mjs';
+import { AutoGridFieldEditColumnProvider } from './auto-grid-field-edit-column.provider.mjs';
+
+"use strict";
+const IBizDynamicGridFieldEditColumn = withInstall(
+  AutoGridFieldEditColumn,
+  function(v) {
+    v.component(AutoGridFieldEditColumn.name, AutoGridFieldEditColumn);
+    registerGridColumnProvider(
+      "AUTO_DEFGRIDCOLUMN_EDIT",
+      () => new AutoGridFieldEditColumnProvider()
+    );
+  }
+);
+
+export { IBizDynamicGridFieldEditColumn, IBizDynamicGridFieldEditColumn as default };

package/es/control/grid/grid-column/auto-grid-field-edit-column/row-edit.d.ts

@@ -0,0 +1,13 @@
+import { GridRowState, GridFieldEditColumnController } from '@ibiz-template/runtime';
+import { Ref } from 'vue';
+export declare function useRowEdit(props: {
+    readonly row: GridRowState;
+    readonly controller: GridFieldEditColumnController;
+}, _componentRef: Ref<any>): {
+    gridEditItemProps: {};
+    editorProps: {
+        disabled: boolean;
+        readonly: boolean;
+        onClick: (event: MouseEvent) => void;
+    };
+};

package/es/control/grid/grid-column/auto-grid-field-edit-column/row-edit.mjs

@@ -0,0 +1,36 @@
+import { computed, reactive } from 'vue';
+
+"use strict";
+function useRowEdit(props, _componentRef) {
+  const c = props.controller;
+  const disabled = computed(() => {
+    return props.row.editColStates[c.fieldName].disabled;
+  });
+  const readonly = computed(() => {
+    return props.row.editColStates[c.fieldName].readonly;
+  });
+  const editable = computed(
+    () => props.row.editColStates[c.fieldName].editable
+  );
+  const editorReadOnly = computed(() => {
+    return readonly.value || !editable.value;
+  });
+  const editorDisabled = computed(() => {
+    return editable.value && disabled.value;
+  });
+  const gridEditItemProps = reactive({});
+  const editorProps = reactive({
+    disabled: editorDisabled,
+    readonly: editorReadOnly,
+    onClick: (event) => {
+      if (editable.value)
+        event.stopPropagation();
+    }
+  });
+  return {
+    gridEditItemProps,
+    editorProps
+  };
+}
+
+export { useRowEdit };

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-2);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{cursor:pointer}.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--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){opacity:0}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{opacity: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-2);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{cursor:pointer}.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--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-column/grid-field-column.d.ts

@@ -1,7 +1,7 @@
 import { ILayoutPanel, IPanel, IUIActionGroupDetail } from '@ibiz/model-core';
 import { Ref, VNode } from 'vue';
-import './grid-field-column.scss';
 import { GridFieldColumnController, GridRowState } from '@ibiz-template/runtime';
+import './grid-field-column.scss';
 export declare const GridFieldColumn: import("vue").DefineComponent<{
     controller: {
         type: typeof GridFieldColumnController;

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

@@ -1,9 +1,9 @@
-import { defineComponent, ref, watch, computed, createVNode, resolveComponent } from 'vue';
+import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
-import './grid-field-column.css';
 import { GridFieldColumnController, GridRowState, ValueExUtil } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';
 import { showTitle } from '@ibiz-template/core';
+import './grid-field-column.css';
 
 "use strict";
 const GridFieldColumn = /* @__PURE__ */ defineComponent({
@@ -20,13 +20,6 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("grid-field-column");
-    let emptyHiddenUnit = ibiz.config.grid.emptyHiddenUnit;
-    const {
-      emptyhiddenunit
-    } = props.controller.grid.controlParams;
-    if (emptyhiddenunit) {
-      emptyHiddenUnit = Object.is(emptyhiddenunit, "true");
-    }
     const zIndex = props.controller.grid.state.zIndex;
     const onCellClick = (event) => {
       if (props.controller.hasAction) {
@@ -71,7 +64,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     });
     const hiddenEmpty = computed(() => {
       if (fieldValue.value) {
-        if (emptyHiddenUnit) {
+        if (props.controller.grid.emptyHiddenUnit) {
           if (formatValue.value) {
             return true;
           }
@@ -92,17 +85,16 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       }
       return void 0;
     });
-    const onActionClick = async (detail, event) => {
-      await props.controller.onActionClick(detail, props.row, event);
+    const onActionClick = (detail, event) => {
+      return props.controller.onActionClick(detail, props.row, event);
     };
     const codeListItems = ref([]);
     if (props.controller.codeList) {
       codeListItems.value = props.controller.codeListItems;
     }
     const fn = (data) => {
-      if (data) {
+      if (data)
         codeListItems.value = data;
-      }
     };
     useCodeListListen(props.controller.model.appCodeListId, props.controller.context.srfappid, fn);
     const findLayoutPanel = () => {
@@ -151,7 +143,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       "action-details": c.model.deuiactionGroup.uiactionGroupDetails,
       "actions-state": this.row.uiActionGroupStates[this.controller.model.codeName],
       "groupLevelKeys": [50, 100],
-      "onActionClick": this.onActionClick,
+      "actionCallBack": this.onActionClick,
       "zIndex": this.zIndex
     }, null) : null;
     let content = null;

package/es/control/grid/grid-column/grid-field-edit-column/all-edit.mjs

@@ -20,7 +20,9 @@ function useAllEdit(props, _componentRef) {
     return editable.value;
   });
   const onBlur = () => {
-    c.grid.save(props.row.data);
+    if (c.grid.editSaveMode === "cell-blur") {
+      c.grid.save(props.row.data);
+    }
   };
   const gridEditItemProps = reactive({
     stopPropagation

package/es/control/grid/grid-column/grid-field-edit-column/cell-edit.d.ts

@@ -7,6 +7,7 @@ export declare function useCellEdit(props: {
     gridEditItemProps: {
         showEditMask: boolean;
         stopPropagation: boolean;
+        isEscOut: boolean;
         onMaskClick: () => void;
     };
     editorProps: {

package/es/control/grid/grid-column/grid-field-edit-column/cell-edit.mjs

@@ -1,5 +1,6 @@
+import { NOOP, listenJSEvent } from '@ibiz-template/core';
 import { useClickOutside } from '@ibiz-template/vue3-util';
-import { computed, reactive } from 'vue';
+import { computed, ref, onUnmounted, reactive } from 'vue';
 
 "use strict";
 function useCellEdit(props, componentRef) {
@@ -53,13 +54,27 @@ function useCellEdit(props, componentRef) {
   const onBlur = () => {
     ibiz.log.debug("".concat(c.fieldName, "\u5C5E\u6027\u7F16\u8F91\u5668blur\u4E8B\u4EF6"));
     setEditable(false);
-    if (ibiz.config.grid.editSaveMode === "cell-blur") {
+    if (c.grid.editSaveMode === "cell-blur") {
       c.grid.save(props.row.data);
     }
   };
+  let cleanKeyUp = NOOP;
+  const isEscOut = ref(false);
+  cleanKeyUp = listenJSEvent(window, "keyup", (e) => {
+    if (e.code === "Escape" && editable.value) {
+      setEditable(false);
+      isEscOut.value = true;
+    }
+  });
+  onUnmounted(() => {
+    if (cleanKeyUp !== NOOP) {
+      cleanKeyUp();
+    }
+  });
   const gridEditItemProps = reactive({
     showEditMask,
     stopPropagation,
+    isEscOut,
     onMaskClick
   });
   const editorProps = reactive({

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-disabled-text);--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 .ibiz-checkbox--readonly,.ibiz-grid-edit-item .ibiz-date-picker--readonly,.ibiz-grid-edit-item .ibiz-dropdown--readonly,.ibiz-grid-edit-item .ibiz-input--readonly,.ibiz-grid-edit-item .ibiz-mpicker--readonly,.ibiz-grid-edit-item .ibiz-picker--readonly,.ibiz-grid-edit-item .ibiz-picker-dropdown--readonly,.ibiz-grid-edit-item .ibiz-radio--readonly,.ibiz-grid-edit-item .ibiz-span--readonly{color:var(--ibiz-color-text-0)}.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-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}

package/es/control/grid/grid-column/grid-field-edit-column/grid-edit-item/grid-edit-item.d.ts

@@ -43,7 +43,7 @@ export declare const IBizGridEditItem: import("vue").DefineComponent<{
     onMaskClick?: ((_event: MouseEvent) => any) | undefined;
 }, {
     required: boolean;
-    showEditMask: boolean;
     stopPropagation: boolean;
+    showEditMask: boolean;
 }, {}>;
 export default IBizGridEditItem;

package/es/control/grid/grid-column/grid-field-edit-column/grid-edit-item/grid-edit-item.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './grid-edit-item.css';
 
@@ -65,7 +65,7 @@ const IBizGridEditItem = /* @__PURE__ */ defineComponent({
       "content": this.tooltipContent,
       "disabled": !this.showTooltip,
       "transfer": true,
-      "transfer-class-name": this.ns.e("tooltip-popper"),
+      "popper-class": this.ns.e("tooltip-popper"),
       "placement": "top"
     }, {
       default: () => {

package/es/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.d.ts

@@ -19,7 +19,7 @@ export declare const GridFieldEditColumn: import("vue").DefineComponent<{
     c: GridFieldEditColumnController;
     componentRef: import("vue").Ref<any>;
     tooltip: import("vue").ComputedRef<string | undefined>;
-    rowDataChange: (val: unknown, name?: string) => Promise<void>;
+    rowDataChange: (val: unknown, name?: string, ignore?: boolean) => Promise<void>;
     onInfoTextChange: (text: string) => void;
     gridEditItemProps: IData;
     editorProps: IData;

package/es/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, createVNode, resolveComponent, h } from 'vue';
+import { ref, nextTick, computed, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RuntimeError } from '@ibiz-template/core';
 import { GridFieldEditColumnController, GridRowState } from '@ibiz-template/runtime';
@@ -29,10 +29,6 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("grid-field-edit-column");
     const componentRef = ref();
     const c = props.controller;
-    const rowDataChange = async (val, name) => {
-      ibiz.log.debug("".concat(c.fieldName, "\u503C\u53D8\u66F4"), val);
-      await c.setRowValue(props.row, val, name);
-    };
     const useByShowMode = () => {
       switch (c.grid.editShowMode) {
         case "cell":
@@ -51,6 +47,23 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
       gridEditItemProps,
       editorProps
     } = useByShowMode();
+    const rowDataChange = async (val, name, ignore = false) => {
+      ibiz.log.debug("".concat(c.fieldName, "\u503C\u53D8\u66F4"), val);
+      const {
+        isEscOut
+      } = gridEditItemProps;
+      if (isEscOut) {
+        gridEditItemProps.isEscOut = false;
+        const rowData = props.row.data;
+        const oldValue = rowData[c.fieldName];
+        rowData[c.fieldName] = null;
+        nextTick(() => {
+          rowData[c.fieldName] = oldValue;
+        });
+        return;
+      }
+      await c.setRowValue(props.row, val, name, ignore);
+    };
     const infoText = ref(void 0);
     const onInfoTextChange = (text) => {
       infoText.value = text;
@@ -83,7 +96,7 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
       ref: "componentRef",
       required: !this.c.editItem.allowEmpty,
       error: this.row.errors[this.c.fieldName],
-      overflowMode: this.controller.grid.overflowMode,
+      overflowMode: this.c.grid.overflowMode,
       class: [this.ns, this.ns.m(this.c.grid.overflowMode), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
       ...this.gridEditItemProps
     }, {

package/es/control/grid/grid-column/grid-field-edit-column/index.d.ts

@@ -16,7 +16,7 @@ export declare const IBizGridFieldEditColumn: import("@ibiz-template/vue3-util")
     c: import("@ibiz-template/runtime").GridFieldEditColumnController;
     componentRef: import("vue").Ref<any>;
     tooltip: import("vue").ComputedRef<string | undefined>;
-    rowDataChange: (val: unknown, name?: string | undefined) => Promise<void>;
+    rowDataChange: (val: unknown, name?: string | undefined, ignore?: boolean) => Promise<void>;
     onInfoTextChange: (text: string) => void;
     gridEditItemProps: IData;
     editorProps: IData;

package/es/control/grid/grid-column/grid-group-column/grid-group-column.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode } from 'vue';
+import { createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { GridGroupColumnController, GridRowState } from '@ibiz-template/runtime';
 

package/es/control/grid/grid-column/grid-ua-column/grid-ua-column.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './grid-ua-column.css';
 import { GridUAColumnController, GridRowState } from '@ibiz-template/runtime';

package/es/control/grid/grid-column/index.d.ts

@@ -2,3 +2,4 @@ export * from './grid-field-column';
 export * from './grid-ua-column';
 export * from './grid-field-edit-column';
 export * from './grid-group-column';
+export * from './auto-grid-field-edit-column';

package/es/control/grid/grid-column/index.mjs

@@ -2,5 +2,6 @@ export { IBizGridFieldColumn } from './grid-field-column/index.mjs';
 export { IBizGridUAColumn } from './grid-ua-column/index.mjs';
 export { IBizGridFieldEditColumn } from './grid-field-edit-column/index.mjs';
 export { IBizGridGroupColumn } from './grid-group-column/index.mjs';
+export { IBizDynamicGridFieldEditColumn } from './auto-grid-field-edit-column/index.mjs';
 
 "use strict";

package/es/control/grid/index.mjs

@@ -5,5 +5,6 @@ export { IBizGridFieldColumn } from './grid-column/grid-field-column/index.mjs';
 export { IBizGridUAColumn } from './grid-column/grid-ua-column/index.mjs';
 export { IBizGridFieldEditColumn } from './grid-column/grid-field-edit-column/index.mjs';
 export { IBizGridGroupColumn } from './grid-column/grid-group-column/index.mjs';
+export { IBizDynamicGridFieldEditColumn } from './grid-column/auto-grid-field-edit-column/index.mjs';
 
 "use strict";

package/es/control/grid/row-edit-popover/row-edit-popover.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace, useEventListener } from '@ibiz-template/vue3-util';
 import './row-edit-popover.css';
 

package/es/control/grid/row-edit-popover/use-row-edit-popover.mjs

@@ -70,7 +70,7 @@ function useRowEditPopover(tableRef, c) {
     }, null)];
   };
   c.evt.on("onRowEditChange", (event) => {
-    if (event.row.showRowEdit) {
+    if (event.row.showRowEdit && !c.state.isAutoGrid) {
       setTimeout(() => {
         showRowEditPop(event.row);
       }, 0);

package/es/control/index.mjs

@@ -31,6 +31,7 @@ export { IBizGridFieldColumn } from './grid/grid-column/grid-field-column/index.
 export { IBizGridUAColumn } from './grid/grid-column/grid-ua-column/index.mjs';
 export { IBizGridFieldEditColumn } from './grid/grid-column/grid-field-edit-column/index.mjs';
 export { IBizGridGroupColumn } from './grid/grid-column/grid-group-column/index.mjs';
+export { IBizDynamicGridFieldEditColumn } from './grid/grid-column/auto-grid-field-edit-column/index.mjs';
 export { IBizSearchFormControl } from './form/search-form/index.mjs';
 export { IBizFormGroupPanel } from './form/form-detail/form-group-panel/index.mjs';
 export { IBizFormItemContainer } from './form/form-detail/form-item/form-item-container/form-item-container.mjs';

package/es/control/kanban/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { KanbanControl } from './kanban.mjs';
 import { KanbanProvider } from './kanban.provider.mjs';

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--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);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 .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.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+.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;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{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 .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.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+.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)}

package/es/control/kanban/kanban.mjs

@@ -1,5 +1,5 @@
-import { isVNode, defineComponent, ref, computed, onMounted, onBeforeUnmount, createVNode, resolveComponent, createTextVNode } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { isVNode, ref, computed, onMounted, onBeforeUnmount, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import draggable from 'vuedraggable';
 import { KanbanController } from '@ibiz-template/runtime';
 import { NOOP, listenJSEvent, showTitle } from '@ibiz-template/core';
@@ -235,10 +235,20 @@ const KanbanControl = /* @__PURE__ */ defineComponent({
       if (!c.state.isLoaded) {
         return;
       }
+      const noDataSlots = {};
+      if (hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => createVNode(IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
+      }
       return createVNode(resolveComponent("iBizNoData"), {
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
+      });
     };
     let cacheInfo = null;
     const onChange = (evt, groupKey) => {
@@ -303,7 +313,9 @@ const KanbanControl = /* @__PURE__ */ defineComponent({
         "trigger": "click",
         "teleported": false
       }, {
-        default: () => createVNode("span", null, [createTextVNode("\xB7\xB7\xB7")]),
+        default: () => createVNode("span", {
+          "title": ibiz.i18n.t("app.more")
+        }, [createTextVNode("\xB7\xB7\xB7")]),
         dropdown: () => createVNode("div", {
           "class": ns.be("group", "actions-dropdown")
         }, [c.model.groupUIActionGroup && group.groupActionGroupState && createVNode(resolveComponent("iBizActionToolbar"), {

package/es/control/list/index.d.ts

@@ -51,7 +51,6 @@ export declare const IBizListControl: import("@ibiz-template/vue3-util").TypeWit
     c: import("@ibiz-template/runtime").ListController;
     ns: import("@ibiz-template/core").Namespace;
     infiniteScroll: import("vue").Ref<IData | undefined>;
-    onShowNavView: () => void;
     renderListContent: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;

package/es/control/list/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { ListControl } from './list.mjs';
 import { ListProvider } from './list.provider.mjs';

package/es/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{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:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-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 .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-control-list-scroll-item:last-of-type{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-item{flex-grow:1;cursor:pointer;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);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 .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-control-list-scroll-item:last-of-type{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: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)}

package/es/control/list/list.d.ts

@@ -70,7 +70,6 @@ export declare const ListControl: import("vue").DefineComponent<{
     c: ListController;
     ns: import("@ibiz-template/core").Namespace;
     infiniteScroll: import("vue").Ref<IData | undefined>;
-    onShowNavView: () => void;
     renderListContent: () => VNode;
     renderNoData: () => VNode | undefined;
     renderBatchToolBar: () => VNode | undefined;