@labelbee/lb-components 1.2.3 → 1.5.0-alpha.0

package/es/components/videoPlayer/TagToolInstanceAdaptor.js

@@ -0,0 +1 @@
+import h from"react";import{CommonToolUtils as p,uuid as f}from"@labelbee/lb-annotation";import y from"../../utils/StepUtils.js";import{jsonParser as c}from"../../utils/index.js";import{VideoPlayer as L}from"./index.js";import{VideoTagLayer as R}from"./VideoTagLayer.js";import g from"lodash";import{getKeyCodeNumber as b}from"./utils.js";class S extends h.Component{constructor(i){super(i);this.fns={},this.labelSelectedList=[],this.clearResult=(t=!0,e)=>{const s=e?this.state.tagResult.map(l=>((l==null?void 0:l.result[e])&&delete l.result[e],l)):[];this.setState({tagResult:s},()=>this.emitEvent("render"))},this.exportData=()=>{var t,e,s,l,r,n,o;const a=(e=(t=this.videoRef)==null?void 0:t.duration)!=null?e:0,d=(s=this.videoRef)==null?void 0:s.getVideoPlaybackQuality(),u=d==null?void 0:d.totalVideoFrames,m=(r=(l=this.videoRef)==null?void 0:l.videoWidth)!=null?r:0,v=(o=(n=this.videoRef)==null?void 0:n.videoHeight)!=null?o:0;return[this.state.tagResult,{valid:this.state.valid,duration:a,frames:u,videoWidth:m,videoHeight:v}]},this.emitEvent=t=>{this.fns[t]&&this.fns[t]()},this.combineResult=(t,e={})=>{var s,l;const{isMulti:r}=t,{key:n,value:o}=t.value;if(r){let a=(l=(s=e[n])==null?void 0:s.split(";"))!=null?l:[];a.includes(o)?a=a.filter(u=>u!==o):a.push(o);const d=new Set(a);return e[n]=Array.from(d).join(";"),g.pickBy(e,u=>u)}return e[n]=e[n]===o?void 0:o,g.pickBy(e,a=>a)},this.setResult=t=>{this.setState({tagResult:t}),this.fns.render&&this.fns.render()},this.setLabel=(t,e)=>{this.setLabelBySelectedList(t,e)},this.keydown=t=>{const e=b(t.keyCode);if(e){const s=e-1;if(this.config.inputList.length===1){this.labelSelectedList=[0,s],this.setLabel(0,s),setTimeout(()=>{this.labelSelectedList=[],this.emitEvent("render")},500);return}this.labelSelectedList.length===1?(this.labelSelectedList=[this.labelSelectedList[0],s],this.setLabel(this.labelSelectedList[0],s),setTimeout(()=>{this.labelSelectedList=[],this.emitEvent("render")},500)):(this.labelSelectedList=[s],this.emitEvent("expend"))}},this.setValid=t=>{this.setState({valid:t}),t===!1&&this.setState({tagResult:[]}),this.emitEvent("render")},this.setResultFromImgList=t=>{var e;const{imgList:s,imgIndex:l,step:r}=t;if(!s[l])return;const n=c(s[l].result),o=n[`step_${r}`];this.setState({tagResult:(e=o==null?void 0:o.result)!=null?e:[],valid:(n==null?void 0:n.valid)===void 0?!0:n.valid})},this.state={tagResult:[],labelSelectedList:[],valid:!0}}get config(){const i=y.getCurrentStepInfo(this.props.step,this.props.stepList);return c(i==null?void 0:i.config)}get history(){return{initRecord:()=>{},pushHistory:()=>{}}}get currentTagResult(){var i;return(i=this.state.tagResult[0])!=null?i:{}}get valid(){return this.state.valid}singleOn(i,t){this.fns[i]=t}on(i,t){this.singleOn(i,t)}getTagResultByCode(i,t){var e,s,l;try{const r=(s=(e=this.config)==null?void 0:e.inputList)!=null?s:[],n=r.length>1,o=t!==void 0?i:0,a=t!==void 0?t:i,d=n?r[o]:r[0],u=((l=d.subSelected)!=null?l:[])[a];if(d&&u)return{value:{key:d.value,value:u.value},isMulti:d.isMulti}}catch(r){return}}setLabelBySelectedList(i,t){var e,s,l,r;const n=this.getTagResultByCode(i,t);if(n){const o=this.combineResult(n,(s=(e=this.state.tagResult[0])==null?void 0:e.result)!=null?s:{}),a=[{sourceID:p.getSourceID(),id:(r=(l=this.currentTagResult)==null?void 0:l.id)!=null?r:f(8,62),result:o}];this.setState({tagResult:a},()=>this.emitEvent("render"))}}componentDidMount(){document.addEventListener("keydown",this.keydown),this.props.onMounted(this),this.setResultFromImgList(this.props)}componentWillUnmount(){document.addEventListener("keydown",this.keydown),this.props.onUnmounted()}shouldComponentUpdate(i){return i.imgIndex!==this.props.imgIndex&&this.setResultFromImgList(i),!0}render(){var i;const{imgIndex:t,imgList:e,pageForward:s,pageJump:l,pageBackward:r}=this.props,{tagResult:n,valid:o}=this.state;return h.createElement("div",{style:{height:"100%",width:"100%",position:"relative"}},h.createElement(L,{imgIndex:t,imgList:e,pageBackward:r,pageForward:s,pageJump:l,valid:o,setVideoRef:a=>{this.videoRef=a}}),h.createElement(R,{result:n,inputList:(i=this.config)==null?void 0:i.inputList}))}}export{S as TagToolInstanceAdaptor};

package/es/components/videoPlayer/TagToolInstanceAdaptor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagToolInstanceAdaptor.js","sources":["../../../src/components/videoPlayer/TagToolInstanceAdaptor.tsx"],"sourcesContent":["/**\n * @file Implement TagTool interaction through class components.\n *       Refer to: packages/lb-annotation/src/core/toolOperation/tagOperation.ts\n * @author Glenfiddish <edwinlee0927@hotmail.com>\n * @date 2022-05-31\n */\n\nimport React from 'react';\nimport { CommonToolUtils, uuid } from '@labelbee/lb-annotation';\nimport StepUtils from '@/utils/StepUtils';\nimport { jsonParser } from '@/utils';\nimport { VideoPlayer } from './index';\nimport { VideoTagLayer } from './VideoTagLayer';\nimport { IStepInfo } from '@/types/step';\nimport _ from 'lodash';\nimport type { ObjectString } from './types';\nimport { getKeyCodeNumber } from './utils';\nimport { IFileItem } from '@/types/data';\n\nexport interface IVideoTagInstanceAdaptorProps {\n  imgIndex: number;\n  imgList: IFileItem[];\n  pageForward: () => void;\n  pageJump: (page: string) => void;\n  pageBackward: () => void;\n  onMounted: (instance: TagToolInstanceAdaptor) => void;\n  onUnmounted: () => void;\n  step: number;\n  stepList: IStepInfo[];\n}\n\ninterface IVideoTagInstanceAdaptorState {\n  // TODO: Use ITagResult from 'lb-annotation'\n  tagResult: any[];\n  labelSelectedList: number[];\n  valid: boolean;\n}\n\nexport class TagToolInstanceAdaptor extends React.Component<\n  IVideoTagInstanceAdaptorProps,\n  IVideoTagInstanceAdaptorState\n> {\n  public fns: { [key: string]: () => void } = {};\n  public videoRef?: HTMLVideoElement;\n  public labelSelectedList: number[] = [];\n\n  constructor(props: IVideoTagInstanceAdaptorProps) {\n    super(props);\n    this.state = {\n      tagResult: [],\n      labelSelectedList: [],\n      valid: true,\n    };\n  }\n\n  public get config() {\n    const stepInfo = StepUtils.getCurrentStepInfo(this.props.step, this.props.stepList);\n    return jsonParser(stepInfo?.config);\n  }\n\n  /** Just implementation, no actual logic */\n  public get history() {\n    return { initRecord: () => {}, pushHistory: () => {} };\n  }\n\n  public get currentTagResult() {\n    return this.state.tagResult[0] ?? {};\n  }\n\n  public get valid() {\n    return this.state.valid;\n  }\n\n  public clearResult = (sendMsg = true, value?: string) => {\n    const newTag = value\n      ? this.state.tagResult.map((v) => {\n          if (v?.result[value]) {\n            delete v.result[value];\n          }\n          return v;\n        })\n      : [];\n\n    this.setState(\n      {\n        tagResult: newTag,\n      },\n      () => this.emitEvent('render'),\n    );\n  };\n\n  public exportData = () => {\n    const duration = this.videoRef?.duration ?? 0;\n    const videoQulity = this.videoRef?.getVideoPlaybackQuality();\n    const frames = videoQulity?.totalVideoFrames;\n    const videoWidth = this.videoRef?.videoWidth ?? 0;\n    const videoHeight = this.videoRef?.videoHeight ?? 0;\n\n    return [\n      this.state.tagResult,\n      { valid: this.state.valid, duration, frames, videoWidth, videoHeight },\n    ];\n  };\n\n  public singleOn(event: string, func: () => void) {\n    this.fns[event] = func;\n  }\n\n  public on(event: string, func: () => void) {\n    this.singleOn(event, func);\n  }\n\n  public getTagResultByCode(num1: number, num2?: number) {\n    try {\n      const inputList = this.config?.inputList ?? [];\n      const mulitTags = inputList.length > 1;\n      const keycode1 = num2 !== undefined ? num1 : 0;\n      const keycode2 = num2 !== undefined ? num2 : num1;\n      const primaryTagConfig = mulitTags ? inputList[keycode1] : inputList[0];\n      const secondaryTagConfig = (primaryTagConfig.subSelected ?? [])[keycode2];\n\n      if (primaryTagConfig && secondaryTagConfig) {\n        return {\n          value: {\n            key: primaryTagConfig.value,\n            value: secondaryTagConfig.value,\n          },\n          isMulti: primaryTagConfig.isMulti,\n        };\n      }\n    } catch {\n      return;\n    }\n  }\n\n  public setLabelBySelectedList(num1: number, num2?: number) {\n    const newTagConfig = this.getTagResultByCode(num1, num2);\n\n    if (newTagConfig) {\n      const tagRes = this.combineResult(newTagConfig, this.state.tagResult[0]?.result ?? {});\n\n      const tagResult = [\n        {\n          sourceID: CommonToolUtils.getSourceID(),\n          id: this.currentTagResult?.id ?? uuid(8, 62),\n          result: tagRes,\n        },\n      ];\n\n      this.setState(\n        {\n          tagResult,\n        },\n        () => this.emitEvent('render'),\n      );\n    }\n  }\n\n  public emitEvent = (event: string) => {\n    if (this.fns[event]) {\n      this.fns[event]();\n    }\n  };\n\n  /**\n   * Combine result with inputValue and existValue\n   * @param inputValue\n   * @param existValue\n   * @returns newValue\n   */\n  public combineResult = (\n    inputValue: { value: { key: string; value: string }; isMulti: boolean },\n    existValue: ObjectString = {},\n  ) => {\n    const { isMulti } = inputValue;\n    const { key, value } = inputValue.value;\n\n    if (isMulti) {\n      let valuesArray = existValue[key]?.split(';') ?? [];\n      if (valuesArray.includes(value)) {\n        valuesArray = valuesArray.filter((i) => i !== value);\n      } else {\n        valuesArray.push(value);\n      }\n\n      const valuesSet = new Set(valuesArray);\n      existValue[key] = Array.from(valuesSet).join(';');\n      return _.pickBy(existValue, (v) => v);\n    }\n\n    existValue[key] = existValue[key] === value ? undefined : value;\n\n    return _.pickBy(existValue, (v) => v);\n  };\n\n  public setResult = (tagResult: any[]) => {\n    this.setState({\n      tagResult,\n    });\n\n    if (this.fns['render']) {\n      this.fns['render']();\n    }\n  };\n\n  public setLabel = (num1: number, num2: number) => {\n    this.setLabelBySelectedList(num1, num2);\n  };\n\n  /**\n   * Keydown event for recording keycode input(numeric only)\n   * @param event\n   */\n  public keydown = (event: KeyboardEvent) => {\n    const keyCode = getKeyCodeNumber(event.keyCode);\n\n    if (keyCode) {\n      const keyIndex = keyCode - 1;\n\n      if (this.config.inputList.length === 1) {\n        // 说明标签只有一层\n        this.labelSelectedList = [0, keyIndex];\n        this.setLabel(0, keyIndex);\n        setTimeout(() => {\n          this.labelSelectedList = [];\n          this.emitEvent('render');\n        }, 500);\n\n        return;\n      }\n\n      if (this.labelSelectedList.length === 1) {\n        this.labelSelectedList = [this.labelSelectedList[0], keyIndex];\n        this.setLabel(this.labelSelectedList[0], keyIndex);\n        setTimeout(() => {\n          this.labelSelectedList = [];\n          this.emitEvent('render');\n        }, 500);\n      } else {\n        this.labelSelectedList = [keyIndex];\n        this.emitEvent('expend');\n      }\n    }\n  };\n\n  public setValid = (valid: boolean) => {\n    this.setState({ valid });\n    if (valid === false) {\n      this.setState({ tagResult: [] });\n    }\n\n    this.emitEvent('render');\n  };\n\n  public componentDidMount() {\n    document.addEventListener('keydown', this.keydown);\n    this.props.onMounted(this);\n    this.setResultFromImgList(this.props);\n  }\n\n  public componentWillUnmount() {\n    document.addEventListener('keydown', this.keydown);\n    this.props.onUnmounted();\n  }\n\n  public setResultFromImgList = (props: IVideoTagInstanceAdaptorProps) => {\n    const { imgList, imgIndex, step } = props;\n\n    if (!imgList[imgIndex]) {\n      return;\n    }\n    const res = jsonParser(imgList[imgIndex].result);\n    const stepRes = res[`step_${step}`];\n\n    this.setState({\n      tagResult: stepRes?.result ?? [],\n      valid: res?.valid === undefined ? true : res.valid,\n    });\n  };\n\n  /** Observer imgIndex and set tagResult */\n  public shouldComponentUpdate(props: IVideoTagInstanceAdaptorProps) {\n    if (props.imgIndex !== this.props.imgIndex) {\n      this.setResultFromImgList(props);\n    }\n    return true;\n  }\n\n  public render() {\n    const { imgIndex, imgList, pageForward, pageJump, pageBackward } = this.props;\n    const { tagResult, valid } = this.state;\n\n    return (\n      <div style={{ height: '100%', width: '100%', position: 'relative' }}>\n        <VideoPlayer\n          imgIndex={imgIndex}\n          imgList={imgList}\n          pageBackward={pageBackward}\n          pageForward={pageForward}\n          pageJump={pageJump}\n          valid={valid}\n          setVideoRef={(video) => {\n            this.videoRef = video;\n          }}\n        />\n        <VideoTagLayer result={tagResult} inputList={this.config?.inputList} />\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/components/videoPlayer/TagToolInstanceAdaptorI18nProvider.js

@@ -0,0 +1 @@
+import o,{useEffect as c}from"react";import{i18n as a}from"@labelbee/lb-utils";import{I18nextProvider as i}from"react-i18next";import{TagToolInstanceAdaptor as p}from"./TagToolInstanceAdaptor.js";var f=Object.defineProperty,n=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,l=(e,r,t)=>r in e?f(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,u=(e,r)=>{for(var t in r||(r={}))m.call(r,t)&&l(e,t,r[t]);if(n)for(var t of n(r))s.call(r,t)&&l(e,t,r[t]);return e};const _=e=>(c(()=>{a.changeLanguage(e.lang)},[e.lang]),o.createElement(i,{i18n:a},o.createElement(p,u({},e))));export{_ as VideoTagTool};

package/es/components/videoPlayer/TagToolInstanceAdaptorI18nProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagToolInstanceAdaptorI18nProvider.js","sources":["../../../src/components/videoPlayer/TagToolInstanceAdaptorI18nProvider.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { i18n } from '@labelbee/lb-utils';\nimport { I18nextProvider } from 'react-i18next';\nimport { IVideoTagInstanceAdaptorProps, TagToolInstanceAdaptor } from './TagToolInstanceAdaptor';\n\n/**\n * I18n provider for InstanceAdaptorI18nProvider\n * @param props\n */\nexport const VideoTagTool = (props: IVideoTagInstanceAdaptorProps & { lang?: string }) => {\n  useEffect(() => {\n    i18n.changeLanguage(props.lang);\n  }, [props.lang]);\n\n  return (\n    <I18nextProvider i18n={i18n}>\n      <TagToolInstanceAdaptor {...props} />\n    </I18nextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AASa,MAAA,YAAA,GAAe,CAAC,KAA6D,KAAA;AACxF,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAA,CAAK,eAAe,KAAM,CAAA,IAAA,CAAA,CAAA;AAAA,GAAA,EACzB,CAAC,KAAM,CAAA,IAAA,CAAA,CAAA,CAAA;AAEV,EAAA,2CACG,eAAD,EAAA;AAAA,IAAiB,IAAA;AAAA,GACf,kBAAA,KAAA,CAAA,aAAA,CAAC,wBAAD,cAA4B,CAAA,EAAA,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/es/components/videoPlayer/VideoTagLayer.js

@@ -0,0 +1 @@
+import e from"react";import{result2LabelKey as n}from"./utils.js";const i={position:"absolute",zIndex:20,padding:"0 20px",color:"white",fontSize:15,lineHeight:"32px",background:"rgba(0, 255, 255, 0.32)",top:0,right:0,maxHeight:"calc(100% - 80px)",overflowY:"scroll"},c=({result:r,inputList:l})=>{const a=n(r,l);return e.createElement("div",{style:i},e.createElement("table",null,e.createElement("tbody",null,a.map(({keyLabel:t,valuesLabelArray:o})=>e.createElement("tr",{key:t},e.createElement("td",{style:{paddingRight:8}},`${t}:`),e.createElement("td",null,`${o.join("\u3001")}`))))))};export{c as VideoTagLayer};

package/es/components/videoPlayer/VideoTagLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoTagLayer.js","sources":["../../../src/components/videoPlayer/VideoTagLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { result2LabelKey } from './utils';\nimport type { ITagLabelsArray } from './types';\nimport { IInputList } from '@/types/main';\n\ninterface IVideoTagLayerProps {\n  result: Array<{ result: { [key: string]: string } }>;\n  inputList: IInputList[];\n}\n\nconst tagLayerCSSProperty: React.CSSProperties = {\n  position: 'absolute',\n  zIndex: 20,\n  padding: '0 20px',\n  color: 'white',\n  fontSize: 15,\n  lineHeight: '32px',\n  background: 'rgba(0, 255, 255, 0.32)',\n  top: 0,\n  right: 0,\n  maxHeight: 'calc(100% - 80px)',\n  overflowY: 'scroll',\n};\n\nexport const VideoTagLayer: React.FC<IVideoTagLayerProps> = ({ result, inputList }) => {\n  const tagsLabel: ITagLabelsArray = result2LabelKey(result, inputList);\n  return (\n    <div style={tagLayerCSSProperty}>\n      <table>\n        <tbody>\n          {tagsLabel.map(({ keyLabel, valuesLabelArray }) => (\n            <tr key={keyLabel}>\n              <td style={{ paddingRight: 8 }}>{`${keyLabel}:`}</td>\n              <td>{`${valuesLabelArray.join('、')}`}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAUA,MAAM,mBAA2C,GAAA;AAAA,EAC/C,QAAU,EAAA,UAAA;AAAA,EACV,MAAQ,EAAA,EAAA;AAAA,EACR,OAAS,EAAA,QAAA;AAAA,EACT,KAAO,EAAA,OAAA;AAAA,EACP,QAAU,EAAA,EAAA;AAAA,EACV,UAAY,EAAA,MAAA;AAAA,EACZ,UAAY,EAAA,yBAAA;AAAA,EACZ,GAAK,EAAA,CAAA;AAAA,EACL,KAAO,EAAA,CAAA;AAAA,EACP,SAAW,EAAA,mBAAA;AAAA,EACX,SAAW,EAAA,QAAA;AAAA,CAAA,CAAA;AAGN,MAAM,aAA+C,GAAA,CAAC,CAAE,MAAA,EAAQ,SAAgB,CAAA,KAAA;AACrF,EAAM,MAAA,SAAA,GAA6B,gBAAgB,MAAQ,EAAA,SAAA,CAAA,CAAA;AAC3D,EAAA,2CACG,KAAD,EAAA;AAAA,IAAK,KAAO,EAAA,mBAAA;AAAA,GAAA,kBACT,KAAA,CAAA,aAAA,CAAA,OAAA,EAAD,IACE,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAD,EAAA,IAAA,EACG,SAAU,CAAA,GAAA,CAAI,CAAC,CAAE,QAAU,EAAA,gBAAA,CAAA,yCACzB,IAAD,EAAA;AAAA,IAAI,GAAK,EAAA,QAAA;AAAA,GAAA,sCACN,IAAD,EAAA;AAAA,IAAI,KAAA,EAAO,CAAE,YAAc,EAAA,CAAA,CAAA;AAAA,GAAA,EAAM,GAAG,QACpC,CAAA,CAAA,CAAA,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAD,IAAK,EAAA,CAAA,EAAG,iBAAiB,IAAK,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/es/components/videoPlayer/components/controller/index.js

@@ -0,0 +1 @@
+import e from"react";import{getClassName as o}from"../../../../utils/dom.js";import{PauseOutlined as y,CaretRightOutlined as N,CaretUpOutlined as C,CaretDownOutlined as T}from"@ant-design/icons";import{VideoPlayerCtx as c}from"../../index.js";import{Pagination as x}from"../../../../views/MainView/toolFooter/Pagination.js";import P from"../../../../assets/annotation/video/icon_keyboard_h.svg.js";import h from"../../../../views/MainView/toolFooter/FooterTips/ToolHotKey/index.js";import{useTranslation as u}from"react-i18next";import{decimalReserved as d}from"../../utils.js";import{cTool as w}from"@labelbee/lb-annotation";const{EVideoToolName:V}=w,p=t=>{const n=Math.floor(t/60),r=~~(t%60).toFixed(),a=(t*10).toString().split("").pop(),l=s=>s<10?`0${s}`:s;return`${l(n)}:${l(r)}:${a}`},k=()=>{const{currentTime:t,duration:n,buffered:r,setCurrentTime:a}=e.useContext(c),l=e.useRef(null),s=`${d(r/n*100,1)}%`,m=`${d(t/n*100,1)}%`,v=i=>{if(l.current){const E=i.clientX,f=l.current.clientWidth,g=d(E/f*n,1);a(g)}};return e.createElement("div",{className:o("video-progress"),ref:l,onClick:i=>{i.stopPropagation(),i.nativeEvent.stopImmediatePropagation(),v(i)}},e.createElement("div",{className:o("video-slider")},e.createElement("div",{className:o("video-slider","played"),style:{width:m}}),e.createElement("div",{className:o("video-slider","loaded"),style:{width:s}}),e.createElement("div",{className:o("video-slider","played"),style:{width:m}})),e.createElement("div",{className:o("video-slider-bar"),style:{left:m}}))},b=()=>{const{updateNextPlaybackRate:t,playbackRate:n}=e.useContext(c),{t:r}=u();return e.createElement("span",{className:o("video-controller","speed")},e.createElement("span",null,r("Speed")),e.createElement("span",{className:o("video-controller","speedNum")},`${n}x`),e.createElement("span",{className:o("video-controller","speedButton")},e.createElement(C,{onClick:()=>{t()}}),e.createElement(T,{onClick:()=>{t(!1)}})))},$=()=>{const{t}=u();return e.createElement(h,{title:e.createElement("span",{className:o("video-controller","hotkey")},e.createElement("img",{src:P}),t("Hotkeys")),style:{},toolName:V.VideoTagTool})},R=()=>{const{imgIndex:t,imgList:n,pageBackward:r,pageJump:a,pageForward:l}=e.useContext(c);return e.createElement(x,{isVideo:!0,pageBackward:r,imgIndex:t,pageJump:a,totalPage:n.length,pageForward:l,footerCls:o("video-controller")})},j=()=>{const{currentTime:t,duration:n}=e.useContext(c),r=(n*10-t*10)/10;return e.createElement("div",{className:o("video-controller","time")},`${p(t)} / -${p(r)}`)},F=()=>{const{playPause:t,isPlay:n}=e.useContext(c);return e.createElement("div",{className:o("video-controller","wrapper")},e.createElement(k,null),e.createElement("div",{className:o("video-controller")},e.createElement("span",{onClick:()=>{t()},className:o("video-controller","playButton")},n?e.createElement(y,null):e.createElement(N,null)),e.createElement(j,null),e.createElement(b,null),e.createElement("div",{className:o("video-controller","holder")}),e.createElement(R,null),e.createElement($,null)))};export{F as default};

package/es/components/videoPlayer/components/controller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/videoPlayer/components/controller/index.tsx"],"sourcesContent":["import React from 'react';\nimport { getClassName } from '@/utils/dom';\nimport {\n  CaretRightOutlined,\n  CaretUpOutlined,\n  CaretDownOutlined,\n  PauseOutlined,\n} from '@ant-design/icons';\nimport { VideoPlayerCtx } from '../..';\nimport { Pagination } from '@/views/MainView/toolFooter/Pagination';\nimport hotkey from '@/assets/annotation/video/icon_keyboard_h.svg';\nimport ToolHotKey from '@/views/MainView/toolFooter/FooterTips/ToolHotKey';\nimport { useTranslation } from 'react-i18next';\nimport { decimalReserved } from '../../utils';\nimport { cTool } from '@labelbee/lb-annotation';\nconst { EVideoToolName } = cTool;\n\n/**\n * Format video time to display\n * Such as 61.9 => 01:01:9\n * @param {Number} time\n * @returns {String} displayTime (min:sec:mircoSec)\n */\nconst videoTimeFormat = (time: number) => {\n  const min = Math.floor(time / 60);\n  const sec = ~~(time % 60).toFixed();\n  const minSec = (time * 10).toString().split('').pop();\n  const fillZero = (num: number) => (num < 10 ? `0${num}` : num);\n  return `${fillZero(min)}:${fillZero(sec)}:${minSec}`;\n};\n\nconst VideoProgress = () => {\n  const { currentTime, duration, buffered, setCurrentTime } = React.useContext(VideoPlayerCtx);\n  const progressRef = React.useRef<HTMLDivElement>(null);\n  const bufferLoadedPercent = `${decimalReserved((buffered / duration) * 100, 1)}%`;\n  const playedPercent = `${decimalReserved((currentTime / duration) * 100, 1)}%`;\n  const toCurrentTime = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (progressRef.current) {\n      const offsetX = event.clientX;\n      const width = progressRef.current.clientWidth;\n      const toTime = decimalReserved((offsetX / width) * duration, 1);\n      setCurrentTime(toTime);\n    }\n  };\n\n  return (\n    <div\n      className={getClassName('video-progress')}\n      ref={progressRef}\n      onClick={(event: React.MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n        event.nativeEvent.stopImmediatePropagation();\n        toCurrentTime(event);\n      }}\n    >\n      <div className={getClassName('video-slider')}>\n        <div className={getClassName('video-slider', 'played')} style={{ width: playedPercent }} />\n        <div\n          className={getClassName('video-slider', 'loaded')}\n          style={{ width: bufferLoadedPercent }}\n        />\n        <div className={getClassName('video-slider', 'played')} style={{ width: playedPercent }} />\n      </div>\n\n      <div className={getClassName('video-slider-bar')} style={{ left: playedPercent }}></div>\n    </div>\n  );\n};\n\nconst VideoSpeedButton = () => {\n  const { updateNextPlaybackRate, playbackRate } = React.useContext(VideoPlayerCtx);\n  const { t } = useTranslation();\n\n  return (\n    <span className={getClassName('video-controller', 'speed')}>\n      <span>{t('Speed')}</span>\n      <span className={getClassName('video-controller', 'speedNum')}>{`${playbackRate}x`}</span>\n      <span className={getClassName('video-controller', 'speedButton')}>\n        <CaretUpOutlined\n          onClick={() => {\n            updateNextPlaybackRate();\n          }}\n        />\n        <CaretDownOutlined\n          onClick={() => {\n            updateNextPlaybackRate(false);\n          }}\n        />\n      </span>\n    </span>\n  );\n};\n\nconst VideoHotKeys = () => {\n  const { t } = useTranslation();\n  return (\n    <ToolHotKey\n      title={\n        <span className={getClassName('video-controller', 'hotkey')}>\n          <img src={hotkey} />\n          {t('Hotkeys')}\n        </span>\n      }\n      style={{}}\n      toolName={EVideoToolName.VideoTagTool}\n    />\n  );\n};\n\nconst VideoPageChange = () => {\n  const { imgIndex, imgList, pageBackward, pageJump, pageForward } =\n    React.useContext(VideoPlayerCtx);\n\n  return (\n    <Pagination\n      isVideo={true}\n      pageBackward={pageBackward}\n      imgIndex={imgIndex}\n      pageJump={pageJump}\n      totalPage={imgList.length}\n      pageForward={pageForward}\n      footerCls={getClassName('video-controller')}\n    />\n  );\n};\n\nconst VideoTime = () => {\n  const { currentTime, duration } = React.useContext(VideoPlayerCtx);\n  const remaingTime = (duration * 10 - currentTime * 10) / 10;\n\n  return (\n    <div className={getClassName('video-controller', 'time')}>\n      {`${videoTimeFormat(currentTime)} / -${videoTimeFormat(remaingTime)}`}\n    </div>\n  );\n};\n\nconst VideoController = () => {\n  const { playPause, isPlay } = React.useContext(VideoPlayerCtx);\n\n  return (\n    <div className={getClassName('video-controller', 'wrapper')}>\n      <VideoProgress />\n      <div className={getClassName('video-controller')}>\n        <span\n          onClick={() => {\n            playPause();\n          }}\n          className={getClassName('video-controller', 'playButton')}\n        >\n          {isPlay ? <PauseOutlined /> : <CaretRightOutlined />}\n        </span>\n        <VideoTime />\n        <VideoSpeedButton />\n        <div className={getClassName('video-controller', 'holder')} />\n        <VideoPageChange />\n        <VideoHotKeys />\n      </div>\n    </div>\n  );\n};\n\nexport default VideoController;\n"],"names":["hotkey"],"mappings":"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"}

package/es/components/videoPlayer/index.js

@@ -0,0 +1 @@
+import r from"react";import D from"./components/controller/index.js";import{getClassName as d}from"../../utils/dom.js";import{cKeyCode as I}from"@labelbee/lb-annotation";import{decimalReserved as n}from"./utils.js";import N from"../fileException/index.js";const s=I.default,h=r.createContext({isPlay:!1,playPause:()=>{},updateNextPlaybackRate:()=>{},playbackRate:1,currentTime:0,duration:0,buffered:0,setCurrentTime:()=>{},imgList:[],imgIndex:-1,pageBackward:()=>{},pageJump:c=>{},pageForward:()=>{}}),L=50,u=.1,l=[.5,1,1.5,2,4,6,8,16];class m extends r.Component{constructor(i){super(i);this.changePlaybackPate=e=>{this.videoElm&&(this.videoElm.playbackRate=e,this.setState({playbackRate:e}))},this.playPause=()=>{var e,t,a;((e=this.videoElm)==null?void 0:e.paused)?(t=this.videoElm)==null||t.play():(a=this.videoElm)==null||a.pause()},this.updateNextPlaybackRate=(e=!0)=>{const t=l.findIndex(o=>o===this.state.playbackRate);let a=e?Math.min(t+1,l.length-1):Math.max(t-1,0);this.changePlaybackPate(l[a])},this.fastForward=()=>{this.videoElm&&this.setCurrentTime(this.videoElm.currentTime+u)},this.rewind=()=>{this.videoElm&&this.setCurrentTime(this.videoElm.currentTime-u)},this.keydown=e=>{e.keyCode===s.Space&&(e.preventDefault(),this.playPause()),e.keyCode===s.Up&&(e.preventDefault(),this.updateNextPlaybackRate()),e.keyCode===s.Down&&(e.preventDefault(),this.updateNextPlaybackRate(!1)),e.keyCode===s.Left&&(e.preventDefault(),this.rewind()),e.keyCode===s.Right&&(e.preventDefault(),this.fastForward())},this.onPlay=()=>{this.setState({isPlay:!0},this.onVideoStart)},this.onPause=()=>{this.setState({isPlay:!1},this.onVideoStopped)},this.onVideoStopped=()=>{this.timeInterval&&(clearInterval(this.timeInterval),this.timeInterval=void 0)},this.onVideoStart=()=>{this.timeInterval=window.setInterval(()=>{var e,t,a;if(this.videoElm)try{if(((e=this.videoElm)==null?void 0:e.buffered.length)>0){const o=(t=this.videoElm)==null?void 0:t.buffered.end(0);this.setState({currentTime:n((a=this.videoElm)==null?void 0:a.currentTime,1),buffered:o})}}catch(o){console.error(o)}},L)},this.resetVideoData=()=>{this.setState({currentTime:0,buffered:0,error:!1}),this.onVideoStopped()},this.setDuration=()=>{var e;if(this.videoElm){const t=n((e=this.videoElm)==null?void 0:e.duration,1);this.setState({duration:t})}},this.setCurrentTime=e=>{this.videoElm&&(this.videoElm.currentTime=e,this.setState({currentTime:e}))},this.reload=()=>{var e;(e=this.videoElm)==null||e.load()},this.onError=()=>{this.resetVideoData(),this.setState({error:!0})},this.state={playbackRate:1,currentTime:0,isPlay:!1,duration:0,buffered:0,error:!1},this.videoRef=r.createRef()}get videoElm(){var i;return(i=this.videoRef)==null?void 0:i.current}get videoSrc(){var i,e;const{imgIndex:t,imgList:a}=this.props;return t>-1&&(e=(i=a[t])==null?void 0:i.url)!=null?e:""}componentDidMount(){var i,e;window.addEventListener("keydown",this.keydown),((i=this.videoRef)==null?void 0:i.current)&&this.props.setVideoRef&&this.props.setVideoRef((e=this.videoRef)==null?void 0:e.current)}componentWillUnmount(){window.removeEventListener("keydown",this.keydown)}render(){const{isPlay:i,playbackRate:e,currentTime:t,duration:a,buffered:o,error:f}=this.state,{imgList:p,imgIndex:v,pageBackward:y,pageJump:E,pageForward:P,valid:R}=this.props,{playPause:b,updateNextPlaybackRate:g,onPause:k,onPlay:w,resetVideoData:x,setDuration:C,setCurrentTime:S,onError:T,videoRef:_,videoSrc:V}=this;return r.createElement(h.Provider,{value:{videoRef:this.videoRef,isPlay:i,playPause:b,updateNextPlaybackRate:g,playbackRate:e,currentTime:t,duration:a,buffered:o,setCurrentTime:S,imgIndex:v,imgList:p,pageBackward:y,pageJump:E,pageForward:P}},r.createElement("div",{className:d("video-wrapper")},r.createElement("div",{className:d("video-container")},r.createElement("video",{ref:_,className:d("video"),src:V,onPause:k,onPlay:w,onLoadedMetadata:x,onError:T,onDurationChange:C,width:"100%",height:"100%"}),r.createElement(N,{fileType:"video",errorProps:{reloadImage:this.reload,backgroundColor:"#e2e2e2",ignoreOffsetY:!0,isError:f},invalidProps:{isValid:R}})),r.createElement(D,null)))}}export{m as VideoPlayer,h as VideoPlayerCtx,m as default};

package/es/components/videoPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/videoPlayer/index.tsx"],"sourcesContent":["/**\n * @author Glenfiddish <edwinlee0927@hotmail.com>\n * @file Implement video player, including mouse and keyboard event\n * @date 2022-06-02\n */\n\nimport React from 'react';\nimport VideoController from './components/controller';\nimport { getClassName } from '@/utils/dom';\nimport { cKeyCode } from '@labelbee/lb-annotation';\nimport { IFileItem } from '@/types/data';\nimport { decimalReserved } from './utils';\nimport FileException from '../fileException';\n\nconst EKeyCode = cKeyCode.default;\n\nexport const VideoPlayerCtx = React.createContext<{\n  videoRef?: React.RefObject<HTMLVideoElement> | null;\n  isPlay: boolean;\n  playPause: () => void;\n  updateNextPlaybackRate: (isForward?: boolean) => void;\n  setCurrentTime: (time: number) => void;\n  playbackRate: number;\n  currentTime: number;\n  duration: number;\n  buffered: number;\n  imgList: IFileItem[];\n  imgIndex: number;\n  pageBackward: () => void;\n  pageJump: (page: string) => void;\n  pageForward: () => void;\n}>({\n  isPlay: false,\n  playPause: () => {},\n  updateNextPlaybackRate: () => {},\n  playbackRate: 1,\n  currentTime: 0,\n  duration: 0,\n  buffered: 0,\n  setCurrentTime: () => {},\n  imgList: [],\n  imgIndex: -1,\n  pageBackward: () => {},\n  pageJump: (page: string) => {},\n  pageForward: () => {},\n});\n\nconst PER_INTERVAL = 50;\nconst PER_FORWARD = 0.1;\nconst PLAYBACK_RATES = [0.5, 1, 1.5, 2, 4, 6, 8, 16];\n\ninterface IVideoPlayerProps {\n  imgList: IFileItem[];\n  imgIndex: number;\n  pageBackward: () => void;\n  pageJump: (page: string) => void;\n  pageForward: () => void;\n  valid: boolean;\n  setVideoRef?: (video: HTMLVideoElement) => void;\n}\n\ninterface IVideoPlayerState {\n  playbackRate: number;\n  currentTime: number;\n  isPlay: boolean;\n  duration: number;\n  buffered: number;\n  error: boolean;\n}\n\nexport class VideoPlayer extends React.Component<IVideoPlayerProps, IVideoPlayerState> {\n  public videoRef?: React.RefObject<HTMLVideoElement>;\n  public timeInterval?: number;\n\n  constructor(props: IVideoPlayerProps) {\n    super(props);\n    this.state = {\n      playbackRate: 1,\n      currentTime: 0,\n      isPlay: false,\n      duration: 0,\n      buffered: 0,\n      error: false,\n    };\n    this.videoRef = React.createRef();\n  }\n\n  get videoElm() {\n    return this.videoRef?.current;\n  }\n\n  get videoSrc() {\n    const { imgIndex, imgList } = this.props;\n    return imgIndex > -1 ? imgList[imgIndex]?.url ?? '' : '';\n  }\n\n  public changePlaybackPate = (playbackRate: number) => {\n    if (this.videoElm) {\n      this.videoElm.playbackRate = playbackRate;\n      this.setState({\n        playbackRate,\n      });\n    }\n  };\n\n  public playPause = () => {\n    if (this.videoElm?.paused) {\n      this.videoElm?.play();\n    } else {\n      this.videoElm?.pause();\n    }\n  };\n\n  public updateNextPlaybackRate = (isForward: boolean = true) => {\n    const idx = PLAYBACK_RATES.findIndex((r) => r === this.state.playbackRate);\n    let nextIdx = isForward ? Math.min(idx + 1, PLAYBACK_RATES.length - 1) : Math.max(idx - 1, 0);\n    this.changePlaybackPate(PLAYBACK_RATES[nextIdx]);\n  };\n\n  public fastForward = () => {\n    if (this.videoElm) {\n      this.setCurrentTime(this.videoElm.currentTime + PER_FORWARD);\n    }\n  };\n\n  public rewind = () => {\n    if (this.videoElm) {\n      this.setCurrentTime(this.videoElm.currentTime - PER_FORWARD);\n    }\n  };\n\n  /**\n   * Implement Video's keydown\n   * Play / Pause           -   Space\n   * Rewind / FastForward   -   ⬅️  /  ➡️\n   * Speed                  -   ⬆️  /  ⬇\n   * @param event\n   */\n  public keydown = (event: KeyboardEvent) => {\n    if (event.keyCode === EKeyCode.Space) {\n      event.preventDefault();\n      this.playPause();\n    }\n\n    if (event.keyCode === EKeyCode.Up) {\n      event.preventDefault();\n      this.updateNextPlaybackRate();\n    }\n\n    if (event.keyCode === EKeyCode.Down) {\n      event.preventDefault();\n      this.updateNextPlaybackRate(false);\n    }\n\n    if (event.keyCode === EKeyCode.Left) {\n      event.preventDefault();\n      this.rewind();\n    }\n\n    if (event.keyCode === EKeyCode.Right) {\n      event.preventDefault();\n      this.fastForward();\n    }\n  };\n\n  public onPlay = () => {\n    this.setState(\n      {\n        isPlay: true,\n      },\n      this.onVideoStart,\n    );\n  };\n\n  public onPause = () => {\n    this.setState(\n      {\n        isPlay: false,\n      },\n      this.onVideoStopped,\n    );\n  };\n\n  public onVideoStopped = () => {\n    if (this.timeInterval) {\n      clearInterval(this.timeInterval);\n      this.timeInterval = undefined;\n    }\n  };\n\n  public onVideoStart = () => {\n    this.timeInterval = window.setInterval(() => {\n      if (this.videoElm) {\n        try {\n          if (this.videoElm?.buffered.length > 0) {\n            const buffered = this.videoElm?.buffered.end(0);\n\n            this.setState({\n              currentTime: decimalReserved(this.videoElm?.currentTime, 1),\n              buffered,\n            });\n          }\n        } catch (error) {\n          console.error(error);\n        }\n      }\n    }, PER_INTERVAL);\n  };\n\n  public resetVideoData = () => {\n    this.setState({\n      currentTime: 0,\n      buffered: 0,\n      error: false,\n    });\n    this.onVideoStopped();\n  };\n\n  public setDuration = () => {\n    if (this.videoElm) {\n      const duration = decimalReserved(this.videoElm?.duration, 1);\n\n      this.setState({\n        duration,\n      });\n    }\n  };\n\n  public setCurrentTime = (currentTime: number) => {\n    if (this.videoElm) {\n      this.videoElm.currentTime = currentTime;\n      this.setState({\n        currentTime,\n      });\n    }\n  };\n\n  public reload = () => {\n    this.videoElm?.load();\n  };\n\n  public onError = () => {\n    this.resetVideoData();\n    this.setState({ error: true });\n  };\n\n  public componentDidMount() {\n    window.addEventListener('keydown', this.keydown);\n    if (this.videoRef?.current && this.props.setVideoRef) {\n      this.props.setVideoRef(this.videoRef?.current as HTMLVideoElement);\n    }\n  }\n\n  public componentWillUnmount() {\n    window.removeEventListener('keydown', this.keydown);\n  }\n\n  public render() {\n    const { isPlay, playbackRate, currentTime, duration, buffered, error } = this.state;\n    const { imgList, imgIndex, pageBackward, pageJump, pageForward, valid } = this.props;\n\n    const {\n      playPause,\n      updateNextPlaybackRate,\n      onPause,\n      onPlay,\n      resetVideoData,\n      setDuration,\n      setCurrentTime,\n      onError,\n      videoRef,\n      videoSrc,\n    } = this;\n\n    return (\n      <VideoPlayerCtx.Provider\n        value={{\n          videoRef: this.videoRef,\n          isPlay,\n          playPause,\n          updateNextPlaybackRate,\n          playbackRate,\n          currentTime,\n          duration,\n          buffered,\n          setCurrentTime,\n          imgIndex,\n          imgList,\n          pageBackward,\n          pageJump,\n          pageForward,\n        }}\n      >\n        <div className={getClassName('video-wrapper')}>\n          <div className={getClassName('video-container')}>\n            <video\n              ref={videoRef}\n              className={getClassName('video')}\n              src={videoSrc}\n              onPause={onPause}\n              onPlay={onPlay}\n              onLoadedMetadata={resetVideoData}\n              onError={onError}\n              onDurationChange={setDuration}\n              width='100%'\n              height='100%'\n            />\n\n            <FileException\n              fileType='video'\n              errorProps={{\n                reloadImage: this.reload,\n                backgroundColor: '#e2e2e2',\n                ignoreOffsetY: true,\n                isError: error,\n              }}\n              invalidProps={{\n                isValid: valid,\n              }}\n            />\n          </div>\n          <VideoController />\n        </div>\n      </VideoPlayerCtx.Provider>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"names":[],"mappings":"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"}

package/es/components/videoPlayer/utils.js

@@ -0,0 +1 @@
+const v=(e,r,t)=>{const a=t.find(n=>n.value===e),l=a.subSelected.find(n=>n.value===r);return{keyLabel:a.key,valueLabel:l.key}},f=(e,r)=>e.sort((t,a)=>{const l=r.findIndex(s=>t===s.value),n=r.findIndex(s=>a===s.value);return l-n}),i=(e,r)=>{var t;try{return(t=e==null?void 0:e.reduce((a,l)=>(f(Object.keys(l.result),r).forEach(n=>{l.result[n].split(";").forEach(b=>{const{keyLabel:u,valueLabel:c}=v(n,b,r),o=a.find(d=>d.keyLabel===u);o?o.valuesLabelArray.push(c):a.push({keyLabel:u,valuesLabelArray:[c]})})}),a),[]))!=null?t:[]}catch(a){return[]}},y=e=>e<=57&&e>=49?e-48:e<=105&&e>=97?e-96:0,L=(e,r=2)=>typeof e=="number"?parseFloat(e.toFixed(r)):e;export{L as decimalReserved,v as findTagLabel,y as getKeyCodeNumber,i as result2LabelKey,f as tagsSortThruInputList};

package/es/components/videoPlayer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/videoPlayer/utils.ts"],"sourcesContent":["import type { ITagLabelsArray } from './types';\n\n/**\n * Find key and value to display label through inputList\n * @param key\n * @param value\n * @param inputList\n */\nexport const findTagLabel = (key: string, value: string, inputList: any[]) => {\n  const primaryTagConfig = inputList.find((i) => i.value === key);\n  const secondaryTagConfig = primaryTagConfig.subSelected.find(\n    (i: { value: string }) => i.value === value,\n  );\n  return { keyLabel: primaryTagConfig.key, valueLabel: secondaryTagConfig.key };\n};\n\n/**\n * Sort tags through inputList\n * @param tagsKeys\n * @param inputList\n */\nexport const tagsSortThruInputList = (tagsKeys: string[], inputList: any[]) => {\n  return tagsKeys.sort((key1, key2) => {\n    const key1Idx = inputList.findIndex((input) => key1 === input.value);\n    const key2Idx = inputList.findIndex((input) => key2 === input.value);\n    return key1Idx - key2Idx;\n  });\n};\n\n/**\n * Convent result's array to array of showing the labels\n * @param result\n * @param inputList\n * @returns {ITagLabelsArray}\n */\nexport const result2LabelKey = (result: any[], inputList: any[]) => {\n  try {\n    return (\n      result?.reduce((exitsTags: ITagLabelsArray, res: { result: { [key: string]: string } }) => {\n        tagsSortThruInputList(Object.keys(res.result), inputList).forEach((key) => {\n          const values = res.result[key];\n          const valuesArray = values.split(';');\n          valuesArray.forEach((value) => {\n            const { keyLabel, valueLabel } = findTagLabel(key, value, inputList);\n            const tagHasAssign = exitsTags.find((i) => i.keyLabel === keyLabel);\n            if (tagHasAssign) {\n              tagHasAssign.valuesLabelArray.push(valueLabel);\n            } else {\n              exitsTags.push({ keyLabel, valuesLabelArray: [valueLabel] });\n            }\n          });\n        });\n        return exitsTags;\n      }, []) ?? []\n    );\n  } catch (error) {\n    return [];\n  }\n};\n\n/**\n * Get key number through keyCode, Such as 49(keycode) => 1(number)\n * @param {Number} keyCode\n * @returns {Number} keyCode in scope if it greater than 0\n */\nexport const getKeyCodeNumber = (keyCode: number) => {\n  if (keyCode <= 57 && keyCode >= 49) {\n    return keyCode - 48;\n  }\n\n  if (keyCode <= 105 && keyCode >= 97) {\n    return keyCode - 96;\n  }\n\n  return 0;\n};\n\n/**\n * Preserve decimals for number\n * @param num\n * @param places\n * @returns {Number}\n */\nexport const decimalReserved = (num: number, places: number = 2) =>\n  typeof num === 'number' ? parseFloat(num.toFixed(places)) : num;\n"],"names":[],"mappings":"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"}

package/es/configureStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"configureStore.js","sources":["../src/configureStore.ts"],"sourcesContent":["import { createStore, applyMiddleware } from 'redux';\nimport thunk from 'redux-thunk';\nimport { rootReducer } from './store';\n\nexport default function configureStore() {\n  return createStore(rootReducer, applyMiddleware(thunk));\n}\n"],"names":[],"mappings":";;;;0BAIyC;AACvC,SAAO,YAAY,aAAa,gBAAgB;AAAA;;;;"}
+{"version":3,"file":"configureStore.js","sources":["../src/configureStore.ts"],"sourcesContent":["import { createStore, applyMiddleware } from 'redux';\nimport thunk from 'redux-thunk';\nimport { rootReducer } from './store';\n\nexport default function configureStore() {\n  return createStore(rootReducer, applyMiddleware(thunk));\n}\n"],"names":[],"mappings":";;;;AAIyC,SAAA,cAAA,GAAA;AACvC,EAAO,OAAA,WAAA,CAAY,aAAa,eAAgB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/es/constant/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/constant/index.tsx"],"sourcesContent":["export enum EStepType {\n  Check = 0, // 查看模式\n  ANNOTATION = 1, // 正常标注\n  QUALITY_INSPECTION, // 标注质检\n  PRE_ANNOTATION, // 预标注\n  MANUAL_CORRECTION, // 人工修正\n}\n\nexport enum ESubmitType {\n  Backward = 1, // 向前翻页\n  Forward = 2, // 向后翻页\n  Jump = 3, // 分页器的跳页翻页\n  Quit = 4, // 左上角后退触发\n  Export = 5, // 数据导出时\n  StepChanged = 6, // 切换步骤\n  Save = 7, // 点击保存\n}\n// css 命名前缀\nexport const prefix = 'bee';\nexport const componentCls = `${prefix}-component`;\n"],"names":[],"mappings":"IAAY;AAAL,UAAK,YAAL;AACL,mCAAQ,KAAR;AACA,wCAAa,KAAb;AACA;AACA;AACA;AAAA,GALU;IAQA;AAAL,UAAK,cAAL;AACL,0CAAW,KAAX;AACA,yCAAU,KAAV;AACA,sCAAO,KAAP;AACA,sCAAO,KAAP;AACA,wCAAS,KAAT;AACA,6CAAc,KAAd;AACA,sCAAO,KAAP;AAAA,GAPU;MAUC,SAAS;MACT,eAAe,GAAG;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/constant/index.tsx"],"sourcesContent":["export enum EStepType {\n  Check = 0, // 查看模式\n  ANNOTATION = 1, // 正常标注\n  QUALITY_INSPECTION, // 标注质检\n  PRE_ANNOTATION, // 预标注\n  MANUAL_CORRECTION, // 人工修正\n}\n\nexport enum ESubmitType {\n  Backward = 1, // 向前翻页\n  Forward = 2, // 向后翻页\n  Jump = 3, // 分页器的跳页翻页\n  Quit = 4, // 左上角后退触发\n  Export = 5, // 数据导出时\n  StepChanged = 6, // 切换步骤\n  Save = 7, // 点击保存\n}\n// css 命名前缀\nexport const prefix = 'bee';\nexport const componentCls = `${prefix}-component`;\n"],"names":[],"mappings":"AAAY,IAAA,UAAA;AAAL,CAAA,SAAK,UAAL,EAAA;AACL,EAAA,UAAA,CAAA,UAAA,CAAA,OAAA,CAAA,GAAQ,CAAR,CAAA,GAAA,OAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,YAAA,CAAA,GAAa,CAAb,CAAA,GAAA,YAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,oBAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,gBAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,mBAAA,CAAA;AAAA,CALU,EAAA,SAAA,KAAA,SAAA,GAAA,EAAA,CAAA,CAAA,CAAA;AAQA,IAAA,YAAA;AAAL,CAAA,SAAK,YAAL,EAAA;AACL,EAAA,YAAA,CAAA,YAAA,CAAA,UAAA,CAAA,GAAW,CAAX,CAAA,GAAA,UAAA,CAAA;AACA,EAAA,YAAA,CAAA,YAAA,CAAA,SAAA,CAAA,GAAU,CAAV,CAAA,GAAA,SAAA,CAAA;AACA,EAAA,YAAA,CAAA,YAAA,CAAA,MAAA,CAAA,GAAO,CAAP,CAAA,GAAA,MAAA,CAAA;AACA,EAAA,YAAA,CAAA,YAAA,CAAA,MAAA,CAAA,GAAO,CAAP,CAAA,GAAA,MAAA,CAAA;AACA,EAAA,YAAA,CAAA,YAAA,CAAA,QAAA,CAAA,GAAS,CAAT,CAAA,GAAA,QAAA,CAAA;AACA,EAAA,YAAA,CAAA,YAAA,CAAA,aAAA,CAAA,GAAc,CAAd,CAAA,GAAA,aAAA,CAAA;AACA,EAAA,YAAA,CAAA,YAAA,CAAA,MAAA,CAAA,GAAO,CAAP,CAAA,GAAA,MAAA,CAAA;AAAA,CAPU,EAAA,WAAA,KAAA,WAAA,GAAA,EAAA,CAAA,CAAA,CAAA;AAUL,MAAM,MAAS,GAAA,MAAA;AACf,MAAM,eAAe,CAAG,EAAA,MAAA,CAAA,UAAA;;;;"}

package/es/constant/styleString.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleString.js","sources":["../../src/constant/styleString.ts"],"sourcesContent":["const styleString = '{\"toolColor\":{\"1\":{\"valid\":{\"stroke\":\"rgba(0,0,255,0.50)\",\"fill\":\"rgba(0,0,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.80)\"},\"validSelected\":{\"stroke\":\"rgba(0,15,255,1.00)\",\"fill\":\"rgba(0,15,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,0.60)\",\"fill\":\"rgba(255,0,0,0.24)\"},\"validHover\":{\"stroke\":\"rgba(0,15,255,0.80)\",\"fill\":\"rgba(0,15,255,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,0.50)\",\"fill\":\"rgba(255,0,0,0.40)\"}},\"3\":{\"valid\":{\"stroke\":\"rgba(0,255,255,0.50)\",\"fill\":\"rgba(0,255,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.80)\"},\"validSelected\":{\"stroke\":\"rgba(0,212,255,1.00)\",\"fill\":\"rgba(0,212,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,0.60)\",\"fill\":\"rgba(255,0,0,0.24)\"},\"validHover\":{\"stroke\":\"rgba(0,212,255,0.80)\",\"fill\":\"rgba(0,212,255,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,0.50)\",\"fill\":\"rgba(255,0,0,0.40)\"}},\"5\":{\"valid\":{\"stroke\":\"rgba(0,255,0,0.50)\",\"fill\":\"rgba(0,255,0,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.80)\"},\"validSelected\":{\"stroke\":\"rgba(149,255,1.00)\",\"fill\":\"rgba(149,255,0,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,0.60)\",\"fill\":\"rgba(255,0,0,0.24)\"},\"validHover\":{\"stroke\":\"rgba(149,255,0,0.80)\",\"fill\":\"rgba(149,255,0,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,0.50)\",\"fill\":\"rgba(255,0,0,0.40)\"}},\"7\":{\"valid\":{\"stroke\":\"rgba(255,255,0,0.50)\",\"fill\":\"rgba(255,255,0,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.80)\"},\"validSelected\":{\"stroke\":\"rgba(255,230,102,1.00)\",\"fill\":\"rgba(255,213,0,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,0.60)\",\"fill\":\"rgba(255,0,0,0.24)\"},\"validHover\":{\"stroke\":\"rgba(255,230,102,0.80)\",\"fill\":\"rgba(255,230,102,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,0.50)\",\"fill\":\"rgba(255,0,0,0.40)\"}},\"9\":{\"valid\":{\"stroke\":\"rgba(255,0,255,0.50)\",\"fill\":\"rgba(255,0,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.80)\"},\"validSelected\":{\"stroke\":\"rgba(230,102,255,1.00)\",\"fill\":\"rgba(213,0,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,0.60)\",\"fill\":\"rgba(255,0,0,0.24)\"},\"validHover\":{\"stroke\":\"rgba(230,102,255,0.80)\",\"fill\":\"rgba(230,102,255,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,0.50)\",\"fill\":\"rgba(255,0,0,0.40)\"}}},\"attributeColor\":[{\"valid\":{\"stroke\":\"rgba(204,204,204,1.00)\",\"fill\":\"rgba(204,204,204,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(204,204,204,1.00)\",\"fill\":\"rgba(204,204,204,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(204,204,204,1.00)\",\"fill\":\"rgba(204,204,204,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(153,51,255,1.00)\",\"fill\":\"rgba(153,51,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(153,51,255,1.00)\",\"fill\":\"rgba(153,51,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(153,51,255,1.00)\",\"fill\":\"rgba(153,51,255,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(51,254,51,1.00)\",\"fill\":\"rgba(51,254,51,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(51,254,51,1.00)\",\"fill\":\"rgba(51,254,51,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(51,254,51,1.00)\",\"fill\":\"rgba(51,254,51,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(255,51,255,1.00)\",\"fill\":\"rgba(255,51,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(255,51,255,1.00)\",\"fill\":\"rgba(255,51,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(255,51,255,1.00)\",\"fill\":\"rgba(255,51,255,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(204,255,51,1.00)\",\"fill\":\"rgba(204,255,51,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(204,255,51,1.00)\",\"fill\":\"rgba(204,255,51,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(204,255,51,1.00)\",\"fill\":\"rgba(204,255,51,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(51,153,255,1.00)\",\"fill\":\"rgba(51,153,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(51,153,255,1.00)\",\"fill\":\"rgba(51,153,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(51,153,255,1.00)\",\"fill\":\"rgba(51,153,255,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(255,153,51,1.00)\",\"fill\":\"rgba(255,153,51,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(255,153,51,1.00)\",\"fill\":\"rgba(255,153,51,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(255,153,51,1.00)\",\"fill\":\"rgba(255,153,51,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(51,255,238,1.00)\",\"fill\":\"rgba(51,255,238,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(51,255,238,1.00)\",\"fill\":\"rgba(51,255,238,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(51,255,238,1.00)\",\"fill\":\"rgba(51,255,238,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(255,221,51,1.00)\",\"fill\":\"rgba(255,221,51,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(255,221,51,1.00)\",\"fill\":\"rgba(255,221,51,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(255,221,51,1.00)\",\"fill\":\"rgba(255,221,51,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}}],\"lineColor\":{\"1\":\"rgba(102, 111, 255, 1 )\",\"3\":\"rgba(102, 230, 255, 1)\",\"5\":\"rgba(191, 255, 102, 1)\",\"7\":\"rgba(255, 230, 102, 1)\",\"9\":\"rgba(230, 102, 255, 1)\"},\"attributeLineColor\":[\"rgba(204, 204, 204, 1)\",\"rgba(153, 51, 255, 1)\",\"rgba(51, 254, 51, 1)\",\"rgba(255, 51, 255, 1)\",\"rgba(204, 255, 51, 1)\",\"rgba(51, 153, 255, 1)\",\"rgba(255, 153, 51, 1)\",\"rgba(51, 255, 238, 1)\",\"rgba(255, 221, 51, 1)\"],\"color\":1,\"width\":2,\"opacity\":9}';\n\nexport default styleString;\n"],"names":[],"mappings":"MAAM,cAAc;;;;"}
+{"version":3,"file":"styleString.js","sources":["../../src/constant/styleString.ts"],"sourcesContent":["const styleString = '{\"toolColor\":{\"1\":{\"valid\":{\"stroke\":\"rgba(0,0,255,0.50)\",\"fill\":\"rgba(0,0,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.80)\"},\"validSelected\":{\"stroke\":\"rgba(0,15,255,1.00)\",\"fill\":\"rgba(0,15,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,0.60)\",\"fill\":\"rgba(255,0,0,0.24)\"},\"validHover\":{\"stroke\":\"rgba(0,15,255,0.80)\",\"fill\":\"rgba(0,15,255,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,0.50)\",\"fill\":\"rgba(255,0,0,0.40)\"}},\"3\":{\"valid\":{\"stroke\":\"rgba(0,255,255,0.50)\",\"fill\":\"rgba(0,255,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.80)\"},\"validSelected\":{\"stroke\":\"rgba(0,212,255,1.00)\",\"fill\":\"rgba(0,212,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,0.60)\",\"fill\":\"rgba(255,0,0,0.24)\"},\"validHover\":{\"stroke\":\"rgba(0,212,255,0.80)\",\"fill\":\"rgba(0,212,255,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,0.50)\",\"fill\":\"rgba(255,0,0,0.40)\"}},\"5\":{\"valid\":{\"stroke\":\"rgba(0,255,0,0.50)\",\"fill\":\"rgba(0,255,0,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.80)\"},\"validSelected\":{\"stroke\":\"rgba(149,255,1.00)\",\"fill\":\"rgba(149,255,0,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,0.60)\",\"fill\":\"rgba(255,0,0,0.24)\"},\"validHover\":{\"stroke\":\"rgba(149,255,0,0.80)\",\"fill\":\"rgba(149,255,0,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,0.50)\",\"fill\":\"rgba(255,0,0,0.40)\"}},\"7\":{\"valid\":{\"stroke\":\"rgba(255,255,0,0.50)\",\"fill\":\"rgba(255,255,0,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.80)\"},\"validSelected\":{\"stroke\":\"rgba(255,230,102,1.00)\",\"fill\":\"rgba(255,213,0,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,0.60)\",\"fill\":\"rgba(255,0,0,0.24)\"},\"validHover\":{\"stroke\":\"rgba(255,230,102,0.80)\",\"fill\":\"rgba(255,230,102,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,0.50)\",\"fill\":\"rgba(255,0,0,0.40)\"}},\"9\":{\"valid\":{\"stroke\":\"rgba(255,0,255,0.50)\",\"fill\":\"rgba(255,0,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.80)\"},\"validSelected\":{\"stroke\":\"rgba(230,102,255,1.00)\",\"fill\":\"rgba(213,0,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,0.60)\",\"fill\":\"rgba(255,0,0,0.24)\"},\"validHover\":{\"stroke\":\"rgba(230,102,255,0.80)\",\"fill\":\"rgba(230,102,255,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,0.50)\",\"fill\":\"rgba(255,0,0,0.40)\"}}},\"attributeColor\":[{\"valid\":{\"stroke\":\"rgba(204,204,204,1.00)\",\"fill\":\"rgba(204,204,204,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(204,204,204,1.00)\",\"fill\":\"rgba(204,204,204,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(204,204,204,1.00)\",\"fill\":\"rgba(204,204,204,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(153,51,255,1.00)\",\"fill\":\"rgba(153,51,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(153,51,255,1.00)\",\"fill\":\"rgba(153,51,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(153,51,255,1.00)\",\"fill\":\"rgba(153,51,255,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(51,254,51,1.00)\",\"fill\":\"rgba(51,254,51,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(51,254,51,1.00)\",\"fill\":\"rgba(51,254,51,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(51,254,51,1.00)\",\"fill\":\"rgba(51,254,51,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(255,51,255,1.00)\",\"fill\":\"rgba(255,51,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(255,51,255,1.00)\",\"fill\":\"rgba(255,51,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(255,51,255,1.00)\",\"fill\":\"rgba(255,51,255,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(204,255,51,1.00)\",\"fill\":\"rgba(204,255,51,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(204,255,51,1.00)\",\"fill\":\"rgba(204,255,51,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(204,255,51,1.00)\",\"fill\":\"rgba(204,255,51,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(51,153,255,1.00)\",\"fill\":\"rgba(51,153,255,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(51,153,255,1.00)\",\"fill\":\"rgba(51,153,255,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(51,153,255,1.00)\",\"fill\":\"rgba(51,153,255,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(255,153,51,1.00)\",\"fill\":\"rgba(255,153,51,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(255,153,51,1.00)\",\"fill\":\"rgba(255,153,51,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(255,153,51,1.00)\",\"fill\":\"rgba(255,153,51,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(51,255,238,1.00)\",\"fill\":\"rgba(51,255,238,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(51,255,238,1.00)\",\"fill\":\"rgba(51,255,238,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(51,255,238,1.00)\",\"fill\":\"rgba(51,255,238,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}},{\"valid\":{\"stroke\":\"rgba(255,221,51,1.00)\",\"fill\":\"rgba(255,221,51,0.40)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.40)\"},\"validSelected\":{\"stroke\":\"rgba(255,221,51,1.00)\",\"fill\":\"rgba(255,221,51,0.80)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"},\"validHover\":{\"stroke\":\"rgba(255,221,51,1.00)\",\"fill\":\"rgba(255,221,51,0.80)\"},\"invalidHover\":{\"stroke\":\"rgba(255,0,0,1.00)\",\"fill\":\"rgba(255,0,0,0.80)\"}}],\"lineColor\":{\"1\":\"rgba(102, 111, 255, 1 )\",\"3\":\"rgba(102, 230, 255, 1)\",\"5\":\"rgba(191, 255, 102, 1)\",\"7\":\"rgba(255, 230, 102, 1)\",\"9\":\"rgba(230, 102, 255, 1)\"},\"attributeLineColor\":[\"rgba(204, 204, 204, 1)\",\"rgba(153, 51, 255, 1)\",\"rgba(51, 254, 51, 1)\",\"rgba(255, 51, 255, 1)\",\"rgba(204, 255, 51, 1)\",\"rgba(51, 153, 255, 1)\",\"rgba(255, 153, 51, 1)\",\"rgba(51, 255, 238, 1)\",\"rgba(255, 221, 51, 1)\"],\"color\":1,\"width\":2,\"opacity\":9}';\n\nexport default styleString;\n"],"names":[],"mappings":"AAAA,MAAM,WAAc,GAAA;;;;"}

package/es/data/Style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Style.js","sources":["../../src/data/Style.ts"],"sourcesContent":["export const COLORS_ARRAY = [\n  'rgba(128, 12, 249, 1)', // 6\n  'rgba(0, 255, 48, 1)', // 3\n  'rgba(255, 136, 247, 1)', // 7\n  'rgba(255, 226, 50, 1)', // 2\n  'rgba(153, 66, 23, 1)', // 8\n  'rgba(2, 130, 250, 1)', // 5\n  'rgba(255, 35, 35, 1)', // 1\n  'rgba(0, 255, 234, 1)', // 4\n];\n\nexport const NULL_COLOR = 'rgba(204, 204, 204, 1)';\n\nexport const DEFAULT_COLOR = {\n  valid: {\n    stroke: 'rgba(102, 111, 255, 0.6)',\n    fill: 'rgba(102, 111, 255, 0.3)',\n  },\n  invalid: {\n    stroke: 'rgba(255, 153, 102,1)',\n    fill: 'rgba(255, 153, 102, 0.5)',\n  },\n  validSelected: {\n    stroke: 'rgba(0, 15, 255, 0.8)',\n    fill: 'rgba(0, 15, 255, 0.4)',\n  },\n  invalidSelected: {\n    stroke: 'rgba(255,153,102,0.8)',\n    fill: 'rgba(255,153,102,0.3)',\n  },\n  validHover: {\n    stroke: 'rgba(0, 15, 255, 1)',\n    fill: 'rgba(0, 15, 255, 0.5)',\n  },\n\n  invalidHover: {\n    stroke: 'rgba(255,153,102,1)',\n    fill: 'rgba(255,153,102,0.5)',\n  },\n};\n\nexport const CHANGE_COLOR: { [a: number]: any } = {\n  1: {\n    valid: 'rgba(0, 0, 255, 0.5)',\n    select: {\n      stroke: 'rgba(0, 15, 255, 1)',\n      fill: 'rgba(0,15,255, 1)',\n    },\n    hover: 'rgba(0, 15, 255, 0.8)',\n    line: 'rgba(102, 111, 255, 1 )',\n  },\n  3: {\n    valid: 'rgba(0, 255, 255, 0.5)',\n    select: {\n      stroke: 'rgba(0, 212, 255,  1)',\n      fill: 'rgba(0,212,255, 1)',\n    },\n    hover: 'rgba(0, 212, 255, 0.8)',\n    line: 'rgba(102, 230, 255, 1)',\n  },\n  5: {\n    valid: 'rgba(0, 255, 0, 0.5)',\n    select: {\n      stroke: 'rgba(149, 255, 1)',\n      fill: 'rgba(149,255,0, 1)',\n    },\n    hover: 'rgba(149, 255, 0, 0.8)',\n    line: 'rgba(191, 255, 102, 1)',\n  },\n  7: {\n    valid: 'rgba(255, 255, 0, 0.5)',\n    select: {\n      stroke: 'rgba(255, 230, 102, 1)',\n      fill: 'rgba(255,213,0, 1)',\n    },\n    hover: 'rgba(255, 230, 102, 0.8)',\n    line: 'rgba(255, 230, 102, 1)',\n  },\n  9: {\n    valid: 'rgba(255, 0, 255, 0.5)',\n    select: {\n      stroke: 'rgba(230, 102, 255, 1)',\n      fill: 'rgba(213,0,255, 1)',\n    },\n    hover: 'rgba(230, 102, 255, 0.8)',\n    line: 'rgba(230, 102, 255, 1)',\n  },\n};\n\nexport const BORDER_OPACITY_LEVEL: { [a: number]: number } = {\n  1: 0.2,\n  3: 0.4,\n  5: 0.6,\n  7: 0.8,\n  9: 1.0,\n};\n\nexport const FILL_OPACITY_LEVEL: { [a: number]: number } = {\n  1: 0,\n  3: 0.2,\n  5: 0.4,\n  7: 0.6,\n  9: 0.8,\n};\n"],"names":[],"mappings":"MAAa,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAGW,aAAa;MAEb,gBAAgB;AAAA,EAC3B,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA;AAAA,EAER,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA;AAAA,EAER,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA;AAAA,EAER,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,MAAM;AAAA;AAAA,EAER,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA;AAAA,EAGR,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,MAAM;AAAA;AAAA;MAIG,eAAqC;AAAA,EAChD,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA;AAAA,IAER,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA;AAAA,IAER,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA;AAAA,IAER,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA;AAAA,IAER,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA;AAAA,IAER,OAAO;AAAA,IACP,MAAM;AAAA;AAAA;MAIG,uBAAgD;AAAA,EAC3D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;MAGQ,qBAA8C;AAAA,EACzD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;;;;"}
+{"version":3,"file":"Style.js","sources":["../../src/data/Style.ts"],"sourcesContent":["export const COLORS_ARRAY = [\n  'rgba(128, 12, 249, 1)', // 6\n  'rgba(0, 255, 48, 1)', // 3\n  'rgba(255, 136, 247, 1)', // 7\n  'rgba(255, 226, 50, 1)', // 2\n  'rgba(153, 66, 23, 1)', // 8\n  'rgba(2, 130, 250, 1)', // 5\n  'rgba(255, 35, 35, 1)', // 1\n  'rgba(0, 255, 234, 1)', // 4\n];\n\nexport const NULL_COLOR = 'rgba(204, 204, 204, 1)';\n\nexport const DEFAULT_COLOR = {\n  valid: {\n    stroke: 'rgba(102, 111, 255, 0.6)',\n    fill: 'rgba(102, 111, 255, 0.3)',\n  },\n  invalid: {\n    stroke: 'rgba(255, 153, 102,1)',\n    fill: 'rgba(255, 153, 102, 0.5)',\n  },\n  validSelected: {\n    stroke: 'rgba(0, 15, 255, 0.8)',\n    fill: 'rgba(0, 15, 255, 0.4)',\n  },\n  invalidSelected: {\n    stroke: 'rgba(255,153,102,0.8)',\n    fill: 'rgba(255,153,102,0.3)',\n  },\n  validHover: {\n    stroke: 'rgba(0, 15, 255, 1)',\n    fill: 'rgba(0, 15, 255, 0.5)',\n  },\n\n  invalidHover: {\n    stroke: 'rgba(255,153,102,1)',\n    fill: 'rgba(255,153,102,0.5)',\n  },\n};\n\nexport const CHANGE_COLOR: { [a: number]: any } = {\n  1: {\n    valid: 'rgba(0, 0, 255, 0.5)',\n    select: {\n      stroke: 'rgba(0, 15, 255, 1)',\n      fill: 'rgba(0,15,255, 1)',\n    },\n    hover: 'rgba(0, 15, 255, 0.8)',\n    line: 'rgba(102, 111, 255, 1 )',\n  },\n  3: {\n    valid: 'rgba(0, 255, 255, 0.5)',\n    select: {\n      stroke: 'rgba(0, 212, 255,  1)',\n      fill: 'rgba(0,212,255, 1)',\n    },\n    hover: 'rgba(0, 212, 255, 0.8)',\n    line: 'rgba(102, 230, 255, 1)',\n  },\n  5: {\n    valid: 'rgba(0, 255, 0, 0.5)',\n    select: {\n      stroke: 'rgba(149, 255, 1)',\n      fill: 'rgba(149,255,0, 1)',\n    },\n    hover: 'rgba(149, 255, 0, 0.8)',\n    line: 'rgba(191, 255, 102, 1)',\n  },\n  7: {\n    valid: 'rgba(255, 255, 0, 0.5)',\n    select: {\n      stroke: 'rgba(255, 230, 102, 1)',\n      fill: 'rgba(255,213,0, 1)',\n    },\n    hover: 'rgba(255, 230, 102, 0.8)',\n    line: 'rgba(255, 230, 102, 1)',\n  },\n  9: {\n    valid: 'rgba(255, 0, 255, 0.5)',\n    select: {\n      stroke: 'rgba(230, 102, 255, 1)',\n      fill: 'rgba(213,0,255, 1)',\n    },\n    hover: 'rgba(230, 102, 255, 0.8)',\n    line: 'rgba(230, 102, 255, 1)',\n  },\n};\n\nexport const BORDER_OPACITY_LEVEL: { [a: number]: number } = {\n  1: 0.2,\n  3: 0.4,\n  5: 0.6,\n  7: 0.8,\n  9: 1.0,\n};\n\nexport const FILL_OPACITY_LEVEL: { [a: number]: number } = {\n  1: 0,\n  3: 0.2,\n  5: 0.4,\n  7: 0.6,\n  9: 0.8,\n};\n"],"names":[],"mappings":"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"}

package/es/data/enums/AnnotationSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationSize.js","sources":["../../../src/data/enums/AnnotationSize.ts"],"sourcesContent":["export const headerHeight = 61;\nexport const tipsHeight = 40;\nexport const footerHeight = 40;\nexport const sidebarWidth = 240;\n// 编辑步骤的侧边栏宽度\nexport const editStepWidth = 320;\n\n/** 标注步骤的类型 */\nexport enum EStepType {\n  ANNOTATION = 1, // 正常标注\n  QUALITY_INSPECTION, // 标注质检\n  PRE_ANNOTATION, // 预标注\n  MANUAL_CORRECTION, // 人工修正\n}\n\n/** 标注工具中最大获取的图片数 */\nexport const ANNOTATION_MAX_SIZE = 100;\n\n/** 翻页操作 */\nexport enum EPageTurningOperation {\n  Backward,\n  Forward,\n  Jump,\n}\n\n/** 拖拽状态 */\nexport enum EDragStatus {\n  Start,\n  Stop,\n  Wait,\n}\n\n/** 拖拽的内容 */\nexport enum EDragTarget {\n  Point,\n  Line,\n  Plane,\n}\n"],"names":[],"mappings":"MAAa,eAAe;MAEf,eAAe;MACf,eAAe;MAEf,gBAAgB;IAGjB;AAAL,UAAK,YAAL;AACL,wCAAa,KAAb;AACA;AACA;AACA;AAAA,GAJU;IAWA;AAAL,UAAK,wBAAL;AACL;AACA;AACA;AAAA,GAHU;IAOA;AAAL,UAAK,cAAL;AACL;AACA;AACA;AAAA,GAHU;IAOA;AAAL,UAAK,cAAL;AACL;AACA;AACA;AAAA,GAHU;;;;"}
+{"version":3,"file":"AnnotationSize.js","sources":["../../../src/data/enums/AnnotationSize.ts"],"sourcesContent":["export const headerHeight = 61;\nexport const tipsHeight = 40;\nexport const footerHeight = 40;\nexport const sidebarWidth = 240;\n// 编辑步骤的侧边栏宽度\nexport const editStepWidth = 320;\n\n/** 标注步骤的类型 */\nexport enum EStepType {\n  ANNOTATION = 1, // 正常标注\n  QUALITY_INSPECTION, // 标注质检\n  PRE_ANNOTATION, // 预标注\n  MANUAL_CORRECTION, // 人工修正\n}\n\n/** 标注工具中最大获取的图片数 */\nexport const ANNOTATION_MAX_SIZE = 100;\n\n/** 翻页操作 */\nexport enum EPageTurningOperation {\n  Backward,\n  Forward,\n  Jump,\n}\n\n/** 拖拽状态 */\nexport enum EDragStatus {\n  Start,\n  Stop,\n  Wait,\n}\n\n/** 拖拽的内容 */\nexport enum EDragTarget {\n  Point,\n  Line,\n  Plane,\n}\n"],"names":[],"mappings":"AAAO,MAAM,YAAe,GAAA,GAAA;AAErB,MAAM,YAAe,GAAA,GAAA;AACrB,MAAM,YAAe,GAAA,IAAA;AAErB,MAAM,aAAgB,GAAA,IAAA;AAGjB,IAAA,UAAA;AAAL,CAAA,SAAK,UAAL,EAAA;AACL,EAAA,UAAA,CAAA,UAAA,CAAA,YAAA,CAAA,GAAa,CAAb,CAAA,GAAA,YAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,oBAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,gBAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,mBAAA,CAAA;AAAA,CAJU,EAAA,SAAA,KAAA,SAAA,GAAA,EAAA,CAAA,CAAA,CAAA;AAWA,IAAA,sBAAA;AAAL,CAAA,SAAK,sBAAL,EAAA;AACL,EAAA,sBAAA,CAAA,sBAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AACA,EAAA,sBAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AACA,EAAA,sBAAA,CAAA,sBAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAA,CAHU,EAAA,qBAAA,KAAA,qBAAA,GAAA,EAAA,CAAA,CAAA,CAAA;AAOA,IAAA,YAAA;AAAL,CAAA,SAAK,YAAL,EAAA;AACL,EAAA,YAAA,CAAA,YAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AACA,EAAA,YAAA,CAAA,YAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AACA,EAAA,YAAA,CAAA,YAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAA,CAHU,EAAA,WAAA,KAAA,WAAA,GAAA,EAAA,CAAA,CAAA,CAAA;AAOA,IAAA,YAAA;AAAL,CAAA,SAAK,YAAL,EAAA;AACL,EAAA,YAAA,CAAA,YAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AACA,EAAA,YAAA,CAAA,YAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AACA,EAAA,YAAA,CAAA,YAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAA,CAHU,EAAA,WAAA,KAAA,WAAA,GAAA,EAAA,CAAA,CAAA;;;;"}

package/es/data/enums/ToolType.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolType.js","sources":["../../../src/data/enums/ToolType.ts"],"sourcesContent":["export enum ETextType {\n  AnyString, // 任意字符\n  Order, // 序号\n  EnglishOnly, // 仅英文\n  NumberOnly, // 仅数字\n  CustomFormat, // 自定义文本格式\n}\n\n/** 文本标注字数上限 */\nexport const TEXT_ATTRIBUTE_MAX_LENGTH = 1000;\n\nexport enum EToolName {\n  /** 拉框工具 */\n  Rect = 'rectTool',\n  /** 标签工具 */\n  Tag = 'tagTool',\n  /** 标点工具 */\n  Point = 'pointTool',\n  /** 列表标点工具 */\n  PointMarker = 'pointMarkerTool',\n  /** 前景分割工具 */\n  Segmentation = 'segmentationTool',\n  /** 筛选工具 */\n  Filter = 'filterTool',\n  /** 文本工具 */\n  Text = 'textTool',\n  /** 多边形工具 */\n  Polygon = 'polygonTool',\n  /** 线条 */\n  Line = 'lineTool',\n  /** 列表线条工具 */\n  LineMarker = 'lineMarkerTool',\n  /** 空工具，表示当前没有选择的工具，没有实际的业务逻辑 */\n  Empty = 'emptyTool',\n  /** 文件夹标签工具 */\n  FolderTag = 'folderTagTool',\n  /** 拉框跟踪工具 */\n  RectTrack = 'rectTrackTool',\n  /** 人脸106工具 */\n  Face = 'faceTool',\n  /** 客户端属性工具 */\n  ClientAttribute = 'clientAttributeTool',\n  /** OCR关联关系工具 */\n  OCRRelation = 'OCRRelationTool',\n}\n"],"names":[],"mappings":"IAAY;AAAL,UAAK,YAAL;AACL;AACA;AACA;AACA;AACA;AAAA,GALU;MASC,4BAA4B;IAE7B;AAAL,UAAK,YAAL;AAEL,uBAAO;AAEP,sBAAM;AAEN,wBAAQ;AAER,8BAAc;AAEd,+BAAe;AAEf,yBAAS;AAET,uBAAO;AAEP,0BAAU;AAEV,uBAAO;AAEP,6BAAa;AAEb,wBAAQ;AAER,4BAAY;AAEZ,4BAAY;AAEZ,uBAAO;AAEP,kCAAkB;AAElB,8BAAc;AAAA,GAhCJ;;;;"}
+{"version":3,"file":"ToolType.js","sources":["../../../src/data/enums/ToolType.ts"],"sourcesContent":["export enum ETextType {\n  AnyString, // 任意字符\n  Order, // 序号\n  EnglishOnly, // 仅英文\n  NumberOnly, // 仅数字\n  CustomFormat, // 自定义文本格式\n}\n\n/** 文本标注字数上限 */\nexport const TEXT_ATTRIBUTE_MAX_LENGTH = 1000;\n\nexport enum EToolName {\n  /** 拉框工具 */\n  Rect = 'rectTool',\n  /** 标签工具 */\n  Tag = 'tagTool',\n  /** 标点工具 */\n  Point = 'pointTool',\n  /** 列表标点工具 */\n  PointMarker = 'pointMarkerTool',\n  /** 前景分割工具 */\n  Segmentation = 'segmentationTool',\n  /** 筛选工具 */\n  Filter = 'filterTool',\n  /** 文本工具 */\n  Text = 'textTool',\n  /** 多边形工具 */\n  Polygon = 'polygonTool',\n  /** 线条 */\n  Line = 'lineTool',\n  /** 列表线条工具 */\n  LineMarker = 'lineMarkerTool',\n  /** 空工具，表示当前没有选择的工具，没有实际的业务逻辑 */\n  Empty = 'emptyTool',\n  /** 文件夹标签工具 */\n  FolderTag = 'folderTagTool',\n  /** 拉框跟踪工具 */\n  RectTrack = 'rectTrackTool',\n  /** 人脸106工具 */\n  Face = 'faceTool',\n  /** 客户端属性工具 */\n  ClientAttribute = 'clientAttributeTool',\n  /** OCR关联关系工具 */\n  OCRRelation = 'OCRRelationTool',\n}\n"],"names":[],"mappings":"AAAY,IAAA,UAAA;AAAL,CAAA,SAAK,UAAL,EAAA;AACL,EAAA,UAAA,CAAA,UAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AACA,EAAA,UAAA,CAAA,UAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,GAAA,cAAA,CAAA;AAAA,CALU,EAAA,SAAA,KAAA,SAAA,GAAA,EAAA,CAAA,CAAA,CAAA;AASL,MAAM,yBAA4B,GAAA,IAAA;AAE7B,IAAA,UAAA;AAAL,CAAA,SAAK,UAAL,EAAA;AAEL,EAAO,UAAA,CAAA,MAAA,CAAA,GAAA,UAAA,CAAA;AAEP,EAAM,UAAA,CAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEN,EAAQ,UAAA,CAAA,OAAA,CAAA,GAAA,WAAA,CAAA;AAER,EAAc,UAAA,CAAA,aAAA,CAAA,GAAA,iBAAA,CAAA;AAEd,EAAe,UAAA,CAAA,cAAA,CAAA,GAAA,kBAAA,CAAA;AAEf,EAAS,UAAA,CAAA,QAAA,CAAA,GAAA,YAAA,CAAA;AAET,EAAO,UAAA,CAAA,MAAA,CAAA,GAAA,UAAA,CAAA;AAEP,EAAU,UAAA,CAAA,SAAA,CAAA,GAAA,aAAA,CAAA;AAEV,EAAO,UAAA,CAAA,MAAA,CAAA,GAAA,UAAA,CAAA;AAEP,EAAa,UAAA,CAAA,YAAA,CAAA,GAAA,gBAAA,CAAA;AAEb,EAAQ,UAAA,CAAA,OAAA,CAAA,GAAA,WAAA,CAAA;AAER,EAAY,UAAA,CAAA,WAAA,CAAA,GAAA,eAAA,CAAA;AAEZ,EAAY,UAAA,CAAA,WAAA,CAAA,GAAA,eAAA,CAAA;AAEZ,EAAO,UAAA,CAAA,MAAA,CAAA,GAAA,UAAA,CAAA;AAEP,EAAkB,UAAA,CAAA,iBAAA,CAAA,GAAA,qBAAA,CAAA;AAElB,EAAc,UAAA,CAAA,aAAA,CAAA,GAAA,iBAAA,CAAA;AAAA,CAhCJ,EAAA,SAAA,KAAA,SAAA,GAAA,EAAA,CAAA,CAAA;;;;"}

package/es/hooks/useRafState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRafState.js","sources":["../../src/hooks/useRafState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useCallback, useRef, useState, useEffect } from 'react';\n\nconst useRafState = <S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>] => {\n  const frame = useRef(0);\n  const [state, setState] = useState(initialState);\n\n  const setRafState = useCallback((value: S | ((prevState: S) => S)) => {\n    cancelAnimationFrame(frame.current);\n\n    frame.current = requestAnimationFrame(() => {\n      setState(value);\n    });\n  }, []);\n\n  useEffect(() => {\n    return () => cancelAnimationFrame(frame.current);\n  }, [])\n\n  return [state, setRafState];\n};\n\nexport default useRafState;"],"names":[],"mappings":";;MAGM,cAAc,CAAI,iBAAkE;AACxF,QAAM,QAAQ,OAAO;AACrB,QAAM,CAAC,OAAO,YAAY,SAAS;AAEnC,QAAM,cAAc,YAAY,CAAC,UAAqC;AACpE,yBAAqB,MAAM;AAE3B,UAAM,UAAU,sBAAsB,MAAM;AAC1C,eAAS;AAAA;AAAA,KAEV;AAEH,YAAU,MAAM;AACd,WAAO,MAAM,qBAAqB,MAAM;AAAA,KACvC;AAEH,SAAO,CAAC,OAAO;AAAA;;;;"}
+{"version":3,"file":"useRafState.js","sources":["../../src/hooks/useRafState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useCallback, useRef, useState, useEffect } from 'react';\n\nconst useRafState = <S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>] => {\n  const frame = useRef(0);\n  const [state, setState] = useState(initialState);\n\n  const setRafState = useCallback((value: S | ((prevState: S) => S)) => {\n    cancelAnimationFrame(frame.current);\n\n    frame.current = requestAnimationFrame(() => {\n      setState(value);\n    });\n  }, []);\n\n  useEffect(() => {\n    return () => cancelAnimationFrame(frame.current);\n  }, [])\n\n  return [state, setRafState];\n};\n\nexport default useRafState;"],"names":[],"mappings":";;AAGM,MAAA,WAAA,GAAc,CAAI,YAAkE,KAAA;AACxF,EAAA,MAAM,QAAQ,MAAO,CAAA,CAAA,CAAA,CAAA;AACrB,EAAM,MAAA,CAAC,KAAO,EAAA,QAAA,CAAA,GAAY,QAAS,CAAA,YAAA,CAAA,CAAA;AAEnC,EAAM,MAAA,WAAA,GAAc,WAAY,CAAA,CAAC,KAAqC,KAAA;AACpE,IAAA,oBAAA,CAAqB,KAAM,CAAA,OAAA,CAAA,CAAA;AAE3B,IAAM,KAAA,CAAA,OAAA,GAAU,sBAAsB,MAAM;AAC1C,MAAS,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAEV,EAAA,EAAA,CAAA,CAAA;AAEH,EAAA,SAAA,CAAU,MAAM;AACd,IAAO,OAAA,MAAM,qBAAqB,KAAM,CAAA,OAAA,CAAA,CAAA;AAAA,GACvC,EAAA,EAAA,CAAA,CAAA;AAEH,EAAA,OAAO,CAAC,KAAO,EAAA,WAAA,CAAA,CAAA;AAAA;;;;"}

package/es/hooks/useSafeSate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSafeSate.js","sources":["../../src/hooks/useSafeSate.ts"],"sourcesContent":["import React, { Dispatch, SetStateAction } from 'react';\nimport useUnmountedRef from './useUnmountedRef';\n\nfunction useSafeState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];\n\nfunction useSafeState<S = undefined>(): [S | undefined, Dispatch<SetStateAction<S | undefined>>];\n\nfunction useSafeState(initialState?: any) {\n  const unmountedRef = useUnmountedRef();\n  const [state, setState] = React.useState(initialState);\n  const setCurrentState = React.useCallback((currentState) => {\n    /** 如果组件已经卸载则不再更新 state */\n    if (unmountedRef.current) return;\n    setState(currentState);\n  }, []);\n\n  return [state, setCurrentState] as const;\n}\n\nexport default useSafeState;\n"],"names":[],"mappings":";;;AAOA,sBAAsB,cAAoB;AACxC,QAAM,eAAe;AACrB,QAAM,CAAC,OAAO,YAAY,MAAM,SAAS;AACzC,QAAM,kBAAkB,MAAM,YAAY,CAAC,iBAAiB;AAE1D,QAAI,aAAa;AAAS;AAC1B,aAAS;AAAA,KACR;AAEH,SAAO,CAAC,OAAO;AAAA;;;;"}
+{"version":3,"file":"useSafeSate.js","sources":["../../src/hooks/useSafeSate.ts"],"sourcesContent":["import React, { Dispatch, SetStateAction } from 'react';\nimport useUnmountedRef from './useUnmountedRef';\n\nfunction useSafeState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];\n\nfunction useSafeState<S = undefined>(): [S | undefined, Dispatch<SetStateAction<S | undefined>>];\n\nfunction useSafeState(initialState?: any) {\n  const unmountedRef = useUnmountedRef();\n  const [state, setState] = React.useState(initialState);\n  const setCurrentState = React.useCallback((currentState) => {\n    /** 如果组件已经卸载则不再更新 state */\n    if (unmountedRef.current) return;\n    setState(currentState);\n  }, []);\n\n  return [state, setCurrentState] as const;\n}\n\nexport default useSafeState;\n"],"names":[],"mappings":";;;AAOA,SAAA,YAAA,CAAsB,YAAoB,EAAA;AACxC,EAAA,MAAM,YAAe,GAAA,eAAA,EAAA,CAAA;AACrB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAY,CAAA,GAAA,KAAA,CAAM,QAAS,CAAA,YAAA,CAAA,CAAA;AACzC,EAAA,MAAM,eAAkB,GAAA,KAAA,CAAM,WAAY,CAAA,CAAC,YAAiB,KAAA;AAE1D,IAAA,IAAI,YAAa,CAAA,OAAA;AAAS,MAAA,OAAA;AAC1B,IAAS,QAAA,CAAA,YAAA,CAAA,CAAA;AAAA,GACR,EAAA,EAAA,CAAA,CAAA;AAEH,EAAA,OAAO,CAAC,KAAO,EAAA,eAAA,CAAA,CAAA;AAAA;;;;"}

package/es/hooks/useSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSize.js","sources":["../../src/hooks/useSize.ts"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport type { BasicTarget } from '../utils/dom';\nimport { getTargetElement } from '../utils/dom';\nimport useRafState from './useRafState';\n\ninterface Size {\n  width?: number;\n  height?: number;\n}\n\nfunction useSize(target: BasicTarget): Size {\n  const [state, setState] = useRafState<Size>(() => {\n    const el = getTargetElement(target);\n    return {\n      width: ((el || {}) as HTMLElement).clientWidth,\n      height: ((el || {}) as HTMLElement).clientHeight,\n    };\n  });\n\n  useLayoutEffect(() => {\n    const el = getTargetElement(target);\n    if (!el) {\n      return () => {};\n    }\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      entries.forEach((entry) => {\n        setState({\n          width: entry.target.clientWidth,\n          height: entry.target.clientHeight,\n        });\n      });\n    });\n\n    resizeObserver.observe(el as HTMLElement);\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [target]);\n\n  return state;\n}\n\nexport default useSize;\n"],"names":[],"mappings":";;;;;AAWA,iBAAiB,QAA2B;AAC1C,QAAM,CAAC,OAAO,YAAY,YAAkB,MAAM;AAChD,UAAM,KAAK,iBAAiB;AAC5B,WAAO;AAAA,MACL,OAAS,OAAM,IAAoB;AAAA,MACnC,QAAU,OAAM,IAAoB;AAAA;AAAA;AAIxC,kBAAgB,MAAM;AACpB,UAAM,KAAK,iBAAiB;AAC5B,QAAI,CAAC,IAAI;AACP,aAAO,MAAM;AAAA;AAAA;AAGf,UAAM,iBAAiB,IAAI,eAAe,CAAC,YAAY;AACrD,cAAQ,QAAQ,CAAC,UAAU;AACzB,iBAAS;AAAA,UACP,OAAO,MAAM,OAAO;AAAA,UACpB,QAAQ,MAAM,OAAO;AAAA;AAAA;AAAA;AAK3B,mBAAe,QAAQ;AACvB,WAAO,MAAM;AACX,qBAAe;AAAA;AAAA,KAEhB,CAAC;AAEJ,SAAO;AAAA;;;;"}
+{"version":3,"file":"useSize.js","sources":["../../src/hooks/useSize.ts"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport type { BasicTarget } from '../utils/dom';\nimport { getTargetElement } from '../utils/dom';\nimport useRafState from './useRafState';\n\ninterface Size {\n  width?: number;\n  height?: number;\n}\n\nfunction useSize(target: BasicTarget): Size {\n  const [state, setState] = useRafState<Size>(() => {\n    const el = getTargetElement(target);\n    return {\n      width: ((el || {}) as HTMLElement).clientWidth,\n      height: ((el || {}) as HTMLElement).clientHeight,\n    };\n  });\n\n  useLayoutEffect(() => {\n    const el = getTargetElement(target);\n    if (!el) {\n      return () => {};\n    }\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      entries.forEach((entry) => {\n        setState({\n          width: entry.target.clientWidth,\n          height: entry.target.clientHeight,\n        });\n      });\n    });\n\n    resizeObserver.observe(el as HTMLElement);\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [target]);\n\n  return state;\n}\n\nexport default useSize;\n"],"names":[],"mappings":";;;;;AAWA,SAAA,OAAA,CAAiB,MAA2B,EAAA;AAC1C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAY,CAAA,GAAA,WAAA,CAAkB,MAAM;AAChD,IAAA,MAAM,KAAK,gBAAiB,CAAA,MAAA,CAAA,CAAA;AAC5B,IAAO,OAAA;AAAA,MACL,KAAA,EAAS,OAAM,EAAoB,EAAA,WAAA;AAAA,MACnC,MAAA,EAAU,OAAM,EAAoB,EAAA,YAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAIxC,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,KAAK,gBAAiB,CAAA,MAAA,CAAA,CAAA;AAC5B,IAAA,IAAI,CAAC,EAAI,EAAA;AACP,MAAA,OAAO,MAAM;AAAA,OAAA,CAAA;AAAA,KAAA;AAGf,IAAA,MAAM,cAAiB,GAAA,IAAI,cAAe,CAAA,CAAC,OAAY,KAAA;AACrD,MAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,KAAU,KAAA;AACzB,QAAS,QAAA,CAAA;AAAA,UACP,KAAA,EAAO,MAAM,MAAO,CAAA,WAAA;AAAA,UACpB,MAAA,EAAQ,MAAM,MAAO,CAAA,YAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAK3B,IAAA,cAAA,CAAe,OAAQ,CAAA,EAAA,CAAA,CAAA;AACvB,IAAA,OAAO,MAAM;AACX,MAAe,cAAA,CAAA,UAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA,EAEhB,CAAC,MAAA,CAAA,CAAA,CAAA;AAEJ,EAAO,OAAA,KAAA,CAAA;AAAA;;;;"}

package/es/hooks/useUnmountedRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUnmountedRef.js","sources":["../../src/hooks/useUnmountedRef.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nconst useUnmountedRef = () => {\n  const unmountedRef = useRef(false);\n  useEffect(() => {\n    unmountedRef.current = false;\n\n    return () => {\n      unmountedRef.current = true;\n    };\n  }, []);\n  return unmountedRef;\n};\n\nexport default useUnmountedRef;\n"],"names":[],"mappings":";;MAEM,kBAAkB,MAAM;AAC5B,QAAM,eAAe,OAAO;AAC5B,YAAU,MAAM;AACd,iBAAa,UAAU;AAEvB,WAAO,MAAM;AACX,mBAAa,UAAU;AAAA;AAAA,KAExB;AACH,SAAO;AAAA;;;;"}
+{"version":3,"file":"useUnmountedRef.js","sources":["../../src/hooks/useUnmountedRef.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nconst useUnmountedRef = () => {\n  const unmountedRef = useRef(false);\n  useEffect(() => {\n    unmountedRef.current = false;\n\n    return () => {\n      unmountedRef.current = true;\n    };\n  }, []);\n  return unmountedRef;\n};\n\nexport default useUnmountedRef;\n"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,MAAM;AAC5B,EAAA,MAAM,eAAe,MAAO,CAAA,KAAA,CAAA,CAAA;AAC5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,OAAU,GAAA,KAAA,CAAA;AAEvB,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,OAAU,GAAA,IAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAExB,EAAA,EAAA,CAAA,CAAA;AACH,EAAO,OAAA,YAAA,CAAA;AAAA;;;;"}

package/es/index.js

@@ -1 +1 @@
-import a,{useState as l,useImperativeHandle as m}from"react";import{Provider as f}from"react-redux";import d from"./configureStore.js";import u from"./App.js";import{PageBackward as _,PageForward as P,PageJump as g}from"./store/annotation/actionCreators.js";import{i18n as v}from"@labelbee/lb-utils";export{i18n}from"@labelbee/lb-utils";import{I18nextProvider as w}from"react-i18next";export{default as AnnotationView}from"./components/AnnotationView/index.js";var O=Object.defineProperty,b=Object.defineProperties,x=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,p=(t,e,r)=>e in t?O(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,y=(t,e)=>{for(var r in e||(e={}))j.call(e,r)&&p(t,r,e[r]);if(n)for(var r of n(e))h.call(e,r)&&p(t,r,e[r]);return t},A=(t,e)=>b(t,x(e));const o=d(),I=(t,e)=>{const[r,i]=l();return m(e,()=>({toolInstance:r,pageBackwardActions:()=>o.dispatch(_()),pageForwardActions:()=>o.dispatch(P()),pageJump:s=>{const c=~~s-1;o.dispatch(g(c))},hello:()=>alert("hello labelBee!!!")}),[r]),a.createElement(f,{store:o},a.createElement(w,{i18n:v},a.createElement(u,A(y({},t),{setToolInstance:i}))))};var E=a.forwardRef(I);export{E as default,o as store};
+export{default as AnnotationView}from"./components/AnnotationView/index.js";import{i18n as l}from"@labelbee/lb-utils";export{i18n}from"@labelbee/lb-utils";import a,{useState as m,useImperativeHandle as d}from"react";import{I18nextProvider as f}from"react-i18next";import{Provider as u}from"react-redux";import P from"./App.js";import _ from"./configureStore.js";import{PageBackward as g,PageForward as v,PageJump as w}from"./store/annotation/actionCreators.js";export{VideoTagTool}from"./components/videoPlayer/TagToolInstanceAdaptorI18nProvider.js";var O=Object.defineProperty,b=Object.defineProperties,x=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable,p=(t,e,r)=>e in t?O(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,y=(t,e)=>{for(var r in e||(e={}))j.call(e,r)&&p(t,r,e[r]);if(n)for(var r of n(e))I.call(e,r)&&p(t,r,e[r]);return t},A=(t,e)=>b(t,x(e));const o=_(),h=(t,e)=>{const[r,i]=m();return d(e,()=>({toolInstance:r,pageBackwardActions:()=>o.dispatch(g()),pageForwardActions:()=>o.dispatch(v()),pageJump:s=>{const c=~~s-1;o.dispatch(w(c))},hello:()=>alert("hello labelBee!!!")}),[r]),a.createElement(u,{store:o},a.createElement(f,{i18n:l},a.createElement(P,A(y({},t),{setToolInstance:i}))))};var E=a.forwardRef(h);export{E as default,o as store};

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React, { useImperativeHandle, useState } from 'react';\nimport { Provider } from 'react-redux';\nimport { AnyAction } from 'redux';\nimport configureStore from './configureStore';\nimport { ToolInstance } from './store/annotation/types';\nimport App from './App';\nimport { PageBackward, PageForward, PageJump } from './store/annotation/actionCreators';\nimport { i18n } from '@labelbee/lb-utils';\nimport { I18nextProvider } from 'react-i18next';\nimport AnnotationView from '@/components/AnnotationView';\n\nexport const store = configureStore();\n\nconst OutputApp = (props: any, ref: any) => {\n  const [toolInstance, setToolInstance] = useState<ToolInstance>();\n  // 暴露给 ref 的一些方法\n  useImperativeHandle(\n    ref,\n    () => {\n      return {\n        toolInstance,\n        pageBackwardActions: () => store.dispatch(PageBackward() as unknown as AnyAction),\n        pageForwardActions: () => store.dispatch(PageForward() as unknown as AnyAction),\n        pageJump: (page: string) => {\n          const imgIndex = ~~page - 1;\n          store.dispatch(PageJump(imgIndex) as unknown as AnyAction);\n        },\n        hello: () => alert(`hello labelBee!!!`),\n      };\n    },\n    [toolInstance],\n  );\n\n  return (\n    <Provider store={store}>\n      <I18nextProvider i18n={i18n}>\n        <App {...props} setToolInstance={setToolInstance} />\n      </I18nextProvider>\n    </Provider>\n  );\n};\n\nexport default React.forwardRef(OutputApp);\n\nexport { AnnotationView, i18n };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAWa,QAAQ;AAErB,MAAM,YAAY,CAAC,OAAY,QAAa;AAC1C,QAAM,CAAC,cAAc,mBAAmB;AAExC,sBACE,KACA,MAAM;AACJ,WAAO;AAAA,MACL;AAAA,MACA,qBAAqB,MAAM,MAAM,SAAS;AAAA,MAC1C,oBAAoB,MAAM,MAAM,SAAS;AAAA,MACzC,UAAU,CAAC,SAAiB;AAC1B,cAAM,WAAW,CAAC,CAAC,OAAO;AAC1B,cAAM,SAAS,SAAS;AAAA;AAAA,MAE1B,OAAO,MAAM,MAAM;AAAA;AAAA,KAGvB,CAAC;AAGH,6CACG,UAAD;AAAA,IAAU;AAAA,yCACP,iBAAD;AAAA,IAAiB;AAAA,yCACd,KAAD,iCAAS,QAAT;AAAA,IAAgB;AAAA;AAAA;AAMxB,YAAe,MAAM,WAAW;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import { AppProps } from '@/App';\nimport AnnotationView from '@/components/AnnotationView';\nimport { i18n } from '@labelbee/lb-utils';\nimport React, { useImperativeHandle, useState } from 'react';\nimport { I18nextProvider } from 'react-i18next';\nimport { Provider } from 'react-redux';\nimport { AnyAction } from 'redux';\nimport App from './App';\nimport configureStore from './configureStore';\nimport { PageBackward, PageForward, PageJump } from './store/annotation/actionCreators';\nimport { ToolInstance } from './store/annotation/types';\nimport { VideoTagTool } from '@/components/videoPlayer/TagToolInstanceAdaptorI18nProvider';\n\nexport const store = configureStore();\n\nconst OutputApp = (props: AppProps, ref: any) => {\n  const [toolInstance, setToolInstance] = useState<ToolInstance>();\n  // 暴露给 ref 的一些方法\n  useImperativeHandle(\n    ref,\n    () => {\n      return {\n        toolInstance,\n        pageBackwardActions: () => store.dispatch(PageBackward() as unknown as AnyAction),\n        pageForwardActions: () => store.dispatch(PageForward() as unknown as AnyAction),\n        pageJump: (page: string) => {\n          const imgIndex = ~~page - 1;\n          store.dispatch(PageJump(imgIndex) as unknown as AnyAction);\n        },\n        hello: () => alert(`hello labelBee!!!`),\n      };\n    },\n    [toolInstance],\n  );\n\n  return (\n    <Provider store={store}>\n      <I18nextProvider i18n={i18n}>\n        <App {...props} setToolInstance={setToolInstance} />\n      </I18nextProvider>\n    </Provider>\n  );\n};\n\nexport default React.forwardRef(OutputApp);\n\nexport { AnnotationView, i18n, VideoTagTool };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,KAAQ,GAAA,cAAA,GAAA;AAErB,MAAM,SAAA,GAAY,CAAC,KAAA,EAAiB,GAAa,KAAA;AAC/C,EAAM,MAAA,CAAC,cAAc,eAAmB,CAAA,GAAA,QAAA,EAAA,CAAA;AAExC,EAAA,mBAAA,CACE,KACA,MAAM;AACJ,IAAO,OAAA;AAAA,MACL,YAAA;AAAA,MACA,mBAAA,EAAqB,MAAM,KAAA,CAAM,QAAS,CAAA,YAAA,EAAA,CAAA;AAAA,MAC1C,kBAAA,EAAoB,MAAM,KAAA,CAAM,QAAS,CAAA,WAAA,EAAA,CAAA;AAAA,MACzC,QAAA,EAAU,CAAC,IAAiB,KAAA;AAC1B,QAAM,MAAA,QAAA,GAAW,CAAC,CAAC,IAAO,GAAA,CAAA,CAAA;AAC1B,QAAA,KAAA,CAAM,SAAS,QAAS,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAAA,MAE1B,KAAA,EAAO,MAAM,KAAM,CAAA,CAAA,iBAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA,EAGvB,CAAC,YAAA,CAAA,CAAA,CAAA;AAGH,EAAA,2CACG,QAAD,EAAA;AAAA,IAAU,KAAA;AAAA,GAAA,sCACP,eAAD,EAAA;AAAA,IAAiB,IAAA;AAAA,GACf,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAS,KAAT,CAAA,EAAA;AAAA,IAAgB,eAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAMxB,YAAe,MAAM,UAAW,CAAA,SAAA,CAAA;;;;"}

package/es/store/Actions.js

@@ -1 +1 @@
-const T={UPDATE_TOOL_INSTANCE:"@@UPDATE_TOOL_INSTANCE",UPDATE_IMG_LIST:"@@UPDATE_IMG_LIST",UPDATE_ANNOTATION_CONFIG:"@@UPDATE_ANNOTATION_CONFIG",LOAD_FILE_DATA:"@@LOAD_FILE_DATA",SUBMIT_FILE_DATA:"@@SUBMIT_FILE_DATA",SET_TASK_CONFIG:"@@SET_TASK_CONFIG",INIT_TOOL:"@@INIT_TOOL",UPDATE_ON_SUBMIT:"@@UPDATE_ON_SUBMIT",UPDATE_ON_SAVE:"@@UPDATE_ON_SAVE",UPDATE_ROTATE:"@@UPDATE_ROTATE",UPDATE_GET_FILE_DATA:"@@UPDATE_GET_FILE_DATA",GET_FILE_DATA:"@@GET_FILE_DATA",SET_FILE_DATA:"@@SET_FILE_DATA",COPY_BACKWARD_RESULT:"@@COPY_BACKWARD_RESULT",SET_STEP:"@@SET_STEP",SUBMIT_RESULT:"@@SUBMIT_RESULT",SAVE_RESULT:"@@SAVE_RESULT",SET_BASIC_INDEX:"@@SET_BASIC_INDEX",CALC_STEP_PROGRESS:"@@CALC_STEP_PROGRESS",SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED:"@@SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED",SET_LOADING:"@@SET_LOADING"},_={UPDATE_IMG_ATTRIBUTE:"@@UPDATE_IMG_ATTRIBUTE",INIT_IMG_ATTRIBUTE:"@@INIT_IMG_ATTRIBUTE"},E={INIT_TOOL_STYLE_CONFIG:"@@INIT_TOOL_STYLE_CONFIG",UPDATE_TOOL_STYLE_CONFIG:"@@UPDATE_TOOL_STYLE_CONFIG"};export{T as ANNOTATION_ACTIONS,_ as IMAGE_ATTRIBUTE_ACTIONS,E as TOOL_STYLE_ACTIONS};
+const T={UPDATE_TOOL_INSTANCE:"@@UPDATE_TOOL_INSTANCE",UPDATE_IMG_LIST:"@@UPDATE_IMG_LIST",UPDATE_ANNOTATION_CONFIG:"@@UPDATE_ANNOTATION_CONFIG",LOAD_FILE_DATA:"@@LOAD_FILE_DATA",SUBMIT_FILE_DATA:"@@SUBMIT_FILE_DATA",SET_TASK_CONFIG:"@@SET_TASK_CONFIG",INIT_TOOL:"@@INIT_TOOL",SET_TOOL:"@@SET_TOOL",UPDATE_ON_SUBMIT:"@@UPDATE_ON_SUBMIT",UPDATE_ON_SAVE:"@@UPDATE_ON_SAVE",UPDATE_ON_PAGE_CHANGE:"@@UPDATE_ON_PAGE_CHANGE",UPDATE_ON_STEP_CHANGE:"@@UPDATE_ON_STEP_CHANGE",UPDATE_ROTATE:"@@UPDATE_ROTATE",UPDATE_GET_FILE_DATA:"@@UPDATE_GET_FILE_DATA",UPDATE_PAGE_SIZE:"@@UPDATE_PAGE_SIZE",UPDATE_LOAD_FILE_LIST:"@@UPDATE_LOAD_FILE_LIST",GET_FILE_DATA:"@@GET_FILE_DATA",SET_FILE_DATA:"@@SET_FILE_DATA",COPY_BACKWARD_RESULT:"@@COPY_BACKWARD_RESULT",SET_STEP:"@@SET_STEP",SUBMIT_RESULT:"@@SUBMIT_RESULT",SAVE_RESULT:"@@SAVE_RESULT",SET_BASIC_INDEX:"@@SET_BASIC_INDEX",CALC_STEP_PROGRESS:"@@CALC_STEP_PROGRESS",SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED:"@@SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED",SET_LOADING:"@@SET_LOADING"},_={UPDATE_IMG_ATTRIBUTE:"@@UPDATE_IMG_ATTRIBUTE",INIT_IMG_ATTRIBUTE:"@@INIT_IMG_ATTRIBUTE"},E={INIT_TOOL_STYLE_CONFIG:"@@INIT_TOOL_STYLE_CONFIG",UPDATE_TOOL_STYLE_CONFIG:"@@UPDATE_TOOL_STYLE_CONFIG"};export{T as ANNOTATION_ACTIONS,_ as IMAGE_ATTRIBUTE_ACTIONS,E as TOOL_STYLE_ACTIONS};

package/es/store/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../src/store/Actions.ts"],"sourcesContent":["export const ANNOTATION_ACTIONS = {\n  UPDATE_TOOL_INSTANCE: '@@UPDATE_TOOL_INSTANCE',\n  UPDATE_IMG_LIST: '@@UPDATE_IMG_LIST',\n  UPDATE_ANNOTATION_CONFIG: '@@UPDATE_ANNOTATION_CONFIG',\n  LOAD_FILE_DATA: '@@LOAD_FILE_DATA',\n  SUBMIT_FILE_DATA: '@@SUBMIT_FILE_DATA',\n  SET_TASK_CONFIG: '@@SET_TASK_CONFIG',\n  INIT_TOOL: '@@INIT_TOOL',\n  UPDATE_ON_SUBMIT: '@@UPDATE_ON_SUBMIT',\n  UPDATE_ON_SAVE: '@@UPDATE_ON_SAVE',\n  UPDATE_ROTATE: '@@UPDATE_ROTATE',\n  UPDATE_GET_FILE_DATA: '@@UPDATE_GET_FILE_DATA',\n  GET_FILE_DATA: '@@GET_FILE_DATA',\n  SET_FILE_DATA: '@@SET_FILE_DATA',\n  COPY_BACKWARD_RESULT: '@@COPY_BACKWARD_RESULT',\n  SET_STEP: '@@SET_STEP',\n  SUBMIT_RESULT: '@@SUBMIT_RESULT',\n  SAVE_RESULT: '@@SAVE_RESULT',\n  SET_BASIC_INDEX: '@@SET_BASIC_INDEX',\n  CALC_STEP_PROGRESS: '@@CALC_STEP_PROGRESS',\n  SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED: '@@SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED',\n\n  SET_LOADING: '@@SET_LOADING',\n};\n\nexport const IMAGE_ATTRIBUTE_ACTIONS = {\n  UPDATE_IMG_ATTRIBUTE: '@@UPDATE_IMG_ATTRIBUTE',\n  INIT_IMG_ATTRIBUTE: '@@INIT_IMG_ATTRIBUTE',\n};\n\nexport const TOOL_STYLE_ACTIONS = {\n  INIT_TOOL_STYLE_CONFIG: '@@INIT_TOOL_STYLE_CONFIG',\n  UPDATE_TOOL_STYLE_CONFIG: '@@UPDATE_TOOL_STYLE_CONFIG',\n};\n"],"names":[],"mappings":"MAAa,qBAAqB;AAAA,EAChC,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,0BAA0B;AAAA,EAC1B,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,uCAAuC;AAAA,EAEvC,aAAa;AAAA;MAGF,0BAA0B;AAAA,EACrC,sBAAsB;AAAA,EACtB,oBAAoB;AAAA;MAGT,qBAAqB;AAAA,EAChC,wBAAwB;AAAA,EACxB,0BAA0B;AAAA;;;;"}
+{"version":3,"file":"Actions.js","sources":["../../src/store/Actions.ts"],"sourcesContent":["export const ANNOTATION_ACTIONS = {\n  UPDATE_TOOL_INSTANCE: '@@UPDATE_TOOL_INSTANCE',\n  UPDATE_IMG_LIST: '@@UPDATE_IMG_LIST',\n  UPDATE_ANNOTATION_CONFIG: '@@UPDATE_ANNOTATION_CONFIG',\n  LOAD_FILE_DATA: '@@LOAD_FILE_DATA',\n  SUBMIT_FILE_DATA: '@@SUBMIT_FILE_DATA',\n  SET_TASK_CONFIG: '@@SET_TASK_CONFIG',\n  INIT_TOOL: '@@INIT_TOOL',\n  SET_TOOL: '@@SET_TOOL',\n  UPDATE_ON_SUBMIT: '@@UPDATE_ON_SUBMIT',\n  UPDATE_ON_SAVE: '@@UPDATE_ON_SAVE',\n  UPDATE_ON_PAGE_CHANGE: '@@UPDATE_ON_PAGE_CHANGE',\n  UPDATE_ON_STEP_CHANGE: '@@UPDATE_ON_STEP_CHANGE',\n  UPDATE_ROTATE: '@@UPDATE_ROTATE',\n  UPDATE_GET_FILE_DATA: '@@UPDATE_GET_FILE_DATA',\n  UPDATE_PAGE_SIZE: '@@UPDATE_PAGE_SIZE',\n  UPDATE_LOAD_FILE_LIST: '@@UPDATE_LOAD_FILE_LIST',\n  GET_FILE_DATA: '@@GET_FILE_DATA',\n  SET_FILE_DATA: '@@SET_FILE_DATA',\n  COPY_BACKWARD_RESULT: '@@COPY_BACKWARD_RESULT',\n  SET_STEP: '@@SET_STEP',\n  SUBMIT_RESULT: '@@SUBMIT_RESULT',\n  SAVE_RESULT: '@@SAVE_RESULT',\n  SET_BASIC_INDEX: '@@SET_BASIC_INDEX',\n  CALC_STEP_PROGRESS: '@@CALC_STEP_PROGRESS',\n  SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED: '@@SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED',\n\n  SET_LOADING: '@@SET_LOADING',\n};\n\nexport const IMAGE_ATTRIBUTE_ACTIONS = {\n  UPDATE_IMG_ATTRIBUTE: '@@UPDATE_IMG_ATTRIBUTE',\n  INIT_IMG_ATTRIBUTE: '@@INIT_IMG_ATTRIBUTE',\n};\n\nexport const TOOL_STYLE_ACTIONS = {\n  INIT_TOOL_STYLE_CONFIG: '@@INIT_TOOL_STYLE_CONFIG',\n  UPDATE_TOOL_STYLE_CONFIG: '@@UPDATE_TOOL_STYLE_CONFIG',\n};\n"],"names":[],"mappings":"AAAO,MAAM,kBAAqB,GAAA;AAAA,EAChC,oBAAsB,EAAA,wBAAA;AAAA,EACtB,eAAiB,EAAA,mBAAA;AAAA,EACjB,wBAA0B,EAAA,4BAAA;AAAA,EAC1B,cAAgB,EAAA,kBAAA;AAAA,EAChB,gBAAkB,EAAA,oBAAA;AAAA,EAClB,eAAiB,EAAA,mBAAA;AAAA,EACjB,SAAW,EAAA,aAAA;AAAA,EACX,QAAU,EAAA,YAAA;AAAA,EACV,gBAAkB,EAAA,oBAAA;AAAA,EAClB,cAAgB,EAAA,kBAAA;AAAA,EAChB,qBAAuB,EAAA,yBAAA;AAAA,EACvB,qBAAuB,EAAA,yBAAA;AAAA,EACvB,aAAe,EAAA,iBAAA;AAAA,EACf,oBAAsB,EAAA,wBAAA;AAAA,EACtB,gBAAkB,EAAA,oBAAA;AAAA,EAClB,qBAAuB,EAAA,yBAAA;AAAA,EACvB,aAAe,EAAA,iBAAA;AAAA,EACf,aAAe,EAAA,iBAAA;AAAA,EACf,oBAAsB,EAAA,wBAAA;AAAA,EACtB,QAAU,EAAA,YAAA;AAAA,EACV,aAAe,EAAA,iBAAA;AAAA,EACf,WAAa,EAAA,eAAA;AAAA,EACb,eAAiB,EAAA,mBAAA;AAAA,EACjB,kBAAoB,EAAA,sBAAA;AAAA,EACpB,qCAAuC,EAAA,yCAAA;AAAA,EAEvC,WAAa,EAAA,eAAA;AAAA,EAAA;AAGR,MAAM,uBAA0B,GAAA;AAAA,EACrC,oBAAsB,EAAA,wBAAA;AAAA,EACtB,kBAAoB,EAAA,sBAAA;AAAA,EAAA;AAGf,MAAM,kBAAqB,GAAA;AAAA,EAChC,sBAAwB,EAAA,0BAAA;AAAA,EACxB,wBAA0B,EAAA,4BAAA;AAAA;;;;"}

package/es/store/annotation/actionCreators.js

@@ -1 +1 @@
-import{ANNOTATION_ACTIONS as a}from"../Actions.js";import{LoadImageAndFileData as I,getStepConfig as U}from"./reducer.js";import{ESubmitType as i}from"../../constant/index.js";import{EPageTurningOperation as d}from"../../data/enums/AnnotationSize.js";import C from"../../utils/PageOperator.js";import{jsonParser as P}from"../../utils/index.js";const R=(t,e)=>e.map(n=>t(n)),B=t=>t===d.Forward?i.Forward:t===d.Backward?i.Backward:t===d.Jump?i.Jump:i.Forward,D=(t,e)=>{var n,r;const{imgList:s,imgIndex:u}=t,{dataSourceStep:p}=U(t.stepList,t.step);return((r=(n=P(s[u-1].result)[`step_${p}`])==null?void 0:n.result)==null?void 0:r.length)-1||e};function E(t){return{type:a.UPDATE_IMG_LIST,payload:{imgList:t}}}function y({stepList:t,step:e}){return{type:a.SET_TASK_CONFIG,payload:{stepList:t,step:e}}}function f(t){return{type:a.UPDATE_ON_SUBMIT,payload:{onSubmit:t}}}function A(t){return{type:a.UPDATE_ON_SAVE,payload:{onSave:t}}}function m(t){return{type:a.UPDATE_GET_FILE_DATA,payload:{getFileData:t}}}function L(){return{type:a.UPDATE_ROTATE}}function N(){return{type:a.COPY_BACKWARD_RESULT}}function O({onSubmit:t,onSave:e,getFileData:n,imgList:r,step:s,stepList:u,initialIndex:p}){const o=[];return t&&o.push(f(t)),e&&o.push(A(e)),n&&o.push(m(n)),o.push(E(r)),o.push(y({stepList:u,step:s})),o.push({type:a.CALC_STEP_PROGRESS}),o.push({type:a.INIT_TOOL}),o.push(I(p)),c=>R(c,o)}const b=(t,e)=>{var n;const r=e==null?void 0:e.findIndex(s=>(s==null?void 0:s.step)===t);return(n=e[r+1])==null?void 0:n.step},v=t=>(e,n)=>{const{annotation:r}=n(),{step:s,stepList:u}=r,p=b(s,u);return[e(g(p,t))]},g=(t,e)=>(n,r)=>{var s,u,p;const o=(p=(u=(s=r())==null?void 0:s.annotation)==null?void 0:u.imgIndex)!=null?p:0;return[n({type:a.SUBMIT_RESULT}),n({type:a.SUBMIT_FILE_DATA,payload:{submitType:i.StepChanged}}),n({type:a.SET_STEP,payload:{toStep:t}}),n({type:a.CALC_STEP_PROGRESS}),n(I(e!=null?e:o,0))]},T=t=>e=>[e({type:a.SUBMIT_RESULT}),e({type:a.SUBMIT_FILE_DATA,payload:{submitType:t}})],F=(t,e,n,r)=>[t(T(n)),t(I(e,r))],k=(t,e)=>[t({type:a.SUBMIT_RESULT}),t({type:a.SET_BASIC_INDEX,payload:{basicIndex:e}})],w=(t,e)=>{t({type:a.SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED,payload:{triggerEventAfterIndexChanged:e}})},G=(t=!1)=>(e,n)=>l(e,n,d.Backward,t),h=(t=!1)=>(e,n)=>l(e,n,d.Forward,t),j=(t,e=!1)=>(n,r)=>{if(t!==r().imgIndex)return l(n,r,d.Jump,e,t)},l=(t,e,n,r=!1,s)=>{const u=e().annotation,{fileIndexChanged:p,fileIndex:o,basicIndexChanged:c,basicIndex:S}=C.getNextPageInfo(n,u,s),_=B(n);if(w(t,r),p){const x=_===i.Backward?D(u,S):S;return F(t,o,_,x)}return c?k(t,S):t(T(_))},M=t=>{t(T(i.Save)),t({type:a.SAVE_RESULT})},J=(t,e)=>{t({type:a.SET_LOADING,payload:{loading:e}})};export{M as ChangeSave,N as CopyBackWordResult,l as DispatcherTurning,O as InitTaskData,G as PageBackward,h as PageForward,j as PageJump,J as SetAnnotationLoading,y as SetTaskConfig,v as ToNextStep,T as ToSubmitFileData,m as UpdateGetFileData,E as UpdateImgList,A as UpdateOnSave,f as UpdateOnSubmit,g as UpdateProcessingStep,L as UpdateRotate};
+import{ANNOTATION_ACTIONS as r}from"../Actions.js";import{LoadFileAndFileData as S,getStepConfig as N}from"./reducer.js";import{ESubmitType as c}from"../../constant/index.js";import{EPageTurningOperation as _}from"../../data/enums/AnnotationSize.js";import w from"../../utils/PageOperator.js";import{jsonParser as R}from"../../utils/index.js";var A=(e,t,n)=>new Promise((o,s)=>{var l=u=>{try{d(n.next(u))}catch(a){s(a)}},i=u=>{try{d(n.throw(u))}catch(a){s(a)}},d=u=>u.done?o(u.value):Promise.resolve(u.value).then(l,i);d((n=n.apply(e,t)).next())});const B=(e,t)=>t.map(n=>e(n)),h=e=>e===_.Forward?c.Forward:e===_.Backward?c.Backward:e===_.Jump?c.Jump:c.Forward,F=(e,t)=>{var n,o;const{imgList:s,imgIndex:l}=e,{dataSourceStep:i}=N(e.stepList,e.step);return((o=(n=R(s[l-1].result)[`step_${i}`])==null?void 0:n.result)==null?void 0:o.length)-1||t};function I({stepList:e,step:t}){return{type:r.SET_TASK_CONFIG,payload:{stepList:e,step:t}}}function m(e){return{type:r.UPDATE_ON_SUBMIT,payload:{onSubmit:e}}}function g(e){return{type:r.UPDATE_ON_SAVE,payload:{onSave:e}}}function P(e){return{type:r.UPDATE_ON_PAGE_CHANGE,payload:{onPageChange:e}}}function U(e){return{type:r.UPDATE_ON_STEP_CHANGE,payload:{onStepChange:e}}}function L(e){return{type:r.UPDATE_GET_FILE_DATA,payload:{getFileData:e}}}function v(e){return{type:r.UPDATE_PAGE_SIZE,payload:{pageSize:e}}}function C(e){return{type:r.UPDATE_LOAD_FILE_LIST,payload:{loadFileList:e}}}function G(){return{type:r.UPDATE_ROTATE}}function b(){return{type:r.COPY_BACKWARD_RESULT}}function k({onSubmit:e,onSave:t,onPageChange:n,onStepChange:o,getFileData:s,pageSize:l,loadFileList:i,step:d,stepList:u}){const a=[];return e&&a.push(m(e)),t&&a.push(g(t)),n&&a.push(P(n)),o&&a.push(U(o)),s&&a.push(L(s)),i&&a.push(C(i)),l&&a.push(v(l)),a.push(I({stepList:u,step:d})),a.push({type:r.CALC_STEP_PROGRESS}),a.push({type:r.INIT_TOOL}),p=>B(p,a)}const M=(e,t)=>{var n;const o=t==null?void 0:t.findIndex(s=>(s==null?void 0:s.step)===e);return(n=t[o+1])==null?void 0:n.step},j=e=>(t,n)=>{const{annotation:o}=n(),{step:s,stepList:l}=o,i=M(s,l);return[t(x(i,e))]},x=(e,t)=>(n,o)=>{var s,l;const{annotation:i}=o();(s=i==null?void 0:i.onStepChange)==null||s.call(i,e);const d=(l=i==null?void 0:i.imgIndex)!=null?l:0;return[n({type:r.SUBMIT_RESULT}),n({type:r.SUBMIT_FILE_DATA,payload:{submitType:c.StepChanged}}),n({type:r.SET_STEP,payload:{toStep:e}}),n({type:r.CALC_STEP_PROGRESS}),n(S(t!=null?t:d,0))]},f=e=>t=>[t({type:r.SUBMIT_RESULT}),t({type:r.SUBMIT_FILE_DATA,payload:{submitType:e}})],J=(e,t,n,o)=>[e(f(n)),e(S(t,o))],H=(e,t)=>[e({type:r.SUBMIT_RESULT}),e({type:r.SET_BASIC_INDEX,payload:{basicIndex:t}})],V=(e,t)=>{e({type:r.SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED,payload:{triggerEventAfterIndexChanged:t}})},z=(e=!1)=>(t,n)=>T(t,n,_.Backward,e),K=(e=!1)=>(t,n)=>T(t,n,_.Forward,e),W=(e,t=!1)=>(n,o)=>{if(e!==o().imgIndex)return T(n,o,_.Jump,t,e)},D=(e,t,n,o)=>A(void 0,null,function*(){var s;const{loadFileList:l,imgList:i,pageSize:d}=t().annotation,u=Math.floor(n/d);y(e,!0);try{const a=yield l(u,d);if(y(e,!1),!((s=a==null?void 0:a.fileList)==null?void 0:s.length)||!(a==null?void 0:a.total))throw new Error("fileList and total are required");const p=o?new Array(a.total):[...i];return p.splice(u*d,d,...a.fileList),e({type:r.UPDATE_IMG_LIST,payload:{imgList:p}}),!0}catch(a){y(e,!1),console.error(a)}}),T=(e,t,n,o=!1,s)=>A(void 0,null,function*(){var l;const i=t().annotation,{fileIndexChanged:d,fileIndex:u,basicIndexChanged:a,basicIndex:p}=w.getNextPageInfo(n,i,s),E=h(n);if(V(e,o),d){if(i.loading||!i.imgList[u]&&!(yield D(e,t,u)))return;(l=i.onPageChange)==null||l.call(i,u);const O=E===c.Backward?F(t().annotation,p):p;return J(e,u,E,O)}return a?H(e,p):e(f(E))}),X=e=>{e(f(c.Save)),e({type:r.SAVE_RESULT})},y=(e,t)=>{e({type:r.SET_LOADING,payload:{loading:t}})};export{X as ChangeSave,b as CopyBackWordResult,T as DispatcherTurning,k as InitTaskData,z as PageBackward,K as PageForward,W as PageJump,y as SetAnnotationLoading,I as SetTaskConfig,j as ToNextStep,f as ToSubmitFileData,L as UpdateGetFileData,C as UpdateGetFileList,P as UpdateOnPageChange,g as UpdateOnSave,U as UpdateOnStepChange,m as UpdateOnSubmit,v as UpdatePageSize,x as UpdateProcessingStep,G as UpdateRotate,D as loadImgList};

package/es/store/annotation/actionCreators.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionCreators.js","sources":["../../../src/store/annotation/actionCreators.ts"],"sourcesContent":["import { ANNOTATION_ACTIONS } from '@/store/Actions';\nimport { IStepInfo } from '@/types/step';\nimport { GetFileData, IFileItem, OnSave, OnSubmit } from '@/types/data';\nimport { AnnotationActionTypes, ToolInstance } from './types';\nimport { LoadImageAndFileData, getStepConfig } from './reducer';\nimport { ESubmitType } from '@/constant';\nimport { EPageTurningOperation } from '@/data/enums/AnnotationSize';\nimport PageOperator from '@/utils/PageOperator';\nimport { jsonParser } from '@/utils';\n\nconst dispatchTasks = (dispatch: any, tasks: any[]) => tasks.map((task) => dispatch(task));\n\n/**\n * @param {pageTurningOperation} pageTurningOperation 翻页操作\n * @returns {ESubmitType} 提数据交类型\n */\nconst getSubmitByPageOperation = (pageTurningOperation: EPageTurningOperation) => {\n  if (pageTurningOperation === EPageTurningOperation.Forward) {\n    return ESubmitType.Forward;\n  }\n\n  if (pageTurningOperation === EPageTurningOperation.Backward) {\n    return ESubmitType.Backward;\n  }\n\n  if (pageTurningOperation === EPageTurningOperation.Jump) {\n    return ESubmitType.Jump;\n  }\n\n  return ESubmitType.Forward;\n};\n\nconst getBasicIndex = (annotationStore: any, basicIndex: number) => {\n  const {imgList, imgIndex} = annotationStore;\n  const { dataSourceStep } = getStepConfig(annotationStore.stepList, annotationStore.step);\n  let backwardResult = jsonParser(imgList[imgIndex - 1].result)\n  const index = backwardResult[`step_${dataSourceStep}`]?.result?.length - 1\n  return index || basicIndex\n}\n\nexport function UpdateToolInstance(toolInstance: ToolInstance): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_TOOL_INSTANCE,\n    payload: {\n      toolInstance,\n    },\n  };\n}\n\nexport function UpdateImgList(imgList: IFileItem[]): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_IMG_LIST,\n    payload: {\n      imgList,\n    },\n  };\n}\n\nexport function UpdateAnnotationConfig(config: string): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_ANNOTATION_CONFIG,\n    payload: {\n      config,\n    },\n  };\n}\n\nexport function SetTaskConfig({\n  stepList,\n  step,\n}: {\n  stepList: IStepInfo[];\n  step: number;\n}): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.SET_TASK_CONFIG,\n    payload: {\n      stepList,\n      step,\n    },\n  };\n}\n\nexport function UpdateOnSubmit(onSubmit: OnSubmit): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_ON_SUBMIT,\n    payload: {\n      onSubmit,\n    },\n  };\n}\n\nexport function UpdateOnSave(onSave: OnSave): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_ON_SAVE,\n    payload: {\n      onSave,\n    },\n  };\n}\n\nexport function UpdateGetFileData(getFileData: GetFileData): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_GET_FILE_DATA,\n    payload: {\n      getFileData,\n    },\n  };\n}\n\nexport function UpdateRotate(): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_ROTATE,\n  };\n}\n\nexport function CopyBackWordResult(): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.COPY_BACKWARD_RESULT,\n  };\n}\n\n/**\n * 初始化任务数据\n * @param param0\n */\nexport function InitTaskData({\n  onSubmit,\n  onSave,\n  getFileData,\n  imgList,\n  step,\n  stepList,\n  initialIndex,\n}: any): any {\n  const tasks: any[] = [];\n\n  if (onSubmit) {\n    tasks.push(UpdateOnSubmit(onSubmit));\n  }\n  if (onSave) {\n    tasks.push(UpdateOnSave(onSave));\n  }\n\n  if (getFileData) {\n    tasks.push(UpdateGetFileData(getFileData));\n  }\n\n  tasks.push(UpdateImgList(imgList));\n  tasks.push(SetTaskConfig({ stepList, step }));\n  tasks.push({\n    type: ANNOTATION_ACTIONS.CALC_STEP_PROGRESS,\n  });\n  tasks.push({\n    type: ANNOTATION_ACTIONS.INIT_TOOL,\n  });\n\n  tasks.push(LoadImageAndFileData(initialIndex));\n\n  return (dispatch: any) => dispatchTasks(dispatch, tasks);\n}\n\n/** 切换到下一步 */\nexport const ToNextStep = (pageNumber?: number) => (dispatch: any, getState: any) => {\n  const { step } = getState().annotation;\n  return [dispatch(UpdateProcessingStep(step + 1, pageNumber))];\n};\n\n/**\n * 更新当前操作的步骤\n * @param {number} toStep\n */\nexport const UpdateProcessingStep = (toStep: number, index?: number) => (dispatch: any, state: any) => {\n  const imgIndex = state()?.annotation?.imgIndex ?? 0;\n  return [\n    dispatch({ type: ANNOTATION_ACTIONS.SUBMIT_RESULT }),\n    dispatch({\n      type: ANNOTATION_ACTIONS.SUBMIT_FILE_DATA,\n      payload: { submitType: ESubmitType.StepChanged },\n    }),\n    // ToSubmitFileData(ESubmitType.StepChanged),\n    dispatch({ type: ANNOTATION_ACTIONS.SET_STEP, payload: { toStep } }),\n    dispatch({ type: ANNOTATION_ACTIONS.CALC_STEP_PROGRESS }),\n    // 切换步骤保持图片位置\n    dispatch(LoadImageAndFileData(index ?? imgIndex, 0)),\n  ];\n};\n\n/**\n * 提交当前的文件数据\n * @param submitType\n */\nexport const ToSubmitFileData = (submitType: ESubmitType) => (dispatch: any) =>\n  [\n    dispatch({ type: ANNOTATION_ACTIONS.SUBMIT_RESULT }),\n    dispatch({ type: ANNOTATION_ACTIONS.SUBMIT_FILE_DATA, payload: { submitType } }),\n  ];\n\n/**\n * 提交数据并且切换标注文件\n * @param dispatch\n * @param nextIndex\n * @param submitType\n * @param nextBasicIndex\n */\nconst SubmitAndChangeFileIndex = (\n  dispatch: any,\n  nextIndex: number,\n  submitType: ESubmitType,\n  nextBasicIndex?: number,\n) => [\n  dispatch(ToSubmitFileData(submitType)),\n  dispatch(LoadImageAndFileData(nextIndex, nextBasicIndex)),\n];\n\nconst ChangeBasicIndex = (dispatch: any, nextBasicIndex: number) => [\n  dispatch({ type: ANNOTATION_ACTIONS.SUBMIT_RESULT }),\n  dispatch({ type: ANNOTATION_ACTIONS.SET_BASIC_INDEX, payload: { basicIndex: nextBasicIndex } }),\n];\n\nconst ChangeTriggerEventAfterIndexChanged = (\n  dispatch: any,\n  triggerEventAfterIndexChanged: boolean,\n) => {\n  dispatch({\n    type: ANNOTATION_ACTIONS.SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED,\n    payload: {\n      triggerEventAfterIndexChanged,\n    },\n  });\n};\n\n/** 向前翻页 */\nexport const PageBackward =\n  (triggerEventAfterIndexChanged = false) =>\n  (dispatch: any, getState: any) => {\n    return DispatcherTurning(\n      dispatch,\n      getState,\n      EPageTurningOperation.Backward,\n      triggerEventAfterIndexChanged,\n    );\n  };\n\n/** 向后翻页 */\nexport const PageForward =\n  (triggerEventAfterIndexChanged = false) =>\n  (dispatch: any, getState: any) => {\n    return DispatcherTurning(\n      dispatch,\n      getState,\n      EPageTurningOperation.Forward,\n      triggerEventAfterIndexChanged,\n    );\n  };\n\n/**\n * 跳到指定文件索引\n * @param toIndex\n */\nexport const PageJump =\n  (toIndex: number, triggerEventAfterIndexChanged = false) =>\n  (dispatch: any, getState: any) => {\n    if (toIndex === getState().imgIndex) {\n      return;\n    }\n\n    return DispatcherTurning(\n      dispatch,\n      getState,\n      EPageTurningOperation.Jump,\n      triggerEventAfterIndexChanged,\n      toIndex,\n    );\n  };\n\n/**\n * 判断翻页还是切换依赖数据\n * @param dispatch\n * @param getState\n * @param pageTurningOperation\n * @param toIndex\n */\nexport const DispatcherTurning = (\n  dispatch: any,\n  getState: any,\n  pageTurningOperation: EPageTurningOperation,\n  triggerEventAfterIndexChanged = false,\n  toIndex?: number,\n) => {\n  const annotationStore = getState().annotation;\n  const { fileIndexChanged, fileIndex, basicIndexChanged, basicIndex } =\n    PageOperator.getNextPageInfo(pageTurningOperation, annotationStore, toIndex);\n\n  const submitType: ESubmitType = getSubmitByPageOperation(pageTurningOperation);\n\n  ChangeTriggerEventAfterIndexChanged(dispatch, triggerEventAfterIndexChanged);\n\n  if (fileIndexChanged) {\n    const index = submitType === ESubmitType.Backward ? getBasicIndex(annotationStore, basicIndex) : basicIndex;\n    return SubmitAndChangeFileIndex(dispatch, fileIndex, submitType, index);\n  }\n\n  if (basicIndexChanged) {\n    return ChangeBasicIndex(dispatch, basicIndex);\n  }\n\n  return dispatch(ToSubmitFileData(submitType));\n};\n\n/**\n * 保存当前页数据\n * */\nexport const ChangeSave = (dispatch: Function) => {\n  dispatch(ToSubmitFileData(ESubmitType.Save));\n  dispatch({ type: ANNOTATION_ACTIONS.SAVE_RESULT });\n};\n\nexport const SetAnnotationLoading = (dispatch: Function, loading: boolean) => {\n  dispatch({\n    type: ANNOTATION_ACTIONS.SET_LOADING,\n    payload: {\n      loading,\n    },\n  });\n};\n"],"names":[],"mappings":";;;;;;;AAUA,MAAM,gBAAgB,CAAC,UAAe,UAAiB,MAAM,IAAI,CAAC,SAAS,SAAS;AAMpF,MAAM,2BAA2B,CAAC,yBAAgD;AAChF,MAAI,yBAAyB,sBAAsB,SAAS;AAC1D,WAAO,YAAY;AAAA;AAGrB,MAAI,yBAAyB,sBAAsB,UAAU;AAC3D,WAAO,YAAY;AAAA;AAGrB,MAAI,yBAAyB,sBAAsB,MAAM;AACvD,WAAO,YAAY;AAAA;AAGrB,SAAO,YAAY;AAAA;AAGrB,MAAM,gBAAgB,CAAC,iBAAsB,eAAuB;AAhCpE;AAiCE,QAAM,CAAC,SAAS,YAAY;AAC5B,QAAM,CAAE,kBAAmB,cAAc,gBAAgB,UAAU,gBAAgB;AACnF,MAAI,iBAAiB,WAAW,QAAQ,WAAW,GAAG;AACtD,QAAM,QAAQ,4BAAe,QAAQ,sBAAvB,mBAA0C,WAA1C,mBAAkD,UAAS;AACzE,SAAO,SAAS;AAAA;uBAYY,SAA6C;AACzE,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS;AAAA,MACP;AAAA;AAAA;AAAA;uBAcwB;AAAA,EAC5B;AAAA,EACA;AAAA,GAIwB;AACxB,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS;AAAA,MACP;AAAA,MACA;AAAA;AAAA;AAAA;wBAKyB,UAA2C;AACxE,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS;AAAA,MACP;AAAA;AAAA;AAAA;sBAKuB,QAAuC;AAClE,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS;AAAA,MACP;AAAA;AAAA;AAAA;2BAK4B,aAAiD;AACjF,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS;AAAA,MACP;AAAA;AAAA;AAAA;wBAKgD;AACpD,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA;AAAA;8BAI+B;AAC1D,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA;AAAA;sBAQA;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACW;AACX,QAAM,QAAe;AAErB,MAAI,UAAU;AACZ,UAAM,KAAK,eAAe;AAAA;AAE5B,MAAI,QAAQ;AACV,UAAM,KAAK,aAAa;AAAA;AAG1B,MAAI,aAAa;AACf,UAAM,KAAK,kBAAkB;AAAA;AAG/B,QAAM,KAAK,cAAc;AACzB,QAAM,KAAK,cAAc,CAAE,UAAU;AACrC,QAAM,KAAK;AAAA,IACT,MAAM,mBAAmB;AAAA;AAE3B,QAAM,KAAK;AAAA,IACT,MAAM,mBAAmB;AAAA;AAG3B,QAAM,KAAK,qBAAqB;AAEhC,SAAO,CAAC,aAAkB,cAAc,UAAU;AAAA;MAIvC,aAAa,CAAC,eAAwB,CAAC,UAAe,aAAkB;AACnF,QAAM,CAAE,QAAS,WAAW;AAC5B,SAAO,CAAC,SAAS,qBAAqB,OAAO,GAAG;AAAA;MAOrC,uBAAuB,CAAC,QAAgB,UAAmB,CAAC,UAAe,UAAe;AA5KvG;AA6KE,QAAM,WAAW,iDAAS,eAAT,mBAAqB,aAArB,YAAiC;AAClD,SAAO;AAAA,IACL,SAAS,CAAE,MAAM,mBAAmB;AAAA,IACpC,SAAS;AAAA,MACP,MAAM,mBAAmB;AAAA,MACzB,SAAS,CAAE,YAAY,YAAY;AAAA;AAAA,IAGrC,SAAS,CAAE,MAAM,mBAAmB,UAAU,SAAS,CAAE;AAAA,IACzD,SAAS,CAAE,MAAM,mBAAmB;AAAA,IAEpC,SAAS,qBAAqB,wBAAS,UAAU;AAAA;AAAA;MAQxC,mBAAmB,CAAC,eAA4B,CAAC,aAC5D;AAAA,EACE,SAAS,CAAE,MAAM,mBAAmB;AAAA,EACpC,SAAS,CAAE,MAAM,mBAAmB,kBAAkB,SAAS,CAAE;AAAA;AAUrE,MAAM,2BAA2B,CAC/B,UACA,WACA,YACA,mBACG;AAAA,EACH,SAAS,iBAAiB;AAAA,EAC1B,SAAS,qBAAqB,WAAW;AAAA;AAG3C,MAAM,mBAAmB,CAAC,UAAe,mBAA2B;AAAA,EAClE,SAAS,CAAE,MAAM,mBAAmB;AAAA,EACpC,SAAS,CAAE,MAAM,mBAAmB,iBAAiB,SAAS,CAAE,YAAY;AAAA;AAG9E,MAAM,sCAAsC,CAC1C,UACA,kCACG;AACH,WAAS;AAAA,IACP,MAAM,mBAAmB;AAAA,IACzB,SAAS;AAAA,MACP;AAAA;AAAA;AAAA;MAMO,eACX,CAAC,gCAAgC,UACjC,CAAC,UAAe,aAAkB;AAChC,SAAO,kBACL,UACA,UACA,sBAAsB,UACtB;AAAA;MAKO,cACX,CAAC,gCAAgC,UACjC,CAAC,UAAe,aAAkB;AAChC,SAAO,kBACL,UACA,UACA,sBAAsB,SACtB;AAAA;MAQO,WACX,CAAC,SAAiB,gCAAgC,UAClD,CAAC,UAAe,aAAkB;AAChC,MAAI,YAAY,WAAW,UAAU;AACnC;AAAA;AAGF,SAAO,kBACL,UACA,UACA,sBAAsB,MACtB,+BACA;AAAA;MAWO,oBAAoB,CAC/B,UACA,UACA,sBACA,gCAAgC,OAChC,YACG;AACH,QAAM,kBAAkB,WAAW;AACnC,QAAM,CAAE,kBAAkB,WAAW,mBAAmB,cACtD,aAAa,gBAAgB,sBAAsB,iBAAiB;AAEtE,QAAM,aAA0B,yBAAyB;AAEzD,sCAAoC,UAAU;AAE9C,MAAI,kBAAkB;AACpB,UAAM,QAAQ,eAAe,YAAY,WAAW,cAAc,iBAAiB,cAAc;AACjG,WAAO,yBAAyB,UAAU,WAAW,YAAY;AAAA;AAGnE,MAAI,mBAAmB;AACrB,WAAO,iBAAiB,UAAU;AAAA;AAGpC,SAAO,SAAS,iBAAiB;AAAA;MAMtB,aAAa,CAAC,aAAuB;AAChD,WAAS,iBAAiB,YAAY;AACtC,WAAS,CAAE,MAAM,mBAAmB;AAAA;MAGzB,uBAAuB,CAAC,UAAoB,YAAqB;AAC5E,WAAS;AAAA,IACP,MAAM,mBAAmB;AAAA,IACzB,SAAS;AAAA,MACP;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"actionCreators.js","sources":["../../../src/store/annotation/actionCreators.ts"],"sourcesContent":["import { ANNOTATION_ACTIONS } from '@/store/Actions';\nimport { IStepInfo } from '@/types/step';\nimport {\n  GetFileData,\n  LoadFileList,\n  IFileItem,\n  OnPageChange,\n  OnSave,\n  OnStepChange,\n  OnSubmit,\n} from '@/types/data';\nimport { AnnotationActionTypes, ToolInstance } from './types';\nimport { LoadFileAndFileData, getStepConfig } from './reducer';\nimport { ESubmitType } from '@/constant';\nimport { EPageTurningOperation } from '@/data/enums/AnnotationSize';\nimport PageOperator from '@/utils/PageOperator';\nimport { jsonParser } from '@/utils';\n\nconst dispatchTasks = (dispatch: any, tasks: any[]) => tasks.map((task) => dispatch(task));\n\n/**\n * @param {pageTurningOperation} pageTurningOperation 翻页操作\n * @returns {ESubmitType} 提数据交类型\n */\nconst getSubmitByPageOperation = (pageTurningOperation: EPageTurningOperation) => {\n  if (pageTurningOperation === EPageTurningOperation.Forward) {\n    return ESubmitType.Forward;\n  }\n\n  if (pageTurningOperation === EPageTurningOperation.Backward) {\n    return ESubmitType.Backward;\n  }\n\n  if (pageTurningOperation === EPageTurningOperation.Jump) {\n    return ESubmitType.Jump;\n  }\n\n  return ESubmitType.Forward;\n};\n\nconst getBasicIndex = (annotationStore: any, basicIndex: number) => {\n  const { imgList, imgIndex } = annotationStore;\n  const { dataSourceStep } = getStepConfig(annotationStore.stepList, annotationStore.step);\n  let backwardResult = jsonParser(imgList[imgIndex - 1].result);\n  const index = backwardResult[`step_${dataSourceStep}`]?.result?.length - 1;\n  return index || basicIndex;\n};\n\nexport function UpdateToolInstance(toolInstance: ToolInstance): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_TOOL_INSTANCE,\n    payload: {\n      toolInstance,\n    },\n  };\n}\n\nexport function UpdateImgList(imgList: IFileItem[]): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_IMG_LIST,\n    payload: {\n      imgList,\n    },\n  };\n}\n\nexport function UpdateAnnotationConfig(config: string): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_ANNOTATION_CONFIG,\n    payload: {\n      config,\n    },\n  };\n}\n\nexport function SetTaskConfig({\n  stepList,\n  step,\n}: {\n  stepList: IStepInfo[];\n  step: number;\n}): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.SET_TASK_CONFIG,\n    payload: {\n      stepList,\n      step,\n    },\n  };\n}\n\nexport function UpdateOnSubmit(onSubmit: OnSubmit): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_ON_SUBMIT,\n    payload: {\n      onSubmit,\n    },\n  };\n}\n\nexport function UpdateOnSave(onSave: OnSave): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_ON_SAVE,\n    payload: {\n      onSave,\n    },\n  };\n}\n\nexport function UpdateOnPageChange(onPageChange: OnPageChange): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_ON_PAGE_CHANGE,\n    payload: {\n      onPageChange,\n    },\n  };\n}\n\nexport function UpdateOnStepChange(onStepChange: OnStepChange): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_ON_STEP_CHANGE,\n    payload: {\n      onStepChange,\n    },\n  };\n}\n\nexport function UpdateGetFileData(getFileData: GetFileData): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_GET_FILE_DATA,\n    payload: {\n      getFileData,\n    },\n  };\n}\n\nexport function UpdatePageSize(pageSize: number): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_PAGE_SIZE,\n    payload: {\n      pageSize,\n    },\n  };\n}\n\nexport function UpdateGetFileList(loadFileList: LoadFileList): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_LOAD_FILE_LIST,\n    payload: {\n      loadFileList,\n    },\n  };\n}\n\nexport function UpdateRotate(): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.UPDATE_ROTATE,\n  };\n}\n\nexport function CopyBackWordResult(): AnnotationActionTypes {\n  return {\n    type: ANNOTATION_ACTIONS.COPY_BACKWARD_RESULT,\n  };\n}\n\n/**\n * 初始化任务数据\n * @param param0\n */\nexport function InitTaskData({\n  onSubmit,\n  onSave,\n  onPageChange,\n  onStepChange,\n  getFileData,\n  pageSize,\n  loadFileList,\n  step,\n  stepList,\n}: any): any {\n  const tasks: any[] = [];\n\n  if (onSubmit) {\n    tasks.push(UpdateOnSubmit(onSubmit));\n  }\n  if (onSave) {\n    tasks.push(UpdateOnSave(onSave));\n  }\n  if (onPageChange) {\n    tasks.push(UpdateOnPageChange(onPageChange));\n  }\n\n  if (onStepChange) {\n    tasks.push(UpdateOnStepChange(onStepChange));\n  }\n\n  if (getFileData) {\n    tasks.push(UpdateGetFileData(getFileData));\n  }\n\n  if (loadFileList) {\n    tasks.push(UpdateGetFileList(loadFileList));\n  }\n  \n  if (pageSize) {\n    tasks.push(UpdatePageSize(pageSize));\n  }\n\n  tasks.push(SetTaskConfig({ stepList, step }));\n\n  tasks.push({\n    type: ANNOTATION_ACTIONS.CALC_STEP_PROGRESS,\n  });\n\n  tasks.push({\n    type: ANNOTATION_ACTIONS.INIT_TOOL,\n  });\n\n  return (dispatch: any) => dispatchTasks(dispatch, tasks);\n}\n\n/** 获取下一步的step */\nconst getNextStep = (step: number, stepList: any) => {\n  const currentStepIndex = stepList?.findIndex((element: any) => element?.step === step);\n  return stepList[currentStepIndex + 1]?.step;\n};\n\n/** 切换到下一步 */\nexport const ToNextStep = (pageNumber?: number) => (dispatch: any, getState: any) => {\n  const { annotation } = getState();\n  const { step, stepList } = annotation;\n  const nextStep = getNextStep(step, stepList);\n  return [dispatch(UpdateProcessingStep(nextStep, pageNumber))];\n};\n\n/**\n * 更新当前操作的步骤\n * @param {number} toStep\n */\nexport const UpdateProcessingStep =\n  (toStep: number, index?: number) => (dispatch: any, getState: any) => {\n    const { annotation } = getState();\n    annotation?.onStepChange?.(toStep);\n    const imgIndex = annotation?.imgIndex ?? 0;\n    return [\n      dispatch({ type: ANNOTATION_ACTIONS.SUBMIT_RESULT }),\n      dispatch({\n        type: ANNOTATION_ACTIONS.SUBMIT_FILE_DATA,\n        payload: { submitType: ESubmitType.StepChanged },\n      }),\n      // ToSubmitFileData(ESubmitType.StepChanged),\n      dispatch({ type: ANNOTATION_ACTIONS.SET_STEP, payload: { toStep } }),\n      dispatch({ type: ANNOTATION_ACTIONS.CALC_STEP_PROGRESS }),\n      // 切换步骤保持图片位置\n      dispatch(LoadFileAndFileData(index ?? imgIndex, 0)),\n    ];\n  };\n\n/**\n * 提交当前的文件数据\n * @param submitType\n */\nexport const ToSubmitFileData = (submitType: ESubmitType) => (dispatch: any) =>\n  [\n    dispatch({ type: ANNOTATION_ACTIONS.SUBMIT_RESULT }),\n    dispatch({ type: ANNOTATION_ACTIONS.SUBMIT_FILE_DATA, payload: { submitType } }),\n  ];\n\n/**\n * 提交数据并且切换标注文件\n * @param dispatch\n * @param nextIndex\n * @param submitType\n * @param nextBasicIndex\n */\nconst SubmitAndChangeFileIndex = (\n  dispatch: any,\n  nextIndex: number,\n  submitType: ESubmitType,\n  nextBasicIndex?: number,\n) => [\n  dispatch(ToSubmitFileData(submitType)),\n  dispatch(LoadFileAndFileData(nextIndex, nextBasicIndex)),\n];\n\nconst ChangeBasicIndex = (dispatch: any, nextBasicIndex: number) => [\n  dispatch({ type: ANNOTATION_ACTIONS.SUBMIT_RESULT }),\n  dispatch({ type: ANNOTATION_ACTIONS.SET_BASIC_INDEX, payload: { basicIndex: nextBasicIndex } }),\n];\n\nconst ChangeTriggerEventAfterIndexChanged = (\n  dispatch: any,\n  triggerEventAfterIndexChanged: boolean,\n) => {\n  dispatch({\n    type: ANNOTATION_ACTIONS.SET_TRIGGER_EVENT_AFTER_INDEX_CHANGED,\n    payload: {\n      triggerEventAfterIndexChanged,\n    },\n  });\n};\n\n/** 向前翻页 */\nexport const PageBackward =\n  (triggerEventAfterIndexChanged = false) =>\n  (dispatch: any, getState: any) => {\n    return DispatcherTurning(\n      dispatch,\n      getState,\n      EPageTurningOperation.Backward,\n      triggerEventAfterIndexChanged,\n    );\n  };\n\n/** 向后翻页 */\nexport const PageForward =\n  (triggerEventAfterIndexChanged = false) =>\n  (dispatch: any, getState: any) => {\n    return DispatcherTurning(\n      dispatch,\n      getState,\n      EPageTurningOperation.Forward,\n      triggerEventAfterIndexChanged,\n    );\n  };\n\n/**\n * 跳到指定文件索引\n * @param toIndex\n */\nexport const PageJump =\n  (toIndex: number, triggerEventAfterIndexChanged = false) =>\n  (dispatch: any, getState: any) => {\n    if (toIndex === getState().imgIndex) {\n      return;\n    }\n\n    return DispatcherTurning(\n      dispatch,\n      getState,\n      EPageTurningOperation.Jump,\n      triggerEventAfterIndexChanged,\n      toIndex,\n    );\n  };\n\n/**\n * 加载文件列表\n * @param dispatch\n * @param getState\n * @param nextIndex 需要加载的图片index\n * @param isInitial // 是否为初始化加载\n */\nexport const loadImgList = async (\n  dispatch: any,\n  getState: any,\n  nextIndex: number,\n  isInitial?: boolean,\n) => {\n  const { loadFileList, imgList, pageSize } = getState().annotation;\n  const page = Math.floor(nextIndex / pageSize);\n  SetAnnotationLoading(dispatch, true);\n  try {\n    const res: any = await loadFileList(page, pageSize);\n    SetAnnotationLoading(dispatch, false);\n    if (!res?.fileList?.length || !res?.total) {\n      throw new Error('fileList and total are required');\n    }\n    const newImgList = isInitial ? new Array(res.total) : [...imgList];\n    newImgList.splice(page * pageSize, pageSize, ...res.fileList);\n    dispatch({\n      type: ANNOTATION_ACTIONS.UPDATE_IMG_LIST,\n      payload: {\n        imgList: newImgList,\n      },\n    });\n    return true;\n  } catch (err) {\n    SetAnnotationLoading(dispatch, false);\n    console.error(err);\n  }\n};\n\n/**\n * 判断翻页还是切换依赖数据\n * @param dispatch\n * @param getState\n * @param pageTurningOperation\n * @param toIndex\n */\nexport const DispatcherTurning = async (\n  dispatch: any,\n  getState: any,\n  pageTurningOperation: EPageTurningOperation,\n  triggerEventAfterIndexChanged = false,\n  toIndex?: number,\n) => {\n  const annotationStore = getState().annotation;\n  const { fileIndexChanged, fileIndex, basicIndexChanged, basicIndex } =\n    PageOperator.getNextPageInfo(pageTurningOperation, annotationStore, toIndex);\n\n  const submitType: ESubmitType = getSubmitByPageOperation(pageTurningOperation);\n\n  ChangeTriggerEventAfterIndexChanged(dispatch, triggerEventAfterIndexChanged);\n\n  // 翻页\n  if (fileIndexChanged) {\n    if (annotationStore.loading) {\n      return;\n    }\n    // 加载图片列表\n    if (!annotationStore.imgList[fileIndex]) {\n      const isSuccess = await loadImgList(dispatch, getState, fileIndex);\n      if (!isSuccess) {\n        // 加载失败不往下执行\n        return;\n      }\n    }\n    annotationStore.onPageChange?.(fileIndex);\n    const index =\n      submitType === ESubmitType.Backward\n        ? getBasicIndex(getState().annotation, basicIndex)\n        : basicIndex;\n    return SubmitAndChangeFileIndex(dispatch, fileIndex, submitType, index);\n  }\n\n  if (basicIndexChanged) {\n    return ChangeBasicIndex(dispatch, basicIndex);\n  }\n\n  return dispatch(ToSubmitFileData(submitType));\n};\n\n/**\n * 保存当前页数据\n * */\nexport const ChangeSave = (dispatch: Function) => {\n  dispatch(ToSubmitFileData(ESubmitType.Save));\n  dispatch({ type: ANNOTATION_ACTIONS.SAVE_RESULT });\n};\n\nexport const SetAnnotationLoading = (dispatch: Function, loading: boolean) => {\n  dispatch({\n    type: ANNOTATION_ACTIONS.SET_LOADING,\n    payload: {\n      loading,\n    },\n  });\n};\n"],"names":["this"],"mappings":"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"}