@labelbee/lb-components 1.23.0-alpha.4 → 1.23.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";var React=require("react"),index$5=require("../../../constant/index.js"),antd=require("antd"),index$1=require("./components/answerSort/index.js"),reactRedux=require("react-redux"),_=require("lodash"),index$4=require("./components/answerList/index.js"),ctx=require("../../../store/ctx.js"),index=require("../../../utils/index.js"),reducer=require("../../../store/annotation/reducer.js"),annotation=require("../../../hooks/annotation.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactI18next=require("react-i18next"),data=require("../utils/data.js"),empty=require("../../../assets/annotation/LLMTool/empty.svg.js"),index$3=require("./components/textInputBox/index.js"),index$2=require("../../tagList/components/overall/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,a,i)=>a in r?__defProp(r,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[a]=i,__spreadValues=(r,a)=>{for(var i in a||(a={}))__hasOwnProp.call(a,i)&&__defNormalProp(r,i,a[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(a))__propIsEnum.call(a,i)&&__defNormalProp(r,i,a[i]);return r},__spreadProps=(r,a)=>__defProps(r,__getOwnPropDescs(a));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$5.prefix}-sidebar`,LLMToolSidebar=r=>{var a,i;const{annotation:D,dispatch:m,checkMode:N}=r,{imgIndex:x,imgList:S,stepList:y,step:E,skipBeforePageTurning:L}=D,{modelAPIResponse:j,setModelAPIResponse:$}=React.useContext(ctx.LLMContext),{t:w}=reactI18next.useTranslation(),u=(a=S[x])!=null?a:{},M=index.jsonParser(u==null?void 0:u.result),{toolInstanceRef:c}=annotation.useCustomToolInstance({basicInfo:M}),[d,B]=React.useState(),[,F]=React.useState(0),{setNewAnswerList:V}=React.useContext(ctx.LLMContext),[o,p]=React.useState({}),g=!c.current.valid||N;React.useEffect(()=>{var e;if(y&&E){const t=(e=reducer.getStepConfig(y,E))==null?void 0:e.config;B(index.jsonParser(t))}},[E,JSON.stringify(y)]),React.useEffect(()=>{!u||x===-1||(c.current.setValid=q,c.current.clearResult=k,T())},[x,d]);const k=()=>{T(u==null?void 0:u.questionList)},q=e=>{var t;_.isBoolean(e)&&(c.current.valid=e,(t=c.current)==null||t.emit("validUpdated"),F(n=>n+1))},T=e=>{var t;const n=data.getCurrentResultFromResultList(u==null?void 0:u.result);let s=u==null?void 0:u.questionList;(n==null?void 0:n.answerList)&&c.current.valid&&(s=n),e&&(s=e,n.sort=[],n.valid=(t=c.current.valid)!=null?t:!0),q(n.valid);const f=data.getRenderDataByResult(d,s);p(__spreadValues({},f)),$([])};React.useEffect(()=>{const{newSort:e,answerList:t,textAttribute:n,tagList:s}=o,f=data.formatSort(e||[]),l={answerList:t,sort:f,tagList:s,textAttribute:n,id:u==null?void 0:u.id,modelAPIResponse:j,valid:c.current.valid};c.current.exportData=()=>[[l],{valid:c.current.valid}],c.current.currentPageResult=__spreadProps(__spreadValues({},l),{toolName:lbAnnotation.EToolName.LLM}),V(t||[])},[o,j]),React.useEffect(()=>(window.addEventListener("keydown",R),()=>{window.removeEventListener("keydown",R)}),[]);const R=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(L){L(()=>m(actionCreators.PageForward()));return}m(actionCreators.PageForward())}},K=({order:e,value:t,key:n})=>{const{answerList:s}=o,f=s==null?void 0:s.map(l=>{var b;if((l==null?void 0:l.order)===e){if(n==="textEdit"&&_.isString(t))return __spreadProps(__spreadValues({},l),{newAnswer:t});if(_.isNumber(t))return __spreadProps(__spreadValues({},l),{score:t});if(_.isObject(t)&&n){const h={[t==null?void 0:t.key]:t.value},P=(b=l[n])!=null?b:{};return __spreadProps(__spreadValues({},l),{[n]:__spreadValues(__spreadValues({},P),h)})}}return l});p(__spreadProps(__spreadValues({},o),{answerList:f||[]}))};if((()=>{var e,t;const{indicatorScore:n=[],indicatorDetermine:s=[],text:f=[],enableSort:l,isTextEdit:b,tagInputListConfigurable:h}=d||{},P=((e=n==null?void 0:n.filter(v=>v.label&&v.value&&v.score))==null?void 0:e.length)>0,Q=((t=s==null?void 0:s.filter(v=>v.label&&v.value))==null?void 0:t.length)>0,U=(f==null?void 0:f.length)>0;return!(P||Q||U||l||b||h)})())return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},React__default.default.createElement(antd.Empty,{description:React__default.default.createElement("span",{style:{color:"#ccc"}},w("NoScoringScale")),imageStyle:{width:200,height:200},image:React__default.default.createElement("img",{src:empty})})));const{indicatorScore:I=[],indicatorDetermine:O=[],enableSort:z,isTextEdit:W,inputList:C=[],tagInputListConfigurable:A}=d||{},G=A&&((i=C.filter(e=>!e.isOverall))==null?void 0:i.length)>0,J=(O==null?void 0:O.length)>0||(I==null?void 0:I.length)>0||W||G;return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},w("GlobalAnnotation")),z&&React__default.default.createElement(index$1,{waitSortList:(o==null?void 0:o.waitSorts)||[],sortList:(o==null?void 0:o.newSort)||[],setSortList:e=>{p(__spreadProps(__spreadValues({},o),{newSort:e}))},disabeledAll:g}),A&&C.length&&React__default.default.createElement(index$2,{inputList:C,selectedTags:(o==null?void 0:o.tagList)||{},updateValue:e=>{const{key:t,value:n}=e,s=o==null?void 0:o.tagList;p(__spreadProps(__spreadValues({},o),{tagList:__spreadProps(__spreadValues({},s),{[t]:n})}))},disabeledAll:g}),(d==null?void 0:d.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$3,{textAttribute:(o==null?void 0:o.textAttribute)||[],LLMConfig:d,setText:e=>p(__spreadProps(__spreadValues({},o),{textAttribute:e})),disabeledAll:g})),React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},w("QualifiedAnnotation")),React__default.default.createElement("div",null,J&&React__default.default.createElement(index$4,{list:(o==null?void 0:o.answerList)||[],LLMConfig:d,updateValue:K,disabeledAll:g}))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(S==null?void 0:S.length)-1!==x&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(L){L(()=>m(actionCreators.PageForward()));return}m(actionCreators.PageForward())},disabled:g},w("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolSidebar);module.exports=LLMToolSidebar$1;
1
+ "use strict";var React=require("react"),index$5=require("../../../constant/index.js"),antd=require("antd"),index$1=require("./components/answerSort/index.js"),reactRedux=require("react-redux"),_=require("lodash"),index$4=require("./components/answerList/index.js"),ctx=require("../../../store/ctx.js"),index=require("../../../utils/index.js"),reducer=require("../../../store/annotation/reducer.js"),annotation=require("../../../hooks/annotation.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactI18next=require("react-i18next"),data=require("../utils/data.js"),empty=require("../../../assets/annotation/LLMTool/empty.svg.js"),index$3=require("./components/textInputBox/index.js"),index$2=require("../../tagList/components/overall/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,a,i)=>a in r?__defProp(r,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[a]=i,__spreadValues=(r,a)=>{for(var i in a||(a={}))__hasOwnProp.call(a,i)&&__defNormalProp(r,i,a[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(a))__propIsEnum.call(a,i)&&__defNormalProp(r,i,a[i]);return r},__spreadProps=(r,a)=>__defProps(r,__getOwnPropDescs(a));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$5.prefix}-sidebar`,LLMToolSidebar=r=>{var a,i;const{annotation:D,dispatch:m,checkMode:N}=r,{imgIndex:x,imgList:S,stepList:y,step:E,skipBeforePageTurning:L}=D,{modelAPIResponse:j,setModelAPIResponse:$}=React.useContext(ctx.LLMContext),{t:w}=reactI18next.useTranslation(),c=(a=S[x])!=null?a:{},M=index.jsonParser(c==null?void 0:c.result),{toolInstanceRef:l}=annotation.useCustomToolInstance({basicInfo:M}),[d,B]=React.useState(),[,F]=React.useState(0),{setNewAnswerList:V}=React.useContext(ctx.LLMContext),[o,p]=React.useState({}),g=!l.current.valid||N;React.useEffect(()=>{var e;if(y&&E){const t=(e=reducer.getStepConfig(y,E))==null?void 0:e.config;B(index.jsonParser(t))}},[E,JSON.stringify(y)]),React.useEffect(()=>{!c||x===-1||(l.current.setValid=q,l.current.clearResult=k,T())},[x,d]);const k=()=>{T(c==null?void 0:c.questionList)},q=e=>{var t;_.isBoolean(e)&&(l.current.valid=e,(t=l.current)==null||t.emit("validUpdated"),F(n=>n+1))},T=e=>{var t;const n=data.getCurrentResultFromResultList(c==null?void 0:c.result);let s=c==null?void 0:c.questionList;(n==null?void 0:n.answerList)&&l.current.valid&&(s=n),e&&(s=e,n.sort=[],n.valid=(t=l.current.valid)!=null?t:!0),q(n.valid);const f=data.getRenderDataByResult(d,s);p(__spreadValues({},f)),$([])};React.useEffect(()=>{const{newSort:e,answerList:t,textAttribute:n,tagList:s}=o,f=data.formatSort(e||[]),u={answerList:t,sort:f,tagList:s,textAttribute:n,id:c==null?void 0:c.id,modelAPIResponse:j,valid:l.current.valid};l.current.exportData=()=>[[u],{valid:l.current.valid}],l.current.currentPageResult=__spreadProps(__spreadValues({},u),{toolName:lbAnnotation.EToolName.LLM}),V(t||[])},[o,j,l.current.valid]),React.useEffect(()=>(window.addEventListener("keydown",R),()=>{window.removeEventListener("keydown",R)}),[]);const R=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(L){L(()=>m(actionCreators.PageForward()));return}m(actionCreators.PageForward())}},K=({order:e,value:t,key:n})=>{const{answerList:s}=o,f=s==null?void 0:s.map(u=>{var b;if((u==null?void 0:u.order)===e){if(n==="textEdit"&&_.isString(t))return __spreadProps(__spreadValues({},u),{newAnswer:t});if(_.isNumber(t))return __spreadProps(__spreadValues({},u),{score:t});if(_.isObject(t)&&n){const h={[t==null?void 0:t.key]:t.value},P=(b=u[n])!=null?b:{};return __spreadProps(__spreadValues({},u),{[n]:__spreadValues(__spreadValues({},P),h)})}}return u});p(__spreadProps(__spreadValues({},o),{answerList:f||[]}))};if((()=>{var e,t;const{indicatorScore:n=[],indicatorDetermine:s=[],text:f=[],enableSort:u,isTextEdit:b,tagInputListConfigurable:h}=d||{},P=((e=n==null?void 0:n.filter(v=>v.label&&v.value&&v.score))==null?void 0:e.length)>0,Q=((t=s==null?void 0:s.filter(v=>v.label&&v.value))==null?void 0:t.length)>0,U=(f==null?void 0:f.length)>0;return!(P||Q||U||u||b||h)})())return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},React__default.default.createElement(antd.Empty,{description:React__default.default.createElement("span",{style:{color:"#ccc"}},w("NoScoringScale")),imageStyle:{width:200,height:200},image:React__default.default.createElement("img",{src:empty})})));const{indicatorScore:I=[],indicatorDetermine:O=[],enableSort:z,isTextEdit:W,inputList:C=[],tagInputListConfigurable:A}=d||{},G=A&&((i=C.filter(e=>!e.isOverall))==null?void 0:i.length)>0,J=(O==null?void 0:O.length)>0||(I==null?void 0:I.length)>0||W||G;return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},w("GlobalAnnotation")),z&&React__default.default.createElement(index$1,{waitSortList:(o==null?void 0:o.waitSorts)||[],sortList:(o==null?void 0:o.newSort)||[],setSortList:e=>{p(__spreadProps(__spreadValues({},o),{newSort:e}))},disabeledAll:g}),A&&C.length&&React__default.default.createElement(index$2,{inputList:C,selectedTags:(o==null?void 0:o.tagList)||{},updateValue:e=>{const{key:t,value:n}=e,s=o==null?void 0:o.tagList;p(__spreadProps(__spreadValues({},o),{tagList:__spreadProps(__spreadValues({},s),{[t]:n})}))},disabeledAll:g}),(d==null?void 0:d.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$3,{textAttribute:(o==null?void 0:o.textAttribute)||[],LLMConfig:d,setText:e=>p(__spreadProps(__spreadValues({},o),{textAttribute:e})),disabeledAll:g})),React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},w("QualifiedAnnotation")),React__default.default.createElement("div",null,J&&React__default.default.createElement(index$4,{list:(o==null?void 0:o.answerList)||[],LLMConfig:d,updateValue:K,disabeledAll:g}))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(S==null?void 0:S.length)-1!==x&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(L){L(()=>m(actionCreators.PageForward()));return}m(actionCreators.PageForward())},disabled:g},w("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolSidebar);module.exports=LLMToolSidebar$1;
@@ -1 +1 @@
1
- "use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),index$3=require("../../constant/index.js"),index$2=require("./textContent/index.js"),index$1=require("../../views/MainView/annotationTips/index.js"),reducer=require("../../store/annotation/reducer.js"),index=require("../../utils/index.js"),data=require("../LLMToolView/utils/data.js"),annotation=require("../../hooks/annotation.js"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,n,o)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,__spreadValues=(e,n)=>{for(var o in n||(n={}))__hasOwnProp.call(n,o)&&__defNormalProp(e,o,n[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(n))__propIsEnum.call(n,o)&&__defNormalProp(e,o,n[o]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const NLPViewCls=`${index$3.prefix}-NLPView`,NLPToolView=e=>{const{annotation:n,checkMode:o,tips:q,showTips:T,extraLayer:V,extraData:E,onChangeAnnotation:A,customAnnotationData:M}=e,{imgIndex:c,imgList:f,stepList:p,step:x}=n,{highlightKey:$,setHighlightKey:I}=React.useContext(ctx.NLPContext),{toolInstanceRef:i}=annotation.useCustomToolInstance(),[_,k]=React.useState(""),[g,B]=React.useState([]),[m,K]=React.useState(void 0),[H,F]=React.useState([{content:""}]),[a,l]=React.useState({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),z=React.useMemo(()=>(a==null?void 0:a.textAnnotation)?(m&&(a.textAnnotation=m),a.textAnnotation.filter(t=>g.length===0||g.includes(t.attribute))):[],[a,g,m]),v=React.useMemo(()=>{var t;if(p&&x){const r=(t=reducer.getStepConfig(p,x))==null?void 0:t.config;return index.jsonParser(r)}},[p,x]);React.useEffect(()=>{var t;if(!f[c])return;const r=(t=f[c])==null?void 0:t.textData;F(r),(v==null?void 0:v.attributeConfigurable)||h([])},[c,v]),React.useEffect(()=>{var t;if(!f[c])return;const r=(t=f[c])!=null?t:{},u=data.getCurrentResultFromResultList(r==null?void 0:r.result);l(u)},[c]),React.useEffect(()=>{i.current.exportData=()=>[[a],{}],i.current.setResult=()=>{},i.current.updateResult=t=>{l(t)},i.current.clearResult=Q,i.current.setDefaultAttribute=G,i.current.setHighlightKey=I,i.current.deleteTextAnnotation=U,i.current.setAttributeLockList=J,i.current.setVisibleResult=h,b()},[a]);const b=()=>{i.current.emit("changeAttributeSidebar"),i.current.emit("changeIndicatorDetermine")},G=t=>{i.current.defaultAttribute=t,k(t),b()},J=t=>{B(t)},h=t=>{K(t)},Q=()=>{l({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),b()},U=t=>{l(r=>__spreadProps(__spreadValues({},r),{textAnnotation:r.textAnnotation.filter(u=>u.id!==t)}))},W=(t,r)=>{var u,d;if(r===""||!t)return;const s=window.getSelection(),{anchorOffset:L=0,focusOffset:P=0,anchorNode:Y,focusNode:Z}=s||{};if(Y===Z){const w=Math.min(L,P),S=Math.max(L,P);let y;if((t==null?void 0:t.current)&&s){const O=(u=t.current)==null?void 0:u.getBoundingClientRect(),R=s.getRangeAt(0).getBoundingClientRect(),j=R.right-O.left,N=R.top-O.top;j&&N&&(y={left:j,top:N})}const D={id:lbAnnotation.uuid(8,62),start:w,end:S,text:r};if(typeof A=="function"){A(__spreadProps(__spreadValues({},D),{endPosition:y}));return}if(X(w,S,_,a==null?void 0:a.textAnnotation)||o)return;const C=(a==null?void 0:a.textAnnotation)||[];C.push(__spreadProps(__spreadValues({},D),{attribute:_}));const tt=__spreadProps(__spreadValues({},a),{textAnnotation:C});l(tt),(d=window.getSelection())==null||d.empty()}},X=(t,r,u,d)=>d==null?void 0:d.some(s=>(s==null?void 0:s.start)===t&&(s==null?void 0:s.end)===r&&(s==null?void 0:s.attribute)===u);return React__default.default.createElement("div",{className:NLPViewCls,id:"NLPView"},React__default.default.createElement("div",{className:`${NLPViewCls}-question`},T===!0&&React__default.default.createElement(index$1,{tips:q}),React__default.default.createElement(index$2,{highlightKey:$,textData:H,NLPConfig:v,textAnnotation:z,onSelectionChange:W,extraLayer:V,extraData:E,customAnnotationData:M})))},mapStateToProps=e=>({annotation:e.annotation});var NLPToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(NLPToolView);module.exports=NLPToolView$1;
1
+ "use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),index$3=require("../../constant/index.js"),index$2=require("./textContent/index.js"),index$1=require("../../views/MainView/annotationTips/index.js"),reducer=require("../../store/annotation/reducer.js"),index=require("../../utils/index.js"),data=require("../LLMToolView/utils/data.js"),annotation=require("../../hooks/annotation.js"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,n,o)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,__spreadValues=(e,n)=>{for(var o in n||(n={}))__hasOwnProp.call(n,o)&&__defNormalProp(e,o,n[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(n))__propIsEnum.call(n,o)&&__defNormalProp(e,o,n[o]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const NLPViewCls=`${index$3.prefix}-NLPView`,NLPToolView=e=>{const{annotation:n,checkMode:o,tips:q,showTips:T,extraLayer:V,extraData:E,onChangeAnnotation:_,customAnnotationData:M}=e,{imgIndex:c,imgList:p,stepList:x,step:g}=n,{highlightKey:$,setHighlightKey:I}=React.useContext(ctx.NLPContext),{toolInstanceRef:i}=annotation.useCustomToolInstance(),[h,k]=React.useState(""),[b,B]=React.useState([]),[m,K]=React.useState(void 0),[H,F]=React.useState([{content:""}]),[a,d]=React.useState({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),z=React.useMemo(()=>(a==null?void 0:a.textAnnotation)?(m&&(a.textAnnotation=m),a.textAnnotation.filter(t=>b.length===0||b.includes(t.attribute))):[],[a,b,m]),l=React.useMemo(()=>{var t;if(x&&g){const r=(t=reducer.getStepConfig(x,g))==null?void 0:t.config;return index.jsonParser(r)}},[x,g]);React.useEffect(()=>{var t;if(!p[c])return;const r=(t=p[c])==null?void 0:t.textData;F(r),(l==null?void 0:l.attributeConfigurable)||L([])},[c,l]),React.useEffect(()=>{var t;if(!p[c])return;const r=(t=p[c])!=null?t:{},u=data.getCurrentResultFromResultList(r==null?void 0:r.result);d(u)},[c]),React.useEffect(()=>{i.current.exportData=()=>[[a],{}],i.current.setResult=()=>{},i.current.updateResult=t=>{d(t)},i.current.clearResult=Q,i.current.setDefaultAttribute=G,i.current.setHighlightKey=I,i.current.deleteTextAnnotation=U,i.current.setAttributeLockList=J,i.current.setVisibleResult=L,A()},[a]);const A=()=>{i.current.emit("changeAttributeSidebar"),i.current.emit("changeIndicatorDetermine")},G=t=>{i.current.defaultAttribute=t,k(t),A()},J=t=>{B(t)},L=t=>{K(t)},Q=()=>{d({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),A()},U=t=>{d(r=>__spreadProps(__spreadValues({},r),{textAnnotation:r.textAnnotation.filter(u=>u.id!==t)}))},W=(t,r)=>{var u,f;if(r===""||!t)return;const s=window.getSelection(),{anchorOffset:P=0,focusOffset:w=0,anchorNode:Y,focusNode:Z}=s||{};if(Y===Z){const S=Math.min(P,w),y=Math.max(P,w);let C;if((t==null?void 0:t.current)&&s){const v=(u=t.current)==null?void 0:u.getBoundingClientRect(),R=s.getRangeAt(0).getBoundingClientRect(),j=R.right-v.left,N=R.top-v.top;j&&N&&(C={left:j,top:N})}const D={id:lbAnnotation.uuid(8,62),start:S,end:y,text:r};if(typeof _=="function"){_(__spreadProps(__spreadValues({},D),{endPosition:C}));return}if(X(S,y,h,a==null?void 0:a.textAnnotation)||o)return;if(l==null?void 0:l.attributeConfigurable){const v=(a==null?void 0:a.textAnnotation)||[];v.push(__spreadProps(__spreadValues({},D),{attribute:h}));const O=__spreadProps(__spreadValues({},a),{textAnnotation:v});d(O)}(f=window.getSelection())==null||f.empty()}},X=(t,r,u,f)=>f==null?void 0:f.some(s=>(s==null?void 0:s.start)===t&&(s==null?void 0:s.end)===r&&(s==null?void 0:s.attribute)===u);return React__default.default.createElement("div",{className:NLPViewCls,id:"NLPView"},React__default.default.createElement("div",{className:`${NLPViewCls}-question`},T===!0&&React__default.default.createElement(index$1,{tips:q}),React__default.default.createElement(index$2,{highlightKey:$,textData:H,NLPConfig:l,textAnnotation:z,onSelectionChange:W,extraLayer:V,extraData:E,customAnnotationData:M})))},mapStateToProps=e=>({annotation:e.annotation});var NLPToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(NLPToolView);module.exports=NLPToolView$1;
@@ -1 +1 @@
1
- "use strict";var React=require("react"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$2=require("../../../constant/index.js"),ahooks=require("ahooks"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation"),styleString=require("../../../constant/styleString.js"),index=require("../utils/index.js"),index$1=require("../../../utils/index.js"),extraMask=require("./extraMask.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,o,n)=>o in t?__defProp(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,__spreadValues=(t,o)=>{for(var n in o||(o={}))__hasOwnProp.call(o,n)&&__defNormalProp(t,n,o[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(o))__propIsEnum.call(o,n)&&__defNormalProp(t,n,o[n]);return t};const NLPViewCls=`${index$2.prefix}-NLPView`,renderExtraModal=({extraLayer:t,extraStyle:o,setExtraStyle:n,setExtraResut:d,extraResut:f})=>{if(typeof t=="function"&&n&&d)return t({style:o,onClose:()=>{var v;n(void 0),d(void 0),(v=window.getSelection())==null||v.empty()},submitData:f})},TextContent=t=>{const{highlightKey:o,textData:n,lang:d,NLPConfig:f,onSelectionChange:v,textAnnotation:E,extraData:l,customAnnotationData:I}=t,{displayRemarkList:p=[]}=l||{},{t:S}=reactI18next.useTranslation(),m=React.useRef(null),q=ahooks.useTextSelection(m),[g,w]=React.useState(),[D,b]=React.useState(void 0),x=React.useMemo(()=>{var e;return(e=n==null?void 0:n[0])==null?void 0:e.content},[n]),R=React.useMemo(()=>{const e=___default.default.clone(p);return(g==null?void 0:g.start)&&e.push(g),index.getIntervals(x,e!=null?e:[],"extraAnnotations")},[p,g,x]),j=React.useMemo(()=>index.getIntervals(x,E!=null?E:[],"annotations"),[E,x]);React.useEffect(()=>{if(I){const{id:e,start:r,end:i,text:u,endPosition:a}=I;w({id:e,start:r,end:i,text:u}),b(a)}},[I]);const P=(e="")=>{if(f==null?void 0:f.attributeConfigurable){const r=lbAnnotation.CommonToolUtils.jsonParser(styleString);return lbUtils.toolStyleConverter.getColorByConfig({attribute:e,config:f,style:r})}};return React.useEffect(()=>{var e;d&&((e=lbUtils.i18n)==null||e.changeLanguage(d))},[]),React.useEffect(()=>{v==null||v(m,q.text)},[q.text]),React.useEffect(()=>{var e;if(!(l==null?void 0:l.editAuditID))return;const r=document.getElementById("NLPView"),i=p.filter(s=>(s==null?void 0:s.auditID)===l.editAuditID)[0],u=(e=i==null?void 0:i.id)!=null?e:"",a=document.getElementById(u);if(a&&m.current){const s=a.getBoundingClientRect(),h=m.current.getBoundingClientRect(),y=s.right-h.left,c=a.offsetTop;y&&c&&b&&(r&&r.scrollTo({top:c,behavior:"auto"}),b({left:y,top:c}))}},[l==null?void 0:l.editAuditID]),React__default.default.createElement("div",null,React__default.default.createElement("div",{className:`${NLPViewCls}-question-title`},S("textTool")),React__default.default.createElement("div",{className:index$1.classnames({[`${NLPViewCls}-question-content`]:!0}),style:{position:"relative",whiteSpace:"pre-wrap"},onDoubleClick:e=>{e.preventDefault()}},React__default.default.createElement("div",{style:{position:"relative"}},j.map((e,r)=>{var i,u,a,s;const h=___default.default.last(e.annotations);if(h){let y=P(h.attribute);const c=(i=e==null?void 0:e.annotations)==null?void 0:i.find(C=>C.id===o);if(c){const C=(s=(a=(u=e==null?void 0:e.annotations)==null?void 0:u.filter(k=>k.id===o))==null?void 0:a[0])==null?void 0:s.attribute;y=P(C)}return React__default.default.createElement("span",{style:{backgroundColor:y.valid.stroke,color:c?"white":void 0,padding:"2px 0px"},key:r},e.text)}else return React__default.default.createElement("span",{key:r},e.text)}),(p==null?void 0:p.length)>0&&React__default.default.createElement(extraMask,{splitIntervals:R,extraData:l}),renderExtraModal({extraLayer:t==null?void 0:t.extraLayer,setExtraStyle:b,extraStyle:D,extraResut:g,setExtraResut:w}),React__default.default.createElement("div",{className:`${NLPViewCls}-question-content-mask`,ref:m},x))))},WrapQuestionView=t=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(TextContent,__spreadValues({},t)));module.exports=WrapQuestionView;
1
+ "use strict";var React=require("react"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$2=require("../../../constant/index.js"),ahooks=require("ahooks"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation"),styleString=require("../../../constant/styleString.js"),index=require("../utils/index.js"),index$1=require("../../../utils/index.js"),extraMask=require("./extraMask.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,o,n)=>o in t?__defProp(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,__spreadValues=(t,o)=>{for(var n in o||(o={}))__hasOwnProp.call(o,n)&&__defNormalProp(t,n,o[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(o))__propIsEnum.call(o,n)&&__defNormalProp(t,n,o[n]);return t};const NLPViewCls=`${index$2.prefix}-NLPView`,renderExtraModal=({extraLayer:t,extraStyle:o,setExtraStyle:n,setExtraResut:d,extraResut:f})=>{if(typeof t=="function"&&n&&d)return t({style:o,onClose:()=>{var v;n(void 0),d(void 0),(v=window.getSelection())==null||v.empty()},submitData:f})},TextContent=t=>{const{highlightKey:o,textData:n,lang:d,NLPConfig:f,onSelectionChange:v,textAnnotation:E,extraData:a,customAnnotationData:I}=t,{displayRemarkList:p=[]}=a||{},{t:D}=reactI18next.useTranslation(),m=React.useRef(null),q=ahooks.useTextSelection(m),[g,w]=React.useState(),[R,b]=React.useState(void 0),x=React.useMemo(()=>{var e;return(e=n==null?void 0:n[0])==null?void 0:e.content},[n]),j=React.useMemo(()=>{const e=___default.default.clone(p);return(g==null?void 0:g.start)&&e.push(g),index.getIntervals(x,e!=null?e:[],"extraAnnotations")},[p,g,x]),k=React.useMemo(()=>index.getIntervals(x,E!=null?E:[],"annotations"),[E,x]);React.useEffect(()=>{if(I){const{id:e,start:r,end:i,text:c,endPosition:l}=I;w({id:e,start:r,end:i,text:c}),b(l)}},[I]);const P=(e="")=>{if(f==null?void 0:f.attributeConfigurable){const r=lbAnnotation.CommonToolUtils.jsonParser(styleString);return lbUtils.toolStyleConverter.getColorByConfig({attribute:e,config:f,style:r})}};return React.useEffect(()=>{var e;d&&((e=lbUtils.i18n)==null||e.changeLanguage(d))},[]),React.useEffect(()=>{v==null||v(m,q.text)},[q.text]),React.useEffect(()=>{var e;if(!(a==null?void 0:a.editAuditID))return;const r=document.getElementById("NLPView"),i=p.filter(s=>(s==null?void 0:s.auditID)===a.editAuditID)[0],c=(e=i==null?void 0:i.id)!=null?e:"",l=document.getElementById(c);if(l&&m.current){const s=l.getBoundingClientRect(),h=m.current.getBoundingClientRect(),y=s.right-h.left,u=l.offsetTop;y&&u&&b&&(r&&r.scrollTo({top:u,behavior:"auto"}),b({left:y,top:u}))}},[a==null?void 0:a.editAuditID]),React__default.default.createElement("div",null,React__default.default.createElement("div",{className:`${NLPViewCls}-question-title`},D("textTool")),React__default.default.createElement("div",{className:index$1.classnames({[`${NLPViewCls}-question-content`]:!0}),style:{position:"relative",whiteSpace:"pre-wrap"},onDoubleClick:e=>{e.preventDefault()}},React__default.default.createElement("div",{style:{position:"relative"}},k.map((e,r)=>{var i,c,l,s,h;const y=___default.default.last(e.annotations);if(y){let u=P(y.attribute);const S=(i=e==null?void 0:e.annotations)==null?void 0:i.find(C=>C.id===o);if(S){const C=(s=(l=(c=e==null?void 0:e.annotations)==null?void 0:c.filter(L=>L.id===o))==null?void 0:l[0])==null?void 0:s.attribute;u=P(C)}return React__default.default.createElement("span",{style:{backgroundColor:(h=u==null?void 0:u.valid)==null?void 0:h.stroke,color:S?"white":void 0,padding:"2px 0px"},key:r},e.text)}else return React__default.default.createElement("span",{key:r},e.text)}),(p==null?void 0:p.length)>0&&React__default.default.createElement(extraMask,{splitIntervals:j,extraData:a}),renderExtraModal({extraLayer:t==null?void 0:t.extraLayer,setExtraStyle:b,extraStyle:R,extraResut:g,setExtraResut:w}),React__default.default.createElement("div",{className:`${NLPViewCls}-question-content-mask`,ref:m},x))))},WrapQuestionView=t=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(TextContent,__spreadValues({},t)));module.exports=WrapQuestionView;
package/dist/index.css CHANGED
@@ -1870,11 +1870,14 @@
1870
1870
  -ms-user-select: none;
1871
1871
  user-select: none;
1872
1872
  }
1873
+ .generalOperation .generalOperation-col {
1874
+ display: flex;
1875
+ justify-content: center;
1876
+ }
1873
1877
  .generalOperation .item {
1874
1878
  text-align: center;
1875
- flex: 1;
1876
1879
  box-sizing: border-box;
1877
- width: 100%;
1880
+ width: 100px;
1878
1881
  height: 100%;
1879
1882
  display: flex;
1880
1883
  flex-direction: column;
@@ -1 +1 @@
1
- "use strict";var React=require("react"),antd=require("antd"),reactI18next=require("react-i18next"),index=require("../../../../constant/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const forbidStyle={color:"#CCCCCC"},PopconfirmTitle=({info:e})=>{const{t}=reactI18next.useTranslation();return e.key.startsWith("sure")?React__default.default.createElement("div",{key:e.key},`${t("ConfirmTo")}${e.name.slice(0)}\uFF1F`):React__default.default.createElement("span",null,e.name)},ActionIcon=({icon:e})=>typeof e=="string"?React__default.default.createElement("img",{width:23,height:25,src:e}):e,ShowIcon=({isHover:e,info:t})=>{const r=!!t.forbidOperation,l=t.key===e&&!r;let n={color:l?"#666fff":""};return r&&(n=forbidStyle),React__default.default.createElement("div",{style:{cursor:r?"not-allowed":"default"},onClick:()=>{var c;return(t==null?void 0:t.forbidConfirm)&&!r&&((c=t==null?void 0:t.onClick)==null?void 0:c.call(t))}},React__default.default.createElement("div",{className:"icon"},React__default.default.createElement(ActionIcon,{icon:l?t.hoverSvg:t.imgSvg})),React__default.default.createElement("div",{className:"toolName",style:n},t.name))},ActionsConfirm=({allOperation:e})=>{const t=React.useRef(null),[r,l]=React.useState(null),{t:n}=reactI18next.useTranslation(),c=Math.floor(24/e.length);return React__default.default.createElement("div",{className:"generalOperation",ref:t},e.map((a,u)=>React__default.default.createElement(antd.Col,{span:c,key:u},React__default.default.createElement("div",{key:a.key,className:"item",onMouseEnter:()=>{l(a.key)},onMouseLeave:()=>{l(null)}},a.forbidConfirm?React__default.default.createElement(ShowIcon,{info:a,isHover:r}):React__default.default.createElement(antd.Popconfirm,{title:React__default.default.createElement(PopconfirmTitle,{info:a}),placement:"topRight",okText:n("Confirm"),cancelText:n("Cancel"),getPopupContainer:()=>{var o;return(o=t.current)!=null?o:document.body},onConfirm:a.onClick,overlayClassName:`${index.prefix}-pop-confirm`},React__default.default.createElement("div",null,React__default.default.createElement(ShowIcon,{info:a,isHover:r})))))))};module.exports=ActionsConfirm;
1
+ "use strict";var React=require("react"),antd=require("antd"),reactI18next=require("react-i18next"),index=require("../../../../constant/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const forbidStyle={color:"#CCCCCC"},PopconfirmTitle=({info:e})=>{const{t}=reactI18next.useTranslation();return e.key.startsWith("sure")?React__default.default.createElement("div",{key:e.key},`${t("ConfirmTo")}${e.name.slice(0)}\uFF1F`):React__default.default.createElement("span",null,e.name)},ActionIcon=({icon:e})=>typeof e=="string"?React__default.default.createElement("img",{width:23,height:25,src:e}):e,ShowIcon=({isHover:e,info:t})=>{const a=!!t.forbidOperation,l=t.key===e&&!a;let n={color:l?"#666fff":""};return a&&(n=forbidStyle),React__default.default.createElement("div",{style:{cursor:a?"not-allowed":"default"},onClick:()=>{var c;return(t==null?void 0:t.forbidConfirm)&&!a&&((c=t==null?void 0:t.onClick)==null?void 0:c.call(t))}},React__default.default.createElement("div",{className:"icon"},React__default.default.createElement(ActionIcon,{icon:l?t.hoverSvg:t.imgSvg})),React__default.default.createElement("div",{className:"toolName",style:n},t.name))},ActionsConfirm=({allOperation:e})=>{const t=React.useRef(null),[a,l]=React.useState(null),{t:n}=reactI18next.useTranslation(),c=Math.floor(24/e.length);return React__default.default.createElement("div",{className:"generalOperation",ref:t},e.map((r,u)=>React__default.default.createElement(antd.Col,{span:c,key:u,className:"generalOperation-col"},React__default.default.createElement("div",{key:r.key,className:"item",onMouseEnter:()=>{l(r.key)},onMouseLeave:()=>{l(null)}},r.forbidConfirm?React__default.default.createElement(ShowIcon,{info:r,isHover:a}):React__default.default.createElement(antd.Popconfirm,{title:React__default.default.createElement(PopconfirmTitle,{info:r}),placement:"topRight",okText:n("Confirm"),cancelText:n("Cancel"),getPopupContainer:()=>{var o;return(o=t.current)!=null?o:document.body},onConfirm:r.onClick,overlayClassName:`${index.prefix}-pop-confirm`},React__default.default.createElement("div",null,React__default.default.createElement(ShowIcon,{info:r,isHover:a})))))))};module.exports=ActionsConfirm;
@@ -1 +1 @@
1
- import r,{useContext as K,useState as R,useEffect as E}from"react";import{prefix as at}from"../../../constant/index.js";import{Empty as lt,Button as ct}from"antd";import dt from"./components/answerSort/index.js";import{connect as ut}from"react-redux";import{isBoolean as mt,isString as pt,isNumber as ft,isObject as vt}from"lodash";import gt from"./components/answerList/index.js";import{LabelBeeContext as Lt,LLMContext as q}from"../../../store/ctx.js";import{jsonParser as z}from"../../../utils/index.js";import{getStepConfig as xt}from"../../../store/annotation/reducer.js";import{useCustomToolInstance as wt}from"../../../hooks/annotation.js";import{PageForward as h}from"../../../store/annotation/actionCreators.js";import{cKeyCode as bt,EToolName as St}from"@labelbee/lb-annotation";import{useTranslation as _t}from"react-i18next";import{getCurrentResultFromResultList as yt,getRenderDataByResult as Et,formatSort as ht}from"../utils/data.js";import Ct from"../../../assets/annotation/LLMTool/empty.svg.js";import jt from"./components/textInputBox/index.js";import Tt from"../../tagList/components/overall/index.js";var Pt=Object.defineProperty,It=Object.defineProperties,Ot=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertySymbols,At=Object.prototype.hasOwnProperty,Rt=Object.prototype.propertyIsEnumerable,W=(s,i,a)=>i in s?Pt(s,i,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[i]=a,d=(s,i)=>{for(var a in i||(i={}))At.call(i,a)&&W(s,a,i[a]);if(F)for(var a of F(i))Rt.call(i,a)&&W(s,a,i[a]);return s},p=(s,i)=>It(s,Ot(i));const Nt=bt.default,C=`${at}-sidebar`,Dt=s=>{var i,a;const{annotation:G,dispatch:w,checkMode:J}=s,{imgIndex:b,imgList:j,stepList:T,step:P,skipBeforePageTurning:S}=G,{modelAPIResponse:N,setModelAPIResponse:Q}=K(q),{t:_}=_t(),u=(i=j[b])!=null?i:{},U=z(u==null?void 0:u.result),{toolInstanceRef:m}=wt({basicInfo:U}),[f,H]=R(),[,X]=R(0),{setNewAnswerList:Y}=K(q),[o,L]=R({}),x=!m.current.valid||J;E(()=>{var t;if(T&&P){const e=(t=xt(T,P))==null?void 0:t.config;H(z(e))}},[P,JSON.stringify(T)]),E(()=>{!u||b===-1||(m.current.setValid=D,m.current.clearResult=Z,M())},[b,f]);const Z=()=>{M(u==null?void 0:u.questionList)},D=t=>{var e;mt(t)&&(m.current.valid=t,(e=m.current)==null||e.emit("validUpdated"),X(n=>n+1))},M=t=>{var e;const n=yt(u==null?void 0:u.result);let l=u==null?void 0:u.questionList;(n==null?void 0:n.answerList)&&m.current.valid&&(l=n),t&&(l=t,n.sort=[],n.valid=(e=m.current.valid)!=null?e:!0),D(n.valid);const v=Et(f,l);L(d({},v)),Q([])};E(()=>{const{newSort:t,answerList:e,textAttribute:n,tagList:l}=o,v=ht(t||[]),c={answerList:e,sort:v,tagList:l,textAttribute:n,id:u==null?void 0:u.id,modelAPIResponse:N,valid:m.current.valid};m.current.exportData=()=>[[c],{valid:m.current.valid}],m.current.currentPageResult=p(d({},c),{toolName:St.LLM}),Y(e||[])},[o,N]),E(()=>(window.addEventListener("keydown",B),()=>{window.removeEventListener("keydown",B)}),[]);const B=t=>{if(t.ctrlKey&&t.keyCode===Nt.Enter){if(S){S(()=>w(h()));return}w(h())}},tt=({order:t,value:e,key:n})=>{const{answerList:l}=o,v=l==null?void 0:l.map(c=>{var y;if((c==null?void 0:c.order)===t){if(n==="textEdit"&&pt(e))return p(d({},c),{newAnswer:e});if(ft(e))return p(d({},c),{score:e});if(vt(e)&&n){const O={[e==null?void 0:e.key]:e.value},A=(y=c[n])!=null?y:{};return p(d({},c),{[n]:d(d({},A),O)})}}return c});L(p(d({},o),{answerList:v||[]}))};if((()=>{var t,e;const{indicatorScore:n=[],indicatorDetermine:l=[],text:v=[],enableSort:c,isTextEdit:y,tagInputListConfigurable:O}=f||{},A=((t=n==null?void 0:n.filter(g=>g.label&&g.value&&g.score))==null?void 0:t.length)>0,it=((e=l==null?void 0:l.filter(g=>g.label&&g.value))==null?void 0:e.length)>0,st=(v==null?void 0:v.length)>0;return!(A||it||st||c||y||O)})())return r.createElement("div",{className:`${C}`},r.createElement("div",{className:`${C}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},r.createElement(lt,{description:r.createElement("span",{style:{color:"#ccc"}},_("NoScoringScale")),imageStyle:{width:200,height:200},image:r.createElement("img",{src:Ct})})));const{indicatorScore:$=[],indicatorDetermine:V=[],enableSort:et,isTextEdit:nt,inputList:I=[],tagInputListConfigurable:k}=f||{},ot=k&&((a=I.filter(t=>!t.isOverall))==null?void 0:a.length)>0,rt=(V==null?void 0:V.length)>0||($==null?void 0:$.length)>0||nt||ot;return r.createElement("div",{className:`${C}`},r.createElement("div",{className:`${C}__content`},r.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},_("GlobalAnnotation")),et&&r.createElement(dt,{waitSortList:(o==null?void 0:o.waitSorts)||[],sortList:(o==null?void 0:o.newSort)||[],setSortList:t=>{L(p(d({},o),{newSort:t}))},disabeledAll:x}),k&&I.length&&r.createElement(Tt,{inputList:I,selectedTags:(o==null?void 0:o.tagList)||{},updateValue:t=>{const{key:e,value:n}=t,l=o==null?void 0:o.tagList;L(p(d({},o),{tagList:p(d({},l),{[e]:n})}))},disabeledAll:x}),(f==null?void 0:f.text)&&r.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},r.createElement(jt,{textAttribute:(o==null?void 0:o.textAttribute)||[],LLMConfig:f,setText:t=>L(p(d({},o),{textAttribute:t})),disabeledAll:x})),r.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},_("QualifiedAnnotation")),r.createElement("div",null,rt&&r.createElement(gt,{list:(o==null?void 0:o.answerList)||[],LLMConfig:f,updateValue:tt,disabeledAll:x}))),r.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(j==null?void 0:j.length)-1!==b&&r.createElement(ct,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(S){S(()=>w(h()));return}w(h())},disabled:x},_("Save"))))},Mt=s=>({annotation:s.annotation});var Bt=ut(Mt,null,null,{context:Lt})(Dt);export{Bt as default};
1
+ import r,{useContext as K,useState as R,useEffect as E}from"react";import{prefix as at}from"../../../constant/index.js";import{Empty as lt,Button as ct}from"antd";import dt from"./components/answerSort/index.js";import{connect as ut}from"react-redux";import{isBoolean as mt,isString as pt,isNumber as ft,isObject as vt}from"lodash";import gt from"./components/answerList/index.js";import{LabelBeeContext as Lt,LLMContext as q}from"../../../store/ctx.js";import{jsonParser as z}from"../../../utils/index.js";import{getStepConfig as xt}from"../../../store/annotation/reducer.js";import{useCustomToolInstance as wt}from"../../../hooks/annotation.js";import{PageForward as h}from"../../../store/annotation/actionCreators.js";import{cKeyCode as bt,EToolName as St}from"@labelbee/lb-annotation";import{useTranslation as _t}from"react-i18next";import{getCurrentResultFromResultList as yt,getRenderDataByResult as Et,formatSort as ht}from"../utils/data.js";import Ct from"../../../assets/annotation/LLMTool/empty.svg.js";import jt from"./components/textInputBox/index.js";import Tt from"../../tagList/components/overall/index.js";var Pt=Object.defineProperty,It=Object.defineProperties,Ot=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertySymbols,At=Object.prototype.hasOwnProperty,Rt=Object.prototype.propertyIsEnumerable,W=(s,i,a)=>i in s?Pt(s,i,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[i]=a,u=(s,i)=>{for(var a in i||(i={}))At.call(i,a)&&W(s,a,i[a]);if(F)for(var a of F(i))Rt.call(i,a)&&W(s,a,i[a]);return s},p=(s,i)=>It(s,Ot(i));const Nt=bt.default,C=`${at}-sidebar`,Dt=s=>{var i,a;const{annotation:G,dispatch:w,checkMode:J}=s,{imgIndex:b,imgList:j,stepList:T,step:P,skipBeforePageTurning:S}=G,{modelAPIResponse:N,setModelAPIResponse:Q}=K(q),{t:_}=_t(),m=(i=j[b])!=null?i:{},U=z(m==null?void 0:m.result),{toolInstanceRef:c}=wt({basicInfo:U}),[f,H]=R(),[,X]=R(0),{setNewAnswerList:Y}=K(q),[o,L]=R({}),x=!c.current.valid||J;E(()=>{var t;if(T&&P){const e=(t=xt(T,P))==null?void 0:t.config;H(z(e))}},[P,JSON.stringify(T)]),E(()=>{!m||b===-1||(c.current.setValid=D,c.current.clearResult=Z,M())},[b,f]);const Z=()=>{M(m==null?void 0:m.questionList)},D=t=>{var e;mt(t)&&(c.current.valid=t,(e=c.current)==null||e.emit("validUpdated"),X(n=>n+1))},M=t=>{var e;const n=yt(m==null?void 0:m.result);let l=m==null?void 0:m.questionList;(n==null?void 0:n.answerList)&&c.current.valid&&(l=n),t&&(l=t,n.sort=[],n.valid=(e=c.current.valid)!=null?e:!0),D(n.valid);const v=Et(f,l);L(u({},v)),Q([])};E(()=>{const{newSort:t,answerList:e,textAttribute:n,tagList:l}=o,v=ht(t||[]),d={answerList:e,sort:v,tagList:l,textAttribute:n,id:m==null?void 0:m.id,modelAPIResponse:N,valid:c.current.valid};c.current.exportData=()=>[[d],{valid:c.current.valid}],c.current.currentPageResult=p(u({},d),{toolName:St.LLM}),Y(e||[])},[o,N,c.current.valid]),E(()=>(window.addEventListener("keydown",B),()=>{window.removeEventListener("keydown",B)}),[]);const B=t=>{if(t.ctrlKey&&t.keyCode===Nt.Enter){if(S){S(()=>w(h()));return}w(h())}},tt=({order:t,value:e,key:n})=>{const{answerList:l}=o,v=l==null?void 0:l.map(d=>{var y;if((d==null?void 0:d.order)===t){if(n==="textEdit"&&pt(e))return p(u({},d),{newAnswer:e});if(ft(e))return p(u({},d),{score:e});if(vt(e)&&n){const O={[e==null?void 0:e.key]:e.value},A=(y=d[n])!=null?y:{};return p(u({},d),{[n]:u(u({},A),O)})}}return d});L(p(u({},o),{answerList:v||[]}))};if((()=>{var t,e;const{indicatorScore:n=[],indicatorDetermine:l=[],text:v=[],enableSort:d,isTextEdit:y,tagInputListConfigurable:O}=f||{},A=((t=n==null?void 0:n.filter(g=>g.label&&g.value&&g.score))==null?void 0:t.length)>0,it=((e=l==null?void 0:l.filter(g=>g.label&&g.value))==null?void 0:e.length)>0,st=(v==null?void 0:v.length)>0;return!(A||it||st||d||y||O)})())return r.createElement("div",{className:`${C}`},r.createElement("div",{className:`${C}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},r.createElement(lt,{description:r.createElement("span",{style:{color:"#ccc"}},_("NoScoringScale")),imageStyle:{width:200,height:200},image:r.createElement("img",{src:Ct})})));const{indicatorScore:$=[],indicatorDetermine:V=[],enableSort:et,isTextEdit:nt,inputList:I=[],tagInputListConfigurable:k}=f||{},ot=k&&((a=I.filter(t=>!t.isOverall))==null?void 0:a.length)>0,rt=(V==null?void 0:V.length)>0||($==null?void 0:$.length)>0||nt||ot;return r.createElement("div",{className:`${C}`},r.createElement("div",{className:`${C}__content`},r.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},_("GlobalAnnotation")),et&&r.createElement(dt,{waitSortList:(o==null?void 0:o.waitSorts)||[],sortList:(o==null?void 0:o.newSort)||[],setSortList:t=>{L(p(u({},o),{newSort:t}))},disabeledAll:x}),k&&I.length&&r.createElement(Tt,{inputList:I,selectedTags:(o==null?void 0:o.tagList)||{},updateValue:t=>{const{key:e,value:n}=t,l=o==null?void 0:o.tagList;L(p(u({},o),{tagList:p(u({},l),{[e]:n})}))},disabeledAll:x}),(f==null?void 0:f.text)&&r.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},r.createElement(jt,{textAttribute:(o==null?void 0:o.textAttribute)||[],LLMConfig:f,setText:t=>L(p(u({},o),{textAttribute:t})),disabeledAll:x})),r.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},_("QualifiedAnnotation")),r.createElement("div",null,rt&&r.createElement(gt,{list:(o==null?void 0:o.answerList)||[],LLMConfig:f,updateValue:tt,disabeledAll:x}))),r.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(j==null?void 0:j.length)-1!==b&&r.createElement(ct,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(S){S(()=>w(h()));return}w(h())},disabled:x},_("Save"))))},Mt=s=>({annotation:s.annotation});var Bt=ut(Mt,null,null,{context:Lt})(Dt);export{Bt as default};
@@ -1 +1 @@
1
- import g,{useContext as lt,useState as f,useMemo as k,useEffect as P}from"react";import{connect as dt}from"react-redux";import{LabelBeeContext as ft,NLPContext as pt}from"../../store/ctx.js";import{prefix as mt}from"../../constant/index.js";import gt from"./textContent/index.js";import vt from"../../views/MainView/annotationTips/index.js";import{getStepConfig as xt}from"../../store/annotation/reducer.js";import{jsonParser as bt}from"../../utils/index.js";import{getCurrentResultFromResultList as At}from"../LLMToolView/utils/data.js";import{useCustomToolInstance as _t}from"../../hooks/annotation.js";import{uuid as ht}from"@labelbee/lb-annotation";var wt=Object.defineProperty,Pt=Object.defineProperties,Lt=Object.getOwnPropertyDescriptors,B=Object.getOwnPropertySymbols,yt=Object.prototype.hasOwnProperty,Ct=Object.prototype.propertyIsEnumerable,K=(o,e,r)=>e in o?wt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,v=(o,e)=>{for(var r in e||(e={}))yt.call(e,r)&&K(o,r,e[r]);if(B)for(var r of B(e))Ct.call(e,r)&&K(o,r,e[r]);return o},x=(o,e)=>Pt(o,Lt(e));const $=`${mt}-NLPView`,Dt=o=>{const{annotation:e,checkMode:r,tips:H,showTips:q,extraLayer:F,extraData:Q,onChangeAnnotation:L,customAnnotationData:W}=o,{imgIndex:u,imgList:p,stepList:b,step:A}=e,{highlightKey:z,setHighlightKey:G}=lt(pt),{toolInstanceRef:i}=_t(),[y,J]=f(""),[_,U]=f([]),[h,X]=f(void 0),[Y,Z]=f([{content:""}]),[s,l]=f({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),tt=k(()=>(s==null?void 0:s.textAnnotation)?(h&&(s.textAnnotation=h),s.textAnnotation.filter(t=>_.length===0||_.includes(t.attribute))):[],[s,_,h]),m=k(()=>{var t;if(b&&A){const n=(t=xt(b,A))==null?void 0:t.config;return bt(n)}},[b,A]);P(()=>{var t;if(!p[u])return;const n=(t=p[u])==null?void 0:t.textData;Z(n),(m==null?void 0:m.attributeConfigurable)||C([])},[u,m]),P(()=>{var t;if(!p[u])return;const n=(t=p[u])!=null?t:{},c=At(n==null?void 0:n.result);l(c)},[u]),P(()=>{i.current.exportData=()=>[[s],{}],i.current.setResult=()=>{},i.current.updateResult=t=>{l(t)},i.current.clearResult=ot,i.current.setDefaultAttribute=et,i.current.setHighlightKey=G,i.current.deleteTextAnnotation=rt,i.current.setAttributeLockList=nt,i.current.setVisibleResult=C,w()},[s]);const w=()=>{i.current.emit("changeAttributeSidebar"),i.current.emit("changeIndicatorDetermine")},et=t=>{i.current.defaultAttribute=t,J(t),w()},nt=t=>{U(t)},C=t=>{X(t)},ot=()=>{l({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),w()},rt=t=>{l(n=>x(v({},n),{textAnnotation:n.textAnnotation.filter(c=>c.id!==t)}))},it=(t,n)=>{var c,d;if(n===""||!t)return;const a=window.getSelection(),{anchorOffset:D=0,focusOffset:O=0,anchorNode:at,focusNode:ct}=a||{};if(at===ct){const S=Math.min(D,O),j=Math.max(D,O);let N;if((t==null?void 0:t.current)&&a){const V=(c=t.current)==null?void 0:c.getBoundingClientRect(),E=a.getRangeAt(0).getBoundingClientRect(),I=E.right-V.left,M=E.top-V.top;I&&M&&(N={left:I,top:M})}const R={id:ht(8,62),start:S,end:j,text:n};if(typeof L=="function"){L(x(v({},R),{endPosition:N}));return}if(st(S,j,y,s==null?void 0:s.textAnnotation)||r)return;const T=(s==null?void 0:s.textAnnotation)||[];T.push(x(v({},R),{attribute:y}));const ut=x(v({},s),{textAnnotation:T});l(ut),(d=window.getSelection())==null||d.empty()}},st=(t,n,c,d)=>d==null?void 0:d.some(a=>(a==null?void 0:a.start)===t&&(a==null?void 0:a.end)===n&&(a==null?void 0:a.attribute)===c);return g.createElement("div",{className:$,id:"NLPView"},g.createElement("div",{className:`${$}-question`},q===!0&&g.createElement(vt,{tips:H}),g.createElement(gt,{highlightKey:z,textData:Y,NLPConfig:m,textAnnotation:tt,onSelectionChange:it,extraLayer:F,extraData:Q,customAnnotationData:W})))},Ot=o=>({annotation:o.annotation});var St=dt(Ot,null,null,{context:ft})(Dt);export{St as default};
1
+ import v,{useContext as ut,useState as m,useMemo as k,useEffect as L}from"react";import{connect as lt}from"react-redux";import{LabelBeeContext as dt,NLPContext as ft}from"../../store/ctx.js";import{prefix as pt}from"../../constant/index.js";import mt from"./textContent/index.js";import gt from"../../views/MainView/annotationTips/index.js";import{getStepConfig as vt}from"../../store/annotation/reducer.js";import{jsonParser as xt}from"../../utils/index.js";import{getCurrentResultFromResultList as bt}from"../LLMToolView/utils/data.js";import{useCustomToolInstance as At}from"../../hooks/annotation.js";import{uuid as _t}from"@labelbee/lb-annotation";var ht=Object.defineProperty,wt=Object.defineProperties,Pt=Object.getOwnPropertyDescriptors,B=Object.getOwnPropertySymbols,Lt=Object.prototype.hasOwnProperty,Ct=Object.prototype.propertyIsEnumerable,K=(o,e,r)=>e in o?ht(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,x=(o,e)=>{for(var r in e||(e={}))Lt.call(e,r)&&K(o,r,e[r]);if(B)for(var r of B(e))Ct.call(e,r)&&K(o,r,e[r]);return o},b=(o,e)=>wt(o,Pt(e));const $=`${pt}-NLPView`,yt=o=>{const{annotation:e,checkMode:r,tips:H,showTips:q,extraLayer:F,extraData:Q,onChangeAnnotation:C,customAnnotationData:W}=o,{imgIndex:u,imgList:g,stepList:A,step:_}=e,{highlightKey:z,setHighlightKey:G}=ut(ft),{toolInstanceRef:i}=At(),[y,J]=m(""),[h,U]=m([]),[w,X]=m(void 0),[Y,Z]=m([{content:""}]),[s,d]=m({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),tt=k(()=>(s==null?void 0:s.textAnnotation)?(w&&(s.textAnnotation=w),s.textAnnotation.filter(t=>h.length===0||h.includes(t.attribute))):[],[s,h,w]),l=k(()=>{var t;if(A&&_){const n=(t=vt(A,_))==null?void 0:t.config;return xt(n)}},[A,_]);L(()=>{var t;if(!g[u])return;const n=(t=g[u])==null?void 0:t.textData;Z(n),(l==null?void 0:l.attributeConfigurable)||D([])},[u,l]),L(()=>{var t;if(!g[u])return;const n=(t=g[u])!=null?t:{},c=bt(n==null?void 0:n.result);d(c)},[u]),L(()=>{i.current.exportData=()=>[[s],{}],i.current.setResult=()=>{},i.current.updateResult=t=>{d(t)},i.current.clearResult=ot,i.current.setDefaultAttribute=et,i.current.setHighlightKey=G,i.current.deleteTextAnnotation=rt,i.current.setAttributeLockList=nt,i.current.setVisibleResult=D,P()},[s]);const P=()=>{i.current.emit("changeAttributeSidebar"),i.current.emit("changeIndicatorDetermine")},et=t=>{i.current.defaultAttribute=t,J(t),P()},nt=t=>{U(t)},D=t=>{X(t)},ot=()=>{d({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),P()},rt=t=>{d(n=>b(x({},n),{textAnnotation:n.textAnnotation.filter(c=>c.id!==t)}))},it=(t,n)=>{var c,f;if(n===""||!t)return;const a=window.getSelection(),{anchorOffset:O=0,focusOffset:S=0,anchorNode:at,focusNode:ct}=a||{};if(at===ct){const j=Math.min(O,S),N=Math.max(O,S);let R;if((t==null?void 0:t.current)&&a){const p=(c=t.current)==null?void 0:c.getBoundingClientRect(),E=a.getRangeAt(0).getBoundingClientRect(),I=E.right-p.left,M=E.top-p.top;I&&M&&(R={left:I,top:M})}const T={id:_t(8,62),start:j,end:N,text:n};if(typeof C=="function"){C(b(x({},T),{endPosition:R}));return}if(st(j,N,y,s==null?void 0:s.textAnnotation)||r)return;if(l==null?void 0:l.attributeConfigurable){const p=(s==null?void 0:s.textAnnotation)||[];p.push(b(x({},T),{attribute:y}));const V=b(x({},s),{textAnnotation:p});d(V)}(f=window.getSelection())==null||f.empty()}},st=(t,n,c,f)=>f==null?void 0:f.some(a=>(a==null?void 0:a.start)===t&&(a==null?void 0:a.end)===n&&(a==null?void 0:a.attribute)===c);return v.createElement("div",{className:$,id:"NLPView"},v.createElement("div",{className:`${$}-question`},q===!0&&v.createElement(gt,{tips:H}),v.createElement(mt,{highlightKey:z,textData:Y,NLPConfig:l,textAnnotation:tt,onSelectionChange:it,extraLayer:F,extraData:Q,customAnnotationData:W})))},Dt=o=>({annotation:o.annotation});var Ot=lt(Dt,null,null,{context:dt})(yt);export{Ot as default};
@@ -1 +1 @@
1
- import r,{useRef as K,useState as k,useMemo as P,useEffect as E}from"react";import{I18nextProvider as Q,useTranslation as U}from"react-i18next";import{i18n as L,toolStyleConverter as W}from"@labelbee/lb-utils";import{prefix as z}from"../../../constant/index.js";import{useTextSelection as F}from"ahooks";import N from"lodash";import{CommonToolUtils as G}from"@labelbee/lb-annotation";import H from"../../../constant/styleString.js";import{getIntervals as O}from"../utils/index.js";import{classnames as J}from"../../../utils/index.js";import X from"./extraMask.js";var Y=Object.defineProperty,T=Object.getOwnPropertySymbols,Z=Object.prototype.hasOwnProperty,tt=Object.prototype.propertyIsEnumerable,A=(n,o,e)=>o in n?Y(n,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[o]=e,et=(n,o)=>{for(var e in o||(o={}))Z.call(o,e)&&A(n,e,o[e]);if(T)for(var e of T(o))tt.call(o,e)&&A(n,e,o[e]);return n};const S=`${z}-NLPView`,nt=({extraLayer:n,extraStyle:o,setExtraStyle:e,setExtraResut:m,extraResut:f})=>{if(typeof n=="function"&&e&&m)return n({style:o,onClose:()=>{var p;e(void 0),m(void 0),(p=window.getSelection())==null||p.empty()},submitData:f})},ot=n=>{const{highlightKey:o,textData:e,lang:m,NLPConfig:f,onSelectionChange:p,textAnnotation:C,extraData:a,customAnnotationData:w}=n,{displayRemarkList:v=[]}=a||{},{t:B}=U(),g=K(null),D=F(g),[x,R]=k(),[V,b]=k(void 0),y=P(()=>{var t;return(t=e==null?void 0:e[0])==null?void 0:t.content},[e]),M=P(()=>{const t=N.clone(v);return(x==null?void 0:x.start)&&t.push(x),O(y,t!=null?t:[],"extraAnnotations")},[v,x,y]),$=P(()=>O(y,C!=null?C:[],"annotations"),[C,y]);E(()=>{if(w){const{id:t,start:i,end:s,text:u,endPosition:l}=w;R({id:t,start:i,end:s,text:u}),b(l)}},[w]);const j=(t="")=>{if(f==null?void 0:f.attributeConfigurable){const i=G.jsonParser(H);return W.getColorByConfig({attribute:t,config:f,style:i})}};return E(()=>{var t;m&&((t=L)==null||t.changeLanguage(m))},[]),E(()=>{p==null||p(g,D.text)},[D.text]),E(()=>{var t;if(!(a==null?void 0:a.editAuditID))return;const i=document.getElementById("NLPView"),s=v.filter(c=>(c==null?void 0:c.auditID)===a.editAuditID)[0],u=(t=s==null?void 0:s.id)!=null?t:"",l=document.getElementById(u);if(l&&g.current){const c=l.getBoundingClientRect(),h=g.current.getBoundingClientRect(),_=c.right-h.left,d=l.offsetTop;_&&d&&b&&(i&&i.scrollTo({top:d,behavior:"auto"}),b({left:_,top:d}))}},[a==null?void 0:a.editAuditID]),r.createElement("div",null,r.createElement("div",{className:`${S}-question-title`},B("textTool")),r.createElement("div",{className:J({[`${S}-question-content`]:!0}),style:{position:"relative",whiteSpace:"pre-wrap"},onDoubleClick:t=>{t.preventDefault()}},r.createElement("div",{style:{position:"relative"}},$.map((t,i)=>{var s,u,l,c;const h=N.last(t.annotations);if(h){let _=j(h.attribute);const d=(s=t==null?void 0:t.annotations)==null?void 0:s.find(I=>I.id===o);if(d){const I=(c=(l=(u=t==null?void 0:t.annotations)==null?void 0:u.filter(q=>q.id===o))==null?void 0:l[0])==null?void 0:c.attribute;_=j(I)}return r.createElement("span",{style:{backgroundColor:_.valid.stroke,color:d?"white":void 0,padding:"2px 0px"},key:i},t.text)}else return r.createElement("span",{key:i},t.text)}),(v==null?void 0:v.length)>0&&r.createElement(X,{splitIntervals:M,extraData:a}),nt({extraLayer:n==null?void 0:n.extraLayer,setExtraStyle:b,extraStyle:V,extraResut:x,setExtraResut:R}),r.createElement("div",{className:`${S}-question-content-mask`,ref:g},y))))},rt=n=>r.createElement(Q,{i18n:L},r.createElement(ot,et({},n)));export{rt as default};
1
+ import r,{useRef as Q,useState as L,useMemo as P,useEffect as E}from"react";import{I18nextProvider as U,useTranslation as W}from"react-i18next";import{i18n as N,toolStyleConverter as z}from"@labelbee/lb-utils";import{prefix as F}from"../../../constant/index.js";import{useTextSelection as G}from"ahooks";import O from"lodash";import{CommonToolUtils as H}from"@labelbee/lb-annotation";import J from"../../../constant/styleString.js";import{getIntervals as T}from"../utils/index.js";import{classnames as X}from"../../../utils/index.js";import Y from"./extraMask.js";var Z=Object.defineProperty,A=Object.getOwnPropertySymbols,tt=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable,B=(n,o,e)=>o in n?Z(n,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[o]=e,nt=(n,o)=>{for(var e in o||(o={}))tt.call(o,e)&&B(n,e,o[e]);if(A)for(var e of A(o))et.call(o,e)&&B(n,e,o[e]);return n};const S=`${F}-NLPView`,ot=({extraLayer:n,extraStyle:o,setExtraStyle:e,setExtraResut:m,extraResut:f})=>{if(typeof n=="function"&&e&&m)return n({style:o,onClose:()=>{var v;e(void 0),m(void 0),(v=window.getSelection())==null||v.empty()},submitData:f})},rt=n=>{const{highlightKey:o,textData:e,lang:m,NLPConfig:f,onSelectionChange:v,textAnnotation:C,extraData:a,customAnnotationData:w}=n,{displayRemarkList:p=[]}=a||{},{t:V}=W(),g=Q(null),D=G(g),[x,R]=L(),[M,b]=L(void 0),y=P(()=>{var t;return(t=e==null?void 0:e[0])==null?void 0:t.content},[e]),$=P(()=>{const t=O.clone(p);return(x==null?void 0:x.start)&&t.push(x),T(y,t!=null?t:[],"extraAnnotations")},[p,x,y]),q=P(()=>T(y,C!=null?C:[],"annotations"),[C,y]);E(()=>{if(w){const{id:t,start:l,end:s,text:d,endPosition:i}=w;R({id:t,start:l,end:s,text:d}),b(i)}},[w]);const j=(t="")=>{if(f==null?void 0:f.attributeConfigurable){const l=H.jsonParser(J);return z.getColorByConfig({attribute:t,config:f,style:l})}};return E(()=>{var t;m&&((t=N)==null||t.changeLanguage(m))},[]),E(()=>{v==null||v(g,D.text)},[D.text]),E(()=>{var t;if(!(a==null?void 0:a.editAuditID))return;const l=document.getElementById("NLPView"),s=p.filter(c=>(c==null?void 0:c.auditID)===a.editAuditID)[0],d=(t=s==null?void 0:s.id)!=null?t:"",i=document.getElementById(d);if(i&&g.current){const c=i.getBoundingClientRect(),h=g.current.getBoundingClientRect(),_=c.right-h.left,u=i.offsetTop;_&&u&&b&&(l&&l.scrollTo({top:u,behavior:"auto"}),b({left:_,top:u}))}},[a==null?void 0:a.editAuditID]),r.createElement("div",null,r.createElement("div",{className:`${S}-question-title`},V("textTool")),r.createElement("div",{className:X({[`${S}-question-content`]:!0}),style:{position:"relative",whiteSpace:"pre-wrap"},onDoubleClick:t=>{t.preventDefault()}},r.createElement("div",{style:{position:"relative"}},q.map((t,l)=>{var s,d,i,c,h;const _=O.last(t.annotations);if(_){let u=j(_.attribute);const k=(s=t==null?void 0:t.annotations)==null?void 0:s.find(I=>I.id===o);if(k){const I=(c=(i=(d=t==null?void 0:t.annotations)==null?void 0:d.filter(K=>K.id===o))==null?void 0:i[0])==null?void 0:c.attribute;u=j(I)}return r.createElement("span",{style:{backgroundColor:(h=u==null?void 0:u.valid)==null?void 0:h.stroke,color:k?"white":void 0,padding:"2px 0px"},key:l},t.text)}else return r.createElement("span",{key:l},t.text)}),(p==null?void 0:p.length)>0&&r.createElement(Y,{splitIntervals:$,extraData:a}),ot({extraLayer:n==null?void 0:n.extraLayer,setExtraStyle:b,extraStyle:M,extraResut:x,setExtraResut:R}),r.createElement("div",{className:`${S}-question-content-mask`,ref:g},y))))},lt=n=>r.createElement(U,{i18n:N},r.createElement(rt,nt({},n)));export{lt as default};
package/es/index.css CHANGED
@@ -1870,11 +1870,14 @@
1870
1870
  -ms-user-select: none;
1871
1871
  user-select: none;
1872
1872
  }
1873
+ .generalOperation .generalOperation-col {
1874
+ display: flex;
1875
+ justify-content: center;
1876
+ }
1873
1877
  .generalOperation .item {
1874
1878
  text-align: center;
1875
- flex: 1;
1876
1879
  box-sizing: border-box;
1877
- width: 100%;
1880
+ width: 100px;
1878
1881
  height: 100%;
1879
1882
  display: flex;
1880
1883
  flex-direction: column;
@@ -1 +1 @@
1
- import t,{useRef as d,useState as v}from"react";import{Col as p,Popconfirm as C}from"antd";import{useTranslation as s}from"react-i18next";import{prefix as E}from"../../../../constant/index.js";const y={color:"#CCCCCC"},f=({info:r})=>{const{t:e}=s();return r.key.startsWith("sure")?t.createElement("div",{key:r.key},`${e("ConfirmTo")}${r.name.slice(0)}\uFF1F`):t.createElement("span",null,r.name)},k=({icon:r})=>typeof r=="string"?t.createElement("img",{width:23,height:25,src:r}):r,i=({isHover:r,info:e})=>{const n=!!e.forbidOperation,o=e.key===r&&!n;let a={color:o?"#666fff":""};return n&&(a=y),t.createElement("div",{style:{cursor:n?"not-allowed":"default"},onClick:()=>{var c;return(e==null?void 0:e.forbidConfirm)&&!n&&((c=e==null?void 0:e.onClick)==null?void 0:c.call(e))}},t.createElement("div",{className:"icon"},t.createElement(k,{icon:o?e.hoverSvg:e.imgSvg})),t.createElement("div",{className:"toolName",style:a},e.name))},g=({allOperation:r})=>{const e=d(null),[n,o]=v(null),{t:a}=s(),c=Math.floor(24/r.length);return t.createElement("div",{className:"generalOperation",ref:e},r.map((l,u)=>t.createElement(p,{span:c,key:u},t.createElement("div",{key:l.key,className:"item",onMouseEnter:()=>{o(l.key)},onMouseLeave:()=>{o(null)}},l.forbidConfirm?t.createElement(i,{info:l,isHover:n}):t.createElement(C,{title:t.createElement(f,{info:l}),placement:"topRight",okText:a("Confirm"),cancelText:a("Cancel"),getPopupContainer:()=>{var m;return(m=e.current)!=null?m:document.body},onConfirm:l.onClick,overlayClassName:`${E}-pop-confirm`},t.createElement("div",null,t.createElement(i,{info:l,isHover:n})))))))};export{g as default};
1
+ import t,{useRef as d,useState as p}from"react";import{Col as v,Popconfirm as C}from"antd";import{useTranslation as m}from"react-i18next";import{prefix as E}from"../../../../constant/index.js";const y={color:"#CCCCCC"},f=({info:r})=>{const{t:e}=m();return r.key.startsWith("sure")?t.createElement("div",{key:r.key},`${e("ConfirmTo")}${r.name.slice(0)}\uFF1F`):t.createElement("span",null,r.name)},g=({icon:r})=>typeof r=="string"?t.createElement("img",{width:23,height:25,src:r}):r,i=({isHover:r,info:e})=>{const n=!!e.forbidOperation,o=e.key===r&&!n;let a={color:o?"#666fff":""};return n&&(a=y),t.createElement("div",{style:{cursor:n?"not-allowed":"default"},onClick:()=>{var c;return(e==null?void 0:e.forbidConfirm)&&!n&&((c=e==null?void 0:e.onClick)==null?void 0:c.call(e))}},t.createElement("div",{className:"icon"},t.createElement(g,{icon:o?e.hoverSvg:e.imgSvg})),t.createElement("div",{className:"toolName",style:a},e.name))},k=({allOperation:r})=>{const e=d(null),[n,o]=p(null),{t:a}=m(),c=Math.floor(24/r.length);return t.createElement("div",{className:"generalOperation",ref:e},r.map((l,u)=>t.createElement(v,{span:c,key:u,className:"generalOperation-col"},t.createElement("div",{key:l.key,className:"item",onMouseEnter:()=>{o(l.key)},onMouseLeave:()=>{o(null)}},l.forbidConfirm?t.createElement(i,{info:l,isHover:n}):t.createElement(C,{title:t.createElement(f,{info:l}),placement:"topRight",okText:a("Confirm"),cancelText:a("Cancel"),getPopupContainer:()=>{var s;return(s=e.current)!=null?s:document.body},onConfirm:l.onClick,overlayClassName:`${E}-pop-confirm`},t.createElement("div",null,t.createElement(i,{info:l,isHover:n})))))))};export{k as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@labelbee/lb-components",
3
- "version": "1.23.0-alpha.4",
3
+ "version": "1.23.0-alpha.6",
4
4
  "description": "Provide a complete library of annotation components",
5
5
  "main": "./dist/index.js",
6
6
  "es": "./es/index.js",