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

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,
-          "enableShowImage": c.state.hideNoDataImage
-        }, null);
+          "hideNoDataImage": c.state.hideNoDataImage
+        }, _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
       }, {
@@ -384,7 +509,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
             return [this.c.enableRowEditOrder && this.renderDragIconColumn(), !state.singleSelect && vue.createVNode(vue.resolveComponent("el-table-column"), {
               "class-name": this.ns.e("selection"),
               "type": "selection",
-              "width": "55"
+              "width": "55",
+              "align": "center"
             }, null), this.renderColumns.map((model, index) => {
               return this.renderTableColumn(model, index);
             })];
@@ -403,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,
@@ -428,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:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-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:var(--ibiz-control-grid-cell-padding);--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:center}.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;top:0;right:0;z-index:1;position:absolute;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;

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./grid-field-column.css');
 var runtime = require('@ibiz-template/runtime');
 var ramda = require('ramda');
 var core = require('@ibiz-template/core');
+require('./grid-field-column.css');
 
 "use strict";
 const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
@@ -24,13 +24,6 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("grid-field-column");
-    let emptyHiddenUnit = ibiz.config.grid.emptyHiddenUnit;
-    const {
-      emptyhiddenunit
-    } = props.controller.grid.controlParams;
-    if (emptyhiddenunit) {
-      emptyHiddenUnit = Object.is(emptyhiddenunit, "true");
-    }
     const zIndex = props.controller.grid.state.zIndex;
     const onCellClick = (event) => {
       if (props.controller.hasAction) {
@@ -75,7 +68,7 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     });
     const hiddenEmpty = vue.computed(() => {
       if (fieldValue.value) {
-        if (emptyHiddenUnit) {
+        if (props.controller.grid.emptyHiddenUnit) {
           if (formatValue.value) {
             return true;
           }
@@ -96,17 +89,16 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       }
       return void 0;
     });
-    const onActionClick = async (detail, event) => {
-      await props.controller.onActionClick(detail, props.row, event);
+    const onActionClick = (detail, event) => {
+      return props.controller.onActionClick(detail, props.row, event);
     };
     const codeListItems = vue.ref([]);
     if (props.controller.codeList) {
       codeListItems.value = props.controller.codeListItems;
     }
     const fn = (data) => {
-      if (data) {
+      if (data)
         codeListItems.value = data;
-      }
     };
     vue3Util.useCodeListListen(props.controller.model.appCodeListId, props.controller.context.srfappid, fn);
     const findLayoutPanel = () => {
@@ -155,7 +147,7 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       "action-details": c.model.deuiactionGroup.uiactionGroupDetails,
       "actions-state": this.row.uiActionGroupStates[this.controller.model.codeName],
       "groupLevelKeys": [50, 100],
-      "onActionClick": this.onActionClick,
+      "actionCallBack": this.onActionClick,
       "zIndex": this.zIndex
     }, null) : null;
     let content = null;

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

@@ -1 +1 @@
-.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-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/lib/control/grid/grid-column/grid-field-edit-column/all-edit.cjs

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

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

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

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

@@ -69,7 +69,7 @@ const IBizGridEditItem = /* @__PURE__ */ vue.defineComponent({
       "content": this.tooltipContent,
       "disabled": !this.showTooltip,
       "transfer": true,
-      "transfer-class-name": this.ns.e("tooltip-popper"),
+      "popper-class": this.ns.e("tooltip-popper"),
       "placement": "top"
     }, {
       default: () => {

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

@@ -1 +1 @@
-.ibiz-grid-edit-item{--ibiz-grid-edit-item-cell-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-grid-edit-item-cell-padding:var(--ibiz-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}