Function Workspace

src/pages/Workspace/index.jsx:31–504

()

let basicHeight = 0
let isMove = true;
function Workspace() {
  const [property, setProperty] = useState({}); // 属性区的属性
  const [basicProperty, setBasicProperty] = useState({}); // 属性区的基础属性
  const [current, setCurrent] = useState({}); // 当前元素
  const [layer, setLayer] = useState([]); // 图层
  const [nowId, setNowId] = useState(); // 当前元素
  const [nowGroupId, setNowGroupId] = useState(); // 当前选中的组id
  const [zoom, setZoom] = useState(69.8); // 当前大屏的高
  const [shareModal, setShareModal] = useState(false); // 分享modal开关
  const [htmlReverseModal, setHtmlReverseModal] = useState(false); // html逆向工程modal开关
  const [linkKeyMatchStatus, setLinkKeyMatchStatus] = useState(false); // 联动菜单是否映射成功
  const [SSEServer, setSSEServer] = useState(null)
  const [spinning, setSpinning] = useState(false) // 是否显示Spin
  const [spinText, setSpinText] = useState('加载中') // 加载文案
  const [dataOrigin, setDataOrigin] = useState([]) // 系统配置api
  const [exportBluePrint, setExportBluePrint] = useState([]) // 导出到蓝湖编辑器数据
  const [isShowBluePrint, setIsShowBluePrint] = useState(false) // 是否展示蓝图编辑器
  const iframeRef = useRef(null);
  const rulerRef = useRef(null);
  const id = window.location.hash.split('?')[1].split('=')[1] // 根据url截取的id

  function sendMsg(command) {
    effectFrame({
      command
    });
  }
  function confirmModal(title, onOk) {
    // 确定框
    confirm({
      title,
      getContainer: document.getElementById("workspace"),
      icon: <ExclamationCircleOutlined />,
      okText: '确定',
      okType: 'danger',
      okButtonProps: {
        ghost: true
      },
      maskClosable: true,
      mask: true,
      cancelText: '取消',
      cancelButtonProps: {
        ghost: true
      },
      onOk() {
        setTimeout(async () => {
          onOk()
        }, 100);
      },
      onCancel() { },
    });
  }

  function share() {
    setShareModal(true)
  }
  function onClickHtmlReverse() {
    setHtmlReverseModal(true)
  }