@labelbee/lb-components 1.24.0-alpha.3 → 1.24.0-alpha.30

package/dist/assets/annotation/rectTool/three_points_rect.svg.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespace(React),_path,_path2,_path3,_path4,_path5,_path6;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}var SvgThreePointsRect=function(t){return React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},t),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M17 5h-1.571V3H17zm-3.143 0h-1.571V3h1.571zm-3.143 0H9.143V3h1.571zM7.571 5H6V3h1.571z"})),_path2||(_path2=React__namespace.createElement("path",{fill:"currentColor",d:"M17 17h-2v-2h2zm0-4h-2v-2h2zm0-4h-2V7h2zm0-4h-2V3h2z"})),_path3||(_path3=React__namespace.createElement("path",{fill:"currentColor",d:"M17 17h-1.571v-2H17zm-3.143 0h-1.571v-2h1.571zm-3.143 0H9.143v-2h1.571zm-3.143 0H6v-2h1.571zM6 2H2v4h4zM18 2h-4v4h4zM6 14H2v4h4z"})),_path4||(_path4=React__namespace.createElement("path",{fill:"currentColor",d:"M18 14h-4v4h4z"})),_path5||(_path5=React__namespace.createElement("path",{fill:"#fff",d:"M5 6H3v9h2z"})),_path6||(_path6=React__namespace.createElement("path",{fill:"currentColor",d:"M3 6h2v9H3zM15 3v2H5V3zM15 15v2H5v-2zM15 6h2v9h-2z"})))};exports.ReactComponent=SvgThreePointsRect;

package/dist/assets/annotation/rectTool/two_points_rect.svg.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespace(React),_path,_path2,_path3,_path4;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}var SvgTwoPointsRect=function(t){return React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},t),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M17 5h-1.571V3H17zm-3.143 0h-1.571V3h1.571zm-3.143 0H9.143V3h1.571zM7.571 5H6V3h1.571z"})),_path2||(_path2=React__namespace.createElement("path",{fill:"currentColor",d:"M17 17h-2v-2h2zm0-4h-2v-2h2zm0-4h-2V7h2zm0-4h-2V3h2z"})),_path3||(_path3=React__namespace.createElement("path",{fill:"currentColor",d:"M17 17h-1.571v-2H17zm-3.143 0h-1.571v-2h1.571zm-3.143 0H9.143v-2h1.571zm-3.143 0H6v-2h1.571z"})),_path4||(_path4=React__namespace.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M6 2H2v4h1v11h11v1h4v-4h-1V3H6zm9 3H6v1H5v9h9v-1h1z",clipRule:"evenodd"})))};exports.ReactComponent=SvgTwoPointsRect;

package/dist/components/DynamicResizer/DynamicResizer.js

@@ -1 +1 @@
-"use strict";var React=require("react"),useDrag=require("./hooks/useDrag.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const DynamicResizer=e=>{const{minTopHeight:r=0,minBottomHeight:i=0,defaultHeight:s=50,axis:c="y",children:t,localKey:n="dynamicResizerHeights",customDivider:o,isShortcutButton:l=!1}=e,a=React.useRef(null),{rendered:u,topStyle:d,bottomStyle:m}=useDrag({containerRef:a,minTopHeight:r,minBottomHeight:i,defaultHeight:s,axis:c,localKey:n,customDivider:o,isShortcutButton:l});return React__default.default.createElement("div",{className:"dynamic-resizer-content",ref:a},React__default.default.createElement("div",{className:"dynamic-resizer-top",style:d},t[0]),u,React__default.default.createElement("div",{className:"dynamic-resizer-bottom",style:m},t[1]))};module.exports=DynamicResizer;
+"use strict";var React=require("react"),reResizable=require("re-resizable"),useDrag=require("./hooks/useDrag.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,r,t)=>r in e?__defProp(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,__spreadValues=(e,r)=>{for(var t in r||(r={}))__hasOwnProp.call(r,t)&&__defNormalProp(e,t,r[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(r))__propIsEnum.call(r,t)&&__defNormalProp(e,t,r[t]);return e};const DynamicResizer=({direction:e="vertical",children:r,defaultWidth:t,defaultHeight:s,minTopHeight:o,minBottomHeight:n,minLeftWidth:i,minRightWidth:c,localKey:u,enableEdges:f=["right","bottom"],disabled:d=!1,onResizeStart:p,onResize:m,onResizeStop:y})=>{const l=React.useRef(null),v=useDrag({direction:e,containerRef:l,defaultHeight:s,defaultWidth:t,minTopHeight:o,minBottomHeight:n,minLeftWidth:i,minRightWidth:c,localKey:u,enableEdges:f,onResizeStart:p,onResize:m,onResizeStop:y}),a=d?{display:"contents"}:void 0;return React__default.default.createElement("div",{style:a,className:`dynamic-resizer-content ${e}`,ref:l},React__default.default.createElement(reResizable.Resizable,__spreadValues({style:a},v),React__default.default.createElement("div",{style:a,className:"resizable-child"},r[0])),React__default.default.createElement("div",{style:a,className:"resizable-child-two"},r[1]))};module.exports=DynamicResizer;

package/dist/components/DynamicResizer/hooks/useDrag.js

@@ -1 +1 @@
-"use strict";var React=require("react"),Draggable=require("react-draggable"),ahooks=require("ahooks"),useUpdateHeight=require("./useUpdateHeight.js"),topToZero=require("../assets/topToZero.svg.js"),bottomToZero=require("../assets/bottomToZero.svg.js"),divider=require("../assets/divider.svg.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),Draggable__default=_interopDefaultLegacy(Draggable);const useDrag=({containerRef:e,minTopHeight:v=0,minBottomHeight:p=0,defaultHeight:f=50,axis:a,localKey:b,isShortcutButton:r=!1})=>{const s=b||"dynamicResizerHeights",{topHeight:l,position:o,bounds:d,topStyle:h,bottomStyle:E,updateELHeight:i,setTopHeightToZero:c,setBottomHeightToZero:u}=useUpdateHeight(e,v,p,f,s),[q,n]=ahooks.useLocalStorageState(s),H=React.useCallback(t=>{t.stopPropagation(),e.current&&e.current.classList.add("hide-scrollbar")},[e]),g=React.useCallback((t,k)=>{t.stopPropagation(),i(k.y)},[i]),m=React.useCallback(t=>{t.stopPropagation(),e.current&&e.current.classList.remove("hide-scrollbar"),n(l)},[e,n,l]),T=React.useMemo(()=>r?React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("img",{src:topToZero,className:"divider-top",draggable:"false",onClick:c}),React__default.default.createElement("div",{className:"divider-icon",draggable:"false"}),React__default.default.createElement("img",{src:bottomToZero,className:"divider-bottom",draggable:"false",onClick:u})):React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("img",{src:divider,className:"divider-all",draggable:"false"}),React__default.default.createElement("div",{className:"divider-icon",draggable:"false"})),[r,c,u]);return{rendered:React.useMemo(()=>{const t=React__default.default.createElement("div",{className:"divider"},T);return React__default.default.createElement(Draggable__default.default,{axis:a,position:o,handle:".divider",onStart:H,onDrag:g,onStop:m,bounds:d},t)},[a,o,g,m,d]),topStyle:h,bottomStyle:E}};module.exports=useDrag;
+"use strict";var React=require("react"),useUpdateHeight=require("./useUpdateHeight.js"),useDraggingAllowed=require("./useDraggingAllowed.js");const useDrag=({containerRef:e,direction:t,defaultHeight:g,defaultWidth:l,minTopHeight:n,minBottomHeight:c,minLeftWidth:o,minRightWidth:u,localKey:m,enableEdges:f,onResizeStart:s,onResize:i,onResizeStop:r})=>{const{width:p,height:z,minWidth:H,minHeight:b,maxWidth:D,maxHeight:v,updateHeight:y,updateWidth:W}=useUpdateHeight({direction:t,containerRef:e,minTopHeight:n,minBottomHeight:c,defaultHeight:g,minLeftWidth:o,minRightWidth:u,defaultWidth:l,localKey:m}),q=useDraggingAllowed(t,f),[a,d]=React.useState(!1),w=()=>{d(!0),s&&s()},x=()=>{i&&i()},S=(A,L,h)=>{d(!1),W(h.offsetWidth),y(h.offsetHeight),r&&r()};return React.useEffect(()=>{e.current&&(a?e.current.classList.add("hide-scrollbar"):e.current.classList.remove("hide-scrollbar"))},[a,e.current]),{size:{width:p,height:z},onResizeStart:w,onResize:x,onResizeStop:S,enable:q,handleClasses:{right:"dynamic-right-handle",bottom:"dynamic-bottom-handle"},minWidth:H,maxWidth:D,minHeight:b,maxHeight:v}};module.exports=useDrag;

package/dist/components/DynamicResizer/hooks/useDraggingAllowed.js

@@ -0,0 +1 @@
+"use strict";var React=require("react");const useDraggingAllowed=(l="vertical",o)=>{const t=(e,r)=>l===e&&(o==null?void 0:o.includes(r));return React.useMemo(()=>{const e=t("vertical","top"),r=t("vertical","bottom"),s=t("horizontal","left"),n=t("horizontal","right");return{top:e,bottom:r,left:s,right:n,topLeft:!1,ropRight:!1,bottomLeft:!1,bottomRight:!1}},[l,o])};module.exports=useDraggingAllowed;

package/dist/components/DynamicResizer/hooks/useUpdateHeight.js

@@ -1 +1 @@
-"use strict";var React=require("react"),ahooks=require("ahooks");const MINIMUM_HEIGHT=1e-5,useUpdateHeight=(t,n,a,v,f)=>{const[u,M]=React.useState(0),[g,S]=React.useState(0),[i,T]=React.useState(0),[l,b]=React.useState(0),[h,H]=ahooks.useLocalStorageState(f),[m,_]=React.useState(!1);React.useEffect(()=>{N(),_(!0)},[]),React.useEffect(()=>{if(m){const e=k();c(e),H(e)}},[m]);const I=React.useMemo(()=>({x:0,y:u}),[u]),x=React.useMemo(()=>{var e;return{top:i,bottom:(((e=t.current)==null?void 0:e.offsetHeight)||0)-l}},[i,t]),B=React.useMemo(()=>({height:u+"px"}),[u]),L=React.useMemo(()=>({height:g+"px"}),[g]),N=()=>{var e,s,o,r;if(t){let p=n,d=a;n>=(((e=t.current)==null?void 0:e.offsetHeight)||0)/2&&(p=(((s=t.current)==null?void 0:s.offsetHeight)||0)/2),a>=(((o=t.current)==null?void 0:o.offsetHeight)||0)/2&&(d=(((r=t.current)==null?void 0:r.offsetHeight)||0)/2),T(p||MINIMUM_HEIGHT),b(d)}},k=React.useCallback(()=>{var e,s;let o=0;return h!=null?o=isNaN(Number(h))?0:Number(h):o=v,o<i&&(o=i),t&&o>=(((e=t==null?void 0:t.current)==null?void 0:e.offsetHeight)||0)&&(o=(((s=t.current)==null?void 0:s.offsetHeight)||0)/2),o||MINIMUM_HEIGHT},[t,u,i,h,v]),c=React.useCallback(e=>{var s;if(t){const o=((s=t==null?void 0:t.current)==null?void 0:s.offsetHeight)||0,r=o-l;e>=i&&e<=r&&(M(e),S(o-e))}},[t,i,l]);return{topHeight:u,bottomHeight:g,position:I,bounds:x,topStyle:B,bottomStyle:L,updateELHeight:c,setBottomHeightToZero:()=>{var e;if(t){const s=((e=t==null?void 0:t.current)==null?void 0:e.offsetHeight)||0;c(s-l||0),H(s-l||0)}},setTopHeightToZero:()=>{t&&(c(i||0),H(i||0))}}};module.exports=useUpdateHeight;
+"use strict";var React=require("react"),ahooks=require("ahooks"),index=require("../utils/index.js");const useUpdateHeight=({containerRef:t,direction:l,defaultHeight:M=10,defaultWidth:W=10,minTopHeight:c=10,minBottomHeight:i=10,minLeftWidth:d=10,minRightWidth:h=10,localKey:o="dynamicResizerLocalKey"})=>{var r,v;const[S,z]=React.useState(0),[n,k]=React.useState(0),[b,p]=React.useState(void 0),[C,D]=React.useState(void 0),[E,j]=React.useState(void 0),[q,I]=React.useState(void 0),[w,A]=ahooks.useLocalStorageState(o+"width"),[L,_]=ahooks.useLocalStorageState(o+"height"),[u,g]=React.useState(!1);React.useEffect(()=>(g(!0),()=>{g(!1)}),[]),React.useEffect(()=>{u&&y()},[u]),React.useEffect(()=>{u&&l==="vertical"&&F()},[u,(r=t.current)==null?void 0:r.offsetHeight,c,i]),React.useEffect(()=>{u&&l==="horizontal"&&U()},[u,(v=t.current)==null?void 0:v.offsetWidth,d,h]);const y=()=>{if(t==null?void 0:t.current){const e=t==null?void 0:t.current.offsetWidth,s=t==null?void 0:t.current.offsetHeight;let a=e,f=s;l==="vertical"?f=index.adjustDefaultSize(L,c,i,s,M):l==="horizontal"&&(a=index.adjustDefaultSize(w,d,h,e,W)),x(a),H(f)}},U=React.useCallback(()=>{if(t==null?void 0:t.current){const e=t==null?void 0:t.current.offsetWidth;let s=e,a=e;s=index.calcMinSize(d,e),a=index.calcMaxSize(h,e),p(s),j(a)}},[t,d,h]),F=React.useCallback(()=>{if(t==null?void 0:t.current){const e=t==null?void 0:t.current.offsetHeight;let s=e,a=e;s=index.calcMinSize(c,e),a=index.calcMaxSize(i,e),D(s),I(a)}},[t,c,i]),x=React.useCallback(e=>{const s=l==="horizontal"?e:"100%";z(s),A(s)},[l,S]),H=React.useCallback(e=>{const s=l==="vertical"?e:"100%";k(s),_(s)},[l,n]);return{width:S,height:n,minWidth:b,minHeight:C,maxWidth:E,maxHeight:q,updateWidth:x,updateHeight:H}};module.exports=useUpdateHeight;

package/dist/components/DynamicResizer/utils/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const isPercentage=t=>typeof t=="string"&&t.endsWith("%")&&!isNaN(parseFloat(t)),calculatePercentage=(t,s)=>{const e=parseFloat(t);return isNaN(e)?0:e/100*s},isValidSize=t=>typeof t=="number"&&t>0||isPercentage(t),calcMaxSize=(t,s)=>isValidSize(t)?typeof t=="string"&&isPercentage(t)?calculatePercentage(t,s):s-Number(t):s,calcMinSize=(t,s)=>isValidSize(t)?typeof t=="string"&&isPercentage(t)?calculatePercentage(t,s):Number(t):0,adjustDefaultSize=(t,s,e,r=0,n)=>{if(!isValidSize(t))return n<r?n:Math.min(r,calcMinSize(s,r));if(calcMinSize(s,r)+calcMinSize(e,r)>r)return r*.5;const f=calcMinSize(s,r),p=r-calcMinSize(e,r),a=typeof t=="string"&&isPercentage(t)?calculatePercentage(t,r):Number(t)||0;return Math.min(Math.max(a,f),p)};exports.adjustDefaultSize=adjustDefaultSize,exports.calcMaxSize=calcMaxSize,exports.calcMinSize=calcMinSize,exports.isValidSize=isValidSize;

package/dist/components/LLMMultiWheelView/dialogView/index.js

@@ -1 +1 @@
-"use strict";var index$4=require("../../LLMToolView/questionView/index.js"),index$2=require("../../LLMToolView/questionView/components/header/index.js"),index$3=require("../../LLMToolView/questionView/components/imgView/index.js"),index=require("../../../store/LLMMultiWheel/index.js"),index$1=require("../../../utils/index.js"),antd=require("antd"),React=require("react"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const DialogView=e=>{const{id:t,answerList:r,question:d,index:u,name:c="",answerIsImg:m,questionIsImg:f,LLMConfig:p}=e,{t:a}=reactI18next.useTranslation(),{dataFormatType:l,selectedID:v,setSelectedID:w}=index(),n=u+1,_=c||`${a("Dialog")}${n}`;return React__default.default.createElement("div",{key:t,onClick:()=>w(t),className:index$1.classnames({dialog:!0,selected:t===v})},React__default.default.createElement("div",{className:"header"},React__default.default.createElement("span",{className:"order"},n),React__default.default.createElement("div",{className:"name"},React__default.default.createElement("div",{className:"show-name"},_),React__default.default.createElement("div",{className:"tips"},"\uFF08",a("SelectionOfAnnotation"),"\uFF09"))),React__default.default.createElement("div",{className:"dialog-question"},React__default.default.createElement(antd.Button,{type:"primary"},a("Title"),n),React__default.default.createElement("div",null,React__default.default.createElement(index$2.RenderQuestion,{question:d,dataFormatType:l,isImg:f}))),React__default.default.createElement("div",{className:"dialog-answer"},m?React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(antd.Button,{type:"primary"},a("Answer")),React__default.default.createElement(index$3,{answerList:r})):r==null?void 0:r.map((g,i)=>{const s=i+1,o=__spreadProps(__spreadValues({},g),{order:s}),y=index$4.getTextControlByConfig(o,p);return React__default.default.createElement("div",{key:i},React__default.default.createElement(antd.Button,{type:"primary"},a("Answer"),s),React__default.default.createElement(index$4.RenderAnswer,{i:o,isTextControl:y,dataFormatType:l}))})))};module.exports=DialogView;
+"use strict";var index$5=require("../../LLMToolView/questionView/index.js"),index$4=require("../../LLMToolView/questionView/components/audioView/index.js"),index$2=require("../../LLMToolView/questionView/components/header/index.js"),index$3=require("../../LLMToolView/questionView/components/imgView/index.js"),index=require("../../../store/LLMMultiWheel/index.js"),index$1=require("../../../utils/index.js"),antd=require("antd"),React=require("react"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const DialogView=e=>{const{id:t,answerList:r,question:d,index:u,name:c="",answerIsImg:m,questionIsImg:f,questionIsAudio:p,answerIsAudio:v,LLMConfig:w}=e,{t:a}=reactI18next.useTranslation(),{dataFormatType:i,selectedID:E,setSelectedID:g}=index(),n=u+1,y=c||`${a("Dialog")}${n}`,_=()=>m?React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(antd.Button,{type:"primary"},a("Answer")),React__default.default.createElement(index$3,{answerList:r})):v?React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(antd.Button,{type:"primary"},a("Answer")),React__default.default.createElement(index$4,{answerList:r})):r==null?void 0:r.map((x,l)=>{const o=l+1,s=__spreadProps(__spreadValues({},x),{order:o}),q=index$5.getTextControlByConfig(s,w);return React__default.default.createElement("div",{key:l},React__default.default.createElement(antd.Button,{type:"primary"},a("Answer"),o),React__default.default.createElement(index$5.RenderAnswer,{i:s,isTextControl:q,dataFormatType:i}))});return React__default.default.createElement("div",{key:t,onClick:()=>g(t),className:index$1.classnames({dialog:!0,selected:t===E})},React__default.default.createElement("div",{className:"header"},React__default.default.createElement("span",{className:"order"},n),React__default.default.createElement("div",{className:"name"},React__default.default.createElement("div",{className:"show-name"},y),React__default.default.createElement("div",{className:"tips"},"\uFF08",a("SelectionOfAnnotation"),"\uFF09"))),React__default.default.createElement("div",{className:"dialog-question"},React__default.default.createElement(antd.Button,{type:"primary"},a("Title"),n),React__default.default.createElement("div",null,React__default.default.createElement(index$2.RenderQuestion,{question:d,dataFormatType:i,isImg:f,isAudio:p}))),React__default.default.createElement("div",{className:"dialog-answer"},_()))};module.exports=DialogView;

package/dist/components/LLMMultiWheelView/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),index$4=require("../../constant/index.js"),reducer=require("../../store/annotation/reducer.js"),ctx=require("../../store/ctx.js"),index$5=require("../../utils/index.js"),reactRedux=require("react-redux"),index=require("../../store/LLMMultiWheel/index.js"),index$1=require("../../views/MainView/LLMMultiWheelLayout/index.js"),index$2=require("../LLMToolView/questionView/components/header/index.js"),index$3=require("./dialogView/index.js"),index$7=require("../messageMaskLayer/index.js"),index$8=require("../../views/MainView/annotationTips/index.js"),reactI18next=require("react-i18next"),index$6=require("../LLMToolView/questionView/index.js"),antd=require("antd"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const LLMMultiWheelSourceView=e=>{const{questionIsImg:t,answerIsImg:n,LLMConfig:o,dialogList:c,lang:s="cn"}=e,{dataFormatType:u,setDataFormatType:i}=index();return React.useEffect(()=>{var r;s&&((r=lbUtils.i18n)==null||r.changeLanguage(s))},[s]),React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement("div",{className:`${index$1.LLMMultiWheelViewCls}`},React__default.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end"}},React__default.default.createElement(index$2.ToggleDataFormatType,{dataFormatType:u,setDataFormatType:i})),React__default.default.createElement("div",{className:`${index$1.LLMMultiWheelViewCls}-container`},c==null?void 0:c.map((r,d)=>React__default.default.createElement(index$3,__spreadProps(__spreadValues({},r),{key:d,index:d,questionIsImg:t,answerIsImg:n,LLMConfig:o}))))))},getInfoFromLLMFile=({type:e,questionIndex:t,answerIndex:n,llmFile:o})=>{if(e==="question")return o==null?void 0:o.find((s,u)=>t===u);let c=null;return o==null||o.forEach((s,u)=>{var i;(i=s.answerList)==null||i.forEach((r,d)=>{u===t&&n===d&&(c=r)})}),c},LLMMultiWheelView=e=>{var t,n;const{annotation:o,tips:c,showTips:s,drawLayerSlot:u}=e,{imgIndex:i,imgList:r,stepList:d,step:x,toolInstance:p}=o,[w,T]=React.useState(),{setSelectedID:D,newAnswerListMap:y}=index(),[O,q]=React.useState([]),M=((t=w==null?void 0:w.dataType)==null?void 0:t.prompt)===index$4.ELLMDataType.Picture,m=((n=w==null?void 0:w.dataType)==null?void 0:n.response)===index$4.ELLMDataType.Picture,{t:S}=reactI18next.useTranslation(),[,$]=React.useState(0);return React.useEffect(()=>{var a,v,f;if(!r[i])return;const _=(a=r[i])!=null?a:{},L=(f=(v=_==null?void 0:_.questionList)==null?void 0:v.textList)!=null?f:[];q(L),(L==null?void 0:L.length)&&D(L[0].id)},[i]),React.useEffect(()=>{var a,v;const f=(a=r[i])!=null?a:{},_=f==null?void 0:f.questionList,L=(v=f==null?void 0:f.llmFile)==null?void 0:v.textList,E=_==null?void 0:_.textList,C=E==null?void 0:E.map((l,j)=>{var P;return __spreadProps(__spreadValues({},l),{question:M&&getInfoFromLLMFile({type:"question",questionIndex:j,llmFile:L})||(l==null?void 0:l.question),answerList:(P=l==null?void 0:l.answerList)==null?void 0:P.map((g,b)=>{var h,I,V;const W=`${(h=l==null?void 0:l.id)!=null?h:""}-${(I=g==null?void 0:g.id)!=null?I:""}`,A=m?getInfoFromLLMFile({type:"answer",questionIndex:j,answerIndex:b,llmFile:L})||{}:{};return __spreadValues(__spreadProps(__spreadValues({},g),{answer:g.answer,newAnswer:(V=y[W])!=null?V:g.answer,order:b+1}),A)})})});q(C)},[y,M,m]),React.useEffect(()=>{var a;if(d&&x){const v=(a=reducer.getStepConfig(d,x))==null?void 0:a.config;T(index$5.jsonParser(v))}},[d,x]),React.useEffect(()=>{if(p)return p.on("validUpdated",()=>{$(a=>a+1)}),()=>{p.unbindAll("validUpdated")}},[p]),React__default.default.createElement(antd.Layout,{className:index$6.LLMViewCls},!(p==null?void 0:p.valid)&&React__default.default.createElement(index$7,{message:S("InvalidQuestionAndSkip")}),u==null?void 0:u({}),s===!0&&React__default.default.createElement(index$8,{tips:c}),React__default.default.createElement(LLMMultiWheelSourceView,{questionIsImg:M,answerIsImg:m,LLMConfig:w,dialogList:O}))},mapStateToProps=e=>({annotation:e.annotation});var LLMMultiWheelView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMMultiWheelView);exports.LLMMultiWheelSourceView=LLMMultiWheelSourceView,exports.default=LLMMultiWheelView$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),index$4=require("../../constant/index.js"),reducer=require("../../store/annotation/reducer.js"),ctx=require("../../store/ctx.js"),index$5=require("../../utils/index.js"),reactRedux=require("react-redux"),index=require("../../store/LLMMultiWheel/index.js"),index$1=require("../../views/MainView/LLMMultiWheelLayout/index.js"),index$2=require("../LLMToolView/questionView/components/header/index.js"),index$3=require("./dialogView/index.js"),index$7=require("../messageMaskLayer/index.js"),index$8=require("../../views/MainView/annotationTips/index.js"),reactI18next=require("react-i18next"),index$6=require("../LLMToolView/questionView/index.js"),antd=require("antd"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const LLMMultiWheelSourceView=e=>{const{questionIsImg:t,answerIsImg:n,questionIsAudio:o,answerIsAudio:c,LLMConfig:L,dialogList:u,lang:d="cn"}=e,{dataFormatType:w,setDataFormatType:r}=index();return React.useEffect(()=>{var a;d&&((a=lbUtils.i18n)==null||a.changeLanguage(d))},[d]),React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement("div",{className:`${index$1.LLMMultiWheelViewCls}`},React__default.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",margin:"10px"}},React__default.default.createElement(index$2.ToggleDataFormatType,{dataFormatType:w,setDataFormatType:r})),React__default.default.createElement("div",{className:`${index$1.LLMMultiWheelViewCls}-container`},u==null?void 0:u.map((a,_)=>React__default.default.createElement(index$3,__spreadProps(__spreadValues({},a),{key:_,index:_,questionIsImg:t,answerIsImg:n,questionIsAudio:o,answerIsAudio:c,LLMConfig:L}))))))},getInfoFromLLMFile=({type:e,questionIndex:t,answerIndex:n,llmFile:o})=>{if(e==="question")return o==null?void 0:o.find((L,u)=>t===u);let c=null;return o==null||o.forEach((L,u)=>{var d;(d=L.answerList)==null||d.forEach((w,r)=>{u===t&&n===r&&(c=w)})}),c},LLMMultiWheelView=e=>{var t,n,o,c;const{annotation:L,tips:u,showTips:d,drawLayerSlot:w}=e,{imgIndex:r,imgList:a,stepList:_,step:m,toolInstance:g}=L,[l,$]=React.useState(),{setSelectedID:A,newAnswerListMap:I}=index(),[C,P]=React.useState([]),y=((t=l==null?void 0:l.dataType)==null?void 0:t.prompt)===index$4.ELLMDataType.Picture,q=((n=l==null?void 0:l.dataType)==null?void 0:n.response)===index$4.ELLMDataType.Picture,E=((o=l==null?void 0:l.dataType)==null?void 0:o.prompt)===index$4.ELLMDataType.Audio,j=((c=l==null?void 0:l.dataType)==null?void 0:c.response)===index$4.ELLMDataType.Audio,{t:W}=reactI18next.useTranslation(),[,F]=React.useState(0);return React.useEffect(()=>{var i,v,p;if(!a[r])return;const x=(i=a[r])!=null?i:{},f=(p=(v=x==null?void 0:x.questionList)==null?void 0:v.textList)!=null?p:[];P(f),(f==null?void 0:f.length)&&A(f[0].id)},[r]),React.useEffect(()=>{var i,v;if(!a[r])return;const p=(i=a[r])!=null?i:{},x=p==null?void 0:p.questionList,f=(v=p==null?void 0:p.llmFile)==null?void 0:v.textList,T=x==null?void 0:x.textList,N=T==null?void 0:T.map((s,b)=>{var h;return __spreadProps(__spreadValues({},s),{question:(y||E)&&getInfoFromLLMFile({type:"question",questionIndex:b,llmFile:f})||(s==null?void 0:s.question),answerList:(h=s==null?void 0:s.answerList)==null?void 0:h.map((M,D)=>{var V,O,S;const R=`${(V=s==null?void 0:s.id)!=null?V:""}-${(O=M==null?void 0:M.id)!=null?O:""}`,U=q||j?getInfoFromLLMFile({type:"answer",questionIndex:b,answerIndex:D,llmFile:f})||{}:{};return __spreadValues(__spreadProps(__spreadValues({},M),{answer:M.answer,newAnswer:(S=I[R])!=null?S:M.answer,order:D+1}),U)})})});P(N)},[I,y,E,q,j,a,r]),React.useEffect(()=>{var i;if(_&&m){const v=(i=reducer.getStepConfig(_,m))==null?void 0:i.config;$(index$5.jsonParser(v))}},[_,m]),React.useEffect(()=>{if(g)return g.on("validUpdated",()=>{F(i=>i+1)}),()=>{g.unbindAll("validUpdated")}},[g]),React__default.default.createElement(antd.Layout,{className:index$6.LLMViewCls},!(g==null?void 0:g.valid)&&React__default.default.createElement(index$7,{message:W("InvalidQuestionAndSkip")}),w==null?void 0:w({}),d===!0&&React__default.default.createElement(index$8,{tips:u}),React__default.default.createElement(LLMMultiWheelSourceView,{questionIsImg:y,answerIsImg:q,questionIsAudio:E,answerIsAudio:j,LLMConfig:l,dialogList:C}))},mapStateToProps=e=>({annotation:e.annotation});var LLMMultiWheelView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMMultiWheelView);exports.LLMMultiWheelSourceView=LLMMultiWheelSourceView,exports.default=LLMMultiWheelView$1;

package/dist/components/LLMMultiWheelView/sidebar/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),ctx=require("../../../store/ctx.js"),reactRedux=require("react-redux"),index$8=require("../../../constant/index.js"),reducer=require("../../../store/annotation/reducer.js"),index=require("../../../utils/index.js"),index$2=require("../../LLMToolView/sidebar/components/modelAnswerSort/index.js"),reactI18next=require("react-i18next"),annotation=require("../../../hooks/annotation.js"),_=require("lodash"),actionCreators=require("../../../store/annotation/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$3=require("../../LLMToolView/sidebar/index.js"),index$5=require("../../LLMToolView/sidebar/components/textInputBox/index.js"),antd=require("antd"),index$7=require("../../LLMToolView/sidebar/components/answerList/index.js"),index$1=require("../../../store/LLMMultiWheel/index.js"),StepUtils=require("../../../utils/StepUtils.js"),data=require("../../LLMToolView/utils/data.js"),ahooks=require("ahooks"),index$4=require("../../LLMToolView/sidebar/components/answerSort/index.js"),index$6=require("../../tagList/components/overall/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,s,d)=>s in r?__defProp(r,s,{enumerable:!0,configurable:!0,writable:!0,value:d}):r[s]=d,__spreadValues=(r,s)=>{for(var d in s||(s={}))__hasOwnProp.call(s,d)&&__defNormalProp(r,d,s[d]);if(__getOwnPropSymbols)for(var d of __getOwnPropSymbols(s))__propIsEnum.call(s,d)&&__defNormalProp(r,d,s[d]);return r},__spreadProps=(r,s)=>__defProps(r,__getOwnPropDescs(s));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$8.prefix}-sidebar`,initGlobalResult={sort:[],answerSort:{},textAttribute:[],tagList:{}},LLMMultiWheelToolSidebar=r=>{var s,d,N,B,k,W;const{annotation:re,dispatch:C,checkMode:oe}=r,{imgIndex:y,imgList:D,stepList:E,step:M,skipBeforePageTurning:h}=re,[u,le]=React.useState(),{t:m}=reactI18next.useTranslation(),o=(s=D[y])!=null?s:{},z=index.jsonParser(o==null?void 0:o.result),{toolInstanceRef:f}=annotation.useCustomToolInstance({basicInfo:z}),[$,ie]=React.useState(!0),[R,G]=React.useState({}),[p,K]=React.useState(initGlobalResult),I=React.useRef(),[x,O]=React.useState({}),{selectedID:A,setNewAnswerListMap:U,newAnswerListMap:Q}=index$1(),w=React.useMemo(()=>R[A],[A,R]),S=!f.current.valid||oe;React.useEffect(()=>{var e;if(E&&M){const t=(e=reducer.getStepConfig(E,M))==null?void 0:e.config;le(index.jsonParser(t))}},[M,JSON.stringify(E)]),React.useEffect(()=>{!o||y===-1||(f.current.setValid=J,f.current.clearResult=ae,J(),H())},[y,u,o==null?void 0:o.id]);const ae=()=>{var e,t,n,l;H((e=o==null?void 0:o.questionList)==null?void 0:e.textList),((t=I.current)==null?void 0:t.clearValue)&&((n=I.current)==null||n.clearValue());const{waitSorts:c}=index$2.getSorts({selectedSort:(l=L==null?void 0:L.sort)!=null?l:[],initSelected:[],modelList:q?T!=null?T:[]:[]});O(__spreadProps(__spreadValues({},x),{waitSorts:c,newSort:[]}))},J=e=>{var t;const n=e!=null?e:z.valid;_.isBoolean(n)&&(ie(n),f.current.valid=n,(t=f.current)==null||t.emit("validUpdated"))},se=()=>{const e=StepUtils.getCurrentStepInfo(M,E);return data.getCurrentResultFromResultList(o==null?void 0:o.result,e.step)},L=React.useMemo(()=>se(),[M,E,o]),H=ahooks.useMemoizedFn(e=>{var t,n,l,c,i,g,j;const a=L;let b=(t=o==null?void 0:o.questionList)==null?void 0:t.textList;((n=a==null?void 0:a.modelData)==null?void 0:n.length)&&f.current.valid&&(b=a==null?void 0:a.modelData),e&&(b=e,a.sort=[],a.textAttribute=[],a.answerSort=[]);let te={};b==null||b.forEach((v,we)=>{var ne;const Se=data.getRenderDataByResult(u,__spreadProps(__spreadValues({},v),{answerList:(ne=v==null?void 0:v.answerList)==null?void 0:ne.map((F,_e)=>(U(__spreadProps(__spreadValues({},Q),{[`${v.id}-${F.id}`]:F.answer})),__spreadProps(__spreadValues({},F),{order:_e+1})))}));te[v.id]=__spreadProps(__spreadValues({},Se),{order:we+1,id:v.id})});const{waitSorts:Le,newSort:ge}=index$2.getSorts({selectedSort:(l=L==null?void 0:L.sort)!=null?l:[],modelList:q?T!=null?T:[]:[]});O({waitSorts:Le,newSort:ge});const me=((c=u==null?void 0:u.inputList)==null?void 0:c.filter(v=>v==null?void 0:v.isOverall))||[],xe=data.getTagResult(me,a==null?void 0:a.tagList);K({sort:(i=a==null?void 0:a.sort)!=null?i:[],textAttribute:(g=a==null?void 0:a.textAttribute)!=null?g:[],answerSort:(j=a==null?void 0:a.answerSort)!=null?j:{},tagList:xe}),G(te)});React.useEffect(()=>{ue()},[R,$,p]),React.useEffect(()=>(window.addEventListener("keydown",X),()=>{window.removeEventListener("keydown",X)}),[]);const ue=ahooks.useMemoizedFn(()=>{var e,t;const n=(t=(e=o==null?void 0:o.questionList)==null?void 0:e.textList)==null?void 0:t.map(c=>{var i;const g=(i=R[c.id])!=null?i:{};return{id:c.id,answerList:g.answerList}}),l=__spreadProps(__spreadValues({},p),{modelData:n});f.current.exportData=()=>[[l],{valid:$}],f.current.currentPageResult=__spreadProps(__spreadValues({},l),{toolName:lbAnnotation.EToolName.LLMMultiWheel,valid:$})}),X=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(h){h(()=>C(actionCreators.PageForward()));return}C(actionCreators.PageForward())}},de=ahooks.useMemoizedFn(({order:e,value:t,key:n})=>{const{answerList:l}=w,c=l==null?void 0:l.map(i=>{var g,j;if((i==null?void 0:i.order)===e){if(n==="textEdit"&&_.isString(t))return U(__spreadProps(__spreadValues({},Q),{[`${A}-${(g=i==null?void 0:i.id)!=null?g:""}`]:t})),__spreadProps(__spreadValues({},i),{newAnswer:t});if(_.isNumber(t))return __spreadProps(__spreadValues({},i),{score:t});if(_.isObject(t)&&n){const a={[t==null?void 0:t.key]:t.value},b=(j=i[n])!=null?j:{};return __spreadProps(__spreadValues({},i),{[n]:__spreadValues(__spreadValues({},b),a)})}}return i});G(i=>__spreadProps(__spreadValues({},i),{[A]:__spreadProps(__spreadValues({},w),{answerList:c})}))}),P=(e,t)=>{K(n=>__spreadProps(__spreadValues({},n),{[e]:t}))},{indicatorScore:Y=[],indicatorDetermine:Z=[],isTextEdit:ce,dialogSort:q=!1,inputList:V=[],tagInputListConfigurable:ee,enableSort:ve=!1}=u||{},T=React.useMemo(()=>{var e,t,n;return q?(n=(t=(e=o==null?void 0:o.questionList)==null?void 0:e.textList)==null?void 0:t.map((l,c)=>__spreadProps(__spreadValues({},l),{title:c+1})))!=null?n:[]:[]},[o,q]);if(React.useMemo(()=>index$3.getLLMIsNoConfig(u),[u]))return React__default.default.createElement(index$3.EmptyConfig,null);const fe=ee&&((d=V.filter(e=>!e.isOverall))==null?void 0:d.length)>0,pe=(Z==null?void 0:Z.length)>0||(Y==null?void 0:Y.length)>0||ce||fe;return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},m("GlobalAnnotation")),q&&React__default.default.createElement(index$4,{waitSortList:(x==null?void 0:x.waitSorts)||[],sortList:(x==null?void 0:x.newSort)||[],setSortList:e=>{const t=e.map(n=>n.map(l=>l.id));P("sort",t),O(__spreadProps(__spreadValues({},x),{newSort:e}))},disabeledAll:S,title:m("SortConversationQuality"),prefixId:"model"}),(u==null?void 0:u.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$5,{textAttribute:(N=p==null?void 0:p.textAttribute)!=null?N:[],textConfig:(u==null?void 0:u.text)&&_.isArray(u.text)?u==null?void 0:u.text:[],setText:e=>P("textAttribute",e),disabeledAll:S})),ve&&React__default.default.createElement(index$2.default,{modelData:(k=(B=o==null?void 0:o.questionList)==null?void 0:B.textList)!=null?k:[],selectedAnswerSort:e=>P("answerSort",e),selectedSort:(W=L==null?void 0:L.answerSort)!=null?W:[],ref:I,disabeledAll:S,imgIndex:y}),ee&&V.length&&React__default.default.createElement(index$6,{inputList:V,selectedTags:(p==null?void 0:p.tagList)||{},updateValue:e=>{const{key:t,value:n}=e,l=(p==null?void 0:p.tagList)||{};P("tagList",__spreadProps(__spreadValues({},l),{[t]:n}))},disabeledAll:S}),w&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},m("QualifiedAnnotation")),React__default.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},React__default.default.createElement(antd.Button,{type:"primary",danger:!0},m("Annotating")),React__default.default.createElement("div",{style:{padding:16}},m("Group"),"\uFF1A",w.order)),React__default.default.createElement("div",null,pe&&React__default.default.createElement(index$7,{list:(w==null?void 0:w.answerList)||[],LLMConfig:u,updateValue:de,disabeledAll:S})))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(D==null?void 0:D.length)-1!==y&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(h){h(()=>C(actionCreators.PageForward()));return}C(actionCreators.PageForward())},disabled:S},m("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMMultiWheelToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMMultiWheelToolSidebar);module.exports=LLMMultiWheelToolSidebar$1;
+"use strict";var React=require("react"),ctx=require("../../../store/ctx.js"),reactRedux=require("react-redux"),index$8=require("../../../constant/index.js"),reducer=require("../../../store/annotation/reducer.js"),index=require("../../../utils/index.js"),index$2=require("../../LLMToolView/sidebar/components/modelAnswerSort/index.js"),reactI18next=require("react-i18next"),annotation=require("../../../hooks/annotation.js"),_=require("lodash"),actionCreators=require("../../../store/annotation/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$3=require("../../LLMToolView/sidebar/index.js"),index$5=require("../../LLMToolView/sidebar/components/textInputBox/index.js"),antd=require("antd"),index$7=require("../../LLMToolView/sidebar/components/answerList/index.js"),index$1=require("../../../store/LLMMultiWheel/index.js"),StepUtils=require("../../../utils/StepUtils.js"),data=require("../../LLMToolView/utils/data.js"),ahooks=require("ahooks"),index$4=require("../../LLMToolView/sidebar/components/answerSort/index.js"),index$6=require("../../tagList/components/overall/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,u,d)=>u in r?__defProp(r,u,{enumerable:!0,configurable:!0,writable:!0,value:d}):r[u]=d,__spreadValues=(r,u)=>{for(var d in u||(u={}))__hasOwnProp.call(u,d)&&__defNormalProp(r,d,u[d]);if(__getOwnPropSymbols)for(var d of __getOwnPropSymbols(u))__propIsEnum.call(u,d)&&__defNormalProp(r,d,u[d]);return r},__spreadProps=(r,u)=>__defProps(r,__getOwnPropDescs(u));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$8.prefix}-sidebar`,initGlobalResult={sort:[],answerSort:{},textAttribute:[],tagList:{}},LLMMultiWheelToolSidebar=r=>{var u,d,N,B,k,W;const{annotation:oe,dispatch:C,checkMode:le}=r,{imgIndex:E,imgList:D,stepList:y,step:M,skipBeforePageTurning:h}=oe,[l,ie]=React.useState(),{t:x}=reactI18next.useTranslation(),o=(u=D[E])!=null?u:{},z=index.jsonParser(o==null?void 0:o.result),{toolInstanceRef:f}=annotation.useCustomToolInstance({basicInfo:z}),[$,ae]=React.useState(!0),[R,G]=React.useState({}),[p,K]=React.useState(initGlobalResult),I=React.useRef(),[m,O]=React.useState({}),{selectedID:A,setNewAnswerListMap:U,newAnswerListMap:Q}=index$1(),w=React.useMemo(()=>R[A],[A,R]),S=!f.current.valid||le;React.useEffect(()=>{var e;if(y&&M){const t=(e=reducer.getStepConfig(y,M))==null?void 0:e.config;ie(index.jsonParser(t))}},[M,JSON.stringify(y)]),React.useEffect(()=>{!o||E===-1||(f.current.setValid=J,f.current.clearResult=se,J(),H())},[E,l,o==null?void 0:o.id]);const se=()=>{var e,t,n,i;H((e=o==null?void 0:o.questionList)==null?void 0:e.textList),((t=I.current)==null?void 0:t.clearValue)&&((n=I.current)==null||n.clearValue());const{waitSorts:c}=index$2.getSorts({selectedSort:(i=L==null?void 0:L.sort)!=null?i:[],initSelected:[],modelList:q?P!=null?P:[]:[]});O(__spreadProps(__spreadValues({},m),{waitSorts:c,newSort:[]}))},J=e=>{var t;const n=e!=null?e:z.valid;_.isBoolean(n)&&(ae(n),f.current.valid=n,(t=f.current)==null||t.emit("validUpdated"))},ue=()=>{const e=StepUtils.getCurrentStepInfo(M,y);return data.getCurrentResultFromResultList(o==null?void 0:o.result,e.step)},L=React.useMemo(()=>ue(),[M,y,o]),H=ahooks.useMemoizedFn(e=>{var t,n,i,c,a,g,j;const s=L;let b=(t=o==null?void 0:o.questionList)==null?void 0:t.textList;((n=s==null?void 0:s.modelData)==null?void 0:n.length)&&f.current.valid&&(b=s==null?void 0:s.modelData),e&&(b=e,s.sort=[],s.textAttribute=[],s.answerSort=[]);let ne={};b==null||b.forEach((v,we)=>{var re;const Se=data.getRenderDataByResult(l,__spreadProps(__spreadValues({},v),{answerList:(re=v==null?void 0:v.answerList)==null?void 0:re.map((F,_e)=>((l==null?void 0:l.isTextEdit)&&U(__spreadProps(__spreadValues({},Q),{[`${v.id}-${F.id}`]:F.answer})),__spreadProps(__spreadValues({},F),{order:_e+1})))}));ne[v.id]=__spreadProps(__spreadValues({},Se),{order:we+1,id:v.id})});const{waitSorts:Le,newSort:ge}=index$2.getSorts({selectedSort:(i=L==null?void 0:L.sort)!=null?i:[],modelList:q?P!=null?P:[]:[]});O({waitSorts:Le,newSort:ge});const xe=((c=l==null?void 0:l.inputList)==null?void 0:c.filter(v=>v==null?void 0:v.isOverall))||[],me=data.getTagResult(xe,s==null?void 0:s.tagList);K({sort:(a=s==null?void 0:s.sort)!=null?a:[],textAttribute:(g=s==null?void 0:s.textAttribute)!=null?g:[],answerSort:(j=s==null?void 0:s.answerSort)!=null?j:{},tagList:me}),G(ne)});React.useEffect(()=>{de()},[R,$,p]),React.useEffect(()=>(window.addEventListener("keydown",X),()=>{window.removeEventListener("keydown",X)}),[]);const de=ahooks.useMemoizedFn(()=>{var e,t;const n=(t=(e=o==null?void 0:o.questionList)==null?void 0:e.textList)==null?void 0:t.map(c=>{var a;const g=(a=R[c.id])!=null?a:{};return{id:c.id,answerList:g.answerList}}),i=__spreadProps(__spreadValues({},p),{modelData:n});f.current.exportData=()=>[[i],{valid:$}],f.current.currentPageResult=__spreadProps(__spreadValues({},i),{toolName:lbAnnotation.EToolName.LLMMultiWheel,valid:$})}),X=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(h){h(()=>C(actionCreators.PageForward()));return}C(actionCreators.PageForward())}},ce=ahooks.useMemoizedFn(({order:e,value:t,key:n})=>{const{answerList:i}=w,c=i==null?void 0:i.map(a=>{var g,j;if((a==null?void 0:a.order)===e){if(n==="textEdit"&&_.isString(t)&&ee)return U(__spreadProps(__spreadValues({},Q),{[`${A}-${(g=a==null?void 0:a.id)!=null?g:""}`]:t})),__spreadProps(__spreadValues({},a),{newAnswer:t});if(_.isNumber(t))return __spreadProps(__spreadValues({},a),{score:t});if(_.isObject(t)&&n){const s={[t==null?void 0:t.key]:t.value},b=(j=a[n])!=null?j:{};return __spreadProps(__spreadValues({},a),{[n]:__spreadValues(__spreadValues({},b),s)})}}return a});G(a=>__spreadProps(__spreadValues({},a),{[A]:__spreadProps(__spreadValues({},w),{answerList:c})}))}),T=(e,t)=>{K(n=>__spreadProps(__spreadValues({},n),{[e]:t}))},{indicatorScore:Y=[],indicatorDetermine:Z=[],isTextEdit:ee,dialogSort:q=!1,inputList:V=[],tagInputListConfigurable:te,enableSort:ve=!1}=l||{},P=React.useMemo(()=>{var e,t,n;return q?(n=(t=(e=o==null?void 0:o.questionList)==null?void 0:e.textList)==null?void 0:t.map((i,c)=>__spreadProps(__spreadValues({},i),{title:c+1})))!=null?n:[]:[]},[o,q]);if(React.useMemo(()=>index$3.getLLMIsNoConfig(l),[l]))return React__default.default.createElement(index$3.EmptyConfig,null);const fe=te&&((d=V.filter(e=>!e.isOverall))==null?void 0:d.length)>0,pe=(Z==null?void 0:Z.length)>0||(Y==null?void 0:Y.length)>0||ee||fe;return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},x("GlobalAnnotation")),q&&React__default.default.createElement(index$4,{waitSortList:(m==null?void 0:m.waitSorts)||[],sortList:(m==null?void 0:m.newSort)||[],setSortList:e=>{const t=e.map(n=>n.map(i=>i.id));T("sort",t),O(__spreadProps(__spreadValues({},m),{newSort:e}))},disabeledAll:S,title:x("SortConversationQuality"),prefixId:"model"}),(l==null?void 0:l.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$5,{textAttribute:(N=p==null?void 0:p.textAttribute)!=null?N:[],textConfig:(l==null?void 0:l.text)&&_.isArray(l.text)?l==null?void 0:l.text:[],setText:e=>T("textAttribute",e),disabeledAll:S})),ve&&React__default.default.createElement(index$2.default,{modelData:(k=(B=o==null?void 0:o.questionList)==null?void 0:B.textList)!=null?k:[],selectedAnswerSort:e=>T("answerSort",e),selectedSort:(W=L==null?void 0:L.answerSort)!=null?W:[],ref:I,disabeledAll:S,imgIndex:E}),te&&V.length&&React__default.default.createElement(index$6,{inputList:V,selectedTags:(p==null?void 0:p.tagList)||{},updateValue:e=>{const{key:t,value:n}=e,i=(p==null?void 0:p.tagList)||{};T("tagList",__spreadProps(__spreadValues({},i),{[t]:n}))},disabeledAll:S}),w&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},x("QualifiedAnnotation")),React__default.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},React__default.default.createElement(antd.Button,{type:"primary",danger:!0},x("Annotating")),React__default.default.createElement("div",{style:{padding:16}},x("Group"),"\uFF1A",w.order)),React__default.default.createElement("div",null,pe&&React__default.default.createElement(index$7,{list:(w==null?void 0:w.answerList)||[],LLMConfig:l,updateValue:ce,disabeledAll:S})))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(D==null?void 0:D.length)-1!==E&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(h){h(()=>C(actionCreators.PageForward()));return}C(actionCreators.PageForward())},disabled:S},x("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMMultiWheelToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMMultiWheelToolSidebar);module.exports=LLMMultiWheelToolSidebar$1;

package/dist/components/LLMToolView/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),antd=require("antd"),index=require("../../constant/index.js"),es=require("antd/es"),index$4=require("./questionView/index.js"),reactI18next=require("react-i18next"),index$3=require("../../views/MainView/annotationTips/index.js"),data=require("./utils/data.js"),reducer=require("../../store/annotation/reducer.js"),index$1=require("../../utils/index.js"),index$2=require("../messageMaskLayer/index.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const LLMViewCls=`${index.prefix}-LLMView`,LLMToolView=n=>{var p;const{annotation:x,checkMode:m=!0,tips:T,showTips:y,drawLayerSlot:q}=n,{imgIndex:i,imgList:r,stepList:L,step:u,toolInstance:o}=x,{hoverKey:I,modelAPIResponse:_,setModelAPIResponse:g,newAnswerList:d}=React.useContext(ctx.LLMContext),[j,R]=React.useState([]),[C,S]=React.useState(""),[t,A]=React.useState(),{t:w}=reactI18next.useTranslation(),[,D]=React.useState(0);return React.useEffect(()=>{let e;if(!m)return e=setInterval(()=>{antd.message.info(w("EfficientListening"))},1e3*60),()=>{e&&clearInterval(e)}},[]),React.useEffect(()=>{if(o)return o.on("validUpdated",()=>{D(e=>e+1)}),()=>{o.unbindAll("validUpdated")}},[o]),React.useEffect(()=>{var e,s,a,l,M,E;if(!r[i])return;const P=((e=t==null?void 0:t.dataType)==null?void 0:e.prompt)===index.ELLMDataType.Picture,$=((s=t==null?void 0:t.dataType)==null?void 0:s.response)===index.ELLMDataType.Picture,c=(a=r[i])==null?void 0:a.questionList,v=(l=r[i])==null?void 0:l.llmFile,V=P?v==null?void 0:v.question:c==null?void 0:c.question;S(V);let f=(c==null?void 0:c.answerList)||[];$&&(f=(v==null?void 0:v.answerList)||[]),((M=t==null?void 0:t.dataType)==null?void 0:M.response)===index.ELLMDataType.None&&(f=[]),((E=t==null?void 0:t.dataType)==null?void 0:E.response)===index.ELLMDataType.Text&&(d==null?void 0:d.length)>0&&(f=d),R(f)},[i,d,t,(p=r[i])==null?void 0:p.id]),React.useEffect(()=>{var e;if(!r[i])return;const s=(e=r[i])!=null?e:{},a=data.getCurrentResultFromResultList(s==null?void 0:s.result,u),l=(a==null?void 0:a.length)>0?a[0]:a;g((l==null?void 0:l.modelAPIResponse)||[])},[i]),React.useEffect(()=>{var e;if(L&&u){const s=(e=reducer.getStepConfig(L,u))==null?void 0:e.config;A(index$1.jsonParser(s))}},[L,u]),React__default.default.createElement(es.Layout,{className:LLMViewCls},!(o==null?void 0:o.valid)&&React__default.default.createElement(index$2,{message:w("InvalidQuestionAndSkip")}),q==null?void 0:q({}),React__default.default.createElement("div",{className:`${LLMViewCls}-question`},y===!0&&React__default.default.createElement(index$3,{tips:T}),React__default.default.createElement(index$4.default,{hoverKey:I,question:C,answerList:j,modelAPIResponse:_,setModelAPIResponse:g,checkMode:m,annotation:x,LLMConfig:t})))},mapStateToProps=n=>({annotation:n.annotation});var LLMToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolView);module.exports=LLMToolView$1;
+"use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),antd=require("antd"),index=require("../../constant/index.js"),es=require("antd/es"),index$4=require("./questionView/index.js"),reactI18next=require("react-i18next"),index$3=require("../../views/MainView/annotationTips/index.js"),data=require("./utils/data.js"),reducer=require("../../store/annotation/reducer.js"),index$1=require("../../utils/index.js"),index$2=require("../messageMaskLayer/index.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const LLMViewCls=`${index.prefix}-LLMView`,LLMToolView=n=>{var p;const{annotation:x,checkMode:m=!0,tips:I,showTips:_,drawLayerSlot:q}=n,{imgIndex:i,imgList:o,stepList:L,step:u,toolInstance:r}=x,{hoverKey:A,modelAPIResponse:j,setModelAPIResponse:g,newAnswerList:d}=React.useContext(ctx.LLMContext),[R,C]=React.useState([]),[D,S]=React.useState(""),[e,P]=React.useState(),{t:T}=reactI18next.useTranslation(),[,$]=React.useState(0);return React.useEffect(()=>{let t;if(!m)return t=setInterval(()=>{antd.message.info(T("EfficientListening"))},1e3*60),()=>{t&&clearInterval(t)}},[]),React.useEffect(()=>{if(r)return r.on("validUpdated",()=>{$(t=>t+1)}),()=>{r.unbindAll("validUpdated")}},[r]),React.useEffect(()=>{var t,a,s,l,y,M,w,E;if(!o[i])return;const h=((t=e==null?void 0:e.dataType)==null?void 0:t.prompt)===index.ELLMDataType.Picture,V=((a=e==null?void 0:e.dataType)==null?void 0:a.prompt)===index.ELLMDataType.Audio,b=((s=e==null?void 0:e.dataType)==null?void 0:s.response)===index.ELLMDataType.Picture,k=((l=e==null?void 0:e.dataType)==null?void 0:l.response)===index.ELLMDataType.Audio,c=(y=o[i])==null?void 0:y.questionList,v=(M=o[i])==null?void 0:M.llmFile,F=h||V?v==null?void 0:v.question:c==null?void 0:c.question;S(F);let f=(c==null?void 0:c.answerList)||[];(b||k)&&(f=(v==null?void 0:v.answerList)||[]),((w=e==null?void 0:e.dataType)==null?void 0:w.response)===index.ELLMDataType.None&&(f=[]),((E=e==null?void 0:e.dataType)==null?void 0:E.response)===index.ELLMDataType.Text&&(d==null?void 0:d.length)>0&&(f=d),C(f)},[i,d,e,(p=o[i])==null?void 0:p.id]),React.useEffect(()=>{var t;if(!o[i])return;const a=(t=o[i])!=null?t:{},s=data.getCurrentResultFromResultList(a==null?void 0:a.result,u),l=(s==null?void 0:s.length)>0?s[0]:s;g((l==null?void 0:l.modelAPIResponse)||[])},[i]),React.useEffect(()=>{var t;if(L&&u){const a=(t=reducer.getStepConfig(L,u))==null?void 0:t.config;P(index$1.jsonParser(a))}},[L,u]),React__default.default.createElement(es.Layout,{className:LLMViewCls},!(r==null?void 0:r.valid)&&React__default.default.createElement(index$2,{message:T("InvalidQuestionAndSkip")}),q==null?void 0:q({}),React__default.default.createElement("div",{className:`${LLMViewCls}-question`},_===!0&&React__default.default.createElement(index$3,{tips:I}),React__default.default.createElement(index$4.default,{hoverKey:A,question:D,answerList:R,modelAPIResponse:j,setModelAPIResponse:g,checkMode:m,annotation:x,LLMConfig:e})))},mapStateToProps=n=>({annotation:n.annotation});var LLMToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolView);module.exports=LLMToolView$1;

package/dist/components/LLMToolView/questionView/components/audioView/index.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),antd=require("antd"),index=require("../../../../../constant/index.js"),classNames=require("classnames");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames);const LLMViewCls=`${index.prefix}-LLMView`,AudioPlayer=React__default.default.memo(({url:e})=>React__default.default.createElement("audio",{controls:!0},React__default.default.createElement("source",{src:e,type:"audio/mpeg"}))),AudioView=e=>{const{answerList:a,hoverKey:l}=e;return React__default.default.createElement("div",null,(a==null?void 0:a.length)>0&&a.map((t,r)=>React__default.default.createElement("div",{key:r,className:classNames__default.default({[`${LLMViewCls}__content`]:!0,[`${LLMViewCls}__contentActive`]:l===(t==null?void 0:t.order)})},React__default.default.createElement(antd.Tag,{className:`${LLMViewCls}-tag`},t==null?void 0:t.order),React__default.default.createElement("div",null,React__default.default.createElement(AudioPlayer,{key:t==null?void 0:t.url,url:t==null?void 0:t.url})))))};module.exports=AudioView;

package/dist/components/LLMToolView/questionView/components/header/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactI18next=require("react-i18next"),reResizable=require("re-resizable"),antd=require("antd"),index=require("../../../../../constant/index.js"),icons=require("@ant-design/icons"),index$1=require("../../../../markdownView/index.js"),_=require("lodash"),lbUtils=require("@labelbee/lb-utils"),imgFail_cn=require("../../../../../assets/annotation/LLMTool/imgFail_cn.svg.js"),imgFail_en=require("../../../../../assets/annotation/LLMTool/imgFail_en.svg.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LLMViewCls=`${index.prefix}-LLMView`,RenderQuestion=({question:e,dataFormatType:r,isImg:t})=>{const a=_.isString(e)?e:"",l=lbUtils.i18n.language==="en"?imgFail_en:imgFail_cn;if(t){const n=_.isObject(e)?e==null?void 0:e.url:"";return React__default.default.createElement(antd.Image,{src:n||l,fallback:l})}return React__default.default.createElement("div",{style:{whiteSpace:"pre-wrap"}},r===index.EDataFormatType.Markdown?React__default.default.createElement(index$1,{value:a}):a)},Header=e=>{const{question:r,dataFormatType:t,setDataFormatType:a,isImg:l}=e,n=300,{t:i}=reactI18next.useTranslation();return React__default.default.createElement(reResizable.Resizable,{defaultSize:{width:"100%",height:n},minHeight:n,enable:{bottom:!0},style:{padding:"26px 32px",borderBottom:"1px solid #EBEBEB",overflow:"hidden"}},React__default.default.createElement("div",{className:`${LLMViewCls}__title`,style:{display:"flex",justifyContent:"space-between"}},i("Title"),React__default.default.createElement(ToggleDataFormatType,{dataFormatType:t,setDataFormatType:a})),React__default.default.createElement("div",{className:`${LLMViewCls}__headerContent`},React__default.default.createElement(RenderQuestion,{question:r,dataFormatType:t,isImg:l})))},ToggleDataFormatType=e=>{const{dataFormatType:r,setDataFormatType:t}=e;return React__default.default.createElement("span",{style:{display:"flex"}},React__default.default.createElement(antd.Radio.Group,{value:r,onChange:a=>{t(a.target.value)}},React__default.default.createElement(antd.Radio.Button,{value:index.EDataFormatType.Default,style:{textAlign:"center",width:"52px"}},"</>"),React__default.default.createElement(antd.Radio.Button,{value:index.EDataFormatType.Markdown,style:{textAlign:"center",width:"52px"}},React__default.default.createElement(icons.FileTextOutlined,null))),React__default.default.createElement("span",{style:{marginLeft:"8px",width:"4px",background:"#1890ff"}}))};exports.RenderQuestion=RenderQuestion,exports.ToggleDataFormatType=ToggleDataFormatType,exports.default=Header;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactI18next=require("react-i18next"),reResizable=require("re-resizable"),antd=require("antd"),index=require("../../../../../constant/index.js"),icons=require("@ant-design/icons"),index$1=require("../../../../markdownView/index.js"),_=require("lodash"),lbUtils=require("@labelbee/lb-utils"),imgFail_cn=require("../../../../../assets/annotation/LLMTool/imgFail_cn.svg.js"),imgFail_en=require("../../../../../assets/annotation/LLMTool/imgFail_en.svg.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LLMViewCls=`${index.prefix}-LLMView`,RenderQuestion=({question:e,dataFormatType:r,isImg:a,isAudio:l})=>{const n=_.isString(e)?e:"",i=lbUtils.i18n.language==="en"?imgFail_en:imgFail_cn;if(a){const t=_.isObject(e)?e==null?void 0:e.url:"";return React__default.default.createElement(antd.Image,{src:t||i,fallback:i})}if(l){const t=_.isObject(e)?e==null?void 0:e.url:"";return t?React__default.default.createElement("audio",{controls:!0},React__default.default.createElement("source",{src:t,type:"audio/mpeg"})):React__default.default.createElement(antd.Empty,{image:antd.Empty.PRESENTED_IMAGE_SIMPLE})}return React__default.default.createElement("div",{style:{whiteSpace:"pre-wrap"}},r===index.EDataFormatType.Markdown?React__default.default.createElement(index$1,{value:n}):n)},Header=e=>{const{question:r,dataFormatType:a,setDataFormatType:l,isImg:n,isAudio:i}=e,t=300,{t:o}=reactI18next.useTranslation();return React__default.default.createElement(reResizable.Resizable,{defaultSize:{width:"100%",height:t},minHeight:t,enable:{bottom:!0},style:{padding:"26px 32px",borderBottom:"1px solid #EBEBEB",overflow:"hidden"}},React__default.default.createElement("div",{className:`${LLMViewCls}__title`,style:{display:"flex",justifyContent:"space-between"}},o("Title"),React__default.default.createElement(ToggleDataFormatType,{dataFormatType:a,setDataFormatType:l})),React__default.default.createElement("div",{className:`${LLMViewCls}__headerContent`},React__default.default.createElement(RenderQuestion,{question:r,dataFormatType:a,isImg:n,isAudio:i})))},ToggleDataFormatType=e=>{const{dataFormatType:r,setDataFormatType:a}=e;return React__default.default.createElement("span",{style:{display:"flex"}},React__default.default.createElement(antd.Radio.Group,{value:r,onChange:l=>{a(l.target.value)}},React__default.default.createElement(antd.Radio.Button,{value:index.EDataFormatType.Default,style:{textAlign:"center",width:"52px"}},"</>"),React__default.default.createElement(antd.Radio.Button,{value:index.EDataFormatType.Markdown,style:{textAlign:"center",width:"52px"}},React__default.default.createElement(icons.FileTextOutlined,null))),React__default.default.createElement("span",{style:{marginLeft:"8px",width:"4px",background:"#1890ff"}}))};exports.RenderQuestion=RenderQuestion,exports.ToggleDataFormatType=ToggleDataFormatType,exports.default=Header;

package/dist/components/LLMToolView/questionView/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),antd=require("antd"),index=require("../../../constant/index.js"),classNames=require("classnames"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$4=require("../../markdownView/index.js"),index$1=require("../modelAPIView/index.js"),index$5=require("../../diffMatchPatchComponent/index.js"),index$2=require("./components/header/index.js"),index$3=require("./components/imgView/index.js"),_=require("lodash");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e};const LLMViewCls=`${index.prefix}-LLMView`,RenderAnswer=({i:e,dataFormatType:t,isTextControl:r})=>{var n;return t===index.EDataFormatType.Markdown?React__default.default.createElement(index$4,{value:(n=e==null?void 0:e.newAnswer)!=null?n:e==null?void 0:e.answer}):r?React__default.default.createElement("div",{style:{width:"100%",overflowWrap:"break-word"}},React__default.default.createElement(index$5,{originString:e==null?void 0:e.answer,currentString:e==null?void 0:e.newAnswer})):React__default.default.createElement("div",{style:{whiteSpace:"pre-wrap",overflowWrap:"break-word"}},(e==null?void 0:e.newAnswer)||(e==null?void 0:e.answer))},getTextControlByConfig=(e,t)=>{var r;return(t==null?void 0:t.isTextEdit)?!!((r=((t==null?void 0:t.textEdit)||[]).filter(l=>(l==null?void 0:l.title)===e.order)[0])==null?void 0:r.textControl):!1},QuestionView=e=>{var t,r;const{hoverKey:n,answerList:l,question:s,lang:d,modelAPIResponse:u,setModelAPIResponse:c,checkMode:v=!0,LLMConfig:o,answerHeaderSlot:f}=e,[i,m]=React.useState(index.EDataFormatType.Default),p=((t=o==null?void 0:o.dataType)==null?void 0:t.prompt)===index.ELLMDataType.Picture,w=((r=o==null?void 0:o.dataType)==null?void 0:r.response)===index.ELLMDataType.Picture,{t:x}=reactI18next.useTranslation();React.useEffect(()=>{var a;d&&((a=lbUtils.i18n)==null||a.changeLanguage(d))},[]);const E=React__default.default.createElement("div",null,l.map((a,y)=>{const g=getTextControlByConfig(a,o);return React__default.default.createElement("div",{className:classNames__default.default({[`${LLMViewCls}__content`]:!0,[`${LLMViewCls}__contentActive`]:n===(a==null?void 0:a.order)}),key:y},React__default.default.createElement(antd.Tag,{className:`${LLMViewCls}-tag`},a==null?void 0:a.order),React__default.default.createElement(RenderAnswer,{i:a,isTextControl:g,dataFormatType:i}))}),_.isString(s)&&React__default.default.createElement(index$1,{dataFormatType:i,modelAPIResponse:u,question:s,setModelAPIResponse:c,checkMode:v,annotation:e.annotation}));return React__default.default.createElement("div",{className:LLMViewCls},React__default.default.createElement(index$2.default,{question:s,dataFormatType:i,setDataFormatType:m,isImg:p}),React__default.default.createElement("div",{className:`${LLMViewCls}__textBox`},React__default.default.createElement("div",{className:`${LLMViewCls}__title`},x("Answer")," ",f),w?React__default.default.createElement(index$3,{hoverKey:n,answerList:l}):E))},WrapQuestionView=e=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(QuestionView,__spreadValues({},e)));exports.LLMViewCls=LLMViewCls,exports.RenderAnswer=RenderAnswer,exports.default=WrapQuestionView,exports.getTextControlByConfig=getTextControlByConfig;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),antd=require("antd"),index=require("../../../constant/index.js"),classNames=require("classnames"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$3=require("../../markdownView/index.js"),index$1=require("../modelAPIView/index.js"),index$4=require("../../diffMatchPatchComponent/index.js"),index$2=require("./components/header/index.js"),index$6=require("./components/imgView/index.js"),_=require("lodash"),index$5=require("./components/audioView/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e};const LLMViewCls=`${index.prefix}-LLMView`,RenderAnswer=({i:e,dataFormatType:t,isTextControl:r})=>{var l;return t===index.EDataFormatType.Markdown?React__default.default.createElement(index$3,{value:(l=e==null?void 0:e.newAnswer)!=null?l:e==null?void 0:e.answer}):r?React__default.default.createElement("div",{style:{width:"100%",overflowWrap:"break-word"}},React__default.default.createElement(index$4,{originString:e==null?void 0:e.answer,currentString:e==null?void 0:e.newAnswer})):React__default.default.createElement("div",{style:{whiteSpace:"pre-wrap",overflowWrap:"break-word"}},(e==null?void 0:e.newAnswer)||(e==null?void 0:e.answer))},getTextControlByConfig=(e,t)=>{var r;return(t==null?void 0:t.isTextEdit)?!!((r=((t==null?void 0:t.textEdit)||[]).filter(o=>(o==null?void 0:o.title)===e.order)[0])==null?void 0:r.textControl):!1},QuestionView=e=>{var t,r,l,o;const{hoverKey:i,answerList:s,question:d,lang:c,modelAPIResponse:v,setModelAPIResponse:f,checkMode:p=!0,LLMConfig:a,answerHeaderSlot:m}=e,[u,w]=React.useState(index.EDataFormatType.Default),x=((t=a==null?void 0:a.dataType)==null?void 0:t.prompt)===index.ELLMDataType.Picture,E=((r=a==null?void 0:a.dataType)==null?void 0:r.response)===index.ELLMDataType.Picture,y=((l=a==null?void 0:a.dataType)==null?void 0:l.prompt)===index.ELLMDataType.Audio,g=((o=a==null?void 0:a.dataType)==null?void 0:o.response)===index.ELLMDataType.Audio,{t:T}=reactI18next.useTranslation();React.useEffect(()=>{var n;c&&((n=lbUtils.i18n)==null||n.changeLanguage(c))},[]);const q=React__default.default.createElement("div",null,s.map((n,P)=>{const I=getTextControlByConfig(n,a);return React__default.default.createElement("div",{className:classNames__default.default({[`${LLMViewCls}__content`]:!0,[`${LLMViewCls}__contentActive`]:i===(n==null?void 0:n.order)}),key:P},React__default.default.createElement(antd.Tag,{className:`${LLMViewCls}-tag`},n==null?void 0:n.order),React__default.default.createElement(RenderAnswer,{i:n,isTextControl:I,dataFormatType:u}))}),_.isString(d)&&React__default.default.createElement(index$1,{dataFormatType:u,modelAPIResponse:v,question:d,setModelAPIResponse:f,checkMode:p,annotation:e.annotation})),A=()=>g?React__default.default.createElement(index$5,{hoverKey:i,answerList:s}):E?React__default.default.createElement(index$6,{hoverKey:i,answerList:s}):q;return React__default.default.createElement("div",{className:LLMViewCls},React__default.default.createElement(index$2.default,{question:d,dataFormatType:u,setDataFormatType:w,isImg:x,isAudio:y}),React__default.default.createElement("div",{className:`${LLMViewCls}__textBox`},React__default.default.createElement("div",{className:`${LLMViewCls}__title`},T("Answer")," ",m),A()))},WrapQuestionView=e=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(QuestionView,__spreadValues({},e)));exports.LLMViewCls=LLMViewCls,exports.RenderAnswer=RenderAnswer,exports.default=WrapQuestionView,exports.getTextControlByConfig=getTextControlByConfig;

package/dist/components/attributeList/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icon_eyeLock_a=require("../../assets/attributeIcon/icon_eyeLock_a.svg.js"),icon_eyeLock_h=require("../../assets/attributeIcon/icon_eyeLock_h.svg.js"),Style=require("../../data/Style.js"),index$1=require("../colorTag/index.js"),es=require("antd/es"),React=require("react"),antd=require("antd"),index=require("../colorPalette/index.js"),icons=require("@ant-design/icons"),reactI18next=require("react-i18next"),index$2=require("./components/limitPopover/index.js"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_);const ATTRIBUTE_COLORS=[Style.NULL_COLOR].concat(Style.COLORS_ARRAY),AttributeList=React__default.default.forwardRef((e,g)=>{const L=React__default.default.useRef(),{t:v}=reactI18next.useTranslation(),k=e.list||[],[y,c]=React.useState(!1),[h,R]=React.useState(void 0),[r,E]=React.useState([]);let d=[...ATTRIBUTE_COLORS];e.forbidDefault===!0&&(d=d.slice(1));let b="sensebee-radio-group";e.noHeightLimit&&(b="sensebee-radio-group-no-limit-height");const C=t=>{var l,o;if(!lbAnnotation.CommonToolUtils.hotkeyFilter(t)||(e==null?void 0:e.forbidColor))return;let a=t.keyCode;e.forbidDefault===!0&&(a=a-1);let i;if(lbAnnotation.MathUtils.isInRange(t.keyCode,[48,57])&&(i=e.list[a-48]),lbAnnotation.MathUtils.isInRange(t.keyCode,[96,105])&&(i=e.list[a-96]),t.shiftKey&&i){if(!(e==null?void 0:e.attributeLockChange))return;s(t,i),t.preventDefault();return}(lbAnnotation.MathUtils.isInRange(t.keyCode,[48,57])||lbAnnotation.MathUtils.isInRange(t.keyCode,[96,105]))&&((o=e==null?void 0:e.attributeChanged)==null||o.call(e,(l=i==null?void 0:i.value)!=null?l:""))};React.useEffect(()=>(window.addEventListener("keydown",C),()=>window.removeEventListener("keydown",C)));const A=(t,l)=>{e.updateColorConfig&&e.updateColorConfig(t,l)},O=(t,l)=>{if(t.shiftKey&&(e==null?void 0:e.attributeLockChange)){s(t,l);return}e.attributeChanged(t.target.value)},S=___default.default.debounce(O,100),s=(t,l)=>{var o;if(e==null?void 0:e.forbidColor)return;const a=r.includes(l.value);let i=___default.default.cloneDeep(r);a?i=i.filter(n=>n!==l.value):i.push(l.value),E(i),(o=e==null?void 0:e.attributeLockChange)==null||o.call(e,i),a||antd.message.success(v("AttributeLockNotify",{label:l.label})),t.preventDefault()};return React__default.default.createElement("div",{className:b,style:e.style},React__default.default.createElement(es.Radio.Group,{name:"radiogroup",defaultValue:e==null?void 0:e.selectedAttribute,value:e==null?void 0:e.selectedAttribute,ref:g},k.map((t,l)=>{var o,a,i;let n=(o=e==null?void 0:e.num)!=null?o:l;const q=(t==null?void 0:t.value)===(e==null?void 0:e.selectedAttribute);e.forbidDefault===!0&&typeof n=="number"&&n++,typeof n=="number"&&n<=9&&n>=0||(n="-");let f=l>8&&!e.forbidDefault?Style.COLORS_ARRAY[(l-1)%Style.COLORS_ARRAY.length]:d[l%d.length];(t==null?void 0:t.color)&&(f=t.color);const{defaultSize:T,logicalCondition:m,sizeRange:w}=((a=t==null?void 0:t.limit)==null?void 0:a.sizeLimit)||{},I=((i=t==null?void 0:t.limit)==null?void 0:i.positionLimit)||T||w||(m==null?void 0:m.length)>0,D=q&&I&&e.forbidShowLimitPopover!==!0;return React__default.default.createElement(es.Radio,{value:t.value,ref:L,key:t.label+l,onClick:u=>S(u,t)},React__default.default.createElement("span",{className:"sensebee-radio-label",title:t.label},!(e==null?void 0:e.forbidColor)&&React__default.default.createElement(antd.Popover,{content:React__default.default.createElement(index,{defaultColor:f,setColor:u=>A(t.value,u)}),title:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},React__default.default.createElement("span",null,v("Palette")),React__default.default.createElement(icons.CloseOutlined,{onClick:()=>c(!1)})),visible:y&&h===l,onVisibleChange:u=>{!u||c(u)}},React__default.default.createElement(index$1.ColorTag,{color:f,style:{cursor:"pointer",marginRight:"8px"},onClick:()=>{(e==null?void 0:e.enableColorPicker)&&(R(l),c(!0))}})),t.label),!(e==null?void 0:e.forbidColor)&&(e==null?void 0:e.attributeLockChange)&&React__default.default.createElement("img",{onClick:u=>s(u,t),src:r.includes(t.value)?icon_eyeLock_a:icon_eyeLock_h,style:{display:r.includes(t.value)?"inline-block":""},className:"sensebee-radio-icon"}),D&&React__default.default.createElement(index$2,{limit:t.limit,updateSize:e==null?void 0:e.updateSize}),React__default.default.createElement("span",{className:"sensebee-radio-num"},n))})))});exports.ATTRIBUTE_COLORS=ATTRIBUTE_COLORS,exports.default=AttributeList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icon_eyeLock_a=require("../../assets/attributeIcon/icon_eyeLock_a.svg.js"),icon_eyeLock_h=require("../../assets/attributeIcon/icon_eyeLock_h.svg.js"),Style=require("../../data/Style.js"),index$1=require("../colorTag/index.js"),es=require("antd/es"),React=require("react"),antd=require("antd"),index=require("../colorPalette/index.js"),icons=require("@ant-design/icons"),reactI18next=require("react-i18next"),index$2=require("./components/limitPopover/index.js"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation"),ahooks=require("ahooks");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_);const ATTRIBUTE_COLORS=[Style.NULL_COLOR].concat(Style.COLORS_ARRAY),AttributeList=React__default.default.forwardRef((e,g)=>{const k=React__default.default.useRef(),{t:v}=reactI18next.useTranslation(),L=e.list||[],[h,c]=React.useState(!1),[y,R]=React.useState(void 0),[r,E]=React.useState([]);let d=[...ATTRIBUTE_COLORS];e.forbidDefault===!0&&(d=d.slice(1));let b="sensebee-radio-group";e.noHeightLimit&&(b="sensebee-radio-group-no-limit-height");const A=t=>{var l,o;if(!lbAnnotation.CommonToolUtils.hotkeyFilter(t)||(e==null?void 0:e.forbidColor))return;let a=t.keyCode;e.forbidDefault===!0&&(a=a-1);let i;if(lbAnnotation.MathUtils.isInRange(t.keyCode,[48,57])&&(i=e.list[a-48]),lbAnnotation.MathUtils.isInRange(t.keyCode,[96,105])&&(i=e.list[a-96]),t.shiftKey&&i){if(!(e==null?void 0:e.attributeLockChange))return;s(t,i),t.preventDefault();return}(lbAnnotation.MathUtils.isInRange(t.keyCode,[48,57])||lbAnnotation.MathUtils.isInRange(t.keyCode,[96,105]))&&((o=e==null?void 0:e.attributeChanged)==null||o.call(e,(l=i==null?void 0:i.value)!=null?l:""))},{run:C}=ahooks.useDebounceFn(A,{wait:200});React.useEffect(()=>(window.addEventListener("keydown",C),()=>window.removeEventListener("keydown",C)));const O=(t,l)=>{e.updateColorConfig&&e.updateColorConfig(t,l)},w=(t,l)=>{if(t.shiftKey&&(e==null?void 0:e.attributeLockChange)){s(t,l);return}e.attributeChanged(t.target.value)},{run:S}=ahooks.useDebounceFn(w,{wait:100}),s=(t,l)=>{var o;if(e==null?void 0:e.forbidColor)return;const a=r.includes(l.value);let i=___default.default.cloneDeep(r);a?i=i.filter(n=>n!==l.value):i.push(l.value),E(i),(o=e==null?void 0:e.attributeLockChange)==null||o.call(e,i),a||antd.message.success(v("AttributeLockNotify",{label:l.label})),t.preventDefault()};return React__default.default.createElement("div",{className:b,style:e.style},React__default.default.createElement(es.Radio.Group,{name:"radiogroup",defaultValue:e==null?void 0:e.selectedAttribute,value:e==null?void 0:e.selectedAttribute,ref:g},L.map((t,l)=>{var o,a,i;let n=(o=e==null?void 0:e.num)!=null?o:l;const q=(t==null?void 0:t.value)===(e==null?void 0:e.selectedAttribute);e.forbidDefault===!0&&typeof n=="number"&&n++,typeof n=="number"&&n<=9&&n>=0||(n="-");let f=l>8&&!e.forbidDefault?Style.COLORS_ARRAY[(l-1)%Style.COLORS_ARRAY.length]:d[l%d.length];(t==null?void 0:t.color)&&(f=t.color);const{defaultSize:D,logicalCondition:m,sizeRange:T}=((a=t==null?void 0:t.limit)==null?void 0:a.sizeLimit)||{},I=((i=t==null?void 0:t.limit)==null?void 0:i.positionLimit)||D||T||(m==null?void 0:m.length)>0,j=q&&I&&e.forbidShowLimitPopover!==!0;return React__default.default.createElement(es.Radio,{value:t.value,ref:k,key:t.label+l,onClick:u=>S(u,t)},React__default.default.createElement("span",{className:"sensebee-radio-label",title:t.label},!(e==null?void 0:e.forbidColor)&&React__default.default.createElement(antd.Popover,{content:React__default.default.createElement(index,{defaultColor:f,setColor:u=>O(t.value,u)}),title:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},React__default.default.createElement("span",null,v("Palette")),React__default.default.createElement(icons.CloseOutlined,{onClick:()=>c(!1)})),visible:h&&y===l,onVisibleChange:u=>{!u||c(u)}},React__default.default.createElement(index$1.ColorTag,{color:f,style:{cursor:"pointer",marginRight:"8px"},onClick:()=>{(e==null?void 0:e.enableColorPicker)&&(R(l),c(!0))}})),t.label),!(e==null?void 0:e.forbidColor)&&(e==null?void 0:e.attributeLockChange)&&React__default.default.createElement("img",{onClick:u=>s(u,t),src:r.includes(t.value)?icon_eyeLock_a:icon_eyeLock_h,style:{display:r.includes(t.value)?"inline-block":""},className:"sensebee-radio-icon"}),j&&React__default.default.createElement(index$2,{limit:t.limit,updateSize:e==null?void 0:e.updateSize}),React__default.default.createElement("span",{className:"sensebee-radio-num"},n))})))});exports.ATTRIBUTE_COLORS=ATTRIBUTE_COLORS,exports.default=AttributeList;

package/dist/components/audioAnnotate/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),index$3=require("../audioPlayer/index.js"),dom=require("../../utils/dom.js"),index$4=require("../predictTracking/previewResult/index.js"),es=require("antd/es"),antd=require("antd"),index$5=require("../../constant/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index_module=require("./index.module.scss.js"),index$2=require("./tagResultShow/index.js"),index$1=require("./audioContext/index.js"),index$6=require("./textInput/index.js"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),ctx=require("../../store/ctx.js"),index=require("../../utils/index.js"),annotation=require("../../hooks/annotation.js"),index$7=require("../../views/MainView/sidebar/index.js"),index$8=require("./audioSide/labelSidebar/index.js"),index$9=require("./audioSide/clipSidebar/index.js"),tag=require("../../assets/annotation/audio/tag.svg.js"),tagA=require("../../assets/annotation/audio/tagA.svg.js"),clip=require("../../assets/annotation/audio/clip.svg.js"),clipA=require("../../assets/annotation/audio/clipA.svg.js"),audio=require("../../utils/audio.js"),dataTransform=require("./utils/dataTransform.js"),ahooks=require("ahooks");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,l,r)=>l in t?__defProp(t,l,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[l]=r,__spreadValues=(t,l)=>{for(var r in l||(l={}))__hasOwnProp.call(l,r)&&__defNormalProp(t,r,l[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(l))__propIsEnum.call(l,r)&&__defNormalProp(t,r,l[r]);return t},__spreadProps=(t,l)=>__defProps(t,__getOwnPropDescs(l));const{EAudioToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,{Sider,Content}=es.Layout,layoutCls=`${index$5.prefix}-layout`,ToggleAudioOption=({setSideTab:t,sideTab:l})=>{const r=[{tab:"tag",commonSvg:tag,selectedSvg:tagA},{tab:"clip",commonSvg:clip,selectedSvg:clipA}];return React__default.default.createElement("div",{className:index_module.toggleAudioOption},r.map((f,x)=>{const{tab:d,selectedSvg:E,commonSvg:_}=f;return React__default.default.createElement("div",{key:x,className:index_module.option},React__default.default.createElement("img",{className:index_module.icon,src:l===d?E:_,onClick:()=>{l!==d&&t(d)}}))}))},AudioTextToolTextarea=({result:t,inputDisabled:l,updateText:r,configList:f,autofocus:x,preContext:d,isCheck:E,clipAttributeConfigurable:_,clipTextConfigurable:A,textConfigurable:m,updateRegion:S,clipAttributeList:c,clipTextList:v})=>React__default.default.createElement("div",{className:index_module.textareaContainer},React__default.default.createElement("div",{className:index_module.textareaContent},React__default.default.createElement(index$6.default,{isCheck:E,result:t==null?void 0:t.value,textInputDisabled:l,textID:(t==null?void 0:t.id)||0,updateText:r,configList:f,autofocus:!l&&x,preContext:d,regions:t==null?void 0:t.regions,clipAttributeConfigurable:_,clipTextConfigurable:A,textConfigurable:m,updateRegion:S,clipAttributeList:c,clipTextList:v}))),AudioSideBar=t=>{var l,r;const{sider:f,config:x,result:d,updateTagResult:E,updateRegion:_,isEdit:A,tagConfigurable:m,clipConfigurable:S}=t;let c=(x==null?void 0:x.inputList)||[],v=(l=d==null?void 0:d.tag)!=null?l:{},s=(r=d==null?void 0:d.regions)!=null?r:[];const[D,j]=React.useState([]),[y,g]=React.useState("tag");React.useEffect(()=>{if(!m&&S){g("clip");return}g("tag")},[m,S]),React.useEffect(()=>(window.addEventListener("keydown",I),()=>{window.removeEventListener("keydown",I)}));const I=n=>{if(m&&S)switch(n.keyCode){case EKeyCode.L:g("tag");break;case EKeyCode.X:g("clip");break}if(y==="tag"){if(!lbAnnotation.CommonToolUtils.hotkeyFilter(n))return;lbAnnotation.CommonToolUtils.isMoveKey(n==null?void 0:n.keyCode)&&n.preventDefault();let o=n.keyCode;if(o&&(o<=57&&o>=49||o<=105&&o>=97)){o>57?o=o-97:o=o-49;const R=D.slice();c.length===1?(T(0,o),j([0,o]),setTimeout(()=>{j([])},500)):R.length===1?(T(R[0],o),j([R[0],o]),setTimeout(()=>{j([])},500)):j([o])}}},T=(n,o)=>{if(n<c.length&&c[n].subSelected&&o<c[n].subSelected.length){const R=c[n].value,a=c[n].isMulti;let L=c[n].subSelected[o].value,M=0;const N=v;for(const b in v)if(b===c[n].value){if(M++,a===!0){const w=N[b].split(";").filter(U=>U!==""),p=w.indexOf(L);p===-1?w.push(L):w.splice(p,1),L=w.join(";")}L===""?delete N[b]:N[b]=L}M===0&&Object.assign(v,{[R]:L}),E(v)}},h=n=>{delete v[n],E(v)},O=m&&S&&React__default.default.createElement(ToggleAudioOption,{setSideTab:g,sideTab:y}),P=y==="tag"&&React__default.default.createElement(index$8.default,{labelInfoSet:m?c:[],labelSelectedList:D,setLabel:T,tagResult:v,clearResult:h,isEdit:A,withPanelTab:!1}),k=y==="clip"&&React__default.default.createElement(index$9,{regions:s,updateRegion:_,useAudioClipStore:index$1.useAudioClipStore});return f?typeof f=="function"?React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},f({toggleAudioOption:O,labelSidebar:P,clipSidebar:k})):f:React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},React__default.default.createElement("div",{className:`${index$7.sidebarCls}__content`},O,P,k))},AudioAnnotate=t=>{var l,r,f,x,d,E,_,A,m;const S=(r=(l=t.style)==null?void 0:l.sider)==null?void 0:r.width,{step:c,stepList:v,audioContext:s,sider:D,drawLayerSlot:j,imgList:y,imgIndex:g,currentData:I,config:T,stepInfo:h,checkMode:O}=t,P=lbAnnotation.CommonToolUtils.getCurrentStepToolAndConfig(c,v),k=index.jsonParser(I.result),{toolInstanceRef:n}=annotation.useCustomToolInstance({basicInfo:k}),[o,R]=React.useState(!0),[a,L]=React.useState(null),[M,N]=React.useState(0),[b,w]=React.useState(!0),p=e=>{if(!e)return;const i=dataTransform.fixData(e);L(i)};React.useEffect(()=>{R(!0)},[g]),React.useEffect(()=>{o===!1&&se()},[o]),React.useEffect(()=>{Z()},[]),React.useEffect(()=>{n.current.exportData=()=>[[a],{duration:M,valid:b}],n.current.setResult=ge,n.current.clearResult=pe,n.current.currentPageResult=a==null?void 0:a.regions,n.current.emit("updatePageNumber"),n.current.setSelectedRegion=U,n.current.setValid=me},[a,b]);const U=e=>{lbAnnotation.EventBus.emit("setSelectedRegion",{id:e,isLoopStatus:!0,playImmediately:!0})},Z=()=>{n.current.emit=e=>{const i=n.current.fns.get(e);i&&i.forEach(u=>{u&&(u==null||u())})},n.current.fns=new Map,n.current.singleOn=(e,i)=>{n.current.fns.set(e,[i])},n.current.on=(e,i)=>{n.current.singleOn(e,i)},n.current.unbindAll=e=>{n.current.fns.delete(e)}},B=React.useMemo(()=>{const e=k[`step_${h==null?void 0:h.step}`];return(e==null?void 0:e.result)||[]},[T,k,h]),{tagConfigurable:z,textConfigurable:F=!0,clipConfigurable:X=!1,clipAttributeConfigurable:G=!1,clipAttributeList:H=[],clipTextConfigurable:V=!1,subAttributeList:ee=[],secondaryAttributeConfigurable:te=!1,inputList:ne=[],configList:le=[],clipTextList:J=index$1.DEFAULT_CLIP_TEXT_CONFIG_ITEM}=React.useMemo(()=>{if(P)return lbAnnotation.CommonToolUtils.jsonParser(P==null?void 0:P.config)},[P]),oe={clipConfigurable:X,clipAttributeConfigurable:G,clipAttributeList:H,clipTextConfigurable:V,subAttributeList:ee,secondaryAttributeConfigurable:te,clipTextList:J},ie=(x=(f=lbAnnotation.CommonToolUtils.jsonParser(I.result))==null?void 0:f.duration)!=null?x:0,ae=b?ie:0,re=!b||o||![F,V].includes(!0)||O;let Q={};if(g!==-1&&(y==null?void 0:y.length)){const e=(d=y[g])==null?void 0:d.preResult,i=(s==null?void 0:s.isEdit)?(E=s==null?void 0:s.stepConfig)==null?void 0:E.loadPreStep:h==null?void 0:h.loadPreStep;if(e&&i){const u=lbAnnotation.CommonToolUtils.jsonParser(e),C=(A=(_=u==null?void 0:u.config)==null?void 0:_.context)!=null?A:{};Object.keys(C).forEach(q=>{q&&C[q]&&(Q[q]={visible:!0,content:C[q],type:q})})}}const se=()=>{(B==null?void 0:B.length)>0?p(B[0]):p({id:lbAnnotation.uuid(),sourceID:"",value:Y(),tag:ue(),regions:[]});const e=audio.isImageValue(y[g].result||"[]");w(e)},Y=(e=!0)=>{const i={};let u=T.configList||[];return u.length>0&&u.forEach(C=>{i[C.key]=e&&C.default||""}),i},ue=()=>lbAnnotation.TagUtils.getDefaultResultByConfig(T.inputList||[]),de=({duration:e,hasError:i})=>{(s==null?void 0:s.onLoaded)&&(s==null||s.onLoaded()),R(!1),N(e)},ce=ahooks.useMemoizedFn(e=>{p(__spreadProps(__spreadValues({},a||{}),{regions:((a==null?void 0:a.regions)||[]).filter(i=>i.id!==e)}))}),K=ahooks.useMemoizedFn(e=>{var i;const u=(i=a==null?void 0:a.regions)!=null?i:[],{id:C}=e,q=u.find($=>$.id===C);let W=[];q?W=u.map($=>C===$.id?__spreadValues(__spreadValues({},$),e):$):W=[...u,e],p(__spreadProps(__spreadValues({},a),{regions:W}))}),fe=(e,i)=>{const u=__spreadProps(__spreadValues({},a),{value:__spreadProps(__spreadValues({},a.value),{[i]:e})});p(u)},ve=e=>{const i=__spreadProps(__spreadValues({},a),{tag:e});p(i)},ge=e=>{p(e)},pe=()=>{const e=__spreadProps(__spreadValues({},a),{value:Y(),tag:{},regions:[]});p(e),lbAnnotation.EventBus.emit("clearRegions")},me=e=>{w(e)};return React__default.default.createElement(index$1.AudioClipProvider,null,React__default.default.createElement(antd.Spin,{spinning:o,wrapperClassName:"audio-tool-spinner"},React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container"),style:{height:"100%",userSelect:"none"}},t==null?void 0:t.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement("div",{className:index_module.containerWrapper},React__default.default.createElement("div",{className:index_module.audioWrapper},z&&React__default.default.createElement(index$2,{result:a==null?void 0:a.tag,labelInfoSet:ne,hasPromptLayer:!!(s==null?void 0:s.promptLayer)}),s==null?void 0:s.promptLayer,React__default.default.createElement(index$3.AudioPlayer,__spreadValues({context:{isEdit:s==null?void 0:s.isEdit,count:ae,toolName:EAudioToolName.AudioTextTool,imgIndex:g},drawLayerSlot:j,fileData:I,onLoaded:de,invalid:!b,updateRegion:K,removeRegion:ce,regions:a==null?void 0:a.regions,activeToolPanel:s==null?void 0:s.activeToolPanel,footer:t.footer,isCheck:O},oe))),(F||V)&&React__default.default.createElement(AudioTextToolTextarea,{preContext:Q,result:a,inputDisabled:re,updateText:fe,updateRegion:K,configList:le,autofocus:!1,textConfigurable:F,clipTextConfigurable:V,clipAttributeList:H,clipAttributeConfigurable:G,clipTextList:J,isCheck:O}))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:S!=null?S:240,style:(m=t.style)==null?void 0:m.sider},React__default.default.createElement(AudioSideBar,{sider:D,config:T,result:a,updateTagResult:ve,updateRegion:K,isEdit:s==null?void 0:s.isEdit,tagConfigurable:z,clipConfigurable:X})),React__default.default.createElement(index$4,null))))};var AudioAnnotate$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(AudioAnnotate);module.exports=AudioAnnotate$1;
+"use strict";var React=require("react"),index$3=require("../audioPlayer/index.js"),dom=require("../../utils/dom.js"),index$4=require("../predictTracking/previewResult/index.js"),es=require("antd/es"),antd=require("antd"),index$5=require("../../constant/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index_module=require("./index.module.scss.js"),index$2=require("./tagResultShow/index.js"),index$1=require("./audioContext/index.js"),index$6=require("./textInput/index.js"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),ctx=require("../../store/ctx.js"),index=require("../../utils/index.js"),annotation=require("../../hooks/annotation.js"),index$7=require("../../views/MainView/sidebar/index.js"),index$8=require("./audioSide/labelSidebar/index.js"),index$9=require("./audioSide/clipSidebar/index.js"),tag=require("../../assets/annotation/audio/tag.svg.js"),tagA=require("../../assets/annotation/audio/tagA.svg.js"),clip=require("../../assets/annotation/audio/clip.svg.js"),clipA=require("../../assets/annotation/audio/clipA.svg.js"),audio=require("../../utils/audio.js"),dataTransform=require("./utils/dataTransform.js"),ahooks=require("ahooks");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,l,s)=>l in t?__defProp(t,l,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[l]=s,__spreadValues=(t,l)=>{for(var s in l||(l={}))__hasOwnProp.call(l,s)&&__defNormalProp(t,s,l[s]);if(__getOwnPropSymbols)for(var s of __getOwnPropSymbols(l))__propIsEnum.call(l,s)&&__defNormalProp(t,s,l[s]);return t},__spreadProps=(t,l)=>__defProps(t,__getOwnPropDescs(l));const{EAudioToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,{Sider,Content}=es.Layout,layoutCls=`${index$5.prefix}-layout`,ToggleAudioOption=({setSideTab:t,sideTab:l})=>{const s=[{tab:"tag",commonSvg:tag,selectedSvg:tagA},{tab:"clip",commonSvg:clip,selectedSvg:clipA}];return React__default.default.createElement("div",{className:index_module.toggleAudioOption},s.map((g,E)=>{const{tab:c,selectedSvg:S,commonSvg:R}=g;return React__default.default.createElement("div",{key:E,className:index_module.option},React__default.default.createElement("img",{className:index_module.icon,src:l===c?S:R,onClick:()=>{l!==c&&t(c)}}))}))},AudioTextToolTextarea=({result:t,inputDisabled:l,updateText:s,configList:g,autofocus:E,preContext:c,isCheck:S,clipAttributeConfigurable:R,clipTextConfigurable:q,textConfigurable:p,updateRegion:y,clipAttributeList:I,clipTextList:f})=>React__default.default.createElement(index$6.default,{isCheck:S,result:t==null?void 0:t.value,textInputDisabled:l,textID:(t==null?void 0:t.id)||0,updateText:s,configList:g,autofocus:!l&&E,preContext:c,regions:t==null?void 0:t.regions,clipAttributeConfigurable:R,clipTextConfigurable:q,textConfigurable:p,updateRegion:y,clipAttributeList:I,clipTextList:f}),AudioSideBar=t=>{var l,s;const{sider:g,config:E,result:c,updateTagResult:S,updateRegion:R,isEdit:q,tagConfigurable:p,clipConfigurable:y,valid:I}=t;let f=(E==null?void 0:E.inputList)||[],n=(l=c==null?void 0:c.tag)!=null?l:{},V=(s=c==null?void 0:c.regions)!=null?s:[];const[N,m]=React.useState([]),[b,_]=React.useState("tag");React.useEffect(()=>{if(!p&&y){_("clip");return}_("tag")},[p,y]),React.useEffect(()=>(window.addEventListener("keydown",j),()=>{window.removeEventListener("keydown",j)}));const j=a=>{if(p&&y)switch(a.keyCode){case EKeyCode.L:_("tag");break;case EKeyCode.X:_("clip");break}if(b==="tag"){if(!lbAnnotation.CommonToolUtils.hotkeyFilter(a))return;lbAnnotation.CommonToolUtils.isMoveKey(a==null?void 0:a.keyCode)&&a.preventDefault();let r=a.keyCode;if(r&&(r<=57&&r>=49||r<=105&&r>=97)){r>57?r=r-97:r=r-49;const o=N.slice();f.length===1?(C(0,r),m([0,r]),setTimeout(()=>{m([])},500)):o.length===1?(C(o[0],r),m([o[0],r]),setTimeout(()=>{m([])},500)):m([r])}}},C=(a,r)=>{if(a<f.length&&f[a].subSelected&&r<f[a].subSelected.length){const o=f[a].value,U=f[a].isMulti;let L=f[a].subSelected[r].value,$=0;const x=n;for(const P in n)if(P===f[a].value){if($++,U===!0){const v=x[P].split(";").filter(B=>B!==""),D=v.indexOf(L);D===-1?v.push(L):v.splice(D,1),L=v.join(";")}L===""?delete x[P]:x[P]=L}$===0&&Object.assign(n,{[o]:L}),S(n)}},O=a=>{delete n[a],S(n)},h=p&&y&&React__default.default.createElement(ToggleAudioOption,{setSideTab:_,sideTab:b}),A=b==="tag"&&React__default.default.createElement(index$8.default,{labelInfoSet:p?f:[],labelSelectedList:N,setLabel:C,tagResult:n,clearResult:O,isEdit:q,withPanelTab:!1}),u=b==="clip"&&React__default.default.createElement(index$9,{regions:V,updateRegion:R,useAudioClipStore:index$1.useAudioClipStore});return g?typeof g=="function"?React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},g({toggleAudioOption:h,labelSidebar:A,clipSidebar:u,valid:I})):g:React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},React__default.default.createElement("div",{className:`${index$7.sidebarCls}__content`},h,A,u))},AudioAnnotate=t=>{var l,s,g,E,c,S,R,q,p;const y=(s=(l=t.style)==null?void 0:l.sider)==null?void 0:s.width,{step:I,stepList:f,audioContext:n,sider:V,drawLayerSlot:N,imgList:m,imgIndex:b,currentData:_,config:j,stepInfo:C,checkMode:O}=t,h=lbAnnotation.CommonToolUtils.getCurrentStepToolAndConfig(I,f),A=index.jsonParser(_.result),{toolInstanceRef:u}=annotation.useCustomToolInstance({basicInfo:A}),[a,r]=React.useState(!0),[o,U]=React.useState(null),[L,$]=React.useState(0),[x,P]=React.useState(!0),v=e=>{if(!e)return;const i=dataTransform.fixData(e);U(i)};React.useEffect(()=>{r(!0)},[b]),React.useEffect(()=>{a===!1&&se()},[a]),React.useEffect(()=>{B()},[]),React.useEffect(()=>{u.current.exportData=()=>[[o],{duration:L,valid:x}],u.current.setResult=ge,u.current.clearResult=pe,u.current.currentPageResult=o==null?void 0:o.regions,u.current.emit("updatePageNumber"),u.current.setSelectedRegion=D,u.current.setValid=me},[o,x]);const D=e=>{lbAnnotation.EventBus.emit("setSelectedRegion",{id:e,isLoopStatus:!0,playImmediately:!0})},B=()=>{u.current.emit=e=>{const i=u.current.fns.get(e);i&&i.forEach(d=>{d&&(d==null||d())})},u.current.fns=new Map,u.current.singleOn=(e,i)=>{u.current.fns.set(e,[i])},u.current.on=(e,i)=>{u.current.singleOn(e,i)},u.current.unbindAll=e=>{u.current.fns.delete(e)}},F=React.useMemo(()=>{const e=A[`step_${C==null?void 0:C.step}`];return(e==null?void 0:e.result)||[]},[j,A,C]),{tagConfigurable:X,textConfigurable:K=!0,clipConfigurable:G=!1,clipAttributeConfigurable:H=!1,clipAttributeList:J=[],clipTextConfigurable:M=!1,subAttributeList:ee=[],secondaryAttributeConfigurable:te=!1,inputList:ne=[],configList:oe=[],clipTextList:Q=index$1.DEFAULT_CLIP_TEXT_CONFIG_ITEM}=React.useMemo(()=>{if(h)return lbAnnotation.CommonToolUtils.jsonParser(h==null?void 0:h.config)},[h]),le={clipConfigurable:G,clipAttributeConfigurable:H,clipAttributeList:J,clipTextConfigurable:M,subAttributeList:ee,secondaryAttributeConfigurable:te,clipTextList:Q},ie=(E=(g=lbAnnotation.CommonToolUtils.jsonParser(_.result))==null?void 0:g.duration)!=null?E:0,ae=x?ie:0,re=!x||a||![K,M].includes(!0)||O;let Y={};if(b!==-1&&(m==null?void 0:m.length)){const e=(c=m[b])==null?void 0:c.preResult,i=(n==null?void 0:n.isEdit)?(S=n==null?void 0:n.stepConfig)==null?void 0:S.loadPreStep:C==null?void 0:C.loadPreStep;if(e&&i){const d=lbAnnotation.CommonToolUtils.jsonParser(e),T=(q=(R=d==null?void 0:d.config)==null?void 0:R.context)!=null?q:{};Object.keys(T).forEach(w=>{w&&T[w]&&(Y[w]={visible:!0,content:T[w],type:w})})}}const se=()=>{(F==null?void 0:F.length)>0?v(F[0]):v({id:lbAnnotation.uuid(),sourceID:"",value:Z(),tag:ue(),regions:[]});const e=audio.isImageValue(m[b].result||"[]");P(e)},Z=(e=!0)=>{const i={};let d=j.configList||[];return d.length>0&&d.forEach(T=>{i[T.key]=e&&T.default||""}),i},ue=()=>lbAnnotation.TagUtils.getDefaultResultByConfig(j.inputList||[]),de=({duration:e,hasError:i})=>{(n==null?void 0:n.onLoaded)&&(n==null||n.onLoaded()),r(!1),$(e)},ce=ahooks.useMemoizedFn(e=>{v(__spreadProps(__spreadValues({},o||{}),{regions:((o==null?void 0:o.regions)||[]).filter(i=>i.id!==e)}))}),W=ahooks.useMemoizedFn(e=>{var i;const d=(i=o==null?void 0:o.regions)!=null?i:[],{id:T}=e,w=d.find(k=>k.id===T);let z=[];w?z=d.map(k=>T===k.id?__spreadValues(__spreadValues({},k),e):k):z=[...d,e],v(__spreadProps(__spreadValues({},o),{regions:z}))}),fe=(e,i)=>{const d=__spreadProps(__spreadValues({},o),{value:__spreadProps(__spreadValues({},o.value),{[i]:e})});v(d)},ve=e=>{const i=__spreadProps(__spreadValues({},o),{tag:e});v(i)},ge=e=>{v(e)},pe=()=>{const e=__spreadProps(__spreadValues({},o),{value:Z(),tag:{},regions:[]});v(e),lbAnnotation.EventBus.emit("clearRegions")},me=e=>{P(e)};return React__default.default.createElement(index$1.AudioClipProvider,null,React__default.default.createElement(antd.Spin,{spinning:a,wrapperClassName:"audio-tool-spinner"},React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container"),style:{height:"100%",userSelect:"none"}},t==null?void 0:t.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement("div",{className:index_module.containerWrapper},React__default.default.createElement("div",{className:index_module.audioWrapper},X&&React__default.default.createElement(index$2,{result:o==null?void 0:o.tag,labelInfoSet:ne,hasPromptLayer:!!(n==null?void 0:n.promptLayer)}),n==null?void 0:n.promptLayer,React__default.default.createElement(index$3.AudioPlayer,__spreadValues({context:{isEdit:n==null?void 0:n.isEdit,count:ae,toolName:EAudioToolName.AudioTextTool,imgIndex:b},drawLayerSlot:N,fileData:_,onLoaded:de,invalid:!x,updateRegion:W,removeRegion:ce,regions:o==null?void 0:o.regions,activeToolPanel:n==null?void 0:n.activeToolPanel,footer:t.footer,isCheck:O},le))),(K||M)&&React__default.default.createElement(AudioTextToolTextarea,{preContext:Y,result:o,inputDisabled:re,updateText:fe,updateRegion:W,configList:oe,autofocus:!1,textConfigurable:K,clipTextConfigurable:M,clipAttributeList:J,clipAttributeConfigurable:H,clipTextList:Q,isCheck:O}))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:y!=null?y:240,style:(p=t.style)==null?void 0:p.sider},React__default.default.createElement(AudioSideBar,{sider:V,config:j,result:o,updateTagResult:ve,updateRegion:W,isEdit:n==null?void 0:n.isEdit,tagConfigurable:X,clipConfigurable:G,valid:x})),React__default.default.createElement(index$4,null))))};var AudioAnnotate$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(AudioAnnotate);module.exports=AudioAnnotate$1;

package/dist/components/audioAnnotate/textInput/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),antd=require("antd"),icons=require("@ant-design/icons"),index$2=require("../../../views/MainView/sidebar/TextToolSidebar/index.js"),audio=require("../../../utils/audio.js"),lbAnnotation=require("@labelbee/lb-annotation"),classNames=require("classnames"),index=require("../audioContext/index.js"),index_module=require("./index.module.scss.js"),reactI18next=require("react-i18next"),index$1=require("../../longText/index.js"),icon_clearSmall_a=require("../../../assets/annotation/common/icon_clearSmall_a.svg.js"),icon_clearSmall=require("../../../assets/annotation/common/icon_clearSmall.svg.js");function _interopDefaultLegacy(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}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=(l,u,n)=>u in l?__defProp(l,u,{enumerable:!0,configurable:!0,writable:!0,value:n}):l[u]=n,__spreadValues=(l,u)=>{for(var n in u||(u={}))__hasOwnProp.call(u,n)&&__defNormalProp(l,n,u[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(u))__propIsEnum.call(u,n)&&__defNormalProp(l,n,u[n]);return l},__spreadProps=(l,u)=>__defProps(l,__getOwnPropDescs(u));const EKeyCode=lbAnnotation.cKeyCode.default,ClearIcon=({onClick:l,title:u,disabled:n})=>{const[T,o]=React.useState(!1);return React__default.default.createElement(antd.Tooltip,{placement:"bottom",title:u},React__default.default.createElement("img",{onMouseEnter:()=>{n||o(!0)},onMouseLeave:()=>o(!1),className:classNames__default.default({[index_module.clearIcon]:!0,[index_module.disabled]:n}),src:T?icon_clearSmall_a:icon_clearSmall,onClick:l}))},SingleTextInput=l=>{var u;const{t:n}=reactI18next.useTranslation(),T=React.useRef(null),[o,y]=React.useState(!1),[_,E]=React.useState(!1),{disabled:s,config:i,result:A,updateText:v,index:x,switchToNextTextarea:L,hasMultiple:S,textID:F,addPlaceholder:p,onFocus:N,onBlur:h,onFocusStyle:C={},extra:b,errorText:I}=l,{maxLength:g}=i,w=A?A[i.key]:"",B=(u=w==null?void 0:w.length)!=null?u:0,k=a=>{v&&(v(a,i.key),i.required&&E(!a))},P=S&&L,f={id:`textInput-${x}`,ref:T,disabled:s,value:w,maxLength:g,autoSize:{minRows:2,maxRows:6},onChange:a=>{const d=a.target.value;k(d)},onFocus:a=>{y(!0),N==null||N(a),a.target.value&&E(!1)},onBlur:a=>{y(!1),h==null||h(a),i.required&&E(!a.target.value)},style:{resize:"none",wordBreak:"break-all"},onKeyDownCapture:a=>{const{keyCode:d}=a;if(a.ctrlKey){if(d===EKeyCode.Enter&&a.preventDefault(),p&&[EKeyCode.One,EKeyCode.Two,EKeyCode.Three].includes(d))switch(a.preventDefault(),d){case EKeyCode.One:p("\u4986");break;case EKeyCode.Two:p("\u652B");break;case EKeyCode.Three:p("\u7383");break}}else d===EKeyCode.Tab&&P?(a.preventDefault(),a.nativeEvent.stopImmediatePropagation(),L(x)):a.nativeEvent.stopPropagation()}},m=React__default.default.createElement("div",{className:index_module.textAreaFooter},React__default.default.createElement("div",{className:index_module.hotkeyTip},P&&React__default.default.createElement("span",null,"[",n("Switch"),"]Tab"),React__default.default.createElement("span",null,"[",n("TurnPage"),"]Ctrl+Enter")),React__default.default.createElement("div",{className:index_module.wordCount},React__default.default.createElement("span",{className:B>=g?index_module.warning:""},B),"/",React__default.default.createElement("span",null,g)));return React.useEffect(()=>{s&&y(!1)},[s]),React.useEffect(()=>{E(!1)},[F]),React__default.default.createElement("div",{className:index_module.textField},React__default.default.createElement("div",{className:index_module.label},React__default.default.createElement("div",{className:index_module.labelText},React__default.default.createElement("span",{className:classNames__default.default({[index_module.titleText]:!0,[index_module.required]:i.required})},React__default.default.createElement(index$1,{text:i.label,openByText:!0,isToolTips:!0})),React__default.default.createElement(ClearIcon,{onClick:()=>{s||k("")},title:"",disabled:s})),React__default.default.createElement("div",{className:index_module.extra},b)),React__default.default.createElement("div",{className:classNames__default.default({disabled:s,"textarea-outline":!0,"ant-input-focused":o,[index_module.textareaContainer]:!0,[index_module.focus]:o,[index_module.invalid]:_}),style:o?C:{}},React__default.default.createElement(index$2.TextareaWithFooter,{footer:m,textareaProps:f})),I&&React__default.default.createElement("span",{style:{color:"#ff4d4f",lineHeight:"22px"}},I))},TextInput=l=>{const{configList:u,autofocus:n,textID:T,result:o,showText:y,updateText:_,toggleShowText:E,textInputDisabled:s,isCheck:i,isEdit:A,config:v,preContext:x,regions:L=[],textConfigurable:S=!0,clipTextConfigurable:F,clipAttributeConfigurable:p,updateRegion:N,clipAttributeList:h=[],clipTextList:C=index.DEFAULT_CLIP_TEXT_CONFIG_ITEM}=l,{t:b}=reactI18next.useTranslation(),[I,g]=React.useState(0),[w,B]=React.useState(""),k=React.useRef(null),{audioClipState:P}=index.useAudioClipStore(),f=u||[__spreadValues({},audio.DEFAULT_TEXT_CONFIG_ITEM)];let m=L;if(F&&!i){const e=P.selectedRegion.id;m=m.filter(t=>t.id===e)}const a=e=>{setTimeout(()=>{const t=document.getElementById(`textInput-${e}`);t&&(g(e),t.focus(),t.select(),t.scrollIntoView({behavior:"smooth",block:"center"}))})},d=e=>{const t=S?f.length:0,c=F?m.length*C.length:0,r=t+c,D=(e+1)%r;a(D)},H=e=>{e.keyCode===EKeyCode.Tab&&(e.preventDefault(),(f.length>0||F&&C.length>0)&&a(0))},q=e=>{const t=document.getElementById(`textInput-${I}`);if(!(v==null?void 0:v.enablePlaceholderHotkey)||!t||!_)return;const{value:c,selectionStart:r,selectionEnd:D}=t,R=`${c.slice(0,r)}${e}${c.slice(D)}`;_(R,f[I].key),B(e),setTimeout(()=>{t.setSelectionRange(r+1,r+1),t.focus()},0),clearTimeout(k.current),k.current=setTimeout(()=>{B("")},400)};React.useEffect(()=>(A||document.addEventListener("keydown",H),()=>{document.removeEventListener("keydown",H)}),[u]),React.useEffect(()=>{n&&!s&&a(0)},[T]);let O=f;i&&(O=f.filter(e=>(o==null?void 0:o[e.key])!==void 0));const W=React.useMemo(()=>C.reduce((e,t)=>(m.forEach(c=>{c&&e.push(__spreadProps(__spreadValues({},t),{clipTextResult:c}))}),e),[]),[C,m]);return React__default.default.createElement(React__default.default.Fragment,null,(v==null?void 0:v.enablePlaceholderHotkey)&&React__default.default.createElement("div",{className:index_module.placeholderHotkey},React__default.default.createElement("div",{className:index_module.title},"\u5360\u4F4D\u7B26\u5FEB\u6377\u8F93\u5165",React__default.default.createElement(antd.Tooltip,{overlayStyle:{maxWidth:240},title:React__default.default.createElement("div",null,React__default.default.createElement("div",null,"\u4986\uFF08Ctrl+1\uFF09\uFF1A"),React__default.default.createElement("div",{style:{marginBottom:12}},"\u6587\u5B57\u5F02\u5E38\uFF0C\u4F46\u53EA\u6839\u636E\u8FD9\u4E2A\u5B57\u7684\u5F62\u72B6\u5C31\u53EF\u4EE5\u731C\u51FA\u662F\u4EC0\u4E48\u5B57"),React__default.default.createElement("div",null,"\u652B\uFF08Ctrl+2\uFF09\uFF1A"),React__default.default.createElement("div",{style:{marginBottom:12}},"\u6587\u5B57\u5F02\u5E38\uFF0C\u4E14\u65E0\u6CD5\u6839\u636E\u5F62\u72B6\u731C\u5B57\uFF0C\u4F46\u80FD\u7ED3\u5408\u4E0A\u4E0B\u6587\u8BED\u4E49\u5224\u65AD\u51FA\u662F\u4EC0\u4E48\u5B57"),React__default.default.createElement("div",null,"\u7383\uFF08Ctrl+3\uFF09\uFF1A"),React__default.default.createElement("div",null,"\u5B8C\u5168\u65E0\u6CD5\u5224\u65AD\u662F\u4EC0\u4E48\u5B57")),placement:"bottom"},React__default.default.createElement(icons.QuestionCircleOutlined,{className:index_module.questionIcon}))),React__default.default.createElement(antd.Radio.Group,{value:w},React__default.default.createElement(antd.Radio.Button,{value:"\u4986",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u4986 (\u89C6\u89C9)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+1"))),React__default.default.createElement(antd.Radio.Button,{value:"\u652B",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u652B (\u8BED\u4E49)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+2"))),React__default.default.createElement(antd.Radio.Button,{value:"\u7383",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u7383 (\u65E0\u6548)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+3"))))),React__default.default.createElement("div",{className:index_module.textInputContainer},React__default.default.createElement(index.default,{audioContext:x==null?void 0:x.before}),S&&O.map((e,t)=>React__default.default.createElement(SingleTextInput,{config:e,key:t,index:t,result:o,updateText:_,switchToNextTextarea:d,hasMultiple:f.length>1,disabled:s,textID:T,addPlaceholder:q,onFocus:()=>g(t)})),F&&m.length>0&&W.map((e,t)=>{var c;const{clipTextResult:r}=e,{id:D,start:R,end:z,attribute:j}=r,{maxLength:U=3e3,label:K,key:G,required:X}=e,V=r==null?void 0:r[G],Q={[r.id]:V},J={label:`${K!=null?K:b("textTool")}\uFF08${audio.timeFormat(R,"ss.SSS")} - ${audio.timeFormat(z,"ss.SSS")}\uFF09`,key:D,maxLength:U},$=(S?O.length:0)+t,M=audio.getAttributeColor(j,h),Y={color:audio.getAttributeFontColor(j,h),backgroundColor:M},Z=b("LeastCharacterError",{num:1}),ee=X&&V.length<1?Z:void 0,te=(c=audio.getAttributeShowText(j,[{value:"",key:b("NoAttribute")},...h]))!=null?c:"";return React__default.default.createElement(SingleTextInput,{config:J,key:t,index:$,disabled:s,result:Q,updateText:ae=>{N==null||N(__spreadProps(__spreadValues({},r),{[G]:ae}))},switchToNextTextarea:()=>{d($)},hasMultiple:!0,onFocus:()=>g($),onFocusStyle:p?{borderColor:M,boxShadow:`0 0 0 2px ${audio.updateColorOpacity(M,.4)}`}:{},extra:p?React__default.default.createElement("div",{style:Y,className:index_module.attribute},React__default.default.createElement(index$1,{text:te,openByText:!0,isToolTips:!0})):null,errorText:ee})}),React__default.default.createElement(index.default,{audioContext:x==null?void 0:x.after}),E&&React__default.default.createElement("div",{className:index_module.switchItem},b("toggleShowText"),React__default.default.createElement(antd.Switch,{style:{alignSelf:"center"},checked:y,onChange:e=>{E(e)}}))))};exports.ClearIcon=ClearIcon,exports.SingleTextInput=SingleTextInput,exports.default=TextInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),antd=require("antd"),icons=require("@ant-design/icons"),index$2=require("../../../views/MainView/sidebar/TextToolSidebar/index.js"),audio=require("../../../utils/audio.js"),lbAnnotation=require("@labelbee/lb-annotation"),classNames=require("classnames"),index=require("../audioContext/index.js"),index_module=require("./index.module.scss.js"),reactI18next=require("react-i18next"),index$1=require("../../longText/index.js"),icon_clearSmall_a=require("../../../assets/annotation/common/icon_clearSmall_a.svg.js"),icon_clearSmall=require("../../../assets/annotation/common/icon_clearSmall.svg.js");function _interopDefaultLegacy(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}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=(a,l,u)=>l in a?__defProp(a,l,{enumerable:!0,configurable:!0,writable:!0,value:u}):a[l]=u,__spreadValues=(a,l)=>{for(var u in l||(l={}))__hasOwnProp.call(l,u)&&__defNormalProp(a,u,l[u]);if(__getOwnPropSymbols)for(var u of __getOwnPropSymbols(l))__propIsEnum.call(l,u)&&__defNormalProp(a,u,l[u]);return a},__spreadProps=(a,l)=>__defProps(a,__getOwnPropDescs(l));const EKeyCode=lbAnnotation.cKeyCode.default,ClearIcon=({onClick:a,title:l,disabled:u})=>{const[T,s]=React.useState(!1);return React__default.default.createElement(antd.Tooltip,{placement:"bottom",title:l},React__default.default.createElement("img",{onMouseEnter:()=>{u||s(!0)},onMouseLeave:()=>s(!1),className:classNames__default.default({[index_module.clearIcon]:!0,[index_module.disabled]:u}),src:T?icon_clearSmall_a:icon_clearSmall,onClick:a}))},SingleTextInput=a=>{var l;const{t:u}=reactI18next.useTranslation(),T=React.useRef(null),[s,y]=React.useState(!1),[S,f]=React.useState(!1),{disabled:i,config:r,result:A,updateText:m,index:E,switchToNextTextarea:P,hasMultiple:_,textID:v,addPlaceholder:p,onFocus:N,onBlur:F,onFocusStyle:h={},extra:C,errorText:I}=a,{maxLength:x}=r,B=A?A[r.key]:"",w=(l=B==null?void 0:B.length)!=null?l:0,k=n=>{m&&(m(n,r.key),r.required&&f(!n))},L=_&&P,O={id:`textInput-${E}`,ref:T,disabled:i,value:B,maxLength:x,autoSize:{minRows:2,maxRows:6},onChange:n=>{const d=n.target.value;k(d)},onFocus:n=>{y(!0),N==null||N(n),n.target.value&&f(!1)},onBlur:n=>{y(!1),F==null||F(n),r.required&&f(!n.target.value)},style:{resize:"none",wordBreak:"break-all"},onKeyDownCapture:n=>{const{keyCode:d}=n;if(n.ctrlKey){if(d===EKeyCode.Enter&&n.preventDefault(),p&&[EKeyCode.One,EKeyCode.Two,EKeyCode.Three].includes(d))switch(n.preventDefault(),d){case EKeyCode.One:p("\u4986");break;case EKeyCode.Two:p("\u652B");break;case EKeyCode.Three:p("\u7383");break}}else d===EKeyCode.Tab&&L?(n.preventDefault(),n.nativeEvent.stopImmediatePropagation(),P(E)):n.nativeEvent.stopPropagation()}},R=React__default.default.createElement("div",{className:index_module.textAreaFooter},React__default.default.createElement("div",{className:index_module.hotkeyTip},L&&React__default.default.createElement("span",null,"[",u("Switch"),"]Tab"),React__default.default.createElement("span",null,"[",u("TurnPage"),"]Ctrl+Enter")),React__default.default.createElement("div",{className:index_module.wordCount},React__default.default.createElement("span",{className:w>=x?index_module.warning:""},w),"/",React__default.default.createElement("span",null,x)));return React.useEffect(()=>{i&&y(!1)},[i]),React.useEffect(()=>{f(!1)},[v]),React__default.default.createElement("div",{className:index_module.textField},React__default.default.createElement("div",{className:index_module.label},React__default.default.createElement("div",{className:index_module.labelText},React__default.default.createElement("span",{className:classNames__default.default({[index_module.titleText]:!0,[index_module.required]:r.required})},React__default.default.createElement(index$1,{text:r.label,openByText:!0,isToolTips:!0})),React__default.default.createElement(ClearIcon,{onClick:()=>{i||k("")},title:"",disabled:i})),React__default.default.createElement("div",{className:index_module.extra},C)),React__default.default.createElement("div",{className:classNames__default.default({disabled:i,"textarea-outline":!0,"ant-input-focused":s,[index_module.textareaContainer]:!0,[index_module.focus]:s,[index_module.invalid]:S}),style:s?h:{}},React__default.default.createElement(index$2.TextareaWithFooter,{footer:R,textareaProps:O})),I&&React__default.default.createElement("span",{style:{color:"#ff4d4f",lineHeight:"22px"}},I))},TextInput=a=>{const{configList:l,autofocus:u,textID:T,result:s,showText:y,updateText:S,toggleShowText:f,textInputDisabled:i,isCheck:r,isEdit:A,config:m,preContext:E,regions:P=[],textConfigurable:_=!0,clipTextConfigurable:v,clipAttributeConfigurable:p,updateRegion:N,clipAttributeList:F=[],clipTextList:h=index.DEFAULT_CLIP_TEXT_CONFIG_ITEM}=a,{t:C}=reactI18next.useTranslation(),[I,x]=React.useState(0),[B,w]=React.useState(""),k=React.useRef(null),L=React.useRef(null),[O,R]=React.useState(5),[n,d]=React.useState(!1),{audioClipState:J}=index.useAudioClipStore(),b=l||[__spreadValues({},audio.DEFAULT_TEXT_CONFIG_ITEM)];let g=P;if(v&&!r){const e=J.selectedRegion.id;g=g.filter(t=>t.id===e)}const M=e=>{setTimeout(()=>{const t=document.getElementById(`textInput-${e}`);t&&(x(e),t.focus(),t.select(),t.scrollIntoView({behavior:"smooth",block:"center"}))})},V=e=>{const t=_?b.length:0,c=v?g.length*h.length:0,o=t+c,D=(e+1)%o;M(D)},G=e=>{e.keyCode===EKeyCode.Tab&&(e.preventDefault(),(b.length>0||v&&h.length>0)&&M(0))},q=e=>{const t=document.getElementById(`textInput-${I}`);if(!(m==null?void 0:m.enablePlaceholderHotkey)||!t||!S)return;const{value:c,selectionStart:o,selectionEnd:D}=t,$=`${c.slice(0,o)}${e}${c.slice(D)}`;S($,b[I].key),w(e),setTimeout(()=>{t.setSelectionRange(o+1,o+1),t.focus()},0),clearTimeout(k.current),k.current=setTimeout(()=>{w("")},400)};React.useEffect(()=>(A||document.addEventListener("keydown",G),()=>{document.removeEventListener("keydown",G)}),[l]),React.useEffect(()=>{u&&!i&&M(0)},[T]);let j=b;r&&(j=b.filter(e=>(s==null?void 0:s[e.key])!==void 0));const W=React.useMemo(()=>h.reduce((e,t)=>(g.forEach(c=>{c&&e.push(__spreadProps(__spreadValues({},t),{clipTextResult:c}))}),e),[]),[h,g]),Y=()=>{const e=L.current;e&&v&&g.length>0&&r&&e.clientHeight+e.scrollTop+1>=e.scrollHeight&&(d(!0),Z())},Z=()=>{setTimeout(()=>{R(e=>Math.min(e+5,W.length)),d(!1)},300)};return React__default.default.createElement("div",{className:index_module.textInputBox,ref:L,onScroll:Y},React__default.default.createElement("div",{className:index_module.textInputChild},(m==null?void 0:m.enablePlaceholderHotkey)&&React__default.default.createElement("div",{className:index_module.placeholderHotkey},React__default.default.createElement("div",{className:index_module.title},"\u5360\u4F4D\u7B26\u5FEB\u6377\u8F93\u5165",React__default.default.createElement(antd.Tooltip,{overlayStyle:{maxWidth:240},title:React__default.default.createElement("div",null,React__default.default.createElement("div",null,"\u4986\uFF08Ctrl+1\uFF09\uFF1A"),React__default.default.createElement("div",{style:{marginBottom:12}},"\u6587\u5B57\u5F02\u5E38\uFF0C\u4F46\u53EA\u6839\u636E\u8FD9\u4E2A\u5B57\u7684\u5F62\u72B6\u5C31\u53EF\u4EE5\u731C\u51FA\u662F\u4EC0\u4E48\u5B57"),React__default.default.createElement("div",null,"\u652B\uFF08Ctrl+2\uFF09\uFF1A"),React__default.default.createElement("div",{style:{marginBottom:12}},"\u6587\u5B57\u5F02\u5E38\uFF0C\u4E14\u65E0\u6CD5\u6839\u636E\u5F62\u72B6\u731C\u5B57\uFF0C\u4F46\u80FD\u7ED3\u5408\u4E0A\u4E0B\u6587\u8BED\u4E49\u5224\u65AD\u51FA\u662F\u4EC0\u4E48\u5B57"),React__default.default.createElement("div",null,"\u7383\uFF08Ctrl+3\uFF09\uFF1A"),React__default.default.createElement("div",null,"\u5B8C\u5168\u65E0\u6CD5\u5224\u65AD\u662F\u4EC0\u4E48\u5B57")),placement:"bottom"},React__default.default.createElement(icons.QuestionCircleOutlined,{className:index_module.questionIcon}))),React__default.default.createElement(antd.Radio.Group,{value:B},React__default.default.createElement(antd.Radio.Button,{value:"\u4986",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u4986 (\u89C6\u89C9)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+1"))),React__default.default.createElement(antd.Radio.Button,{value:"\u652B",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u652B (\u8BED\u4E49)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+2"))),React__default.default.createElement(antd.Radio.Button,{value:"\u7383",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u7383 (\u65E0\u6548)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+3"))))),React__default.default.createElement("div",{className:index_module.textInputContainer},React__default.default.createElement(index.default,{audioContext:E==null?void 0:E.before}),_&&j.map((e,t)=>React__default.default.createElement(SingleTextInput,{config:e,key:t,index:t,result:s,updateText:S,switchToNextTextarea:V,hasMultiple:b.length>1,disabled:i,textID:T,addPlaceholder:q,onFocus:()=>x(t)})),v&&g.length>0&&React__default.default.createElement(React__default.default.Fragment,null,W.slice(0,O).map((e,t)=>{var c;const{clipTextResult:o}=e,{id:D,start:$,end:ee,attribute:H}=o,{maxLength:te=3e3,label:U,key:X,required:ae}=e,Q=o==null?void 0:o[X],le={[o.id]:Q},ne={label:`${U!=null?U:C("textTool")}\uFF08${audio.timeFormat($,"ss.SSS")} - ${audio.timeFormat(ee,"ss.SSS")}\uFF09`,key:D,maxLength:te},z=(_?j.length:0)+t,K=audio.getAttributeColor(H,F),ue={color:audio.getAttributeFontColor(H,F),backgroundColor:K},re=C("LeastCharacterError",{num:1}),oe=ae&&Q.length<1?re:void 0,se=(c=audio.getAttributeShowText(H,[{value:"",key:C("NoAttribute")},...F]))!=null?c:"";return React__default.default.createElement(SingleTextInput,{config:ne,key:t,index:z,disabled:i,result:le,updateText:ie=>{N==null||N(__spreadProps(__spreadValues({},o),{[X]:ie}))},switchToNextTextarea:()=>{V(z)},hasMultiple:!0,onFocus:()=>x(z),onFocusStyle:p?{borderColor:K,boxShadow:`0 0 0 2px ${audio.updateColorOpacity(K,.4)}`}:{},extra:p?React__default.default.createElement("div",{style:ue,className:index_module.attribute},React__default.default.createElement(index$1,{text:se,openByText:!0,isToolTips:!0})):null,errorText:oe})}),n&&React__default.default.createElement(antd.Spin,{size:"small"})),React__default.default.createElement(index.default,{audioContext:E==null?void 0:E.after}),f&&React__default.default.createElement("div",{className:index_module.switchItem},C("toggleShowText"),React__default.default.createElement(antd.Switch,{style:{alignSelf:"center"},checked:y,onChange:e=>{f(e)}})))))};exports.ClearIcon=ClearIcon,exports.SingleTextInput=SingleTextInput,exports.default=TextInput;

package/dist/components/audioAnnotate/textInput/index.module.scss.js

@@ -1 +1 @@
-"use strict";var styles={textInputContainer:"index-module_textInputContainer__ES6X3",textField:"index-module_textField__uRcb7",label:"index-module_label__xE6hM",labelText:"index-module_labelText__Zg1c4",titleText:"index-module_titleText__BRM44",required:"index-module_required__iElYl",extra:"index-module_extra__PW5Qk",textareaContainer:"index-module_textareaContainer__dTIv4",textAreaFooter:"index-module_textAreaFooter__h1Vv-",warning:"index-module_warning__NKpW6",hotkeyTip:"index-module_hotkeyTip__BSJ6A",wordCount:"index-module_wordCount__OD4eL",focus:"index-module_focus__H07-Y",invalid:"index-module_invalid__F9RC5",inputCount:"index-module_inputCount__--XiT",notify:"index-module_notify__rYuqq",switchItem:"index-module_switchItem__Q256x",placeholderHotkey:"index-module_placeholderHotkey__0SKPo",title:"index-module_title__YRpw9",questionIcon:"index-module_questionIcon__oK1HK",attribute:"index-module_attribute__g8Vbl",clearIcon:"index-module_clearIcon__ZBZqI",disabled:"index-module_disabled__zqh8C"};module.exports=styles;
+"use strict";var styles={textInputContainer:"index-module_textInputContainer__ES6X3",textField:"index-module_textField__uRcb7",label:"index-module_label__xE6hM",labelText:"index-module_labelText__Zg1c4",titleText:"index-module_titleText__BRM44",required:"index-module_required__iElYl",extra:"index-module_extra__PW5Qk",textareaContainer:"index-module_textareaContainer__dTIv4",textAreaFooter:"index-module_textAreaFooter__h1Vv-",warning:"index-module_warning__NKpW6",hotkeyTip:"index-module_hotkeyTip__BSJ6A",wordCount:"index-module_wordCount__OD4eL",focus:"index-module_focus__H07-Y",invalid:"index-module_invalid__F9RC5",inputCount:"index-module_inputCount__--XiT",notify:"index-module_notify__rYuqq",switchItem:"index-module_switchItem__Q256x",placeholderHotkey:"index-module_placeholderHotkey__0SKPo",title:"index-module_title__YRpw9",questionIcon:"index-module_questionIcon__oK1HK",attribute:"index-module_attribute__g8Vbl",clearIcon:"index-module_clearIcon__ZBZqI",disabled:"index-module_disabled__zqh8C",textInputBox:"index-module_textInputBox__C6pdt",textInputChild:"index-module_textInputChild__SOQT6"};module.exports=styles;

package/dist/components/audioPlayer/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),getWebPcm2Wac=require("../audioAnnotate/utils/getWebPcm2Wac.js"),_=require("lodash"),icons=require("@ant-design/icons"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),antd=require("antd"),index$b=require("../invalidPage/index.js"),index$6=require("../imageError/index.js"),index$a=require("../../utils/index.js"),index$d=require("../videoPlayer/components/SpeedController/index.js"),WaveSurfer=require("@labelbee/wavesurfer"),Region=require("@labelbee/wavesurfer/dist/plugin/wavesurfer.regions.js"),Cursor=require("@labelbee/wavesurfer/dist/plugin/wavesurfer.cursor.js"),index=require("./zoomSlider/index.js"),index$e=require("./labelDisplayToggle/index.js"),index$f=require("./clipRegion/index.js"),index$1=require("../audioAnnotate/audioContext/index.js"),ahooks=require("ahooks"),index$2=require("./useAudioScroll/index.js"),index_module=require("./index.module.scss.js"),audio=require("../../utils/audio.js"),index$c=require("./progressDot/index.js"),index$7=require("./clipTip/index.js"),index$5=require("./useSwitchHotkey/index.js"),index$3=require("./useAudioCombine/index.js"),index$4=require("./useAudioSegment/index.js"),index$8=require("./combineTip/index.js"),index$9=require("./segmentTip/index.js"),index$g=require("../../views/MainView/toolFooter/index.js"),utils=require("../videoPlayer/utils.js"),reactI18next=require("react-i18next"),useSize=require("../../hooks/useSize.js");function _interopDefaultLegacy(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),WaveSurfer__default=_interopDefaultLegacy(WaveSurfer),Region__default=_interopDefaultLegacy(Region),Cursor__default=_interopDefaultLegacy(Cursor),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(l,u,d)=>u in l?__defProp(l,u,{enumerable:!0,configurable:!0,writable:!0,value:d}):l[u]=d,__spreadValues=(l,u)=>{for(var d in u||(u={}))__hasOwnProp.call(u,d)&&__defNormalProp(l,d,u[d]);if(__getOwnPropSymbols)for(var d of __getOwnPropSymbols(u))__propIsEnum.call(u,d)&&__defNormalProp(l,d,u[d]);return l},__spreadProps=(l,u)=>__defProps(l,__getOwnPropDescs(u));const{EToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,PER_PROGRESS=.1,AudioPlayerContext=React__default.default.createContext({count:0,isEdit:!1,toolName:EToolName.Empty,imgIndex:0}),AudioPlayer=({fileData:l={},onLoaded:u,context:d,invalid:Ne,height:Fe,hideError:ze,onError:re,updateRegion:T,removeRegion:$,regions:x=[],activeToolPanel:Ue,clipConfigurable:Ze,clipTextConfigurable:ne,clipAttributeList:He,clipAttributeConfigurable:oe,secondaryAttributeConfigurable:Ve,subAttributeList:Xe,isCheck:b,hoverRegionId:W,footer:Ke,drawLayerSlot:ie,clipTextList:Ge,lang:ae})=>{var le,se;const{url:O,path:ue}=l,[N,F]=React.useState(!1),[ce,de]=React.useState(!1),[P,Ye]=React.useState(0),[Je,fe]=React.useState(!1),[S,ve]=React.useState(0),o=React.useRef(null),C=React.useRef(null),me=React.useRef(P),z=e=>{me.current=e,Ye(e)},[pe,Qe]=React.useState(0),[j,et]=React.useState(index.audioZoomInfo.defaultValue),y=React.useRef(null),[ge,tt]=React.useState({}),{audioClipState:U,setAudioClipState:B}=index$1.useAudioClipStore(),[Z,H]=React.useState(!1),c=ahooks.useLatest(U),be=ahooks.useLatest(ge);ahooks.useLatest(N);const A=ahooks.useLatest(x),_e=ahooks.useUpdate(),[ye,rt]=React.useState([]),[Ee,nt]=React.useState({}),[ot,Se]=React.useState(""),[he,it]=React.useState({start:0,end:0}),at=useSize(y),lt=React.useMemo(()=>x.filter(e=>{const{start:t,end:r}=he;return e.start>=t&&e.start<=r||e.end>=t&&e.end<=r||e.id===ot}),[x,he]),st=_.debounce(()=>{lbAnnotation.EventBus.emit("audioZoom")},500),Re=e=>{e<index.audioZoomInfo.min||e>index.audioZoomInfo.max||(et(e),audio.dispatchResizeEvent(),st())};index$2({container:y.current,target:document.querySelector(`[data-id=${(se=(le=c.current)==null?void 0:le.selectedRegion)==null?void 0:se.id}]`),clipping:Z,zoom:j,zoomHandler:Re});const L=()=>{let e=A.current;const{attributeLockList:t}=c.current;t.length&&(e=e.filter(r=>t.includes(r.attribute))),X(),e.forEach(r=>{var n;(n=o.current)==null||n.addRegion(__spreadProps(__spreadValues({},r),{drag:!b,resize:!b,color:"rgba(0, 0, 0, 0)"}))}),_e()},m=e=>{var t,r,n,i,s,v,p;const{id:a,loop:f=!0,playImmediately:g=!1,isLoopStatus:I}=e,q=!1;if(a){const w=(n=(r=(t=o.current)==null?void 0:t.regions)==null?void 0:r.list)!=null?n:{};Object.entries(w).forEach(([,R])=>{const{id:k}=R;a===k?R.select():R.cancelSelect()}),B({selectedRegion:{id:a,loop:q},selectedAttribute:(v=(s=(i=A.current)==null?void 0:i.find(R=>R.id===a))==null?void 0:s.attribute)!=null?v:""}),g&&((p=D(a))==null||p.play())}else B({selectedRegion:{}})},{combineInstance:ut}=index$3({waveRef:o,sortByStartRegions:ye,regionMap:Ee,updateRegion:T,removeRegion:$,generateRegions:L,setSelectedRegion:m}),{segmentInstance:ct,onRegionMouseMove:dt,segmentTimeTip:ft}=index$4({waveRef:o,regionMap:Ee,updateRegion:T,removeRegion:$,generateRegions:L,setSelectedRegion:m}),xe={clipTextConfigurable:ne,clipAttributeList:He,clipAttributeConfigurable:oe,clipConfigurable:Ze,secondaryAttributeConfigurable:Ve,subAttributeList:Xe,clipTextList:Ge};React.useEffect(()=>{var e;ae&&((e=lbUtils.i18n)==null||e.changeLanguage(ae))},[]),React.useEffect(()=>{B({selectedAttribute:""})},[oe]),React.useEffect(()=>{V()},[U.selectedAttribute]),React.useEffect(()=>{L()},[U.attributeLockList]),ahooks.useDeepCompareEffect(()=>{B(xe),setTimeout(()=>{Pe()})},[xe]),ahooks.useDeepCompareEffect(()=>{rt(_.sortBy(x,["start"])),nt(x.reduce((e,t)=>{const{id:r}=t;return __spreadProps(__spreadValues({},e),{[r]:t})},{})),b&&L()},[x]),React.useEffect(()=>{m(W?{id:W,loop:!1,playImmediately:!0}:{})},[W]);const Pe=()=>{var e,t;c.current.clipConfigurable?(!b&&o.current&&((e=o.current)==null||e.enableDragSelection({slop:5})),L()):((t=o.current)==null||t.disableDragSelection(),X()),V()},V=()=>{var e,t,r,n,i;let s="";c.current.clipConfigurable?s=audio.getAttributeColor(c.current.selectedAttribute,(e=c.current.clipAttributeList)!=null?e:[]):s="transparent",((r=(t=o==null?void 0:o.current)==null?void 0:t.cursor)==null?void 0:r.cursor)&&((i=(n=o==null?void 0:o.current)==null?void 0:n.cursor)==null||i.setStyle({border:`2px dashed ${s}`}))},D=e=>{var t,r,n;return((n=(r=(t=o.current)==null?void 0:t.regions)==null?void 0:r.list)!=null?n:{})[e]},Ce=()=>{var e,t;if(O){const r=((t=(e=ue==null?void 0:ue.split("."))==null?void 0:e.pop())==null?void 0:t.toLowerCase())==="pcm";fe(!1),r?getWebPcm2Wac.getWebPcm2WavBase64(O).then(n=>{we(n)}):we(O)}},we=e=>{var t;e&&(de(!0),z(0),ve(0),(t=o==null?void 0:o.current)==null||t.load(e))},X=()=>{var e;(e=o.current)==null||e.clearRegions()},K=e=>{const t=D(e);t&&(H(!1),t==null||t.remove(),$==null||$(e),m({}))},{run:Te}=ahooks.useThrottleFn(m,{wait:100});index$5({sortByStartRegions:ye,setSelectedRegion:m});const vt=e=>{const{start:t,end:r}=be.current;return(t||r)&&e.update(be.current),e},mt=({action:e,id:t,eventDownTime:r})=>{var n,i;if(!c.current.clipConfigurable)return;t&&m({id:t});const s=D((t!=null?t:(n=c.current.selectedRegion)==null?void 0:n.id)||""),v=[];(e==="create"?A.current:(i=A.current)==null?void 0:i.filter(f=>f.id!==s.id)).forEach(f=>{const{start:g,end:I,attribute:q}=f;q===c.current.selectedAttribute&&[g,I].forEach(w=>{v.includes(w)||v.push(w)})});const a=audio.getCanMoveRange(v.sort((f,g)=>f-g),r);o.current.range=a},pt=e=>{V(),setTimeout(()=>{H(!1)});const t=vt(e),{id:r,start:n,end:i}=t;m({id:r,playImmediately:!0});const s={id:r,start:utils.decimalReserved(n,3),end:utils.decimalReserved(i,3)};T==null||T(s),_e()},gt=()=>{const e=WaveSurfer__default.default.create({container:"#waveform",waveColor:"#999",progressColor:"#999",height:Fe||245,normalize:!0,cursorWidth:2,cursorColor:"white",responsive:0,hideScrollbar:!0,plugins:[Region__default.default.create({regions:x,dragSelection:{slop:5},canMove:!1}),Cursor__default.default.create({opacity:1,customStyle:{border:"2px dashed transparent"}})]}),t=()=>{var r;z(((r=o==null?void 0:o.current)==null?void 0:r.getCurrentTime())||0)};e.on("ready",()=>{var r;const n=((r=o==null?void 0:o.current)==null?void 0:r.getDuration())||0;ve(n),t(),u==null||u({duration:Math.round(n)}),de(!1),M(),lbAnnotation.EventBus.on("setCurrentTimeByPosition",Y),lbAnnotation.EventBus.on("clearRegions",X),lbAnnotation.EventBus.on("removeRegionById",K),lbAnnotation.EventBus.on("setSelectedRegion",Te),e.on("regions-eventDown",mt),Pe()}),e.on("audioprocess",()=>{t()}),e.on("play",()=>{F(!0)}),e.on("pause",()=>{F(!1)}),e.on("finish",()=>{F(!1)}),e.on("seek",()=>{t()}),e.on("error",()=>{fe(!0),u==null||u({hasError:!0}),re==null||re()}),e.on("region-created",r=>{var n;const{id:i,start:s,end:v}=r;if(A.current.find(a=>a.id===i))return;Se(i);const p={id:i,start:utils.decimalReserved(s,3),end:utils.decimalReserved(v,3),attribute:c.current.selectedAttribute,text:""};if(c.current.secondaryAttributeConfigurable){const a=lbAnnotation.TagUtils.getDefaultResultByConfig((n=c.current.subAttributeList)!=null?n:[]);p.subAttribute=a!=null?a:{}}ne&&c.current.clipTextList.forEach((f,g)=>{g===0?Object.assign(p,{text:f==null?void 0:f.default}):Object.assign(p,{[f.key]:f==null?void 0:f.default})}),T==null||T(p)}),e.on("region-updated",(r,n)=>{var i,s,v,p,a,f,g,I,q,w;const R=n==null?void 0:n.action;B({combined:!1,segment:!1}),R==="resize"&&((s=(i=o==null?void 0:o.current)==null?void 0:i.cursor)==null||s.setStyle({borderStyle:"solid"})),R==="drag"&&((p=(v=o==null?void 0:o.current)==null?void 0:v.cursor)==null||p.setStyle({borderColor:"transparent"}));const k={},J=[],Q={},At=(a=A.current)==null?void 0:a.filter(E=>E.id!==r.id),qt=(I=(g=(f=o.current)==null?void 0:f.regions)==null?void 0:g.list)!=null?I:{};At.forEach(E=>{var $e,Oe;const{element:ee}=($e=qt[E.id])!=null?$e:{},{start:Lt,end:Dt}=E;if(ee){const{x:We,width:Mt}=((Oe=ee.getBoundingClientRect)==null?void 0:Oe.call(ee))||{},It=We+Mt;[We,It].forEach((te,kt)=>{J.includes(te)||(J.push(te),Q[te]=kt===0?Lt:Dt)})}});const{x:ke,width:jt}=((w=(q=r.element).getBoundingClientRect)==null?void 0:w.call(q))||{},Bt=ke+jt;J.forEach(E=>{Math.abs(audio.precisionMinus(E,ke))<5&&(k.start=Q[E]),Math.abs(audio.precisionMinus(E,Bt))<5&&(k.end=Q[E])}),tt(k),Te({id:r.id}),H(!0)}),e.on("region-update-end",r=>{pt(r),Se("")}),e.on("region-contextmenu",(r,n)=>{if(!b){if(n.preventDefault(),n.stopPropagation(),audio.isDoubleClick(n)){K(r.id);return}m({id:r.id,playImmediately:!0})}}),e.on("region-click",(r,n,i)=>{if(!b){if(n.preventDefault(),n.stopPropagation(),c.current.combined){ut(r);return}if(c.current.segment){ct(r,i);return}m({id:r.id,playImmediately:!0})}}),e.on("region-mousemove",dt),o.current=e},bt=N?React__default.default.createElement(icons.PauseOutlined,null):React__default.default.createElement(icons.CaretRightOutlined,null),Ae=e=>e?`${parseFloat((e/S*100).toFixed(4))}%`:"0%",qe=Ae(P),_t=Ae(pe),h=()=>{if(!ce)return o==null?void 0:o.current},yt=()=>{var e;(e=h())==null||e.skipForward(PER_PROGRESS)},Et=()=>{var e;(e=h())==null||e.skipBackward(PER_PROGRESS)},M=()=>{var e;(e=h())==null||e.playPause()},je=e=>{var t;switch(e.keyCode){case EKeyCode.Right:yt();break;case EKeyCode.Left:Et();break;case EKeyCode.Space:e.preventDefault(),M();break;case EKeyCode.Delete:if(!b){const{id:r}=((t=c.current)==null?void 0:t.selectedRegion)||{};r&&K(r)}break}},St=e=>{Y(e)},Be=___default.default.throttle(St,50);let G=!1;const Le=()=>{G&&(M(),G=!1),document.removeEventListener("mousemove",Be),document.removeEventListener("mouseup",Le)},ht=e=>{Y(e),N&&(G=!0,M()),document.addEventListener("mousemove",Be),document.addEventListener("mouseup",Le)},Rt=()=>{Ce()};React.useEffect(()=>(gt(),()=>{var e;(e=o==null?void 0:o.current)==null||e.destroy(),o.current=null,lbAnnotation.EventBus.unbindAll("setCurrentTimeByPosition"),lbAnnotation.EventBus.unbindAll("clearRegions"),lbAnnotation.EventBus.unbindAll("removeRegionById"),lbAnnotation.EventBus.unbindAll("setSelectedRegion")}),[]);const xt=e=>{var t,r,n;(t=h())==null||t.playPause(),(r=h())==null||r.setPlaybackRate(e),(n=h())==null||n.playPause()};React.useEffect(()=>(document.addEventListener("keydown",je),()=>{document.removeEventListener("keydown",je)})),React.useEffect(()=>{m({}),Ce()},[O]),React.useEffect(()=>{De()},[at,S,j]);const Pt=()=>{if(y.current&&S){const e=y.current.scrollLeft,t=y.current.clientWidth,r=e/y.current.scrollWidth*S,n=(e+t)/y.current.scrollWidth*S;it({start:r,end:n})}},{run:De}=ahooks.useThrottleFn(Pt,{wait:300}),Me=e=>{var t,r,n,i;if((o==null?void 0:o.current)&&(C==null?void 0:C.current)){const s=(r=(t=o==null?void 0:o.current)==null?void 0:t.getDuration())!=null?r:0,v=(n=C==null?void 0:C.current)==null?void 0:n.getBoundingClientRect();let a=(e.clientX-v.left)/(((i=C==null?void 0:C.current)==null?void 0:i.clientWidth)||0)*s;return a>s&&(a=s),a}return 0},Y=e=>{var t;const r=Me(e);(t=o==null?void 0:o.current)==null||t.skip(r-me.current),z(r)},Ct=e=>{Qe(Me(e))},wt=S?Math.max(S-P,0):0,Tt=(d==null?void 0:d.toolName)!==EToolName.Empty&&(d==null?void 0:d.isEdit)!==!0&&(Ue==="remark"||b),Ie=React__default.default.createElement("div",{className:index_module.audioPlayer},Je&&!ze&&React__default.default.createElement(index$6,{fileTypeName:"\u97F3\u9891",ignoreOffsetY:!0,reloadImage:Rt,backgroundColor:"#ffffffbb"}),React__default.default.createElement(index$7,{getRegionInstanceById:D,clipping:Z}),React__default.default.createElement(index$8,{container:y.current}),React__default.default.createElement(index$9,{segmentTimeTip:ft}),React__default.default.createElement("div",{className:index_module.waveformContainer,ref:y,onScroll:()=>De()},React__default.default.createElement("div",{id:"waveform",style:{width:`${j*100}%`},className:index$a.classnames({[index_module.waveform]:!0,"bee-audio-combined":c.current.combined,"bee-audio-clip":c.current.clipConfigurable})},Ne&&React__default.default.createElement(index$b,{isAudio:!0}),React__default.default.createElement("div",{ref:C,className:index_module.progress,onMouseDown:ht,onMouseMove:Ct},React__default.default.createElement("div",{className:index$a.classnames({[index_module.radioTooltip]:!0}),style:{left:qe}},audio.formatTime(P)),React__default.default.createElement("div",{className:index$a.classnames({[index_module.radioTooltip]:!0,[index_module.mouseTooltip]:!0}),style:{left:_t}},audio.formatTime(pe)),React__default.default.createElement(index$c,{playPercentage:qe})),Tt&&(ie==null?void 0:ie({currentTime:P,remainingTime:wt,audioPlayer:h()})))),React__default.default.createElement("div",{className:index_module.controlBar},React__default.default.createElement(antd.Button,{type:"link",icon:bt,onClick:()=>{M()},className:index$a.classnames({[index_module.playButton]:!0,[index_module.playButtonDisabled]:ce})}),React__default.default.createElement("span",{className:index_module.time},`${audio.timeFormat(P,"ss.SSS")} / -${audio.timeFormat(S-P,"ss.SSS")}`),React__default.default.createElement(index$d.default,{playerType:index$d.EPlayerType.Audio,onChange:e=>{xt(e)}}),React__default.default.createElement(index.default,{onChange:e=>{var t;(t=h())==null||t.pause(),Re(e)},zoom:j}),React__default.default.createElement(index$e,{EventBus:lbAnnotation.EventBus})));return d?React__default.default.createElement(AudioPlayerContext.Provider,{value:d},Ie,lt.map(e=>{const{id:t}=e,r=document.querySelector(`[data-id=${t}]`);return r?React__default.default.createElement(index$f,{el:r,key:t,region:e,edgeAdsorption:ge,clipping:Z,zoom:j,instance:D(t),isCheck:b}):null}),React__default.default.createElement(index$g.default,{footer:Ke})):Ie},WrapAudioPlayer=l=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(AudioPlayer,__spreadValues({},l)));exports.AudioPlayer=AudioPlayer,exports.AudioPlayerContext=AudioPlayerContext,exports.WrapAudioPlayer=WrapAudioPlayer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),getWebPcm2Wac=require("../audioAnnotate/utils/getWebPcm2Wac.js"),_=require("lodash"),icons=require("@ant-design/icons"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),antd=require("antd"),index$b=require("../invalidPage/index.js"),index$6=require("../imageError/index.js"),index$a=require("../../utils/index.js"),index$d=require("../videoPlayer/components/SpeedController/index.js"),WaveSurfer=require("@labelbee/wavesurfer"),Region=require("@labelbee/wavesurfer/dist/plugin/wavesurfer.regions.js"),Cursor=require("@labelbee/wavesurfer/dist/plugin/wavesurfer.cursor.js"),index=require("./zoomSlider/index.js"),index$e=require("./labelDisplayToggle/index.js"),index$f=require("./clipRegion/index.js"),index$1=require("../audioAnnotate/audioContext/index.js"),ahooks=require("ahooks"),index$2=require("./useAudioScroll/index.js"),index_module=require("./index.module.scss.js"),audio=require("../../utils/audio.js"),index$c=require("./progressDot/index.js"),index$7=require("./clipTip/index.js"),index$5=require("./useSwitchHotkey/index.js"),index$3=require("./useAudioCombine/index.js"),index$4=require("./useAudioSegment/index.js"),index$8=require("./combineTip/index.js"),index$9=require("./segmentTip/index.js"),index$g=require("../../views/MainView/toolFooter/index.js"),utils=require("../videoPlayer/utils.js"),reactI18next=require("react-i18next"),useSize=require("../../hooks/useSize.js");function _interopDefaultLegacy(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),WaveSurfer__default=_interopDefaultLegacy(WaveSurfer),Region__default=_interopDefaultLegacy(Region),Cursor__default=_interopDefaultLegacy(Cursor),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(l,u,d)=>u in l?__defProp(l,u,{enumerable:!0,configurable:!0,writable:!0,value:d}):l[u]=d,__spreadValues=(l,u)=>{for(var d in u||(u={}))__hasOwnProp.call(u,d)&&__defNormalProp(l,d,u[d]);if(__getOwnPropSymbols)for(var d of __getOwnPropSymbols(u))__propIsEnum.call(u,d)&&__defNormalProp(l,d,u[d]);return l},__spreadProps=(l,u)=>__defProps(l,__getOwnPropDescs(u));const{EToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,PER_PROGRESS=.1,AudioPlayerContext=React__default.default.createContext({count:0,isEdit:!1,toolName:EToolName.Empty,imgIndex:0}),AudioPlayer=({fileData:l={},onLoaded:u,context:d,invalid:Ne,height:Fe,hideError:ze,onError:ne,updateRegion:T,removeRegion:$,regions:x=[],activeToolPanel:Ue,clipConfigurable:Ze,clipTextConfigurable:oe,clipAttributeList:He,clipAttributeConfigurable:ie,secondaryAttributeConfigurable:Ve,subAttributeList:Xe,isCheck:b,hoverRegionId:W,footer:Ke,drawLayerSlot:ae,clipTextList:Ge,lang:le})=>{var se,ue;const{url:O,path:ce}=l,[N,F]=React.useState(!1),[de,z]=React.useState(!1),[P,Ye]=React.useState(0),[Je,fe]=React.useState(!1),[S,ve]=React.useState(0),o=React.useRef(null),C=React.useRef(null),me=React.useRef(P),U=e=>{me.current=e,Ye(e)},[pe,Qe]=React.useState(0),[j,et]=React.useState(index.audioZoomInfo.defaultValue),y=React.useRef(null),[ge,tt]=React.useState({}),{audioClipState:Z,setAudioClipState:B}=index$1.useAudioClipStore(),[H,V]=React.useState(!1),c=ahooks.useLatest(Z),be=ahooks.useLatest(ge);ahooks.useLatest(N);const A=ahooks.useLatest(x),_e=ahooks.useUpdate(),[ye,rt]=React.useState([]),[Ee,nt]=React.useState({}),[ot,Se]=React.useState(""),[he,it]=React.useState({start:0,end:0}),at=useSize(y),lt=React.useMemo(()=>x.filter(e=>{const{start:t,end:r}=he;return e.start>=t&&e.start<=r||e.end>=t&&e.end<=r||e.id===ot}),[x,he]),st=_.debounce(()=>{lbAnnotation.EventBus.emit("audioZoom")},500),Re=e=>{e<index.audioZoomInfo.min||e>index.audioZoomInfo.max||(et(e),audio.dispatchResizeEvent(),st())};index$2({container:y.current,target:document.querySelector(`[data-id=${(ue=(se=c.current)==null?void 0:se.selectedRegion)==null?void 0:ue.id}]`),clipping:H,zoom:j,zoomHandler:Re});const L=()=>{let e=A.current;const{attributeLockList:t}=c.current;t.length&&(e=e.filter(r=>t.includes(r.attribute))),K(),e.forEach(r=>{var n;(n=o.current)==null||n.addRegion(__spreadProps(__spreadValues({},r),{drag:!b,resize:!b,color:"rgba(0, 0, 0, 0)"}))}),_e()},m=e=>{var t,r,n,i,s,v,p;const{id:a,loop:f=!0,playImmediately:g=!1,isLoopStatus:I}=e,q=!1;if(a){const w=(n=(r=(t=o.current)==null?void 0:t.regions)==null?void 0:r.list)!=null?n:{};Object.entries(w).forEach(([,R])=>{const{id:k}=R;a===k?R.select():R.cancelSelect()}),B({selectedRegion:{id:a,loop:q},selectedAttribute:(v=(s=(i=A.current)==null?void 0:i.find(R=>R.id===a))==null?void 0:s.attribute)!=null?v:""}),g&&((p=D(a))==null||p.play())}else B({selectedRegion:{}})},{combineInstance:ut}=index$3({waveRef:o,sortByStartRegions:ye,regionMap:Ee,updateRegion:T,removeRegion:$,generateRegions:L,setSelectedRegion:m}),{segmentInstance:ct,onRegionMouseMove:dt,segmentTimeTip:ft}=index$4({waveRef:o,regionMap:Ee,updateRegion:T,removeRegion:$,generateRegions:L,setSelectedRegion:m}),xe={clipTextConfigurable:oe,clipAttributeList:He,clipAttributeConfigurable:ie,clipConfigurable:Ze,secondaryAttributeConfigurable:Ve,subAttributeList:Xe,clipTextList:Ge};React.useEffect(()=>{var e;le&&((e=lbUtils.i18n)==null||e.changeLanguage(le))},[]),React.useEffect(()=>{B({selectedAttribute:""})},[ie]),React.useEffect(()=>{X()},[Z.selectedAttribute]),React.useEffect(()=>{L()},[Z.attributeLockList]),ahooks.useDeepCompareEffect(()=>{B(xe),setTimeout(()=>{Pe()})},[xe]),ahooks.useDeepCompareEffect(()=>{rt(_.sortBy(x,["start"])),nt(x.reduce((e,t)=>{const{id:r}=t;return __spreadProps(__spreadValues({},e),{[r]:t})},{})),b&&L()},[x]),React.useEffect(()=>{m(W?{id:W,loop:!1,playImmediately:!0}:{})},[W]);const Pe=()=>{var e,t;c.current.clipConfigurable?(!b&&o.current&&((e=o.current)==null||e.enableDragSelection({slop:5})),L()):((t=o.current)==null||t.disableDragSelection(),K()),X()},X=()=>{var e,t,r,n,i;let s="";c.current.clipConfigurable?s=audio.getAttributeColor(c.current.selectedAttribute,(e=c.current.clipAttributeList)!=null?e:[]):s="transparent",((r=(t=o==null?void 0:o.current)==null?void 0:t.cursor)==null?void 0:r.cursor)&&((i=(n=o==null?void 0:o.current)==null?void 0:n.cursor)==null||i.setStyle({border:`2px dashed ${s}`}))},D=e=>{var t,r,n;return((n=(r=(t=o.current)==null?void 0:t.regions)==null?void 0:r.list)!=null?n:{})[e]},Ce=()=>{var e,t;if(O){const r=((t=(e=ce==null?void 0:ce.split("."))==null?void 0:e.pop())==null?void 0:t.toLowerCase())==="pcm";fe(!1),r?getWebPcm2Wac.getWebPcm2WavBase64(O).then(n=>{we(n)}):we(O)}},we=e=>{var t;e&&(z(!0),U(0),ve(0),(t=o==null?void 0:o.current)==null||t.load(e))},K=()=>{var e;(e=o.current)==null||e.clearRegions()},G=e=>{const t=D(e);t&&(V(!1),t==null||t.remove(),$==null||$(e),m({}))},{run:Te}=ahooks.useThrottleFn(m,{wait:100});index$5({sortByStartRegions:ye,setSelectedRegion:m});const vt=e=>{const{start:t,end:r}=be.current;return(t||r)&&e.update(be.current),e},mt=({action:e,id:t,eventDownTime:r})=>{var n,i;if(!c.current.clipConfigurable)return;t&&m({id:t});const s=D((t!=null?t:(n=c.current.selectedRegion)==null?void 0:n.id)||""),v=[];(e==="create"?A.current:(i=A.current)==null?void 0:i.filter(f=>f.id!==s.id)).forEach(f=>{const{start:g,end:I,attribute:q}=f;q===c.current.selectedAttribute&&[g,I].forEach(w=>{v.includes(w)||v.push(w)})});const a=audio.getCanMoveRange(v.sort((f,g)=>f-g),r);o.current.range=a},pt=e=>{X(),setTimeout(()=>{V(!1)});const t=vt(e),{id:r,start:n,end:i}=t;m({id:r,playImmediately:!0});const s={id:r,start:utils.decimalReserved(n,3),end:utils.decimalReserved(i,3)};T==null||T(s),_e()},gt=()=>{const e=WaveSurfer__default.default.create({container:"#waveform",waveColor:"#999",progressColor:"#999",height:Fe||245,normalize:!0,cursorWidth:2,cursorColor:"white",responsive:0,hideScrollbar:!0,plugins:[Region__default.default.create({regions:x,dragSelection:{slop:5},canMove:!1}),Cursor__default.default.create({opacity:1,customStyle:{border:"2px dashed transparent"}})]}),t=()=>{var r;U(((r=o==null?void 0:o.current)==null?void 0:r.getCurrentTime())||0)};e.on("ready",()=>{var r;const n=((r=o==null?void 0:o.current)==null?void 0:r.getDuration())||0;ve(n),t(),u==null||u({duration:Math.round(n)}),z(!1),M(),lbAnnotation.EventBus.on("setCurrentTimeByPosition",J),lbAnnotation.EventBus.on("clearRegions",K),lbAnnotation.EventBus.on("removeRegionById",G),lbAnnotation.EventBus.on("setSelectedRegion",Te),e.on("regions-eventDown",mt),Pe()}),e.on("audioprocess",()=>{t()}),e.on("play",()=>{F(!0)}),e.on("pause",()=>{F(!1)}),e.on("finish",()=>{F(!1)}),e.on("seek",()=>{t()}),e.on("error",()=>{fe(!0),z(!1),u==null||u({hasError:!0}),ne==null||ne()}),e.on("region-created",r=>{var n;const{id:i,start:s,end:v}=r;if(A.current.find(a=>a.id===i))return;Se(i);const p={id:i,start:utils.decimalReserved(s,3),end:utils.decimalReserved(v,3),attribute:c.current.selectedAttribute,text:""};if(c.current.secondaryAttributeConfigurable){const a=lbAnnotation.TagUtils.getDefaultResultByConfig((n=c.current.subAttributeList)!=null?n:[]);p.subAttribute=a!=null?a:{}}oe&&c.current.clipTextList.forEach((f,g)=>{g===0?Object.assign(p,{text:f==null?void 0:f.default}):Object.assign(p,{[f.key]:f==null?void 0:f.default})}),T==null||T(p)}),e.on("region-updated",(r,n)=>{var i,s,v,p,a,f,g,I,q,w;const R=n==null?void 0:n.action;B({combined:!1,segment:!1}),R==="resize"&&((s=(i=o==null?void 0:o.current)==null?void 0:i.cursor)==null||s.setStyle({borderStyle:"solid"})),R==="drag"&&((p=(v=o==null?void 0:o.current)==null?void 0:v.cursor)==null||p.setStyle({borderColor:"transparent"}));const k={},Q=[],ee={},At=(a=A.current)==null?void 0:a.filter(E=>E.id!==r.id),qt=(I=(g=(f=o.current)==null?void 0:f.regions)==null?void 0:g.list)!=null?I:{};At.forEach(E=>{var $e,Oe;const{element:te}=($e=qt[E.id])!=null?$e:{},{start:Lt,end:Dt}=E;if(te){const{x:We,width:Mt}=((Oe=te.getBoundingClientRect)==null?void 0:Oe.call(te))||{},It=We+Mt;[We,It].forEach((re,kt)=>{Q.includes(re)||(Q.push(re),ee[re]=kt===0?Lt:Dt)})}});const{x:ke,width:jt}=((w=(q=r.element).getBoundingClientRect)==null?void 0:w.call(q))||{},Bt=ke+jt;Q.forEach(E=>{Math.abs(audio.precisionMinus(E,ke))<5&&(k.start=ee[E]),Math.abs(audio.precisionMinus(E,Bt))<5&&(k.end=ee[E])}),tt(k),Te({id:r.id}),V(!0)}),e.on("region-update-end",r=>{pt(r),Se("")}),e.on("region-contextmenu",(r,n)=>{if(!b){if(n.preventDefault(),n.stopPropagation(),audio.isDoubleClick(n)){G(r.id);return}m({id:r.id,playImmediately:!0})}}),e.on("region-click",(r,n,i)=>{if(!b){if(n.preventDefault(),n.stopPropagation(),c.current.combined){ut(r);return}if(c.current.segment){ct(r,i);return}m({id:r.id,playImmediately:!0})}}),e.on("region-mousemove",dt),o.current=e},bt=N?React__default.default.createElement(icons.PauseOutlined,null):React__default.default.createElement(icons.CaretRightOutlined,null),Ae=e=>e?`${parseFloat((e/S*100).toFixed(4))}%`:"0%",qe=Ae(P),_t=Ae(pe),h=()=>{if(!de)return o==null?void 0:o.current},yt=()=>{var e;(e=h())==null||e.skipForward(PER_PROGRESS)},Et=()=>{var e;(e=h())==null||e.skipBackward(PER_PROGRESS)},M=()=>{var e;(e=h())==null||e.playPause()},je=e=>{var t;switch(e.keyCode){case EKeyCode.Right:yt();break;case EKeyCode.Left:Et();break;case EKeyCode.Space:e.preventDefault(),M();break;case EKeyCode.Delete:if(!b){const{id:r}=((t=c.current)==null?void 0:t.selectedRegion)||{};r&&G(r)}break}},St=e=>{J(e)},Be=___default.default.throttle(St,50);let Y=!1;const Le=()=>{Y&&(M(),Y=!1),document.removeEventListener("mousemove",Be),document.removeEventListener("mouseup",Le)},ht=e=>{J(e),N&&(Y=!0,M()),document.addEventListener("mousemove",Be),document.addEventListener("mouseup",Le)},Rt=()=>{Ce()};React.useEffect(()=>(gt(),()=>{var e;(e=o==null?void 0:o.current)==null||e.destroy(),o.current=null,lbAnnotation.EventBus.unbindAll("setCurrentTimeByPosition"),lbAnnotation.EventBus.unbindAll("clearRegions"),lbAnnotation.EventBus.unbindAll("removeRegionById"),lbAnnotation.EventBus.unbindAll("setSelectedRegion")}),[]);const xt=e=>{var t,r,n;(t=h())==null||t.playPause(),(r=h())==null||r.setPlaybackRate(e),(n=h())==null||n.playPause()};React.useEffect(()=>(document.addEventListener("keydown",je),()=>{document.removeEventListener("keydown",je)})),React.useEffect(()=>{m({}),Ce()},[O]),React.useEffect(()=>{De()},[at,S,j]);const Pt=()=>{if(y.current&&S){const e=y.current.scrollLeft,t=y.current.clientWidth,r=e/y.current.scrollWidth*S,n=(e+t)/y.current.scrollWidth*S;it({start:r,end:n})}},{run:De}=ahooks.useThrottleFn(Pt,{wait:300}),Me=e=>{var t,r,n,i;if((o==null?void 0:o.current)&&(C==null?void 0:C.current)){const s=(r=(t=o==null?void 0:o.current)==null?void 0:t.getDuration())!=null?r:0,v=(n=C==null?void 0:C.current)==null?void 0:n.getBoundingClientRect();let a=(e.clientX-v.left)/(((i=C==null?void 0:C.current)==null?void 0:i.clientWidth)||0)*s;return a>s&&(a=s),a}return 0},J=e=>{var t;const r=Me(e);(t=o==null?void 0:o.current)==null||t.skip(r-me.current),U(r)},Ct=e=>{Qe(Me(e))},wt=S?Math.max(S-P,0):0,Tt=(d==null?void 0:d.toolName)!==EToolName.Empty&&(d==null?void 0:d.isEdit)!==!0&&(Ue==="remark"||b),Ie=React__default.default.createElement("div",{className:index_module.audioPlayer},Je&&!ze&&React__default.default.createElement(index$6,{fileTypeName:"\u97F3\u9891",ignoreOffsetY:!0,reloadImage:Rt,backgroundColor:"#ffffffbb"}),React__default.default.createElement(index$7,{getRegionInstanceById:D,clipping:H}),React__default.default.createElement(index$8,{container:y.current}),React__default.default.createElement(index$9,{segmentTimeTip:ft}),React__default.default.createElement("div",{className:index_module.waveformContainer,ref:y,onScroll:()=>De()},React__default.default.createElement("div",{id:"waveform",style:{width:`${j*100}%`},className:index$a.classnames({[index_module.waveform]:!0,"bee-audio-combined":c.current.combined,"bee-audio-clip":c.current.clipConfigurable})},Ne&&React__default.default.createElement(index$b,{isAudio:!0}),React__default.default.createElement("div",{ref:C,className:index_module.progress,onMouseDown:ht,onMouseMove:Ct},React__default.default.createElement("div",{className:index$a.classnames({[index_module.radioTooltip]:!0}),style:{left:qe}},audio.formatTime(P)),React__default.default.createElement("div",{className:index$a.classnames({[index_module.radioTooltip]:!0,[index_module.mouseTooltip]:!0}),style:{left:_t}},audio.formatTime(pe)),React__default.default.createElement(index$c,{playPercentage:qe})),Tt&&(ae==null?void 0:ae({currentTime:P,remainingTime:wt,audioPlayer:h()})))),React__default.default.createElement("div",{className:index_module.controlBar},React__default.default.createElement(antd.Button,{type:"link",icon:bt,onClick:()=>{M()},className:index$a.classnames({[index_module.playButton]:!0,[index_module.playButtonDisabled]:de})}),React__default.default.createElement("span",{className:index_module.time},`${audio.timeFormat(P,"ss.SSS")} / -${audio.timeFormat(S-P,"ss.SSS")}`),React__default.default.createElement(index$d.default,{playerType:index$d.EPlayerType.Audio,onChange:e=>{xt(e)}}),React__default.default.createElement(index.default,{onChange:e=>{var t;(t=h())==null||t.pause(),Re(e)},zoom:j}),React__default.default.createElement(index$e,{EventBus:lbAnnotation.EventBus})));return d?React__default.default.createElement(AudioPlayerContext.Provider,{value:d},Ie,lt.map(e=>{const{id:t}=e,r=document.querySelector(`[data-id="${t}"]`);return r?React__default.default.createElement(index$f,{el:r,key:t,region:e,edgeAdsorption:ge,clipping:H,zoom:j,instance:D(t),isCheck:b}):null}),React__default.default.createElement(index$g.default,{footer:Ke})):Ie},WrapAudioPlayer=l=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(AudioPlayer,__spreadValues({},l)));exports.AudioPlayer=AudioPlayer,exports.AudioPlayerContext=AudioPlayerContext,exports.WrapAudioPlayer=WrapAudioPlayer;

package/dist/components/longText/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),antd=require("antd"),ahooks=require("ahooks"),index=require("../../constant/index.js"),icons=require("@ant-design/icons");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__objRest=(e,t)=>{var r={};for(var n in e)__hasOwnProp.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&__getOwnPropSymbols)for(var n of __getOwnPropSymbols(e))t.indexOf(n)<0&&__propIsEnum.call(e,n)&&(r[n]=e[n]);return r};const longTextCls=`${index.prefix}-longText`,TextDom=React.forwardRef((e,t)=>{var r=e,{text:n,overflowMaxLines:c,style:o}=r,f=__objRest(r,["text","overflowMaxLines","style"]);const a={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},l={display:"-webkit-box",WebkitLineClamp:c,WebkitBoxOrient:"vertical",overflow:"hidden"},u=c>1?l:a,s=__spreadValues(__spreadValues({},u),o!=null?o:{});return React__default.default.createElement("div",__spreadValues({style:s,ref:t},f),n)}),LongText=e=>{const{text:t,placement:r="bottom",icon:n=React__default.default.createElement(icons.SearchOutlined,null),openByText:c,style:o,isToolTips:f,overflowMaxLines:a=1}=e,l=React.useRef(null),u=ahooks.useSize(l),s=React.useMemo(()=>{var i,d,v,p;return a>1?l.current&&((i=l.current)==null?void 0:i.clientHeight)<((d=l.current)==null?void 0:d.scrollHeight):l.current&&((v=l.current)==null?void 0:v.clientWidth)<((p=l.current)==null?void 0:p.scrollWidth)},[u]);if(c){let i={placement:r,overlayClassName:`${longTextCls}-popover`,content:t,key:`${s}`};return s||Object.assign(i,{open:!1}),f?React__default.default.createElement(antd.Tooltip,__spreadProps(__spreadValues({},i),{title:t}),React__default.default.createElement(TextDom,{overflowMaxLines:a,style:o,ref:l,text:t})):React__default.default.createElement(antd.Popover,__spreadValues({},i),React__default.default.createElement(TextDom,{overflowMaxLines:a,style:o,ref:l,text:t}))}return React__default.default.createElement("div",{className:longTextCls,style:o},React__default.default.createElement(TextDom,{overflowMaxLines:a,style:o,ref:l,text:t}),s&&React__default.default.createElement(antd.Popover,{placement:r,overlayClassName:`${longTextCls}-popover`,content:t},n))};module.exports=LongText;
+"use strict";var React=require("react"),antd=require("antd"),ahooks=require("ahooks"),index=require("../../constant/index.js"),icons=require("@ant-design/icons");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),__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)),__objRest=(t,e)=>{var r={};for(var l in t)__hasOwnProp.call(t,l)&&e.indexOf(l)<0&&(r[l]=t[l]);if(t!=null&&__getOwnPropSymbols)for(var l of __getOwnPropSymbols(t))e.indexOf(l)<0&&__propIsEnum.call(t,l)&&(r[l]=t[l]);return r};const longTextCls=`${index.prefix}-longText`,TextDom=React.forwardRef((t,e)=>{var r=t,{text:l,overflowMaxLines:f,style:o}=r,u=__objRest(r,["text","overflowMaxLines","style"]);const i={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},s={display:"-webkit-box",WebkitLineClamp:f,WebkitBoxOrient:"vertical",overflow:"hidden"},n=f>1?s:i,d=__spreadValues(__spreadValues({},n),o!=null?o:{});return React__default.default.createElement("div",__spreadValues({style:d,ref:e},u),l)}),LongText=t=>{const{text:e,placement:r="bottom",icon:l=React__default.default.createElement(icons.SearchOutlined,null),openByText:f,style:o,isToolTips:u,overflowMaxLines:i=1,maxWordCount:s}=t,n=React.useRef(null),d=ahooks.useSize(n),p=React.useMemo(()=>{var a,c,v,m;return i>1?n.current&&((a=n.current)==null?void 0:a.clientHeight)<((c=n.current)==null?void 0:c.scrollHeight):n.current&&((v=n.current)==null?void 0:v.clientWidth)<((m=n.current)==null?void 0:m.scrollWidth)},[d]);if(s){if(e.length>s){const a=e.substring(0,s)+"...",c={placement:r,content:e};return u?React__default.default.createElement(antd.Tooltip,__spreadProps(__spreadValues({},c),{title:e}),React__default.default.createElement(TextDom,{overflowMaxLines:i,style:o,ref:n,text:a})):React__default.default.createElement(antd.Popover,__spreadValues({},c),React__default.default.createElement(TextDom,{overflowMaxLines:i,style:o,ref:n,text:a}))}return React__default.default.createElement("span",null,e)}if(f){let a={placement:r,overlayClassName:`${longTextCls}-popover`,content:e,key:`${p}`};return p||Object.assign(a,{open:!1}),u?React__default.default.createElement(antd.Tooltip,__spreadProps(__spreadValues({},a),{title:e}),React__default.default.createElement(TextDom,{overflowMaxLines:i,style:o,ref:n,text:e})):React__default.default.createElement(antd.Popover,__spreadValues({},a),React__default.default.createElement(TextDom,{overflowMaxLines:i,style:o,ref:n,text:e}))}return React__default.default.createElement("div",{className:longTextCls,style:o},React__default.default.createElement(TextDom,{overflowMaxLines:i,style:o,ref:n,text:e}),p&&React__default.default.createElement(antd.Popover,{placement:r,overlayClassName:`${longTextCls}-popover`,content:e},l))};module.exports=LongText;