@kep-platform/basic-component 0.0.15 → 0.0.19

package/dist/Columns/Columns.js

@@ -124,6 +124,6 @@ export default function Columns(_ref) {
     return /*#__PURE__*/React.createElement(Column, _extends({}, listItemRestProps, {
       key: key,
       isFlex: isFlex
-    }), (render === null || render === void 0 ? void 0 : render(rowData[dataIndex], rowData, rowIndex)) || rowData[dataIndex] || '-');
+    }), (render === null || render === void 0 ? void 0 : render(rowData[dataIndex], rowData, rowIndex)) || rowData[dataIndex]);
   }));
 }

package/dist/Table/Table.d.ts

@@ -14,7 +14,7 @@ export type TableProps = {
     onChange?: (pagination?: Pagination, sorter?: SorterDesc, fitler?: FilterDesc) => void;
     headerRender?: (column: ColumnType) => ReactNode;
     groupBy?: string;
-    pagination?: Pagination;
+    pagination?: Pagination | false;
 };
-export default function Table({ columns, dataSource, rowKey, actions, title, scroll, onChange, headerRender, pagination, }: TableProps): React.JSX.Element;
+export default function Table({ columns, dataSource, rowKey, actions, title, scroll, onChange, headerRender, pagination: outerPagination, }: TableProps): React.JSX.Element;
 export {};

package/dist/Table/Table.js

@@ -14,7 +14,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import CaretDownOutlined from '@ant-design/icons/CaretDownOutlined';
 import CaretUpOutlined from '@ant-design/icons/CaretUpOutlined';
-import React, { useCallback, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import { BoxShadowBox } from "../BoxShadowBox";
 import { Column, Columns } from "../Columns";
@@ -137,11 +137,21 @@ export default function Table(_ref3) {
     scroll = _ref3.scroll,
     _onChange2 = _ref3.onChange,
     headerRender = _ref3.headerRender,
-    pagination = _ref3.pagination;
+    outerPagination = _ref3.pagination;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     sorterController = _useState2[0],
     setSorterController = _useState2[1];
+  var _useState3 = useState(outerPagination === false ? false : outerPagination || {
+      current: 1,
+      pageSize: 10
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pagination = _useState4[0],
+    setPagination = _useState4[1];
+  useEffect(function () {
+    if (outerPagination !== undefined) setPagination(outerPagination);
+  }, [outerPagination]);
   var titleRowData = useMemo(function () {
     var data = {};
     columns.forEach(function (column) {
@@ -178,16 +188,17 @@ export default function Table(_ref3) {
     }, 0);
   }, [columns]);
   var formatedDataSource = useMemo(function () {
-    var formatedDataSource;
-    /* 分页过滤 */
-    if (pagination && dataSource.length > (pagination.pageSize || 10)) {
+    var formatedDataSource = dataSource;
+    if (pagination !== false) {
       var startIndex = ((pagination.current || 1) - 1) * (pagination.pageSize || 10);
       var endIndex = startIndex + (pagination.pageSize || 10) - 1;
-      formatedDataSource = dataSource.filter(function (_, index) {
-        return index >= startIndex && index <= endIndex;
+      formatedDataSource = dataSource.map(function (rowData, index) {
+        if (index >= startIndex && index <= endIndex) {
+          return rowData;
+        } else {
+          return undefined;
+        }
       });
-    } else {
-      formatedDataSource = dataSource;
     }
     /* 排序 */
     if (sorterController && sorterController.sorterType !== undefined) {
@@ -239,22 +250,26 @@ export default function Table(_ref3) {
   }), /*#__PURE__*/React.createElement(TableBody, {
     direction: "column"
   }, formatedDataSource.map(function (rowData, index) {
-    return /*#__PURE__*/React.createElement(TableBodyRow, {
+    if (rowData) return /*#__PURE__*/React.createElement(TableBodyRow, {
       key: rowData[rowKey]
     }, /*#__PURE__*/React.createElement(Columns, {
       rowIndex: index,
       rowData: rowData,
       columns: columns,
       isFlex: !scroll
-    }));
-  }))), /*#__PURE__*/React.createElement("br", null), pagination && /*#__PURE__*/React.createElement(Pagination, _extends({}, pagination, {
-    total: pagination.total || dataSource.length,
+    }));else return undefined;
+  }))), /*#__PURE__*/React.createElement("br", null), pagination !== false && /*#__PURE__*/React.createElement(Pagination, _extends({}, pagination, {
+    total: (pagination === null || pagination === void 0 ? void 0 : pagination.total) || dataSource.length,
     justifyContent: "right",
     onChange: function onChange(current, pageSize) {
       _onChange2 === null || _onChange2 === void 0 || _onChange2({
         current: current,
         pageSize: pageSize
       });
+      setPagination({
+        current: current,
+        pageSize: pageSize
+      });
     }
   })));
 }

package/dist/Tree/TreeNode.js

@@ -21,21 +21,25 @@ var ExpandedIcon = styled(CaretRightOutlined).withConfig({
     return css(["transform:rotate(90deg);"]);
   }
 });
+var TitleArea = styled(FlexItem).withConfig({
+  displayName: "TitleArea",
+  componentId: "basic-component-347b__sc-tzoomn-1"
+})([""]);
 var TreeNode = styled(ListItem).withConfig({
   displayName: "TreeNode",
-  componentId: "basic-component-347b__sc-tzoomn-1"
-})(["", " & ", ",& ", "{background-color:var(--kep-platform-color-bg-base);}&:hover{background-color:var(--kep-platform-color-bg-hover);& ", ",& ", "{background-color:var(--kep-platform-color-bg-hover);}& ", "{overflow-x:auto;& > ", "{width:auto;}}}", ""], function (props) {
+  componentId: "basic-component-347b__sc-tzoomn-2"
+})(["", " & ", ",& ", "{background-color:var(--kep-platform-color-bg-base);}&:hover{background-color:var(--kep-platform-color-bg-hover);& ", ",& ", "{background-color:var(--kep-platform-color-bg-hover);}& ", "{overflow-x:auto;& > ", "{width:auto;}}& ", "{overflow-x:auto;}}", ""], function (props) {
   if (props.width) {
     return css(["width:", "px;"], props.width);
   }
-}, Column, MainArea, Column, MainArea, MainArea, Flex, function (props) {
+}, Column, MainArea, Column, MainArea, MainArea, Flex, TitleArea, function (props) {
   if (props.selected) {
-    return css(["background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;& ", ",& ", "{background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;}& ", "{overflow-x:auto;& > ", "{width:auto;}}"], Column, MainArea, MainArea, Flex);
+    return css(["background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;& ", ",& ", "{background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;}& ", "{overflow-x:auto;& > ", "{width:auto;}}& ", "{overflow-x:auto;}"], Column, MainArea, MainArea, Flex, TitleArea);
   }
 });
 var TreeNodeGroupNode = styled.li.withConfig({
   displayName: "TreeNodeGroupNode",
-  componentId: "basic-component-347b__sc-tzoomn-2"
+  componentId: "basic-component-347b__sc-tzoomn-3"
 })(["height:40px;line-height:40px;background-color:var(--kep-platform-color-primary);color:var(--kep-platform-color-white);& span{color:var(--kep-platform-color-white) !important;}cursor:pointer;", ""], function (props) {
   if (props.width) {
     return css(["width:", "px;"], props.width);
@@ -180,7 +184,7 @@ export var TreeNodeController = function TreeNodeController(_ref) {
       onClick: onClickExpandIconhandler
     }, /*#__PURE__*/React.createElement(ExpandedIcon, {
       expanded: expanded
-    })), /*#__PURE__*/React.createElement(FlexItem, {
+    })), /*#__PURE__*/React.createElement(TitleArea, {
       flex: 1
     }, titleRender ? titleRender(node) : node[fieldNames.title])),
     property: isTableMode && /*#__PURE__*/React.createElement(Columns, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kep-platform/basic-component",
-  "version": "0.0.15",
+  "version": "0.0.19",
   "description": "A react library developed with dumi",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -74,10 +74,10 @@
     "react-dom": "^18.0.0",
     "stylelint": "^14.9.1"
   },
-  "gitHead": "fe3e26f7d0e44ccd78969f3acc6f417ce39dd32d",
+  "gitHead": "4e24a0c14e9b1508022d27174161eb926de711ec",
   "dependencies": {
     "@ant-design/icons": "^5.3.7",
-    "@kep-platform/hooks": "^0.0.15",
+    "@kep-platform/hooks": "^0.0.19",
     "color": "^4.2.3",
     "rc-pagination": "^4.1.0",
     "styled-components": "^6.1.11"