@labelbee/lb-components 1.15.0-alpha.1 → 1.15.0-alpha.2

package/dist/components/LLMToolView/sidebar/components/textInputBox/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),antd=require("antd"),classNames=require("classnames"),reactI18next=require("react-i18next"),_=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,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__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},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const TextInputBox=e=>{const{checkMode:t,LLMConfig:r,textAttribute:c,setText:m}=e,i=(r==null?void 0:r.text)&&_.isArray(r.text)?r==null?void 0:r.text:[],{TextArea:x}=antd.Input,[l]=antd.Form.useForm(),{t:g}=reactI18next.useTranslation();return React.useEffect(()=>{const o=i.map((s,a)=>{var u;return __spreadProps(__spreadValues({},s),{value:(u=c[a])==null?void 0:u.value})});l.setFieldsValue({text:o})},[i,c]),React__default.default.createElement(antd.Form,{form:l,onValuesChange:(o,s)=>{m(s.text)}},React__default.default.createElement(antd.Form.List,{name:"text"},(o,s)=>React__default.default.createElement(React__default.default.Fragment,null,o.map((a,u)=>{const{max:y,min:n,title:d,tip:P}=i[a.name]||{},h=d,f=g("LeastCharacterError",{num:n});return React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:u},React__default.default.createElement(antd.Form.Item,{name:[a.name,"title"],extra:P,style:{fontSize:"16px",lineHeight:"22px",fontWeight:500,color:"#333333",marginBottom:8},required:!!n,label:" ",colon:!1},d,React__default.default.createElement("span",{className:classNames__default.default({clearText:!0,clearText__disabled:t}),style:{verticalAlign:"initial"},onClick:()=>{l.setFields([{name:["text",a.name,"value"],value:void 0,errors:n?[f]:[]}]);const p=l.getFieldValue("text");m(p)}})),h&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"value"],style:{marginBottom:8},rules:[{validator:(p,v)=>n&&(v==null?void 0:v.length)<Number(n)?Promise.reject(f):Promise.resolve()}],initialValue:void 0},React__default.default.createElement(x,{maxLength:y||1e3,disabled:t,showCount:!0,style:{width:"100%"}})))}))))};module.exports=TextInputBox;
+"use strict";var React=require("react"),antd=require("antd"),classNames=require("classnames"),reactI18next=require("react-i18next"),_=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,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__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},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const TextInputBox=e=>{const{checkMode:t,LLMConfig:r,textAttribute:d,setText:f}=e,c=(r==null?void 0:r.text)&&_.isArray(r.text)?r==null?void 0:r.text:[],{TextArea:y}=antd.Input,[o]=antd.Form.useForm(),{t:P}=reactI18next.useTranslation();return React.useEffect(()=>{const s=c.map((n,l)=>{var u;const i=d.filter(a=>(a==null?void 0:a.textId)===(n==null?void 0:n.textId))||[];return __spreadProps(__spreadValues({},n),{value:(u=i[0])==null?void 0:u.value})});o.setFieldsValue({text:s})},[c,d]),React__default.default.createElement(antd.Form,{form:o,onValuesChange:(s,n)=>{f(n.text)}},React__default.default.createElement(antd.Form.List,{name:"text"},(s,n)=>React__default.default.createElement(React__default.default.Fragment,null,s.map((l,u)=>{const{max:i,min:a,title:p,tip:h}=c[l.name]||{},m=p,v=P("LeastCharacterError",{num:a});return React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:u},m&&React__default.default.createElement(antd.Form.Item,{name:[l.name,"title"],extra:h,style:{fontSize:"16px",lineHeight:"22px",fontWeight:500,color:"#333333",marginBottom:8},required:!!a,label:" ",colon:!1},p,m&&React__default.default.createElement("span",{className:classNames__default.default({clearText:!0,clearText__disabled:t}),style:{verticalAlign:"initial"},onClick:()=>{if(t)return;o.setFields([{name:["text",l.name,"value"],value:void 0,errors:a?[v]:[]}]);const x=o.getFieldValue("text");f(x)}})),m&&React__default.default.createElement(antd.Form.Item,{name:[l.name,"value"],style:{marginBottom:8},rules:[{validator:(x,g)=>a&&(g==null?void 0:g.length)<Number(a)?Promise.reject(v):Promise.resolve()}],initialValue:void 0},React__default.default.createElement(y,{maxLength:i,disabled:t,showCount:!!i,style:{width:"100%"}})))}))))};module.exports=TextInputBox;

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

@@ -1 +1 @@
-"use strict";var React=require("react"),index$4=require("../../../constant/index.js"),antd=require("antd"),index$2=require("./components/answerSort/index.js"),reactRedux=require("react-redux"),_=require("lodash"),index$1=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");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,n,i)=>n in r?__defProp(r,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[n]=i,__spreadValues=(r,n)=>{for(var i in n||(n={}))__hasOwnProp.call(n,i)&&__defNormalProp(r,i,n[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(n))__propIsEnum.call(n,i)&&__defNormalProp(r,i,n[i]);return r},__spreadProps=(r,n)=>__defProps(r,__getOwnPropDescs(n));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$4.prefix}-sidebar`,LLMToolSidebar=r=>{var n;const{annotation:i,dispatch:g,checkMode:x}=r,{imgIndex:b,imgList:h,stepList:y,step:E,skipBeforePageTurning:L}=i,{t:j}=reactI18next.useTranslation(),o=(n=h[b])!=null?n:{},$=index.jsonParser(o==null?void 0:o.result),{toolInstanceRef:C}=annotation.useCustomToolInstance({basicInfo:$}),[m,R]=React.useState({}),[v,P]=React.useState([]),[w,q]=React.useState(void 0),[S,O]=React.useState([]),[I,M]=React.useState([]);React.useEffect(()=>{var e;if(y&&E){const t=(e=reducer.getStepConfig(y,E))==null?void 0:e.config;R(index.jsonParser(t))}},[y,E]),React.useEffect(()=>{if(!o)return;const e=data.getCurrentResultFromResultList(o==null?void 0:o.result);let t=(e==null?void 0:e.answerList)?e:o==null?void 0:o.questionList;(t==null?void 0:t.answerList)&&(A(t.answerList),P(t.answerList||[])),q(e==null?void 0:e.textAttribute)},[b,o]),React.useEffect(()=>{C.current.exportData=()=>{const s=data.formatSort(S);return[[{answerList:v,sort:s,textAttribute:w,id:o==null?void 0:o.id}],{}]};const e=data.formatSort(S),t={answerList:v,sort:e,textAttribute:w,id:o==null?void 0:o.id,toolName:lbAnnotation.EToolName.LLM};C.current.currentPageResult=t},[v,S,w]),React.useEffect(()=>(window.addEventListener("keydown",D),()=>{window.removeEventListener("keydown",D)}),[]);const D=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(L){L(()=>g(actionCreators.PageForward()));return}g(actionCreators.PageForward())}},A=e=>{var t;let s=[],c=[];if((e==null?void 0:e.length)>0){const a=data.getCurrentResultFromResultList(o==null?void 0:o.result),f=(a==null?void 0:a.length)>0?a[0]:a;((t=f==null?void 0:f.sort)==null?void 0:t.length)>0&&(c=f.sort.reduce((u,d)=>{let p=[{title:d[0],id:d[0]}];return d.length>1&&(p=d.map(l=>({title:l,id:l}))),[...u,p]},[])),e.forEach(u=>{c.some(p=>p.length>1?p.some(l=>l.id===u.order):p[0].id===u.order)||s.push({title:u.order,id:u.order})})}O(c),M(s)},F=({order:e,value:t,key:s})=>{const c=v==null?void 0:v.map(a=>{var f;if((a==null?void 0:a.order)===e){if(_.isNumber(t))return __spreadProps(__spreadValues({},a),{score:t});if(_.isObject(t)&&s){const u={[t==null?void 0:t.key]:t.value},d=(f=a[s])!=null?f:{};return __spreadProps(__spreadValues({},a),{[s]:__spreadValues(__spreadValues({},d),u)})}}return a});P(c)};if((()=>{var e,t;const{indicatorScore:s=[],indicatorDetermine:c=[],text:a=[]}=m,f=((e=s==null?void 0:s.filter(l=>l.label&&l.value&&l.score))==null?void 0:e.length)>0,u=((t=c==null?void 0:c.filter(l=>l.label&&l.value))==null?void 0:t.length)>0,d=(a==null?void 0:a.length)>0;return!(f||u||d)})())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"}},j("NoScoringScale")),imageStyle:{width:200,height:200},image:React__default.default.createElement("img",{src:empty})})));const{indicatorScore:N=[],indicatorDetermine:T=[],enableSort:B}=m,K=v.length>0&&((T==null?void 0:T.length)>0||(N==null?void 0:N.length)>0);return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},K&&React__default.default.createElement(index$1,{list:v,LLMConfig:m,updateValue:F,checkMode:x}),B&&React__default.default.createElement(index$2,{waitSortList:I,sortList:S,setSortList:O,checkMode:x}),(m==null?void 0:m.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$3,{textAttribute:w||[],LLMConfig:m,setText:q,checkMode:x}))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(h==null?void 0:h.length)-1!==b&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(L){L(()=>g(actionCreators.PageForward()));return}g(actionCreators.PageForward())},disabled:x},j("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolSidebar);module.exports=LLMToolSidebar$1;
+"use strict";var React=require("react"),index$4=require("../../../constant/index.js"),antd=require("antd"),index$1=require("./components/answerSort/index.js"),reactRedux=require("react-redux"),_=require("lodash"),index$2=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");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,n,i)=>n in r?__defProp(r,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[n]=i,__spreadValues=(r,n)=>{for(var i in n||(n={}))__hasOwnProp.call(n,i)&&__defNormalProp(r,i,n[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(n))__propIsEnum.call(n,i)&&__defNormalProp(r,i,n[i]);return r},__spreadProps=(r,n)=>__defProps(r,__getOwnPropDescs(n));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$4.prefix}-sidebar`,LLMToolSidebar=r=>{var n;const{annotation:i,dispatch:x,checkMode:L}=r,{imgIndex:h,imgList:y,stepList:E,step:j,skipBeforePageTurning:S}=i,{t:C}=reactI18next.useTranslation(),o=(n=y[h])!=null?n:{},R=index.jsonParser(o==null?void 0:o.result),{toolInstanceRef:P}=annotation.useCustomToolInstance({basicInfo:R}),[p,I]=React.useState({}),[v,q]=React.useState([]),[w,O]=React.useState(void 0),[b,D]=React.useState([]),[M,A]=React.useState([]);React.useEffect(()=>{var e;if(E&&j){const t=(e=reducer.getStepConfig(E,j))==null?void 0:e.config;I(index.jsonParser(t))}},[E,j]),React.useEffect(()=>{if(!o)return;const e=data.getCurrentResultFromResultList(o==null?void 0:o.result);let t=(e==null?void 0:e.answerList)?e:o==null?void 0:o.questionList;(t==null?void 0:t.answerList)&&(F(t.answerList),q(t.answerList||[])),O(e==null?void 0:e.textAttribute)},[h,o]),React.useEffect(()=>{P.current.exportData=()=>{const s=data.formatSort(b);return[[{answerList:v,sort:s,textAttribute:w,id:o==null?void 0:o.id}],{}]};const e=data.formatSort(b),t={answerList:v,sort:e,textAttribute:w,id:o==null?void 0:o.id,toolName:lbAnnotation.EToolName.LLM};P.current.currentPageResult=t},[v,b,w]),React.useEffect(()=>(window.addEventListener("keydown",N),()=>{window.removeEventListener("keydown",N)}),[]);const N=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(S){S(()=>x(actionCreators.PageForward()));return}x(actionCreators.PageForward())}},F=e=>{var t;let s=[],u=[];if((e==null?void 0:e.length)>0){const a=data.getCurrentResultFromResultList(o==null?void 0:o.result),d=(a==null?void 0:a.length)>0?a[0]:a;((t=d==null?void 0:d.sort)==null?void 0:t.length)>0&&(u=d.sort.reduce((l,c)=>{let f=[{title:c[0],id:c[0]}];return c.length>1&&(f=c.map(g=>({title:g,id:g}))),[...l,f]},[])),e.forEach(l=>{u.some(f=>f.length>1?f.some(g=>g.id===l.order):f[0].id===l.order)||s.push({title:l.order,id:l.order})})}D(u),A(s)},B=({order:e,value:t,key:s})=>{const u=v==null?void 0:v.map(a=>{var d;if((a==null?void 0:a.order)===e){if(_.isNumber(t))return __spreadProps(__spreadValues({},a),{score:t});if(_.isObject(t)&&s){const l={[t==null?void 0:t.key]:t.value},c=(d=a[s])!=null?d:{};return __spreadProps(__spreadValues({},a),{[s]:__spreadValues(__spreadValues({},c),l)})}}return a});q(u)};if((()=>{var e,t;const{indicatorScore:s=[],indicatorDetermine:u=[],text:a=[],enableSort:d}=p,l=((e=s==null?void 0:s.filter(m=>m.label&&m.value&&m.score))==null?void 0:e.length)>0,c=((t=u==null?void 0:u.filter(m=>m.label&&m.value))==null?void 0:t.length)>0,f=(a==null?void 0:a.length)>0;return!(l||c||f||d)})())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"}},C("NoScoringScale")),imageStyle:{width:200,height:200},image:React__default.default.createElement("img",{src:empty})})));const{indicatorScore:T=[],indicatorDetermine:$=[],enableSort:K}=p,V=v.length>0&&(($==null?void 0:$.length)>0||(T==null?void 0:T.length)>0);return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},K&&React__default.default.createElement(index$1,{waitSortList:M,sortList:b,setSortList:D,checkMode:L}),V&&React__default.default.createElement(index$2,{list:v,LLMConfig:p,updateValue:B,checkMode:L}),(p==null?void 0:p.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$3,{textAttribute:w||[],LLMConfig:p,setText:O,checkMode:L}))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(y==null?void 0:y.length)-1!==h&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(S){S(()=>x(actionCreators.PageForward()));return}x(actionCreators.PageForward())},disabled:L},C("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolSidebar);module.exports=LLMToolSidebar$1;

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

@@ -27,6 +27,7 @@ export interface ILLMToolConfig {
     text?: ITextList[];
 }
 export interface ITextList {
+    textId: string;
     title?: string;
     tip?: string;
     min?: number;

package/es/components/LLMToolView/sidebar/components/textInputBox/index.js

@@ -1 +1 @@
-import a,{useEffect as b}from"react";import{Form as l,Input as T}from"antd";import I from"classnames";import{useTranslation as C}from"react-i18next";import{isArray as F}from"lodash";var j=Object.defineProperty,L=Object.defineProperties,V=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,y=(r,e,t)=>e in r?j(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,N=(r,e)=>{for(var t in e||(e={}))A.call(e,t)&&y(r,t,e[t]);if(g)for(var t of g(e))B.call(e,t)&&y(r,t,e[t]);return r},D=(r,e)=>L(r,V(e));const S=r=>{const{checkMode:e,LLMConfig:t,textAttribute:p,setText:x}=r,u=(t==null?void 0:t.text)&&F(t.text)?t==null?void 0:t.text:[],{TextArea:P}=T,[s]=l.useForm(),{t:h}=C();return b(()=>{const i=u.map((m,o)=>{var c;return D(N({},m),{value:(c=p[o])==null?void 0:c.value})});s.setFieldsValue({text:i})},[u,p]),a.createElement(l,{form:s,onValuesChange:(i,m)=>{x(m.text)}},a.createElement(l.List,{name:"text"},(i,m)=>a.createElement(a.Fragment,null,i.map((o,c)=>{const{max:E,min:n,title:d,tip:O}=u[o.name]||{},w=d,f=h("LeastCharacterError",{num:n});return a.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:c},a.createElement(l.Item,{name:[o.name,"title"],extra:O,style:{fontSize:"16px",lineHeight:"22px",fontWeight:500,color:"#333333",marginBottom:8},required:!!n,label:" ",colon:!1},d,a.createElement("span",{className:I({clearText:!0,clearText__disabled:e}),style:{verticalAlign:"initial"},onClick:()=>{s.setFields([{name:["text",o.name,"value"],value:void 0,errors:n?[f]:[]}]);const v=s.getFieldValue("text");x(v)}})),w&&a.createElement(l.Item,{name:[o.name,"value"],style:{marginBottom:8},rules:[{validator:(v,_)=>n&&(_==null?void 0:_.length)<Number(n)?Promise.reject(f):Promise.resolve()}],initialValue:void 0},a.createElement(P,{maxLength:E||1e3,disabled:e,showCount:!0,style:{width:"100%"}})))}))))};export{S as default};
+import a,{useEffect as b}from"react";import{Form as s,Input as I}from"antd";import T from"classnames";import{useTranslation as C}from"react-i18next";import{isArray as F}from"lodash";var j=Object.defineProperty,L=Object.defineProperties,V=Object.getOwnPropertyDescriptors,P=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,h=(r,e,t)=>e in r?j(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,N=(r,e)=>{for(var t in e||(e={}))A.call(e,t)&&h(r,t,e[t]);if(P)for(var t of P(e))B.call(e,t)&&h(r,t,e[t]);return r},D=(r,e)=>L(r,V(e));const S=r=>{const{checkMode:e,LLMConfig:t,textAttribute:x,setText:f}=r,p=(t==null?void 0:t.text)&&F(t.text)?t==null?void 0:t.text:[],{TextArea:E}=I,[i]=s.useForm(),{t:O}=C();return b(()=>{const m=p.map((o,l)=>{var c;const u=x.filter(n=>(n==null?void 0:n.textId)===(o==null?void 0:o.textId))||[];return D(N({},o),{value:(c=u[0])==null?void 0:c.value})});i.setFieldsValue({text:m})},[p,x]),a.createElement(s,{form:i,onValuesChange:(m,o)=>{f(o.text)}},a.createElement(s.List,{name:"text"},(m,o)=>a.createElement(a.Fragment,null,m.map((l,c)=>{const{max:u,min:n,title:v,tip:w}=p[l.name]||{},d=v,_=O("LeastCharacterError",{num:n});return a.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:c},d&&a.createElement(s.Item,{name:[l.name,"title"],extra:w,style:{fontSize:"16px",lineHeight:"22px",fontWeight:500,color:"#333333",marginBottom:8},required:!!n,label:" ",colon:!1},v,d&&a.createElement("span",{className:T({clearText:!0,clearText__disabled:e}),style:{verticalAlign:"initial"},onClick:()=>{if(e)return;i.setFields([{name:["text",l.name,"value"],value:void 0,errors:n?[_]:[]}]);const g=i.getFieldValue("text");f(g)}})),d&&a.createElement(s.Item,{name:[l.name,"value"],style:{marginBottom:8},rules:[{validator:(g,y)=>n&&(y==null?void 0:y.length)<Number(n)?Promise.reject(_):Promise.resolve()}],initialValue:void 0},a.createElement(E,{maxLength:u,disabled:e,showCount:!!u,style:{width:"100%"}})))}))))};export{S as default};

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

@@ -1 +1 @@
-import s,{useState as x,useEffect as b}from"react";import{prefix as Z}from"../../../constant/index.js";import{Empty as tt,Button as et}from"antd";import ot from"./components/answerSort/index.js";import{connect as rt}from"react-redux";import{isNumber as nt,isObject as it}from"lodash";import st from"./components/answerList/index.js";import{LabelBeeContext as lt}from"../../../store/ctx.js";import{jsonParser as K}from"../../../utils/index.js";import{getStepConfig as at}from"../../../store/annotation/reducer.js";import{useCustomToolInstance as ct}from"../../../hooks/annotation.js";import{PageForward as y}from"../../../store/annotation/actionCreators.js";import{cKeyCode as dt,EToolName as ut}from"@labelbee/lb-annotation";import{useTranslation as mt}from"react-i18next";import{getCurrentResultFromResultList as q,formatSort as F}from"../utils/data.js";import pt from"../../../assets/annotation/LLMTool/empty.svg.js";import ft from"./components/textInputBox/index.js";var vt=Object.defineProperty,gt=Object.defineProperties,xt=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,Lt=Object.prototype.hasOwnProperty,wt=Object.prototype.propertyIsEnumerable,W=(i,o,l)=>o in i?vt(i,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[o]=l,E=(i,o)=>{for(var l in o||(o={}))Lt.call(o,l)&&W(i,l,o[l]);if(V)for(var l of V(o))wt.call(o,l)&&W(i,l,o[l]);return i},k=(i,o)=>gt(i,xt(o));const _t=dt.default,j=`${Z}-sidebar`,ht=i=>{var o;const{annotation:l,dispatch:L,checkMode:w}=i,{imgIndex:C,imgList:P,stepList:O,step:T,skipBeforePageTurning:_}=l,{t:D}=mt(),r=(o=P[C])!=null?o:{},z=K(r==null?void 0:r.result),{toolInstanceRef:N}=ct({basicInfo:z}),[g,G]=x({}),[f,I]=x([]),[h,A]=x(void 0),[S,M]=x([]),[H,J]=x([]);b(()=>{var t;if(O&&T){const e=(t=at(O,T))==null?void 0:t.config;G(K(e))}},[O,T]),b(()=>{if(!r)return;const t=q(r==null?void 0:r.result);let e=(t==null?void 0:t.answerList)?t:r==null?void 0:r.questionList;(e==null?void 0:e.answerList)&&(Q(e.answerList),I(e.answerList||[])),A(t==null?void 0:t.textAttribute)},[C,r]),b(()=>{N.current.exportData=()=>{const a=F(S);return[[{answerList:f,sort:a,textAttribute:h,id:r==null?void 0:r.id}],{}]};const t=F(S),e={answerList:f,sort:t,textAttribute:h,id:r==null?void 0:r.id,toolName:ut.LLM};N.current.currentPageResult=e},[f,S,h]),b(()=>(window.addEventListener("keydown",R),()=>{window.removeEventListener("keydown",R)}),[]);const R=t=>{if(t.ctrlKey&&t.keyCode===_t.Enter){if(_){_(()=>L(y()));return}L(y())}},Q=t=>{var e;let a=[],u=[];if((t==null?void 0:t.length)>0){const n=q(r==null?void 0:r.result),p=(n==null?void 0:n.length)>0?n[0]:n;((e=p==null?void 0:p.sort)==null?void 0:e.length)>0&&(u=p.sort.reduce((d,m)=>{let v=[{title:m[0],id:m[0]}];return m.length>1&&(v=m.map(c=>({title:c,id:c}))),[...d,v]},[])),t.forEach(d=>{u.some(v=>v.length>1?v.some(c=>c.id===d.order):v[0].id===d.order)||a.push({title:d.order,id:d.order})})}M(u),J(a)},U=({order:t,value:e,key:a})=>{const u=f==null?void 0:f.map(n=>{var p;if((n==null?void 0:n.order)===t){if(nt(e))return k(E({},n),{score:e});if(it(e)&&a){const d={[e==null?void 0:e.key]:e.value},m=(p=n[a])!=null?p:{};return k(E({},n),{[a]:E(E({},m),d)})}}return n});I(u)};if((()=>{var t,e;const{indicatorScore:a=[],indicatorDetermine:u=[],text:n=[]}=g,p=((t=a==null?void 0:a.filter(c=>c.label&&c.value&&c.score))==null?void 0:t.length)>0,d=((e=u==null?void 0:u.filter(c=>c.label&&c.value))==null?void 0:e.length)>0,m=(n==null?void 0:n.length)>0;return!(p||d||m)})())return s.createElement("div",{className:`${j}`},s.createElement("div",{className:`${j}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement(tt,{description:s.createElement("span",{style:{color:"#ccc"}},D("NoScoringScale")),imageStyle:{width:200,height:200},image:s.createElement("img",{src:pt})})));const{indicatorScore:$=[],indicatorDetermine:B=[],enableSort:X}=g,Y=f.length>0&&((B==null?void 0:B.length)>0||($==null?void 0:$.length)>0);return s.createElement("div",{className:`${j}`},s.createElement("div",{className:`${j}__content`},Y&&s.createElement(st,{list:f,LLMConfig:g,updateValue:U,checkMode:w}),X&&s.createElement(ot,{waitSortList:H,sortList:S,setSortList:M,checkMode:w}),(g==null?void 0:g.text)&&s.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},s.createElement(ft,{textAttribute:h||[],LLMConfig:g,setText:A,checkMode:w}))),s.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(P==null?void 0:P.length)-1!==C&&s.createElement(et,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(_){_(()=>L(y()));return}L(y())},disabled:w},D("Save"))))},St=i=>({annotation:i.annotation});var bt=rt(St,null,null,{context:lt})(ht);export{bt as default};
+import s,{useState as L,useEffect as y}from"react";import{prefix as tt}from"../../../constant/index.js";import{Empty as et,Button as ot}from"antd";import rt from"./components/answerSort/index.js";import{connect as nt}from"react-redux";import{isNumber as it,isObject as st}from"lodash";import lt from"./components/answerList/index.js";import{LabelBeeContext as at}from"../../../store/ctx.js";import{jsonParser as q}from"../../../utils/index.js";import{getStepConfig as ct}from"../../../store/annotation/reducer.js";import{useCustomToolInstance as dt}from"../../../hooks/annotation.js";import{PageForward as E}from"../../../store/annotation/actionCreators.js";import{cKeyCode as ut,EToolName as mt}from"@labelbee/lb-annotation";import{useTranslation as pt}from"react-i18next";import{getCurrentResultFromResultList as F,formatSort as V}from"../utils/data.js";import ft from"../../../assets/annotation/LLMTool/empty.svg.js";import vt from"./components/textInputBox/index.js";var gt=Object.defineProperty,xt=Object.defineProperties,Lt=Object.getOwnPropertyDescriptors,W=Object.getOwnPropertySymbols,wt=Object.prototype.hasOwnProperty,St=Object.prototype.propertyIsEnumerable,k=(i,o,l)=>o in i?gt(i,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[o]=l,j=(i,o)=>{for(var l in o||(o={}))wt.call(o,l)&&k(i,l,o[l]);if(W)for(var l of W(o))St.call(o,l)&&k(i,l,o[l]);return i},z=(i,o)=>xt(i,Lt(o));const _t=ut.default,C=`${tt}-sidebar`,bt=i=>{var o;const{annotation:l,dispatch:w,checkMode:S}=i,{imgIndex:P,imgList:O,stepList:T,step:D,skipBeforePageTurning:_}=l,{t:N}=pt(),r=(o=O[P])!=null?o:{},G=q(r==null?void 0:r.result),{toolInstanceRef:I}=dt({basicInfo:G}),[v,H]=L({}),[f,A]=L([]),[b,M]=L(void 0),[h,R]=L([]),[J,Q]=L([]);y(()=>{var t;if(T&&D){const e=(t=ct(T,D))==null?void 0:t.config;H(q(e))}},[T,D]),y(()=>{if(!r)return;const t=F(r==null?void 0:r.result);let e=(t==null?void 0:t.answerList)?t:r==null?void 0:r.questionList;(e==null?void 0:e.answerList)&&(U(e.answerList),A(e.answerList||[])),M(t==null?void 0:t.textAttribute)},[P,r]),y(()=>{I.current.exportData=()=>{const a=V(h);return[[{answerList:f,sort:a,textAttribute:b,id:r==null?void 0:r.id}],{}]};const t=V(h),e={answerList:f,sort:t,textAttribute:b,id:r==null?void 0:r.id,toolName:mt.LLM};I.current.currentPageResult=e},[f,h,b]),y(()=>(window.addEventListener("keydown",$),()=>{window.removeEventListener("keydown",$)}),[]);const $=t=>{if(t.ctrlKey&&t.keyCode===_t.Enter){if(_){_(()=>w(E()));return}w(E())}},U=t=>{var e;let a=[],d=[];if((t==null?void 0:t.length)>0){const n=F(r==null?void 0:r.result),m=(n==null?void 0:n.length)>0?n[0]:n;((e=m==null?void 0:m.sort)==null?void 0:e.length)>0&&(d=m.sort.reduce((c,u)=>{let p=[{title:u[0],id:u[0]}];return u.length>1&&(p=u.map(x=>({title:x,id:x}))),[...c,p]},[])),t.forEach(c=>{d.some(p=>p.length>1?p.some(x=>x.id===c.order):p[0].id===c.order)||a.push({title:c.order,id:c.order})})}R(d),Q(a)},X=({order:t,value:e,key:a})=>{const d=f==null?void 0:f.map(n=>{var m;if((n==null?void 0:n.order)===t){if(it(e))return z(j({},n),{score:e});if(st(e)&&a){const c={[e==null?void 0:e.key]:e.value},u=(m=n[a])!=null?m:{};return z(j({},n),{[a]:j(j({},u),c)})}}return n});A(d)};if((()=>{var t,e;const{indicatorScore:a=[],indicatorDetermine:d=[],text:n=[],enableSort:m}=v,c=((t=a==null?void 0:a.filter(g=>g.label&&g.value&&g.score))==null?void 0:t.length)>0,u=((e=d==null?void 0:d.filter(g=>g.label&&g.value))==null?void 0:e.length)>0,p=(n==null?void 0:n.length)>0;return!(c||u||p||m)})())return s.createElement("div",{className:`${C}`},s.createElement("div",{className:`${C}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement(et,{description:s.createElement("span",{style:{color:"#ccc"}},N("NoScoringScale")),imageStyle:{width:200,height:200},image:s.createElement("img",{src:ft})})));const{indicatorScore:B=[],indicatorDetermine:K=[],enableSort:Y}=v,Z=f.length>0&&((K==null?void 0:K.length)>0||(B==null?void 0:B.length)>0);return s.createElement("div",{className:`${C}`},s.createElement("div",{className:`${C}__content`},Y&&s.createElement(rt,{waitSortList:J,sortList:h,setSortList:R,checkMode:S}),Z&&s.createElement(lt,{list:f,LLMConfig:v,updateValue:X,checkMode:S}),(v==null?void 0:v.text)&&s.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},s.createElement(vt,{textAttribute:b||[],LLMConfig:v,setText:M,checkMode:S}))),s.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(O==null?void 0:O.length)-1!==P&&s.createElement(ot,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(_){_(()=>w(E()));return}w(E())},disabled:S},N("Save"))))},ht=i=>({annotation:i.annotation});var yt=nt(ht,null,null,{context:at})(bt);export{yt as default};

package/package.json

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