@clake/react-bootstrap4-window 1.1.7 → 1.1.9

package/lib/CTable.js

@@ -1,6 +1,6 @@
-/* @clake/react-bootstrap4-window v1.1.7 | by Clake
+/* @clake/react-bootstrap4-window v1.1.9 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-12-09T16:37:33+0800
+ * 2024-12-10T09:36:02+0800
  */
 "use strict";
 
@@ -304,6 +304,31 @@ function (_React$Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "deleteRow", function (row_index) {
+      if (row_index < 0 || row_index >= _this.state.data.length) {
+        return;
+      }
+
+      var data = _this.state.data.slice(0);
+
+      data.splice(row_index, 1);
+
+      if (_this.editRows.indexOf(row_index) !== -1) {
+        _this.editRows.splice(_this.editRows.indexOf(row_index), 1);
+      }
+
+      _this.editRows.forEach(function (item, index) {
+        if (item > row_index) {
+          _this.editRows[index] = item - 1;
+        }
+      });
+
+      _this.setState({
+        data: data,
+        dataCount: data.length
+      });
+    });
+
     //全屏查看
     _defineProperty(_assertThisInitialized(_this), "fullHandler", function () {
       if (_this.isFull) {
@@ -387,6 +412,33 @@ function (_React$Component) {
     value: function componentDidMount() {
       this.bindSplit();
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState, snapshot) {
+      var _this2 = this;
+
+      if (this.table_head) {
+        this.table_body.style.width = this.width;
+        var list = this.table_head.querySelectorAll('th');
+        list.forEach(function (item) {
+          if (!item.id) return;
+
+          var td = _this2.table_body.querySelector("#".concat(item.id));
+
+          if (td) {
+            td.style.width = item.style.width;
+          }
+
+          if (_this2.table_total) {
+            var _td = _this2.table_total.querySelector("#".concat(item.id));
+
+            if (_td) {
+              _td.style.width = item.style.width;
+            }
+          }
+        });
+      }
+    }
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
@@ -468,7 +520,7 @@ function (_React$Component) {
   }, {
     key: "initTableWidth",
     value: function initTableWidth() {
-      var _this2 = this;
+      var _this3 = this;
 
       if (this.props.width) {
         var width = 0;
@@ -481,10 +533,10 @@ function (_React$Component) {
             var _matchs = item.props.width.match(reg);
 
             width += parseInt(_matchs[1]);
-            _this2.headers[item.props.field] = item.props;
+            _this3.headers[item.props.field] = item.props;
 
             if (item.props.noClone) {
-              _this2.noClone[item.props.field] = "";
+              _this3.noClone[item.props.field] = "";
             }
           }
         });
@@ -500,7 +552,7 @@ function (_React$Component) {
   }, {
     key: "sourceLoad",
     value: function sourceLoad() {
-      var _this3 = this;
+      var _this4 = this;
 
       if (typeof this.props.sourceFunc !== 'function') return;
       this.props.sourceFunc({
@@ -508,7 +560,7 @@ function (_React$Component) {
         page: this.state.page,
         number: this.props.showNumbers
       }, function (res) {
-        _this3.setState({
+        _this4.setState({
           data: res.data,
           dataCount: res.count,
           page: res.page
@@ -562,24 +614,24 @@ function (_React$Component) {
   }, {
     key: "changeHandler",
     value: function changeHandler(row, i) {
-      var _this4 = this;
+      var _this5 = this;
 
       return function (checked, e) {
-        var selectRows = _this4.setRowCheck(checked, i);
+        var selectRows = _this5.setRowCheck(checked, i);
 
-        var _this4$checkAllCheckH = _this4.checkAllCheckHalf(selectRows),
-            _this4$checkAllCheckH2 = _slicedToArray(_this4$checkAllCheckH, 2),
-            allChecked = _this4$checkAllCheckH2[0],
-            half = _this4$checkAllCheckH2[1];
+        var _this5$checkAllCheckH = _this5.checkAllCheckHalf(selectRows),
+            _this5$checkAllCheckH2 = _slicedToArray(_this5$checkAllCheckH, 2),
+            allChecked = _this5$checkAllCheckH2[0],
+            half = _this5$checkAllCheckH2[1];
 
-        _this4.setState({
+        _this5.setState({
           selectRows: selectRows,
           selectAll: allChecked,
           selectHalf: half
         });
 
-        if (typeof _this4.props.onCheck === "function") {
-          _this4.props.onCheck(checked, row, _this4.props.jsxId);
+        if (typeof _this5.props.onCheck === "function") {
+          _this5.props.onCheck(checked, row, _this5.props.jsxId);
         }
       };
     }
@@ -622,24 +674,24 @@ function (_React$Component) {
   }, {
     key: "clickHandler",
     value: function clickHandler(row, i) {
-      var _this5 = this;
+      var _this6 = this;
 
       return function () {
-        if (typeof _this5.props.onClick === 'function') {
-          _this5.props.onClick(row, i, _this5.props.jsxId);
+        if (typeof _this6.props.onClick === 'function') {
+          _this6.props.onClick(row, i, _this6.props.jsxId);
         }
 
-        if (_this5.props.select && _this5.props.rowCheck) {
-          var _row = _this5.refs['row_' + i];
+        if (_this6.props.select && _this6.props.rowCheck) {
+          var _row = _this6.refs['row_' + i];
 
           _row.changeHandler(null); // this.setRowCheck(!row.getChecked(),i);
           // this.checkAllCheckHalf();
 
         }
 
-        if (_this5.props.focus) {
-          _this5.setState({
-            focus: i === _this5.state.focus ? -1 : i
+        if (_this6.props.focus) {
+          _this6.setState({
+            focus: i === _this6.state.focus ? -1 : i
           });
         }
       };
@@ -727,25 +779,25 @@ function (_React$Component) {
      * @param dataType
      */
     value: function menuContextHandler(dataType) {
-      var _this6 = this;
+      var _this7 = this;
 
       return function (e) {
         e.preventDefault();
         e.stopPropagation();
         var data = {
           field: e.currentTarget.dataset.field || '',
-          data: _this6.state.data[e.currentTarget.dataset.row],
+          data: _this7.state.data[e.currentTarget.dataset.row],
           index: e.currentTarget.dataset.row
         };
 
         if (dataType === "text") {
-          _this6.mainMenu.show({
+          _this7.mainMenu.show({
             evt: e,
             type: 'mouse',
             data: data
           });
         } else {
-          _this6.numMenu.show({
+          _this7.numMenu.show({
             evt: e,
             type: 'mouse',
             data: data
@@ -849,14 +901,14 @@ function (_React$Component) {
   }, {
     key: "filterChangeHandler",
     value: function filterChangeHandler(field) {
-      var _this7 = this;
+      var _this8 = this;
 
       return function (val) {
-        var filter = _objectSpread({}, _this7.state.filter);
+        var filter = _objectSpread({}, _this8.state.filter);
 
         filter[field] = val;
 
-        _this7.setState({
+        _this8.setState({
           filter: filter
         });
       };
@@ -921,32 +973,6 @@ function (_React$Component) {
         this.deleteRow(row_index);
       }
     }
-  }, {
-    key: "deleteRow",
-    value: function deleteRow(row_index) {
-      var _this8 = this;
-
-      if (row_index < 0 || row_index >= this.state.data.length) {
-        return;
-      }
-
-      var data = this.state.data.slice(0);
-      data.splice(row_index, 1);
-
-      if (this.editRows.indexOf(row_index) !== -1) {
-        this.editRows.splice(this.editRows.indexOf(row_index), 1);
-      }
-
-      this.editRows.forEach(function (item, index) {
-        if (item > row_index) {
-          _this8.editRows[index] = item - 1;
-        }
-      });
-      this.setState({
-        data: data,
-        dataCount: data.length
-      });
-    }
   }, {
     key: "cloneRow",
     value: function cloneRow(row_index) {
@@ -1535,7 +1561,8 @@ function (_React$Component) {
           width: item.props.width
         };
         return _react["default"].createElement("td", {
-          style: style
+          style: style,
+          id: _this17.domId + '-' + key
         }, _react["default"].createElement(_CTableInput["default"], {
           onFocus: _this17.addNewHandler
         }));
@@ -1681,7 +1708,12 @@ function (_React$Component) {
         width: "20px"
       }, _react["default"].createElement(_reactBootstrap.Icon, {
         icon: "chart-line"
-      })) : null, _react["default"].Children.map(this.props.children, function (item, key) {
+      })) : null, !this.props.nodel && this.props.edit ? _react["default"].createElement("td", {
+        style: {
+          width: '20px',
+          textAlign: 'center'
+        }
+      }) : null, _react["default"].Children.map(this.props.children, function (item, key) {
         if (!item || item.props.hide) {
           return null;
         }