@labelbee/lb-components 1.2.3 → 1.3.0

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/index.scss"],"names":[],"mappings":"AAMA;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA,YAlBW;;AAqBb;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;AAAA;EAEE;;AAEA;AAAA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;AAMN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAII;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKN;EACE;;AAGF;EACE;;AAGF;EACE;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;EAEA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;;AAcF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EAEA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAQF;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAKF;AAAA;EACE;;AAMJ;EACE;;AAgBF;AAAA;EACE;;;AAgBN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAKJ;EACE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAMA;EACE;;AAKN;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAmBJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAQJ;EACE;EACA;;AAGE;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAMN;EACE;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKN;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;AAGE;EACE;;AAKN;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAOF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAIJ;EACE;EAEA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EAEA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE","file":"index.css"}

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactRedux=require("react-redux"),configureStore=require("./configureStore.js"),App=require("./App.js"),actionCreators=require("./store/annotation/actionCreators.js"),lbUtils=require("@labelbee/lb-utils"),reactI18next=require("react-i18next"),index$1=require("./components/AnnotationView/index.js");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,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},__spreadProps=(e,r)=>__defProps(e,__getOwnPropDescs(r));const store=configureStore(),OutputApp=(e,r)=>{const[t,a]=React.useState();return React.useImperativeHandle(r,()=>({toolInstance:t,pageBackwardActions:()=>store.dispatch(actionCreators.PageBackward()),pageForwardActions:()=>store.dispatch(actionCreators.PageForward()),pageJump:o=>{const n=~~o-1;store.dispatch(actionCreators.PageJump(n))},hello:()=>alert("hello labelBee!!!")}),[t]),React__default.default.createElement(reactRedux.Provider,{store},React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(App,__spreadProps(__spreadValues({},e),{setToolInstance:a}))))};var index=React__default.default.forwardRef(OutputApp);Object.defineProperty(exports,"i18n",{enumerable:!0,get:function(){return lbUtils.i18n}}),exports.AnnotationView=index$1,exports.default=index,exports.store=store;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("./components/AnnotationView/index.js"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),App=require("./App.js"),configureStore=require("./configureStore.js"),actionCreators=require("./store/annotation/actionCreators.js");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,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},__spreadProps=(e,r)=>__defProps(e,__getOwnPropDescs(r));const store=configureStore(),OutputApp=(e,r)=>{const[t,a]=React.useState();return React.useImperativeHandle(r,()=>({toolInstance:t,pageBackwardActions:()=>store.dispatch(actionCreators.PageBackward()),pageForwardActions:()=>store.dispatch(actionCreators.PageForward()),pageJump:o=>{const n=~~o-1;store.dispatch(actionCreators.PageJump(n))},hello:()=>alert("hello labelBee!!!")}),[t]),React__default.default.createElement(reactRedux.Provider,{store},React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(App,__spreadProps(__spreadValues({},e),{setToolInstance:a}))))};var index=React__default.default.forwardRef(OutputApp);exports.AnnotationView=index$1,Object.defineProperty(exports,"i18n",{enumerable:!0,get:function(){return lbUtils.i18n}}),exports.default=index,exports.store=store;

package/dist/store/annotation/reducer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Actions=require("../Actions.js"),_=require("lodash"),data=require("../../utils/data.js"),index=require("../../utils/index.js"),StepUtils=require("../../utils/StepUtils.js"),AnnotationDataUtils=require("../../utils/AnnotationDataUtils.js"),ConfigUtils=require("../../utils/ConfigUtils.js"),styleString=require("../../constant/styleString.js"),index$1=require("../../components/customResizeHook/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),es=require("antd/es"),actionCreators=require("./actionCreators.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__async=(e,t,o)=>new Promise((T,c)=>{var p=l=>{try{N(o.next(l))}catch(E){c(E)}},g=l=>{try{N(o.throw(l))}catch(E){c(E)}},N=l=>l.done?T(l.value):Promise.resolve(l.value).then(p,g);N((o=o.apply(e,t)).next())});const getStepConfig=(e,t)=>e.find(o=>o.step===t),initialState={annotationEngine:null,toolInstance:null,imgList:[],config:"{}",imgIndex:-1,basicIndex:0,imgPageSize:1,step:1,stepList:[],imgNode:new Image,basicResultList:[],resultList:[],stepProgress:0,loading:!1,triggerEventAfterIndexChanged:!1},getTotalPage=e=>{const{imgList:t,imgPageSize:o}=e;return Math.ceil(t.length/o)},calcStepProgress=(e,t)=>e.reduce((o,T)=>{const c=T.result;return index.jsonParser(c)[`step_${t}`]?o+1:o},0)/e.length,updateToolInstance=(e,t)=>{const{step:o,stepList:T}=e,c=StepUtils.getCurrentStepInfo(o,T),p=ConfigUtils.ConfigUtils.jsonParser(c.config),g=document.getElementById("toolContainer");if(!g)throw"Not exist dom named id-toolContainer";const N=index$1.getFormatSize({width:window.innerWidth,height:window.innerHeight}),l=new lbAnnotation.AnnotationEngine({container:g,toolName:c.tool,size:N,imgNode:t,config:p,style:JSON.parse(styleString)});return{toolInstance:l.toolInstance,annotationEngine:l}},LoadImageAndFileData=(e,t)=>(o,T)=>__async(void 0,null,function*(){const{getFileData:c,imgList:p,toolInstance:g}=T().annotation;if(actionCreators.SetAnnotationLoading(o,!0),c){const l=yield c(p[e],e);o({type:Actions.ANNOTATION_ACTIONS.SET_FILE_DATA,payload:{fileData:l,index:e}})}const{url:N}=p[e];return lbAnnotation.ImgUtils.load(N).then(l=>{actionCreators.SetAnnotationLoading(o,!1),o({type:Actions.ANNOTATION_ACTIONS.LOAD_FILE_DATA,payload:{imgNode:l,nextIndex:e,nextBasicIndex:t}})}).catch(()=>{actionCreators.SetAnnotationLoading(o,!1),g.setErrorImg(),o({type:Actions.ANNOTATION_ACTIONS.LOAD_FILE_DATA,payload:{nextIndex:e,nextBasicIndex:t}})})}),annotationReducer=(e=initialState,t)=>{var o,T,c,p,g,N,l,E,h,b,x,F,j,w,U;switch(t.type){case Actions.ANNOTATION_ACTIONS.UPDATE_TOOL_INSTANCE:return __spreadProps(__spreadValues({},e),{toolInstance:t.payload.toolInstance});case Actions.ANNOTATION_ACTIONS.UPDATE_IMG_LIST:return __spreadProps(__spreadValues({},e),{imgList:t.payload.imgList});case Actions.ANNOTATION_ACTIONS.CALC_STEP_PROGRESS:{const{imgList:n,step:s}=e,r=calcStepProgress(n,s);return __spreadProps(__spreadValues({},e),{stepProgress:r})}case Actions.ANNOTATION_ACTIONS.SUBMIT_FILE_DATA:{const{imgList:n,imgIndex:s,step:r,stepList:i,toolInstance:a,onSubmit:u,resultList:A}=e;if(!a)return e;const I=((o=n[s])==null?void 0:o.result)||"",[,d]=a.exportData(),O=data.composeResultWithBasicImgInfo(I,d),m=data.composeResult(O,{step:r,stepList:i},{rect:A});n[s].result=AnnotationDataUtils.dataCorrection(m,I,r,i),u&&u([n[s]],(T=t.payload)==null?void 0:T.submitType,s);const f=calcStepProgress(n,r);return __spreadProps(__spreadValues({},e),{stepProgress:f,imgList:n})}case Actions.ANNOTATION_ACTIONS.SAVE_RESULT:{const{imgList:n,imgIndex:s,onSave:r}=e;return r==null||r(n[s],s,n),__spreadValues({},e)}case Actions.ANNOTATION_ACTIONS.SUBMIT_RESULT:{const{imgList:n,basicIndex:s,resultList:r,annotationEngine:i,basicResultList:a}=e;if(!i)return e;const[u]=i.toolInstance.exportData();let A=u;if((a==null?void 0:a.length)>0){const I=(c=a[s])==null?void 0:c.id,d=u.map(O=>__spreadProps(__spreadValues({},O),{sourceID:I}));A=___default.default.cloneDeep(r).filter(O=>O.sourceID!==I),A.push(...d)}return __spreadProps(__spreadValues({},e),{resultList:A,imgList:n})}case Actions.ANNOTATION_ACTIONS.SET_BASIC_INDEX:{const{toolInstance:n,step:s,imgList:r,imgIndex:i,stepList:a,annotationEngine:u,resultList:A,basicResultList:I}=e;if(!n||!u)return e;const d=t.payload.basicIndex,O=(p=I[d])==null?void 0:p.id,m=index.jsonParser((g=r[i])==null?void 0:g.result),f=(A||[]).filter(P=>P.sourceID===O),L=getStepConfig(a,s),{dataSourceStep:C,tool:R}=L,D=getStepConfig(a,C);let S=[];return C&&R&&(S=(N=m[`step_${C}`])==null?void 0:N.result,(S==null?void 0:S.length)>0?(u.setBasicInfo(D.tool,S[d]),u.launchOperation()):(u.setBasicInfo(D.tool),u.forbidOperation(),es.message.info("\u5F53\u524D\u6587\u4EF6\u4E0D\u5B58\u5728\u4F9D\u8D56\u6570\u636E"))),n.setResult(f),n.history.initRecord(f,!0),__spreadProps(__spreadValues({},e),{basicIndex:d})}case Actions.ANNOTATION_ACTIONS.SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED:{const{triggerEventAfterIndexChanged:n}=t.payload;return __spreadProps(__spreadValues({},e),{triggerEventAfterIndexChanged:!!n})}case Actions.ANNOTATION_ACTIONS.LOAD_FILE_DATA:{const{imgList:n,step:s,toolInstance:r,annotationEngine:i,stepList:a}=e;if(!r||!i)return e;const u=StepUtils.getCurrentStepInfo(s,a),{nextIndex:A,imgNode:I,nextBasicIndex:d,imgError:O}=t.payload,m=d!=null?d:0,f=index.jsonParser((l=n[A])==null?void 0:l.result),L=f[`step_${s}`],C=!L,R={rotate:(E=f.rotate)!=null?E:0,valid:(h=f.valid)!=null?h:!0};I&&O!==!0&&i.setImgNode(I,R);const D=getStepConfig(a,s),{dataSourceStep:S,tool:P}=D,B=getStepConfig(a,S),q=S&&P,v=(x=(b=f[`step_${S}`])==null?void 0:b.result)!=null?x:[],y=AnnotationDataUtils.getInitialResultList(L==null?void 0:L.result,r,D,v,C);if(i.launchOperation(),q&&((v==null?void 0:v.length)>0?i.setBasicInfo(B.tool,v[m]):(i.setBasicInfo(B.tool),i.forbidOperation(),es.message.info("\u5F53\u524D\u6587\u4EF6\u4E0D\u5B58\u5728\u4F9D\u8D56\u6570\u636E"))),u.tool!=="check"){const G=(j=(F=v[m])==null?void 0:F.id)!=null?j:"",z=q?y.filter(M=>lbAnnotation.CommonToolUtils.isSameSourceID(M.sourceID,G)):y;r.setResult(z),r.history.initRecord(y,!0)}return __spreadProps(__spreadValues({},e),{imgIndex:A,basicIndex:m,basicResultList:v,resultList:y})}case Actions.ANNOTATION_ACTIONS.UPDATE_ANNOTATION_CONFIG:return __spreadProps(__spreadValues({},e),{config:(w=t.payload.config)!=null?w:"{}"});case Actions.ANNOTATION_ACTIONS.SET_TASK_CONFIG:{const{stepList:n,step:s}=t.payload;return __spreadProps(__spreadValues({},e),{stepList:n,step:s})}case Actions.ANNOTATION_ACTIONS.INIT_TOOL:{const{imgNode:n}=e,{toolInstance:s,annotationEngine:r}=updateToolInstance(e,n);return __spreadProps(__spreadValues({},e),{toolInstance:s,annotationEngine:r})}case Actions.ANNOTATION_ACTIONS.UPDATE_ON_SUBMIT:return __spreadProps(__spreadValues({},e),{onSubmit:t.payload.onSubmit});case Actions.ANNOTATION_ACTIONS.UPDATE_ON_SAVE:return __spreadProps(__spreadValues({},e),{onSave:t.payload.onSave});case Actions.ANNOTATION_ACTIONS.UPDATE_GET_FILE_DATA:return __spreadProps(__spreadValues({},e),{getFileData:t.payload.getFileData});case Actions.ANNOTATION_ACTIONS.SET_FILE_DATA:{const{fileData:n,index:s}=t.payload,{imgList:r}=e;return r[s]=__spreadValues(__spreadValues({},r[s]),n),__spreadProps(__spreadValues({},e),{imgList:r})}case Actions.ANNOTATION_ACTIONS.UPDATE_ROTATE:{const{toolInstance:n}=e;return n==null||n.updateRotate(),e}case Actions.ANNOTATION_ACTIONS.COPY_BACKWARD_RESULT:{const{toolInstance:n,imgIndex:s,imgList:r,step:i}=e;if(!n)return e;if(s===0||s>=r.length)return console.error("\u65E0\u6CD5\u590D\u5236\u8FB9\u754C\u5916\u7684\u5185\u5BB9"),e;const a=r[s-1].result;if(!a)return e;const u=AnnotationDataUtils.copyResultChange(a,i,(U=r[s].result)!=null?U:"");r[s].result=u;const I=index.jsonParser(u)[`step_${i}`],d=(I==null?void 0:I.result)||[];return n.setResult(d),n.history.pushHistory(d),__spreadProps(__spreadValues({},e),{imgList:[...r]})}case Actions.ANNOTATION_ACTIONS.SET_STEP:{const{stepList:n,annotationEngine:s}=e,{toStep:r}=t.payload;if(!s)return e;const i=getStepConfig(n,r);return s.setToolName(i.tool,i.config),__spreadProps(__spreadValues({},e),{step:r,toolInstance:s.toolInstance})}case Actions.ANNOTATION_ACTIONS.SET_LOADING:{const{loading:n}=t.payload;return __spreadProps(__spreadValues({},e),{loading:!!n})}default:return e}};exports.LoadImageAndFileData=LoadImageAndFileData,exports.annotationReducer=annotationReducer,exports.getStepConfig=getStepConfig,exports.getTotalPage=getTotalPage;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("../../components/customResizeHook/index.js"),styleString=require("../../constant/styleString.js"),Actions=require("../Actions.js"),index=require("../../utils/index.js"),AnnotationDataUtils=require("../../utils/AnnotationDataUtils.js"),ConfigUtils=require("../../utils/ConfigUtils.js"),data=require("../../utils/data.js"),StepUtils=require("../../utils/StepUtils.js"),lbAnnotation=require("@labelbee/lb-annotation"),es=require("antd/es"),_=require("lodash"),actionCreators=require("./actionCreators.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__async=(e,t,o)=>new Promise((T,c)=>{var p=l=>{try{N(o.next(l))}catch(E){c(E)}},g=l=>{try{N(o.throw(l))}catch(E){c(E)}},N=l=>l.done?T(l.value):Promise.resolve(l.value).then(p,g);N((o=o.apply(e,t)).next())});const getStepConfig=(e,t)=>e.find(o=>o.step===t),initialState={annotationEngine:null,toolInstance:null,imgList:[],config:"{}",imgIndex:-1,basicIndex:0,imgPageSize:1,step:1,stepList:[],imgNode:new Image,basicResultList:[],resultList:[],stepProgress:0,loading:!1,triggerEventAfterIndexChanged:!1},getTotalPage=e=>{const{imgList:t,imgPageSize:o}=e;return Math.ceil(t.length/o)},calcStepProgress=(e,t)=>e.reduce((o,T)=>{const c=T.result;return index.jsonParser(c)[`step_${t}`]?o+1:o},0)/e.length,updateToolInstance=(e,t)=>{const{step:o,stepList:T}=e,c=StepUtils.getCurrentStepInfo(o,T),p=ConfigUtils.ConfigUtils.jsonParser(c.config),g=document.getElementById("toolContainer");if(!g)throw"Not exist dom named id-toolContainer";const N=index$1.getFormatSize({width:window.innerWidth,height:window.innerHeight}),l=new lbAnnotation.AnnotationEngine({container:g,toolName:c.tool,size:N,imgNode:t,config:p,style:JSON.parse(styleString)});return{toolInstance:l.toolInstance,annotationEngine:l}},LoadImageAndFileData=(e,t)=>(o,T)=>__async(void 0,null,function*(){const{getFileData:c,imgList:p,toolInstance:g}=T().annotation;if(actionCreators.SetAnnotationLoading(o,!0),c){const l=yield c(p[e],e);o({type:Actions.ANNOTATION_ACTIONS.SET_FILE_DATA,payload:{fileData:l,index:e}})}const{url:N}=p[e];return lbAnnotation.ImgUtils.load(N).then(l=>{actionCreators.SetAnnotationLoading(o,!1),o({type:Actions.ANNOTATION_ACTIONS.LOAD_FILE_DATA,payload:{imgNode:l,nextIndex:e,nextBasicIndex:t}})}).catch(()=>{actionCreators.SetAnnotationLoading(o,!1),g.setErrorImg(),o({type:Actions.ANNOTATION_ACTIONS.LOAD_FILE_DATA,payload:{nextIndex:e,nextBasicIndex:t}})})}),annotationReducer=(e=initialState,t)=>{var o,T,c,p,g,N,l,E,h,b,x,F,j,w,U;switch(t.type){case Actions.ANNOTATION_ACTIONS.UPDATE_TOOL_INSTANCE:return __spreadProps(__spreadValues({},e),{toolInstance:t.payload.toolInstance});case Actions.ANNOTATION_ACTIONS.UPDATE_IMG_LIST:return __spreadProps(__spreadValues({},e),{imgList:t.payload.imgList});case Actions.ANNOTATION_ACTIONS.CALC_STEP_PROGRESS:{const{imgList:n,step:s}=e,r=calcStepProgress(n,s);return __spreadProps(__spreadValues({},e),{stepProgress:r})}case Actions.ANNOTATION_ACTIONS.SUBMIT_FILE_DATA:{const{imgList:n,imgIndex:s,step:r,stepList:i,toolInstance:a,onSubmit:u,resultList:A}=e;if(!a)return e;const I=((o=n[s])==null?void 0:o.result)||"",[,d]=a.exportData(),O=data.composeResultWithBasicImgInfo(I,d),m=data.composeResult(O,{step:r,stepList:i},{rect:A});n[s].result=AnnotationDataUtils.dataCorrection(m,I,r,i),u&&u([n[s]],(T=t.payload)==null?void 0:T.submitType,s);const f=calcStepProgress(n,r);return __spreadProps(__spreadValues({},e),{stepProgress:f,imgList:n})}case Actions.ANNOTATION_ACTIONS.SAVE_RESULT:{const{imgList:n,imgIndex:s,onSave:r}=e;return r==null||r(n[s],s,n),__spreadValues({},e)}case Actions.ANNOTATION_ACTIONS.SUBMIT_RESULT:{const{imgList:n,basicIndex:s,resultList:r,annotationEngine:i,basicResultList:a}=e;if(!i)return e;const[u]=i.toolInstance.exportData();let A=u;if((a==null?void 0:a.length)>0){const I=(c=a[s])==null?void 0:c.id,d=u.map(O=>__spreadProps(__spreadValues({},O),{sourceID:I}));A=___default.default.cloneDeep(r).filter(O=>O.sourceID!==I),A.push(...d)}return __spreadProps(__spreadValues({},e),{resultList:A,imgList:n})}case Actions.ANNOTATION_ACTIONS.SET_BASIC_INDEX:{const{toolInstance:n,step:s,imgList:r,imgIndex:i,stepList:a,annotationEngine:u,resultList:A,basicResultList:I}=e;if(!n||!u)return e;const d=t.payload.basicIndex,O=(p=I[d])==null?void 0:p.id,m=index.jsonParser((g=r[i])==null?void 0:g.result),f=(A||[]).filter(P=>P.sourceID===O),L=getStepConfig(a,s),{dataSourceStep:C,tool:R}=L,D=getStepConfig(a,C);let S=[];return C&&R&&(S=(N=m[`step_${C}`])==null?void 0:N.result,(S==null?void 0:S.length)>0?(u.setBasicInfo(D.tool,S[d]),u.launchOperation()):(u.setBasicInfo(D.tool),u.forbidOperation(),es.message.info("\u5F53\u524D\u6587\u4EF6\u4E0D\u5B58\u5728\u4F9D\u8D56\u6570\u636E"))),n.setResult(f),n.history.initRecord(f,!0),__spreadProps(__spreadValues({},e),{basicIndex:d})}case Actions.ANNOTATION_ACTIONS.SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED:{const{triggerEventAfterIndexChanged:n}=t.payload;return __spreadProps(__spreadValues({},e),{triggerEventAfterIndexChanged:!!n})}case Actions.ANNOTATION_ACTIONS.LOAD_FILE_DATA:{const{imgList:n,step:s,toolInstance:r,annotationEngine:i,stepList:a}=e;if(!r||!i)return e;const u=StepUtils.getCurrentStepInfo(s,a),{nextIndex:A,imgNode:I,nextBasicIndex:d,imgError:O}=t.payload,m=d!=null?d:0,f=index.jsonParser((l=n[A])==null?void 0:l.result),L=f[`step_${s}`],C=!L,R={rotate:(E=f.rotate)!=null?E:0,valid:(h=f.valid)!=null?h:!0};I&&O!==!0&&i.setImgNode(I,R);const D=getStepConfig(a,s),{dataSourceStep:S,tool:P}=D,B=getStepConfig(a,S),q=S&&P,v=(x=(b=f[`step_${S}`])==null?void 0:b.result)!=null?x:[],y=AnnotationDataUtils.getInitialResultList(L==null?void 0:L.result,r,D,v,C);if(i.launchOperation(),q&&((v==null?void 0:v.length)>0?i.setBasicInfo(B.tool,v[m]):(i.setBasicInfo(B.tool),i.forbidOperation(),es.message.info("\u5F53\u524D\u6587\u4EF6\u4E0D\u5B58\u5728\u4F9D\u8D56\u6570\u636E"))),u.tool!=="check"){const G=(j=(F=v[m])==null?void 0:F.id)!=null?j:"",z=q?y.filter(M=>lbAnnotation.CommonToolUtils.isSameSourceID(M.sourceID,G)):y;r.setResult(z),r.history.initRecord(y,!0)}return __spreadProps(__spreadValues({},e),{imgIndex:A,basicIndex:m,basicResultList:v,resultList:y})}case Actions.ANNOTATION_ACTIONS.UPDATE_ANNOTATION_CONFIG:return __spreadProps(__spreadValues({},e),{config:(w=t.payload.config)!=null?w:"{}"});case Actions.ANNOTATION_ACTIONS.SET_TASK_CONFIG:{const{stepList:n,step:s}=t.payload;return __spreadProps(__spreadValues({},e),{stepList:n,step:s})}case Actions.ANNOTATION_ACTIONS.INIT_TOOL:{const{imgNode:n}=e,{toolInstance:s,annotationEngine:r}=updateToolInstance(e,n);return __spreadProps(__spreadValues({},e),{toolInstance:s,annotationEngine:r})}case Actions.ANNOTATION_ACTIONS.UPDATE_ON_SUBMIT:return __spreadProps(__spreadValues({},e),{onSubmit:t.payload.onSubmit});case Actions.ANNOTATION_ACTIONS.UPDATE_ON_SAVE:return __spreadProps(__spreadValues({},e),{onSave:t.payload.onSave});case Actions.ANNOTATION_ACTIONS.UPDATE_GET_FILE_DATA:return __spreadProps(__spreadValues({},e),{getFileData:t.payload.getFileData});case Actions.ANNOTATION_ACTIONS.SET_FILE_DATA:{const{fileData:n,index:s}=t.payload,{imgList:r}=e;return r[s]=__spreadValues(__spreadValues({},r[s]),n),__spreadProps(__spreadValues({},e),{imgList:r})}case Actions.ANNOTATION_ACTIONS.UPDATE_ROTATE:{const{toolInstance:n}=e;return n==null||n.updateRotate(),e}case Actions.ANNOTATION_ACTIONS.COPY_BACKWARD_RESULT:{const{toolInstance:n,imgIndex:s,imgList:r,step:i}=e;if(!n)return e;if(s===0||s>=r.length)return console.error("\u65E0\u6CD5\u590D\u5236\u8FB9\u754C\u5916\u7684\u5185\u5BB9"),e;const a=r[s-1].result;if(!a)return e;const u=AnnotationDataUtils.copyResultChange(a,i,(U=r[s].result)!=null?U:"");r[s].result=u;const I=index.jsonParser(u)[`step_${i}`],d=(I==null?void 0:I.result)||[];return n.setResult(d),n.history.pushHistory(d),__spreadProps(__spreadValues({},e),{imgList:[...r]})}case Actions.ANNOTATION_ACTIONS.SET_STEP:{const{stepList:n,annotationEngine:s}=e,{toStep:r}=t.payload;if(!s)return e;const i=getStepConfig(n,r);return s.setToolName(i.tool,i.config),__spreadProps(__spreadValues({},e),{step:r,toolInstance:s.toolInstance})}case Actions.ANNOTATION_ACTIONS.SET_LOADING:{const{loading:n}=t.payload;return __spreadProps(__spreadValues({},e),{loading:!!n})}default:return e}};exports.LoadImageAndFileData=LoadImageAndFileData,exports.annotationReducer=annotationReducer,exports.getStepConfig=getStepConfig,exports.getTotalPage=getTotalPage;

package/dist/types/App.d.ts

@@ -1,11 +1,18 @@
 import React from 'react';
-import { IStepInfo } from './types/step';
-import { OnSubmit, GetFileData, OnSave } from './types/data';
 import { ToolInstance } from './store/annotation/types';
+import { GetFileData, OnSave, OnSubmit, IFileItem } from './types/data';
+import { Footer, Header, Sider } from './types/main';
+import { IStepInfo } from './types/step';
+interface IAnnotationStyle {
+    strokeColor: string;
+    fillColor: string;
+    textColor: string;
+    toolColor: any;
+}
 export interface AppProps {
     exportData?: (data: any[]) => void;
     goBack?: () => void;
-    imgList: string[];
+    imgList: IFileItem[];
     config: string;
     stepList: IStepInfo[];
     step: number;
@@ -16,9 +23,9 @@ export interface AppProps {
     initialIndex?: number;
     className?: string;
     toolInstance: ToolInstance;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    sider?: React.ReactNode;
+    header?: Header;
+    footer?: Footer;
+    sider?: Sider;
     style?: {
         layout?: {
             [key: string]: any;
@@ -36,6 +43,15 @@ export interface AppProps {
     setToolInstance?: (tool: ToolInstance) => void;
     mode?: 'light' | 'dark';
     defaultLang: 'en' | 'cn';
+    leftSider?: () => React.ReactNode | React.ReactNode;
+    dataInjectionAtCreation: (annotationData: any) => {};
+    renderEnhance: {
+        staticRender?: (canvas: HTMLCanvasElement, data: any, style: IAnnotationStyle) => void;
+        selectedRender?: (canvas: HTMLCanvasElement, data: any, style: IAnnotationStyle) => void;
+        creatingRender?: (canvas: HTMLCanvasElement, data: any, style: IAnnotationStyle) => void;
+    };
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<AppProps>, import("react-redux").Omit<AppProps, "toolInstance">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<AppProps>, import("react-redux").Omit<AppProps & {
+    children?: React.ReactNode;
+}, "toolInstance">>;
 export default _default;

package/dist/types/components/annotationStepPopover/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IStepInfo } from '@/types/step';
 interface IProps {
     stepList: IStepInfo[];

package/dist/types/components/checkboxList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     selectedAttribute: string[];
     attributeChanged: () => void;

package/dist/types/components/colorTag/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ColorTag: ({ color, style }: any) => JSX.Element;

package/dist/types/index.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
-import { i18n } from '@labelbee/lb-utils';
+import { AppProps } from '@/App';
 import AnnotationView from '@/components/AnnotationView';
+import { i18n } from '@labelbee/lb-utils';
+import React from 'react';
 export declare const store: import("redux").Store<{}, import("redux").Action<any>> & {
     dispatch: unknown;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+declare const _default: React.ForwardRefExoticComponent<AppProps & React.RefAttributes<unknown>>;
 export default _default;
 export { AnnotationView, i18n };

package/dist/types/store/annotation/reducer.d.ts

@@ -1,4 +1,4 @@
-import { AnnotationState, AnnotationActionTypes } from './types';
+import { AnnotationActionTypes, AnnotationState } from './types';
 export declare const getStepConfig: (stepList: any[], step: number) => any;
 /**
  * 获取当前文件列表的总页数

package/dist/types/views/MainView/annotationOperation/index.d.ts

@@ -1,19 +1,15 @@
 import React from 'react';
 import { AppState } from 'src/store';
 import { ImgAttributeState } from 'src/store/imgAttribute/types';
-import { IFileItem } from '@/types/data';
-import { IStepInfo } from '@/types/step';
 import { AnnotationEngine } from '@labelbee/lb-annotation';
-interface IProps extends AppState {
+import { AppProps } from '@/App';
+interface IProps extends AppState, AppProps {
     imgAttribute: ImgAttributeState;
-    imgList: IFileItem[];
-    exportData: any[];
-    config: string;
-    stepList: IStepInfo[];
-    step: number;
     imgIndex: number;
     annotationEngine: AnnotationEngine;
     loading: boolean;
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "dispatch" | "imgAttribute" | "toolStyle">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "imgAttribute" | "toolStyle" | "dispatch">>;
 export default _default;

package/dist/types/views/MainView/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { AppProps } from '@/App';
+import React from 'react';
 declare const MainView: React.FC<AppProps>;
 export default MainView;

package/dist/types/views/MainView/sidebar/AnnotationText/index.d.ts

@@ -3,5 +3,7 @@ import { GraphToolInstance } from '@/store/annotation/types';
 interface IProps {
     toolInstance: GraphToolInstance;
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "toolInstance">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "toolInstance">>;
 export default _default;

package/dist/types/views/MainView/sidebar/ClearIcon/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const clearIcon: () => JSX.Element;
 export default clearIcon;

package/dist/types/views/MainView/sidebar/GeneralOperation/index.d.ts

@@ -8,5 +8,7 @@ interface IProps {
     imgList: AnnotationFileList;
     imgIndex: number;
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "imgIndex" | "imgList" | "toolInstance" | "stepInfo">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "imgIndex" | "imgList" | "toolInstance" | "stepInfo">>;
 export default _default;

package/dist/types/views/MainView/sidebar/ImgAttributeInfo/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ImgAttributeState } from '@/store/imgAttribute/types';
 interface IProps {
     imgAttribute: ImgAttributeState;

package/dist/types/views/MainView/sidebar/SwitchAttributeList/index.d.ts

@@ -5,5 +5,7 @@ interface IProps {
     toolInstance: GraphToolInstance;
     stepInfo: IStepInfo;
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "toolInstance" | "stepInfo">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "toolInstance" | "stepInfo">>;
 export default _default;

package/dist/types/views/MainView/sidebar/TagSidebar/index.d.ts

@@ -5,5 +5,7 @@ interface IProps {
     toolInstance: TagOperation;
 }
 export declare const expandIconFuc: ({ isActive }: any) => JSX.Element;
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "imgIndex" | "toolInstance">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "imgIndex" | "toolInstance">>;
 export default _default;

package/dist/types/views/MainView/sidebar/TextAreaFormat/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     onChange: (value: string, isSubmit?: boolean) => void;
     textValue: string | undefined;

package/dist/types/views/MainView/sidebar/TextToolSidebar/index.d.ts

@@ -16,5 +16,7 @@ interface IProps {
     basicResultList: any[];
 }
 export declare const SingleTextInput: (props: any) => JSX.Element;
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "stepList" | "step" | "imgIndex" | "basicResultList" | "toolInstance" | "dispatch" | "triggerEventAfterIndexChanged">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "stepList" | "step" | "imgIndex" | "basicResultList" | "toolInstance" | "triggerEventAfterIndexChanged" | "dispatch">>;
 export default _default;

package/dist/types/views/MainView/sidebar/ToolStyle/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToolStyleState } from '@/store/toolStyle/types';
 interface IProps {
     toolStyle: ToolStyleState;

package/dist/types/views/MainView/sidebar/index.d.ts

@@ -1,7 +1,9 @@
-import React from 'react';
 import { EToolName } from '@/data/enums/ToolType';
+import { Sider } from '@/types/main';
+import React from 'react';
 interface IProps {
     toolName?: EToolName;
+    sider?: Sider;
 }
 declare const Sidebar: React.FC<IProps>;
 export default Sidebar;

package/dist/types/views/MainView/toolFooter/HiddenTips/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToolInstance } from '@/store/annotation/types';
 interface IProps {
     toolInstance: ToolInstance;

package/dist/types/views/MainView/toolFooter/PageNumber/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GraphToolInstance } from '@/store/annotation/types';
 interface IProps {
     toolInstance: GraphToolInstance;

package/dist/types/views/MainView/toolFooter/ZoomController/ZoomLevel/index.d.ts

@@ -3,5 +3,7 @@ import { ToolInstance } from '@/store/annotation/types';
 interface IProps {
     toolInstance: ToolInstance;
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "toolInstance">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "toolInstance">>;
 export default _default;

package/dist/types/views/MainView/toolFooter/ZoomController/index.d.ts

@@ -4,5 +4,7 @@ interface IProps {
     toolInstance: ToolInstance;
     mode?: 'light' | 'dark';
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "toolInstance">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "toolInstance">>;
 export default _default;

package/dist/types/views/MainView/toolFooter/index.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import { Footer } from '@/types/main';
 import { IStepInfo } from '@/types/step';
+import React from 'react';
 interface IPageProps {
     jumpSkip: Function;
     imgIndex: number;
@@ -16,7 +17,10 @@ interface IProps {
     basicResultList: any[];
     basicIndex: number;
     mode?: 'light' | 'dark';
+    footer?: Footer;
 }
 export declare const footerCls: string;
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "stepList" | "step" | "imgIndex" | "basicResultList" | "basicIndex" | "totalPage">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "stepList" | "step" | "imgIndex" | "basicResultList" | "basicIndex" | "totalPage">>;
 export default _default;

package/dist/types/views/MainView/toolHeader/ExportData/index.d.ts

@@ -9,5 +9,7 @@ interface IProps {
     exportData?: (imgList: IFileItem[]) => void;
     dispatch: Dispatch;
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "imgList" | "toolInstance" | "onSubmit" | "dispatch">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "imgList" | "toolInstance" | "onSubmit" | "dispatch">>;
 export default _default;

package/dist/types/views/MainView/toolHeader/StepSwitch/index.d.ts

@@ -8,5 +8,7 @@ interface IProps {
     stepList: IStepInfo[];
     step: number;
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps, "stepList" | "step">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "stepList" | "step">>;
 export default _default;

package/dist/types/views/MainView/toolHeader/index.d.ts

@@ -1,11 +1,13 @@
-import React from 'react';
-import { IFileItem } from '@/types/data';
-import { AnnotationEngine } from '@labelbee/lb-annotation';
 import { EToolName } from '@/data/enums/ToolType';
+import { IFileItem } from '@/types/data';
+import { Header } from '@/types/main';
 import { IStepInfo } from '@/types/step';
+import { AnnotationEngine } from '@labelbee/lb-annotation';
+import React from 'react';
 interface IToolHeaderProps {
     goBack?: (imgList?: IFileItem[]) => void;
     exportData?: (data: any[]) => void;
+    header?: Header;
     headerName?: string;
     imgList: IFileItem[];
     annotationEngine: AnnotationEngine;
@@ -15,5 +17,7 @@ interface IToolHeaderProps {
     stepList: IStepInfo[];
     step: number;
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<IToolHeaderProps>, import("react-redux").Omit<IToolHeaderProps, "stepList" | "step" | "imgList" | "annotationEngine" | "stepInfo" | "stepProgress" | "toolName">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IToolHeaderProps>, import("react-redux").Omit<IToolHeaderProps & {
+    children?: React.ReactNode;
+}, "stepList" | "step" | "imgList" | "annotationEngine" | "toolName" | "stepInfo" | "stepProgress">>;
 export default _default;

package/dist/utils/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _=require("lodash");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var ___default=_interopDefaultLegacy(_);const jsonParser=(r,t={})=>{try{return typeof r=="string"?JSON.parse(r):___default.default.isObject(r)?r:t}catch(e){return t}},getNewNode=(r,t)=>r||___default.default.isNull(r)?r:t,classnames=r=>{if(Array.isArray(r))return r.join(" ");if(___default.default.isObject(r)){const t=[];return Object.keys(r).forEach(e=>{r[e]&&t.push(e)}),t.join(" ")}return""};exports.classnames=classnames,exports.getNewNode=getNewNode,exports.jsonParser=jsonParser;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _=require("lodash");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var ___default=_interopDefaultLegacy(_);const jsonParser=(r,e={})=>{try{return typeof r=="string"?JSON.parse(r):___default.default.isObject(r)?r:e}catch(t){return e}},classnames=r=>{if(Array.isArray(r))return r.join(" ");if(___default.default.isObject(r)){const e=[];return Object.keys(r).forEach(t=>{r[t]&&e.push(t)}),e.join(" ")}return""};exports.classnames=classnames,exports.jsonParser=jsonParser;

package/dist/views/MainView/annotationOperation/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),es=require("antd/es"),reactRedux=require("react-redux"),_=require("lodash"),index=require("../../../index.js"),useSize=require("../../../hooks/useSize.js"),actionCreators=require("../../../store/toolStyle/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$1=require("../../../components/ImageError/index.js"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__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 AnnotationOperation=e=>{const[,t]=React.useState(0),{imgAttribute:r,toolStyle:i,toolInstance:n,annotationEngine:o,loading:u,imgList:c,imgIndex:f}=e,l=React.useRef(null),d=React.useRef(null),s=useSize(l);React.useEffect(()=>{index.store.dispatch(actionCreators.InitToolStyleConfig())},[]),React.useEffect(()=>{if(!!o)switch(lbUtils.i18n.language){case"cn":case"en":o.setLang(lbUtils.i18n.language);break}},[o]),React.useEffect(()=>{n&&(n.singleOn("messageError",a=>{es.message.error(a)}),n.singleOn("messageInfo",a=>{es.message.info(a)}),n.singleOn("changeAnnotationShow",()=>{t(a=>a+1)}))},[n]),React.useEffect(()=>{n&&n.setImgAttribute(r)},[r]),React.useEffect(()=>{n&&n.setStyle(i),o&&o.setStyle(i)},[i]),React.useEffect(()=>{(n==null?void 0:n.setSize)&&n.setSize(s),o&&o.setSize(s)},[s]);const g=()=>{const a=c[f];!a.url||lbAnnotation.ImgUtils.load(a.url).then(p=>{o.setImgNode(p)})};return React__default.default.createElement("div",{ref:l,className:"annotationOperation"},React__default.default.createElement(es.Spin,{spinning:u,delay:500},React__default.default.createElement("div",{className:"canvas",ref:d,style:s,id:"toolContainer"})),(n==null?void 0:n.isImgError)===!0&&React__default.default.createElement(index$1,__spreadProps(__spreadValues({},s),{reloadImage:g,backgroundColor:"#e2e2e2",ignoreOffsetY:!0})))},mapStateToProps=e=>{const t=___default.default.pickBy(e.annotation,(r,i)=>["imgList","imgIndex","stepList","step","toolInstance","annotationEngine","loading"].includes(i));return __spreadValues({imgAttribute:e.imgAttribute,toolStyle:e.toolStyle},t)};var AnnotationOperation$1=reactRedux.connect(mapStateToProps)(AnnotationOperation);module.exports=AnnotationOperation$1;
+"use strict";var React=require("react"),es=require("antd/es"),reactRedux=require("react-redux"),_=require("lodash"),index=require("../../../index.js"),useSize=require("../../../hooks/useSize.js"),actionCreators=require("../../../store/toolStyle/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$1=require("../../../components/ImageError/index.js"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__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 AnnotationOperation=e=>{const[,t]=React.useState(0),{imgAttribute:r,toolStyle:i,toolInstance:n,annotationEngine:a,loading:f,imgList:d,imgIndex:g,dataInjectionAtCreation:l,renderEnhance:u}=e,c=React.useRef(null),p=React.useRef(null),s=useSize(c);React.useEffect(()=>{index.store.dispatch(actionCreators.InitToolStyleConfig())},[]),React.useEffect(()=>{if(!!a){switch(lbUtils.i18n.language){case"cn":case"en":a.setLang(lbUtils.i18n.language);break}a==null||a.setDataInjectionAtCreation(l),a==null||a.setRenderEnhance(u)}},[a,l,u]),React.useEffect(()=>{n&&(n.singleOn("messageError",o=>{es.message.error(o)}),n.singleOn("messageInfo",o=>{es.message.info(o)}),n.singleOn("changeAnnotationShow",()=>{t(o=>o+1)}))},[n]),React.useEffect(()=>{n&&n.setImgAttribute(r)},[r]),React.useEffect(()=>{n&&n.setStyle(i),a&&a.setStyle(i)},[i]),React.useEffect(()=>{(n==null?void 0:n.setSize)&&n.setSize(s),a&&a.setSize(s)},[s]);const m=()=>{const o=d[g];!o.url||lbAnnotation.ImgUtils.load(o.url).then(v=>{a.setImgNode(v)})};return React__default.default.createElement("div",{ref:c,className:"annotationOperation"},React__default.default.createElement(es.Spin,{spinning:f,delay:500},React__default.default.createElement("div",{className:"canvas",ref:p,style:s,id:"toolContainer"})),(n==null?void 0:n.isImgError)===!0&&React__default.default.createElement(index$1,__spreadProps(__spreadValues({},s),{reloadImage:m,backgroundColor:"#e2e2e2",ignoreOffsetY:!0})))},mapStateToProps=e=>{const t=___default.default.pickBy(e.annotation,(r,i)=>["imgList","imgIndex","stepList","step","toolInstance","annotationEngine","loading"].includes(i));return __spreadValues({imgAttribute:e.imgAttribute,toolStyle:e.toolStyle},t)};var AnnotationOperation$1=reactRedux.connect(mapStateToProps)(AnnotationOperation);module.exports=AnnotationOperation$1;

package/dist/views/MainView/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),index=require("../../components/customResizeHook/index.js"),index$2=require("./toolHeader/index.js"),index$3=require("./annotationOperation/index.js"),index$5=require("./sidebar/index.js"),index$4=require("./toolFooter/index.js"),index$6=require("../../constant/index.js"),index$1=require("../../utils/index.js"),es=require("antd/es");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,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const{Sider,Content}=es.Layout,layoutCls=`${index$6.prefix}-layout`,MainView=e=>{var t,a,r,l;return React__default.default.createElement(index.ViewportProvider,null,React__default.default.createElement(es.Layout,{className:`${layoutCls} ${e.className}`,style:(t=e.style)==null?void 0:t.layout},React__default.default.createElement("header",{className:`${layoutCls}__header`,style:(a=e.style)==null?void 0:a.header},index$1.getNewNode(e.header,React__default.default.createElement(index$2,{headerName:e.headerName,goBack:e.goBack,exportData:e.exportData}))),React__default.default.createElement(es.Layout,null,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement(index$3,__spreadValues({},e)),index$1.getNewNode(e.footer,React__default.default.createElement(index$4.default,{style:(r=e.style)==null?void 0:r.footer,mode:e.mode}))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:"auto",style:(l=e.style)==null?void 0:l.sider},index$1.getNewNode(e.sider,React__default.default.createElement(index$5,null))))))};module.exports=MainView;
+"use strict";var index=require("../../components/customResizeHook/index.js"),index$5=require("../../constant/index.js"),es=require("antd/es"),React=require("react"),index$2=require("./annotationOperation/index.js"),index$4=require("./sidebar/index.js"),index$3=require("./toolFooter/index.js"),index$1=require("./toolHeader/index.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,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const{Sider,Content}=es.Layout,layoutCls=`${index$5.prefix}-layout`,MainView=e=>{var t,a,r,l;return React__default.default.createElement(index.ViewportProvider,null,React__default.default.createElement(es.Layout,{className:`${layoutCls} ${e.className}`,style:(t=e.style)==null?void 0:t.layout},React__default.default.createElement("header",{className:`${layoutCls}__header`,style:(a=e.style)==null?void 0:a.header},React__default.default.createElement(index$1,{header:e==null?void 0:e.header,headerName:e.headerName,goBack:e.goBack,exportData:e.exportData}),","),React__default.default.createElement(es.Layout,null,e==null?void 0:e.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement(index$2,__spreadValues({},e)),React__default.default.createElement(index$3.default,{style:(r=e.style)==null?void 0:r.footer,mode:e.mode,footer:e==null?void 0:e.footer})),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:"auto",style:(l=e.style)==null?void 0:l.sider},React__default.default.createElement(index$4,{sider:e==null?void 0:e.sider})))))};module.exports=MainView;

package/dist/views/MainView/sidebar/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),es=require("antd/es"),icon_rectPattern=require("../../../assets/annotation/rectTool/icon_rectPattern.svg.js"),icon_polygon_a=require("../../../assets/annotation/polygonTool/icon_polygon_a.svg.js"),icon_point_a=require("../../../assets/annotation/pointTool/icon_point_a.svg.js"),icon_line_a=require("../../../assets/annotation/lineTool/icon_line_a.svg.js"),StepUtils=require("../../../utils/StepUtils.js"),reactRedux=require("react-redux"),ToolType=require("../../../data/enums/ToolType.js"),index$4=require("./ImgAttributeInfo/index.js"),index=require("./SwitchAttributeList/index.js"),index$5=require("./GeneralOperation/index.js"),index$1=require("./AnnotationText/index.js"),index$8=require("./ToolStyle/index.js"),index$3=require("./ClearIcon/index.js"),index$2=require("./TagSidebar/index.js"),index$7=require("../../../constant/index.js"),index$6=require("./TextToolSidebar/index.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{Panel}=es.Collapse,toolList=[{toolName:ToolType.EToolName.Rect,commonSvg:icon_rectPattern,selectedSvg:icon_rectPattern},{toolName:ToolType.EToolName.Polygon,commonSvg:icon_polygon_a,selectedSvg:icon_polygon_a},{toolName:ToolType.EToolName.Line,commonSvg:icon_line_a,selectedSvg:icon_line_a,pattern:ToolType.EToolName.Line},{toolName:ToolType.EToolName.Point,commonSvg:icon_point_a,selectedSvg:icon_point_a,pattern:"drawPoint"}],sidebarCls=`${index$7.prefix}-sidebar`,Sidebar=()=>{const e=reactRedux.useSelector(t=>StepUtils.getCurrentStepInfo(t.annotation.step,t.annotation.stepList)),a=e==null?void 0:e.tool,{t:l}=reactI18next.useTranslation();if(!a)return null;if([ToolType.EToolName.Rect,ToolType.EToolName.Point,ToolType.EToolName.Line,ToolType.EToolName.Rect,ToolType.EToolName.Polygon].includes(a)){const t=toolList==null?void 0:toolList.find(n=>(n==null?void 0:n.toolName)===a),o=n=>{const r=React__default.default.createElement(index$8,null);return React__default.default.createElement(Panel,{header:l("Style"),className:"panel",key:n},r)};return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__level`},React__default.default.createElement(es.Row,{className:`${sidebarCls}__toolsOption`},t&&React__default.default.createElement("a",null,React__default.default.createElement("img",{className:`${sidebarCls}__singleTool`,src:t==null?void 0:t.selectedSvg})))),React__default.default.createElement("div",{className:`${sidebarCls}__horizontal`}),React__default.default.createElement(index,null),React__default.default.createElement(index$1,null),React__default.default.createElement("div",{className:`${sidebarCls}__horizontal`}),React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$2.expandIconFuc},o("1"),React__default.default.createElement(Panel,{header:React__default.default.createElement("div",null,l("Adjust"),React__default.default.createElement(index$3,null)),className:"panel",key:"imgAttribute"},React__default.default.createElement(index$4,null))),React__default.default.createElement(index$5,null))}return a===ToolType.EToolName.Tag?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$2.default,null)):a===ToolType.EToolName.Text?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$6.default,null)):null};module.exports=Sidebar;
+"use strict";var icon_line_a=require("../../../assets/annotation/lineTool/icon_line_a.svg.js"),icon_point_a=require("../../../assets/annotation/pointTool/icon_point_a.svg.js"),icon_polygon_a=require("../../../assets/annotation/polygonTool/icon_polygon_a.svg.js"),icon_rectPattern=require("../../../assets/annotation/rectTool/icon_rectPattern.svg.js"),index$4=require("../../../constant/index.js"),ToolType=require("../../../data/enums/ToolType.js"),StepUtils=require("../../../utils/StepUtils.js"),es=require("antd/es"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),index$7=require("./AnnotationText/index.js"),index$1=require("./ClearIcon/index.js"),index$8=require("./GeneralOperation/index.js"),index$2=require("./ImgAttributeInfo/index.js"),index$6=require("./SwitchAttributeList/index.js"),index=require("./TagSidebar/index.js"),index$3=require("./TextToolSidebar/index.js"),index$5=require("./ToolStyle/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{Panel}=es.Collapse,toolList=[{toolName:ToolType.EToolName.Rect,commonSvg:icon_rectPattern,selectedSvg:icon_rectPattern},{toolName:ToolType.EToolName.Polygon,commonSvg:icon_polygon_a,selectedSvg:icon_polygon_a},{toolName:ToolType.EToolName.Line,commonSvg:icon_line_a,selectedSvg:icon_line_a,pattern:ToolType.EToolName.Line},{toolName:ToolType.EToolName.Point,commonSvg:icon_point_a,selectedSvg:icon_point_a,pattern:"drawPoint"}],sidebarCls=`${index$4.prefix}-sidebar`,Sidebar=({sider:e})=>{const o=reactRedux.useSelector(t=>StepUtils.getCurrentStepInfo(t.annotation.step,t.annotation.stepList)),n=o==null?void 0:o.tool,{t:r}=reactI18next.useTranslation();if(!n)return null;const a=toolList==null?void 0:toolList.find(t=>(t==null?void 0:t.toolName)===n),f=t=>{const p=React__default.default.createElement(index$5,null);return React__default.default.createElement(Panel,{header:r("Style"),className:"panel",key:t},p)},i=React__default.default.createElement("div",{className:`${sidebarCls}__level`},React__default.default.createElement(es.Row,{className:`${sidebarCls}__toolsOption`},a&&React__default.default.createElement("a",null,React__default.default.createElement("img",{className:`${sidebarCls}__singleTool`,src:a==null?void 0:a.selectedSvg})))),s=React__default.default.createElement(index$6,null),c=React__default.default.createElement(index$7,null),u=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index.expandIconFuc},f("1")),d=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index.expandIconFuc},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",null,r("Adjust"),React__default.default.createElement(index$1,null)),className:"panel",key:"imgAttribute"},React__default.default.createElement(index$2,null))),m=React__default.default.createElement(index$8,null),v=React__default.default.createElement(index.default,null),E=React__default.default.createElement(index$3.default,null),l=React__default.default.createElement("div",{className:`${sidebarCls}__horizontal`});return e?typeof e=="function"?React__default.default.createElement("div",{className:`${sidebarCls}`},e({toolIcon:i,attributeList:s,annotationText:c,toolStyle:u,imageAttributeInfo:d,operation:m,tagToolSideBar:v,textToolSideBar:E,horizontal:l})):e:[ToolType.EToolName.Rect,ToolType.EToolName.Point,ToolType.EToolName.Line,ToolType.EToolName.Rect,ToolType.EToolName.Polygon].includes(n)?React__default.default.createElement("div",{className:`${sidebarCls}`},i,l,s,c,l,React__default.default.createElement("div",{className:`${sidebarCls}__content`},u,d),m):n===ToolType.EToolName.Tag?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index.default,null)):n===ToolType.EToolName.Text?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$3.default,null)):null};module.exports=Sidebar;

package/dist/views/MainView/toolFooter/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),es=require("antd/es"),icons=require("@ant-design/icons"),reactRedux=require("react-redux"),reducer=require("../../../store/annotation/reducer.js"),index$2=require("./HiddenTips/index.js"),index$3=require("./PageNumber/index.js"),index$4=require("./ZoomController/index.js"),index$1=require("./FooterTips/index.js"),index=require("../../../constant/index.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const PageInput=e=>{const{jumpSkip:l,imgIndex:a}=e,[o,n]=React.useState(a),s=React.useRef(null);React.useEffect(()=>{n(a+1)},[a]);const i=t=>{/^\d*$/.test(t.target.value)&&n(t.target.value)},r=t=>{t.keyCode===13&&l(t.target.value)};return React__default.default.createElement(es.Input,{className:"pageInput",ref:s,onChange:i,value:o,onKeyDown:r})},footerCls=`${index.prefix}-footer`,FooterDivider=()=>React__default.default.createElement(es.Divider,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}}),ToolFooter=e=>{var l;const{stepList:a,step:o,basicResultList:n,basicIndex:s,mode:i}=e,r=reactRedux.useDispatch(),{t}=reactI18next.useTranslation(),u=(l=a[o-1])!=null?l:{},c=()=>{r(actionCreators.PageBackward())},d=()=>{r(actionCreators.PageForward())},g=p=>{const f=~~p-1;r(actionCreators.PageJump(f))},m=!!u.dataSourceStep;return React__default.default.createElement("div",{className:`${footerCls}`,style:e.style},React__default.default.createElement(index$1,null),React__default.default.createElement("div",{style:{flex:1}}),React__default.default.createElement(index$2,null),React__default.default.createElement(index$3,null),React__default.default.createElement("div",{className:`${footerCls}__pagination`},React__default.default.createElement(icons.LeftOutlined,{className:`${footerCls}__highlight`,onClick:c}),React__default.default.createElement(PageInput,{imgIndex:e.imgIndex,jumpSkip:g}),"/",React__default.default.createElement("span",{className:`${footerCls}__pageAll`},e.totalPage),React__default.default.createElement(icons.RightOutlined,{className:`${footerCls}__highlight`,onClick:d})),m&&n.length>0&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(FooterDivider,null),React__default.default.createElement("span",null,t("curItems",{current:s+1,total:n.length}))),React__default.default.createElement(FooterDivider,null),React__default.default.createElement(index$4,{mode:i}))},mapStateToProps=e=>({totalPage:reducer.getTotalPage(e.annotation),imgIndex:e.annotation.imgIndex,stepList:e.annotation.stepList,step:e.annotation.step,basicIndex:e.annotation.basicIndex,basicResultList:e.annotation.basicResultList});var ToolFooter$1=reactRedux.connect(mapStateToProps)(ToolFooter);exports.PageInput=PageInput,exports.default=ToolFooter$1,exports.footerCls=footerCls;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index=require("../../../constant/index.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),reducer=require("../../../store/annotation/reducer.js"),icons=require("@ant-design/icons"),es=require("antd/es"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),index$1=require("./FooterTips/index.js"),index$2=require("./HiddenTips/index.js"),index$3=require("./PageNumber/index.js"),index$4=require("./ZoomController/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const PageInput=e=>{const{jumpSkip:o,imgIndex:n}=e,[s,r]=React.useState(n),l=React.useRef(null);React.useEffect(()=>{r(n+1)},[n]);const i=t=>{/^\d*$/.test(t.target.value)&&r(t.target.value)},a=t=>{t.keyCode===13&&o(t.target.value)};return React__default.default.createElement(es.Input,{className:"pageInput",ref:l,onChange:i,value:s,onKeyDown:a})},footerCls=`${index.prefix}-footer`,FooterDivider=()=>React__default.default.createElement(es.Divider,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}}),ToolFooter=e=>{var o;const{stepList:n,step:s,basicResultList:r,basicIndex:l,mode:i,footer:a}=e,t=reactRedux.useDispatch(),{t:u}=reactI18next.useTranslation(),v=(o=n[s-1])!=null?o:{},E=()=>{t(actionCreators.PageBackward())},I=()=>{t(actionCreators.PageForward())},h=y=>{const $=~~y-1;t(actionCreators.PageJump($))},_=!!v.dataSourceStep,d=React__default.default.createElement(index$1,null),f=React__default.default.createElement(index$2,null),m=React__default.default.createElement(index$3,null),p=React__default.default.createElement("div",{className:`${footerCls}__pagination`},React__default.default.createElement(icons.LeftOutlined,{className:`${footerCls}__highlight`,onClick:E}),React__default.default.createElement(PageInput,{imgIndex:e.imgIndex,jumpSkip:h}),"/",React__default.default.createElement("span",{className:`${footerCls}__pageAll`},e.totalPage),React__default.default.createElement(icons.RightOutlined,{className:`${footerCls}__highlight`,onClick:I})),g=React__default.default.createElement(index$4,{mode:i}),x=React__default.default.createElement("span",null,u("curItems",{current:l+1,total:r.length})),c=React__default.default.createElement(FooterDivider,null);return a?typeof a=="function"?React__default.default.createElement("div",{className:`${footerCls}`,style:e.style},a({footerTips:d,hiddenTips:f,pageNumber:m,pagination:p,zoomController:g,curItems:x,footerDivider:c})):a:React__default.default.createElement("div",{className:`${footerCls}`,style:e.style},d,React__default.default.createElement("div",{style:{flex:1}}),f,m,p,_&&r.length>0&&React__default.default.createElement(React__default.default.Fragment,null,c,x),c,g)},mapStateToProps=e=>({totalPage:reducer.getTotalPage(e.annotation),imgIndex:e.annotation.imgIndex,stepList:e.annotation.stepList,step:e.annotation.step,basicIndex:e.annotation.basicIndex,basicResultList:e.annotation.basicResultList});var ToolFooter$1=reactRedux.connect(mapStateToProps)(ToolFooter);exports.PageInput=PageInput,exports.default=ToolFooter$1,exports.footerCls=footerCls;

package/dist/views/MainView/toolHeader/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),icons=require("@ant-design/icons"),reactRedux=require("react-redux"),index$4=require("../../../index.js"),classNames=require("classnames"),index=require("../../../constant/index.js"),index$3=require("./ExportData/index.js"),index$2=require("./headerOption/index.js"),es=require("antd/es"),actionCreators=require("../../../store/annotation/actionCreators.js"),index$1=require("./StepSwitch/index.js"),lbUtils=require("@labelbee/lb-utils"),reactI18next=require("react-i18next"),useSize=require("../../../hooks/useSize.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);const NextButton=({disabled:e})=>{const{t}=reactI18next.useTranslation();return React__default.default.createElement(es.Button,{type:"primary",style:{marginLeft:10},onClick:()=>{index$4.store.dispatch(actionCreators.ToNextStep(0))},disabled:e},t("NextStep"))},NextStep=({step:e,stepProgress:t,stepList:n})=>{var r;const{t:i}=reactI18next.useTranslation(),o=(r=_.last(n))==null?void 0:r.step;if(n.length<2||e===o)return null;const a=t<1;return a?React__default.default.createElement(es.Tooltip,{title:i("StepNotFinishedNotify")},React__default.default.createElement("span",null,React__default.default.createElement(NextButton,{disabled:a}))):React__default.default.createElement(NextButton,{disabled:a})},ToolHeader=({goBack:e,exportData:t,headerName:n,imgList:r,stepProgress:i,stepInfo:o,stepList:a,step:p,annotationEngine:m})=>{var s;const v=reactRedux.useDispatch(),[,x]=React.useReducer(l=>l+1,0),c=React.useRef(null),u=useSize(c),E=React__default.default.createElement(index$3,{exportData:t}),g=()=>{v(actionCreators.ToSubmitFileData(index.ESubmitType.Quit)),e&&e(r)},d=l=>{lbUtils.i18n.changeLanguage(l),m.setLang(l),x()},f=lbUtils.i18n.language,h=(s=u==null?void 0:u.width)!=null?s:window.innerWidth;return React__default.default.createElement("div",{className:classNames__default.default(`${index.prefix}-header`),ref:c},React__default.default.createElement("div",{className:`${index.prefix}-header__title`},React__default.default.createElement(icons.LeftOutlined,{className:`${index.prefix}-header__icon`,onClick:g}),n?React__default.default.createElement("span",{className:`${index.prefix}-header__name`},n):"",a.length>1&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$1,{stepProgress:i}),React__default.default.createElement(NextStep,{step:p,stepProgress:i,stepList:a})),E,React__default.default.createElement("div",{id:"operationNode",className:`${index.prefix}-header__operationNode`,style:{left:h/2-174/2}},React__default.default.createElement(index$2,{stepInfo:o})),React__default.default.createElement("div",{className:`${index.prefix}-header__titlePlacement`}),React__default.default.createElement("div",{className:`${index.prefix}-header__lang`},React__default.default.createElement("span",{className:`${index.prefix}-langCN ${f==="cn"?"active":""}`,onClick:()=>d("cn")},"\u4E2D\u6587")," / ",React__default.default.createElement("span",{className:`${index.prefix}-langEN ${f==="en"?"active":""}`,onClick:()=>d("en")},"En"))))},mapStateToProps=e=>{var t;return{imgList:e.annotation.imgList,annotationEngine:e.annotation.annotationEngine,stepProgress:e.annotation.stepProgress,toolName:(t=e.annotation.stepList[e.annotation.step-1])==null?void 0:t.tool,stepList:e.annotation.stepList,stepInfo:e.annotation.stepList[e.annotation.step-1],step:e.annotation.step}};var ToolHeader$1=reactRedux.connect(mapStateToProps)(ToolHeader);module.exports=ToolHeader$1;
+"use strict";var index$1=require("../../../constant/index.js"),useSize=require("../../../hooks/useSize.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),icons=require("@ant-design/icons"),lbUtils=require("@labelbee/lb-utils"),es=require("antd/es"),classNames=require("classnames"),_=require("lodash"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),index$4=require("../../../index.js"),index$2=require("./ExportData/index.js"),index$3=require("./headerOption/index.js"),index=require("./StepSwitch/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React);const NextButton=({disabled:e})=>{const{t}=reactI18next.useTranslation();return React__default.default.createElement(es.Button,{type:"primary",style:{marginLeft:10},onClick:()=>{index$4.store.dispatch(actionCreators.ToNextStep(0))},disabled:e},t("NextStep"))},NextStep=({step:e,stepProgress:t,stepList:a})=>{var n;const{t:o}=reactI18next.useTranslation(),i=(n=_.last(a))==null?void 0:n.step;if(a.length<2||e===i)return null;const r=t<1;return r?React__default.default.createElement(es.Tooltip,{title:o("StepNotFinishedNotify")},React__default.default.createElement("span",null,React__default.default.createElement(NextButton,{disabled:r}))):React__default.default.createElement(NextButton,{disabled:r})},ToolHeader=({goBack:e,exportData:t,header:a,headerName:n,imgList:o,stepProgress:i,stepInfo:r,stepList:c,step:g,annotationEngine:h})=>{var u;const $=reactRedux.useDispatch(),[,q]=React.useReducer(l=>l+1,0),s=React.useRef(null),d=useSize(s),L=React__default.default.createElement(index$2,{exportData:t}),S=()=>{$(actionCreators.ToSubmitFileData(index$1.ESubmitType.Quit)),e&&e(o)},f=l=>{lbUtils.i18n.changeLanguage(l),h.setLang(l),q()},p=lbUtils.i18n.language,b=(u=d==null?void 0:d.width)!=null?u:window.innerWidth,m=React__default.default.createElement(icons.LeftOutlined,{className:`${index$1.prefix}-header__icon`,onClick:S}),v=n?React__default.default.createElement("span",{className:`${index$1.prefix}-header__name`},n):"",x=c.length>1&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index,{stepProgress:i}),React__default.default.createElement(NextStep,{step:g,stepProgress:i,stepList:c})),N=React__default.default.createElement(index$3,{stepInfo:r}),E=React__default.default.createElement("div",{className:`${index$1.prefix}-header__lang`},React__default.default.createElement("span",{className:`${index$1.prefix}-langCN ${p==="cn"?"active":""}`,onClick:()=>f("cn")},"\u4E2D\u6587")," / ",React__default.default.createElement("span",{className:`${index$1.prefix}-langEN ${p==="en"?"active":""}`,onClick:()=>f("en")},"En"));return a?typeof a=="function"?React__default.default.createElement("div",{className:classNames__default.default(`${index$1.prefix}-header`),ref:s},React__default.default.createElement("div",{className:`${index$1.prefix}-header__title`},a({backNode:m,headerNameNode:v,stepListNode:x,headerOptionNode:N,langNode:E}))):a:React__default.default.createElement("div",{className:classNames__default.default(`${index$1.prefix}-header`),ref:s},React__default.default.createElement("div",{className:`${index$1.prefix}-header__title`},m,v,x,L,React__default.default.createElement("div",{id:"operationNode",className:`${index$1.prefix}-header__operationNode`,style:{left:b/2-174/2}},N),React__default.default.createElement("div",{className:`${index$1.prefix}-header__titlePlacement`}),E))},mapStateToProps=e=>{var t;return{imgList:e.annotation.imgList,annotationEngine:e.annotation.annotationEngine,stepProgress:e.annotation.stepProgress,toolName:(t=e.annotation.stepList[e.annotation.step-1])==null?void 0:t.tool,stepList:e.annotation.stepList,stepInfo:e.annotation.stepList[e.annotation.step-1],step:e.annotation.step}};var ToolHeader$1=reactRedux.connect(mapStateToProps)(ToolHeader);module.exports=ToolHeader$1;

package/es/App.js

@@ -1 +1 @@
-import n,{useEffect as i}from"react";import{connect as v}from"react-redux";import{store as _}from"./index.js";import{InitTaskData as g}from"./store/annotation/actionCreators.js";import w from"./views/MainView/index.js";import{i18n as I}from"@labelbee/lb-utils";var O=Object.defineProperty,s=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,l=(e,t,r)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t)=>{for(var r in t||(t={}))P.call(t,r)&&l(e,r,t[r]);if(s)for(var r of s(t))b.call(t,r)&&l(e,r,t[r]);return e};const j=e=>{const{imgList:t,step:r,stepList:p,onSubmit:c,onSave:m,initialIndex:f=0,toolInstance:o,setToolInstance:a,getFileData:u,defaultLang:d="cn"}=e;return i(()=>{_.dispatch(g({imgList:t,onSubmit:c,stepList:p,step:r,initialIndex:f,getFileData:u,onSave:m})),I.changeLanguage(d)},[]),i(()=>{a==null||a(o)},[o]),n.createElement("div",null,n.createElement(w,y({},e)))},x=e=>({toolInstance:e.annotation.toolInstance});var E=v(x)(j);export{E as default};
+import v from"./views/MainView/index.js";import{i18n as _}from"@labelbee/lb-utils";import n,{useEffect as i}from"react";import{connect as g}from"react-redux";import{store as w}from"./index.js";import{InitTaskData as I}from"./store/annotation/actionCreators.js";var O=Object.defineProperty,s=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,l=(e,t,r)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t)=>{for(var r in t||(t={}))P.call(t,r)&&l(e,r,t[r]);if(s)for(var r of s(t))b.call(t,r)&&l(e,r,t[r]);return e};const j=e=>{const{imgList:t,step:r,stepList:p,onSubmit:c,onSave:m,initialIndex:f=0,toolInstance:o,setToolInstance:a,getFileData:u,defaultLang:d="cn"}=e;return i(()=>{w.dispatch(I({imgList:t,onSubmit:c,stepList:p,step:r,initialIndex:f,getFileData:u,onSave:m})),_.changeLanguage(d)},[]),i(()=>{a==null||a(o)},[o]),n.createElement("div",null,n.createElement(v,y({},e)))},x=e=>({toolInstance:e.annotation.toolInstance});var E=g(x)(j);export{E as default};

package/es/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sources":["../src/App.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { store } from '.';\nimport { AppState } from './store';\nimport { InitTaskData } from './store/annotation/actionCreators';\nimport MainView from '@/views/MainView';\nimport { IStepInfo } from './types/step';\nimport { OnSubmit, GetFileData, OnSave } from './types/data';\nimport { ToolInstance } from './store/annotation/types';\nimport { i18n } from '@labelbee/lb-utils';\n\nexport interface AppProps {\n  exportData?: (data: any[]) => void;\n  goBack?: () => void;\n  imgList: string[];\n  config: string;\n  stepList: IStepInfo[];\n  step: number;\n  onSubmit?: OnSubmit;\n  onSave?: OnSave;\n  getFileData?: GetFileData;\n  headerName?: string;\n  initialIndex?: number;\n  className?: string;\n  toolInstance: ToolInstance;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  sider?: React.ReactNode;\n  style?: {\n    layout?: { [key: string]: any };\n    header?: { [key: string]: any };\n    sider?: { [key: string]: any };\n    footer?: { [key: string]: any };\n  };\n  setToolInstance?: (tool: ToolInstance) => void;\n  mode?: 'light' | 'dark'; // 临时需求应用于 toolFooter 的操作\n  defaultLang: 'en' | 'cn'; // 国际化设置\n}\n\nconst App: React.FC<AppProps> = (props) => {\n  const {\n    imgList,\n    step,\n    stepList,\n    onSubmit,\n    onSave,\n    initialIndex = 0,\n    toolInstance,\n    setToolInstance,\n    getFileData,\n    defaultLang = 'cn',\n  } = props;\n  useEffect(() => {\n    store.dispatch(\n      InitTaskData({ imgList, onSubmit, stepList, step, initialIndex, getFileData, onSave }),\n    );\n\n    // 初始化国际化语言\n    i18n.changeLanguage(defaultLang);\n  }, []);\n\n  useEffect(() => {\n    setToolInstance?.(toolInstance);\n  }, [toolInstance]);\n\n  return (\n    <div>\n      <MainView {...props} />\n    </div>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  toolInstance: state.annotation.toolInstance,\n});\n\nexport default connect(mapStateToProps)(App);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,MAA0B,CAAC,UAAU;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,MACZ;AACJ,YAAU,MAAM;AACd,UAAM,SACJ,aAAa,CAAE,SAAS,UAAU,UAAU,MAAM,cAAc,aAAa;AAI/E,SAAK,eAAe;AAAA,KACnB;AAEH,YAAU,MAAM;AACd,uDAAkB;AAAA,KACjB,CAAC;AAEJ,6CACG,OAAD,0CACG,UAAD,mBAAc;AAAA;AAKpB,MAAM,kBAAkB,CAAC;AAAqB,EAC5C,cAAc,MAAM,WAAW;AAAA;AAGjC,YAAe,QAAQ,iBAAiB;;;;"}
+{"version":3,"file":"App.js","sources":["../src/App.tsx"],"sourcesContent":["import MainView from '@/views/MainView';\nimport { i18n } from '@labelbee/lb-utils';\nimport React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { store } from '.';\nimport { AppState } from './store';\nimport { InitTaskData } from './store/annotation/actionCreators';\nimport { ToolInstance } from './store/annotation/types';\nimport { GetFileData, OnSave, OnSubmit, IFileItem } from './types/data';\nimport { Footer, Header, Sider } from './types/main';\nimport { IStepInfo } from './types/step';\n\ninterface IAnnotationStyle {\n  strokeColor: string;\n  fillColor: string;\n  textColor: string;\n  toolColor: any;\n}\n\nexport interface AppProps {\n  exportData?: (data: any[]) => void;\n  goBack?: () => void;\n  imgList: IFileItem[];\n  config: string;\n  stepList: IStepInfo[];\n  step: number;\n  onSubmit?: OnSubmit;\n  onSave?: OnSave;\n  getFileData?: GetFileData;\n  headerName?: string;\n  initialIndex?: number;\n  className?: string;\n  toolInstance: ToolInstance;\n  header?: Header;\n  footer?: Footer;\n  sider?: Sider;\n  style?: {\n    layout?: { [key: string]: any };\n    header?: { [key: string]: any };\n    sider?: { [key: string]: any };\n    footer?: { [key: string]: any };\n  };\n  setToolInstance?: (tool: ToolInstance) => void;\n  mode?: 'light' | 'dark'; // 临时需求应用于 toolFooter 的操作\n  defaultLang: 'en' | 'cn'; // 国际化设置\n  leftSider?: () => React.ReactNode | React.ReactNode;\n\n  // 标注信息扩展的功能\n  dataInjectionAtCreation: (annotationData: any) => {};\n  // 渲染增强\n  renderEnhance: {\n    staticRender?: (canvas: HTMLCanvasElement, data: any, style: IAnnotationStyle) => void;\n    selectedRender?: (canvas: HTMLCanvasElement, data: any, style: IAnnotationStyle) => void;\n    creatingRender?: (canvas: HTMLCanvasElement, data: any, style: IAnnotationStyle) => void;\n  };\n}\n\nconst App: React.FC<AppProps> = (props) => {\n  const {\n    imgList,\n    step,\n    stepList,\n    onSubmit,\n    onSave,\n    initialIndex = 0,\n    toolInstance,\n    setToolInstance,\n    getFileData,\n    defaultLang = 'cn',\n  } = props;\n  useEffect(() => {\n    store.dispatch(\n      InitTaskData({ imgList, onSubmit, stepList, step, initialIndex, getFileData, onSave }),\n    );\n\n    // 初始化国际化语言\n    i18n.changeLanguage(defaultLang);\n  }, []);\n\n  useEffect(() => {\n    setToolInstance?.(toolInstance);\n  }, [toolInstance]);\n\n  return (\n    <div>\n      <MainView {...props} />\n    </div>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  toolInstance: state.annotation.toolInstance,\n});\n\nexport default connect(mapStateToProps)(App);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyDA,MAAM,GAAA,GAA0B,CAAC,KAAU,KAAA;AACzC,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAe,GAAA,CAAA;AAAA,IACf,YAAA;AAAA,IACA,eAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAc,GAAA,IAAA;AAAA,GACZ,GAAA,KAAA,CAAA;AACJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,KAAA,CAAA,QAAA,CACJ,aAAa,CAAE,OAAA,EAAS,UAAU,QAAU,EAAA,IAAA,EAAM,cAAc,WAAa,EAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAI/E,IAAA,IAAA,CAAK,cAAe,CAAA,WAAA,CAAA,CAAA;AAAA,GACnB,EAAA,EAAA,CAAA,CAAA;AAEH,EAAA,SAAA,CAAU,MAAM;AACd,IAAkB,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,YAAA,CAAA,CAAA;AAAA,GAAA,EACjB,CAAC,YAAA,CAAA,CAAA,CAAA;AAEJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAD,IACE,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAD,cAAc,CAAA,EAAA,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAKpB,MAAM,eAAA,GAAkB,CAAC,KAAqB,MAAA;AAAA,EAC5C,YAAA,EAAc,MAAM,UAAW,CAAA,YAAA;AAAA,CAAA,CAAA,CAAA;AAGjC,YAAe,QAAQ,eAAiB,CAAA,CAAA,GAAA,CAAA;;;;"}

package/es/assets/annotation/polygonTool/icon_rectangle_a.svg.js

@@ -0,0 +1 @@
+var H="data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 5H15.4286V3H17V5ZM13.8571 5H12.2857V3H13.8571V5ZM10.7143 5H9.14286V3H10.7143V5ZM7.57143 5H6V3H7.57143V5Z' fill='%23999FFF'/%3e%3cpath d='M17 17H15V15H17V17ZM17 13H15V11H17V13ZM17 9H15V7H17V9ZM17 5H15V3H17V5Z' fill='%23999FFF'/%3e%3cpath d='M17 17H15.4286V15H17V17ZM13.8571 17H12.2857V15H13.8571V17ZM10.7143 17H9.14286V15H10.7143V17ZM7.57143 17H6V15H7.57143V17Z' fill='%23999FFF'/%3e%3cpath d='M5 6H3V15H5V6Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 2H2V6H3V14H2V18H6V14H5V6H6V2Z' fill='%23666FFF'/%3e%3c/svg%3e";export{H as default};

package/es/assets/annotation/polygonTool/icon_rectangle_a.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_rectangle_a.svg.js","sources":["../../../../src/assets/annotation/polygonTool/icon_rectangle_a.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 5H15.4286V3H17V5ZM13.8571 5H12.2857V3H13.8571V5ZM10.7143 5H9.14286V3H10.7143V5ZM7.57143 5H6V3H7.57143V5Z' fill='%23999FFF'/%3e%3cpath d='M17 17H15V15H17V17ZM17 13H15V11H17V13ZM17 9H15V7H17V9ZM17 5H15V3H17V5Z' fill='%23999FFF'/%3e%3cpath d='M17 17H15.4286V15H17V17ZM13.8571 17H12.2857V15H13.8571V17ZM10.7143 17H9.14286V15H10.7143V17ZM7.57143 17H6V15H7.57143V17Z' fill='%23999FFF'/%3e%3cpath d='M5 6H3V15H5V6Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 2H2V6H3V14H2V18H6V14H5V6H6V2Z' fill='%23666FFF'/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}