@labelbee/lb-components 1.20.0-alpha.2 → 1.20.0-alpha.4

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"),reactI18next=require("react-i18next"),index$2=require("../scoreGroupButton/index.js"),index$3=require("../determineGroup/index.js"),ctx=require("../../../../../store/ctx.js"),index$1=require("../../../../../utils/index.js"),icons=require("@ant-design/icons"),index=require("../../../../../views/MainView/sidebar/TagSidebar/index.js"),_=require("lodash"),index$6=require("../../../../longText/index.js"),index$4=require("../textEditor/index.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),ETagType;(function(t){t[t.Finish=0]="Finish",t[t.UnFinish=1]="UnFinish",t[t.Default=2]="Default"})(ETagType||(ETagType={}));const{Panel}=antd.Collapse,LLMSidebarCls=`${index$5.prefix}-LLMSidebar`,AnswerList=t=>{const{list:g=[],LLMConfig:w,updateValue:h,checkMode:F}=t,{hoverKey:$,setHoverKey:S}=React.useContext(ctx.LLMContext),{t:y}=reactI18next.useTranslation(),C=F,k=e=>{const{indicatorScore:n=[],indicatorDetermine:r=[],textEdit:i=[],isTextEdit:E=!1}=w||{};let o=2;if((n==null?void 0:n.length)>0){if(n.some(l=>{var a,d;return!((a=e==null?void 0:e.indicatorScore)==null?void 0:a[l.value])||((d=e==null?void 0:e.indicatorScore)==null?void 0:d[l.value])>Number(l==null?void 0:l.score)}))return o=1,o;o=0}if((r==null?void 0:r.length)>0){if(r.some(l=>{var a;const d=(a=e==null?void 0:e.indicatorDetermine)==null?void 0:a[l.value];return!_.isBoolean(d)}))return o=1,o;o=0}if(E&&(i==null?void 0:i.length)>0){const s=i.filter(f=>(f==null?void 0:f.title)===e.order)[0],{min:l}=s||{},a=(e==null?void 0:e.newAnswer)||"";if(l&&(a==null?void 0:a.length)<Number(l))return o=1,o;o=0}return o},q=e=>{const n=k(e);let r=(e==null?void 0:e.order)||"";switch(n){case 0:return{backgroundColor:"#D9FFDF",fontColor:"#36B34A",tagText:`${r} ${y("Finished")}`,tagStatus:n};case 1:return{backgroundColor:"#FFD9D9",fontColor:"#F26549",tagText:`${r} ${y("Unfinished")}`,tagStatus:n};default:return{backgroundColor:"#EBEBEB",fontColor:"#999999",tagText:r,tagStatus:n}}},D=(e,n)=>n.filter(r=>(r==null?void 0:r.title)===e.order)[0];return React__default.default.createElement(antd.Collapse,{bordered:!1,expandIcon:index.expandIconFuc,expandIconPosition:"end",defaultActiveKey:g.length>0?g.map((e,n)=>n):void 0,style:{margin:"16px 0px"}},g.map((e,n)=>{const{indicatorScore:r=[],indicatorDetermine:i=[],textEdit:E=[],isTextEdit:o=!1}=w||{},{backgroundColor:s,fontColor:l,tagText:a,tagStatus:d}=q(e),f=D(e,E)||{},j=React__default.default.createElement("div",{style:{display:"flex",width:"500px",alignItems:"center",whiteSpace:"nowrap"},onMouseMove:()=>{S(e.order)},onMouseLeave:()=>{S(-1)}},React__default.default.createElement(antd.Tag,{color:s,style:{color:l,padding:"0px 8px"}},a),e.answer&&React__default.default.createElement("span",{style:{textOverflow:"ellipsis",overflow:"hidden",lineHeight:"32px",paddingRight:"24px"}},e.answer));return React__default.default.createElement(Panel,{header:j,key:n,className:index$1.classnames({[`${LLMSidebarCls}-panel`]:!0,[`${LLMSidebarCls}-panelHover`]:$===e.order,[`${LLMSidebarCls}-errorPanel`]:d===1})},(r==null?void 0:r.length)>0&&r.map((u,b)=>{var c;const{label:v,text:x,value:p,score:m}=u,L=React__default.default.createElement("div",{className:`${LLMSidebarCls}-indicatorScore`},React__default.default.createElement(index$6,{text:v,openByText:!0}),x&&React__default.default.createElement(antd.Popover,{placement:"bottom",content:x,overlayClassName:`${LLMSidebarCls}-indicatorScore-title`},React__default.default.createElement(icons.InfoCircleOutlined,{style:{margin:"0px 4px",cursor:"pointer"}})));return v&&m?React__default.default.createElement(index$2,{score:m,title:L,selectScore:(c=e==null?void 0:e.indicatorScore)==null?void 0:c[p],updateScore:M=>{const U={key:p,value:M};h({order:e.order,value:U,key:"indicatorScore"})},key:b,isDisableAll:C}):null}),(i==null?void 0:i.length)>0&&i.map((u,b)=>{var c;const{label:v,value:x}=u;return v?React__default.default.createElement(index$3,{selectValue:(c=e==null?void 0:e.indicatorDetermine)==null?void 0:c[x],title:v,updateValue:p=>{const m={key:x,value:p};h({order:e.order,value:m,key:"indicatorDetermine"})},key:b,isDisableAll:C}):null}),o&&React__default.default.createElement(index$4,{checkMode:F,newAnswer:e==null?void 0:e.newAnswer,textEditObject:f,updateValue:u=>{h({order:e.order,value:u,key:"textEdit"})}}))}))};module.exports=AnswerList;
1
+ "use strict";var React=require("react"),index$5=require("../../../../../constant/index.js"),antd=require("antd"),reactI18next=require("react-i18next"),index$2=require("../scoreGroupButton/index.js"),index$3=require("../determineGroup/index.js"),ctx=require("../../../../../store/ctx.js"),index$1=require("../../../../../utils/index.js"),icons=require("@ant-design/icons"),index=require("../../../../../views/MainView/sidebar/TagSidebar/index.js"),_=require("lodash"),index$6=require("../../../../longText/index.js"),index$4=require("../textEditor/index.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React),ETagType;(function(n){n[n.Finish=0]="Finish",n[n.UnFinish=1]="UnFinish",n[n.Default=2]="Default"})(ETagType||(ETagType={}));const{Panel}=antd.Collapse,LLMSidebarCls=`${index$5.prefix}-LLMSidebar`,AnswerList=n=>{const{list:g=[],LLMConfig:w,updateValue:h,checkMode:F}=n,{hoverKey:$,setHoverKey:S}=React.useContext(ctx.LLMContext),{t:y}=reactI18next.useTranslation(),C=F,k=e=>{const{indicatorScore:t=[],indicatorDetermine:r=[],textEdit:i=[],isTextEdit:E=!1}=w||{};let o=2;if((t==null?void 0:t.length)>0){if(t.some(l=>{var a,d;return!((a=e==null?void 0:e.indicatorScore)==null?void 0:a[l.value])||((d=e==null?void 0:e.indicatorScore)==null?void 0:d[l.value])>Number(l==null?void 0:l.score)}))return o=1,o;o=0}if((r==null?void 0:r.length)>0){if(r.some(l=>{var a;const d=(a=e==null?void 0:e.indicatorDetermine)==null?void 0:a[l.value];return!_.isBoolean(d)}))return o=1,o;o=0}if(E&&(i==null?void 0:i.length)>0){const s=i.filter(f=>(f==null?void 0:f.title)===e.order)[0],{min:l}=s||{},a=(e==null?void 0:e.newAnswer)||"";if(l&&(a==null?void 0:a.length)<Number(l))return o=1,o;o=0}return o},q=e=>{const t=k(e);let r=(e==null?void 0:e.order)||"";switch(t){case 0:return{backgroundColor:"#D9FFDF",fontColor:"#36B34A",tagText:`${r} ${y("Finished")}`,tagStatus:t};case 1:return{backgroundColor:"#FFD9D9",fontColor:"#F26549",tagText:`${r} ${y("Unfinished")}`,tagStatus:t};default:return{backgroundColor:"#EBEBEB",fontColor:"#999999",tagText:r,tagStatus:t}}},D=(e,t)=>t.filter(r=>(r==null?void 0:r.title)===e.order)[0];return React__default.default.createElement(antd.Collapse,{bordered:!1,expandIcon:index.expandIconFuc,expandIconPosition:"end",defaultActiveKey:g.length>0?g.map((e,t)=>t):void 0,style:{margin:"16px 0px",background:"#fff"}},g.map((e,t)=>{const{indicatorScore:r=[],indicatorDetermine:i=[],textEdit:E=[],isTextEdit:o=!1}=w||{},{backgroundColor:s,fontColor:l,tagText:a,tagStatus:d}=q(e),f=D(e,E)||{},j=React__default.default.createElement("div",{style:{display:"flex",width:"500px",alignItems:"center",whiteSpace:"nowrap"},onMouseMove:()=>{S(e.order)},onMouseLeave:()=>{S(-1)}},React__default.default.createElement(antd.Tag,{color:s,style:{color:l,padding:"0px 8px"}},a),e.answer&&React__default.default.createElement("span",{style:{textOverflow:"ellipsis",overflow:"hidden",lineHeight:"32px",paddingRight:"24px"}},e.answer));return React__default.default.createElement(Panel,{header:j,key:t,className:index$1.classnames({[`${LLMSidebarCls}-panel`]:!0,[`${LLMSidebarCls}-panelHover`]:$===e.order,[`${LLMSidebarCls}-errorPanel`]:d===1})},(r==null?void 0:r.length)>0&&r.map((u,b)=>{var c;const{label:v,text:x,value:p,score:m}=u,L=React__default.default.createElement("div",{className:`${LLMSidebarCls}-indicatorScore`},React__default.default.createElement(index$6,{text:v,openByText:!0}),x&&React__default.default.createElement(antd.Popover,{placement:"bottom",content:x,overlayClassName:`${LLMSidebarCls}-indicatorScore-title`},React__default.default.createElement(icons.InfoCircleOutlined,{style:{margin:"0px 4px",cursor:"pointer"}})));return v&&m?React__default.default.createElement(index$2,{score:m,title:L,selectScore:(c=e==null?void 0:e.indicatorScore)==null?void 0:c[p],updateScore:M=>{const U={key:p,value:M};h({order:e.order,value:U,key:"indicatorScore"})},key:b,isDisableAll:C}):null}),(i==null?void 0:i.length)>0&&i.map((u,b)=>{var c;const{label:v,value:x}=u;return v?React__default.default.createElement(index$3,{selectValue:(c=e==null?void 0:e.indicatorDetermine)==null?void 0:c[x],title:v,updateValue:p=>{const m={key:x,value:p};h({order:e.order,value:m,key:"indicatorDetermine"})},key:b,isDisableAll:C}):null}),o&&React__default.default.createElement(index$4,{checkMode:F,newAnswer:e==null?void 0:e.newAnswer,textEditObject:f,updateValue:u=>{h({order:e.order,value:u,key:"textEdit"})},answerIndex:t}))}))};module.exports=AnswerList;
@@ -1,2 +1,2 @@
1
- "use strict";var React=require("react"),antd=require("antd"),reactI18next=require("react-i18next"),icons=require("@ant-design/icons"),index$1=require("../../../../markdownView/index.js"),index=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React);const TextEditor=r=>{const{checkMode:d,newAnswer:f,textEditObject:E,updateValue:x}=r,{max:n,min:i,isLaText:v}=E,{TextArea:g}=antd.Input,[l]=antd.Form.useForm(),{t:u}=reactI18next.useTranslation(),p=u("LeastCharacterError",{num:i});React.useEffect(()=>{l.setFieldsValue({value:f}),d||l.validateFields()},[f]);const h=t=>{var e,c;const a=document.getElementById("inputTextarea"),o=a.value||"",m=(e=a==null?void 0:a.selectionStart)!=null?e:o.length,b=(c=a.selectionEnd)!=null?c:o.length,w=o.substring(0,m),y=o.substring(b,o.length),s=w+t+y;if(n&&(s==null?void 0:s.length)>n){antd.message.error(u("MaximumCharacterError",{num:n}));return}a.value=s,l.setFieldsValue({value:s}),x(s),a.selectionStart=m+t.length,a.selectionEnd=m+t.length,a.focus()};return React__default.default.createElement(antd.Form,{form:l,onValuesChange:(t,e)=>{const c=e.value;x(c)},className:index_module.form},React__default.default.createElement(antd.Form.Item,{name:"title",style:{marginBottom:"16px"},label:React__default.default.createElement(React__default.default.Fragment,null,u("AnswerTextEdit"),React__default.default.createElement(antd.Popover,{placement:"bottom",content:u("ShowEditingResultDifferencesInTextModeOnly")},React__default.default.createElement(icons.InfoCircleOutlined,{style:{margin:"0px 4px",cursor:"pointer"}}))),colon:!1,required:!!i}),v&&React__default.default.createElement(index,{onSelectLatex:h,disabled:d}),React__default.default.createElement(antd.Form.Item,{name:"value",style:{marginBottom:24},rules:[{validator:(t,e="")=>i&&(e==null?void 0:e.length)<Number(i)?Promise.reject(p):Promise.resolve()}]},React__default.default.createElement(g,{maxLength:n,autoSize:{minRows:4,maxRows:10},allowClear:!0,disabled:d,showCount:!!n,style:{width:"100%"},id:"inputTextarea"})),v&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const t=l.getFieldValue("value")||"",e=t.replace(/\n/g,`
2
- `);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},u("OutputDisplay")),React__default.default.createElement("div",{className:index_module.content},t?React__default.default.createElement(index$1,{value:e}):""))}))};module.exports=TextEditor;
1
+ "use strict";var React=require("react"),antd=require("antd"),reactI18next=require("react-i18next"),icons=require("@ant-design/icons"),index$1=require("../../../../markdownView/index.js"),index=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const TextEditor=n=>{const{checkMode:d,newAnswer:f,textEditObject:g,updateValue:x,answerIndex:v}=n,{max:r,min:i,isLaText:E}=g,{TextArea:p}=antd.Input,[l]=antd.Form.useForm(),{t:s}=reactI18next.useTranslation(),h=s("LeastCharacterError",{num:i});React.useEffect(()=>{l.setFieldsValue({value:f}),d||l.validateFields()},[f]);const w=t=>{var e,c;const b=`inputTextarea_${v}`,a=document.getElementById(b),u=a.value||"",m=(e=a==null?void 0:a.selectionStart)!=null?e:u.length,y=(c=a.selectionEnd)!=null?c:u.length,F=u.substring(0,m),_=u.substring(y,u.length),o=F+t+_;if(r&&(o==null?void 0:o.length)>r){antd.message.error(s("MaximumCharacterError",{num:r}));return}a.value=o,l.setFieldsValue({value:o}),x(o),a.selectionStart=m+t.length,a.selectionEnd=m+t.length,a.focus()};return React__default.default.createElement(antd.Form,{form:l,onValuesChange:(t,e)=>{const c=e.value;x(c)},className:index_module.form},React__default.default.createElement(antd.Form.Item,{name:"title",style:{marginBottom:"16px"},label:React__default.default.createElement(React__default.default.Fragment,null,s("AnswerTextEdit"),React__default.default.createElement(antd.Popover,{placement:"bottom",content:s("ShowEditingResultDifferencesInTextModeOnly")},React__default.default.createElement(icons.InfoCircleOutlined,{style:{margin:"0px 4px",cursor:"pointer"}}))),colon:!1,required:!!i}),E&&React__default.default.createElement(index,{onSelectLatex:w,disabled:d}),React__default.default.createElement(antd.Form.Item,{name:"value",style:{marginBottom:24},rules:[{validator:(t,e="")=>i&&(e==null?void 0:e.length)<Number(i)?Promise.reject(h):Promise.resolve()}]},React__default.default.createElement(p,{maxLength:r,autoSize:{minRows:4,maxRows:10},allowClear:!0,disabled:d,showCount:!!r,style:{width:"100%"},id:`inputTextarea_${v}`})),E&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const t=l.getFieldValue("value")||"",e=t.replace(/\n/g,`
2
+ `);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},s("OutputDisplay")),React__default.default.createElement("div",{className:index_module.content},t?React__default.default.createElement(index$1,{value:e}):""))}))};module.exports=TextEditor;
@@ -1 +1,2 @@
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:f}=e,m=(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=m.map((n,l)=>{var u;const i=(c==null?void 0:c.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})},[m,c]),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}=m[l.name]||{},d=p,v=P("LeastCharacterError",{num:a});return React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:u},d&&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,d&&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)}})),d&&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;
1
+ "use strict";var React=require("react"),antd=require("antd"),classNames=require("classnames"),reactI18next=require("react-i18next"),_=require("lodash"),index=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js"),index$1=require("../../../../markdownView/index.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}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=(t,e,r)=>e in t?__defProp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,__spreadValues=(t,e)=>{for(var r in e||(e={}))__hasOwnProp.call(e,r)&&__defNormalProp(t,r,e[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(e))__propIsEnum.call(e,r)&&__defNormalProp(t,r,e[r]);return t},__spreadProps=(t,e)=>__defProps(t,__getOwnPropDescs(e));const TextInputBox=t=>{const{checkMode:e,LLMConfig:r,textAttribute:g,setText:b}=t,E=(r==null?void 0:r.text)&&_.isArray(r.text)?r==null?void 0:r.text:[],{TextArea:w}=antd.Input,[v]=antd.Form.useForm(),{t:y}=reactI18next.useTranslation();React.useEffect(()=>{const o=E.map((i,a)=>{var c;const u=(g==null?void 0:g.filter(l=>(l==null?void 0:l.textId)===(i==null?void 0:i.textId)))||[];return __spreadProps(__spreadValues({},i),{value:(c=u[0])==null?void 0:c.value})});v.setFieldsValue({text:o})},[E,g]);const I=({newText:o,fieldName:i,max:a})=>{var c,u;const l=`textInput_${i}`,n=document.getElementById(l),d=n.value||"",f=(c=n==null?void 0:n.selectionStart)!=null?c:d.length,x=(u=n.selectionEnd)!=null?u:d.length,p=d.substring(0,f),m=d.substring(x,d.length),s=p+o+m;if(a&&(s==null?void 0:s.length)>a){antd.message.error(y("MaximumCharacterError",{num:a}));return}n.value=s,v.setFields([{name:["text",i,"value"],value:s,errors:[]}]),h(),n.selectionStart=f+o.length,n.selectionEnd=f+o.length,n.focus()},h=()=>{const o=v.getFieldValue("text");b(o)};return React__default.default.createElement(antd.Form,{form:v},React__default.default.createElement(antd.Form.List,{name:"text"},(o,i)=>React__default.default.createElement(React__default.default.Fragment,null,o.map((a,c)=>{const{max:u,min:l,title:n,tip:d,isLaText:f}=E[a.name]||{},x=n,p=y("LeastCharacterError",{num:l});return React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:c},x&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"title"],extra:d,style:{fontSize:"16px",lineHeight:"22px",fontWeight:500,color:"#333333",marginBottom:8},required:!!l,label:" ",colon:!1},n,x&&React__default.default.createElement("span",{className:classNames__default.default({clearText:!0,clearText__disabled:e}),style:{verticalAlign:"initial"},onClick:()=>{e||(v.setFields([{name:["text",a.name,"value"],value:void 0,errors:l?[p]:[]}]),h())}})),f&&React__default.default.createElement(index,{onSelectLatex:m=>I({newText:m,fieldName:a.name,max:u}),disabled:e}),x&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"value"],style:{marginBottom:24},rules:[{validator:(m,s)=>l&&(s==null?void 0:s.length)<Number(l)?Promise.reject(p):Promise.resolve()}],initialValue:void 0},React__default.default.createElement(w,{maxLength:u,disabled:e,showCount:!!u,autoSize:{minRows:4,maxRows:10},style:{width:"100%"},id:`textInput_${a.name}`})),f&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const m=v.getFieldValue(["text",a.name,"value"])||"",s=m.replace(/\n/g,`
2
+ `);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},y("OutputDisplay")),React__default.default.createElement("div",{className:index_module.content},m?React__default.default.createElement(index$1,{value:s}):""))}))}))))};module.exports=TextInputBox;
@@ -0,0 +1 @@
1
+ "use strict";var styles={form:"index-module_form__rwjRm",outputDisplay:"index-module_outputDisplay__hCLyn",title:"index-module_title__vPA3N",content:"index-module_content__dl4N9"};module.exports=styles;
package/dist/index.css CHANGED
@@ -88,6 +88,7 @@
88
88
  margin-bottom: 8px;
89
89
  }
90
90
  .index-module_outputDisplay__5dS48 .index-module_content__Iml6l {
91
+ border: 1px solid #d9d9d9;
91
92
  min-height: 100px;
92
93
  overflow: auto;
93
94
  max-height: 200px;
@@ -97,6 +98,25 @@
97
98
  .index-module_outputDisplay__5dS48 .index-module_content__Iml6l .markdown-body {
98
99
  font-size: 14px;
99
100
  }
101
+ .index-module_form__rwjRm {
102
+ margin-bottom: 16px;
103
+ }
104
+
105
+ .index-module_outputDisplay__hCLyn .index-module_title__vPA3N {
106
+ line-height: 32px;
107
+ margin-bottom: 8px;
108
+ }
109
+ .index-module_outputDisplay__hCLyn .index-module_content__dl4N9 {
110
+ min-height: 100px;
111
+ overflow: auto;
112
+ max-height: 200px;
113
+ background-color: #ffffff;
114
+ padding: 4px 12px;
115
+ border: 1px solid #d9d9d9;
116
+ }
117
+ .index-module_outputDisplay__hCLyn .index-module_content__dl4N9 .markdown-body {
118
+ font-size: 14px;
119
+ }
100
120
  .index-module_speedControllerWrap__aFz7r {
101
121
  display: flex;
102
122
  color: white;
@@ -5,6 +5,7 @@ interface IProps {
5
5
  textEditObject: ITextList;
6
6
  updateValue: (changeValue: string) => void;
7
7
  checkMode?: boolean;
8
+ answerIndex: number;
8
9
  }
9
10
  declare const TextEditor: (props: IProps) => React.JSX.Element;
10
11
  export default TextEditor;
@@ -1 +1 @@
1
- import r,{useContext as N}from"react";import{prefix as _}from"../../../../../constant/index.js";import{Collapse as L,Tag as G,Popover as O}from"antd";import{useTranslation as P}from"react-i18next";import H from"../scoreGroupButton/index.js";import K from"../determineGroup/index.js";import{LLMContext as R}from"../../../../../store/ctx.js";import{classnames as q}from"../../../../../utils/index.js";import{InfoCircleOutlined as z}from"@ant-design/icons";import{expandIconFuc as J}from"../../../../../views/MainView/sidebar/TagSidebar/index.js";import{isBoolean as Q}from"lodash";import W from"../../../../longText/index.js";import X from"../textEditor/index.js";var j;(function(a){a[a.Finish=0]="Finish",a[a.UnFinish=1]="UnFinish",a[a.Default=2]="Default"})(j||(j={}));const{Panel:Y}=L,x=`${_}-LLMSidebar`,Z=a=>{const{list:E=[],LLMConfig:b,updateValue:S,checkMode:y}=a,{hoverKey:$,setHoverKey:C}=N(R),{t:k}=P(),D=y,M=e=>{const{indicatorScore:t=[],indicatorDetermine:n=[],textEdit:s=[],isTextEdit:w=!1}=b||{};let o=2;if((t==null?void 0:t.length)>0){if(t.some(l=>{var i,d;return!((i=e==null?void 0:e.indicatorScore)==null?void 0:i[l.value])||((d=e==null?void 0:e.indicatorScore)==null?void 0:d[l.value])>Number(l==null?void 0:l.score)}))return o=1,o;o=0}if((n==null?void 0:n.length)>0){if(n.some(l=>{var i;const d=(i=e==null?void 0:e.indicatorDetermine)==null?void 0:i[l.value];return!Q(d)}))return o=1,o;o=0}if(w&&(s==null?void 0:s.length)>0){const c=s.filter(f=>(f==null?void 0:f.title)===e.order)[0],{min:l}=c||{},i=(e==null?void 0:e.newAnswer)||"";if(l&&(i==null?void 0:i.length)<Number(l))return o=1,o;o=0}return o},U=e=>{const t=M(e);let n=(e==null?void 0:e.order)||"";switch(t){case 0:return{backgroundColor:"#D9FFDF",fontColor:"#36B34A",tagText:`${n} ${k("Finished")}`,tagStatus:t};case 1:return{backgroundColor:"#FFD9D9",fontColor:"#F26549",tagText:`${n} ${k("Unfinished")}`,tagStatus:t};default:return{backgroundColor:"#EBEBEB",fontColor:"#999999",tagText:n,tagStatus:t}}},A=(e,t)=>t.filter(n=>(n==null?void 0:n.title)===e.order)[0];return r.createElement(L,{bordered:!1,expandIcon:J,expandIconPosition:"end",defaultActiveKey:E.length>0?E.map((e,t)=>t):void 0,style:{margin:"16px 0px"}},E.map((e,t)=>{const{indicatorScore:n=[],indicatorDetermine:s=[],textEdit:w=[],isTextEdit:o=!1}=b||{},{backgroundColor:c,fontColor:l,tagText:i,tagStatus:d}=U(e),f=A(e,w)||{},B=r.createElement("div",{style:{display:"flex",width:"500px",alignItems:"center",whiteSpace:"nowrap"},onMouseMove:()=>{C(e.order)},onMouseLeave:()=>{C(-1)}},r.createElement(G,{color:c,style:{color:l,padding:"0px 8px"}},i),e.answer&&r.createElement("span",{style:{textOverflow:"ellipsis",overflow:"hidden",lineHeight:"32px",paddingRight:"24px"}},e.answer));return r.createElement(Y,{header:B,key:t,className:q({[`${x}-panel`]:!0,[`${x}-panelHover`]:$===e.order,[`${x}-errorPanel`]:d===1})},(n==null?void 0:n.length)>0&&n.map((u,F)=>{var m;const{label:v,text:p,value:g,score:h}=u,T=r.createElement("div",{className:`${x}-indicatorScore`},r.createElement(W,{text:v,openByText:!0}),p&&r.createElement(O,{placement:"bottom",content:p,overlayClassName:`${x}-indicatorScore-title`},r.createElement(z,{style:{margin:"0px 4px",cursor:"pointer"}})));return v&&h?r.createElement(H,{score:h,title:T,selectScore:(m=e==null?void 0:e.indicatorScore)==null?void 0:m[g],updateScore:V=>{const I={key:g,value:V};S({order:e.order,value:I,key:"indicatorScore"})},key:F,isDisableAll:D}):null}),(s==null?void 0:s.length)>0&&s.map((u,F)=>{var m;const{label:v,value:p}=u;return v?r.createElement(K,{selectValue:(m=e==null?void 0:e.indicatorDetermine)==null?void 0:m[p],title:v,updateValue:g=>{const h={key:p,value:g};S({order:e.order,value:h,key:"indicatorDetermine"})},key:F,isDisableAll:D}):null}),o&&r.createElement(X,{checkMode:y,newAnswer:e==null?void 0:e.newAnswer,textEditObject:f,updateValue:u=>{S({order:e.order,value:u,key:"textEdit"})}}))}))};export{Z as default};
1
+ import r,{useContext as N}from"react";import{prefix as _}from"../../../../../constant/index.js";import{Collapse as L,Tag as G,Popover as O}from"antd";import{useTranslation as P}from"react-i18next";import H from"../scoreGroupButton/index.js";import K from"../determineGroup/index.js";import{LLMContext as R}from"../../../../../store/ctx.js";import{classnames as q}from"../../../../../utils/index.js";import{InfoCircleOutlined as z}from"@ant-design/icons";import{expandIconFuc as J}from"../../../../../views/MainView/sidebar/TagSidebar/index.js";import{isBoolean as Q}from"lodash";import W from"../../../../longText/index.js";import X from"../textEditor/index.js";var j;(function(a){a[a.Finish=0]="Finish",a[a.UnFinish=1]="UnFinish",a[a.Default=2]="Default"})(j||(j={}));const{Panel:Y}=L,x=`${_}-LLMSidebar`,Z=a=>{const{list:E=[],LLMConfig:F,updateValue:w,checkMode:y}=a,{hoverKey:$,setHoverKey:C}=N(R),{t:k}=P(),D=y,M=e=>{const{indicatorScore:t=[],indicatorDetermine:n=[],textEdit:s=[],isTextEdit:S=!1}=F||{};let o=2;if((t==null?void 0:t.length)>0){if(t.some(l=>{var i,d;return!((i=e==null?void 0:e.indicatorScore)==null?void 0:i[l.value])||((d=e==null?void 0:e.indicatorScore)==null?void 0:d[l.value])>Number(l==null?void 0:l.score)}))return o=1,o;o=0}if((n==null?void 0:n.length)>0){if(n.some(l=>{var i;const d=(i=e==null?void 0:e.indicatorDetermine)==null?void 0:i[l.value];return!Q(d)}))return o=1,o;o=0}if(S&&(s==null?void 0:s.length)>0){const c=s.filter(f=>(f==null?void 0:f.title)===e.order)[0],{min:l}=c||{},i=(e==null?void 0:e.newAnswer)||"";if(l&&(i==null?void 0:i.length)<Number(l))return o=1,o;o=0}return o},U=e=>{const t=M(e);let n=(e==null?void 0:e.order)||"";switch(t){case 0:return{backgroundColor:"#D9FFDF",fontColor:"#36B34A",tagText:`${n} ${k("Finished")}`,tagStatus:t};case 1:return{backgroundColor:"#FFD9D9",fontColor:"#F26549",tagText:`${n} ${k("Unfinished")}`,tagStatus:t};default:return{backgroundColor:"#EBEBEB",fontColor:"#999999",tagText:n,tagStatus:t}}},A=(e,t)=>t.filter(n=>(n==null?void 0:n.title)===e.order)[0];return r.createElement(L,{bordered:!1,expandIcon:J,expandIconPosition:"end",defaultActiveKey:E.length>0?E.map((e,t)=>t):void 0,style:{margin:"16px 0px",background:"#fff"}},E.map((e,t)=>{const{indicatorScore:n=[],indicatorDetermine:s=[],textEdit:S=[],isTextEdit:o=!1}=F||{},{backgroundColor:c,fontColor:l,tagText:i,tagStatus:d}=U(e),f=A(e,S)||{},B=r.createElement("div",{style:{display:"flex",width:"500px",alignItems:"center",whiteSpace:"nowrap"},onMouseMove:()=>{C(e.order)},onMouseLeave:()=>{C(-1)}},r.createElement(G,{color:c,style:{color:l,padding:"0px 8px"}},i),e.answer&&r.createElement("span",{style:{textOverflow:"ellipsis",overflow:"hidden",lineHeight:"32px",paddingRight:"24px"}},e.answer));return r.createElement(Y,{header:B,key:t,className:q({[`${x}-panel`]:!0,[`${x}-panelHover`]:$===e.order,[`${x}-errorPanel`]:d===1})},(n==null?void 0:n.length)>0&&n.map((u,b)=>{var m;const{label:v,text:p,value:g,score:h}=u,T=r.createElement("div",{className:`${x}-indicatorScore`},r.createElement(W,{text:v,openByText:!0}),p&&r.createElement(O,{placement:"bottom",content:p,overlayClassName:`${x}-indicatorScore-title`},r.createElement(z,{style:{margin:"0px 4px",cursor:"pointer"}})));return v&&h?r.createElement(H,{score:h,title:T,selectScore:(m=e==null?void 0:e.indicatorScore)==null?void 0:m[g],updateScore:I=>{const V={key:g,value:I};w({order:e.order,value:V,key:"indicatorScore"})},key:b,isDisableAll:D}):null}),(s==null?void 0:s.length)>0&&s.map((u,b)=>{var m;const{label:v,value:p}=u;return v?r.createElement(K,{selectValue:(m=e==null?void 0:e.indicatorDetermine)==null?void 0:m[p],title:v,updateValue:g=>{const h={key:p,value:g};w({order:e.order,value:h,key:"indicatorDetermine"})},key:b,isDisableAll:D}):null}),o&&r.createElement(X,{checkMode:y,newAnswer:e==null?void 0:e.newAnswer,textEditObject:f,updateValue:u=>{w({order:e.order,value:u,key:"textEdit"})},answerIndex:t}))}))};export{Z as default};
@@ -1,2 +1,2 @@
1
- import e,{useEffect as I}from"react";import{Form as m,Popover as C,Input as S,message as j}from"antd";import{useTranslation as L}from"react-i18next";import{InfoCircleOutlined as N}from"@ant-design/icons";import k from"../../../../markdownView/index.js";import M from"../../../../latexEditor/index.js";import d from"./index.module.scss.js";const O=v=>{const{checkMode:E,newAnswer:x,textEditObject:h,updateValue:f}=v,{max:a,min:c,isLaText:g}=h,{TextArea:w}=S,[l]=m.useForm(),{t:o}=L(),b=o("LeastCharacterError",{num:c});I(()=>{l.setFieldsValue({value:x}),E||l.validateFields()},[x]);const y=n=>{var t,u;const r=document.getElementById("inputTextarea"),s=r.value||"",p=(t=r==null?void 0:r.selectionStart)!=null?t:s.length,V=(u=r.selectionEnd)!=null?u:s.length,T=s.substring(0,p),F=s.substring(V,s.length),i=T+n+F;if(a&&(i==null?void 0:i.length)>a){j.error(o("MaximumCharacterError",{num:a}));return}r.value=i,l.setFieldsValue({value:i}),f(i),r.selectionStart=p+n.length,r.selectionEnd=p+n.length,r.focus()};return e.createElement(m,{form:l,onValuesChange:(n,t)=>{const u=t.value;f(u)},className:d.form},e.createElement(m.Item,{name:"title",style:{marginBottom:"16px"},label:e.createElement(e.Fragment,null,o("AnswerTextEdit"),e.createElement(C,{placement:"bottom",content:o("ShowEditingResultDifferencesInTextModeOnly")},e.createElement(N,{style:{margin:"0px 4px",cursor:"pointer"}}))),colon:!1,required:!!c}),g&&e.createElement(M,{onSelectLatex:y,disabled:E}),e.createElement(m.Item,{name:"value",style:{marginBottom:24},rules:[{validator:(n,t="")=>c&&(t==null?void 0:t.length)<Number(c)?Promise.reject(b):Promise.resolve()}]},e.createElement(w,{maxLength:a,autoSize:{minRows:4,maxRows:10},allowClear:!0,disabled:E,showCount:!!a,style:{width:"100%"},id:"inputTextarea"})),g&&e.createElement(m.Item,{shouldUpdate:!0,noStyle:!0},()=>{const n=l.getFieldValue("value")||"",t=n.replace(/\n/g,`
2
- `);return e.createElement("div",{className:d.outputDisplay},e.createElement("div",{className:d.title},o("OutputDisplay")),e.createElement("div",{className:d.content},n?e.createElement(k,{value:t}):""))}))};export{O as default};
1
+ import e,{useEffect as S}from"react";import{Form as m,Popover as _,Input as j,message as L}from"antd";import{useTranslation as N}from"react-i18next";import{InfoCircleOutlined as k}from"@ant-design/icons";import M from"../../../../markdownView/index.js";import O from"../../../../latexEditor/index.js";import d from"./index.module.scss.js";const R=h=>{const{checkMode:x,newAnswer:p,textEditObject:w,updateValue:f,answerIndex:g}=h,{max:a,min:c,isLaText:v}=w,{TextArea:b}=j,[l]=m.useForm(),{t:o}=N(),y=o("LeastCharacterError",{num:c});S(()=>{l.setFieldsValue({value:p}),x||l.validateFields()},[p]);const V=n=>{var t,u;const I=`inputTextarea_${g}`,r=document.getElementById(I),s=r.value||"",E=(t=r==null?void 0:r.selectionStart)!=null?t:s.length,T=(u=r.selectionEnd)!=null?u:s.length,F=s.substring(0,E),C=s.substring(T,s.length),i=F+n+C;if(a&&(i==null?void 0:i.length)>a){L.error(o("MaximumCharacterError",{num:a}));return}r.value=i,l.setFieldsValue({value:i}),f(i),r.selectionStart=E+n.length,r.selectionEnd=E+n.length,r.focus()};return e.createElement(m,{form:l,onValuesChange:(n,t)=>{const u=t.value;f(u)},className:d.form},e.createElement(m.Item,{name:"title",style:{marginBottom:"16px"},label:e.createElement(e.Fragment,null,o("AnswerTextEdit"),e.createElement(_,{placement:"bottom",content:o("ShowEditingResultDifferencesInTextModeOnly")},e.createElement(k,{style:{margin:"0px 4px",cursor:"pointer"}}))),colon:!1,required:!!c}),v&&e.createElement(O,{onSelectLatex:V,disabled:x}),e.createElement(m.Item,{name:"value",style:{marginBottom:24},rules:[{validator:(n,t="")=>c&&(t==null?void 0:t.length)<Number(c)?Promise.reject(y):Promise.resolve()}]},e.createElement(b,{maxLength:a,autoSize:{minRows:4,maxRows:10},allowClear:!0,disabled:x,showCount:!!a,style:{width:"100%"},id:`inputTextarea_${g}`})),v&&e.createElement(m.Item,{shouldUpdate:!0,noStyle:!0},()=>{const n=l.getFieldValue("value")||"",t=n.replace(/\n/g,`
2
+ `);return e.createElement("div",{className:d.outputDisplay},e.createElement("div",{className:d.title},o("OutputDisplay")),e.createElement("div",{className:d.content},n?e.createElement(M,{value:t}):""))}))};export{R as default};
@@ -1 +1,2 @@
1
- import n,{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:p,setText:f}=r,d=(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=d.map((o,l)=>{var c;const u=(p==null?void 0:p.filter(a=>(a==null?void 0:a.textId)===(o==null?void 0:o.textId)))||[];return D(N({},o),{value:(c=u[0])==null?void 0:c.value})});i.setFieldsValue({text:m})},[d,p]),n.createElement(s,{form:i,onValuesChange:(m,o)=>{f(o.text)}},n.createElement(s.List,{name:"text"},(m,o)=>n.createElement(n.Fragment,null,m.map((l,c)=>{const{max:u,min:a,title:v,tip:w}=d[l.name]||{},x=v,_=O("LeastCharacterError",{num:a});return n.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:c},x&&n.createElement(s.Item,{name:[l.name,"title"],extra:w,style:{fontSize:"16px",lineHeight:"22px",fontWeight:500,color:"#333333",marginBottom:8},required:!!a,label:" ",colon:!1},v,x&&n.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:a?[_]:[]}]);const g=i.getFieldValue("text");f(g)}})),x&&n.createElement(s.Item,{name:[l.name,"value"],style:{marginBottom:8},rules:[{validator:(g,y)=>a&&(y==null?void 0:y.length)<Number(a)?Promise.reject(_):Promise.resolve()}],initialValue:void 0},n.createElement(E,{maxLength:u,disabled:e,showCount:!!u,style:{width:"100%"}})))}))))};export{S as default};
1
+ import r,{useEffect as j}from"react";import{Form as f,Input as F,message as L}from"antd";import S from"classnames";import{useTranslation as N}from"react-i18next";import{isArray as C}from"lodash";import B from"../../../../latexEditor/index.js";import w from"./index.module.scss.js";import D from"../../../../markdownView/index.js";var k=Object.defineProperty,A=Object.defineProperties,M=Object.getOwnPropertyDescriptors,P=Object.getOwnPropertySymbols,R=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable,I=(a,e,t)=>e in a?k(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,$=(a,e)=>{for(var t in e||(e={}))R.call(e,t)&&I(a,t,e[t]);if(P)for(var t of P(e))z.call(e,t)&&I(a,t,e[t]);return a},q=(a,e)=>A(a,M(e));const H=a=>{const{checkMode:e,LLMConfig:t,textAttribute:_,setText:O}=a,h=(t==null?void 0:t.text)&&C(t.text)?t==null?void 0:t.text:[],{TextArea:T}=F,[x]=f.useForm(),{t:y}=N();j(()=>{const s=h.map((u,n)=>{var c;const m=(_==null?void 0:_.filter(l=>(l==null?void 0:l.textId)===(u==null?void 0:u.textId)))||[];return q($({},u),{value:(c=m[0])==null?void 0:c.value})});x.setFieldsValue({text:s})},[h,_]);const V=({newText:s,fieldName:u,max:n})=>{var c,m;const l=`textInput_${u}`,o=document.getElementById(l),d=o.value||"",v=(c=o==null?void 0:o.selectionStart)!=null?c:d.length,g=(m=o.selectionEnd)!=null?m:d.length,E=d.substring(0,v),p=d.substring(g,d.length),i=E+s+p;if(n&&(i==null?void 0:i.length)>n){L.error(y("MaximumCharacterError",{num:n}));return}o.value=i,x.setFields([{name:["text",u,"value"],value:i,errors:[]}]),b(),o.selectionStart=v+s.length,o.selectionEnd=v+s.length,o.focus()},b=()=>{const s=x.getFieldValue("text");O(s)};return r.createElement(f,{form:x},r.createElement(f.List,{name:"text"},(s,u)=>r.createElement(r.Fragment,null,s.map((n,c)=>{const{max:m,min:l,title:o,tip:d,isLaText:v}=h[n.name]||{},g=o,E=y("LeastCharacterError",{num:l});return r.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:c},g&&r.createElement(f.Item,{name:[n.name,"title"],extra:d,style:{fontSize:"16px",lineHeight:"22px",fontWeight:500,color:"#333333",marginBottom:8},required:!!l,label:" ",colon:!1},o,g&&r.createElement("span",{className:S({clearText:!0,clearText__disabled:e}),style:{verticalAlign:"initial"},onClick:()=>{e||(x.setFields([{name:["text",n.name,"value"],value:void 0,errors:l?[E]:[]}]),b())}})),v&&r.createElement(B,{onSelectLatex:p=>V({newText:p,fieldName:n.name,max:m}),disabled:e}),g&&r.createElement(f.Item,{name:[n.name,"value"],style:{marginBottom:24},rules:[{validator:(p,i)=>l&&(i==null?void 0:i.length)<Number(l)?Promise.reject(E):Promise.resolve()}],initialValue:void 0},r.createElement(T,{maxLength:m,disabled:e,showCount:!!m,autoSize:{minRows:4,maxRows:10},style:{width:"100%"},id:`textInput_${n.name}`})),v&&r.createElement(f.Item,{shouldUpdate:!0,noStyle:!0},()=>{const p=x.getFieldValue(["text",n.name,"value"])||"",i=p.replace(/\n/g,`
2
+ `);return r.createElement("div",{className:w.outputDisplay},r.createElement("div",{className:w.title},y("OutputDisplay")),r.createElement("div",{className:w.content},p?r.createElement(D,{value:i}):""))}))}))))};export{H as default};
@@ -0,0 +1 @@
1
+ var e={form:"index-module_form__rwjRm",outputDisplay:"index-module_outputDisplay__hCLyn",title:"index-module_title__vPA3N",content:"index-module_content__dl4N9"};export{e as default};
package/es/index.css CHANGED
@@ -88,6 +88,7 @@
88
88
  margin-bottom: 8px;
89
89
  }
90
90
  .index-module_outputDisplay__5dS48 .index-module_content__Iml6l {
91
+ border: 1px solid #d9d9d9;
91
92
  min-height: 100px;
92
93
  overflow: auto;
93
94
  max-height: 200px;
@@ -97,6 +98,25 @@
97
98
  .index-module_outputDisplay__5dS48 .index-module_content__Iml6l .markdown-body {
98
99
  font-size: 14px;
99
100
  }
101
+ .index-module_form__rwjRm {
102
+ margin-bottom: 16px;
103
+ }
104
+
105
+ .index-module_outputDisplay__hCLyn .index-module_title__vPA3N {
106
+ line-height: 32px;
107
+ margin-bottom: 8px;
108
+ }
109
+ .index-module_outputDisplay__hCLyn .index-module_content__dl4N9 {
110
+ min-height: 100px;
111
+ overflow: auto;
112
+ max-height: 200px;
113
+ background-color: #ffffff;
114
+ padding: 4px 12px;
115
+ border: 1px solid #d9d9d9;
116
+ }
117
+ .index-module_outputDisplay__hCLyn .index-module_content__dl4N9 .markdown-body {
118
+ font-size: 14px;
119
+ }
100
120
  .index-module_speedControllerWrap__aFz7r {
101
121
  display: flex;
102
122
  color: white;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@labelbee/lb-components",
3
- "version": "1.20.0-alpha.2",
3
+ "version": "1.20.0-alpha.4",
4
4
  "description": "Provide a complete library of annotation components",
5
5
  "main": "./dist/index.js",
6
6
  "es": "./es/index.js",
@@ -43,7 +43,7 @@
43
43
  },
44
44
  "dependencies": {
45
45
  "@ant-design/icons": "^4.6.2",
46
- "@labelbee/lb-annotation": "1.24.0-alpha.2",
46
+ "@labelbee/lb-annotation": "1.24.0-alpha.3",
47
47
  "@labelbee/lb-utils": "1.16.0-alpha.2",
48
48
  "@labelbee/wavesurfer": "1.0.0",
49
49
  "@types/react-dom": "^18.2.7",