@clake/react-bootstrap4-window 0.7.7 → 1.0.1

package/lib/CTable.js

@@ -1,19 +1,17 @@
-/* @clake/react-bootstrap4-window v0.7.7 | by Clake
+/* @clake/react-bootstrap4-window v1.0.1 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-18T14:45:06+0800
+ * 2024-03-28T11:03:43+0800
  */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.CTable = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bind = _interopRequireDefault(require("classnames/bind"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactBootstrap = require("@clake/react-bootstrap4");
 
@@ -23,7 +21,7 @@ var _Drag = _interopRequireDefault(require("./Drag"));
 
 var _CTableInput = _interopRequireDefault(require("./CTableInput"));
 
-var _CTable2 = _interopRequireDefault(require("./i18n/CTable"));
+var _CTable3 = _interopRequireDefault(require("./i18n/CTable"));
 
 var _PageBar = _interopRequireDefault(require("./PageBar"));
 
@@ -61,22 +59,84 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-/**
- * data Grid class
- * @extends React.Component
- */
-var CTable =
+var CTable = exports.CTable =
 /*#__PURE__*/
 function (_React$Component) {
   _inherits(CTable, _React$Component);
 
   function CTable(props) {
+    var _this$props$dataCount, _this$props$select;
+
     var _this;
 
     _classCallCheck(this, CTable);
 
     _this = _possibleConstructorReturn(this, _getPrototypeOf(CTable).call(this, props));
 
+    _defineProperty(_assertThisInitialized(_this), "originalData", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "domId", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "select_all", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "selectRows", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "headerSplits", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "sortList", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "is_sort", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "is_filter", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "current_sort", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "filter_list", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "editRows", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "cacheRow", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "headers", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "noClone", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "lockColumns", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "isLock", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "filter", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "width", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "tableHeader", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "tableTotal", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "table_rows", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "table_head", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "table_body", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "table_total", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "split", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "mainDom", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "mainMenu", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "numMenu", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "drag", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "dragColumnLeft", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "dragWidth", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "allchk", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "equals", function (a, b) {
       if (a === b) return true;
       if (a instanceof Date && b instanceof Date) return a.getTime() === b.getTime();
@@ -105,11 +165,14 @@ function (_React$Component) {
         selectHalf: false
       }, function () {
         if (typeof _this.props.onCheckAll === 'function') {
-          _this.props.onCheckAll(_this.state.selectAll, _this.state.data);
+          _this.props.onCheckAll(_this.state.selectAll, _this.state.data, _this.props.jsxId);
         }
       });
     });
 
+    /**
+     * sort
+     */
     _defineProperty(_assertThisInitialized(_this), "sortHandler", function (e) {
       var dom = e.currentTarget;
       var sort_type = dom.dataset.sort || 'asc';
@@ -117,6 +180,10 @@ function (_React$Component) {
       _this.changeSort(dom, sort_type);
     });
 
+    /**
+     * scroll header and total foot
+     * @param e
+     */
     _defineProperty(_assertThisInitialized(_this), "scrollHandler", function (e) {
       _this.tableHeader.style.transform = "translateX(-".concat(e.currentTarget.scrollLeft, "px)"); // this.tableHeader.scrollLeft = e.currentTarget.scrollLeft;
 
@@ -152,10 +219,13 @@ function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "selectPageHandler", function (page) {
       if (typeof _this.props.onSelectPage === 'function') {
-        _this.props.onSelectPage(page);
+        _this.props.onSelectPage(page, _this.props.jsxId);
       }
     });
 
+    /**
+     * edit mode
+     */
     _defineProperty(_assertThisInitialized(_this), "addNewHandler", function (e) {
       var data = _this.state.data.slice(0);
 
@@ -167,10 +237,13 @@ function (_React$Component) {
         data: data,
         dataCount: data.length
       }, function () {
-        document.querySelector("#".concat(_this.domId, "-edit")).previousElementSibling.querySelector('input:not([disabled])').focus();
+        var _document$querySelect, _document$querySelect2, _document$querySelect3;
+
+        (_document$querySelect = document.querySelector("#".concat(_this.domId, "-edit"))) === null || _document$querySelect === void 0 ? void 0 : (_document$querySelect2 = _document$querySelect.previousElementSibling) === null || _document$querySelect2 === void 0 ? void 0 : (_document$querySelect3 = _document$querySelect2.querySelector('input:not([disabled])')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.focus();
       });
     });
 
+    //编辑事件
     _defineProperty(_assertThisInitialized(_this), "editHandler", function (e, val, row) {
       var dataset = row === 'chk' ? e.currentTarget.dataset : e.target.dataset;
       var index = parseInt(dataset.row);
@@ -183,12 +256,12 @@ function (_React$Component) {
       if (_this.editRows.indexOf(index) === -1) {
         _this.editRows.push(index);
 
-        var data = _this.state.data.slice(0);
+        var _data = _this.state.data.slice(0);
 
-        data[index][field] = val;
+        _data[index][field] = val;
 
         _this.setState({
-          data: data
+          data: _data
         });
       } else {
         _this.state.data[index][field] = val;
@@ -199,23 +272,24 @@ function (_React$Component) {
       }
     });
 
+    //自定义 onEdit 事件回调函数
     _defineProperty(_assertThisInitialized(_this), "editCallback", function (index, editData) {
       if (_this.state.data[index]) {
-        var data = _this.state.data.slice(0);
+        var _data2 = _this.state.data.slice(0);
 
-        data[index] = Object.assign(data[index], editData);
+        _data2[index] = Object.assign(_data2[index], editData);
 
         _this.setState({
-          data: data
+          data: _data2
         });
       }
     });
 
     _this.state = {
       data: _this.props.data || [],
-      dataCount: _this.props.dataCount,
+      dataCount: (_this$props$dataCount = _this.props.dataCount) !== null && _this$props$dataCount !== void 0 ? _this$props$dataCount : 0,
       page: 1,
-      select: _this.props.select,
+      select: (_this$props$select = _this.props.select) !== null && _this$props$select !== void 0 ? _this$props$select : false,
       total: _this.props.total,
       filter: {
         start: '',
@@ -237,8 +311,8 @@ function (_React$Component) {
     _this.selectRows = [];
     _this.headerSplits = [];
     _this.sortList = {};
-    _this.is_sort = typeof _this.props.onSort === 'function' || _this.props.sort;
-    _this.is_filter = typeof _this.props.onFilter === 'function' || _this.props.filter;
+    _this.is_sort = typeof _this.props.onSort === 'function' || !!_this.props.sort;
+    _this.is_filter = typeof _this.props.onFilter === 'function' || !!_this.props.filter;
     _this.current_sort = null;
     _this.filter_list = [];
     _this.editRows = [];
@@ -262,9 +336,11 @@ function (_React$Component) {
       this.bindSplit();
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       if (this.state.data !== nextProps.data) {
+        var _nextProps$data, _nextProps$dataCount, _nextProps$page;
+
         if (this.props.edit) {
           if (this.equals(this.originalData, nextProps.data)) {
             return;
@@ -301,9 +377,9 @@ function (_React$Component) {
         }
 
         this.setState({
-          data: nextProps.data,
-          dataCount: nextProps.dataCount,
-          page: nextProps.page,
+          data: (_nextProps$data = nextProps.data) !== null && _nextProps$data !== void 0 ? _nextProps$data : [],
+          dataCount: (_nextProps$dataCount = nextProps.dataCount) !== null && _nextProps$dataCount !== void 0 ? _nextProps$dataCount : 0,
+          page: (_nextProps$page = nextProps.page) !== null && _nextProps$page !== void 0 ? _nextProps$page : 0,
           total: nextProps.total,
           selectRows: selectRows,
           selectHalf: isHalf,
@@ -339,16 +415,16 @@ function (_React$Component) {
       var _this2 = this;
 
       if (this.props.width) {
-        this.width = 0;
+        var width = 0;
         var reg = /(\d+)(px|rem|cm|mm|pt)$/;
         var matchs = this.props.width.match(reg);
-        var unit = matchs[2];
+        var unit = matchs ? matchs[2] : 'px';
 
         _react["default"].Children.map(this.props.children, function (item, key) {
           if (item.props.width) {
             var _matchs = item.props.width.match(reg);
 
-            _this2.width += parseInt(_matchs[1]);
+            width += parseInt(_matchs[1]);
             _this2.headers[item.props.field] = item.props;
 
             if (item.props.noClone) {
@@ -358,10 +434,10 @@ function (_React$Component) {
         });
 
         if (this.props.select) {
-          this.width += 20;
+          width += 20;
         }
 
-        this.width += unit;
+        this.width = width + unit;
       }
     } //inner source ********************
 
@@ -449,14 +525,14 @@ function (_React$Component) {
         });
 
         if (typeof _this5.props.onCheck === "function") {
-          _this5.props.onCheck(checked, row);
+          _this5.props.onCheck(checked, row, _this5.props.jsxId);
         }
       };
     }
   }, {
     key: "checkAllCheckHalf",
     value: function checkAllCheckHalf(selectRows) {
-      if (!this.allchk || this.props.selectOnce) {
+      if (!this.state.selectAll || this.props.selectOnce) {
         return [false, false];
       }
 
@@ -496,7 +572,7 @@ function (_React$Component) {
 
       return function () {
         if (typeof _this6.props.onClick === 'function') {
-          _this6.props.onClick(row, i);
+          _this6.props.onClick(row, i, _this6.props.jsxId);
         }
 
         if (_this6.props.select && _this6.props.rowCheck) {
@@ -514,10 +590,6 @@ function (_React$Component) {
         }
       };
     }
-    /**
-     * sort
-     */
-
   }, {
     key: "changeSort",
     value: function changeSort(dom, sort_type) {
@@ -525,17 +597,26 @@ function (_React$Component) {
         return;
       }
 
+      if (!dom.dataset.field) {
+        return;
+      }
+
       this.clearSort(false);
       this.current_sort = dom.dataset.field;
       dom.dataset.sort = sort_type === 'asc' ? 'desc' : 'asc';
       dom.classList.remove('ck-ctable-sort');
       this.sortList[dom.dataset.field] = sort_type;
       var child = dom.querySelector('i');
+
+      if (!child) {
+        return;
+      }
+
       child.classList.remove('fa-sort', 'fa-sort-alpha-up', 'fa-sort-alpha-down');
       child.classList.add('fa-sort-alpha-' + (sort_type === 'asc' ? 'down' : 'up'));
 
       if (typeof this.props.onSort === 'function') {
-        this.props.onSort(dom.dataset.field, sort_type);
+        this.props.onSort(dom.dataset.field, sort_type, this.props.jsxId);
       } else {// this.localSort(dom.dataset.field,sort_type)
       }
     }
@@ -544,9 +625,11 @@ function (_React$Component) {
     value: function clearSort(emitEvt) {
       if (this.current_sort) {
         var prv = document.querySelector("#".concat(this.domId, "-sort-").concat(this.current_sort));
+        if (!prv) return;
         prv.dataset.sort = 'asc';
         prv.classList.add('ck-ctable-sort');
         var prv_child = prv.querySelector('i');
+        if (!prv_child) return;
         prv_child.classList.remove('fa-sort', 'fa-sort-alpha-up', 'fa-sort-alpha-down');
         prv_child.classList.add('fa-sort');
         this.sortList[this.current_sort] = null;
@@ -555,9 +638,11 @@ function (_React$Component) {
         if (emitEvt && typeof this.props.onSort === 'function') {
           this.props.onSort('', 'clear');
         } else {
-          this.setState({
-            data: this.originalData.slice(0)
-          });
+          if (this.props.edit) {
+            this.setState({
+              data: this.originalData.slice(0)
+            });
+          }
         }
 
         return true;
@@ -574,16 +659,12 @@ function (_React$Component) {
         if (a[field] > b[field]) return desc ? -1 : 1;
         if (a[field] < b[field]) return desc ? 1 : -1;
         if (a[field] === b[field]) return 0;
+        return 0;
       });
       this.setState({
         data: data
       });
     }
-    /**
-     * scroll header and total foot
-     * @param e
-     */
-
   }, {
     key: "menuContextHandler",
 
@@ -672,11 +753,11 @@ function (_React$Component) {
           contain: ''
         }
       });
-      this.mainMenu.hide();
-      this.numMenu.hide();
+      this.mainMenu.hide(undefined);
+      this.numMenu.hide(undefined);
 
       if (typeof this.props.onFilter === 'function') {
-        this.props.onFilter(text, field, type);
+        this.props.onFilter(text, field, type, this.props.jsxId);
       } else {
         this.localFilter(text, field, type);
       }
@@ -728,8 +809,8 @@ function (_React$Component) {
 
       try {
         for (var _iterator = this.editRows[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var row = _step.value;
-          list.push(this.state.data[row]);
+          var _row2 = _step.value;
+          list.push(this.state.data[_row2]);
         }
       } catch (err) {
         _didIteratorError = true;
@@ -761,7 +842,7 @@ function (_React$Component) {
       }
 
       if (typeof this.props.onDelete === 'function') {
-        this.props.onDelete(this.state.data[row_index], row_index, this.deleteRow);
+        this.props.onDelete(this.state.data[row_index], row_index, this.deleteRow, this.props.jsxId);
       } else {
         this.deleteRow(row_index);
       }
@@ -862,7 +943,7 @@ function (_React$Component) {
               start: function start(dragDom, eventDom) {
                 var xy = _reactBootstrap.Common.GetDomXY(eventDom, _this11.mainDom);
 
-                _this11.dragWidth = parseInt(eventDom.parentNode.style.width);
+                _this11.dragWidth = parseInt((eventDom === null || eventDom === void 0 ? void 0 : eventDom.parentNode).style.width);
                 _this11.dragColumnLeft = xy.left - _this11.table_rows.scrollLeft;
                 dragDom.style.left = _this11.dragColumnLeft + 'px';
                 dragDom.classList.remove('d-none');
@@ -905,46 +986,46 @@ function (_React$Component) {
       var base = 'table ck-table';
 
       if (!!name) {
-        base = (0, _bind["default"])(base, name);
+        base = (0, _classnames["default"])(base, name);
       } //striped
 
 
       if (this.props.striped && !this.props.edit) {
-        base = (0, _bind["default"])(base, 'table-striped');
+        base = (0, _classnames["default"])(base, 'table-striped');
       } //theme
 
 
       if (this.props.theme) {
-        base = (0, _bind["default"])(base, 'table-' + this.props.theme);
+        base = (0, _classnames["default"])(base, 'table-' + this.props.theme);
       } //bordered
 
 
       if (this.props.bordered) {
-        base = (0, _bind["default"])(base, 'table-bordered');
+        base = (0, _classnames["default"])(base, 'table-bordered');
       } //hover
 
 
       if (this.props.hover) {
-        base = (0, _bind["default"])(base, 'table-hover');
+        base = (0, _classnames["default"])(base, 'table-hover');
       } //sm
 
 
       if (this.props.sm) {
-        base = (0, _bind["default"])(base, 'table-sm');
+        base = (0, _classnames["default"])(base, 'table-sm');
       }
 
       if (this.props.fontSm) {
-        base = (0, _bind["default"])(base, 'table-font-sm');
+        base = (0, _classnames["default"])(base, 'table-font-sm');
       } //responsive
 
 
       if (this.props.responsive) {
-        base = (0, _bind["default"])(base, 'table-responsive');
+        base = (0, _classnames["default"])(base, 'table-responsive');
       } //nowrap
 
 
       if (this.props.noWrap) {
-        base = (0, _bind["default"])(base, 'ck-ctable-nowrap');
+        base = (0, _classnames["default"])(base, 'ck-ctable-nowrap');
       }
 
       return base;
@@ -955,10 +1036,10 @@ function (_React$Component) {
       var base = 'ck-ctable-main d-flex flex-column';
 
       if (this.props.bordered) {
-        base = (0, _bind["default"])(base, 'border');
+        base = (0, _classnames["default"])(base, 'border');
       }
 
-      return (0, _bind["default"])(base, this.props.className);
+      return (0, _classnames["default"])(base, this.props.className);
     }
   }, {
     key: "getStyles",
@@ -1004,10 +1085,10 @@ function (_React$Component) {
       var base = 'ck-ctable-header';
 
       if (this.props.headerTheme) {
-        base = (0, _bind["default"])(base, 'table-' + this.props.headerTheme);
+        base = (0, _classnames["default"])(base, 'table-' + this.props.headerTheme);
       }
 
-      return (0, _bind["default"])(base, this.props.headClass);
+      return (0, _classnames["default"])(base, this.props.headClass);
     }
   }, {
     key: "getTableStyles",
@@ -1089,8 +1170,8 @@ function (_React$Component) {
           return _this14.table_head = c;
         },
         id: "table-head-".concat(this.domId),
-        className: this.getClasses(),
-        style: this.getTableStyles()
+        className: this.getClasses(''),
+        style: this.getTableStyles(null)
       }, _react["default"].createElement("thead", {
         className: this.getHeaderClasses()
       }, _react["default"].createElement("tr", null, this.state.select || this.props.edit ? _react["default"].createElement("th", {
@@ -1130,7 +1211,7 @@ function (_React$Component) {
         }
 
         return _react["default"].createElement("th", {
-          onContextMenu: _this14.menuContextHandler,
+          onContextMenu: _this14.menuContextHandler(''),
           id: _this14.domId + '-' + key,
           "data-key": 'head_' + key,
           style: style
@@ -1175,7 +1256,7 @@ function (_React$Component) {
           return _this15.renderEditRow(row, i);
         }
 
-        return _this15.renderRow(row, i);
+        return _this15.renderRow(row, i, null);
       }), this.props.edit ? this.renderEditAddRow() : null)), this.props.menu ? this.renderMenu() : null, this.props.menu ? this.renderNumberMenu() : null);
     }
   }, {
@@ -1185,7 +1266,7 @@ function (_React$Component) {
 
       var checked = this.state.selectRows.indexOf(i) !== -1;
       var focus = i === this.state.focus && this.props.focus;
-      var rowClass = focus ? 'ck-table-focus' : checked ? 'ck-table-selected' : null;
+      var rowClass = focus ? 'ck-table-focus' : checked ? 'ck-table-selected' : undefined;
       return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("tr", {
         className: rowClass,
         onClick: this.clickHandler(row, i)
@@ -1234,9 +1315,6 @@ function (_React$Component) {
             "data-row": "".concat(i),
             "data-field": item.props.field,
             className: item.props.className,
-            style: {
-              'text-align': align
-            },
             key: 'col_' + key
           }, _react["default"].cloneElement(item, {
             text: item.props.text,
@@ -1274,7 +1352,7 @@ function (_React$Component) {
       var _this17 = this;
 
       return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("tr", {
-        className: this.props.onClick ? 'click-row' : null,
+        className: this.props.onClick ? 'click-row' : undefined,
         onClick: this.clickHandler(row, i)
       }, _react["default"].createElement("th", {
         style: {
@@ -1401,13 +1479,15 @@ function (_React$Component) {
             data: row[item.field],
             align: item.align,
             disabled: item.disabled,
-            onBlur: this.state.total && this.state.total.hasOwnProperty(item.field) ? this.calcLocalTotal(item.field) : null
+            onBlur: this.state.total && this.state.total.hasOwnProperty(item.field) ? this.calcLocalTotal(item.field) : undefined
           });
       }
     }
   }, {
     key: "renderFoot",
     value: function renderFoot() {
+      var _this$props$showNumbe, _this$props$showPages, _this$props$edit;
+
       if (!this.props.foot) {
         return null;
       }
@@ -1416,9 +1496,9 @@ function (_React$Component) {
         page: this.state.page,
         dataCount: this.state.dataCount,
         onSelect: this.selectPageHandler,
-        showNumbers: this.props.showNumbers,
-        showPages: this.props.showPages,
-        noPage: this.props.edit
+        showNumbers: (_this$props$showNumbe = this.props.showNumbers) !== null && _this$props$showNumbe !== void 0 ? _this$props$showNumbe : 0,
+        showPages: (_this$props$showPages = this.props.showPages) !== null && _this$props$showPages !== void 0 ? _this$props$showPages : 0,
+        noPage: (_this$props$edit = this.props.edit) !== null && _this$props$edit !== void 0 ? _this$props$edit : false
       }));
     }
   }, {
@@ -1479,10 +1559,10 @@ function (_React$Component) {
         var i18 = _reactBootstrap.i18n.getLang();
 
         var langStr = typeof lang === 'string' ? lang : i18["short"];
-        lang = _CTable2["default"][langStr];
+        lang = _CTable3["default"][langStr];
       } else {
         if (typeof this.props.lang === 'string') {
-          lang = _CTable2["default"][this.props.lang];
+          lang = _CTable3["default"][this.props.lang];
         } else {
           lang = this.props.lang;
         }
@@ -1502,11 +1582,13 @@ function (_React$Component) {
         className: "me-1",
         icon: "copy"
       }), lang['Copy']), this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
+        field: "",
         step: true
       }) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "select_filter",
         onClick: function onClick(e, field, data) {
           var select = document.getSelection();
+          if (!select) return;
 
           _this21.filterHandler(select.toString(), data.field, 'contain');
         }
@@ -1517,6 +1599,7 @@ function (_React$Component) {
         field: "select_exclude",
         onClick: function onClick(e, field, data) {
           var select = document.getSelection();
+          if (!select) return;
 
           _this21.filterHandler(select.toString(), data.field, 'exclude');
         }
@@ -1534,6 +1617,7 @@ function (_React$Component) {
         className: "me-1",
         icon: "brush"
       }), lang['Clear Filter / Sort'])) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
+        field: "",
         step: true
       }) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "equal"
@@ -1624,6 +1708,7 @@ function (_React$Component) {
         },
         icon: "search"
       })) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
+        field: "",
         step: true
       }) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "filter",
@@ -1640,12 +1725,14 @@ function (_React$Component) {
           _this21.filterHandler(_this21.state.filter.condition, _this21.mainMenu.data.field, 'condition');
         }
       })) : null, this.props.edit ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
+        field: "",
         step: true
       }) : null, this.props.edit ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "delete_row"
       }, lang['Delete Row']) : null, this.props.edit ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "clone_row"
       }, lang['Clone Row']) : null, this.props.customMenu ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
+        field: "",
         step: true
       }) : null, this.props.customMenu ? this.props.customMenu.map(function (menu) {
         return _this21.explainCustomMenu(menu);
@@ -1662,10 +1749,10 @@ function (_React$Component) {
         var i18 = _reactBootstrap.i18n.getLang();
 
         var langStr = typeof lang === 'string' ? lang : i18["short"];
-        lang = _CTable2["default"][langStr];
+        lang = _CTable3["default"][langStr];
       } else {
         if (typeof this.props.lang === 'string') {
-          lang = _CTable2["default"][this.props.lang];
+          lang = _CTable3["default"][this.props.lang];
         } else {
           lang = this.props.lang;
         }
@@ -1685,11 +1772,13 @@ function (_React$Component) {
         className: "me-1",
         icon: "copy"
       }), lang['Copy']), this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
+        field: "",
         step: true
       }) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "select_filter",
         onClick: function onClick(e, field, data) {
           var select = document.getSelection();
+          if (!select) return;
 
           _this22.filterHandler(select.toString(), data.field, 'contain');
         }
@@ -1700,6 +1789,7 @@ function (_React$Component) {
         field: "select_exclude",
         onClick: function onClick(e, field, data) {
           var select = document.getSelection();
+          if (!select) return;
 
           _this22.filterHandler(select.toString(), data.field, 'exclude');
         }
@@ -1717,6 +1807,7 @@ function (_React$Component) {
         className: "me-1",
         icon: "brush"
       }), lang['Clear Filter / Sort'])) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
+        field: "",
         step: true
       }) : null, this.is_filter ? _react["default"].createElement(_reactBootstrap.Menu.Item, {
         field: "filter",
@@ -1759,119 +1850,7 @@ function (_React$Component) {
   return CTable;
 }(_react["default"].Component);
 
-var inputStyle = {
-  width: '80px'
-};
-
-var stopEvent = function stopEvent(e) {
-  e.stopPropagation();
-};
-
-CTable.propTypes = {
-  //主题
-  theme: _propTypes["default"].oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']),
-  //标头主题
-  headerTheme: _propTypes["default"].oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']),
-  //标头css class
-  headClass: _propTypes["default"].string,
-  //数据来源
-  data: _propTypes["default"].array,
-  //数据总记录数
-  dataCount: _propTypes["default"].number,
-  //总页数
-  page: _propTypes["default"].number,
-  //第一列是否出现选择项
-  select: _propTypes["default"].bool,
-  //是否只能选中一项
-  selectOnce: _propTypes["default"].bool,
-  //是否显示标头
-  header: _propTypes["default"].bool,
-  //
-  center: _propTypes["default"].bool,
-  //数据当前页
-  currentPage: _propTypes["default"].number,
-  //
-  striped: _propTypes["default"].bool,
-  //是否显示边框
-  bordered: _propTypes["default"].bool,
-  //行是否有hover效果
-  hover: _propTypes["default"].bool,
-  //是否小型化显示列表
-  sm: _propTypes["default"].bool,
-  //文字最小化
-  fontSm: _propTypes["default"].bool,
-  responsive: _propTypes["default"].bool,
-  //文字列表 left,center,right
-  align: _propTypes["default"].string,
-  //是否显示树结构
-  tree: _propTypes["default"].string,
-  //点击树事件
-  onClickTree: _propTypes["default"].func,
-  //点击事件
-  onClick: _propTypes["default"].func,
-  //选择事件
-  onCheck: _propTypes["default"].func,
-  //选择所有
-  onCheckAll: _propTypes["default"].func,
-  //过滤事件
-  onFilter: _propTypes["default"].func,
-  //排序事件
-  onSort: _propTypes["default"].func,
-  //是否列可移动
-  move: _propTypes["default"].bool,
-  //刷新事件
-  onRefresh: _propTypes["default"].func,
-  //刷新事件按钮文字
-  refreshText: _propTypes["default"].string,
-  //是否漂浮
-  absolute: _propTypes["default"].bool,
-  //漂浮X坐标
-  x: _propTypes["default"].string,
-  //漂浮Y坐标
-  y: _propTypes["default"].string,
-  //表宽
-  width: _propTypes["default"].string,
-  //表高
-  height: _propTypes["default"].string,
-  // foot        : PropTypes.bool,
-  //是否显示列表尾
-  foot: _propTypes["default"].object,
-  //表自动随主体小设置
-  position: _propTypes["default"].object,
-  //显示的页码数
-  showPages: _propTypes["default"].number,
-  //显示的记录条数
-  showNumbers: _propTypes["default"].number,
-  //翻页事件
-  onSelectPage: _propTypes["default"].func,
-  //是否自动换行
-  noWrap: _propTypes["default"].bool,
-  //是否启用右键菜单
-  menu: _propTypes["default"].bool,
-  //是否显示每列记录总合数
-  total: _propTypes["default"].object,
-  //是否编辑模式
-  edit: _propTypes["default"].bool,
-  //数据删除事件
-  onDelete: _propTypes["default"].func,
-  //是否启用排序
-  sort: _propTypes["default"].bool,
-  //是否启用过滤
-  filter: _propTypes["default"].bool,
-  //自定义右键菜单
-  customMenu: _propTypes["default"].array,
-  //自定义显示语言
-  lang: _propTypes["default"].object,
-  source: _propTypes["default"].string,
-  sourceFunc: _propTypes["default"].func,
-  //是否显示全部选取
-  allSelect: _propTypes["default"].bool,
-  //focus 是否显示焦点
-  focus: _propTypes["default"].bool,
-  //是否全行点选
-  rowCheck: _propTypes["default"].bool
-};
-CTable.defaultProps = {
+_defineProperty(CTable, "defaultProps", {
   data: [],
   dataCount: 1,
   select: true,
@@ -1896,7 +1875,15 @@ CTable.defaultProps = {
   allSelect: true,
   rowCheck: false,
   focus: true
+});
+
+var inputStyle = {
+  width: '80px'
 };
-var _default = CTable;
-exports["default"] = _default;
+
+var stopEvent = function stopEvent(e) {
+  e.stopPropagation();
+};
+
+var _default = exports["default"] = CTable;
 //# sourceMappingURL=CTable.js.map