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

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-spacing-tight);--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/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 { 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-spacing-tight);--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.mjs

@@ -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 { defineComponent, ref, nextTick, computed, createVNode, resolveComponent, h } 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-ua-column/grid-ua-column.css

@@ -1 +1 @@
-.ibiz-grid-ua-column{--ibiz-grid-ua-column-cell-padding:var(--ibiz-spacing-tight);--ibiz-grid-ua-column-btn-bg-color:transparent;--ibiz-grid-ua-column-btn-hover-color:var(--ibiz-color-primary-hover);--ibiz-grid-ua-column-btn-color:var(--ibiz-color-primary);--ibiz-grid-ua-column-font-size:var(--ibiz-font-size-regular);--ibiz-grid-ua-column-font-weight:var(--ibiz-font-weight-regular);display:flex;align-items:center;justify-content:var(--ibiz-grid-column-text-align);width:100%;height:100%;padding:var(--ibiz-grid-ua-column-cell-padding)}.ibiz-grid-ua-column .el-button{font-size:var(--ibiz-grid-ua-column-font-size);font-weight:var(--ibiz-grid-ua-column-font-weight);color:var(--ibiz-grid-ua-column-btn-color);background-color:var(--ibiz-grid-ua-column-btn-bg-color);box-shadow:none}.ibiz-grid-ua-column .el-button:hover{color:var(--ibiz-grid-ua-column-btn-hover-color)}.ibiz-grid-ua-column .el-button.is-text:not(.is-disabled):hover{background-color:var(--ibiz-grid-ua-column-btn-bg-color)}
+.ibiz-grid-ua-column{--ibiz-grid-ua-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-ua-column-btn-bg-color:transparent;--ibiz-grid-ua-column-btn-hover-color:var(--ibiz-color-primary-hover);--ibiz-grid-ua-column-btn-color:var(--ibiz-color-primary);--ibiz-grid-ua-column-font-size:var(--ibiz-font-size-regular);--ibiz-grid-ua-column-font-weight:var(--ibiz-font-weight-regular);display:flex;align-items:center;justify-content:var(--ibiz-grid-column-text-align);width:100%;height:100%;padding:var(--ibiz-grid-ua-column-cell-padding)}.ibiz-grid-ua-column .el-button{font-size:var(--ibiz-grid-ua-column-font-size);font-weight:var(--ibiz-grid-ua-column-font-weight);color:var(--ibiz-grid-ua-column-btn-color);background-color:var(--ibiz-grid-ua-column-btn-bg-color);box-shadow:none}.ibiz-grid-ua-column .el-button:hover{color:var(--ibiz-grid-ua-column-btn-hover-color)}.ibiz-grid-ua-column .el-button.is-text:not(.is-disabled):hover{background-color:var(--ibiz-grid-ua-column-btn-bg-color)}

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/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/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 { 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/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{--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);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}.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);display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__nav-icon{right:10px;top:18px;cursor:pointer;position:absolute;color:var(--ibiz-color-primary)}.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{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%}

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;

package/es/control/list/list.mjs

@@ -1,5 +1,5 @@
 import { isVNode, defineComponent, computed, ref, watch, createVNode, resolveComponent, withDirectives, resolveDirective } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { isNil } from 'lodash-es';
 import { createUUID } from 'qx-util';
 import { ListController, ControlVO } from '@ibiz-template/runtime';
@@ -200,9 +200,6 @@ const ListControl = /* @__PURE__ */ defineComponent({
       isCollapse.value = true;
       scrollToTop();
     };
-    const onShowNavView = () => {
-      c.state.showNavView = !c.state.showNavView;
-    };
     const onExpandData = () => {
       isCollapse.value = false;
     };
@@ -235,8 +232,15 @@ const ListControl = /* @__PURE__ */ defineComponent({
         "ref": "infiniteScroll",
         "key": infiniteScrollKey.value
       }, [tempItems.map((item) => {
+        const cardStyle = ns.cssVarBlock({
+          "item-bg-color": "".concat(item.bgcolor || ""),
+          "text-color": "".concat(item.fontcolor || ""),
+          "hover-bg-color": "".concat(item.hovercolor || ""),
+          "active-bg-color": "".concat(item.activecolor || "")
+        });
         return createVNode("div", {
-          "class": [ns.b("scroll-item")]
+          "class": [ns.b("scroll-item")],
+          "style": cardStyle
         }, [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
       })]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };
@@ -301,20 +305,29 @@ const ListControl = /* @__PURE__ */ defineComponent({
       }, null)]);
     };
     const renderNoData = () => {
-      let _slot;
       const {
         isLoaded
       } = c.state;
       if (!isLoaded) {
         return;
       }
+      const noDataSlots = {
+        default: () => renderQuickToolBar()
+      };
+      if (hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => createVNode(IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
+      }
       return isLoaded && createVNode(resolveComponent("iBizNoData"), {
         "class": ns.b("content"),
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes,
-        "enableShowImage": c.state.hideNoDataImage
-      }, _isSlot(_slot = renderQuickToolBar()) ? _slot : {
-        default: () => [_slot]
+        "hideNoDataImage": c.state.hideNoDataImage
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
       });
     };
     const renderCollapseExpandIcon = () => {
@@ -344,7 +357,6 @@ const ListControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       infiniteScroll,
-      onShowNavView,
       renderListContent,
       renderNoData,
       renderBatchToolBar,
@@ -375,16 +387,16 @@ const ListControl = /* @__PURE__ */ defineComponent({
         "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
         "controller": this.c
       }, {
-        default: () => [content, this.c.state.enableNavView ? !this.c.state.showNavView ? createVNode("ion-icon", {
+        default: () => [content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? 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) : 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()]
       })]
     });

package/es/control/map/map.d.ts

@@ -49,6 +49,7 @@ declare const MapControl: import("vue").DefineComponent<{
         jsonBaseUrl: string;
         defaultAreaCode: string | number;
     }>>;
+    mapStyle: string | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<ISysMap>;

package/es/control/map/map.mjs

@@ -39,6 +39,7 @@ const MapControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new MapController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const mapRef = ref();
+    const mapStyle = c.model.mapStyle;
     const mapOpts = computed(() => {
       return {
         strAreaCode: c.state.strAreaCode,
@@ -50,17 +51,27 @@ const MapControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       mapRef,
-      mapOpts
+      mapOpts,
+      mapStyle
     };
   },
   render() {
     const {
       state
     } = this.c;
+    if (!state.isLoaded) {
+      return;
+    }
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
-      default: () => [state.isLoaded && createVNode(resolveComponent("iBizMapChart"), {
+      default: () => [this.mapStyle === "USER" ? createVNode(resolveComponent("iBizMapChartUser"), {
+        "areaData": state.areaData,
+        "pointData": state.pointData,
+        "options": this.mapOpts,
+        "class": this.ns.e("map"),
+        "controller": this.c
+      }, null) : createVNode(resolveComponent("iBizMapChart"), {
         "areaData": state.areaData,
         "pointData": state.pointData,
         "options": this.mapOpts,

package/es/control/search-bar/filter-tree/filter-tree.mjs

@@ -428,6 +428,8 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     renderFilterItems = (node) => {
       let _slot2;
       const itemsC = findFilterController(node);
+      if (!itemsC)
+        return;
       if (node.simple) {
         let _slot;
         const child = node.children[0];
@@ -435,6 +437,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
           return;
         }
         return [createVNode(resolveComponent("el-select"), {
+          "disabled": child.disabled,
           "model-value": itemsC.key,
           "teleported": false,
           "class": ns.e("field-select"),