@labelbee/lb-components 1.20.0-alpha.6 → 1.20.0-alpha.8

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

@@ -1,2 +1,2 @@
-"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,`  
+"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:"8px"},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,`  
 `);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;

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

@@ -1,2 +1,2 @@
-"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,[f]=antd.Form.useForm(),{t:h}=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})});f.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||"",x=(c=n==null?void 0:n.selectionStart)!=null?c:d.length,m=(u=n.selectionEnd)!=null?u:d.length,p=d.substring(0,x),v=d.substring(m,d.length),s=p+o+v;if(a&&(s==null?void 0:s.length)>a){antd.message.error(h("MaximumCharacterError",{num:a}));return}n.value=s,f.setFields([{name:["text",i,"value"],value:s,errors:[]}]),y(),n.selectionStart=x+o.length,n.selectionEnd=x+o.length,n.focus()},y=()=>{const o=f.getFieldValue("text");b(o)};return React__default.default.createElement(antd.Form,{form:f},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:x}=E[a.name]||{},m=n,p=h("LeastCharacterError",{num:l});return React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:c},m&&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,m&&React__default.default.createElement("span",{className:classNames__default.default({clearText:!0,clearText__disabled:e}),style:{verticalAlign:"initial"},onClick:()=>{e||(f.setFields([{name:["text",a.name,"value"],value:void 0,errors:l?[p]:[]}]),y())}})),x&&m&&React__default.default.createElement(index,{onSelectLatex:v=>I({newText:v,fieldName:a.name,max:u}),disabled:e}),m&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"value"],style:{marginBottom:24},rules:[{validator:(v,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}`,onChange:()=>y()})),x&&m&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const v=f.getFieldValue(["text",a.name,"value"])||"",s=v.replace(/\n/g,`  
-`);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},h("OutputDisplay")),React__default.default.createElement("div",{className:index_module.content},v?React__default.default.createElement(index$1,{value:s}):""))}))}))))};module.exports=TextInputBox;
+"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,[x]=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})});x.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,m=(u=n.selectionEnd)!=null?u:d.length,p=d.substring(0,f),v=d.substring(m,d.length),s=p+o+v;if(a&&(s==null?void 0:s.length)>a){antd.message.error(y("MaximumCharacterError",{num:a}));return}n.value=s,x.setFields([{name:["text",i,"value"],value:s,errors:[]}]),h(),n.selectionStart=f+o.length,n.selectionEnd=f+o.length,n.focus()},h=()=>{const o=x.getFieldValue("text");b(o)};return React__default.default.createElement(antd.Form,{form:x},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]||{},m=n,p=y("LeastCharacterError",{num:l});return React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:c},m&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"title"],extra:d,className:index_module.textTitle,required:!!l,label:" ",colon:!1},n,m&&React__default.default.createElement("span",{className:classNames__default.default({clearText:!0,clearText__disabled:e}),style:{verticalAlign:"initial"},onClick:()=>{e||(x.setFields([{name:["text",a.name,"value"],value:void 0,errors:l?[p]:[]}]),h())}})),f&&m&&React__default.default.createElement(index,{onSelectLatex:v=>I({newText:v,fieldName:a.name,max:u}),disabled:e}),m&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"value"],style:{marginBottom:24},rules:[{validator:(v,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}`,onChange:()=>h()})),f&&m&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const v=x.getFieldValue(["text",a.name,"value"])||"",s=v.replace(/\n/g,`  
+`);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},v?React__default.default.createElement(index$1,{value:s}):""))}))}))))};module.exports=TextInputBox;

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

@@ -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;
+"use strict";var styles={form:"index-module_form__rwjRm",outputDisplay:"index-module_outputDisplay__hCLyn",title:"index-module_title__vPA3N",content:"index-module_content__dl4N9",textTitle:"index-module_textTitle__o8hrm"};module.exports=styles;

package/dist/index.css

@@ -56,6 +56,7 @@
   cursor: pointer;
   display: flex;
   justify-content: space-between;
+  align-items: center;
 }
 
 .index-module_itemActive__a5EPl {
@@ -117,6 +118,16 @@
 .index-module_outputDisplay__hCLyn .index-module_content__dl4N9 .markdown-body {
   font-size: 14px;
 }
+
+.index-module_textTitle__o8hrm {
+  font-size: 16px;
+  line-height: 22px;
+  font-weight: 500;
+  color: #333333;
+  margin-bottom: 8px;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 .index-module_speedControllerWrap__aFz7r {
   display: flex;
   color: white;

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

@@ -1,2 +1,2 @@
-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,`  
+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:"8px"},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,`  
 `);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};

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

@@ -1,2 +1,2 @@
-import r,{useEffect as j}from"react";import{Form as g,Input as F,message as L}from"antd";import S from"classnames";import{useTranslation as C}from"react-i18next";import{isArray as N}from"lodash";import B from"../../../../latexEditor/index.js";import b 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)&&N(t.text)?t==null?void 0:t.text:[],{TextArea:T}=F,[v]=g.useForm(),{t:y}=C();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})});v.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||"",f=(c=o==null?void 0:o.selectionStart)!=null?c:d.length,p=(m=o.selectionEnd)!=null?m:d.length,E=d.substring(0,f),x=d.substring(p,d.length),i=E+s+x;if(n&&(i==null?void 0:i.length)>n){L.error(y("MaximumCharacterError",{num:n}));return}o.value=i,v.setFields([{name:["text",u,"value"],value:i,errors:[]}]),w(),o.selectionStart=f+s.length,o.selectionEnd=f+s.length,o.focus()},w=()=>{const s=v.getFieldValue("text");O(s)};return r.createElement(g,{form:v},r.createElement(g.List,{name:"text"},(s,u)=>r.createElement(r.Fragment,null,s.map((n,c)=>{const{max:m,min:l,title:o,tip:d,isLaText:f}=h[n.name]||{},p=o,E=y("LeastCharacterError",{num:l});return r.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:c},p&&r.createElement(g.Item,{name:[n.name,"title"],extra:d,style:{fontSize:"16px",lineHeight:"22px",fontWeight:500,color:"#333333",marginBottom:8},required:!!l,label:" ",colon:!1},o,p&&r.createElement("span",{className:S({clearText:!0,clearText__disabled:e}),style:{verticalAlign:"initial"},onClick:()=>{e||(v.setFields([{name:["text",n.name,"value"],value:void 0,errors:l?[E]:[]}]),w())}})),f&&p&&r.createElement(B,{onSelectLatex:x=>V({newText:x,fieldName:n.name,max:m}),disabled:e}),p&&r.createElement(g.Item,{name:[n.name,"value"],style:{marginBottom:24},rules:[{validator:(x,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}`,onChange:()=>w()})),f&&p&&r.createElement(g.Item,{shouldUpdate:!0,noStyle:!0},()=>{const x=v.getFieldValue(["text",n.name,"value"])||"",i=x.replace(/\n/g,`  
-`);return r.createElement("div",{className:b.outputDisplay},r.createElement("div",{className:b.title},y("OutputDisplay")),r.createElement("div",{className:b.content},x?r.createElement(D,{value:i}):""))}))}))))};export{H as default};
+import r,{useEffect as j}from"react";import{Form as g,Input as F,message as L}from"antd";import N from"classnames";import{useTranslation as C}from"react-i18next";import{isArray as S}from"lodash";import D from"../../../../latexEditor/index.js";import _ from"./index.module.scss.js";import k from"../../../../markdownView/index.js";var A=Object.defineProperty,B=Object.defineProperties,M=Object.getOwnPropertyDescriptors,P=Object.getOwnPropertySymbols,R=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable,I=(a,e,t)=>e in a?A(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,q=(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))$.call(e,t)&&I(a,t,e[t]);return a},z=(a,e)=>B(a,M(e));const U=a=>{const{checkMode:e,LLMConfig:t,textAttribute:h,setText:O}=a,y=(t==null?void 0:t.text)&&S(t.text)?t==null?void 0:t.text:[],{TextArea:T}=F,[v]=g.useForm(),{t:w}=C();j(()=>{const s=y.map((u,n)=>{var c;const m=(h==null?void 0:h.filter(l=>(l==null?void 0:l.textId)===(u==null?void 0:u.textId)))||[];return z(q({},u),{value:(c=m[0])==null?void 0:c.value})});v.setFieldsValue({text:s})},[y,h]);const V=({newText:s,fieldName:u,max:n})=>{var c,m;const l=`textInput_${u}`,o=document.getElementById(l),d=o.value||"",f=(c=o==null?void 0:o.selectionStart)!=null?c:d.length,p=(m=o.selectionEnd)!=null?m:d.length,E=d.substring(0,f),x=d.substring(p,d.length),i=E+s+x;if(n&&(i==null?void 0:i.length)>n){L.error(w("MaximumCharacterError",{num:n}));return}o.value=i,v.setFields([{name:["text",u,"value"],value:i,errors:[]}]),b(),o.selectionStart=f+s.length,o.selectionEnd=f+s.length,o.focus()},b=()=>{const s=v.getFieldValue("text");O(s)};return r.createElement(g,{form:v},r.createElement(g.List,{name:"text"},(s,u)=>r.createElement(r.Fragment,null,s.map((n,c)=>{const{max:m,min:l,title:o,tip:d,isLaText:f}=y[n.name]||{},p=o,E=w("LeastCharacterError",{num:l});return r.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:c},p&&r.createElement(g.Item,{name:[n.name,"title"],extra:d,className:_.textTitle,required:!!l,label:" ",colon:!1},o,p&&r.createElement("span",{className:N({clearText:!0,clearText__disabled:e}),style:{verticalAlign:"initial"},onClick:()=>{e||(v.setFields([{name:["text",n.name,"value"],value:void 0,errors:l?[E]:[]}]),b())}})),f&&p&&r.createElement(D,{onSelectLatex:x=>V({newText:x,fieldName:n.name,max:m}),disabled:e}),p&&r.createElement(g.Item,{name:[n.name,"value"],style:{marginBottom:24},rules:[{validator:(x,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}`,onChange:()=>b()})),f&&p&&r.createElement(g.Item,{shouldUpdate:!0,noStyle:!0},()=>{const x=v.getFieldValue(["text",n.name,"value"])||"",i=x.replace(/\n/g,`  
+`);return r.createElement("div",{className:_.outputDisplay},r.createElement("div",{className:_.title},w("OutputDisplay")),r.createElement("div",{className:_.content},x?r.createElement(k,{value:i}):""))}))}))))};export{U as default};

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

@@ -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};
+var e={form:"index-module_form__rwjRm",outputDisplay:"index-module_outputDisplay__hCLyn",title:"index-module_title__vPA3N",content:"index-module_content__dl4N9",textTitle:"index-module_textTitle__o8hrm"};export{e as default};

package/es/index.css

@@ -56,6 +56,7 @@
   cursor: pointer;
   display: flex;
   justify-content: space-between;
+  align-items: center;
 }
 
 .index-module_itemActive__a5EPl {
@@ -117,6 +118,16 @@
 .index-module_outputDisplay__hCLyn .index-module_content__dl4N9 .markdown-body {
   font-size: 14px;
 }
+
+.index-module_textTitle__o8hrm {
+  font-size: 16px;
+  line-height: 22px;
+  font-weight: 500;
+  color: #333333;
+  margin-bottom: 8px;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 .index-module_speedControllerWrap__aFz7r {
   display: flex;
   color: white;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.20.0-alpha.6",
+  "version": "1.20.0-alpha.8",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
-    "@labelbee/lb-annotation": "1.24.0-alpha.4",
+    "@labelbee/lb-annotation": "1.24.0-alpha.5",
     "@labelbee/lb-utils": "1.16.0-alpha.2",
     "@labelbee/wavesurfer": "1.0.0",
     "@types/react-dom": "^18.2.7",