npm - @labelbee/lb-components - Versions diffs - 1.2.1 - Mend

@labelbee/lb-components 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (493) hide show

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/index.tsx"],"sourcesContent":["import { Popover } from 'antd/es';\nimport _ from 'lodash';\nimport React, { useState } from 'react';\nimport { useSelector } from 'react-redux';\n// import styles from './index.less';\n\nimport hotKeySvg from '@/assets/annotation/toolHotKeyIcon/icon_kj1.svg';\nimport hotKeyHoverSvg from '@/assets/annotation/toolHotKeyIcon/icon_kj_h.svg';\nimport { EToolName } from '@/data/enums/ToolType';\nimport rectToolShortcutTable from './rectToolShortCutTable';\nimport pointToolShortcutTable from './point';\nimport polygonToolShortcutTable from './polygon';\nimport lineToolShortCutTable from './line';\nimport tagToolSingleShortCutTable from './tag';\nimport textToolShortCutTable from './text';\nimport StepUtils from '@/utils/StepUtils';\nimport { footerCls } from '../../index';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n isSingleImg?: boolean;\n style?: any;\n}\n\nconst shortCutTable: any = {\n [EToolName.Rect]: rectToolShortcutTable,\n [EToolName.Tag]: tagToolSingleShortCutTable,\n [EToolName.Point]: pointToolShortcutTable,\n [EToolName.Polygon]: polygonToolShortcutTable,\n [EToolName.Line]: lineToolShortCutTable,\n [EToolName.Text]: textToolShortCutTable,\n};\n\nexport interface IShortcuts {\n name: string;\n icon: any;\n shortCut: string[];\n noticeInfo?: string;\n}\nconst ToolHotKey: React.FC<IProps> = ({ isSingleImg, style }) => {\n const [svgFlag, setFlag] = useState(false);\n const { t } = useTranslation();\n\n // @ts-ignore\n const stepInfo = useSelector((state) =>\n // @ts-ignore\n StepUtils.getCurrentStepInfo(state?.annotation?.step, state.annotation?.stepList),\n );\n\n const renderImg = (info: Element | string) => {\n if (typeof info === 'string') {\n return <img width={16} height={16} src={info} style={iconStyle} />;\n }\n return info;\n };\n const shortCutStyle = {\n width: 320,\n display: 'flex',\n justifyContent: 'space-between',\n margin: '23px 21px',\n };\n\n const iconStyle = {\n marginRight: 10,\n };\n\n const shortCutNameStyles: React.CSSProperties = {\n display: 'block',\n padding: '0 3px',\n minWidth: '20px',\n marginRight: '3px',\n border: '1px solid rgba(204,204,204,1)',\n verticalAlign: 'middle',\n fontSize: '12px',\n textAlign: 'center',\n };\n\n const setHotKey = (info: any, index: number) => (\n <div style={shortCutStyle} key={index}>\n <span style={{ display: 'flex', alignItems: 'center' }}>\n {renderImg(info.icon)}\n {t(info.name)}\n </span>\n <span style={{ display: 'flex', alignItems: 'center' }}>\n {info.noticeInfo && (\n <span style={{ marginRight: '5px', color: '#CCCCCC' }}>{t(info.noticeInfo)}</span>\n )}\n {setSVG(info.shortCut, info.shortCutUseHtml, info.linkSymbol)}\n </span>\n </div>\n );\n\n const setSVG = (list: any[], useDangerInnerHtml = false, linkSymbol?: string) => {\n const listDom = list.map((item, index) => {\n if (useDangerInnerHtml) {\n return (\n <span key={index} style={{ display: 'flex' }}>\n <span style={shortCutNameStyles} dangerouslySetInnerHTML={{ __html: item }} />\n </span>\n );\n }\n\n if (index < list.length - 1) {\n if (typeof item === 'number') {\n return (\n <span key={index} style={{ display: 'flex' }}>\n <span style={shortCutNameStyles}>{item}</span>\n <span style={{ marginRight: '3px' }}>~</span>\n </span>\n );\n }\n\n if (item?.startsWith('data')) {\n return (\n <span key={index} style={{ display: 'flex' }}>\n <span className='shortCutButton' style={{ marginRight: '3px' }}>\n <img width={16} height={23} src={item} />\n </span>\n <span style={{ marginRight: '3px' }}>+</span>\n </span>\n );\n }\n return (\n <span key={index} style={{ display: 'flex' }}>\n <span style={shortCutNameStyles}>{item}</span>\n <span style={{ marginRight: '3px' }}>{linkSymbol || '+'}</span>\n </span>\n );\n }\n if (typeof item === 'number') {\n return (\n <span key={index} style={{ display: 'flex' }}>\n <span style={shortCutNameStyles}>{item}</span>\n </span>\n );\n }\n if (item?.startsWith('data')) {\n return (\n <span className='shortCutButton' key={index} style={{ marginRight: '3px' }}>\n <img width={16} height={23} src={item} />\n </span>\n );\n }\n return (\n <span style={shortCutNameStyles} key={index}>\n {item}\n </span>\n );\n });\n return (\n <div\n style={{\n display: 'flex',\n justifyContent: 'space-around',\n alignItems: 'center',\n }}\n >\n {listDom}\n </div>\n );\n };\n\n const content = (\n <div className={`${footerCls}__hotkey-content`}>\n {stepInfo &&\n shortCutTable[stepInfo?.tool]?.map((info: any, index: number) => setHotKey(info, index))}\n </div>\n );\n const containerStyle = style || { width: 600 };\n\n // 不存在对应的工具则不展示的快捷键\n if (stepInfo && !shortCutTable[stepInfo?.tool]) {\n return null;\n }\n\n return (\n // @ts-ignore\n <Popover\n placement='topLeft'\n content={content}\n // @ts-ignore\n onMouseMove={() => setFlag(true)}\n onMouseLeave={() => {\n setFlag(false);\n }}\n overlayClassName='tool-hotkeys-popover'\n // visible={svgFlag}\n >\n <div\n className='shortCutTitle'\n onMouseMove={() => setFlag(true)}\n onMouseLeave={() => setFlag(false)}\n style={containerStyle}\n >\n <a className='svg'>\n <img\n src={svgFlag ? hotKeyHoverSvg : hotKeySvg}\n width={15}\n height={13}\n style={{ marginRight: '5px' }}\n />\n {t('Hotkeys')}\n </a>\n </div>\n </Popover>\n );\n};\n\nexport default ToolHotKey;\n"],"names":["pointToolShortcutTable","polygonToolShortcutTable","hotKeyHoverSvg","hotKeySvg"],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAM,gBAAqB;AAAA,GACxB,UAAU,OAAO;AAAA,GACjB,UAAU,MAAM;AAAA,GAChB,UAAU,QAAQA;AAAA,GAClB,UAAU,UAAUC;AAAA,GACpB,UAAU,OAAO;AAAA,GACjB,UAAU,OAAO;AAAA;MASd,aAA+B,CAAC,CAAE,aAAa,WAAY;AAvCjE;AAwCE,QAAM,CAAC,SAAS,WAAW,SAAS;AACpC,QAAM,CAAE,KAAM;AAGd,QAAM,WAAW,YAAY,CAAC,UAAO;AA5CvC;AA8CI,qBAAU,mBAAmB,sCAAO,eAAP,oBAAmB,MAAM,YAAM,eAAN,mBAAkB;AAAA;AAG1E,QAAM,YAAY,CAAC,SAA2B;AAC5C,QAAI,OAAO,SAAS,UAAU;AAC5B,iDAAQ,OAAD;AAAA,QAAK,OAAO;AAAA,QAAI,QAAQ;AAAA,QAAI,KAAK;AAAA,QAAM,OAAO;AAAA;AAAA;AAEvD,WAAO;AAAA;AAET,QAAM,gBAAgB;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,QAAQ;AAAA;AAGV,QAAM,YAAY;AAAA,IAChB,aAAa;AAAA;AAGf,QAAM,qBAA0C;AAAA,IAC9C,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA;AAGb,QAAM,YAAY,CAAC,MAAW,8CAC3B,OAAD;AAAA,IAAK,OAAO;AAAA,IAAe,KAAK;AAAA,yCAC7B,QAAD;AAAA,IAAM,OAAO,CAAE,SAAS,QAAQ,YAAY;AAAA,KACzC,UAAU,KAAK,OACf,EAAE,KAAK,4CAET,QAAD;AAAA,IAAM,OAAO,CAAE,SAAS,QAAQ,YAAY;AAAA,KACzC,KAAK,kDACH,QAAD;AAAA,IAAM,OAAO,CAAE,aAAa,OAAO,OAAO;AAAA,KAAc,EAAE,KAAK,cAEhE,OAAO,KAAK,UAAU,KAAK,iBAAiB,KAAK;AAKxD,QAAM,SAAS,CAAC,MAAa,qBAAqB,OAAO,eAAwB;AAC/E,UAAM,UAAU,KAAK,IAAI,CAAC,MAAM,UAAU;AACxC,UAAI,oBAAoB;AACtB,mDACG,QAAD;AAAA,UAAM,KAAK;AAAA,UAAO,OAAO,CAAE,SAAS;AAAA,+CACjC,QAAD;AAAA,UAAM,OAAO;AAAA,UAAoB,yBAAyB,CAAE,QAAQ;AAAA;AAAA;AAK1E,UAAI,QAAQ,KAAK,SAAS,GAAG;AAC3B,YAAI,OAAO,SAAS,UAAU;AAC5B,qDACG,QAAD;AAAA,YAAM,KAAK;AAAA,YAAO,OAAO,CAAE,SAAS;AAAA,iDACjC,QAAD;AAAA,YAAM,OAAO;AAAA,aAAqB,2CACjC,QAAD;AAAA,YAAM,OAAO,CAAE,aAAa;AAAA,aAAS;AAAA;AAK3C,YAAI,6BAAM,WAAW,SAAS;AAC5B,qDACG,QAAD;AAAA,YAAM,KAAK;AAAA,YAAO,OAAO,CAAE,SAAS;AAAA,iDACjC,QAAD;AAAA,YAAM,WAAU;AAAA,YAAiB,OAAO,CAAE,aAAa;AAAA,iDACpD,OAAD;AAAA,YAAK,OAAO;AAAA,YAAI,QAAQ;AAAA,YAAI,KAAK;AAAA,mDAElC,QAAD;AAAA,YAAM,OAAO,CAAE,aAAa;AAAA,aAAS;AAAA;AAI3C,mDACG,QAAD;AAAA,UAAM,KAAK;AAAA,UAAO,OAAO,CAAE,SAAS;AAAA,+CACjC,QAAD;AAAA,UAAM,OAAO;AAAA,WAAqB,2CACjC,QAAD;AAAA,UAAM,OAAO,CAAE,aAAa;AAAA,WAAU,cAAc;AAAA;AAI1D,UAAI,OAAO,SAAS,UAAU;AAC5B,mDACG,QAAD;AAAA,UAAM,KAAK;AAAA,UAAO,OAAO,CAAE,SAAS;AAAA,+CACjC,QAAD;AAAA,UAAM,OAAO;AAAA,WAAqB;AAAA;AAIxC,UAAI,6BAAM,WAAW,SAAS;AAC5B,mDACG,QAAD;AAAA,UAAM,WAAU;AAAA,UAAiB,KAAK;AAAA,UAAO,OAAO,CAAE,aAAa;AAAA,+CAChE,OAAD;AAAA,UAAK,OAAO;AAAA,UAAI,QAAQ;AAAA,UAAI,KAAK;AAAA;AAAA;AAIvC,iDACG,QAAD;AAAA,QAAM,OAAO;AAAA,QAAoB,KAAK;AAAA,SACnC;AAAA;AAIP,+CACG,OAAD;AAAA,MACE,OAAO;AAAA,QACL,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA;AAAA,OAGb;AAAA;AAKP,QAAM,8CACH,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,KAChB,iCACe,qCAAU,UAAxB,mBAA+B,IAAI,CAAC,MAAW,UAAkB,UAAU,MAAM;AAGvF,QAAM,iBAAiB,SAAS,CAAE,OAAO;AAGzC,MAAI,YAAY,CAAC,cAAc,qCAAU,OAAO;AAC9C,WAAO;AAAA;AAGT,6CAEG,SAAD;AAAA,IACE,WAAU;AAAA,IACV;AAAA,IAEA,aAAa,MAAM,QAAQ;AAAA,IAC3B,cAAc,MAAM;AAClB,cAAQ;AAAA;AAAA,IAEV,kBAAiB;AAAA,yCAGhB,OAAD;AAAA,IACE,WAAU;AAAA,IACV,aAAa,MAAM,QAAQ;AAAA,IAC3B,cAAc,MAAM,QAAQ;AAAA,IAC5B,OAAO;AAAA,yCAEN,KAAD;AAAA,IAAG,WAAU;AAAA,yCACV,OAAD;AAAA,IACE,KAAK,UAAUC,MAAiBC;AAAA,IAChC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO,CAAE,aAAa;AAAA,MAEvB,EAAE;AAAA;;;;"}

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/line/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import _ from"../../../../../../assets/annotation/toolHotKeyIcon/icon_line_kj.svg.js";import o from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg.js";import f from"../../../../../../assets/annotation/toolHotKeyIcon/icon_lineNull_kj.svg.js";import j from"../../../../../../assets/annotation/toolHotKeyIcon/icon_straightLine_kj.svg.js";import h from"../../../../../../assets/annotation/toolHotKeyIcon/icon_lineActive_kj.svg.js";import t from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg.js";import p from"../../../../../../assets/annotation/toolHotKeyIcon/icon_lineChange_kj.svg.js";import C from"../../../../../../assets/annotation/toolHotKeyIcon/icon_del_kj.svg.js";import k from"../../../../../../assets/annotation/toolHotKeyIcon/icon_lineCont_kj.svg.js";import u from"../../../../../../assets/annotation/toolHotKeyIcon/icon_lineInsert_kj.svg.js";import I from"../../../../../../assets/annotation/toolHotKeyIcon/icon_lineDel_kj.svg.js";import d from"../../../../../../assets/annotation/toolHotKeyIcon/icon_unGrip_kj.svg.js";import{changeSpecialLine as v,revoke as L,restore as H,rotate as y,scale as K,backward as $,forward as b,setValid as S,dargWithRightClick as A,dargWithLeftClick as P,hidden as D,tabChangeSelected as T,tabReverseChangeSelected as O}from"../common/index.js";const n={name:"AnnotateLine",icon:_,shortCut:[o]},e={name:"AnnotateInvalidLine",icon:f,shortCut:["Ctrl",o]},i={name:"HorizontalOrVertical",icon:j,shortCut:["Shift",o]},s={name:"SelectLine",icon:h,shortCut:[t]},a={name:"ToggleLineEffectiveness",icon:p,shortCut:["F"]},c={name:"DeleteLine",icon:C,noticeInfo:"SelectAndDoubleClick",shortCut:[t]},r={name:"ContinueToLabel",icon:k,noticeInfo:"Select",shortCut:["Space"]},l={name:"InsertPoint",icon:u,noticeInfo:"ClickOnLine",shortCut:[o]},m={name:"DeletePoint",icon:I,noticeInfo:"DblClickOnPoint",shortCut:[t]},g={name:"StopAdsorption",icon:d,noticeInfo:"Press",shortCut:["Alt"]},w=[n,e,i,s,a,c,r,v,l,m,g,L,H,y,K,$,b,S,A,P,D,T,O];export{a as changeLineAttribute,w as default,c as deleteLine,m as deletePoint,i as horizontalLine,l as insertPoint,e as invalidLine,r as keepLine,n as line,s as selectLine,g as suspendAbsorption};

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/line/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/line/index.tsx"],"sourcesContent":["import DrawPolygonSvg from '@/assets/annotation/toolHotKeyIcon/icon_line_kj.svg';\nimport MouseLeftSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg';\nimport LineNullKj from '@/assets/annotation/toolHotKeyIcon/icon_lineNull_kj.svg';\nimport StraightLineKj from '@/assets/annotation/toolHotKeyIcon/icon_straightLine_kj.svg';\nimport LineActiveKj from '@/assets/annotation/toolHotKeyIcon/icon_lineActive_kj.svg';\nimport MouseRightSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg';\nimport LineChangeKj from '@/assets/annotation/toolHotKeyIcon/icon_lineChange_kj.svg';\nimport DeletePointSvg from '@/assets/annotation/toolHotKeyIcon/icon_del_kj.svg';\nimport IconLineContKj from '@/assets/annotation/toolHotKeyIcon/icon_lineCont_kj.svg';\nimport LineInsertKj from '@/assets/annotation/toolHotKeyIcon/icon_lineInsert_kj.svg';\nimport LineDelKj from '@/assets/annotation/toolHotKeyIcon/icon_lineDel_kj.svg';\nimport IconUnGripKj from '@/assets/annotation/toolHotKeyIcon/icon_unGrip_kj.svg';\nimport Up from '@/assets/annotation/toolHotKeyIcon/icon_up.svg';\nimport Down from '@/assets/annotation/toolHotKeyIcon/icon_down.svg';\n\nimport {\n // attributeClickLock,\n // attributeLock,\n backward,\n // copyBackwardResult,\n dargWithLeftClick,\n dargWithRightClick,\n forward,\n // fullScreen,\n restore,\n revoke,\n rotate,\n scale,\n setValid,\n hidden,\n tabChangeSelected,\n tabReverseChangeSelected,\n changeSpecialLine,\n // saveResult,\n} from '../common';\n\nexport const line = {\n name: 'AnnotateLine',\n icon: DrawPolygonSvg,\n shortCut: [MouseLeftSvg],\n};\n\nexport const invalidLine = {\n name: 'AnnotateInvalidLine',\n icon: LineNullKj,\n shortCut: ['Ctrl', MouseLeftSvg],\n};\n\nexport const horizontalLine = {\n name: 'HorizontalOrVertical',\n icon: StraightLineKj,\n shortCut: ['Shift', MouseLeftSvg],\n};\n\nexport const selectLine = {\n name: 'SelectLine',\n icon: LineActiveKj,\n shortCut: [MouseRightSvg],\n};\n\nexport const changeLineAttribute = {\n name: 'ToggleLineEffectiveness',\n icon: LineChangeKj,\n shortCut: ['F'],\n};\n\nexport const deleteLine = {\n name: 'DeleteLine',\n icon: DeletePointSvg,\n noticeInfo: 'SelectAndDoubleClick',\n shortCut: [MouseRightSvg],\n};\n\nexport const keepLine = {\n name: 'ContinueToLabel',\n icon: IconLineContKj,\n noticeInfo: 'Select',\n shortCut: ['Space'],\n};\n\nexport const insertPoint = {\n name: 'InsertPoint',\n icon: LineInsertKj,\n noticeInfo: 'ClickOnLine',\n shortCut: [MouseLeftSvg],\n};\n\nexport const deletePoint = {\n name: 'DeletePoint',\n icon: LineDelKj,\n noticeInfo: 'DblClickOnPoint',\n shortCut: [MouseRightSvg],\n};\n\nexport const suspendAbsorption = {\n name: 'StopAdsorption',\n icon: IconUnGripKj,\n noticeInfo: 'Press',\n shortCut: ['Alt'],\n};\n\nexport const preLine = {\n name: 'PreviousLine',\n icon: Up,\n shortCut: ['W'],\n};\n\nexport const nextLine = {\n name: 'NextLine',\n icon: Down,\n shortCut: ['S'],\n};\n\nconst lineToolShortCutTable = [\n // saveResult,\n line,\n invalidLine,\n horizontalLine,\n selectLine,\n changeLineAttribute,\n deleteLine,\n keepLine,\n changeSpecialLine,\n insertPoint,\n deletePoint,\n suspendAbsorption,\n // attributeLock,\n // attributeClickLock,\n revoke,\n restore,\n rotate,\n scale,\n // fullScreen,\n backward,\n forward,\n setValid,\n // copyBackwardResult,\n dargWithRightClick,\n dargWithLeftClick,\n hidden,\n tabChangeSelected,\n tabReverseChangeSelected,\n];\nexport default lineToolShortCutTable;\n "],"names":["DrawPolygonSvg","MouseLeftSvg","LineNullKj","StraightLineKj","LineActiveKj","MouseRightSvg","LineChangeKj","DeletePointSvg","IconLineContKj","LineInsertKj","LineDelKj","IconUnGripKj"],"mappings":";;;;;;;;;;;;;;MAoCa,OAAO;AAAA,EAClB,MAAM;AAAA,EACN,MAAMA;AAAA,EACN,UAAU,CAACC;AAAA;MAGA,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,UAAU,CAAC,QAAQD;AAAA;MAGR,iBAAiB;AAAA,EAC5B,MAAM;AAAA,EACN,MAAME;AAAA,EACN,UAAU,CAAC,SAASF;AAAA;MAGT,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,MAAMG;AAAA,EACN,UAAU,CAACC;AAAA;MAGA,sBAAsB;AAAA,EACjC,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,UAAU,CAAC;AAAA;MAGA,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,YAAY;AAAA,EACZ,UAAU,CAACF;AAAA;MAGA,WAAW;AAAA,EACtB,MAAM;AAAA,EACN,MAAMG;AAAA,EACN,YAAY;AAAA,EACZ,UAAU,CAAC;AAAA;MAGA,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,YAAY;AAAA,EACZ,UAAU,CAACR;AAAA;MAGA,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,MAAMS;AAAA,EACN,YAAY;AAAA,EACZ,UAAU,CAACL;AAAA;MAGA,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,MAAMM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU,CAAC;AAAA;MAeP,wBAAwB;AAAA,EAE5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;;;;"}

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/point/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import s from"../../../../../../assets/annotation/toolHotKeyIcon/icon_point_kj.svg.js";import a from"../../../../../../assets/annotation/toolHotKeyIcon/icon_pointNull_kj.svg.js";import r from"../../../../../../assets/annotation/toolHotKeyIcon/icon_pointActive_kj.svg.js";import c from"../../../../../../assets/annotation/toolHotKeyIcon/icon_del_kj.svg.js";import o from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg.js";import m from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg.js";import{revoke as l,restore as g,rotate as _,scale as d,backward as j,forward as p,dargWithRightClick as f,tabChangeSelected as h,tabReverseChangeSelected as v}from"../common/index.js";const t={name:"AnnotatePoint",icon:s,shortCut:[o]},n={name:"AnnotateInvalidPoint",icon:a,shortCut:["Ctrl",o]},e={name:"SelectPoint",icon:r,shortCut:[m],noticeInfo:"RightClick"},i={name:"DeletePoint",icon:c,shortCut:["Del"]},k=[t,n,e,i,l,g,_,d,j,p,f,h,v];export{k as default,i as deletePoint,n as drawInvalidPoint,t as drawPoint,e as selectPoint};

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/point/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/point/index.tsx"],"sourcesContent":["import DrawPointSvg from '@/assets/annotation/toolHotKeyIcon/icon_point_kj.svg'\nimport DrawInvalidPointSvg from '@/assets/annotation/toolHotKeyIcon/icon_pointNull_kj.svg'\nimport SelectedPointSvg from '@/assets/annotation/toolHotKeyIcon/icon_pointActive_kj.svg'\nimport DeletePointSvg from '@/assets/annotation/toolHotKeyIcon/icon_del_kj.svg'\nimport MouseLeftSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg';\nimport MouseRightSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg';\n\nimport {\n backward,\n dargWithRightClick,\n forward,\n // fullScreen,\n restore,\n revoke,\n rotate,\n scale,\n tabChangeSelected,\n tabReverseChangeSelected,\n} from '../common';\n\nexport const drawPoint = {\n name: 'AnnotatePoint',\n icon: DrawPointSvg,\n shortCut: [MouseLeftSvg],\n};\n\nexport const drawInvalidPoint = {\n name: 'AnnotateInvalidPoint',\n icon: DrawInvalidPointSvg,\n shortCut: ['Ctrl', MouseLeftSvg],\n};\n\nexport const selectPoint = {\n name: 'SelectPoint',\n icon: SelectedPointSvg,\n shortCut: [MouseRightSvg],\n noticeInfo: 'RightClick',\n};\n\nexport const deletePoint = {\n name: 'DeletePoint',\n icon: DeletePointSvg,\n shortCut: ['Del'],\n};\n\nconst pointToolShortCutTable = [\n drawPoint,\n drawInvalidPoint,\n selectPoint,\n deletePoint,\n\n revoke,\n restore,\n rotate,\n scale,\n // fullScreen,\n backward,\n forward,\n dargWithRightClick,\n tabChangeSelected,\n tabReverseChangeSelected,\n];\nexport default pointToolShortCutTable;\n"],"names":["DrawPointSvg","MouseLeftSvg","DrawInvalidPointSvg","SelectedPointSvg","MouseRightSvg","DeletePointSvg"],"mappings":";;;;;;;;MAoBa,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,MAAMA;AAAA,EACN,UAAU,CAACC;AAAA;MAGA,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,UAAU,CAAC,QAAQD;AAAA;MAGR,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,MAAME;AAAA,EACN,UAAU,CAACC;AAAA,EACX,YAAY;AAAA;MAGD,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,UAAU,CAAC;AAAA;MAGP,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;;;;"}

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/polygon/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import y from"../../../../../../assets/annotation/toolHotKeyIcon/icon_line_kj.svg.js";import p from"../../../../../../assets/annotation/toolHotKeyIcon/icon_polygonNull_kj.svg.js";import _ from"../../../../../../assets/annotation/toolHotKeyIcon/icon_polygonActive_kj.svg.js";import f from"../../../../../../assets/annotation/toolHotKeyIcon/icon_polygonChange_kj.svg.js";import t from"../../../../../../assets/annotation/toolHotKeyIcon/icon_polygonDel_kj.svg.js";import o from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg.js";import n from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg.js";import j from"../../../../../../assets/annotation/toolHotKeyIcon/icon_lineCont_kj.svg.js";import C from"../../../../../../assets/annotation/toolHotKeyIcon/icon_polygonInsert_kj.svg.js";import u from"../../../../../../assets/annotation/toolHotKeyIcon/icon_unGrip_kj.svg.js";import{revoke as h,restore as d,rotate as k,scale as I,backward as v,forward as P,setValid as H,dargWithRightClick as K,dargWithLeftClick as b,tabChangeSelected as A,tabReverseChangeSelected as $}from"../common/index.js";const e={name:"AnnotatePolygon",icon:y,shortCut:[o]},s={name:"AnnotateInvalidPolygon",icon:p,shortCut:["Ctrl",o]},i={name:"SelectPolygon",icon:_,shortCut:[n],noticeInfo:"RightClick"},a={name:"TogglePolygonEffectiveness",icon:f,shortCut:["F"]},l={name:"DeletePolygon",icon:t,shortCut:["Del"]},c={name:"ContinueToLabel",icon:j,shortCut:["Space"]},r={name:"InsertPoint",icon:C,noticeInfo:"SelectAndDoubleClick",shortCut:[o]},g={name:"DeletePoint",icon:t,noticeInfo:"SelectAndDoubleClick",shortCut:[n]},m={name:"StopAdsorption",icon:u,noticeInfo:"Press",shortCut:["Alt"]},S=[e,s,i,a,l,c,r,g,m,h,d,k,I,v,P,H,K,b,A,$];export{a as changePolygonAttribute,S as default,l as deletePolygon,g as deletePolygonPoint,r as insertPolygonPoint,s as invalidPolygon,c as keepLine,e as polygon,i as selectedPolygon,m as suspendAbsorption};

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/polygon/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/polygon/index.tsx"],"sourcesContent":["import DrawPolygonSvg from '@/assets/annotation/toolHotKeyIcon/icon_line_kj.svg'\nimport DrawInvalidPolygonSvg from '@/assets/annotation/toolHotKeyIcon/icon_polygonNull_kj.svg'\nimport SelectedPolygonSvg from '@/assets/annotation/toolHotKeyIcon/icon_polygonActive_kj.svg'\nimport ChangePolygonAttribute from '@/assets/annotation/toolHotKeyIcon/icon_polygonChange_kj.svg'\nimport DeletePolygonSvg from '@/assets/annotation/toolHotKeyIcon/icon_polygonDel_kj.svg'\nimport MouseLeftSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg'\nimport MouseRightSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg';\n\nimport IconLineContKj from '@/assets/annotation/toolHotKeyIcon/icon_lineCont_kj.svg';\nimport IconPolygonInsertKj from '@/assets/annotation/toolHotKeyIcon/icon_polygonInsert_kj.svg';\nimport IconUnGripKj from '@/assets/annotation/toolHotKeyIcon/icon_unGrip_kj.svg';\nimport IconPointSpecialKj from '@/assets/annotation/toolHotKeyIcon/icon_pointSpecial_kj.svg';\nimport IconSegment from '@/assets/annotation/toolHotKeyIcon/icon_segment.svg';\nimport IconAI from '@/assets/annotation/toolHotKeyIcon/icon_AI.svg';\nimport IconSwapOutlined from '@/assets/annotation/toolHotKeyIcon/icon_swap_outlined.svg';\n\nimport {\n backward,\n dargWithRightClick,\n forward,\n // fullScreen,\n restore,\n revoke,\n rotate,\n setValid,\n scale,\n tabChangeSelected,\n tabReverseChangeSelected,\n // attributeClickLock,\n // attributeLock,\n // copyBackwardResult,\n // hidden,\n // changeSpecialLine,\n // saveResult,\n dargWithLeftClick\n} from '../common';\n\nexport const polygon = {\n name: 'AnnotatePolygon',\n icon: DrawPolygonSvg,\n shortCut: [MouseLeftSvg],\n};\n\nexport const invalidPolygon = {\n name: 'AnnotateInvalidPolygon',\n icon: DrawInvalidPolygonSvg,\n shortCut: ['Ctrl', MouseLeftSvg],\n};\n\nexport const selectedPolygon = {\n name: 'SelectPolygon',\n icon: SelectedPolygonSvg,\n shortCut: [MouseRightSvg],\n noticeInfo: 'RightClick',\n};\n\nexport const changePolygonAttribute = {\n name: 'TogglePolygonEffectiveness',\n icon: ChangePolygonAttribute,\n shortCut: ['F'],\n};\n\nexport const deletePolygon = {\n name: 'DeletePolygon',\n icon: DeletePolygonSvg,\n shortCut: ['Del'],\n};\n\nexport const keepLine = {\n name: 'ContinueToLabel',\n icon: IconLineContKj,\n shortCut: ['Space'],\n};\n\nexport const insertPolygonPoint = {\n name: 'InsertPoint',\n icon: IconPolygonInsertKj,\n noticeInfo: 'SelectAndDoubleClick',\n shortCut: [MouseLeftSvg],\n};\n\nexport const deletePolygonPoint = {\n name: 'DeletePoint',\n icon: DeletePolygonSvg,\n noticeInfo: 'SelectAndDoubleClick',\n shortCut: [MouseRightSvg],\n};\n\nexport const changeSpecialPoint = {\n name: 'TogglePointParticularity',\n icon: IconPointSpecialKj,\n noticeInfo: '',\n shortCut: ['Shift', MouseLeftSvg],\n};\n\nexport const suspendAbsorption = {\n name: 'StopAdsorption',\n icon: IconUnGripKj,\n noticeInfo: 'Press',\n shortCut: ['Alt'],\n};\n\nexport const segment = {\n name: 'CropOverlapArea',\n icon: IconSegment,\n noticeInfo: '',\n shortCut: ['ALT', 'X'],\n};\n\nexport const segmentByAlgorithm = {\n name: 'SegmentationRecognition',\n icon: IconAI,\n noticeInfo: '',\n shortCut: ['Q'],\n};\n\nexport const changeRenderPattern = {\n name: 'SwitchPattern',\n icon: IconSwapOutlined,\n noticeInfo: '',\n shortCut: ['U'],\n};\n\nconst pointToolShortCutTable = [\n // saveResult,\n polygon,\n invalidPolygon,\n selectedPolygon,\n changePolygonAttribute,\n deletePolygon,\n keepLine,\n insertPolygonPoint,\n deletePolygonPoint,\n // changeSpecialPoint,\n // changeSpecialLine,\n suspendAbsorption,\n // hidden,\n // segment,\n // segmentByAlgorithm,\n // attributeLock,\n // attributeClickLock,\n revoke,\n restore,\n rotate,\n scale,\n // fullScreen,\n backward,\n forward,\n setValid,\n // copyBackwardResult,\n dargWithRightClick,\n dargWithLeftClick,\n tabChangeSelected,\n tabReverseChangeSelected,\n // changeRenderPattern,\n];\nexport default pointToolShortCutTable;\n"],"names":["DrawPolygonSvg","MouseLeftSvg","DrawInvalidPolygonSvg","SelectedPolygonSvg","MouseRightSvg","ChangePolygonAttribute","DeletePolygonSvg","IconLineContKj","IconPolygonInsertKj","IconUnGripKj"],"mappings":";;;;;;;;;;;;MAqCa,UAAU;AAAA,EACrB,MAAM;AAAA,EACN,MAAMA;AAAA,EACN,UAAU,CAACC;AAAA;MAGA,iBAAiB;AAAA,EAC5B,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,UAAU,CAAC,QAAQD;AAAA;MAGR,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAME;AAAA,EACN,UAAU,CAACC;AAAA,EACX,YAAY;AAAA;MAGD,yBAAyB;AAAA,EACpC,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,UAAU,CAAC;AAAA;MAGA,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,UAAU,CAAC;AAAA;MAGA,WAAW;AAAA,EACtB,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,UAAU,CAAC;AAAA;MAGA,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,YAAY;AAAA,EACZ,UAAU,CAACP;AAAA;MAGA,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,MAAMK;AAAA,EACN,YAAY;AAAA,EACZ,UAAU,CAACF;AAAA;MAUA,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,MAAMK;AAAA,EACN,YAAY;AAAA,EACZ,UAAU,CAAC;AAAA;MAwBP,yBAAyB;AAAA,EAE7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EAMA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;;;;"}

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/rectToolShortCutTable/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import m from"../../../../../../assets/annotation/toolHotKeyIcon/icon_frame_kj.svg.js";import l from"../../../../../../assets/annotation/toolHotKeyIcon/icon_frameNull_kj.svg.js";import o from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg.js";import g from"../../../../../../assets/annotation/toolHotKeyIcon/icon_frameActive_kj.svg.js";import t from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg.js";import e from"../../../../../../assets/annotation/toolHotKeyIcon/icon_frameChange_kj.svg.js";import f from"../../../../../../assets/annotation/toolHotKeyIcon/icon_del_kj.svg.js";import{revoke as d,restore as h,rotate as _,scale as j,backward as C,forward as v,dargWithRightClick as k,tabChangeSelected as R,tabReverseChangeSelected as u}from"../common/index.js";const n={name:"AnnotateRect",icon:m,shortCut:[o,o]},s={name:"AnnotateInvalidRect",icon:l,shortCut:[o,"Ctrl",o]},c={name:"SelectRect",icon:g,shortCut:[t],noticeInfo:"RightClick"},a={name:"ToggleRectEffectiveness",icon:e,shortCut:["F"]},i={name:"ToggleRectEffectiveness",icon:e,shortCut:["Ctrl",o]},r={name:"DeleteRect",icon:f,shortCut:[t],noticeInfo:"SelectAndDoubleClick"},I=[n,s,c,a,i,r,d,h,_,j,C,v,k,R,u];export{a as changeValid,i as changeValidByClick,I as default,r as deleteRect,s as drawInvalidRect,n as drawRect,c as selectRect};

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/rectToolShortCutTable/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/rectToolShortCutTable/index.tsx"],"sourcesContent":["import DrawRectSvg from '@/assets/annotation/toolHotKeyIcon/icon_frame_kj.svg';\nimport DrawInvalidRectSvg from '@/assets/annotation/toolHotKeyIcon/icon_frameNull_kj.svg';\nimport MouseLeftSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg';\nimport SelectedRectSvg from '@/assets/annotation/toolHotKeyIcon/icon_frameActive_kj.svg';\nimport MouseRightSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg';\nimport ChangeValidSvg from '@/assets/annotation/toolHotKeyIcon/icon_frameChange_kj.svg';\nimport DeleteRectSvg from '@/assets/annotation/toolHotKeyIcon/icon_del_kj.svg';\nimport {\n backward,\n dargWithRightClick,\n forward,\n // fullScreen,\n restore,\n revoke,\n rotate,\n scale,\n tabChangeSelected,\n tabReverseChangeSelected,\n} from '../common';\n\nexport const drawRect = {\n name: 'AnnotateRect',\n icon: DrawRectSvg,\n shortCut: [MouseLeftSvg, MouseLeftSvg],\n};\n\nexport const drawInvalidRect = {\n name: 'AnnotateInvalidRect',\n icon: DrawInvalidRectSvg,\n shortCut: [MouseLeftSvg, 'Ctrl', MouseLeftSvg],\n};\n\nexport const selectRect = {\n name: 'SelectRect',\n icon: SelectedRectSvg,\n shortCut: [MouseRightSvg],\n noticeInfo: 'RightClick',\n};\n\nexport const changeValid = {\n name: 'ToggleRectEffectiveness',\n icon: ChangeValidSvg,\n shortCut: ['F'],\n};\n\nexport const changeValidByClick = {\n name: 'ToggleRectEffectiveness',\n icon: ChangeValidSvg,\n shortCut: ['Ctrl', MouseLeftSvg],\n};\n\nexport const deleteRect = {\n name: 'DeleteRect',\n icon: DeleteRectSvg,\n shortCut: [MouseRightSvg],\n noticeInfo: 'SelectAndDoubleClick',\n};\n\nconst rectToolShortcutTable = [\n drawRect,\n drawInvalidRect,\n selectRect,\n changeValid,\n changeValidByClick,\n deleteRect,\n revoke,\n restore,\n rotate,\n scale,\n // fullScreen,\n backward,\n forward,\n // setValid,\n // copyBackwardResult,\n dargWithRightClick,\n // dargWithLeftClick,\n tabChangeSelected,\n tabReverseChangeSelected,\n];\nexport default rectToolShortcutTable;\n"],"names":["DrawRectSvg","MouseLeftSvg","DrawInvalidRectSvg","SelectedRectSvg","MouseRightSvg","ChangeValidSvg","DeleteRectSvg"],"mappings":";;;;;;;;;MAoBa,WAAW;AAAA,EACtB,MAAM;AAAA,EACN,MAAMA;AAAA,EACN,UAAU,CAACC,OAAcA;AAAA;MAGd,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,UAAU,CAACD,OAAc,QAAQA;AAAA;MAGtB,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,MAAME;AAAA,EACN,UAAU,CAACC;AAAA,EACX,YAAY;AAAA;MAGD,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,MAAMC;AAAA,EACN,UAAU,CAAC;AAAA;MAGA,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,MAAMA;AAAA,EACN,UAAU,CAAC,QAAQJ;AAAA;MAGR,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,MAAMK;AAAA,EACN,UAAU,CAACF;AAAA,EACX,YAAY;AAAA;MAGR,wBAAwB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAGA;AAAA,EAEA;AAAA,EACA;AAAA;;;;"}

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/tag/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import o from"../../../../../../assets/annotation/toolHotKeyIcon/icon_tag_kj.svg.js";import{rotate as a,scale as i,backward as n,forward as g,dargWithRightClick as r,dargWithLeftClick as e}from"../common/index.js";const t={name:"Tagging",icon:o,shortCut:[1,9]},s=[t,a,i,n,g,r,e];export{s as default,t as tagInSingleImg};

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/tag/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/tag/index.ts"],"sourcesContent":["import iconTagKj from '@/assets/annotation/toolHotKeyIcon/icon_tag_kj.svg'\n\nimport {\n backward,\n dargWithLeftClick,\n dargWithRightClick,\n forward,\n // fullScreen,\n rotate,\n // saveResult,\n scale,\n // setValid,\n} from '../common';\n\nexport const tagInSingleImg: any = {\n name: 'Tagging',\n icon: iconTagKj,\n shortCut: [1, 9],\n};\n\n// 单图\nconst tagToolSingleShortCutTable = [\n // saveResult,\n tagInSingleImg,\n rotate,\n // fullScreen,\n scale,\n // setValid,\n backward,\n forward,\n dargWithRightClick,\n dargWithLeftClick,\n];\nexport default tagToolSingleShortCutTable;\n\n"],"names":["iconTagKj"],"mappings":";;;MAca,iBAAsB;AAAA,EACjC,MAAM;AAAA,EACN,MAAMA;AAAA,EACN,UAAU,CAAC,GAAG;AAAA;MAIV,6BAA6B;AAAA,EAEjC;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;;;;"}

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/text/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{saveResult as t,scale as e,rotate as a,fullScreen as o,setValid as r,backward as l,forward as i,dargWithRightClick as c,dargWithLeftClick as d}from"../common/index.js";const s=[t,e,a,o,r,l,i,c,d];export{s as default};

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/text/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/text/index.ts"],"sourcesContent":["import {\n backward,\n dargWithLeftClick,\n dargWithRightClick,\n forward,\n fullScreen,\n rotate,\n saveResult,\n scale,\n setValid,\n} from '../common';\n\nconst textToolShortCutTable = [\n saveResult,\n scale,\n rotate,\n fullScreen,\n setValid,\n backward,\n forward,\n dargWithRightClick,\n dargWithLeftClick,\n];\n\nexport default textToolShortCutTable;\n"],"names":[],"mappings":";;MAYM,wBAAwB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;;;;"}

package/es/views/MainView/toolFooter/FooterTips/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import e from"react";import t from"./ToolHotKey/index.js";const o=()=>e.createElement("div",{className:"tipsBar"},e.createElement(t,null));export{o as default};

package/es/views/MainView/toolFooter/FooterTips/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolFooter/FooterTips/index.tsx"],"sourcesContent":["import React from 'react';\nimport ToolHotKey from './ToolHotKey';\n\nconst FooterTips: React.FC = () => (\n <div className=\"tipsBar\">\n <ToolHotKey />\n </div>\n);\n\nexport default FooterTips;\n"],"names":[],"mappings":";;;MAGM,aAAuB,0CAC1B,OAAD;AAAA,EAAK,WAAU;AAAA,uCACZ,YAAD;;;;"}

package/es/views/MainView/toolFooter/HiddenTips/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import n,{useState as i,useEffect as s}from"react";import{connect as c}from"react-redux";import{Divider as d}from"antd/es";import{useTranslation as l}from"react-i18next";const u=t=>{const{toolInstance:e}=t,[m,r]=i(0),{t:o}=l();return s(()=>{e&&e.singleOn("hiddenChange",()=>{r(a=>a+1)})},[e]),e&&e.isHidden?n.createElement("span",null,o("HideDrawnAnnotation"),n.createElement(d,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}})):null},p=t=>{var e;return{toolInstance:(e=t.annotation)==null?void 0:e.toolInstance}};var f=c(p)(u);export{f as default};

package/es/views/MainView/toolFooter/HiddenTips/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolFooter/HiddenTips/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { AppState } from '@/store';\nimport { connect } from 'react-redux';\nimport { ToolInstance } from '@/store/annotation/types';\nimport { Divider } from 'antd/es';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n toolInstance: ToolInstance;\n}\n\nconst HiddenTips = (props: IProps) => {\n const { toolInstance } = props;\n const [_, forceRender] = useState(0);\n const { t } = useTranslation();\n\n useEffect(() => {\n if (toolInstance) {\n toolInstance.singleOn('hiddenChange', () => {\n forceRender((s) => s + 1);\n });\n }\n }, [toolInstance]);\n\n if (!toolInstance) {\n return null;\n }\n\n const isHidden = toolInstance.isHidden;\n\n if (isHidden) {\n return (\n <span>\n {t('HideDrawnAnnotation')}\n <Divider type='vertical' style={{ background: 'rgba(153, 153, 153, 1)', height: '16px' }} />\n </span>\n );\n }\n\n return null;\n};\n\nconst mapStateToProps = (state: AppState) => {\n return {\n toolInstance: state.annotation?.toolInstance,\n };\n};\n\nexport default connect(mapStateToProps)(HiddenTips);\n"],"names":[],"mappings":";;;;;AAWA,MAAM,aAAa,CAAC,UAAkB;AACpC,QAAM,CAAE,gBAAiB;AACzB,QAAM,CAAC,GAAG,eAAe,SAAS;AAClC,QAAM,CAAE,KAAM;AAEd,YAAU,MAAM;AACd,QAAI,cAAc;AAChB,mBAAa,SAAS,gBAAgB,MAAM;AAC1C,oBAAY,CAAC,MAAM,IAAI;AAAA;AAAA;AAAA,KAG1B,CAAC;AAEJ,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA;AAGT,QAAM,WAAW,aAAa;AAE9B,MAAI,UAAU;AACZ,+CACG,QAAD,MACG,EAAE,4DACF,SAAD;AAAA,MAAS,MAAK;AAAA,MAAW,OAAO,CAAE,YAAY,0BAA0B,QAAQ;AAAA;AAAA;AAKtF,SAAO;AAAA;AAGT,MAAM,kBAAkB,CAAC,UAAoB;AA1C7C;AA2CE,SAAO;AAAA,IACL,cAAc,YAAM,eAAN,mBAAkB;AAAA;AAAA;AAIpC,mBAAe,QAAQ,iBAAiB;;;;"}

package/es/views/MainView/toolFooter/PageNumber/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import a,{useState as u,useEffect as s}from"react";import{connect as i}from"react-redux";import{Divider as m}from"antd/es";import{useTranslation as f}from"react-i18next";const p=n=>{var t;const{toolInstance:e}=n,[v,o]=u(0),{t:l}=f();if(s(()=>{e&&e.singleOn("updatePageNumber",()=>{o(c=>c+1)})},[e]),!e)return null;const r=(t=e==null?void 0:e.currentPageResult)==null?void 0:t.length;return r>=0?a.createElement("span",null,`${l("ItemsOfThisPage")}: ${r}`,a.createElement(m,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}})):null},d=n=>{var t;return{toolInstance:(t=n.annotation)==null?void 0:t.toolInstance}};var g=i(d)(p);export{g as default};

package/es/views/MainView/toolFooter/PageNumber/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolFooter/PageNumber/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { AppState } from '@/store';\nimport { connect } from 'react-redux';\nimport { GraphToolInstance } from '@/store/annotation/types';\nimport { Divider } from 'antd/es';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n toolInstance: GraphToolInstance;\n}\n\nconst PageNumber = (props: IProps) => {\n const { toolInstance } = props;\n const [_, forceRender] = useState(0);\n const { t } = useTranslation();\n useEffect(() => {\n if (toolInstance) {\n toolInstance.singleOn('updatePageNumber', () => {\n forceRender((s) => s + 1);\n });\n }\n }, [toolInstance]);\n\n if (!toolInstance) {\n return null;\n }\n\n const count = toolInstance?.currentPageResult?.length;\n if (count >= 0) {\n return (\n <span>\n {`${t('ItemsOfThisPage')}: ${count}`}\n <Divider type='vertical' style={{ background: 'rgba(153, 153, 153, 1)', height: '16px' }} />\n </span>\n );\n }\n\n return null;\n};\n\nconst mapStateToProps = (state: AppState) => {\n return {\n toolInstance: state.annotation?.toolInstance,\n };\n};\n\nexport default connect(mapStateToProps)(PageNumber);\n"],"names":[],"mappings":";;;;;AAWA,MAAM,aAAa,CAAC,UAAkB;AAXtC;AAYE,QAAM,CAAE,gBAAiB;AACzB,QAAM,CAAC,GAAG,eAAe,SAAS;AAClC,QAAM,CAAE,KAAM;AACd,YAAU,MAAM;AACd,QAAI,cAAc;AAChB,mBAAa,SAAS,oBAAoB,MAAM;AAC9C,oBAAY,CAAC,MAAM,IAAI;AAAA;AAAA;AAAA,KAG1B,CAAC;AAEJ,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA;AAGT,QAAM,QAAQ,mDAAc,sBAAd,mBAAiC;AAC/C,MAAI,SAAS,GAAG;AACd,+CACG,QAAD,MACG,GAAG,EAAE,uBAAuB,6CAC5B,SAAD;AAAA,MAAS,MAAK;AAAA,MAAW,OAAO,CAAE,YAAY,0BAA0B,QAAQ;AAAA;AAAA;AAKtF,SAAO;AAAA;AAGT,MAAM,kBAAkB,CAAC,UAAoB;AAxC7C;AAyCE,SAAO;AAAA,IACL,cAAc,YAAM,eAAN,mBAAkB;AAAA;AAAA;AAIpC,mBAAe,QAAQ,iBAAiB;;;;"}

package/es/views/MainView/toolFooter/ZoomController/ZoomLevel/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import m,{useEffect as n}from"react";import{connect as s}from"react-redux";import c from"../../../../../hooks/useSafeSate.js";const f=({toolInstance:e})=>{var o;const[,t]=c(0);n(()=>{e&&e.singleOn("renderZoom",()=>{t(a=>a+1)})},[e]);const r=(o=e==null?void 0:e.zoom)!=null?o:1;return m.createElement("span",{className:"zoomValue"},(r*100).toFixed(1),"%")},l=e=>({toolInstance:e.annotation.toolInstance});var u=s(l)(f);export{u as default};

package/es/views/MainView/toolFooter/ZoomController/ZoomLevel/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/views/MainView/toolFooter/ZoomController/ZoomLevel/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { AppState } from '@/store';\nimport { ToolInstance } from '@/store/annotation/types';\nimport { connect } from 'react-redux';\nimport useSafeState from '@/hooks/useSafeSate';\n\ninterface IProps {\n toolInstance: ToolInstance;\n}\n\nconst ZoomLevel: React.FC<IProps> = ({ toolInstance }) => {\n const [, forceRender] = useSafeState<number>(0);\n useEffect(() => {\n if (toolInstance) {\n // 这里会有内存泄漏的问题 useSafeState 用这个解决下\n toolInstance.singleOn('renderZoom', () => {\n forceRender((s) => s + 1);\n });\n }\n }, [toolInstance]);\n\n const zoom = toolInstance?.zoom ?? 1;\n\n return (\n <span className=\"zoomValue\">\n {(zoom * 100).toFixed(1)}\n %\n </span>\n );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n toolInstance: state.annotation.toolInstance,\n});\n\nexport default connect(mapStateToProps)(ZoomLevel);\n"],"names":[],"mappings":";;;;AAUA,MAAM,YAA8B,CAAC,CAAE,kBAAmB;AAV1D;AAWE,QAAM,GAAG,eAAe,aAAqB;AAC7C,YAAU,MAAM;AACd,QAAI,cAAc;AAEhB,mBAAa,SAAS,cAAc,MAAM;AACxC,oBAAY,CAAC,MAAM,IAAI;AAAA;AAAA;AAAA,KAG1B,CAAC;AAEJ,QAAM,OAAO,mDAAc,SAAd,YAAsB;AAEnC,6CACG,QAAD;AAAA,IAAM,WAAU;AAAA,KACZ,QAAO,KAAK,QAAQ,IAAG;AAAA;AAM/B,MAAM,kBAAkB,CAAC;AAAqB,EAC5C,cAAc,MAAM,WAAW;AAAA;AAGjC,kBAAe,QAAQ,iBAAiB;;;;"}

package/es/views/MainView/toolFooter/ZoomController/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import o from"react";import l from"../../../../assets/annotation/common/icon_adapt.svg.js";import i from"../../../../assets/annotation/common/icon_adapt_black.svg.js";import{MinusOutlined as r,PlusOutlined as s}from"@ant-design/icons";import{connect as c}from"react-redux";import p from"./ZoomLevel/index.js";import{footerCls as t}from"../index.js";const d=({toolInstance:e,mode:a})=>{const m=()=>{e.initImgPos()};let n=l;return a==="light"&&(n=i),o.createElement("div",null,o.createElement("span",{className:`${t}__zoomController`},o.createElement(r,{className:`${t}__highlight`,onClick:()=>{e.zoomChanged(!1)}}),o.createElement("span",{className:`${t}__zoomText`,onClick:m},o.createElement("img",{src:n,className:"adaptIcon"}),o.createElement(p,null)),o.createElement(s,{className:`${t}__highlight`,onClick:()=>{e.zoomChanged(!0)}})))},g=e=>({toolInstance:e.annotation.toolInstance});var f=c(g)(d);export{f as default};

package/es/views/MainView/toolFooter/ZoomController/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolFooter/ZoomController/index.tsx"],"sourcesContent":["import React from 'react';\nimport adaptIcon from '@/assets/annotation/common/icon_adapt.svg';\nimport adaptIconBlack from '@/assets/annotation/common/icon_adapt_black.svg';\nimport {\n MinusOutlined,\n PlusOutlined,\n} from '@ant-design/icons';\nimport { AppState } from '@/store';\nimport { ToolInstance } from '@/store/annotation/types';\nimport { connect } from 'react-redux';\nimport ZoomLevel from './ZoomLevel';\nimport { footerCls } from '../index';\n\ninterface IProps {\n toolInstance: ToolInstance\n mode?: 'light' | 'dark'\n}\n\nconst ZoomController: React.FC<IProps> = ({ toolInstance, mode }) => {\n const initialPosition = () => {\n toolInstance.initImgPos();\n };\n\n let defaultIcon = adaptIcon;\n \n if (mode === 'light') {\n defaultIcon = adaptIconBlack;\n }\n\n return <div>\n <span className={`${footerCls}__zoomController`}>\n <MinusOutlined\n className={`${footerCls}__highlight`}\n onClick={() => {\n toolInstance.zoomChanged(false);\n }}\n />\n <span className={`${footerCls}__zoomText`} onClick={initialPosition}>\n <img src={defaultIcon} className='adaptIcon' />\n <ZoomLevel />\n </span>\n <PlusOutlined\n className={`${footerCls}__highlight`}\n onClick={() => {\n toolInstance.zoomChanged(true);\n }}\n />\n </span>\n </div>\n}\n\nconst mapStateToProps = (state: AppState) => ({\n toolInstance: state.annotation.toolInstance,\n});\n\nexport default connect(mapStateToProps)(ZoomController);\n"],"names":["adaptIcon","adaptIconBlack"],"mappings":";;;;;;;;AAkBA,MAAM,iBAAmC,CAAC,CAAE,cAAc,UAAW;AACnE,QAAM,kBAAkB,MAAM;AAC5B,iBAAa;AAAA;AAGf,MAAI,cAAcA;AAElB,MAAI,SAAS,SAAS;AACpB,kBAAcC;AAAA;AAGhB,6CAAQ,OAAD,0CACJ,QAAD;AAAA,IAAM,WAAW,GAAG;AAAA,yCACjB,eAAD;AAAA,IACE,WAAW,GAAG;AAAA,IACd,SAAS,MAAM;AACb,mBAAa,YAAY;AAAA;AAAA,0CAG5B,QAAD;AAAA,IAAM,WAAW,GAAG;AAAA,IAAuB,SAAS;AAAA,yCACjD,OAAD;AAAA,IAAK,KAAK;AAAA,IAAa,WAAU;AAAA,0CAChC,WAAD,4CAED,cAAD;AAAA,IACE,WAAW,GAAG;AAAA,IACd,SAAS,MAAM;AACb,mBAAa,YAAY;AAAA;AAAA;AAAA;AAOnC,MAAM,kBAAkB,CAAC;AAAqB,EAC5C,cAAc,MAAM,WAAW;AAAA;AAGjC,uBAAe,QAAQ,iBAAiB;;;;"}

package/es/views/MainView/toolFooter/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as v,useRef as b,useEffect as P}from"react";import{Input as j,Divider as k}from"antd/es";import{LeftOutlined as S,RightOutlined as T}from"@ant-design/icons";import{connect as _,useDispatch as w}from"react-redux";import{getTotalPage as C}from"../../../store/annotation/reducer.js";import F from"./HiddenTips/index.js";import N from"./PageNumber/index.js";import $ from"./ZoomController/index.js";import y from"./FooterTips/index.js";import{prefix as L}from"../../../constant/index.js";import{PageBackward as R,PageForward as D,PageJump as J}from"../../../store/annotation/actionCreators.js";import{useTranslation as H}from"react-i18next";const u=t=>{const{jumpSkip:i,imgIndex:a}=t,[l,r]=v(a),c=b(null);P(()=>{r(a+1)},[a]);const m=n=>{/^\d*$/.test(n.target.value)&&r(n.target.value)},s=n=>{n.keyCode===13&&i(n.target.value)};return e.createElement(j,{className:"pageInput",ref:c,onChange:m,value:l,onKeyDown:s})},o=`${L}-footer`,d=()=>e.createElement(k,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}}),B=t=>{var i;const{stepList:a,step:l,basicResultList:r,basicIndex:c,mode:m}=t,s=w(),{t:n}=H(),p=(i=a[l-1])!=null?i:{},g=()=>{s(R())},f=()=>{s(D())},x=I=>{const h=~~I-1;s(J(h))},E=!!p.dataSourceStep;return e.createElement("div",{className:`${o}`,style:t.style},e.createElement(y,null),e.createElement("div",{style:{flex:1}}),e.createElement(F,null),e.createElement(N,null),e.createElement("div",{className:`${o}__pagination`},e.createElement(S,{className:`${o}__highlight`,onClick:g}),e.createElement(u,{imgIndex:t.imgIndex,jumpSkip:x}),"/",e.createElement("span",{className:`${o}__pageAll`},t.totalPage),e.createElement(T,{className:`${o}__highlight`,onClick:f})),E&&r.length>0&&e.createElement(e.Fragment,null,e.createElement(d,null),e.createElement("span",null,n("curItems",{current:c+1,total:r.length}))),e.createElement(d,null),e.createElement($,{mode:m}))},O=t=>({totalPage:C(t.annotation),imgIndex:t.annotation.imgIndex,stepList:t.annotation.stepList,step:t.annotation.step,basicIndex:t.annotation.basicIndex,basicResultList:t.annotation.basicResultList});var Z=_(O)(B);export{u as PageInput,Z as default,o as footerCls};

package/es/views/MainView/toolFooter/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/views/MainView/toolFooter/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { Divider, Input } from 'antd/es';\nimport { LeftOutlined, RightOutlined } from '@ant-design/icons';\nimport { AppState } from '@/store';\nimport { connect, useDispatch } from 'react-redux';\nimport { getTotalPage } from '@/store/annotation/reducer';\nimport HiddenTips from './HiddenTips';\nimport PageNumber from './PageNumber';\nimport ZoomController from './ZoomController';\nimport FooterTips from './FooterTips';\nimport { prefix } from '@/constant';\nimport { PageBackward, PageForward, PageJump } from '@/store/annotation/actionCreators';\nimport { IStepInfo } from '@/types/step';\nimport { useTranslation } from 'react-i18next';\n\ninterface IPageProps {\n jumpSkip: Function;\n imgIndex: number;\n}\n\nexport const PageInput = (props: IPageProps) => {\n const { jumpSkip, imgIndex } = props;\n const [newIndex, setIndex] = useState(imgIndex);\n const inputEl = useRef(null);\n\n useEffect(() => {\n setIndex(imgIndex + 1);\n }, [imgIndex]);\n\n const newHandleJump = (e: any) => {\n const reg = /^\\d*$/;\n if (reg.test(e.target.value)) {\n setIndex(e.target.value);\n }\n };\n\n const newJumpSkip = (e: any) => {\n if (e.keyCode === 13) {\n jumpSkip(e.target.value);\n // inputEl?.current?.blur();\n }\n };\n\n return (\n <Input\n className='pageInput'\n ref={inputEl}\n onChange={newHandleJump}\n value={newIndex}\n onKeyDown={newJumpSkip}\n />\n );\n};\n\ninterface IProps {\n totalPage: number;\n imgIndex: number;\n style?: { [key: string]: any };\n stepList: IStepInfo[];\n step: number;\n basicResultList: any[];\n basicIndex: number;\n mode?: 'light' | 'dark'; // 后面通过 context 的形式进行编写\n}\n\nexport const footerCls = `${prefix}-footer`;\n\nconst FooterDivider = () => (\n <Divider type='vertical' style={{ background: 'rgba(153, 153, 153, 1)', height: '16px' }} />\n);\n\nconst ToolFooter: React.FC<IProps> = (props: IProps) => {\n const { stepList, step, basicResultList, basicIndex, mode } = props;\n const dispatch = useDispatch();\n\n const { t } = useTranslation();\n\n const stepInfo = stepList[step - 1] ?? {};\n\n const pageBackward = () => {\n dispatch(PageBackward());\n };\n\n const pageForward = () => {\n dispatch(PageForward());\n };\n\n const pageJump = (page: string) => {\n const imgIndex = ~~page - 1;\n dispatch(PageJump(imgIndex));\n };\n\n const hasSourceStep = !!stepInfo.dataSourceStep;\n\n return (\n <div className={`${footerCls}`} style={props.style}>\n <FooterTips />\n <div style={{ flex: 1 }} />\n <HiddenTips />\n <PageNumber />\n {/* {\n <>\n <span className='progress'>进度{((1 * 100) / 1).toFixed(2)}%</span>\n {<FooterDivider />}\n </>\n } */}\n\n <div className={`${footerCls}__pagination`}>\n <LeftOutlined className={`${footerCls}__highlight`} onClick={pageBackward} />\n <PageInput imgIndex={props.imgIndex} jumpSkip={pageJump} />/\n <span className={`${footerCls}__pageAll`}>{props.totalPage}</span>\n <RightOutlined className={`${footerCls}__highlight`} onClick={pageForward} />\n </div>\n\n {hasSourceStep && basicResultList.length > 0 && (\n <>\n <FooterDivider />\n <span>{t('curItems', { current: basicIndex + 1, total: basicResultList.length })}</span>\n </>\n )}\n\n <FooterDivider />\n <ZoomController mode={mode} />\n </div>\n );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n totalPage: getTotalPage(state.annotation),\n imgIndex: state.annotation.imgIndex,\n stepList: state.annotation.stepList,\n step: state.annotation.step,\n basicIndex: state.annotation.basicIndex,\n basicResultList: state.annotation.basicResultList,\n});\n\nexport default connect(mapStateToProps)(ToolFooter);\n"],"names":[],"mappings":";;;;;;;;;;;;;MAoBa,YAAY,CAAC,UAAsB;AAC9C,QAAM,CAAE,UAAU,YAAa;AAC/B,QAAM,CAAC,UAAU,YAAY,SAAS;AACtC,QAAM,UAAU,OAAO;AAEvB,YAAU,MAAM;AACd,aAAS,WAAW;AAAA,KACnB,CAAC;AAEJ,QAAM,gBAAgB,CAAC,MAAW;AAChC,UAAM,MAAM;AACZ,QAAI,IAAI,KAAK,EAAE,OAAO,QAAQ;AAC5B,eAAS,EAAE,OAAO;AAAA;AAAA;AAItB,QAAM,cAAc,CAAC,MAAW;AAC9B,QAAI,EAAE,YAAY,IAAI;AACpB,eAAS,EAAE,OAAO;AAAA;AAAA;AAKtB,6CACG,OAAD;AAAA,IACE,WAAU;AAAA,IACV,KAAK;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,IACP,WAAW;AAAA;AAAA;MAgBJ,YAAY,GAAG;AAE5B,MAAM,gBAAgB,0CACnB,SAAD;AAAA,EAAS,MAAK;AAAA,EAAW,OAAO,CAAE,YAAY,0BAA0B,QAAQ;AAAA;AAGlF,MAAM,aAA+B,CAAC,UAAkB;AAvExD;AAwEE,QAAM,CAAE,UAAU,MAAM,iBAAiB,YAAY,QAAS;AAC9D,QAAM,WAAW;AAEjB,QAAM,CAAE,KAAM;AAEd,QAAM,WAAW,eAAS,OAAO,OAAhB,YAAsB;AAEvC,QAAM,eAAe,MAAM;AACzB,aAAS;AAAA;AAGX,QAAM,cAAc,MAAM;AACxB,aAAS;AAAA;AAGX,QAAM,WAAW,CAAC,SAAiB;AACjC,UAAM,WAAW,CAAC,CAAC,OAAO;AAC1B,aAAS,SAAS;AAAA;AAGpB,QAAM,gBAAgB,CAAC,CAAC,SAAS;AAEjC,6CACG,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,IAAa,OAAO,MAAM;AAAA,yCAC1C,YAAD,2CACC,OAAD;AAAA,IAAK,OAAO,CAAE,MAAM;AAAA,0CACnB,YAAD,2CACC,YAAD,2CAQC,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,yCAChB,cAAD;AAAA,IAAc,WAAW,GAAG;AAAA,IAAwB,SAAS;AAAA,0CAC5D,WAAD;AAAA,IAAW,UAAU,MAAM;AAAA,IAAU,UAAU;AAAA,MAAY,yCAC1D,QAAD;AAAA,IAAM,WAAW,GAAG;AAAA,KAAuB,MAAM,gDAChD,eAAD;AAAA,IAAe,WAAW,GAAG;AAAA,IAAwB,SAAS;AAAA,OAG/D,iBAAiB,gBAAgB,SAAS,mGAEtC,eAAD,2CACC,QAAD,MAAO,EAAE,YAAY,CAAE,SAAS,aAAa,GAAG,OAAO,gBAAgB,gDAI1E,eAAD,2CACC,gBAAD;AAAA,IAAgB;AAAA;AAAA;AAKtB,MAAM,kBAAkB,CAAC;AAAqB,EAC5C,WAAW,aAAa,MAAM;AAAA,EAC9B,UAAU,MAAM,WAAW;AAAA,EAC3B,UAAU,MAAM,WAAW;AAAA,EAC3B,MAAM,MAAM,WAAW;AAAA,EACvB,YAAY,MAAM,WAAW;AAAA,EAC7B,iBAAiB,MAAM,WAAW;AAAA;AAGpC,mBAAe,QAAQ,iBAAiB;;;;"}

package/es/views/MainView/toolHeader/ExportData/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import a from"react";import{Button as e}from"antd/es";import{connect as m}from"react-redux";import{ANNOTATION_ACTIONS as s}from"../../../../store/Actions.js";import{ESubmitType as c}from"../../../../constant/index.js";import{useTranslation as p}from"react-i18next";const u=({imgList:t,dispatch:n,onSubmit:T,exportData:o})=>{const{t:r}=p();if(!o)return null;const i=()=>{n({type:s.SUBMIT_FILE_DATA,payload:{submitType:c.Export}}),o&&o(t)};return a.createElement(e,{style:{marginLeft:20},onClick:i},r("Export"))},f=t=>({toolInstance:t.annotation.toolInstance,imgList:t.annotation.imgList,onSubmit:t.annotation.onSubmit});var l=m(f)(u);export{l as default};

package/es/views/MainView/toolHeader/ExportData/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolHeader/ExportData/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from 'antd/es';\nimport { AppState } from '@/store';\nimport { ToolInstance } from '@/store/annotation/types';\nimport { connect } from 'react-redux';\nimport { IFileItem, OnSubmit } from '@/types/data';\nimport { ANNOTATION_ACTIONS } from '@/store/Actions';\nimport { ESubmitType } from '@/constant';\nimport { Dispatch } from 'redux';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n toolInstance: ToolInstance;\n imgList: IFileItem[];\n onSubmit?: OnSubmit;\n exportData?: (imgList: IFileItem[]) => void;\n dispatch: Dispatch;\n}\n\nconst ExportData: React.FC<IProps> = ({ imgList, dispatch, onSubmit, exportData }) => {\n const { t } = useTranslation();\n\n if (!exportData) {\n return null;\n }\n\n const exportDataFuc = () => {\n dispatch({\n type: ANNOTATION_ACTIONS.SUBMIT_FILE_DATA,\n payload: {\n submitType: ESubmitType.Export,\n },\n });\n\n if (exportData) {\n exportData(imgList);\n }\n };\n\n return (\n <Button style={{ marginLeft: 20 }} onClick={exportDataFuc}>\n {t('Export')}\n </Button>\n );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n toolInstance: state.annotation.toolInstance,\n imgList: state.annotation.imgList,\n onSubmit: state.annotation.onSubmit,\n});\n\nexport default connect(mapStateToProps)(ExportData);\n"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,aAA+B,CAAC,CAAE,SAAS,UAAU,UAAU,gBAAiB;AACpF,QAAM,CAAE,KAAM;AAEd,MAAI,CAAC,YAAY;AACf,WAAO;AAAA;AAGT,QAAM,gBAAgB,MAAM;AAC1B,aAAS;AAAA,MACP,MAAM,mBAAmB;AAAA,MACzB,SAAS;AAAA,QACP,YAAY,YAAY;AAAA;AAAA;AAI5B,QAAI,YAAY;AACd,iBAAW;AAAA;AAAA;AAIf,6CACG,QAAD;AAAA,IAAQ,OAAO,CAAE,YAAY;AAAA,IAAM,SAAS;AAAA,KACzC,EAAE;AAAA;AAKT,MAAM,kBAAkB,CAAC;AAAqB,EAC5C,cAAc,MAAM,WAAW;AAAA,EAC/B,SAAS,MAAM,WAAW;AAAA,EAC1B,UAAU,MAAM,WAAW;AAAA;AAG7B,mBAAe,QAAQ,iBAAiB;;;;"}

package/es/views/MainView/toolHeader/StepSwitch/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{Dropdown as p}from"antd/es";import{OrderedListOutlined as c,CaretDownOutlined as m}from"@ant-design/icons";import t from"react";import{connect as d,useDispatch as l}from"react-redux";import f from"../../../../components/customAntd/IconWithText/index.js";import{prefix as S}from"../../../../constant/index.js";import u from"../../../../components/annotationStepPopover/index.js";import{UpdateProcessingStep as x}from"../../../../store/annotation/actionCreators.js";import{useTranslation as h}from"react-i18next";const E=({stepProgress:e,step:o,stepList:n})=>{const r=l(),{t:s}=h(),a=i=>{r(x(i))};return t.createElement("span",{className:`${S}`},t.createElement(p,{overlay:t.createElement(u,{stepList:n,updateStep:a,currentStep:o})},t.createElement(f,{text:s("Steps"),Icon:c,iconChildren:t.createElement(m,{style:{fontSize:8}})})))},P=e=>({stepList:e.annotation.stepList,step:e.annotation.step});var j=d(P)(E);export{j as default};

package/es/views/MainView/toolHeader/StepSwitch/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolHeader/StepSwitch/index.tsx"],"sourcesContent":["/**\n * 用于多步骤中的切换\n */\n\nimport { Dropdown } from 'antd/es';\nimport { CaretDownOutlined, OrderedListOutlined } from '@ant-design/icons';\nimport React from 'react';\nimport { connect, useDispatch } from 'react-redux';\nimport { AppState } from '@/store';\nimport IconWithText from '@/components/customAntd/IconWithText';\nimport { prefix } from '@/constant';\nimport AnnotationStepPopover from '@/components/annotationStepPopover';\nimport { IStepInfo } from '@/types/step';\nimport { UpdateProcessingStep } from '@/store/annotation/actionCreators';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n stepProgress: number;\n stepList: IStepInfo[];\n step: number;\n}\n\nconst StepSwitch: React.FC<IProps> = ({ stepProgress, step, stepList }) => {\n const dispatch = useDispatch();\n const { t } = useTranslation();\n const updateStep = (toStep: number) => {\n dispatch(UpdateProcessingStep(toStep));\n };\n\n return (\n <span className={`${prefix}`}>\n <Dropdown\n overlay={\n <AnnotationStepPopover stepList={stepList} updateStep={updateStep} currentStep={step} />\n }\n >\n <IconWithText\n text={t('Steps')}\n Icon={OrderedListOutlined}\n iconChildren={<CaretDownOutlined style={{ fontSize: 8 }} />}\n />\n </Dropdown>\n </span>\n );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n stepList: state.annotation.stepList,\n step: state.annotation.step,\n});\n\nexport default connect(mapStateToProps)(StepSwitch);\n"],"names":[],"mappings":";;;;;;;;;;AAsBA,MAAM,aAA+B,CAAC,CAAE,cAAc,MAAM,cAAe;AACzE,QAAM,WAAW;AACjB,QAAM,CAAE,KAAM;AACd,QAAM,aAAa,CAAC,WAAmB;AACrC,aAAS,qBAAqB;AAAA;AAGhC,6CACG,QAAD;AAAA,IAAM,WAAW,GAAG;AAAA,yCACjB,UAAD;AAAA,IACE,6CACG,uBAAD;AAAA,MAAuB;AAAA,MAAoB;AAAA,MAAwB,aAAa;AAAA;AAAA,yCAGjF,cAAD;AAAA,IACE,MAAM,EAAE;AAAA,IACR,MAAM;AAAA,IACN,kDAAe,mBAAD;AAAA,MAAmB,OAAO,CAAE,UAAU;AAAA;AAAA;AAAA;AAO9D,MAAM,kBAAkB,CAAC;AAAqB,EAC5C,UAAU,MAAM,WAAW;AAAA,EAC3B,MAAM,MAAM,WAAW;AAAA;AAGzB,mBAAe,QAAQ,iBAAiB;;;;"}

package/es/views/MainView/toolHeader/headerOption/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import m,{useState as f,useCallback as i}from"react";import{useDispatch as N,useSelector as y}from"react-redux";import j from"../../../../assets/annotation/common/icon_r.svg.js";import x from"../../../../assets/annotation/common/icon_next.svg.js";import h from"../../../../assets/annotation/common/icon_back.svg.js";import k from"../../../../assets/annotation/common/icon_rA.svg.js";import _ from"../../../../assets/annotation/common/icon_nextA.svg.js";import H from"../../../../assets/annotation/common/icon_backA.svg.js";import $ from"../../../../assets/annotation/common/icon_save.svg.js";import E from"../../../../assets/annotation/common/icon_saveA.svg.js";import{prefix as T}from"../../../../constant/index.js";import{EToolName as A}from"../../../../data/enums/ToolType.js";import{ChangeSave as b}from"../../../../store/annotation/actionCreators.js";import{useTranslation as w}from"react-i18next";var t;(function(s){s.Hover="#666fff",s.Normal="#cccccc"})(t||(t={}));const R=s=>{const[n,c]=f(""),{stepInfo:r}=s,l=N(),{annotation:{toolInstance:e,onSave:v}}=y(o=>({annotation:o.annotation,imgAttribute:o.imgAttribute})),{t:g}=w(),a=s.isBegin||(r==null?void 0:r.tool)===A.Tag,p=()=>{r.dataSourceStep!==0&&r.dataSourceStep!==void 0||e==null||e.updateRotate()},u=i(()=>{e==null||e.undo()},[e]),d=i(()=>{e==null||e.redo()},[e]),S=[{toolName:"save",title:"Save",show:!!v,commonSvg:$,selectedSvg:E,click:()=>{l(b)},style:{fontSize:"12px",color:!a&&n==="save"?t.Hover:t.Normal}},{toolName:"revocation",title:"Undo",show:!0,commonSvg:h,selectedSvg:H,click:()=>{u()},style:{opacity:a===!0?.4:1,fontSize:"12px",color:!a&&n==="revocation"?t.Hover:t.Normal}},{toolName:"restore",title:"Redo",show:!0,commonSvg:x,selectedSvg:_,click:()=>{d()},style:{opacity:a===!0?.4:1,fontSize:"12px",color:!a&&n==="restore"?t.Hover:t.Normal}},{toolName:"rotate",title:"Rotate",show:!0,selectedSvg:k,commonSvg:j,click:()=>{p()},style:{fontSize:"12px",color:!a&&n==="rotate"?t.Hover:t.Normal}}];return m.createElement("div",{className:`${T}-header__hotKey`},S.map(o=>o.show&&m.createElement("div",{key:o.toolName,className:"item",onMouseEnter:()=>c(o.toolName),onMouseLeave:()=>c("")},m.createElement("a",{className:"item",onClick:o.click},m.createElement("img",{className:"singleTool",src:n===o.toolName?o.selectedSvg:o.commonSvg,style:o.style}),m.createElement("div",{style:o.style},g(o.title))))))};export{R as default};

package/es/views/MainView/toolHeader/headerOption/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolHeader/headerOption/index.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { AppState } from '@/store';\nimport rotateSvg from '@/assets/annotation/common/icon_r.svg';\nimport restoreSvg from '@/assets/annotation/common/icon_next.svg';\nimport revocationSvg from '@/assets/annotation/common/icon_back.svg';\nimport rotateHighlightSvg from '@/assets/annotation/common/icon_rA.svg';\nimport restoreHighlightSvg from '@/assets/annotation/common/icon_nextA.svg';\nimport revocationHighlightSvg from '@/assets/annotation/common/icon_backA.svg';\nimport saveSvg from '@/assets/annotation/common/icon_save.svg';\nimport saveLightSvg from '@/assets/annotation/common/icon_saveA.svg';\nimport { prefix } from '@/constant';\nimport { EToolName } from '@/data/enums/ToolType';\nimport { ChangeSave } from '@/store/annotation/actionCreators';\nimport { IStepInfo } from '@/types/step';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n isBegin?: boolean;\n stepInfo: IStepInfo;\n}\n\nenum EColor {\n Hover = '#666fff',\n Normal = '#cccccc',\n}\n\nconst HeaderOption: React.FC<IProps> = (props) => {\n const [toolHover, setToolHover] = useState('');\n const { stepInfo } = props;\n const dispatch = useDispatch();\n const {\n annotation: { toolInstance, onSave },\n } = useSelector((state: AppState) => ({\n annotation: state.annotation,\n imgAttribute: state.imgAttribute,\n }));\n const { t } = useTranslation();\n\n const isBegin = props.isBegin || stepInfo?.tool === EToolName.Tag;\n\n const updateRotate = () => {\n /**\n * 1. 非第一步无法旋转\n * 2. 单步骤不存在 dataSourceStep\n */\n if (stepInfo.dataSourceStep !== 0 && stepInfo.dataSourceStep !== undefined) {\n return;\n }\n\n toolInstance?.updateRotate();\n };\n\n const revocation = useCallback(() => {\n toolInstance?.undo();\n }, [toolInstance]);\n\n const restore = useCallback(() => {\n toolInstance?.redo();\n }, [toolInstance]);\n\n const commonOptionList: any = [\n {\n toolName: 'save',\n title: 'Save',\n show: !!onSave,\n commonSvg: saveSvg,\n selectedSvg: saveLightSvg,\n click: () => {\n dispatch(ChangeSave);\n },\n style: {\n fontSize: '12px',\n color: !isBegin && toolHover === 'save' ? EColor.Hover : EColor.Normal,\n },\n },\n {\n toolName: 'revocation',\n title: 'Undo',\n show: true,\n commonSvg: revocationSvg,\n selectedSvg: revocationHighlightSvg,\n click: () => {\n revocation();\n },\n style: {\n opacity: isBegin === true ? 0.4 : 1,\n fontSize: '12px',\n color: !isBegin && toolHover === 'revocation' ? EColor.Hover : EColor.Normal,\n },\n },\n {\n toolName: 'restore',\n title: 'Redo',\n show: true,\n commonSvg: restoreSvg,\n selectedSvg: restoreHighlightSvg,\n click: () => {\n restore();\n },\n style: {\n opacity: isBegin === true ? 0.4 : 1,\n fontSize: '12px',\n color: !isBegin && toolHover === 'restore' ? EColor.Hover : EColor.Normal,\n },\n },\n {\n toolName: 'rotate',\n title: 'Rotate',\n show: true,\n selectedSvg: rotateHighlightSvg,\n commonSvg: rotateSvg,\n click: () => {\n updateRotate();\n },\n style: {\n fontSize: '12px',\n color: !isBegin && toolHover === 'rotate' ? EColor.Hover : EColor.Normal,\n },\n },\n ];\n\n return (\n <div className={`${prefix}-header__hotKey`}>\n {commonOptionList.map((info: any) => {\n return (\n info.show && (\n <div\n key={info.toolName}\n className='item'\n onMouseEnter={() => setToolHover(info.toolName)}\n onMouseLeave={() => setToolHover('')}\n >\n <a className='item' onClick={info.click}>\n <img\n className='singleTool'\n src={toolHover === info.toolName ? info.selectedSvg : info.commonSvg}\n style={info.style}\n />\n <div style={info.style}>{t(info.title)}</div>\n </a>\n </div>\n )\n );\n })}\n </div>\n );\n};\n\nexport default HeaderOption;\n"],"names":["saveSvg","saveLightSvg","revocationSvg","revocationHighlightSvg","restoreSvg","restoreHighlightSvg","rotateHighlightSvg","rotateSvg"],"mappings":";;;;;;;;;;;;;;;AAsBA,IAAK;AAAL,UAAK,SAAL;AACE,qBAAQ;AACR,sBAAS;AAAA,GAFN;MAKC,eAAiC,CAAC,UAAU;AAChD,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM,CAAE,YAAa;AACrB,QAAM,WAAW;AACjB,QAAM;AAAA,IACJ,YAAY,CAAE,cAAc;AAAA,MAC1B,YAAY,CAAC;AAAqB,IACpC,YAAY,MAAM;AAAA,IAClB,cAAc,MAAM;AAAA;AAEtB,QAAM,CAAE,KAAM;AAEd,QAAM,UAAU,MAAM,WAAW,sCAAU,UAAS,UAAU;AAE9D,QAAM,eAAe,MAAM;AAKzB,QAAI,SAAS,mBAAmB,KAAK,SAAS,mBAAmB,QAAW;AAC1E;AAAA;AAGF,iDAAc;AAAA;AAGhB,QAAM,aAAa,YAAY,MAAM;AACnC,iDAAc;AAAA,KACb,CAAC;AAEJ,QAAM,UAAU,YAAY,MAAM;AAChC,iDAAc;AAAA,KACb,CAAC;AAEJ,QAAM,mBAAwB;AAAA,IAC5B;AAAA,MACE,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM,CAAC,CAAC;AAAA,MACR,WAAWA;AAAA,MACX,aAAaC;AAAA,MACb,OAAO,MAAM;AACX,iBAAS;AAAA;AAAA,MAEX,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO,CAAC,WAAW,cAAc,SAAS,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA,IAGpE;AAAA,MACE,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAWC;AAAA,MACX,aAAaC;AAAA,MACb,OAAO,MAAM;AACX;AAAA;AAAA,MAEF,OAAO;AAAA,QACL,SAAS,YAAY,OAAO,MAAM;AAAA,QAClC,UAAU;AAAA,QACV,OAAO,CAAC,WAAW,cAAc,eAAe,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA,IAG1E;AAAA,MACE,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAWC;AAAA,MACX,aAAaC;AAAA,MACb,OAAO,MAAM;AACX;AAAA;AAAA,MAEF,OAAO;AAAA,QACL,SAAS,YAAY,OAAO,MAAM;AAAA,QAClC,UAAU;AAAA,QACV,OAAO,CAAC,WAAW,cAAc,YAAY,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA,IAGvE;AAAA,MACE,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAaC;AAAA,MACb,WAAWC;AAAA,MACX,OAAO,MAAM;AACX;AAAA;AAAA,MAEF,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO,CAAC,WAAW,cAAc,WAAW,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAKxE,6CACG,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,KAChB,iBAAiB,IAAI,CAAC,SAAc;AACnC,WACE,KAAK,4CACF,OAAD;AAAA,MACE,KAAK,KAAK;AAAA,MACV,WAAU;AAAA,MACV,cAAc,MAAM,aAAa,KAAK;AAAA,MACtC,cAAc,MAAM,aAAa;AAAA,2CAEhC,KAAD;AAAA,MAAG,WAAU;AAAA,MAAO,SAAS,KAAK;AAAA,2CAC/B,OAAD;AAAA,MACE,WAAU;AAAA,MACV,KAAK,cAAc,KAAK,WAAW,KAAK,cAAc,KAAK;AAAA,MAC3D,OAAO,KAAK;AAAA,4CAEb,OAAD;AAAA,MAAK,OAAO,KAAK;AAAA,OAAQ,EAAE,KAAK;AAAA;AAAA;;;;"}

package/es/views/MainView/toolHeader/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useReducer as T,useRef as j}from"react";import{LeftOutlined as w}from"@ant-design/icons";import{connect as y,useDispatch as C}from"react-redux";import{store as D}from"../../../index.js";import b from"classnames";import{prefix as n,ESubmitType as k}from"../../../constant/index.js";import O from"./ExportData/index.js";import z from"./headerOption/index.js";import{Tooltip as F,Button as H}from"antd/es";import{ToSubmitFileData as P,ToNextStep as R}from"../../../store/annotation/actionCreators.js";import A from"./StepSwitch/index.js";import{i18n as f}from"@sensetime/lb-utils";import{useTranslation as E}from"react-i18next";import B from"../../../hooks/useSize.js";const g=({disabled:t})=>{const{t:a}=E();return e.createElement(H,{type:"primary",style:{marginLeft:10},onClick:()=>{D.dispatch(R(0))},disabled:t},a("NextStep"))},I=({step:t,stepProgress:a,stepList:r})=>{const{t:s}=E();if(r.length<2||t===r.length)return null;const o=a<1;return o?e.createElement(F,{title:s("StepNotFinishedNotify")},e.createElement("span",null,e.createElement(g,{disabled:o}))):e.createElement(g,{disabled:o})},Q=({goBack:t,exportData:a,headerName:r,imgList:s,stepProgress:o,stepInfo:h,stepList:c,step:N,annotationEngine:x})=>{var l;const _=C(),[,S]=T(i=>i+1,0),m=j(null),p=B(m),v=e.createElement(O,{exportData:a}),$=()=>{_(P(k.Quit)),t&&t(s)},d=i=>{f.changeLanguage(i),x.setLang(i),S()},u=f.language,L=(l=p==null?void 0:p.width)!=null?l:window.innerWidth;return e.createElement("div",{className:b(`${n}-header`),ref:m},e.createElement("div",{className:`${n}-header__title`},e.createElement(w,{className:`${n}-header__icon`,onClick:$}),r?e.createElement("span",{className:`${n}-header__name`},r):"",c.length>1&&e.createElement(e.Fragment,null,e.createElement(A,{stepProgress:o}),e.createElement(I,{step:N,stepProgress:o,stepList:c})),v,e.createElement("div",{id:"operationNode",className:`${n}-header__operationNode`,style:{left:L/2-174/2}},e.createElement(z,{stepInfo:h})),e.createElement("div",{className:`${n}-header__titlePlacement`}),e.createElement("div",{className:`${n}-header__lang`},e.createElement("span",{className:`${n}-langCN ${u==="cn"?"active":""}`,onClick:()=>d("cn")},"\u4E2D\u6587")," / ",e.createElement("span",{className:`${n}-langEN ${u==="en"?"active":""}`,onClick:()=>d("en")},"En"))))},U=t=>{var a;return{imgList:t.annotation.imgList,annotationEngine:t.annotation.annotationEngine,stepProgress:t.annotation.stepProgress,toolName:(a=t.annotation.stepList[t.annotation.step-1])==null?void 0:a.tool,stepList:t.annotation.stepList,stepInfo:t.annotation.stepList[t.annotation.step-1],step:t.annotation.step}};var W=y(U)(Q);export{W as default};

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/views/MainView/toolHeader/index.tsx"],"sourcesContent":["import React, { useReducer, useRef } from 'react';\nimport { LeftOutlined } from '@ant-design/icons';\nimport { connect, useDispatch } from 'react-redux';\nimport { store } from 'src';\nimport { IFileItem } from '@/types/data';\nimport { AppState } from '@/store';\nimport classNames from 'classnames';\nimport { ESubmitType, prefix } from '@/constant';\nimport ExportData from './ExportData';\nimport HeaderOption from './headerOption';\nimport { AnnotationEngine } from '@sensetime/annotation';\nimport { Button, Tooltip } from 'antd/es';\nimport { ToNextStep, ToSubmitFileData } from '@/store/annotation/actionCreators';\nimport StepSwitch from './StepSwitch';\nimport { EToolName } from '@/data/enums/ToolType';\nimport { IStepInfo } from '@/types/step';\nimport { i18n } from '@sensetime/lb-utils';\nimport { useTranslation } from 'react-i18next';\nimport useSize from '@/hooks/useSize';\n\ninterface INextStep {\n stepProgress: number;\n stepList: IStepInfo[];\n step: number; // 当前步骤\n}\n\nconst NextButton: React.FC<{ disabled: boolean }> = ({ disabled }) => {\n const { t } = useTranslation();\n return (\n <Button\n type='primary'\n style={{\n marginLeft: 10,\n }}\n onClick={() => {\n store.dispatch(ToNextStep(0) as any);\n }}\n disabled={disabled}\n >\n {t('NextStep')}\n </Button>\n );\n};\n\nconst NextStep: React.FC<INextStep> = ({ step, stepProgress, stepList }) => {\n const { t } = useTranslation();\n\n if (stepList.length < 2 || step === stepList.length) {\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} />\n </span>\n </Tooltip>\n );\n }\n\n return <NextButton disabled={disabled} />;\n};\n\ninterface IToolHeaderProps {\n goBack?: (imgList?: IFileItem[]) => void;\n exportData?: (data: any[]) => void;\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 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 return (\n <div className={classNames(`${prefix}-header`)} ref={ref}>\n <div className={`${prefix}-header__title`}>\n <LeftOutlined className={`${prefix}-header__icon`} onClick={closeAnnotation} />\n {headerName ? <span className={`${prefix}-header__name`}>{headerName}</span> : ''}\n {stepList.length > 1 && (\n <>\n <StepSwitch stepProgress={stepProgress} />\n <NextStep step={step} stepProgress={stepProgress} stepList={stepList} />\n </>\n )}\n\n {currentOption}\n <div\n id='operationNode'\n className={`${prefix}-header__operationNode`}\n style={{ left: width / 2 - 174 / 2 }}\n >\n <HeaderOption stepInfo={stepInfo} />\n </div>\n\n <div className={`${prefix}-header__titlePlacement`} />\n\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 </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":";;;;;;;;;;;;;;;AA0BA,MAAM,aAA8C,CAAC,CAAE,cAAe;AACpE,QAAM,CAAE,KAAM;AACd,6CACG,QAAD;AAAA,IACE,MAAK;AAAA,IACL,OAAO;AAAA,MACL,YAAY;AAAA;AAAA,IAEd,SAAS,MAAM;AACb,YAAM,SAAS,WAAW;AAAA;AAAA,IAE5B;AAAA,KAEC,EAAE;AAAA;AAKT,MAAM,WAAgC,CAAC,CAAE,MAAM,cAAc,cAAe;AAC1E,QAAM,CAAE,KAAM;AAEd,MAAI,SAAS,SAAS,KAAK,SAAS,SAAS,QAAQ;AACnD,WAAO;AAAA;AAGT,QAAM,WAAW,eAAe;AAEhC,MAAI,UAAU;AACZ,+CACG,SAAD;AAAA,MAAS,OAAO,EAAE;AAAA,2CACf,QAAD,0CACG,YAAD;AAAA,MAAY;AAAA;AAAA;AAMpB,6CAAQ,YAAD;AAAA,IAAY;AAAA;AAAA;AAgBrB,MAAM,aAAyC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AAzFN;AA0FE,QAAM,WAAW;AACjB,QAAM,GAAG,eAAe,WAAW,CAAC,MAAM,IAAI,GAAG;AACjD,QAAM,MAAM,OAAO;AAEnB,QAAM,OAAO,QAAQ;AAGrB,QAAM,oDAAiB,YAAD;AAAA,IAAY;AAAA;AAElC,QAAM,kBAAkB,MAAM;AAC5B,aAAS,iBAAiB,YAAY;AAEtC,QAAI,QAAQ;AACV,aAAO;AAAA;AAAA;AAIX,QAAM,iBAAiB,CAAC,SAAsB;AAC5C,SAAK,eAAe;AACpB,qBAAiB,QAAQ;AACzB;AAAA;AAGF,QAAM,UAAU,KAAK;AAErB,QAAM,QAAQ,mCAAM,UAAN,YAAe,OAAO;AAEpC,6CACG,OAAD;AAAA,IAAK,WAAW,WAAW,GAAG;AAAA,IAAkB;AAAA,yCAC7C,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,yCAChB,cAAD;AAAA,IAAc,WAAW,GAAG;AAAA,IAAuB,SAAS;AAAA,MAC3D,iDAAc,QAAD;AAAA,IAAM,WAAW,GAAG;AAAA,KAAwB,cAAqB,IAC9E,SAAS,SAAS,mGAEd,YAAD;AAAA,IAAY;AAAA,0CACX,UAAD;AAAA,IAAU;AAAA,IAAY;AAAA,IAA4B;AAAA,OAIrD,mDACA,OAAD;AAAA,IACE,IAAG;AAAA,IACH,WAAW,GAAG;AAAA,IACd,OAAO,CAAE,MAAM,QAAQ,IAAI,MAAM;AAAA,yCAEhC,cAAD;AAAA,IAAc;AAAA,2CAGf,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,0CAElB,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,yCAChB,QAAD;AAAA,IACE,WAAW,GAAG,iBAAiB,YAAY,OAAO,WAAW;AAAA,IAC7D,SAAS,MAAM,eAAe;AAAA,KAC/B,iBAGA,2CACA,QAAD;AAAA,IACE,WAAW,GAAG,iBAAiB,YAAY,OAAO,WAAW;AAAA,IAC7D,SAAS,MAAM,eAAe;AAAA,KAC/B;AAAA;AASX,MAAM,kBAAkB,CAAC,UAAiB;AAhK1C;AAgK8C;AAAA,IAC5C,SAAS,MAAM,WAAW;AAAA,IAC1B,kBAAkB,MAAM,WAAW;AAAA,IACnC,cAAc,MAAM,WAAW;AAAA,IAC/B,UAAU,YAAM,WAAW,SAAS,MAAM,WAAW,OAAO,OAAlD,mBAAsD;AAAA,IAChE,UAAU,MAAM,WAAW;AAAA,IAC3B,UAAU,MAAM,WAAW,SAAS,MAAM,WAAW,OAAO;AAAA,IAC5D,MAAM,MAAM,WAAW;AAAA;AAAA;AAGzB,mBAAe,QAAQ,iBAAiB;;;;"}

package/package.json ADDED Viewed

@@ -0,0 +1,98 @@
+{
+  "name": "@labelbee/lb-components",
+  "version": "1.2.1",
+  "description": "Provide a complete library of annotation components",
+  "main": "./dist/index.js",
+  "es": "./es/index.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "lib",
+    "es"
+  ],
+  "scripts": {
+    "dev": "npm run build && cross-env NODE_ENV=developemnt rollup -m -c rollup.config.js -w",
+    "start": "npm run dev",
+    "dev:style": "node-sass src/index.scss dist/index.css -w",
+    "build:style": "node-sass src/index.scss dist/index.css && cp -R ./src/assets/cssIcon/.  ./dist/assets/cssIcon && cp -R ./src/assets/cssIcon/.  ./es/assets/cssIcon",
+    "build": "rm -fr dist && cross-env NODE_ENV=production rollup -c rollup.config.js && npm run build:style && npm run build:type",
+    "build:type": "tsc --emitDeclarationOnly",
+    "commit": "git-cz",
+    "lint": "eslint 'src/**/*.{ts,tsx,js,jsx}' && npm run build:type",
+    "lint:fix": "eslint 'src/**/*.{ts,tsx,js,jsx}' --fix",
+    "commitmsg": "commitlint -e $GIT_PARAMS",
+    "prepublishOnly": "npm run build"
+  },
+  "author": "laoluo",
+  "contributors": [
+    "lijingchi",
+    "tanjunbao",
+    "chenlu",
+    "lihuaqi"
+  ],
+  "keywords": [
+    "annotation",
+    "canvas",
+    "react"
+  ],
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/open-mmlab/labelbee/tree/main/packages/lb-components",
+  "bugs": {
+    "url": "https://github.com/open-mmlab/labelbee/issues",
+    "email": "brady_luo.sz@foxmail.com"
+  },
+  "dependencies": {
+    "@labelbee/lb-annotation": "1.5.2",
+    "@ant-design/icons": "^4.6.2",
+    "classnames": "^2.3.0",
+    "@labelbee/lb-utils": "^1.0.3",
+    "lodash": "^4.17.21",
+    "react-i18next": "^11.12.0",
+    "react-redux": "^7.2.3",
+    "redux": "^4.0.5",
+    "redux-actions": "^2.6.5",
+    "redux-thunk": "^2.3.0",
+    "resize-observer-polyfill": "^1.5.1"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "antd": ">=4.15.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^13.1.0",
+    "@commitlint/config-conventional": "^13.1.0",
+    "@rollup/plugin-alias": "^3.1.2",
+    "@rollup/plugin-commonjs": "^18.0.0",
+    "@rollup/plugin-eslint": "^8.0.1",
+    "@rollup/plugin-image": "^2.0.6",
+    "@rollup/plugin-node-resolve": "^11.2.1",
+    "@types/lodash": "^4.14.168",
+    "@types/react": "^16.13.1",
+    "@types/react-redux": "^7.1.16",
+    "@typescript-eslint/eslint-plugin": "^4.15.1",
+    "@typescript-eslint/parser": "^4.15.1",
+    "antd": "^4.15.0",
+    "commitizen": "^4.2.4",
+    "cross-env": "^7.0.3",
+    "cz-conventional-changelog": "^3.3.0",
+    "esbuild": "^0.11.0",
+    "eslint": "^7.20.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-alloy": "^4.2.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.22.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "husky": "^7.0.1",
+    "node-sass": "^5.0.0",
+    "prettier": "^2.3.2",
+    "rollup": "^2.43.1",
+    "rollup-plugin-esbuild": "^3.0.2",
+    "typescript": "^4.2.3"
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-conventional-changelog"
+    }
+  }
+}