@labelbee/lb-components 1.23.0-alpha.6 → 1.23.0-alpha.7
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"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$2=require("../../../constant/index.js"),ahooks=require("ahooks"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation"),styleString=require("../../../constant/styleString.js"),index=require("../utils/index.js"),index$1=require("../../../utils/index.js"),extraMask=require("./extraMask.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,o,n)=>o in t?__defProp(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,__spreadValues=(t,o)=>{for(var n in o||(o={}))__hasOwnProp.call(o,n)&&__defNormalProp(t,n,o[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(o))__propIsEnum.call(o,n)&&__defNormalProp(t,n,o[n]);return t};const NLPViewCls=`${index$2.prefix}-NLPView`,renderExtraModal=({extraLayer:t,extraStyle:o,setExtraStyle:n,setExtraResut:d,extraResut:f})=>{if(typeof t=="function"&&n&&d)return t({style:o,onClose:()=>{var v;n(void 0),d(void 0),(v=window.getSelection())==null||v.empty()},submitData:f})},TextContent=t=>{const{highlightKey:o,textData:n,lang:d,NLPConfig:f,onSelectionChange:v,textAnnotation:E,extraData:a,customAnnotationData:I}=t,{displayRemarkList:p=[]}=a||{},{t:D}=reactI18next.useTranslation(),m=React.useRef(null),q=ahooks.useTextSelection(m),[g,w]=React.useState(),[R,
|
|
1
|
+
"use strict";var React=require("react"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$2=require("../../../constant/index.js"),ahooks=require("ahooks"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation"),styleString=require("../../../constant/styleString.js"),index=require("../utils/index.js"),index$1=require("../../../utils/index.js"),extraMask=require("./extraMask.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,o,n)=>o in t?__defProp(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,__spreadValues=(t,o)=>{for(var n in o||(o={}))__hasOwnProp.call(o,n)&&__defNormalProp(t,n,o[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(o))__propIsEnum.call(o,n)&&__defNormalProp(t,n,o[n]);return t};const NLPViewCls=`${index$2.prefix}-NLPView`,renderExtraModal=({extraLayer:t,extraStyle:o,setExtraStyle:n,setExtraResut:d,extraResut:f})=>{if(typeof t=="function"&&n&&d)return t({style:o,onClose:()=>{var v;n(void 0),d(void 0),(v=window.getSelection())==null||v.empty()},submitData:f})},TextContent=t=>{const{highlightKey:o,textData:n,lang:d,NLPConfig:f,onSelectionChange:v,textAnnotation:E,extraData:a,customAnnotationData:I}=t,{displayRemarkList:p=[]}=a||{},{t:D}=reactI18next.useTranslation(),m=React.useRef(null),q=ahooks.useTextSelection(m),[g,w]=React.useState(),[R,x]=React.useState(void 0),y=React.useMemo(()=>{var e;return x(void 0),(e=n==null?void 0:n[0])==null?void 0:e.content},[n]),j=React.useMemo(()=>{const e=___default.default.clone(p);return(g==null?void 0:g.start)&&e.push(g),index.getIntervals(y,e!=null?e:[],"extraAnnotations")},[p,g,y]),k=React.useMemo(()=>index.getIntervals(y,E!=null?E:[],"annotations"),[E,y]);React.useEffect(()=>{if(I){const{id:e,start:r,end:i,text:c,endPosition:l}=I;w({id:e,start:r,end:i,text:c}),x(l)}},[I]);const P=(e="")=>{if(f==null?void 0:f.attributeConfigurable){const r=lbAnnotation.CommonToolUtils.jsonParser(styleString);return lbUtils.toolStyleConverter.getColorByConfig({attribute:e,config:f,style:r})}};return React.useEffect(()=>{var e;d&&((e=lbUtils.i18n)==null||e.changeLanguage(d))},[]),React.useEffect(()=>{v==null||v(m,q.text)},[q.text]),React.useEffect(()=>{var e;if(!(a==null?void 0:a.editAuditID))return;const r=document.getElementById("NLPView"),i=p.filter(s=>(s==null?void 0:s.auditID)===a.editAuditID)[0],c=(e=i==null?void 0:i.id)!=null?e:"",l=document.getElementById(c);if(l&&m.current){const s=l.getBoundingClientRect(),h=m.current.getBoundingClientRect(),b=s.right-h.left,u=l.offsetTop;b&&u&&x&&(r&&r.scrollTo({top:u,behavior:"auto"}),x({left:b,top:u}))}},[a==null?void 0:a.editAuditID]),React__default.default.createElement("div",null,React__default.default.createElement("div",{className:`${NLPViewCls}-question-title`},D("textTool")),React__default.default.createElement("div",{className:index$1.classnames({[`${NLPViewCls}-question-content`]:!0}),style:{position:"relative",whiteSpace:"pre-wrap"},onDoubleClick:e=>{e.preventDefault()}},React__default.default.createElement("div",{style:{position:"relative"}},k.map((e,r)=>{var i,c,l,s,h;const b=___default.default.last(e.annotations);if(b){let u=P(b.attribute);const S=(i=e==null?void 0:e.annotations)==null?void 0:i.find(C=>C.id===o);if(S){const C=(s=(l=(c=e==null?void 0:e.annotations)==null?void 0:c.filter(L=>L.id===o))==null?void 0:l[0])==null?void 0:s.attribute;u=P(C)}return React__default.default.createElement("span",{style:{backgroundColor:(h=u==null?void 0:u.valid)==null?void 0:h.stroke,color:S?"white":void 0,padding:"2px 0px"},key:r},e.text)}else return React__default.default.createElement("span",{key:r},e.text)}),(p==null?void 0:p.length)>0&&React__default.default.createElement(extraMask,{splitIntervals:j,extraData:a}),renderExtraModal({extraLayer:t==null?void 0:t.extraLayer,setExtraStyle:x,extraStyle:R,extraResut:g,setExtraResut:w}),React__default.default.createElement("div",{className:`${NLPViewCls}-question-content-mask`,ref:m},y))))},WrapQuestionView=t=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(TextContent,__spreadValues({},t)));module.exports=WrapQuestionView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r,{useRef as Q,useState as L,useMemo as P,useEffect as E}from"react";import{I18nextProvider as U,useTranslation as W}from"react-i18next";import{i18n as N,toolStyleConverter as z}from"@labelbee/lb-utils";import{prefix as F}from"../../../constant/index.js";import{useTextSelection as G}from"ahooks";import O from"lodash";import{CommonToolUtils as H}from"@labelbee/lb-annotation";import J from"../../../constant/styleString.js";import{getIntervals as T}from"../utils/index.js";import{classnames as X}from"../../../utils/index.js";import Y from"./extraMask.js";var Z=Object.defineProperty,A=Object.getOwnPropertySymbols,tt=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable,B=(n,o,e)=>o in n?Z(n,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[o]=e,nt=(n,o)=>{for(var e in o||(o={}))tt.call(o,e)&&B(n,e,o[e]);if(A)for(var e of A(o))et.call(o,e)&&B(n,e,o[e]);return n};const S=`${F}-NLPView`,ot=({extraLayer:n,extraStyle:o,setExtraStyle:e,setExtraResut:m,extraResut:f})=>{if(typeof n=="function"&&e&&m)return n({style:o,onClose:()=>{var v;e(void 0),m(void 0),(v=window.getSelection())==null||v.empty()},submitData:f})},rt=n=>{const{highlightKey:o,textData:e,lang:m,NLPConfig:f,onSelectionChange:v,textAnnotation:C,extraData:a,customAnnotationData:w}=n,{displayRemarkList:p=[]}=a||{},{t:V}=W(),g=Q(null),D=G(g),[x,R]=L(),[M,
|
|
1
|
+
import r,{useRef as Q,useState as L,useMemo as P,useEffect as E}from"react";import{I18nextProvider as U,useTranslation as W}from"react-i18next";import{i18n as N,toolStyleConverter as z}from"@labelbee/lb-utils";import{prefix as F}from"../../../constant/index.js";import{useTextSelection as G}from"ahooks";import O from"lodash";import{CommonToolUtils as H}from"@labelbee/lb-annotation";import J from"../../../constant/styleString.js";import{getIntervals as T}from"../utils/index.js";import{classnames as X}from"../../../utils/index.js";import Y from"./extraMask.js";var Z=Object.defineProperty,A=Object.getOwnPropertySymbols,tt=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable,B=(n,o,e)=>o in n?Z(n,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[o]=e,nt=(n,o)=>{for(var e in o||(o={}))tt.call(o,e)&&B(n,e,o[e]);if(A)for(var e of A(o))et.call(o,e)&&B(n,e,o[e]);return n};const S=`${F}-NLPView`,ot=({extraLayer:n,extraStyle:o,setExtraStyle:e,setExtraResut:m,extraResut:f})=>{if(typeof n=="function"&&e&&m)return n({style:o,onClose:()=>{var v;e(void 0),m(void 0),(v=window.getSelection())==null||v.empty()},submitData:f})},rt=n=>{const{highlightKey:o,textData:e,lang:m,NLPConfig:f,onSelectionChange:v,textAnnotation:C,extraData:a,customAnnotationData:w}=n,{displayRemarkList:p=[]}=a||{},{t:V}=W(),g=Q(null),D=G(g),[x,R]=L(),[M,y]=L(void 0),_=P(()=>{var t;return y(void 0),(t=e==null?void 0:e[0])==null?void 0:t.content},[e]),$=P(()=>{const t=O.clone(p);return(x==null?void 0:x.start)&&t.push(x),T(_,t!=null?t:[],"extraAnnotations")},[p,x,_]),q=P(()=>T(_,C!=null?C:[],"annotations"),[C,_]);E(()=>{if(w){const{id:t,start:i,end:s,text:d,endPosition:l}=w;R({id:t,start:i,end:s,text:d}),y(l)}},[w]);const j=(t="")=>{if(f==null?void 0:f.attributeConfigurable){const i=H.jsonParser(J);return z.getColorByConfig({attribute:t,config:f,style:i})}};return E(()=>{var t;m&&((t=N)==null||t.changeLanguage(m))},[]),E(()=>{v==null||v(g,D.text)},[D.text]),E(()=>{var t;if(!(a==null?void 0:a.editAuditID))return;const i=document.getElementById("NLPView"),s=p.filter(c=>(c==null?void 0:c.auditID)===a.editAuditID)[0],d=(t=s==null?void 0:s.id)!=null?t:"",l=document.getElementById(d);if(l&&g.current){const c=l.getBoundingClientRect(),h=g.current.getBoundingClientRect(),b=c.right-h.left,u=l.offsetTop;b&&u&&y&&(i&&i.scrollTo({top:u,behavior:"auto"}),y({left:b,top:u}))}},[a==null?void 0:a.editAuditID]),r.createElement("div",null,r.createElement("div",{className:`${S}-question-title`},V("textTool")),r.createElement("div",{className:X({[`${S}-question-content`]:!0}),style:{position:"relative",whiteSpace:"pre-wrap"},onDoubleClick:t=>{t.preventDefault()}},r.createElement("div",{style:{position:"relative"}},q.map((t,i)=>{var s,d,l,c,h;const b=O.last(t.annotations);if(b){let u=j(b.attribute);const k=(s=t==null?void 0:t.annotations)==null?void 0:s.find(I=>I.id===o);if(k){const I=(c=(l=(d=t==null?void 0:t.annotations)==null?void 0:d.filter(K=>K.id===o))==null?void 0:l[0])==null?void 0:c.attribute;u=j(I)}return r.createElement("span",{style:{backgroundColor:(h=u==null?void 0:u.valid)==null?void 0:h.stroke,color:k?"white":void 0,padding:"2px 0px"},key:i},t.text)}else return r.createElement("span",{key:i},t.text)}),(p==null?void 0:p.length)>0&&r.createElement(Y,{splitIntervals:$,extraData:a}),ot({extraLayer:n==null?void 0:n.extraLayer,setExtraStyle:y,extraStyle:M,extraResut:x,setExtraResut:R}),r.createElement("div",{className:`${S}-question-content-mask`,ref:g},_))))},it=n=>r.createElement(U,{i18n:N},r.createElement(rt,nt({},n)));export{it as default};
|