@labelbee/lb-components 1.10.0-alpha.2 → 1.10.0-alpha.3

package/es/views/MainView/sidebar/PointCloudToolSidebar/index.js

@@ -1 +1,247 @@
-import e,{useContext as I,useState as C,useEffect as B}from"react";import{EditFilled as w}from"@ant-design/icons";import{ToolIcons as L}from"../ToolIcons.js";import{cTool as j}from"@labelbee/lb-annotation";import{PointCloudContext as b}from"../../../../components/pointCloudView/PointCloudContext.js";import{Divider as E,Tag as _,Input as A,Select as T,message as v}from"antd";import F from"../../../../utils/StepUtils.js";import{connect as V}from"react-redux";import{jsonParser as N}from"../../../../utils/index.js";import{useStatus as U}from"../../../../components/pointCloudView/hooks/useStatus.js";import{useSingleBox as h}from"../../../../components/pointCloudView/hooks/useSingleBox.js";import{useTranslation as k}from"react-i18next";import{LabelBeeContext as M}from"../../../../store/ctx.js";import z from"./components/batchUpdateModal/index.js";import{PointCloudUtils as W}from"@labelbee/lb-utils";import P from"../../../../components/attributeList/index.js";import{useAttribute as O}from"../../../../components/pointCloudView/hooks/useAttribute.js";const R=({imgList:n,imgIndex:u})=>{const c=I(b),[a,m]=C([]),{t:i}=k();B(()=>{const r=n;let o=new Map;m(W.getAllPointCloudResult({imgList:r,extraBoxList:f,ignoreIndexList:[u]}).filter(l=>!l.trackID||o.get(l.trackID)?!1:(o.set(l.trackID,!0),!0)).sort((l,s)=>{var d,t;const x=(d=l==null?void 0:l.trackID)!=null?d:0,g=(t=s==null?void 0:s.trackID)!=null?t:0;return x-g}).map(l=>{var s;return(s=l==null?void 0:l.trackID)!=null?s:0}))},[c.pointCloudBoxList,n]);const{pointCloudBoxList:f}=c;return e.createElement("div",{style:{padding:24,borderBottom:"1px solid #eee"}},e.createElement("div",{style:{marginBottom:16}},i("AllTrackIDs")),e.createElement("div",null,a.map(r=>e.createElement(_,{color:"#F3F4FF",key:r,style:{color:"#666",marginBottom:8}},r))))},$=()=>{const[n,u]=C(!1),{pointCloudBoxList:c}=I(b),{selectedBox:a,updateSelectedBox:m}=h(),[i,f]=C(""),{t:r}=k(),o=a==null?void 0:a.info.trackID,l=d=>!!c.find(x=>x.trackID===d&&x.id!==(a==null?void 0:a.info.id)),s=(d=!1)=>{const t=parseInt(i,10);if(d&&u(!1),isNaN(t)){v.error(r("PositiveIntegerCheck"));return}if(i.indexOf(".")>-1){v.error(r("NotAllowDecimalPointsInTrackID"));return}if(l(t)){v.error(r("DuplicateTrackIDsExist"));return}if(!(t>0)){v.error(r("PositiveIntegerCheck"));return}m({trackID:t})};return B(()=>{u(!1)},[o]),e.createElement("div",{style:{padding:24}},e.createElement("div",{style:{marginBottom:16,display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",null,r("CurrentBoxTrackIDs")),o&&e.createElement(z,{id:o})),e.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},n&&o?e.createElement(A,{defaultValue:o,onChange:d=>{f(d.target.value)},disabled:!o,size:"small",onBlur:()=>{s()},onPressEnter:()=>{s(!0)}}):e.createElement("span",null,o),e.createElement(w,{style:{color:"#999",marginLeft:16,cursor:typeof o!="undefined"?"pointer":"not-allowed"},onClick:()=>{o&&u(!n)}})))},q=({attributeList:n,subAttributeList:u,toolInstance:c})=>{const{selectedBox:a}=h(),m=I(b),{t:i}=k(),{defaultAttribute:f}=O(),r={fontWeight:500,fontSize:14,margin:"12px 0 8px 20px"},o={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"},l=t=>{c.setDefaultAttribute(t)},s=(t,x)=>{c.setSubAttribute(t,x)},d=n.map(t=>({label:t.key,value:t.value,color:t==null?void 0:t.color}));return e.createElement("div",null,e.createElement("div",{style:r},i("Attribute")),e.createElement(P,{list:d,forbidDefault:!0,selectedAttribute:f!=null?f:"",attributeChanged:t=>l(t)}),e.createElement(E,{style:{margin:0}}),a&&e.createElement(e.Fragment,null,u.map(t=>{var x,g,y,D,S;return(t==null?void 0:t.subSelected)&&e.createElement("div",{style:{marginTop:12},key:t.value},e.createElement("div",{style:o},i("SubAttribute"),"-",t.key),((x=t.subSelected)==null?void 0:x.length)<5?e.createElement(P,{list:t.subSelected.map(p=>({label:p.key,value:p.value})),selectedAttribute:(y=(g=m.selectedPointCloudBox)==null?void 0:g.subAttribute)==null?void 0:y[t.value],num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:p=>s(t.value,p),style:{marginBottom:12}}):e.createElement(T,{style:{margin:"0px 21px 17px 16px",width:"87%"},value:(S=(D=m.selectedPointCloudBox)==null?void 0:D.subAttribute)==null?void 0:S[t.value],placeholder:i("PleaseSelect"),onChange:p=>s(t.value,p),allowClear:!0},t.subSelected.map(p=>e.createElement(T.Option,{key:p.value,value:p.value},p.key))),e.createElement(E,{style:{margin:0}}))})))},G=({stepInfo:n,toolInstance:u,imgList:c,imgIndex:a})=>{var m,i;const{updatePointCloudPattern:f,pointCloudPattern:r}=U(),o=N(n.config),l=(m=o==null?void 0:o.attributeList)!=null?m:[],s=(o==null?void 0:o.secondaryAttributeConfigurable)===!0?(i=o==null?void 0:o.inputList)!=null?i:[]:[];return e.createElement(e.Fragment,null,e.createElement(L,{toolName:j.EPointCloudName.PointCloud,selectedToolName:r,onChange:d=>f==null?void 0:f(d)}),(o==null?void 0:o.trackConfigurable)===!0&&e.createElement(e.Fragment,null,e.createElement(R,{imgList:c,imgIndex:a}),e.createElement($,null),e.createElement(E,{style:{margin:0}})),e.createElement(q,{toolInstance:u,attributeList:l,subAttributeList:s}))},H=n=>{var u,c,a;const m=F.getCurrentStepInfo((u=n.annotation)==null?void 0:u.step,(c=n.annotation)==null?void 0:c.stepList),i=(a=n.annotation)==null?void 0:a.toolInstance;return{stepInfo:m,toolInstance:i,imgList:n.annotation.imgList,imgIndex:n.annotation.imgIndex}};var J=V(H,null,null,{context:M})(G);export{J as default};
+import React, { useContext, useState, useEffect } from 'react';
+import { EditFilled } from '@ant-design/icons';
+import { ToolIcons } from '../ToolIcons.js';
+import { cTool } from '@labelbee/lb-annotation';
+import { PointCloudContext } from '../../../../components/pointCloudView/PointCloudContext.js';
+import { Divider, Tag, Input, Select, message } from 'antd';
+import StepUtils from '../../../../utils/StepUtils.js';
+import { connect } from 'react-redux';
+import { jsonParser } from '../../../../utils/index.js';
+import { useStatus } from '../../../../components/pointCloudView/hooks/useStatus.js';
+import { useSingleBox } from '../../../../components/pointCloudView/hooks/useSingleBox.js';
+import { useTranslation } from 'react-i18next';
+import { LabelBeeContext } from '../../../../store/ctx.js';
+import BatchUpdateModal from './components/batchUpdateModal/index.js';
+import { PointCloudUtils } from '@labelbee/lb-utils';
+import AttributeList from '../../../../components/attributeList/index.js';
+import { useAttribute } from '../../../../components/pointCloudView/hooks/useAttribute.js';
+
+const AnnotatedBox = ({imgList, imgIndex}) => {
+  const ptCtx = useContext(PointCloudContext);
+  const [showIDs, setShowIds] = useState([]);
+  const {t} = useTranslation();
+  useEffect(() => {
+    const newImgList = imgList;
+    let trackMap = new Map();
+    setShowIds(PointCloudUtils.getAllPointCloudResult({
+      imgList: newImgList,
+      extraBoxList: pointCloudBoxList,
+      ignoreIndexList: [imgIndex]
+    }).filter((v) => {
+      if (!v.trackID) {
+        return false;
+      }
+      if (trackMap.get(v.trackID)) {
+        return false;
+      }
+      trackMap.set(v.trackID, true);
+      return true;
+    }).sort((a, b) => {
+      var _a, _b;
+      const aTrackID = (_a = a == null ? void 0 : a.trackID) != null ? _a : 0;
+      const bTrackID = (_b = b == null ? void 0 : b.trackID) != null ? _b : 0;
+      return aTrackID - bTrackID;
+    }).map((v) => {
+      var _a;
+      return (_a = v == null ? void 0 : v.trackID) != null ? _a : 0;
+    }));
+  }, [ptCtx.pointCloudBoxList, imgList]);
+  const {pointCloudBoxList} = ptCtx;
+  return /* @__PURE__ */ React.createElement("div", {
+    style: {padding: 24, borderBottom: "1px solid #eee"}
+  }, /* @__PURE__ */ React.createElement("div", {
+    style: {marginBottom: 16}
+  }, t("AllTrackIDs")), /* @__PURE__ */ React.createElement("div", null, showIDs.map((id) => /* @__PURE__ */ React.createElement(Tag, {
+    color: "#F3F4FF",
+    key: id,
+    style: {color: "#666", marginBottom: 8}
+  }, id))));
+};
+const BoxTrackIDInput = () => {
+  const [isEdit, setIsEdit] = useState(false);
+  const {pointCloudBoxList} = useContext(PointCloudContext);
+  const {selectedBox, updateSelectedBox} = useSingleBox();
+  const [inputValue, setInputValue] = useState("");
+  const {t} = useTranslation();
+  const selectedBoxTrackID = selectedBox == null ? void 0 : selectedBox.info.trackID;
+  const hasDuplicateTrackID = (trackID) => {
+    const duplicateBox = pointCloudBoxList.find((v) => v.trackID === trackID && v.id !== (selectedBox == null ? void 0 : selectedBox.info.id));
+    return !!duplicateBox;
+  };
+  const applyInputValue = (isBlurEvent = false) => {
+    const newTrackID = parseInt(inputValue, 10);
+    if (isBlurEvent) {
+      setIsEdit(false);
+    }
+    if (isNaN(newTrackID)) {
+      message.error(t("PositiveIntegerCheck"));
+      return;
+    }
+    if (inputValue.indexOf(".") > -1) {
+      message.error(t("NotAllowDecimalPointsInTrackID"));
+      return;
+    }
+    if (hasDuplicateTrackID(newTrackID)) {
+      message.error(t("DuplicateTrackIDsExist"));
+      return;
+    }
+    if (!(newTrackID > 0)) {
+      message.error(t("PositiveIntegerCheck"));
+      return;
+    }
+    updateSelectedBox({trackID: newTrackID});
+  };
+  useEffect(() => {
+    setIsEdit(false);
+  }, [selectedBoxTrackID]);
+  return /* @__PURE__ */ React.createElement("div", {
+    style: {padding: 24}
+  }, /* @__PURE__ */ React.createElement("div", {
+    style: {
+      marginBottom: 16,
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center"
+    }
+  }, /* @__PURE__ */ React.createElement("span", null, t("CurrentBoxTrackIDs")), selectedBoxTrackID && /* @__PURE__ */ React.createElement(BatchUpdateModal, {
+    id: selectedBoxTrackID
+  })), /* @__PURE__ */ React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center"
+    }
+  }, isEdit && selectedBoxTrackID ? /* @__PURE__ */ React.createElement(Input, {
+    defaultValue: selectedBoxTrackID,
+    onChange: (e) => {
+      setInputValue(e.target.value);
+    },
+    disabled: !selectedBoxTrackID,
+    size: "small",
+    onBlur: () => {
+      applyInputValue();
+    },
+    onPressEnter: () => {
+      applyInputValue(true);
+    }
+  }) : /* @__PURE__ */ React.createElement("span", null, selectedBoxTrackID), /* @__PURE__ */ React.createElement(EditFilled, {
+    style: {
+      color: "#999",
+      marginLeft: 16,
+      cursor: typeof selectedBoxTrackID !== "undefined" ? "pointer" : "not-allowed"
+    },
+    onClick: () => {
+      if (selectedBoxTrackID) {
+        setIsEdit(!isEdit);
+      }
+    }
+  })));
+};
+const AttributeUpdater = ({
+  attributeList,
+  subAttributeList,
+  toolInstance
+}) => {
+  const {selectedBox} = useSingleBox();
+  const ptx = useContext(PointCloudContext);
+  const {t} = useTranslation();
+  const {defaultAttribute} = useAttribute();
+  const titleStyle = {
+    fontWeight: 500,
+    fontSize: 14,
+    margin: "12px 0 8px 20px"
+  };
+  const subTitleStyle = {
+    margin: "12px 20px 8px",
+    fontSize: 14,
+    fontWeight: 500,
+    wordWrap: "break-word"
+  };
+  const setAttribute = (attribute) => {
+    toolInstance.setDefaultAttribute(attribute);
+  };
+  const setSubAttribute = (key, value) => {
+    toolInstance.setSubAttribute(key, value);
+  };
+  const list = attributeList.map((i) => ({
+    label: i.key,
+    value: i.value,
+    color: i == null ? void 0 : i.color
+  }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
+    style: titleStyle
+  }, t("Attribute")), /* @__PURE__ */ React.createElement(AttributeList, {
+    list,
+    forbidDefault: true,
+    selectedAttribute: defaultAttribute != null ? defaultAttribute : "",
+    attributeChanged: (attribute) => setAttribute(attribute)
+  }), /* @__PURE__ */ React.createElement(Divider, {
+    style: {margin: 0}
+  }), selectedBox && /* @__PURE__ */ React.createElement(React.Fragment, null, subAttributeList.map((subAttribute) => {
+    var _a, _b, _c, _d, _e;
+    return (subAttribute == null ? void 0 : subAttribute.subSelected) && /* @__PURE__ */ React.createElement("div", {
+      style: {marginTop: 12},
+      key: subAttribute.value
+    }, /* @__PURE__ */ React.createElement("div", {
+      style: subTitleStyle
+    }, t("SubAttribute"), "-", subAttribute.key), ((_a = subAttribute.subSelected) == null ? void 0 : _a.length) < 5 ? /* @__PURE__ */ React.createElement(AttributeList, {
+      list: subAttribute.subSelected.map((v) => ({
+        label: v.key,
+        value: v.value
+      })),
+      selectedAttribute: (_c = (_b = ptx.selectedPointCloudBox) == null ? void 0 : _b.subAttribute) == null ? void 0 : _c[subAttribute.value],
+      num: "-",
+      forbidColor: true,
+      forbidDefault: true,
+      attributeChanged: (value) => setSubAttribute(subAttribute.value, value),
+      style: {marginBottom: 12}
+    }) : /* @__PURE__ */ React.createElement(Select, {
+      style: {margin: "0px 21px 17px 16px", width: "87%"},
+      value: (_e = (_d = ptx.selectedPointCloudBox) == null ? void 0 : _d.subAttribute) == null ? void 0 : _e[subAttribute.value],
+      placeholder: t("PleaseSelect"),
+      onChange: (value) => setSubAttribute(subAttribute.value, value),
+      allowClear: true
+    }, subAttribute.subSelected.map((sub) => /* @__PURE__ */ React.createElement(Select.Option, {
+      key: sub.value,
+      value: sub.value
+    }, sub.key))), /* @__PURE__ */ React.createElement(Divider, {
+      style: {margin: 0}
+    }));
+  })));
+};
+const PointCloudToolSidebar = ({stepInfo, toolInstance, imgList, imgIndex}) => {
+  var _a, _b;
+  const {updatePointCloudPattern, pointCloudPattern} = useStatus();
+  const config = jsonParser(stepInfo.config);
+  const attributeList = (_a = config == null ? void 0 : config.attributeList) != null ? _a : [];
+  const subAttributeList = (config == null ? void 0 : config.secondaryAttributeConfigurable) === true ? (_b = config == null ? void 0 : config.inputList) != null ? _b : [] : [];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ToolIcons, {
+    toolName: cTool.EPointCloudName.PointCloud,
+    selectedToolName: pointCloudPattern,
+    onChange: (v) => updatePointCloudPattern == null ? void 0 : updatePointCloudPattern(v)
+  }), (config == null ? void 0 : config.trackConfigurable) === true && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AnnotatedBox, {
+    imgList,
+    imgIndex
+  }), /* @__PURE__ */ React.createElement(BoxTrackIDInput, null), /* @__PURE__ */ React.createElement(Divider, {
+    style: {margin: 0}
+  })), /* @__PURE__ */ React.createElement(AttributeUpdater, {
+    toolInstance,
+    attributeList,
+    subAttributeList
+  }));
+};
+const mapStateToProps = (state) => {
+  var _a, _b, _c;
+  const stepInfo = StepUtils.getCurrentStepInfo((_a = state.annotation) == null ? void 0 : _a.step, (_b = state.annotation) == null ? void 0 : _b.stepList);
+  const toolInstance = (_c = state.annotation) == null ? void 0 : _c.toolInstance;
+  return {
+    stepInfo,
+    toolInstance,
+    imgList: state.annotation.imgList,
+    imgIndex: state.annotation.imgIndex
+  };
+};
+var PointCloudToolSidebar$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(PointCloudToolSidebar);
+
+export { PointCloudToolSidebar$1 as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/sidebar/PointCloudToolSidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/PointCloudToolSidebar/index.tsx"],"sourcesContent":["import React, { useContext, useState, useEffect } from 'react';\nimport { EditFilled } from '@ant-design/icons';\nimport { ToolIcons } from '../ToolIcons';\nimport { cTool } from '@labelbee/lb-annotation';\nimport { PointCloudContext } from '@/components/pointCloudView/PointCloudContext';\nimport { Select, Tag, message, Input, Divider } from 'antd';\nimport { AppState } from '@/store';\nimport StepUtils from '@/utils/StepUtils';\nimport { connect } from 'react-redux';\nimport { IStepInfo } from '@/types/step';\nimport { jsonParser } from '@/utils';\nimport { ICustomToolInstance } from '@/hooks/annotation';\nimport { useStatus } from '@/components/pointCloudView/hooks/useStatus';\nimport { useSingleBox } from '@/components/pointCloudView/hooks/useSingleBox';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\nimport BatchUpdateModal from './components/batchUpdateModal';\nimport { IFileItem } from '@/types/data';\nimport { PointCloudUtils } from '@labelbee/lb-utils';\nimport AttributeList from '@/components/attributeList';\nimport { IInputList } from '@/types/main';\nimport { useAttribute } from '@/components/pointCloudView/hooks/useAttribute';\n\ninterface IProps {\n  stepInfo: IStepInfo;\n  toolInstance: ICustomToolInstance; // Created by useCustomToolInstance.\n  imgList: IFileItem[];\n  imgIndex: number;\n}\n\n// Temporarily hidden, this feature does not support the function for the time being.\nconst AnnotatedBox = ({ imgList, imgIndex }: { imgList: IFileItem[]; imgIndex: number }) => {\n  const ptCtx = useContext(PointCloudContext);\n  const [showIDs, setShowIds] = useState<number[]>([]);\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    const newImgList = imgList as Array<{ result: string }>;\n    let trackMap = new Map();\n    setShowIds(\n      PointCloudUtils.getAllPointCloudResult({\n        imgList: newImgList,\n        extraBoxList: pointCloudBoxList,\n        ignoreIndexList: [imgIndex],\n      })\n        .filter((v) => {\n          if (!v.trackID) {\n            return false;\n          }\n\n          if (trackMap.get(v.trackID)) {\n            return false;\n          }\n          trackMap.set(v.trackID, true);\n          return true;\n        })\n        .sort((a, b) => {\n          const aTrackID = a?.trackID ?? 0;\n          const bTrackID = b?.trackID ?? 0;\n\n          return aTrackID - bTrackID;\n        })\n        .map((v) => v?.trackID ?? 0),\n    );\n  }, [ptCtx.pointCloudBoxList, imgList]);\n\n  const { pointCloudBoxList } = ptCtx;\n\n  return (\n    <div style={{ padding: 24, borderBottom: '1px solid #eee' }}>\n      <div style={{ marginBottom: 16 }}>{t('AllTrackIDs')}</div>\n      <div>\n        {showIDs.map((id) => (\n          <Tag color='#F3F4FF' key={id} style={{ color: '#666', marginBottom: 8 }}>\n            {id}\n          </Tag>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nconst BoxTrackIDInput = () => {\n  const [isEdit, setIsEdit] = useState(false);\n  const { pointCloudBoxList } = useContext(PointCloudContext);\n  const { selectedBox, updateSelectedBox } = useSingleBox();\n  const [inputValue, setInputValue] = useState('');\n  const { t } = useTranslation();\n\n  const selectedBoxTrackID = selectedBox?.info.trackID;\n\n  const hasDuplicateTrackID = (trackID: number) => {\n    const duplicateBox = pointCloudBoxList.find(\n      (v) => v.trackID === trackID && v.id !== selectedBox?.info.id,\n    );\n    return !!duplicateBox;\n  };\n\n  const applyInputValue = (isBlurEvent = false) => {\n    const newTrackID = parseInt(inputValue, 10);\n\n    if (isBlurEvent) {\n      setIsEdit(false);\n    }\n\n    if (isNaN(newTrackID)) {\n      message.error(t('PositiveIntegerCheck'));\n      return;\n    }\n\n    if (inputValue.indexOf('.') > -1) {\n      message.error(t('NotAllowDecimalPointsInTrackID'));\n      return;\n    }\n\n    if (hasDuplicateTrackID(newTrackID)) {\n      message.error(t('DuplicateTrackIDsExist'));\n      return;\n    }\n\n    if (!(newTrackID > 0)) {\n      message.error(t('PositiveIntegerCheck'));\n      return;\n    }\n\n    updateSelectedBox({ trackID: newTrackID });\n  };\n\n  useEffect(() => {\n    setIsEdit(false);\n  }, [selectedBoxTrackID]);\n\n  return (\n    <div style={{ padding: 24 }}>\n      <div\n        style={{\n          marginBottom: 16,\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n        }}\n      >\n        <span>{t('CurrentBoxTrackIDs')}</span>\n        {selectedBoxTrackID && <BatchUpdateModal id={selectedBoxTrackID} />}\n      </div>\n      <div\n        style={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n        }}\n      >\n        {isEdit && selectedBoxTrackID ? (\n          <Input\n            defaultValue={selectedBoxTrackID}\n            onChange={(e) => {\n              setInputValue(e.target.value);\n            }}\n            disabled={!selectedBoxTrackID}\n            size='small'\n            onBlur={() => {\n              applyInputValue();\n            }}\n            onPressEnter={() => {\n              applyInputValue(true);\n            }}\n          />\n        ) : (\n          <span>{selectedBoxTrackID}</span>\n        )}\n        <EditFilled\n          style={{\n            color: '#999',\n            marginLeft: 16,\n            cursor: typeof selectedBoxTrackID !== 'undefined' ? 'pointer' : 'not-allowed',\n          }}\n          onClick={() => {\n            if (selectedBoxTrackID) {\n              setIsEdit(!isEdit);\n            }\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst AttributeUpdater = ({\n  attributeList,\n  subAttributeList,\n  toolInstance,\n}: {\n  toolInstance: ICustomToolInstance;\n  attributeList: any[]; // TODO\n  subAttributeList: any[]; // TODO\n}) => {\n  const { selectedBox } = useSingleBox();\n  const ptx = useContext(PointCloudContext);\n  const { t } = useTranslation();\n  const { defaultAttribute } = useAttribute();\n\n  const titleStyle = {\n    fontWeight: 500,\n    fontSize: 14,\n    margin: '12px 0 8px 20px',\n  };\n\n  const subTitleStyle = {\n    margin: '12px 20px 8px',\n    fontSize: 14,\n    fontWeight: 500,\n    wordWrap: 'break-word' as any, // WordWrap Type ?\n  };\n\n  const setAttribute = (attribute: string) => {\n    toolInstance.setDefaultAttribute(attribute);\n  };\n\n  const setSubAttribute = (key: string, value: string) => {\n    toolInstance.setSubAttribute(key, value);\n  };\n\n  const list = attributeList.map((i: any) => ({\n    label: i.key,\n    value: i.value,\n    color: i?.color,\n  }));\n\n  return (\n    <div>\n      <div style={titleStyle}>{t('Attribute')}</div>\n      <AttributeList\n        list={list}\n        forbidDefault={true}\n        selectedAttribute={defaultAttribute ?? ''}\n        attributeChanged={(attribute: string) => setAttribute(attribute)}\n      />\n      <Divider style={{ margin: 0 }} />\n      {selectedBox && (\n        <>\n          {subAttributeList.map(\n            (subAttribute) =>\n              subAttribute?.subSelected && (\n                <div style={{ marginTop: 12 }} key={subAttribute.value}>\n                  <div style={subTitleStyle}>\n                    {t('SubAttribute')}-{subAttribute.key}\n                  </div>\n                  {subAttribute.subSelected?.length < 5 ? (\n                    <AttributeList\n                      list={subAttribute.subSelected.map((v: IInputList) => ({\n                        label: v.key,\n                        value: v.value,\n                      }))}\n                      selectedAttribute={\n                        ptx.selectedPointCloudBox?.subAttribute?.[subAttribute.value]\n                      }\n                      num='-'\n                      forbidColor={true}\n                      forbidDefault={true}\n                      attributeChanged={(value) => setSubAttribute(subAttribute.value, value)}\n                      style={{ marginBottom: 12 }}\n                    />\n                  ) : (\n                    <Select\n                      style={{ margin: '0px 21px 17px 16px', width: '87%' }}\n                      value={ptx.selectedPointCloudBox?.subAttribute?.[subAttribute.value]}\n                      placeholder={t('PleaseSelect')}\n                      onChange={(value) => setSubAttribute(subAttribute.value, value)}\n                      allowClear={true}\n                    >\n                      {subAttribute.subSelected.map((sub: any) => (\n                        <Select.Option key={sub.value} value={sub.value}>\n                          {sub.key}\n                        </Select.Option>\n                      ))}\n                    </Select>\n                  )}\n                  <Divider style={{ margin: 0 }} />\n                </div>\n              ),\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nconst PointCloudToolSidebar: React.FC<IProps> = ({ stepInfo, toolInstance, imgList, imgIndex }) => {\n  const { updatePointCloudPattern, pointCloudPattern } = useStatus();\n\n  const config = jsonParser(stepInfo.config);\n  const attributeList = config?.attributeList ?? [];\n  const subAttributeList =\n    config?.secondaryAttributeConfigurable === true ? config?.inputList ?? [] : [];\n\n  return (\n    <>\n      <ToolIcons\n        toolName={cTool.EPointCloudName.PointCloud}\n        selectedToolName={pointCloudPattern}\n        onChange={(v) => updatePointCloudPattern?.(v)}\n      />\n      {config?.trackConfigurable === true && (\n        <>\n          <AnnotatedBox imgList={imgList} imgIndex={imgIndex} />\n          <BoxTrackIDInput />\n          <Divider style={{ margin: 0 }} />\n        </>\n      )}\n      <AttributeUpdater\n        toolInstance={toolInstance}\n        attributeList={attributeList}\n        subAttributeList={subAttributeList}\n      />\n    </>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => {\n  const stepInfo = StepUtils.getCurrentStepInfo(state.annotation?.step, state.annotation?.stepList);\n  const toolInstance = state.annotation?.toolInstance;\n\n  return {\n    stepInfo,\n    toolInstance,\n    imgList: state.annotation.imgList,\n    imgIndex: state.annotation.imgIndex,\n  };\n};\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudToolSidebar,\n);\n"],"names":[],"mappings":"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"}

package/es/views/MainView/sidebar/ScribbleSidebar/index.js

@@ -1 +1,58 @@
-import e,{useState as n}from"react";import{Slider as p}from"antd";import u from"../../../../assets/attributeIcon/pen_a.svg.js";import g from"../../../../assets/attributeIcon/pen.svg.js";import S from"../../../../assets/attributeIcon/eraser_a.svg.js";import E from"../../../../assets/attributeIcon/eraser.svg.js";import{getClassName as r}from"../../../../utils/dom.js";import{EScribblePattern as t}from"../../../../data/enums/ToolType.js";import{useSelector as f}from"../../../../store/ctx.js";const v=m=>{const{onChange:b}=m,s=f(a=>a.annotation.toolInstance),[i,d]=n(20),[l,o]=n(t.Scribble),c=()=>{b(l,i)};return e.createElement("div",{className:r("scribble")},e.createElement("div",{className:r("scribble","select")},e.createElement("img",{src:l===t.Scribble?u:g,onClick:()=>{o(t.Scribble),s==null||s.setPattern(t.Scribble),c()}}),e.createElement("img",{src:l===t.Erase?S:E,onClick:()=>{o(t.Erase),s==null||s.setPattern(t.Erase),c()}})),e.createElement("div",{className:r("scribble","silder")},e.createElement("span",{className:r("scribble","circle")}),e.createElement(p,{onChange:a=>{d(a),c(),s==null||s.setPenSize(a)},min:1,max:50,style:{width:"60%"},value:i}),e.createElement("span",{className:r("scribble","circle"),style:{width:"10px",height:"10px"}})))};export{v as default};
+import React, { useState } from 'react';
+import { Slider } from 'antd';
+import img from '../../../../assets/attributeIcon/pen_a.svg.js';
+import img$1 from '../../../../assets/attributeIcon/pen.svg.js';
+import img$2 from '../../../../assets/attributeIcon/eraser_a.svg.js';
+import img$3 from '../../../../assets/attributeIcon/eraser.svg.js';
+import { getClassName } from '../../../../utils/dom.js';
+import { EScribblePattern } from '../../../../data/enums/ToolType.js';
+import { useSelector } from '../../../../store/ctx.js';
+
+const ScribbleSidebar = (props) => {
+  const {onChange} = props;
+  const toolInstance = useSelector((state) => state.annotation.toolInstance);
+  const [silderValue, setSilderValue] = useState(20);
+  const [selectTool, setSelectTool] = useState(EScribblePattern.Scribble);
+  const changeValue = () => {
+    onChange(selectTool, silderValue);
+  };
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("scribble")
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("scribble", "select")
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: selectTool === EScribblePattern.Scribble ? img : img$1,
+    onClick: () => {
+      setSelectTool(EScribblePattern.Scribble);
+      toolInstance == null ? void 0 : toolInstance.setPattern(EScribblePattern.Scribble);
+      changeValue();
+    }
+  }), /* @__PURE__ */ React.createElement("img", {
+    src: selectTool === EScribblePattern.Erase ? img$2 : img$3,
+    onClick: () => {
+      setSelectTool(EScribblePattern.Erase);
+      toolInstance == null ? void 0 : toolInstance.setPattern(EScribblePattern.Erase);
+      changeValue();
+    }
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("scribble", "silder")
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: getClassName("scribble", "circle")
+  }), /* @__PURE__ */ React.createElement(Slider, {
+    onChange: (v) => {
+      setSilderValue(v);
+      changeValue();
+      toolInstance == null ? void 0 : toolInstance.setPenSize(v);
+    },
+    min: 1,
+    max: 50,
+    style: {width: "60%"},
+    value: silderValue
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: getClassName("scribble", "circle"),
+    style: {width: "10px", height: "10px"}
+  })));
+};
+
+export { ScribbleSidebar as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/sidebar/ScribbleSidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/ScribbleSidebar/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Slider } from 'antd';\nimport penActivate from '@/assets/attributeIcon/pen_a.svg';\nimport pen from '@/assets/attributeIcon/pen.svg';\nimport eraserActivate from '@/assets/attributeIcon/eraser_a.svg';\nimport eraser from '@/assets/attributeIcon/eraser.svg';\nimport { getClassName } from '@/utils/dom';\nimport { AppState } from '@/store';\nimport { EScribblePattern } from '@/data/enums/ToolType';\nimport { useSelector } from '@/store/ctx';\n\ninterface IProps {\n  // toolInstance?: GraphToolInstance;\n  // stepInfo?: IStepInfo;\n  onChange: (tool: number, values: number) => void;\n}\n\nconst ScribbleSidebar: React.FC<IProps> = (props) => {\n  const { onChange } = props;\n  // 查看时候默认值\n  const toolInstance = useSelector((state: AppState) => state.annotation.toolInstance);\n  const [silderValue, setSilderValue] = useState(20);\n  const [selectTool, setSelectTool] = useState(EScribblePattern.Scribble);\n\n  const changeValue = () => {\n    onChange(selectTool, silderValue);\n  };\n\n  return (\n    <div className={getClassName('scribble')}>\n      <div className={getClassName('scribble', 'select')}>\n        <img\n          src={selectTool === EScribblePattern.Scribble ? penActivate : pen}\n          onClick={() => {\n            setSelectTool(EScribblePattern.Scribble);\n            toolInstance?.setPattern(EScribblePattern.Scribble);\n            changeValue();\n          }}\n        />\n        <img\n          src={selectTool === EScribblePattern.Erase ? eraserActivate : eraser}\n          onClick={() => {\n            setSelectTool(EScribblePattern.Erase);\n            toolInstance?.setPattern(EScribblePattern.Erase);\n\n            changeValue();\n          }}\n        />\n      </div>\n      <div className={getClassName('scribble', 'silder')}>\n        <span className={getClassName('scribble', 'circle')} />\n        <Slider\n          onChange={(v: number) => {\n            setSilderValue(v);\n            changeValue();\n            toolInstance?.setPenSize(v);\n          }}\n          min={1}\n          max={50}\n          style={{ width: '60%' }}\n          value={silderValue}\n        />\n        <span\n          className={getClassName('scribble', 'circle')}\n          style={{ width: '10px', height: '10px' }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default ScribbleSidebar;\n"],"names":["penActivate","pen","eraserActivate","eraser"],"mappings":";;;;;;;;;;AAkBM,MAAA,eAAA,GAAoC,CAAC,KAAU,KAAA;AACnD,EAAA,MAAM,CAAE,QAAa,CAAA,GAAA,KAAA,CAAA;AAErB,EAAA,MAAM,YAAe,GAAA,WAAA,CAAY,CAAC,KAAA,KAAoB,MAAM,UAAW,CAAA,YAAA,CAAA,CAAA;AACvE,EAAM,MAAA,CAAC,WAAa,EAAA,cAAA,CAAA,GAAkB,QAAS,CAAA,EAAA,CAAA,CAAA;AAC/C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAiB,CAAA,GAAA,QAAA,CAAS,gBAAiB,CAAA,QAAA,CAAA,CAAA;AAE9D,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,QAAA,CAAS,UAAY,EAAA,WAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAGvB,EAAA,2CACG,KAAD,EAAA;AAAA,IAAK,WAAW,YAAa,CAAA,UAAA,CAAA;AAAA,GAAA,sCAC1B,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,aAAa,UAAY,EAAA,QAAA,CAAA;AAAA,GAAA,sCACtC,KAAD,EAAA;AAAA,IACE,GAAK,EAAA,UAAA,KAAe,gBAAiB,CAAA,QAAA,GAAWA,GAAc,GAAAC,KAAA;AAAA,IAC9D,SAAS,MAAM;AACb,MAAA,aAAA,CAAc,gBAAiB,CAAA,QAAA,CAAA,CAAA;AAC/B,MAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,WAAW,gBAAiB,CAAA,QAAA,CAAA,CAAA;AAC1C,MAAA,WAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,sCAGH,KAAD,EAAA;AAAA,IACE,GAAK,EAAA,UAAA,KAAe,gBAAiB,CAAA,KAAA,GAAQC,KAAiB,GAAAC,KAAA;AAAA,IAC9D,SAAS,MAAM;AACb,MAAA,aAAA,CAAc,gBAAiB,CAAA,KAAA,CAAA,CAAA;AAC/B,MAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,WAAW,gBAAiB,CAAA,KAAA,CAAA,CAAA;AAE1C,MAAA,WAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA,sCAIL,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,aAAa,UAAY,EAAA,QAAA,CAAA;AAAA,GAAA,sCACtC,MAAD,EAAA;AAAA,IAAM,SAAA,EAAW,aAAa,UAAY,EAAA,QAAA,CAAA;AAAA,GAAA,CAAA,sCACzC,MAAD,EAAA;AAAA,IACE,QAAA,EAAU,CAAC,CAAc,KAAA;AACvB,MAAe,cAAA,CAAA,CAAA,CAAA,CAAA;AACf,MAAA,WAAA,EAAA,CAAA;AACA,MAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,UAAW,CAAA,CAAA,CAAA,CAAA;AAAA,KAAA;AAAA,IAE3B,GAAK,EAAA,CAAA;AAAA,IACL,GAAK,EAAA,EAAA;AAAA,IACL,KAAA,EAAO,CAAE,KAAO,EAAA,KAAA,CAAA;AAAA,IAChB,KAAO,EAAA,WAAA;AAAA,GAAA,CAAA,sCAER,MAAD,EAAA;AAAA,IACE,SAAA,EAAW,aAAa,UAAY,EAAA,QAAA,CAAA;AAAA,IACpC,KAAO,EAAA,CAAE,KAAO,EAAA,MAAA,EAAQ,MAAQ,EAAA,MAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/es/views/MainView/sidebar/SwitchAttributeList/index.js

@@ -1 +1,73 @@
-import f,{useState as d,useRef as p,useEffect as v}from"react";import{connect as S}from"react-redux";import A from"../../../../components/attributeList/index.js";import g from"../../../../utils/StepUtils.js";import{jsonParser as I}from"../../../../utils/index.js";import{useTranslation as x}from"react-i18next";import{EToolName as L}from"../../../../data/enums/ToolType.js";import{LabelBeeContext as h}from"../../../../store/ctx.js";const T=t=>{var o;const[c,l]=d(0),i=p(null),{toolInstance:e}=t,{t:b}=x();if(v(()=>(e&&e.singleOn("changeAttributeSidebar",a=>{var s;l(n=>n+1),!!i.current&&((s=i.current.children[a])==null||s.scrollIntoView({block:"center"}))}),()=>{e==null||e.unbindAll("changeAttributeSidebar")}),[e,i]),!t.stepInfo)return null;const r=I(t.stepInfo.config),u=t.stepInfo.tool===L.ScribbleTool;if(r.attributeConfigurable!==!0&&!u)return null;if((r.attributeConfigurable===!0||u)&&(r==null?void 0:r.attributeList)){const a=r.attributeList.map(n=>({label:n.key,value:n.value,color:n==null?void 0:n.color}));u||a.unshift({label:b("NoAttribute"),value:""});const s=n=>{e.setDefaultAttribute(n),l(m=>m+1)};return f.createElement("div",null,f.createElement(A,{list:a,attributeChanged:s,selectedAttribute:(o=e==null?void 0:e.defaultAttribute)!=null?o:"",ref:i,forbidDefault:u}))}return null},j=t=>{var o,c;const l=g.getCurrentStepInfo((o=t.annotation)==null?void 0:o.step,(c=t.annotation)==null?void 0:c.stepList);return{toolInstance:t.annotation.toolInstance,stepInfo:l}};var C=S(j,null,null,{context:h})(T);export{C as default};
+import React, { useState, useRef, useEffect } from 'react';
+import { connect } from 'react-redux';
+import AttributeList from '../../../../components/attributeList/index.js';
+import StepUtils from '../../../../utils/StepUtils.js';
+import { jsonParser } from '../../../../utils/index.js';
+import { useTranslation } from 'react-i18next';
+import { EToolName } from '../../../../data/enums/ToolType.js';
+import { LabelBeeContext } from '../../../../store/ctx.js';
+
+const SwitchAttributeList = (props) => {
+  var _a;
+  const [_, forceRender] = useState(0);
+  const listRef = useRef(null);
+  const {toolInstance} = props;
+  const {t} = useTranslation();
+  useEffect(() => {
+    if (toolInstance) {
+      toolInstance.singleOn("changeAttributeSidebar", (index) => {
+        var _a2;
+        forceRender((s) => s + 1);
+        if (!listRef.current) {
+          return;
+        }
+        (_a2 = listRef.current.children[index]) == null ? void 0 : _a2.scrollIntoView({block: "center"});
+      });
+    }
+    return () => {
+      toolInstance == null ? void 0 : toolInstance.unbindAll("changeAttributeSidebar");
+    };
+  }, [toolInstance, listRef]);
+  if (!props.stepInfo) {
+    return null;
+  }
+  const config = jsonParser(props.stepInfo.config);
+  const isScribbleTool = props.stepInfo.tool === EToolName.ScribbleTool;
+  if (config.attributeConfigurable !== true && !isScribbleTool) {
+    return null;
+  }
+  if ((config.attributeConfigurable === true || isScribbleTool) && (config == null ? void 0 : config.attributeList)) {
+    const list = config.attributeList.map((i) => ({
+      label: i.key,
+      value: i.value,
+      color: i == null ? void 0 : i.color
+    }));
+    if (!isScribbleTool) {
+      list.unshift({label: t("NoAttribute"), value: ""});
+    }
+    const attributeChanged = (v) => {
+      toolInstance.setDefaultAttribute(v);
+      forceRender((s) => s + 1);
+    };
+    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AttributeList, {
+      list,
+      attributeChanged,
+      selectedAttribute: (_a = toolInstance == null ? void 0 : toolInstance.defaultAttribute) != null ? _a : "",
+      ref: listRef,
+      forbidDefault: isScribbleTool
+    }));
+  }
+  return null;
+};
+const mapStateToProps = (state) => {
+  var _a, _b;
+  const stepInfo = StepUtils.getCurrentStepInfo((_a = state.annotation) == null ? void 0 : _a.step, (_b = state.annotation) == null ? void 0 : _b.stepList);
+  return {
+    toolInstance: state.annotation.toolInstance,
+    stepInfo
+  };
+};
+var SwitchAttributeList$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(SwitchAttributeList);
+
+export { SwitchAttributeList$1 as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/sidebar/SwitchAttributeList/index.js.map

@@ -0,0 +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';\nimport { EToolName } from '@/data/enums/ToolType';\nimport { LabelBeeContext } from '@/store/ctx';\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  const isScribbleTool = props.stepInfo.tool === EToolName.ScribbleTool;\n\n  if (config.attributeConfigurable !== true && !isScribbleTool) {\n    return null;\n  }\n\n  if ((config.attributeConfigurable === true || isScribbleTool) && config?.attributeList) {\n    const list = config.attributeList.map((i: any) => ({\n      label: i.key,\n      value: i.value,\n      color: i?.color,\n    }));\n\n    if (!isScribbleTool) {\n      list.unshift({ label: t('NoAttribute'), value: '' });\n    }\n\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          forbidDefault={isScribbleTool}\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, null, null, { context: LabelBeeContext })(\n  SwitchAttributeList,\n);\n"],"names":[],"mappings":"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"}