|
@@ -17,6 +17,7 @@ import $ from 'jquery';
|
|
|
* * text:标签内文字
|
|
|
*
|
|
|
* ****/
|
|
|
+let indexNum = '';
|
|
|
|
|
|
class EditableSpan extends Component{
|
|
|
constructor(props){
|
|
@@ -50,6 +51,7 @@ class EditableSpan extends Component{
|
|
|
that.$span.current.innerHTML = txt;
|
|
|
});
|
|
|
})
|
|
|
+
|
|
|
const {mainSaveText,full,setFocusIndex,i,boxMark,value}= this.props;
|
|
|
let mainText = filterDataArr(mainSaveText);//主诉字数
|
|
|
if(+boxMark==3||+boxMark==4){ //主诉为空,且第一次聚焦其他史查体时提示且不可输入
|
|
@@ -134,17 +136,27 @@ class EditableSpan extends Component{
|
|
|
$(this.$span.current).off("paste");
|
|
|
}
|
|
|
|
|
|
- moveEnd(obj) {
|
|
|
+ moveEnd(obj,flg) {
|
|
|
if(window.getSelection){//ie11 10 9 ff safari
|
|
|
- obj.focus(); //解决ff不获取焦点无法定位问题
|
|
|
- var range = window.getSelection();//创建range
|
|
|
- range.selectAllChildren(obj);//range 选择obj下所有子内容
|
|
|
- range.collapseToEnd();//光标移至最后
|
|
|
+ setTimeout(() => {
|
|
|
+ obj.focus(); //解决ff不获取焦点无法定位问题
|
|
|
+ var range = window.getSelection();//创建range
|
|
|
+ range.selectAllChildren(obj);//range 选择obj下所有子内容
|
|
|
+ if(flg){
|
|
|
+ range.collapseToStart();//光标移至开头
|
|
|
+ }else{
|
|
|
+ range.collapseToEnd();//光标移至最后
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
}
|
|
|
else if (document.selection) {//ie10 9 8 7 6 5
|
|
|
var range = document.selection.createRange();//创建选择对象
|
|
|
range.moveToElementText(obj);//range定位到obj
|
|
|
- range.collapse(false);//光标移至最后
|
|
|
+ if(flg){
|
|
|
+ range.collapse(true);//光标移至开头
|
|
|
+ }else{
|
|
|
+ range.collapse(false);//光标移至最后
|
|
|
+ }
|
|
|
range.select();
|
|
|
}
|
|
|
}
|
|
@@ -163,32 +175,35 @@ class EditableSpan extends Component{
|
|
|
preVal:innerVal
|
|
|
})
|
|
|
}
|
|
|
+
|
|
|
let range = window.getSelection();
|
|
|
let textIndex = range.focusOffset;
|
|
|
- let textLength = range.anchorNode.length;
|
|
|
- if(ev.keyCode==37&& i!=0){//向左
|
|
|
+ let textLength = range.anchorNode&&range.anchorNode.length;
|
|
|
+ let preObj = $(this.$span.current).prev();
|
|
|
+ if(ev.keyCode==37){//向左
|
|
|
let preObj = $(this.$span.current).prev();
|
|
|
let obj = preObj[0]&&preObj[0].nodeName=="DIV"?preObj.prev():preObj;
|
|
|
if(textIndex == 0){
|
|
|
preventDefault(ev);
|
|
|
if(obj){
|
|
|
- this.moveEnd(obj[0]);
|
|
|
+ obj[0]&&this.moveEnd(obj[0]);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
if(ev.keyCode==39){//向右
|
|
|
+ let curObj = $(this.$span.current)
|
|
|
let nextObj = $(this.$span.current).next();
|
|
|
let obj = nextObj[0]&&nextObj[0].nodeName=="DIV"?nextObj.next():nextObj;
|
|
|
if(textIndex == textLength || textLength==undefined || (textIndex == 0 && textLength==1)){
|
|
|
preventDefault(ev);
|
|
|
if(obj){
|
|
|
- obj.focus();
|
|
|
+ obj[0]&&obj.focus();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
handleKeyup(e){
|
|
|
- const {boxMark,handleKeydown,removeId,handleClear,removeSpan} = this.props;
|
|
|
+ const {boxMark,handleKeydown,removeId,handleClear,removeSpan,handleChange} = this.props;
|
|
|
const {preVal,index} = this.state;
|
|
|
const ev = e||window.event;
|
|
|
const target = ev.target||ev.srcElement;
|
|
@@ -200,13 +215,24 @@ class EditableSpan extends Component{
|
|
|
if(ev.keyCode==46){//delete
|
|
|
//判断nexObj
|
|
|
// let nextObj = $(this.$span.current).next();
|
|
|
+ // ||textIndex ==innerVal.length&&preObj[0].nodeName=="DIV"
|
|
|
+ let range = window.getSelection();
|
|
|
+ let textIndex = range.focusOffset;
|
|
|
+
|
|
|
let nextObj = $(this.$span.current);
|
|
|
+ let nexObj = $(this.$span.current).next();
|
|
|
+ let nexObjN = nexObj.next();
|
|
|
+ let preObj = $(this.$span.current).prev();
|
|
|
+ let nexVal = nexObj[0]&&nexObj[0].innerText || nexObj[0]&&nexObj[0].innerHTML;
|
|
|
if(preVal.trim().length==1&& !innerVal){
|
|
|
removeId && removeId({boxMark,i:index,text:"",flag:'del'});
|
|
|
handleClear && handleClear({boxMark});//删除最后一个字时清空搜索结果,避免现病史搜索框不立即消失的情况
|
|
|
//如果后一个不是标签,则光标移到最前
|
|
|
if(nextObj && nextObj[0].nodeName !=="DIV"){
|
|
|
- nextObj.focus();
|
|
|
+ // nextObj.focus();
|
|
|
+ this.moveEnd(nextObj[0],1)
|
|
|
+ }else{
|
|
|
+ this.moveEnd(preObj[0])
|
|
|
}
|
|
|
}
|
|
|
//action里往后删除
|
|
@@ -214,14 +240,32 @@ class EditableSpan extends Component{
|
|
|
let data = innerVal.trim();
|
|
|
if(nextObj && !config.punctuationReg.test(data) || data=='<br>'){
|
|
|
handleKeydown&&handleKeydown({boxMark,i:index,text:data,flag:'del'});
|
|
|
- // nextObj.focus();
|
|
|
if(nextObj && nextObj[0] && nextObj[0].nodeName !=="DIV"){
|
|
|
// IE浏览器focus光标在最后,其他浏览器在最前
|
|
|
- nextObj.focus();
|
|
|
+ // nextObj.focus();
|
|
|
+ if(boxMark==2&&this.props.data[index+1]&&this.props.data[index+1].flag==3){
|
|
|
+ this.moveEnd(nexObjN[0],1);
|
|
|
+ }else{
|
|
|
+ this.moveEnd(nextObj[0],1);
|
|
|
+ }
|
|
|
}
|
|
|
/*this.setState({
|
|
|
index: null
|
|
|
})*/
|
|
|
+ }else if(indexNum ==innerVal.length&&nexObj[0]&&nexObj[0].nodeName=="DIV"){//span最后一位后面为div标签
|
|
|
+ handleKeydown&&handleKeydown({boxMark,i:index+1,text:data,flag:'del'});
|
|
|
+ this.moveEnd(nextObj[0]);
|
|
|
+ }else if(nexObj[0]&&nexObj[0].nodeName=="SPAN"){
|
|
|
+ if(nexVal.length <= 1){//为空或者一个字delete时候
|
|
|
+ removeId && removeId({boxMark,i:index+1,text:"",flag:'del'});
|
|
|
+ handleClear && handleClear({boxMark});
|
|
|
+ this.moveEnd(nexObj[0])
|
|
|
+ }else if(nexVal.length > 1){
|
|
|
+ let tmpVal = nexVal.substr(1,data.length)
|
|
|
+ handleChange&&handleChange({text1:tmpVal,boxMark,i:index+1});
|
|
|
+ nexObj.html(tmpVal)
|
|
|
+ this.moveEnd(nexObj[0],1)
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -230,6 +274,7 @@ class EditableSpan extends Component{
|
|
|
// 主诉现病史去重:删除最后一个字的时候移除该数据(将name、id和value替换成空)并移除id
|
|
|
// 前面是标签,内容为空时再删一次才移除标签;前面是文本,则直接移除;
|
|
|
let preObj = $(this.$span.current).prev();
|
|
|
+ let curObj = $(this.$span.current);
|
|
|
if(index!==0&&preVal.trim().length==1&& !innerVal){
|
|
|
removeId && removeId({boxMark,i:index,text:""});
|
|
|
handleClear && handleClear({boxMark});//删除最后一个字时清空搜索结果,避免现病史搜索框不立即消失的情况
|
|
@@ -238,8 +283,10 @@ class EditableSpan extends Component{
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ let range = window.getSelection();
|
|
|
+ let textIndex = range.focusOffset;
|
|
|
if(innerVal !== preVal){
|
|
|
-
|
|
|
+
|
|
|
}else{
|
|
|
// 中英文数字和下划线--单独删除标签
|
|
|
/*const reg = new RegExp("([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_])");
|
|
@@ -256,7 +303,7 @@ class EditableSpan extends Component{
|
|
|
// let pattern = new RegExp(/^\,?$|^\,?$|^\.?$|^\。?$|^\、?$|^\;?$|^\;?$|^\:?$|^\:?$|\s/);
|
|
|
// if(index!==0 && pattern.test(data)){
|
|
|
// 后半段是处理IE
|
|
|
- if(index!==0 && !config.punctuationReg.test(data) || index!==0 && data=='<br>'){
|
|
|
+ if(index!==0 && !config.punctuationReg.test(data) || index!==0 && data=='<br>'||indexNum == 0&&preObj[0]&&preObj[0].nodeName=="DIV"){
|
|
|
// let preObj = $(this.$span.current).prev();
|
|
|
let obj = preObj[0].nodeName=="DIV"?preObj.prev():preObj;
|
|
|
handleKeydown&&handleKeydown({boxMark,i:index,text:data,flag:'backsp'});
|
|
@@ -264,6 +311,26 @@ class EditableSpan extends Component{
|
|
|
this.setState({
|
|
|
index: null
|
|
|
})
|
|
|
+ }else if(textIndex == 0&&preObj[0]&&preObj[0].nodeName=="SPAN"){
|
|
|
+ let data = preObj[0].innerText || preObj[0].innerHTML;
|
|
|
+ if(data.length == 1){//span只有一个文本,删除后移除检索
|
|
|
+ removeId && removeId({boxMark,i:index-1,text:""});
|
|
|
+ handleClear && handleClear({boxMark});
|
|
|
+ if(preObj[0].nodeName !=="DIV"){
|
|
|
+ if(boxMark==2){
|
|
|
+ this.moveEnd(preObj[0],1);
|
|
|
+ }else{
|
|
|
+ this.moveEnd(preObj[0]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ let tmpVal = data.substr(0,data.length-1)
|
|
|
+ handleChange&&handleChange({text1:tmpVal,boxMark,i:index});
|
|
|
+ preObj.html(tmpVal)
|
|
|
+ if(preObj[0].nodeName !=="DIV"){
|
|
|
+ this.moveEnd(preObj[0]);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
// 主诉使用模板删除最后一个空span时移除
|
|
@@ -271,7 +338,6 @@ class EditableSpan extends Component{
|
|
|
removeSpan();
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
componentWillReceiveProps(next){
|
|
|
const isRead = this.props.isRead;
|
|
@@ -281,6 +347,9 @@ class EditableSpan extends Component{
|
|
|
}
|
|
|
handleClick(e){
|
|
|
$(this.$span.current).attr({"contentEditable":true}).focus()
|
|
|
+ let range = window.getSelection();
|
|
|
+ let textIndex = range.focusOffset;
|
|
|
+ indexNum = textIndex
|
|
|
}
|
|
|
componentDidMount(){
|
|
|
const {value} = this.props;
|