@labelbee/lb-components 1.6.0-alpha.8 → 1.6.0-alpha.9

package/es/views/MainView/toolHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/views/MainView/toolHeader/index.tsx"],"sourcesContent":["import { ESubmitType, prefix } from '@/constant';\nimport { EToolName } from '@/data/enums/ToolType';\nimport useSize from '@/hooks/useSize';\nimport { AppState } from '@/store';\nimport { loadImgList, ToNextStep, ToSubmitFileData } from '@/store/annotation/actionCreators';\nimport { IFileItem } from '@/types/data';\nimport { Header } from '@/types/main';\nimport { IStepInfo } from '@/types/step';\nimport { LeftOutlined } from '@ant-design/icons';\nimport { AnnotationEngine } from '@labelbee/lb-annotation';\nimport { i18n } from '@labelbee/lb-utils';\nimport { Button, Tooltip } from 'antd/es';\nimport classNames from 'classnames';\nimport { last } from 'lodash';\nimport React, { useReducer, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { connect, useDispatch } from 'react-redux';\nimport { store } from 'src';\nimport ExportData from './ExportData';\nimport HeaderOption from './headerOption';\nimport StepSwitch from './StepSwitch';\n\ninterface INextStep {\n  stepProgress: number;\n  stepList: IStepInfo[];\n  step: number; // 当前步骤\n  imgList: IFileItem[];\n}\n\nconst NextButton: React.FC<{ disabled: boolean; imgList: IFileItem[] }> = ({\n  disabled,\n  imgList,\n}) => {\n  const { t } = useTranslation();\n\n  const toNext = () => {\n    const { dispatch, getState } = store;\n    // 点击下一步跳转到第一页 第一页没有图片的话则需要先加载图片\n    if (imgList[0]) {\n      dispatch(ToNextStep(0) as any);\n    } else {\n      loadImgList(dispatch, getState, 0).then((isSuccess) => {\n        if (isSuccess) {\n          dispatch(ToNextStep(0) as any);\n        }\n      });\n    }\n  };\n\n  return (\n    <Button\n      type='primary'\n      style={{\n        marginLeft: 10,\n      }}\n      onClick={toNext}\n      disabled={disabled}\n    >\n      {t('NextStep')}\n    </Button>\n  );\n};\n\nconst NextStep: React.FC<INextStep> = ({ step, stepProgress, stepList, imgList }) => {\n  const { t } = useTranslation();\n  // 最后一步不显示下一步按钮\n  const lastStep = last(stepList)?.step;\n\n  if (stepList.length < 2 || step === lastStep) {\n    return null;\n  }\n\n  const disabled = stepProgress < 1;\n\n  if (disabled) {\n    return (\n      <Tooltip title={t('StepNotFinishedNotify')}>\n        <span>\n          <NextButton disabled={disabled} imgList={imgList} />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return <NextButton disabled={disabled} imgList={imgList} />;\n};\n\ninterface IToolHeaderProps {\n  goBack?: (imgList?: IFileItem[]) => void;\n  exportData?: (data: any[]) => void;\n  header?: Header;\n  headerName?: string;\n  imgList: IFileItem[];\n  annotationEngine: AnnotationEngine;\n  stepProgress: number;\n  toolName: EToolName;\n  stepInfo: IStepInfo;\n  stepList: IStepInfo[];\n  step: number;\n}\n\nconst ToolHeader: React.FC<IToolHeaderProps> = ({\n  goBack,\n  exportData,\n  header,\n  headerName,\n  imgList,\n  stepProgress,\n  stepInfo,\n  stepList,\n  step,\n  annotationEngine,\n}) => {\n  const dispatch = useDispatch();\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n  const ref = useRef(null);\n\n  const size = useSize(ref);\n\n  // render 数据展示\n  const currentOption = <ExportData exportData={exportData} />;\n\n  const closeAnnotation = () => {\n    dispatch(ToSubmitFileData(ESubmitType.Quit));\n\n    if (goBack) {\n      goBack(imgList);\n    }\n  };\n\n  const changeLanguage = (lang: 'en' | 'cn') => {\n    i18n.changeLanguage(lang);\n    annotationEngine?.setLang(lang);\n    forceUpdate();\n  };\n\n  const curLang = i18n.language;\n\n  const width = size?.width ?? window.innerWidth;\n\n  const backNode = <LeftOutlined className={`${prefix}-header__icon`} onClick={closeAnnotation} />;\n\n  const headerNameNode = headerName ? (\n    <span className={`${prefix}-header__name`}>{headerName}</span>\n  ) : (\n    ''\n  );\n\n  const stepListNode = stepList.length > 1 && (\n    <>\n      <StepSwitch stepProgress={stepProgress} />\n      <NextStep step={step} stepProgress={stepProgress} stepList={stepList} imgList={imgList} />\n    </>\n  );\n\n  const headerOptionNode = <HeaderOption stepInfo={stepInfo} />;\n\n  const langNode = (\n    <div className={`${prefix}-header__lang`}>\n      <span\n        className={`${prefix}-langCN ${curLang === 'cn' ? 'active' : ''}`}\n        onClick={() => changeLanguage('cn')}\n      >\n        中文\n      </span>\n      {` / `}\n      <span\n        className={`${prefix}-langEN ${curLang === 'en' ? 'active' : ''}`}\n        onClick={() => changeLanguage('en')}\n      >\n        En\n      </span>\n    </div>\n  );\n\n  if (header) {\n    if (typeof header === 'function') {\n      return (\n        <div className={classNames(`${prefix}-header`)} ref={ref}>\n          <div className={`${prefix}-header__title`}>\n            {header({\n              backNode,\n              headerNameNode,\n              stepListNode,\n              headerOptionNode,\n              langNode,\n            })}\n          </div>\n        </div>\n      );\n    } else {\n      return header;\n    }\n  }\n\n  return (\n    <div className={classNames(`${prefix}-header`)} ref={ref}>\n      <div className={`${prefix}-header__title`}>\n        {backNode}\n        {headerNameNode}\n        {stepListNode}\n        {currentOption}\n        <div\n          id='operationNode'\n          className={`${prefix}-header__operationNode`}\n          style={{ left: width / 2 - 174 / 2 }}\n        >\n          {headerOptionNode}\n        </div>\n        <div className={`${prefix}-header__titlePlacement`} />\n        {langNode}\n      </div>\n    </div>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  imgList: state.annotation.imgList,\n  annotationEngine: state.annotation.annotationEngine,\n  stepProgress: state.annotation.stepProgress,\n  toolName: state.annotation.stepList[state.annotation.step - 1]?.tool,\n  stepList: state.annotation.stepList,\n  stepInfo: state.annotation.stepList[state.annotation.step - 1],\n  step: state.annotation.step,\n});\n\nexport default connect(mapStateToProps)(ToolHeader);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/views/MainView/toolHeader/index.tsx"],"sourcesContent":["import { ESubmitType, prefix } from '@/constant';\nimport { EToolName } from '@/data/enums/ToolType';\nimport useSize from '@/hooks/useSize';\nimport { AppState } from '@/store';\nimport { loadImgList, ToNextStep, ToSubmitFileData } from '@/store/annotation/actionCreators';\nimport { IFileItem } from '@/types/data';\nimport { Header } from '@/types/main';\nimport { IStepInfo } from '@/types/step';\nimport { LeftOutlined } from '@ant-design/icons';\nimport { AnnotationEngine } from '@labelbee/lb-annotation';\nimport { i18n } from '@labelbee/lb-utils';\nimport { Button, Tooltip } from 'antd/es';\nimport classNames from 'classnames';\nimport { last } from 'lodash';\nimport React, { useReducer, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { connect } from 'react-redux';\nimport { useDispatch, LabelBeeContext } from '@/store/ctx';\nimport { store } from '@/index';\nimport ExportData from './ExportData';\nimport HeaderOption from './headerOption';\nimport StepSwitch from './StepSwitch';\n\ninterface INextStep {\n  stepProgress: number;\n  stepList: IStepInfo[];\n  step: number; // 当前步骤\n  imgList: IFileItem[];\n}\n\nconst NextButton: React.FC<{ disabled: boolean; imgList: IFileItem[] }> = ({\n  disabled,\n  imgList,\n}) => {\n  const { t } = useTranslation();\n\n  const toNext = () => {\n    const { dispatch, getState } = store;\n    // 点击下一步跳转到第一页 第一页没有图片的话则需要先加载图片\n    if (imgList[0]) {\n      dispatch(ToNextStep(0) as any);\n    } else {\n      loadImgList(dispatch, getState, 0).then((isSuccess) => {\n        if (isSuccess) {\n          dispatch(ToNextStep(0) as any);\n        }\n      });\n    }\n  };\n\n  return (\n    <Button\n      type='primary'\n      style={{\n        marginLeft: 10,\n      }}\n      onClick={toNext}\n      disabled={disabled}\n    >\n      {t('NextStep')}\n    </Button>\n  );\n};\n\nconst NextStep: React.FC<INextStep> = ({ step, stepProgress, stepList, imgList }) => {\n  const { t } = useTranslation();\n  // 最后一步不显示下一步按钮\n  const lastStep = last(stepList)?.step;\n\n  if (stepList.length < 2 || step === lastStep) {\n    return null;\n  }\n\n  const disabled = stepProgress < 1;\n\n  if (disabled) {\n    return (\n      <Tooltip title={t('StepNotFinishedNotify')}>\n        <span>\n          <NextButton disabled={disabled} imgList={imgList} />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return <NextButton disabled={disabled} imgList={imgList} />;\n};\n\ninterface IToolHeaderProps {\n  goBack?: (imgList?: IFileItem[]) => void;\n  exportData?: (data: any[]) => void;\n  header?: Header;\n  headerName?: string;\n  imgList: IFileItem[];\n  annotationEngine: AnnotationEngine;\n  stepProgress: number;\n  toolName: EToolName;\n  stepInfo: IStepInfo;\n  stepList: IStepInfo[];\n  step: number;\n}\n\nconst ToolHeader: React.FC<IToolHeaderProps> = ({\n  goBack,\n  exportData,\n  header,\n  headerName,\n  imgList,\n  stepProgress,\n  stepInfo,\n  stepList,\n  step,\n  annotationEngine,\n}) => {\n  const dispatch = useDispatch();\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n  const ref = useRef(null);\n\n  const size = useSize(ref);\n\n  // render 数据展示\n  const currentOption = <ExportData exportData={exportData} />;\n\n  const closeAnnotation = () => {\n    dispatch(ToSubmitFileData(ESubmitType.Quit));\n\n    if (goBack) {\n      goBack(imgList);\n    }\n  };\n\n  const changeLanguage = (lang: 'en' | 'cn') => {\n    i18n.changeLanguage(lang);\n    annotationEngine?.setLang(lang);\n    forceUpdate();\n  };\n\n  const curLang = i18n.language;\n\n  const width = size?.width ?? window.innerWidth;\n\n  const backNode = <LeftOutlined className={`${prefix}-header__icon`} onClick={closeAnnotation} />;\n\n  const headerNameNode = headerName ? (\n    <span className={`${prefix}-header__name`}>{headerName}</span>\n  ) : (\n    ''\n  );\n\n  const stepListNode = stepList.length > 1 && (\n    <>\n      <StepSwitch stepProgress={stepProgress} />\n      <NextStep step={step} stepProgress={stepProgress} stepList={stepList} imgList={imgList} />\n    </>\n  );\n\n  const headerOptionNode = <HeaderOption stepInfo={stepInfo} />;\n\n  const langNode = (\n    <div className={`${prefix}-header__lang`}>\n      <span\n        className={`${prefix}-langCN ${curLang === 'cn' ? 'active' : ''}`}\n        onClick={() => changeLanguage('cn')}\n      >\n        中文\n      </span>\n      {` / `}\n      <span\n        className={`${prefix}-langEN ${curLang === 'en' ? 'active' : ''}`}\n        onClick={() => changeLanguage('en')}\n      >\n        En\n      </span>\n    </div>\n  );\n\n  if (header) {\n    if (typeof header === 'function') {\n      return (\n        <div className={classNames(`${prefix}-header`)} ref={ref}>\n          <div className={`${prefix}-header__title`}>\n            {header({\n              backNode,\n              headerNameNode,\n              stepListNode,\n              headerOptionNode,\n              langNode,\n            })}\n          </div>\n        </div>\n      );\n    } else {\n      return header;\n    }\n  }\n\n  return (\n    <div className={classNames(`${prefix}-header`)} ref={ref}>\n      <div className={`${prefix}-header__title`}>\n        {backNode}\n        {headerNameNode}\n        {stepListNode}\n        {currentOption}\n        <div\n          id='operationNode'\n          className={`${prefix}-header__operationNode`}\n          style={{ left: width / 2 - 174 / 2 }}\n        >\n          {headerOptionNode}\n        </div>\n        <div className={`${prefix}-header__titlePlacement`} />\n        {langNode}\n      </div>\n    </div>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  imgList: state.annotation.imgList,\n  annotationEngine: state.annotation.annotationEngine,\n  stepProgress: state.annotation.stepProgress,\n  toolName: state.annotation.stepList[state.annotation.step - 1]?.tool,\n  stepList: state.annotation.stepList,\n  stepInfo: state.annotation.stepList[state.annotation.step - 1],\n  step: state.annotation.step,\n});\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(ToolHeader);\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.6.0-alpha.8",
+  "version": "1.6.0-alpha.9",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",
@@ -41,8 +41,8 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
-    "@labelbee/lb-annotation": "^1.9.0-alpha.8",
-    "@labelbee/lb-utils": "^1.3.0-alpha.8",
+    "@labelbee/lb-annotation": "^1.9.0-alpha.9",
+    "@labelbee/lb-utils": "^1.3.0-alpha.9",
     "ahooks": "^3.4.0",
     "classnames": "^2.3.0",
     "lodash": "^4.17.21",
@@ -97,5 +97,5 @@
       "path": "node_modules/cz-conventional-changelog"
     }
   },
-  "gitHead": "e7f0e3a5d4070e711b9fb26e17a898f09712dbca"
+  "gitHead": "4dbcc9602992fcacb67b5a821233891a48a2e17b"
 }