@kep-platform/basic-component 0.0.50 → 0.0.51

package/dist/PopupBox/PopupBox.d.ts

@@ -17,5 +17,5 @@ export declare function Popup(props: {
     trigger?: TriggerType;
     content?: ReactNode;
     onVisibleChange?: (visible: boolean) => void;
-}): React.JSX.Element | undefined;
+}): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 export default PopupBox;

package/dist/PopupBox/PopupBox.js

@@ -8,6 +8,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { useClickOutsize } from '@kep-platform/hooks';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import ReactDOM from 'react-dom';
 import styled, { css } from 'styled-components';
 var PopupBox = styled('div').withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -16,6 +17,13 @@ var PopupBox = styled('div').withConfig({
 })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: var(--kep-platform-color-bg-base);\n    padding: var(--kep-platform-padding-xs);\n    border-radius: var(--kep-platform-border-radius-sm);\n    position: fixed;\n    box-shadow: var(--kep-platform-box-shadow);\n    z-index: 999;\n    ", ";\n"])), function (props) {
   if (props.visible) return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                left: ", "px;\n                top: ", "px;\n            "])), props.left || -999, props.top || -999);else return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                left: -9999px;\n                top: -9999px;\n            "])));
 });
+var popupContainerId = 'popupContainer';
+var popupContainer = document.getElementById(popupContainerId);
+if (!popupContainer) {
+  popupContainer = document.createElement('div');
+  popupContainer.id = popupContainerId;
+  document.body.appendChild(popupContainer);
+}
 export function Popup(props) {
   var children = props.children,
     _props$trigger = props.trigger,
@@ -70,12 +78,14 @@ export function Popup(props) {
     if (typeof outerVisible === 'boolean') setVisible(outerVisible);
   }, [outerVisible]);
   if ( /*#__PURE__*/React.isValidElement(children)) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PopupBox, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, popupContainer && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(PopupBox, {
       left: pos.left,
       top: pos.top,
       visible: visible,
       ref: popupBox
-    }, content), /*#__PURE__*/React.cloneElement(children, mergeProps));
+    }, content), popupContainer), /*#__PURE__*/React.cloneElement(children, mergeProps));
+  } else {
+    return children;
   }
 }
 export default PopupBox;

package/dist/Table/Table.d.ts

@@ -18,6 +18,7 @@ export type TableProps = {
     pagination?: Pagination | false;
     empty?: ReactNode;
     rowSelection?: RowSelection;
+    multiple?: boolean;
 };
-export default function Table({ columns, dataSource, rowKey, scroll, onChange, headerRender, pagination: outerPagination, empty, rowSelection, }: TableProps): React.JSX.Element;
+export default function Table({ columns, dataSource, rowKey, scroll, onChange, headerRender, pagination: outerPagination, empty, rowSelection, multiple, }: TableProps): React.JSX.Element;
 export {};

package/dist/Table/Table.js

@@ -163,7 +163,8 @@ export default function Table(_ref3) {
     outerPagination = _ref3.pagination,
     _ref3$empty = _ref3.empty,
     empty = _ref3$empty === void 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : _ref3$empty,
-    rowSelection = _ref3.rowSelection;
+    rowSelection = _ref3.rowSelection,
+    multiple = _ref3.multiple;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     sorterController = _useState2[0],
@@ -195,13 +196,16 @@ export default function Table(_ref3) {
     }
   }, [rowSelection]);
   var formatedColumns = useMemo(function () {
-    if (rowSelection) {
+    if (rowSelection && multiple) {
       return [{
         key: 'selectRow',
         dataIndex: 'selectRow',
         title: /*#__PURE__*/React.createElement("input", {
           type: "checkbox",
           checked: selectedRows.length === dataSource.length,
+          onClick: function onClick(e) {
+            e.stopPropagation();
+          },
           onChange: function onChange(e) {
             if (e.target.checked) {
               var _rowSelection$onSelec;
@@ -264,7 +268,7 @@ export default function Table(_ref3) {
     } else {
       return columns;
     }
-  }, [columns, rowSelection, dataSource, selectedRows]);
+  }, [columns, rowSelection, dataSource, selectedRows, multiple]);
   var titleRowData = useMemo(function () {
     var data = {};
     formatedColumns.forEach(function (column) {
@@ -292,7 +296,7 @@ export default function Table(_ref3) {
       });
     });
     return data;
-  }, [formatedColumns, _onChange2, sorterController, setSorterController, rowSelection, filterValues, setFilterValues]);
+  }, [formatedColumns, sorterController, filterValues]);
   var boxShadowBox = useRef(null);
   var headerColumns = useMemo(function () {
     return formatedColumns.map(function (column) {
@@ -367,7 +371,43 @@ export default function Table(_ref3) {
   }, formatedDataSource.map(function (rowData, index) {
     if (rowData) return /*#__PURE__*/React.createElement(TableBodyRow, {
       key: rowData[rowKey],
-      isActive: selectedRows.includes(rowData)
+      isActive: selectedRows.includes(rowData),
+      onClick: function onClick(e) {
+        var _rowSelection$onSelec5;
+        if (!rowSelection) return;
+        var rows;
+        var selected;
+        if (multiple) {
+          if (selectedRows.includes(rowData)) {
+            rows = selectedRows.filter(function (row) {
+              return row[rowKey] !== rowData[rowKey];
+            });
+            selected = false;
+            setSelectedRows(rows);
+          } else {
+            rows = [].concat(_toConsumableArray(selectedRows), [rowData]);
+            selected = true;
+            setSelectedRows(rows);
+          }
+        } else {
+          if (selectedRows.includes(rowData)) {
+            rows = [];
+            selected = false;
+            setSelectedRows(rows);
+          } else {
+            rows = [rowData];
+            selected = true;
+            setSelectedRows(rows);
+          }
+        }
+        (_rowSelection$onSelec5 = rowSelection.onSelect) === null || _rowSelection$onSelec5 === void 0 || _rowSelection$onSelec5.call(rowSelection, rows.map(function (row) {
+          return row[rowKey];
+        }), {
+          type: 'row',
+          selected: selected,
+          nativeEvent: e
+        });
+      }
     }, /*#__PURE__*/React.createElement(Columns, {
       rowIndex: index,
       rowData: rowData,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kep-platform/basic-component",
-    "version": "0.0.50",
+    "version": "0.0.51",
     "description": "A react library developed with dumi",
     "license": "MIT",
     "module": "dist/index.js",
@@ -47,7 +47,7 @@
     },
     "dependencies": {
         "@ant-design/icons": "^5.3.7",
-        "@kep-platform/hooks": "^0.0.50",
+        "@kep-platform/hooks": "^0.0.51",
         "color": "^4.2.3",
         "rc-pagination": "^4.1.0"
     },
@@ -87,5 +87,5 @@
     "authors": [
         "less-step-jss 1599925910@qq.com"
     ],
-    "gitHead": "27794473fb736fc66e4a87b05a5c21c67c1165dc"
+    "gitHead": "c84a00e8fddc1d7c5f92ec94084e96afa486430f"
 }