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

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./grid-field-column.css');
 var runtime = require('@ibiz-template/runtime');
 var ramda = require('ramda');
 var core = require('@ibiz-template/core');
+require('./grid-field-column.css');
 
 "use strict";
 const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
@@ -24,13 +24,6 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.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) {
@@ -75,7 +68,7 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     });
     const hiddenEmpty = vue.computed(() => {
       if (fieldValue.value) {
-        if (emptyHiddenUnit) {
+        if (props.controller.grid.emptyHiddenUnit) {
           if (formatValue.value) {
             return true;
           }
@@ -96,17 +89,16 @@ const GridFieldColumn = /* @__PURE__ */ vue.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 = vue.ref([]);
     if (props.controller.codeList) {
       codeListItems.value = props.controller.codeListItems;
     }
     const fn = (data) => {
-      if (data) {
+      if (data)
         codeListItems.value = data;
-      }
     };
     vue3Util.useCodeListListen(props.controller.model.appCodeListId, props.controller.context.srfappid, fn);
     const findLayoutPanel = () => {
@@ -155,7 +147,7 @@ const GridFieldColumn = /* @__PURE__ */ vue.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/lib/control/grid/grid-column/grid-field-column/grid-field-column.css

@@ -1 +1 @@
-.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-color-link);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-color-link-hover);--ibiz-grid-field-column-color:var(--ibiz-color-text-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}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex}

package/lib/control/grid/grid-column/grid-field-edit-column/all-edit.cjs

@@ -22,7 +22,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 = vue.reactive({
     stopPropagation

package/lib/control/grid/grid-column/grid-field-edit-column/cell-edit.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var core = require('@ibiz-template/core');
 var vue3Util = require('@ibiz-template/vue3-util');
 var vue = require('vue');
 
@@ -55,13 +56,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 = core.NOOP;
+  const isEscOut = vue.ref(false);
+  cleanKeyUp = core.listenJSEvent(window, "keyup", (e) => {
+    if (e.code === "Escape" && editable.value) {
+      setEditable(false);
+      isEscOut.value = true;
+    }
+  });
+  vue.onUnmounted(() => {
+    if (cleanKeyUp !== core.NOOP) {
+      cleanKeyUp();
+    }
+  });
   const gridEditItemProps = vue.reactive({
     showEditMask,
     stopPropagation,
+    isEscOut,
     onMaskClick
   });
   const editorProps = vue.reactive({

package/lib/control/grid/grid-column/grid-field-edit-column/grid-edit-item/grid-edit-item.cjs

@@ -69,7 +69,7 @@ const IBizGridEditItem = /* @__PURE__ */ vue.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/lib/control/grid/grid-column/grid-field-edit-column/grid-edit-item/grid-edit-item.css

@@ -1 +1 @@
-.ibiz-grid-edit-item{--ibiz-grid-edit-item-cell-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-grid-edit-item-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-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/lib/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.cjs

@@ -33,10 +33,6 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("grid-field-edit-column");
     const componentRef = vue.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":
@@ -55,6 +51,23 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.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;
+        vue.nextTick(() => {
+          rowData[c.fieldName] = oldValue;
+        });
+        return;
+      }
+      await c.setRowValue(props.row, val, name, ignore);
+    };
     const infoText = vue.ref(void 0);
     const onInfoTextChange = (text) => {
       infoText.value = text;
@@ -87,7 +100,7 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.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/lib/control/grid/grid-column/index.cjs

@@ -4,6 +4,7 @@ var index = require('./grid-field-column/index.cjs');
 var index$1 = require('./grid-ua-column/index.cjs');
 var index$2 = require('./grid-field-edit-column/index.cjs');
 var index$3 = require('./grid-group-column/index.cjs');
+var index$4 = require('./auto-grid-field-edit-column/index.cjs');
 
 "use strict";
 
@@ -11,3 +12,4 @@ exports.IBizGridFieldColumn = index.IBizGridFieldColumn;
 exports.IBizGridUAColumn = index$1.IBizGridUAColumn;
 exports.IBizGridFieldEditColumn = index$2.IBizGridFieldEditColumn;
 exports.IBizGridGroupColumn = index$3.IBizGridGroupColumn;
+exports.IBizDynamicGridFieldEditColumn = index$4.IBizDynamicGridFieldEditColumn;

package/lib/control/grid/index.cjs

@@ -7,6 +7,7 @@ var index$1 = require('./grid-column/grid-field-column/index.cjs');
 var index$2 = require('./grid-column/grid-ua-column/index.cjs');
 var index$3 = require('./grid-column/grid-field-edit-column/index.cjs');
 var index$4 = require('./grid-column/grid-group-column/index.cjs');
+var index$5 = require('./grid-column/auto-grid-field-edit-column/index.cjs');
 
 "use strict";
 
@@ -20,3 +21,4 @@ exports.IBizGridFieldColumn = index$1.IBizGridFieldColumn;
 exports.IBizGridUAColumn = index$2.IBizGridUAColumn;
 exports.IBizGridFieldEditColumn = index$3.IBizGridFieldEditColumn;
 exports.IBizGridGroupColumn = index$4.IBizGridGroupColumn;
+exports.IBizDynamicGridFieldEditColumn = index$5.IBizDynamicGridFieldEditColumn;

package/lib/control/grid/row-edit-popover/use-row-edit-popover.cjs

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

@@ -3,108 +3,109 @@
 var index = require('./app-menu/index.cjs');
 var index$1 = require('./app-menu-icon-view/index.cjs');
 require('./grid/index.cjs');
-var index$7 = require('./list/index.cjs');
+var index$8 = require('./list/index.cjs');
 require('./form/index.cjs');
-var index$l = require('./toolbar/index.cjs');
-var index$m = require('./caption-bar/index.cjs');
-var index$n = require('./data-view/index.cjs');
-var index$o = require('./tree/index.cjs');
-var index$p = require('./pickup-view-panel/index.cjs');
-var index$q = require('./tab-exp-panel/index.cjs');
+var index$m = require('./toolbar/index.cjs');
+var index$n = require('./caption-bar/index.cjs');
+var index$o = require('./data-view/index.cjs');
+var index$p = require('./tree/index.cjs');
+var index$q = require('./pickup-view-panel/index.cjs');
+var index$r = require('./tab-exp-panel/index.cjs');
 require('./exp-bar/index.cjs');
-var index$x = require('./search-bar/index.cjs');
-var index$y = require('./chart/index.cjs');
-var index$z = require('./wizard-panel/index.cjs');
-var index$A = require('./drbar/index.cjs');
-var index$B = require('./drtab/index.cjs');
-var index$C = require('./dashboard/index.cjs');
-var index$N = require('./calendar/index.cjs');
-var index$O = require('./kanban/index.cjs');
-var index$P = require('./tree-grid-ex/index.cjs');
-var index$Q = require('./tree-grid/index.cjs');
-var index$R = require('./medit-view-panel/index.cjs');
-var index$S = require('./map/index.cjs');
-var index$T = require('./report-panel/index.cjs');
-var index$U = require('./gantt/index.cjs');
-var index$V = require('./context-menu/index.cjs');
+var index$y = require('./search-bar/index.cjs');
+var index$z = require('./chart/index.cjs');
+var index$A = require('./wizard-panel/index.cjs');
+var index$B = require('./drbar/index.cjs');
+var index$C = require('./drtab/index.cjs');
+var index$D = require('./dashboard/index.cjs');
+var index$O = require('./calendar/index.cjs');
+var index$P = require('./kanban/index.cjs');
+var index$Q = require('./tree-grid-ex/index.cjs');
+var index$R = require('./tree-grid/index.cjs');
+var index$S = require('./medit-view-panel/index.cjs');
+var index$T = require('./map/index.cjs');
+var index$U = require('./report-panel/index.cjs');
+var index$V = require('./gantt/index.cjs');
+var index$W = require('./context-menu/index.cjs');
 var gridControl_util = require('./grid/grid/grid-control.util.cjs');
 var index$2 = require('./grid/grid/index.cjs');
 var index$3 = require('./grid/grid-column/grid-field-column/index.cjs');
 var index$4 = require('./grid/grid-column/grid-ua-column/index.cjs');
 var index$5 = require('./grid/grid-column/grid-field-edit-column/index.cjs');
 var index$6 = require('./grid/grid-column/grid-group-column/index.cjs');
-var index$8 = require('./form/search-form/index.cjs');
-var index$9 = require('./form/form-detail/form-group-panel/index.cjs');
+var index$7 = require('./grid/grid-column/auto-grid-field-edit-column/index.cjs');
+var index$9 = require('./form/search-form/index.cjs');
+var index$a = require('./form/form-detail/form-group-panel/index.cjs');
 var formItemContainer = require('./form/form-detail/form-item/form-item-container/form-item-container.cjs');
-var index$a = require('./form/form-detail/form-item/index.cjs');
+var index$b = require('./form/form-detail/form-item/index.cjs');
 var formPage_item = require('./form/form-detail/form-page/form-page-item/form-page.item.cjs');
-var index$b = require('./form/form-detail/form-page/index.cjs');
-var index$c = require('./form/form-detail/form-button/index.cjs');
-var index$d = require('./form/form-detail/form-druipart/index.cjs');
-var index$e = require('./form/form-detail/form-mdctrl/index.cjs');
-var index$f = require('./form/form-detail/form-rawitem/index.cjs');
-var index$g = require('./form/form-detail/form-tab-panel/index.cjs');
-var index$h = require('./form/form-detail/form-tab-page/index.cjs');
-var index$i = require('./form/form-detail/form-button-list/index.cjs');
-var index$j = require('./form/edit-form/index.cjs');
-var index$k = require('./form/form/index.cjs');
+var index$c = require('./form/form-detail/form-page/index.cjs');
+var index$d = require('./form/form-detail/form-button/index.cjs');
+var index$e = require('./form/form-detail/form-druipart/index.cjs');
+var index$f = require('./form/form-detail/form-mdctrl/index.cjs');
+var index$g = require('./form/form-detail/form-rawitem/index.cjs');
+var index$h = require('./form/form-detail/form-tab-panel/index.cjs');
+var index$i = require('./form/form-detail/form-tab-page/index.cjs');
+var index$j = require('./form/form-detail/form-button-list/index.cjs');
+var index$k = require('./form/edit-form/index.cjs');
+var index$l = require('./form/form/index.cjs');
 var dataView_provider = require('./data-view/data-view.provider.cjs');
-var index$r = require('./exp-bar/tree-exp-bar/index.cjs');
-var index$s = require('./exp-bar/list-exp-bar/index.cjs');
-var index$t = require('./exp-bar/grid-exp-bar/index.cjs');
-var index$u = require('./exp-bar/data-view-exp-bar/index.cjs');
-var index$v = require('./exp-bar/calendar-exp-bar/index.cjs');
-var index$w = require('./exp-bar/chart-exp-bar/index.cjs');
+var index$s = require('./exp-bar/tree-exp-bar/index.cjs');
+var index$t = require('./exp-bar/list-exp-bar/index.cjs');
+var index$u = require('./exp-bar/grid-exp-bar/index.cjs');
+var index$v = require('./exp-bar/data-view-exp-bar/index.cjs');
+var index$w = require('./exp-bar/calendar-exp-bar/index.cjs');
+var index$x = require('./exp-bar/chart-exp-bar/index.cjs');
 var drbar_controller = require('./drbar/drbar.controller.cjs');
 var drtab_controller = require('./drtab/drtab.controller.cjs');
 var containerPortlet = require('./dashboard/portlet/container-portlet/container-portlet.cjs');
-var index$D = require('./dashboard/portlet/container-portlet/index.cjs');
+var index$E = require('./dashboard/portlet/container-portlet/index.cjs');
 var portletLayout = require('./dashboard/portlet/portlet-layout/portlet-layout.cjs');
 var viewPortlet = require('./dashboard/portlet/view-portlet/view-portlet.cjs');
-var index$E = require('./dashboard/portlet/view-portlet/index.cjs');
+var index$F = require('./dashboard/portlet/view-portlet/index.cjs');
 var menuPortlet = require('./dashboard/portlet/menu-portlet/menu-portlet.cjs');
-var index$F = require('./dashboard/portlet/menu-portlet/index.cjs');
+var index$G = require('./dashboard/portlet/menu-portlet/index.cjs');
 var chartPortlet = require('./dashboard/portlet/chart-portlet/chart-portlet.cjs');
-var index$G = require('./dashboard/portlet/chart-portlet/index.cjs');
+var index$H = require('./dashboard/portlet/chart-portlet/index.cjs');
 var rawitemPortlet = require('./dashboard/portlet/rawitem-portlet/rawitem-portlet.cjs');
-var index$H = require('./dashboard/portlet/rawitem-portlet/index.cjs');
+var index$I = require('./dashboard/portlet/rawitem-portlet/index.cjs');
 var listPortlet = require('./dashboard/portlet/list-portlet/list-portlet.cjs');
-var index$I = require('./dashboard/portlet/list-portlet/index.cjs');
+var index$J = require('./dashboard/portlet/list-portlet/index.cjs');
 var htmlPortlet = require('./dashboard/portlet/html-portlet/html-portlet.cjs');
-var index$J = require('./dashboard/portlet/html-portlet/index.cjs');
+var index$K = require('./dashboard/portlet/html-portlet/index.cjs');
 var actionbarPortlet = require('./dashboard/portlet/actionbar-portlet/actionbar-portlet.cjs');
-var index$K = require('./dashboard/portlet/actionbar-portlet/index.cjs');
+var index$L = require('./dashboard/portlet/actionbar-portlet/index.cjs');
 var reportPortlet = require('./dashboard/portlet/report-portlet/report-portlet.cjs');
-var index$L = require('./dashboard/portlet/report-portlet/index.cjs');
+var index$M = require('./dashboard/portlet/report-portlet/index.cjs');
 var filterPortlet = require('./dashboard/portlet/filter-portlet/filter-portlet.cjs');
-var index$M = require('./dashboard/portlet/filter-portlet/index.cjs');
+var index$N = require('./dashboard/portlet/filter-portlet/index.cjs');
 
 "use strict";
 
 exports.IBizAppMenuControl = index.IBizAppMenuControl;
 exports.IBizAppMenuIconViewControl = index$1.IBizAppMenuIconViewControl;
-exports.IBizListControl = index$7.IBizListControl;
-exports.IBizToolbarControl = index$l.IBizToolbarControl;
-exports.IBizCaptionBarControl = index$m.IBizCaptionBarControl;
-exports.IBizDataViewControl = index$n.IBizDataViewControl;
-exports.IBizTreeControl = index$o.IBizTreeControl;
-exports.IBizPickupViewPanelControl = index$p.IBizPickupViewPanelControl;
-exports.IBizTabExpPanelControl = index$q.IBizTabExpPanelControl;
-exports.IBizSearchBarControl = index$x.IBizSearchBarControl;
-exports.IBizChartControl = index$y.IBizChartControl;
-exports.IBizWizardPanelControl = index$z.IBizWizardPanelControl;
-exports.IBizDRBarControl = index$A.IBizDRBarControl;
-exports.IBizDRTabControl = index$B.IBizDRTabControl;
-exports.IBizDashboardControl = index$C.IBizDashboardControl;
-exports.IBizCalendarControl = index$N.IBizCalendarControl;
-exports.IBizKanbanControl = index$O.IBizKanbanControl;
-exports.IBizTreeGridExControl = index$P.IBizTreeGridExControl;
-exports.IBizTreeGridControl = index$Q.IBizTreeGridControl;
-exports.IBizMEditViewPanelControl = index$R.IBizMEditViewPanelControl;
-exports.IBizMapControl = index$S.IBizMapControl;
-exports.IBizReportPanelControl = index$T.IBizReportPanelControl;
-exports.IBizGanttControl = index$U.IBizGanttControl;
-exports.IBizContextMenuControl = index$V.IBizContextMenuControl;
+exports.IBizListControl = index$8.IBizListControl;
+exports.IBizToolbarControl = index$m.IBizToolbarControl;
+exports.IBizCaptionBarControl = index$n.IBizCaptionBarControl;
+exports.IBizDataViewControl = index$o.IBizDataViewControl;
+exports.IBizTreeControl = index$p.IBizTreeControl;
+exports.IBizPickupViewPanelControl = index$q.IBizPickupViewPanelControl;
+exports.IBizTabExpPanelControl = index$r.IBizTabExpPanelControl;
+exports.IBizSearchBarControl = index$y.IBizSearchBarControl;
+exports.IBizChartControl = index$z.IBizChartControl;
+exports.IBizWizardPanelControl = index$A.IBizWizardPanelControl;
+exports.IBizDRBarControl = index$B.IBizDRBarControl;
+exports.IBizDRTabControl = index$C.IBizDRTabControl;
+exports.IBizDashboardControl = index$D.IBizDashboardControl;
+exports.IBizCalendarControl = index$O.IBizCalendarControl;
+exports.IBizKanbanControl = index$P.IBizKanbanControl;
+exports.IBizTreeGridExControl = index$Q.IBizTreeGridExControl;
+exports.IBizTreeGridControl = index$R.IBizTreeGridControl;
+exports.IBizMEditViewPanelControl = index$S.IBizMEditViewPanelControl;
+exports.IBizMapControl = index$T.IBizMapControl;
+exports.IBizReportPanelControl = index$U.IBizReportPanelControl;
+exports.IBizGanttControl = index$V.IBizGanttControl;
+exports.IBizContextMenuControl = index$W.IBizContextMenuControl;
 exports.useAppGridBase = gridControl_util.useAppGridBase;
 exports.useAppGridPagination = gridControl_util.useAppGridPagination;
 exports.useGridDraggable = gridControl_util.useGridDraggable;
@@ -115,48 +116,49 @@ exports.IBizGridFieldColumn = index$3.IBizGridFieldColumn;
 exports.IBizGridUAColumn = index$4.IBizGridUAColumn;
 exports.IBizGridFieldEditColumn = index$5.IBizGridFieldEditColumn;
 exports.IBizGridGroupColumn = index$6.IBizGridGroupColumn;
-exports.IBizSearchFormControl = index$8.IBizSearchFormControl;
-exports.IBizFormGroupPanel = index$9.IBizFormGroupPanel;
+exports.IBizDynamicGridFieldEditColumn = index$7.IBizDynamicGridFieldEditColumn;
+exports.IBizSearchFormControl = index$9.IBizSearchFormControl;
+exports.IBizFormGroupPanel = index$a.IBizFormGroupPanel;
 exports.IBizFormItemContainer = formItemContainer.IBizFormItemContainer;
-exports.IBizFormItem = index$a.IBizFormItem;
+exports.IBizFormItem = index$b.IBizFormItem;
 exports.IBizFormPageItem = formPage_item.IBizFormPageItem;
-exports.IBizFormPage = index$b.IBizFormPage;
-exports.IBizFormButton = index$c.IBizFormButton;
-exports.IBizFormDRUIPart = index$d.IBizFormDRUIPart;
-exports.IBizFormMDCtrl = index$e.IBizFormMDCtrl;
-exports.IBizFormRawItem = index$f.IBizFormRawItem;
-exports.IBizFormTabPanel = index$g.IBizFormTabPanel;
-exports.IBizFormTabPage = index$h.IBizFormTabPage;
-exports.IBizFormButtonList = index$i.IBizFormButtonList;
-exports.IBizEditFormControl = index$j.IBizEditFormControl;
-exports.IBizFormControl = index$k.IBizFormControl;
+exports.IBizFormPage = index$c.IBizFormPage;
+exports.IBizFormButton = index$d.IBizFormButton;
+exports.IBizFormDRUIPart = index$e.IBizFormDRUIPart;
+exports.IBizFormMDCtrl = index$f.IBizFormMDCtrl;
+exports.IBizFormRawItem = index$g.IBizFormRawItem;
+exports.IBizFormTabPanel = index$h.IBizFormTabPanel;
+exports.IBizFormTabPage = index$i.IBizFormTabPage;
+exports.IBizFormButtonList = index$j.IBizFormButtonList;
+exports.IBizEditFormControl = index$k.IBizEditFormControl;
+exports.IBizFormControl = index$l.IBizFormControl;
 exports.DataViewControlProvider = dataView_provider.DataViewControlProvider;
-exports.IBizTreeExpBarControl = index$r.IBizTreeExpBarControl;
-exports.IBizListExpBarControl = index$s.IBizListExpBarControl;
-exports.IBizGridExpBarControl = index$t.IBizGridExpBarControl;
-exports.IBizDataViewExpBarControl = index$u.IBizDataViewExpBarControl;
-exports.IBizCalendarExpBarControl = index$v.IBizCalendarExpBarControl;
-exports.IBizChartExpBarControl = index$w.IBizChartExpBarControl;
+exports.IBizTreeExpBarControl = index$s.IBizTreeExpBarControl;
+exports.IBizListExpBarControl = index$t.IBizListExpBarControl;
+exports.IBizGridExpBarControl = index$u.IBizGridExpBarControl;
+exports.IBizDataViewExpBarControl = index$v.IBizDataViewExpBarControl;
+exports.IBizCalendarExpBarControl = index$w.IBizCalendarExpBarControl;
+exports.IBizChartExpBarControl = index$x.IBizChartExpBarControl;
 exports.DRBarController = drbar_controller.DRBarController;
 exports.DRTabController = drtab_controller.DRTabController;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
-exports.IBizContainerPortlet = index$D.IBizContainerPortlet;
+exports.IBizContainerPortlet = index$E.IBizContainerPortlet;
 exports.PortletLayout = portletLayout.PortletLayout;
 exports.ViewPortlet = viewPortlet.ViewPortlet;
-exports.IBizViewPortlet = index$E.IBizViewPortlet;
+exports.IBizViewPortlet = index$F.IBizViewPortlet;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
-exports.IBizMenuPortlet = index$F.IBizMenuPortlet;
+exports.IBizMenuPortlet = index$G.IBizMenuPortlet;
 exports.ChartPortlet = chartPortlet.ChartPortlet;
-exports.IBizChartPortlet = index$G.IBizChartPortlet;
+exports.IBizChartPortlet = index$H.IBizChartPortlet;
 exports.RawItemPortlet = rawitemPortlet.RawItemPortlet;
-exports.IBizRawItemPortlet = index$H.IBizRawItemPortlet;
+exports.IBizRawItemPortlet = index$I.IBizRawItemPortlet;
 exports.ListPortlet = listPortlet.ListPortlet;
-exports.IBizListPortlet = index$I.IBizListPortlet;
+exports.IBizListPortlet = index$J.IBizListPortlet;
 exports.HtmlPortlet = htmlPortlet.HtmlPortlet;
-exports.IBizHtmlPortlet = index$J.IBizHtmlPortlet;
+exports.IBizHtmlPortlet = index$K.IBizHtmlPortlet;
 exports.ActionBarPortlet = actionbarPortlet.ActionBarPortlet;
-exports.IBizActionBarPortlet = index$K.IBizActionBarPortlet;
+exports.IBizActionBarPortlet = index$L.IBizActionBarPortlet;
 exports.ReportPortlet = reportPortlet.ReportPortlet;
-exports.IBizReportPortlet = index$L.IBizReportPortlet;
+exports.IBizReportPortlet = index$M.IBizReportPortlet;
 exports.FilterPortlet = filterPortlet.FilterPortlet;
-exports.IBizFilterPortlet = index$M.IBizFilterPortlet;
+exports.IBizFilterPortlet = index$N.IBizFilterPortlet;

package/lib/control/kanban/kanban.cjs

@@ -237,10 +237,20 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
       if (!c.state.isLoaded) {
         return;
       }
+      const noDataSlots = {};
+      if (vue3Util.hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => vue.createVNode(vue3Util.IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
+      }
       return vue.createVNode(vue.resolveComponent("iBizNoData"), {
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
+      });
     };
     let cacheInfo = null;
     const onChange = (evt, groupKey) => {
@@ -305,7 +315,9 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
         "trigger": "click",
         "teleported": false
       }, {
-        default: () => vue.createVNode("span", null, [vue.createTextVNode("\xB7\xB7\xB7")]),
+        default: () => vue.createVNode("span", {
+          "title": ibiz.i18n.t("app.more")
+        }, [vue.createTextVNode("\xB7\xB7\xB7")]),
         dropdown: () => vue.createVNode("div", {
           "class": ns.be("group", "actions-dropdown")
         }, [c.model.groupUIActionGroup && group.groupActionGroupState && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {

package/lib/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/lib/control/list/list.cjs

@@ -202,9 +202,6 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       isCollapse.value = true;
       scrollToTop();
     };
-    const onShowNavView = () => {
-      c.state.showNavView = !c.state.showNavView;
-    };
     const onExpandData = () => {
       isCollapse.value = false;
     };
@@ -310,20 +307,29 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       }, null)]);
     };
     const renderNoData = () => {
-      let _slot;
       const {
         isLoaded
       } = c.state;
       if (!isLoaded) {
         return;
       }
+      const noDataSlots = {
+        default: () => renderQuickToolBar()
+      };
+      if (vue3Util.hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => vue.createVNode(vue3Util.IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
+      }
       return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
         "class": ns.b("content"),
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes,
         "hideNoDataImage": c.state.hideNoDataImage
-      }, _isSlot(_slot = renderQuickToolBar()) ? _slot : {
-        default: () => [_slot]
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
       });
     };
     const renderCollapseExpandIcon = () => {
@@ -353,7 +359,6 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       infiniteScroll,
-      onShowNavView,
       renderListContent,
       renderNoData,
       renderBatchToolBar,
@@ -384,16 +389,16 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
         "controller": this.c
       }, {
-        default: () => [content, this.c.state.enableNavView ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
+        default: () => [content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",
-          "onClick": this.onShowNavView
+          "onClick": () => this.c.onShowNavViewChange()
         }, null) : vue.createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
           "name": "eye-off-outline",
-          "onClick": this.onShowNavView
+          "onClick": () => this.c.onShowNavViewChange()
         }, null) : null, this.renderCollapseExpandIcon()]
       })]
     });