@clake/react-bootstrap4-window 0.7.1 → 0.7.3

package/lib/CTable.js

@@ -1,6 +1,6 @@
-/* @clake/react-bootstrap4-window v0.7.1 | by Clake
+/* @clake/react-bootstrap4-window v0.7.3 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-13T11:37:05+0800
+ * 2024-03-14T18:58:44+0800
  */
 "use strict";
 
@@ -27,6 +27,8 @@ var _CTable2 = _interopRequireDefault(require("./i18n/CTable"));
 
 var _PageBar = _interopRequireDefault(require("./PageBar"));
 
+var _gulpUtil = require("gulp-util");
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -275,11 +277,34 @@ function (_React$Component) {
         // this.selectRows = [];
 
 
+        var selectRows = [];
+        var isHalf = false;
+        var allchk = false;
+
+        if (nextProps.data && nextProps.data.length > 0) {
+          nextProps.data.forEach(function (item, idx) {
+            if (item !== null && item !== void 0 && item.set_chk) {
+              selectRows.push(idx);
+            }
+          });
+
+          if (selectRows.length === nextProps.data.length) {
+            allchk = true;
+          } else {
+            if (selectRows.length > 0) {
+              isHalf = true;
+            }
+          }
+        }
+
         this.setState({
           data: nextProps.data,
           dataCount: nextProps.dataCount,
           page: nextProps.page,
-          total: nextProps.total
+          total: nextProps.total,
+          selectRows: selectRows,
+          selectHalf: isHalf,
+          selectAll: allchk
         });
       }
     }
@@ -444,15 +469,16 @@ function (_React$Component) {
     value: function setRowCheck(checked, rowIdx) {
       // let row = this.refs['row_'+rowIdx];
       var selectRows = this.props.selectOnce ? [] : this.state.selectRows.slice();
+      console.log(checked, rowIdx, selectRows);
 
       if (checked) {
-        if (selectRows.indexOf(rowIdx) === -1) {
+        if (!selectRows.includes(rowIdx)) {
           selectRows.push(rowIdx);
         } // ReactDOM.findDOMNode(row).parentNode.parentNode.classList.add('ck-table-selected');
 
       } else {
-        if (selectRows.indexOf(rowIdx) !== -1) {
-          selectRows.splice(this.selectRows.indexOf(rowIdx), 1);
+        if (selectRows.includes(rowIdx)) {
+          selectRows.splice(selectRows.indexOf(rowIdx), 1);
         } // ReactDOM.findDOMNode(row).parentNode.parentNode.classList.remove('ck-table-selected');
 
       } // this.setState({selectRows: selectRows});
@@ -971,7 +997,7 @@ function (_React$Component) {
       var base = 'ck-ctable-header';
 
       if (this.props.headerTheme) {
-        base = (0, _bind["default"])(base, 'thead-' + this.props.headerTheme);
+        base = (0, _bind["default"])(base, 'table-' + this.props.headerTheme);
       }
 
       return (0, _bind["default"])(base, this.props.headClass);
@@ -1840,7 +1866,7 @@ CTable.defaultProps = {
   align: 'left',
   sm: true,
   fontSm: true,
-  headerTheme: 'light',
+  headerTheme: 'primary',
   noWrap: true,
   bordered: true,
   move: true,