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

package/es/control/grid/grid/grid-control.util.mjs

@@ -1,7 +1,9 @@
-import { NOOP, listenJSEvent } from '@ibiz-template/core';
+import { NOOP, listenJSEvent, eventPath } from '@ibiz-template/core';
 import { Srfuf, GridRowState, ControlVO } from '@ibiz-template/runtime';
 import { orderBy, chunk } from 'lodash-es';
 import { ref, watch, nextTick, computed, watchEffect, onUnmounted } from 'vue';
+import '../../../util/index.mjs';
+import { useFocusByEnter } from '../../../util/keydown-util/keydown-util.mjs';
 
 "use strict";
 function sortMergeData(rowSpanKeys, items) {
@@ -31,6 +33,8 @@ function useITableEvent(c) {
   let isCtrlDown = false;
   let cleanKeyDown = NOOP;
   let cleanKeyUp = NOOP;
+  let cleanClick = NOOP;
+  let cleanEnter = NOOP;
   cleanKeyDown = listenJSEvent(window, "keydown", (e) => {
     if (e.code === "ControlLeft" && !c.state.singleSelect) {
       isCtrlDown = true;
@@ -41,6 +45,46 @@ function useITableEvent(c) {
       isCtrlDown = false;
     }
   });
+  if (c.state.isAutoGrid) {
+    if (c.editShowMode === "row") {
+      cleanClick = listenJSEvent(window, "click", async (event) => {
+        const classList = [];
+        eventPath(event).forEach((e) => {
+          if (e && e.classList) {
+            classList.push(...e.classList);
+          }
+        });
+        if (classList.includes("el-popper") || classList.includes("el-scrollbar") || classList.includes("el-table__row"))
+          return;
+        const editingRow = c.state.rows.find((item) => item.showRowEdit);
+        if (editingRow) {
+          await c.switchRowEdit(editingRow);
+        }
+      });
+    }
+    const timer = setInterval(() => {
+      var _a;
+      const tableEl = (_a = tableRef.value) == null ? void 0 : _a.$el;
+      if (tableEl) {
+        clearInterval(timer);
+        const querySelect = [
+          "tbody select",
+          "tbody textarea",
+          'tbody input:not([type="checkbox"])'
+        ];
+        const callback = async () => {
+          if (c.editShowMode === "row") {
+            const editingRow = c.state.rows.find((item) => item.showRowEdit);
+            if (editingRow) {
+              await c.switchRowEdit(editingRow);
+            }
+          }
+        };
+        const { cleanup } = useFocusByEnter(tableEl, querySelect, callback);
+        cleanEnter = cleanup;
+      }
+    }, 300);
+  }
   c.evt.on("onToggleRowExpansion", (event) => {
     const { row, expand } = event;
     if (tableRef.value) {
@@ -56,7 +100,41 @@ function useITableEvent(c) {
       }
     }
   });
+  async function onRowClickDynamic(data, _column, _event) {
+    if (data.srfuf === Srfuf.CREATE) {
+      if (c.editShowMode === "row") {
+        const row = c.findRowState(data);
+        if (row) {
+          await c.switchRowEdit(row);
+        }
+      }
+      return;
+    }
+    if (isCtrlDown) {
+      const selection = [...c.state.selectedData];
+      const index = selection.findIndex((x) => x.srfkey === data.srfkey);
+      if (index !== -1) {
+        selection.splice(index, 1);
+        c.setSelection(selection);
+      } else {
+        c.setSelection([...selection, data]);
+      }
+      return;
+    }
+    if (c.editShowMode === "row" && c.allowRowEdit) {
+      const row = c.findRowState(data);
+      if (row) {
+        await c.switchRowEdit(row);
+      }
+    } else {
+      c.onRowClick(data);
+    }
+  }
   async function onRowClick(data, _column, _event) {
+    if (c.state.isAutoGrid) {
+      await onRowClickDynamic(data, _column, _event);
+      return;
+    }
     if (data.srfuf === Srfuf.CREATE) {
       return;
     }
@@ -226,7 +304,9 @@ function useITableEvent(c) {
     handleRowClassName,
     handleHeaderCellClassName,
     cleanKeyDown,
-    cleanKeyUp
+    cleanKeyUp,
+    cleanClick,
+    cleanEnter
   };
 }
 function useAppGridPagination(c) {

package/es/control/grid/grid/grid.css

@@ -1 +1 @@
-.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-scrollbar-width:4px;--ibiz-control-grid-scrollbar-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-scrollbar-bg-hover-opacity:0.5;--ibiz-control-grid-scrollbar-bg-hover-color:var(--ibiz-color-fill-2);--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-min-height:54px;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before{bottom:0}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);min-height:var(--ibiz-control-grid-header-min-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__header-wrapper .el-table-fixed-column--left .cell,.ibiz-control-grid__table .el-table__header-wrapper .el-table-fixed-column--right .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__table .el-scrollbar__bar.is-horizontal{height:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__bar.is-vertical{width:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__thumb{background-color:var(--ibiz-control-grid-scrollbar-bg-color)}.ibiz-control-grid__table .el-scrollbar__thumb:hover{background-color:var(--ibiz-control-grid-scrollbar-bg-hover-color);opacity:var(--ibiz-control-grid-scrollbar-bg-hover-opacity)}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}
+.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-scrollbar-width:4px;--ibiz-control-grid-scrollbar-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-scrollbar-bg-hover-opacity:0.5;--ibiz-control-grid-scrollbar-bg-hover-color:var(--ibiz-color-fill-2);--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-min-height:54px;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,.ibiz-control-grid .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before{bottom:0}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid.is-dynamic-grid .el-table__empty-block{height:calc(100% - 48px)!important;min-height:248px}.ibiz-control-grid__add{width:calc(100% - var(--ibiz-spacing-extra-tight));margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary);background-color:transparent;border:1px dashed var(--ibiz-color-border)}.ibiz-control-grid__add ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-grid__add:focus{color:var(--ibiz-color-primary-hover);background-color:transparent;border:1px dashed var(--ibiz-color-primary-hover)}.ibiz-control-grid__add:hover{color:var(--ibiz-color-primary-hover);background-color:transparent;border:1px dashed var(--ibiz-color-primary-hover)}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td.uagridcolumn{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td:not(.uagridcolumn){background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);min-height:var(--ibiz-control-grid-header-min-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__header-wrapper .el-table-fixed-column--left .cell,.ibiz-control-grid__table .el-table__header-wrapper .el-table-fixed-column--right .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__table .el-scrollbar__bar.is-horizontal{height:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__bar.is-vertical{width:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__thumb{background-color:var(--ibiz-control-grid-scrollbar-bg-color)}.ibiz-control-grid__table .el-scrollbar__thumb:hover{background-color:var(--ibiz-control-grid-scrollbar-bg-hover-color);opacity:var(--ibiz-control-grid-scrollbar-bg-hover-opacity)}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}

package/es/control/grid/grid/grid.d.ts

@@ -1,7 +1,8 @@
 import { PropType, VNode } from 'vue';
 import { IDEGrid, IDEGridColumn } from '@ibiz/model-core';
-import { GridController, IControlProvider } from '@ibiz-template/runtime';
+import { GridController, GridFieldColumnController, GridRowState, IControlProvider } from '@ibiz-template/runtime';
 import './grid.scss';
+export declare function renderFieldColumn(c: GridFieldColumnController, row: GridRowState): JSX.Element;
 export declare function renderColumn(c: GridController, model: IDEGridColumn, renderColumns: IDEGridColumn[], index: number): VNode | null;
 export declare function renderChildColumn(c: GridController, model: IDEGridColumn, renderColumns: IDEGridColumn[], index: number): VNode | null;
 export declare const GridControl: import("vue").DefineComponent<{

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

@@ -1,8 +1,9 @@
-import { isVNode, createVNode, resolveComponent, mergeProps, h, defineComponent, createTextVNode, renderSlot, onUnmounted, computed, ref, watch, withDirectives, resolveDirective } from 'vue';
-import { useControlController, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
+import { isVNode, createVNode, resolveComponent, computed, mergeProps, h, defineComponent, createTextVNode, renderSlot, onUnmounted, ref, watch, withDirectives, resolveDirective } from 'vue';
+import { useNamespace, useControlController, useUIStore, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { ScriptFactory, GridController } from '@ibiz-template/runtime';
-import { NOOP } from '@ibiz-template/core';
+import { showTitle, NOOP } from '@ibiz-template/core';
 import { createUUID } from 'qx-util';
+import { isNotNil } from 'ramda';
 import { useITableEvent, useGridHeaderStyle, useGridDraggable, useAppGridBase } from './grid-control.util.mjs';
 import { useRowEditPopover } from '../row-edit-popover/use-row-edit-popover.mjs';
 import '../../../util/index.mjs';
@@ -25,8 +26,108 @@ function renderAttrs(model, params) {
   });
   return attrs;
 }
+function renderFieldColumn(c, row) {
+  var _a, _b;
+  const ns = useNamespace("grid-field-column");
+  const fieldValue = row.data[c.fieldName];
+  let actionToolbar;
+  if (c.model.deuiactionGroup) {
+    const onActionClick = (detail, event) => {
+      return c.onActionClick(detail, row, event);
+    };
+    const zIndex = c.grid.state.zIndex;
+    actionToolbar = createVNode(resolveComponent("iBizActionToolbar"), {
+      "class": ns.e("toolbar"),
+      "action-details": c.model.deuiactionGroup.uiactionGroupDetails,
+      "actions-state": row.uiActionGroupStates[c.model.codeName],
+      "groupLevelKeys": [50, 100],
+      "actionCallBack": onActionClick,
+      "zIndex": zIndex
+    }, null);
+  } else {
+    actionToolbar = null;
+  }
+  let content = null;
+  const {
+    controlRenders = []
+  } = c.model;
+  const panel = (_a = controlRenders.find((renderItem) => renderItem.renderType === "LAYOUTPANEL")) == null ? void 0 : _a.layoutPanel;
+  if (panel) {
+    content = createVNode(resolveComponent("iBizControlShell"), {
+      "data": row.data,
+      "modelData": panel,
+      "context": c.context,
+      "params": c.params
+    }, null);
+  } else {
+    const showValue = c.formatValue(fieldValue);
+    const tooltip = computed(() => {
+      if (c.grid.overflowMode === "ellipsis" && isNotNil(fieldValue) && fieldValue !== "") {
+        return showValue + (c.model.unitName || "");
+      }
+      return void 0;
+    });
+    const hiddenEmpty = computed(() => {
+      if (fieldValue) {
+        if (c.grid.emptyHiddenUnit) {
+          if (showValue) {
+            return true;
+          }
+          return false;
+        }
+        return true;
+      }
+      return false;
+    });
+    const percent = computed(() => {
+      const {
+        grid,
+        fieldName
+      } = c;
+      if (!grid.percentkeys.includes(fieldName)) {
+        return "";
+      }
+      const percentValue = Number(fieldValue.value);
+      if (!Number.isNaN(percentValue)) {
+        const {
+          totalResult = {}
+        } = grid.state;
+        const total = totalResult[fieldName];
+        if (total && !Number.isNaN(total)) {
+          return ibiz.util.text.format("".concat(percentValue / total), "0.##%");
+        }
+      }
+      return "";
+    });
+    const onTextClick = (event) => {
+      if (c.isLinkColumn) {
+        event.stopPropagation();
+        c.openLinkView(row, event);
+      }
+    };
+    content = createVNode("span", {
+      "class": ns.e("text"),
+      "title": showTitle(tooltip.value),
+      "onClick": onTextClick
+    }, [showValue, hiddenEmpty.value && c.model.unitName, percent.value && "(".concat(percent.value, ")")]);
+  }
+  const onCellClick = (event) => {
+    if (c.hasAction) {
+      event.stopPropagation();
+      c.triggerAction(row, event);
+    }
+  };
+  return createVNode("div", {
+    "class": [ns.b(), c.clickable(row) && ns.m("clickable"), ns.m(c.grid.overflowMode), (_b = c.model.cellSysCss) == null ? void 0 : _b.cssName, ns.is("has-action", !!c.model.deuiactionGroup)],
+    "onClick": onCellClick
+  }, [c.model.deuiactionGroup ? [createVNode("div", {
+    "class": ns.b("text-container")
+  }, [content]), createVNode("div", {
+    "class": ns.b("toolbar-container")
+  }, [actionToolbar])] : content]);
+}
 function renderColumn(c, model, renderColumns, index) {
-  var _a;
+  var _a, _b;
   const {
     codeName: columnName,
     width
@@ -37,6 +138,7 @@ function renderColumn(c, model, renderColumns, index) {
   const widthName = widthFlexGrow ? "min-width" : "width";
   const tempWidth = (columnState == null ? void 0 : columnState.columnWidth) || width;
   return createVNode(resolveComponent("el-table-column"), mergeProps({
+    "className": (_a = model.columnType) == null ? void 0 : _a.toLowerCase(),
     "label": model.caption,
     "prop": columnName
   }, {
@@ -44,7 +146,7 @@ function renderColumn(c, model, renderColumns, index) {
   }, {
     "fixed": columnState.fixed,
     "sortable": model.enableSort ? "custom" : false,
-    "align": ((_a = model.align) == null ? void 0 : _a.toLowerCase()) || "center"
+    "align": ((_b = model.align) == null ? void 0 : _b.toLowerCase()) || "center"
   }), {
     default: ({
       row
@@ -55,6 +157,11 @@ function renderColumn(c, model, renderColumns, index) {
       }
       const rowState = c.findRowState(elRow);
       if (rowState) {
+        if (model.columnType === "DEFGRIDCOLUMN" || model.columnType === "DEFTREEGRIDCOLUMN") {
+          if (c.providers[columnName].component === "IBizGridFieldColumn" && !columnC.isCustomCode && !columnC.codeList) {
+            return renderFieldColumn(columnC, rowState);
+          }
+        }
         const comp = resolveComponent(c.providers[columnName].component);
         return h(comp, {
           controller: columnC,
@@ -166,7 +273,9 @@ const GridControl = /* @__PURE__ */ defineComponent({
       handleRowClassName,
       handleHeaderCellClassName,
       cleanKeyDown = NOOP,
-      cleanKeyUp = NOOP
+      cleanKeyUp = NOOP,
+      cleanClick = NOOP,
+      cleanEnter = NOOP
     } = useITableEvent(c);
     const {
       onPageChange,
@@ -194,11 +303,21 @@ const GridControl = /* @__PURE__ */ defineComponent({
             "class": ns.b("quick-toolbar")
           }, null);
         }
+        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,
           "hideNoDataImage": c.state.hideNoDataImage
-        }, null);
+        }, _isSlot(noDataSlots) ? noDataSlots : {
+          default: () => [noDataSlots]
+        });
       }
       return createVNode("div", null, null);
     };
@@ -287,6 +406,12 @@ const GridControl = /* @__PURE__ */ defineComponent({
       if (cleanKeyUp !== NOOP) {
         cleanKeyUp();
       }
+      if (cleanClick !== NOOP) {
+        cleanClick();
+      }
+      if (cleanEnter !== NOOP) {
+        cleanEnter();
+      }
     });
     const isLodeMoreDisabled = computed(() => {
       if (c.model.pagingMode !== 2) {
@@ -348,7 +473,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
       "controller": this.c
     }, {
       default: () => [createVNode(resolveComponent("iBizControlBase"), {
-        "class": [this.ns.is("show-header", !this.c.state.hideHeader), this.ns.is("enable-page", this.c.state.enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
+        "class": [this.ns.b(), this.ns.is("dynamic-grid", this.c.state.isAutoGrid), this.ns.is("show-header", !this.c.state.hideHeader), this.ns.is("enable-page", this.c.state.enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
         "controller": this.c,
         "style": this.headerCssVars
       }, {
@@ -402,7 +527,15 @@ const GridControl = /* @__PURE__ */ defineComponent({
               "onClick": () => this.c.loadMore()
             }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
               default: () => [_slot]
-            })]), this.renderPopover()];
+            })]), this.c.state.isAutoGrid ? createVNode(resolveComponent("el-button"), {
+              "type": "info",
+              "class": this.ns.e("add"),
+              "onClick": () => this.c.newRow()
+            }, {
+              default: () => [createVNode("ion-icon", {
+                "name": "add-outline"
+              }, null), ibiz.i18n.t("app.add")]
+            }) : this.renderPopover()];
           }
         }), this.c.state.enablePagingBar && createVNode(resolveComponent("iBizPagination"), {
           "total": state.total,
@@ -424,4 +557,4 @@ const GridControl = /* @__PURE__ */ defineComponent({
   }
 });
 
-export { GridControl, renderChildColumn, renderColumn };
+export { GridControl, renderChildColumn, renderColumn, renderFieldColumn };

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

@@ -9,6 +9,7 @@ import { IBizGridFieldColumn } from '../grid-column/grid-field-column/index.mjs'
 import { IBizGridUAColumn } from '../grid-column/grid-ua-column/index.mjs';
 import { IBizGridFieldEditColumn } from '../grid-column/grid-field-edit-column/index.mjs';
 import { IBizGridGroupColumn } from '../grid-column/grid-group-column/index.mjs';
+import { IBizDynamicGridFieldEditColumn } from '../grid-column/auto-grid-field-edit-column/index.mjs';
 
 "use strict";
 const IBizGridControl = withInstall(GridControl, (v) => {
@@ -18,6 +19,7 @@ const IBizGridControl = withInstall(GridControl, (v) => {
   v.use(IBizGridUAColumn);
   v.use(IBizGridFieldEditColumn);
   v.use(IBizGridGroupColumn);
+  v.use(IBizDynamicGridFieldEditColumn);
   registerControlProvider(ControlType.GRID, () => new GridProvider());
 });
 

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

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

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

@@ -0,0 +1,102 @@
+import { defineComponent, ref, computed, createVNode, resolveComponent, h } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { GridFieldEditColumnController, GridRowState } from '@ibiz-template/runtime';
+import { isNil } from 'ramda';
+import { RuntimeError } from '@ibiz-template/core';
+import { useRowEdit } from './row-edit.mjs';
+import { useAllEdit } from '../grid-field-edit-column/all-edit.mjs';
+
+"use strict";
+const AutoGridFieldEditColumn = /* @__PURE__ */ defineComponent({
+  name: "IBizAutoGridFieldEditColumn",
+  props: {
+    controller: {
+      type: GridFieldEditColumnController,
+      required: true
+    },
+    row: {
+      type: GridRowState,
+      required: true
+    },
+    attrs: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("grid-field-edit-column");
+    const componentRef = ref();
+    const c = props.controller;
+    const rowDataChange = async (val, name, ignore = false) => {
+      ibiz.log.debug("".concat(c.fieldName, "\u503C\u53D8\u66F4"), val);
+      await c.setRowValue(props.row, val, name, ignore);
+    };
+    const useByShowMode = () => {
+      switch (c.grid.editShowMode) {
+        case "row":
+          return useRowEdit(props, componentRef);
+        case "all":
+          return useAllEdit(props, componentRef);
+        default:
+          throw new RuntimeError(ibiz.i18n.t("control.common.noSupportItem", {
+            name: c.grid.editShowMode
+          }));
+      }
+    };
+    const {
+      gridEditItemProps,
+      editorProps
+    } = useByShowMode();
+    const infoText = ref(void 0);
+    const onInfoTextChange = (text) => {
+      infoText.value = text;
+    };
+    const tooltip = computed(() => {
+      if (!editorProps.readonly) {
+        return void 0;
+      }
+      if (isNil(infoText.value)) {
+        const val = props.row.data[c.fieldName];
+        return c.formatValue(val);
+      }
+      return infoText.value;
+    });
+    return {
+      c,
+      ns,
+      componentRef,
+      tooltip,
+      rowDataChange,
+      onInfoTextChange,
+      gridEditItemProps,
+      editorProps
+    };
+  },
+  render() {
+    var _a;
+    const val = this.row.data[this.c.fieldName];
+    return createVNode(resolveComponent("iBizGridEditItem"), {
+      ref: "componentRef",
+      required: !this.c.editItem.allowEmpty,
+      error: this.row.errors[this.c.fieldName],
+      overflowMode: this.c.grid.overflowMode,
+      class: [this.ns.b(), this.ns.m("auto"), this.ns.m(this.c.grid.overflowMode), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
+      ...this.gridEditItemProps
+    }, {
+      default: () => [this.c.editorProvider && h(resolveComponent(this.c.editorProvider.gridEditor), {
+        class: this.ns.e("editor"),
+        value: val,
+        data: this.row.data,
+        controller: this.c.editor,
+        overflowMode: this.c.grid.overflowMode,
+        onChange: this.rowDataChange,
+        onInfoTextChange: this.onInfoTextChange,
+        title: this.tooltip,
+        ...this.editorProps,
+        ...this.attrs
+      })]
+    });
+  }
+});
+
+export { AutoGridFieldEditColumn, AutoGridFieldEditColumn as default };

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

@@ -0,0 +1,13 @@
+import { GridController, GridFieldEditColumnController, IGridColumnProvider } from '@ibiz-template/runtime';
+import { IDEGridFieldColumn } from '@ibiz/model-core';
+/**
+ * 自动表格编辑列适配器
+ *
+ * @export
+ * @class AutoGridFieldEditColumnProvider
+ * @implements {IGridColumnProvider}
+ */
+export declare class AutoGridFieldEditColumnProvider implements IGridColumnProvider {
+    component: string;
+    createController(columnModel: IDEGridFieldColumn, grid: GridController): Promise<GridFieldEditColumnController>;
+}

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

@@ -0,0 +1,21 @@
+import { GridFieldEditColumnController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class AutoGridFieldEditColumnProvider {
+  constructor() {
+    __publicField(this, "component", "IBizAutoGridFieldEditColumn");
+  }
+  async createController(columnModel, grid) {
+    const c = new GridFieldEditColumnController(columnModel, grid);
+    await c.init();
+    return c;
+  }
+}
+
+export { AutoGridFieldEditColumnProvider };

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

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

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

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