@labelbee/lb-components 1.20.0-alpha.3 → 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.
- package/dist/components/LLMToolView/sidebar/components/answerList/index.js +1 -1
- package/dist/components/LLMToolView/sidebar/components/textEditor/index.js +2 -2
- package/dist/components/LLMToolView/sidebar/components/textInputBox/index.js +2 -1
- package/dist/components/LLMToolView/sidebar/components/textInputBox/index.module.scss.js +1 -0
- package/dist/index.css +20 -0
- package/dist/types/components/LLMToolView/sidebar/components/textEditor/index.d.ts +1 -0
- package/es/components/LLMToolView/sidebar/components/answerList/index.js +1 -1
- package/es/components/LLMToolView/sidebar/components/textEditor/index.js +2 -2
- package/es/components/LLMToolView/sidebar/components/textInputBox/index.js +2 -1
- package/es/components/LLMToolView/sidebar/components/textInputBox/index.module.scss.js +1 -0
- package/es/index.css +20 -0
- package/package.json +1 -1
|
@@ -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(
|
|
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(
|
|
2
|
-
`);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},
|
|
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(
|
|
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;
|
|
@@ -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:
|
|
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
|
|
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(
|
|
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
|
|
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;
|