@labelbee/lb-components 1.24.0-alpha.41 → 1.24.0-alpha.42

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$2=require("../../../../markdownView/index.js"),index$1=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js"),index=require("../../../../longText/index.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const TextEditor=n=>{const{disabeledAll:c,newAnswer:f,textEditObject:p,updateValue:x,answerIndex:v}=n,{max:r,min:i,isLaText:E,tip:g}=p,{TextArea:h}=antd.Input,[l]=antd.Form.useForm(),{t:s}=reactI18next.useTranslation(),w=s("LeastCharacterError",{num:i});React.useEffect(()=>{l.setFieldsValue({value:f}),c||l.validateFields()},[f]);const b=t=>{var e,d;const y=`inputTextarea_${v}`,a=document.getElementById(y),u=a.value||"",m=(e=a==null?void 0:a.selectionStart)!=null?e:u.length,F=(d=a.selectionEnd)!=null?d:u.length,T=u.substring(0,m),_=u.substring(F,u.length),o=T+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 d=e.value;x(d)},className:index_module.form},React__default.default.createElement(antd.Form.Item,{name:"title",style:{marginBottom:0},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}),React__default.default.createElement("div",{className:index_module.tip},React__default.default.createElement(index,{text:g!=null?g:"",overflowMaxLines:3,openByText:!0})),E&&React__default.default.createElement(index$1,{onSelectLatex:b,disabled:c}),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(w):Promise.resolve()}]},React__default.default.createElement(h,{maxLength:r,autoSize:{minRows:4,maxRows:10},allowClear:!0,disabled:c,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$2,{value:e}):""))}))};module.exports=TextEditor;
+"use strict";var React=require("react"),antd=require("antd"),reactI18next=require("react-i18next"),icons=require("@ant-design/icons"),index$2=require("../../../../markdownView/index.js"),index$1=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js"),index=require("../../../../longText/index.js"),LLM=require("../../../../../utils/LLM.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React);const TextEditor=r=>{const{disabeledAll:c,newAnswer:f,textEditObject:p,updateValue:x,answerIndex:v}=r,{max:n,min:i,isLaText:E,tip:g}=p,{TextArea:h}=antd.Input,[l]=antd.Form.useForm(),{t:s}=reactI18next.useTranslation(),w=s("LeastCharacterError",{num:i});React.useEffect(()=>{l.setFieldsValue({value:f}),c||l.validateFields()},[f]);const b=t=>{var e,d;const y=`inputTextarea_${v}`,a=document.getElementById(y),u=a.value||"",m=(e=a==null?void 0:a.selectionStart)!=null?e:u.length,F=(d=a.selectionEnd)!=null?d:u.length,L=u.substring(0,m),q=u.substring(F,u.length),o=L+t+q;if(n&&(o==null?void 0:o.length)>n){antd.message.error(s("MaximumCharacterError",{num:n}));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 d=e.value;x(d)},className:index_module.form},React__default.default.createElement(antd.Form.Item,{name:"title",style:{marginBottom:0},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}),React__default.default.createElement("div",{className:index_module.tip},React__default.default.createElement(index,{text:g!=null?g:"",overflowMaxLines:3,openByText:!0})),E&&React__default.default.createElement(index$1,{onSelectLatex:b,disabled:c}),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(w):Promise.resolve()}]},React__default.default.createElement(h,{maxLength:n,autoSize:{minRows:4,maxRows:10},allowClear:!0,disabled:c,showCount:!!n,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$2,{value:LLM.convertLatexFormat(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"),index$1=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js"),index$2=require("../../../../markdownView/index.js"),index=require("../../../../longText/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{disabeledAll:e,textConfig:r,textAttribute:_,setText:y}=t,{TextArea:b}=antd.Input,[x]=antd.Form.useForm(),{t:g}=reactI18next.useTranslation();React.useEffect(()=>{const s=r.map((c,a)=>{var d;const u=(_==null?void 0:_.filter(l=>(l==null?void 0:l.textId)===(c==null?void 0:c.textId)))||[];return __spreadProps(__spreadValues({},c),{value:(d=u[0])==null?void 0:d.value})});x.setFieldsValue({text:s})},[r,_]);const h=({newText:s,fieldName:c,max:a})=>{var d,u;const l=`textInput_${c}`,n=document.getElementById(l),i=n.value||"",f=(d=n==null?void 0:n.selectionStart)!=null?d:i.length,m=(u=n.selectionEnd)!=null?u:i.length,p=i.substring(0,f),v=i.substring(m,i.length),o=p+s+v;if(a&&(o==null?void 0:o.length)>a){antd.message.error(g("MaximumCharacterError",{num:a}));return}n.value=o,x.setFields([{name:["text",c,"value"],value:o,errors:[]}]),E(),n.selectionStart=f+s.length,n.selectionEnd=f+s.length,n.focus()},E=()=>{const s=x.getFieldValue("text");y(s)};return React__default.default.createElement(antd.Form,{form:x},React__default.default.createElement(antd.Form.List,{name:"text"},(s,c)=>React__default.default.createElement(React__default.default.Fragment,null,s.map((a,d)=>{const{max:u,min:l,title:n,tip:i,isLaText:f}=r[a.name]||{},m=n,p=g("LeastCharacterError",{num:l});return React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:d},m&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"title"],extra:React__default.default.createElement(index,{text:i!=null?i:"",overflowMaxLines:3,openByText:!0}),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]:[]}]),E())}})),f&&m&&React__default.default.createElement(index$1,{onSelectLatex:v=>h({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,o)=>l&&(o==null?void 0:o.length)<Number(l)?Promise.reject(p):Promise.resolve()}],initialValue:void 0},React__default.default.createElement(b,{maxLength:u,disabled:e,showCount:!!u,autoSize:{minRows:4,maxRows:10},style:{width:"100%"},id:`textInput_${a.name}`,onChange:()=>E()})),f&&m&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const v=x.getFieldValue(["text",a.name,"value"])||"",o=v.replace(/\n/g,`  
-`);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},g("OutputDisplay")),React__default.default.createElement("div",{className:index_module.content},v?React__default.default.createElement(index$2,{value:o}):""))}))}))))};module.exports=TextInputBox;
+"use strict";var React=require("react"),antd=require("antd"),classNames=require("classnames"),reactI18next=require("react-i18next"),index$1=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js"),index$2=require("../../../../markdownView/index.js"),index=require("../../../../longText/index.js"),LLM=require("../../../../../utils/LLM.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{disabeledAll:e,textConfig:r,textAttribute:_,setText:y}=t,{TextArea:b}=antd.Input,[x]=antd.Form.useForm(),{t:g}=reactI18next.useTranslation();React.useEffect(()=>{const s=r.map((c,a)=>{var d;const u=(_==null?void 0:_.filter(l=>(l==null?void 0:l.textId)===(c==null?void 0:c.textId)))||[];return __spreadProps(__spreadValues({},c),{value:(d=u[0])==null?void 0:d.value})});x.setFieldsValue({text:s})},[r,_]);const h=({newText:s,fieldName:c,max:a})=>{var d,u;const l=`textInput_${c}`,n=document.getElementById(l),i=n.value||"",f=(d=n==null?void 0:n.selectionStart)!=null?d:i.length,m=(u=n.selectionEnd)!=null?u:i.length,p=i.substring(0,f),v=i.substring(m,i.length),o=p+s+v;if(a&&(o==null?void 0:o.length)>a){antd.message.error(g("MaximumCharacterError",{num:a}));return}n.value=o,x.setFields([{name:["text",c,"value"],value:o,errors:[]}]),E(),n.selectionStart=f+s.length,n.selectionEnd=f+s.length,n.focus()},E=()=>{const s=x.getFieldValue("text");y(s)};return React__default.default.createElement(antd.Form,{form:x},React__default.default.createElement(antd.Form.List,{name:"text"},(s,c)=>React__default.default.createElement(React__default.default.Fragment,null,s.map((a,d)=>{const{max:u,min:l,title:n,tip:i,isLaText:f}=r[a.name]||{},m=n,p=g("LeastCharacterError",{num:l});return React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:d},m&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"title"],extra:React__default.default.createElement(index,{text:i!=null?i:"",overflowMaxLines:3,openByText:!0}),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]:[]}]),E())}})),f&&m&&React__default.default.createElement(index$1,{onSelectLatex:v=>h({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,o)=>l&&(o==null?void 0:o.length)<Number(l)?Promise.reject(p):Promise.resolve()}],initialValue:void 0},React__default.default.createElement(b,{maxLength:u,disabled:e,showCount:!!u,autoSize:{minRows:4,maxRows:10},style:{width:"100%"},id:`textInput_${a.name}`,onChange:()=>E()})),f&&m&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const v=x.getFieldValue(["text",a.name,"value"])||"",o=v.replace(/\n/g,`  
+`);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},g("OutputDisplay")),React__default.default.createElement("div",{className:index_module.content},v?React__default.default.createElement(index$2,{value:LLM.convertLatexFormat(o)}):""))}))}))))};module.exports=TextInputBox;

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

@@ -1,2 +1,2 @@
-import e,{useEffect as j}from"react";import{Form as m,Popover as C,Input as N,message as S}from"antd";import{useTranslation as A}from"react-i18next";import{InfoCircleOutlined as B}from"@ant-design/icons";import M from"../../../../markdownView/index.js";import O from"../../../../latexEditor/index.js";import c from"./index.module.scss.js";import R from"../../../../longText/index.js";const k=w=>{const{disabeledAll:x,newAnswer:E,textEditObject:b,updateValue:f,answerIndex:g}=w,{max:a,min:u,isLaText:v,tip:h}=b,{TextArea:y}=N,[l]=m.useForm(),{t:o}=A(),T=o("LeastCharacterError",{num:u});j(()=>{l.setFieldsValue({value:E}),x||l.validateFields()},[E]);const V=n=>{var t,d;const I=`inputTextarea_${g}`,r=document.getElementById(I),s=r.value||"",p=(t=r==null?void 0:r.selectionStart)!=null?t:s.length,_=(d=r.selectionEnd)!=null?d:s.length,F=s.substring(0,p),L=s.substring(_,s.length),i=F+n+L;if(a&&(i==null?void 0:i.length)>a){S.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 d=t.value;f(d)},className:c.form},e.createElement(m.Item,{name:"title",style:{marginBottom:0},label:e.createElement(e.Fragment,null,o("AnswerTextEdit"),e.createElement(C,{placement:"bottom",content:o("ShowEditingResultDifferencesInTextModeOnly")},e.createElement(B,{style:{margin:"0px 4px",cursor:"pointer"}}))),colon:!1,required:!!u}),e.createElement("div",{className:c.tip},e.createElement(R,{text:h!=null?h:"",overflowMaxLines:3,openByText:!0})),v&&e.createElement(O,{onSelectLatex:V,disabled:x}),e.createElement(m.Item,{name:"value",style:{marginBottom:24},rules:[{validator:(n,t="")=>u&&(t==null?void 0:t.length)<Number(u)?Promise.reject(T):Promise.resolve()}]},e.createElement(y,{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:c.outputDisplay},e.createElement("div",{className:c.title},o("OutputDisplay")),e.createElement("div",{className:c.content},n?e.createElement(M,{value:t}):""))}))};export{k as default};
+import e,{useEffect as j}from"react";import{Form as m,Popover as C,Input as N,message as S}from"antd";import{useTranslation as M}from"react-i18next";import{InfoCircleOutlined as A}from"@ant-design/icons";import B from"../../../../markdownView/index.js";import O from"../../../../latexEditor/index.js";import c from"./index.module.scss.js";import R from"../../../../longText/index.js";import{convertLatexFormat as k}from"../../../../../utils/LLM.js";const D=w=>{const{disabeledAll:x,newAnswer:E,textEditObject:b,updateValue:f,answerIndex:g}=w,{max:a,min:u,isLaText:v,tip:h}=b,{TextArea:y}=N,[l]=m.useForm(),{t:o}=M(),T=o("LeastCharacterError",{num:u});j(()=>{l.setFieldsValue({value:E}),x||l.validateFields()},[E]);const L=n=>{var t,d;const V=`inputTextarea_${g}`,r=document.getElementById(V),s=r.value||"",p=(t=r==null?void 0:r.selectionStart)!=null?t:s.length,F=(d=r.selectionEnd)!=null?d:s.length,I=s.substring(0,p),_=s.substring(F,s.length),i=I+n+_;if(a&&(i==null?void 0:i.length)>a){S.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 d=t.value;f(d)},className:c.form},e.createElement(m.Item,{name:"title",style:{marginBottom:0},label:e.createElement(e.Fragment,null,o("AnswerTextEdit"),e.createElement(C,{placement:"bottom",content:o("ShowEditingResultDifferencesInTextModeOnly")},e.createElement(A,{style:{margin:"0px 4px",cursor:"pointer"}}))),colon:!1,required:!!u}),e.createElement("div",{className:c.tip},e.createElement(R,{text:h!=null?h:"",overflowMaxLines:3,openByText:!0})),v&&e.createElement(O,{onSelectLatex:L,disabled:x}),e.createElement(m.Item,{name:"value",style:{marginBottom:24},rules:[{validator:(n,t="")=>u&&(t==null?void 0:t.length)<Number(u)?Promise.reject(T):Promise.resolve()}]},e.createElement(y,{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:c.outputDisplay},e.createElement("div",{className:c.title},o("OutputDisplay")),e.createElement("div",{className:c.content},n?e.createElement(B,{value:k(t)}):""))}))};export{D as default};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.24.0-alpha.41",
+  "version": "1.24.0-alpha.42",
   "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.28.0-alpha.23",
+    "@labelbee/lb-annotation": "1.28.0-alpha.24",
     "@labelbee/lb-utils": "1.20.0-alpha.3",
     "@labelbee/wavesurfer": "1.1.0",
     "@types/react-dom": "18.3.1",