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

package/es/views/MainView/toolFooter/AnnotatedAttributes/index.js

@@ -1 +1,200 @@
-import{PointCloudContext as f}from"../../../../components/pointCloudView/PointCloudContext.js";import{Modal as K}from"antd";import t,{useContext as y,useMemo as _,useState as W}from"react";import{stepConfigSelector as q}from"../../../../store/annotation/selectors.js";import{useSelector as O}from"../../../../store/ctx.js";import{i18n as P}from"@labelbee/lb-utils";import{UnorderedListOutlined as w,PushpinFilled as b,EyeInvisibleFilled as z,EyeFilled as J,CaretDownFilled as Q,DeleteOutlined as X}from"@ant-design/icons";import{useHistory as Y}from"../../../../components/pointCloudView/hooks/useHistory.js";import{getClassName as c}from"../../../../utils/dom.js";import Z from"../../../../utils/StepUtils.js";import{EPointCloudName as tt}from"@labelbee/lb-annotation";import{useTranslation as k}from"react-i18next";import et from"../FooterPopover.js";var nt=Object.defineProperty,ot=Object.defineProperties,rt=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertySymbols,lt=Object.prototype.hasOwnProperty,it=Object.prototype.propertyIsEnumerable,S=(e,o,n)=>o in e?nt(e,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[o]=n,N=(e,o)=>{for(var n in o||(o={}))lt.call(o,n)&&S(e,n,o[n]);if(F)for(var n of F(o))it.call(o,n)&&S(e,n,o[n]);return e},j=(e,o)=>ot(e,rt(o));const at=({attribute:e})=>{const o=y(f),{pointCloudBoxList:n,pointCloudSphereList:i,hideAttributes:u,toggleAttributesVisible:m,polygonList:a,setPolygonList:C,lineList:d,setLineList:s,setPointCloudResult:I,setPointCloudSphereList:R,reRender:D,selectSpecAttr:B}=o,[L,H]=W(!0),{pushHistoryWithList:V}=Y(),h=[...n,...a,...i,...d].filter(r=>r.attribute===e.value),x=()=>{m(e.value)},$=u.includes(e.value),G=({trackID:r,order:l})=>r||l,T=({trackID:r,order:l})=>r?`trackID_${r}`:`order_${l}`,U=r=>{if(h.length===0)return;const l=a.filter(p=>r!==p.attribute),v=n.filter(p=>r!==p.attribute),E=d.filter(p=>r!==p.attribute),A=i.filter(p=>r!==p.attribute);D(v,l,A,E),C(l),I(v),R(A),s(E),V({pointCloudBoxList:v,polygonList:l,lineList:E})},M=r=>{K.confirm({content:P.t("onDeleteGraphByAttr",{attribute:r.key}),onOk:()=>{U(r.value)},okText:P.t("Confirm"),cancelText:P.t("Cancel")})};return t.createElement(t.Fragment,null,t.createElement("div",{className:c("annotated-attribute","item")},$?t.createElement(z,{onClick:x}):t.createElement(J,{onClick:x}),t.createElement(Q,{rotate:L?0:270,onClick:()=>{H(!L)}}),t.createElement("span",{className:c("annotated-attribute","item","text"),onClick:()=>{B(e.value)}},e.key),t.createElement(X,{onClick:()=>M(e)})),L&&h.map((r,l)=>t.createElement("div",{key:T(j(N({},r),{order:l})),style:{paddingLeft:54}},`${G(j(N({},r),{order:l}))}.${e.key}`)))},g=()=>{const e=O(q),{attrPanelLayout:o,setAttrPanelLayout:n,pointCloudBoxList:i,polygonList:u,lineList:m}=y(f),{t:a}=k(),C=_(()=>[...i,...u,...m].map(s=>s.attribute),[i,u,m]),d=_(()=>e.attributeList.filter(s=>C.includes(s.value)),[C]);return t.createElement("div",{className:c("annotated-attribute")},o?t.createElement("div",{className:c("annotated-attribute","text")},t.createElement("span",null,a("AnnotatedResult")),t.createElement("span",{className:c("annotated-attribute","pin"),onClick:()=>{n("")}},t.createElement(b,null),a("CancelFixed"))):t.createElement("div",{className:c("annotated-attribute","text")},t.createElement("span",{onClick:()=>{n("left")},className:c("annotated-attribute","pin")},t.createElement(b,null),a("FixedOnLeft")),t.createElement("span",{onClick:()=>{n("right")},className:c("annotated-attribute","pin")},t.createElement(b,null),a("FixedOnRight"))),t.createElement("div",null,d.length>0?d.map(s=>t.createElement(at,{attribute:s,key:s.value})):t.createElement("div",{style:{textAlign:"center",height:200,lineHeight:"200px"}},a("NoData"))))},st=()=>{const{attrPanelLayout:e}=y(f);return e==="left"?t.createElement(g,null):null},ct=()=>{const{attrPanelLayout:e}=y(f);return e==="right"?t.createElement(g,null):null},ut=()=>{const{attrPanelLayout:e}=y(f),{t:o}=k(),n=O(i=>{var u,m;return Z.getCurrentStepInfo((u=i==null?void 0:i.annotation)==null?void 0:u.step,(m=i.annotation)==null?void 0:m.stepList)});return(n==null?void 0:n.tool)!==tt.PointCloud||e?null:t.createElement(et,{hoverIcon:t.createElement(w,{style:{marginRight:4}}),icon:t.createElement(w,{style:{marginRight:4}}),title:o("AnnotatedList"),content:t.createElement(g,null)})};export{ut as AnnotatedAttributesIcon,g as AnnotatedAttributesPanel,st as AnnotatedAttributesPanelFixedLeft,ct as AnnotatedAttributesPanelFixedRight};
+import { PointCloudContext } from '../../../../components/pointCloudView/PointCloudContext.js';
+import { Modal } from 'antd';
+import React, { useContext, useMemo, useState } from 'react';
+import { stepConfigSelector } from '../../../../store/annotation/selectors.js';
+import { useSelector } from '../../../../store/ctx.js';
+import { i18n } from '@labelbee/lb-utils';
+import { UnorderedListOutlined, PushpinFilled, EyeInvisibleFilled, EyeFilled, CaretDownFilled, DeleteOutlined } from '@ant-design/icons';
+import { useHistory } from '../../../../components/pointCloudView/hooks/useHistory.js';
+import { getClassName } from '../../../../utils/dom.js';
+import StepUtils from '../../../../utils/StepUtils.js';
+import { EPointCloudName } from '@labelbee/lb-annotation';
+import { useTranslation } from 'react-i18next';
+import FooterPopover from '../FooterPopover.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const AnnotatedAttributesItem = ({attribute}) => {
+  const pointCloudCtx = useContext(PointCloudContext);
+  const {
+    pointCloudBoxList,
+    pointCloudSphereList,
+    hideAttributes,
+    toggleAttributesVisible,
+    polygonList,
+    setPolygonList,
+    lineList,
+    setLineList,
+    setPointCloudResult,
+    setPointCloudSphereList,
+    reRender,
+    selectSpecAttr
+  } = pointCloudCtx;
+  const [expanded, setExpanded] = useState(true);
+  const {pushHistoryWithList} = useHistory();
+  const pointCloudListForSpecAttribute = [
+    ...pointCloudBoxList,
+    ...polygonList,
+    ...pointCloudSphereList,
+    ...lineList
+  ].filter((i) => i.attribute === attribute.value);
+  const onVisibleChange = () => {
+    toggleAttributesVisible(attribute.value);
+  };
+  const isHidden = hideAttributes.includes(attribute.value);
+  const getItemID = ({trackID, order}) => {
+    return trackID ? trackID : order;
+  };
+  const getItemKey = ({trackID, order}) => {
+    return trackID ? `trackID_${trackID}` : `order_${order}`;
+  };
+  const deleteGraphByAttr = (attribute2) => {
+    if (pointCloudListForSpecAttribute.length === 0) {
+      return;
+    }
+    const newPolygonList = polygonList.filter((i) => attribute2 !== i.attribute);
+    const newPointCloudList = pointCloudBoxList.filter((i) => attribute2 !== i.attribute);
+    const newLineList = lineList.filter((i) => attribute2 !== i.attribute);
+    const newSphereList = pointCloudSphereList.filter((i) => attribute2 !== i.attribute);
+    reRender(newPointCloudList, newPolygonList, newSphereList, newLineList);
+    setPolygonList(newPolygonList);
+    setPointCloudResult(newPointCloudList);
+    setPointCloudSphereList(newSphereList);
+    setLineList(newLineList);
+    pushHistoryWithList({
+      pointCloudBoxList: newPointCloudList,
+      polygonList: newPolygonList,
+      lineList: newLineList
+    });
+  };
+  const onDeleteGraphByAttr = (attribute2) => {
+    Modal.confirm({
+      content: i18n.t("onDeleteGraphByAttr", {attribute: attribute2.key}),
+      onOk: () => {
+        deleteGraphByAttr(attribute2.value);
+      },
+      okText: i18n.t("Confirm"),
+      cancelText: i18n.t("Cancel")
+    });
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("annotated-attribute", "item")
+  }, isHidden ? /* @__PURE__ */ React.createElement(EyeInvisibleFilled, {
+    onClick: onVisibleChange
+  }) : /* @__PURE__ */ React.createElement(EyeFilled, {
+    onClick: onVisibleChange
+  }), /* @__PURE__ */ React.createElement(CaretDownFilled, {
+    rotate: expanded ? 0 : 270,
+    onClick: () => {
+      setExpanded(!expanded);
+    }
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: getClassName("annotated-attribute", "item", "text"),
+    onClick: () => {
+      selectSpecAttr(attribute.value);
+    }
+  }, attribute.key), /* @__PURE__ */ React.createElement(DeleteOutlined, {
+    onClick: () => onDeleteGraphByAttr(attribute)
+  })), expanded && pointCloudListForSpecAttribute.map((item, order) => {
+    return /* @__PURE__ */ React.createElement("div", {
+      key: getItemKey(__spreadProps(__spreadValues({}, item), {order})),
+      style: {paddingLeft: 54}
+    }, `${getItemID(__spreadProps(__spreadValues({}, item), {order}))}.${attribute.key}`);
+  }));
+};
+const AnnotatedAttributesPanel = () => {
+  const stepConfig = useSelector(stepConfigSelector);
+  const {attrPanelLayout, setAttrPanelLayout, pointCloudBoxList, polygonList, lineList} = useContext(PointCloudContext);
+  const {t} = useTranslation();
+  const existAttributes = useMemo(() => {
+    return [...pointCloudBoxList, ...polygonList, ...lineList].map((i) => i.attribute);
+  }, [pointCloudBoxList, polygonList, lineList]);
+  const displayAttrList = useMemo(() => {
+    return stepConfig.attributeList.filter((i) => existAttributes.includes(i.value));
+  }, [existAttributes]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("annotated-attribute")
+  }, attrPanelLayout ? /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("annotated-attribute", "text")
+  }, /* @__PURE__ */ React.createElement("span", null, t("AnnotatedResult")), /* @__PURE__ */ React.createElement("span", {
+    className: getClassName("annotated-attribute", "pin"),
+    onClick: () => {
+      setAttrPanelLayout("");
+    }
+  }, /* @__PURE__ */ React.createElement(PushpinFilled, null), t("CancelFixed"))) : /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("annotated-attribute", "text")
+  }, /* @__PURE__ */ React.createElement("span", {
+    onClick: () => {
+      setAttrPanelLayout("left");
+    },
+    className: getClassName("annotated-attribute", "pin")
+  }, /* @__PURE__ */ React.createElement(PushpinFilled, null), t("FixedOnLeft")), /* @__PURE__ */ React.createElement("span", {
+    onClick: () => {
+      setAttrPanelLayout("right");
+    },
+    className: getClassName("annotated-attribute", "pin")
+  }, /* @__PURE__ */ React.createElement(PushpinFilled, null), t("FixedOnRight"))), /* @__PURE__ */ React.createElement("div", null, displayAttrList.length > 0 ? displayAttrList.map((i) => /* @__PURE__ */ React.createElement(AnnotatedAttributesItem, {
+    attribute: i,
+    key: i.value
+  })) : /* @__PURE__ */ React.createElement("div", {
+    style: {textAlign: "center", height: 200, lineHeight: "200px"}
+  }, t("NoData"))));
+};
+const AnnotatedAttributesPanelFixedLeft = () => {
+  const {attrPanelLayout} = useContext(PointCloudContext);
+  if (attrPanelLayout === "left") {
+    return /* @__PURE__ */ React.createElement(AnnotatedAttributesPanel, null);
+  }
+  return null;
+};
+const AnnotatedAttributesPanelFixedRight = () => {
+  const {attrPanelLayout} = useContext(PointCloudContext);
+  if (attrPanelLayout === "right") {
+    return /* @__PURE__ */ React.createElement(AnnotatedAttributesPanel, null);
+  }
+  return null;
+};
+const AnnotatedAttributesIcon = () => {
+  const {attrPanelLayout} = useContext(PointCloudContext);
+  const {t} = useTranslation();
+  const stepInfo = useSelector((state) => {
+    var _a, _b;
+    return StepUtils.getCurrentStepInfo((_a = state == null ? void 0 : state.annotation) == null ? void 0 : _a.step, (_b = state.annotation) == null ? void 0 : _b.stepList);
+  });
+  if ((stepInfo == null ? void 0 : stepInfo.tool) !== EPointCloudName.PointCloud) {
+    return null;
+  }
+  if (attrPanelLayout) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(FooterPopover, {
+    hoverIcon: /* @__PURE__ */ React.createElement(UnorderedListOutlined, {
+      style: {marginRight: 4}
+    }),
+    icon: /* @__PURE__ */ React.createElement(UnorderedListOutlined, {
+      style: {marginRight: 4}
+    }),
+    title: t("AnnotatedList"),
+    content: /* @__PURE__ */ React.createElement(AnnotatedAttributesPanel, null)
+  });
+};
+
+export { AnnotatedAttributesIcon, AnnotatedAttributesPanel, AnnotatedAttributesPanelFixedLeft, AnnotatedAttributesPanelFixedRight };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/toolFooter/AnnotatedAttributes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolFooter/AnnotatedAttributes/index.tsx"],"sourcesContent":["import { PointCloudContext } from '@/components/pointCloudView/PointCloudContext';\nimport { Modal } from 'antd';\nimport React, { useContext, useMemo, useState } from 'react';\nimport { stepConfigSelector } from '@/store/annotation/selectors';\nimport { useSelector } from '@/store/ctx';\nimport { i18n, IPointCloudConfig } from '@labelbee/lb-utils';\nimport {\n  CaretDownFilled,\n  DeleteOutlined,\n  EyeFilled,\n  EyeInvisibleFilled,\n  PushpinFilled,\n  UnorderedListOutlined,\n} from '@ant-design/icons';\nimport { IInputList } from '@/types/main';\nimport { useHistory } from '@/components/pointCloudView/hooks/useHistory';\nimport { getClassName } from '@/utils/dom';\nimport StepUtils from '@/utils/StepUtils';\nimport { EPointCloudName } from '@labelbee/lb-annotation';\nimport { useTranslation } from 'react-i18next';\nimport FooterPopover from '../FooterPopover';\n\nconst AnnotatedAttributesItem = ({ attribute }: { attribute: IInputList }) => {\n  const pointCloudCtx = useContext(PointCloudContext);\n  const {\n    pointCloudBoxList,\n    pointCloudSphereList,\n    hideAttributes,\n    toggleAttributesVisible,\n    polygonList,\n    setPolygonList,\n    lineList,\n    setLineList,\n    setPointCloudResult,\n    setPointCloudSphereList,\n    reRender,\n    selectSpecAttr,\n  } = pointCloudCtx;\n\n  const [expanded, setExpanded] = useState(true);\n\n  const { pushHistoryWithList } = useHistory();\n\n  const pointCloudListForSpecAttribute = [\n    ...pointCloudBoxList,\n    ...polygonList,\n    ...pointCloudSphereList,\n    ...lineList,\n  ].filter((i) => i.attribute === attribute.value);\n\n  const onVisibleChange = () => {\n    toggleAttributesVisible(attribute.value);\n  };\n\n  const isHidden = hideAttributes.includes(attribute.value);\n\n  const getItemID = ({ trackID, order }: { trackID?: number; order?: number }) => {\n    return trackID ? trackID : order;\n  };\n\n  const getItemKey = ({ trackID, order }: { trackID?: number; order?: number }) => {\n    return trackID ? `trackID_${trackID}` : `order_${order}`;\n  };\n\n  const deleteGraphByAttr = (attribute: string) => {\n    if (pointCloudListForSpecAttribute.length === 0) {\n      return;\n    }\n\n    const newPolygonList = polygonList.filter((i) => attribute !== i.attribute);\n    const newPointCloudList = pointCloudBoxList.filter((i) => attribute !== i.attribute);\n    const newLineList = lineList.filter((i) => attribute !== i.attribute);\n    const newSphereList = pointCloudSphereList.filter((i) => attribute !== i.attribute);\n    reRender(newPointCloudList, newPolygonList, newSphereList, newLineList);\n    setPolygonList(newPolygonList);\n    setPointCloudResult(newPointCloudList);\n    setPointCloudSphereList(newSphereList);\n    setLineList(newLineList);\n\n    pushHistoryWithList({\n      pointCloudBoxList: newPointCloudList,\n      polygonList: newPolygonList,\n      lineList: newLineList,\n    });\n  };\n\n  const onDeleteGraphByAttr = (attribute: IInputList) => {\n    Modal.confirm({\n      content: i18n.t('onDeleteGraphByAttr', { attribute: attribute.key }),\n      onOk: () => {\n        deleteGraphByAttr(attribute.value);\n      },\n      okText: i18n.t('Confirm'),\n      cancelText: i18n.t('Cancel'),\n    });\n  };\n\n  return (\n    <>\n      <div className={getClassName('annotated-attribute', 'item')}>\n        {isHidden ? (\n          <EyeInvisibleFilled onClick={onVisibleChange} />\n        ) : (\n          <EyeFilled onClick={onVisibleChange} />\n        )}\n        <CaretDownFilled\n          rotate={expanded ? 0 : 270}\n          onClick={() => {\n            setExpanded(!expanded);\n          }}\n        />\n        <span\n          className={getClassName('annotated-attribute', 'item', 'text')}\n          onClick={() => {\n            selectSpecAttr(attribute.value);\n          }}\n        >\n          {attribute.key}\n        </span>\n\n        <DeleteOutlined onClick={() => onDeleteGraphByAttr(attribute)} />\n      </div>\n\n      {expanded &&\n        pointCloudListForSpecAttribute.map((item, order) => {\n          return (\n            <div key={getItemKey({ ...item, order })} style={{ paddingLeft: 54 }}>\n              {`${getItemID({ ...item, order })}.${attribute.key}`}\n            </div>\n          );\n        })}\n    </>\n  );\n};\n\nexport const AnnotatedAttributesPanel = () => {\n  const stepConfig: IPointCloudConfig = useSelector(stepConfigSelector);\n  const { attrPanelLayout, setAttrPanelLayout, pointCloudBoxList, polygonList, lineList } =\n    useContext(PointCloudContext);\n  const { t } = useTranslation();\n\n  const existAttributes = useMemo(() => {\n    return [...pointCloudBoxList, ...polygonList, ...lineList].map((i) => i.attribute);\n  }, [pointCloudBoxList, polygonList, lineList]);\n\n  const displayAttrList = useMemo(() => {\n    return (stepConfig.attributeList as IInputList[]).filter((i) =>\n      existAttributes.includes(i.value),\n    );\n  }, [existAttributes]);\n\n  return (\n    <div className={getClassName('annotated-attribute')}>\n      {attrPanelLayout ? (\n        <div className={getClassName('annotated-attribute', 'text')}>\n          <span>{t('AnnotatedResult')}</span>\n          <span\n            className={getClassName('annotated-attribute', 'pin')}\n            onClick={() => {\n              setAttrPanelLayout('');\n            }}\n          >\n            <PushpinFilled />\n            {t('CancelFixed')}\n          </span>\n        </div>\n      ) : (\n        <div className={getClassName('annotated-attribute', 'text')}>\n          <span\n            onClick={() => {\n              setAttrPanelLayout('left');\n            }}\n            className={getClassName('annotated-attribute', 'pin')}\n          >\n            <PushpinFilled />\n            {t('FixedOnLeft')}\n          </span>\n          <span\n            onClick={() => {\n              setAttrPanelLayout('right');\n            }}\n            className={getClassName('annotated-attribute', 'pin')}\n          >\n            <PushpinFilled />\n            {t('FixedOnRight')}\n          </span>\n        </div>\n      )}\n\n      <div>\n        {displayAttrList.length > 0 ? (\n          displayAttrList.map((i) => <AnnotatedAttributesItem attribute={i} key={i.value} />)\n        ) : (\n          <div style={{ textAlign: 'center', height: 200, lineHeight: '200px' }}>{t('NoData')}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const AnnotatedAttributesPanelFixedLeft = () => {\n  const { attrPanelLayout } = useContext(PointCloudContext);\n  if (attrPanelLayout === 'left') {\n    return <AnnotatedAttributesPanel />;\n  }\n\n  return null;\n};\n\nexport const AnnotatedAttributesPanelFixedRight = () => {\n  const { attrPanelLayout } = useContext(PointCloudContext);\n\n  if (attrPanelLayout === 'right') {\n    return <AnnotatedAttributesPanel />;\n  }\n\n  return null;\n};\n\nexport const AnnotatedAttributesIcon = () => {\n  const { attrPanelLayout } = useContext(PointCloudContext);\n  const { t } = useTranslation();\n  const stepInfo = useSelector((state) =>\n    // @ts-ignore\n    StepUtils.getCurrentStepInfo(state?.annotation?.step, state.annotation?.stepList),\n  );\n\n  if (stepInfo?.tool !== EPointCloudName.PointCloud) {\n    return null;\n  }\n\n  if (attrPanelLayout) {\n    return null;\n  }\n\n  return (\n    <FooterPopover\n      hoverIcon={<UnorderedListOutlined style={{ marginRight: 4 }} />}\n      icon={<UnorderedListOutlined style={{ marginRight: 4 }} />}\n      title={t('AnnotatedList')}\n      content={<AnnotatedAttributesPanel />}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/es/views/MainView/toolFooter/FooterPopover.js

@@ -1 +1,48 @@
-import t,{useState as c}from"react";import{Popover as p}from"antd";const i=({source:e})=>typeof e=="string"?t.createElement("img",{src:e,width:14,height:14,style:{marginRight:4}}):e,u=({hoverIcon:e,icon:s,containerStyle:a,content:r,title:n})=>{const[l,o]=c(!1),m=t.createElement(i,{source:l&&e!=null?e:s});return t.createElement(p,{placement:"topLeft",content:r,onMouseMove:()=>{o(!0)},onMouseLeave:()=>{o(!1)},overlayClassName:"tool-hotkeys-popover",className:"tipsBar"},t.createElement("div",{className:"shortCutTitle",onMouseMove:()=>o(!0),onMouseLeave:()=>o(!1),style:a},t.createElement("a",{className:"svg"},m,n)))};export{u as default};
+import React, { useState } from 'react';
+import { Popover } from 'antd';
+
+const Icon = ({source}) => {
+  if (typeof source === "string") {
+    return /* @__PURE__ */ React.createElement("img", {
+      src: source,
+      width: 14,
+      height: 14,
+      style: {marginRight: 4}
+    });
+  }
+  return source;
+};
+const FooterPopover = ({
+  hoverIcon,
+  icon,
+  containerStyle,
+  content,
+  title
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const displayIcon = /* @__PURE__ */ React.createElement(Icon, {
+    source: isOpen ? hoverIcon != null ? hoverIcon : icon : icon
+  });
+  return /* @__PURE__ */ React.createElement(Popover, {
+    placement: "topLeft",
+    content,
+    onMouseMove: () => {
+      setIsOpen(true);
+    },
+    onMouseLeave: () => {
+      setIsOpen(false);
+    },
+    overlayClassName: "tool-hotkeys-popover",
+    className: "tipsBar"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "shortCutTitle",
+    onMouseMove: () => setIsOpen(true),
+    onMouseLeave: () => setIsOpen(false),
+    style: containerStyle
+  }, /* @__PURE__ */ React.createElement("a", {
+    className: "svg"
+  }, displayIcon, title)));
+};
+
+export { FooterPopover as default };
+//# sourceMappingURL=FooterPopover.js.map

package/es/views/MainView/toolFooter/FooterPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterPopover.js","sources":["../../../../src/views/MainView/toolFooter/FooterPopover.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Popover } from 'antd';\n\ntype Source = string | React.ReactElement;\n\nconst Icon = ({ source }: { source: Source }) => {\n  if (typeof source === 'string') {\n    return <img src={source} width={14} height={14} style={{ marginRight: 4 }} />;\n  }\n\n  return source;\n};\n\nconst FooterPopover = ({\n  hoverIcon,\n  icon,\n  containerStyle,\n  content,\n  title,\n}: {\n  hoverIcon: Source;\n  icon: Source;\n  containerStyle?: React.CSSProperties;\n  content: React.ReactNode;\n  title: string;\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const displayIcon = <Icon source={isOpen ? hoverIcon ?? icon : icon} />;\n\n  return (\n    <Popover\n      placement='topLeft'\n      content={content}\n      // @ts-ignore\n      onMouseMove={() => {\n        setIsOpen(true);\n      }}\n      onMouseLeave={() => {\n        setIsOpen(false);\n      }}\n      overlayClassName='tool-hotkeys-popover'\n      className='tipsBar'\n    >\n      <div\n        className='shortCutTitle'\n        onMouseMove={() => setIsOpen(true)}\n        onMouseLeave={() => setIsOpen(false)}\n        style={containerStyle}\n      >\n        <a className='svg'>\n          {displayIcon}\n          {title}\n        </a>\n      </div>\n    </Popover>\n  );\n};\n\nexport default FooterPopover;\n"],"names":[],"mappings":";;;AAKA,MAAM,IAAA,GAAO,CAAC,CAAE,MAAiC,CAAA,KAAA;AAC/C,EAAI,IAAA,OAAO,WAAW,QAAU,EAAA;AAC9B,IAAA,2CAAQ,KAAD,EAAA;AAAA,MAAK,GAAK,EAAA,MAAA;AAAA,MAAQ,KAAO,EAAA,EAAA;AAAA,MAAI,MAAQ,EAAA,EAAA;AAAA,MAAI,KAAA,EAAO,CAAE,WAAa,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA;AAGxE,EAAO,OAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAGT,MAAM,gBAAgB,CAAC;AAAA,EACrB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,CAOI,KAAA;AACJ,EAAM,MAAA,CAAC,MAAQ,EAAA,SAAA,CAAA,GAAa,QAAS,CAAA,KAAA,CAAA,CAAA;AAErC,EAAM,MAAA,WAAA,uCAAe,IAAD,EAAA;AAAA,IAAM,MAAA,EAAQ,MAAS,GAAA,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,IAAO,GAAA,IAAA;AAAA,GAAA,CAAA,CAAA;AAE/D,EAAA,2CACG,OAAD,EAAA;AAAA,IACE,SAAU,EAAA,SAAA;AAAA,IACV,OAAA;AAAA,IAEA,aAAa,MAAM;AACjB,MAAU,SAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KAAA;AAAA,IAEZ,cAAc,MAAM;AAClB,MAAU,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA;AAAA,IAEZ,gBAAiB,EAAA,sBAAA;AAAA,IACjB,SAAU,EAAA,SAAA;AAAA,GAAA,sCAET,KAAD,EAAA;AAAA,IACE,SAAU,EAAA,eAAA;AAAA,IACV,WAAA,EAAa,MAAM,SAAU,CAAA,IAAA,CAAA;AAAA,IAC7B,YAAA,EAAc,MAAM,SAAU,CAAA,KAAA,CAAA;AAAA,IAC9B,KAAO,EAAA,cAAA;AAAA,GAAA,sCAEN,GAAD,EAAA;AAAA,IAAG,SAAU,EAAA,KAAA;AAAA,GAAA,EACV,WACA,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/common/index.js

@@ -1 +1,127 @@
-import n from"../../../../../../assets/annotation/toolHotKeyIcon/icon_cencel_kj.svg.js";import s from"../../../../../../assets/annotation/toolHotKeyIcon/icon_reform_kj.svg.js";import e from"../../../../../../assets/annotation/toolHotKeyIcon/icon_loupe_kj.svg.js";import i from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_middle_kj.svg.js";import a from"../../../../../../assets/annotation/toolHotKeyIcon/icon_fullView_kj.svg.js";import c from"../../../../../../assets/annotation/toolHotKeyIcon/icon_reload_kj.svg.js";import r from"../../../../../../assets/annotation/toolHotKeyIcon/setValid.svg.js";import m from"../../../../../../assets/annotation/toolHotKeyIcon/icon_last_kj.svg.js";import l from"../../../../../../assets/annotation/toolHotKeyIcon/icon_next_kj.svg.js";import o from"../../../../../../assets/annotation/toolHotKeyIcon/icon_move_kj.svg.js";import g from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg.js";import t from"../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg.js";import _ from"../../../../../../assets/annotation/toolHotKeyIcon/icon_tab_kj.svg.js";import j from"../../../../../../assets/annotation/toolHotKeyIcon/icon_alttab_kj.svg.js";import f from"../../../../../../assets/annotation/toolHotKeyIcon/icon_save_kj.svg.js";import u from"../../../../../../assets/annotation/toolHotKeyIcon/icon_lineSpecial_kj.svg.js";import h from"../../../../../../assets/annotation/toolHotKeyIcon/icon_noDisplay.svg.js";import p from"../../../../../../assets/annotation/toolHotKeyIcon/icon_playPause.svg.js";import v from"../../../../../../assets/annotation/toolHotKeyIcon/icon_forward_kj.svg.js";import d from"../../../../../../assets/annotation/toolHotKeyIcon/icon_back_kj.svg.js";import C from"../../../../../../assets/annotation/toolHotKeyIcon/icon_speed_kj.svg.js";const I={name:"Undo",icon:n,shortCut:["Ctrl","Z"]},y={name:"Redo",icon:s,shortCut:["Ctrl","Shift","Z"]},H={name:"Scale",icon:e,shortCut:[i]},k={name:"Fullscreen",icon:a,shortCut:["F11"]},K={name:"Rotate",icon:c,shortCut:["R"],noticeInfo:"ToOriginalStep"},$={name:"ToggleEffectiveness",icon:r,shortCut:["Y"]},S={name:"PreviousImage",icon:m,shortCut:["A"]},b={name:"NextImage",icon:l,shortCut:["D"]},w={name:"Drag",icon:o,shortCut:[g],noticeInfo:"Press"},R={name:"Drag",icon:o,shortCut:["Space",t]},T={name:"ToggleSelected",icon:_,shortCut:["Tab"]},P={name:"ToggleSelectedReverse",icon:j,shortCut:["Shift","Tab"]},F={name:"HideGraphics",icon:h,noticeInfo:"",shortCut:["Z"]},D={name:"ToggleLineParticularity",icon:u,noticeInfo:"ToSide",shortCut:["Shift",t]},U={name:"Save",icon:f,shortCut:["Ctrl","S"]},x={name:"Speed",icon:C,shortCut:["↑","↓"],shortCutUseHtml:!0},L={name:"PlayPause",icon:p,shortCut:["Space"]},V={name:"FastForward",icon:v,shortCut:["→"],shortCutUseHtml:!0},Z={name:"Rewind",icon:d,shortCut:["←"],shortCutUseHtml:!0};export{S as backward,D as changeSpecialLine,R as dargWithLeftClick,w as dargWithRightClick,b as forward,V as forwardForward,k as fullScreen,F as hidden,L as playPause,y as restore,I as revoke,Z as rewind,K as rotate,U as saveResult,H as scale,$ as setValid,x as speed,T as tabChangeSelected,P as tabReverseChangeSelected};
+import img$2 from '../../../../../../assets/annotation/toolHotKeyIcon/icon_cencel_kj.svg.js';
+import img$3 from '../../../../../../assets/annotation/toolHotKeyIcon/icon_reform_kj.svg.js';
+import img$4 from '../../../../../../assets/annotation/toolHotKeyIcon/icon_loupe_kj.svg.js';
+import img$5 from '../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_middle_kj.svg.js';
+import img$6 from '../../../../../../assets/annotation/toolHotKeyIcon/icon_fullView_kj.svg.js';
+import img$7 from '../../../../../../assets/annotation/toolHotKeyIcon/icon_reload_kj.svg.js';
+import img$8 from '../../../../../../assets/annotation/toolHotKeyIcon/setValid.svg.js';
+import img from '../../../../../../assets/annotation/toolHotKeyIcon/icon_last_kj.svg.js';
+import img$1 from '../../../../../../assets/annotation/toolHotKeyIcon/icon_next_kj.svg.js';
+import img$9 from '../../../../../../assets/annotation/toolHotKeyIcon/icon_move_kj.svg.js';
+import img$a from '../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg.js';
+import img$b from '../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg.js';
+import img$c from '../../../../../../assets/annotation/toolHotKeyIcon/icon_tab_kj.svg.js';
+import img$d from '../../../../../../assets/annotation/toolHotKeyIcon/icon_alttab_kj.svg.js';
+import img$g from '../../../../../../assets/annotation/toolHotKeyIcon/icon_save_kj.svg.js';
+import img$f from '../../../../../../assets/annotation/toolHotKeyIcon/icon_lineSpecial_kj.svg.js';
+import img$e from '../../../../../../assets/annotation/toolHotKeyIcon/icon_noDisplay.svg.js';
+import img$i from '../../../../../../assets/annotation/toolHotKeyIcon/icon_playPause.svg.js';
+import img$j from '../../../../../../assets/annotation/toolHotKeyIcon/icon_forward_kj.svg.js';
+import img$k from '../../../../../../assets/annotation/toolHotKeyIcon/icon_back_kj.svg.js';
+import img$h from '../../../../../../assets/annotation/toolHotKeyIcon/icon_speed_kj.svg.js';
+
+const revoke = {
+  name: "Undo",
+  icon: img$2,
+  shortCut: ["Ctrl", "Z"]
+};
+const restore = {
+  name: "Redo",
+  icon: img$3,
+  shortCut: ["Ctrl", "Shift", "Z"]
+};
+const scale = {
+  name: "Scale",
+  icon: img$4,
+  shortCut: [img$5]
+};
+const fullScreen = {
+  name: "Fullscreen",
+  icon: img$6,
+  shortCut: ["F11"]
+};
+const rotate = {
+  name: "Rotate",
+  icon: img$7,
+  shortCut: ["R"],
+  noticeInfo: "ToOriginalStep"
+};
+const setValid = {
+  name: "ToggleEffectiveness",
+  icon: img$8,
+  shortCut: ["Y"]
+};
+const backward = {
+  name: "PreviousImage",
+  icon: img,
+  shortCut: ["A"]
+};
+const forward = {
+  name: "NextImage",
+  icon: img$1,
+  shortCut: ["D"]
+};
+const dargWithRightClick = {
+  name: "Drag",
+  icon: img$9,
+  shortCut: [img$a],
+  noticeInfo: "Press"
+};
+const dargWithLeftClick = {
+  name: "Drag",
+  icon: img$9,
+  shortCut: ["Space", img$b]
+};
+const tabChangeSelected = {
+  name: "ToggleSelected",
+  icon: img$c,
+  shortCut: ["Tab"]
+};
+const tabReverseChangeSelected = {
+  name: "ToggleSelectedReverse",
+  icon: img$d,
+  shortCut: ["Shift", "Tab"]
+};
+const hidden = {
+  name: "HideGraphics",
+  icon: img$e,
+  noticeInfo: "",
+  shortCut: ["Z"]
+};
+const changeSpecialLine = {
+  name: "ToggleLineParticularity",
+  icon: img$f,
+  noticeInfo: "ToSide",
+  shortCut: ["Shift", img$b]
+};
+const saveResult = {
+  name: "Save",
+  icon: img$g,
+  shortCut: ["Ctrl", "S"]
+};
+const speed = {
+  name: "Speed",
+  icon: img$h,
+  shortCut: ["↑", "↓"],
+  shortCutUseHtml: true
+};
+const playPause = {
+  name: "PlayPause",
+  icon: img$i,
+  shortCut: ["Space"]
+};
+const forwardForward = {
+  name: "FastForward",
+  icon: img$j,
+  shortCut: ["→"],
+  shortCutUseHtml: true
+};
+const rewind = {
+  name: "Rewind",
+  icon: img$k,
+  shortCut: ["←"],
+  shortCutUseHtml: true
+};
+
+export { backward, changeSpecialLine, dargWithLeftClick, dargWithRightClick, forward, forwardForward, fullScreen, hidden, playPause, restore, revoke, rewind, rotate, saveResult, scale, setValid, speed, tabChangeSelected, tabReverseChangeSelected };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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';\nimport IconPlayPause from '@/assets/annotation/toolHotKeyIcon/icon_playPause.svg';\nimport IconFastForward from '@/assets/annotation/toolHotKeyIcon/icon_forward_kj.svg';\nimport IconRewind from '@/assets/annotation/toolHotKeyIcon/icon_back_kj.svg';\nimport IconSpeed from '@/assets/annotation/toolHotKeyIcon/icon_speed_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: 'PreviousImage',\n  icon: BackwardSvg,\n  shortCut: ['A'],\n};\n\nexport const forward = {\n  name: 'NextImage',\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\nexport const speed = {\n  name: 'Speed',\n  icon: IconSpeed,\n  shortCut: ['↑', '↓'],\n  shortCutUseHtml: true,\n};\n\nexport const playPause = {\n  name: 'PlayPause',\n  icon: IconPlayPause,\n  shortCut: ['Space'],\n};\n\nexport const forwardForward = {\n  name: 'FastForward',\n  icon: IconFastForward,\n  shortCut: ['→'],\n  shortCutUseHtml: true,\n};\n\nexport const rewind = {\n  name: 'Rewind',\n  icon: IconRewind,\n  shortCut: ['←'],\n  shortCutUseHtml: true,\n};\n"],"names":["RevokeSvg","RestoreSvg","ScaleSvg","ScaleShortCutSvg","FullScreenSvg","RotateSvg","SetValidSvg","BackwardSvg","ForwardSvg","DragWithRightClickSvg","DragWithRightClickShortCutSvg","DragWithLeftClickSvg","TabChangeSelectedSvg","TabReverseChangeSelectedSVG","IconNoDisplay","IconLineSpecialKj","IconSaveKj","IconSpeed","IconPlayPause","IconFastForward","IconRewind"],"mappings":"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"}

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/cuboid/index.js

@@ -1 +1,24 @@
-import{backward as e,forward as t,dargWithRightClick as a,scale as r,saveResult as o,restore as d,revoke as c,rotate as i,setValid as l,hidden as s}from"../common/index.js";import{drawRect as n,drawInvalidRect as h,selectRect as m,deleteRect as R,changeValid as u,changeValidByClick as b}from"../rectToolShortCutTable/index.js";const f=[e,t,n,h,a,m,R,u,b,r,o,d,c,i,l,s];export{f as default};
+import { backward, forward, dargWithRightClick, scale, saveResult, restore, revoke, rotate, setValid, hidden } from '../common/index.js';
+import { drawRect, drawInvalidRect, selectRect, deleteRect, changeValid, changeValidByClick } from '../rectToolShortCutTable/index.js';
+
+const cuboidShortCutTable = [
+  backward,
+  forward,
+  drawRect,
+  drawInvalidRect,
+  dargWithRightClick,
+  selectRect,
+  deleteRect,
+  changeValid,
+  changeValidByClick,
+  scale,
+  saveResult,
+  restore,
+  revoke,
+  rotate,
+  setValid,
+  hidden
+];
+
+export { cuboidShortCutTable as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/cuboid/index.tsx"],"sourcesContent":["import {\n  backward,\n  dargWithRightClick,\n  forward,\n  restore,\n  revoke,\n  rotate,\n  setValid,\n  hidden,\n  scale,\n  saveResult,\n} from '../common';\nimport {\n  changeValid,\n  changeValidByClick,\n  selectRect,\n  deleteRect,\n  drawInvalidRect,\n  drawRect,\n} from '../rectToolShortCutTable';\n\nconst cuboidShortCutTable = [\n  backward,\n  forward,\n\n  // Temporary reuse of react tool icons\n  drawRect,\n  drawInvalidRect,\n  dargWithRightClick,\n  selectRect,\n  deleteRect,\n  changeValid,\n  changeValidByClick,\n\n  scale,\n  saveResult,\n  restore,\n  revoke,\n  rotate,\n  setValid,\n  hidden,\n];\n\nexport default cuboidShortCutTable;\n"],"names":[],"mappings":";;;AAqBA,MAAM,mBAAsB,GAAA;AAAA,EAC1B,QAAA;AAAA,EACA,OAAA;AAAA,EAGA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,kBAAA;AAAA,EAEA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA;;;;"}