@labelbee/lb-components 1.2.3-alpha.6 → 1.3.0

package/dist/App.js

@@ -1 +1 @@
-"use strict";var React=require("react"),reactRedux=require("react-redux"),index=require("./index.js"),actionCreators=require("./store/annotation/actionCreators.js"),index$1=require("./views/MainView/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),__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 App=e=>{const{imgList:t,step:r,stepList:o,onSubmit:i,onSave:l,initialIndex:s=0,toolInstance:a,setToolInstance:n,getFileData:u,defaultLang:c="cn"}=e;return React.useEffect(()=>{index.store.dispatch(actionCreators.InitTaskData({imgList:t,onSubmit:i,stepList:o,step:r,initialIndex:s,getFileData:u,onSave:l})),lbUtils.i18n.changeLanguage(c)},[]),React.useEffect(()=>{n==null||n(a)},[a]),React__default.default.createElement("div",null,React__default.default.createElement(index$1,__spreadValues({},e)))},mapStateToProps=e=>({toolInstance:e.annotation.toolInstance});var App$1=reactRedux.connect(mapStateToProps)(App);module.exports=App$1;
+"use strict";var index$1=require("./views/MainView/index.js"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),reactRedux=require("react-redux"),index=require("./index.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,__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 App=e=>{const{imgList:t,step:r,stepList:o,onSubmit:i,onSave:l,initialIndex:s=0,toolInstance:a,setToolInstance:n,getFileData:u,defaultLang:c="cn"}=e;return React.useEffect(()=>{index.store.dispatch(actionCreators.InitTaskData({imgList:t,onSubmit:i,stepList:o,step:r,initialIndex:s,getFileData:u,onSave:l})),lbUtils.i18n.changeLanguage(c)},[]),React.useEffect(()=>{n==null||n(a)},[a]),React__default.default.createElement("div",null,React__default.default.createElement(index$1,__spreadValues({},e)))},mapStateToProps=e=>({toolInstance:e.annotation.toolInstance});var App$1=reactRedux.connect(mapStateToProps)(App);module.exports=App$1;

package/dist/components/AnnotationView/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),es=require("antd/es");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,o,e)=>o in r?__defProp(r,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[o]=e,__spreadValues=(r,o)=>{for(var e in o||(o={}))__hasOwnProp.call(o,e)&&__defNormalProp(r,e,o[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(o))__propIsEnum.call(o,e)&&__defNormalProp(r,e,o[e]);return r};const DEFAULT_SIZE={width:1280,height:720},AnnotationView=(r,o)=>{const{size:e=DEFAULT_SIZE,src:v,annotations:i=[],style:g={stroke:"blue",thickness:3},zoomChange:s,backgroundStyle:p={},onChange:c,showLoading:_=!1}=r,[m,d]=React.useState(!1),f=React.useRef(null),n=React.useRef();React.useImperativeHandle(o,()=>{const t=n.current;return t?{zoomIn:()=>t.zoomChanged(!0),zoomOut:()=>t.zoomChanged(!1),initImgPos:()=>t.initImgPos(),toolInstance:t}:{}},[n.current]),React.useEffect(()=>(f.current&&(n.current=new lbAnnotation.ViewOperation({container:f.current,size:e,style:g,annotations:i,config:"{}"}),n.current.init()),()=>{var t;(t=n.current)==null||t.destroy()}),[]),React.useEffect(()=>{var t;n.current&&(d(!0),(t=n.current)==null||t.setLoading(!0),lbAnnotation.ImgUtils.load(v).then(u=>{var a,l;(a=n.current)==null||a.setLoading(!1),d(!1),(l=n.current)==null||l.setImgNode(u)}).catch(()=>{var u;(u=n.current)==null||u.setLoading(!1),d(!1)}))},[v]),React.useEffect(()=>{n.current&&n.current.updateData(i)},[i]),React.useEffect(()=>{const t=n.current;(t==null?void 0:t.setSize)&&t.setSize(e)},[e==null?void 0:e.width,e==null?void 0:e.height]),React.useEffect(()=>{var t,u;return n.current&&((t=n.current)==null||t.on("onChange",(...a)=>{c==null||c.apply(null,a)}),(u=n.current)==null||u.on("renderZoom",a=>{s&&s(a)})),()=>{var a,l;(a=n.current)==null||a.unbindAll("onChange"),(l=n.current)==null||l.unbindAll("renderZoom")}},[s,c]);const h=React__default.default.createElement("div",{ref:f,style:__spreadValues(__spreadValues({},e),p)});return React__default.default.createElement(es.Spin,{spinning:_||m,delay:300},h)};var index=React__default.default.forwardRef(AnnotationView);module.exports=index;
+"use strict";var React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),es=require("antd/es");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,o,e)=>o in r?__defProp(r,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[o]=e,__spreadValues=(r,o)=>{for(var e in o||(o={}))__hasOwnProp.call(o,e)&&__defNormalProp(r,e,o[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(o))__propIsEnum.call(o,e)&&__defNormalProp(r,e,o[e]);return r};const DEFAULT_SIZE={width:1280,height:720},AnnotationView=(r,o)=>{const{size:e=DEFAULT_SIZE,src:v,annotations:l=[],style:p={stroke:"blue",thickness:3},zoomChange:s,backgroundStyle:g={},onChange:c,showLoading:_=!1}=r,[m,d]=React.useState(!1),f=React.useRef(null),n=React.useRef();React.useImperativeHandle(o,()=>{const t=n.current;return t?{zoomIn:()=>t.zoomChanged(!0),zoomOut:()=>t.zoomChanged(!1),initImgPos:()=>t.initImgPos(),toolInstance:t}:{}},[n.current]),React.useEffect(()=>(f.current&&(n.current=new lbAnnotation.ViewOperation({container:f.current,size:e,style:p,annotations:l,config:"{}"}),n.current.init()),()=>{var t;(t=n.current)==null||t.destroy()}),[]),React.useEffect(()=>{var t;n.current&&(d(!0),(t=n.current)==null||t.setLoading(!0),lbAnnotation.ImgUtils.load(v).then(i=>{var a,u;(a=n.current)==null||a.setLoading(!1),d(!1),(u=n.current)==null||u.setImgNode(i)}).catch(()=>{var i;(i=n.current)==null||i.setLoading(!1),d(!1)}))},[v]),React.useEffect(()=>{n.current&&n.current.updateData(l)},[l]),React.useEffect(()=>{const t=n.current;(t==null?void 0:t.setSize)&&t.setSize(e)},[e==null?void 0:e.width,e==null?void 0:e.height]),React.useEffect(()=>{var t,i;return n.current&&((t=n.current)==null||t.on("onChange",(...a)=>{c==null||c.apply(null,a)}),(i=n.current)==null||i.on("renderZoom",a=>{s&&s(a)})),()=>{var a,u;(a=n.current)==null||a.unbindAll("onChange"),(u=n.current)==null||u.unbindAll("renderZoom")}},[s,c]);const h=React__default.default.createElement("div",{ref:f,style:__spreadValues(__spreadValues({position:"relative"},e),g)});return React__default.default.createElement(es.Spin,{spinning:_||m,delay:300},h)};var index=React__default.default.forwardRef(AnnotationView);module.exports=index;