@labelbee/lb-components 1.2.3-alpha.6 → 1.3.0
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.
- package/dist/App.js +1 -1
- package/dist/components/AnnotationView/index.js +1 -1
- package/dist/index.css +812 -651
- package/dist/index.css.map +1 -0
- package/dist/index.js +1 -1
- package/dist/store/annotation/reducer.js +1 -1
- package/dist/types/App.d.ts +23 -7
- package/dist/types/index.d.ts +4 -3
- package/dist/types/store/annotation/reducer.d.ts +1 -1
- package/dist/types/views/MainView/annotationOperation/index.d.ts +5 -9
- package/dist/types/views/MainView/index.d.ts +1 -1
- package/dist/types/views/MainView/sidebar/AnnotationText/index.d.ts +3 -1
- package/dist/types/views/MainView/sidebar/GeneralOperation/index.d.ts +3 -1
- package/dist/types/views/MainView/sidebar/SwitchAttributeList/index.d.ts +3 -1
- package/dist/types/views/MainView/sidebar/TagSidebar/index.d.ts +3 -1
- package/dist/types/views/MainView/sidebar/TextToolSidebar/index.d.ts +3 -1
- package/dist/types/views/MainView/sidebar/index.d.ts +3 -1
- package/dist/types/views/MainView/toolFooter/ZoomController/ZoomLevel/index.d.ts +3 -1
- package/dist/types/views/MainView/toolFooter/ZoomController/index.d.ts +3 -1
- package/dist/types/views/MainView/toolFooter/index.d.ts +6 -2
- package/dist/types/views/MainView/toolHeader/ExportData/index.d.ts +3 -1
- package/dist/types/views/MainView/toolHeader/StepSwitch/index.d.ts +3 -1
- package/dist/types/views/MainView/toolHeader/index.d.ts +8 -4
- package/dist/utils/index.js +1 -1
- package/dist/views/MainView/annotationOperation/index.js +1 -1
- package/dist/views/MainView/index.js +1 -1
- package/dist/views/MainView/sidebar/index.js +1 -1
- package/dist/views/MainView/toolFooter/index.js +1 -1
- package/dist/views/MainView/toolHeader/index.js +1 -1
- package/es/App.js +1 -1
- package/es/App.js.map +1 -1
- package/es/assets/annotation/polygonTool/icon_rectangle_a.svg.js +1 -0
- package/es/assets/annotation/polygonTool/icon_rectangle_a.svg.js.map +1 -0
- package/es/components/AnnotationView/index.js +1 -1
- package/es/components/AnnotationView/index.js.map +1 -1
- package/es/components/ImageError/index.js.map +1 -1
- package/es/components/annotationStepPopover/index.js.map +1 -1
- package/es/components/attributeList/index.js.map +1 -1
- package/es/components/checkboxList/index.js.map +1 -1
- package/es/components/colorTag/index.js.map +1 -1
- package/es/components/customAntd/IconWithText/index.js.map +1 -1
- package/es/components/customResizeHook/index.js.map +1 -1
- package/es/configureStore.js.map +1 -1
- package/es/constant/index.js.map +1 -1
- package/es/constant/styleString.js.map +1 -1
- package/es/data/Style.js.map +1 -1
- package/es/data/enums/AnnotationSize.js.map +1 -1
- package/es/data/enums/ToolType.js.map +1 -1
- package/es/hooks/useRafState.js.map +1 -1
- package/es/hooks/useSafeSate.js.map +1 -1
- package/es/hooks/useSize.js.map +1 -1
- package/es/hooks/useUnmountedRef.js.map +1 -1
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/es/store/Actions.js.map +1 -1
- package/es/store/annotation/actionCreators.js.map +1 -1
- package/es/store/annotation/reducer.js +1 -1
- package/es/store/annotation/reducer.js.map +1 -1
- package/es/store/imgAttribute/actionCreators.js.map +1 -1
- package/es/store/imgAttribute/reducer.js.map +1 -1
- package/es/store/index.js.map +1 -1
- package/es/store/toolStyle/actionCreators.js.map +1 -1
- package/es/store/toolStyle/reducer.js.map +1 -1
- package/es/utils/AnnotationDataUtils.js.map +1 -1
- package/es/utils/ConfigUtils.js.map +1 -1
- package/es/utils/PageOperator.js.map +1 -1
- package/es/utils/StepUtils.js.map +1 -1
- package/es/utils/TextUtils.js.map +1 -1
- package/es/utils/ToolStyleUtils.js.map +1 -1
- package/es/utils/data.js.map +1 -1
- package/es/utils/dom.js.map +1 -1
- package/es/utils/index.js +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/views/MainView/annotationOperation/index.js +1 -1
- package/es/views/MainView/annotationOperation/index.js.map +1 -1
- package/es/views/MainView/index.js +1 -1
- package/es/views/MainView/index.js.map +1 -1
- package/es/views/MainView/sidebar/AnnotationText/index.js.map +1 -1
- package/es/views/MainView/sidebar/ClearIcon/index.js.map +1 -1
- package/es/views/MainView/sidebar/GeneralOperation/index.js.map +1 -1
- package/es/views/MainView/sidebar/ImgAttributeInfo/index.js.map +1 -1
- package/es/views/MainView/sidebar/SwitchAttributeList/index.js.map +1 -1
- package/es/views/MainView/sidebar/TagSidebar/index.js.map +1 -1
- package/es/views/MainView/sidebar/TextAreaFormat/index.js.map +1 -1
- package/es/views/MainView/sidebar/TextToolSidebar/index.js.map +1 -1
- package/es/views/MainView/sidebar/ToolStyle/index.js.map +1 -1
- package/es/views/MainView/sidebar/index.js +1 -1
- package/es/views/MainView/sidebar/index.js.map +1 -1
- package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/common/index.js.map +1 -1
- package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/index.js.map +1 -1
- package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/line/index.js.map +1 -1
- package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/point/index.js.map +1 -1
- package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/polygon/index.js.map +1 -1
- package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/rectToolShortCutTable/index.js.map +1 -1
- package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/tag/index.js.map +1 -1
- package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/text/index.js.map +1 -1
- package/es/views/MainView/toolFooter/FooterTips/index.js.map +1 -1
- package/es/views/MainView/toolFooter/HiddenTips/index.js.map +1 -1
- package/es/views/MainView/toolFooter/PageNumber/index.js.map +1 -1
- package/es/views/MainView/toolFooter/ZoomController/ZoomLevel/index.js.map +1 -1
- package/es/views/MainView/toolFooter/ZoomController/index.js.map +1 -1
- package/es/views/MainView/toolFooter/index.js +1 -1
- package/es/views/MainView/toolFooter/index.js.map +1 -1
- package/es/views/MainView/toolHeader/ExportData/index.js.map +1 -1
- package/es/views/MainView/toolHeader/StepSwitch/index.js.map +1 -1
- package/es/views/MainView/toolHeader/headerOption/index.js.map +1 -1
- package/es/views/MainView/toolHeader/index.js +1 -1
- package/es/views/MainView/toolHeader/index.js.map +1 -1
- package/package.json +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/SwitchAttributeList/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { connect } from 'react-redux';\nimport { AppState } from 'src/store';\nimport { GraphToolInstance } from 'src/store/annotation/types';\nimport AttributeList from '@/components/attributeList';\nimport StepUtils from '@/utils/StepUtils';\nimport { IStepInfo } from '@/types/step';\nimport { jsonParser } from '@/utils';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n toolInstance: GraphToolInstance;\n stepInfo: IStepInfo;\n}\n\nconst SwitchAttributeList: React.FC<IProps> = (props) => {\n const [_, forceRender] = useState(0);\n const listRef = useRef<HTMLElement>(null);\n const { toolInstance } = props;\n const { t } = useTranslation();\n\n useEffect(() => {\n if (toolInstance) {\n toolInstance.singleOn('changeAttributeSidebar', (index: number) => {\n forceRender((s) => s + 1);\n\n if (!listRef.current) {\n return;\n }\n\n listRef.current.children[index]?.scrollIntoView({ block: 'center' });\n });\n }\n return () => {\n toolInstance.unbindAll('changeAttributeSidebar');\n };\n }, [toolInstance, listRef]);\n\n if (!props.stepInfo) {\n return null;\n }\n\n const config = jsonParser(props.stepInfo.config);\n if (config.attributeConfigurable !== true) {\n return null;\n }\n\n if (toolInstance?.config.attributeConfigurable === true && toolInstance?.config?.attributeList) {\n const list = toolInstance.config.attributeList.map((i: any) => ({\n label: i.key,\n value: i.value,\n }));\n list.unshift({ label: t('NoAttribute'), value: '' });\n const attributeChanged = (v: string) => {\n toolInstance.setDefaultAttribute(v);\n forceRender((s) => s + 1);\n };\n\n return (\n <div>\n <AttributeList\n list={list}\n attributeChanged={attributeChanged}\n selectedAttribute={toolInstance?.defaultAttribute ?? ''}\n ref={listRef}\n />\n </div>\n );\n }\n\n return null;\n};\n\nconst mapStateToProps = (state: AppState) => {\n const stepInfo = StepUtils.getCurrentStepInfo(state.annotation?.step, state.annotation?.stepList);\n\n return {\n toolInstance: state.annotation.toolInstance,\n stepInfo,\n };\n};\n\nexport default connect(mapStateToProps)(SwitchAttributeList);\n"],"names":[],"mappings":";;;;;;;AAeA,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/SwitchAttributeList/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { connect } from 'react-redux';\nimport { AppState } from 'src/store';\nimport { GraphToolInstance } from 'src/store/annotation/types';\nimport AttributeList from '@/components/attributeList';\nimport StepUtils from '@/utils/StepUtils';\nimport { IStepInfo } from '@/types/step';\nimport { jsonParser } from '@/utils';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n toolInstance: GraphToolInstance;\n stepInfo: IStepInfo;\n}\n\nconst SwitchAttributeList: React.FC<IProps> = (props) => {\n const [_, forceRender] = useState(0);\n const listRef = useRef<HTMLElement>(null);\n const { toolInstance } = props;\n const { t } = useTranslation();\n\n useEffect(() => {\n if (toolInstance) {\n toolInstance.singleOn('changeAttributeSidebar', (index: number) => {\n forceRender((s) => s + 1);\n\n if (!listRef.current) {\n return;\n }\n\n listRef.current.children[index]?.scrollIntoView({ block: 'center' });\n });\n }\n return () => {\n toolInstance.unbindAll('changeAttributeSidebar');\n };\n }, [toolInstance, listRef]);\n\n if (!props.stepInfo) {\n return null;\n }\n\n const config = jsonParser(props.stepInfo.config);\n if (config.attributeConfigurable !== true) {\n return null;\n }\n\n if (toolInstance?.config.attributeConfigurable === true && toolInstance?.config?.attributeList) {\n const list = toolInstance.config.attributeList.map((i: any) => ({\n label: i.key,\n value: i.value,\n }));\n list.unshift({ label: t('NoAttribute'), value: '' });\n const attributeChanged = (v: string) => {\n toolInstance.setDefaultAttribute(v);\n forceRender((s) => s + 1);\n };\n\n return (\n <div>\n <AttributeList\n list={list}\n attributeChanged={attributeChanged}\n selectedAttribute={toolInstance?.defaultAttribute ?? ''}\n ref={listRef}\n />\n </div>\n );\n }\n\n return null;\n};\n\nconst mapStateToProps = (state: AppState) => {\n const stepInfo = StepUtils.getCurrentStepInfo(state.annotation?.step, state.annotation?.stepList);\n\n return {\n toolInstance: state.annotation.toolInstance,\n stepInfo,\n };\n};\n\nexport default connect(mapStateToProps)(SwitchAttributeList);\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/TagSidebar/index.tsx"],"sourcesContent":["import RadioList from '@/components/attributeList';\nimport CheckBoxList from '@/components/checkboxList';\nimport { CaretRightOutlined } from '@ant-design/icons';\nimport { Badge, Collapse, Tooltip } from 'antd/es';\nimport { cloneDeep } from 'lodash';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport clearSmall from '@/assets/annotation/common/icon_clearSmall.svg';\nimport clearSmallA from '@/assets/annotation/common/icon_clearSmall_a.svg';\nimport { TagOperation, TagUtils } from '@labelbee/lb-annotation';\nimport { connect } from 'react-redux';\nimport { AppState } from '@/store';\nimport { IInputList } from '@/types/main';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n imgIndex: number;\n toolInstance: TagOperation;\n}\n\nconst { Panel } = Collapse;\n\nexport const expandIconFuc = ({ isActive }: any) => (\n <CaretRightOutlined rotate={isActive ? 90 : 0} />\n);\n\nconst TagSidebar: React.FC<IProps> = ({ toolInstance, imgIndex }) => {\n const [expandKeyList, setExpandKeyList] = useState<string[]>([]);\n\n const sidebarRef = useRef<HTMLDivElement>(null);\n const [, forceRender] = useState<number>(0);\n const [hoverDeleteIndex, setHoverDeleteIndex] = useState(-1);\n const { t } = useTranslation();\n\n useEffect(() => {\n if (toolInstance) {\n // 用于配置的初始化\n setExpandKeyList(toolInstance.config.inputList.map((v: IInputList) => v.value));\n\n // 进行实时渲染\n toolInstance.singleOn('render', () => {\n forceRender((s) => s + 1);\n });\n }\n }, [toolInstance]);\n\n useEffect(() => {\n if (toolInstance) {\n // 该写法会不断的重复绑定,后续写法上可以更改(如果将 singleOn 改为 on 会有很大问题)\n toolInstance.singleOn('expend', expendRender);\n\n if (toolInstance.labelSelectedList.length === 1) {\n let height = 0;\n for (let i = 0; i < toolInstance.labelSelectedList[0]; i++) {\n height += 46;\n inputList[i] &&\n expandKeyList[i] !== '' &&\n inputList[i].subSelected.forEach((i: any) => {\n height += 40;\n });\n }\n if (sidebarRef.current) {\n sidebarRef.current.children[0].scrollTop = height;\n }\n }\n }\n });\n\n useEffect(() => {\n // 翻页侧边栏跳到最上\n if (sidebarRef.current) {\n sidebarRef.current.children[0].scrollTop = 0;\n }\n }, [imgIndex]);\n\n const expendRender = () => {\n const index = toolInstance.labelSelectedList[0];\n const value = inputList.filter((v: IInputList, i: number) => i === index)[0]?.value;\n setExpendKeyList(index, value, true);\n };\n\n const setExpendKeyList = useCallback(\n (index: number, value: string, expend?: boolean) => {\n const newKeyList = cloneDeep(expandKeyList);\n if (newKeyList[index] === '' || expend === true) {\n newKeyList[index] = value;\n } else {\n newKeyList[index] = '';\n }\n setExpandKeyList(newKeyList);\n },\n [expandKeyList],\n );\n\n if (!toolInstance) return null;\n\n const {\n labelSelectedList,\n config: { inputList },\n currentTagResult,\n setLabel,\n } = toolInstance;\n\n const selectedButton = (index: number) => {\n if (labelSelectedList.length > 0 && labelSelectedList[0] === index) {\n return <span className='keyDownIconActive'>{index + 1}</span>;\n }\n return <span className='keyDownIcon'>{index + 1}</span>;\n };\n\n // basicIndex 到底是那一层\n const labelPanel = (labelInfoSet: IInputList[], basicIndex = -1) => {\n if (!labelInfoSet) {\n return null;\n }\n\n return labelInfoSet.map((info: IInputList, index: number) => {\n if (info.subSelected) {\n // 判断是否有数据\n const isResult = TagUtils.judgeResultIsInInputList(\n info.value,\n currentTagResult?.result?.[info.value],\n inputList,\n );\n\n return (\n <Collapse\n bordered={false}\n expandIcon={expandIconFuc}\n key={`collapse_${index}_${basicIndex + 1}`}\n onChange={() => setExpendKeyList(index, info.value)}\n activeKey={[expandKeyList[index]]}\n >\n <Panel\n header={\n <div\n style={{\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n }}\n >\n <span>\n {info.key}\n <Tooltip placement='bottom' title={t('ClearThisOption')}>\n <img\n style={{ marginLeft: 5, cursor: 'pointer' }}\n onClick={(e) => {\n e.stopPropagation();\n toolInstance.clearResult(true, info.value);\n }}\n src={hoverDeleteIndex === index || isResult ? clearSmallA : clearSmall}\n onMouseEnter={() => {\n setHoverDeleteIndex(index);\n }}\n onMouseLeave={() => {\n setHoverDeleteIndex(-1);\n }}\n />\n </Tooltip>\n {isResult && expandKeyList[index] === '' && <Badge color='#87d068' />}\n </span>\n\n {inputList?.length > 1 && selectedButton(index)}\n </div>\n }\n key={info.value}\n >\n <div\n className='level'\n style={{\n backgroundColor:\n labelSelectedList.length > 0 && labelSelectedList[0] === index\n ? 'rgba(158, 158, 158, 0.18)'\n : '',\n }}\n >\n {labelPanel(info.subSelected, index)}\n </div>\n </Panel>\n </Collapse>\n );\n }\n const key = inputList?.[basicIndex] ? inputList?.[basicIndex].value : 0;\n const selectedAttribute =\n currentTagResult?.result?.[key]?.split(';')?.indexOf(info.value) > -1 ? info.value : '';\n\n if (inputList?.[basicIndex]?.isMulti === true) {\n return (\n <div className='singleBar' key={`${key}_${basicIndex}_${index}`}>\n <CheckBoxList\n attributeChanged={() => setLabel(basicIndex, index)}\n selectedAttribute={[selectedAttribute]}\n list={[{ value: info.value, label: info.key }]}\n num={index + 1}\n />\n </div>\n );\n }\n return (\n <div className='singleBar' key={`${key}_${basicIndex}_${index}`}>\n <RadioList\n forbidColor\n attributeChanged={() => setLabel(basicIndex, index)}\n selectedAttribute={selectedAttribute}\n list={[{ value: info.value, label: info.key }]}\n num={index + 1}\n />\n </div>\n );\n });\n };\n const height = window.innerHeight - 61 - 80;\n\n return (\n <div className='tagOperationMenu' ref={sidebarRef}>\n {inputList?.length === 0 ? (\n <div style={{ padding: 20, textAlign: 'center' }}>{t('NoConfiguration')}</div>\n ) : (\n <div className='main' style={{ height }}>\n {labelPanel(inputList)}\n </div>\n )}\n </div>\n );\n};\n\nfunction mapStateToProps(state: AppState) {\n return { toolInstance: state.annotation.toolInstance, imgIndex: state.annotation.imgIndex };\n}\n\nexport default connect(mapStateToProps)(TagSidebar);\n"],"names":["clearSmallA","clearSmall","CheckBoxList","RadioList"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/TagSidebar/index.tsx"],"sourcesContent":["import RadioList from '@/components/attributeList';\nimport CheckBoxList from '@/components/checkboxList';\nimport { CaretRightOutlined } from '@ant-design/icons';\nimport { Badge, Collapse, Tooltip } from 'antd/es';\nimport { cloneDeep } from 'lodash';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport clearSmall from '@/assets/annotation/common/icon_clearSmall.svg';\nimport clearSmallA from '@/assets/annotation/common/icon_clearSmall_a.svg';\nimport { TagOperation, TagUtils } from '@labelbee/lb-annotation';\nimport { connect } from 'react-redux';\nimport { AppState } from '@/store';\nimport { IInputList } from '@/types/main';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n imgIndex: number;\n toolInstance: TagOperation;\n}\n\nconst { Panel } = Collapse;\n\nexport const expandIconFuc = ({ isActive }: any) => (\n <CaretRightOutlined rotate={isActive ? 90 : 0} />\n);\n\nconst TagSidebar: React.FC<IProps> = ({ toolInstance, imgIndex }) => {\n const [expandKeyList, setExpandKeyList] = useState<string[]>([]);\n\n const sidebarRef = useRef<HTMLDivElement>(null);\n const [, forceRender] = useState<number>(0);\n const [hoverDeleteIndex, setHoverDeleteIndex] = useState(-1);\n const { t } = useTranslation();\n\n useEffect(() => {\n if (toolInstance) {\n // 用于配置的初始化\n setExpandKeyList(toolInstance.config.inputList.map((v: IInputList) => v.value));\n\n // 进行实时渲染\n toolInstance.singleOn('render', () => {\n forceRender((s) => s + 1);\n });\n }\n }, [toolInstance]);\n\n useEffect(() => {\n if (toolInstance) {\n // 该写法会不断的重复绑定,后续写法上可以更改(如果将 singleOn 改为 on 会有很大问题)\n toolInstance.singleOn('expend', expendRender);\n\n if (toolInstance.labelSelectedList.length === 1) {\n let height = 0;\n for (let i = 0; i < toolInstance.labelSelectedList[0]; i++) {\n height += 46;\n inputList[i] &&\n expandKeyList[i] !== '' &&\n inputList[i].subSelected.forEach((i: any) => {\n height += 40;\n });\n }\n if (sidebarRef.current) {\n sidebarRef.current.children[0].scrollTop = height;\n }\n }\n }\n });\n\n useEffect(() => {\n // 翻页侧边栏跳到最上\n if (sidebarRef.current) {\n sidebarRef.current.children[0].scrollTop = 0;\n }\n }, [imgIndex]);\n\n const expendRender = () => {\n const index = toolInstance.labelSelectedList[0];\n const value = inputList.filter((v: IInputList, i: number) => i === index)[0]?.value;\n setExpendKeyList(index, value, true);\n };\n\n const setExpendKeyList = useCallback(\n (index: number, value: string, expend?: boolean) => {\n const newKeyList = cloneDeep(expandKeyList);\n if (newKeyList[index] === '' || expend === true) {\n newKeyList[index] = value;\n } else {\n newKeyList[index] = '';\n }\n setExpandKeyList(newKeyList);\n },\n [expandKeyList],\n );\n\n if (!toolInstance) return null;\n\n const {\n labelSelectedList,\n config: { inputList },\n currentTagResult,\n setLabel,\n } = toolInstance;\n\n const selectedButton = (index: number) => {\n if (labelSelectedList.length > 0 && labelSelectedList[0] === index) {\n return <span className='keyDownIconActive'>{index + 1}</span>;\n }\n return <span className='keyDownIcon'>{index + 1}</span>;\n };\n\n // basicIndex 到底是那一层\n const labelPanel = (labelInfoSet: IInputList[], basicIndex = -1) => {\n if (!labelInfoSet) {\n return null;\n }\n\n return labelInfoSet.map((info: IInputList, index: number) => {\n if (info.subSelected) {\n // 判断是否有数据\n const isResult = TagUtils.judgeResultIsInInputList(\n info.value,\n currentTagResult?.result?.[info.value],\n inputList,\n );\n\n return (\n <Collapse\n bordered={false}\n expandIcon={expandIconFuc}\n key={`collapse_${index}_${basicIndex + 1}`}\n onChange={() => setExpendKeyList(index, info.value)}\n activeKey={[expandKeyList[index]]}\n >\n <Panel\n header={\n <div\n style={{\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n }}\n >\n <span>\n {info.key}\n <Tooltip placement='bottom' title={t('ClearThisOption')}>\n <img\n style={{ marginLeft: 5, cursor: 'pointer' }}\n onClick={(e) => {\n e.stopPropagation();\n toolInstance.clearResult(true, info.value);\n }}\n src={hoverDeleteIndex === index || isResult ? clearSmallA : clearSmall}\n onMouseEnter={() => {\n setHoverDeleteIndex(index);\n }}\n onMouseLeave={() => {\n setHoverDeleteIndex(-1);\n }}\n />\n </Tooltip>\n {isResult && expandKeyList[index] === '' && <Badge color='#87d068' />}\n </span>\n\n {inputList?.length > 1 && selectedButton(index)}\n </div>\n }\n key={info.value}\n >\n <div\n className='level'\n style={{\n backgroundColor:\n labelSelectedList.length > 0 && labelSelectedList[0] === index\n ? 'rgba(158, 158, 158, 0.18)'\n : '',\n }}\n >\n {labelPanel(info.subSelected, index)}\n </div>\n </Panel>\n </Collapse>\n );\n }\n const key = inputList?.[basicIndex] ? inputList?.[basicIndex].value : 0;\n const selectedAttribute =\n currentTagResult?.result?.[key]?.split(';')?.indexOf(info.value) > -1 ? info.value : '';\n\n if (inputList?.[basicIndex]?.isMulti === true) {\n return (\n <div className='singleBar' key={`${key}_${basicIndex}_${index}`}>\n <CheckBoxList\n attributeChanged={() => setLabel(basicIndex, index)}\n selectedAttribute={[selectedAttribute]}\n list={[{ value: info.value, label: info.key }]}\n num={index + 1}\n />\n </div>\n );\n }\n return (\n <div className='singleBar' key={`${key}_${basicIndex}_${index}`}>\n <RadioList\n forbidColor\n attributeChanged={() => setLabel(basicIndex, index)}\n selectedAttribute={selectedAttribute}\n list={[{ value: info.value, label: info.key }]}\n num={index + 1}\n />\n </div>\n );\n });\n };\n const height = window.innerHeight - 61 - 80;\n\n return (\n <div className='tagOperationMenu' ref={sidebarRef}>\n {inputList?.length === 0 ? (\n <div style={{ padding: 20, textAlign: 'center' }}>{t('NoConfiguration')}</div>\n ) : (\n <div className='main' style={{ height }}>\n {labelPanel(inputList)}\n </div>\n )}\n </div>\n );\n};\n\nfunction mapStateToProps(state: AppState) {\n return { toolInstance: state.annotation.toolInstance, imgIndex: state.annotation.imgIndex };\n}\n\nexport default connect(mapStateToProps)(TagSidebar);\n"],"names":["clearSmallA","clearSmall","CheckBoxList","RadioList"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/TextAreaFormat/index.tsx"],"sourcesContent":["import { TEXT_ATTRIBUTE_MAX_LENGTH } from '@/data/enums/ToolType';\nimport { TextUtils } from '@/utils/TextUtils';\nimport { Input, message, Tooltip } from 'antd/es';\nimport React, { FocusEvent, useEffect, useState } from 'react';\nimport IconClearSmallA from '@/assets/annotation/common/icon_clearSmall_a.svg';\nimport IconClearSmall from '@/assets/annotation/common/icon_clearSmall.svg';\nimport { classnames } from '@/utils';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n onChange: (value: string, isSubmit?: boolean) => void;\n textValue: string | undefined;\n checkString: string;\n textCheckType: number;\n}\n\nconst TextAreaFormat = (props: IProps) => {\n const { t } = useTranslation();\n\n const { onChange, textValue, checkString, textCheckType } = props;\n const [textLength, setTextLength] = useState<number>(0);\n const [error, setError] = useState<boolean>(false);\n const [onFocus, setOnFocus] = useState<boolean>(false);\n const [hoverDelete, setHoverDelete] = useState<boolean>(false);\n\n const clearIcon = (\n <a>\n <Tooltip placement='bottom' title={t('EmptyTextInput')}>\n <img\n onMouseEnter={() => setHoverDelete(true)}\n onMouseLeave={() => setHoverDelete(false)}\n style={{ marginLeft: 6 }}\n src={hoverDelete ? IconClearSmallA : IconClearSmall}\n onClick={(e) => {\n e.stopPropagation();\n onChange('');\n }}\n />\n </Tooltip>\n </a>\n );\n\n const keyDown = (e: React.KeyboardEvent) => {\n e.stopPropagation();\n };\n\n useEffect(() => {\n if (textValue) {\n setTextLength(textValue.length);\n }\n }, []);\n\n useEffect(() => {\n if (textValue === undefined || textValue === '') {\n setError(false);\n } else {\n try {\n textValue && setError(!new RegExp(checkString).test(textValue));\n } catch (error) {\n setError(true);\n message.destroy();\n message.error(t('RegularExpIncorrectly'));\n }\n }\n setTextLength(textValue?.length ?? 0);\n }, [textValue]);\n\n const checkText = (e: FocusEvent<HTMLTextAreaElement>) => {\n if (error) {\n onChange('');\n message.error(TextUtils.getErrorNotice(textCheckType));\n return true;\n }\n onChange(e.target.value, true); // 失焦的时候直接进行数据的提交\n };\n\n return (\n <div className='textInputContainer'>\n <div className='label'>\n {t('TextInput')}\n {clearIcon}\n </div>\n <div\n className={classnames({\n textareaContainer: true,\n focus: onFocus,\n })}\n >\n <div\n className={classnames({\n toolTextAreaBox: true,\n toolTextAreaBoxFocus: onFocus,\n })}\n >\n <Input.TextArea\n style={{ resize: 'none', height: 120, wordBreak: 'break-all' }}\n maxLength={TEXT_ATTRIBUTE_MAX_LENGTH}\n onKeyDownCapture={(e) => {\n e.stopPropagation();\n }}\n onKeyUpCapture={(e) => {\n e.stopPropagation();\n }}\n onChange={(e) => {\n onChange(e.target.value);\n setTextLength(e.target.value.length);\n }}\n onFocus={(e) => setOnFocus(true)}\n onBlur={(e) => {\n checkText(e);\n setOnFocus(false);\n }}\n value={textValue}\n onKeyDown={keyDown}\n className={error ? 'warning' : ''}\n />\n <div className='textAreaFooter'>\n <span className='wordCount'>\n <span className={textLength > TEXT_ATTRIBUTE_MAX_LENGTH || error ? 'warning' : ''}>\n {textLength}\n </span>\n /<span>{TEXT_ATTRIBUTE_MAX_LENGTH}</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default TextAreaFormat;\n"],"names":["IconClearSmallA","IconClearSmall"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/TextAreaFormat/index.tsx"],"sourcesContent":["import { TEXT_ATTRIBUTE_MAX_LENGTH } from '@/data/enums/ToolType';\nimport { TextUtils } from '@/utils/TextUtils';\nimport { Input, message, Tooltip } from 'antd/es';\nimport React, { FocusEvent, useEffect, useState } from 'react';\nimport IconClearSmallA from '@/assets/annotation/common/icon_clearSmall_a.svg';\nimport IconClearSmall from '@/assets/annotation/common/icon_clearSmall.svg';\nimport { classnames } from '@/utils';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n onChange: (value: string, isSubmit?: boolean) => void;\n textValue: string | undefined;\n checkString: string;\n textCheckType: number;\n}\n\nconst TextAreaFormat = (props: IProps) => {\n const { t } = useTranslation();\n\n const { onChange, textValue, checkString, textCheckType } = props;\n const [textLength, setTextLength] = useState<number>(0);\n const [error, setError] = useState<boolean>(false);\n const [onFocus, setOnFocus] = useState<boolean>(false);\n const [hoverDelete, setHoverDelete] = useState<boolean>(false);\n\n const clearIcon = (\n <a>\n <Tooltip placement='bottom' title={t('EmptyTextInput')}>\n <img\n onMouseEnter={() => setHoverDelete(true)}\n onMouseLeave={() => setHoverDelete(false)}\n style={{ marginLeft: 6 }}\n src={hoverDelete ? IconClearSmallA : IconClearSmall}\n onClick={(e) => {\n e.stopPropagation();\n onChange('');\n }}\n />\n </Tooltip>\n </a>\n );\n\n const keyDown = (e: React.KeyboardEvent) => {\n e.stopPropagation();\n };\n\n useEffect(() => {\n if (textValue) {\n setTextLength(textValue.length);\n }\n }, []);\n\n useEffect(() => {\n if (textValue === undefined || textValue === '') {\n setError(false);\n } else {\n try {\n textValue && setError(!new RegExp(checkString).test(textValue));\n } catch (error) {\n setError(true);\n message.destroy();\n message.error(t('RegularExpIncorrectly'));\n }\n }\n setTextLength(textValue?.length ?? 0);\n }, [textValue]);\n\n const checkText = (e: FocusEvent<HTMLTextAreaElement>) => {\n if (error) {\n onChange('');\n message.error(TextUtils.getErrorNotice(textCheckType));\n return true;\n }\n onChange(e.target.value, true); // 失焦的时候直接进行数据的提交\n };\n\n return (\n <div className='textInputContainer'>\n <div className='label'>\n {t('TextInput')}\n {clearIcon}\n </div>\n <div\n className={classnames({\n textareaContainer: true,\n focus: onFocus,\n })}\n >\n <div\n className={classnames({\n toolTextAreaBox: true,\n toolTextAreaBoxFocus: onFocus,\n })}\n >\n <Input.TextArea\n style={{ resize: 'none', height: 120, wordBreak: 'break-all' }}\n maxLength={TEXT_ATTRIBUTE_MAX_LENGTH}\n onKeyDownCapture={(e) => {\n e.stopPropagation();\n }}\n onKeyUpCapture={(e) => {\n e.stopPropagation();\n }}\n onChange={(e) => {\n onChange(e.target.value);\n setTextLength(e.target.value.length);\n }}\n onFocus={(e) => setOnFocus(true)}\n onBlur={(e) => {\n checkText(e);\n setOnFocus(false);\n }}\n value={textValue}\n onKeyDown={keyDown}\n className={error ? 'warning' : ''}\n />\n <div className='textAreaFooter'>\n <span className='wordCount'>\n <span className={textLength > TEXT_ATTRIBUTE_MAX_LENGTH || error ? 'warning' : ''}>\n {textLength}\n </span>\n /<span>{TEXT_ATTRIBUTE_MAX_LENGTH}</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default TextAreaFormat;\n"],"names":["IconClearSmallA","IconClearSmall"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/TextToolSidebar/index.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef, FocusEvent } from 'react';\nimport { connect } from 'react-redux';\nimport { AppState } from '@/store';\nimport { cloneDeep } from 'lodash';\nimport { classnames } from '@/utils';\nimport { Input } from 'antd/es';\nimport { cKeyCode } from '@labelbee/lb-annotation';\nimport { PageForward } from '@/store/annotation/actionCreators';\nimport { ConfigUtils } from '@/utils/ConfigUtils';\nimport { IStepInfo } from '@/types/step';\nimport TextToolOperation from '@labelbee/lb-annotation/dist/types/core/toolOperation/TextToolOperation';\nimport { useTranslation } from 'react-i18next';\n\nconst EKeyCode = cKeyCode.default;\n\nconst syntheticEventStopPagination = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n e.stopPropagation();\n e.nativeEvent.stopPropagation();\n e.nativeEvent.stopImmediatePropagation();\n};\n\ninterface ITextareaWithFooterProps {\n textareaProps?: any;\n footer?: any;\n}\n\nexport const TextareaWithFooter = (props: ITextareaWithFooterProps) => {\n const { textareaProps, footer } = props;\n\n return (\n <>\n <Input.TextArea\n bordered={false}\n rows={6}\n onKeyDown={syntheticEventStopPagination}\n onKeyUp={syntheticEventStopPagination}\n {...textareaProps}\n />\n <div\n className={classnames({\n textAreaLength: true,\n })}\n >\n {footer}\n </div>\n </>\n );\n};\n\ninterface IProps {\n dispatch: Function;\n toolInstance: TextToolOperation;\n imgIndex: number;\n triggerEventAfterIndexChanged: boolean;\n step: number;\n stepList: IStepInfo[];\n basicResultList: any[];\n}\n\ninterface IConfigListItem {\n label: string;\n key: string;\n required: boolean;\n default: string;\n maxLength: number;\n}\n\nexport const SingleTextInput = (props: any) => {\n const ref = useRef(null);\n const [textAreaFocus, setTextAreaFocus] = useState(false);\n const [invalid, setInvalid] = useState(false);\n const { t } = useTranslation();\n\n const { disabled, config, result, updateText, index, switchToNextTextarea, hasMultiple, onNext } =\n props;\n const { maxLength } = config;\n\n const value = result ? result[config.key] : '';\n const textLength = value?.length ?? 0;\n\n const updateTextWithKey = (newVal: string) => {\n if (updateText) {\n updateText(newVal, config.key);\n if (config.required) {\n setInvalid(!newVal);\n }\n }\n };\n\n const tabToSwitchEnabled = hasMultiple && switchToNextTextarea;\n\n const textareaProps = {\n id: `textInput-${index}`,\n ref,\n disabled,\n value,\n maxLength,\n autoSize: { minRows: 2, maxRows: 6 },\n onChange: (e: FocusEvent<HTMLTextAreaElement>) => {\n const value = e.target.value;\n updateTextWithKey(value);\n },\n onFocus: () => {\n setTextAreaFocus(true);\n },\n onBlur: (e: FocusEvent<HTMLTextAreaElement>) => {\n setTextAreaFocus(false);\n if (config.required) {\n setInvalid(!e.target.value);\n }\n },\n style: {\n resize: 'none',\n wordBreak: 'break-all',\n },\n onKeyDownCapture: (e: React.KeyboardEvent) => {\n if (e.ctrlKey && e.keyCode === EKeyCode.Enter) {\n if (onNext) {\n onNext();\n }\n e.preventDefault();\n }\n\n if (e.keyCode === EKeyCode.Tab && tabToSwitchEnabled) {\n e.preventDefault();\n e.nativeEvent.stopImmediatePropagation();\n switchToNextTextarea(index);\n }\n\n e.nativeEvent.stopPropagation();\n },\n };\n\n const TextareaFooter = (\n <div className='textAreaFooter'>\n <div className='hotkeyTip'>\n {tabToSwitchEnabled && <span>{`[${t('Switch')}]Tab`}</span>}\n <span>{`[${t('TurnPage')}]Ctrl+Enter`}</span>\n </div>\n <div className='wordCount'>\n <span className={textLength >= maxLength ? 'warning' : ''}>{textLength}</span>/\n <span>{maxLength}</span>\n </div>\n </div>\n );\n\n useEffect(() => {\n if (disabled) {\n setTextAreaFocus(false);\n }\n }, [disabled]);\n\n return (\n <div className='textField'>\n <div className='label'>\n <span className={classnames({ required: config.required })}>{config.label}</span>\n <i\n className={classnames({ clearText: true, disabled: disabled })}\n onClick={() => {\n if (disabled) {\n return;\n }\n updateTextWithKey('');\n }}\n />\n </div>\n <div\n className={classnames({\n disabled,\n 'textarea-outline': true,\n 'ant-input-focused': textAreaFocus,\n textareaContainer: true,\n focus: textAreaFocus,\n invalid: invalid,\n })}\n >\n <TextareaWithFooter footer={TextareaFooter} textareaProps={textareaProps} />\n </div>\n </div>\n );\n};\n\nconst TextToolSidebar: React.FC<IProps> = ({\n toolInstance,\n imgIndex,\n dispatch,\n triggerEventAfterIndexChanged,\n step,\n stepList,\n basicResultList,\n}) => {\n const [configList, setConfigList] = useState<IConfigListItem[]>([]);\n const [focusIndex, setFocusIndex] = useState(0);\n const [, forceRender] = useState(0);\n\n const switchToNextTextarea = (currentIndex: number) => {\n const nextIndex = (currentIndex + 1) % configList.length;\n textareaFocus(nextIndex);\n };\n\n const textareaFocus = (index: number) => {\n setTimeout(() => {\n const textarea = document.getElementById(`textInput-${index}`) as HTMLTextAreaElement;\n if (textarea) {\n setFocusIndex(index);\n textarea.focus();\n textarea.select();\n textarea.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n };\n\n useEffect(() => {\n if (toolInstance) {\n setConfigList(cloneDeep(toolInstance.config.configList));\n toolInstance.singleOn('valueUpdated', () => {\n forceRender((s) => s + 1);\n });\n }\n }, [toolInstance]);\n\n const updateText = (v: string, k: string) => {\n toolInstance.updateTextValue(k, v);\n };\n\n useEffect(() => {\n if (imgIndex > -1 && triggerEventAfterIndexChanged) {\n textareaFocus(0);\n }\n }, [imgIndex]);\n\n const result = toolInstance.textList[0]?.value ?? {};\n\n const onNext = () => {\n dispatch(PageForward(true));\n };\n\n const stepConfig = ConfigUtils.getStepConfig(stepList, step);\n const disabled = stepConfig.dataSourceStep > 0 && basicResultList.length === 0;\n\n return (\n <div className='textToolOperationMenu'>\n {configList.map((i, index) => (\n <SingleTextInput\n config={i}\n key={i.key}\n index={index}\n result={result}\n updateText={updateText}\n switchToNextTextarea={switchToNextTextarea}\n hasMultiple={configList.length > 1}\n focus={focusIndex === index}\n onNext={onNext}\n disabled={disabled}\n />\n ))}\n </div>\n );\n};\n\nfunction mapStateToProps(state: AppState) {\n return {\n toolInstance: state.annotation.toolInstance,\n imgIndex: state.annotation.imgIndex,\n step: state.annotation.step,\n basicResultList: state.annotation.basicResultList,\n stepList: state.annotation.stepList,\n triggerEventAfterIndexChanged: state.annotation.triggerEventAfterIndexChanged,\n };\n}\n\nexport default connect(mapStateToProps)(TextToolSidebar);\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/TextToolSidebar/index.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef, FocusEvent } from 'react';\nimport { connect } from 'react-redux';\nimport { AppState } from '@/store';\nimport { cloneDeep } from 'lodash';\nimport { classnames } from '@/utils';\nimport { Input } from 'antd/es';\nimport { cKeyCode } from '@labelbee/lb-annotation';\nimport { PageForward } from '@/store/annotation/actionCreators';\nimport { ConfigUtils } from '@/utils/ConfigUtils';\nimport { IStepInfo } from '@/types/step';\nimport TextToolOperation from '@labelbee/lb-annotation/dist/types/core/toolOperation/TextToolOperation';\nimport { useTranslation } from 'react-i18next';\n\nconst EKeyCode = cKeyCode.default;\n\nconst syntheticEventStopPagination = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n e.stopPropagation();\n e.nativeEvent.stopPropagation();\n e.nativeEvent.stopImmediatePropagation();\n};\n\ninterface ITextareaWithFooterProps {\n textareaProps?: any;\n footer?: any;\n}\n\nexport const TextareaWithFooter = (props: ITextareaWithFooterProps) => {\n const { textareaProps, footer } = props;\n\n return (\n <>\n <Input.TextArea\n bordered={false}\n rows={6}\n onKeyDown={syntheticEventStopPagination}\n onKeyUp={syntheticEventStopPagination}\n {...textareaProps}\n />\n <div\n className={classnames({\n textAreaLength: true,\n })}\n >\n {footer}\n </div>\n </>\n );\n};\n\ninterface IProps {\n dispatch: Function;\n toolInstance: TextToolOperation;\n imgIndex: number;\n triggerEventAfterIndexChanged: boolean;\n step: number;\n stepList: IStepInfo[];\n basicResultList: any[];\n}\n\ninterface IConfigListItem {\n label: string;\n key: string;\n required: boolean;\n default: string;\n maxLength: number;\n}\n\nexport const SingleTextInput = (props: any) => {\n const ref = useRef(null);\n const [textAreaFocus, setTextAreaFocus] = useState(false);\n const [invalid, setInvalid] = useState(false);\n const { t } = useTranslation();\n\n const { disabled, config, result, updateText, index, switchToNextTextarea, hasMultiple, onNext } =\n props;\n const { maxLength } = config;\n\n const value = result ? result[config.key] : '';\n const textLength = value?.length ?? 0;\n\n const updateTextWithKey = (newVal: string) => {\n if (updateText) {\n updateText(newVal, config.key);\n if (config.required) {\n setInvalid(!newVal);\n }\n }\n };\n\n const tabToSwitchEnabled = hasMultiple && switchToNextTextarea;\n\n const textareaProps = {\n id: `textInput-${index}`,\n ref,\n disabled,\n value,\n maxLength,\n autoSize: { minRows: 2, maxRows: 6 },\n onChange: (e: FocusEvent<HTMLTextAreaElement>) => {\n const value = e.target.value;\n updateTextWithKey(value);\n },\n onFocus: () => {\n setTextAreaFocus(true);\n },\n onBlur: (e: FocusEvent<HTMLTextAreaElement>) => {\n setTextAreaFocus(false);\n if (config.required) {\n setInvalid(!e.target.value);\n }\n },\n style: {\n resize: 'none',\n wordBreak: 'break-all',\n },\n onKeyDownCapture: (e: React.KeyboardEvent) => {\n if (e.ctrlKey && e.keyCode === EKeyCode.Enter) {\n if (onNext) {\n onNext();\n }\n e.preventDefault();\n }\n\n if (e.keyCode === EKeyCode.Tab && tabToSwitchEnabled) {\n e.preventDefault();\n e.nativeEvent.stopImmediatePropagation();\n switchToNextTextarea(index);\n }\n\n e.nativeEvent.stopPropagation();\n },\n };\n\n const TextareaFooter = (\n <div className='textAreaFooter'>\n <div className='hotkeyTip'>\n {tabToSwitchEnabled && <span>{`[${t('Switch')}]Tab`}</span>}\n <span>{`[${t('TurnPage')}]Ctrl+Enter`}</span>\n </div>\n <div className='wordCount'>\n <span className={textLength >= maxLength ? 'warning' : ''}>{textLength}</span>/\n <span>{maxLength}</span>\n </div>\n </div>\n );\n\n useEffect(() => {\n if (disabled) {\n setTextAreaFocus(false);\n }\n }, [disabled]);\n\n return (\n <div className='textField'>\n <div className='label'>\n <span className={classnames({ required: config.required })}>{config.label}</span>\n <i\n className={classnames({ clearText: true, disabled: disabled })}\n onClick={() => {\n if (disabled) {\n return;\n }\n updateTextWithKey('');\n }}\n />\n </div>\n <div\n className={classnames({\n disabled,\n 'textarea-outline': true,\n 'ant-input-focused': textAreaFocus,\n textareaContainer: true,\n focus: textAreaFocus,\n invalid: invalid,\n })}\n >\n <TextareaWithFooter footer={TextareaFooter} textareaProps={textareaProps} />\n </div>\n </div>\n );\n};\n\nconst TextToolSidebar: React.FC<IProps> = ({\n toolInstance,\n imgIndex,\n dispatch,\n triggerEventAfterIndexChanged,\n step,\n stepList,\n basicResultList,\n}) => {\n const [configList, setConfigList] = useState<IConfigListItem[]>([]);\n const [focusIndex, setFocusIndex] = useState(0);\n const [, forceRender] = useState(0);\n\n const switchToNextTextarea = (currentIndex: number) => {\n const nextIndex = (currentIndex + 1) % configList.length;\n textareaFocus(nextIndex);\n };\n\n const textareaFocus = (index: number) => {\n setTimeout(() => {\n const textarea = document.getElementById(`textInput-${index}`) as HTMLTextAreaElement;\n if (textarea) {\n setFocusIndex(index);\n textarea.focus();\n textarea.select();\n textarea.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n };\n\n useEffect(() => {\n if (toolInstance) {\n setConfigList(cloneDeep(toolInstance.config.configList));\n toolInstance.singleOn('valueUpdated', () => {\n forceRender((s) => s + 1);\n });\n }\n }, [toolInstance]);\n\n const updateText = (v: string, k: string) => {\n toolInstance.updateTextValue(k, v);\n };\n\n useEffect(() => {\n if (imgIndex > -1 && triggerEventAfterIndexChanged) {\n textareaFocus(0);\n }\n }, [imgIndex]);\n\n const result = toolInstance.textList[0]?.value ?? {};\n\n const onNext = () => {\n dispatch(PageForward(true));\n };\n\n const stepConfig = ConfigUtils.getStepConfig(stepList, step);\n const disabled = stepConfig.dataSourceStep > 0 && basicResultList.length === 0;\n\n return (\n <div className='textToolOperationMenu'>\n {configList.map((i, index) => (\n <SingleTextInput\n config={i}\n key={i.key}\n index={index}\n result={result}\n updateText={updateText}\n switchToNextTextarea={switchToNextTextarea}\n hasMultiple={configList.length > 1}\n focus={focusIndex === index}\n onNext={onNext}\n disabled={disabled}\n />\n ))}\n </div>\n );\n};\n\nfunction mapStateToProps(state: AppState) {\n return {\n toolInstance: state.annotation.toolInstance,\n imgIndex: state.annotation.imgIndex,\n step: state.annotation.step,\n basicResultList: state.annotation.basicResultList,\n stepList: state.annotation.stepList,\n triggerEventAfterIndexChanged: state.annotation.triggerEventAfterIndexChanged,\n };\n}\n\nexport default connect(mapStateToProps)(TextToolSidebar);\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/ToolStyle/index.tsx"],"sourcesContent":["import { Slider } from 'antd/es';\nimport React from 'react';\nimport widthSvg from '@/assets/toolStyle/icon_border.svg';\nimport colorSvg from '@/assets/toolStyle/icon_borderColor.svg';\nimport borderOpacitySvg from '@/assets/toolStyle/icon_opacityStroke.svg';\nimport fillOpacitySvg from '@/assets/toolStyle/icon_opacityFill.svg';\n\nimport { connect } from 'react-redux';\nimport { UpdateToolStyleConfig } from '@/store/toolStyle/actionCreators';\nimport { store } from '@/index';\nimport { AppState } from '@/store';\nimport { ToolStyleState } from '@/store/toolStyle/types';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n toolStyle: ToolStyleState;\n config: string;\n}\ntype ToolStyleKey = keyof ToolStyleState;\n\nconst getMarks = (type: string, t: any) => {\n const lineMarks = [\n { step: 1, value: '1' },\n { step: 2, value: '2' },\n { step: 3, value: '3' },\n { step: 4, value: '4' },\n { step: 5, value: '5' },\n ];\n const colorMarks = [\n { step: 1, value: 'Blue' },\n { step: 3, value: 'Cyan' },\n { step: 5, value: 'Green' },\n { step: 7, value: 'Yellow' },\n { step: 9, value: 'Pink' },\n ];\n const borderOpacityMarks = [\n { step: 1, value: '0.2' },\n { step: 3, value: '0.4' },\n { step: 5, value: '0.6' },\n { step: 7, value: '0.8' },\n { step: 9, value: '1.0' },\n ];\n\n const fillOpacityMarks = [\n { step: 1, value: '0' },\n { step: 3, value: '0.2' },\n { step: 5, value: '0.4' },\n { step: 7, value: '0.6' },\n { step: 9, value: '0.8' },\n ];\n let list: Array<{ step: number; value: string }> = [];\n const marks: {\n [a: number]: {\n style: {};\n label: any;\n };\n } = {};\n switch (type) {\n case 'width':\n list = lineMarks;\n break;\n case 'color':\n list = colorMarks;\n break;\n case 'borderOpacity':\n list = borderOpacityMarks;\n break;\n case 'fillOpacity':\n list = fillOpacityMarks;\n break;\n }\n list.forEach(({ step, value }) => {\n marks[step] = {\n style: { color: '#999999', fontSize: '12px' },\n label: <span>{t(value)}</span>,\n };\n });\n return marks;\n};\n\nconst getTitle = (title: string) => {\n switch (title) {\n case 'width':\n return 'BorderThickness';\n case 'color':\n return 'Color';\n case 'borderOpacity':\n return 'BorderOpacity';\n case 'fillOpacity':\n return 'FillOpacity';\n default:\n return '';\n }\n};\nconst getImage = (title: string) => {\n switch (title) {\n case 'width':\n return widthSvg;\n case 'color':\n return colorSvg;\n case 'borderOpacity':\n return borderOpacitySvg;\n case 'fillOpacity':\n return fillOpacitySvg;\n }\n};\nconst getDefaultValue = (value: string) => {\n switch (value) {\n case 'width':\n return 2;\n case 'color':\n return 1;\n case 'borderOpacity':\n return 9;\n case 'fillOpacity':\n return 9;\n }\n};\n\n/**\n * 判断使用那种样式 (slider的step中间为选中和step为选中)\n * @param info TToolStyleConfig\n */\nconst getStyleType = (info: string): boolean => ['width'].includes(info);\n\nconst ToolStyle = (props: IProps) => {\n const { toolStyle } = props;\n const { width, color, borderOpacity, fillOpacity } = toolStyle;\n const styleConfig = {\n width,\n color,\n borderOpacity,\n fillOpacity,\n };\n const { t } = useTranslation();\n\n // TODO - 样式标准的定义\n const annotationConfig: any = props.config;\n\n const changeToolStyle = (obj: { [key: string]: number }) => {\n store.dispatch(UpdateToolStyleConfig(obj));\n };\n\n return (\n <div className='toolStyle'>\n {Object.entries(styleConfig).map((item: any[]) => {\n const key: ToolStyleKey = item[0];\n // 判断是否需要 color 的使用,现在暂时默认不需要\n if (annotationConfig?.attributeConfigurable === true && key === 'color') {\n return null;\n }\n return (\n <div id={`style-${key}`} className='styleSlider' key={key}>\n <span className='title'>\n <img src={getImage(key)} className='icon' />\n {t(getTitle(key))}\n </span>\n <span className='slider'>\n <Slider\n tipFormatter={null}\n max={getStyleType(key) ? 5 : 10}\n min={getStyleType(key) ? 1 : 0}\n step={getStyleType(key) ? 1 : null}\n value={(toolStyle[key] ?? getDefaultValue(key)) as number}\n marks={getMarks(key, t)}\n onChange={(e: any) => changeToolStyle({ [key]: e })}\n />\n </span>\n </div>\n );\n })}\n </div>\n );\n};\nconst mapStateToProps = ({ toolStyle, annotation }: AppState) => ({\n toolStyle,\n config: annotation.toolInstance.config,\n});\nexport default connect(mapStateToProps)(ToolStyle);\n"],"names":["widthSvg","colorSvg","borderOpacitySvg","fillOpacitySvg"],"mappings":";;;;;;;;;;;AAoBA,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/ToolStyle/index.tsx"],"sourcesContent":["import { Slider } from 'antd/es';\nimport React from 'react';\nimport widthSvg from '@/assets/toolStyle/icon_border.svg';\nimport colorSvg from '@/assets/toolStyle/icon_borderColor.svg';\nimport borderOpacitySvg from '@/assets/toolStyle/icon_opacityStroke.svg';\nimport fillOpacitySvg from '@/assets/toolStyle/icon_opacityFill.svg';\n\nimport { connect } from 'react-redux';\nimport { UpdateToolStyleConfig } from '@/store/toolStyle/actionCreators';\nimport { store } from '@/index';\nimport { AppState } from '@/store';\nimport { ToolStyleState } from '@/store/toolStyle/types';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n toolStyle: ToolStyleState;\n config: string;\n}\ntype ToolStyleKey = keyof ToolStyleState;\n\nconst getMarks = (type: string, t: any) => {\n const lineMarks = [\n { step: 1, value: '1' },\n { step: 2, value: '2' },\n { step: 3, value: '3' },\n { step: 4, value: '4' },\n { step: 5, value: '5' },\n ];\n const colorMarks = [\n { step: 1, value: 'Blue' },\n { step: 3, value: 'Cyan' },\n { step: 5, value: 'Green' },\n { step: 7, value: 'Yellow' },\n { step: 9, value: 'Pink' },\n ];\n const borderOpacityMarks = [\n { step: 1, value: '0.2' },\n { step: 3, value: '0.4' },\n { step: 5, value: '0.6' },\n { step: 7, value: '0.8' },\n { step: 9, value: '1.0' },\n ];\n\n const fillOpacityMarks = [\n { step: 1, value: '0' },\n { step: 3, value: '0.2' },\n { step: 5, value: '0.4' },\n { step: 7, value: '0.6' },\n { step: 9, value: '0.8' },\n ];\n let list: Array<{ step: number; value: string }> = [];\n const marks: {\n [a: number]: {\n style: {};\n label: any;\n };\n } = {};\n switch (type) {\n case 'width':\n list = lineMarks;\n break;\n case 'color':\n list = colorMarks;\n break;\n case 'borderOpacity':\n list = borderOpacityMarks;\n break;\n case 'fillOpacity':\n list = fillOpacityMarks;\n break;\n }\n list.forEach(({ step, value }) => {\n marks[step] = {\n style: { color: '#999999', fontSize: '12px' },\n label: <span>{t(value)}</span>,\n };\n });\n return marks;\n};\n\nconst getTitle = (title: string) => {\n switch (title) {\n case 'width':\n return 'BorderThickness';\n case 'color':\n return 'Color';\n case 'borderOpacity':\n return 'BorderOpacity';\n case 'fillOpacity':\n return 'FillOpacity';\n default:\n return '';\n }\n};\nconst getImage = (title: string) => {\n switch (title) {\n case 'width':\n return widthSvg;\n case 'color':\n return colorSvg;\n case 'borderOpacity':\n return borderOpacitySvg;\n case 'fillOpacity':\n return fillOpacitySvg;\n }\n};\nconst getDefaultValue = (value: string) => {\n switch (value) {\n case 'width':\n return 2;\n case 'color':\n return 1;\n case 'borderOpacity':\n return 9;\n case 'fillOpacity':\n return 9;\n }\n};\n\n/**\n * 判断使用那种样式 (slider的step中间为选中和step为选中)\n * @param info TToolStyleConfig\n */\nconst getStyleType = (info: string): boolean => ['width'].includes(info);\n\nconst ToolStyle = (props: IProps) => {\n const { toolStyle } = props;\n const { width, color, borderOpacity, fillOpacity } = toolStyle;\n const styleConfig = {\n width,\n color,\n borderOpacity,\n fillOpacity,\n };\n const { t } = useTranslation();\n\n // TODO - 样式标准的定义\n const annotationConfig: any = props.config;\n\n const changeToolStyle = (obj: { [key: string]: number }) => {\n store.dispatch(UpdateToolStyleConfig(obj));\n };\n\n return (\n <div className='toolStyle'>\n {Object.entries(styleConfig).map((item: any[]) => {\n const key: ToolStyleKey = item[0];\n // 判断是否需要 color 的使用,现在暂时默认不需要\n if (annotationConfig?.attributeConfigurable === true && key === 'color') {\n return null;\n }\n return (\n <div id={`style-${key}`} className='styleSlider' key={key}>\n <span className='title'>\n <img src={getImage(key)} className='icon' />\n {t(getTitle(key))}\n </span>\n <span className='slider'>\n <Slider\n tipFormatter={null}\n max={getStyleType(key) ? 5 : 10}\n min={getStyleType(key) ? 1 : 0}\n step={getStyleType(key) ? 1 : null}\n value={(toolStyle[key] ?? getDefaultValue(key)) as number}\n marks={getMarks(key, t)}\n onChange={(e: any) => changeToolStyle({ [key]: e })}\n />\n </span>\n </div>\n );\n })}\n </div>\n );\n};\nconst mapStateToProps = ({ toolStyle, annotation }: AppState) => ({\n toolStyle,\n config: annotation.toolInstance.config,\n});\nexport default connect(mapStateToProps)(ToolStyle);\n"],"names":["widthSvg","colorSvg","borderOpacitySvg","fillOpacitySvg"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import S from"../../../assets/annotation/lineTool/icon_line_a.svg.js";import E from"../../../assets/annotation/pointTool/icon_point_a.svg.js";import T from"../../../assets/annotation/polygonTool/icon_polygon_a.svg.js";import x from"../../../assets/annotation/rectTool/icon_rectPattern.svg.js";import{prefix as h}from"../../../constant/index.js";import{EToolName as t}from"../../../data/enums/ToolType.js";import L from"../../../utils/StepUtils.js";import{Row as C,Collapse as s}from"antd/es";import e from"react";import{useTranslation as R}from"react-i18next";import{useSelector as w}from"react-redux";import O from"./AnnotationText/index.js";import z from"./ClearIcon/index.js";import B from"./GeneralOperation/index.js";import G from"./ImgAttributeInfo/index.js";import K from"./SwitchAttributeList/index.js";import _,{expandIconFuc as N}from"./TagSidebar/index.js";import b from"./TextToolSidebar/index.js";import U from"./ToolStyle/index.js";const{Panel:j}=s,y=[{toolName:t.Rect,commonSvg:x,selectedSvg:x},{toolName:t.Polygon,commonSvg:T,selectedSvg:T},{toolName:t.Line,commonSvg:S,selectedSvg:S,pattern:t.Line},{toolName:t.Point,commonSvg:E,selectedSvg:E,pattern:"drawPoint"}],o=`${h}-sidebar`,k=({sider:a})=>{const m=w(n=>L.getCurrentStepInfo(n.annotation.step,n.annotation.stepList)),l=m==null?void 0:m.tool,{t:c}=R();if(!l)return null;const r=y==null?void 0:y.find(n=>(n==null?void 0:n.toolName)===l),I=n=>{const P=e.createElement(U,null);return e.createElement(j,{header:c("Style"),className:"panel",key:n},P)},d=e.createElement("div",{className:`${o}__level`},e.createElement(C,{className:`${o}__toolsOption`},r&&e.createElement("a",null,e.createElement("img",{className:`${o}__singleTool`,src:r==null?void 0:r.selectedSvg})))),p=e.createElement(K,null),u=e.createElement(O,null),f=e.createElement(s,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${o}__content`,expandIcon:N},I("1")),g=e.createElement(s,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${o}__content`,expandIcon:N},e.createElement(j,{header:e.createElement("div",null,c("Adjust"),e.createElement(z,null)),className:"panel",key:"imgAttribute"},e.createElement(G,null))),v=e.createElement(B,null),$=e.createElement(_,null),A=e.createElement(b,null),i=e.createElement("div",{className:`${o}__horizontal`});return a?typeof a=="function"?e.createElement("div",{className:`${o}`},a({toolIcon:d,attributeList:p,annotationText:u,toolStyle:f,imageAttributeInfo:g,operation:v,tagToolSideBar:$,textToolSideBar:A,horizontal:i})):a:[t.Rect,t.Point,t.Line,t.Rect,t.Polygon].includes(l)?e.createElement("div",{className:`${o}`},d,i,p,u,i,e.createElement("div",{className:`${o}__content`},f,g),v):l===t.Tag?e.createElement("div",{className:`${o}`},e.createElement(_,null)):l===t.Text?e.createElement("div",{className:`${o}`},e.createElement(b,null)):null};export{k as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/views/MainView/sidebar/index.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/views/MainView/sidebar/index.tsx"],"sourcesContent":["import lineASvg from '@/assets/annotation/lineTool/icon_line_a.svg';\nimport pointASvg from '@/assets/annotation/pointTool/icon_point_a.svg';\nimport iconPolygonPatternASvg from '@/assets/annotation/polygonTool/icon_polygon_a.svg';\nimport iconRectPatternSvg from '@/assets/annotation/rectTool/icon_rectPattern.svg';\nimport { prefix } from '@/constant';\nimport { EToolName } from '@/data/enums/ToolType';\nimport { AppState } from '@/store';\nimport { Sider } from '@/types/main';\nimport StepUtils from '@/utils/StepUtils';\nimport { Collapse, Row } from 'antd/es';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useSelector } from 'react-redux';\nimport AnnotationText from './AnnotationText';\nimport ClearIcon from './ClearIcon';\nimport GeneralOperation from './GeneralOperation';\nimport ImgAttributeInfo from './ImgAttributeInfo';\nimport SwitchAttributeList from './SwitchAttributeList';\nimport TagSidebar, { expandIconFuc } from './TagSidebar';\nimport TextToolSidebar from './TextToolSidebar';\nimport ToolStyle from './ToolStyle';\n\nconst { Panel } = Collapse;\n\ninterface IProps {\n toolName?: EToolName;\n sider?: Sider;\n}\n\nconst toolList = [\n {\n toolName: EToolName.Rect,\n commonSvg: iconRectPatternSvg,\n selectedSvg: iconRectPatternSvg,\n },\n // 多边形工具\n {\n toolName: EToolName.Polygon,\n commonSvg: iconPolygonPatternASvg,\n selectedSvg: iconPolygonPatternASvg,\n },\n {\n toolName: EToolName.Line,\n commonSvg: lineASvg,\n selectedSvg: lineASvg,\n pattern: EToolName.Line,\n },\n {\n toolName: EToolName.Point,\n commonSvg: pointASvg,\n selectedSvg: pointASvg,\n pattern: 'drawPoint',\n },\n];\nconst sidebarCls = `${prefix}-sidebar`;\nconst Sidebar: React.FC<IProps> = ({ sider }) => {\n const stepInfo = useSelector((state: AppState) =>\n StepUtils.getCurrentStepInfo(state.annotation.step, state.annotation.stepList),\n );\n const toolName = stepInfo?.tool as EToolName;\n const { t } = useTranslation();\n\n if (!toolName) {\n return null;\n }\n\n const renderTool = toolList?.find((item) => item?.toolName === toolName);\n\n /**\n * 样式面板, 包含透明度、线框、颜色\n * @param key 虚拟dom的key\n */\n const renderStylePanel = (key: string) => {\n const ToolStyleComponent = <ToolStyle />;\n return (\n <Panel header={t('Style')} className='panel' key={key}>\n {ToolStyleComponent}\n </Panel>\n );\n };\n\n const toolIcon = (\n <div className={`${sidebarCls}__level`}>\n <Row className={`${sidebarCls}__toolsOption`}>\n {renderTool && (\n <a>\n <img className={`${sidebarCls}__singleTool`} src={renderTool?.selectedSvg} />\n </a>\n )}\n </Row>\n </div>\n );\n\n const attributeList = <SwitchAttributeList />;\n\n const annotationText = <AnnotationText />;\n\n const toolStyle = (\n <Collapse\n defaultActiveKey={['1', 'imgAttribute']}\n bordered={false}\n expandIconPosition='right'\n className={`${sidebarCls}__content`}\n expandIcon={expandIconFuc}\n >\n {renderStylePanel('1')}\n </Collapse>\n );\n\n const imageAttributeInfo = (\n <Collapse\n defaultActiveKey={['1', 'imgAttribute']}\n bordered={false}\n expandIconPosition='right'\n className={`${sidebarCls}__content`}\n expandIcon={expandIconFuc}\n >\n <Panel\n header={\n <div>\n {t('Adjust')}\n\n <ClearIcon />\n </div>\n }\n className='panel'\n key='imgAttribute'\n >\n <ImgAttributeInfo />\n </Panel>\n </Collapse>\n );\n\n const operation = <GeneralOperation />;\n\n const tagToolSideBar = <TagSidebar />;\n\n const textToolSideBar = <TextToolSidebar />;\n\n const horizontal = <div className={`${sidebarCls}__horizontal`} />;\n\n if (sider) {\n if (typeof sider === 'function') {\n return (\n <div className={`${sidebarCls}`}>\n {sider({\n toolIcon,\n attributeList,\n annotationText,\n toolStyle,\n imageAttributeInfo,\n operation,\n tagToolSideBar,\n textToolSideBar,\n horizontal,\n })}\n </div>\n );\n } else {\n return sider;\n }\n }\n\n if (\n [EToolName.Rect, EToolName.Point, EToolName.Line, EToolName.Rect, EToolName.Polygon].includes(\n toolName,\n )\n ) {\n return (\n <div className={`${sidebarCls}`}>\n {toolIcon}\n {horizontal}\n {attributeList}\n {annotationText}\n {horizontal}\n <div className={`${sidebarCls}__content`}>\n {toolStyle}\n {imageAttributeInfo}\n </div>\n {operation}\n </div>\n );\n }\n\n if (toolName === EToolName.Tag) {\n return (\n <div className={`${sidebarCls}`}>\n <TagSidebar />\n </div>\n );\n }\n\n if (toolName === EToolName.Text) {\n return (\n <div className={`${sidebarCls}`}>\n <TextToolSidebar />\n </div>\n );\n }\n\n return null;\n};\n\nexport default Sidebar;\n"],"names":["iconRectPatternSvg","iconPolygonPatternASvg","lineASvg","pointASvg","ClearIcon"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/common/index.tsx"],"sourcesContent":["import RevokeSvg from '@/assets/annotation/toolHotKeyIcon/icon_cencel_kj.svg';\nimport RestoreSvg from '@/assets/annotation/toolHotKeyIcon/icon_reform_kj.svg';\nimport ScaleSvg from '@/assets/annotation/toolHotKeyIcon/icon_loupe_kj.svg';\nimport ScaleShortCutSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_middle_kj.svg';\nimport FullScreenSvg from '@/assets/annotation/toolHotKeyIcon/icon_fullView_kj.svg';\nimport RotateSvg from '@/assets/annotation/toolHotKeyIcon/icon_reload_kj.svg';\nimport SetValidSvg from '@/assets/annotation/toolHotKeyIcon/setValid.svg';\nimport BackwardSvg from '@/assets/annotation/toolHotKeyIcon/icon_last_kj.svg';\nimport ForwardSvg from '@/assets/annotation/toolHotKeyIcon/icon_next_kj.svg';\nimport DragWithRightClickSvg from '@/assets/annotation/toolHotKeyIcon/icon_move_kj.svg';\nimport DragWithRightClickShortCutSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg';\nimport DragWithLeftClickSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg';\nimport CopyBackwardResultSvg from '@/assets/annotation/toolHotKeyIcon/icon_copyBackwardResult.svg';\nimport TabChangeSelectedSvg from '@/assets/annotation/toolHotKeyIcon/icon_tab_kj.svg';\nimport TabReverseChangeSelectedSVG from '@/assets/annotation/toolHotKeyIcon/icon_alttab_kj.svg';\nimport IconSaveKj from '@/assets/annotation/toolHotKeyIcon/icon_save_kj.svg';\nimport IconLineSpecialKj from '@/assets/annotation/toolHotKeyIcon/icon_lineSpecial_kj.svg';\nimport IconNoDisplay from '@/assets/annotation/toolHotKeyIcon/icon_noDisplay.svg';\nimport IconEyeLockKj from '@/assets/annotation/toolHotKeyIcon/icon_eyeLock_kj.svg';\n\nexport const revoke = {\n name: 'Undo',\n icon: RevokeSvg,\n shortCut: ['Ctrl', 'Z'],\n};\n\nexport const restore = {\n name: 'Redo',\n icon: RestoreSvg,\n shortCut: ['Ctrl', 'Shift', 'Z'],\n};\n\nexport const scale = {\n name: 'Scale',\n icon: ScaleSvg,\n shortCut: [ScaleShortCutSvg],\n};\n\nexport const fullScreen = {\n name: 'Fullscreen',\n icon: FullScreenSvg,\n shortCut: ['F11'],\n};\n\nexport const rotate = {\n name: 'Rotate',\n icon: RotateSvg,\n shortCut: ['R'],\n noticeInfo: 'ToOriginalStep',\n};\n\nexport const setValid = {\n name: 'ToggleEffectiveness',\n icon: SetValidSvg,\n shortCut: ['Y'],\n};\n\nexport const backward = {\n name: 'Previous',\n icon: BackwardSvg,\n shortCut: ['A'],\n};\n\nexport const forward = {\n name: 'Next',\n icon: ForwardSvg,\n shortCut: ['D'],\n};\n\nexport const backwardPage = {\n name: 'PreviousFolder',\n icon: BackwardSvg,\n shortCut: ['Shift', 'A'],\n};\n\nexport const forwardPage = {\n name: 'NextFolder',\n icon: ForwardSvg,\n shortCut: ['Shift', 'D'],\n};\n\nexport const dargWithRightClick = {\n name: 'Drag',\n icon: DragWithRightClickSvg,\n shortCut: [DragWithRightClickShortCutSvg],\n noticeInfo: 'Press',\n};\n\nexport const dargWithLeftClick = {\n name: 'Drag',\n icon: DragWithRightClickSvg,\n shortCut: ['Space', DragWithLeftClickSvg],\n};\n\nexport const forwardWithEnter = {\n name: 'Next',\n icon: ForwardSvg,\n shortCut: ['Ctrl', 'Enter'],\n};\n\nexport const copyBackwardResult = {\n name: 'CopyThePrevious',\n icon: CopyBackwardResultSvg,\n shortCut: ['ALT', 'C'],\n};\n\nexport const attributeLock = {\n name: 'SpecifiedAttributesOnly',\n icon: IconEyeLockKj,\n shortCut: ['Shift', 'Number'],\n};\n\nexport const attributeClickLock = {\n name: 'SpecifiedAttributesOnly',\n icon: IconEyeLockKj,\n shortCut: ['Shift', DragWithLeftClickSvg],\n};\n\nexport const tabChangeSelected = {\n name: 'ToggleSelected',\n icon: TabChangeSelectedSvg,\n shortCut: ['Tab'],\n};\n\nexport const tabReverseChangeSelected = {\n name: 'ToggleSelectedReverse',\n icon: TabReverseChangeSelectedSVG,\n shortCut: ['Shift', 'Tab'],\n};\n\nexport const hidden = {\n name: 'HideGraphics',\n icon: IconNoDisplay,\n noticeInfo: '',\n shortCut: ['Z'],\n};\n\nexport const changeSpecialLine = {\n name: 'ToggleLineParticularity',\n icon: IconLineSpecialKj,\n noticeInfo: 'ToSide',\n shortCut: ['Shift', DragWithLeftClickSvg],\n};\n\nexport const saveResult = {\n name: 'Save',\n icon: IconSaveKj,\n shortCut: ['Ctrl', 'S'],\n};\n"],"names":["RevokeSvg","RestoreSvg","ScaleSvg","ScaleShortCutSvg","FullScreenSvg","RotateSvg","SetValidSvg","BackwardSvg","ForwardSvg","DragWithRightClickSvg","DragWithRightClickShortCutSvg","DragWithLeftClickSvg","TabChangeSelectedSvg","TabReverseChangeSelectedSVG","IconNoDisplay","IconLineSpecialKj","IconSaveKj"],"mappings":";;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/common/index.tsx"],"sourcesContent":["import RevokeSvg from '@/assets/annotation/toolHotKeyIcon/icon_cencel_kj.svg';\nimport RestoreSvg from '@/assets/annotation/toolHotKeyIcon/icon_reform_kj.svg';\nimport ScaleSvg from '@/assets/annotation/toolHotKeyIcon/icon_loupe_kj.svg';\nimport ScaleShortCutSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_middle_kj.svg';\nimport FullScreenSvg from '@/assets/annotation/toolHotKeyIcon/icon_fullView_kj.svg';\nimport RotateSvg from '@/assets/annotation/toolHotKeyIcon/icon_reload_kj.svg';\nimport SetValidSvg from '@/assets/annotation/toolHotKeyIcon/setValid.svg';\nimport BackwardSvg from '@/assets/annotation/toolHotKeyIcon/icon_last_kj.svg';\nimport ForwardSvg from '@/assets/annotation/toolHotKeyIcon/icon_next_kj.svg';\nimport DragWithRightClickSvg from '@/assets/annotation/toolHotKeyIcon/icon_move_kj.svg';\nimport DragWithRightClickShortCutSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg';\nimport DragWithLeftClickSvg from '@/assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg';\nimport CopyBackwardResultSvg from '@/assets/annotation/toolHotKeyIcon/icon_copyBackwardResult.svg';\nimport TabChangeSelectedSvg from '@/assets/annotation/toolHotKeyIcon/icon_tab_kj.svg';\nimport TabReverseChangeSelectedSVG from '@/assets/annotation/toolHotKeyIcon/icon_alttab_kj.svg';\nimport IconSaveKj from '@/assets/annotation/toolHotKeyIcon/icon_save_kj.svg';\nimport IconLineSpecialKj from '@/assets/annotation/toolHotKeyIcon/icon_lineSpecial_kj.svg';\nimport IconNoDisplay from '@/assets/annotation/toolHotKeyIcon/icon_noDisplay.svg';\nimport IconEyeLockKj from '@/assets/annotation/toolHotKeyIcon/icon_eyeLock_kj.svg';\n\nexport const revoke = {\n name: 'Undo',\n icon: RevokeSvg,\n shortCut: ['Ctrl', 'Z'],\n};\n\nexport const restore = {\n name: 'Redo',\n icon: RestoreSvg,\n shortCut: ['Ctrl', 'Shift', 'Z'],\n};\n\nexport const scale = {\n name: 'Scale',\n icon: ScaleSvg,\n shortCut: [ScaleShortCutSvg],\n};\n\nexport const fullScreen = {\n name: 'Fullscreen',\n icon: FullScreenSvg,\n shortCut: ['F11'],\n};\n\nexport const rotate = {\n name: 'Rotate',\n icon: RotateSvg,\n shortCut: ['R'],\n noticeInfo: 'ToOriginalStep',\n};\n\nexport const setValid = {\n name: 'ToggleEffectiveness',\n icon: SetValidSvg,\n shortCut: ['Y'],\n};\n\nexport const backward = {\n name: 'Previous',\n icon: BackwardSvg,\n shortCut: ['A'],\n};\n\nexport const forward = {\n name: 'Next',\n icon: ForwardSvg,\n shortCut: ['D'],\n};\n\nexport const backwardPage = {\n name: 'PreviousFolder',\n icon: BackwardSvg,\n shortCut: ['Shift', 'A'],\n};\n\nexport const forwardPage = {\n name: 'NextFolder',\n icon: ForwardSvg,\n shortCut: ['Shift', 'D'],\n};\n\nexport const dargWithRightClick = {\n name: 'Drag',\n icon: DragWithRightClickSvg,\n shortCut: [DragWithRightClickShortCutSvg],\n noticeInfo: 'Press',\n};\n\nexport const dargWithLeftClick = {\n name: 'Drag',\n icon: DragWithRightClickSvg,\n shortCut: ['Space', DragWithLeftClickSvg],\n};\n\nexport const forwardWithEnter = {\n name: 'Next',\n icon: ForwardSvg,\n shortCut: ['Ctrl', 'Enter'],\n};\n\nexport const copyBackwardResult = {\n name: 'CopyThePrevious',\n icon: CopyBackwardResultSvg,\n shortCut: ['ALT', 'C'],\n};\n\nexport const attributeLock = {\n name: 'SpecifiedAttributesOnly',\n icon: IconEyeLockKj,\n shortCut: ['Shift', 'Number'],\n};\n\nexport const attributeClickLock = {\n name: 'SpecifiedAttributesOnly',\n icon: IconEyeLockKj,\n shortCut: ['Shift', DragWithLeftClickSvg],\n};\n\nexport const tabChangeSelected = {\n name: 'ToggleSelected',\n icon: TabChangeSelectedSvg,\n shortCut: ['Tab'],\n};\n\nexport const tabReverseChangeSelected = {\n name: 'ToggleSelectedReverse',\n icon: TabReverseChangeSelectedSVG,\n shortCut: ['Shift', 'Tab'],\n};\n\nexport const hidden = {\n name: 'HideGraphics',\n icon: IconNoDisplay,\n noticeInfo: '',\n shortCut: ['Z'],\n};\n\nexport const changeSpecialLine = {\n name: 'ToggleLineParticularity',\n icon: IconLineSpecialKj,\n noticeInfo: 'ToSide',\n shortCut: ['Shift', DragWithLeftClickSvg],\n};\n\nexport const saveResult = {\n name: 'Save',\n icon: IconSaveKj,\n shortCut: ['Ctrl', 'S'],\n};\n"],"names":["RevokeSvg","RestoreSvg","ScaleSvg","ScaleShortCutSvg","FullScreenSvg","RotateSvg","SetValidSvg","BackwardSvg","ForwardSvg","DragWithRightClickSvg","DragWithRightClickShortCutSvg","DragWithLeftClickSvg","TabChangeSelectedSvg","TabReverseChangeSelectedSVG","IconNoDisplay","IconLineSpecialKj","IconSaveKj"],"mappings":";;;;;;;;;;;;;;;;;;AAoBO,MAAM,MAAS,GAAA;AAAA,EACpB,IAAM,EAAA,MAAA;AAAA,EACN,IAAM,EAAAA,GAAA;AAAA,EACN,QAAA,EAAU,CAAC,MAAQ,EAAA,GAAA,CAAA;AAAA,EAAA;AAGd,MAAM,OAAU,GAAA;AAAA,EACrB,IAAM,EAAA,MAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,QAAA,EAAU,CAAC,MAAA,EAAQ,OAAS,EAAA,GAAA,CAAA;AAAA,EAAA;AAGvB,MAAM,KAAQ,GAAA;AAAA,EACnB,IAAM,EAAA,OAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAACC,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,UAAa,GAAA;AAAA,EACxB,IAAM,EAAA,YAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,MAAS,GAAA;AAAA,EACpB,IAAM,EAAA,QAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,GAAA,CAAA;AAAA,EACX,UAAY,EAAA,gBAAA;AAAA,EAAA;AAGP,MAAM,QAAW,GAAA;AAAA,EACtB,IAAM,EAAA,qBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,GAAA,CAAA;AAAA,EAAA;AAGN,MAAM,QAAW,GAAA;AAAA,EACtB,IAAM,EAAA,UAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,GAAA,CAAA;AAAA,EAAA;AAGN,MAAM,OAAU,GAAA;AAAA,EACrB,IAAM,EAAA,MAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,GAAA,CAAA;AAAA,EAAA;AAeN,MAAM,kBAAqB,GAAA;AAAA,EAChC,IAAM,EAAA,MAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAACC,KAAA,CAAA;AAAA,EACX,UAAY,EAAA,OAAA;AAAA,EAAA;AAGP,MAAM,iBAAoB,GAAA;AAAA,EAC/B,IAAM,EAAA,MAAA;AAAA,EACN,IAAM,EAAAD,KAAA;AAAA,EACN,QAAA,EAAU,CAAC,OAAS,EAAAE,KAAA,CAAA;AAAA,EAAA;AA2Bf,MAAM,iBAAoB,GAAA;AAAA,EAC/B,IAAM,EAAA,gBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,wBAA2B,GAAA;AAAA,EACtC,IAAM,EAAA,uBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,QAAA,EAAU,CAAC,OAAS,EAAA,KAAA,CAAA;AAAA,EAAA;AAGf,MAAM,MAAS,GAAA;AAAA,EACpB,IAAM,EAAA,cAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAY,EAAA,EAAA;AAAA,EACZ,UAAU,CAAC,GAAA,CAAA;AAAA,EAAA;AAGN,MAAM,iBAAoB,GAAA;AAAA,EAC/B,IAAM,EAAA,yBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAY,EAAA,QAAA;AAAA,EACZ,QAAA,EAAU,CAAC,OAAS,EAAAJ,KAAA,CAAA;AAAA,EAAA;AAGf,MAAM,UAAa,GAAA;AAAA,EACxB,IAAM,EAAA,MAAA;AAAA,EACN,IAAM,EAAAK,KAAA;AAAA,EACN,QAAA,EAAU,CAAC,MAAQ,EAAA,GAAA,CAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
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;;;;"}
|
|
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":"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"}
|
|
@@ -1 +1 @@
|
|
|
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":";;;;;;;;;;;;;;
|
|
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":";;;;;;;;;;;;;;AAoCO,MAAM,IAAO,GAAA;AAAA,EAClB,IAAM,EAAA,cAAA;AAAA,EACN,IAAM,EAAAA,GAAA;AAAA,EACN,UAAU,CAACC,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,WAAc,GAAA;AAAA,EACzB,IAAM,EAAA,qBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,QAAA,EAAU,CAAC,MAAQ,EAAAD,KAAA,CAAA;AAAA,EAAA;AAGd,MAAM,cAAiB,GAAA;AAAA,EAC5B,IAAM,EAAA,sBAAA;AAAA,EACN,IAAM,EAAAE,KAAA;AAAA,EACN,QAAA,EAAU,CAAC,OAAS,EAAAF,KAAA,CAAA;AAAA,EAAA;AAGf,MAAM,UAAa,GAAA;AAAA,EACxB,IAAM,EAAA,YAAA;AAAA,EACN,IAAM,EAAAG,KAAA;AAAA,EACN,UAAU,CAACC,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,mBAAsB,GAAA;AAAA,EACjC,IAAM,EAAA,yBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,GAAA,CAAA;AAAA,EAAA;AAGN,MAAM,UAAa,GAAA;AAAA,EACxB,IAAM,EAAA,YAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAY,EAAA,sBAAA;AAAA,EACZ,UAAU,CAACF,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,QAAW,GAAA;AAAA,EACtB,IAAM,EAAA,iBAAA;AAAA,EACN,IAAM,EAAAG,KAAA;AAAA,EACN,UAAY,EAAA,QAAA;AAAA,EACZ,UAAU,CAAC,OAAA,CAAA;AAAA,EAAA;AAGN,MAAM,WAAc,GAAA;AAAA,EACzB,IAAM,EAAA,aAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAY,EAAA,aAAA;AAAA,EACZ,UAAU,CAACR,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,WAAc,GAAA;AAAA,EACzB,IAAM,EAAA,aAAA;AAAA,EACN,IAAM,EAAAS,KAAA;AAAA,EACN,UAAY,EAAA,iBAAA;AAAA,EACZ,UAAU,CAACL,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,iBAAoB,GAAA;AAAA,EAC/B,IAAM,EAAA,gBAAA;AAAA,EACN,IAAM,EAAAM,KAAA;AAAA,EACN,UAAY,EAAA,OAAA;AAAA,EACZ,UAAU,CAAC,KAAA,CAAA;AAAA,EAAA;AAeb,MAAM,qBAAwB,GAAA;AAAA,EAE5B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA,mBAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,iBAAA;AAAA,EAGA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EAEA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EAEA,kBAAA;AAAA,EACA,iBAAA;AAAA,EACA,MAAA;AAAA,EACA,iBAAA;AAAA,EACA,wBAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
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":";;;;;;;;
|
|
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":";;;;;;;;AAoBO,MAAM,SAAY,GAAA;AAAA,EACvB,IAAM,EAAA,eAAA;AAAA,EACN,IAAM,EAAAA,GAAA;AAAA,EACN,UAAU,CAACC,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,gBAAmB,GAAA;AAAA,EAC9B,IAAM,EAAA,sBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,QAAA,EAAU,CAAC,MAAQ,EAAAD,KAAA,CAAA;AAAA,EAAA;AAGd,MAAM,WAAc,GAAA;AAAA,EACzB,IAAM,EAAA,aAAA;AAAA,EACN,IAAM,EAAAE,KAAA;AAAA,EACN,UAAU,CAACC,KAAA,CAAA;AAAA,EACX,UAAY,EAAA,YAAA;AAAA,EAAA;AAGP,MAAM,WAAc,GAAA;AAAA,EACzB,IAAM,EAAA,aAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,KAAA,CAAA;AAAA,EAAA;AAGb,MAAM,sBAAyB,GAAA;AAAA,EAC7B,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EAEA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EAEA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,kBAAA;AAAA,EACA,iBAAA;AAAA,EACA,wBAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
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":";;;;;;;;;;;;
|
|
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":";;;;;;;;;;;;AAqCO,MAAM,OAAU,GAAA;AAAA,EACrB,IAAM,EAAA,iBAAA;AAAA,EACN,IAAM,EAAAA,GAAA;AAAA,EACN,UAAU,CAACC,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,cAAiB,GAAA;AAAA,EAC5B,IAAM,EAAA,wBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,QAAA,EAAU,CAAC,MAAQ,EAAAD,KAAA,CAAA;AAAA,EAAA;AAGd,MAAM,eAAkB,GAAA;AAAA,EAC7B,IAAM,EAAA,eAAA;AAAA,EACN,IAAM,EAAAE,KAAA;AAAA,EACN,UAAU,CAACC,KAAA,CAAA;AAAA,EACX,UAAY,EAAA,YAAA;AAAA,EAAA;AAGP,MAAM,sBAAyB,GAAA;AAAA,EACpC,IAAM,EAAA,4BAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,GAAA,CAAA;AAAA,EAAA;AAGN,MAAM,aAAgB,GAAA;AAAA,EAC3B,IAAM,EAAA,eAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,QAAW,GAAA;AAAA,EACtB,IAAM,EAAA,iBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,OAAA,CAAA;AAAA,EAAA;AAGN,MAAM,kBAAqB,GAAA;AAAA,EAChC,IAAM,EAAA,aAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAY,EAAA,sBAAA;AAAA,EACZ,UAAU,CAACP,KAAA,CAAA;AAAA,EAAA;AAGN,MAAM,kBAAqB,GAAA;AAAA,EAChC,IAAM,EAAA,aAAA;AAAA,EACN,IAAM,EAAAK,KAAA;AAAA,EACN,UAAY,EAAA,sBAAA;AAAA,EACZ,UAAU,CAACF,KAAA,CAAA;AAAA,EAAA;AAUN,MAAM,iBAAoB,GAAA;AAAA,EAC/B,IAAM,EAAA,gBAAA;AAAA,EACN,IAAM,EAAAK,KAAA;AAAA,EACN,UAAY,EAAA,OAAA;AAAA,EACZ,UAAU,CAAC,KAAA,CAAA;AAAA,EAAA;AAwBb,MAAM,sBAAyB,GAAA;AAAA,EAE7B,OAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EAGA,iBAAA;AAAA,EAMA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EAEA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EAEA,kBAAA;AAAA,EACA,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,wBAAA;AAAA;;;;"}
|
package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/rectToolShortCutTable/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":";;;;;;;;;
|
|
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":";;;;;;;;;AAoBO,MAAM,QAAW,GAAA;AAAA,EACtB,IAAM,EAAA,cAAA;AAAA,EACN,IAAM,EAAAA,GAAA;AAAA,EACN,QAAA,EAAU,CAACC,KAAc,EAAAA,KAAA,CAAA;AAAA,EAAA;AAGpB,MAAM,eAAkB,GAAA;AAAA,EAC7B,IAAM,EAAA,qBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,QAAA,EAAU,CAACD,KAAA,EAAc,MAAQ,EAAAA,KAAA,CAAA;AAAA,EAAA;AAG5B,MAAM,UAAa,GAAA;AAAA,EACxB,IAAM,EAAA,YAAA;AAAA,EACN,IAAM,EAAAE,KAAA;AAAA,EACN,UAAU,CAACC,KAAA,CAAA;AAAA,EACX,UAAY,EAAA,YAAA;AAAA,EAAA;AAGP,MAAM,WAAc,GAAA;AAAA,EACzB,IAAM,EAAA,yBAAA;AAAA,EACN,IAAM,EAAAC,KAAA;AAAA,EACN,UAAU,CAAC,GAAA,CAAA;AAAA,EAAA;AAGN,MAAM,kBAAqB,GAAA;AAAA,EAChC,IAAM,EAAA,yBAAA;AAAA,EACN,IAAM,EAAAA,KAAA;AAAA,EACN,QAAA,EAAU,CAAC,MAAQ,EAAAJ,KAAA,CAAA;AAAA,EAAA;AAGd,MAAM,UAAa,GAAA;AAAA,EACxB,IAAM,EAAA,YAAA;AAAA,EACN,IAAM,EAAAK,KAAA;AAAA,EACN,UAAU,CAACF,KAAA,CAAA;AAAA,EACX,UAAY,EAAA,sBAAA;AAAA,EAAA;AAGd,MAAM,qBAAwB,GAAA;AAAA,EAC5B,QAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EAEA,QAAA;AAAA,EACA,OAAA;AAAA,EAGA,kBAAA;AAAA,EAEA,iBAAA;AAAA,EACA,wBAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
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":";;;
|
|
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":";;;AAcO,MAAM,cAAsB,GAAA;AAAA,EACjC,IAAM,EAAA,SAAA;AAAA,EACN,IAAM,EAAAA,GAAA;AAAA,EACN,QAAA,EAAU,CAAC,CAAG,EAAA,CAAA,CAAA;AAAA,EAAA;AAIhB,MAAM,0BAA6B,GAAA;AAAA,EAEjC,cAAA;AAAA,EACA,MAAA;AAAA,EAEA,KAAA;AAAA,EAEA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,kBAAA;AAAA,EACA,iBAAA;AAAA;;;;"}
|