@ant-design/icons#ArrowLeftOutlined JavaScript Examples

The following examples show how to use @ant-design/icons#ArrowLeftOutlined. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.

Example #1

Source File: Relations.js From label-studio-frontend with Apache License 2.0

6 votes

Relation = observer(({ rl }) => {
  if (!isValidReference(() => rl.node1) || !isValidReference(() => rl.node2)) {
    return null;
  }

  const iconMap = {
    left: <ArrowLeftOutlined />,
    right: <ArrowRightOutlined />,
    bi: <SwapOutlined />,
  };

  return (
    <div>
      <div className={styles.section__blocks}>
        <div>
          <NodeMinimal node={rl.node1} />
        </div>
        <Button onClick={() => rl.rotateDirection()} size="small" className={styles.relationbtn}>
          {iconMap[rl.direction]}
        </Button>
        <div>
          <NodeMinimal node={rl.node2} />
        </div>
      </div>
    </div>
  );
})

Example #2

Source File: AiSample.js From network-rc with Apache License 2.0

6 votes

aiAction = {
  left: {
    icon: <ArrowLeftOutlined />,
    name: "左转弯",
    action: { speed: 1, direction: 1 },
    label: 0,
  },
  right: {
    icon: <ArrowRightOutlined />,
    name: "右转弯",
    action: { speed: 1, direction: -1 },
    label: 1,
  },
  forward: {
    icon: <ArrowUpOutlined />,
    name: "前进",
    action: { speed: 1, direction: 0 },
    label: 2,
  },
  back: {
    icon: <ArrowDownOutlined />,
    action: { speed: -1, direction: 0 },
    name: "后退",
    label: 3,
  },
  stop: {
    icon: <PauseOutlined />,
    action: { speed: 0, direction: 0 },
    name: "停止",
    label: 4,
  },
}

Example #3

Source File: map.js From ant-simple-pro with MIT License

5 votes

Analysis = memo(function Analysis() {
  const mapRef = useRef(null)
  const { history } = useRouter();
  const [isLoading,setIsLoading] = useState(false);
  useEffect(() => {
    setIsLoading(false)
    asyncLoadScript(src, window.AMap, err => {
      if (err) {
        message.destroy()
        message.warning('加载地图失败')
        return
      }
      mapRef.current = new window.AMap.Map('mapContainer', {
        zoom: 12
      })
      mapRef.current.on('complete', ()=>{
        setIsLoading(true)
      });
    })
    return () => {
      mapRef.current.destroy()
    }
  }, [])

  function onBack() {
    history.goBack()
  }

  return (
    <div className={styles.analysis}>
      <Row className={styles.buttonGroup}>
        <Tooltip placement="bottom" title="返回">
          <Row className={styles.back} align="middle" justify="center" onClick={onBack}>
            <ArrowLeftOutlined style={{fontSize:'30px'}}/>
          </Row>
        </Tooltip>
      </Row>
      {
        isLoading ? null : <LoadingCompent tip='地图正在加载中...'/>
      }
      <div id="mapContainer" className={styles.mapContainer}></div>
    </div>
  )
})