协作组件

参数说明

interface IProps {
 	id: string | number; //feed_id 无默认
	isShowHead?: boolean; //是否显示头部 默认 true
	isOpenReward?: boolean; //是否开通打赏  默认false
	cooperationHeadName?: string; //协作组件title名称 默认“协作”
	isShowOperationRecord?: boolean; //是否显示操作记录 默认true
	extendedComponentsData?: Array<ComponentsData>; //扩展  上部tab扩展
	userAdvanceMode?: boolean; //是否开启选人组件的高级模式 默认false
	isShowMentionAllBtn?: boolean; //是否显示@所有同事的按钮 默认true
	isShowMentionBtn?: boolean; //是否显示@同事按钮 默认true
	isShowEmojyBtn?: boolean; //是否显示表情包按钮 默认true
	isShowUploadBtn?: boolean; //是否显示上传按钮 默认 true
	isExtendBefor?:boolean;// 是否将扩展字段插入到tab前面显示 默认 false
	operationBtnExternal?: React.ReactElement | React.ReactElement[]; //下方沟通组件的扩展字段
}

interface ComponentsData{
	text:string; //显示的名称
	name:string, //内部标示key值
	components:ReactNode //下方需要显示的扩展内容
}
peerDependencies: {
		"react": "16.x.x",
		"react-dom": "16.x.x",
		"styled-components": "^4.2.0"
	}
//注意：组件内部使用Bsglobal里的相关字段，请确保承载页里有tenantInfo（租户信息）、loginUserInfo（用户信息）、apiPath（主站地址）

##配置说明

示例代码

// 一般用法
import * as React from 'react';
import Cooperation from './../../src/index';
interface IProps {}
const Test: React.FunctionComponent<IProps> = () => {
	const testProps = {
		id: '12312',
		isShowHead: false, //是否显示头部
		isShowOperationRecord: true,
		isOpenReward: false,
		cooperationHeadName: '协作',
		extendedComponentsData: [
			{ text: '扩展', name: 'test', components: <div>test</div> }
		],
		isShowMentionAllBtn: false,
		userAdvanceMode: true,
		isShowMentionBtn: false,
		isShowEmojyBtn: false,
		isShowVisible: true,
		operationBtnExternal: <div>扩展按钮</div>
	};
	return <Cooperation {...testProps} />;
};

export default Test;


##兼容性说明
1、ie、edge浏览器不支持粘贴上传
2、不支持windows系统下在资源管理器直接复制图片进行粘贴上传，支持截图粘贴上传