aio-table 6.0.1 → 6.1.2

package/index.css

@@ -22,7 +22,7 @@
     overflow:hidden;
 }
 .aio-table-unit{
-    display: grid;
+    display: grid; 
     width:100%;
     overflow:auto;
     align-content: flex-start;

package/index.js

@@ -1602,22 +1602,36 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
           minWidth = _column$minWidth === void 0 ? '30px' : _column$minWidth;
       var _this$context14 = this.context,
           rowHeight = _this$context14.rowHeight,
-          striped = _this$context14.striped;
+          striped = _this$context14.striped,
+          _this$context14$getCe = _this$context14.getCellStyle,
+          getCellStyle = _this$context14$getCe === void 0 ? function () {
+        return {};
+      } : _this$context14$getCe;
       var style = {
         height: rowHeight,
         overflow: template ? undefined : 'hidden',
         minWidth: minWidth
       };
 
-      if (typeof striped === 'string' && row._index % 2 === 0) {
-        style.background = striped;
+      if (row._index % 2 === 0) {
+        if (typeof striped === 'string') {
+          style.background = striped;
+        }
+
+        if (Array.isArray(striped)) {
+          style.background = striped[0];
+          style.color = striped[1];
+        }
       }
 
       if (column.template === 'gantt') {
         style.padding = "0 ".concat(padding);
       }
 
-      return style;
+      var cellStyle = getCellStyle(row, column);
+      return { ...style,
+        ...cellStyle
+      };
     }
   }, {
     key: "getClassName",
@@ -1708,7 +1722,7 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
         content = fn.getOptionsCell(template);
       } else if (template === 'gantt') {
         content = fn.getGanttCell(row, column);
-      } else if (template && column.inlineEdit) {
+      } else if (template && this.inlineEdit) {
         if (!focused) {
           content = template;
         } else {
@@ -1716,7 +1730,7 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
         }
       } else if (template) {
         content = template;
-      } else if (column.inlineEdit) {
+      } else if (this.inlineEdit) {
         content = this.getInput(row, column);
       } else if (column.getValue) {
         content = value;
@@ -1747,26 +1761,33 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
     value: function getInput(row, column) {
       var _this17 = this;
 
-      var _column$inlineEdit = column.inlineEdit,
-          type = _column$inlineEdit.type,
-          getValue = _column$inlineEdit.getValue;
+      var _this$inlineEdit = this.inlineEdit,
+          type = _this$inlineEdit.type,
+          getValue = _this$inlineEdit.getValue,
+          _this$inlineEdit$disa = _this$inlineEdit.disabled,
+          disabled = _this$inlineEdit$disa === void 0 ? function () {
+        return false;
+      } : _this$inlineEdit$disa;
       var renderIndex = this.props.renderIndex;
       var value = this.state.value;
-      var _column$inlineEdit$di = column.inlineEdit.disabled,
-          disabled = _column$inlineEdit$di === void 0 ? function () {
-        return false;
-      } : _column$inlineEdit$di;
 
       if (getValue) {
         value = getValue(row);
       }
 
-      var props = { ...column.inlineEdit,
+      if (disabled(row)) {
+        if (typeof value === 'boolean') {
+          return JSON.stringify(value);
+        }
+
+        return value;
+      }
+
+      var props = { ...this.inlineEdit,
         className: 'aio-table-input',
         rowindex: renderIndex,
         colindex: column._renderIndex,
-        value: value === null || value === undefined ? '' : value,
-        disabled: disabled(row)
+        value: value === null || value === undefined ? '' : value
       };
 
       if (type === 'text' || type === 'number') {
@@ -1790,7 +1811,7 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
               loading: true
             });
 
-            var res = await column.inlineEdit.onChange(row, type === 'number' ? parseFloat(value) : value);
+            var res = await _this17.inlineEdit.onChange(row, type === 'number' ? parseFloat(value) : value);
 
             _this17.setState({
               loading: false
@@ -1812,12 +1833,12 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
       }
 
       if (type === 'select') {
-        if (!column.inlineEdit.options) {
+        if (!this.inlineEdit.options) {
           console.error('aio table => missing options property of column inlineEdit with type="select"');
           return '';
         }
 
-        if (!Array.isArray(column.inlineEdit.options)) {
+        if (!Array.isArray(this.inlineEdit.options)) {
           console.error('aio table => options property of column inlineEdit with type="select" must be an array of objects . each object must have text and value property!!!');
           return '';
         }
@@ -1847,7 +1868,7 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
               value: value
             });
 
-            var res = await column.inlineEdit.onChange(row, value);
+            var res = await _this17.inlineEdit.onChange(row, value);
 
             _this17.setState({
               loading: false
@@ -1863,7 +1884,7 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
               });
             }
           }
-        }), column.inlineEdit.options.map(function (o, i) {
+        }), this.inlineEdit.options.map(function (o, i) {
           return /*#__PURE__*/_react.default.createElement("option", {
             key: i,
             value: o.value
@@ -1879,9 +1900,7 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      var column = this.props.column;
-
-      if (column.inlineEdit && column.inlineEdit.type === 'select' && this.focus) {
+      if (this.inlineEdit && this.inlineEdit.type === 'select' && this.focus) {
         (0, _jquery.default)(this.dom.current).find('.aio-table-input').focus();
       }
     }
@@ -1904,6 +1923,7 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
           value = _this$props15.value,
           cellId = _this$props15.cellId,
           renderIndex = _this$props15.renderIndex;
+      this.inlineEdit = typeof column.inlineEdit === 'function' ? column.inlineEdit(row, column) : column.inlineEdit;
 
       if (this.state.prevValue !== value) {
         setTimeout(function () {
@@ -1979,7 +1999,7 @@ var AIOTableCell = /*#__PURE__*/function (_Component7) {
           return _onDrop2(row);
         },
         onClick: function onClick(e) {
-          if (column.inlineEdit) {
+          if (_this18.inlineEdit) {
             if (focused !== cellId) {
               SetState({
                 focused: cellId

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-table",
-  "version": "6.0.1",
+  "version": "6.1.2",
   "description": "all in one table. tree mode , simple mode , tree mode, gantt mode , groupby mode, freeze mode.",
   "main": "index.js",
   "scripts": {