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

package/lib/control/form/form-detail/form-item/form-item.cjs

@@ -32,8 +32,8 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
     var _a, _b, _c, _d;
     const ns = vue3Util.useNamespace("form-item");
     const c = props.controller;
-    const onValueChange = (val, name) => {
-      props.controller.setDataValue(val, name);
+    const onValueChange = (val, name, ignore = false) => {
+      props.controller.setDataValue(val, name, ignore);
     };
     const extraParams = vue.ref({});
     let emptyHiddenUnit = ibiz.config.form.emptyHiddenUnit;
@@ -120,6 +120,7 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
       "required": this.c.state.required,
       "error": this.c.state.error,
       "label": this.c.labelCaption,
+      "labelSysImg": this.modelData.sysImage,
       "labelClass": this.controller.labelClass,
       "label-pos": this.c.model.labelPos,
       "label-width": this.c.model.labelWidth,

package/lib/control/form/form-detail/form-tab-panel/form-tab-panel.cjs

@@ -80,7 +80,7 @@ const FormTabPanel = /* @__PURE__ */ vue.defineComponent({
       }, null), c.model.showCaption && c.model.caption]);
     };
     return vue.createVNode(vue.resolveComponent("el-tabs"), {
-      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.modelData.detailStyle ? this.ns.m(this.modelData.detailStyle.toLowerCase()) : "", ...this.controller.containerClass],
       "model-value": this.controller.state.activeTab,
       "onTabClick": this.onTabClick
     }, _isSlot(_slot2 = defaultSlots.map((slot) => {

package/lib/control/gantt/gantt.cjs

@@ -9,6 +9,9 @@ var elTreeUtil = require('../tree/el-tree-util.cjs');
 require('./gantt.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const GanttControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizGanttControl",
   props: {
@@ -322,10 +325,20 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       const {
         isLoaded
       } = c.state;
+      const noDataSlots = {};
+      if (vue3Util.hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => vue.createVNode(vue3Util.IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
+      }
       return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
+      });
     };
     const renderColumn = (model, index) => {
       const {

package/lib/control/grid/grid/grid-control.util.cjs

@@ -4,6 +4,8 @@ var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 var lodashEs = require('lodash-es');
 var vue = require('vue');
+require('../../../util/index.cjs');
+var keydownUtil = require('../../../util/keydown-util/keydown-util.cjs');
 
 "use strict";
 function sortMergeData(rowSpanKeys, items) {
@@ -33,6 +35,8 @@ function useITableEvent(c) {
   let isCtrlDown = false;
   let cleanKeyDown = core.NOOP;
   let cleanKeyUp = core.NOOP;
+  let cleanClick = core.NOOP;
+  let cleanEnter = core.NOOP;
   cleanKeyDown = core.listenJSEvent(window, "keydown", (e) => {
     if (e.code === "ControlLeft" && !c.state.singleSelect) {
       isCtrlDown = true;
@@ -43,6 +47,46 @@ function useITableEvent(c) {
       isCtrlDown = false;
     }
   });
+  if (c.state.isAutoGrid) {
+    if (c.editShowMode === "row") {
+      cleanClick = core.listenJSEvent(window, "click", async (event) => {
+        const classList = [];
+        core.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 } = keydownUtil.useFocusByEnter(tableEl, querySelect, callback);
+        cleanEnter = cleanup;
+      }
+    }, 300);
+  }
   c.evt.on("onToggleRowExpansion", (event) => {
     const { row, expand } = event;
     if (tableRef.value) {
@@ -58,7 +102,41 @@ function useITableEvent(c) {
       }
     }
   });
+  async function onRowClickDynamic(data, _column, _event) {
+    if (data.srfuf === runtime.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 === runtime.Srfuf.CREATE) {
       return;
     }
@@ -228,7 +306,9 @@ function useITableEvent(c) {
     handleRowClassName,
     handleHeaderCellClassName,
     cleanKeyDown,
-    cleanKeyUp
+    cleanKeyUp,
+    cleanClick,
+    cleanEnter
   };
 }
 function useAppGridPagination(c) {

package/lib/control/grid/grid/grid.cjs

@@ -5,6 +5,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 var core = require('@ibiz-template/core');
 var qxUtil = require('qx-util');
+var ramda = require('ramda');
 var gridControl_util = require('./grid-control.util.cjs');
 var useRowEditPopover = require('../row-edit-popover/use-row-edit-popover.cjs');
 require('../../../util/index.cjs');
@@ -27,8 +28,108 @@ function renderAttrs(model, params) {
   });
   return attrs;
 }
+function renderFieldColumn(c, row) {
+  var _a, _b;
+  const ns = vue3Util.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 = vue.createVNode(vue.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 = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+      "data": row.data,
+      "modelData": panel,
+      "context": c.context,
+      "params": c.params
+    }, null);
+  } else {
+    const showValue = c.formatValue(fieldValue);
+    const tooltip = vue.computed(() => {
+      if (c.grid.overflowMode === "ellipsis" && ramda.isNotNil(fieldValue) && fieldValue !== "") {
+        return showValue + (c.model.unitName || "");
+      }
+      return void 0;
+    });
+    const hiddenEmpty = vue.computed(() => {
+      if (fieldValue) {
+        if (c.grid.emptyHiddenUnit) {
+          if (showValue) {
+            return true;
+          }
+          return false;
+        }
+        return true;
+      }
+      return false;
+    });
+    const percent = vue.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 = vue.createVNode("span", {
+      "class": ns.e("text"),
+      "title": core.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 vue.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 ? [vue.createVNode("div", {
+    "class": ns.b("text-container")
+  }, [content]), vue.createVNode("div", {
+    "class": ns.b("toolbar-container")
+  }, [actionToolbar])] : content]);
+}
 function renderColumn(c, model, renderColumns, index) {
-  var _a;
+  var _a, _b;
   const {
     codeName: columnName,
     width
@@ -39,6 +140,7 @@ function renderColumn(c, model, renderColumns, index) {
   const widthName = widthFlexGrow ? "min-width" : "width";
   const tempWidth = (columnState == null ? void 0 : columnState.columnWidth) || width;
   return vue.createVNode(vue.resolveComponent("el-table-column"), vue.mergeProps({
+    "className": (_a = model.columnType) == null ? void 0 : _a.toLowerCase(),
     "label": model.caption,
     "prop": columnName
   }, {
@@ -46,7 +148,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
@@ -57,6 +159,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 = vue.resolveComponent(c.providers[columnName].component);
         return vue.h(comp, {
           controller: columnC,
@@ -168,7 +275,9 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       handleRowClassName,
       handleHeaderCellClassName,
       cleanKeyDown = core.NOOP,
-      cleanKeyUp = core.NOOP
+      cleanKeyUp = core.NOOP,
+      cleanClick = core.NOOP,
+      cleanEnter = core.NOOP
     } = gridControl_util.useITableEvent(c);
     const {
       onPageChange,
@@ -196,11 +305,21 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
             "class": ns.b("quick-toolbar")
           }, null);
         }
+        const noDataSlots = {};
+        if (vue3Util.hasEmptyPanelRenderer(c)) {
+          Object.assign(noDataSlots, {
+            customRender: () => vue.createVNode(vue3Util.IBizCustomRender, {
+              "controller": c
+            }, null)
+          });
+        }
         return vue.createVNode(vue.resolveComponent("iBizNoData"), {
           "text": c.model.emptyText,
           "emptyTextLanguageRes": c.model.emptyTextLanguageRes,
           "hideNoDataImage": c.state.hideNoDataImage
-        }, null);
+        }, _isSlot(noDataSlots) ? noDataSlots : {
+          default: () => [noDataSlots]
+        });
       }
       return vue.createVNode("div", null, null);
     };
@@ -289,6 +408,12 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       if (cleanKeyUp !== core.NOOP) {
         cleanKeyUp();
       }
+      if (cleanClick !== core.NOOP) {
+        cleanClick();
+      }
+      if (cleanEnter !== core.NOOP) {
+        cleanEnter();
+      }
     });
     const isLodeMoreDisabled = vue.computed(() => {
       if (c.model.pagingMode !== 2) {
@@ -350,7 +475,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       "controller": this.c
     }, {
       default: () => [vue.createVNode(vue.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
       }, {
@@ -404,7 +529,15 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
               "onClick": () => this.c.loadMore()
             }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
               default: () => [_slot]
-            })]), this.renderPopover()];
+            })]), this.c.state.isAutoGrid ? vue.createVNode(vue.resolveComponent("el-button"), {
+              "type": "info",
+              "class": this.ns.e("add"),
+              "onClick": () => this.c.newRow()
+            }, {
+              default: () => [vue.createVNode("ion-icon", {
+                "name": "add-outline"
+              }, null), ibiz.i18n.t("app.add")]
+            }) : this.renderPopover()];
           }
         }), this.c.state.enablePagingBar && vue.createVNode(vue.resolveComponent("iBizPagination"), {
           "total": state.total,
@@ -429,3 +562,4 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
 exports.GridControl = GridControl;
 exports.renderChildColumn = renderChildColumn;
 exports.renderColumn = renderColumn;
+exports.renderFieldColumn = renderFieldColumn;

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

@@ -13,6 +13,7 @@ var index = require('../grid-column/grid-field-column/index.cjs');
 var index$1 = require('../grid-column/grid-ua-column/index.cjs');
 var index$2 = require('../grid-column/grid-field-edit-column/index.cjs');
 var index$3 = require('../grid-column/grid-group-column/index.cjs');
+var index$4 = require('../grid-column/auto-grid-field-edit-column/index.cjs');
 
 "use strict";
 const IBizGridControl = vue3Util.withInstall(grid.GridControl, (v) => {
@@ -22,6 +23,7 @@ const IBizGridControl = vue3Util.withInstall(grid.GridControl, (v) => {
   v.use(index$1.IBizGridUAColumn);
   v.use(index$2.IBizGridFieldEditColumn);
   v.use(index$3.IBizGridGroupColumn);
+  v.use(index$4.IBizDynamicGridFieldEditColumn);
   runtime.registerControlProvider(runtime.ControlType.GRID, () => new grid_provider.GridProvider());
 });
 

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

@@ -0,0 +1,107 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var ramda = require('ramda');
+var core = require('@ibiz-template/core');
+var rowEdit = require('./row-edit.cjs');
+var allEdit = require('../grid-field-edit-column/all-edit.cjs');
+
+"use strict";
+const AutoGridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAutoGridFieldEditColumn",
+  props: {
+    controller: {
+      type: runtime.GridFieldEditColumnController,
+      required: true
+    },
+    row: {
+      type: runtime.GridRowState,
+      required: true
+    },
+    attrs: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("grid-field-edit-column");
+    const componentRef = vue.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 rowEdit.useRowEdit(props, componentRef);
+        case "all":
+          return allEdit.useAllEdit(props, componentRef);
+        default:
+          throw new core.RuntimeError(ibiz.i18n.t("control.common.noSupportItem", {
+            name: c.grid.editShowMode
+          }));
+      }
+    };
+    const {
+      gridEditItemProps,
+      editorProps
+    } = useByShowMode();
+    const infoText = vue.ref(void 0);
+    const onInfoTextChange = (text) => {
+      infoText.value = text;
+    };
+    const tooltip = vue.computed(() => {
+      if (!editorProps.readonly) {
+        return void 0;
+      }
+      if (ramda.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 vue.createVNode(vue.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 && vue.h(vue.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
+      })]
+    });
+  }
+});
+
+exports.AutoGridFieldEditColumn = AutoGridFieldEditColumn;
+exports.default = AutoGridFieldEditColumn;

package/lib/control/grid/grid-column/auto-grid-field-edit-column/auto-grid-field-edit-column.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@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 runtime.GridFieldEditColumnController(columnModel, grid);
+    await c.init();
+    return c;
+  }
+}
+
+exports.AutoGridFieldEditColumnProvider = AutoGridFieldEditColumnProvider;

package/lib/control/grid/grid-column/auto-grid-field-edit-column/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var autoGridFieldEditColumn = require('./auto-grid-field-edit-column.cjs');
+var autoGridFieldEditColumn_provider = require('./auto-grid-field-edit-column.provider.cjs');
+
+"use strict";
+const IBizDynamicGridFieldEditColumn = vue3Util.withInstall(
+  autoGridFieldEditColumn.AutoGridFieldEditColumn,
+  function(v) {
+    v.component(autoGridFieldEditColumn.AutoGridFieldEditColumn.name, autoGridFieldEditColumn.AutoGridFieldEditColumn);
+    runtime.registerGridColumnProvider(
+      "AUTO_DEFGRIDCOLUMN_EDIT",
+      () => new autoGridFieldEditColumn_provider.AutoGridFieldEditColumnProvider()
+    );
+  }
+);
+
+exports.IBizDynamicGridFieldEditColumn = IBizDynamicGridFieldEditColumn;
+exports.default = IBizDynamicGridFieldEditColumn;

package/lib/control/grid/grid-column/auto-grid-field-edit-column/row-edit.cjs

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