2021-7-22 抽屉

82

看到一个强行用远程仓库覆盖本地仓库的方法

$ git fetch --all
$ git reset --hard origin/master 
$ git pull

然后写一下看到的antv的抽屉，记录一下单击节点编辑的功能

<div class="title">
        <a-drawer
          title="节点设置"
          placement="right"
          :closable="false"
          :visible="visible"
          :get-container="false"
          :wrap-style="{ position: 'absolute' }"
          @close="onClose"
        >
          <p>Some contents...</p>
        </a-drawer>
        <div style="background-color: #f5f5f5;height:100%;">
          <div class="app-model-title">
            <span>基本信息</span>
          </div>
          <a-form :model="graphTitle" style="margin-left:10px">
            <a-form-item label="Graph名称">
              <a-input v-model:value="graphTitle.name" />
            </a-form-item>
            <a-form-item label="备注信息">
              <a-input v-model:value="graphTitle.name" />
            </a-form-item>
          </a-form>
        </div>
      </div>

this.graph.on('cell:click', ({ cell, e }) => {
        if (cell.isNode()) {
          this.visible = true
          if (this.edittingnode) {
            this.edittingnode.unhighlight()
          }
          this.edittingnode = this.graph.findViewByCell(cell)
          this.edittingnode.highlight()
          // this.edittingnode = cellView
        }
      })
      this.graph.on('blank:click', () => {
        if (this.visible) {
          this.visible = false
        }
        if (this.edittingnode) {
          this.edittingnode.unhighlight()
          this.edittingnode = null
        }
        if (this.token) {
          this.animation = false
          // this.graph.off('signal')
          // const stop = this.view.sendToken(this.token.node, 1000)
          // setTimeout(stop, 1000)
          // this.token = null
          // this.view = null
          // this.circleNodeArr = null
        }
      })

.right {
    position: relative;
    width: 250px;
    background-color: #e0e0e0;
    height: 100%;
    .title {
      color: black;
      overflow: hidden;
      height: 60%;
      position: relative;
    }
   }