@kep-platform/basic-component 0.0.10 → 0.0.12

package/dist/Columns/Columns.d.ts

@@ -3,6 +3,7 @@ export declare const DefaultColumnWidth = 200;
 export type ColumnsProps = {
     columns: ColumnType[];
     rowData: Record<string, any>;
+    rowIndex?: number;
     isFlex?: boolean;
     leftBase?: number;
     columnsKey?: string;
@@ -21,4 +22,4 @@ export declare const Column: import("styled-components/dist/types").IStyledCompo
     left?: string | undefined;
     right?: string | undefined;
 }>> & string;
-export default function Columns({ columns, rowData, isFlex, leftBase, columnsKey, ...columnsRestProps }: ColumnsProps): React.JSX.Element;
+export default function Columns({ columns, rowData, rowIndex, isFlex, leftBase, columnsKey, ...columnsRestProps }: ColumnsProps): React.JSX.Element;

package/dist/Columns/Columns.js

@@ -1,4 +1,4 @@
-var _excluded = ["columns", "rowData", "isFlex", "leftBase", "columnsKey"],
+var _excluded = ["columns", "rowData", "rowIndex", "isFlex", "leftBase", "columnsKey"],
   _excluded2 = ["dataIndex", "render", "key"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -57,6 +57,8 @@ var displayColumnsCache = {};
 export default function Columns(_ref) {
   var columns = _ref.columns,
     rowData = _ref.rowData,
+    _ref$rowIndex = _ref.rowIndex,
+    rowIndex = _ref$rowIndex === void 0 ? 0 : _ref$rowIndex,
     _ref$isFlex = _ref.isFlex,
     isFlex = _ref$isFlex === void 0 ? true : _ref$isFlex,
     _ref$leftBase = _ref.leftBase,
@@ -112,8 +114,9 @@ export default function Columns(_ref) {
     direction: "row"
   }, columnsRestProps, {
     widthSum: widthSum,
-    isFlex: isFlex
-  }), displayColumns.map(function (_ref3, index) {
+    isFlex: isFlex,
+    rowIndex: rowIndex
+  }), displayColumns.map(function (_ref3) {
     var dataIndex = _ref3.dataIndex,
       render = _ref3.render,
       key = _ref3.key,
@@ -121,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, index)) || rowData[dataIndex] || '-');
+    }), (render === null || render === void 0 ? void 0 : render(rowData[dataIndex], rowData, rowIndex)) || rowData[dataIndex] || '-');
   }));
 }

package/dist/Table/Table.js

@@ -222,10 +222,11 @@ export default function Table(_ref3) {
     isFlex: !scroll
   }), /*#__PURE__*/React.createElement(TableBody, {
     direction: "column"
-  }, formatedDataSource.map(function (rowData) {
+  }, formatedDataSource.map(function (rowData, index) {
     return /*#__PURE__*/React.createElement(TableBodyRow, {
       key: rowData[rowKey]
     }, /*#__PURE__*/React.createElement(Columns, {
+      rowIndex: index,
       rowData: rowData,
       columns: columns,
       isFlex: !scroll

package/dist/Tree/MainProperties.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare const MainArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HtmlHTMLAttributes<HTMLDivElement> | keyof import("../Flex").FlexItemProps> & import("../Flex").FlexItemProps & React.HtmlHTMLAttributes<HTMLDivElement>, "ref"> & {
+export declare const MainArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Flex").FlexItemProps | keyof React.HtmlHTMLAttributes<HTMLDivElement>> & import("../Flex").FlexItemProps & React.HtmlHTMLAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
 type MainPropertyProps = {

package/dist/Tree/Tree.js

@@ -75,6 +75,7 @@ var Tree = function Tree(_ref) {
     treeTitle = _ref.title,
     _ref$titleWidth = _ref.titleWidth,
     titleWidth = _ref$titleWidth === void 0 ? 700 : _ref$titleWidth,
+    titleRender = _ref.titleRender,
     _ref$selectedKeys = _ref.selectedKeys,
     selectedKeys = _ref$selectedKeys === void 0 ? [] : _ref$selectedKeys,
     _ref$expandedKeys = _ref.expandedKeys,
@@ -202,7 +203,8 @@ var Tree = function Tree(_ref) {
       multiple: multiple,
       level: rootLevel,
       mainWidth: titleWidth,
-      contextMenuRender: contextMenuRender
+      contextMenuRender: contextMenuRender,
+      titleRender: titleRender
     });
   }), treeNodeGroup && groupBy && Object.keys(treeNodeGroup).map(function (key) {
     var group = treeNodeGroup[key];
@@ -222,7 +224,8 @@ var Tree = function Tree(_ref) {
         multiple: multiple,
         level: rootLevel,
         mainWidth: titleWidth,
-        contextMenuRender: contextMenuRender
+        contextMenuRender: contextMenuRender,
+        titleRender: titleRender
       });
     }
     return /*#__PURE__*/React.createElement(TreeNodeGroup, {
@@ -245,7 +248,8 @@ var Tree = function Tree(_ref) {
         multiple: multiple,
         level: rootLevel + 1,
         mainWidth: titleWidth,
-        contextMenuRender: contextMenuRender
+        contextMenuRender: contextMenuRender,
+        titleRender: titleRender
       });
     }));
   })));

package/dist/Tree/TreeNode.d.ts

@@ -1,4 +1,4 @@
-import React, { Key } from 'react';
+import React, { Key, ReactNode } from 'react';
 import { MainProperty } from './MainProperties';
 export type TreeNodeControllerProps = {
     node: TreeNodeType;
@@ -15,6 +15,7 @@ export type TreeNodeControllerProps = {
     expandedKeys: Key[];
     onExpand: onExpandHandler;
     contextMenuRender?: (node: TreeNodeType) => MenuItem[];
+    titleRender?: ((node: TreeNodeType) => ReactNode | null) | null | undefined;
 };
 export declare const TreeNodeController: React.FC<TreeNodeControllerProps>;
 export { MainProperty };

package/dist/Tree/TreeNode.js

@@ -42,7 +42,8 @@ export var TreeNodeController = function TreeNodeController(_ref) {
     mainWidth = _ref.mainWidth,
     expandedKeys = _ref.expandedKeys,
     onExpand = _ref.onExpand,
-    contextMenuRender = _ref.contextMenuRender;
+    contextMenuRender = _ref.contextMenuRender,
+    titleRender = _ref.titleRender;
   /* 处理子节点缩进 */
   var childLevel = useMemo(function () {
     return level + 1;
@@ -113,7 +114,7 @@ export var TreeNodeController = function TreeNodeController(_ref) {
       expanded: expanded
     })), /*#__PURE__*/React.createElement(FlexItem, {
       flex: 1
-    }, node[fieldNames.title])),
+    }, titleRender ? titleRender(node) : node[fieldNames.title])),
     property: isTableMode && /*#__PURE__*/React.createElement(Columns, {
       columns: columns,
       leftBase: mainWidth,
@@ -140,7 +141,8 @@ export var TreeNodeController = function TreeNodeController(_ref) {
       mainWidth: mainWidth,
       onExpand: onExpand,
       expandedKeys: expandedKeys,
-      contextMenuRender: contextMenuRender
+      contextMenuRender: contextMenuRender,
+      titleRender: titleRender
     });
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kep-platform/basic-component",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "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": "575a10d0cdee60ceb925d11ee5ac6657c93dec9d",
+  "gitHead": "71de0ed584c07df7324218aee13985135c8572d0",
   "dependencies": {
     "@ant-design/icons": "^5.3.7",
-    "@kep-platform/hooks": "^0.0.10",
+    "@kep-platform/hooks": "^0.0.12",
     "color": "^4.2.3",
     "rc-pagination": "^4.1.0",
     "styled-components": "^6.1.11"