Merge pull request #60 from kne-union/linzp

添加context

Author: zhipenglin

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kne/info-page",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "description": "一般用在复杂的详情展示页面，InfoPage提供了一个标准的展示信息的格式",
   "syntax": {
     "esmodules": true

src/CentralContent/index.js

@@ -6,8 +6,8 @@ import boxComputed from './boxComputed';
 import style from './style.module.scss';
 import computeColumnsValue from '../computeColumnsValue';
 
-const TableView = props => {
-  const { dataSource, columns, col, valueIsEmpty, emptyIsPlaceholder, placeholder, className } = Object.assign(
+const CentralContent = props => {
+  const { dataSource, columns, col, valueIsEmpty, emptyIsPlaceholder, placeholder, className, context } = Object.assign(
     {
       dataSource: {}, //数据
       columns: [], //列定义
@@ -25,7 +25,8 @@ const TableView = props => {
         dataSource,
         columns,
         valueIsEmpty,
-        emptyIsPlaceholder
+        emptyIsPlaceholder,
+        context
       }),
       col
     );
@@ -54,7 +55,8 @@ const TableView = props => {
               <Col className={classnames(style['table-view-content'], 'table-view-content')}>
                 {computeColumnsValue.computeDisplay({
                   column: item,
-                  placeholder
+                  placeholder,
+                  context
                 })}
               </Col>
             </Row>
@@ -65,4 +67,4 @@ const TableView = props => {
   );
 };
 
-export default TableView;
+export default CentralContent;

src/Flow/index.js

@@ -7,6 +7,8 @@ import get from 'lodash/get';
 import formatView from '../formatView';
 import { isEmpty } from '@kne/is-empty';
 
+//todo: 渲染方法迁移到computeColumnsValue
+
 export const ActionList = ({ name, action, options, content }) => {
   return (
     <div className={classnames('step-content-wrap', style['step-content-wrap'])}>

src/SplitLine/index.js

@@ -5,15 +5,16 @@ import computeColumnsValue from '../computeColumnsValue';
 import classnames from 'classnames';
 import style from './style.module.scss';
 
-const SplitLine = ({ className, dataSource, columns, valueIsEmpty = isEmpty, placeholder = '-', emptyIsPlaceholder = false, size = 0, labelGap = 4, labelMode = 'horizontal', split = <Divider type="vertical" />, ...props }) => {
+const SplitLine = ({ className, dataSource, columns, valueIsEmpty = isEmpty, placeholder = '-', emptyIsPlaceholder = false, size = 0, labelGap = 4, labelMode = 'horizontal', split = <Divider type="vertical" />, context, ...props }) => {
   return (
     <Space {...props} split={split} size={size} className={classnames(style['split-line'], 'split-line', className)}>
       {computeColumnsValue({
         columns,
         emptyIsPlaceholder,
         valueIsEmpty,
         dataSource,
-        placeholder
+        placeholder,
+        context
       }).map((item, index) => {
         return (
           <Flex key={item.key || index} flex={item.flex || 1} className="split-line-item" gap={labelGap} justify="space-between" align="center" vertical={labelMode === 'vertical'}>

src/TableView/index.js

@@ -4,7 +4,7 @@ import { Checkbox, Col, Empty, Row } from 'antd';
 import { CheckOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
 import get from 'lodash/get';
-import computeColumnsValue, { computeDisplay, computeColumnsDisplay } from '../computeColumnsValue';
+import computeColumnsValue, { computeDisplay } from '../computeColumnsValue';
 import { isEmpty } from '@kne/is-empty';
 import style from './style.module.scss';
 
@@ -69,13 +69,15 @@ const TableView = p => {
                 isChecked ? selectedRowKeys.splice(rowSelection.selectedRowKeys.indexOf(id), 1) : selectedRowKeys.push(id);
                 rowSelection.onChange(
                   selectedRowKeys,
-                  selectedRowKeys.map(id => dataSourceMapRef.current.get(id))
+                  selectedRowKeys.map(id => dataSourceMapRef.current.get(id)),
+                  { context }
                 );
               } else {
                 const selectedRowKeys = rowSelection.selectedRowKeys.length && rowSelection.selectedRowKeys[0] === id ? [] : [id];
                 rowSelection.onChange(
                   selectedRowKeys,
-                  selectedRowKeys.map(id => dataSourceMapRef.current.get(id))
+                  selectedRowKeys.map(id => dataSourceMapRef.current.get(id)),
+                  { context }
                 );
               }
             }}