@labelbee/lb-components 1.19.0-alpha.3 → 1.19.0-alpha.4

package/dist/components/LLMToolView/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),antd=require("antd"),index=require("../../constant/index.js"),es=require("antd/es"),index$3=require("./questionView/index.js"),reactI18next=require("react-i18next"),index$2=require("../../views/MainView/annotationTips/index.js"),data=require("./utils/data.js"),reducer=require("../../store/annotation/reducer.js"),index$1=require("../../utils/index.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const LLMViewCls=`${index.prefix}-LLMView`,LLMToolView=t=>{const{annotation:L,checkMode:f=!0,tips:y,showTips:E}=t,{imgIndex:s,imgList:i,stepList:d,step:v}=L,{hoverKey:I,modelAPIResponse:_,setModelAPIResponse:p,newAnswerList:a}=React.useContext(ctx.LLMContext),[j,C]=React.useState([]),[R,D]=React.useState(""),[e,P]=React.useState(),{t:S}=reactI18next.useTranslation();return React.useEffect(()=>{let n;if(!f)return n=setInterval(()=>{antd.message.info(S("EfficientListening"))},1e3*60),()=>{n&&clearInterval(n)}},[]),React.useEffect(()=>{var n,r,x,q,m,g,w;if(!i[s])return;const V=((n=e==null?void 0:e.dataType)==null?void 0:n.prompt)===index.ELLMDataType.Picture,$=((r=e==null?void 0:e.dataType)==null?void 0:r.response)===index.ELLMDataType.Picture,o=(x=i[s])==null?void 0:x.questionList,M=(q=i[s])!=null?q:{},l=data.getCurrentResultFromResultList(M==null?void 0:M.result),T=(l==null?void 0:l.length)>0?l[0]:l,u=(m=i[s])==null?void 0:m.llmFile,h=V?u==null?void 0:u.question:o==null?void 0:o.question;D(h);let c=(o==null?void 0:o.answerList)||[];$&&(c=(u==null?void 0:u.answerList)||[]),((g=e==null?void 0:e.dataType)==null?void 0:g.response)===index.ELLMDataType.None&&(c=[]),((w=e==null?void 0:e.dataType)==null?void 0:w.response)===index.ELLMDataType.Text&&(a==null?void 0:a.length)>0&&(c=a),C(c),p((T==null?void 0:T.modelAPIResponse)||[])},[s,a,e]),React.useEffect(()=>{var n;if(d&&v){const r=(n=reducer.getStepConfig(d,v))==null?void 0:n.config;P(index$1.jsonParser(r))}},[d,v]),React__default.default.createElement(es.Layout,{className:LLMViewCls},React__default.default.createElement("div",{className:`${LLMViewCls}-question`},E===!0&&React__default.default.createElement(index$2,{tips:y}),React__default.default.createElement(index$3.default,{hoverKey:I,question:R,answerList:j,modelAPIResponse:_,setModelAPIResponse:p,checkMode:f,annotation:L,LLMConfig:e})))},mapStateToProps=t=>({annotation:t.annotation});var LLMToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolView);module.exports=LLMToolView$1;
+"use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),antd=require("antd"),index=require("../../constant/index.js"),es=require("antd/es"),index$3=require("./questionView/index.js"),reactI18next=require("react-i18next"),index$2=require("../../views/MainView/annotationTips/index.js"),data=require("./utils/data.js"),reducer=require("../../store/annotation/reducer.js"),index$1=require("../../utils/index.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const LLMViewCls=`${index.prefix}-LLMView`,LLMToolView=n=>{const{annotation:L,checkMode:p=!0,tips:g,showTips:w}=n,{imgIndex:s,imgList:a,stepList:v,step:f}=L,{hoverKey:M,modelAPIResponse:T,setModelAPIResponse:x,newAnswerList:l}=React.useContext(ctx.LLMContext),[E,y]=React.useState([]),[I,_]=React.useState(""),[t,j]=React.useState(),{t:C}=reactI18next.useTranslation();return React.useEffect(()=>{let e;if(!p)return e=setInterval(()=>{antd.message.info(C("EfficientListening"))},1e3*60),()=>{e&&clearInterval(e)}},[]),React.useEffect(()=>{var e,i,r,o,q,m;if(!a[s])return;const R=((e=t==null?void 0:t.dataType)==null?void 0:e.prompt)===index.ELLMDataType.Picture,D=((i=t==null?void 0:t.dataType)==null?void 0:i.response)===index.ELLMDataType.Picture,u=(r=a[s])==null?void 0:r.questionList,c=(o=a[s])==null?void 0:o.llmFile,P=R?c==null?void 0:c.question:u==null?void 0:u.question;_(P);let d=(u==null?void 0:u.answerList)||[];D&&(d=(c==null?void 0:c.answerList)||[]),((q=t==null?void 0:t.dataType)==null?void 0:q.response)===index.ELLMDataType.None&&(d=[]),((m=t==null?void 0:t.dataType)==null?void 0:m.response)===index.ELLMDataType.Text&&(l==null?void 0:l.length)>0&&(d=l),y(d)},[s,l,t]),React.useEffect(()=>{var e;if(!a[s])return;const i=(e=a[s])!=null?e:{},r=data.getCurrentResultFromResultList(i==null?void 0:i.result),o=(r==null?void 0:r.length)>0?r[0]:r;x((o==null?void 0:o.modelAPIResponse)||[])},[s]),React.useEffect(()=>{var e;if(v&&f){const i=(e=reducer.getStepConfig(v,f))==null?void 0:e.config;j(index$1.jsonParser(i))}},[v,f]),React__default.default.createElement(es.Layout,{className:LLMViewCls},React__default.default.createElement("div",{className:`${LLMViewCls}-question`},w===!0&&React__default.default.createElement(index$2,{tips:g}),React__default.default.createElement(index$3.default,{hoverKey:M,question:I,answerList:E,modelAPIResponse:T,setModelAPIResponse:x,checkMode:p,annotation:L,LLMConfig:t})))},mapStateToProps=n=>({annotation:n.annotation});var LLMToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolView);module.exports=LLMToolView$1;

package/dist/components/LLMToolView/modelAPIView/index.js

@@ -1 +1 @@
-"use strict";var antd=require("antd"),classNames=require("classnames"),React=require("react"),loading=require("../../../assets/annotation/LLMTool/loading.svg.js"),index$4=require("../../longText/index.js"),index$3=require("../../markdownView/index.js"),index$2=require("../../../constant/index.js"),reducer=require("../../../store/annotation/reducer.js"),index=require("../../../utils/index.js"),icons=require("@ant-design/icons"),index$1=require("../questionView/index.js"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React),__async=(t,e,n)=>new Promise((l,u)=>{var o=a=>{try{r(n.next(a))}catch(d){u(d)}},c=a=>{try{r(n.throw(a))}catch(d){u(d)}},r=a=>a.done?l(a.value):Promise.resolve(a.value).then(o,c);r((n=n.apply(t,e)).next())});const RenderContent=({dataFormatType:t,answer:e})=>t===index$2.EDataFormatType.Markdown?React__default.default.createElement(index$3,{value:e}):React__default.default.createElement(index$4,{wordCount:1e3,text:e}),getAnswer=(t,e)=>{var n;return(n=e.find(l=>l.id===t))==null?void 0:n.answer},ModelAPIView=t=>{var e;const{annotation:n={},checkMode:l,dataFormatType:u,modelAPIResponse:o,question:c,setModelAPIResponse:r}=t,{stepList:a,step:d,toolInstance:f}=n,[v,m]=React.useState(),{enableModelAPI:p=!1,modelAPIConfigList:i=[]}=v||{},g=s=>{let L=!1;const w=o.map(_=>_.id===s.id?(L=!0,s):_);L||w.push(s),r==null||r(w)};return React.useEffect(()=>{var s;if(a&&d){const L=(s=reducer.getStepConfig(a,d))==null?void 0:s.config;m(index.jsonParser(L))}},[a,d]),p?(e=i==null?void 0:i.map)==null?void 0:e.call(i,s=>React__default.default.createElement(ModelAPIContent,{dataFormatType:u,config:s,modelAPIResponse:o,key:s==null?void 0:s.id,toolInstance:f,question:c,updateModelAPIResponse:g,checkMode:l})):null},LoadingMessage=()=>React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__loading`]:!0})},lbUtils.i18n.t("AnswersAreBeingGenerated"),React__default.default.createElement("img",{src:loading})),FailedMessage=()=>React__default.default.createElement("span",{className:classNames__default.default({[`${index$1.LLMViewCls}__failed`]:!0})},lbUtils.i18n.t("AnswerGenerationFailedPleaseTryAgainLater")," ",React__default.default.createElement(icons.InfoCircleFilled,null)),ModelAPIContent=({dataFormatType:t,config:e,modelAPIResponse:n,toolInstance:l,question:u,updateModelAPIResponse:o,checkMode:c})=>{const[r,a]=React.useState(!1),[d,f]=React.useState(!1),v=getAnswer(e==null?void 0:e.id,n),m=i=>{a(i),l&&(l.loading=i)},p=()=>__async(void 0,null,function*(){m(!0),f(!1);try{const i=yield l==null?void 0:l.getAPIAnswer(e,u);o({id:e==null?void 0:e.id,answer:i})}catch(i){f(!0)}finally{m(!1)}});return React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__content`]:!0}),key:e==null?void 0:e.id},React__default.default.createElement(antd.Tag,{style:{color:"#666FFF",background:"#eeefff",height:"20px",padding:"0px 8px",border:"none"}},e==null?void 0:e.name),React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__answer`]:!0})},!r&&v&&React__default.default.createElement(RenderContent,{dataFormatType:t,answer:v}),React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__message`]:!0})},r?React__default.default.createElement(LoadingMessage,null):d&&React__default.default.createElement(FailedMessage,null)),!r&&!c&&React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__footer`]:!0})},React__default.default.createElement("span",{onClick:p},lbUtils.i18n.t("ReGenerate"),React__default.default.createElement(icons.SyncOutlined,null)))))};module.exports=ModelAPIView;
+"use strict";var antd=require("antd"),classNames=require("classnames"),React=require("react"),loading=require("../../../assets/annotation/LLMTool/loading.svg.js"),index$3=require("../../markdownView/index.js"),index$2=require("../../../constant/index.js"),reducer=require("../../../store/annotation/reducer.js"),index=require("../../../utils/index.js"),icons=require("@ant-design/icons"),index$1=require("../questionView/index.js"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React),__async=(t,e,l)=>new Promise((s,o)=>{var u=a=>{try{d(l.next(a))}catch(r){o(r)}},v=a=>{try{d(l.throw(a))}catch(r){o(r)}},d=a=>a.done?s(a.value):Promise.resolve(a.value).then(u,v);d((l=l.apply(t,e)).next())});const RenderContent=({dataFormatType:t,answer:e})=>t===index$2.EDataFormatType.Markdown?React__default.default.createElement(index$3,{value:e}):React__default.default.createElement("span",null,e),getAnswer=(t,e)=>{var l;return(l=e.find(s=>s.id===t))==null?void 0:l.answer},ModelAPIView=t=>{var e;const{annotation:l={},checkMode:s,dataFormatType:o,modelAPIResponse:u,question:v,setModelAPIResponse:d}=t,{stepList:a,step:r,toolInstance:m}=l,[L,p]=React.useState(),[c,w]=React.useState([]),{enableModelAPI:i=!1,modelAPIConfigList:f=[]}=L||{};React.useEffect(()=>{m&&(m.loading=(c==null?void 0:c.length)>0)},[c]);const M=React.useCallback(n=>{d==null||d(_=>{let E=!1;const y=_.map(g=>g.id===n.id?(E=!0,n):g);return E||y.push(n),y})},[u]);return React.useEffect(()=>{var n;if(a&&r){const _=(n=reducer.getStepConfig(a,r))==null?void 0:n.config;p(index.jsonParser(_))}},[a,r]),i?(e=f==null?void 0:f.map)==null?void 0:e.call(f,n=>React__default.default.createElement(ModelAPIContent,{dataFormatType:o,config:n,modelAPIResponse:u,key:n==null?void 0:n.id,toolInstance:m,setLoadingModelIDs:w,question:v,updateModelAPIResponse:M,checkMode:s})):null},LoadingMessage=()=>React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__loading`]:!0})},lbUtils.i18n.t("AnswersAreBeingGenerated"),React__default.default.createElement("img",{src:loading})),FailedMessage=()=>React__default.default.createElement("span",{className:classNames__default.default({[`${index$1.LLMViewCls}__failed`]:!0})},lbUtils.i18n.t("AnswerGenerationFailedPleaseTryAgainLater")," ",React__default.default.createElement(icons.InfoCircleFilled,null)),ModelAPIContent=({dataFormatType:t,config:e,modelAPIResponse:l,toolInstance:s,setLoadingModelIDs:o,question:u,updateModelAPIResponse:v,checkMode:d})=>{const[a,r]=React.useState(!1),[m,L]=React.useState(!1),p=getAnswer(e==null?void 0:e.id,l),c=i=>{r(i),o(f=>i?[...f,e==null?void 0:e.id]:f.filter(M=>M!==(e==null?void 0:e.id)))},w=()=>__async(void 0,null,function*(){c(!0),L(!1);try{const i=yield s==null?void 0:s.getAPIAnswer(e,u);v({id:e==null?void 0:e.id,answer:i,name:e==null?void 0:e.name})}catch(i){L(!0)}finally{c(!1)}});return React.useEffect(()=>{L(!1)},[u]),React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__content`]:!0}),key:e==null?void 0:e.id},React__default.default.createElement(antd.Tag,{style:{color:"#666FFF",background:"#eeefff",height:"20px",padding:"0px 8px",border:"none"}},e==null?void 0:e.name),React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__answer`]:!0})},!a&&p&&React__default.default.createElement(RenderContent,{dataFormatType:t,answer:p}),React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__message`]:!0})},a?React__default.default.createElement(LoadingMessage,null):m&&React__default.default.createElement(FailedMessage,null)),!a&&!d&&React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__footer`]:!0})},React__default.default.createElement("span",{onClick:w},lbUtils.i18n.t("ReGenerate"),React__default.default.createElement(icons.SyncOutlined,null)))))};module.exports=ModelAPIView;

package/dist/components/LLMToolView/questionView/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),antd=require("antd"),index=require("../../../constant/index.js"),classNames=require("classnames"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$4=require("../../markdownView/index.js"),index$1=require("../modelAPIView/index.js"),index$5=require("../../diffMatchPatchComponent/index.js"),index$2=require("./components/header/index.js"),index$3=require("./components/imgView/index.js"),_=require("lodash");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e};const LLMViewCls=`${index.prefix}-LLMView`,RenderAnswer=({i:e,dataFormatType:t,isTextControl:r})=>{var l;return t===index.EDataFormatType.Markdown?React__default.default.createElement(index$4,{value:(l=e==null?void 0:e.newAnswer)!=null?l:e==null?void 0:e.answer}):r?React__default.default.createElement(index$5,{originString:e==null?void 0:e.answer,currentString:e==null?void 0:e.newAnswer}):React__default.default.createElement("div",{style:{whiteSpace:"pre-wrap"}},e==null?void 0:e.answer)},QuestionView=e=>{var t,r;const{hoverKey:l,answerList:u,question:i,lang:d,modelAPIResponse:f,setModelAPIResponse:m,checkMode:p=!0,LLMConfig:n}=e,[s,w]=React.useState(index.EDataFormatType.Default),x=((t=n==null?void 0:n.dataType)==null?void 0:t.prompt)===index.ELLMDataType.Picture,E=((r=n==null?void 0:n.dataType)==null?void 0:r.response)===index.ELLMDataType.Picture,{t:g}=reactI18next.useTranslation();React.useEffect(()=>{var a;d&&((a=lbUtils.i18n)==null||a.changeLanguage(d))},[]);const y=a=>{var o;return(n==null?void 0:n.isTextEdit)?!!((o=((n==null?void 0:n.textEdit)||[]).filter(v=>(v==null?void 0:v.title)===a.order)[0])==null?void 0:o.textControl):!1},q=React__default.default.createElement("div",null,u.map((a,o)=>{const c=y(a);return React__default.default.createElement("div",{className:classNames__default.default({[`${LLMViewCls}__content`]:!0,[`${LLMViewCls}__contentActive`]:l===(a==null?void 0:a.order)}),key:o},React__default.default.createElement(antd.Tag,{className:`${LLMViewCls}__tag`},a==null?void 0:a.order),React__default.default.createElement(RenderAnswer,{i:a,isTextControl:c,dataFormatType:s}))}),React__default.default.createElement(index$1,{dataFormatType:s,modelAPIResponse:f,question:_.isString(i)?i:"",setModelAPIResponse:m,checkMode:p,annotation:e.annotation}));return React__default.default.createElement("div",{className:LLMViewCls},React__default.default.createElement(index$2,{question:i,dataFormatType:s,setDataFormatType:w,isImg:x}),React__default.default.createElement("div",{className:`${LLMViewCls}__textBox`},React__default.default.createElement("div",{className:`${LLMViewCls}__title`},g("Answer")),E?React__default.default.createElement(index$3,{hoverKey:l,answerList:u}):q))},WrapQuestionView=e=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(QuestionView,__spreadValues({},e)));exports.LLMViewCls=LLMViewCls,exports.default=WrapQuestionView;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),antd=require("antd"),index=require("../../../constant/index.js"),classNames=require("classnames"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$4=require("../../markdownView/index.js"),index$1=require("../modelAPIView/index.js"),index$5=require("../../diffMatchPatchComponent/index.js"),index$2=require("./components/header/index.js"),index$3=require("./components/imgView/index.js"),_=require("lodash");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e};const LLMViewCls=`${index.prefix}-LLMView`,RenderAnswer=({i:e,dataFormatType:t,isTextControl:r})=>{var l;return t===index.EDataFormatType.Markdown?React__default.default.createElement(index$4,{value:(l=e==null?void 0:e.newAnswer)!=null?l:e==null?void 0:e.answer}):r?React__default.default.createElement(index$5,{originString:e==null?void 0:e.answer,currentString:e==null?void 0:e.newAnswer}):React__default.default.createElement("div",{style:{whiteSpace:"pre-wrap"}},e==null?void 0:e.answer)},QuestionView=e=>{var t,r;const{hoverKey:l,answerList:u,question:i,lang:d,modelAPIResponse:f,setModelAPIResponse:m,checkMode:p=!0,LLMConfig:n}=e,[s,w]=React.useState(index.EDataFormatType.Default),x=((t=n==null?void 0:n.dataType)==null?void 0:t.prompt)===index.ELLMDataType.Picture,E=((r=n==null?void 0:n.dataType)==null?void 0:r.response)===index.ELLMDataType.Picture,{t:g}=reactI18next.useTranslation();React.useEffect(()=>{var a;d&&((a=lbUtils.i18n)==null||a.changeLanguage(d))},[]);const y=a=>{var o;return(n==null?void 0:n.isTextEdit)?!!((o=((n==null?void 0:n.textEdit)||[]).filter(v=>(v==null?void 0:v.title)===a.order)[0])==null?void 0:o.textControl):!1},L=React__default.default.createElement("div",null,u.map((a,o)=>{const c=y(a);return React__default.default.createElement("div",{className:classNames__default.default({[`${LLMViewCls}__content`]:!0,[`${LLMViewCls}__contentActive`]:l===(a==null?void 0:a.order)}),key:o},React__default.default.createElement(antd.Tag,{className:`${LLMViewCls}__tag`},a==null?void 0:a.order),React__default.default.createElement(RenderAnswer,{i:a,isTextControl:c,dataFormatType:s}))}),_.isString(i)&&React__default.default.createElement(index$1,{dataFormatType:s,modelAPIResponse:f,question:i,setModelAPIResponse:m,checkMode:p,annotation:e.annotation}));return React__default.default.createElement("div",{className:LLMViewCls},React__default.default.createElement(index$2,{question:i,dataFormatType:s,setDataFormatType:w,isImg:x}),React__default.default.createElement("div",{className:`${LLMViewCls}__textBox`},React__default.default.createElement("div",{className:`${LLMViewCls}__title`},g("Answer")),E?React__default.default.createElement(index$3,{hoverKey:l,answerList:u}):L))},WrapQuestionView=e=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(QuestionView,__spreadValues({},e)));exports.LLMViewCls=LLMViewCls,exports.default=WrapQuestionView;

package/dist/types/components/LLMToolView/modelAPIView/index.d.ts

@@ -7,7 +7,7 @@ interface IProps {
     annotation?: any;
     modelAPIResponse: IModelAPIAnswer[];
     question: string;
-    setModelAPIResponse?: (data: IModelAPIAnswer[]) => void;
+    setModelAPIResponse?: React.Dispatch<React.SetStateAction<IModelAPIAnswer[]>>;
 }
 declare const ModelAPIView: React.FC<IProps>;
 export default ModelAPIView;

package/dist/types/components/LLMToolView/questionView/index.d.ts

@@ -11,7 +11,7 @@ interface IProps {
     };
     answerList: IAnswerList[];
     modelAPIResponse: IModelAPIAnswer[];
-    setModelAPIResponse?: (data: IModelAPIAnswer[]) => void;
+    setModelAPIResponse?: React.Dispatch<React.SetStateAction<IModelAPIAnswer[]>>;
     lang?: string;
     checkMode?: boolean;
     annotation?: any;

package/dist/types/components/LLMToolView/types.d.ts

@@ -24,6 +24,7 @@ export interface IAnswerList {
 export interface IModelAPIAnswer {
     id: string;
     answer: string;
+    name: string;
 }
 declare interface IModelAPIConfig {
     id: string;

package/dist/types/store/ctx.d.ts

@@ -6,7 +6,7 @@ interface ILLMContext {
     newAnswerList: IAnswerList[];
     setHoverKey: (value: number) => void;
     modelAPIResponse: IModelAPIAnswer[];
-    setModelAPIResponse: (value: IModelAPIAnswer[]) => void;
+    setModelAPIResponse: React.Dispatch<React.SetStateAction<IModelAPIAnswer[]>>;
     setNewAnswerList: (value: IAnswerList[]) => void;
 }
 export declare const LabelBeeContext: any;

package/es/components/LLMToolView/index.js

@@ -1 +1 @@
-import c,{useContext as k,useState as L,useEffect as v}from"react";import{connect as B}from"react-redux";import{LabelBeeContext as K,LLMContext as W}from"../../store/ctx.js";import{message as z}from"antd";import{ELLMDataType as m,prefix as G}from"../../constant/index.js";import{Layout as H}from"antd/es";import J from"./questionView/index.js";import{useTranslation as O}from"react-i18next";import U from"../../views/MainView/annotationTips/index.js";import{getCurrentResultFromResultList as X}from"./utils/data.js";import{getStepConfig as Y}from"../../store/annotation/reducer.js";import{jsonParser as Z}from"../../utils/index.js";const y=`${G}-LLMView`,tt=d=>{const{annotation:g,checkMode:w=!0,tips:E,showTips:P}=d,{imgIndex:n,imgList:o,stepList:p,step:f}=g,{hoverKey:R,modelAPIResponse:V,setModelAPIResponse:x,newAnswerList:s}=k(W),[A,h]=L([]),[S,D]=L(""),[t,F]=L(),{t:N}=O();return v(()=>{let e;if(!w)return e=setInterval(()=>{z.info(N("EfficientListening"))},1e3*60),()=>{e&&clearInterval(e)}},[]),v(()=>{var e,i,T,M,I,C,j;if(!o[n])return;const Q=((e=t==null?void 0:t.dataType)==null?void 0:e.prompt)===m.Picture,$=((i=t==null?void 0:t.dataType)==null?void 0:i.response)===m.Picture,l=(T=o[n])==null?void 0:T.questionList,q=(M=o[n])!=null?M:{},r=X(q==null?void 0:q.result),_=(r==null?void 0:r.length)>0?r[0]:r,a=(I=o[n])==null?void 0:I.llmFile,b=Q?a==null?void 0:a.question:l==null?void 0:l.question;D(b);let u=(l==null?void 0:l.answerList)||[];$&&(u=(a==null?void 0:a.answerList)||[]),((C=t==null?void 0:t.dataType)==null?void 0:C.response)===m.None&&(u=[]),((j=t==null?void 0:t.dataType)==null?void 0:j.response)===m.Text&&(s==null?void 0:s.length)>0&&(u=s),h(u),x((_==null?void 0:_.modelAPIResponse)||[])},[n,s,t]),v(()=>{var e;if(p&&f){const i=(e=Y(p,f))==null?void 0:e.config;F(Z(i))}},[p,f]),c.createElement(H,{className:y},c.createElement("div",{className:`${y}-question`},P===!0&&c.createElement(U,{tips:E}),c.createElement(J,{hoverKey:R,question:S,answerList:A,modelAPIResponse:V,setModelAPIResponse:x,checkMode:w,annotation:g,LLMConfig:t})))},et=d=>({annotation:d.annotation});var nt=B(et,null,null,{context:K})(tt);export{nt as default};
+import m,{useContext as N,useState as w,useEffect as d}from"react";import{connect as Q}from"react-redux";import{LabelBeeContext as $,LLMContext as b}from"../../store/ctx.js";import{message as k}from"antd";import{ELLMDataType as p,prefix as B}from"../../constant/index.js";import{Layout as K}from"antd/es";import W from"./questionView/index.js";import{useTranslation as z}from"react-i18next";import G from"../../views/MainView/annotationTips/index.js";import{getCurrentResultFromResultList as H}from"./utils/data.js";import{getStepConfig as J}from"../../store/annotation/reducer.js";import{jsonParser as O}from"../../utils/index.js";const C=`${B}-LLMView`,U=f=>{const{annotation:g,checkMode:x=!0,tips:j,showTips:q}=f,{imgIndex:n,imgList:s,stepList:L,step:v}=g,{hoverKey:_,modelAPIResponse:y,setModelAPIResponse:T,newAnswerList:l}=N(b),[E,P]=w([]),[R,V]=w(""),[e,A]=w(),{t:h}=z();return d(()=>{let t;if(!x)return t=setInterval(()=>{k.info(h("EfficientListening"))},1e3*60),()=>{t&&clearInterval(t)}},[]),d(()=>{var t,o,i,r,M,I;if(!s[n])return;const S=((t=e==null?void 0:e.dataType)==null?void 0:t.prompt)===p.Picture,D=((o=e==null?void 0:e.dataType)==null?void 0:o.response)===p.Picture,a=(i=s[n])==null?void 0:i.questionList,u=(r=s[n])==null?void 0:r.llmFile,F=S?u==null?void 0:u.question:a==null?void 0:a.question;V(F);let c=(a==null?void 0:a.answerList)||[];D&&(c=(u==null?void 0:u.answerList)||[]),((M=e==null?void 0:e.dataType)==null?void 0:M.response)===p.None&&(c=[]),((I=e==null?void 0:e.dataType)==null?void 0:I.response)===p.Text&&(l==null?void 0:l.length)>0&&(c=l),P(c)},[n,l,e]),d(()=>{var t;if(!s[n])return;const o=(t=s[n])!=null?t:{},i=H(o==null?void 0:o.result),r=(i==null?void 0:i.length)>0?i[0]:i;T((r==null?void 0:r.modelAPIResponse)||[])},[n]),d(()=>{var t;if(L&&v){const o=(t=J(L,v))==null?void 0:t.config;A(O(o))}},[L,v]),m.createElement(K,{className:C},m.createElement("div",{className:`${C}-question`},q===!0&&m.createElement(G,{tips:j}),m.createElement(W,{hoverKey:_,question:R,answerList:E,modelAPIResponse:y,setModelAPIResponse:T,checkMode:x,annotation:g,LLMConfig:e})))},X=f=>({annotation:f.annotation});var Y=Q(X,null,null,{context:$})(U);export{Y as default};

package/es/components/LLMToolView/modelAPIView/index.js

@@ -1 +1 @@
-import{Tag as x}from"antd";import u from"classnames";import t,{useState as _,useEffect as C}from"react";import h from"../../../assets/annotation/LLMTool/loading.svg.js";import F from"../../longText/index.js";import j from"../../markdownView/index.js";import{EDataFormatType as k}from"../../../constant/index.js";import{getStepConfig as I}from"../../../store/annotation/reducer.js";import{jsonParser as N}from"../../../utils/index.js";import{SyncOutlined as R,InfoCircleFilled as T}from"@ant-design/icons";import{LLMViewCls as f}from"../questionView/index.js";import{i18n as A}from"@labelbee/lb-utils";var b=(s,e,r)=>new Promise((a,m)=>{var c=n=>{try{l(r.next(n))}catch(i){m(i)}},p=n=>{try{l(r.throw(n))}catch(i){m(i)}},l=n=>n.done?a(n.value):Promise.resolve(n.value).then(c,p);l((r=r.apply(s,e)).next())});const $=({dataFormatType:s,answer:e})=>s===k.Markdown?t.createElement(j,{value:e}):t.createElement(F,{wordCount:1e3,text:e}),V=(s,e)=>{var r;return(r=e.find(a=>a.id===s))==null?void 0:r.answer},S=s=>{var e;const{annotation:r={},checkMode:a,dataFormatType:m,modelAPIResponse:c,question:p,setModelAPIResponse:l}=s,{stepList:n,step:i,toolInstance:v}=r,[g,w]=_(),{enableModelAPI:L=!1,modelAPIConfigList:d=[]}=g||{},P=o=>{let E=!1;const M=c.map(y=>y.id===o.id?(E=!0,o):y);E||M.push(o),l==null||l(M)};return C(()=>{var o;if(n&&i){const E=(o=I(n,i))==null?void 0:o.config;w(N(E))}},[n,i]),L?(e=d==null?void 0:d.map)==null?void 0:e.call(d,o=>t.createElement(B,{dataFormatType:m,config:o,modelAPIResponse:c,key:o==null?void 0:o.id,toolInstance:v,question:p,updateModelAPIResponse:P,checkMode:a})):null},G=()=>t.createElement("div",{className:u({[`${f}__loading`]:!0})},A.t("AnswersAreBeingGenerated"),t.createElement("img",{src:h})),q=()=>t.createElement("span",{className:u({[`${f}__failed`]:!0})},A.t("AnswerGenerationFailedPleaseTryAgainLater")," ",t.createElement(T,null)),B=({dataFormatType:s,config:e,modelAPIResponse:r,toolInstance:a,question:m,updateModelAPIResponse:c,checkMode:p})=>{const[l,n]=_(!1),[i,v]=_(!1),g=V(e==null?void 0:e.id,r),w=d=>{n(d),a&&(a.loading=d)},L=()=>b(void 0,null,function*(){w(!0),v(!1);try{const d=yield a==null?void 0:a.getAPIAnswer(e,m);c({id:e==null?void 0:e.id,answer:d})}catch(d){v(!0)}finally{w(!1)}});return t.createElement("div",{className:u({[`${f}__content`]:!0}),key:e==null?void 0:e.id},t.createElement(x,{style:{color:"#666FFF",background:"#eeefff",height:"20px",padding:"0px 8px",border:"none"}},e==null?void 0:e.name),t.createElement("div",{className:u({[`${f}__answer`]:!0})},!l&&g&&t.createElement($,{dataFormatType:s,answer:g}),t.createElement("div",{className:u({[`${f}__message`]:!0})},l?t.createElement(G,null):i&&t.createElement(q,null)),!l&&!p&&t.createElement("div",{className:u({[`${f}__footer`]:!0})},t.createElement("span",{onClick:L},A.t("ReGenerate"),t.createElement(R,null)))))};export{S as default};
+import{Tag as F}from"antd";import p from"classnames";import t,{useState as _,useEffect as P,useCallback as x}from"react";import b from"../../../assets/annotation/LLMTool/loading.svg.js";import j from"../../markdownView/index.js";import{EDataFormatType as N}from"../../../constant/index.js";import{getStepConfig as R}from"../../../store/annotation/reducer.js";import{jsonParser as $}from"../../../utils/index.js";import{SyncOutlined as T,InfoCircleFilled as V}from"@ant-design/icons";import{LLMViewCls as v}from"../questionView/index.js";import{i18n as I}from"@labelbee/lb-utils";var S=(r,e,l)=>new Promise((o,m)=>{var d=n=>{try{i(l.next(n))}catch(s){m(s)}},w=n=>{try{i(l.throw(n))}catch(s){m(s)}},i=n=>n.done?o(n.value):Promise.resolve(n.value).then(d,w);i((l=l.apply(r,e)).next())});const D=({dataFormatType:r,answer:e})=>r===N.Markdown?t.createElement(j,{value:e}):t.createElement("span",null,e),G=(r,e)=>{var l;return(l=e.find(o=>o.id===r))==null?void 0:l.answer},q=r=>{var e;const{annotation:l={},checkMode:o,dataFormatType:m,modelAPIResponse:d,question:w,setModelAPIResponse:i}=r,{stepList:n,step:s,toolInstance:E}=l,[M,L]=_(),[c,A]=_([]),{enableModelAPI:u=!1,modelAPIConfigList:f=[]}=M||{};P(()=>{E&&(E.loading=(c==null?void 0:c.length)>0)},[c]);const g=x(a=>{i==null||i(y=>{let h=!1;const C=y.map(k=>k.id===a.id?(h=!0,a):k);return h||C.push(a),C})},[d]);return P(()=>{var a;if(n&&s){const y=(a=R(n,s))==null?void 0:a.config;L($(y))}},[n,s]),u?(e=f==null?void 0:f.map)==null?void 0:e.call(f,a=>t.createElement(z,{dataFormatType:m,config:a,modelAPIResponse:d,key:a==null?void 0:a.id,toolInstance:E,setLoadingModelIDs:A,question:w,updateModelAPIResponse:g,checkMode:o})):null},B=()=>t.createElement("div",{className:p({[`${v}__loading`]:!0})},I.t("AnswersAreBeingGenerated"),t.createElement("img",{src:b})),O=()=>t.createElement("span",{className:p({[`${v}__failed`]:!0})},I.t("AnswerGenerationFailedPleaseTryAgainLater")," ",t.createElement(V,null)),z=({dataFormatType:r,config:e,modelAPIResponse:l,toolInstance:o,setLoadingModelIDs:m,question:d,updateModelAPIResponse:w,checkMode:i})=>{const[n,s]=_(!1),[E,M]=_(!1),L=G(e==null?void 0:e.id,l),c=u=>{s(u),m(f=>u?[...f,e==null?void 0:e.id]:f.filter(g=>g!==(e==null?void 0:e.id)))},A=()=>S(void 0,null,function*(){c(!0),M(!1);try{const u=yield o==null?void 0:o.getAPIAnswer(e,d);w({id:e==null?void 0:e.id,answer:u,name:e==null?void 0:e.name})}catch(u){M(!0)}finally{c(!1)}});return P(()=>{M(!1)},[d]),t.createElement("div",{className:p({[`${v}__content`]:!0}),key:e==null?void 0:e.id},t.createElement(F,{style:{color:"#666FFF",background:"#eeefff",height:"20px",padding:"0px 8px",border:"none"}},e==null?void 0:e.name),t.createElement("div",{className:p({[`${v}__answer`]:!0})},!n&&L&&t.createElement(D,{dataFormatType:r,answer:L}),t.createElement("div",{className:p({[`${v}__message`]:!0})},n?t.createElement(B,null):E&&t.createElement(O,null)),!n&&!i&&t.createElement("div",{className:p({[`${v}__footer`]:!0})},t.createElement("span",{onClick:A},I.t("ReGenerate"),t.createElement(T,null)))))};export{q as default};

package/es/components/LLMToolView/questionView/index.js

@@ -1 +1 @@
-import n,{useState as L,useEffect as j}from"react";import{Tag as C}from"antd";import{EDataFormatType as v,ELLMDataType as w,prefix as O}from"../../../constant/index.js";import N from"classnames";import{I18nextProvider as S,useTranslation as b}from"react-i18next";import{i18n as _}from"@labelbee/lb-utils";import $ from"../../markdownView/index.js";import D from"../modelAPIView/index.js";import R from"../../diffMatchPatchComponent/index.js";import k from"./components/header/index.js";import q from"./components/imgView/index.js";import{isString as F}from"lodash";var B=Object.defineProperty,E=Object.getOwnPropertySymbols,Q=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?B(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,K=(e,t)=>{for(var r in t||(t={}))Q.call(t,r)&&g(e,r,t[r]);if(E)for(var r of E(t))H.call(t,r)&&g(e,r,t[r]);return e};const l=`${O}-LLMView`,W=({i:e,dataFormatType:t,isTextControl:r})=>{var i;return t===v.Markdown?n.createElement($,{value:(i=e==null?void 0:e.newAnswer)!=null?i:e==null?void 0:e.answer}):r?n.createElement(R,{originString:e==null?void 0:e.answer,currentString:e==null?void 0:e.newAnswer}):n.createElement("div",{style:{whiteSpace:"pre-wrap"}},e==null?void 0:e.answer)},z=e=>{var t,r;const{hoverKey:i,answerList:d,question:m,lang:u,modelAPIResponse:x,setModelAPIResponse:y,checkMode:P=!0,LLMConfig:a}=e,[c,I]=L(v.Default),h=((t=a==null?void 0:a.dataType)==null?void 0:t.prompt)===w.Picture,M=((r=a==null?void 0:a.dataType)==null?void 0:r.response)===w.Picture,{t:T}=b();j(()=>{var o;u&&((o=_)==null||o.changeLanguage(u))},[]);const V=o=>{var s;return(a==null?void 0:a.isTextEdit)?!!((s=((a==null?void 0:a.textEdit)||[]).filter(f=>(f==null?void 0:f.title)===o.order)[0])==null?void 0:s.textControl):!1},A=n.createElement("div",null,d.map((o,s)=>{const p=V(o);return n.createElement("div",{className:N({[`${l}__content`]:!0,[`${l}__contentActive`]:i===(o==null?void 0:o.order)}),key:s},n.createElement(C,{className:`${l}__tag`},o==null?void 0:o.order),n.createElement(W,{i:o,isTextControl:p,dataFormatType:c}))}),n.createElement(D,{dataFormatType:c,modelAPIResponse:x,question:F(m)?m:"",setModelAPIResponse:y,checkMode:P,annotation:e.annotation}));return n.createElement("div",{className:l},n.createElement(k,{question:m,dataFormatType:c,setDataFormatType:I,isImg:h}),n.createElement("div",{className:`${l}__textBox`},n.createElement("div",{className:`${l}__title`},T("Answer")),M?n.createElement(q,{hoverKey:i,answerList:d}):A))},G=e=>n.createElement(S,{i18n:_},n.createElement(z,K({},e)));export{l as LLMViewCls,G as default};
+import n,{useState as L,useEffect as j}from"react";import{Tag as C}from"antd";import{EDataFormatType as v,ELLMDataType as w,prefix as O}from"../../../constant/index.js";import N from"classnames";import{I18nextProvider as S,useTranslation as b}from"react-i18next";import{i18n as _}from"@labelbee/lb-utils";import $ from"../../markdownView/index.js";import D from"../modelAPIView/index.js";import R from"../../diffMatchPatchComponent/index.js";import k from"./components/header/index.js";import F from"./components/imgView/index.js";import{isString as q}from"lodash";var B=Object.defineProperty,E=Object.getOwnPropertySymbols,Q=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?B(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,K=(e,t)=>{for(var r in t||(t={}))Q.call(t,r)&&g(e,r,t[r]);if(E)for(var r of E(t))H.call(t,r)&&g(e,r,t[r]);return e};const l=`${O}-LLMView`,W=({i:e,dataFormatType:t,isTextControl:r})=>{var i;return t===v.Markdown?n.createElement($,{value:(i=e==null?void 0:e.newAnswer)!=null?i:e==null?void 0:e.answer}):r?n.createElement(R,{originString:e==null?void 0:e.answer,currentString:e==null?void 0:e.newAnswer}):n.createElement("div",{style:{whiteSpace:"pre-wrap"}},e==null?void 0:e.answer)},z=e=>{var t,r;const{hoverKey:i,answerList:d,question:m,lang:u,modelAPIResponse:x,setModelAPIResponse:y,checkMode:P=!0,LLMConfig:a}=e,[c,I]=L(v.Default),h=((t=a==null?void 0:a.dataType)==null?void 0:t.prompt)===w.Picture,M=((r=a==null?void 0:a.dataType)==null?void 0:r.response)===w.Picture,{t:T}=b();j(()=>{var o;u&&((o=_)==null||o.changeLanguage(u))},[]);const V=o=>{var s;return(a==null?void 0:a.isTextEdit)?!!((s=((a==null?void 0:a.textEdit)||[]).filter(f=>(f==null?void 0:f.title)===o.order)[0])==null?void 0:s.textControl):!1},A=n.createElement("div",null,d.map((o,s)=>{const p=V(o);return n.createElement("div",{className:N({[`${l}__content`]:!0,[`${l}__contentActive`]:i===(o==null?void 0:o.order)}),key:s},n.createElement(C,{className:`${l}__tag`},o==null?void 0:o.order),n.createElement(W,{i:o,isTextControl:p,dataFormatType:c}))}),q(m)&&n.createElement(D,{dataFormatType:c,modelAPIResponse:x,question:m,setModelAPIResponse:y,checkMode:P,annotation:e.annotation}));return n.createElement("div",{className:l},n.createElement(k,{question:m,dataFormatType:c,setDataFormatType:I,isImg:h}),n.createElement("div",{className:`${l}__textBox`},n.createElement("div",{className:`${l}__title`},T("Answer")),M?n.createElement(F,{hoverKey:i,answerList:d}):A))},G=e=>n.createElement(S,{i18n:_},n.createElement(z,K({},e)));export{l as LLMViewCls,G as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.19.0-alpha.3",
+  "version": "1.19.0-alpha.4",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",