@clake/react-bootstrap4-window 0.7.0 → 0.7.2

package/lib/CTable.js

@@ -1,6 +1,6 @@
-/* @clake/react-bootstrap4-window v0.7.0 | by Clake
+/* @clake/react-bootstrap4-window v0.7.2 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-08T17:34:46+0800
+ * 2024-03-13T16:54:23+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);
@@ -1438,13 +1464,19 @@ function (_React$Component) {
     value: function renderMenu() {
       var _this22 = this;
 
-      var lang = this.props.lang;
+      var lang;
 
-      if (!lang) {
+      if (!this.props.lang) {
         var i18 = _reactBootstrap.i18n.getLang();
 
         var langStr = typeof lang === 'string' ? lang : i18["short"];
         lang = _CTable2["default"][langStr];
+      } else {
+        if (typeof this.props.lang === 'string') {
+          lang = _CTable2["default"][this.props.lang];
+        } else {
+          lang = this.props.lang;
+        }
       }
 
       return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactBootstrap.Menu, {
@@ -1458,7 +1490,7 @@ function (_React$Component) {
           document.execCommand("copy");
         }
       }, _react["default"].createElement(_reactBootstrap.Icon, {
-        className: "mr-1",
+        className: "me-1",
         icon: "copy"
       }), lang['Copy']), this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         step: true
@@ -1470,7 +1502,7 @@ function (_React$Component) {
           _this22.filterHandler(select.toString(), data.field, 'contain');
         }
       }, _react["default"].createElement(_reactBootstrap.Icon, {
-        className: "mr-1",
+        className: "me-1",
         icon: "filter"
       }), lang['Filter By Selection']) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "select_exclude",
@@ -1480,7 +1512,7 @@ function (_React$Component) {
           _this22.filterHandler(select.toString(), data.field, 'exclude');
         }
       }, _react["default"].createElement(_reactBootstrap.Icon, {
-        className: "mr-1",
+        className: "me-1",
         icon: "filter"
       }), lang['Filter Excluding Selection']) : null, this.is_filter || this.is_sort ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "clear_filter",
@@ -1490,17 +1522,17 @@ function (_React$Component) {
       }, _react["default"].createElement("span", {
         className: "text-danger"
       }, _react["default"].createElement(_reactBootstrap.Icon, {
-        className: "mr-1",
+        className: "me-1",
         icon: "brush"
       }), lang['Clear Filter / Sort'])) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         step: true
       }) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "equal"
       }, _react["default"].createElement("span", {
-        className: "mr-1",
+        className: "me-1",
         style: inputStyle
       }, lang['Equal With']), _react["default"].createElement(_reactBootstrap.Input, {
-        className: "mr-1",
+        className: "me-1",
         size: "xs",
         width: "120px",
         data: this.state.filter.equal,
@@ -1519,10 +1551,10 @@ function (_React$Component) {
       })) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "filter"
       }, _react["default"].createElement("span", {
-        className: "mr-1",
+        className: "me-1",
         style: inputStyle
       }, lang['Start With']), _react["default"].createElement(_reactBootstrap.Input, {
-        className: "mr-1",
+        className: "me-1",
         size: "xs",
         width: "120px",
         data: this.state.filter.start,
@@ -1541,10 +1573,10 @@ function (_React$Component) {
       })) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "filter"
       }, _react["default"].createElement("span", {
-        className: "mr-1",
+        className: "me-1",
         style: inputStyle
       }, lang['End With']), _react["default"].createElement(_reactBootstrap.Input, {
-        className: "mr-1",
+        className: "me-1",
         size: "xs",
         width: "120px",
         data: this.state.filter.end,
@@ -1563,10 +1595,10 @@ function (_React$Component) {
       })) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "filter"
       }, _react["default"].createElement("span", {
-        className: "mr-1",
+        className: "me-1",
         style: inputStyle
       }, lang['Contain with']), _react["default"].createElement(_reactBootstrap.Input, {
-        className: "mr-1",
+        className: "me-1",
         size: "xs",
         width: "120px",
         data: this.state.filter.contain,
@@ -1615,13 +1647,19 @@ function (_React$Component) {
     value: function renderNumberMenu() {
       var _this23 = this;
 
-      var lang = this.props.lang;
+      var lang;
 
-      if (!lang) {
+      if (!this.props.lang) {
         var i18 = _reactBootstrap.i18n.getLang();
 
         var langStr = typeof lang === 'string' ? lang : i18["short"];
         lang = _CTable2["default"][langStr];
+      } else {
+        if (typeof this.props.lang === 'string') {
+          lang = _CTable2["default"][this.props.lang];
+        } else {
+          lang = this.props.lang;
+        }
       }
 
       return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactBootstrap.Menu, {
@@ -1635,7 +1673,7 @@ function (_React$Component) {
           document.execCommand("copy");
         }
       }, _react["default"].createElement(_reactBootstrap.Icon, {
-        className: "mr-1",
+        className: "me-1",
         icon: "copy"
       }), lang['Copy']), this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         step: true
@@ -1647,7 +1685,7 @@ function (_React$Component) {
           _this23.filterHandler(select.toString(), data.field, 'contain');
         }
       }, _react["default"].createElement(_reactBootstrap.Icon, {
-        className: "mr-1",
+        className: "me-1",
         icon: "filter"
       }), lang['Filter By Selection']) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "select_exclude",
@@ -1657,7 +1695,7 @@ function (_React$Component) {
           _this23.filterHandler(select.toString(), data.field, 'exclude');
         }
       }, _react["default"].createElement(_reactBootstrap.Icon, {
-        className: "mr-1",
+        className: "me-1",
         icon: "filter"
       }), lang['Filter Excluding Selection']) : null, this.is_filter || this.is_sort ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "clear_filter",
@@ -1667,7 +1705,7 @@ function (_React$Component) {
       }, _react["default"].createElement("span", {
         className: "text-danger"
       }, _react["default"].createElement(_reactBootstrap.Icon, {
-        className: "mr-1",
+        className: "me-1",
         icon: "brush"
       }), lang['Clear Filter / Sort'])) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         step: true
@@ -1828,7 +1866,7 @@ CTable.defaultProps = {
   align: 'left',
   sm: true,
   fontSm: true,
-  headerTheme: 'light',
+  headerTheme: 'primary',
   noWrap: true,
   bordered: true,
   move: true,
@@ -1836,7 +1874,8 @@ CTable.defaultProps = {
   showNumbers: 30,
   showPages: 10,
   source: null,
-  total: null
+  total: null,
+  lang: 'en'
 };
 var _default = CTable;
 exports["default"] = _default;