diff --git a/powerjob-client/src/main/java/tech/powerjob/client/OhMyClient.java b/powerjob-client/src/main/java/tech/powerjob/client/PowerJobClient.java
similarity index 95%
rename from powerjob-client/src/main/java/tech/powerjob/client/OhMyClient.java
rename to powerjob-client/src/main/java/tech/powerjob/client/PowerJobClient.java
index ea3c9f90..edc4e16a 100644
--- a/powerjob-client/src/main/java/tech/powerjob/client/OhMyClient.java
+++ b/powerjob-client/src/main/java/tech/powerjob/client/PowerJobClient.java
@@ -27,13 +27,13 @@ import java.util.Objects;
 import static tech.powerjob.client.TypeStore.*;
 
 /**
- * OhMyClient, the client for OpenAPI.
+ * PowerJobClient, the client for OpenAPI.
  *
  * @author tjq
  * @since 2020/4/15
  */
 @Slf4j
-public class OhMyClient {
+public class PowerJobClient {
 
     private Long appId;
     private String currentAddress;
@@ -42,25 +42,25 @@ public class OhMyClient {
     private static final String URL_PATTERN = "http://%s%s%s";
 
     /**
-     * Init OhMyClient with domain, appName and password.
+     * Init PowerJobClient with domain, appName and password.
      *
      * @param domain   like powerjob-server.apple-inc.com (Intranet Domain)
      * @param appName  name of the application
      * @param password password of the application
      */
-    public OhMyClient(String domain, String appName, String password) {
+    public PowerJobClient(String domain, String appName, String password) {
         this(Lists.newArrayList(domain), appName, password);
     }
 
 
     /**
-     * Init OhMyClient with server address, appName and password.
+     * Init PowerJobClient with server address, appName and password.
      *
      * @param addressList IP:Port address list, like 192.168.1.1:7700
      * @param appName     name of the application
      * @param password    password of the application
      */
-    public OhMyClient(List<String> addressList, String appName, String password) {
+    public PowerJobClient(List<String> addressList, String appName, String password) {
 
         CommonUtils.requireNonNull(addressList, "addressList can't be null!");
         CommonUtils.requireNonNull(appName, "appName can't be null");
@@ -86,9 +86,9 @@ public class OhMyClient {
         }
 
         if (StringUtils.isEmpty(currentAddress)) {
-            throw new PowerJobException("no server available for OhMyClient");
+            throw new PowerJobException("no server available for PowerJobClient");
         }
-        log.info("[OhMyClient] {}'s OhMyClient bootstrap successfully, using server: {}", appName, currentAddress);
+        log.info("[PowerJobClient] {}'s PowerJobClient bootstrap successfully, using server: {}", appName, currentAddress);
     }
 
     private static String assertApp(String appName, String password, String url) throws IOException {
@@ -539,7 +539,7 @@ public class OhMyClient {
                 return res;
             }
         } catch (IOException e) {
-            log.warn("[OhMyClient] request url:{} failed, reason is {}.", url, e.toString());
+            log.warn("[PowerJobClient] request url:{} failed, reason is {}.", url, e.toString());
         }
 
         // 失败，开始重试
@@ -551,16 +551,16 @@ public class OhMyClient {
             try {
                 String res = HttpUtils.post(url, requestBody);
                 if (StringUtils.isNotEmpty(res)) {
-                    log.warn("[OhMyClient] server change: from({}) -> to({}).", currentAddress, addr);
+                    log.warn("[PowerJobClient] server change: from({}) -> to({}).", currentAddress, addr);
                     currentAddress = addr;
                     return res;
                 }
             } catch (IOException e) {
-                log.warn("[OhMyClient] request url:{} failed, reason is {}.", url, e.toString());
+                log.warn("[PowerJobClient] request url:{} failed, reason is {}.", url, e.toString());
             }
         }
 
-        log.error("[OhMyClient] do post for path: {} failed because of no server available in {}.", path, allAddress);
+        log.error("[PowerJobClient] do post for path: {} failed because of no server available in {}.", path, allAddress);
         throw new PowerJobException("no server available when send post request");
     }
 }
diff --git a/powerjob-client/src/test/java/tech/powerjob/client/test/ClientInitializer.java b/powerjob-client/src/test/java/tech/powerjob/client/test/ClientInitializer.java
index 8e219d57..1090aa24 100644
--- a/powerjob-client/src/test/java/tech/powerjob/client/test/ClientInitializer.java
+++ b/powerjob-client/src/test/java/tech/powerjob/client/test/ClientInitializer.java
@@ -1,6 +1,6 @@
 package tech.powerjob.client.test;
 
-import tech.powerjob.client.OhMyClient;
+import tech.powerjob.client.PowerJobClient;
 import org.junit.jupiter.api.BeforeAll;
 
 /**
@@ -11,10 +11,10 @@ import org.junit.jupiter.api.BeforeAll;
  */
 public class ClientInitializer {
 
-    protected static OhMyClient ohMyClient;
+    protected static PowerJobClient powerJobClient;
 
     @BeforeAll
     public static void initClient() throws Exception {
-        ohMyClient = new OhMyClient("127.0.0.1:7700", "powerjob-agent-test", "123");
+        powerJobClient = new PowerJobClient("127.0.0.1:7700", "powerjob-agent-test", "123");
     }
 }
diff --git a/powerjob-client/src/test/java/tech/powerjob/client/test/TestClient.java b/powerjob-client/src/test/java/tech/powerjob/client/test/TestClient.java
index e339d8d3..677d683d 100644
--- a/powerjob-client/src/test/java/tech/powerjob/client/test/TestClient.java
+++ b/powerjob-client/src/test/java/tech/powerjob/client/test/TestClient.java
@@ -1,7 +1,7 @@
 package tech.powerjob.client.test;
 
 import com.alibaba.fastjson.JSONObject;
-import tech.powerjob.client.OhMyClient;
+import tech.powerjob.client.PowerJobClient;
 import tech.powerjob.common.enums.ExecuteType;
 import tech.powerjob.common.enums.ProcessorType;
 import tech.powerjob.common.enums.TimeExpressionType;
@@ -16,7 +16,7 @@ import org.junit.jupiter.api.Test;
 import java.util.concurrent.TimeUnit;
 
 /**
- * Test cases for {@link OhMyClient}
+ * Test cases for {@link PowerJobClient}
  *
  * @author tjq
  * @author Echo009
@@ -45,86 +45,86 @@ class TestClient extends ClientInitializer {
         newJobInfo.setMinMemorySpace(1.2);
         newJobInfo.setMinDiskSpace(1.3);
 
-        ResultDTO<Long> resultDTO = ohMyClient.saveJob(newJobInfo);
+        ResultDTO<Long> resultDTO = powerJobClient.saveJob(newJobInfo);
         System.out.println(JSONObject.toJSONString(resultDTO));
         Assertions.assertNotNull(resultDTO);
     }
 
     @Test
     void testCopyJob() {
-        ResultDTO<Long> copyJobRes = ohMyClient.copyJob(JOB_ID);
+        ResultDTO<Long> copyJobRes = powerJobClient.copyJob(JOB_ID);
         System.out.println(JSONObject.toJSONString(copyJobRes));
         Assertions.assertNotNull(copyJobRes);
     }
 
     @Test
     void testFetchJob() {
-        ResultDTO<JobInfoDTO> fetchJob = ohMyClient.fetchJob(JOB_ID);
+        ResultDTO<JobInfoDTO> fetchJob = powerJobClient.fetchJob(JOB_ID);
         System.out.println(JSONObject.toJSONString(fetchJob));
         Assertions.assertNotNull(fetchJob);
     }
 
     @Test
     void testDisableJob() {
-        ResultDTO<Void> res = ohMyClient.disableJob(JOB_ID);
+        ResultDTO<Void> res = powerJobClient.disableJob(JOB_ID);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testEnableJob() {
-        ResultDTO<Void> res = ohMyClient.enableJob(JOB_ID);
+        ResultDTO<Void> res = powerJobClient.enableJob(JOB_ID);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testDeleteJob() {
-        ResultDTO<Void> res = ohMyClient.deleteJob(JOB_ID);
+        ResultDTO<Void> res = powerJobClient.deleteJob(JOB_ID);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testRun() {
-        ResultDTO<Long> res = ohMyClient.runJob(JOB_ID);
+        ResultDTO<Long> res = powerJobClient.runJob(JOB_ID);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testRunJobDelay() {
-        ResultDTO<Long> res = ohMyClient.runJob(JOB_ID, "this is instanceParams", 60000);
+        ResultDTO<Long> res = powerJobClient.runJob(JOB_ID, "this is instanceParams", 60000);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testFetchInstanceInfo() {
-        ResultDTO<InstanceInfoDTO> res = ohMyClient.fetchInstanceInfo(205436386851946560L);
+        ResultDTO<InstanceInfoDTO> res = powerJobClient.fetchInstanceInfo(205436386851946560L);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testStopInstance() {
-        ResultDTO<Void> res = ohMyClient.stopInstance(205436995885858880L);
+        ResultDTO<Void> res = powerJobClient.stopInstance(205436995885858880L);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testFetchInstanceStatus() {
-        ResultDTO<Integer> res = ohMyClient.fetchInstanceStatus(205436995885858880L);
+        ResultDTO<Integer> res = powerJobClient.fetchInstanceStatus(205436995885858880L);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testCancelInstanceInTimeWheel() {
-        ResultDTO<Long> startRes = ohMyClient.runJob(JOB_ID, "start by OhMyClient", 20000);
+        ResultDTO<Long> startRes = powerJobClient.runJob(JOB_ID, "start by OhMyClient", 20000);
         System.out.println("runJob result: " + JSONObject.toJSONString(startRes));
-        ResultDTO<Void> cancelRes = ohMyClient.cancelInstance(startRes.getData());
+        ResultDTO<Void> cancelRes = powerJobClient.cancelInstance(startRes.getData());
         System.out.println("cancelJob result: " + JSONObject.toJSONString(cancelRes));
         Assertions.assertTrue(cancelRes.isSuccess());
     }
@@ -132,20 +132,20 @@ class TestClient extends ClientInitializer {
     @Test
     @SneakyThrows
     void testCancelInstanceInDatabase() {
-        ResultDTO<Long> startRes = ohMyClient.runJob(15L, "start by OhMyClient", 2000000);
+        ResultDTO<Long> startRes = powerJobClient.runJob(15L, "start by OhMyClient", 2000000);
         System.out.println("runJob result: " + JSONObject.toJSONString(startRes));
 
         // Restart server manually and clear all the data in time wheeler.
         TimeUnit.MINUTES.sleep(1);
 
-        ResultDTO<Void> cancelRes = ohMyClient.cancelInstance(startRes.getData());
+        ResultDTO<Void> cancelRes = powerJobClient.cancelInstance(startRes.getData());
         System.out.println("cancelJob result: " + JSONObject.toJSONString(cancelRes));
         Assertions.assertTrue(cancelRes.isSuccess());
     }
 
     @Test
     void testRetryInstance() {
-        ResultDTO<Void> res = ohMyClient.retryInstance(169557545206153344L);
+        ResultDTO<Void> res = powerJobClient.retryInstance(169557545206153344L);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
diff --git a/powerjob-client/src/test/java/tech/powerjob/client/test/TestConcurrencyControl.java b/powerjob-client/src/test/java/tech/powerjob/client/test/TestConcurrencyControl.java
index 00438f36..3b8f69c6 100644
--- a/powerjob-client/src/test/java/tech/powerjob/client/test/TestConcurrencyControl.java
+++ b/powerjob-client/src/test/java/tech/powerjob/client/test/TestConcurrencyControl.java
@@ -28,7 +28,7 @@ class TestConcurrencyControl extends ClientInitializer {
         saveJobInfoRequest.setTimeExpressionType(TimeExpressionType.API);
         saveJobInfoRequest.setMaxInstanceNum(1);
 
-        Long jobId = ohMyClient.saveJob(saveJobInfoRequest).getData();
+        Long jobId = powerJobClient.saveJob(saveJobInfoRequest).getData();
 
         System.out.println("jobId: " + jobId);
 
@@ -37,7 +37,7 @@ class TestConcurrencyControl extends ClientInitializer {
         for (int i = 0; i < 100; i++) {
             String params = "index-" + i;
             pool.execute(() -> {
-                ResultDTO<Long> res = ohMyClient.runJob(jobId, params, 0);
+                ResultDTO<Long> res = powerJobClient.runJob(jobId, params, 0);
                 System.out.println(params + ": " + res);
             });
         }
diff --git a/powerjob-client/src/test/java/tech/powerjob/client/test/TestQuery.java b/powerjob-client/src/test/java/tech/powerjob/client/test/TestQuery.java
index 12258e78..a0153baf 100644
--- a/powerjob-client/src/test/java/tech/powerjob/client/test/TestQuery.java
+++ b/powerjob-client/src/test/java/tech/powerjob/client/test/TestQuery.java
@@ -25,7 +25,7 @@ class TestQuery extends ClientInitializer {
 
     @Test
     void testFetchAllJob() {
-        ResultDTO<List<JobInfoDTO>> allJobRes = ohMyClient.fetchAllJob();
+        ResultDTO<List<JobInfoDTO>> allJobRes = powerJobClient.fetchAllJob();
         System.out.println(JSON.toJSONString(allJobRes));
     }
 
@@ -41,7 +41,7 @@ class TestQuery extends ClientInitializer {
                 .setProcessorTypeIn(Lists.newArrayList(ProcessorType.BUILT_IN.getV(), ProcessorType.SHELL.getV(), ProcessorType.EXTERNAL.getV()))
                 .setProcessorInfoLike("com.github.kfcfans");
 
-        ResultDTO<List<JobInfoDTO>> jobQueryResult = ohMyClient.queryJob(jobInfoQuery);
+        ResultDTO<List<JobInfoDTO>> jobQueryResult = powerJobClient.queryJob(jobInfoQuery);
         System.out.println(JSON.toJSONString(jobQueryResult));
         System.out.println(jobQueryResult.getData().size());
     }
diff --git a/powerjob-client/src/test/java/tech/powerjob/client/test/TestWorkflow.java b/powerjob-client/src/test/java/tech/powerjob/client/test/TestWorkflow.java
index c403a048..e40904b6 100644
--- a/powerjob-client/src/test/java/tech/powerjob/client/test/TestWorkflow.java
+++ b/powerjob-client/src/test/java/tech/powerjob/client/test/TestWorkflow.java
@@ -1,7 +1,7 @@
 package tech.powerjob.client.test;
 
 import com.alibaba.fastjson.JSONObject;
-import tech.powerjob.client.OhMyClient;
+import tech.powerjob.client.PowerJobClient;
 import tech.powerjob.common.enums.ExecuteType;
 import tech.powerjob.common.enums.ProcessorType;
 import tech.powerjob.common.enums.TimeExpressionType;
@@ -21,7 +21,7 @@ import org.junit.jupiter.api.Test;
 import java.util.List;
 
 /**
- * Test cases for {@link OhMyClient} workflow.
+ * Test cases for {@link PowerJobClient} workflow.
  *
  * @author tjq
  * @author Echo009
@@ -43,7 +43,7 @@ class TestWorkflow extends ClientInitializer {
         for (int i = 0; i < 5; i++) {
             SaveJobInfoRequest request = JSONObject.parseObject(JSONObject.toJSONBytes(base), SaveJobInfoRequest.class);
             request.setJobName(request.getJobName() + i);
-            ResultDTO<Long> res = ohMyClient.saveJob(request);
+            ResultDTO<Long> res = powerJobClient.saveJob(request);
             System.out.println(res);
             Assertions.assertNotNull(res);
 
@@ -61,7 +61,7 @@ class TestWorkflow extends ClientInitializer {
         req.setTimeExpressionType(TimeExpressionType.API);
 
         System.out.println("req ->" + JSONObject.toJSON(req));
-        ResultDTO<Long> res = ohMyClient.saveWorkflow(req);
+        ResultDTO<Long> res = powerJobClient.saveWorkflow(req);
         System.out.println(res);
         Assertions.assertNotNull(res);
 
@@ -85,7 +85,7 @@ class TestWorkflow extends ClientInitializer {
         saveWorkflowNodeRequest3.setType(WorkflowNodeType.JOB);
 
 
-        List<WorkflowNodeInfoDTO> nodeList = ohMyClient.saveWorkflowNode(Lists.newArrayList(saveWorkflowNodeRequest1,saveWorkflowNodeRequest2,saveWorkflowNodeRequest3)).getData();
+        List<WorkflowNodeInfoDTO> nodeList = powerJobClient.saveWorkflowNode(Lists.newArrayList(saveWorkflowNodeRequest1,saveWorkflowNodeRequest2,saveWorkflowNodeRequest3)).getData();
         System.out.println(nodeList);
         Assertions.assertNotNull(nodeList);
 
@@ -104,7 +104,7 @@ class TestWorkflow extends ClientInitializer {
 
         // 保存完整信息
         req.setDag(peWorkflowDAG);
-        res = ohMyClient.saveWorkflow(req);
+        res = powerJobClient.saveWorkflow(req);
 
         System.out.println(res);
         Assertions.assertNotNull(res);
@@ -113,7 +113,7 @@ class TestWorkflow extends ClientInitializer {
 
     @Test
     void testCopyWorkflow() {
-        ResultDTO<Long> res = ohMyClient.copyWorkflow(WF_ID);
+        ResultDTO<Long> res = powerJobClient.copyWorkflow(WF_ID);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
@@ -121,70 +121,70 @@ class TestWorkflow extends ClientInitializer {
 
     @Test
     void testDisableWorkflow() {
-        ResultDTO<Void> res = ohMyClient.disableWorkflow(WF_ID);
+        ResultDTO<Void> res = powerJobClient.disableWorkflow(WF_ID);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testDeleteWorkflow() {
-        ResultDTO<Void> res = ohMyClient.deleteWorkflow(WF_ID);
+        ResultDTO<Void> res = powerJobClient.deleteWorkflow(WF_ID);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testEnableWorkflow() {
-        ResultDTO<Void> res = ohMyClient.enableWorkflow(WF_ID);
+        ResultDTO<Void> res = powerJobClient.enableWorkflow(WF_ID);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testFetchWorkflowInfo() {
-        ResultDTO<WorkflowInfoDTO> res = ohMyClient.fetchWorkflow(WF_ID);
+        ResultDTO<WorkflowInfoDTO> res = powerJobClient.fetchWorkflow(WF_ID);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testRunWorkflow() {
-        ResultDTO<Long> res = ohMyClient.runWorkflow(WF_ID);
+        ResultDTO<Long> res = powerJobClient.runWorkflow(WF_ID);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testStopWorkflowInstance() {
-        ResultDTO<Void> res = ohMyClient.stopWorkflowInstance(149962433421639744L);
+        ResultDTO<Void> res = powerJobClient.stopWorkflowInstance(149962433421639744L);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testRetryWorkflowInstance() {
-        ResultDTO<Void> res = ohMyClient.retryWorkflowInstance(149962433421639744L);
+        ResultDTO<Void> res = powerJobClient.retryWorkflowInstance(149962433421639744L);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testMarkWorkflowNodeAsSuccess() {
-        ResultDTO<Void> res = ohMyClient.markWorkflowNodeAsSuccess(149962433421639744L, 1L);
+        ResultDTO<Void> res = powerJobClient.markWorkflowNodeAsSuccess(149962433421639744L, 1L);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testFetchWfInstanceInfo() {
-        ResultDTO<WorkflowInstanceInfoDTO> res = ohMyClient.fetchWorkflowInstanceInfo(149962433421639744L);
+        ResultDTO<WorkflowInstanceInfoDTO> res = powerJobClient.fetchWorkflowInstanceInfo(149962433421639744L);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
 
     @Test
     void testRunWorkflowPlus() {
-        ResultDTO<Long> res = ohMyClient.runWorkflow(WF_ID, "this is init Params 2", 90000);
+        ResultDTO<Long> res = powerJobClient.runWorkflow(WF_ID, "this is init Params 2", 90000);
         System.out.println(res);
         Assertions.assertNotNull(res);
     }
diff --git a/powerjob-server/powerjob-server-core/src/main/java/tech/powerjob/server/core/DispatchService.java b/powerjob-server/powerjob-server-core/src/main/java/tech/powerjob/server/core/DispatchService.java
index 121ecef8..248f00e4 100644
--- a/powerjob-server/powerjob-server-core/src/main/java/tech/powerjob/server/core/DispatchService.java
+++ b/powerjob-server/powerjob-server-core/src/main/java/tech/powerjob/server/core/DispatchService.java
@@ -51,8 +51,6 @@ public class DispatchService {
     private InstanceMetadataService instanceMetadataService;
     @Resource
     private InstanceInfoRepository instanceInfoRepository;
-    @Resource
-    private DispatchService self;
 
     /**
      * 重新派发任务实例（不考虑实例当前的状态）
@@ -60,14 +58,14 @@ public class DispatchService {
      * @param jobInfo    任务信息（注意，这里传入的任务信息有可能为“空”）
      * @param instanceId 实例ID
      */
+    @UseSegmentLock(type = "redispatch", key = "#jobInfo.getId() ?: 0", concurrencyLevel = 16)
     public void redispatch(JobInfoDO jobInfo, long instanceId) {
         InstanceInfoDO instance = instanceInfoRepository.findByInstanceId(instanceId);
         // 将状态重置为等待派发
         instance.setStatus(InstanceStatus.WAITING_DISPATCH.getV());
         instance.setGmtModified(new Date());
         instanceInfoRepository.saveAndFlush(instance);
-        // support for aop
-        self.dispatch(jobInfo, instanceId);
+        dispatch(jobInfo, instanceId);
     }
 
     /**
diff --git a/powerjob-server/powerjob-server-core/src/main/java/tech/powerjob/server/core/workflow/WorkflowService.java b/powerjob-server/powerjob-server-core/src/main/java/tech/powerjob/server/core/workflow/WorkflowService.java
index 78bcdedc..c4677a21 100644
--- a/powerjob-server/powerjob-server-core/src/main/java/tech/powerjob/server/core/workflow/WorkflowService.java
+++ b/powerjob-server/powerjob-server-core/src/main/java/tech/powerjob/server/core/workflow/WorkflowService.java
@@ -10,6 +10,7 @@ import org.springframework.util.CollectionUtils;
 import org.springframework.util.StringUtils;
 import tech.powerjob.common.PowerJobException;
 import tech.powerjob.common.enums.TimeExpressionType;
+import tech.powerjob.common.enums.WorkflowNodeType;
 import tech.powerjob.common.model.PEWorkflowDAG;
 import tech.powerjob.common.request.http.SaveWorkflowNodeRequest;
 import tech.powerjob.common.request.http.SaveWorkflowRequest;
@@ -134,7 +135,7 @@ public class WorkflowService {
         }
         dag.setNodes(newNodes);
         int deleteCount = workflowNodeInfoRepository.deleteByWorkflowIdAndIdNotIn(wfId, nodeIdList);
-        log.warn("[WorkflowService-{}]delete {} dissociative nodes of workflow", wfId, deleteCount);
+        log.warn("[WorkflowService-{}] delete {} dissociative nodes of workflow", wfId, deleteCount);
         return JSON.toJSONString(dag);
     }
 
@@ -282,7 +283,6 @@ public class WorkflowService {
 
     /**
      * 保存工作流节点（新增 或者 保存）
-     * 允许工作流 ID 为空
      *
      * @param workflowNodeRequestList 工作流节点
      * @return 更新 或者 创建后的工作流节点信息
@@ -307,16 +307,20 @@ public class WorkflowService {
                 workflowNodeInfo = new WorkflowNodeInfoDO();
                 workflowNodeInfo.setGmtCreate(new Date());
             }
-            JobInfoDO jobInfoDO = jobInfoRepository.findById(req.getJobId()).orElseThrow(() -> new IllegalArgumentException("can't find job by id: " + req.getJobId()));
-            if (!jobInfoDO.getAppId().equals(appId)) {
-                throw new PowerJobException("Permission Denied! can't use other app's job!");
+
+            // valid job info
+            if (req.getType() == WorkflowNodeType.JOB) {
+                JobInfoDO jobInfoDO = jobInfoRepository.findById(req.getJobId()).orElseThrow(() -> new IllegalArgumentException("can't find job by id: " + req.getJobId()));
+                if (!jobInfoDO.getAppId().equals(appId)) {
+                    throw new PowerJobException("Permission Denied! can't use other app's job!");
+                }
+                if (StringUtils.isEmpty(workflowNodeInfo.getNodeName())) {
+                    workflowNodeInfo.setNodeName(jobInfoDO.getJobName());
+                }
             }
+
             BeanUtils.copyProperties(req, workflowNodeInfo);
             workflowNodeInfo.setType(req.getType().getCode());
-            // 如果名称为空则默认取任务名称
-            if (StringUtils.isEmpty(workflowNodeInfo.getNodeName())) {
-                workflowNodeInfo.setNodeName(jobInfoDO.getJobName());
-            }
             workflowNodeInfo.setGmtModified(new Date());
             workflowNodeInfo = workflowNodeInfoRepository.saveAndFlush(workflowNodeInfo);
             res.add(workflowNodeInfo);
diff --git a/powerjob-server/powerjob-server-migrate/src/main/java/tech/powerjob/server/migrate/V3ToV4MigrateService.java b/powerjob-server/powerjob-server-migrate/src/main/java/tech/powerjob/server/migrate/V3ToV4MigrateService.java
index 49a3e88c..06efede7 100644
--- a/powerjob-server/powerjob-server-migrate/src/main/java/tech/powerjob/server/migrate/V3ToV4MigrateService.java
+++ b/powerjob-server/powerjob-server-migrate/src/main/java/tech/powerjob/server/migrate/V3ToV4MigrateService.java
@@ -37,7 +37,7 @@ import java.util.concurrent.TimeUnit;
 @Slf4j
 public class V3ToV4MigrateService {
 
-    private static final String MIGRATE_LOCK_TEMPLATE = "migrateLock-%s-%s";
+    private static final String MIGRATE_LOCK_TEMPLATE = "v3to4MigrateLock-%s-%s";
 
     @Resource
     private LockService lockService;
@@ -252,6 +252,4 @@ public class V3ToV4MigrateService {
         return true;
 
     }
-
-
 }
diff --git a/powerjob-server/powerjob-server-starter/src/main/resources/static/js/1.js b/powerjob-server/powerjob-server-starter/src/main/resources/static/js/1.js
index 84e09002..fa7df9c2 100644
--- a/powerjob-server/powerjob-server-starter/src/main/resources/static/js/1.js
+++ b/powerjob-server/powerjob-server-starter/src/main/resources/static/js/1.js
@@ -12,14 +12,14 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_algorithm@0.1.3@@antv/algorithm/dist/index.min.js":
+/***/ "./node_modules/_@antv_algorithm@0.1.4@@antv/algorithm/dist/index.min.js":
 /*!*******************************************************************************!*\
-  !*** ./node_modules/_@antv_algorithm@0.1.3@@antv/algorithm/dist/index.min.js ***!
+  !*** ./node_modules/_@antv_algorithm@0.1.4@@antv/algorithm/dist/index.min.js ***!
   \*******************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("!function(e,t){ true?module.exports=t():undefined}(this,(function(){return(()=>{\"use strict\";var e,t,r={59:(e,t,r)=>{r.d(t,{default:()=>V});const n=function(e,t){var r=e.nodes,n=e.edges,o=[],i={};if(!r)throw new Error(\"invalid nodes data!\");return r&&r.forEach((function(e,t){i[e.id]=t,o.push([])})),n&&n.forEach((function(e){var r=e.source,n=e.target,a=i[r],d=i[n];!a&&0!==a||!d&&0!==d||(o[a][d]=1,t||(o[d][a]=1))})),o};var o=function(e,t){return e===t},i=function(){function e(e,t){void 0===t&&(t=null),this.value=e,this.next=t}return e.prototype.toString=function(e){return e?e(this.value):\"\"+this.value},e}();const a=function(){function e(e){void 0===e&&(e=o),this.head=null,this.tail=null,this.compare=e}return e.prototype.prepend=function(e){var t=new i(e,this.head);return this.head=t,this.tail||(this.tail=t),this},e.prototype.append=function(e){var t=new i(e);return this.head?(this.tail.next=t,this.tail=t,this):(this.head=t,this.tail=t,this)},e.prototype.delete=function(e){if(!this.head)return null;for(var t=null;this.head&&this.compare(this.head.value,e);)t=this.head,this.head=this.head.next;var r=this.head;if(null!==r)for(;r.next;)this.compare(r.next.value,e)?(t=r.next,r.next=r.next.next):r=r.next;return this.compare(this.tail.value,e)&&(this.tail=r),t},e.prototype.find=function(e){var t=e.value,r=void 0===t?void 0:t,n=e.callback,o=void 0===n?void 0:n;if(!this.head)return null;for(var i=this.head;i;){if(o&&o(i.value))return i;if(void 0!==r&&this.compare(i.value,r))return i;i=i.next}return null},e.prototype.deleteTail=function(){var e=this.tail;if(this.head===this.tail)return this.head=null,this.tail=null,e;for(var t=this.head;t.next;)t.next.next?t=t.next:t.next=null;return this.tail=t,e},e.prototype.deleteHead=function(){if(!this.head)return null;var e=this.head;return this.head.next?this.head=this.head.next:(this.head=null,this.tail=null),e},e.prototype.fromArray=function(e){var t=this;return e.forEach((function(e){return t.append(e)})),this},e.prototype.toArray=function(){for(var e=[],t=this.head;t;)e.push(t),t=t.next;return e},e.prototype.reverse=function(){for(var e=this.head,t=null,r=null;e;)r=e.next,e.next=t,t=e,e=r;this.tail=this.head,this.head=t},e.prototype.toString=function(e){return void 0===e&&(e=void 0),this.toArray().map((function(t){return t.toString(e)})).toString()},e}(),d=function(){function e(){this.linkedList=new a}return e.prototype.isEmpty=function(){return!this.linkedList.head},e.prototype.peek=function(){return this.linkedList.head?this.linkedList.head.value:null},e.prototype.enqueue=function(e){this.linkedList.append(e)},e.prototype.dequeue=function(){var e=this.linkedList.deleteHead();return e?e.value:null},e.prototype.toString=function(e){return this.linkedList.toString(e)},e}();var s=function(e,t,r){void 0===t&&(t=[]);var n=t.filter((function(t){return t.source===e||t.target===e}));return\"target\"===r?n.filter((function(t){return t.source===e})).map((function(e){return e.target})):\"source\"===r?n.filter((function(t){return t.target===e})).map((function(e){return e.source})):n.map((function(t){return t.source===e?t.target:t.source}))},u=function(e,t){return t.filter((function(t){return t.source===e||t.target===e}))},f=function(e){return void 0===e&&(e=0),e+\"-\"+(\"\"+Math.random()).split(\".\")[1].substr(0,5)+(\"\"+Math.random()).split(\".\")[1].substr(0,5)};var h=function(e){var t={},r=e.nodes,n=void 0===r?[]:r,o=e.edges,i=void 0===o?[]:o;return n.forEach((function(e){t[e.id]={degree:0,inDegree:0,outDegree:0}})),i.forEach((function(e){t[e.source].degree++,t[e.source].outDegree++,t[e.target].degree++,t[e.target].inDegree++})),t};const c=h;function l(e,t,r,n){n.enter({current:t,previous:r});var o=e.edges;s(t,void 0===o?[]:o,\"target\").forEach((function(o){n.allowTraversal({previous:r,current:t,next:o})&&l(e,o,t,n)})),n.leave({current:t,previous:r})}function p(e,t,r){l(e,t,\"\",function(e){void 0===e&&(e={});var t,r=e,n=function(){},o=(t={},function(e){var r=e.next;return!t[r]&&(t[r]=!0,!0)});return r.allowTraversal=e.allowTraversal||o,r.enter=e.enter||n,r.leave=e.leave||n,r}(r))}function v(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var i=arguments[t],a=0,d=i.length;a<d;a++,o++)n[o]=i[a];return n}Object.create,Object.create;var g={}.toString;const b=function(e,t){return g.call(e)===\"[object \"+t+\"]\"},y=function(e){return Array.isArray?Array.isArray(e):b(e,\"Array\")};Object.keys;var m=Array.prototype;m.splice,m.indexOf,Array.prototype.splice,Object.prototype.hasOwnProperty;Number.isInteger&&Number.isInteger,Math.PI,parseInt,Math.PI,Object.values,Object.prototype;const E=function e(t){if(\"object\"!=typeof t||null===t)return t;var r;if(y(t)){r=[];for(var n=0,o=t.length;n<o;n++)\"object\"==typeof t[n]&&null!=t[n]?r[n]=e(t[n]):r[n]=t[n]}else for(var i in r={},t)\"object\"==typeof t[i]&&null!=t[i]?r[i]=e(t[i]):r[i]=t[i];return r};Object.prototype.hasOwnProperty,Object.prototype.hasOwnProperty,function(){function e(){this.map={}}e.prototype.has=function(e){return void 0!==this.map[e]},e.prototype.get=function(e,t){var r=this.map[e];return void 0===r?t:r},e.prototype.set=function(e,t){this.map[e]=t},e.prototype.clear=function(){this.map={}},e.prototype.delete=function(e){delete this.map[e]},e.prototype.size=function(){return Object.keys(this.map).length}}();const L=function(e,t,r,n){var o=e.nodes,i=void 0===o?[]:o,a=e.edges,d=void 0===a?[]:a,s=[],f={},h={},c={};i.forEach((function(e,r){var n=e.id;s.push(n),h[n]=1/0,n===t&&(h[n]=0)}));for(var l=i.length,p=function(e){var t=function(e,t,r){for(var n,o=1/0,i=0;i<t.length;i++){var a=t[i].id;!r[a]&&e[a]<=o&&(o=e[a],n=t[i])}return n}(h,i,f),o=t.id;if(f[o]=!0,h[o]===1/0)return\"continue\";(r?function(e,t){return t.filter((function(t){return t.source===e}))}(o,d):u(o,d)).forEach((function(e){var r=e.target,i=e.source,a=r===o?i:r,d=n&&e[n]?e[n]:1;h[a]>h[t.id]+d?(h[a]=h[t.id]+d,c[a]=[t.id]):h[a]===h[t.id]+d&&c[a].push(t.id)}))},v=0;v<l;v++)p();c[t]=[t];var g={};for(var b in h)h[b]!==1/0&&N(t,b,c,g);var y={};for(var b in g)y[b]=g[b][0];return{length:h,path:y,allPaths:g}};function N(e,t,r,n){if(e===t)return[e];if(n[t])return n[t];for(var o=[],i=0,a=r[t];i<a.length;i++){var d=N(e,a[i],r,n);if(!d)return;for(var s=0,u=d;s<u.length;s++){var f=u[s];y(f)?o.push(v(f,[t])):o.push([f,t])}}return n[t]=o,n[t]}const k=function(e,t){for(var r=n(e,t),o=[],i=r.length,a=0;a<i;a+=1){o[a]=[];for(var d=0;d<i;d+=1)a===d?o[a][d]=0:0!==r[a][d]&&r[a][d]?o[a][d]=r[a][d]:o[a][d]=1/0}for(var s=0;s<i;s+=1)for(a=0;a<i;a+=1)for(d=0;d<i;d+=1)o[a][d]>o[a][s]+o[s][d]&&(o[a][d]=o[a][s]+o[s][d]);return o};var j=function(e,t,r,n){for(var o=t.length,i=2*n,a=0,d=0;d<o;d++)for(var s=e[d].clusterId,u=0;u<o;u++)s===e[u].clusterId&&(a+=(t[d][u]||0)-(r[d]||0)*(r[u]||0)/i);return a*(1/i)};const M=function(){function e(e){this.count=e.length,this.parent={};for(var t=0,r=e;t<r.length;t++){var n=r[t];this.parent[n]=n}}return e.prototype.find=function(e){for(;this.parent[e]!==e;)e=this.parent[e];return e},e.prototype.union=function(e,t){var r=this.find(e),n=this.find(t);r!==n&&(r<n?(this.parent[t]!==t&&this.union(this.parent[t],e),this.parent[t]=this.parent[e]):(this.parent[e]!==e&&this.union(this.parent[e],t),this.parent[e]=this.parent[t]))},e.prototype.connected=function(e,t){return this.find(e)===this.find(t)},e}();var x=function(e,t){return e-t};const w=function(){function e(e){void 0===e&&(e=x),this.compareFn=e,this.list=[]}return e.prototype.getLeft=function(e){return 2*e+1},e.prototype.getRight=function(e){return 2*e+2},e.prototype.getParent=function(e){return 0===e?null:Math.floor((e-1)/2)},e.prototype.isEmpty=function(){return this.list.length<=0},e.prototype.top=function(){return this.isEmpty()?void 0:this.list[0]},e.prototype.delMin=function(){var e=this.top(),t=this.list.pop();return this.list.length>0&&(this.list[0]=t,this.moveDown(0)),e},e.prototype.insert=function(e){if(null!==e){this.list.push(e);var t=this.list.length-1;return this.moveUp(t),!0}return!1},e.prototype.moveUp=function(e){for(var t=this.getParent(e);e&&e>0&&this.compareFn(this.list[t],this.list[e])>0;){var r=this.list[t];this.list[t]=this.list[e],this.list[e]=r,e=t,t=this.getParent(e)}},e.prototype.moveDown=function(e){var t,r=e,n=this.getLeft(e),o=this.getRight(e),i=this.list.length;null!==n&&n<i&&this.compareFn(this.list[r],this.list[n])>0?r=n:null!==o&&o<i&&this.compareFn(this.list[r],this.list[o])>0&&(r=o),e!==r&&(t=[this.list[r],this.list[e]],this.list[e]=t[0],this.list[r]=t[1],this.moveDown(r))},e}();var O=function(e,t){var r=[],n=e.nodes,o=void 0===n?[]:n,i=e.edges,a=void 0===i?[]:i;if(0===o.length)return r;var d=o[0],s=new Set;s.add(d);var f=new w((function(e,r){return t?e.weight-r.weight:0}));for(u(d.id,a).forEach((function(e){f.insert(e)}));!f.isEmpty();){var h=f.delMin(),c=h.source,l=h.target;s.has(c)&&s.has(l)||(r.push(h),s.has(c)||(s.add(c),u(c,a).forEach((function(e){f.insert(e)}))),s.has(l)||(s.add(l),u(l,a).forEach((function(e){f.insert(e)}))))}return r},I=function(e,t){var r=[],n=e.nodes,o=void 0===n?[]:n,i=e.edges,a=void 0===i?[]:i;if(0===o.length)return r;var d=a.map((function(e){return e}));t&&d.sort((function(e,t){return e.weight-t.weight}));for(var s=new M(o.map((function(e){return e.id})));d.length>0;){var u=d.shift(),f=u.source,h=u.target;s.connected(f,h)||(r.push(u),s.union(f,h))}return r};var A=\"-1\",S=function(e,t,r,n){void 0===e&&(e=-1),void 0===t&&(t=-1),void 0===r&&(r=-1),void 0===n&&(n=\"-1\"),this.id=e,this.from=t,this.to=r,this.label=n},C=function(){function e(e,t){void 0===e&&(e=-1),void 0===t&&(t=A),this.id=e,this.label=t,this.edges=[],this.edgeMap={}}return e.prototype.addEdge=function(e){this.edges.push(e),this.edgeMap[e.id]=e},e}(),P=function(){function e(e,t,r){void 0===e&&(e=-1),void 0===t&&(t=!0),void 0===r&&(r=!1),this.id=e,this.edgeIdAutoIncrease=t,this.edges=[],this.nodes=[],this.nodeMap={},this.edgeMap={},this.nodeLabelMap={},this.edgeLabelMap={},this.counter=0,this.directed=r}return e.prototype.getNodeNum=function(){return this.nodes.length},e.prototype.addNode=function(e,t){if(!this.nodeMap[e]){var r=new C(e,t);this.nodes.push(r),this.nodeMap[e]=r,this.nodeLabelMap[t]||(this.nodeLabelMap[t]=[]),this.nodeLabelMap[t].push(e)}},e.prototype.addEdge=function(e,t,r,n){if((this.edgeIdAutoIncrease||void 0===e)&&(e=this.counter++),!(this.nodeMap[t]&&this.nodeMap[r]&&this.nodeMap[r].edgeMap[e])){var o=new S(e,t,r,n);if(this.edges.push(o),this.edgeMap[e]=o,this.nodeMap[t].addEdge(o),this.edgeLabelMap[n]||(this.edgeLabelMap[n]=[]),this.edgeLabelMap[n].push(o),!this.directed){var i=new S(e,r,t,n);this.nodeMap[r].addEdge(i),this.edgeLabelMap[n].push(i)}}},e}(),T=function(){function e(e,t,r,n,o){this.fromNode=e,this.toNode=t,this.nodeEdgeNodeLabel={nodeLabel1:r||A,edgeLabel:n||\"-1\",nodeLabel2:o||A}}return e.prototype.equalTo=function(e){return this.fromNode===e.formNode&&this.toNode===e.toNode&&this.nodeEdgeNodeLabel===e.nodeEdgeNodeLabel},e.prototype.notEqualTo=function(e){return!this.equalTo(e)},e}(),D=function(){function e(){this.rmpath=[],this.dfsEdgeList=[]}return e.prototype.equalTo=function(e){var t=this.dfsEdgeList.length;if(t!==e.length)return!1;for(var r=0;r<t;r++)if(this.dfsEdgeList[r]!==e[r])return!1;return!0},e.prototype.notEqualTo=function(e){return!this.equalTo(e)},e.prototype.pushBack=function(e,t,r,n,o){return this.dfsEdgeList.push(new T(e,t,r,n,o)),this.dfsEdgeList},e.prototype.toGraph=function(e,t){void 0===e&&(e=-1),void 0===t&&(t=!1);var r=new P(e,!0,t);return this.dfsEdgeList.forEach((function(e){var t=e.fromNode,n=e.toNode,o=e.nodeEdgeNodeLabel,i=o.nodeLabel1,a=o.edgeLabel,d=o.nodeLabel2;i!==A&&r.addNode(t,i),d!==A&&r.addNode(n,d),r.addEdge(void 0,t,n,a)})),r},e.prototype.buildRmpath=function(){this.rmpath=[];for(var e=void 0,t=this.dfsEdgeList.length-1;t>=0;t--){var r=this.dfsEdgeList[t],n=r.fromNode,o=r.toNode;n<o&&(void 0===e||o===e)&&(this.rmpath.push(t),e=n)}return this.rmpath},e.prototype.getNodeNum=function(){var e={};return this.dfsEdgeList.forEach((function(t){e[t.fromNode]||(e[t.fromNode]=!0),e[t.toNode]||(e[t.toNode]=!0)})),Object.keys(e).length},e}(),q=function(){function e(e){if(this.his={},this.nodesUsed={},this.edgesUsed={},this.edges=[],e){for(;e;){var t=e.edge;this.edges.push(t),this.nodesUsed[t.from]=1,this.nodesUsed[t.to]=1,this.edgesUsed[t.id]=1,e=e.preNode}this.edges=this.edges.reverse()}}return e.prototype.hasNode=function(e){return 1===this.nodesUsed[e.id]},e.prototype.hasEdge=function(e){return 1===this.edgesUsed[e.id]},e}(),F=function(){function e(e){var t=e.graphs,r=e.minSupport,n=void 0===r?2:r,o=e.minNodeNum,i=void 0===o?1:o,a=e.maxNodeNum,d=void 0===a?4:a,s=e.top,u=void 0===s?10:s,f=e.directed,h=void 0!==f&&f,c=e.verbose,l=void 0!==c&&c;this.graphs=t,this.dfsCode=new D,this.support=0,this.frequentSize1Subgraphs=[],this.frequentSubgraphs=[],this.minSupport=n,this.top=u,this.directed=h,this.counter=0,this.maxNodeNum=d,this.minNodeNum=i,this.verbose=l,this.maxNodeNum<this.minNodeNum&&(this.maxNodeNum=this.minNodeNum),this.reportDF=[]}return e.prototype.findForwardRootEdges=function(e,t){var r=this,n=[],o=e.nodeMap;return t.edges.forEach((function(e){(r.directed||t.label<=o[e.to].label)&&n.push(e)})),n},e.prototype.findBackwardEdge=function(e,t,r,n){if(!this.directed&&t===r)return null;for(var o=e.nodeMap,i=o[r.to].edges,a=i.length,d=0;d<a;d++){var s=i[d];if(!n.hasEdge(s)&&s.to===t.from)if(this.directed){if(o[t.from].label<o[r.to].label||o[t.from].label===o[r.to].label&&t.label<=s.label)return s}else if(t.label<s.label||t.label===s.label&&o[t.to].label<=o[r.to].label)return s}return null},e.prototype.findForwardPureEdges=function(e,t,r,n){for(var o=[],i=t.to,a=e.nodeMap[i].edges,d=a.length,s=0;s<d;s++){var u=a[s],f=e.nodeMap[u.to];r<=f.label&&!n.hasNode(f)&&o.push(u)}return o},e.prototype.findForwardRmpathEdges=function(e,t,r,n){for(var o=[],i=e.nodeMap,a=i[t.to].label,d=i[t.from].edges,s=d.length,u=0;u<s;u++){var f=d[u],h=i[f.to].label;t.to===f.to||r>h||n.hasNode(i[f.to])||(t.label<f.label||t.label===f.label&&a<=h)&&o.push(f)}return o},e.prototype.getSupport=function(e){var t={};return e.forEach((function(e){t[e.graphId]||(t[e.graphId]=!0)})),Object.keys(t).length},e.prototype.findMinLabel=function(e){var t=void 0;return Object.keys(e).forEach((function(r){var n=e[r],o=n.nodeLabel1,i=n.edgeLabel,a=n.nodeLabel2;t?(o<t.nodeLabel1||o===t.nodeLabel1&&i<t.edgeLabel||o===t.nodeLabel1&&i===t.edgeLabel&&a<t.nodeLabel2)&&(t={nodeLabel1:o,edgeLabel:i,nodeLabel2:a}):t={nodeLabel1:o,edgeLabel:i,nodeLabel2:a}})),t},e.prototype.isMin=function(){var e=this,t=this.dfsCode;if(this.verbose&&console.log(\"isMin checking\",t),1===t.dfsEdgeList.length)return!0;var r=this.directed,n=t.toGraph(-1,r),o=n.nodeMap,i=new D,a={};n.nodes.forEach((function(t){e.findForwardRootEdges(n,t).forEach((function(e){var r=o[e.to],i=t.label+\"-\"+e.label+\"-\"+r.label;a[i]||(a[i]={projected:[],nodeLabel1:t.label,edgeLabel:e.label,nodeLabel2:r.label});var d={graphId:n.id,edge:e,preNode:null};a[i].projected.push(d)}))}));var d=this.findMinLabel(a);i.dfsEdgeList.push(new T(0,1,d.nodeLabel1,d.edgeLabel,d.nodeLabel2));var s=function(a){for(var d=i.buildRmpath(),u=i.dfsEdgeList[0].nodeEdgeNodeLabel.nodeLabel1,f=i.dfsEdgeList[d[0]].toNode,h={},c=!1,l=0,p=r?-1:0,v=function(t){if(c)return\"break\";a.forEach((function(r){var o=new q(r),a=e.findBackwardEdge(n,o.edges[d[t]],o.edges[d[0]],o);a&&(h[a.label]||(h[a.label]={projected:[],edgeLabel:a.label}),h[a.label].projected.push({graphId:n.id,edge:h,preNode:r}),l=i.dfsEdgeList[d[t]].fromNode,c=!0)}))},g=d.length-1;g>p&&\"break\"!==v(g);g--);if(c){var b=e.findMinLabel(h);i.dfsEdgeList.push(new T(f,l,A,b.edgeLabel,A));var y=i.dfsEdgeList.length-1;return e.dfsCode.dfsEdgeList[y]===i.dfsEdgeList[y]&&s(h[b.edgeLabel].projected)}var m={};c=!1;var E=0;a.forEach((function(t){var r=new q(t),i=e.findForwardPureEdges(n,r.edges[d[0]],u,r);i.length>0&&(c=!0,E=f,i.forEach((function(e){var r=e.label+\"-\"+o[e.to].label;m[r]||(m[r]={projected:[],edgeLabel:e.label,nodeLabel2:o[e.to].label}),m[r].projected.push({graphId:n.id,edge:e,preNode:t})})))}));var L=d.length,N=function(t){if(c)return\"break\";var r=d[t];a.forEach((function(t){var a=new q(t),d=e.findForwardRmpathEdges(n,a.edges[r],u,a);d.length>0&&(c=!0,E=i.dfsEdgeList[r].fromNode,d.forEach((function(e){var r=e.label+\"-\"+o[e.to].label;m[r]||(m[r]={projected:[],edgeLabel:e.label,nodeLabel2:o[e.to].label}),m[r].projected.push({graphId:n.id,edge:e,preNode:t})})))}))};for(g=0;g<L&&\"break\"!==N(g);g++);if(!c)return!0;var k=e.findMinLabel(m);i.dfsEdgeList.push(new T(E,f+1,A,k.edgeLabel,k.nodeLabel2));var j=i.dfsEdgeList.length-1;return t.dfsEdgeList[j]===i.dfsEdgeList[j]&&s(m[k.edgeLabel+\"-\"+k.nodeLabel2].projected)},u=d.nodeLabel1+\"-\"+d.edgeLabel+\"-\"+d.nodeLabel2;return s(a[u].projected)},e.prototype.report=function(){if(!(this.dfsCode.getNodeNum()<this.minNodeNum)){this.counter++;var e=this.dfsCode.toGraph(this.counter,this.directed);this.frequentSubgraphs.push(E(e))}},e.prototype.subGraphMining=function(e){var t=this;if(!(this.getSupport(e)<this.minSupport)&&this.isMin()){this.report();var r=this.dfsCode.getNodeNum(),n=this.dfsCode.buildRmpath(),o=this.dfsCode.dfsEdgeList[n[0]].toNode,i=this.dfsCode.dfsEdgeList[0].nodeEdgeNodeLabel.nodeLabel1,a={},d={};e.forEach((function(e){for(var s=t.graphs[e.graphId],u=s.nodeMap,f=new q(e),h=n.length-1;h>=0;h--){var c=t.findBackwardEdge(s,f.edges[n[h]],f.edges[n[0]],f);if(c){var l=t.dfsCode.dfsEdgeList[n[h]].fromNode+\"-\"+c.label;d[l]||(d[l]={projected:[],toNodeId:t.dfsCode.dfsEdgeList[n[h]].fromNode,edgeLabel:c.label}),d[l].projected.push({graphId:e.graphId,edge:c,preNode:e})}}if(!(r>=t.maxNodeNum)){t.findForwardPureEdges(s,f.edges[n[0]],i,f).forEach((function(t){var r=o+\"-\"+t.label+\"-\"+u[t.to].label;a[r]||(a[r]={projected:[],fromNodeId:o,edgeLabel:t.label,nodeLabel2:u[t.to].label}),a[r].projected.push({graphId:e.graphId,edge:t,preNode:e})}));var p=function(r){t.findForwardRmpathEdges(s,f.edges[n[r]],i,f).forEach((function(o){var i=t.dfsCode.dfsEdgeList[n[r]].fromNode+\"-\"+o.label+\"-\"+u[o.to].label;a[i]||(a[i]={projected:[],fromNodeId:t.dfsCode.dfsEdgeList[n[r]].fromNode,edgeLabel:o.label,nodeLabel2:u[o.to].label}),a[i].projected.push({graphId:e.graphId,edge:o,preNode:e})}))};for(h=0;h<n.length;h++)p(h)}})),Object.keys(d).forEach((function(e){var r=d[e],n=r.toNodeId,i=r.edgeLabel;t.dfsCode.dfsEdgeList.push(new T(o,n,\"-1\",i,\"-1\")),t.subGraphMining(d[e].projected),t.dfsCode.dfsEdgeList.pop()})),Object.keys(a).forEach((function(e){var r=a[e],n=r.fromNodeId,i=r.edgeLabel,d=r.nodeLabel2;t.dfsCode.dfsEdgeList.push(new T(n,o+1,A,i,d)),t.subGraphMining(a[e].projected),t.dfsCode.dfsEdgeList.pop()}))}},e.prototype.generate1EdgeFrequentSubGraphs=function(){var e=this.graphs,t=this.directed,r=this.minSupport,n=this.frequentSize1Subgraphs,o={},i={},a={},d={};return Object.keys(e).forEach((function(r){var n=e[r],s=n.nodeMap;n.nodes.forEach((function(e,n){var u=e.label,f=r+\"-\"+u;if(!a[f]){var h=o[u]||0;h++,o[u]=h}a[f]={graphKey:r,label:u},e.edges.forEach((function(e){var n=u,o=s[e.to].label;if(!t&&n>o){var a=o;o=n,n=a}var f=e.label,h=r+\"-\"+n+\"-\"+f+\"-\"+o,c=n+\"-\"+f+\"-\"+o;if(!i[c]){var l=i[c]||0;l++,i[c]=l}d[h]={graphId:r,nodeLabel1:n,edgeLabel:f,nodeLabel2:o}}))}))})),Object.keys(o).forEach((function(e){if(!(o[e]<r)){var t={nodes:[],edges:[]};t.nodes.push({id:\"0\",label:e}),n.push(t)}})),n},e.prototype.run=function(){var e=this;if(this.frequentSize1Subgraphs=this.generate1EdgeFrequentSubGraphs(),!(this.maxNodeNum<2)){var t=this.graphs,r=(this.directed,{});Object.keys(t).forEach((function(n){var o=t[n],i=o.nodeMap;o.nodes.forEach((function(t){e.findForwardRootEdges(o,t).forEach((function(e){var o=i[e.to],a=t.label+\"-\"+e.label+\"-\"+o.label;r[a]||(r[a]={projected:[],nodeLabel1:t.label,edgeLabel:e.label,nodeLabel2:o.label});var d={graphId:n,edge:e,preNode:null};r[a].projected.push(d)}))}))})),Object.keys(r).forEach((function(t){var n=r[t],o=n.projected,i=n.nodeLabel1,a=n.edgeLabel,d=n.nodeLabel2;e.dfsCode.dfsEdgeList.push(new T(0,1,i,a,d)),e.subGraphMining(o),e.dfsCode.dfsEdgeList.pop()}))}},e}(),R=\"cluster\";var G=function(e,t,r,n){void 0===r&&(r=\"cluster\"),void 0===n&&(n=2);var o=[],i=e.nodes;return t.forEach((function(e,t){o.push(U(i,e,t,r,n))})),o},U=function(e,t,r,n,o){var i=[r],a=[],d={};return t.forEach((function(t,s){if(t<=o&&r!==s){i.push(s),a.push(e[s]);var u=e[s][n];d[u]?(d[u].count++,d[u].dists.push(t)):d[u]={count:1,dists:[t]}}})),Object.keys(d).forEach((function(e){d[e].dists=d[e].dists.sort((function(e,t){return e-t}))})),{nodeIdx:r,nodeId:e[r].id,nodeIdxs:i,neighbors:a,neighborNum:i.length-1,nodeLabelCountMap:d}},B=function(e,t,r,n){var o=r.nodes;return n||(n={}),Object.keys(e).forEach((function(i){var a,d;if(!n||!n[i]){n[i]={nodes:[],edges:[]};var s=e[i],u=null===(a=t[s.start])||void 0===a?void 0:a.nodeIdxs,f=null===(d=t[s.end])||void 0===d?void 0:d.nodeIdxs;if(u&&f){var h=new Set(f),c=u.filter((function(e){return h.has(e)}));if(c&&c.length){for(var l={},p=c.length,v=0;v<p;v++){var g=o[c[v]];n[i].nodes.push(g),l[g.id]=!0}r.edges.forEach((function(e){l[e.source]&&l[e.target]&&n[i].edges.push(e)}))}}}})),n},z=function(e,t,r,n){var o={};e.nodes.forEach((function(e){o[e.id]=e}));var i=0;return e.edges.forEach((function(e){var a=o[e.source][r],d=o[e.target][r],s=t.nodes[0][r],u=t.nodes[1][r],f=t.edges[0][n];e[n]===f&&(a===s&&d===u||a===u&&d===s)&&i++})),i},_=function(e,t){var r={},n={};return e.forEach((function(e,o){r[e.id]={idx:o,node:e,degree:0};var i=e[t];n[i]||(n[i]=[]),n[i].push(e)})),{nodeMap:r,nodeLabelMap:n}},H=function(e,t,r){var n={},o={};return e.forEach((function(e,i){n[\"\"+f]={idx:i,edge:e};var a=e[t];o[a]||(o[a]=[]),o[a].push(e);var d=r[e.source];d&&d.degree++;var s=r[e.target];s&&s.degree++})),{edgeMap:n,edgeLabelMap:o}},W=function(e,t,r){var n=t.length,o={};return t.forEach((function(t,i){for(var a=r?0:i+1,d=e[i].id,s=a;s<n;s++)if(i!==s){var u=e[s].id,f=t[s];o[d+\"-\"+u]=f,r||(o[u+\"-\"+d]=f)}})),o};var K=function(){function e(e){void 0===e&&(e=10),this.linkedList=new a,this.maxStep=e}return Object.defineProperty(e.prototype,\"length\",{get:function(){return this.linkedList.toArray().length},enumerable:!1,configurable:!0}),e.prototype.isEmpty=function(){return!this.linkedList.head},e.prototype.isMaxStack=function(){return this.toArray().length>=this.maxStep},e.prototype.peek=function(){return this.isEmpty()?null:this.linkedList.head.value},e.prototype.push=function(e){this.linkedList.prepend(e),this.length>this.maxStep&&this.linkedList.deleteTail()},e.prototype.pop=function(){var e=this.linkedList.deleteHead();return e?e.value:null},e.prototype.toArray=function(){return this.linkedList.toArray().map((function(e){return e.value}))},e.prototype.clear=function(){for(;!this.isEmpty();)this.pop()},e}(),J=\"SUCCESS\";const Q=function(e){return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return new Promise((function(n,o){r.e(1).then(r.bind(r,1)).then((function(r){var i=new r.default;i.postMessage({type:e,data:t}),i.onmessage=function(e){var t=e.data,r=t.data,a=t.type;J===a?n(r):o(),i.terminate()}}))}))}},V={getAdjMatrix:n,breadthFirstSearch:function(e,t,r){var n=function(e){void 0===e&&(e={});var t,r=e,n=function(){},o=(t={},function(e){var r=e.next;return!t[r]&&(t[r]=!0,!0)});return r.allowTraversal=e.allowTraversal||o,r.enter=e.enter||n,r.leave=e.leave||n,r}(r),o=new d,i=e.edges,a=void 0===i?[]:i;o.enqueue(t);for(var u=\"\",f=function(){var e=o.dequeue();n.enter({current:e,previous:u}),s(e,a,\"target\").forEach((function(t){n.allowTraversal({previous:u,current:e,next:t})&&o.enqueue(t)})),n.leave({current:e,previous:u}),u=e};!o.isEmpty();)f()},connectedComponent:function(e,t){return t?function(e){for(var t=e.nodes,r=void 0===t?[]:t,n=e.edges,o=void 0===n?[]:n,i=[],a={},d={},u={},f=[],h=0,c=function(e){d[e.id]=h,u[e.id]=h,h+=1,i.push(e),a[e.id]=!0;for(var t=s(e.id,o,\"target\").filter((function(e){return r.map((function(e){return e.id})).indexOf(e)>-1})),n=function(n){var o=t[n];if(d[o]||0===d[o])a[o]&&(u[e.id]=Math.min(u[e.id],d[o]));else{var i=r.filter((function(e){return e.id===o}));i.length>0&&c(i[0]),u[e.id]=Math.min(u[e.id],u[o])}},l=0;l<t.length;l++)n(l);if(u[e.id]===d[e.id]){for(var p=[];i.length>0;){var v=i.pop();if(a[v.id]=!1,p.push(v),v===e)break}p.length>0&&f.push(p)}},l=0,p=r;l<p.length;l++){var v=p[l];d[v.id]||0===d[v.id]||c(v)}return f}(e):function(e){for(var t=e.nodes,r=void 0===t?[]:t,n=e.edges,o=void 0===n?[]:n,i=[],a={},d=[],u=function(e){d.push(e),a[e.id]=!0;for(var t=s(e.id,o),n=function(e){var n=t[e];if(!a[n]){var o=r.filter((function(e){return e.id===n}));o.length>0&&u(o[0])}},i=0;i<t.length;++i)n(i)},f=0;f<r.length;f++){var h=r[f];if(!a[h.id]){u(h);for(var c=[];d.length>0;)c.push(d.pop());i.push(c)}}return i}(e)},getDegree:c,getInDegree:function(e,t){return h(e)[t]?h(e)[t].inDegree:0},getOutDegree:function(e,t){return h(e)[t]?h(e)[t].outDegree:0},detectCycle:function(e){var t=null,r=e.nodes,n={},o={},i={},a={};(void 0===r?[]:r).forEach((function(e){o[e.id]=e}));for(var d={enter:function(e){var r=e.current,a=e.previous;if(i[r]){t={};for(var d=r,s=a;s!==r;)t[d]=s,d=s,s=n[s];t[d]=s}else i[r]=r,delete o[r],n[r]=a},leave:function(e){var t=e.current;a[t]=t,delete i[t]},allowTraversal:function(e){var r=e.next;return!t&&!a[r]}};Object.keys(o).length;)p(e,Object.keys(o)[0],d);return t},depthFirstSearch:p,dijkstra:L,findAllPath:function(e,t,r,n){var o;if(t===r)return[[t]];var i=e.edges,a=void 0===i?[]:i,d=[t],u=((o={})[t]=!0,o),f=[],h=[],c=n?s(t,a,\"target\"):s(t,a);for(f.push(c);d.length>0&&f.length>0;){var l=f[f.length-1];if(l.length){var p=l.shift();if(p&&(d.push(p),u[p]=!0,c=n?s(p,a,\"target\"):s(p,a),f.push(c.filter((function(e){return!u[e]})))),d[d.length-1]===r){var v=d.map((function(e){return e}));h.push(v),g=d.pop(),u[g]=!1,f.pop()}}else{var g=d.pop();u[g]=!1,f.pop()}}return h},findShortestPath:function(e,t,r,n,o){var i=L(e,t,n,o),a=i.length,d=i.path,s=i.allPaths;return{length:a[r],path:d[r],allPath:s[r]}},floydWarshall:k,labelPropagation:function(e,t,r,o){void 0===t&&(t=!1),void 0===r&&(r=\"weight\"),void 0===o&&(o=1e3);var i=e.nodes,a=void 0===i?[]:i,d=e.edges,s=void 0===d?[]:d,u={},h={};a.forEach((function(e,t){var r=f();e.clusterId=r,u[r]={id:r,nodes:[e]},h[e.id]={node:e,idx:t}}));var c=n(e,t),l=[],p={};c.forEach((function(e,t){var r=0,n=a[t].id;p[n]={},e.forEach((function(e,t){if(e){r+=e;var o=a[t].id;p[n][o]=e}})),l.push(r)}));for(var v=0,g=function(){var e=!1;if(a.forEach((function(t){var r={};Object.keys(p[t.id]).forEach((function(e){var n=p[t.id][e],o=h[e].node.clusterId;r[o]||(r[o]=0),r[o]+=n}));var n=-1/0,o=[];if(Object.keys(r).forEach((function(e){n<r[e]?(n=r[e],o=[e]):n===r[e]&&o.push(e)})),1!==o.length||o[0]!==t.clusterId){var i=o.indexOf(t.clusterId);if(i>=0&&o.splice(i,1),o&&o.length){e=!0;var a=u[t.clusterId],d=a.nodes.indexOf(t);a.nodes.splice(d,1);var s=Math.floor(Math.random()*o.length),f=u[o[s]];f.nodes.push(t),t.clusterId=f.id}}})),!e)return\"break\";v++};v<o&&\"break\"!==g(););Object.keys(u).forEach((function(e){var t=u[e];t.nodes&&t.nodes.length||delete u[e]}));var b=[],y={};s.forEach((function(e){var t=e.source,n=e.target,o=e[r]||1,i=h[t].node.clusterId,a=h[n].node.clusterId,d=i+\"---\"+a;if(y[d])y[d].weight+=o,y[d].count++;else{var s={source:i,target:a,weight:o,count:1};y[d]=s,b.push(s)}}));var m=[];return Object.keys(u).forEach((function(e){m.push(u[e])})),{clusters:m,clusterEdges:b}},louvain:function(e,t,r,o){void 0===t&&(t=!1),void 0===r&&(r=\"weight\"),void 0===o&&(o=1e-4);var i=e.nodes,a=void 0===i?[]:i,d=e.edges,s=void 0===d?[]:d,u={},h={};a.forEach((function(e,t){var r=f();e.clusterId=r,u[r]={id:r,nodes:[e]},h[e.id]={node:e,idx:t}}));var c=n(e,t),l=[],p={},v=0;c.forEach((function(e,t){var r=0,n=a[t].id;p[n]={},e.forEach((function(e,t){if(e){r+=e;var o=a[t].id;p[n][o]=e,v+=e}})),l.push(r)})),v/=2;for(var g=1/0,b=1/0,y=0;g=j(a,c,l,v),!(Math.abs(g-b)<o||y>100);)b=g,y++,Object.keys(u).forEach((function(e){var t=0;s.forEach((function(n){var o=n.source,i=n.target,a=h[o].node.clusterId,d=h[i].node.clusterId;(a===e&&d!==e||d===e&&a!==e)&&(t+=n[r]||1)})),u[e].sumTot=t})),a.forEach((function(e,t){var n,o=u[e.clusterId],i=0,a=l[t]/(2*v),d=0;o.nodes.forEach((function(e){var r=h[e.id].idx;d+=c[t][r]||0}));var f=d-o.sumTot*a,g=p[e.id];if(Object.keys(g).forEach((function(r){var o=h[r].node.clusterId;if(o!==e.clusterId){var d=u[o],s=d.nodes;if(s&&s.length){var l=0;s.forEach((function(e){var r=h[e.id].idx;l+=c[t][r]||0}));var p=l-d.sumTot*a-f;p>i&&(i=p,n=d)}}})),i>0){n.nodes.push(e);var b=e.clusterId;e.clusterId=n.id;var y=o.nodes.indexOf(e);o.nodes.splice(y,1);var m=0,E=0;s.forEach((function(e){var t=e.source,o=e.target,i=h[t].node.clusterId,a=h[o].node.clusterId;(i===n.id&&a!==n.id||a===n.id&&i!==n.id)&&(m+=e[r]||1),(i===b&&a!==b||a===b&&i!==b)&&(E+=e[r]||1)})),n.sumTot=m,o.sumTot=E}}));Object.keys(u).forEach((function(e){var t=u[e];t.nodes&&t.nodes.length||delete u[e]}));var m=[],E={};s.forEach((function(e){var t=e.source,n=e.target,o=e[r]||1,i=h[t].node.clusterId,a=h[n].node.clusterId,d=i+\"---\"+a;if(E[d])E[d].weight+=o,E[d].count++;else{var s={source:i,target:a,weight:o,count:1};E[d]=s,m.push(s)}}));var L=[];return Object.keys(u).forEach((function(e){L.push(u[e])})),{clusters:L,clusterEdges:m}},minimumSpanningTree:function(e,t,r){return r?{prim:O,kruskal:I}[r](e,t):I(e,t)},pageRank:function(e,t,r){\"number\"!=typeof t&&(t=1e-6),\"number\"!=typeof r&&(r=.85);for(var n,o=1,i=0,a=1e3,d=e.nodes,u=void 0===d?[]:d,f=e.edges,h=void 0===f?[]:f,l=u.length,p={},v={},g=0;g<l;++g)p[y=(k=u[g]).id]=1/l,v[y]=1/l;for(var b=c(e);a>0&&o>t;){for(i=0,g=0;g<l;++g){var y=(k=u[g]).id;if(n=0,0===b[k.id].inDegree)p[y]=0;else{for(var m=s(y,h,\"source\"),E=0;E<m.length;++E){var L=m[E],N=b[L].outDegree;N>0&&(n+=v[L]/N)}p[y]=r*n,i+=p[y]}}for(i=(1-i)/l,o=0,g=0;g<l;++g){var k;n=p[y=(k=u[g]).id]+i,o+=Math.abs(n-v[y]),v[y]=n}a-=1}return v},getNeighbors:s,Stack:K,GADDI:function(e,t,r,n,o,i,a){if(void 0===r&&(r=!1),void 0===i&&(i=\"cluster\"),void 0===a&&(a=\"cluster\"),e&&e.nodes){var d=e.nodes.length;if(d){var s=k(e,r),u=k(t,r),f=W(e.nodes,s,r),h=W(t.nodes,u,r),c=_(e.nodes,i),l=c.nodeMap,p=c.nodeLabelMap,g=_(t.nodes,i),b=g.nodeMap,y=g.nodeLabelMap;H(e.edges,a,l);var m=H(t.edges,a,b).edgeLabelMap;o||(o=Math.max.apply(Math,v(u[0],[2]))),n||(n=o);var E=G(e,s,i,n),N=G(t,u,i,n),j=function(e,t,r,n,o){var i=Math.ceil(r/t),a={},d=0;return n.forEach((function(e,n){for(var s=0,u=0,f=e.nodeIdxs,h=e.neighborNum-1;s<i;){for(var c=f[1+Math.floor(Math.random()*h)],l=0;(a[n+\"-\"+c]||a[c+\"-\"+n])&&(c=Math.floor(Math.random()*t),!(++l>2*t)););if(l<2*t&&(a[n+\"-\"+c]={start:n,end:c,distance:o[n][c]},s++,++d>=r))return a;if(++u>2*t)break}s<i&&(i=(i+(i-s))/(t-n-1))})),a}(0,d,Math.min(100,d*(d-1)/2),N,s),M=B(j,E,e),x=function(e){var t=e.graphs,r=e.directed,n=void 0!==r&&r,o=e.nodeLabelProp,i=void 0===o?R:o,a=e.edgeLabelProp,d=void 0===a?R:a,s=function(e,t,r,n){var o={};return Object.keys(e).forEach((function(i,a){var d=e[i],s=new P(a,!0,t),u={};d.nodes.forEach((function(e,t){s.addNode(t,e[r]),u[e.id]=t})),d.edges.forEach((function(e,t){var r=u[e.source],o=u[e.target];s.addEdge(-1,r,o,e[n])})),s&&s.getNodeNum()&&(o[s.id]=s)})),o}(t,n,i,d),u=e.minSupport,f=e.maxNodeNum,h=e.minNodeNum,c=e.verbose,l=e.top,p=new F({graphs:s,minSupport:u,maxNodeNum:f,minNodeNum:h,top:l,verbose:c,directed:n});return p.run(),function(e,t,r){var n=[];return e.forEach((function(e){var o={nodes:[],edges:[]};e.nodes.forEach((function(e){var r;o.nodes.push(((r={id:\"\"+e.id})[t]=e.label,r))})),e.edges.forEach((function(e){var t;o.edges.push(((t={source:\"\"+e.from,target:\"\"+e.to})[r]=e.label,t))})),n.push(o)})),n}(p.frequentSubgraphs,i,d)}({graphs:M,nodeLabelProp:i,edgeLabelProp:a,minSupport:1,minNodeNum:1,maxNodeNum:4,directed:r}).slice(0,10),w=x.length,O=[];x.forEach((function(e,t){O[t]={},Object.keys(M).forEach((function(r){var n=M[r],o=z(n,e,i,a);O[t][r]=o}))}));var I=function(e,t,r){for(var n=1/0,o=0,i=function(t){var r=e[t],i=Object.keys(r).sort((function(e,t){return r[e]-r[t]})),a=[];i.forEach((function(e,t){a[t%10]||(a[t%10]={graphs:[],totalCount:0,aveCount:0}),a[t%10].graphs.push(e),a[t%10].totalCount+=r[e]}));var d=0,s=[];a.forEach((function(e){var t=e.totalCount/e.graphs.length;e.aveCount=t,s.push(t);var n=0,o=e.length;e.graphs.forEach((function(t,o){var i=r[t];e.graphs.forEach((function(e,t){o!==t&&(n+=Math.abs(i-r[e]))}))})),d+=n/=o*(o-1)/2})),d/=a.length;var u=0;s.forEach((function(e,t){s.forEach((function(r,n){t!==n&&(u+=Math.abs(e-r))})),u/=s.length*(s.length-1)/2}));var f=u-d;n<f&&(n=f,o=t)},a=0;a<t;a++)i(a);return{structure:r[o],structureCountMap:e[o]}}(O,w,x),A=I.structure,S=I.structureCountMap,C=t.nodes[0],T=C[i],D=p[T],q={},K={},J={},Q={},V={};Object.keys(y).forEach((function(r,n){V[r]=[];var o=-1/0,d=y[r],s={};d.forEach((function(e){var t=h[C.id+\"-\"+e.id];t&&V[r].push(t),o<t&&(o=t),s[C.id+\"-\"+e.id]={start:0,end:b[e.id].idx,distance:t}})),V[r]=V[r].sort((function(e,t){return e-t})),K=B(s,N,t,K);var u=[];if(Object.keys(s).forEach((function(e){if(J[e])u.push(J[e]);else{var t=K[e];J[e]=z(t,A,i,a),u.push(J[e])}})),u=u.sort((function(e,t){return t-e})),Q[C.id+\"-\"+r]=u,r!==T)for(var c=function(t){var n=D[t],o=E[l[n.id].idx],d=o.nodeLabelCountMap[r],s=y[r].length;if(!d||d.count<s)return D.splice(t,1),\"continue\";for(var h=!1,c=0;c<s;c++)if(d.dists[c]>V[r][c]){h=!0;break}if(h)return D.splice(t,1),\"continue\";var p={};o.neighbors.forEach((function(e){var t=f[n.id+\"-\"+e.id];p[n.id+\"-\"+e.id]={start:l[n.id].idx,end:l[e.id].idx,distance:t}})),M=B(p,E,e,M);var v=[];Object.keys(p).forEach((function(e){if(S[e])v.push(S[e]);else{var t=M[e];S[e]=z(t,A,i,a),v.push(S[e])}})),v=v.sort((function(e,t){return t-e}));var g=!1;for(c=0;c<s;c++)if(v[c]<u[c]){g=!0;break}return g?(D.splice(t,1),\"continue\"):void 0},p=D.length-1;p>=0;p--)c(p)}));var X=[];D.forEach((function(r){for(var n=l[r.id].idx,d=U(e.nodes,s[n],n,i,o).neighbors,u=d.length,h=!1,c=function(n){if(d.length+1<t.nodes.length)return h=!0,{value:void 0};var o=d[n],s=o[i];if(!y[s]||!y[s].length)return d.splice(n,1),\"continue\";var u=r.id+\"-\"+o.id;if(!V[s]||!V[s].length)return d.splice(n,1),\"continue\";var c=f[u];if(c>V[s][V[s].length-1])return d.splice(n,1),\"continue\";var p=S[u]?S[u]:function(e,t,r,n,o,i,a,d,s,u,f){var h,c=t.id+\"-\"+r.id;if(u&&u[c])return u[c];var l=f?f[c]:void 0;if(!l){var p=((h={})[c]={start:n[t.id].idx,end:n[r.id].idx,distance:o},h);l=(f=B(p,i,e,f))[c]}return z(l,a,d,s)}(e,r,o,l,c,E,A,i,a,S,M),v=C.id+\"-\"+s;if(p<Q[v][Q[v].length-1])return d.splice(n,1),\"continue\";var g=q[s];return void 0===g&&(g=1/0,y[s].forEach((function(e){var t=b[e.id].degree;g>t&&(g=t)})),q[s]=g),l[o.id].degree<g?(d.splice(n,1),\"continue\"):void 0},p=u-1;p>=0;p--){var v=c(p);if(\"object\"==typeof v)return v.value}h||X.push({nodes:[r].concat(d)})}));var Y=L(t,C.id,!1).length,Z={};r?(Object.keys(Y).forEach((function(e){var t=b[e].node[i];Z[t]?Z[t].push(Y[e]):Z[t]=[Y[e]]})),Object.keys(Z).forEach((function(e){Z[e].sort((function(e,t){return e-t}))}))):Z=V;for(var $=function(n){var o=X[n],d=o.nodes[0],s={},u={};o.nodes.forEach((function(e,t){u[e.id]={idx:t,node:e,degree:0};var r=e[i];s[r]?s[r]++:s[r]=1}));var f=[],h={};e.edges.forEach((function(e){u[e.source]&&u[e.target]&&(f.push(e),h[e[a]]?h[e[a]]++:h[e[a]]=1,u[e.source].degree++,u[e.target].degree++)}));for(var c=Object.keys(m).length,p=!1,v=0;v<c;v++){var g=Object.keys(m)[v];if(!h[g]||h[g]<m[g].length){p=!0;break}}if(p)return X.splice(n,1),\"continue\";var E=f.length;if(E<t.edges.length)return X.splice(n,1),\"break\";var N=!1,k=function(e){var t=f[e],n=t[a],o=m[n];if(!o||!o.length)return h[n]--,o&&h[n]<o.length?(N=!0,\"break\"):(f.splice(e,1),u[t.source].degree--,u[t.target].degree--,\"continue\");var d=u[t.source].node[i],s=u[t.target].node[i],c=!1;return o.forEach((function(e){var t=b[e.source].node,n=b[e.target].node;t[i]===d&&n[i]===s&&(c=!0),r||t[i]!==s||n[i]!==d||(c=!0)})),c?void 0:(h[n]--,o&&h[n]<o.length?(N=!0,\"break\"):(f.splice(e,1),u[t.source].degree--,u[t.target].degree--,\"continue\"))};for(v=E-1;v>=0&&\"break\"!==k(v);v--);if(N)return X.splice(n,1),\"continue\";o.edges=f;var j=L(o,o.nodes[0].id,!1).length;if(Object.keys(j).reverse().forEach((function(e){if(e!==o.nodes[0].id&&!N){if(j[e]===1/0){var t=u[e].node[i];if(s[t]--,s[t]<y[t].length)return void(N=!0);var r=o.nodes.indexOf(u[e].node);return o.nodes.splice(r,1),void(u[e]=void 0)}var n=l[e].node[i];if(!Z[n]||!Z[n].length||j[e]>Z[n][Z[n].length-1]){if(t=u[e].node[i],s[t]--,s[t]<y[t].length)return void(N=!0);r=o.nodes.indexOf(u[e].node),o.nodes.splice(r,1),u[e]=void 0}}})),N)return X.splice(n,1),\"continue\";for(var M=!0,x=0;M&&!N;){if(M=!1,u[d.id].degree<b[C.id].degree){N=!0;break}if(s[d[i]]<y[d[i]].length){N=!0;break}for(var w=o.nodes.length-1;w>=0;w--){var O=o.nodes[w],I=u[O.id].degree,A=O[i];if(I<q[A]){if(s[O[i]]--,s[O[i]]<y[O[i]].length){N=!0;break}o.nodes.splice(w,1),u[O.id]=void 0,M=!0}}if(N||!M&&0!==x)break;for(var S=(E=f.length)-1;S>=0;S--){var P=f[S];if(!u[P.source]||!u[P.target]){f.splice(S,1);var T=P[a];if(h[T]--,u[P.source]&&u[P.source].degree--,u[P.target]&&u[P.target].degree--,m[T]&&h[T]<m[T].length){N=!0;break}M=!0}}x++}return N||N||o.nodes.length<t.nodes.length||f.length<t.edges.length?(X.splice(n,1),\"continue\"):void 0},ee=X.length-1;ee>=0&&\"break\"!==$(ee);ee--);var te=X.length,re=function(e){var t=X[e],r={};t.edges.forEach((function(e){var t=e.source+\"-\"+e.target+\"-\"+e.label;r[t]?r[t]++:r[t]=1}));for(var n=function(e){var t=X[e],n={};t.edges.forEach((function(e){var t=e.source+\"-\"+e.target+\"-\"+e.label;n[t]?n[t]++:n[t]=1}));var o=!0;Object.keys(n).length!==Object.keys(r).length?o=!1:Object.keys(r).forEach((function(e){n[e]!==r[e]&&(o=!1)})),o&&X.splice(e,1)},o=te-1;o>e;o--)n(o);te=X.length};for(ee=0;ee<=te-1;ee++)re(ee);return X}}},getAdjMatrixAsync:function(e,t){return Q(\"getAdjMatrix\").apply(void 0,[e,t])},connectedComponentAsync:function(e,t){return Q(\"connectedComponent\").apply(void 0,[e,t])},getDegreeAsync:function(e){return Q(\"getDegree\")(e)},getInDegreeAsync:function(e,t){return Q(\"getInDegree\")(e,t)},getOutDegreeAsync:function(e,t){return Q(\"getOutDegree\")(e,t)},detectCycleAsync:function(e){return Q(\"detectCycle\")(e)},dijkstraAsync:function(e,t,r,n){return Q(\"dijkstra\").apply(void 0,[e,t,r,n])},findAllPathAsync:function(e,t,r,n){return Q(\"findAllPath\").apply(void 0,[e,t,r,n])},findShortestPathAsync:function(e,t,r,n,o){return Q(\"findShortestPath\").apply(void 0,[e,t,r,n,o])},floydWarshallAsync:function(e,t){return Q(\"floydWarshall\").apply(void 0,[e,t])},labelPropagationAsync:function(e,t,r,n){return Q(\"labelPropagation\")(e,t,r,n)},louvainAsync:function(e,t,r,n){return Q(\"louvain\")(e,t,r,n)},minimumSpanningTreeAsync:function(e,t,r){return Q(\"minimumSpanningTree\").apply(void 0,[e,t,r])},pageRankAsync:function(e,t,r){return Q(\"pageRank\").apply(void 0,[e,t,r])},getNeighborsAsync:function(e,t,r){return Q(\"getNeighbors\").apply(void 0,[e,t,r])},GADDIAsync:function(e,t,r,n,o,i,a){return void 0===r&&(r=!1),void 0===i&&(i=\"cluster\"),void 0===a&&(a=\"cluster\"),Q(\"GADDI\").apply(void 0,[e,t,r,n,o,i,a])}}}},n={};function o(e){if(n[e])return n[e].exports;var t=n[e]={exports:{}};return r[e](t,t.exports,o),t.exports}return o.m=r,o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce(((t,r)=>(o.f[r](e,t),t)),[])),o.u=e=>e+\".min.js\",o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t=\"Algorithm:\",o.l=(r,n,i,a)=>{if(e[r])e[r].push(n);else{var d,s;if(void 0!==i)for(var u=document.getElementsByTagName(\"script\"),f=0;f<u.length;f++){var h=u[f];if(h.getAttribute(\"src\")==r||h.getAttribute(\"data-webpack\")==t+i){d=h;break}}d||(s=!0,(d=document.createElement(\"script\")).charset=\"utf-8\",d.timeout=120,o.nc&&d.setAttribute(\"nonce\",o.nc),d.setAttribute(\"data-webpack\",t+i),d.src=r),e[r]=[n];var c=(t,n)=>{d.onerror=d.onload=null,clearTimeout(l);var o=e[r];if(delete e[r],d.parentNode&&d.parentNode.removeChild(d),o&&o.forEach((e=>e(n))),t)return t(n)},l=setTimeout(c.bind(null,void 0,{type:\"timeout\",target:d}),12e4);d.onerror=c.bind(null,d.onerror),d.onload=c.bind(null,d.onload),s&&document.head.appendChild(d)}},o.r=e=>{\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},o.p=\"./dist\",(()=>{var e={826:0};o.f.j=(t,r)=>{var n=o.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var i=new Promise(((r,o)=>{n=e[t]=[r,o]}));r.push(n[2]=i);var a=o.p+o.u(t),d=new Error;o.l(a,(r=>{if(o.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var i=r&&(\"load\"===r.type?\"missing\":r.type),a=r&&r.target&&r.target.src;d.message=\"Loading chunk \"+t+\" failed.\\n(\"+i+\": \"+a+\")\",d.name=\"ChunkLoadError\",d.type=i,d.request=a,n[1](d)}}),\"chunk-\"+t,t)}};var t=(t,r)=>{for(var n,i,[a,d,s]=r,u=0,f=[];u<a.length;u++)i=a[u],o.o(e,i)&&e[i]&&f.push(e[i][0]),e[i]=0;for(n in d)o.o(d,n)&&(o.m[n]=d[n]);for(s&&s(o),t&&t(r);f.length;)f.shift()()},r=this.webpackChunkAlgorithm=this.webpackChunkAlgorithm||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),o(59)})().default}));\n//# sourceMappingURL=index.min.js.map\n\n//# sourceURL=webpack:///./node_modules/_@antv_algorithm@0.1.3@@antv/algorithm/dist/index.min.js?");
+eval("!function(e,t){ true?module.exports=t():undefined}(this,(function(){return(()=>{\"use strict\";var e,t,r={},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var i=n[e]={exports:{}};return r[e](i,i.exports,o),i.exports}o.m=r,o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce(((t,r)=>(o.f[r](e,t),t)),[])),o.u=e=>e+\".min.js\",o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t=\"Algorithm:\",o.l=(r,n,i,a)=>{if(e[r])e[r].push(n);else{var d,s;if(void 0!==i)for(var u=document.getElementsByTagName(\"script\"),f=0;f<u.length;f++){var c=u[f];if(c.getAttribute(\"src\")==r||c.getAttribute(\"data-webpack\")==t+i){d=c;break}}d||(s=!0,(d=document.createElement(\"script\")).charset=\"utf-8\",d.timeout=120,o.nc&&d.setAttribute(\"nonce\",o.nc),d.setAttribute(\"data-webpack\",t+i),d.src=r),e[r]=[n];var h=(t,n)=>{d.onerror=d.onload=null,clearTimeout(l);var o=e[r];if(delete e[r],d.parentNode&&d.parentNode.removeChild(d),o&&o.forEach((e=>e(n))),t)return t(n)},l=setTimeout(h.bind(null,void 0,{type:\"timeout\",target:d}),12e4);d.onerror=h.bind(null,d.onerror),d.onload=h.bind(null,d.onload),s&&document.head.appendChild(d)}},o.r=e=>{\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},o.p=\"./dist\",(()=>{var e={826:0};o.f.j=(t,r)=>{var n=o.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var i=new Promise(((r,o)=>n=e[t]=[r,o]));r.push(n[2]=i);var a=o.p+o.u(t),d=new Error;o.l(a,(r=>{if(o.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var i=r&&(\"load\"===r.type?\"missing\":r.type),a=r&&r.target&&r.target.src;d.message=\"Loading chunk \"+t+\" failed.\\n(\"+i+\": \"+a+\")\",d.name=\"ChunkLoadError\",d.type=i,d.request=a,n[1](d)}}),\"chunk-\"+t,t)}};var t=(t,r)=>{var n,i,[a,d,s]=r,u=0;for(n in d)o.o(d,n)&&(o.m[n]=d[n]);for(s&&s(o),t&&t(r);u<a.length;u++)i=a[u],o.o(e,i)&&e[i]&&e[i][0](),e[a[u]]=0},r=this.webpackChunkAlgorithm=this.webpackChunkAlgorithm||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var i={};o.d(i,{default:()=>Z});const a=function(e,t){var r=e.nodes,n=e.edges,o=[],i={};if(!r)throw new Error(\"invalid nodes data!\");return r&&r.forEach((function(e,t){i[e.id]=t,o.push([])})),n&&n.forEach((function(e){var r=e.source,n=e.target,a=i[r],d=i[n];!a&&0!==a||!d&&0!==d||(o[a][d]=1,t||(o[d][a]=1))})),o};var d=function(e,t){return e===t},s=function(){function e(e,t){void 0===t&&(t=null),this.value=e,this.next=t}return e.prototype.toString=function(e){return e?e(this.value):\"\"+this.value},e}();const u=function(){function e(e){void 0===e&&(e=d),this.head=null,this.tail=null,this.compare=e}return e.prototype.prepend=function(e){var t=new s(e,this.head);return this.head=t,this.tail||(this.tail=t),this},e.prototype.append=function(e){var t=new s(e);return this.head?(this.tail.next=t,this.tail=t,this):(this.head=t,this.tail=t,this)},e.prototype.delete=function(e){if(!this.head)return null;for(var t=null;this.head&&this.compare(this.head.value,e);)t=this.head,this.head=this.head.next;var r=this.head;if(null!==r)for(;r.next;)this.compare(r.next.value,e)?(t=r.next,r.next=r.next.next):r=r.next;return this.compare(this.tail.value,e)&&(this.tail=r),t},e.prototype.find=function(e){var t=e.value,r=void 0===t?void 0:t,n=e.callback,o=void 0===n?void 0:n;if(!this.head)return null;for(var i=this.head;i;){if(o&&o(i.value))return i;if(void 0!==r&&this.compare(i.value,r))return i;i=i.next}return null},e.prototype.deleteTail=function(){var e=this.tail;if(this.head===this.tail)return this.head=null,this.tail=null,e;for(var t=this.head;t.next;)t.next.next?t=t.next:t.next=null;return this.tail=t,e},e.prototype.deleteHead=function(){if(!this.head)return null;var e=this.head;return this.head.next?this.head=this.head.next:(this.head=null,this.tail=null),e},e.prototype.fromArray=function(e){var t=this;return e.forEach((function(e){return t.append(e)})),this},e.prototype.toArray=function(){for(var e=[],t=this.head;t;)e.push(t),t=t.next;return e},e.prototype.reverse=function(){for(var e=this.head,t=null,r=null;e;)r=e.next,e.next=t,t=e,e=r;this.tail=this.head,this.head=t},e.prototype.toString=function(e){return void 0===e&&(e=void 0),this.toArray().map((function(t){return t.toString(e)})).toString()},e}(),f=function(){function e(){this.linkedList=new u}return e.prototype.isEmpty=function(){return!this.linkedList.head},e.prototype.peek=function(){return this.linkedList.head?this.linkedList.head.value:null},e.prototype.enqueue=function(e){this.linkedList.append(e)},e.prototype.dequeue=function(){var e=this.linkedList.deleteHead();return e?e.value:null},e.prototype.toString=function(e){return this.linkedList.toString(e)},e}();var c=function(e,t,r){void 0===t&&(t=[]);var n=t.filter((function(t){return t.source===e||t.target===e}));return\"target\"===r?n.filter((function(t){return t.source===e})).map((function(e){return e.target})):\"source\"===r?n.filter((function(t){return t.target===e})).map((function(e){return e.source})):n.map((function(t){return t.source===e?t.target:t.source}))},h=function(e,t){return t.filter((function(t){return t.source===e||t.target===e}))},l=function(e){return void 0===e&&(e=0),e+\"-\"+(\"\"+Math.random()).split(\".\")[1].substr(0,5)+(\"\"+Math.random()).split(\".\")[1].substr(0,5)};var p=function(e){var t={},r=e.nodes,n=void 0===r?[]:r,o=e.edges,i=void 0===o?[]:o;return n.forEach((function(e){t[e.id]={degree:0,inDegree:0,outDegree:0}})),i.forEach((function(e){t[e.source].degree++,t[e.source].outDegree++,t[e.target].degree++,t[e.target].inDegree++})),t};const v=p;function g(e,t,r,n){n.enter({current:t,previous:r});var o=e.edges;c(t,void 0===o?[]:o,\"target\").forEach((function(o){n.allowTraversal({previous:r,current:t,next:o})&&g(e,o,t,n)})),n.leave({current:t,previous:r})}function b(e,t,r){g(e,t,\"\",function(e){void 0===e&&(e={});var t,r=e,n=function(){},o=(t={},function(e){var r=e.next;return!t[r]&&(t[r]=!0,!0)});return r.allowTraversal=e.allowTraversal||o,r.enter=e.enter||n,r.leave=e.leave||n,r}(r))}function y(e,t){for(var r=0,n=t.length,o=e.length;r<n;r++,o++)e[o]=t[r];return e}Object.create,Object.create;var m={}.toString;const E=function(e,t){return m.call(e)===\"[object \"+t+\"]\"},L=function(e){return Array.isArray?Array.isArray(e):E(e,\"Array\")};Object.keys;var k=Array.prototype;k.splice,k.indexOf,Array.prototype.splice,Object.prototype.hasOwnProperty;Number.isInteger&&Number.isInteger,Math.PI,parseInt,Math.PI,Object.values,Object.prototype;const N=function e(t){if(\"object\"!=typeof t||null===t)return t;var r;if(L(t)){r=[];for(var n=0,o=t.length;n<o;n++)\"object\"==typeof t[n]&&null!=t[n]?r[n]=e(t[n]):r[n]=t[n]}else for(var i in r={},t)\"object\"==typeof t[i]&&null!=t[i]?r[i]=e(t[i]):r[i]=t[i];return r};Object.prototype.hasOwnProperty,Object.prototype.hasOwnProperty,function(){function e(){this.map={}}e.prototype.has=function(e){return void 0!==this.map[e]},e.prototype.get=function(e,t){var r=this.map[e];return void 0===r?t:r},e.prototype.set=function(e,t){this.map[e]=t},e.prototype.clear=function(){this.map={}},e.prototype.delete=function(e){delete this.map[e]},e.prototype.size=function(){return Object.keys(this.map).length}}();const j=function(e,t,r,n){var o=e.nodes,i=void 0===o?[]:o,a=e.edges,d=void 0===a?[]:a,s=[],u={},f={},c={};i.forEach((function(e,r){var n=e.id;s.push(n),f[n]=1/0,n===t&&(f[n]=0)}));for(var l=i.length,p=function(e){var t=function(e,t,r){for(var n,o=1/0,i=0;i<t.length;i++){var a=t[i].id;!r[a]&&e[a]<=o&&(o=e[a],n=t[i])}return n}(f,i,u),o=t.id;if(u[o]=!0,f[o]===1/0)return\"continue\";(r?function(e,t){return t.filter((function(t){return t.source===e}))}(o,d):h(o,d)).forEach((function(e){var r=e.target,i=e.source,a=r===o?i:r,d=n&&e[n]?e[n]:1;f[a]>f[t.id]+d?(f[a]=f[t.id]+d,c[a]=[t.id]):f[a]===f[t.id]+d&&c[a].push(t.id)}))},v=0;v<l;v++)p();c[t]=[t];var g={};for(var b in f)f[b]!==1/0&&M(t,b,c,g);var y={};for(var b in g)y[b]=g[b][0];return{length:f,path:y,allPaths:g}};function M(e,t,r,n){if(e===t)return[e];if(n[t])return n[t];for(var o=[],i=0,a=r[t];i<a.length;i++){var d=M(e,a[i],r,n);if(!d)return;for(var s=0,u=d;s<u.length;s++){var f=u[s];L(f)?o.push(y(y([],f),[t])):o.push([f,t])}}return n[t]=o,n[t]}const x=function(e,t){for(var r=a(e,t),n=[],o=r.length,i=0;i<o;i+=1){n[i]=[];for(var d=0;d<o;d+=1)i===d?n[i][d]=0:0!==r[i][d]&&r[i][d]?n[i][d]=r[i][d]:n[i][d]=1/0}for(var s=0;s<o;s+=1)for(i=0;i<o;i+=1)for(d=0;d<o;d+=1)n[i][d]>n[i][s]+n[s][d]&&(n[i][d]=n[i][s]+n[s][d]);return n};var w=function(e,t,r,n){for(var o=t.length,i=2*n,a=0,d=0;d<o;d++)for(var s=e[d].clusterId,u=0;u<o;u++)s===e[u].clusterId&&(a+=(t[d][u]||0)-(r[d]||0)*(r[u]||0)/i);return a*(1/i)};const O=function(){function e(e){this.count=e.length,this.parent={};for(var t=0,r=e;t<r.length;t++){var n=r[t];this.parent[n]=n}}return e.prototype.find=function(e){for(;this.parent[e]!==e;)e=this.parent[e];return e},e.prototype.union=function(e,t){var r=this.find(e),n=this.find(t);r!==n&&(r<n?(this.parent[t]!==t&&this.union(this.parent[t],e),this.parent[t]=this.parent[e]):(this.parent[e]!==e&&this.union(this.parent[e],t),this.parent[e]=this.parent[t]))},e.prototype.connected=function(e,t){return this.find(e)===this.find(t)},e}();var I=function(e,t){return e-t};const S=function(){function e(e){void 0===e&&(e=I),this.compareFn=e,this.list=[]}return e.prototype.getLeft=function(e){return 2*e+1},e.prototype.getRight=function(e){return 2*e+2},e.prototype.getParent=function(e){return 0===e?null:Math.floor((e-1)/2)},e.prototype.isEmpty=function(){return this.list.length<=0},e.prototype.top=function(){return this.isEmpty()?void 0:this.list[0]},e.prototype.delMin=function(){var e=this.top(),t=this.list.pop();return this.list.length>0&&(this.list[0]=t,this.moveDown(0)),e},e.prototype.insert=function(e){if(null!==e){this.list.push(e);var t=this.list.length-1;return this.moveUp(t),!0}return!1},e.prototype.moveUp=function(e){for(var t=this.getParent(e);e&&e>0&&this.compareFn(this.list[t],this.list[e])>0;){var r=this.list[t];this.list[t]=this.list[e],this.list[e]=r,e=t,t=this.getParent(e)}},e.prototype.moveDown=function(e){var t,r=e,n=this.getLeft(e),o=this.getRight(e),i=this.list.length;null!==n&&n<i&&this.compareFn(this.list[r],this.list[n])>0?r=n:null!==o&&o<i&&this.compareFn(this.list[r],this.list[o])>0&&(r=o),e!==r&&(t=[this.list[r],this.list[e]],this.list[e]=t[0],this.list[r]=t[1],this.moveDown(r))},e}();var A=function(e,t){var r=[],n=e.nodes,o=void 0===n?[]:n,i=e.edges,a=void 0===i?[]:i;if(0===o.length)return r;var d=o[0],s=new Set;s.add(d);var u=new S((function(e,r){return t?e.weight-r.weight:0}));for(h(d.id,a).forEach((function(e){u.insert(e)}));!u.isEmpty();){var f=u.delMin(),c=f.source,l=f.target;s.has(c)&&s.has(l)||(r.push(f),s.has(c)||(s.add(c),h(c,a).forEach((function(e){u.insert(e)}))),s.has(l)||(s.add(l),h(l,a).forEach((function(e){u.insert(e)}))))}return r},C=function(e,t){var r=[],n=e.nodes,o=void 0===n?[]:n,i=e.edges,a=void 0===i?[]:i;if(0===o.length)return r;var d=a.map((function(e){return e}));t&&d.sort((function(e,t){return e.weight-t.weight}));for(var s=new O(o.map((function(e){return e.id})));d.length>0;){var u=d.shift(),f=u.source,c=u.target;s.connected(f,c)||(r.push(u),s.union(f,c))}return r};var P=\"-1\",T=function(e,t,r,n){void 0===e&&(e=-1),void 0===t&&(t=-1),void 0===r&&(r=-1),void 0===n&&(n=\"-1\"),this.id=e,this.from=t,this.to=r,this.label=n},D=function(){function e(e,t){void 0===e&&(e=-1),void 0===t&&(t=P),this.id=e,this.label=t,this.edges=[],this.edgeMap={}}return e.prototype.addEdge=function(e){this.edges.push(e),this.edgeMap[e.id]=e},e}(),q=function(){function e(e,t,r){void 0===e&&(e=-1),void 0===t&&(t=!0),void 0===r&&(r=!1),this.id=e,this.edgeIdAutoIncrease=t,this.edges=[],this.nodes=[],this.nodeMap={},this.edgeMap={},this.nodeLabelMap={},this.edgeLabelMap={},this.counter=0,this.directed=r}return e.prototype.getNodeNum=function(){return this.nodes.length},e.prototype.addNode=function(e,t){if(!this.nodeMap[e]){var r=new D(e,t);this.nodes.push(r),this.nodeMap[e]=r,this.nodeLabelMap[t]||(this.nodeLabelMap[t]=[]),this.nodeLabelMap[t].push(e)}},e.prototype.addEdge=function(e,t,r,n){if((this.edgeIdAutoIncrease||void 0===e)&&(e=this.counter++),!(this.nodeMap[t]&&this.nodeMap[r]&&this.nodeMap[r].edgeMap[e])){var o=new T(e,t,r,n);if(this.edges.push(o),this.edgeMap[e]=o,this.nodeMap[t].addEdge(o),this.edgeLabelMap[n]||(this.edgeLabelMap[n]=[]),this.edgeLabelMap[n].push(o),!this.directed){var i=new T(e,r,t,n);this.nodeMap[r].addEdge(i),this.edgeLabelMap[n].push(i)}}},e}(),F=function(){function e(e,t,r,n,o){this.fromNode=e,this.toNode=t,this.nodeEdgeNodeLabel={nodeLabel1:r||P,edgeLabel:n||\"-1\",nodeLabel2:o||P}}return e.prototype.equalTo=function(e){return this.fromNode===e.formNode&&this.toNode===e.toNode&&this.nodeEdgeNodeLabel===e.nodeEdgeNodeLabel},e.prototype.notEqualTo=function(e){return!this.equalTo(e)},e}(),R=function(){function e(){this.rmpath=[],this.dfsEdgeList=[]}return e.prototype.equalTo=function(e){var t=this.dfsEdgeList.length;if(t!==e.length)return!1;for(var r=0;r<t;r++)if(this.dfsEdgeList[r]!==e[r])return!1;return!0},e.prototype.notEqualTo=function(e){return!this.equalTo(e)},e.prototype.pushBack=function(e,t,r,n,o){return this.dfsEdgeList.push(new F(e,t,r,n,o)),this.dfsEdgeList},e.prototype.toGraph=function(e,t){void 0===e&&(e=-1),void 0===t&&(t=!1);var r=new q(e,!0,t);return this.dfsEdgeList.forEach((function(e){var t=e.fromNode,n=e.toNode,o=e.nodeEdgeNodeLabel,i=o.nodeLabel1,a=o.edgeLabel,d=o.nodeLabel2;i!==P&&r.addNode(t,i),d!==P&&r.addNode(n,d),r.addEdge(void 0,t,n,a)})),r},e.prototype.buildRmpath=function(){this.rmpath=[];for(var e=void 0,t=this.dfsEdgeList.length-1;t>=0;t--){var r=this.dfsEdgeList[t],n=r.fromNode,o=r.toNode;n<o&&(void 0===e||o===e)&&(this.rmpath.push(t),e=n)}return this.rmpath},e.prototype.getNodeNum=function(){var e={};return this.dfsEdgeList.forEach((function(t){e[t.fromNode]||(e[t.fromNode]=!0),e[t.toNode]||(e[t.toNode]=!0)})),Object.keys(e).length},e}(),G=function(){function e(e){if(this.his={},this.nodesUsed={},this.edgesUsed={},this.edges=[],e){for(;e;){var t=e.edge;this.edges.push(t),this.nodesUsed[t.from]=1,this.nodesUsed[t.to]=1,this.edgesUsed[t.id]=1,e=e.preNode}this.edges=this.edges.reverse()}}return e.prototype.hasNode=function(e){return 1===this.nodesUsed[e.id]},e.prototype.hasEdge=function(e){return 1===this.edgesUsed[e.id]},e}(),U=function(){function e(e){var t=e.graphs,r=e.minSupport,n=void 0===r?2:r,o=e.minNodeNum,i=void 0===o?1:o,a=e.maxNodeNum,d=void 0===a?4:a,s=e.top,u=void 0===s?10:s,f=e.directed,c=void 0!==f&&f,h=e.verbose,l=void 0!==h&&h;this.graphs=t,this.dfsCode=new R,this.support=0,this.frequentSize1Subgraphs=[],this.frequentSubgraphs=[],this.minSupport=n,this.top=u,this.directed=c,this.counter=0,this.maxNodeNum=d,this.minNodeNum=i,this.verbose=l,this.maxNodeNum<this.minNodeNum&&(this.maxNodeNum=this.minNodeNum),this.reportDF=[]}return e.prototype.findForwardRootEdges=function(e,t){var r=this,n=[],o=e.nodeMap;return t.edges.forEach((function(e){(r.directed||t.label<=o[e.to].label)&&n.push(e)})),n},e.prototype.findBackwardEdge=function(e,t,r,n){if(!this.directed&&t===r)return null;for(var o=e.nodeMap,i=o[r.to].edges,a=i.length,d=0;d<a;d++){var s=i[d];if(!n.hasEdge(s)&&s.to===t.from)if(this.directed){if(o[t.from].label<o[r.to].label||o[t.from].label===o[r.to].label&&t.label<=s.label)return s}else if(t.label<s.label||t.label===s.label&&o[t.to].label<=o[r.to].label)return s}return null},e.prototype.findForwardPureEdges=function(e,t,r,n){for(var o=[],i=t.to,a=e.nodeMap[i].edges,d=a.length,s=0;s<d;s++){var u=a[s],f=e.nodeMap[u.to];r<=f.label&&!n.hasNode(f)&&o.push(u)}return o},e.prototype.findForwardRmpathEdges=function(e,t,r,n){for(var o=[],i=e.nodeMap,a=i[t.to].label,d=i[t.from].edges,s=d.length,u=0;u<s;u++){var f=d[u],c=i[f.to].label;t.to===f.to||r>c||n.hasNode(i[f.to])||(t.label<f.label||t.label===f.label&&a<=c)&&o.push(f)}return o},e.prototype.getSupport=function(e){var t={};return e.forEach((function(e){t[e.graphId]||(t[e.graphId]=!0)})),Object.keys(t).length},e.prototype.findMinLabel=function(e){var t=void 0;return Object.keys(e).forEach((function(r){var n=e[r],o=n.nodeLabel1,i=n.edgeLabel,a=n.nodeLabel2;t?(o<t.nodeLabel1||o===t.nodeLabel1&&i<t.edgeLabel||o===t.nodeLabel1&&i===t.edgeLabel&&a<t.nodeLabel2)&&(t={nodeLabel1:o,edgeLabel:i,nodeLabel2:a}):t={nodeLabel1:o,edgeLabel:i,nodeLabel2:a}})),t},e.prototype.isMin=function(){var e=this,t=this.dfsCode;if(this.verbose&&console.log(\"isMin checking\",t),1===t.dfsEdgeList.length)return!0;var r=this.directed,n=t.toGraph(-1,r),o=n.nodeMap,i=new R,a={};n.nodes.forEach((function(t){e.findForwardRootEdges(n,t).forEach((function(e){var r=o[e.to],i=t.label+\"-\"+e.label+\"-\"+r.label;a[i]||(a[i]={projected:[],nodeLabel1:t.label,edgeLabel:e.label,nodeLabel2:r.label});var d={graphId:n.id,edge:e,preNode:null};a[i].projected.push(d)}))}));var d=this.findMinLabel(a);i.dfsEdgeList.push(new F(0,1,d.nodeLabel1,d.edgeLabel,d.nodeLabel2));var s=function(a){for(var d=i.buildRmpath(),u=i.dfsEdgeList[0].nodeEdgeNodeLabel.nodeLabel1,f=i.dfsEdgeList[d[0]].toNode,c={},h=!1,l=0,p=r?-1:0,v=function(t){if(h)return\"break\";a.forEach((function(r){var o=new G(r),a=e.findBackwardEdge(n,o.edges[d[t]],o.edges[d[0]],o);a&&(c[a.label]||(c[a.label]={projected:[],edgeLabel:a.label}),c[a.label].projected.push({graphId:n.id,edge:c,preNode:r}),l=i.dfsEdgeList[d[t]].fromNode,h=!0)}))},g=d.length-1;g>p&&\"break\"!==v(g);g--);if(h){var b=e.findMinLabel(c);i.dfsEdgeList.push(new F(f,l,P,b.edgeLabel,P));var y=i.dfsEdgeList.length-1;return e.dfsCode.dfsEdgeList[y]===i.dfsEdgeList[y]&&s(c[b.edgeLabel].projected)}var m={};h=!1;var E=0;a.forEach((function(t){var r=new G(t),i=e.findForwardPureEdges(n,r.edges[d[0]],u,r);i.length>0&&(h=!0,E=f,i.forEach((function(e){var r=e.label+\"-\"+o[e.to].label;m[r]||(m[r]={projected:[],edgeLabel:e.label,nodeLabel2:o[e.to].label}),m[r].projected.push({graphId:n.id,edge:e,preNode:t})})))}));var L=d.length,k=function(t){if(h)return\"break\";var r=d[t];a.forEach((function(t){var a=new G(t),d=e.findForwardRmpathEdges(n,a.edges[r],u,a);d.length>0&&(h=!0,E=i.dfsEdgeList[r].fromNode,d.forEach((function(e){var r=e.label+\"-\"+o[e.to].label;m[r]||(m[r]={projected:[],edgeLabel:e.label,nodeLabel2:o[e.to].label}),m[r].projected.push({graphId:n.id,edge:e,preNode:t})})))}))};for(g=0;g<L&&\"break\"!==k(g);g++);if(!h)return!0;var N=e.findMinLabel(m);i.dfsEdgeList.push(new F(E,f+1,P,N.edgeLabel,N.nodeLabel2));var j=i.dfsEdgeList.length-1;return t.dfsEdgeList[j]===i.dfsEdgeList[j]&&s(m[N.edgeLabel+\"-\"+N.nodeLabel2].projected)},u=d.nodeLabel1+\"-\"+d.edgeLabel+\"-\"+d.nodeLabel2;return s(a[u].projected)},e.prototype.report=function(){if(!(this.dfsCode.getNodeNum()<this.minNodeNum)){this.counter++;var e=this.dfsCode.toGraph(this.counter,this.directed);this.frequentSubgraphs.push(N(e))}},e.prototype.subGraphMining=function(e){var t=this;if(!(this.getSupport(e)<this.minSupport)&&this.isMin()){this.report();var r=this.dfsCode.getNodeNum(),n=this.dfsCode.buildRmpath(),o=this.dfsCode.dfsEdgeList[n[0]].toNode,i=this.dfsCode.dfsEdgeList[0].nodeEdgeNodeLabel.nodeLabel1,a={},d={};e.forEach((function(e){for(var s=t.graphs[e.graphId],u=s.nodeMap,f=new G(e),c=n.length-1;c>=0;c--){var h=t.findBackwardEdge(s,f.edges[n[c]],f.edges[n[0]],f);if(h){var l=t.dfsCode.dfsEdgeList[n[c]].fromNode+\"-\"+h.label;d[l]||(d[l]={projected:[],toNodeId:t.dfsCode.dfsEdgeList[n[c]].fromNode,edgeLabel:h.label}),d[l].projected.push({graphId:e.graphId,edge:h,preNode:e})}}if(!(r>=t.maxNodeNum)){t.findForwardPureEdges(s,f.edges[n[0]],i,f).forEach((function(t){var r=o+\"-\"+t.label+\"-\"+u[t.to].label;a[r]||(a[r]={projected:[],fromNodeId:o,edgeLabel:t.label,nodeLabel2:u[t.to].label}),a[r].projected.push({graphId:e.graphId,edge:t,preNode:e})}));var p=function(r){t.findForwardRmpathEdges(s,f.edges[n[r]],i,f).forEach((function(o){var i=t.dfsCode.dfsEdgeList[n[r]].fromNode+\"-\"+o.label+\"-\"+u[o.to].label;a[i]||(a[i]={projected:[],fromNodeId:t.dfsCode.dfsEdgeList[n[r]].fromNode,edgeLabel:o.label,nodeLabel2:u[o.to].label}),a[i].projected.push({graphId:e.graphId,edge:o,preNode:e})}))};for(c=0;c<n.length;c++)p(c)}})),Object.keys(d).forEach((function(e){var r=d[e],n=r.toNodeId,i=r.edgeLabel;t.dfsCode.dfsEdgeList.push(new F(o,n,\"-1\",i,\"-1\")),t.subGraphMining(d[e].projected),t.dfsCode.dfsEdgeList.pop()})),Object.keys(a).forEach((function(e){var r=a[e],n=r.fromNodeId,i=r.edgeLabel,d=r.nodeLabel2;t.dfsCode.dfsEdgeList.push(new F(n,o+1,P,i,d)),t.subGraphMining(a[e].projected),t.dfsCode.dfsEdgeList.pop()}))}},e.prototype.generate1EdgeFrequentSubGraphs=function(){var e=this.graphs,t=this.directed,r=this.minSupport,n=this.frequentSize1Subgraphs,o={},i={},a={},d={};return Object.keys(e).forEach((function(r){var n=e[r],s=n.nodeMap;n.nodes.forEach((function(e,n){var u=e.label,f=r+\"-\"+u;if(!a[f]){var c=o[u]||0;c++,o[u]=c}a[f]={graphKey:r,label:u},e.edges.forEach((function(e){var n=u,o=s[e.to].label;if(!t&&n>o){var a=o;o=n,n=a}var f=e.label,c=r+\"-\"+n+\"-\"+f+\"-\"+o,h=n+\"-\"+f+\"-\"+o;if(!i[h]){var l=i[h]||0;l++,i[h]=l}d[c]={graphId:r,nodeLabel1:n,edgeLabel:f,nodeLabel2:o}}))}))})),Object.keys(o).forEach((function(e){if(!(o[e]<r)){var t={nodes:[],edges:[]};t.nodes.push({id:\"0\",label:e}),n.push(t)}})),n},e.prototype.run=function(){var e=this;if(this.frequentSize1Subgraphs=this.generate1EdgeFrequentSubGraphs(),!(this.maxNodeNum<2)){var t=this.graphs,r=(this.directed,{});Object.keys(t).forEach((function(n){var o=t[n],i=o.nodeMap;o.nodes.forEach((function(t){e.findForwardRootEdges(o,t).forEach((function(e){var o=i[e.to],a=t.label+\"-\"+e.label+\"-\"+o.label;r[a]||(r[a]={projected:[],nodeLabel1:t.label,edgeLabel:e.label,nodeLabel2:o.label});var d={graphId:n,edge:e,preNode:null};r[a].projected.push(d)}))}))})),Object.keys(r).forEach((function(t){var n=r[t],o=n.projected,i=n.nodeLabel1,a=n.edgeLabel,d=n.nodeLabel2;e.dfsCode.dfsEdgeList.push(new F(0,1,i,a,d)),e.subGraphMining(o),e.dfsCode.dfsEdgeList.pop()}))}},e}(),B=\"cluster\";var z=function(e,t,r,n){void 0===r&&(r=\"cluster\"),void 0===n&&(n=2);var o=[],i=e.nodes;return t.forEach((function(e,t){o.push(_(i,e,t,r,n))})),o},_=function(e,t,r,n,o){var i=[r],a=[],d={};return t.forEach((function(t,s){if(t<=o&&r!==s){i.push(s),a.push(e[s]);var u=e[s][n];d[u]?(d[u].count++,d[u].dists.push(t)):d[u]={count:1,dists:[t]}}})),Object.keys(d).forEach((function(e){d[e].dists=d[e].dists.sort((function(e,t){return e-t}))})),{nodeIdx:r,nodeId:e[r].id,nodeIdxs:i,neighbors:a,neighborNum:i.length-1,nodeLabelCountMap:d}},H=function(e,t,r,n){var o=r.nodes;return n||(n={}),Object.keys(e).forEach((function(i){var a,d;if(!n||!n[i]){n[i]={nodes:[],edges:[]};var s=e[i],u=null===(a=t[s.start])||void 0===a?void 0:a.nodeIdxs,f=null===(d=t[s.end])||void 0===d?void 0:d.nodeIdxs;if(u&&f){var c=new Set(f),h=u.filter((function(e){return c.has(e)}));if(h&&h.length){for(var l={},p=h.length,v=0;v<p;v++){var g=o[h[v]];n[i].nodes.push(g),l[g.id]=!0}r.edges.forEach((function(e){l[e.source]&&l[e.target]&&n[i].edges.push(e)}))}}}})),n},W=function(e,t,r,n){var o={};e.nodes.forEach((function(e){o[e.id]=e}));var i=0;return e.edges.forEach((function(e){var a=o[e.source][r],d=o[e.target][r],s=t.nodes[0][r],u=t.nodes[1][r],f=t.edges[0][n];e[n]===f&&(a===s&&d===u||a===u&&d===s)&&i++})),i},K=function(e,t){var r={},n={};return e.forEach((function(e,o){r[e.id]={idx:o,node:e,degree:0};var i=e[t];n[i]||(n[i]=[]),n[i].push(e)})),{nodeMap:r,nodeLabelMap:n}},J=function(e,t,r){var n={},o={};return e.forEach((function(e,i){n[\"\"+l]={idx:i,edge:e};var a=e[t];o[a]||(o[a]=[]),o[a].push(e);var d=r[e.source];d&&d.degree++;var s=r[e.target];s&&s.degree++})),{edgeMap:n,edgeLabelMap:o}},Q=function(e,t,r){var n=t.length,o={};return t.forEach((function(t,i){for(var a=r?0:i+1,d=e[i].id,s=a;s<n;s++)if(i!==s){var u=e[s].id,f=t[s];o[d+\"-\"+u]=f,r||(o[u+\"-\"+d]=f)}})),o};var V=function(){function e(e){void 0===e&&(e=10),this.linkedList=new u,this.maxStep=e}return Object.defineProperty(e.prototype,\"length\",{get:function(){return this.linkedList.toArray().length},enumerable:!1,configurable:!0}),e.prototype.isEmpty=function(){return!this.linkedList.head},e.prototype.isMaxStack=function(){return this.toArray().length>=this.maxStep},e.prototype.peek=function(){return this.isEmpty()?null:this.linkedList.head.value},e.prototype.push=function(e){this.linkedList.prepend(e),this.length>this.maxStep&&this.linkedList.deleteTail()},e.prototype.pop=function(){var e=this.linkedList.deleteHead();return e?e.value:null},e.prototype.toArray=function(){return this.linkedList.toArray().map((function(e){return e.value}))},e.prototype.clear=function(){for(;!this.isEmpty();)this.pop()},e}(),X=\"SUCCESS\";const Y=function(e){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return new Promise((function(r,n){o.e(745).then(o.bind(o,745)).then((function(o){var i=new o.default;i.postMessage({type:e,data:t}),i.onmessage=function(e){var t=e.data,o=t.data,a=t.type;X===a?r(o):n(),i.terminate()}}))}))}},Z={getAdjMatrix:a,breadthFirstSearch:function(e,t,r){var n=function(e){void 0===e&&(e={});var t,r=e,n=function(){},o=(t={},function(e){var r=e.next;return!t[r]&&(t[r]=!0,!0)});return r.allowTraversal=e.allowTraversal||o,r.enter=e.enter||n,r.leave=e.leave||n,r}(r),o=new f,i=e.edges,a=void 0===i?[]:i;o.enqueue(t);for(var d=\"\",s=function(){var e=o.dequeue();n.enter({current:e,previous:d}),c(e,a,\"target\").forEach((function(t){n.allowTraversal({previous:d,current:e,next:t})&&o.enqueue(t)})),n.leave({current:e,previous:d}),d=e};!o.isEmpty();)s()},connectedComponent:function(e,t){return t?function(e){for(var t=e.nodes,r=void 0===t?[]:t,n=e.edges,o=void 0===n?[]:n,i=[],a={},d={},s={},u=[],f=0,h=function(e){d[e.id]=f,s[e.id]=f,f+=1,i.push(e),a[e.id]=!0;for(var t=c(e.id,o,\"target\").filter((function(e){return r.map((function(e){return e.id})).indexOf(e)>-1})),n=function(n){var o=t[n];if(d[o]||0===d[o])a[o]&&(s[e.id]=Math.min(s[e.id],d[o]));else{var i=r.filter((function(e){return e.id===o}));i.length>0&&h(i[0]),s[e.id]=Math.min(s[e.id],s[o])}},l=0;l<t.length;l++)n(l);if(s[e.id]===d[e.id]){for(var p=[];i.length>0;){var v=i.pop();if(a[v.id]=!1,p.push(v),v===e)break}p.length>0&&u.push(p)}},l=0,p=r;l<p.length;l++){var v=p[l];d[v.id]||0===d[v.id]||h(v)}return u}(e):function(e){for(var t=e.nodes,r=void 0===t?[]:t,n=e.edges,o=void 0===n?[]:n,i=[],a={},d=[],s=function(e){d.push(e),a[e.id]=!0;for(var t=c(e.id,o),n=function(e){var n=t[e];if(!a[n]){var o=r.filter((function(e){return e.id===n}));o.length>0&&s(o[0])}},i=0;i<t.length;++i)n(i)},u=0;u<r.length;u++){var f=r[u];if(!a[f.id]){s(f);for(var h=[];d.length>0;)h.push(d.pop());i.push(h)}}return i}(e)},getDegree:v,getInDegree:function(e,t){return p(e)[t]?p(e)[t].inDegree:0},getOutDegree:function(e,t){return p(e)[t]?p(e)[t].outDegree:0},detectCycle:function(e){var t=null,r=e.nodes,n={},o={},i={},a={};(void 0===r?[]:r).forEach((function(e){o[e.id]=e}));for(var d={enter:function(e){var r=e.current,a=e.previous;if(i[r]){t={};for(var d=r,s=a;s!==r;)t[d]=s,d=s,s=n[s];t[d]=s}else i[r]=r,delete o[r],n[r]=a},leave:function(e){var t=e.current;a[t]=t,delete i[t]},allowTraversal:function(e){var r=e.next;return!t&&!a[r]}};Object.keys(o).length;)b(e,Object.keys(o)[0],d);return t},depthFirstSearch:b,dijkstra:j,findAllPath:function(e,t,r,n){var o;if(t===r)return[[t]];var i=e.edges,a=void 0===i?[]:i,d=[t],s=((o={})[t]=!0,o),u=[],f=[],h=n?c(t,a,\"target\"):c(t,a);for(u.push(h);d.length>0&&u.length>0;){var l=u[u.length-1];if(l.length){var p=l.shift();if(p&&(d.push(p),s[p]=!0,h=n?c(p,a,\"target\"):c(p,a),u.push(h.filter((function(e){return!s[e]})))),d[d.length-1]===r){var v=d.map((function(e){return e}));f.push(v),g=d.pop(),s[g]=!1,u.pop()}}else{var g=d.pop();s[g]=!1,u.pop()}}return f},findShortestPath:function(e,t,r,n,o){var i=j(e,t,n,o),a=i.length,d=i.path,s=i.allPaths;return{length:a[r],path:d[r],allPath:s[r]}},floydWarshall:x,labelPropagation:function(e,t,r,n){void 0===t&&(t=!1),void 0===r&&(r=\"weight\"),void 0===n&&(n=1e3);var o=e.nodes,i=void 0===o?[]:o,d=e.edges,s=void 0===d?[]:d,u={},f={};i.forEach((function(e,t){var r=l();e.clusterId=r,u[r]={id:r,nodes:[e]},f[e.id]={node:e,idx:t}}));var c=a(e,t),h=[],p={};c.forEach((function(e,t){var r=0,n=i[t].id;p[n]={},e.forEach((function(e,t){if(e){r+=e;var o=i[t].id;p[n][o]=e}})),h.push(r)}));for(var v=0,g=function(){var e=!1;if(i.forEach((function(t){var r={};Object.keys(p[t.id]).forEach((function(e){var n=p[t.id][e],o=f[e].node.clusterId;r[o]||(r[o]=0),r[o]+=n}));var n=-1/0,o=[];if(Object.keys(r).forEach((function(e){n<r[e]?(n=r[e],o=[e]):n===r[e]&&o.push(e)})),1!==o.length||o[0]!==t.clusterId){var i=o.indexOf(t.clusterId);if(i>=0&&o.splice(i,1),o&&o.length){e=!0;var a=u[t.clusterId],d=a.nodes.indexOf(t);a.nodes.splice(d,1);var s=Math.floor(Math.random()*o.length),c=u[o[s]];c.nodes.push(t),t.clusterId=c.id}}})),!e)return\"break\";v++};v<n&&\"break\"!==g(););Object.keys(u).forEach((function(e){var t=u[e];t.nodes&&t.nodes.length||delete u[e]}));var b=[],y={};s.forEach((function(e){var t=e.source,n=e.target,o=e[r]||1,i=f[t].node.clusterId,a=f[n].node.clusterId,d=i+\"---\"+a;if(y[d])y[d].weight+=o,y[d].count++;else{var s={source:i,target:a,weight:o,count:1};y[d]=s,b.push(s)}}));var m=[];return Object.keys(u).forEach((function(e){m.push(u[e])})),{clusters:m,clusterEdges:b}},louvain:function(e,t,r,n){void 0===t&&(t=!1),void 0===r&&(r=\"weight\"),void 0===n&&(n=1e-4);var o=e.nodes,i=void 0===o?[]:o,d=e.edges,s=void 0===d?[]:d,u=1,f={},c={};i.forEach((function(e,t){var r=String(u++);e.clusterId=r,f[r]={id:r,nodes:[e]},c[e.id]={node:e,idx:t}}));var h=a(e,t),l=[],p={},v=0;h.forEach((function(e,t){var r=0,n=i[t].id;p[n]={},e.forEach((function(e,t){if(e){r+=e;var o=i[t].id;p[n][o]=e,v+=e}})),l.push(r)})),v/=2;for(var g=1/0,b=1/0,y=0;g=w(i,h,l,v),!(Math.abs(g-b)<n||y>100);)b=g,y++,Object.keys(f).forEach((function(e){var t=0;s.forEach((function(n){var o=n.source,i=n.target,a=c[o].node.clusterId,d=c[i].node.clusterId;(a===e&&d!==e||d===e&&a!==e)&&(t+=n[r]||1)})),f[e].sumTot=t})),i.forEach((function(e,t){var n,o=f[e.clusterId],i=0,a=l[t]/(2*v),d=0;o.nodes.forEach((function(e){var r=c[e.id].idx;d+=h[t][r]||0}));var u=d-o.sumTot*a,g=p[e.id];if(Object.keys(g).forEach((function(r){var o=c[r].node.clusterId;if(o!==e.clusterId){var d=f[o],s=d.nodes;if(s&&s.length){var l=0;s.forEach((function(e){var r=c[e.id].idx;l+=h[t][r]||0}));var p=l-d.sumTot*a-u;p>i&&(i=p,n=d)}}})),i>0){n.nodes.push(e);var b=e.clusterId;e.clusterId=n.id;var y=o.nodes.indexOf(e);o.nodes.splice(y,1);var m=0,E=0;s.forEach((function(e){var t=e.source,o=e.target,i=c[t].node.clusterId,a=c[o].node.clusterId;(i===n.id&&a!==n.id||a===n.id&&i!==n.id)&&(m+=e[r]||1),(i===b&&a!==b||a===b&&i!==b)&&(E+=e[r]||1)})),n.sumTot=m,o.sumTot=E}}));Object.keys(f).forEach((function(e){var t=f[e];t.nodes&&t.nodes.length||delete f[e]})),Object.keys(f).forEach((function(e,t){var r=f[e],n=String(t+1);n!==e&&(r.id=n,r.nodes=r.nodes.map((function(e){return{id:e.id,clusterId:n}})),f[n]=r,delete f[e])}));var m=[],E={};s.forEach((function(e){var t=e.source,n=e.target,o=e[r]||1,i=c[t].node.clusterId,a=c[n].node.clusterId,d=i+\"---\"+a;if(E[d])E[d].weight+=o,E[d].count++;else{var s={source:i,target:a,weight:o,count:1};E[d]=s,m.push(s)}}));var L=[];return Object.keys(f).forEach((function(e){L.push(f[e])})),{clusters:L,clusterEdges:m}},minimumSpanningTree:function(e,t,r){return r?{prim:A,kruskal:C}[r](e,t):C(e,t)},pageRank:function(e,t,r){\"number\"!=typeof t&&(t=1e-6),\"number\"!=typeof r&&(r=.85);for(var n,o=1,i=0,a=1e3,d=e.nodes,s=void 0===d?[]:d,u=e.edges,f=void 0===u?[]:u,h=s.length,l={},p={},g=0;g<h;++g)l[y=(N=s[g]).id]=1/h,p[y]=1/h;for(var b=v(e);a>0&&o>t;){for(i=0,g=0;g<h;++g){var y=(N=s[g]).id;if(n=0,0===b[N.id].inDegree)l[y]=0;else{for(var m=c(y,f,\"source\"),E=0;E<m.length;++E){var L=m[E],k=b[L].outDegree;k>0&&(n+=p[L]/k)}l[y]=r*n,i+=l[y]}}for(i=(1-i)/h,o=0,g=0;g<h;++g){var N;n=l[y=(N=s[g]).id]+i,o+=Math.abs(n-p[y]),p[y]=n}a-=1}return p},getNeighbors:c,Stack:V,GADDI:function(e,t,r,n,o,i,a){if(void 0===r&&(r=!1),void 0===i&&(i=\"cluster\"),void 0===a&&(a=\"cluster\"),e&&e.nodes){var d=e.nodes.length;if(d){var s=x(e,r),u=x(t,r),f=Q(e.nodes,s,r),c=Q(t.nodes,u,r),h=K(e.nodes,i),l=h.nodeMap,p=h.nodeLabelMap,v=K(t.nodes,i),g=v.nodeMap,b=v.nodeLabelMap;J(e.edges,a,l);var m=J(t.edges,a,g).edgeLabelMap;o||(o=Math.max.apply(Math,y(y([],u[0]),[2]))),n||(n=o);var E=z(e,s,i,n),L=z(t,u,i,n),k=function(e,t,r,n,o){var i=Math.ceil(r/t),a={},d=0;return n.forEach((function(e,n){for(var s=0,u=0,f=e.nodeIdxs,c=e.neighborNum-1;s<i;){for(var h=f[1+Math.floor(Math.random()*c)],l=0;(a[n+\"-\"+h]||a[h+\"-\"+n])&&(h=Math.floor(Math.random()*t),!(++l>2*t)););if(l<2*t&&(a[n+\"-\"+h]={start:n,end:h,distance:o[n][h]},s++,++d>=r))return a;if(++u>2*t)break}s<i&&(i=(i+(i-s))/(t-n-1))})),a}(0,d,Math.min(100,d*(d-1)/2),L,s),N=H(k,E,e),M=function(e){var t=e.graphs,r=e.directed,n=void 0!==r&&r,o=e.nodeLabelProp,i=void 0===o?B:o,a=e.edgeLabelProp,d=void 0===a?B:a,s=function(e,t,r,n){var o={};return Object.keys(e).forEach((function(i,a){var d=e[i],s=new q(a,!0,t),u={};d.nodes.forEach((function(e,t){s.addNode(t,e[r]),u[e.id]=t})),d.edges.forEach((function(e,t){var r=u[e.source],o=u[e.target];s.addEdge(-1,r,o,e[n])})),s&&s.getNodeNum()&&(o[s.id]=s)})),o}(t,n,i,d),u=e.minSupport,f=e.maxNodeNum,c=e.minNodeNum,h=e.verbose,l=e.top,p=new U({graphs:s,minSupport:u,maxNodeNum:f,minNodeNum:c,top:l,verbose:h,directed:n});return p.run(),function(e,t,r){var n=[];return e.forEach((function(e){var o={nodes:[],edges:[]};e.nodes.forEach((function(e){var r;o.nodes.push(((r={id:\"\"+e.id})[t]=e.label,r))})),e.edges.forEach((function(e){var t;o.edges.push(((t={source:\"\"+e.from,target:\"\"+e.to})[r]=e.label,t))})),n.push(o)})),n}(p.frequentSubgraphs,i,d)}({graphs:N,nodeLabelProp:i,edgeLabelProp:a,minSupport:1,minNodeNum:1,maxNodeNum:4,directed:r}).slice(0,10),w=M.length,O=[];M.forEach((function(e,t){O[t]={},Object.keys(N).forEach((function(r){var n=N[r],o=W(n,e,i,a);O[t][r]=o}))}));var I=function(e,t,r){for(var n=1/0,o=0,i=function(t){var r=e[t],i=Object.keys(r).sort((function(e,t){return r[e]-r[t]})),a=[];i.forEach((function(e,t){a[t%10]||(a[t%10]={graphs:[],totalCount:0,aveCount:0}),a[t%10].graphs.push(e),a[t%10].totalCount+=r[e]}));var d=0,s=[];a.forEach((function(e){var t=e.totalCount/e.graphs.length;e.aveCount=t,s.push(t);var n=0,o=e.length;e.graphs.forEach((function(t,o){var i=r[t];e.graphs.forEach((function(e,t){o!==t&&(n+=Math.abs(i-r[e]))}))})),d+=n/=o*(o-1)/2})),d/=a.length;var u=0;s.forEach((function(e,t){s.forEach((function(r,n){t!==n&&(u+=Math.abs(e-r))})),u/=s.length*(s.length-1)/2}));var f=u-d;n<f&&(n=f,o=t)},a=0;a<t;a++)i(a);return{structure:r[o],structureCountMap:e[o]}}(O,w,M),S=I.structure,A=I.structureCountMap,C=t.nodes[0],P=C[i],T=p[P],D={},F={},R={},G={},V={};Object.keys(b).forEach((function(r,n){V[r]=[];var o=-1/0,d=b[r],s={};d.forEach((function(e){var t=c[C.id+\"-\"+e.id];t&&V[r].push(t),o<t&&(o=t),s[C.id+\"-\"+e.id]={start:0,end:g[e.id].idx,distance:t}})),V[r]=V[r].sort((function(e,t){return e-t})),F=H(s,L,t,F);var u=[];if(Object.keys(s).forEach((function(e){if(R[e])u.push(R[e]);else{var t=F[e];R[e]=W(t,S,i,a),u.push(R[e])}})),u=u.sort((function(e,t){return t-e})),G[C.id+\"-\"+r]=u,r!==P)for(var h=function(t){var n=T[t],o=E[l[n.id].idx],d=o.nodeLabelCountMap[r],s=b[r].length;if(!d||d.count<s)return T.splice(t,1),\"continue\";for(var c=!1,h=0;h<s;h++)if(d.dists[h]>V[r][h]){c=!0;break}if(c)return T.splice(t,1),\"continue\";var p={};o.neighbors.forEach((function(e){var t=f[n.id+\"-\"+e.id];p[n.id+\"-\"+e.id]={start:l[n.id].idx,end:l[e.id].idx,distance:t}})),N=H(p,E,e,N);var v=[];Object.keys(p).forEach((function(e){if(A[e])v.push(A[e]);else{var t=N[e];A[e]=W(t,S,i,a),v.push(A[e])}})),v=v.sort((function(e,t){return t-e}));var g=!1;for(h=0;h<s;h++)if(v[h]<u[h]){g=!0;break}return g?(T.splice(t,1),\"continue\"):void 0},p=T.length-1;p>=0;p--)h(p)}));var X=[];T.forEach((function(r){for(var n=l[r.id].idx,d=_(e.nodes,s[n],n,i,o).neighbors,u=d.length,c=!1,h=function(n){if(d.length+1<t.nodes.length)return c=!0,{value:void 0};var o=d[n],s=o[i];if(!b[s]||!b[s].length)return d.splice(n,1),\"continue\";var u=r.id+\"-\"+o.id;if(!V[s]||!V[s].length)return d.splice(n,1),\"continue\";var h=f[u];if(h>V[s][V[s].length-1])return d.splice(n,1),\"continue\";var p=A[u]?A[u]:function(e,t,r,n,o,i,a,d,s,u,f){var c,h=t.id+\"-\"+r.id;if(u&&u[h])return u[h];var l=f?f[h]:void 0;if(!l){var p=((c={})[h]={start:n[t.id].idx,end:n[r.id].idx,distance:o},c);l=(f=H(p,i,e,f))[h]}return W(l,a,d,s)}(e,r,o,l,h,E,S,i,a,A,N),v=C.id+\"-\"+s;if(p<G[v][G[v].length-1])return d.splice(n,1),\"continue\";var y=D[s];return void 0===y&&(y=1/0,b[s].forEach((function(e){var t=g[e.id].degree;y>t&&(y=t)})),D[s]=y),l[o.id].degree<y?(d.splice(n,1),\"continue\"):void 0},p=u-1;p>=0;p--){var v=h(p);if(\"object\"==typeof v)return v.value}c||X.push({nodes:[r].concat(d)})}));var Y=j(t,C.id,!1).length,Z={};r?(Object.keys(Y).forEach((function(e){var t=g[e].node[i];Z[t]?Z[t].push(Y[e]):Z[t]=[Y[e]]})),Object.keys(Z).forEach((function(e){Z[e].sort((function(e,t){return e-t}))}))):Z=V;for(var $=function(n){var o=X[n],d=o.nodes[0],s={},u={};o.nodes.forEach((function(e,t){u[e.id]={idx:t,node:e,degree:0};var r=e[i];s[r]?s[r]++:s[r]=1}));var f=[],c={};e.edges.forEach((function(e){u[e.source]&&u[e.target]&&(f.push(e),c[e[a]]?c[e[a]]++:c[e[a]]=1,u[e.source].degree++,u[e.target].degree++)}));for(var h=Object.keys(m).length,p=!1,v=0;v<h;v++){var y=Object.keys(m)[v];if(!c[y]||c[y]<m[y].length){p=!0;break}}if(p)return X.splice(n,1),\"continue\";var E=f.length;if(E<t.edges.length)return X.splice(n,1),\"break\";var L=!1,k=function(e){var t=f[e],n=t[a],o=m[n];if(!o||!o.length)return c[n]--,o&&c[n]<o.length?(L=!0,\"break\"):(f.splice(e,1),u[t.source].degree--,u[t.target].degree--,\"continue\");var d=u[t.source].node[i],s=u[t.target].node[i],h=!1;return o.forEach((function(e){var t=g[e.source].node,n=g[e.target].node;t[i]===d&&n[i]===s&&(h=!0),r||t[i]!==s||n[i]!==d||(h=!0)})),h?void 0:(c[n]--,o&&c[n]<o.length?(L=!0,\"break\"):(f.splice(e,1),u[t.source].degree--,u[t.target].degree--,\"continue\"))};for(v=E-1;v>=0&&\"break\"!==k(v);v--);if(L)return X.splice(n,1),\"continue\";o.edges=f;var N=j(o,o.nodes[0].id,!1).length;if(Object.keys(N).reverse().forEach((function(e){if(e!==o.nodes[0].id&&!L){if(N[e]===1/0){var t=u[e].node[i];if(s[t]--,s[t]<b[t].length)return void(L=!0);var r=o.nodes.indexOf(u[e].node);return o.nodes.splice(r,1),void(u[e]=void 0)}var n=l[e].node[i];if(!Z[n]||!Z[n].length||N[e]>Z[n][Z[n].length-1]){if(t=u[e].node[i],s[t]--,s[t]<b[t].length)return void(L=!0);r=o.nodes.indexOf(u[e].node),o.nodes.splice(r,1),u[e]=void 0}}})),L)return X.splice(n,1),\"continue\";for(var M=!0,x=0;M&&!L;){if(M=!1,u[d.id].degree<g[C.id].degree){L=!0;break}if(s[d[i]]<b[d[i]].length){L=!0;break}for(var w=o.nodes.length-1;w>=0;w--){var O=o.nodes[w],I=u[O.id].degree,S=O[i];if(I<D[S]){if(s[O[i]]--,s[O[i]]<b[O[i]].length){L=!0;break}o.nodes.splice(w,1),u[O.id]=void 0,M=!0}}if(L||!M&&0!==x)break;for(var A=(E=f.length)-1;A>=0;A--){var P=f[A];if(!u[P.source]||!u[P.target]){f.splice(A,1);var T=P[a];if(c[T]--,u[P.source]&&u[P.source].degree--,u[P.target]&&u[P.target].degree--,m[T]&&c[T]<m[T].length){L=!0;break}M=!0}}x++}return L||L||o.nodes.length<t.nodes.length||f.length<t.edges.length?(X.splice(n,1),\"continue\"):void 0},ee=X.length-1;ee>=0&&\"break\"!==$(ee);ee--);var te=X.length,re=function(e){var t=X[e],r={};t.edges.forEach((function(e){var t=e.source+\"-\"+e.target+\"-\"+e.label;r[t]?r[t]++:r[t]=1}));for(var n=function(e){var t=X[e],n={};t.edges.forEach((function(e){var t=e.source+\"-\"+e.target+\"-\"+e.label;n[t]?n[t]++:n[t]=1}));var o=!0;Object.keys(n).length!==Object.keys(r).length?o=!1:Object.keys(r).forEach((function(e){n[e]!==r[e]&&(o=!1)})),o&&X.splice(e,1)},o=te-1;o>e;o--)n(o);te=X.length};for(ee=0;ee<=te-1;ee++)re(ee);return X}}},getAdjMatrixAsync:function(e,t){return Y(\"getAdjMatrix\").apply(void 0,[e,t])},connectedComponentAsync:function(e,t){return Y(\"connectedComponent\").apply(void 0,[e,t])},getDegreeAsync:function(e){return Y(\"getDegree\")(e)},getInDegreeAsync:function(e,t){return Y(\"getInDegree\")(e,t)},getOutDegreeAsync:function(e,t){return Y(\"getOutDegree\")(e,t)},detectCycleAsync:function(e){return Y(\"detectCycle\")(e)},dijkstraAsync:function(e,t,r,n){return Y(\"dijkstra\").apply(void 0,[e,t,r,n])},findAllPathAsync:function(e,t,r,n){return Y(\"findAllPath\").apply(void 0,[e,t,r,n])},findShortestPathAsync:function(e,t,r,n,o){return Y(\"findShortestPath\").apply(void 0,[e,t,r,n,o])},floydWarshallAsync:function(e,t){return Y(\"floydWarshall\").apply(void 0,[e,t])},labelPropagationAsync:function(e,t,r,n){return Y(\"labelPropagation\")(e,t,r,n)},louvainAsync:function(e,t,r,n){return Y(\"louvain\")(e,t,r,n)},minimumSpanningTreeAsync:function(e,t,r){return Y(\"minimumSpanningTree\").apply(void 0,[e,t,r])},pageRankAsync:function(e,t,r){return Y(\"pageRank\").apply(void 0,[e,t,r])},getNeighborsAsync:function(e,t,r){return Y(\"getNeighbors\").apply(void 0,[e,t,r])},GADDIAsync:function(e,t,r,n,o,i,a){return void 0===r&&(r=!1),void 0===i&&(i=\"cluster\"),void 0===a&&(a=\"cluster\"),Y(\"GADDI\").apply(void 0,[e,t,r,n,o,i,a])}};return i.default})()}));\n//# sourceMappingURL=index.min.js.map\n\n//# sourceURL=webpack:///./node_modules/_@antv_algorithm@0.1.4@@antv/algorithm/dist/index.min.js?");
 
 /***/ }),
 
@@ -2721,582 +2721,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/behavior.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/behavior.js ***!
-  \**********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _behaviorOption__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./behaviorOption */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/behaviorOption.js\");\n\n\n\nvar Behavior =\n/** @class */\nfunction () {\n  function Behavior() {}\n  /**\n   * 自定义 Behavior\n   * @param type Behavior 名称\n   * @param behavior Behavior 定义的方法集合\n   */\n\n\n  Behavior.registerBehavior = function (type, behavior) {\n    if (!behavior) {\n      throw new Error(\"please specify handler for this behavior: \" + type);\n    }\n\n    var prototype = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"clone\"])(_behaviorOption__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n    Object.assign(prototype, behavior); // eslint-disable-next-line func-names\n\n    var base = function base(cfg) {\n      var _this = this;\n\n      Object.assign(this, this.getDefaultCfg(), cfg);\n      var events = this.getEvents();\n      this.events = null;\n      var eventsToBind = {};\n\n      if (events) {\n        Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(events, function (handle, event) {\n          eventsToBind[event] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"wrapBehavior\"])(_this, handle);\n        });\n        this.events = eventsToBind;\n      }\n    };\n\n    base.prototype = prototype;\n    Behavior.types[type] = base;\n  };\n\n  Behavior.hasBehavior = function (type) {\n    return !!Behavior.types[type];\n  };\n\n  Behavior.getBehavior = function (type) {\n    return Behavior.types[type];\n  }; // 所有自定义的 Behavior 的实例\n\n\n  Behavior.types = {};\n  return Behavior;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Behavior);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/behavior.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/behaviorOption.js":
-/*!****************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/behaviorOption.js ***!
-  \****************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n // 自定义 Behavior 时候共有的方法\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {};\n  },\n\n  /**\n   * register event handler, behavior will auto bind events\n   * for example:\n   * return {\n   *  click: 'onClick'\n   * }\n   */\n  getEvents: function getEvents() {\n    return {};\n  },\n  updateCfg: function updateCfg(cfg) {\n    Object.assign(this, cfg);\n    return true;\n  },\n  shouldBegin: function shouldBegin() {\n    return true;\n  },\n  shouldUpdate: function shouldUpdate() {\n    return true;\n  },\n  shouldEnd: function shouldEnd() {\n    return true;\n  },\n\n  /**\n   * auto bind events when register behavior\n   * @param graph Graph instance\n   */\n  bind: function bind(graph) {\n    var _this = this;\n\n    var events = this.events;\n    this.graph = graph;\n\n    if (this.type === 'drag-canvas' || this.type === 'brush-select' || this.type === 'lasso-select') {\n      graph.get('canvas').set('draggable', true);\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(events, function (handler, event) {\n      graph.on(event, handler);\n    }); // To avoid the tabs switching makes the keydown related behaviors disable\n\n    document.addEventListener('visibilitychange', function () {\n      _this.keydown = false;\n    });\n  },\n  unbind: function unbind(graph) {\n    var events = this.events;\n\n    if (this.type === 'drag-canvas' || this.type === 'brush-select' || this.type === 'lasso-select') {\n      graph.get('canvas').set('draggable', false);\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(events, function (handler, event) {\n      graph.off(event, handler);\n    });\n  },\n  get: function get(val) {\n    return this[val];\n  },\n  set: function set(key, val) {\n    this[key] = val;\n    return this;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/behaviorOption.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/index.js":
-/*!*******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/index.js ***!
-  \*******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _behavior__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./behavior */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/behavior.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_behavior__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/arrow.js":
-/*!******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/arrow.js ***!
-  \******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  triangle: function triangle(width, length, d) {\n    if (width === void 0) {\n      width = 10;\n    }\n\n    if (length === void 0) {\n      length = 15;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var path = \"M \" + begin + \",0 L \" + (begin + length) + \",-\" + width / 2 + \" L \" + (begin + length) + \",\" + width / 2 + \" Z\";\n    return path;\n  },\n  vee: function vee(width, length, d) {\n    if (width === void 0) {\n      width = 15;\n    }\n\n    if (length === void 0) {\n      length = 20;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var path = \"M \" + begin + \",0 L \" + (begin + length) + \",-\" + width / 2 + \"\\n        L \" + (begin + 2 * length / 3) + \",0 L \" + (begin + length) + \",\" + width / 2 + \" Z\";\n    return path;\n  },\n  circle: function circle(r, d) {\n    if (r === void 0) {\n      r = 5;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var path = \"M \" + begin + \", 0\\n            a \" + r + \",\" + r + \" 0 1,0 \" + r * 2 + \",0\\n            a \" + r + \",\" + r + \" 0 1,0 \" + -r * 2 + \",0\";\n    return path;\n  },\n  rect: function rect(width, length, d) {\n    if (width === void 0) {\n      width = 10;\n    }\n\n    if (length === void 0) {\n      length = 10;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var path = \"M \" + begin + \",\" + -width / 2 + \" \\n        L \" + (begin + length) + \",\" + -width / 2 + \" \\n        L \" + (begin + length) + \",\" + width / 2 + \" \\n        L \" + begin + \",\" + width / 2 + \" Z\";\n    return path;\n  },\n  diamond: function diamond(width, length, d) {\n    if (width === void 0) {\n      width = 15;\n    }\n\n    if (length === void 0) {\n      length = 15;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var path = \"M \" + begin + \",0 \\n        L \" + (begin + length / 2) + \",\" + -width / 2 + \" \\n        L \" + (begin + length) + \",0 \\n        L \" + (begin + length / 2) + \",\" + width / 2 + \" Z\";\n    return path;\n  },\n  triangleRect: function triangleRect(tWidth, tLength, rWidth, rLength, gap, d) {\n    if (tWidth === void 0) {\n      tWidth = 15;\n    }\n\n    if (tLength === void 0) {\n      tLength = 15;\n    }\n\n    if (rWidth === void 0) {\n      rWidth = 15;\n    }\n\n    if (rLength === void 0) {\n      rLength = 3;\n    }\n\n    if (gap === void 0) {\n      gap = 5;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var rectBegin = begin + tLength + gap;\n    var path = \"M \" + begin + \",0 L \" + (begin + tLength) + \",-\" + tWidth / 2 + \" L \" + (begin + tLength) + \",\" + tWidth / 2 + \" Z\\n            M \" + rectBegin + \", -\" + rWidth / 2 + \"\\n            L \" + (rectBegin + rLength) + \" -\" + rWidth / 2 + \"\\n            L \" + (rectBegin + rLength) + \" \" + rWidth / 2 + \"\\n            L \" + rectBegin + \" \" + rWidth / 2 + \"\\n            Z\";\n    return path;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/arrow.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combo.js":
-/*!******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combo.js ***!
-  \******************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _shapeBase__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shapeBase */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shapeBase.js\");\n\n\n\n\n\nvar singleCombo = {\n  itemType: 'combo',\n  // 单个图形的类型\n  shapeType: 'single-combo',\n\n  /**\n   * Combo 标题文本相对图形的位置，默认为 top\n   * 位置包括： top, bottom, left, right, center\n   * @type {String}\n   */\n  labelPosition: 'top',\n\n  /**\n   * 标题文本相对偏移，当 labelPosition 不为 center 时有效\n   * @type {Number}\n   */\n  refX: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.refX,\n  refY: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.refY,\n  options: {\n    style: {\n      stroke: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.stroke,\n      fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.fill,\n      lineWidth: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.style.fontSize\n      }\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboStateStyles)\n  },\n\n  /**\n   * 获取 Combo 宽高\n   * @internal 返回 Combo 的大小，以 [width, height] 的方式维护\n   * @param  {Object} cfg Combo 的配置项\n   * @return {Array} 宽高\n   */\n  getSize: function getSize(cfg) {\n    var size = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(cfg.size || this.options.size || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.size); // size 是数组，若长度为 1，则补长度为 2\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(size) && size.length === 1) {\n      size = [size[0], size[0]];\n    } // size 为数字，则转换为数组\n\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(size)) {\n      size = [size, size];\n    }\n\n    return size;\n  },\n  // 私有方法，不希望扩展的 Combo 复写这个方法\n  getLabelStyleByPosition: function getLabelStyleByPosition(cfg, labelCfg) {\n    var labelPosition = labelCfg.position || this.labelPosition;\n    var cfgStyle = cfg.style;\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(padding)) padding = padding[0];\n    var refX = labelCfg.refX,\n        refY = labelCfg.refY; // 考虑 refX 和 refY = 0 的场景，不用用 labelCfg.refX || Global.nodeLabel.refX\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(refX)) {\n      refX = this.refX; // 不居中时的偏移量\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(refY)) {\n      refY = this.refY; // 不居中时的偏移量\n    }\n\n    var size = this.getSize(cfg);\n    var r = Math.max(cfgStyle.r, size[0] / 2) || size[0] / 2;\n    var dis = r + padding;\n    var style;\n\n    switch (labelPosition) {\n      case 'top':\n        style = {\n          x: 0,\n          y: -dis - refY,\n          textBaseline: 'bottom',\n          textAlign: 'center'\n        };\n        break;\n\n      case 'bottom':\n        style = {\n          x: 0,\n          y: dis + refY,\n          textBaseline: 'bottom',\n          textAlign: 'center'\n        };\n        break;\n\n      case 'left':\n        style = {\n          x: -dis + refX,\n          y: 0,\n          textAlign: 'left'\n        };\n        break;\n\n      case 'center':\n        style = {\n          x: 0,\n          y: 0,\n          text: cfg.label,\n          textAlign: 'center'\n        };\n        break;\n\n      default:\n        style = {\n          x: dis + refX,\n          y: 0,\n          textAlign: 'right'\n        };\n        break;\n    }\n\n    style.text = cfg.label;\n    return style;\n  },\n  drawShape: function drawShape(cfg, group) {\n    var shapeType = this.shapeType; // || this.type，都已经加了 shapeType\n\n    var style = this.getShapeStyle(cfg);\n    var shape = group.addShape(shapeType, {\n      attrs: style,\n      draggable: true,\n      name: 'combo-shape'\n    });\n    return shape;\n  },\n  updateShape: function updateShape(cfg, item, keyShapeStyle) {\n    var keyShape = item.get('keyShape');\n    var animate = cfg.animate === undefined ? this.options.animate : cfg.animate;\n\n    if (animate && keyShape.animate) {\n      keyShape.animate(keyShapeStyle, {\n        duration: 200,\n        easing: 'easeLinear'\n      });\n    } else {\n      keyShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, keyShapeStyle));\n    }\n\n    this.updateLabel(cfg, item); // special for some types of nodes\n  }\n};\n\nvar singleComboDef = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _shapeBase__WEBPACK_IMPORTED_MODULE_4__[\"shapeBase\"]), singleCombo);\n\n_shape__WEBPACK_IMPORTED_MODULE_3__[\"default\"].registerCombo('single-combo', singleComboDef);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combo.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/circle.js":
-/*!**************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/circle.js ***!
-  \**************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n\n // 圆形 Combo\n\n_shape__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerCombo('circle', {\n  // 自定义节点时的配置\n  options: {\n    size: [_global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.size[0], _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.size[0]],\n    padding: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.padding[0],\n    animate: true,\n    style: {\n      stroke: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.style.stroke,\n      fill: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.style.fill,\n      lineWidth: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].comboLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].comboLabel.style.fontSize\n      },\n      refX: 0,\n      refY: 0\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].comboStateStyles)\n  },\n  shapeType: 'circle',\n  // 文本位置\n  labelPosition: 'top',\n  drawShape: function drawShape(cfg, group) {\n    var style = this.getShapeStyle(cfg);\n    delete style.height;\n    delete style.width;\n    var keyShape = group.addShape('circle', {\n      attrs: style,\n      className: 'circle-combo',\n      name: 'circle-combo',\n      draggable: true\n    });\n    return keyShape;\n  },\n\n  /**\n   * 获取 Combo 的样式，供基于该 Combo 自定义时使用\n   * @param {Object} cfg Combo 数据模型\n   * @return {Object} Combo 的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.options.style;\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isArray\"])(padding)) padding = padding[0];\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, defaultStyle, strokeStyle, cfg.style);\n    var r;\n\n    if (cfg.fixSize) {\n      r = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isNumber\"])(cfg.fixSize) ? cfg.fixSize : cfg.fixSize[0];\n    } else {\n      var size = this.getSize(cfg);\n      if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isNumber\"])(style.r) || isNaN(style.r)) r = size[0] / 2 || _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.style.r;else r = Math.max(style.r, size[0] / 2) || size[0] / 2;\n    }\n\n    style.r = r + padding;\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: 0,\n      y: 0\n    }, style);\n\n    if (cfg.style) cfg.style.r = r;else {\n      cfg.style = {\n        r: r\n      };\n    }\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var size = this.getSize(cfg);\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isArray\"])(padding)) padding = padding[0];\n    var cfgStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(cfg.style);\n    var r;\n\n    if (cfg.fixSize) {\n      r = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isNumber\"])(cfg.fixSize) ? cfg.fixSize : cfg.fixSize[0];\n    } else {\n      r = Math.max(cfgStyle.r, size[0] / 2) || size[0] / 2;\n    }\n\n    cfgStyle.r = r + padding;\n    var itemCacheSize = item.get('sizeCache');\n\n    if (itemCacheSize) {\n      itemCacheSize.r = cfgStyle.r;\n    } // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, keyShape.attr(), strokeStyle, cfgStyle);\n    if (cfg.style) cfg.style.r = r;else {\n      cfg.style = {\n        r: r\n      };\n    }\n    this.updateShape(cfg, item, style, true);\n  }\n}, 'single-combo');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/circle.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/index.js":
-/*!*************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/index.js ***!
-  \*************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _circle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./circle */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/circle.js\");\n/* harmony import */ var _rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./rect */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/rect.js\");\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/rect.js":
-/*!************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/rect.js ***!
-  \************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js\");\n\n\n\n\n_shape__WEBPACK_IMPORTED_MODULE_3__[\"default\"].registerCombo('rect', {\n  // 自定义 Combo 时的配置\n  options: {\n    size: [40, 5],\n    padding: [25, 20, 15, 20],\n    animate: true,\n    style: {\n      radius: 0,\n      stroke: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.stroke,\n      fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.fill,\n      lineWidth: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.lineWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.style.fontSize\n      }\n    },\n    // 连接点，默认为左右\n    anchorPoints: [[0, 0.5], [1, 0.5]],\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboStateStyles)\n  },\n  shapeType: 'rect',\n  labelPosition: 'top',\n  drawShape: function drawShape(cfg, group) {\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('rect', {\n      attrs: style,\n      className: 'rect-combo',\n      name: 'rect-combo',\n      draggable: true\n    });\n    return keyShape;\n  },\n  // 私有方法，不希望扩展的 Combo 复写这个方法\n  getLabelStyleByPosition: function getLabelStyleByPosition(cfg, labelCfg) {\n    var labelPosition = labelCfg.position || this.labelPosition;\n    var cfgStyle = cfg.style;\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(padding)) padding = [padding, padding, padding, padding];\n    var refX = labelCfg.refX,\n        refY = labelCfg.refY; // 考虑 refX 和 refY = 0 的场景，不用用 labelCfg.refX || Global.nodeLabel.refY\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(refX)) {\n      refX = this.refX; // 不居中时的偏移量\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(refY)) {\n      refY = this.refY; // 不居中时的偏移量\n    }\n\n    var leftDis = cfgStyle.width / 2 + padding[3];\n    var topDis = cfgStyle.height / 2 + padding[0];\n    var style;\n\n    switch (labelPosition) {\n      case 'top':\n        style = {\n          x: 0 - leftDis + refX,\n          y: 0 - topDis + refY,\n          textBaseline: 'top',\n          textAlign: 'left'\n        };\n        break;\n\n      case 'bottom':\n        style = {\n          x: 0,\n          y: topDis + refY,\n          textBaseline: 'bottom',\n          textAlign: 'center'\n        };\n        break;\n\n      case 'left':\n        style = {\n          x: 0 - leftDis + refY,\n          y: 0,\n          textAlign: 'left'\n        };\n        break;\n\n      case 'center':\n        style = {\n          x: 0,\n          y: 0,\n          text: cfg.label,\n          textAlign: 'center'\n        };\n        break;\n\n      default:\n        style = {\n          x: leftDis + refX,\n          y: 0,\n          textAlign: 'right'\n        };\n        break;\n    }\n\n    style.text = cfg.label;\n    return style;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.options.style;\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(padding)) padding = [padding, padding, padding, padding];\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle, cfg.style);\n    var size = this.getSize(cfg);\n    var width;\n    var height;\n    var fixSize = cfg.collapsed && cfg.fixCollapseSize ? cfg.fixCollapseSize : cfg.fixSize;\n\n    if (fixSize) {\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(fixSize)) {\n        width = fixSize;\n        height = fixSize;\n      } else {\n        width = fixSize[0];\n        height = fixSize[1];\n      }\n    } else {\n      if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(style.width) || isNaN(style.width)) width = size[0] || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.width;else width = Math.max(style.width, size[0]) || size[0];\n      if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(style.height) || isNaN(style.height)) height = size[1] || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.height;else height = Math.max(style.height, size[1]) || size[1];\n    }\n\n    var x = -width / 2 - padding[3];\n    var y = -height / 2 - padding[0];\n    style.width = width + padding[1] + padding[3];\n    style.height = height + padding[0] + padding[2];\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: x,\n      y: y\n    }, style);\n\n    if (!cfg.style) {\n      cfg.style = {\n        width: width,\n        height: height\n      };\n    } else {\n      cfg.style.width = width;\n      cfg.style.height = height;\n    }\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var size = this.getSize(cfg);\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(padding)) padding = [padding, padding, padding, padding];\n    var cfgStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(cfg.style);\n    var width, height;\n    var fixSize = cfg.collapsed && cfg.fixCollapseSize ? cfg.fixCollapseSize : cfg.fixSize;\n\n    if (fixSize) {\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(fixSize)) {\n        width = fixSize;\n        height = fixSize;\n      } else {\n        width = fixSize[0];\n        height = fixSize[1];\n      }\n    } else {\n      width = Math.max(cfgStyle.width, size[0]) || size[0];\n      height = Math.max(cfgStyle.height, size[1]) || size[1];\n    }\n\n    cfgStyle.width = width + padding[1] + padding[3];\n    cfgStyle.height = height + padding[0] + padding[2];\n    var itemCacheSize = item.get('sizeCache');\n\n    if (itemCacheSize) {\n      itemCacheSize.width = cfgStyle.width;\n      itemCacheSize.height = cfgStyle.height;\n    }\n\n    cfgStyle.x = -width / 2 - padding[3];\n    cfgStyle.y = -height / 2 - padding[0]; // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, keyShape.attr(), strokeStyle, cfgStyle);\n\n    if (cfg.style) {\n      cfg.style.width = width;\n      cfg.style.height = height;\n    } else {\n      cfg.style = {\n        width: width,\n        height: height\n      };\n    }\n\n    this.updateShape(cfg, item, style, false);\n  },\n  updateShape: function updateShape(cfg, item, keyShapeStyle) {\n    var keyShape = item.get('keyShape');\n    var animate = cfg.animate === undefined ? this.options.animate : cfg.animate;\n\n    if (animate && keyShape.animate) {\n      keyShape.animate(keyShapeStyle, {\n        duration: 200,\n        easing: 'easeLinear'\n      });\n    } else {\n      keyShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, keyShapeStyle));\n    }\n\n    this.updateLabel(cfg, item);\n  }\n}, 'single-combo');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/rect.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/edge.js":
-/*!*****************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/edge.js ***!
-  \*****************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js\");\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util/math */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _util_path__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util/path */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/path.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _shapeBase__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shapeBase */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shapeBase.js\");\n/**\n * @fileOverview 自定义边\n * @description 自定义边中有大量逻辑同自定义节点重复，虽然可以提取成为 mixin ，但是考虑到代码的可读性，还是单独实现。\n */\n\n\n\n\n\n\n\n\nvar CLS_SHAPE = 'edge-shape'; // start,end 倒置，center 不变\n\nfunction revertAlign(labelPosition) {\n  var textAlign = labelPosition;\n\n  if (labelPosition === 'start') {\n    textAlign = 'end';\n  } else if (labelPosition === 'end') {\n    textAlign = 'start';\n  }\n\n  return textAlign;\n}\n\nvar singleEdge = {\n  itemType: 'edge',\n\n  /**\n   * 文本的位置\n   * @type {String}\n   */\n  labelPosition: 'center',\n\n  /**\n   * 文本的 x 偏移\n   * @type {Number}\n   */\n  refX: 0,\n\n  /**\n   * 文本的 y 偏移\n   * @type {Number}\n   */\n  refY: 0,\n\n  /**\n   * 文本是否跟着线自动旋转，默认 false\n   * @type {Boolean}\n   */\n  labelAutoRotate: false,\n  // 自定义边时的配置\n  options: {\n    size: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.size,\n    style: {\n      x: 0,\n      y: 0,\n      stroke: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.style.stroke,\n      lineAppendWidth: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.style.lineAppendWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].edgeLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].edgeLabel.style.fontSize\n      }\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].edgeStateStyles)\n  },\n\n  /**\n   * 获取边的 path\n   * @internal 供扩展的边覆盖\n   * @param  {Array} points 构成边的点的集合\n   * @return {Array} 构成 path 的数组\n   */\n  getPath: function getPath(points) {\n    var path = [];\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(points, function (point, index) {\n      if (index === 0) {\n        path.push(['M', point.x, point.y]);\n      } else {\n        path.push(['L', point.x, point.y]);\n      }\n    });\n    return path;\n  },\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.options.style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle, cfg.style);\n    var size = cfg.size || _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.size;\n    cfg = this.getPathPoints(cfg);\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    var controlPoints = this.getControlPoints(cfg);\n    var points = [startPoint]; // 添加起始点\n    // 添加控制点\n\n    if (controlPoints) {\n      points = points.concat(controlPoints);\n    } // 添加结束点\n\n\n    points.push(endPoint);\n    var path = this.getPath(points);\n    var styles = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.style, {\n      stroke: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.color,\n      lineWidth: size,\n      path: path\n    }, style);\n    return styles;\n  },\n  updateShapeStyle: function updateShapeStyle(cfg, item) {\n    var group = item.getContainer();\n    var strokeStyle = {\n      stroke: cfg.color\n    };\n    var shape = group.find(function (element) {\n      return element.get('className') === 'edge-shape';\n    }) || item.getKeyShape();\n    var size = cfg.size;\n    cfg = this.getPathPoints(cfg);\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    var controlPoints = this.getControlPoints(cfg); // || cfg.controlPoints;\n\n    var points = [startPoint]; // 添加起始点\n    // 添加控制点\n\n    if (controlPoints) {\n      points = points.concat(controlPoints);\n    } // 添加结束点\n\n\n    points.push(endPoint);\n    var currentAttr = shape.attr();\n    var previousStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, strokeStyle, currentAttr, cfg.style);\n    var source = cfg.sourceNode;\n    var target = cfg.targetNode;\n    var routeCfg = {\n      radius: previousStyle.radius\n    };\n\n    if (!controlPoints) {\n      routeCfg = {\n        source: source,\n        target: target,\n        offset: previousStyle.offset,\n        radius: previousStyle.radius\n      };\n    }\n\n    if (currentAttr.endArrow && previousStyle.endArrow === false) {\n      cfg.style.endArrow = {\n        path: ''\n      };\n    }\n\n    if (currentAttr.startArrow && previousStyle.startArrow === false) {\n      cfg.style.startArrow = {\n        path: ''\n      };\n    }\n\n    var path = this.getPath(points, routeCfg);\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(strokeStyle, shape.attr(), {\n      lineWidth: size,\n      path: path\n    }, cfg.style);\n\n    if (shape) {\n      shape.attr(style);\n    }\n  },\n  getLabelStyleByPosition: function getLabelStyleByPosition(cfg, labelCfg, group) {\n    var labelPosition = labelCfg.position || this.labelPosition; // 文本的位置用户可以传入\n\n    var style = {};\n    var pathShape = group && group.find(function (element) {\n      return element.get('className') === CLS_SHAPE;\n    }); // 不对 pathShape 进行判空，如果线不存在，说明有问题了\n\n    var pointPercent;\n\n    if (labelPosition === 'start') {\n      pointPercent = 0;\n    } else if (labelPosition === 'end') {\n      pointPercent = 1;\n    } else {\n      pointPercent = 0.5;\n    } // 偏移量\n\n\n    var offsetX = labelCfg.refX || this.refX;\n    var offsetY = labelCfg.refY || this.refY; // 如果两个节点重叠，线就变成了一个点，这时候label的位置，就是这个点 + 绝对偏移\n\n    if (cfg.startPoint.x === cfg.endPoint.x && cfg.startPoint.y === cfg.endPoint.y) {\n      style.x = cfg.startPoint.x + offsetX;\n      style.y = cfg.startPoint.y + offsetY;\n      style.text = cfg.label;\n      return style;\n    }\n\n    var autoRotate;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(labelCfg.autoRotate)) autoRotate = this.labelAutoRotate;else autoRotate = labelCfg.autoRotate;\n    var offsetStyle = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_2__[\"getLabelPosition\"])(pathShape, pointPercent, offsetX, offsetY, autoRotate);\n    style.x = offsetStyle.x;\n    style.y = offsetStyle.y;\n    style.rotate = offsetStyle.rotate;\n    style.textAlign = this._getTextAlign(labelPosition, offsetStyle.angle);\n    style.text = cfg.label;\n    return style;\n  },\n  getLabelBgStyleByPosition: function getLabelBgStyleByPosition(label, cfg, labelCfg, group) {\n    if (!label) {\n      return {};\n    }\n\n    var bbox = label.getBBox();\n    var backgroundStyle = labelCfg.style && labelCfg.style.background;\n\n    if (!backgroundStyle) {\n      return {};\n    }\n\n    var padding = backgroundStyle.padding;\n    var backgroundWidth = bbox.width + padding[1] + padding[3];\n    var backgroundHeight = bbox.height + padding[0] + padding[2];\n    var labelPosition = labelCfg.position || this.labelPosition;\n\n    var style = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, backgroundStyle), {\n      width: backgroundWidth,\n      height: backgroundHeight,\n      x: bbox.minX - padding[2],\n      y: bbox.minY - padding[0],\n      rotate: 0\n    });\n\n    var autoRotate;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(labelCfg.autoRotate)) autoRotate = this.labelAutoRotate;else autoRotate = labelCfg.autoRotate;\n    var pathShape = group && group.find(function (element) {\n      return element.get('className') === CLS_SHAPE;\n    }); // 不对 pathShape 进行判空，如果线不存在，说明有问题了\n\n    var pointPercent;\n\n    if (labelPosition === 'start') {\n      pointPercent = 0;\n    } else if (labelPosition === 'end') {\n      pointPercent = 1;\n    } else {\n      pointPercent = 0.5;\n    } // 偏移量\n\n\n    var offsetX = labelCfg.refX || this.refX;\n    var offsetY = labelCfg.refY || this.refY; // // 如果两个节点重叠，线就变成了一个点，这时候label的位置，就是这个点 + 绝对偏移\n\n    if (cfg.startPoint.x === cfg.endPoint.x && cfg.startPoint.y === cfg.endPoint.y) {\n      style.x = cfg.startPoint.x + offsetX - backgroundWidth / 2;\n      style.y = cfg.startPoint.y + offsetY - backgroundHeight / 2;\n      return style;\n    }\n\n    var offsetStyle = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_2__[\"getLabelPosition\"])(pathShape, pointPercent, offsetX - backgroundWidth / 2, offsetY + backgroundHeight / 2, autoRotate);\n    var rad = offsetStyle.angle;\n\n    if (rad > 1 / 2 * Math.PI && rad < 3 * 1 / 2 * Math.PI) {\n      offsetStyle = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_2__[\"getLabelPosition\"])(pathShape, pointPercent, offsetX + backgroundWidth / 2, offsetY + backgroundHeight / 2, autoRotate);\n    }\n\n    if (autoRotate) {\n      style.x = offsetStyle.x;\n      style.y = offsetStyle.y;\n    }\n\n    style.rotate = offsetStyle.rotate;\n    return style;\n  },\n  // 获取文本对齐方式\n  _getTextAlign: function _getTextAlign(labelPosition, angle) {\n    var textAlign = 'center';\n\n    if (!angle) {\n      return labelPosition;\n    }\n\n    angle = angle % (Math.PI * 2); // 取模\n\n    if (labelPosition !== 'center') {\n      if (angle >= 0 && angle <= Math.PI / 2 || angle >= 3 / 2 * Math.PI && angle < 2 * Math.PI) {\n        textAlign = labelPosition;\n      } else {\n        textAlign = revertAlign(labelPosition);\n      }\n    }\n\n    return textAlign;\n  },\n\n  /**\n   * @internal 获取边的控制点\n   * @param  {Object} cfg 边的配置项\n   * @return {Array} 控制点的数组\n   */\n  getControlPoints: function getControlPoints(cfg) {\n    return cfg.controlPoints;\n  },\n\n  /**\n   * @internal 处理需要重计算点和边的情况\n   * @param {Object} cfg 边的配置项\n   * @return {Object} 边的配置项\n   */\n  getPathPoints: function getPathPoints(cfg) {\n    return cfg;\n  },\n\n  /**\n   * 绘制边\n   * @override\n   * @param  {Object} cfg   边的配置项\n   * @param  {G.Group} group 边的容器\n   * @return {IShape} 图形\n   */\n  drawShape: function drawShape(cfg, group) {\n    var shapeStyle = this.getShapeStyle(cfg);\n    var shape = group.addShape('path', {\n      className: CLS_SHAPE,\n      name: CLS_SHAPE,\n      attrs: shapeStyle\n    });\n    return shape;\n  },\n  drawLabel: function drawLabel(cfg, group) {\n    var defaultLabelCfg = this.options.labelCfg;\n    var defaultFontFamily;\n    if (typeof window !== 'undefined') defaultFontFamily = window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif';else defaultFontFamily = 'Arial, sans-serif';\n    var labelCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({\n      fontFamily: defaultFontFamily\n    }, defaultLabelCfg, cfg.labelCfg);\n    var labelStyle = this.getLabelStyle(cfg, labelCfg, group);\n    var rotate = labelStyle.rotate;\n    delete labelStyle.rotate;\n    var label = group.addShape('text', {\n      attrs: labelStyle,\n      name: 'text-shape'\n    });\n\n    if (rotate) {\n      label.rotateAtStart(rotate);\n    }\n\n    if (labelStyle.background) {\n      var rect = this.drawLabelBg(cfg, group, label);\n      var labelBgClassname = this.itemType + _shapeBase__WEBPACK_IMPORTED_MODULE_7__[\"CLS_LABEL_BG_SUFFIX\"];\n      rect.set('classname', labelBgClassname);\n      label.toFront();\n    }\n\n    return label;\n  },\n  drawLabelBg: function drawLabelBg(cfg, group, label) {\n    var defaultLabelCfg = this.options.labelCfg;\n    var labelCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, defaultLabelCfg, cfg.labelCfg);\n    var labelStyle = this.getLabelStyle(cfg, labelCfg, group);\n    var rotate = labelStyle.rotate;\n    var style = this.getLabelBgStyleByPosition(label, cfg, labelCfg, group);\n    delete style.rotate;\n    var rect = group.addShape('rect', {\n      name: 'text-bg-shape',\n      attrs: style\n    });\n    if (rotate) rect.rotateAtStart(rotate);\n    return rect;\n  }\n};\n\nvar singleEdgeDef = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _shapeBase__WEBPACK_IMPORTED_MODULE_7__[\"shapeBase\"]), singleEdge);\n\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('single-edge', singleEdgeDef); // 直线, 不支持控制点\n\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('line', {\n  // 控制点不生效\n  getControlPoints: function getControlPoints() {\n    return undefined;\n  }\n}, 'single-edge'); // 直线\n\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('spline', {\n  getPath: function getPath(points) {\n    var path = Object(_util_path__WEBPACK_IMPORTED_MODULE_4__[\"getSpline\"])(points);\n    return path;\n  }\n}, 'single-edge');\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('arc', {\n  curveOffset: 20,\n  clockwise: 1,\n  getControlPoints: function getControlPoints(cfg) {\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    var midPoint = {\n      x: (startPoint.x + endPoint.x) / 2,\n      y: (startPoint.y + endPoint.y) / 2\n    };\n    var center;\n    var arcPoint; // 根据给定点计算圆弧\n\n    if (cfg.controlPoints !== undefined) {\n      arcPoint = cfg.controlPoints[0];\n      center = Object(_util_math__WEBPACK_IMPORTED_MODULE_3__[\"getCircleCenterByPoints\"])(startPoint, arcPoint, endPoint); // 根据控制点和直线关系决定 clockwise值\n\n      if (startPoint.x <= endPoint.x && startPoint.y > endPoint.y) {\n        this.clockwise = center.x > arcPoint.x ? 0 : 1;\n      } else if (startPoint.x <= endPoint.x && startPoint.y < endPoint.y) {\n        this.clockwise = center.x > arcPoint.x ? 1 : 0;\n      } else if (startPoint.x > endPoint.x && startPoint.y <= endPoint.y) {\n        this.clockwise = center.y < arcPoint.y ? 0 : 1;\n      } else {\n        this.clockwise = center.y < arcPoint.y ? 1 : 0;\n      } // 若给定点和两端点共线，无法生成圆弧，绘制直线\n\n\n      if ((arcPoint.x - startPoint.x) / (arcPoint.y - startPoint.y) === (endPoint.x - startPoint.x) / (endPoint.y - startPoint.y)) {\n        return [];\n      }\n    } else {\n      // 根据直线连线中点的的偏移计算圆弧\n      // 若用户给定偏移量则根据其计算，否则按照默认偏移值计算\n      if (cfg.curveOffset === undefined) {\n        cfg.curveOffset = this.curveOffset;\n      }\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(cfg.curveOffset)) {\n        cfg.curveOffset = cfg.curveOffset[0];\n      }\n\n      if (cfg.curveOffset < 0) {\n        this.clockwise = 0;\n      } else {\n        this.clockwise = 1;\n      }\n\n      var vec = {\n        x: endPoint.x - startPoint.x,\n        y: endPoint.y - startPoint.y\n      };\n      var edgeAngle = Math.atan2(vec.y, vec.x);\n      arcPoint = {\n        x: cfg.curveOffset * Math.cos(-Math.PI / 2 + edgeAngle) + midPoint.x,\n        y: cfg.curveOffset * Math.sin(-Math.PI / 2 + edgeAngle) + midPoint.y\n      };\n      center = Object(_util_math__WEBPACK_IMPORTED_MODULE_3__[\"getCircleCenterByPoints\"])(startPoint, arcPoint, endPoint);\n    }\n\n    var radius = Object(_util_math__WEBPACK_IMPORTED_MODULE_3__[\"distance\"])(startPoint, center);\n    var controlPoints = [{\n      x: radius,\n      y: radius\n    }];\n    return controlPoints;\n  },\n  getPath: function getPath(points) {\n    var path = [];\n    path.push(['M', points[0].x, points[0].y]); // 控制点与端点共线\n\n    if (points.length === 2) {\n      path.push(['L', points[1].x, points[1].y]);\n    } else {\n      path.push(['A', points[1].x, points[1].y, 0, 0, this.clockwise, points[2].x, points[2].y]);\n    }\n\n    return path;\n  }\n}, 'single-edge');\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('quadratic', {\n  curvePosition: 0.5,\n  curveOffset: -20,\n  getControlPoints: function getControlPoints(cfg) {\n    var controlPoints = cfg.controlPoints; // 指定controlPoints\n\n    if (!controlPoints || !controlPoints.length) {\n      var startPoint = cfg.startPoint,\n          endPoint = cfg.endPoint;\n      if (cfg.curveOffset === undefined) cfg.curveOffset = this.curveOffset;\n      if (cfg.curvePosition === undefined) cfg.curvePosition = this.curvePosition;\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(this.curveOffset)) cfg.curveOffset = cfg.curveOffset[0];\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(this.curvePosition)) cfg.curvePosition = cfg.curveOffset[0];\n      var innerPoint = Object(_util_path__WEBPACK_IMPORTED_MODULE_4__[\"getControlPoint\"])(startPoint, endPoint, cfg.curvePosition, cfg.curveOffset);\n      controlPoints = [innerPoint];\n    }\n\n    return controlPoints;\n  },\n  getPath: function getPath(points) {\n    var path = [];\n    path.push(['M', points[0].x, points[0].y]);\n    path.push(['Q', points[1].x, points[1].y, points[2].x, points[2].y]);\n    return path;\n  }\n}, 'single-edge');\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('cubic', {\n  curvePosition: [1 / 2, 1 / 2],\n  curveOffset: [-20, 20],\n  getControlPoints: function getControlPoints(cfg) {\n    var controlPoints = cfg.controlPoints; // 指定controlPoints\n\n    if (cfg.curveOffset === undefined) cfg.curveOffset = this.curveOffset;\n    if (cfg.curvePosition === undefined) cfg.curvePosition = this.curvePosition;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curveOffset)) cfg.curveOffset = [cfg.curveOffset, -cfg.curveOffset];\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curvePosition)) cfg.curvePosition = [cfg.curvePosition, 1 - cfg.curvePosition];\n\n    if (!controlPoints || !controlPoints.length || controlPoints.length < 2) {\n      var startPoint = cfg.startPoint,\n          endPoint = cfg.endPoint;\n      var innerPoint1 = Object(_util_path__WEBPACK_IMPORTED_MODULE_4__[\"getControlPoint\"])(startPoint, endPoint, cfg.curvePosition[0], cfg.curveOffset[0]);\n      var innerPoint2 = Object(_util_path__WEBPACK_IMPORTED_MODULE_4__[\"getControlPoint\"])(startPoint, endPoint, cfg.curvePosition[1], cfg.curveOffset[1]);\n      controlPoints = [innerPoint1, innerPoint2];\n    }\n\n    return controlPoints;\n  },\n  getPath: function getPath(points) {\n    var path = [];\n    path.push(['M', points[0].x, points[0].y]);\n    path.push(['C', points[1].x, points[1].y, points[2].x, points[2].y, points[3].x, points[3].y]);\n    return path;\n  }\n}, 'single-edge'); // 垂直方向的三阶贝塞尔曲线，不再考虑用户外部传入的控制点\n\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('cubic-vertical', {\n  curvePosition: [1 / 2, 1 / 2],\n  minCurveOffset: [0, 0],\n  curveOffset: undefined,\n  getControlPoints: function getControlPoints(cfg) {\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    if (cfg.curvePosition === undefined) cfg.curvePosition = this.curvePosition;\n    if (cfg.curveOffset === undefined) cfg.curveOffset = this.curveOffset;\n    if (cfg.minCurveOffset === undefined) cfg.minCurveOffset = this.minCurveOffset;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curveOffset)) cfg.curveOffset = [cfg.curveOffset, -cfg.curveOffset];\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.minCurveOffset)) cfg.minCurveOffset = [cfg.minCurveOffset, -cfg.minCurveOffset];\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curvePosition)) cfg.curvePosition = [cfg.curvePosition, 1 - cfg.curvePosition];\n    var yDist = endPoint.y - startPoint.y;\n    var curveOffset = [0, 0];\n\n    if (cfg.curveOffset) {\n      curveOffset = cfg.curveOffset;\n    } else if (Math.abs(yDist) < Math.abs(cfg.minCurveOffset[0])) {\n      curveOffset = cfg.minCurveOffset;\n    }\n\n    var innerPoint1 = {\n      x: startPoint.x,\n      y: startPoint.y + yDist * this.curvePosition[0] + curveOffset[0]\n    };\n    var innerPoint2 = {\n      x: endPoint.x,\n      y: endPoint.y - yDist * this.curvePosition[1] + curveOffset[1]\n    };\n    return [innerPoint1, innerPoint2];\n  }\n}, 'cubic'); // 水平方向的三阶贝塞尔曲线，不再考虑用户外部传入的控制点\n\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('cubic-horizontal', {\n  curvePosition: [1 / 2, 1 / 2],\n  minCurveOffset: [0, 0],\n  curveOffset: undefined,\n  getControlPoints: function getControlPoints(cfg) {\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    if (cfg.curvePosition === undefined) cfg.curvePosition = this.curvePosition;\n    if (cfg.curveOffset === undefined) cfg.curveOffset = this.curveOffset;\n    if (cfg.minCurveOffset === undefined) cfg.minCurveOffset = this.minCurveOffset;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curveOffset)) cfg.curveOffset = [cfg.curveOffset, -cfg.curveOffset];\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.minCurveOffset)) cfg.minCurveOffset = [cfg.minCurveOffset, -cfg.minCurveOffset];\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curvePosition)) cfg.curvePosition = [cfg.curvePosition, 1 - cfg.curvePosition];\n    var xDist = endPoint.x - startPoint.x;\n    var curveOffset = [0, 0];\n\n    if (cfg.curveOffset) {\n      curveOffset = cfg.curveOffset;\n    } else if (Math.abs(xDist) < Math.abs(cfg.minCurveOffset[0])) {\n      curveOffset = cfg.minCurveOffset;\n    }\n\n    var innerPoint1 = {\n      x: startPoint.x + xDist * this.curvePosition[0] + curveOffset[0],\n      y: startPoint.y\n    };\n    var innerPoint2 = {\n      x: endPoint.x - xDist * this.curvePosition[1] + curveOffset[1],\n      y: endPoint.y\n    };\n    var controlPoints = [innerPoint1, innerPoint2];\n    return controlPoints;\n  }\n}, 'cubic');\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('loop', {\n  getPathPoints: function getPathPoints(cfg) {\n    return Object(_util_graphic__WEBPACK_IMPORTED_MODULE_2__[\"getLoopCfgs\"])(cfg);\n  },\n  getControlPoints: function getControlPoints(cfg) {\n    return cfg.controlPoints;\n  },\n  afterDraw: function afterDraw(cfg) {\n    cfg.controlPoints = undefined;\n  },\n  afterUpdate: function afterUpdate(cfg) {\n    cfg.controlPoints = undefined;\n  }\n}, 'cubic');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/edge.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/hull/bubbleset.js":
-/*!***************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/hull/bubbleset.js ***!
-  \***************************************************************************************/
-/*! exports provided: genBubbleSet */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"genBubbleSet\", function() { return genBubbleSet; });\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/math */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js\");\n\nvar defaultOps = {\n  maxRoutingIterations: 100,\n  maxMarchingIterations: 100,\n  pixelGroupSize: 2,\n  edgeR0: 10,\n  edgeR1: 10,\n  nodeR0: 5,\n  nodeR1: 10,\n  morphBuffer: 5,\n  threshold: 0.001,\n  skip: 16,\n  nodeInfluenceFactor: 1,\n  edgeInfluenceFactor: 1,\n  negativeNodeInfluenceFactor: -0.5\n};\n/**\n * Marching square algorithm for traching the contour of a pixel group\n * https://www.emanueleferonato.com/2013/03/01/using-marching-squares-algorithm-to-trace-the-contour-of-an-image/\n * @param potentialArea\n * @param threshold\n */\n\nfunction MarchingSquares(contour, potentialArea, threshold) {\n  var marched = false;\n\n  var getVal = function getVal(x, y) {\n    return potentialArea.cells[x + y * potentialArea.width];\n  };\n\n  var getState = function getState(x, y) {\n    var squareVal = 0;\n\n    if (getVal(x - 1, y - 1) >= threshold) {\n      squareVal += 1;\n    }\n\n    if (getVal(x, y - 1) > threshold) {\n      squareVal += 2;\n    }\n\n    if (getVal(x - 1, y) > threshold) {\n      squareVal += 4;\n    }\n\n    if (getVal(x, y) > threshold) {\n      squareVal += 8;\n    }\n\n    return squareVal;\n  };\n\n  var doMarch = function doMarch(xPos, yPos) {\n    var x = xPos;\n    var y = yPos;\n    var prevX;\n    var prevY;\n\n    for (var i = 0; i < potentialArea.width * potentialArea.height; i++) {\n      prevX = x;\n      prevY = y;\n\n      if (contour.findIndex(function (item) {\n        return item.x === x && item.y === y;\n      }) > -1) {\n        if (contour[0].x !== x || contour[0].y !== y) {// encountered a loop but haven't returned to start: change direction using conditionals and continue back to start\n        } else {\n          return true;\n        }\n      } else {\n        contour.push({\n          x: x,\n          y: y\n        });\n      }\n\n      var state = getState(x, y); // assign the move direction according to state of the square\n\n      switch (state) {\n        case -1:\n          console.warn('Marched out of bounds');\n          return true;\n\n        case 0:\n        case 3:\n        case 2:\n        case 7:\n          x++; // go right\n\n          break;\n\n        case 12:\n        case 14:\n        case 4:\n          x--; // go left\n\n          break;\n\n        case 6:\n          // go left if come from up else go right\n          if (prevX === 0) {\n            if (prevY === -1) {\n              x -= 1;\n            } else {\n              x += 1;\n            }\n          }\n\n          break;\n\n        case 1:\n        case 13:\n        case 5:\n          y--; // go up\n\n          break;\n\n        case 9:\n          // go up if come from right else go down\n          if (prevX === 1) {\n            if (prevY === 0) {\n              y -= 1;\n            } else {\n              y += 1;\n            }\n          }\n\n          break;\n\n        case 10:\n        case 8:\n        case 11:\n          y++; // go down\n\n          break;\n\n        default:\n          console.warn(\"Marching squares invalid state: \" + state);\n          return true;\n      }\n    }\n  };\n\n  this.march = function () {\n    for (var x = 0; x < potentialArea.width && !marched; x += 1) {\n      for (var y = 0; y < potentialArea.height && !marched; y += 1) {\n        if (getVal(x, y) > threshold && getState(x, y) !== 15) {\n          marched = doMarch(x, y);\n        }\n      }\n    }\n\n    return marched;\n  };\n}\n/**\n * Space partition & assign value to each cell\n * @param points\n */\n\n\nvar initGridCells = function initGridCells(width, height, pixelGroupSize) {\n  var scaleWidth = Math.ceil(width / pixelGroupSize);\n  var scaleHeight = Math.ceil(height / pixelGroupSize);\n  var gridCells = new Float32Array(Math.max(0, scaleWidth * scaleHeight)).fill(0);\n  return {\n    cells: gridCells,\n    width: scaleWidth,\n    height: scaleHeight\n  };\n};\n/**\n * Find the optimal already visited member to item;\n   Optimal: minimize cost(j) = distance(i,j) ∗ countObstacles(i,j)\n * @param item\n * @param visited\n */\n\n\nvar pickBestNeighbor = function pickBestNeighbor(item, visited, nonMembers) {\n  var closestNeighbour = null;\n  var minCost = Number.POSITIVE_INFINITY;\n  visited.forEach(function (neighbourItem) {\n    var itemP = {\n      x: item.getModel().x,\n      y: item.getModel().y\n    };\n    var neighbourItemP = {\n      x: neighbourItem.getModel().x,\n      y: neighbourItem.getModel().y\n    };\n    var dist = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"squareDist\"])(itemP, neighbourItemP);\n    var directLine = new _util_math__WEBPACK_IMPORTED_MODULE_0__[\"Line\"](itemP.x, itemP.y, neighbourItemP.x, neighbourItemP.y);\n    var numberObstacles = nonMembers.reduce(function (count, _item) {\n      if (Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"fractionToLine\"])(_item, directLine) > 0) {\n        return count + 1;\n      }\n\n      return count;\n    }, 0);\n\n    if (dist * Math.pow(numberObstacles + 1, 2) < minCost) {\n      closestNeighbour = neighbourItem;\n      minCost = dist * Math.pow(numberObstacles + 1, 2);\n    }\n  });\n  return closestNeighbour;\n};\n/**\n * 返回和线相交的item中，离边的起点最近的item\n * @param items\n * @param line\n */\n\n\nvar getIntersectItem = function getIntersectItem(items, line) {\n  var minDistance = Number.POSITIVE_INFINITY;\n  var closestItem = null;\n  items.forEach(function (item) {\n    var distance = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"fractionToLine\"])(item, line); // find closest intersection\n\n    if (distance >= 0 && distance < minDistance) {\n      closestItem = item;\n      minDistance = distance;\n    }\n  });\n  return closestItem;\n};\n/**\n * Modify the directLine and Route virtual edges around obstacles\n */\n\n\nvar computeRoute = function computeRoute(directLine, nonMembers, maxRoutingIterations, morphBuffer) {\n  var checkedLines = [];\n  var linesToCheck = [];\n  linesToCheck.push(directLine);\n  var hasIntersection = true;\n  var iterations = 0;\n\n  var pointExists = function pointExists(point, lines) {\n    var flag = false;\n    lines.forEach(function (line) {\n      if (flag) return;\n\n      if (Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"isPointsOverlap\"])(point, {\n        x: line.x1,\n        y: line.y1\n      }) || Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"isPointsOverlap\"])(point, {\n        x: line.x2,\n        y: line.y2\n      })) {\n        flag = true;\n      }\n    });\n    return flag;\n  };\n\n  var isPointInNonMembers = function isPointInNonMembers(point, _nonMembers) {\n    for (var _i = 0, _nonMembers_1 = _nonMembers; _i < _nonMembers_1.length; _i++) {\n      var item = _nonMembers_1[_i];\n      var bbox = item.getBBox();\n      var itemContour = [[bbox.x, bbox.y], [bbox.x + bbox.width, bbox.y], [bbox.x, bbox.y + bbox.height], [bbox.x + bbox.width, bbox.y + bbox.height]];\n\n      if (Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"isPointInPolygon\"])(itemContour, point.x, point.y)) {\n        return true;\n      }\n    }\n\n    return false;\n  }; // outer loop end when no more intersections or out of iterations\n\n\n  while (hasIntersection && iterations < maxRoutingIterations) {\n    hasIntersection = false;\n\n    var _loop_1 = function _loop_1() {\n      var line = linesToCheck.pop();\n      var closestItem = getIntersectItem(nonMembers, line);\n\n      if (closestItem) {\n        var _a = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"itemIntersectByLine\"])(closestItem, line),\n            intersections_1 = _a[0],\n            countIntersections = _a[1]; // if line passes through item\n\n\n        if (countIntersections === 2) {\n          var testReroute = function testReroute(isFirst) {\n            var tempMorphBuffer = morphBuffer;\n            var virtualNode = rerouteLine(closestItem, tempMorphBuffer, intersections_1, isFirst); // test the virtualNode already exists\n\n            var exist = pointExists(virtualNode, linesToCheck) || pointExists(virtualNode, checkedLines);\n            var pointInside = isPointInNonMembers(virtualNode, nonMembers);\n\n            while (!exist && pointInside && tempMorphBuffer >= 1) {\n              // try a smaller buffer\n              tempMorphBuffer /= 1.5;\n              virtualNode = rerouteLine(closestItem, tempMorphBuffer, intersections_1, isFirst);\n              exist = pointExists(virtualNode, linesToCheck) || pointExists(virtualNode, checkedLines);\n              pointInside = isPointInNonMembers(virtualNode, nonMembers);\n            } // 第二次route时不要求pointInside\n\n\n            if (virtualNode && !exist && (!isFirst || !pointInside)) {\n              // add 2 rerouted lines to check\n              linesToCheck.push(new _util_math__WEBPACK_IMPORTED_MODULE_0__[\"Line\"](line.x1, line.y1, virtualNode.x, virtualNode.y));\n              linesToCheck.push(new _util_math__WEBPACK_IMPORTED_MODULE_0__[\"Line\"](virtualNode.x, virtualNode.y, line.x2, line.y2));\n              hasIntersection = true;\n            }\n          };\n\n          testReroute(true);\n\n          if (!hasIntersection) {\n            // if we didn't find a valid point around the first corner, try the second\n            testReroute(false);\n          }\n        }\n      } // no intersection found, mark this line as completed\n\n\n      if (!hasIntersection) {\n        checkedLines.push(line);\n      }\n\n      iterations += 1;\n    }; // inner loop end when out of lines or found an intersection\n\n\n    while (!hasIntersection && linesToCheck.length) {\n      _loop_1();\n    }\n  } // 加入剩余的线\n\n\n  while (linesToCheck.length) {\n    checkedLines.push(linesToCheck.pop());\n  }\n\n  return checkedLines;\n};\n/**\n *  Connect item with visited members using direct line or virtual edges\n */\n\n\nfunction getRoute(item, nonMembers, visited, maxRoutingIterations, morphBuffer) {\n  var optimalNeighbor = pickBestNeighbor(item, visited, nonMembers);\n\n  if (optimalNeighbor === null) {\n    return [];\n  } //  merge the consecutive lines\n\n\n  var mergeLines = function mergeLines(checkedLines) {\n    var finalRoute = [];\n\n    while (checkedLines.length > 0) {\n      var line1 = checkedLines.pop();\n\n      if (checkedLines.length === 0) {\n        finalRoute.push(line1);\n        break;\n      }\n\n      var line2 = checkedLines.pop();\n      var mergeLine = new _util_math__WEBPACK_IMPORTED_MODULE_0__[\"Line\"](line1.x1, line1.y1, line2.x2, line2.y2);\n      var closestItem = getIntersectItem(nonMembers, mergeLine); // merge most recent line and previous line\n\n      if (!closestItem) {\n        checkedLines.push(mergeLine);\n      } else {\n        finalRoute.push(line1);\n        checkedLines.push(line2);\n      }\n    }\n\n    return finalRoute;\n  };\n\n  var directLine = new _util_math__WEBPACK_IMPORTED_MODULE_0__[\"Line\"](item.getModel().x, item.getModel().y, optimalNeighbor.getModel().x, optimalNeighbor.getModel().y);\n  var checkedLines = computeRoute(directLine, nonMembers, maxRoutingIterations, morphBuffer);\n  var finalRoute = mergeLines(checkedLines);\n  return finalRoute;\n}\n/**\n * Calculate the countor that includes the  selected items and exclues the non-selected items\n * @param graph\n * @param members\n * @param nonMembers\n * @param options\n */\n\n\nvar genBubbleSet = function genBubbleSet(members, nonMembers, ops) {\n  // eslint-disable-next-line no-redeclare\n  var options = Object.assign(defaultOps, ops);\n  var centroid = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"getPointsCenter\"])(members.map(function (item) {\n    return {\n      x: item.getModel().x,\n      y: item.getModel().y\n    };\n  })); // 按照到中心距离远近排序\n\n  members = members.sort(function (a, b) {\n    return Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"squareDist\"])({\n      x: a.getModel().x,\n      y: a.getModel().y\n    }, centroid) - Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"squareDist\"])({\n      x: b.getModel().x,\n      y: b.getModel().y\n    }, centroid);\n  });\n  var visited = [];\n  var virtualEdges = [];\n  members.forEach(function (item) {\n    var lines = getRoute(item, nonMembers, visited, options.maxRoutingIterations, options.morphBuffer);\n    lines.forEach(function (l) {\n      virtualEdges.push(l);\n    });\n    visited.push(item);\n  }); // 由于edge也可以作为member和nonMember传入，暂时不考虑把edges作为参数传入genBubbleSet\n  // edges && edges.forEach(e => {\n  //   virtualEdges.push(new Line(e.getSource().getModel().x, e.getSource().getModel().y, e.getTarget().getModel().x, e.getTarget().getModel().y));\n  // });\n\n  var activeRegion = getActiveRregion(members, virtualEdges, options.nodeR0);\n  var potentialArea = initGridCells(activeRegion.width, activeRegion.height, options.pixelGroupSize); // Use march squares to generate contour\n\n  var contour = [];\n  var hull = [];\n\n  for (var iterations = 0; iterations < options.maxMarchingIterations; iterations++) {\n    fillPotentialArea(members, nonMembers, virtualEdges, activeRegion, potentialArea, options);\n    contour = [];\n    hull = [];\n    if (!new MarchingSquares(contour, potentialArea, options.threshold).march()) continue;\n    var marchedPath = contour.map(function (point) {\n      return {\n        x: Math.round(point.x * options.pixelGroupSize + activeRegion.minX),\n        y: Math.round(point.y * options.pixelGroupSize + activeRegion.minY)\n      };\n    }); // const marchedPath = marchingSquares(potentialArea, options.threshold).map(point => ({ x: Math.round(point.x * options.pixelGroupSize + activeRegion.minX), y: Math.round(point.y * options.pixelGroupSize + activeRegion.minY) }))\n\n    if (marchedPath) {\n      var size = marchedPath.length;\n\n      if (options.skip > 1) {\n        size = Math.floor(marchedPath.length / options.skip); // if we reduced too much (fewer than three points in reduced surface) reduce skip and try again\n\n        while (size < 3 && options.skip > 1) {\n          options.skip -= 1;\n          size = Math.floor(marchedPath.length / options.skip);\n        }\n      } // copy hull values\n\n\n      for (var i = 0, j = 0; j < size; j += 1, i += options.skip) {\n        hull.push({\n          x: marchedPath[i].x,\n          y: marchedPath[i].y\n        });\n      }\n    }\n\n    var isContourValid = function isContourValid() {\n      for (var _i = 0, members_1 = members; _i < members_1.length; _i++) {\n        var item = members_1[_i];\n        var hullPoints = hull.map(function (point) {\n          return [point.x, point.y];\n        });\n        if (!Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"isPointInPolygon\"])(hullPoints, item.getBBox().centerX, item.getBBox().centerY)) return false;\n      } // 不强制要求所有nonMembers都没有包含在内\n      // for (const item of nonMembers) {\n      //   if (isPointInPolygon({ x: item.getBBox().centerX, y: item.getBBox().centerY }, contour)) return false\n      // }\n\n\n      return true;\n    };\n\n    if (hull && isContourValid()) {\n      return hull;\n    } // update parameters for next iteraction\n\n\n    options.threshold *= 0.9;\n\n    if (iterations <= options.maxMarchingIterations * 0.5) {\n      options.memberInfluenceFactor *= 1.2;\n      options.edgeInfluenceFactor *= 1.2;\n    } else if (options.nonMemberInfluenceFactor !== 0 && nonMembers.length > 0) {\n      // after half the iterations, start increasing positive energy and lowering the threshold\n      options.nonMemberInfluenceFactor *= 0.8;\n    } else {\n      break;\n    }\n  }\n\n  return hull;\n};\n/**\n * unionboundingbox\n * @param members\n * @param edges\n */\n\nfunction getActiveRregion(members, edges, offset) {\n  var activeRegion = {\n    minX: Number.POSITIVE_INFINITY,\n    minY: Number.POSITIVE_INFINITY,\n    maxX: Number.NEGATIVE_INFINITY,\n    maxY: Number.NEGATIVE_INFINITY,\n    width: 0,\n    height: 0,\n    x: 0,\n    y: 0\n  };\n  var bboxes = [];\n  members.forEach(function (item) {\n    bboxes.push(item.getBBox());\n  });\n  edges.forEach(function (l) {\n    bboxes.push(l.getBBox());\n  });\n\n  for (var _i = 0, bboxes_1 = bboxes; _i < bboxes_1.length; _i++) {\n    var bbox = bboxes_1[_i];\n    activeRegion.minX = (bbox.minX < activeRegion.minX ? bbox.minX : activeRegion.minX) - offset;\n    activeRegion.minY = (bbox.minY < activeRegion.minY ? bbox.minY : activeRegion.minY) - offset;\n    activeRegion.maxX = (bbox.maxX > activeRegion.maxX ? bbox.maxX : activeRegion.maxX) + offset;\n    activeRegion.maxY = (bbox.maxY > activeRegion.maxY ? bbox.maxY : activeRegion.maxY) + offset;\n  }\n\n  activeRegion.width = activeRegion.maxX - activeRegion.minX;\n  activeRegion.height = activeRegion.maxY - activeRegion.minY;\n  activeRegion.x = activeRegion.minX;\n  activeRegion.y = activeRegion.minY;\n  return activeRegion;\n}\n\nfunction fillPotentialArea(members, nonMembers, edges, activeRegion, potentialArea, options) {\n  function pos2GridIx(x, offset) {\n    var gridIx = Math.floor((x - offset) / options.pixelGroupSize);\n    return gridIx < 0 ? 0 : gridIx;\n  }\n\n  function gridIx2Pos(x, offset) {\n    return x * options.pixelGroupSize + offset;\n  } // using inverse a for numerical stability\n\n\n  var nodeInfA = (options.nodeR0 - options.nodeR1) * (options.nodeR0 - options.nodeR1);\n  var edgeInfA = (options.edgeR0 - options.edgeR1) * (options.edgeR0 - options.edgeR1);\n\n  var getAffectedRegion = function getAffectedRegion(bbox, thresholdR) {\n    var startX = Math.min(pos2GridIx(bbox.minX, thresholdR + activeRegion.minX), potentialArea.width);\n    var startY = Math.min(pos2GridIx(bbox.minY, thresholdR + activeRegion.minY), potentialArea.height);\n    var endX = Math.min(pos2GridIx(bbox.maxX, -thresholdR + activeRegion.minX), potentialArea.width);\n    var endY = Math.min(pos2GridIx(bbox.maxY, -thresholdR + activeRegion.minY), potentialArea.height);\n    return [startX, startY, endX, endY];\n  };\n\n  var addItemInfluence = function addItemInfluence(item, influenceFactor) {\n    var bbox = item.getBBox();\n\n    var _a = getAffectedRegion(bbox, options.nodeR1),\n        startX = _a[0],\n        startY = _a[1],\n        endX = _a[2],\n        endY = _a[3]; // calculate item influence for each cell\n\n\n    for (var y = startY; y < endY; y += 1) {\n      for (var x = startX; x < endX; x += 1) {\n        if (influenceFactor < 0 && potentialArea[x + y * potentialArea.width] <= 0) {\n          continue;\n        }\n\n        var tempX = gridIx2Pos(x, activeRegion.minX);\n        var tempY = gridIx2Pos(y, activeRegion.minY);\n        var distanceSq = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"pointRectSquareDist\"])({\n          x: tempX,\n          y: tempY\n        }, {\n          x: bbox.minX,\n          y: bbox.minY,\n          width: bbox.width,\n          height: bbox.height\n        });\n\n        if (distanceSq < Math.pow(options.nodeR1, 2)) {\n          var dr = Math.sqrt(distanceSq) - options.nodeR1;\n          potentialArea.cells[x + y * potentialArea.width] += influenceFactor * dr * dr;\n        }\n      }\n    }\n  };\n\n  var addEdgeInfluence = function addEdgeInfluence(line, influenceFactor) {\n    var bbox = line.getBBox();\n\n    var _a = getAffectedRegion(bbox, options.edgeR1),\n        startX = _a[0],\n        startY = _a[1],\n        endX = _a[2],\n        endY = _a[3]; // for every point in active part of potentialArea, calculate distance to nearest point on line and add influence\n\n\n    for (var y = startY; y < endY; y += 1) {\n      for (var x = startX; x < endX; x += 1) {\n        if (influenceFactor < 0 && potentialArea.cells[x + y * potentialArea.width] <= 0) {\n          continue;\n        }\n\n        var tempX = gridIx2Pos(x, activeRegion.minX);\n        var tempY = gridIx2Pos(y, activeRegion.minY);\n        var minDistanceSq = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"pointLineSquareDist\"])({\n          x: tempX,\n          y: tempY\n        }, line); // only influence if less than r1\n\n        if (minDistanceSq < Math.pow(options.edgeR1, 2)) {\n          var mdr = Math.sqrt(minDistanceSq) - options.edgeR1;\n          potentialArea.cells[x + y * potentialArea.width] += influenceFactor * mdr * mdr;\n        }\n      }\n    }\n  };\n\n  if (options.nodeInfluenceFactor) {\n    members.forEach(function (item) {\n      addItemInfluence(item, options.nodeInfluenceFactor / nodeInfA);\n    });\n  }\n\n  if (options.edgeInfluenceFactor) {\n    edges.forEach(function (edge) {\n      addEdgeInfluence(edge, options.edgeInfluenceFactor / edgeInfA);\n    });\n  }\n\n  if (options.negativeNodeInfluenceFactor) {\n    nonMembers.forEach(function (item) {\n      addItemInfluence(item, options.negativeNodeInfluenceFactor / nodeInfA);\n    });\n  }\n}\n\nfunction rerouteLine(item, buffer, intersections, wrapNormal) {\n  var bbox = item.getBBox();\n  var topIntersect = intersections[0],\n      leftIntersect = intersections[1],\n      bottomIntersect = intersections[2],\n      rightIntersect = intersections[3];\n  var cornerPos = {\n    topLeft: {\n      x: bbox.minX - buffer,\n      y: bbox.minY - buffer\n    },\n    topRight: {\n      x: bbox.maxX + buffer,\n      y: bbox.minY - buffer\n    },\n    bottomLeft: {\n      x: bbox.minX - buffer,\n      y: bbox.maxY + buffer\n    },\n    bottomRight: {\n      x: bbox.maxX + buffer,\n      y: bbox.maxY + buffer\n    }\n  };\n  var totalArea = bbox.height * bbox.width;\n\n  function calcHalfArea(intersect1, intersect2) {\n    return bbox.width * ((intersect1.y - bbox.minY + (intersect2.y - bbox.minY)) * 0.5);\n  } // 根据线和boundingbox相交的情况，确定control point的位置\n\n\n  if (leftIntersect) {\n    // 相交区域有三角形\n    if (topIntersect) return wrapNormal ? cornerPos.topLeft : cornerPos.bottomRight;\n    if (bottomIntersect) return wrapNormal ? cornerPos.bottomLeft : cornerPos.topRight; // 相交区域分成上下两个梯形，比较面积\n\n    var topArea = calcHalfArea(leftIntersect, rightIntersect);\n\n    if (topArea < totalArea * 0.5) {\n      if (leftIntersect.y > rightIntersect.y) return wrapNormal ? cornerPos.topLeft : cornerPos.bottomRight;\n      return wrapNormal ? cornerPos.topRight : cornerPos.bottomLeft;\n    }\n\n    if (leftIntersect.y < rightIntersect.y) return wrapNormal ? cornerPos.bottomLeft : cornerPos.topRight;\n    return wrapNormal ? cornerPos.bottomRight : cornerPos.topLeft;\n  }\n\n  if (rightIntersect) {\n    if (topIntersect) return wrapNormal ? cornerPos.topRight : cornerPos.bottomLeft;\n    if (bottomIntersect) return wrapNormal ? cornerPos.bottomRight : cornerPos.topLeft;\n  } // 相交区域分成左右两个梯形\n\n\n  var leftArea = calcHalfArea(topIntersect, bottomIntersect);\n\n  if (leftArea < totalArea * 0.5) {\n    if (topIntersect.x > bottomIntersect.x) return wrapNormal ? cornerPos.topLeft : cornerPos.bottomRight;\n    return wrapNormal ? cornerPos.bottomLeft : cornerPos.topRight;\n  }\n\n  if (topIntersect.x < bottomIntersect.x) return wrapNormal ? cornerPos.topRight : cornerPos.bottomLeft;\n  return wrapNormal ? cornerPos.bottomRight : cornerPos.topLeft;\n}\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/hull/bubbleset.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/hull/convexHull.js":
-/*!****************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/hull/convexHull.js ***!
-  \****************************************************************************************/
-/*! exports provided: cross, genConvexHull */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"cross\", function() { return cross; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"genConvexHull\", function() { return genConvexHull; });\n/**\n * Use cross product to judge the direction of the turn.\n * Returns a positive value, if OAB makes a clockwise turn,\n * negative for counter-clockwise turn, and zero if the points are collinear.\n */\nvar cross = function cross(a, b, o) {\n  return (a.y - o.y) * (b.x - o.x) - (a.x - o.x) * (b.y - o.y);\n};\n/**\n * Generate a convex hull of given points. Andrew's monotone chain algorithm.\n * @param points An array of [x, y] representing the coordinates of points.\n * @return a list of vertices of the convex hull in counter-clockwise order,\n */\n\nvar genConvexHull = function genConvexHull(items) {\n  var points = items.map(function (item) {\n    return {\n      x: item.getModel().x,\n      y: item.getModel().y\n    };\n  });\n  points.sort(function (a, b) {\n    return a.x === b.x ? a.y - b.y : a.x - b.x;\n  });\n\n  if (points.length === 1) {\n    return points;\n  } // build the lower hull\n\n\n  var lower = [];\n\n  for (var i = 0; i < points.length; i++) {\n    while (lower.length >= 2 && cross(lower[lower.length - 2], lower[lower.length - 1], points[i]) <= 0) {\n      lower.pop();\n    }\n\n    lower.push(points[i]);\n  } // build the upper hull\n\n\n  var upper = [];\n\n  for (var i = points.length - 1; i >= 0; i--) {\n    while (upper.length >= 2 && cross(upper[upper.length - 2], upper[upper.length - 1], points[i]) <= 0) {\n      upper.pop();\n    }\n\n    upper.push(points[i]);\n  }\n\n  upper.pop();\n  lower.pop();\n  var strictHull = lower.concat(upper);\n  return strictHull;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/hull/convexHull.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/index.js":
-/*!******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/index.js ***!
-  \******************************************************************************/
-/*! exports provided: Arrow, Marker, default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _node__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/node.js\");\n/* harmony import */ var _edge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./edge */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/edge.js\");\n/* harmony import */ var _combo__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./combo */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combo.js\");\n/* harmony import */ var _combos__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./combos */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/combos/index.js\");\n/* harmony import */ var _nodes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./nodes */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/index.js\");\n/* harmony import */ var _arrow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./arrow */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/arrow.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Arrow\", function() { return _arrow__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _marker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./marker */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/marker.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Marker\", function() { return _marker__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_shape__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/marker.js":
-/*!*******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/marker.js ***!
-  \*******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  collapse: function collapse(x, y, r) {\n    return [['M', x - r, y], ['a', r, r, 0, 1, 0, r * 2, 0], ['a', r, r, 0, 1, 0, -r * 2, 0], ['M', x - r + 4, y], ['L', x + r - 4, y]];\n  },\n  expand: function expand(x, y, r) {\n    return [['M', x - r, y], ['a', r, r, 0, 1, 0, r * 2, 0], ['a', r, r, 0, 1, 0, -r * 2, 0], ['M', x - r + 4, y], ['L', x - r + 2 * r - 4, y], ['M', x - r + r, y - r + 4], ['L', x, y + r - 4]];\n  },\n  upTriangle: function upTriangle(x, y, r) {\n    var l1 = r * Math.cos(Math.PI / 6);\n    var l2 = r * Math.sin(Math.PI / 6);\n    return [['M', x - l1, y + l2], ['L', x + l1, y + l2], ['L', x, y - r], ['Z']];\n  },\n  downTriangle: function downTriangle(x, y, r) {\n    var l1 = r * Math.cos(Math.PI / 6);\n    var l2 = r * Math.sin(Math.PI / 6);\n    return [['M', x - l1, y - l2], ['L', x + l1, y - l2], ['L', x, y + r], ['Z']];\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/marker.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/node.js":
-/*!*****************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/node.js ***!
-  \*****************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/base */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/base.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _shapeBase__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./shapeBase */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shapeBase.js\");\n\n\n\n\n\n\nvar singleNode = {\n  itemType: 'node',\n  // 单个图形的类型\n  shapeType: 'single-node',\n\n  /**\n   * 文本相对图形的位置，默认以中心点\n   * 位置包括： top, bottom, left, right, center\n   * @type {String}\n   */\n  labelPosition: 'center',\n\n  /**\n   * 文本相对偏移，当 labelPosition 不为 center 时有效\n   * @type {Number}\n   */\n  offset: _global__WEBPACK_IMPORTED_MODULE_3__[\"default\"].nodeLabel.offset,\n\n  /**\n   * 获取节点宽高\n   * @internal 返回节点的大小，以 [width, height] 的方式维护\n   * @param  {Object} cfg 节点的配置项\n   * @return {Array} 宽高\n   */\n  getSize: function getSize(cfg) {\n    var size = cfg.size || this.getOptions({}).size || _global__WEBPACK_IMPORTED_MODULE_3__[\"default\"].defaultNode.size; // size 是数组，但长度为1，则补长度为2\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(size) && size.length === 1) {\n      size = [size[0], size[0]];\n    } // size 为数字，则转换为数组\n\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(size)) {\n      size = [size, size];\n    }\n\n    return size;\n  },\n  // 私有方法，不希望扩展的节点复写这个方法\n  getLabelStyleByPosition: function getLabelStyleByPosition(cfg, labelCfg) {\n    var labelPosition = labelCfg.position || this.labelPosition; // 默认的位置（最可能的情形），所以放在最上面\n\n    if (labelPosition === 'center') {\n      return {\n        x: 0,\n        y: 0,\n        text: cfg.label\n      };\n    }\n\n    var offset = labelCfg.offset;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(offset)) {\n      // 考虑 offset = 0 的场景，不用用 labelCfg.offset || Global.nodeLabel.offset\n      offset = this.offset; // 不居中时的偏移量\n    }\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n    var style;\n\n    switch (labelPosition) {\n      case 'top':\n        style = {\n          x: 0,\n          y: 0 - height / 2 - offset,\n          textBaseline: 'bottom' // 文本在图形的上面\n\n        };\n        break;\n\n      case 'bottom':\n        style = {\n          x: 0,\n          y: height / 2 + offset,\n          textBaseline: 'top'\n        };\n        break;\n\n      case 'left':\n        style = {\n          x: 0 - width / 2 - offset,\n          y: 0,\n          textAlign: 'right'\n        };\n        break;\n\n      default:\n        style = {\n          x: width / 2 + offset,\n          y: 0,\n          textAlign: 'left'\n        };\n        break;\n    }\n\n    style.text = cfg.label;\n    return style;\n  },\n  getLabelBgStyleByPosition: function getLabelBgStyleByPosition(label, cfg, labelCfg, group) {\n    if (!label) {\n      return {};\n    }\n\n    var bbox = label.getBBox();\n    var backgroundStyle = labelCfg.style && labelCfg.style.background;\n\n    if (!backgroundStyle) {\n      return {};\n    }\n\n    var padding = Object(_util_base__WEBPACK_IMPORTED_MODULE_2__[\"formatPadding\"])(backgroundStyle.padding);\n    var backgroundWidth = bbox.width + padding[1] + padding[3];\n    var backgroundHeight = bbox.height + padding[0] + padding[2];\n    var offset = labelCfg.offset;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(offset)) {\n      // 考虑 offset = 0 的场景，不用用 labelCfg.offset || Global.nodeLabel.offset\n      offset = this.offset; // 不居中时的偏移量\n    }\n\n    var style;\n    style = {\n      x: bbox.minX - padding[3],\n      y: bbox.minY - padding[0]\n    };\n    style = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, style), backgroundStyle), {\n      width: backgroundWidth,\n      height: backgroundHeight\n    });\n    return style;\n  },\n  drawShape: function drawShape(cfg, group) {\n    var shapeType = this.shapeType; // || this.type，都已经加了 shapeType\n\n    var style = this.getShapeStyle(cfg);\n    var shape = group.addShape(shapeType, {\n      attrs: style,\n      draggable: true,\n      name: 'node-shape'\n    });\n    return shape;\n  },\n\n  /**\n   * 更新linkPoints\n   * @param {Object} cfg 节点数据配置项\n   * @param {Group} group Item所在的group\n   */\n  updateLinkPoints: function updateLinkPoints(cfg, group) {\n    var defaultLinkPoints = this.getOptions(cfg).linkPoints;\n    var markLeft = group.find(function (element) {\n      return element.get('className') === 'link-point-left';\n    });\n    var markRight = group.find(function (element) {\n      return element.get('className') === 'link-point-right';\n    });\n    var markTop = group.find(function (element) {\n      return element.get('className') === 'link-point-top';\n    });\n    var markBottom = group.find(function (element) {\n      return element.get('className') === 'link-point-bottom';\n    });\n    var currentLinkPoints;\n\n    if (markLeft) {\n      currentLinkPoints = markLeft.attr();\n    }\n\n    if (markRight && !currentLinkPoints) {\n      currentLinkPoints = markRight.attr();\n    }\n\n    if (markTop && !currentLinkPoints) {\n      currentLinkPoints = markTop.attr();\n    }\n\n    if (markBottom && !currentLinkPoints) {\n      currentLinkPoints = markBottom.attr();\n    }\n\n    if (!currentLinkPoints) currentLinkPoints = defaultLinkPoints;\n    var linkPoints = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, currentLinkPoints, cfg.linkPoints);\n    var markFill = linkPoints.fill,\n        markStroke = linkPoints.stroke,\n        borderWidth = linkPoints.lineWidth;\n    var markSize = linkPoints.size / 2;\n    if (!markSize) markSize = linkPoints.r;\n\n    var _a = cfg.linkPoints ? cfg.linkPoints : {\n      left: undefined,\n      right: undefined,\n      top: undefined,\n      bottom: undefined\n    },\n        left = _a.left,\n        right = _a.right,\n        top = _a.top,\n        bottom = _a.bottom;\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n    var styles = {\n      r: markSize,\n      fill: markFill,\n      stroke: markStroke,\n      lineWidth: borderWidth\n    };\n\n    if (markLeft) {\n      if (!left && left !== undefined) {\n        markLeft.remove();\n      } else {\n        markLeft.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: -width / 2,\n          y: 0\n        }));\n      }\n    } else if (left) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: -width / 2,\n          y: 0\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (markRight) {\n      if (!right && right !== undefined) {\n        markRight.remove();\n      }\n\n      markRight.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n        x: width / 2,\n        y: 0\n      }));\n    } else if (right) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: width / 2,\n          y: 0\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (markTop) {\n      if (!top && top !== undefined) {\n        markTop.remove();\n      }\n\n      markTop.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n        x: 0,\n        y: -height / 2\n      }));\n    } else if (top) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: 0,\n          y: -height / 2\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (markBottom) {\n      if (!bottom && bottom !== undefined) {\n        markBottom.remove();\n      } else {\n        markBottom.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: 0,\n          y: height / 2\n        }));\n      }\n    } else if (bottom) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: 0,\n          y: height / 2\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n  updateShape: function updateShape(cfg, item, keyShapeStyle, hasIcon) {\n    var keyShape = item.get('keyShape');\n    keyShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, keyShapeStyle));\n    this.updateLabel(cfg, item); // special for some types of nodes\n\n    if (hasIcon) {\n      this.updateIcon(cfg, item);\n    }\n  },\n  updateIcon: function updateIcon(cfg, item) {\n    var _this = this;\n\n    var group = item.getContainer();\n    var icon = this.getOptions(cfg).icon;\n    var show = (cfg.icon ? cfg.icon : {\n      show: undefined\n    }).show;\n    var iconShape = group.find(function (element) {\n      return element.get('className') === _this.type + \"-icon\";\n    });\n\n    if (iconShape) {\n      // 若原先存在 icon\n      if (show || show === undefined) {\n        // 若传入 show: true, 或没有设置，则更新原有的 icon 样式\n        var iconConfig = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, iconShape.attr(), icon);\n        var w = iconConfig.width,\n            h = iconConfig.height;\n        iconShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, iconConfig), {\n          x: -w / 2,\n          y: -h / 2\n        }));\n      } else {\n        // 若传入了 show: false 则删除原先的 icon\n        iconShape.remove();\n      }\n    } else if (show) {\n      // 如果原先不存在 icon，但传入了 show: true，则新增 icon\n      var w = icon.width,\n          h = icon.height;\n      group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, icon), {\n          x: -w / 2,\n          y: -h / 2\n        }),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\"\n      }); // to ensure the label is on the top of all the shapes\n\n      var labelShape = group.find(function (element) {\n        return element.get('className') === \"node-label\";\n      });\n\n      if (labelShape) {\n        labelShape.toFront();\n      }\n    }\n  }\n};\n\nvar singleNodeDef = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _shapeBase__WEBPACK_IMPORTED_MODULE_5__[\"shapeBase\"]), singleNode);\n\n_shape__WEBPACK_IMPORTED_MODULE_4__[\"default\"].registerNode('single-node', singleNodeDef);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/node.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/image.js":
-/*!************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/image.js ***!
-  \************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js\");\n\n\n/**\n * 基本的图片，可以添加文本，默认文本在图片的下面\n */\n\n_shape__WEBPACK_IMPORTED_MODULE_1__[\"default\"].registerNode('image', {\n  options: {\n    img: 'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*eD7nT6tmYgAAAAAAAAAAAABkARQnAQ',\n    size: 200,\n    clipCfg: {\n      show: false,\n      type: 'circle',\n      // circle\n      r: 50,\n      // ellipse\n      rx: 50,\n      ry: 35,\n      // rect\n      width: 50,\n      height: 35,\n      // polygon\n      points: [[30, 12], [12, 30], [30, 48], [48, 30]],\n      // path\n      path: [['M', 25, 25], ['L', 50, 25], ['A', 12.5, 12.5, 0, 1, 1, 50, 50], ['A', 12.5, 12.5, 0, 1, 0, 50, 50], ['L', 25, 75], ['Z']],\n      // 坐标\n      x: 0,\n      y: 0 // clip 的属性样式\n      // style: {\n      //   lineWidth: 1\n      // },\n\n    }\n  },\n  shapeType: 'image',\n  labelPosition: 'bottom',\n  drawShape: function drawShape(cfg, group) {\n    var shapeType = this.shapeType; // || this.type，都已经加了 shapeType\n\n    var style = this.getShapeStyle(cfg);\n    delete style.fill;\n    var shape = group.addShape(shapeType, {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    this.drawClip(cfg, shape);\n    return shape;\n  },\n  drawClip: function drawClip(cfg, shape) {\n    var clip = this.getOptions(cfg).clipCfg;\n\n    if (!clip.show) {\n      return;\n    } // 支持 circle、rect、ellipse、Polygon 及自定义 path clip\n\n\n    var type = clip.type,\n        x = clip.x,\n        y = clip.y,\n        style = clip.style;\n\n    if (type === 'circle') {\n      var r = clip.r;\n      shape.setClip({\n        type: 'circle',\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          r: r,\n          x: x,\n          y: y\n        }, style)\n      });\n    } else if (type === 'rect') {\n      var width = clip.width,\n          height = clip.height;\n      var rectX = x - width / 2;\n      var rectY = y - height / 2;\n      shape.setClip({\n        type: 'rect',\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: rectX,\n          y: rectY,\n          width: width,\n          height: height\n        }, style)\n      });\n    } else if (type === 'ellipse') {\n      var rx = clip.rx,\n          ry = clip.ry;\n      shape.setClip({\n        type: 'ellipse',\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: x,\n          y: y,\n          rx: rx,\n          ry: ry\n        }, style)\n      });\n    } else if (type === 'polygon') {\n      var points = clip.points;\n      shape.setClip({\n        type: 'polygon',\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          points: points\n        }, style)\n      });\n    } else if (type === 'path') {\n      var path = clip.path;\n      shape.setClip({\n        type: 'path',\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          path: path\n        }, style)\n      });\n    }\n  },\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var size = this.getSize(cfg);\n    var img = this.getOptions(cfg).img;\n    var width = size[0];\n    var height = size[1];\n\n    if (defaultStyle) {\n      width = defaultStyle.width || size[0];\n      height = defaultStyle.height || size[1];\n    }\n\n    var style = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: -width / 2,\n      y: -height / 2,\n      width: width,\n      height: height,\n      img: img\n    }, defaultStyle);\n\n    return style;\n  },\n  updateShapeStyle: function updateShapeStyle(cfg, item) {\n    var group = item.getContainer();\n    var shapeClassName = this.itemType + \"-shape\";\n    var shape = group.find(function (element) {\n      return element.get('className') === shapeClassName;\n    }) || item.getKeyShape();\n    var shapeStyle = this.getShapeStyle(cfg);\n\n    if (shape) {\n      shape.attr(shapeStyle);\n    }\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/image.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/index.js":
-/*!************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/index.js ***!
-  \************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _simple_circle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./simple-circle */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/simple-circle.js\");\n/* harmony import */ var _simple_rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./simple-rect */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/simple-rect.js\");\n/* harmony import */ var _image__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./image */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/image.js\");\n\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/simple-circle.js":
-/*!********************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/simple-circle.js ***!
-  \********************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js\");\n\n\n\n // 带有图标的圆，可用于拓扑图中\n\n_shape__WEBPACK_IMPORTED_MODULE_3__[\"default\"].registerNode('simple-circle', {\n  // 自定义节点时的配置\n  options: {\n    size: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.size,\n    style: {\n      x: 0,\n      y: 0,\n      stroke: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.stroke,\n      fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.fill,\n      lineWidth: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeLabel.style.fontSize\n      }\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeStateStyles)\n  },\n  shapeType: 'simple-circle',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('circle', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      draggable: true\n    });\n    return keyShape;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var r = size[0] / 2;\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: 0,\n      y: 0,\n      r: r\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var size = this.getSize(cfg); // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      r: size[0] / 2\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, keyShape.attr(), strokeStyle, cfg.style);\n    this.updateShape(cfg, item, style, true);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/simple-circle.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/simple-rect.js":
-/*!******************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/simple-rect.js ***!
-  \******************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js\");\n\n\n\n\n_shape__WEBPACK_IMPORTED_MODULE_3__[\"default\"].registerNode('simple-rect', {\n  // 自定义节点时的配置\n  options: {\n    size: [100, 30],\n    style: {\n      radius: 0,\n      stroke: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.stroke,\n      fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.fill,\n      lineWidth: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.lineWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeLabel.style.fontSize\n      }\n    },\n    // 连接点，默认为左右\n    // anchorPoints: [{ x: 0, y: 0.5 }, { x: 1, y: 0.5 }]\n    anchorPoints: [[0, 0.5], [1, 0.5]],\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeStateStyles)\n  },\n  shapeType: 'simple-rect',\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('rect', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    return keyShape;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var width = style.width || size[0];\n    var height = style.height || size[1];\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: -width / 2,\n      y: -height / 2,\n      width: width,\n      height: height\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var size = this.getSize(cfg);\n    var keyShape = item.get('keyShape');\n\n    if (!cfg.size) {\n      size[0] = keyShape.attr('width') || defaultStyle.width;\n      size[1] = keyShape.attr('height') || defaultStyle.height;\n    } // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      x: -size[0] / 2,\n      y: -size[1] / 2,\n      width: size[0],\n      height: size[1]\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, false);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/nodes/simple-rect.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js":
-/*!******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js ***!
-  \******************************************************************************/
-/*! exports provided: ShapeFactoryBase, default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ShapeFactoryBase\", function() { return ShapeFactoryBase; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _xml__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./xml */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/xml.js\");\n\n\n\nvar cache = {}; // ucfirst 开销过大，进行缓存\n// 首字母大写\n\nfunction ucfirst(str) {\n  if (!cache[str]) {\n    cache[str] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"upperFirst\"])(str);\n  }\n\n  return cache[str];\n}\n/**\n * 工厂方法的基类\n * @type Shape.FactoryBase\n */\n\n\nvar ShapeFactoryBase = {\n  /**\n   * 默认的形状，当没有指定/匹配 shapeType 时，使用默认的\n   * @type {String}\n   */\n  defaultShapeType: 'defaultType',\n\n  /**\n   * 形状的 className，用于搜索\n   * @type {String}\n   */\n  className: null,\n\n  /**\n   * 获取绘制 Shape 的工具类，无状态\n   * @param  {String} type 类型\n   * @return {Shape} 工具类\n   */\n  getShape: function getShape(type) {\n    var self = this;\n    var shape = self[type] || self[self.defaultShapeType] || self['simple-circle'];\n    return shape;\n  },\n\n  /**\n   * 绘制图形\n   * @param  {String} type  类型\n   * @param  {Object} cfg 配置项\n   * @param  {G.Group} group 图形的分组\n   * @return {IShape} 图形对象\n   */\n  draw: function draw(type, cfg, group) {\n    var shape = this.getShape(type);\n    var rst = shape.draw(cfg, group);\n\n    if (shape.afterDraw) {\n      shape.afterDraw(cfg, group, rst);\n    }\n\n    return rst;\n  },\n\n  /**\n   * 更新\n   * @param  {String} type  类型\n   * @param  {Object} cfg 配置项\n   * @param  {G6.Item} item 节点、边、分组等\n   */\n  baseUpdate: function baseUpdate(type, cfg, item) {\n    var shape = this.getShape(type);\n\n    if (shape.update) {\n      // 防止没定义 update 函数\n      shape.update(cfg, item);\n    }\n\n    if (shape.afterUpdate) {\n      shape.afterUpdate(cfg, item);\n    }\n  },\n\n  /**\n   * 设置状态\n   * @param {String} type  类型\n   * @param {String} name  状态名\n   * @param {String | Boolean} value 状态值\n   * @param {G6.Item} item  节点、边、分组等\n   */\n  setState: function setState(type, name, value, item) {\n    var shape = this.getShape(type); // 调用 shape/shapeBase.ts 中的 setState 方法\n\n    shape.setState(name, value, item);\n  },\n\n  /**\n   * 是否允许更新，不重新绘制图形\n   * @param  {String} type 类型\n   * @return {Boolean} 是否允许使用更新\n   */\n  shouldUpdate: function shouldUpdate(type) {\n    var shape = this.getShape(type);\n    return !!shape.update;\n  },\n  getControlPoints: function getControlPoints(type, cfg) {\n    var shape = this.getShape(type);\n    return shape.getControlPoints(cfg);\n  },\n\n  /**\n   * 获取控制点\n   * @param {String} type 节点、边类型\n   * @param  {Object} cfg 节点、边的配置项\n   * @return {Array|null} 控制点的数组,如果为 null，则没有控制点\n   */\n  getAnchorPoints: function getAnchorPoints(type, cfg) {\n    var shape = this.getShape(type);\n    return shape.getAnchorPoints(cfg);\n  }\n};\n/**\n * 元素的框架\n */\n\nvar ShapeFramework = {\n  // 默认样式及配置\n  options: {},\n\n  /**\n   * 绘制\n   */\n  draw: function draw(cfg, group) {\n    return this.drawShape(cfg, group);\n  },\n\n  /**\n   * 绘制\n   */\n  drawShape: function drawShape()\n  /* cfg, group */\n  {},\n\n  /**\n   * 绘制完成后的操作，便于用户继承现有的节点、边\n   */\n  afterDraw: function afterDraw()\n  /* cfg, group */\n  {},\n  // update(cfg, item) // 默认不定义\n  afterUpdate: function afterUpdate()\n  /* cfg, item */\n  {},\n\n  /**\n   * 设置节点、边状态\n   */\n  setState: function setState()\n  /* name, value, item */\n  {},\n\n  /**\n   * 获取控制点\n   * @param  {Object} cfg 节点、边的配置项\n   * @return {Array|null} 控制点的数组,如果为 null，则没有控制点\n   */\n  getControlPoints: function getControlPoints(cfg) {\n    return cfg.controlPoints;\n  },\n\n  /**\n   * 获取控制点\n   * @param  {Object} cfg 节点、边的配置项\n   * @return {Array|null} 控制点的数组,如果为 null，则没有控制点\n   */\n  getAnchorPoints: function getAnchorPoints(cfg) {\n    var defaultAnchorPoints = this.options.anchorPoints;\n    var anchorPoints = cfg.anchorPoints || defaultAnchorPoints;\n    return anchorPoints;\n  }\n  /* 如果没定义 update 方法，每次都调用 draw 方法\n  update(cfg, item) {\n     }\n  */\n\n};\n\nvar Shape =\n/** @class */\nfunction () {\n  function Shape() {}\n\n  Shape.registerFactory = function (factoryType, cfg) {\n    var className = ucfirst(factoryType);\n    var factoryBase = ShapeFactoryBase;\n\n    var shapeFactory = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, factoryBase), cfg);\n\n    Shape[className] = shapeFactory;\n    shapeFactory.className = className;\n    return shapeFactory;\n  };\n\n  Shape.getFactory = function (factoryType) {\n    var className = ucfirst(factoryType);\n    return Shape[className];\n  };\n\n  Shape.registerNode = function (shapeType, nodeDefinition, extendShapeType) {\n    var shapeFactory = Shape.Node;\n    var shapeObj;\n\n    if (typeof nodeDefinition === 'string' || typeof nodeDefinition === 'function') {\n      var autoNodeDefinition = Object(_xml__WEBPACK_IMPORTED_MODULE_2__[\"createNodeFromXML\"])(nodeDefinition);\n      shapeObj = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, shapeFactory.getShape('single-node')), autoNodeDefinition);\n    } else if (nodeDefinition.jsx) {\n      var jsx = nodeDefinition.jsx;\n      var autoNodeDefinition = Object(_xml__WEBPACK_IMPORTED_MODULE_2__[\"createNodeFromXML\"])(jsx);\n      shapeObj = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, shapeFactory.getShape('single-node')), autoNodeDefinition), nodeDefinition);\n    } else {\n      shapeFactory.getShape(extendShapeType);\n      var extendShape = extendShapeType ? shapeFactory.getShape(extendShapeType) : ShapeFramework;\n      shapeObj = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, extendShape), nodeDefinition);\n    }\n\n    shapeObj.type = shapeType;\n    shapeObj.itemType = 'node';\n    shapeFactory[shapeType] = shapeObj;\n    return shapeObj;\n  };\n\n  Shape.registerEdge = function (shapeType, edgeDefinition, extendShapeType) {\n    var shapeFactory = Shape.Edge;\n    var extendShape = extendShapeType ? shapeFactory.getShape(extendShapeType) : ShapeFramework;\n\n    var shapeObj = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, extendShape), edgeDefinition);\n\n    shapeObj.type = shapeType;\n    shapeObj.itemType = 'edge';\n    shapeFactory[shapeType] = shapeObj;\n    return shapeObj;\n  };\n\n  Shape.registerCombo = function (shapeType, comboDefinition, extendShapeType) {\n    var shapeFactory = Shape.Combo;\n    var extendShape = extendShapeType ? shapeFactory.getShape(extendShapeType) : ShapeFramework;\n\n    var shapeObj = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, extendShape), comboDefinition);\n\n    shapeObj.type = shapeType;\n    shapeObj.itemType = 'combo';\n    shapeFactory[shapeType] = shapeObj;\n    return shapeObj;\n  };\n\n  return Shape;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Shape); // 注册 Node 的工厂方法\n\nShape.registerFactory('node', {\n  defaultShapeType: 'circle'\n}); // 注册 Edge 的工厂方法\n\nShape.registerFactory('edge', {\n  defaultShapeType: 'line'\n}); // 注册 Combo 的工厂方法\n\nShape.registerFactory('combo', {\n  defaultShapeType: 'circle'\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shapeBase.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shapeBase.js ***!
-  \**********************************************************************************/
-/*! exports provided: CLS_LABEL_BG_SUFFIX, shapeBase */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"CLS_LABEL_BG_SUFFIX\", function() { return CLS_LABEL_BG_SUFFIX; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shapeBase\", function() { return shapeBase; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\n\n\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_2__[\"ext\"].transform;\nvar CLS_SHAPE_SUFFIX = '-shape';\nvar CLS_LABEL_SUFFIX = '-label';\nvar ARROWS = ['startArrow', 'endArrow'];\nvar SHAPE_DEFAULT_ATTRS = {\n  lineWidth: 1,\n  stroke: undefined,\n  fill: undefined,\n  lineAppendWidth: 1,\n  opacity: undefined,\n  strokeOpacity: undefined,\n  fillOpacity: undefined,\n  x: 0,\n  y: 0,\n  r: 10,\n  width: 20,\n  height: 20,\n  shadowColor: undefined,\n  shadowBlur: 0,\n  shadowOffsetX: 0,\n  shadowOffsetY: 0\n};\nvar PATH_SHAPE_DEFAULT_ATTRS = {\n  lineWidth: 1,\n  stroke: '#000',\n  lineDash: undefined,\n  startArrow: false,\n  endArrow: false,\n  opacity: undefined,\n  strokeOpacity: undefined,\n  fillOpacity: undefined,\n  shadowColor: undefined,\n  shadowBlur: 0,\n  shadowOffsetX: 0,\n  shadowOffsetY: 0\n};\nvar SHAPES_DEFAULT_ATTRS = {\n  edge: PATH_SHAPE_DEFAULT_ATTRS,\n  node: SHAPE_DEFAULT_ATTRS,\n  combo: SHAPE_DEFAULT_ATTRS\n};\nvar CLS_LABEL_BG_SUFFIX = '-label-bg'; // 单个 shape 带有一个 label，共用这段代码\n\nvar shapeBase = {\n  // 默认样式及配置\n  options: {},\n  itemType: '',\n\n  /**\n   * 形状的类型，例如 circle，ellipse，polyline...\n   */\n  type: '',\n  getCustomConfig: function getCustomConfig(cfg) {\n    return {};\n  },\n  getOptions: function getOptions(cfg) {\n    return Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"deepMix\"])({\n      // 解决局部渲染导致的文字移动残影问题\n      labelCfg: {\n        style: {\n          fontFamily: typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif'\n        }\n      },\n      descriptionCfg: {\n        style: {\n          fontFamily: typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif'\n        }\n      }\n    }, this.options, this.getCustomConfig(cfg) || {}, cfg);\n  },\n\n  /**\n   * 绘制节点/边，包含文本\n   * @override\n   * @param  {Object} cfg 节点的配置项\n   * @param  {G.Group} group 节点的容器\n   * @return {IShape} 绘制的图形\n   */\n  draw: function draw(cfg, group) {\n    var shape = this.drawShape(cfg, group);\n    shape.set('className', this.itemType + CLS_SHAPE_SUFFIX);\n\n    if (cfg.label) {\n      var label = this.drawLabel(cfg, group);\n      label.set('className', this.itemType + CLS_LABEL_SUFFIX);\n    }\n\n    return shape;\n  },\n\n  /**\n   * 绘制完成后的操作，便于用户继承现有的节点、边\n   * @param cfg\n   * @param group\n   * @param keyShape\n   */\n  afterDraw: function afterDraw(cfg, group, keyShape) {},\n  drawShape: function drawShape(cfg, group) {\n    return null;\n  },\n  drawLabel: function drawLabel(cfg, group) {\n    var defaultLabelCfg = this.getOptions(cfg).labelCfg; // image的情况下有可能为null\n\n    var labelCfg = defaultLabelCfg || {};\n    var labelStyle = this.getLabelStyle(cfg, labelCfg, group);\n    var rotate = labelStyle.rotate;\n    delete labelStyle.rotate;\n    var label = group.addShape('text', {\n      attrs: labelStyle,\n      draggable: true,\n      className: 'text-shape',\n      name: 'text-shape'\n    });\n\n    if (rotate) {\n      var labelBBox = label.getBBox();\n      var labelMatrix = label.getMatrix();\n\n      if (!labelMatrix) {\n        labelMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n      }\n\n      if (labelStyle.rotateCenter) {\n        switch (labelStyle.rotateCenter) {\n          case 'center':\n            labelMatrix = transform(labelMatrix, [['t', -labelBBox.width / 2, -labelBBox.height / 2], ['r', rotate], ['t', labelBBox.width / 2, labelBBox.height / 2]]);\n            break;\n\n          case 'lefttop':\n            labelMatrix = transform(labelMatrix, [['t', -labelStyle.x, -labelStyle.y], ['r', rotate], ['t', labelStyle.x, labelStyle.y]]);\n            break;\n\n          case 'leftcenter':\n            labelMatrix = transform(labelMatrix, [['t', -labelStyle.x, -labelStyle.y - labelBBox.height / 2], ['r', rotate], ['t', labelStyle.x, labelStyle.y + labelBBox.height / 2]]);\n            break;\n\n          default:\n            labelMatrix = transform(labelMatrix, [['t', -labelBBox.width / 2, -labelBBox.height / 2], ['r', rotate], ['t', labelBBox.width / 2, labelBBox.height / 2]]);\n            break;\n        }\n      } else {\n        labelMatrix = transform(labelMatrix, [['t', -labelStyle.x, -labelStyle.y - labelBBox.height / 2], ['r', rotate], ['t', labelStyle.x, labelStyle.y + labelBBox.height / 2]]);\n      }\n\n      label.setMatrix(labelMatrix);\n    }\n\n    if (labelStyle.background) {\n      var rect = this.drawLabelBg(cfg, group, label);\n      var labelBgClassname = this.itemType + CLS_LABEL_BG_SUFFIX;\n      rect.set('classname', labelBgClassname);\n      label.toFront();\n    }\n\n    return label;\n  },\n  drawLabelBg: function drawLabelBg(cfg, group, label) {\n    var defaultLabelCfg = this.options.labelCfg;\n    var labelCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, defaultLabelCfg, cfg.labelCfg);\n    var style = this.getLabelBgStyleByPosition(label, cfg, labelCfg, group);\n    var rect = group.addShape('rect', {\n      name: 'text-bg-shape',\n      attrs: style\n    });\n    return rect;\n  },\n  getLabelStyleByPosition: function getLabelStyleByPosition(cfg, labelCfg, group) {\n    return {\n      text: cfg.label\n    };\n  },\n  getLabelBgStyleByPosition: function getLabelBgStyleByPosition(label, cfg, labelCfg, group) {\n    return {};\n  },\n\n  /**\n   * 获取文本的配置项\n   * @param cfg 节点的配置项\n   * @param labelCfg 文本的配置项\n   * @param group 父容器，label 的定位可能与图形相关\n   */\n  getLabelStyle: function getLabelStyle(cfg, labelCfg, group) {\n    var calculateStyle = this.getLabelStyleByPosition(cfg, labelCfg, group);\n    var attrName = this.itemType + \"Label\"; // 取 nodeLabel，edgeLabel 的配置项\n\n    var defaultStyle = _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"][attrName] ? _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"][attrName].style : null;\n\n    var labelStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, defaultStyle), calculateStyle), labelCfg.style);\n\n    return labelStyle;\n  },\n\n  /**\n   * 获取图形的配置项\n   * @param cfg\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    return cfg.style;\n  },\n\n  /**\n   * 更新节点，包含文本\n   * @override\n   * @param  {Object} cfg 节点/边的配置项\n   * @param  {G6.Item} item 节点/边\n   */\n  update: function update(cfg, item) {\n    this.updateShapeStyle(cfg, item);\n    this.updateLabel(cfg, item);\n  },\n  updateShapeStyle: function updateShapeStyle(cfg, item) {\n    var group = item.getContainer();\n    var shape = item.getKeyShape();\n    var shapeStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, shape.attr(), cfg.style);\n\n    var _loop_1 = function _loop_1(key) {\n      var _a;\n\n      var style = shapeStyle[key];\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(style)) {\n        // 更新图元素样式，支持更新子元素\n        var subShape = group.find(function (element) {\n          return element.get('name') === key;\n        });\n\n        if (subShape) {\n          subShape.attr(style);\n        }\n      } else {\n        shape.attr((_a = {}, _a[key] = style, _a));\n      }\n    };\n\n    for (var key in shapeStyle) {\n      _loop_1(key);\n    }\n  },\n  updateLabel: function updateLabel(cfg, item) {\n    var group = item.getContainer();\n    var defaultLabelCfg = this.getOptions({}).labelCfg;\n    var labelClassName = this.itemType + CLS_LABEL_SUFFIX;\n    var label = group.find(function (element) {\n      return element.get('className') === labelClassName;\n    });\n    var labelBgClassname = this.itemType + CLS_LABEL_BG_SUFFIX;\n    var labelBg = group.find(function (element) {\n      return element.get('classname') === labelBgClassname;\n    }); // 防止 cfg.label = \"\" 的情况\n\n    if (cfg.label || cfg.label === '') {\n      // 若传入的新配置中有 label，（用户没传入但原先有 label，label 也会有值）\n      if (!label) {\n        // 若原先不存在 label，则绘制一个新的 label\n        var newLabel = this.drawLabel(cfg, group);\n        newLabel.set('className', labelClassName);\n      } else {\n        // 若原先存在 label，则更新样式。与 getLabelStyle 不同在于这里需要融合当前 label 的样式\n        // 用于融合 style 以外的属性：position, offset, ...\n        var currentLabelCfg = {};\n\n        if (item.getModel) {\n          currentLabelCfg = item.getModel().labelCfg;\n        } // 这里不能去掉\n\n\n        var labelCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"deepMix\"])({}, defaultLabelCfg, currentLabelCfg, cfg.labelCfg); // 获取位置信息\n\n        var calculateStyle = this.getLabelStyleByPosition(cfg, labelCfg, group); // 取 nodeLabel，edgeLabel 的配置项\n\n        var cfgStyle = cfg.labelCfg ? cfg.labelCfg.style : undefined;\n        var cfgBgStyle = labelCfg.style && labelCfg.style.background; // 需要融合当前\b label 的样式 label.attr()。不再需要全局/默认样式，因为已经应用在当前的 label 上\n\n        var labelStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, label.attr()), calculateStyle), cfgStyle);\n\n        var rotate = labelStyle.rotate;\n        delete labelStyle.rotate; // 计算 label 的旋转矩阵\n\n        if (rotate) {\n          // if G 4.x define the rotateAtStart, use it directly instead of using the following codes\n          var rotateMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n          rotateMatrix = transform(rotateMatrix, [['t', -labelStyle.x, -labelStyle.y], ['r', rotate], ['t', labelStyle.x, labelStyle.y]]);\n          label.resetMatrix();\n          label.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, labelStyle), {\n            matrix: rotateMatrix\n          }));\n        } else {\n          label.resetMatrix();\n          label.attr(labelStyle);\n        }\n\n        if (!labelBg) {\n          if (labelStyle.background) {\n            labelBg = this.drawLabelBg(cfg, group, label);\n            labelBg.set('classname', labelBgClassname);\n            label.toFront();\n          }\n        } else if (labelStyle.background) {\n          var calculateBgStyle = this.getLabelBgStyleByPosition(label, cfg, labelCfg, group);\n\n          var labelBgStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, calculateBgStyle), cfgBgStyle);\n\n          labelBg.resetMatrix();\n\n          if (rotate) {\n            var bgRotateMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n            bgRotateMatrix = transform(bgRotateMatrix, [['t', -labelBgStyle.x, -labelBgStyle.y], ['r', rotate], ['t', labelBgStyle.x, labelBgStyle.y]]);\n            labelBgStyle.matrix = bgRotateMatrix;\n          }\n\n          labelBg.attr(labelBgStyle);\n        } else {\n          group.removeChild(labelBg);\n        }\n      }\n    }\n  },\n  // update(cfg, item) // 默认不定义\n  afterUpdate: function afterUpdate(cfg, item) {},\n\n  /**\n   * 设置节点的状态，主要是交互状态，业务状态请在 draw 方法中实现\n   * 单图形的节点仅考虑 selected、active 状态，有其他状态需求的用户自己复写这个方法\n   * @override\n   * @param  {String} name 状态名称\n   * @param  {String | Boolean} value 状态值\n   * @param  {G6.Item} item 节点\n   */\n  setState: function setState(name, value, item) {\n    var _a, _b;\n\n    var shape = item.get('keyShape');\n\n    if (!shape) {\n      return;\n    }\n\n    var type = item.getType();\n    var stateName = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isBoolean\"])(value) ? name : name + \":\" + value;\n    var shapeStateStyle = this.getStateStyle(stateName, item);\n    var itemStateStyle = item.getStateStyle(stateName); // const originStyle = item.getOriginStyle();\n    // 不允许设置一个不存在的状态\n\n    if (!itemStateStyle && !shapeStateStyle) {\n      return;\n    } // 要设置或取消的状态的样式\n    // 当没有 state 状态时，默认使用 model.stateStyles 中的样式\n\n\n    var styles = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, itemStateStyle || shapeStateStyle);\n    var group = item.getContainer(); // 从图元素现有的样式中删除本次要取消的 states 中存在的属性值。使用对象检索更快\n\n    var keptAttrs = {\n      x: 1,\n      y: 1,\n      cx: 1,\n      cy: 1\n    };\n\n    if (type === 'combo') {\n      keptAttrs.r = 1;\n      keptAttrs.width = 1;\n      keptAttrs.height = 1;\n    }\n\n    if (value) {\n      var _loop_2 = function _loop_2(key) {\n        var _c;\n\n        var style = styles[key];\n\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(style) && !ARROWS.includes(key)) {\n          var subShape = group.find(function (element) {\n            return element.get('name') === key;\n          });\n\n          if (subShape) {\n            subShape.attr(style);\n          }\n        } else {\n          // 非纯对象，则认为是设置到 keyShape 上面的\n          shape.attr((_c = {}, _c[key] = style, _c));\n        }\n      }; // style 为要设置的状态的样式\n\n\n      for (var key in styles) {\n        _loop_2(key);\n      }\n    } else {\n      // 所有生效的 state 的样式\n      var enableStatesStyle = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_4__[\"cloneBesidesImg\"])(item.getCurrentStatesStyle());\n      var model = item.getModel(); // 原始样式\n\n      var originStyle_1 = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, model.style, Object(_util_graphic__WEBPACK_IMPORTED_MODULE_4__[\"cloneBesidesImg\"])(item.getOriginStyle()));\n      var keyShapeName_1 = shape.get('name'); // cloning  shape.attr(), keys.forEach to avoid cloning the img attr, which leads to maximum clone heap #2383\n      // const keyShapeStyles = clone(shape.attr())\n\n      var shapeAttrs_1 = shape.attr();\n      var keyShapeStyles_1 = {};\n      Object.keys(shapeAttrs_1).forEach(function (key) {\n        if (key === 'img') return;\n        var attr = shapeAttrs_1[key];\n\n        if (attr && _typeof(attr) === 'object') {\n          keyShapeStyles_1[key] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(attr);\n        } else {\n          keyShapeStyles_1[key] = attr;\n        }\n      }); // 已有样式 - 要取消的状态的样式\n\n      var filtetDisableStatesStyle = {};\n\n      var _loop_3 = function _loop_3(p) {\n        var style = styles[p];\n\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(style) && !ARROWS.includes(p)) {\n          var subShape_1 = group.find(function (element) {\n            return element.get('name') === p;\n          });\n\n          if (subShape_1) {\n            var subShapeStyles_1 = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(subShape_1.attr());\n            Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(style, function (v, key) {\n              if (p === keyShapeName_1 && keyShapeStyles_1[key] && !keptAttrs[key]) {\n                delete keyShapeStyles_1[key];\n                var value_1 = originStyle_1[p][key] || SHAPES_DEFAULT_ATTRS[type][key];\n                shape.attr(key, value_1);\n              } else if (subShapeStyles_1[key] || subShapeStyles_1[key] === 0) {\n                delete subShapeStyles_1[key];\n                var value_2 = originStyle_1[p][key] || SHAPES_DEFAULT_ATTRS[type][key];\n                subShape_1.attr(key, value_2);\n              }\n            });\n            filtetDisableStatesStyle[p] = subShapeStyles_1;\n          }\n        } else {\n          if (keyShapeStyles_1[p] && !keptAttrs[p]) {\n            delete keyShapeStyles_1[p];\n            var value_3 = originStyle_1[p] || (originStyle_1[keyShapeName_1] ? originStyle_1[keyShapeName_1][p] : undefined) || SHAPES_DEFAULT_ATTRS[type][p];\n            shape.attr(p, value_3);\n          }\n        }\n      }; // styles 为要取消的状态的样式\n\n\n      for (var p in styles) {\n        _loop_3(p);\n      } // 从图元素现有的样式中删除本次要取消的 states 中存在的属性值后，\n      // 如果 keyShape 有 name 属性，则 filtetDisableStatesStyle 的格式为 { keyShapeName: {} }\n      // 否则为普通对象\n\n\n      if (!keyShapeName_1) {\n        Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])(filtetDisableStatesStyle, keyShapeStyles_1);\n      } else {\n        filtetDisableStatesStyle[keyShapeName_1] = keyShapeStyles_1;\n      }\n\n      for (var key in enableStatesStyle) {\n        if (keptAttrs[key]) continue;\n        var enableStyle = enableStatesStyle[key];\n\n        if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(enableStyle) || ARROWS.includes(key)) {\n          // 把样式属性merge到keyShape中\n          if (!keyShapeName_1) {\n            Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])(originStyle_1, (_a = {}, _a[key] = enableStyle, _a));\n          } else {\n            Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])(originStyle_1[keyShapeName_1], (_b = {}, _b[key] = enableStyle, _b));\n            delete originStyle_1[key];\n          }\n\n          delete enableStatesStyle[key];\n        }\n      }\n\n      var originstyles = {};\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"deepMix\"])(originstyles, originStyle_1, filtetDisableStatesStyle, enableStatesStyle);\n      var keyShapeSetted = false;\n\n      var _loop_4 = function _loop_4(originKey) {\n        var _d, _e;\n\n        var style = originstyles[originKey];\n\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(style) && !ARROWS.includes(originKey)) {\n          var subShape = group.find(function (element) {\n            return element.get('name') === originKey;\n          });\n\n          if (subShape) {\n            if (originKey === keyShapeName_1) {\n              if (type === 'combo') {\n                delete style.r;\n                delete style.width;\n                delete style.height;\n              }\n\n              keyShapeSetted = true;\n            }\n\n            subShape.attr(style);\n          }\n        } else if (!keyShapeSetted) {\n          var value_4 = style || SHAPES_DEFAULT_ATTRS[type][originKey]; // 当更新 combo 状态时，当不存在 keyShapeName 时候，则认为是设置到 keyShape 上面的\n\n          if (type === 'combo') {\n            if (!keyShapeName_1) {\n              shape.attr((_d = {}, _d[originKey] = value_4, _d));\n            }\n          } else {\n            shape.attr((_e = {}, _e[originKey] = value_4, _e));\n          }\n        }\n      };\n\n      for (var originKey in originstyles) {\n        _loop_4(originKey);\n      }\n    }\n  },\n\n  /**\n   * 获取不同状态下的样式\n   *\n   * @param {string} name 状态名称\n   * @param {Item} item Node或Edge的实例\n   * @return {object} 样式\n   */\n  getStateStyle: function getStateStyle(name, item) {\n    var model = item.getModel();\n    var type = item.getType();\n\n    var _a = this.getOptions(model),\n        stateStyles = _a.stateStyles,\n        _b = _a.style,\n        style = _b === void 0 ? {} : _b;\n\n    var modelStateStyle = model.stateStyles ? model.stateStyles[name] : stateStyles && stateStyles[name];\n\n    if (type === 'combo') {\n      return Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(modelStateStyle);\n    }\n\n    return Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, style, modelStateStyle);\n  },\n\n  /**\n   * 获取控制点\n   * @param  {Object} cfg 节点、边的配置项\n   * @return {Array|null} 控制点的数组,如果为 null，则没有控制点\n   */\n  getControlPoints: function getControlPoints(cfg) {\n    return cfg.controlPoints;\n  },\n\n  /**\n   * 获取控制点\n   * @param  {Object} cfg 节点、边的配置项\n   * @return {Array|null} 锚点的数组,如果为 null，则没有锚点\n   */\n  getAnchorPoints: function getAnchorPoints(cfg) {\n    var anchorPoints = this.getOptions(cfg).anchorPoints;\n    return anchorPoints;\n  }\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shapeBase.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/xml.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/xml.js ***!
-  \****************************************************************************/
-/*! exports provided: xmlDataRenderer, parseXML, getBBox, generateTarget, compareTwoTarget, createNodeFromXML */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"xmlDataRenderer\", function() { return xmlDataRenderer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"parseXML\", function() { return parseXML; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBox\", function() { return getBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"generateTarget\", function() { return generateTarget; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"compareTwoTarget\", function() { return compareTwoTarget; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createNodeFromXML\", function() { return createNodeFromXML; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n/**\n * @fileOverview 从xml建立自定义Node，包含update\n * @author xuzhi.mxz@antfin.com\n */\n\n\n\n/**\n * 一种更宽松的JSON 解析，如果遇到不符合规范的字段会直接转为字符串\n * @param text json 内容\n */\n\nfunction looseJSONParse(text) {\n  if (typeof text !== 'string') {\n    return text;\n  }\n\n  var safeParse = function safeParse(str) {\n    if (typeof str !== 'string') {\n      return str;\n    }\n\n    try {\n      return JSON.parse(str.trim());\n    } catch (e) {\n      return str.trim();\n    }\n  };\n\n  var firstAttempt = safeParse(text);\n\n  if (typeof firstAttempt !== 'string') {\n    return firstAttempt;\n  }\n\n  var tail = function tail(arr) {\n    return arr[arr.length - 1];\n  };\n\n  var str = text.trim();\n  var objectStack = [];\n  var syntaxStack = [];\n\n  var isLastPair = function isLastPair() {\n    var syntaxes = [];\n\n    for (var _i = 0; _i < arguments.length; _i++) {\n      syntaxes[_i] = arguments[_i];\n    }\n\n    return syntaxes.some(function (syntax) {\n      return tail(syntaxStack) === syntax;\n    });\n  };\n\n  var getValueStore = function getValueStore() {\n    return tail(objectStack);\n  };\n\n  var rst = null;\n  var i = 0;\n  var temp = '';\n\n  while (i < str.length) {\n    var nowChar = str[i];\n    var isInString = isLastPair('\"', \"'\");\n\n    if (!isInString && !nowChar.trim()) {\n      i += 1;\n      continue;\n    }\n\n    var isLastTranslate = str[i - 1] === '\\\\';\n    var isInObject = isLastPair('}');\n    var isInArray = isLastPair(']');\n    var isWaitingValue = isLastPair(',');\n    var tempArr = getValueStore();\n\n    if (isInString) {\n      if (tail(syntaxStack) === nowChar && !isLastTranslate) {\n        syntaxStack.pop();\n        var value = safeParse(temp);\n        tempArr.push(value);\n        rst = value;\n        temp = '';\n      } else {\n        temp += nowChar;\n      }\n    } else if (isInArray && nowChar === ',') {\n      if (temp) {\n        tempArr.push(safeParse(temp));\n        temp = '';\n      }\n    } else if (isInObject && nowChar === ':') {\n      syntaxStack.push(',');\n\n      if (temp) {\n        tempArr.push(temp);\n        temp = '';\n      }\n    } else if (isWaitingValue && nowChar === ',') {\n      if (temp) {\n        tempArr.push(safeParse(temp));\n        temp = '';\n      }\n\n      syntaxStack.pop();\n    } else if (nowChar === '}' && (isInObject || isWaitingValue)) {\n      if (temp) {\n        tempArr.push(safeParse(temp));\n        temp = '';\n      }\n\n      if (isWaitingValue) {\n        syntaxStack.pop();\n      }\n\n      var obj = {};\n\n      for (var c = 1; c < tempArr.length; c += 2) {\n        obj[tempArr[c - 1]] = tempArr[c];\n      }\n\n      objectStack.pop();\n\n      if (objectStack.length) {\n        tail(objectStack).push(obj);\n      }\n\n      syntaxStack.pop();\n      rst = obj;\n    } else if (nowChar === ']' && isInArray) {\n      if (temp) {\n        tempArr.push(safeParse(temp));\n        temp = '';\n      }\n\n      objectStack.pop();\n\n      if (objectStack.length) {\n        tail(objectStack).push(tempArr);\n      }\n\n      syntaxStack.pop();\n      rst = tempArr;\n    } else if (nowChar === '{') {\n      objectStack.push([]);\n      syntaxStack.push('}');\n    } else if (nowChar === '[') {\n      objectStack.push([]);\n      syntaxStack.push(']');\n    } else if (nowChar === '\"') {\n      syntaxStack.push('\"');\n    } else if (nowChar === \"'\") {\n      syntaxStack.push(\"'\");\n    } else {\n      temp += nowChar;\n    }\n\n    i += 1;\n  }\n\n  return rst || temp;\n}\n\nvar keyConvert = function keyConvert(str) {\n  return str.split('-').reduce(function (a, b) {\n    return a + b.charAt(0).toUpperCase() + b.slice(1);\n  });\n};\n/**\n * 简单的一个{{}}模板渲染，不包含任何复杂语法\n * @param xml\n */\n\n\nvar xmlDataRenderer = function xmlDataRenderer(xml) {\n  return function (data) {\n    var len = xml.length;\n    var arr = [];\n    var i = 0;\n    var tmp = '';\n\n    while (i < len) {\n      if (xml[i] === '{' && xml[i + 1] === '{') {\n        arr.push(tmp);\n        tmp = '';\n        i += 2;\n      } else if (xml[i] === '}' && xml[i + 1] === '}') {\n        if (arr.length) {\n          var last = arr.pop();\n          tmp = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"get\"])(data, tmp, last.endsWith('=') ? \"\\\"{\" + tmp + \"}\\\"\" : tmp);\n          arr.push(last + tmp);\n        }\n\n        i += 2;\n        tmp = '';\n      } else {\n        tmp += xml[i];\n        i += 1;\n      }\n    }\n\n    arr.push(tmp);\n    return arr.map(function (e, index) {\n      return arr[index - 1] && arr[index - 1].endsWith('=') ? \"\\\"{\" + e + \"}\\\"\" : e;\n    }).join('');\n  };\n};\n/**\n * 解析XML，并转化为相应的JSON结构\n * @param xml xml解析后的节点\n */\n\nfunction parseXML(xml, cfg) {\n  var attrs = {};\n  var keys = xml.getAttributeNames && xml.getAttributeNames() || [];\n  var children = xml.children && Array.from(xml.children).map(function (e) {\n    return parseXML(e, cfg);\n  });\n  var rst = {};\n  var tagName = xml.tagName ? xml.tagName.toLowerCase() : 'group';\n\n  if (tagName === 'text') {\n    attrs.text = xml.innerText;\n  }\n\n  rst.type = tagName;\n\n  if (tagName === 'img') {\n    rst.type = 'image';\n  }\n\n  Array.from(keys).forEach(function (k) {\n    var key = keyConvert(k);\n    var val = xml.getAttribute(k);\n\n    try {\n      if (key === 'style' || key === 'attrs') {\n        var style = looseJSONParse(val);\n        attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, attrs), style);\n      } else {\n        rst[key] = looseJSONParse(val);\n      }\n    } catch (e) {\n      if (key === 'style') {\n        throw e;\n      }\n\n      rst[key] = val;\n    }\n  });\n  rst.attrs = attrs;\n\n  if (cfg && cfg.style && rst.name && _typeof(cfg.style[rst.name]) === 'object') {\n    rst.attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, rst.attrs), cfg.style[rst.name]);\n  }\n\n  if (cfg && cfg.style && rst.keyshape) {\n    rst.attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, rst.attrs), cfg.style);\n  }\n\n  if (children.length) {\n    rst.children = children;\n  }\n\n  return rst;\n}\n/**\n * 根据偏移量和内部节点最终的bounding box来得出该shape最终的bbox\n */\n\nfunction getBBox(node, offset, chilrenBBox) {\n  var _a = node.attrs,\n      attrs = _a === void 0 ? {} : _a;\n  var bbox = {\n    x: offset.x || 0,\n    y: offset.y || 0,\n    width: chilrenBBox.width || 0,\n    height: chilrenBBox.height || 0\n  };\n  var shapeHeight, shapeWidth;\n\n  switch (node.type) {\n    case 'maker':\n    case 'circle':\n      if (attrs.r) {\n        shapeWidth = 2 * attrs.r;\n        shapeHeight = 2 * attrs.r;\n      }\n\n      break;\n\n    case 'text':\n      if (attrs.text) {\n        shapeWidth = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_2__[\"getTextSize\"])(attrs.text, attrs.fontSize || 12)[0];\n        shapeHeight = 16;\n        bbox.y += shapeHeight;\n        bbox.height = shapeHeight;\n        bbox.width = shapeWidth;\n        node.attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          fontSize: 12,\n          fill: '#000'\n        }, attrs);\n      }\n\n      break;\n\n    default:\n      if (attrs.width) {\n        shapeWidth = attrs.width;\n      }\n\n      if (attrs.height) {\n        shapeHeight = attrs.height;\n      }\n\n  }\n\n  if (shapeHeight >= 0) {\n    bbox.height = shapeHeight;\n  }\n\n  if (shapeWidth >= 0) {\n    bbox.width = shapeWidth;\n  }\n\n  if (attrs.marginTop) {\n    bbox.y += attrs.marginTop;\n  }\n\n  if (attrs.marginLeft) {\n    bbox.x += attrs.marginLeft;\n  }\n\n  return bbox;\n}\n/**\n * 把从xml计算出的结构填上位置信息，补全attrs\n * @param target\n * @param lastOffset\n */\n\nfunction generateTarget(target, lastOffset) {\n  var _a;\n\n  if (lastOffset === void 0) {\n    lastOffset = {\n      x: 0,\n      y: 0\n    };\n  }\n\n  var defaultBbox = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0\n  }, lastOffset);\n\n  if ((_a = target.children) === null || _a === void 0 ? void 0 : _a.length) {\n    var _b = target.attrs,\n        attrs = _b === void 0 ? {} : _b;\n    var marginTop = attrs.marginTop;\n\n    var offset = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, lastOffset);\n\n    if (marginTop) {\n      offset.y += marginTop;\n    }\n\n    for (var index = 0; index < target.children.length; index++) {\n      target.children[index].attrs.key = (attrs.key || 'root') + \" -\" + index + \" \";\n      var node = generateTarget(target.children[index], offset);\n\n      if (node.bbox) {\n        var bbox = node.bbox;\n\n        if (node.attrs.next === 'inline') {\n          offset.x += node.bbox.width;\n        } else {\n          offset.y += node.bbox.height;\n        }\n\n        if (bbox.width + bbox.x > defaultBbox.width) {\n          defaultBbox.width = bbox.width + bbox.x;\n        }\n\n        if (bbox.height + bbox.y > defaultBbox.height) {\n          defaultBbox.height = bbox.height + bbox.y;\n        }\n      }\n    }\n  }\n\n  target.bbox = getBBox(target, lastOffset, defaultBbox);\n  target.attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, target.attrs), target.bbox);\n  return target;\n}\n/**\n * 对比前后两个最终计算出来的node，并对比出最小改动,\n * 动作： 'add' 添加节点 ｜ ’delete‘ 删除节点 ｜ ’change‘ 改变节点attrs ｜ 'restructure' 重构节点\n * @param nowTarget\n * @param formerTarget\n */\n\nfunction compareTwoTarget(nowTarget, formerTarget) {\n  var _a, _b, _c, _d;\n\n  var type = (nowTarget || {}).type;\n  var key = ((formerTarget === null || formerTarget === void 0 ? void 0 : formerTarget.attrs) || {}).key;\n\n  if (key && nowTarget) {\n    nowTarget.attrs.key = key;\n  }\n\n  if (!nowTarget && formerTarget) {\n    return {\n      action: 'delete',\n      val: formerTarget,\n      type: type,\n      key: key\n    };\n  }\n\n  if (nowTarget && !formerTarget) {\n    return {\n      action: 'add',\n      val: nowTarget,\n      type: type\n    };\n  }\n\n  if (!nowTarget && !formerTarget) {\n    return {\n      action: 'same',\n      type: type\n    };\n  }\n\n  var children = [];\n\n  if (((_a = nowTarget.children) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_b = formerTarget.children) === null || _b === void 0 ? void 0 : _b.length) > 0) {\n    var length_1 = Math.max((_c = nowTarget.children) === null || _c === void 0 ? void 0 : _c.length, (_d = formerTarget.children) === null || _d === void 0 ? void 0 : _d.length);\n    var formerChilren = formerTarget.children || [];\n    var nowChilren = nowTarget.children || [];\n\n    for (var index = 0; index < length_1; index += 1) {\n      children.push(compareTwoTarget(nowChilren[index], formerChilren[index]));\n    }\n  }\n\n  var formerKeys = Object.keys(formerTarget.attrs);\n  var nowKeys = Object.keys(nowTarget.attrs);\n\n  if (formerTarget.type !== nowTarget.type) {\n    return {\n      action: 'restructure',\n      nowTarget: nowTarget,\n      formerTarget: formerTarget,\n      key: key,\n      children: children\n    };\n  }\n\n  if (formerKeys.filter(function (e) {\n    return e !== 'children';\n  }).some(function (e) {\n    return nowTarget.attrs[e] !== formerTarget.attrs[e] || !nowKeys.includes(e);\n  })) {\n    return {\n      action: 'change',\n      val: nowTarget,\n      children: children,\n      type: type,\n      key: key\n    };\n  }\n\n  return {\n    action: 'same',\n    children: children,\n    type: type,\n    key: key\n  };\n}\n/**\n * 根据xml或者返回xml的函数构建自定义节点的结构\n * @param gen\n */\n\nfunction createNodeFromXML(gen) {\n  var structures = {};\n\n  var compileXML = function compileXML(cfg) {\n    var rawStr = typeof gen === 'function' ? gen(cfg) : gen;\n    var target = xmlDataRenderer(rawStr)(cfg);\n    var xmlParser = document.createElement('div');\n    xmlParser.innerHTML = target;\n    var xml = xmlParser.children[0];\n    var result = generateTarget(parseXML(xml, cfg));\n    xmlParser.remove();\n    return result;\n  };\n\n  return {\n    draw: function draw(cfg, group) {\n      var resultTarget = compileXML(cfg);\n      var keyshape = group;\n\n      var renderTarget = function renderTarget(target) {\n        var _a = target.attrs,\n            attrs = _a === void 0 ? {} : _a,\n            bbox = target.bbox,\n            type = target.type,\n            children = target.children,\n            rest = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(target, [\"attrs\", \"bbox\", \"type\", \"children\"]);\n\n        if (target.type !== 'group') {\n          var shape = group.addShape(target.type, Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n            attrs: attrs,\n            origin: {\n              bbox: bbox,\n              type: type,\n              children: children\n            }\n          }, rest));\n\n          if (target.keyshape) {\n            keyshape = shape;\n          }\n        }\n\n        if (target.children) {\n          target.children.forEach(function (n) {\n            return renderTarget(n);\n          });\n        }\n      };\n\n      renderTarget(resultTarget);\n      structures[cfg.id] = [resultTarget];\n      return keyshape;\n    },\n    update: function update(cfg, node) {\n      if (!structures[cfg.id]) {\n        structures[cfg.id] = [];\n      }\n\n      var container = node.getContainer();\n      var children = container.get('children');\n      var newTarget = compileXML(cfg);\n      var lastTarget = structures[cfg.id].pop();\n      var diffResult = compareTwoTarget(newTarget, lastTarget);\n\n      var addShape = function addShape(shape) {\n        var _a;\n\n        if (shape.type !== 'group') {\n          container.addShape(shape.type, {\n            attrs: shape.attrs\n          });\n        }\n\n        if ((_a = shape.children) === null || _a === void 0 ? void 0 : _a.length) {\n          shape.children.map(function (e) {\n            return addShape(e);\n          });\n        }\n      };\n\n      var delShape = function delShape(shape) {\n        var _a;\n\n        var targetShape = children.find(function (e) {\n          return e.attrs.key === shape.attrs.key;\n        });\n\n        if (targetShape) {\n          container.removeChild(targetShape);\n        }\n\n        if ((_a = shape.children) === null || _a === void 0 ? void 0 : _a.length) {\n          shape.children.map(function (e) {\n            return delShape(e);\n          });\n        }\n      };\n\n      var updateTarget = function updateTarget(target) {\n        var key = target.key;\n\n        if (target.type !== 'group') {\n          var targetShape = children.find(function (e) {\n            return e.attrs.key === key;\n          });\n\n          switch (target.action) {\n            case 'change':\n              if (targetShape) {\n                var originAttr = target.val.keyshape ? node.getOriginStyle() : {};\n                targetShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, originAttr), target.val.attrs));\n              }\n\n              break;\n\n            case 'add':\n              addShape(target.val);\n              break;\n\n            case 'delete':\n              delShape(target.val);\n              break;\n\n            case 'restructure':\n              delShape(target.formerTarget);\n              addShape(target.nowTarget);\n              break;\n\n            default:\n              break;\n          }\n        }\n\n        if (target.children) {\n          target.children.forEach(function (n) {\n            return updateTarget(n);\n          });\n        }\n      };\n\n      updateTarget(diffResult);\n      structures[cfg.id].push(newTarget);\n    },\n    getAnchorPoints: function getAnchorPoints() {\n      return [[0, 0.5], [1, 0.5], [0.5, 1], [0.5, 0]];\n    }\n  };\n}\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/xml.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js":
-/*!***********************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js ***!
-  \***********************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar subjectColor = 'rgb(95, 149, 255)';\nvar backColor = 'rgb(255, 255, 255)';\nvar textColor = 'rgb(0, 0, 0)';\nvar activeFill = 'rgb(247, 250, 255)';\nvar nodeMainFill = 'rgb(239, 244, 255)';\nvar comboFill = 'rgb(253, 253, 253)';\nvar disabledFill = 'rgb(250, 250, 250)';\nvar edgeMainStroke = 'rgb(224, 224, 224)';\nvar edgeInactiveStroke = 'rgb(234, 234, 234)';\nvar edgeDisablesStroke = 'rgb(245, 245, 245)';\nvar inactiveStroke = 'rgb(191, 213, 255)';\nvar highlightStroke = '#4572d9';\nvar highlightFill = 'rgb(223, 234, 255)';\nvar colorSet = {\n  // for nodes\n  mainStroke: subjectColor,\n  mainFill: nodeMainFill,\n  activeStroke: subjectColor,\n  activeFill: activeFill,\n  inactiveStroke: inactiveStroke,\n  inactiveFill: activeFill,\n  selectedStroke: subjectColor,\n  selectedFill: backColor,\n  highlightStroke: highlightStroke,\n  highlightFill: highlightFill,\n  disableStroke: edgeMainStroke,\n  disableFill: disabledFill,\n  // for edges\n  edgeMainStroke: edgeMainStroke,\n  edgeActiveStroke: subjectColor,\n  edgeInactiveStroke: edgeInactiveStroke,\n  edgeSelectedStroke: subjectColor,\n  edgeHighlightStroke: subjectColor,\n  edgeDisableStroke: edgeDisablesStroke,\n  // for combos\n  comboMainStroke: edgeMainStroke,\n  comboMainFill: comboFill,\n  comboActiveStroke: subjectColor,\n  comboActiveFill: activeFill,\n  comboInactiveStroke: edgeMainStroke,\n  comboInactiveFill: comboFill,\n  comboSelectedStroke: subjectColor,\n  comboSelectedFill: comboFill,\n  comboHighlightStroke: highlightStroke,\n  comboHighlightFill: comboFill,\n  comboDisableStroke: edgeInactiveStroke,\n  comboDisableFill: disabledFill\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  version: '0.0.16',\n  rootContainerClassName: 'root-container',\n  nodeContainerClassName: 'node-container',\n  edgeContainerClassName: 'edge-container',\n  comboContainerClassName: 'combo-container',\n  delegateContainerClassName: 'delegate-container',\n  defaultLoopPosition: 'top',\n  nodeLabel: {\n    style: {\n      fill: '#000',\n      fontSize: 12,\n      textAlign: 'center',\n      textBaseline: 'middle'\n    },\n    offset: 4 // 节点的默认文本不居中时的偏移量\n\n  },\n  defaultNode: {\n    type: 'circle',\n    style: {\n      lineWidth: 1,\n      stroke: colorSet.mainStroke,\n      fill: nodeMainFill\n    },\n    size: 20,\n    color: colorSet.mainStroke,\n    linkPoints: {\n      size: 8,\n      lineWidth: 1,\n      fill: colorSet.activeFill,\n      stroke: colorSet.activeStroke\n    }\n  },\n  // 节点应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  nodeStateStyles: {\n    active: {\n      fill: colorSet.activeFill,\n      stroke: colorSet.activeStroke,\n      lineWidth: 2,\n      shadowColor: colorSet.mainStroke,\n      shadowBlur: 10\n    },\n    selected: {\n      fill: colorSet.selectedFill,\n      stroke: colorSet.selectedStroke,\n      lineWidth: 4,\n      shadowColor: colorSet.selectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      fill: colorSet.highlightFill,\n      stroke: colorSet.highlightStroke,\n      lineWidth: 2,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      fill: colorSet.inactiveFill,\n      stroke: colorSet.inactiveStroke,\n      lineWidth: 1\n    },\n    disable: {\n      fill: colorSet.disableFill,\n      stroke: colorSet.disableStroke,\n      lineWidth: 1\n    }\n  },\n  edgeLabel: {\n    style: {\n      fill: textColor,\n      textAlign: 'center',\n      textBaseline: 'middle',\n      fontSize: 12\n    }\n  },\n  defaultEdge: {\n    type: 'line',\n    size: 1,\n    style: {\n      stroke: colorSet.edgeMainStroke,\n      lineAppendWidth: 2\n    },\n    color: colorSet.edgeMainStroke\n  },\n  // 边应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  edgeStateStyles: {\n    active: {\n      stroke: colorSet.edgeActiveStroke,\n      lineWidth: 1\n    },\n    selected: {\n      stroke: colorSet.edgeSelectedStroke,\n      lineWidth: 2,\n      shadowColor: colorSet.edgeSelectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      stroke: colorSet.edgeHighlightStroke,\n      lineWidth: 2,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      stroke: colorSet.edgeInactiveStroke,\n      lineWidth: 1\n    },\n    disable: {\n      stroke: colorSet.edgeDisableStroke,\n      lineWidth: 1\n    }\n  },\n  comboLabel: {\n    style: {\n      fill: textColor,\n      // textAlign: 'center',\n      textBaseline: 'middle',\n      fontSize: 12\n    },\n    refY: 10,\n    refX: 10 // Combo 的默认文本不居中时的偏移量\n\n  },\n  defaultCombo: {\n    type: 'circle',\n    style: {\n      fill: colorSet.comboMainFill,\n      lineWidth: 1,\n      stroke: colorSet.comboMainStroke,\n      r: 5,\n      width: 20,\n      height: 10\n    },\n    size: [20, 5],\n    color: colorSet.comboMainStroke,\n    padding: [25, 20, 15, 20]\n  },\n  // combo 应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  comboStateStyles: {\n    active: {\n      stroke: colorSet.comboActiveStroke,\n      lineWidth: 1,\n      fill: colorSet.comboActiveFill\n    },\n    selected: {\n      stroke: colorSet.comboSelectedStroke,\n      lineWidth: 2,\n      fill: colorSet.comboSelectedFill,\n      shadowColor: colorSet.comboSelectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      stroke: colorSet.comboHighlightStroke,\n      lineWidth: 2,\n      fill: colorSet.comboHighlightFill,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      stroke: colorSet.comboInactiveStroke,\n      fill: colorSet.comboInactiveFill,\n      lineWidth: 1\n    },\n    disable: {\n      stroke: colorSet.comboDisableStroke,\n      fill: colorSet.comboDisableFill,\n      lineWidth: 1\n    }\n  },\n  delegateStyle: {\n    fill: '#F3F9FF',\n    fillOpacity: 0.5,\n    stroke: '#1890FF',\n    strokeOpacity: 0.9,\n    lineDash: [5, 5]\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/event.js":
-/*!***************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/event.js ***!
-  \***************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar EventController =\n/** @class */\nfunction () {\n  function EventController(graph) {\n    this.graph = graph;\n    this.destroyed = false;\n    this.initEvents();\n  }\n\n  return EventController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (EventController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/event.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/index.js":
-/*!***************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/index.js ***!
-  \***************************************************************************************/
-/*! exports provided: ModeController, ViewController, ItemController, StateController */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mode */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/mode.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ModeController\", function() { return _mode__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _view__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./view */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/view.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ViewController\", function() { return _view__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./item */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/item.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ItemController\", function() { return _item__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./state */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/state.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"StateController\", function() { return _state__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n\n\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/item.js":
-/*!**************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/item.js ***!
-  \**************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _item_edge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../item/edge */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/edge.js\");\n/* harmony import */ var _item_node__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../item/node */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/node.js\");\n/* harmony import */ var _item_combo__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../item/combo */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/combo.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/graphic */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js\");\n\n\n\n\n\n\nvar NODE = 'node';\nvar EDGE = 'edge';\nvar VEDGE = 'vedge';\nvar COMBO = 'combo';\nvar CFG_PREFIX = 'default';\nvar MAPPER_SUFFIX = 'Mapper';\nvar STATE_SUFFIX = 'stateStyles';\n\nvar ItemController =\n/** @class */\nfunction () {\n  function ItemController(graph) {\n    this.graph = graph;\n    this.destroyed = false;\n  }\n  /**\n   * 增加 Item 实例\n   *\n   * @param {ITEM_TYPE} type 实例类型，node 或 edge\n   * @param {(NodeConfig & EdgeConfig)} model 数据模型\n   * @returns {(Item)}\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.addItem = function (type, model) {\n    var _this = this;\n\n    var graph = this.graph;\n    var vType = type === VEDGE ? EDGE : type;\n    var parent = graph.get(vType + \"Group\") || graph.get('group');\n    var upperType = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"upperFirst\"])(vType);\n    var item = null; // 获取 this.get('styles') 中的值\n\n    var styles = graph.get(vType + Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"upperFirst\"])(STATE_SUFFIX)) || {};\n    var defaultModel = graph.get(CFG_PREFIX + upperType);\n\n    if (model[STATE_SUFFIX]) {\n      // 设置 this.get('styles') 中的值\n      styles = model[STATE_SUFFIX];\n    }\n\n    if (defaultModel) {\n      // 很多布局会直接修改原数据模型，所以不能用 merge 的形式，逐个写入原 model 中\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(defaultModel, function (val, cfg) {\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isObject\"])(val) && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(val)) {\n          model[cfg] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, val, model[cfg]);\n        } else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(val)) {\n          model[cfg] = model[cfg] || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(defaultModel[cfg]);\n        } else {\n          model[cfg] = model[cfg] || defaultModel[cfg];\n        }\n      });\n    }\n\n    var mapper = graph.get(vType + MAPPER_SUFFIX);\n\n    if (mapper) {\n      var mappedModel_1 = mapper(model);\n\n      if (mappedModel_1[STATE_SUFFIX]) {\n        // 设置 this.get('styles') 中的值\n        styles = mappedModel_1[STATE_SUFFIX];\n        delete mappedModel_1[STATE_SUFFIX];\n      } // 如果配置了 defaultEdge 或 defaultNode，则将默认配置的数据也合并进去\n\n\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(mappedModel_1, function (val, cfg) {\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isObject\"])(val) && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(val)) {\n          model[cfg] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, model[cfg], val);\n        } else {\n          model[cfg] = mappedModel_1[cfg] || model[cfg];\n        }\n      });\n    }\n\n    graph.emit('beforeadditem', {\n      type: type,\n      model: model\n    });\n\n    if (type === EDGE || type === VEDGE) {\n      var source = void 0;\n      var target = void 0;\n      source = model.source; // eslint-disable-line prefer-destructuring\n\n      target = model.target; // eslint-disable-line prefer-destructuring\n\n      if (source && Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(source)) {\n        source = graph.findById(source);\n      }\n\n      if (target && Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(target)) {\n        target = graph.findById(target);\n      }\n\n      if (!source || !target) {\n        console.warn(\"The source or target node of edge \" + model.id + \" does not exist!\");\n        return;\n      }\n\n      if (source.getType && source.getType() === 'combo') {\n        model.isComboEdge = true; // graph.updateCombo(source as ICombo);\n      }\n\n      if (target.getType && target.getType() === 'combo') {\n        model.isComboEdge = true; // graph.updateCombo(target as ICombo);\n      }\n\n      item = new _item_edge__WEBPACK_IMPORTED_MODULE_2__[\"default\"]({\n        model: model,\n        source: source,\n        target: target,\n        styles: styles,\n        linkCenter: graph.get('linkCenter'),\n        group: parent.addGroup()\n      });\n    } else if (type === NODE) {\n      item = new _item_node__WEBPACK_IMPORTED_MODULE_3__[\"default\"]({\n        model: model,\n        styles: styles,\n        group: parent.addGroup()\n      });\n    } else if (type === COMBO) {\n      var children = model.children;\n      var comboBBox = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"getComboBBox\"])(children, graph);\n      model.x = comboBBox.x || model.x || Math.random() * 100;\n      model.y = comboBBox.y || model.y || Math.random() * 100;\n      var comboGroup = parent.addGroup();\n      comboGroup.setZIndex(model.depth);\n      item = new _item_combo__WEBPACK_IMPORTED_MODULE_4__[\"default\"]({\n        model: model,\n        styles: styles,\n        bbox: comboBBox,\n        group: comboGroup\n      });\n      var comboModel_1 = item.getModel();\n      (children || []).forEach(function (child) {\n        var childItem = graph.findById(child.id);\n        item.addChild(childItem);\n        child.depth = comboModel_1.depth + 2;\n      }); // collapse the combo if the collapsed is true in the model\n\n      if (model.collapsed) {\n        setTimeout(function () {\n          graph.collapseCombo(item);\n\n          _this.updateCombo(item, []);\n        }, 250);\n      }\n    }\n\n    if (item) {\n      graph.get(type + \"s\").push(item);\n      graph.get('itemMap')[item.get('id')] = item;\n      graph.emit('afteradditem', {\n        item: item,\n        model: model\n      }); // eslint-disable-next-line consistent-return\n\n      return item;\n    }\n  };\n  /**\n   * 更新节点或边\n   *\n   * @param {Item} item ID 或 实例\n   * @param {(EdgeConfig | Partial<NodeConfig>)} cfg 数据模型\n   * @returns\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.updateItem = function (item, cfg) {\n    var _a, _b;\n\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = graph.findById(item);\n    }\n\n    if (!item || item.destroyed) {\n      return;\n    } // 更新的 item 的类型\n\n\n    var type = '';\n    if (item.getType) type = item.getType();\n    var mapper = graph.get(type + MAPPER_SUFFIX);\n    var model = item.getModel();\n    var isOnlyMove = item.isOnlyMove(cfg);\n\n    if (mapper) {\n      var result = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, model, cfg);\n      var mappedModel = mapper(result); // 将 update 时候用户传入的参数与mapperModel做deepMix，以便复用之前设置的参数值\n\n      var newModel = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, model, mappedModel, cfg);\n\n      if (mappedModel[STATE_SUFFIX]) {\n        item.set('styles', newModel[STATE_SUFFIX]);\n        delete newModel[STATE_SUFFIX];\n      }\n\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(newModel, function (val, key) {\n        cfg[key] = val;\n      });\n    } else {\n      // merge update传进来的对象参数，model中没有的数据不做处理，对象和字符串值也不做处理，直接替换原来的\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(cfg, function (val, key) {\n        if (model[key]) {\n          if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isObject\"])(val) && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(val)) {\n            cfg[key] = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, model[key]), cfg[key]);\n          }\n        }\n      });\n    } // emit beforeupdateitem 事件\n\n\n    graph.emit('beforeupdateitem', {\n      item: item,\n      cfg: cfg\n    });\n\n    if (type === EDGE) {\n      // 若是边要更新source || target, 为了不影响示例内部model，并且重新计算startPoint和endPoint，手动设置\n      if (cfg.source) {\n        var source = cfg.source;\n\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(source)) {\n          source = graph.findById(source);\n        }\n\n        item.setSource(source);\n      }\n\n      if (cfg.target) {\n        var target = cfg.target;\n\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(target)) {\n          target = graph.findById(target);\n        }\n\n        item.setTarget(target);\n      }\n\n      item.update(cfg);\n    } // item.update(cfg);\n\n\n    if (type === NODE || type === COMBO) {\n      item.update(cfg, isOnlyMove);\n      var edges_1 = item.getEdges();\n      var refreshEdge = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"shouldRefreshEdge\"])(cfg);\n      if (refreshEdge && type === NODE) Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(edges_1, function (edge) {\n        edge.refresh();\n      });else if (refreshEdge && type === COMBO) {\n        var shapeFactory = item.get('shapeFactory');\n        var shapeType = model.type || 'circle';\n        var comboAnimate = model.animate === undefined || cfg.animate === undefined ? (_b = (_a = shapeFactory[shapeType]) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.animate : model.animate || cfg.animate;\n\n        if (comboAnimate) {\n          setTimeout(function () {\n            if (!item || item.destroyed) return;\n            var keyShape = item.getKeyShape();\n            if (!keyShape || keyShape.destroyed) return;\n            Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(edges_1, function (edge) {\n              if (edge && !edge.destroyed) edge.refresh();\n            });\n          }, 201);\n        } else {\n          Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(edges_1, function (edge) {\n            edge.refresh();\n          });\n        }\n      }\n    }\n\n    graph.emit('afterupdateitem', {\n      item: item,\n      cfg: cfg\n    });\n  };\n  /**\n   * 根据 combo 的子元素更新 combo 的位置及大小\n   *\n   * @param {ICombo} combo ID 或 实例\n   * @returns\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.updateCombo = function (combo, children) {\n    var _a, _b;\n\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(combo)) {\n      combo = graph.findById(combo);\n    }\n\n    if (!combo || combo.destroyed) {\n      return;\n    }\n\n    var comboBBox = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"getComboBBox\"])(children, graph);\n    combo.set('bbox', comboBBox);\n    combo.update({\n      x: comboBBox.x,\n      y: comboBBox.y\n    });\n    var combEdges = combo.getEdges() || [];\n    var length = combEdges.length;\n    var model = combo.getModel();\n    var shapeFactory = combo.get('shapeFactory');\n    var shapeType = model.type || 'circle';\n    var comboAnimate = model.animate === undefined ? (_b = (_a = shapeFactory[shapeType]) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.animate : model.animate;\n\n    if (comboAnimate) {\n      setTimeout(function () {\n        if (!combo || combo.destroyed) return;\n        var keyShape = combo.getKeyShape();\n        if (!keyShape || keyShape.destroyed) return;\n\n        for (var i = 0; i < length; i++) {\n          var edge = combEdges[i];\n          if (edge && !edge.destroyed) edge.refresh();\n        }\n      }, 201);\n    } else {\n      for (var i = 0; i < length; i++) {\n        var edge = combEdges[i];\n        if (edge && !edge.destroyed) edge.refresh();\n      }\n    }\n  };\n  /**\n   * 收起 combo，隐藏相关元素\n   */\n\n\n  ItemController.prototype.collapseCombo = function (combo) {\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(combo)) {\n      combo = graph.findById(combo);\n    }\n\n    var children = combo.getChildren();\n    children.nodes.forEach(function (node) {\n      graph.hideItem(node);\n    });\n    children.combos.forEach(function (c) {\n      graph.hideItem(c);\n    });\n  };\n  /**\n   * 展开 combo，相关元素出现\n   * 若子 combo 原先是收起状态，则保持它的收起状态\n   */\n\n\n  ItemController.prototype.expandCombo = function (combo) {\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(combo)) {\n      combo = graph.findById(combo);\n    }\n\n    var children = combo.getChildren();\n    children.nodes.forEach(function (node) {\n      graph.showItem(node);\n    });\n    children.combos.forEach(function (c) {\n      if (c.getModel().collapsed) {\n        c.show();\n      } else {\n        graph.showItem(c);\n      }\n    });\n  };\n  /**\n   * 删除指定的节点或边\n   *\n   * @param {Item} item item ID 或实例\n   * @returns {void}\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.removeItem = function (item) {\n    var _this = this;\n\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = graph.findById(item);\n    }\n\n    if (!item || item.destroyed) {\n      return;\n    }\n\n    var itemModel = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(item.getModel());\n    graph.emit('beforeremoveitem', {\n      item: itemModel\n    });\n    var type = '';\n    if (item.getType) type = item.getType();\n    var items = graph.get(type + \"s\");\n    var index = items.indexOf(item);\n    if (index > -1) items.splice(index, 1);\n\n    if (type === EDGE) {\n      var vitems = graph.get(\"v\" + type + \"s\");\n      var vindex = vitems.indexOf(item);\n      if (vindex > -1) vitems.splice(vindex, 1);\n    }\n\n    var itemId = item.get('id');\n    var itemMap = graph.get('itemMap');\n    delete itemMap[itemId];\n    var comboTrees = graph.get('comboTrees');\n    var id = item.get('id');\n\n    if (type === NODE) {\n      var comboId = item.getModel().comboId;\n\n      if (comboTrees) {\n        var brothers_1 = comboTrees;\n        var found_1 = false; // the flag to terminate the forEach circulation\n        // remove the node from the children array of its parent fromt he tree\n\n        comboTrees.forEach(function (ctree) {\n          if (found_1) return;\n          Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"traverseTree\"])(ctree, function (combo) {\n            if (combo.id === id && brothers_1) {\n              var bidx = brothers_1.indexOf(combo);\n              brothers_1.splice(bidx, 1);\n              found_1 = true;\n              return false; // terminate the traverse\n            }\n\n            brothers_1 = combo.children;\n            return true;\n          });\n        });\n      } // 若移除的是节点，需要将与之相连的边一同删除\n\n\n      var edges = item.getEdges();\n\n      for (var i = edges.length - 1; i >= 0; i--) {\n        graph.removeItem(edges[i], false);\n      }\n\n      if (comboId) graph.updateCombo(comboId);\n    } else if (type === COMBO) {\n      var parentId = item.getModel().parentId;\n      var comboInTree_1; // find the subtree rooted at the item to be removed\n\n      var found_2 = false; // the flag to terminate the forEach circulation\n\n      (comboTrees || []).forEach(function (ctree) {\n        if (found_2) return;\n        Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"traverseTree\"])(ctree, function (combo) {\n          if (combo.id === id) {\n            comboInTree_1 = combo;\n            found_2 = true;\n            return false; // terminate the traverse\n          }\n\n          return true;\n        });\n      });\n      comboInTree_1.removed = true;\n\n      if (comboInTree_1 && comboInTree_1.children) {\n        comboInTree_1.children.forEach(function (child) {\n          _this.removeItem(child.id);\n        });\n      } // 若移除的是 combo，需要将与之相连的边一同删除\n\n\n      var edges = item.getEdges();\n\n      for (var i = edges.length; i >= 0; i--) {\n        graph.removeItem(edges[i], false);\n      }\n\n      if (parentId) graph.updateCombo(parentId);\n    }\n\n    item.destroy();\n    graph.emit('afterremoveitem', {\n      item: itemModel\n    });\n  };\n  /**\n   * 更新 item 状态\n   *\n   * @param {Item} item Item 实例\n   * @param {string} state 状态名称\n   * @param {boolean} value 是否启用状态或状态值\n   * @returns {void}\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.setItemState = function (item, state, value) {\n    var graph = this.graph;\n    var stateName = state;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(value)) {\n      stateName = state + \":\" + value;\n    } // 已经存在要设置的 state，或不存在 state 的样式为 undefined\n\n\n    if (item.hasState(stateName) === value && value || // 当该状态已经存在且现在需要设置为 true 时，不需要继续。当该状态不存在，且设置为 false 时，需要继续\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(value) && item.hasState(stateName)) {\n      // 当该状态 value 是字符串，且已经存在该状态，不需要继续\n      return;\n    }\n\n    graph.emit('beforeitemstatechange', {\n      item: item,\n      state: stateName,\n      enabled: value\n    });\n    item.setState(state, value);\n    graph.autoPaint();\n    graph.emit('afteritemstatechange', {\n      item: item,\n      state: stateName,\n      enabled: value\n    });\n  };\n  /**\n   * 将指定状态的优先级提升为最高优先级\n   * @param {Item} item 元素id或元素实例\n   * @param state 状态名称\n   */\n\n\n  ItemController.prototype.priorityState = function (item, state) {\n    var graph = this.graph;\n    var currentItem = item;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      currentItem = graph.findById(item);\n    } // 先取消已有的 state\n\n\n    this.setItemState(currentItem, state, false); // 再设置state，则此时该优先级为最高\n\n    this.setItemState(currentItem, state, true);\n  };\n  /**\n   * 清除所有指定的状态\n   *\n   * @param {Item} item Item 实例\n   * @param {string[]} states 状态名称集合\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.clearItemStates = function (item, states) {\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = graph.findById(item);\n    }\n\n    graph.emit('beforeitemstatesclear', {\n      item: item,\n      states: states\n    });\n    item.clearStates(states);\n    graph.emit('afteritemstatesclear', {\n      item: item,\n      states: states\n    });\n  };\n  /**\n   * 刷新指定的 Item\n   *\n   * @param {Item} item Item ID 或 实例\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.refreshItem = function (item) {\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = graph.findById(item);\n    }\n\n    graph.emit('beforeitemrefresh', {\n      item: item\n    }); // 调用 Item 的 refresh 方法，实现刷新功能\n\n    item.refresh();\n    graph.emit('afteritemrefresh', {\n      item: item\n    });\n  };\n  /**\n   * 根据 graph 上用 combos 数据生成的 comboTree 来增加所有 combos\n   *\n   * @param {ComboTree[]} comboTrees graph 上用 combos 数据生成的 comboTree\n   * @param {ComboConfig[]} comboModels combos 数据\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.addCombos = function (comboTrees, comboModels) {\n    var _this = this;\n\n    var graph = this.graph;\n    (comboTrees || []).forEach(function (ctree) {\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"traverseTreeUp\"])(ctree, function (child) {\n        var comboModel;\n        comboModels.forEach(function (model) {\n          if (model.id === child.id) {\n            model.children = child.children;\n            model.depth = child.depth;\n            comboModel = model;\n          }\n        });\n\n        if (comboModel) {\n          _this.addItem('combo', comboModel);\n        }\n\n        return true;\n      });\n    });\n    var comboGroup = graph.get('comboGroup');\n    if (comboGroup) comboGroup.sort();\n  };\n  /**\n   * 改变Item的显示状态\n   *\n   * @param {Item} item Item ID 或 实例\n   * @param {boolean} visible 是否显示\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.changeItemVisibility = function (item, visible) {\n    var _this = this;\n\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = graph.findById(item);\n    }\n\n    if (!item) {\n      console.warn('The item to be shown or hidden does not exist!');\n      return;\n    }\n\n    graph.emit('beforeitemvisibilitychange', {\n      item: item,\n      visible: visible\n    });\n    item.changeVisibility(visible);\n\n    if (item.getType && item.getType() === NODE) {\n      var edges = item.getEdges();\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(edges, function (edge) {\n        // 若隐藏节点，则将与之关联的边也隐藏\n        // 若显示节点，则将与之关联的边也显示，但是需要判断边两端的节点都是可见的\n        if (visible && !(edge.get('source').isVisible() && edge.get('target').isVisible())) {\n          return;\n        }\n\n        _this.changeItemVisibility(edge, visible);\n      });\n    } else if (item.getType && item.getType() === COMBO) {\n      var comboTrees = graph.get('comboTrees');\n      var id_1 = item.get('id');\n      var children_1 = [];\n      var found_3 = false; // flag the terminate the forEach\n\n      (comboTrees || []).forEach(function (ctree) {\n        if (found_3) return;\n        if (!ctree.children || ctree.children.length === 0) return;\n        Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"traverseTree\"])(ctree, function (combo) {\n          if (combo.id === id_1) {\n            children_1 = combo.children;\n            found_3 = true;\n            return false; // terminate the traverse\n          }\n\n          return true;\n        });\n      });\n\n      if (children_1) {\n        children_1.forEach(function (child) {\n          var childItem = graph.findById(child.id);\n\n          _this.changeItemVisibility(childItem, visible);\n        });\n      }\n\n      var edges = item.getEdges();\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(edges, function (edge) {\n        // 若隐藏 combo，则将与 combo 本身关联的边也隐藏\n        // 若显示 combo，则将与 combo 本身关联的边也显示，但是需要判断边两端的节点都是可见的\n        if (visible && !(edge.get('source').isVisible() && edge.get('target').isVisible())) {\n          return;\n        }\n\n        _this.changeItemVisibility(edge, visible);\n      });\n    }\n\n    graph.emit('afteritemvisibilitychange', {\n      item: item,\n      visible: visible\n    });\n    return item;\n  };\n\n  ItemController.prototype.destroy = function () {\n    this.graph = null;\n    this.destroyed = true;\n  };\n\n  return ItemController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ItemController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/item.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/layout.js":
-/*!****************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/layout.js ***!
-  \****************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _util_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/base */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/base.js\");\n\n\nvar LayoutController =\n/** @class */\nfunction () {\n  function LayoutController(graph) {\n    this.graph = graph;\n    this.layoutCfg = graph.get('layout') || {};\n    this.layoutType = this.layoutCfg.type;\n    this.initLayout();\n  } // eslint-disable-next-line class-methods-use-this\n\n\n  LayoutController.prototype.initLayout = function () {// no data before rendering\n  };\n\n  LayoutController.prototype.getLayoutType = function () {\n    return this.layoutCfg.type;\n  }; // 绘制\n\n\n  LayoutController.prototype.refreshLayout = function () {\n    var graph = this.graph;\n    if (!graph) return;\n\n    if (graph.get('animate')) {\n      graph.positionsAnimate();\n    } else {\n      graph.refreshPositions();\n    }\n  }; // 更换布局\n\n\n  LayoutController.prototype.changeLayout = function (layoutType) {\n    var _a = this,\n        graph = _a.graph,\n        layoutMethod = _a.layoutMethod;\n\n    this.layoutType = layoutType;\n    this.layoutCfg = graph.get('layout') || {};\n    this.layoutCfg.type = layoutType;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n    }\n\n    this.layout();\n  }; // 更换数据\n\n\n  LayoutController.prototype.changeData = function () {\n    var layoutMethod = this.layoutMethod;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n    }\n\n    this.layout();\n  }; // 销毁布局，不能使用 this.destroy，因为 controller 还需要被使用，只是把布局算法销毁\n\n\n  LayoutController.prototype.destroyLayout = function () {\n    var _a = this,\n        layoutMethod = _a.layoutMethod,\n        graph = _a.graph;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n    }\n\n    graph.set('layout', undefined);\n    this.layoutCfg = undefined;\n    this.layoutType = undefined;\n    this.layoutMethod = undefined;\n  }; // 从 this.graph 获取数据\n\n\n  LayoutController.prototype.setDataFromGraph = function () {\n    var nodes = [];\n    var edges = [];\n    var combos = [];\n    var nodeItems = this.graph.getNodes();\n    var edgeItems = this.graph.getEdges();\n    var comboItems = this.graph.getCombos();\n    var nodeLength = nodeItems.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var nodeItem = nodeItems[i];\n      if (!nodeItem.isVisible()) continue;\n      var model = nodeItem.getModel();\n      nodes.push(model);\n    }\n\n    var edgeLength = edgeItems.length;\n\n    for (var i = 0; i < edgeLength; i++) {\n      var edgeItem = edgeItems[i];\n      if (!edgeItem || edgeItem.destroyed || !edgeItem.isVisible()) continue;\n      var model = edgeItem.getModel();\n      if (!model.isComboEdge) edges.push(model);\n    }\n\n    var comboLength = comboItems.length;\n\n    for (var i = 0; i < comboLength; i++) {\n      var comboItem = comboItems[i];\n      if (comboItem.destroyed || !comboItem.isVisible()) continue;\n      var model = comboItem.getModel();\n      combos.push(model);\n    }\n\n    return {\n      nodes: nodes,\n      edges: edges,\n      combos: combos\n    };\n  }; // 重新布局\n\n\n  LayoutController.prototype.relayout = function (reloadData) {\n    var _a = this,\n        graph = _a.graph,\n        layoutMethod = _a.layoutMethod,\n        layoutCfg = _a.layoutCfg;\n\n    if (reloadData) {\n      this.data = this.setDataFromGraph();\n      var nodes = this.data.nodes;\n\n      if (!nodes) {\n        return false;\n      }\n\n      this.initPositions(layoutCfg.center, nodes);\n      layoutMethod.init(this.data);\n    }\n\n    if (this.layoutType === 'force') {\n      layoutMethod.ticking = false;\n      layoutMethod.forceSimulation.stop();\n    }\n\n    graph.emit('beforelayout');\n    layoutMethod.execute(reloadData);\n    if (layoutMethod.isCustomLayout && layoutCfg.onLayoutEnd) layoutCfg.onLayoutEnd();\n  }; // 控制布局动画\n  // eslint-disable-next-line class-methods-use-this\n\n\n  LayoutController.prototype.layoutAnimate = function () {}; // 将当前节点的平均中心移动到原点\n\n\n  LayoutController.prototype.moveToZero = function () {\n    var graph = this.graph;\n    var data = graph.get('data');\n    var nodes = data.nodes;\n\n    if (nodes[0].x === undefined || nodes[0].x === null || Object(_util_base__WEBPACK_IMPORTED_MODULE_0__[\"isNaN\"])(nodes[0].x)) {\n      return;\n    }\n\n    var meanCenter = [0, 0];\n    var nodeLength = nodes.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n      meanCenter[0] += node.x;\n      meanCenter[1] += node.y;\n    }\n\n    meanCenter[0] /= nodes.length;\n    meanCenter[1] /= nodes.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n      node.x -= meanCenter[0];\n      node.y -= meanCenter[1];\n    }\n  }; // 初始化节点到 center 附近\n\n\n  LayoutController.prototype.initPositions = function (center, nodes) {\n    var graph = this.graph;\n\n    if (!nodes) {\n      return false;\n    }\n\n    var allHavePos = true;\n    var width = graph.get('width') * 0.85;\n    var height = graph.get('height') * 0.85;\n    var nodeNum = nodes.length;\n    var horiNum = Math.ceil(Math.sqrt(nodeNum) * (width / height));\n    var vertiNum = Math.ceil(nodeNum / horiNum);\n    var horiGap = width / (horiNum - 1);\n    var vertiGap = height / (vertiNum - 1);\n    if (!isFinite(horiGap) || !horiGap) horiGap = 0;\n    if (!isFinite(vertiGap) || !horiGap) vertiGap = 0;\n    var beginX = center[0] - width / 2;\n    var beginY = center[1] - height / 2;\n    var nodeLength = nodes.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n\n      if (Object(_util_base__WEBPACK_IMPORTED_MODULE_0__[\"isNaN\"])(node.x)) {\n        allHavePos = false;\n        node.x = i % horiNum * horiGap + beginX;\n      }\n\n      if (Object(_util_base__WEBPACK_IMPORTED_MODULE_0__[\"isNaN\"])(node.y)) {\n        allHavePos = false;\n        node.y = Math.floor(i / horiNum) * vertiGap + beginY;\n      }\n    }\n\n    return allHavePos;\n  };\n\n  LayoutController.prototype.destroy = function () {\n    var layoutMethod = this.layoutMethod;\n    this.graph = null;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n      layoutMethod.destroyed = true;\n    }\n\n    this.destroyed = true;\n  };\n\n  return LayoutController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (LayoutController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/layout.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/mode.js":
-/*!**************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/mode.js ***!
-  \**************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _behavior_behavior__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../behavior/behavior */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/behavior.js\");\n\n\n\nvar ModeController =\n/** @class */\nfunction () {\n  function ModeController(graph) {\n    this.graph = graph;\n    this.destroyed = false;\n    this.modes = graph.get('modes') || {\n      default: []\n    };\n    this.formatModes();\n    this.mode = graph.get('defaultMode') || 'default';\n    this.currentBehaves = [];\n    this.setMode(this.mode);\n  }\n\n  ModeController.prototype.formatModes = function () {\n    var modes = this.modes;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(modes, function (mode) {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(mode, function (behavior, i) {\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(behavior)) {\n          mode[i] = {\n            type: behavior\n          };\n        }\n      });\n    });\n  };\n\n  ModeController.prototype.setBehaviors = function (mode) {\n    var graph = this.graph;\n    var behaviors = this.modes[mode];\n    var behaves = [];\n    var behave;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(behaviors || [], function (behavior) {\n      var BehaviorInstance = _behavior_behavior__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getBehavior(behavior.type || behavior);\n\n      if (!BehaviorInstance) {\n        return;\n      }\n\n      behave = new BehaviorInstance(behavior);\n\n      if (behave) {\n        behave.bind(graph);\n        behaves.push(behave);\n      }\n    });\n    this.currentBehaves = behaves;\n  };\n\n  ModeController.mergeBehaviors = function (modeBehaviors, behaviors) {\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(behaviors, function (behavior) {\n      if (modeBehaviors.indexOf(behavior) < 0) {\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(behavior)) {\n          behavior = {\n            type: behavior\n          };\n        }\n\n        modeBehaviors.push(behavior);\n      }\n    });\n    return modeBehaviors;\n  };\n\n  ModeController.filterBehaviors = function (modeBehaviors, behaviors) {\n    var result = [];\n    modeBehaviors.forEach(function (behavior) {\n      var type = '';\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(behavior)) {\n        type = behavior;\n      } else {\n        // eslint-disable-next-line prefer-destructuring\n        type = behavior.type;\n      }\n\n      if (behaviors.indexOf(type) < 0) {\n        result.push(behavior);\n      }\n    });\n    return result;\n  };\n\n  ModeController.prototype.setMode = function (mode) {\n    var _a = this,\n        modes = _a.modes,\n        graph = _a.graph;\n\n    var current = mode;\n    var behaviors = modes[current];\n\n    if (!behaviors) {\n      return;\n    }\n\n    graph.emit('beforemodechange', {\n      mode: mode\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(this.currentBehaves, function (behave) {\n      if (behave.delegate) behave.delegate.remove();\n      behave.unbind(graph);\n    });\n    this.setBehaviors(current);\n    graph.emit('aftermodechange', {\n      mode: mode\n    });\n    this.mode = mode;\n  };\n\n  ModeController.prototype.getMode = function () {\n    return this.mode;\n  };\n  /**\n   * 动态增加或删除 Behavior\n   *\n   * @param {ModeType[]} behaviors\n   * @param {(ModeType[] | ModeType)} modes\n   * @param {boolean} isAdd\n   * @returns {Mode}\n   * @memberof Mode\n   */\n\n\n  ModeController.prototype.manipulateBehaviors = function (behaviors, modes, isAdd) {\n    var _this = this;\n\n    var behaves;\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isArray\"])(behaviors)) {\n      behaves = [behaviors];\n    } else {\n      behaves = behaviors;\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isArray\"])(modes)) {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(modes, function (mode) {\n        if (!_this.modes[mode]) {\n          if (isAdd) {\n            _this.modes[mode] = behaves;\n          }\n        } else if (isAdd) {\n          _this.modes[mode] = ModeController.mergeBehaviors(_this.modes[mode] || [], behaves);\n        } else {\n          _this.modes[mode] = ModeController.filterBehaviors(_this.modes[mode] || [], behaves);\n        }\n      });\n      return this;\n    }\n\n    var currentMode = modes;\n\n    if (!modes) {\n      currentMode = this.mode; // isString(this.mode) ? this.mode : this.mode.type\n    }\n\n    if (!this.modes[currentMode]) {\n      if (isAdd) {\n        this.modes[currentMode] = behaves;\n      }\n    }\n\n    if (isAdd) {\n      this.modes[currentMode] = ModeController.mergeBehaviors(this.modes[currentMode] || [], behaves);\n    } else {\n      this.modes[currentMode] = ModeController.filterBehaviors(this.modes[currentMode] || [], behaves);\n    }\n\n    this.setMode(this.mode);\n    return this;\n  };\n  /**\n   * 更新行为参数\n   * @param {string | ModeOption | ModeType} behavior 需要更新的行为\n   * @param {string | string[]} modes 指定的模式中的行为，不指定则为 default\n   * @return {Graph} Graph\n   */\n\n\n  ModeController.prototype.updateBehavior = function (behavior, newCfg, mode) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(behavior)) {\n      behavior = {\n        type: behavior\n      };\n    }\n\n    var behaviorSet = [];\n\n    if (!mode || mode === this.mode || mode === 'default') {\n      behaviorSet = this.currentBehaves;\n\n      if (!behaviorSet || !behaviorSet.length) {\n        console.warn('Update behavior failed! There is no behaviors in this mode on the graph.');\n        return this;\n      }\n\n      var length_1 = behaviorSet.length;\n\n      for (var i = 0; i < length_1; i++) {\n        var behave = behaviorSet[i];\n\n        if (behave.type === behavior.type) {\n          behave.updateCfg(newCfg);\n          return this;\n        }\n\n        if (i === length_1 - 1) console.warn('Update behavior failed! There is no such behavior in the mode');\n      }\n    } else {\n      behaviorSet = this.modes[mode];\n\n      if (!behaviorSet || !behaviorSet.length) {\n        console.warn('Update behavior failed! There is no behaviors in this mode on the graph.');\n        return this;\n      }\n\n      var length_2 = behaviorSet.length;\n\n      for (var i = 0; i < length_2; i++) {\n        var behave = behaviorSet[i];\n\n        if (behave.type === behavior.type || behave === behavior.type) {\n          if (behave === behavior.type) behave = {\n            type: behave\n          };\n          Object.assign(behave, newCfg);\n          behaviorSet[i] = behave;\n          return this;\n        }\n\n        if (i === length_2 - 1) console.warn('Update behavior failed! There is no such behavior in the mode');\n      }\n    }\n\n    return this;\n  };\n\n  ModeController.prototype.destroy = function () {\n    this.graph = null;\n    this.modes = null;\n    this.currentBehaves = null;\n    this.destroyed = true;\n  };\n\n  return ModeController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModeController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/mode.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/state.js":
-/*!***************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/state.js ***!
-  \***************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\nvar timer = null;\n\nvar StateController =\n/** @class */\nfunction () {\n  function StateController(graph) {\n    this.graph = graph;\n    /**\n     * this.cachedStates = {\n     *    enabled: {\n     *        hover: [Node]\n     *    },\n     *     disabled: {}\n     *  }\n     */\n\n    this.cachedStates = {\n      enabled: {},\n      disabled: {}\n    };\n    this.destroyed = false;\n  }\n  /**\n   * 检查 cache 的可用性\n   *\n   * @private\n   * @param {Item} item\n   * @param {string} state\n   * @param {object} cache\n   * @returns\n   * @memberof State\n   */\n\n\n  StateController.checkCache = function (item, state, cache) {\n    if (!cache[state]) {\n      return;\n    }\n\n    var index = cache[state].indexOf(item);\n\n    if (index >= 0) {\n      cache[state].splice(index, 1);\n    }\n  };\n  /**\n   * 缓存 state\n   *\n   * @private\n   * @param {Item} item Item 实例\n   * @param {string} state 状态名称\n   * @param {object} states\n   * @memberof State\n   */\n\n\n  StateController.cacheState = function (item, state, states) {\n    if (!states[state]) {\n      states[state] = [];\n    }\n\n    states[state].push(item);\n  };\n  /**\n   * 更新 Item 的状态\n   *\n   * @param {Item} item Item实例\n   * @param {string} state 状态名称\n   * @param {boolean} enabled 状态是否可用\n   * @memberof State\n   */\n\n\n  StateController.prototype.updateState = function (item, state, enabled) {\n    var _this = this;\n\n    var checkCache = StateController.checkCache,\n        cacheState = StateController.cacheState;\n\n    if (item.destroyed) {\n      return;\n    }\n\n    var cachedStates = this.cachedStates;\n    var enabledStates = cachedStates.enabled;\n    var disabledStates = cachedStates.disabled;\n\n    if (enabled) {\n      checkCache(item, state, disabledStates);\n      cacheState(item, state, enabledStates);\n    } else {\n      checkCache(item, state, enabledStates);\n      cacheState(item, state, disabledStates);\n    }\n\n    if (timer) {\n      clearTimeout(timer);\n    }\n\n    timer = setTimeout(function () {\n      timer = null;\n\n      _this.updateGraphStates();\n    }, 16);\n  };\n  /**\n   * 批量更新 states，兼容 updateState，支持更新一个 state\n   *\n   * @param {Item} item\n   * @param {(string | string[])} states\n   * @param {boolean} enabled\n   * @memberof State\n   */\n\n\n  StateController.prototype.updateStates = function (item, states, enabled) {\n    var _this = this;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(states)) {\n      this.updateState(item, states, enabled);\n    } else {\n      states.forEach(function (state) {\n        _this.updateState(item, state, enabled);\n      });\n    }\n  };\n  /**\n   * 更新 states\n   *\n   * @memberof State\n   */\n\n\n  StateController.prototype.updateGraphStates = function () {\n    var states = this.graph.get('states');\n    var cachedStates = this.cachedStates;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(cachedStates.disabled, function (val, key) {\n      if (states[key]) {\n        states[key] = states[key].filter(function (item) {\n          return val.indexOf(item) < 0 && !val.destroyed;\n        });\n      }\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(cachedStates.enabled, function (val, key) {\n      if (!states[key]) {\n        states[key] = val;\n      } else {\n        var map_1 = {};\n        states[key].forEach(function (item) {\n          if (!item.destroyed) {\n            map_1[item.get('id')] = true;\n          }\n        });\n        val.forEach(function (item) {\n          if (!item.destroyed) {\n            var id = item.get('id');\n\n            if (!map_1[id]) {\n              map_1[id] = true;\n              states[key].push(item);\n            }\n          }\n        });\n      }\n    });\n    this.graph.emit('graphstatechange', {\n      states: states\n    });\n    this.cachedStates = {\n      enabled: {},\n      disabled: {}\n    };\n  };\n\n  StateController.prototype.destroy = function () {\n    this.graph = null;\n    this.cachedStates = null;\n\n    if (timer) {\n      clearTimeout(timer);\n    }\n\n    timer = null;\n    this.destroyed = true;\n  };\n\n  return StateController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (StateController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/state.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/view.js":
-/*!**************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/view.js ***!
-  \**************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _util_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/base */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/base.js\");\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/math */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js\");\n\n\n\n\n\n\nvar ViewController =\n/** @class */\nfunction () {\n  function ViewController(graph) {\n    this.destroyed = false;\n    this.graph = graph;\n    this.destroyed = false;\n  } // get view center coordinate\n\n\n  ViewController.prototype.getViewCenter = function () {\n    var padding = this.getFormatPadding();\n    var graph = this.graph;\n    var width = this.graph.get('width');\n    var height = graph.get('height');\n    return {\n      x: (width - padding[1] - padding[3]) / 2 + padding[3],\n      y: (height - padding[0] - padding[2]) / 2 + padding[0]\n    };\n  };\n\n  ViewController.prototype.fitCenter = function () {\n    var graph = this.graph;\n    var group = graph.get('group');\n    group.resetMatrix();\n    var bbox = group.getCanvasBBox();\n    if (bbox.width === 0 || bbox.height === 0) return;\n    var viewCenter = this.getViewCenter();\n    var groupCenter = {\n      x: bbox.x + bbox.width / 2,\n      y: bbox.y + bbox.height / 2\n    };\n    graph.translate(viewCenter.x - groupCenter.x, viewCenter.y - groupCenter.y);\n  }; // fit view graph\n\n\n  ViewController.prototype.fitView = function () {\n    var graph = this.graph;\n    var padding = this.getFormatPadding();\n    var width = graph.get('width');\n    var height = graph.get('height');\n    var group = graph.get('group');\n    group.resetMatrix();\n    var bbox = group.getCanvasBBox();\n    if (bbox.width === 0 || bbox.height === 0) return;\n    var viewCenter = this.getViewCenter();\n    var groupCenter = {\n      x: bbox.x + bbox.width / 2,\n      y: bbox.y + bbox.height / 2\n    };\n    graph.translate(viewCenter.x - groupCenter.x, viewCenter.y - groupCenter.y);\n    var w = (width - padding[1] - padding[3]) / bbox.width;\n    var h = (height - padding[0] - padding[2]) / bbox.height;\n    var ratio = w;\n\n    if (w > h) {\n      ratio = h;\n    }\n\n    graph.zoom(ratio, viewCenter);\n  };\n\n  ViewController.prototype.getFormatPadding = function () {\n    var padding = this.graph.get('fitViewPadding');\n    return Object(_util_base__WEBPACK_IMPORTED_MODULE_3__[\"formatPadding\"])(padding);\n  };\n\n  ViewController.prototype.focusPoint = function (point, animate, animateCfg) {\n    var _this = this;\n\n    var viewCenter = this.getViewCenter();\n    var modelCenter = this.getPointByCanvas(viewCenter.x, viewCenter.y);\n    var viewportMatrix = this.graph.get('group').getMatrix();\n    if (!viewportMatrix) viewportMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n\n    if (animate) {\n      var dx_1 = (modelCenter.x - point.x) * viewportMatrix[0];\n      var dy_1 = (modelCenter.y - point.y) * viewportMatrix[4];\n      var lastX_1 = 0;\n      var lastY_1 = 0;\n      var newX_1 = 0;\n      var newY_1 = 0; // 动画每次平移一点，直到目标位置\n\n      this.graph.get('canvas').animate(function (ratio) {\n        newX_1 = dx_1 * ratio;\n        newY_1 = dy_1 * ratio;\n\n        _this.graph.translate(newX_1 - lastX_1, newY_1 - lastY_1);\n\n        lastX_1 = newX_1;\n        lastY_1 = newY_1;\n      }, Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, animateCfg));\n    } else {\n      this.graph.translate((modelCenter.x - point.x) * viewportMatrix[0], (modelCenter.y - point.y) * viewportMatrix[4]);\n    }\n  };\n  /**\n   * 将 Canvas 坐标转成视口坐标\n   * @param canvasX canvas x 坐标\n   * @param canvasY canvas y 坐标\n   */\n\n\n  ViewController.prototype.getPointByCanvas = function (canvasX, canvasY) {\n    var viewportMatrix = this.graph.get('group').getMatrix();\n\n    if (!viewportMatrix) {\n      viewportMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    var point = Object(_util_math__WEBPACK_IMPORTED_MODULE_4__[\"invertMatrix\"])({\n      x: canvasX,\n      y: canvasY\n    }, viewportMatrix);\n    return point;\n  };\n  /**\n   * 将页面坐标转成视口坐标\n   * @param clientX 页面 x 坐标\n   * @param clientY 页面 y 坐标\n   */\n\n\n  ViewController.prototype.getPointByClient = function (clientX, clientY) {\n    var canvas = this.graph.get('canvas');\n    var canvasPoint = canvas.getPointByClient(clientX, clientY);\n    return this.getPointByCanvas(canvasPoint.x, canvasPoint.y);\n  };\n  /**\n   * 将视口坐标转成页面坐标\n   * @param x 视口 x 坐标\n   * @param y 视口 y 坐标\n   */\n\n\n  ViewController.prototype.getClientByPoint = function (x, y) {\n    var canvas = this.graph.get('canvas');\n    var canvasPoint = this.getCanvasByPoint(x, y);\n    var point = canvas.getClientByPoint(canvasPoint.x, canvasPoint.y); // return { x: point.clientX, y: point.clientY };\n\n    return {\n      x: point.x,\n      y: point.y\n    };\n  };\n  /**\n   * 将视口坐标转成 Canvas 坐标\n   * @param x 视口 x 坐标\n   * @param y 视口 y 坐标\n   */\n\n\n  ViewController.prototype.getCanvasByPoint = function (x, y) {\n    var viewportMatrix = this.graph.get('group').getMatrix();\n\n    if (!viewportMatrix) {\n      viewportMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    return Object(_util_math__WEBPACK_IMPORTED_MODULE_4__[\"applyMatrix\"])({\n      x: x,\n      y: y\n    }, viewportMatrix);\n  };\n  /**\n   * 将元素移动到画布中心\n   * @param item Item 实例或 id\n   * @param {boolean} animate 是否带有动画地移动\n   * @param {GraphAnimateConfig} animateCfg 若带有动画，动画的配置项\n   */\n\n\n  ViewController.prototype.focus = function (item, animate, animateCfg) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = this.graph.findById(item);\n    }\n\n    var group = item.get('group');\n    var matrix = group.getMatrix();\n    if (!matrix) matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n\n    if (item) {\n      // 用实际位置而不是model中的x,y,防止由于拖拽等的交互导致model的x,y并不是当前的x,y\n      this.focusPoint({\n        x: matrix[6],\n        y: matrix[7]\n      }, animate, animateCfg);\n    }\n  };\n  /**\n   * 改变 canvas 画布的宽度和高度\n   * @param width canvas 宽度\n   * @param height canvas 高度\n   */\n\n\n  ViewController.prototype.changeSize = function (width, height) {\n    var graph = this.graph;\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(width) || !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(height)) {\n      throw Error('invalid canvas width & height, please make sure width & height type is number');\n    }\n\n    graph.set({\n      width: width,\n      height: height\n    });\n    var canvas = graph.get('canvas');\n    canvas.changeSize(width, height); // change the size of grid plugin if it exists on graph\n\n    var plugins = graph.get('plugins');\n    plugins.forEach(function (plugin) {\n      if (plugin.get('gridContainer')) {\n        var minZoom = graph.get('minZoom');\n        Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"modifyCSS\"])(plugin.get('container'), {\n          width: width + \"px\",\n          height: height + \"px\"\n        });\n        Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"modifyCSS\"])(plugin.get('gridContainer'), {\n          width: width / minZoom + \"px\",\n          height: height / minZoom + \"px\",\n          left: 0,\n          top: 0\n        });\n      }\n    });\n  };\n\n  ViewController.prototype.destroy = function () {\n    this.graph = null;\n    this.destroyed = false;\n  };\n\n  return ViewController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ViewController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/view.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/graph.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/graph.js ***!
-  \****************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_event_emitter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/event-emitter */ \"./node_modules/_@antv_event-emitter@0.1.2@@antv/event-emitter/esm/index.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_algorithm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/algorithm */ \"./node_modules/_@antv_algorithm@0.1.3@@antv/algorithm/dist/index.min.js\");\n/* harmony import */ var _antv_algorithm__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_antv_algorithm__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util/math */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _controller__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./controller */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/index.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js\");\n/* harmony import */ var _item_hull__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../item/hull */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/hull.js\");\n\n\n\n\n\n\n\n\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_2__[\"ext\"].transform;\nvar NODE = 'node';\n\nvar AbstractGraph =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(AbstractGraph, _super);\n\n  function AbstractGraph(cfg) {\n    var _this = _super.call(this) || this;\n\n    _this.cfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"deepMix\"])(_this.getDefaultCfg(), cfg);\n\n    _this.init();\n\n    _this.animating = false;\n    _this.destroyed = false; // 启用 stack 后，实例化 undoStack 和 redoStack\n\n    if (_this.cfg.enabledStack) {\n      // 实例化 undo 和 redo 栈\n      _this.undoStack = new _antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"Stack\"](_this.cfg.maxStep);\n      _this.redoStack = new _antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"Stack\"](_this.cfg.maxStep);\n    }\n\n    return _this;\n  }\n\n  AbstractGraph.prototype.init = function () {\n    this.initCanvas(); // instance controller\n\n    var viewController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"ViewController\"](this);\n    var modeController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"ModeController\"](this);\n    var itemController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"ItemController\"](this);\n    var stateController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"StateController\"](this);\n    this.set({\n      viewController: viewController,\n      modeController: modeController,\n      itemController: itemController,\n      stateController: stateController\n    }); // 初始化布局机制\n\n    this.initLayoutController(); // 初始化事件机制\n\n    this.initEventController();\n    this.initGroups();\n    /** 初始化插件 */\n\n    this.initPlugins();\n  }; // 初始化所有 Group\n\n\n  AbstractGraph.prototype.initGroups = function () {\n    var canvas = this.get('canvas');\n    var el = this.get('canvas').get('el');\n    var id = el.id;\n    var group = canvas.addGroup({\n      id: id + \"-root\",\n      className: _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].rootContainerClassName\n    });\n\n    if (this.get('groupByTypes')) {\n      var edgeGroup = group.addGroup({\n        id: id + \"-edge\",\n        className: _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].edgeContainerClassName\n      });\n      var nodeGroup = group.addGroup({\n        id: id + \"-node\",\n        className: _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].nodeContainerClassName\n      });\n      var comboGroup = group.addGroup({\n        id: id + \"-combo\",\n        className: _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].comboContainerClassName\n      }); // 用于存储自定义的群组\n\n      comboGroup.toBack();\n      this.set({\n        nodeGroup: nodeGroup,\n        edgeGroup: edgeGroup,\n        comboGroup: comboGroup\n      });\n    }\n\n    var delegateGroup = group.addGroup({\n      id: id + \"-delegate\",\n      className: _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].delegateContainerClassName\n    });\n    this.set({\n      delegateGroup: delegateGroup\n    });\n    this.set('group', group);\n  }; // eslint-disable-next-line class-methods-use-this\n\n\n  AbstractGraph.prototype.getDefaultCfg = function () {\n    return {\n      /**\n       * Container could be dom object or dom id\n       */\n      container: undefined,\n\n      /**\n       * Canvas width\n       * unit pixel if undefined force fit width\n       */\n      width: undefined,\n\n      /**\n       * Canvas height\n       * unit pixel if undefined force fit height\n       */\n      height: undefined,\n\n      /**\n       * renderer canvas or svg\n       * @type {string}\n       */\n      renderer: 'canvas',\n\n      /**\n       * control graph behaviors\n       */\n      modes: {},\n\n      /**\n       * 注册插件\n       */\n      plugins: [],\n\n      /**\n       * source data\n       */\n      data: {},\n\n      /**\n       * Fit view padding (client scale)\n       */\n      fitViewPadding: 10,\n\n      /**\n       * Minimum scale size\n       */\n      minZoom: 0.2,\n\n      /**\n       * Maxmum scale size\n       */\n      maxZoom: 10,\n\n      /**\n       *  capture events\n       */\n      event: true,\n\n      /**\n       * group node & edges into different graphic groups\n       */\n      groupByTypes: true,\n\n      /**\n       * determine if it's a directed graph\n       */\n      directed: false,\n\n      /**\n       * when data or shape changed, should canvas draw automatically\n       */\n      autoPaint: true,\n\n      /**\n       * store all the node instances\n       */\n      nodes: [],\n\n      /**\n       * store all the edge instances\n       */\n      edges: [],\n\n      /**\n       * store all the combo instances\n       */\n      combos: [],\n\n      /**\n       * store all the edge instances which are virtual edges related to collapsed combo\n       */\n      vedges: [],\n\n      /**\n       * all the instances indexed by id\n       */\n      itemMap: {},\n\n      /**\n       * 边直接连接到节点的中心，不再考虑锚点\n       */\n      linkCenter: false,\n\n      /**\n       * 默认的节点配置，data 上定义的配置会覆盖这些配置。例如：\n       * defaultNode: {\n       *  type: 'rect',\n       *  size: [60, 40],\n       *  style: {\n       *    //... 样式配置项\n       *  }\n       * }\n       * 若数据项为 { id: 'node', x: 100, y: 100 }\n       * 实际创建的节点模型是 { id: 'node', x: 100, y: 100， type: 'rect', size: [60, 40] }\n       * 若数据项为 { id: 'node', x: 100, y: 100, type: 'circle' }\n       * 实际创建的节点模型是 { id: 'node', x: 100, y: 100， type: 'circle', size: [60, 40] }\n       */\n      defaultNode: {},\n\n      /**\n       * 默认边配置，data 上定义的配置会覆盖这些配置。用法同 defaultNode\n       */\n      defaultEdge: {},\n\n      /**\n       * 节点默认样式，也可以添加状态样式\n       * 例如：\n       * const graph = new G6.Graph({\n       *  nodeStateStyles: {\n       *    selected: { fill: '#ccc', stroke: '#666' },\n       *    active: { lineWidth: 2 }\n       *  },\n       *  ...\n       * });\n       *\n       */\n      nodeStateStyles: {},\n\n      /**\n       * 边默认样式，用法同nodeStateStyle\n       */\n      edgeStateStyles: {},\n\n      /**\n       * graph 状态\n       */\n      states: {},\n\n      /**\n       * 是否启用全局动画\n       */\n      animate: false,\n\n      /**\n       * 动画设置,仅在 animate 为 true 时有效\n       */\n      animateCfg: {\n        /**\n         * 帧回调函数，用于自定义节点运动路径，为空时线性运动\n         */\n        onFrame: undefined,\n\n        /**\n         * 动画时长(ms)\n         */\n        duration: 500,\n\n        /**\n         * 指定动画动效\n         */\n        easing: 'easeLinear'\n      },\n      callback: undefined,\n      // 默认不启用 undo & redo 功能\n      enabledStack: false,\n      // 只有当 enabledStack 为 true 时才起作用\n      maxStep: 10,\n      // 存储图上的 tooltip dom，方便销毁\n      tooltips: []\n    };\n  };\n  /**\n   * 将值设置到 this.cfg 变量上面\n   * @param key 键 或 对象值\n   * @param val 值\n   */\n\n\n  AbstractGraph.prototype.set = function (key, val) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(key)) {\n      this.cfg = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, this.cfg), key);\n    } else {\n      this.cfg[key] = val;\n    }\n\n    return this;\n  };\n  /**\n   * 获取 this.cfg 中的值\n   * @param key 键\n   */\n\n\n  AbstractGraph.prototype.get = function (key) {\n    return this.cfg[key];\n  };\n  /**\n   * 获取 graph 的根图形分组\n   * @return 根 group\n   */\n\n\n  AbstractGraph.prototype.getGroup = function () {\n    return this.get('group');\n  };\n  /**\n   * 获取 graph 的 DOM 容器\n   * @return DOM 容器\n   */\n\n\n  AbstractGraph.prototype.getContainer = function () {\n    return this.get('container');\n  };\n  /**\n   * 获取 graph 的最小缩放比例\n   * @return minZoom\n   */\n\n\n  AbstractGraph.prototype.getMinZoom = function () {\n    return this.get('minZoom');\n  };\n  /**\n   * 设置 graph 的最小缩放比例\n   * @return minZoom\n   */\n\n\n  AbstractGraph.prototype.setMinZoom = function (ratio) {\n    return this.set('minZoom', ratio);\n  };\n  /**\n   * 获取 graph 的最大缩放比例\n   * @param maxZoom\n   */\n\n\n  AbstractGraph.prototype.getMaxZoom = function () {\n    return this.get('maxZoom');\n  };\n  /**\n   * 设置 graph 的最大缩放比例\n   * @param maxZoom\n   */\n\n\n  AbstractGraph.prototype.setMaxZoom = function (ratio) {\n    return this.set('maxZoom', ratio);\n  };\n  /**\n   * 获取 graph 的宽度\n   * @return width\n   */\n\n\n  AbstractGraph.prototype.getWidth = function () {\n    return this.get('width');\n  };\n  /**\n   * 获取 graph 的高度\n   * @return width\n   */\n\n\n  AbstractGraph.prototype.getHeight = function () {\n    return this.get('height');\n  };\n  /**\n   * 清理元素多个状态\n   * @param {string|Item} item 元素id或元素实例\n   * @param {string[]} states 状态\n   */\n\n\n  AbstractGraph.prototype.clearItemStates = function (item, states) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) {\n      item = this.findById(item);\n    }\n\n    var itemController = this.get('itemController');\n\n    if (!states) {\n      states = item.get('states');\n    }\n\n    itemController.clearItemStates(item, states);\n    var stateController = this.get('stateController');\n    stateController.updateStates(item, states, false);\n  };\n  /**\n   * 设置各个节点样式，以及在各种状态下节点 keyShape 的样式。\n   * 若是自定义节点切在各种状态下\n   * graph.node(node => {\n   *  return {\n   *    type: 'rect',\n   *    label: node.id,\n   *    style: { fill: '#666' },\n   *    stateStyles: {\n   *       selected: { fill: 'blue' },\n   *       custom: { fill: 'green' }\n   *     }\n   *   }\n   * });\n   * @param {function} nodeFn 指定每个节点样式\n   */\n\n\n  AbstractGraph.prototype.node = function (nodeFn) {\n    if (typeof nodeFn === 'function') {\n      this.set('nodeMapper', nodeFn);\n    }\n  };\n  /**\n   * 设置各个边样式\n   * @param {function} edgeFn 指定每个边的样式,用法同 node\n   */\n\n\n  AbstractGraph.prototype.edge = function (edgeFn) {\n    if (typeof edgeFn === 'function') {\n      this.set('edgeMapper', edgeFn);\n    }\n  };\n  /**\n   * 设置各个 combo 的配置\n   * @param comboFn\n   */\n\n\n  AbstractGraph.prototype.combo = function (comboFn) {\n    if (typeof comboFn === 'function') {\n      this.set('comboMapper', comboFn);\n    }\n  };\n  /**\n   * 根据 ID 查询图元素实例\n   * @param id 图元素 ID\n   */\n\n\n  AbstractGraph.prototype.findById = function (id) {\n    return this.get('itemMap')[id];\n  };\n  /**\n   * 根据对应规则查找单个元素\n   * @param {ITEM_TYPE} type 元素类型(node | edge | group)\n   * @param {(item: T, index: number) => T} fn 指定规则\n   * @return {T} 元素实例\n   */\n\n\n  AbstractGraph.prototype.find = function (type, fn) {\n    var result;\n    var items = this.get(type + \"s\"); // eslint-disable-next-line consistent-return\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(items, function (item, i) {\n      if (fn(item, i)) {\n        result = item;\n        return result;\n      }\n    });\n    return result;\n  };\n  /**\n   * 查找所有满足规则的元素\n   * @param {string} type 元素类型(node|edge)\n   * @param {string} fn 指定规则\n   * @return {array} 元素实例\n   */\n\n\n  AbstractGraph.prototype.findAll = function (type, fn) {\n    var result = [];\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(this.get(type + \"s\"), function (item, i) {\n      if (fn(item, i)) {\n        result.push(item);\n      }\n    });\n    return result;\n  };\n  /**\n   * 查找所有处于指定状态的元素\n   * @param {string} type 元素类型(node|edge)\n   * @param {string} state 状态\n   * @return {object} 元素实例\n   */\n\n\n  AbstractGraph.prototype.findAllByState = function (type, state) {\n    return this.findAll(type, function (item) {\n      return item.hasState(state);\n    });\n  };\n  /**\n   * 平移画布\n   * @param dx 水平方向位移\n   * @param dy 垂直方向位移\n   */\n\n\n  AbstractGraph.prototype.translate = function (dx, dy) {\n    var group = this.get('group');\n    var matrix = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(group.getMatrix());\n\n    if (!matrix) {\n      matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    matrix = transform(matrix, [['t', dx, dy]]);\n    group.setMatrix(matrix);\n    this.emit('viewportchange', {\n      action: 'translate',\n      matrix: group.getMatrix()\n    });\n    this.autoPaint();\n  };\n  /**\n   * 平移画布到某点\n   * @param {number} x 水平坐标\n   * @param {number} y 垂直坐标\n   */\n\n\n  AbstractGraph.prototype.moveTo = function (x, y) {\n    var group = this.get('group');\n    Object(_util_math__WEBPACK_IMPORTED_MODULE_5__[\"move\"])(group, {\n      x: x,\n      y: y\n    });\n    this.emit('viewportchange', {\n      action: 'move',\n      matrix: group.getMatrix()\n    });\n  };\n  /**\n   * 调整视口适应视图\n   * @param {object} padding 四周围边距\n   */\n\n\n  AbstractGraph.prototype.fitView = function (padding) {\n    if (padding) {\n      this.set('fitViewPadding', padding);\n    }\n\n    var viewController = this.get('viewController');\n    viewController.fitView();\n    this.autoPaint();\n  };\n  /**\n   * 调整视口适应视图，不缩放，仅将图 bbox 中心对齐到画布中心\n   */\n\n\n  AbstractGraph.prototype.fitCenter = function () {\n    var viewController = this.get('viewController');\n    viewController.fitCenter();\n    this.autoPaint();\n  };\n  /**\n   * 新增行为\n   * @param {string | ModeOption | ModeType[]} behaviors 添加的行为\n   * @param {string | string[]} modes 添加到对应的模式\n   * @return {Graph} Graph\n   */\n\n\n  AbstractGraph.prototype.addBehaviors = function (behaviors, modes) {\n    var modeController = this.get('modeController');\n    modeController.manipulateBehaviors(behaviors, modes, true);\n    return this;\n  };\n  /**\n   * 移除行为\n   * @param {string | ModeOption | ModeType[]} behaviors 移除的行为\n   * @param {string | string[]} modes 从指定的模式中移除\n   * @return {Graph} Graph\n   */\n\n\n  AbstractGraph.prototype.removeBehaviors = function (behaviors, modes) {\n    var modeController = this.get('modeController');\n    modeController.manipulateBehaviors(behaviors, modes, false);\n    return this;\n  };\n  /**\n   * 更新行为参数\n   * @param {string | ModeOption | ModeType} behavior 需要更新的行为\n   * @param {string | string[]} modes 指定的模式中的行为，不指定则为 default\n   * @return {Graph} Graph\n   */\n\n\n  AbstractGraph.prototype.updateBehavior = function (behavior, newCfg, mode) {\n    var modeController = this.get('modeController');\n    modeController.updateBehavior(behavior, newCfg, mode);\n    return this;\n  };\n  /**\n   * 伸缩窗口\n   * @param ratio 伸缩比例\n   * @param center 以center的x, y坐标为中心缩放\n   */\n\n\n  AbstractGraph.prototype.zoom = function (ratio, center) {\n    var group = this.get('group');\n    var matrix = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(group.getMatrix());\n    var minZoom = this.get('minZoom');\n    var maxZoom = this.get('maxZoom');\n\n    if (!matrix) {\n      matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    if (center) {\n      matrix = transform(matrix, [['t', -center.x, -center.y], ['s', ratio, ratio], ['t', center.x, center.y]]);\n    } else {\n      matrix = transform(matrix, [['s', ratio, ratio]]);\n    }\n\n    if (minZoom && matrix[0] < minZoom || maxZoom && matrix[0] > maxZoom) {\n      return;\n    } // matrix = [2, 0, 0, 0, 2, 0, -125, -125, 1];\n\n\n    group.setMatrix(matrix);\n    this.emit('viewportchange', {\n      action: 'zoom',\n      matrix: matrix\n    });\n    this.autoPaint();\n  };\n  /**\n   * 伸缩视口到一固定比例\n   * @param {number} toRatio 伸缩比例\n   * @param {Point} center 以center的x, y坐标为中心缩放\n   */\n\n\n  AbstractGraph.prototype.zoomTo = function (toRatio, center) {\n    var ratio = toRatio / this.getZoom();\n    this.zoom(ratio, center);\n  };\n  /**\n   * 将元素移动到视口中心\n   * @param {Item} item 指定元素\n   * @param {boolean} animate 是否带有动画地移动\n   * @param {GraphAnimateConfig} animateCfg 若带有动画，动画的配置项\n   */\n\n\n  AbstractGraph.prototype.focusItem = function (item, animate, animateCfg) {\n    var viewController = this.get('viewController');\n    var isAnimate = false;\n    if (animate) isAnimate = true;else if (animate === undefined) isAnimate = this.get('animate');\n    var curAniamteCfg = {};\n    if (animateCfg) curAniamteCfg = animateCfg;else if (animateCfg === undefined) curAniamteCfg = this.get('animateCfg');\n    viewController.focus(item, isAnimate, curAniamteCfg);\n    this.autoPaint();\n  };\n  /**\n   * 自动重绘\n   * @internal 仅供内部更新机制调用，外部根据需求调用 render 或 paint 接口\n   */\n\n\n  AbstractGraph.prototype.autoPaint = function () {\n    if (this.get('autoPaint')) {\n      this.paint();\n    }\n  };\n  /**\n   * 仅画布重新绘制\n   */\n\n\n  AbstractGraph.prototype.paint = function () {\n    this.emit('beforepaint');\n    this.get('canvas').draw();\n    this.emit('afterpaint');\n  };\n  /**\n   * 将屏幕坐标转换为视口坐标\n   * @param {number} clientX 屏幕x坐标\n   * @param {number} clientY 屏幕y坐标\n   * @return {Point} 视口坐标\n   */\n\n\n  AbstractGraph.prototype.getPointByClient = function (clientX, clientY) {\n    var viewController = this.get('viewController');\n    return viewController.getPointByClient(clientX, clientY);\n  };\n  /**\n   * 将视口坐标转换为屏幕坐标\n   * @param {number} x 视口x坐标\n   * @param {number} y 视口y坐标\n   * @return {Point} 视口坐标\n   */\n\n\n  AbstractGraph.prototype.getClientByPoint = function (x, y) {\n    var viewController = this.get('viewController');\n    return viewController.getClientByPoint(x, y);\n  };\n  /**\n   * 将画布坐标转换为视口坐标\n   * @param {number} canvasX 画布 x 坐标\n   * @param {number} canvasY 画布 y 坐标\n   * @return {object} 视口坐标\n   */\n\n\n  AbstractGraph.prototype.getPointByCanvas = function (canvasX, canvasY) {\n    var viewController = this.get('viewController');\n    return viewController.getPointByCanvas(canvasX, canvasY);\n  };\n  /**\n   * 将视口坐标转换为画布坐标\n   * @param {number} x 视口 x 坐标\n   * @param {number} y 视口 y 坐标\n   * @return {object} 画布坐标\n   */\n\n\n  AbstractGraph.prototype.getCanvasByPoint = function (x, y) {\n    var viewController = this.get('viewController');\n    return viewController.getCanvasByPoint(x, y);\n  };\n  /**\n   * 显示元素\n   * @param {Item} item 指定元素\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   */\n\n\n  AbstractGraph.prototype.showItem = function (item, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var itemController = this.get('itemController');\n    var object = itemController.changeItemVisibility(item, true);\n\n    if (stack && this.get('enabledStack')) {\n      var id = object.getID();\n      var type = object.getType();\n      var before = {};\n      var after = {};\n\n      switch (type) {\n        case 'node':\n          before.nodes = [{\n            id: id,\n            visible: false\n          }];\n          after.nodes = [{\n            id: id,\n            visible: true\n          }];\n          break;\n\n        case 'edge':\n          before.nodes = [{\n            id: id,\n            visible: false\n          }];\n          after.edges = [{\n            id: id,\n            visible: true\n          }];\n          break;\n\n        case 'combo':\n          before.nodes = [{\n            id: id,\n            visible: false\n          }];\n          after.combos = [{\n            id: id,\n            visible: true\n          }];\n          break;\n\n        default:\n          break;\n      }\n\n      this.pushStack('visible', {\n        before: before,\n        after: after\n      });\n    }\n  };\n  /**\n   * 隐藏元素\n   * @param {Item} item 指定元素\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   */\n\n\n  AbstractGraph.prototype.hideItem = function (item, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var itemController = this.get('itemController');\n    var object = itemController.changeItemVisibility(item, false);\n\n    if (stack && this.get('enabledStack')) {\n      var id = object.getID();\n      var type = object.getType();\n      var before = {};\n      var after = {};\n\n      switch (type) {\n        case 'node':\n          before.nodes = [{\n            id: id,\n            visible: true\n          }];\n          after.nodes = [{\n            id: id,\n            visible: false\n          }];\n          break;\n\n        case 'edge':\n          before.nodes = [{\n            id: id,\n            visible: true\n          }];\n          after.edges = [{\n            id: id,\n            visible: false\n          }];\n          break;\n\n        case 'combo':\n          before.nodes = [{\n            id: id,\n            visible: true\n          }];\n          after.combos = [{\n            id: id,\n            visible: false\n          }];\n          break;\n\n        default:\n          break;\n      }\n\n      this.pushStack('visible', {\n        before: before,\n        after: after\n      });\n    }\n  };\n  /**\n   * 刷新元素\n   * @param {string|object} item 元素id或元素实例\n   */\n\n\n  AbstractGraph.prototype.refreshItem = function (item) {\n    var itemController = this.get('itemController');\n    itemController.refreshItem(item);\n  };\n  /**\n   * 设置是否在更新/刷新后自动重绘\n   * @param {boolean} auto 自动重绘\n   */\n\n\n  AbstractGraph.prototype.setAutoPaint = function (auto) {\n    var self = this;\n    self.set('autoPaint', auto);\n    var canvas = self.get('canvas');\n    canvas.set('autoDraw', auto);\n  };\n  /**\n   * 删除元素\n   * @param {Item} item 元素id或元素实例\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   */\n\n\n  AbstractGraph.prototype.remove = function (item, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    this.removeItem(item, stack);\n  };\n  /**\n   * 删除元素\n   * @param {Item} item 元素id或元素实例\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   */\n\n\n  AbstractGraph.prototype.removeItem = function (item, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var nodeItem = item;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) nodeItem = this.findById(item);\n\n    if (!nodeItem && Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) {\n      console.warn('The item to be removed does not exist!');\n    } else if (nodeItem) {\n      var type = '';\n      if (nodeItem.getType) type = nodeItem.getType(); // 将删除的元素入栈\n\n      if (stack && this.get('enabledStack')) {\n        var deletedModel = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, nodeItem.getModel()), {\n          itemType: type\n        });\n\n        var before = {};\n\n        switch (type) {\n          case 'node':\n            {\n              before.nodes = [deletedModel];\n              before.edges = [];\n              var edges = nodeItem.getEdges();\n\n              for (var i = edges.length - 1; i >= 0; i--) {\n                before.edges.push(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, edges[i].getModel()), {\n                  itemType: 'edge'\n                }));\n              }\n\n              break;\n            }\n\n          case 'edge':\n            before.edges = [deletedModel];\n            break;\n\n          case 'combo':\n            before.combos = [deletedModel];\n            break;\n\n          default:\n            break;\n        }\n\n        this.pushStack('delete', {\n          before: before,\n          after: {}\n        });\n      }\n\n      if (type === 'node') {\n        var model = nodeItem.getModel(); // 如果删除的是节点，且该节点存在于某个 Combo 中，则需要先将 node 从 combo 中移除，否则删除节点后，操作 combo 会出错\n\n        if (model.comboId) {\n          this.updateComboTree(nodeItem);\n        }\n      }\n\n      var itemController = this.get('itemController');\n      itemController.removeItem(nodeItem);\n\n      if (type === 'combo') {\n        var newComboTrees = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"reconstructTree\"])(this.get('comboTrees'));\n        this.set('comboTrees', newComboTrees);\n      }\n    }\n  };\n  /**\n   * 新增元素\n   * @param {ITEM_TYPE} type 元素类型(node | edge)\n   * @param {ModelConfig} model 元素数据模型\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   * @param {boolean} sortCombo 本次操作是否需要更新 combo 层级顺序，内部参数，用户在外部使用 addItem 时始终时需要更新\n   * @return {Item} 元素实例\n   */\n\n\n  AbstractGraph.prototype.addItem = function (type, model, stack, sortCombo) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    if (sortCombo === void 0) {\n      sortCombo = true;\n    }\n\n    var currentComboSorted = this.get('comboSorted');\n    this.set('comboSorted', currentComboSorted && !sortCombo);\n    var itemController = this.get('itemController');\n\n    if (model.id && this.findById(model.id)) {\n      console.warn(\"This item exists already. Be sure the id %c\" + model.id + \"%c is unique.\", 'font-size: 20px; color: red;', '');\n      return;\n    }\n\n    var item;\n    var comboTrees = this.get('comboTrees');\n    if (!comboTrees) comboTrees = [];\n\n    if (type === 'combo') {\n      var itemMap_1 = this.get('itemMap');\n      var foundParent_1 = false;\n      comboTrees.forEach(function (ctree) {\n        if (foundParent_1) return; // terminate the forEach after the tree containing the item is done\n\n        Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (child) {\n          // find the parent\n          if (model.parentId === child.id) {\n            foundParent_1 = true;\n\n            var newCombo = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n              id: model.id,\n              depth: child.depth + 2\n            }, model);\n\n            if (child.children) child.children.push(newCombo);else child.children = [newCombo];\n            model.depth = newCombo.depth;\n            item = itemController.addItem(type, model);\n          }\n\n          var childItem = itemMap_1[child.id]; // after the parent is found, update all the ancestors\n\n          if (foundParent_1 && childItem && childItem.getType && childItem.getType() === 'combo') {\n            itemController.updateCombo(childItem, child.children);\n          }\n\n          return true;\n        });\n      }); // if the parent is not found, add it to the root\n\n      if (!foundParent_1) {\n        var newCombo = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          id: model.id,\n          depth: 0\n        }, model);\n\n        model.depth = newCombo.depth;\n        comboTrees.push(newCombo);\n        item = itemController.addItem(type, model);\n      }\n\n      this.set('comboTrees', comboTrees);\n    } else if (type === 'node' && Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(model.comboId) && comboTrees) {\n      var parentCombo = this.findById(model.comboId);\n\n      if (parentCombo && parentCombo.getType && parentCombo.getType() !== 'combo') {\n        console.warn(\"'\" + model.comboId + \"' is a not id of a combo in the graph, the node will be added without combo.\");\n        return;\n      }\n\n      item = itemController.addItem(type, model);\n      var itemMap_2 = this.get('itemMap');\n      var foundParent_2 = false,\n          foundNode_1 = false;\n      (comboTrees || []).forEach(function (ctree) {\n        if (foundNode_1 || foundParent_2) return; // terminate the forEach\n\n        Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (child) {\n          if (child.id === model.id) {\n            // if the item exists in the tree already, terminate\n            foundNode_1 = true;\n            return false;\n          }\n\n          if (model.comboId === child.id && !foundNode_1) {\n            // found the parent, add the item to the children of its parent in the tree\n            foundParent_2 = true;\n            var cloneNode = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(model);\n            cloneNode.itemType = 'node';\n            if (child.children) child.children.push(cloneNode);else child.children = [cloneNode];\n            model.depth = child.depth + 1;\n          } // update the size of all the ancestors\n\n\n          if (foundParent_2 && itemMap_2[child.id].getType && itemMap_2[child.id].getType() === 'combo') {\n            itemController.updateCombo(itemMap_2[child.id], child.children);\n          }\n\n          return true;\n        });\n      });\n    } else {\n      item = itemController.addItem(type, model);\n    }\n\n    if (type === 'node' && model.comboId || type === 'combo' && model.parentId) {\n      // add the combo to the parent's children array\n      var parentCombo = this.findById(model.comboId || model.parentId);\n      if (parentCombo) parentCombo.addChild(item);\n    }\n\n    var combos = this.get('combos');\n\n    if (combos && combos.length > 0) {\n      this.sortCombos();\n    }\n\n    this.autoPaint();\n\n    if (stack && this.get('enabledStack')) {\n      var addedModel = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, item.getModel()), {\n        itemType: type\n      });\n\n      var after = {};\n\n      switch (type) {\n        case 'node':\n          after.nodes = [addedModel];\n          break;\n\n        case 'edge':\n          after.edges = [addedModel];\n          break;\n\n        case 'combo':\n          after.combos = [addedModel];\n          break;\n\n        default:\n          break;\n      }\n\n      this.pushStack('add', {\n        before: {},\n        after: after\n      });\n    }\n\n    return item;\n  };\n  /**\n   * 新增元素\n   * @param {ITEM_TYPE} type 元素类型(node | edge)\n   * @param {ModelConfig} model 元素数据模型\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   * @return {Item} 元素实例\n   */\n\n\n  AbstractGraph.prototype.add = function (type, model, stack, sortCombo) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    if (sortCombo === void 0) {\n      sortCombo = true;\n    }\n\n    return this.addItem(type, model, stack, sortCombo);\n  };\n  /**\n   * 更新元素\n   * @param {Item} item 元素id或元素实例\n   * @param {Partial<NodeConfig> | EdgeConfig} cfg 需要更新的数据\n   */\n\n\n  AbstractGraph.prototype.updateItem = function (item, cfg, stack) {\n    var _this = this;\n\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var itemController = this.get('itemController');\n    var currentItem;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) {\n      currentItem = this.findById(item);\n    } else {\n      currentItem = item;\n    }\n\n    var UnupdateModel = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(currentItem.getModel());\n    var type = '';\n    if (currentItem.getType) type = currentItem.getType();\n\n    var states = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__spreadArray\"])([], currentItem.getStates());\n\n    if (type === 'combo') {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n        return _this.setItemState(currentItem, state, false);\n      });\n    }\n\n    itemController.updateItem(currentItem, cfg);\n\n    if (type === 'combo') {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n        return _this.setItemState(currentItem, state, true);\n      });\n    }\n\n    if (stack && this.get('enabledStack')) {\n      var before = {\n        nodes: [],\n        edges: [],\n        combos: []\n      };\n      var after = {\n        nodes: [],\n        edges: [],\n        combos: []\n      };\n\n      var afterModel = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n        id: UnupdateModel.id\n      }, cfg);\n\n      switch (type) {\n        case 'node':\n          before.nodes.push(UnupdateModel);\n          after.nodes.push(afterModel);\n          break;\n\n        case 'edge':\n          before.edges.push(UnupdateModel);\n          after.edges.push(afterModel);\n          break;\n\n        case 'combo':\n          before.combos.push(UnupdateModel);\n          after.combos.push(afterModel);\n          break;\n\n        default:\n          break;\n      }\n\n      if (type === 'node') {\n        before.nodes.push(UnupdateModel);\n      }\n\n      this.pushStack('update', {\n        before: before,\n        after: after\n      });\n    }\n  };\n  /**\n   * 更新元素\n   * @param {Item} item 元素id或元素实例\n   * @param {Partial<NodeConfig> | EdgeConfig} cfg 需要更新的数据\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   */\n\n\n  AbstractGraph.prototype.update = function (item, cfg, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    this.updateItem(item, cfg, stack);\n  };\n  /**\n   * 设置元素状态\n   * @param {Item} item 元素id或元素实例\n   * @param {string} state 状态名称\n   * @param {string | boolean} value 是否启用状态 或 状态值\n   */\n\n\n  AbstractGraph.prototype.setItemState = function (item, state, value) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) {\n      item = this.findById(item);\n    }\n\n    var itemController = this.get('itemController');\n    itemController.setItemState(item, state, value);\n    var stateController = this.get('stateController');\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(value)) {\n      stateController.updateState(item, state + \":\" + value, true);\n    } else {\n      stateController.updateState(item, state, value);\n    }\n  };\n  /**\n   * 将指定状态的优先级提升为最高优先级\n   * @param {Item} item 元素id或元素实例\n   * @param state 状态名称\n   */\n\n\n  AbstractGraph.prototype.priorityState = function (item, state) {\n    var itemController = this.get('itemController');\n    itemController.priorityState(item, state);\n  };\n  /**\n   * 设置视图初始化数据\n   * @param {GraphData} data 初始化数据\n   */\n\n\n  AbstractGraph.prototype.data = function (data) {\n    this.set('data', data);\n  };\n  /**\n   * 根据data接口的数据渲染视图\n   */\n\n\n  AbstractGraph.prototype.render = function () {\n    var self = this;\n    this.set('comboSorted', false);\n    var data = this.get('data');\n\n    if (this.get('enabledStack')) {\n      // render 之前清空 redo 和 undo 栈\n      this.clearStack();\n    }\n\n    if (!data) {\n      throw new Error('data must be defined first');\n    }\n\n    var _a = data.nodes,\n        nodes = _a === void 0 ? [] : _a,\n        _b = data.edges,\n        edges = _b === void 0 ? [] : _b,\n        _c = data.combos,\n        combos = _c === void 0 ? [] : _c;\n    this.clear(true);\n    this.emit('beforerender');\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(nodes, function (node) {\n      self.add('node', node, false, false);\n    }); // process the data to tree structure\n\n    if (combos && combos.length !== 0) {\n      var comboTrees = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"plainCombosToTrees\"])(combos, nodes);\n      this.set('comboTrees', comboTrees); // add combos\n\n      self.addCombos(combos);\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(edges, function (edge) {\n      self.add('edge', edge, false, false);\n    });\n    var animate = self.get('animate');\n\n    if (self.get('fitView') || self.get('fitCenter')) {\n      self.set('animate', false);\n    } // layout\n\n\n    var layoutController = self.get('layoutController');\n\n    if (layoutController) {\n      layoutController.layout(success);\n      if (this.destroyed) return;\n    } else {\n      if (self.get('fitView')) {\n        self.fitView();\n      }\n\n      if (self.get('fitCenter')) {\n        self.fitCenter();\n      }\n\n      self.emit('afterrender');\n      self.set('animate', animate);\n    } // 将在 onLayoutEnd 中被调用\n\n\n    function success() {\n      // fitView 与 fitCenter 共存时，fitView 优先，fitCenter 不再执行\n      if (self.get('fitView')) {\n        self.fitView();\n      } else if (self.get('fitCenter')) {\n        self.fitCenter();\n      }\n\n      self.autoPaint();\n      self.emit('afterrender');\n\n      if (self.get('fitView') || self.get('fitCenter')) {\n        self.set('animate', animate);\n      }\n    }\n\n    if (!this.get('groupByTypes')) {\n      if (combos && combos.length !== 0) {\n        this.sortCombos();\n      } else {\n        // 为提升性能，选择数量少的进行操作\n        if (data.nodes && data.edges && data.nodes.length < data.edges.length) {\n          var nodesArr = this.getNodes(); // 遍历节点实例，将所有节点提前。\n\n          nodesArr.forEach(function (node) {\n            node.toFront();\n          });\n        } else {\n          var edgesArr = this.getEdges(); // 遍历节点实例，将所有节点提前。\n\n          edgesArr.forEach(function (edge) {\n            edge.toBack();\n          });\n        }\n      }\n    }\n\n    if (this.get('enabledStack')) {\n      this.pushStack('render');\n    }\n  };\n  /**\n   * 接收数据进行渲染\n   * @Param {Object} data 初始化数据\n   */\n\n\n  AbstractGraph.prototype.read = function (data) {\n    this.data(data);\n    this.render();\n  }; // 比较item\n\n\n  AbstractGraph.prototype.diffItems = function (type, items, models) {\n    var self = this;\n    var item;\n    var itemMap = this.get('itemMap');\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(models, function (model) {\n      item = itemMap[model.id];\n\n      if (item) {\n        if (self.get('animate') && type === NODE) {\n          var containerMatrix = item.getContainer().getMatrix();\n          if (!containerMatrix) containerMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n          item.set('originAttrs', {\n            x: containerMatrix[6],\n            y: containerMatrix[7]\n          });\n        }\n\n        self.updateItem(item, model, false);\n      } else {\n        item = self.addItem(type, model, false);\n      }\n\n      if (item) items[type + \"s\"].push(item);\n    });\n  };\n  /**\n   * 更改源数据，根据新数据重新渲染视图\n   * @param {GraphData | TreeGraphData} data 源数据\n   * @param {boolean} 是否入栈，默认为true\n   * @return {object} this\n   */\n\n\n  AbstractGraph.prototype.changeData = function (data, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var self = this;\n\n    if (!data) {\n      return this;\n    }\n\n    if (stack && this.get('enabledStack')) {\n      this.pushStack('changedata', {\n        before: self.save(),\n        after: data\n      });\n    }\n\n    this.set('comboSorted', false); // 删除 hulls\n\n    this.removeHulls(); // 更改数据源后，取消所有状态\n\n    this.getNodes().map(function (node) {\n      return self.clearItemStates(node);\n    });\n    this.getEdges().map(function (edge) {\n      return self.clearItemStates(edge);\n    });\n    var canvas = this.get('canvas');\n    var localRefresh = canvas.get('localRefresh');\n    canvas.set('localRefresh', false);\n\n    if (!self.get('data')) {\n      self.data(data);\n      self.render();\n    }\n\n    var itemMap = this.get('itemMap');\n    var items = {\n      nodes: [],\n      edges: []\n    };\n    var combosData = data.combos;\n\n    if (combosData) {\n      var comboTrees = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"plainCombosToTrees\"])(combosData, data.nodes);\n      this.set('comboTrees', comboTrees);\n    }\n\n    this.diffItems('node', items, data.nodes);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(itemMap, function (item, id) {\n      itemMap[id].getModel().depth = 0;\n      if (item.getType && item.getType() === 'edge') return;\n\n      if (item.getType && item.getType() === 'combo') {\n        delete itemMap[id];\n        item.destroy();\n      } else if (items.nodes.indexOf(item) < 0) {\n        delete itemMap[id];\n        self.remove(item, false);\n      }\n    }); // clear the destroyed combos here to avoid removing sub nodes before removing the parent combo\n\n    var comboItems = this.getCombos();\n    var combosLength = comboItems.length;\n\n    for (var i = combosLength - 1; i >= 0; i--) {\n      if (comboItems[i].destroyed) {\n        comboItems.splice(i, 1);\n      }\n    } // process the data to tree structure\n\n\n    if (combosData) {\n      // add combos\n      self.addCombos(combosData);\n\n      if (!this.get('groupByTypes')) {\n        this.sortCombos();\n      }\n    }\n\n    this.diffItems('edge', items, data.edges);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(itemMap, function (item, id) {\n      if (item.getType && (item.getType() === 'node' || item.getType() === 'combo')) return;\n\n      if (items.edges.indexOf(item) < 0) {\n        delete itemMap[id];\n        self.remove(item, false);\n      }\n    });\n    this.set({\n      nodes: items.nodes,\n      edges: items.edges\n    });\n    var layoutController = this.get('layoutController');\n\n    if (layoutController) {\n      layoutController.changeData();\n\n      if (self.get('animate') && !layoutController.getLayoutType()) {\n        // 如果没有指定布局\n        self.positionsAnimate();\n      } else {\n        self.autoPaint();\n      }\n    }\n\n    setTimeout(function () {\n      canvas.set('localRefresh', localRefresh);\n    }, 16);\n    return this;\n  };\n  /**\n   * 私有方法，在 render 和 changeData 的时候批量添加数据中所有平铺的 combos\n   * @param {ComboConfig[]} combos 平铺的 combos 数据\n   */\n\n\n  AbstractGraph.prototype.addCombos = function (combos) {\n    var self = this;\n    var comboTrees = self.get('comboTrees');\n    var itemController = this.get('itemController');\n    itemController.addCombos(comboTrees, combos);\n  };\n  /**\n   * 根据已经存在的节点或 combo 创建新的 combo\n   * @param combo combo ID 或 Combo 配置\n   * @param children 添加到 Combo 中的元素，包括节点和 combo\n   */\n\n\n  AbstractGraph.prototype.createCombo = function (combo, children) {\n    var _this = this;\n\n    this.set('comboSorted', false); // step 1: 创建新的 Combo\n\n    var comboId = '';\n    var comboConfig;\n    if (!combo) return;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      comboId = combo;\n      comboConfig = {\n        id: combo\n      };\n    } else {\n      comboId = combo.id;\n\n      if (!comboId) {\n        console.warn('Create combo failed. Please assign a unique string id for the adding combo.');\n        return;\n      }\n\n      comboConfig = combo;\n    }\n\n    var trees = children.map(function (elementId) {\n      var item = _this.findById(elementId);\n\n      var type = '';\n      if (item.getType) type = item.getType();\n      var cItem = {\n        id: item.getID(),\n        itemType: type\n      };\n\n      if (type === 'combo') {\n        cItem.parentId = comboId;\n      } else if (type === 'node') {\n        cItem.comboId = comboId;\n      }\n\n      return cItem;\n    });\n    comboConfig.children = trees; // step 2: 添加 Combo，addItem 时会将子将元素添加到 Combo 中\n\n    this.addItem('combo', comboConfig, false);\n    this.set('comboSorted', false); // step3: 更新 comboTrees 结构\n\n    var comboTrees = this.get('comboTrees');\n    (comboTrees || []).forEach(function (ctree) {\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (child) {\n        if (child.id === comboId) {\n          child.itemType = 'combo';\n          child.children = trees;\n          return false;\n        }\n\n        return true;\n      });\n    });\n\n    if (comboTrees) {\n      this.sortCombos();\n    }\n  };\n  /**\n   * 解散 combo\n   * @param {String | INode | ICombo} combo 需要被解散的 Combo item 或 id\n   */\n\n\n  AbstractGraph.prototype.uncombo = function (combo) {\n    var _this = this;\n\n    var self = this;\n    var comboItem = combo;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      comboItem = this.findById(combo);\n    }\n\n    if (!comboItem || comboItem.getType && comboItem.getType() !== 'combo') {\n      console.warn('The item is not a combo!');\n      return;\n    }\n\n    var parentId = comboItem.getModel().parentId;\n    var comboTrees = self.get('comboTrees');\n    if (!comboTrees) comboTrees = [];\n    var itemMap = this.get('itemMap');\n    var comboId = comboItem.get('id');\n    var treeToBeUncombo;\n    var brothers = [];\n    var comboItems = this.get('combos');\n    var parentItem = this.findById(parentId);\n    comboTrees.forEach(function (ctree) {\n      if (treeToBeUncombo) return; // terminate the forEach\n\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (subtree) {\n        // find the combo to be uncomboed, delete the combo from map and cache\n        if (subtree.id === comboId) {\n          treeToBeUncombo = subtree; // delete the related edges\n\n          var edges = comboItem.getEdges();\n          edges.forEach(function (edge) {\n            _this.removeItem(edge, false);\n          });\n          var index = comboItems.indexOf(combo);\n          comboItems.splice(index, 1);\n          delete itemMap[comboId];\n          comboItem.destroy();\n        } // find the parent to remove the combo from the combo's brothers array and add the combo's children to the combo's brothers array in the tree\n\n\n        if (parentId && treeToBeUncombo && subtree.id === parentId) {\n          parentItem.removeCombo(comboItem);\n          brothers = subtree.children; // the combo's brothers\n          // remove the combo from its brothers array\n\n          var index = brothers.indexOf(treeToBeUncombo);\n\n          if (index !== -1) {\n            brothers.splice(index, 1);\n          } // append the combo's children to the combo's brothers array\n\n\n          treeToBeUncombo.children.forEach(function (child) {\n            var item = _this.findById(child.id);\n\n            var childModel = item.getModel();\n\n            if (item.getType && item.getType() === 'combo') {\n              child.parentId = parentId;\n              delete child.comboId;\n              childModel.parentId = parentId; // update the parentId of the model\n\n              delete childModel.comboId;\n            } else if (item.getType && item.getType() === 'node') {\n              child.comboId = parentId;\n              childModel.comboId = parentId; // update the parentId of the model\n            }\n\n            parentItem.addChild(item);\n            brothers.push(child);\n          });\n          return false;\n        }\n\n        return true;\n      });\n    }); // if the parentId is not found, remove the combo from the roots\n\n    if (!parentId && treeToBeUncombo) {\n      var index = comboTrees.indexOf(treeToBeUncombo);\n      comboTrees.splice(index, 1); // modify the parentId of the children\n\n      treeToBeUncombo.children.forEach(function (child) {\n        child.parentId = undefined;\n\n        var childModel = _this.findById(child.id).getModel();\n\n        childModel.parentId = undefined; // update the parentId of the model\n\n        if (child.itemType !== 'node') comboTrees.push(child);\n      });\n    }\n  };\n  /**\n   * 根据节点的 bbox 更新所有 combos 的绘制，包括 combos 的位置和范围\n   */\n\n\n  AbstractGraph.prototype.updateCombos = function () {\n    var _this = this;\n\n    var self = this;\n    var comboTrees = this.get('comboTrees');\n    var itemController = self.get('itemController');\n    var itemMap = self.get('itemMap');\n    (comboTrees || []).forEach(function (ctree) {\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (child) {\n        if (!child) {\n          return true;\n        }\n\n        var childItem = itemMap[child.id];\n\n        if (childItem && childItem.getType && childItem.getType() === 'combo') {\n          // 更新具体的 Combo 之前先清除所有的已有状态，以免将 state 中的样式更新为 Combo 的样式\n          var states = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__spreadArray\"])([], childItem.getStates());\n\n          Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n            return _this.setItemState(childItem, state, false);\n          }); // 更新具体的 Combo\n\n          itemController.updateCombo(childItem, child.children); // 更新 Combo 后，还原已有的状态\n\n          Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n            return _this.setItemState(childItem, state, true);\n          });\n        }\n\n        return true;\n      });\n    });\n    self.sortCombos();\n  };\n  /**\n   * 根据节点的 bbox 更新 combo 及其祖先 combos 的绘制，包括 combos 的位置和范围\n   * @param {String | ICombo} combo 需要被更新的 Combo 或 id，若指定，则该 Combo 及所有祖先 Combod 都会被更新\n   */\n\n\n  AbstractGraph.prototype.updateCombo = function (combo) {\n    var _this = this;\n\n    var self = this;\n    var comboItem = combo;\n    var comboId;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      comboItem = this.findById(combo);\n    }\n\n    if (!comboItem || comboItem.getType && comboItem.getType() !== 'combo') {\n      console.warn('The item to be updated is not a combo!');\n      return;\n    }\n\n    comboId = comboItem.get('id');\n    var comboTrees = this.get('comboTrees');\n    var itemController = self.get('itemController');\n    var itemMap = self.get('itemMap');\n    (comboTrees || []).forEach(function (ctree) {\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (child) {\n        if (!child) {\n          return true;\n        }\n\n        var childItem = itemMap[child.id];\n\n        if (comboId === child.id && childItem && childItem.getType && childItem.getType() === 'combo') {\n          // 更新具体的 Combo 之前先清除所有的已有状态，以免将 state 中的样式更新为 Combo 的样式\n          var states = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__spreadArray\"])([], childItem.getStates()); // || !item.getStateStyle(stateName)\n\n\n          Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n            if (childItem.getStateStyle(state)) {\n              _this.setItemState(childItem, state, false);\n            }\n          }); // 更新具体的 Combo\n\n          itemController.updateCombo(childItem, child.children); // 更新 Combo 后，还原已有的状态\n\n          Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n            if (childItem.getStateStyle(state)) {\n              _this.setItemState(childItem, state, true);\n            }\n          });\n          if (comboId) comboId = child.parentId;\n        }\n\n        return true;\n      });\n    });\n  };\n  /**\n   * 更新树结构，例如移动子树等\n   * @param {String | INode | ICombo} item 需要被更新的 Combo 或 节点 id\n   * @param {string | undefined} parentId 新的父 combo id，undefined 代表没有父 combo\n   */\n\n\n  AbstractGraph.prototype.updateComboTree = function (item, parentId, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var self = this;\n    this.set('comboSorted', false);\n    var uItem;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) {\n      uItem = self.findById(item);\n    } else {\n      uItem = item;\n    }\n\n    var model = uItem.getModel();\n    var oldParentId = model.comboId || model.parentId;\n    var type = '';\n    if (uItem.getType) type = uItem.getType(); // 若 item 是 Combo，且 parentId 是其子孙 combo 的 id，则警告并终止\n\n    if (parentId && type === 'combo') {\n      var comboTrees = this.get('comboTrees');\n      var valid_1 = true;\n      var itemSubTree_1;\n      (comboTrees || []).forEach(function (ctree) {\n        if (itemSubTree_1) return;\n        Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTree\"])(ctree, function (subTree) {\n          if (itemSubTree_1) return; // 找到从 item 开始的子树\n\n          if (subTree.id === uItem.getID()) {\n            itemSubTree_1 = subTree;\n          }\n\n          return true;\n        });\n      }); // 在以 item 为根的子树中寻找与 parentId 相同的后继元素\n\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTree\"])(itemSubTree_1, function (subTree) {\n        if (subTree.id === parentId) {\n          valid_1 = false;\n          return false;\n        }\n\n        return true;\n      }); // parentId 是 item 的一个后继元素，不能进行更新\n\n      if (!valid_1) {\n        console.warn('Failed to update the combo tree! The parentId points to a descendant of the combo!');\n        return;\n      }\n    }\n\n    if (stack && this.get('enabledStack')) {\n      var beforeData = {},\n          afterData = {};\n\n      if (type === 'combo') {\n        beforeData.combos = [{\n          id: model.id,\n          parentId: model.parentId\n        }];\n        afterData.combos = [{\n          id: model.id,\n          parentId: parentId\n        }];\n      } else if (type === 'node') {\n        beforeData.nodes = [{\n          id: model.id,\n          parentId: model.comboId\n        }];\n        afterData.nodes = [{\n          id: model.id,\n          parentId: parentId\n        }];\n      }\n\n      this.pushStack('updateComboTree', {\n        before: beforeData,\n        after: afterData\n      });\n    } // 当 combo 存在 parentId 或 comboId 时，才将其移除\n\n\n    if (model.parentId || model.comboId) {\n      var combo = this.findById(model.parentId || model.comboId);\n\n      if (combo) {\n        combo.removeChild(uItem);\n      }\n    }\n\n    if (type === 'combo') {\n      model.parentId = parentId;\n    } else if (type === 'node') {\n      model.comboId = parentId;\n    } // 只有当移入到指定 combo 时才添加\n\n\n    if (parentId) {\n      var parentCombo = this.findById(parentId);\n\n      if (parentCombo) {\n        // 将元素添加到 parentCombo 中\n        parentCombo.addChild(uItem);\n      }\n    } // 如果原先有父亲 combo，则从原父 combo 的子元素数组中删除\n\n\n    if (oldParentId) {\n      var parentCombo = this.findById(oldParentId);\n\n      if (parentCombo) {\n        // 将元素从 parentCombo 中移除\n        parentCombo.removeChild(uItem);\n      }\n    }\n\n    var newComboTrees = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"reconstructTree\"])(this.get('comboTrees'), model.id, parentId);\n    this.set('comboTrees', newComboTrees);\n    this.updateCombos();\n  };\n  /**\n   * 导出图数据\n   * @return {object} data\n   */\n\n\n  AbstractGraph.prototype.save = function () {\n    var nodes = [];\n    var edges = [];\n    var combos = [];\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(this.get('nodes'), function (node) {\n      nodes.push(node.getModel());\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(this.get('edges'), function (edge) {\n      edges.push(edge.getModel());\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(this.get('combos'), function (combo) {\n      combos.push(combo.getModel());\n    });\n    return {\n      nodes: nodes,\n      edges: edges,\n      combos: combos\n    };\n  };\n  /**\n   * 改变画布大小\n   * @param  {number} width  画布宽度\n   * @param  {number} height 画布高度\n   * @return {object} this\n   */\n\n\n  AbstractGraph.prototype.changeSize = function (width, height) {\n    var viewController = this.get('viewController');\n    viewController.changeSize(width, height);\n    return this;\n  };\n  /**\n   * 当源数据在外部发生变更时，根据新数据刷新视图。但是不刷新节点位置\n   */\n\n\n  AbstractGraph.prototype.refresh = function () {\n    var self = this;\n    self.emit('beforegraphrefresh');\n\n    if (self.get('animate')) {\n      self.positionsAnimate();\n    } else {\n      var nodes = self.get('nodes');\n      var edges = self.get('edges');\n      var vedges = self.get('edges');\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(nodes, function (node) {\n        node.refresh();\n      });\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(edges, function (edge) {\n        edge.refresh();\n      });\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(vedges, function (vedge) {\n        vedge.refresh();\n      });\n    }\n\n    self.emit('aftergraphrefresh');\n    self.autoPaint();\n  };\n  /**\n   * 获取当前图中所有节点的item实例\n   * @return {INode} item数组\n   */\n\n\n  AbstractGraph.prototype.getNodes = function () {\n    return this.get('nodes');\n  };\n  /**\n   * 获取当前图中所有边的item实例\n   * @return {IEdge} item数组\n   */\n\n\n  AbstractGraph.prototype.getEdges = function () {\n    return this.get('edges');\n  };\n  /**\n   * 获取图中所有的 combo 实例\n   */\n\n\n  AbstractGraph.prototype.getCombos = function () {\n    return this.get('combos');\n  };\n  /**\n   * 获取指定 Combo 中所有的节点\n   * @param comboId combo ID\n   */\n\n\n  AbstractGraph.prototype.getComboChildren = function (combo) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      combo = this.findById(combo);\n    }\n\n    if (!combo || combo.getType && combo.getType() !== 'combo') {\n      console.warn('The combo does not exist!');\n      return;\n    }\n\n    return combo.getChildren();\n  };\n  /**\n   * 根据 graph 上的 animateCfg 进行视图中节点位置动画接口\n   */\n\n\n  AbstractGraph.prototype.positionsAnimate = function () {\n    var self = this;\n    self.emit('beforeanimate');\n    var animateCfg = self.get('animateCfg');\n    var onFrame = animateCfg.onFrame;\n    var nodes = self.getNodes();\n    var toNodes = nodes.map(function (node) {\n      var model = node.getModel();\n      return {\n        id: model.id,\n        x: model.x,\n        y: model.y\n      };\n    });\n\n    if (self.isAnimating()) {\n      self.stopAnimate();\n    }\n\n    var canvas = self.get('canvas');\n    canvas.animate(function (ratio) {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(toNodes, function (data) {\n        var node = self.findById(data.id);\n\n        if (!node || node.destroyed) {\n          return;\n        }\n\n        var originAttrs = node.get('originAttrs');\n        var model = node.get('model');\n\n        if (!originAttrs) {\n          var containerMatrix = node.getContainer().getMatrix();\n          if (!containerMatrix) containerMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n          originAttrs = {\n            x: containerMatrix[6],\n            y: containerMatrix[7]\n          };\n          node.set('originAttrs', originAttrs);\n        }\n\n        if (onFrame) {\n          var attrs = onFrame(node, ratio, data, originAttrs);\n          node.set('model', Object.assign(model, attrs));\n        } else {\n          model.x = originAttrs.x + (data.x - originAttrs.x) * ratio;\n          model.y = originAttrs.y + (data.y - originAttrs.y) * ratio;\n        }\n      });\n      self.refreshPositions();\n    }, {\n      duration: animateCfg.duration,\n      easing: animateCfg.easing,\n      callback: function callback() {\n        Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(nodes, function (node) {\n          node.set('originAttrs', null);\n        });\n\n        if (animateCfg.callback) {\n          animateCfg.callback();\n        }\n\n        self.emit('afteranimate');\n        self.animating = false;\n      }\n    });\n  };\n  /**\n   * 当节点位置在外部发生改变时，刷新所有节点位置，重计算边\n   */\n\n\n  AbstractGraph.prototype.refreshPositions = function () {\n    var self = this;\n    self.emit('beforegraphrefreshposition');\n    var nodes = self.get('nodes');\n    var edges = self.get('edges');\n    var vedges = self.get('vedges');\n    var combos = self.get('combos');\n    var model;\n    var updatedNodes = {};\n    var nodeChangeMap = {};\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(nodes, function (node) {\n      model = node.getModel();\n      var originAttrs = node.get('originAttrs');\n\n      if (originAttrs && model.x === originAttrs.x && model.y === originAttrs.y) {\n        return;\n      }\n\n      var changed = node.updatePosition({\n        x: model.x,\n        y: model.y\n      });\n      updatedNodes[model.id] = changed;\n      if (model.comboId) updatedNodes[model.comboId] = updatedNodes[model.comboId] || changed;\n    });\n\n    if (combos && combos.length !== 0) {\n      self.updateCombos();\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(edges, function (edge) {\n      var sourceModel = edge.getSource().getModel();\n      var targetModel = edge.getTarget().getModel();\n\n      if (updatedNodes[sourceModel.id] || updatedNodes[targetModel.id] || edge.getModel().isComboEdge) {\n        edge.refresh();\n      }\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(vedges, function (vedge) {\n      vedge.refresh();\n    });\n    self.emit('aftergraphrefreshposition');\n    self.autoPaint();\n  };\n\n  AbstractGraph.prototype.stopAnimate = function () {\n    this.get('canvas').stopAnimate();\n  };\n\n  AbstractGraph.prototype.isAnimating = function () {\n    return this.animating;\n  };\n  /**\n   * 获取当前视口伸缩比例\n   * @return {number} 比例\n   */\n\n\n  AbstractGraph.prototype.getZoom = function () {\n    var matrix = this.get('group').getMatrix();\n    return matrix ? matrix[0] : 1;\n  };\n  /**\n   * 获取当前的行为模式\n   * @return {string} 当前行为模式\n   */\n\n\n  AbstractGraph.prototype.getCurrentMode = function () {\n    var modeController = this.get('modeController');\n    return modeController.getMode();\n  };\n  /**\n   * 切换行为模式\n   * @param {string} mode 指定模式\n   * @return {object} this\n   */\n\n\n  AbstractGraph.prototype.setMode = function (mode) {\n    var modeController = this.get('modeController');\n    modeController.setMode(mode);\n    return this;\n  };\n  /**\n   * 清除画布元素\n   * @return {object} this\n   */\n\n\n  AbstractGraph.prototype.clear = function (avoidEmit) {\n    if (avoidEmit === void 0) {\n      avoidEmit = false;\n    }\n\n    var canvas = this.get('canvas');\n    canvas.clear();\n    this.initGroups(); // 清空画布时同时清除数据\n\n    this.set({\n      itemMap: {},\n      nodes: [],\n      edges: [],\n      groups: [],\n      combos: [],\n      comboTrees: []\n    });\n    if (!avoidEmit) this.emit('afterrender');\n    return this;\n  };\n  /**\n   * 更换布局配置项\n   * @param {object} cfg 新布局配置项\n   * 若 cfg 含有 type 字段或为 String 类型，且与现有布局方法不同，则更换布局\n   * 若 cfg 不包括 type ，则保持原有布局方法，仅更新布局配置项\n   */\n\n\n  AbstractGraph.prototype.updateLayout = function (cfg) {\n    var layoutController = this.get('layoutController');\n    var newLayoutType;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(cfg)) {\n      newLayoutType = cfg;\n      cfg = {\n        type: newLayoutType\n      };\n    } else {\n      newLayoutType = cfg.type;\n    }\n\n    var oriLayoutCfg = this.get('layout');\n    var oriLayoutType = oriLayoutCfg ? oriLayoutCfg.type : undefined;\n\n    if ((!newLayoutType || oriLayoutType === newLayoutType) && (cfg.gpuEnabled === undefined || cfg.gpuEnabled === oriLayoutCfg.gpuEnabled)) {\n      // no type or same type, or switch the gpu and cpu, update layout\n      var layoutCfg = {};\n      Object.assign(layoutCfg, oriLayoutCfg, cfg);\n      layoutCfg.type = oriLayoutType || 'random';\n      this.set('layout', layoutCfg);\n      layoutController.updateLayoutCfg(layoutCfg);\n    } else {\n      if (!newLayoutType) newLayoutType = oriLayoutType; // has different type, change layout\n\n      this.set('layout', cfg);\n      layoutController.changeLayout(newLayoutType);\n    }\n  };\n  /**\n   * 销毁布局，changeData 时不会再使用原来的布局方法对新数据进行布局\n   */\n\n\n  AbstractGraph.prototype.destroyLayout = function () {\n    var layoutController = this.get('layoutController');\n    layoutController.destroyLayout();\n  };\n  /**\n   * 重新以当前示例中配置的属性进行一次布局\n   */\n\n\n  AbstractGraph.prototype.layout = function () {\n    var layoutController = this.get('layoutController');\n    var layoutCfg = this.get('layout');\n    if (!layoutCfg || !layoutController) return;\n\n    if (layoutCfg.workerEnabled) {\n      // 如果使用web worker布局\n      layoutController.layout();\n      return;\n    }\n\n    if (layoutController.layoutMethod) {\n      layoutController.relayout(true);\n    } else {\n      layoutController.layout();\n    }\n  };\n  /**\n   * 收起指定的 combo\n   * @param {string | ICombo} combo combo ID 或 combo item\n   */\n\n\n  AbstractGraph.prototype.collapseCombo = function (combo) {\n    var _this = this;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      combo = this.findById(combo);\n    }\n\n    if (!combo) {\n      console.warn('The combo to be collapsed does not exist!');\n      return;\n    }\n\n    this.emit('beforecollapseexpandcombo', {\n      action: 'expand',\n      item: combo\n    });\n    var comboModel = combo.getModel();\n    var itemController = this.get('itemController');\n    itemController.collapseCombo(combo);\n    comboModel.collapsed = true; // add virtual edges\n\n    var edges = this.getEdges().concat(this.get('vedges')); // find all the descendant nodes and combos\n\n    var cnodes = [];\n    var ccombos = [];\n    var comboTrees = this.get('comboTrees');\n    var found = false;\n    var brothers = {};\n    (comboTrees || []).forEach(function (ctree) {\n      brothers[ctree.id] = ctree;\n    });\n    (comboTrees || []).forEach(function (ctree) {\n      if (found) return; // if the combo is found, terminate the forEach\n\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTree\"])(ctree, function (subTree) {\n        // if the combo is found and the it is traversing the other brothers, terminate\n        if (found && brothers[subTree.id]) return false;\n\n        if (comboModel.parentId === subTree.id) {\n          // if the parent is found, store the brothers\n          brothers = {};\n          subTree.children.forEach(function (child) {\n            brothers[child.id] = child;\n          });\n        } else if (comboModel.id === subTree.id) {\n          // if the combo is found\n          found = true;\n        }\n\n        if (found) {\n          // if the combo is found, concat the descendant nodes and combos\n          var item = _this.findById(subTree.id);\n\n          if (item && item.getType && item.getType() === 'combo') {\n            cnodes = cnodes.concat(item.getNodes());\n            ccombos = ccombos.concat(item.getCombos());\n          }\n        }\n\n        return true;\n      });\n    });\n    var edgeWeightMap = {};\n    var addedVEdges = [];\n    edges.forEach(function (edge) {\n      if (edge.isVisible() && !edge.getModel().isVEdge) return;\n      var source = edge.getSource();\n      var target = edge.getTarget();\n\n      if ((cnodes.includes(source) || ccombos.includes(source)) && !cnodes.includes(target) && !ccombos.includes(target) || source.getModel().id === comboModel.id) {\n        var edgeModel = edge.getModel();\n\n        if (edgeModel.isVEdge) {\n          _this.removeItem(edge, false);\n\n          return;\n        }\n\n        var targetModel = target.getModel();\n\n        while (!target.isVisible()) {\n          target = _this.findById(targetModel.parentId || targetModel.comboId);\n          if (!target || !targetModel.parentId && !targetModel.comboId) return; // all the ancestors are hidden, then ignore the edge\n\n          targetModel = target.getModel();\n        }\n\n        var targetId = targetModel.id;\n\n        if (edgeWeightMap[comboModel.id + \"-\" + targetId]) {\n          edgeWeightMap[comboModel.id + \"-\" + targetId] += edgeModel.size || 1;\n          return;\n        } // the source is in the combo, the target is not\n\n\n        var vedge = _this.addItem('vedge', {\n          source: comboModel.id,\n          target: targetId,\n          isVEdge: true\n        }, false);\n\n        edgeWeightMap[comboModel.id + \"-\" + targetId] = edgeModel.size || 1;\n        addedVEdges.push(vedge);\n      } else if (!cnodes.includes(source) && !ccombos.includes(source) && (cnodes.includes(target) || ccombos.includes(target)) || target.getModel().id === comboModel.id) {\n        var edgeModel = edge.getModel();\n\n        if (edgeModel.isVEdge) {\n          _this.removeItem(edge, false);\n\n          return;\n        }\n\n        var sourceModel = source.getModel();\n\n        while (!source.isVisible()) {\n          source = _this.findById(sourceModel.parentId || sourceModel.comboId);\n          if (!source || !sourceModel.parentId && !sourceModel.comboId) return; // all the ancestors are hidden, then ignore the edge\n\n          sourceModel = source.getModel();\n        }\n\n        var sourceId = sourceModel.id;\n\n        if (edgeWeightMap[sourceId + \"-\" + comboModel.id]) {\n          edgeWeightMap[sourceId + \"-\" + comboModel.id] += edgeModel.size || 1;\n          return;\n        } // the target is in the combo, the source is not\n\n\n        var vedge = _this.addItem('vedge', {\n          target: comboModel.id,\n          source: sourceId,\n          isVEdge: true\n        }, false);\n\n        edgeWeightMap[sourceId + \"-\" + comboModel.id] = edgeModel.size || 1;\n        addedVEdges.push(vedge);\n      }\n    }); // update the width of the virtual edges, which is the sum of merged actual edges\n    // be attention that the actual edges with same endpoints but different directions will be represented by two different virtual edges\n\n    addedVEdges.forEach(function (vedge) {\n      var vedgeModel = vedge.getModel();\n\n      _this.updateItem(vedge, {\n        size: edgeWeightMap[vedgeModel.source + \"-\" + vedgeModel.target]\n      }, false);\n    });\n    this.emit('aftercollapseexpandcombo', {\n      action: 'collapse',\n      item: combo\n    });\n  };\n  /**\n   * 展开指定的 combo\n   * @param {string | ICombo} combo combo ID 或 combo item\n   */\n\n\n  AbstractGraph.prototype.expandCombo = function (combo) {\n    var _this = this;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      combo = this.findById(combo);\n    }\n\n    if (!combo || combo.getType && combo.getType() !== 'combo') {\n      console.warn('The combo to be collapsed does not exist!');\n      return;\n    }\n\n    this.emit('beforecollapseexpandcombo', {\n      action: 'expand',\n      item: combo\n    });\n    var comboModel = combo.getModel();\n    var itemController = this.get('itemController');\n    itemController.expandCombo(combo);\n    comboModel.collapsed = false; // add virtual edges\n\n    var edges = this.getEdges().concat(this.get('vedges')); // find all the descendant nodes and combos\n\n    var cnodes = [];\n    var ccombos = [];\n    var comboTrees = this.get('comboTrees');\n    var found = false;\n    var brothers = {};\n    (comboTrees || []).forEach(function (ctree) {\n      brothers[ctree.id] = ctree;\n    });\n    (comboTrees || []).forEach(function (ctree) {\n      if (found) return; // if the combo is found, terminate\n\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTree\"])(ctree, function (subTree) {\n        if (found && brothers[subTree.id]) {\n          return false;\n        }\n\n        if (comboModel.parentId === subTree.id) {\n          brothers = {};\n          subTree.children.forEach(function (child) {\n            brothers[child.id] = child;\n          });\n        } else if (comboModel.id === subTree.id) {\n          found = true;\n        }\n\n        if (found) {\n          var item = _this.findById(subTree.id);\n\n          if (item && item.getType && item.getType() === 'combo') {\n            cnodes = cnodes.concat(item.getNodes());\n            ccombos = ccombos.concat(item.getCombos());\n          }\n        }\n\n        return true;\n      });\n    });\n    var edgeWeightMap = {};\n    var addedVEdges = {};\n    edges.forEach(function (edge) {\n      if (edge.isVisible() && !edge.getModel().isVEdge) return;\n      var source = edge.getSource();\n      var target = edge.getTarget();\n      var sourceId = source.get('id');\n      var targetId = target.get('id');\n\n      if ((cnodes.includes(source) || ccombos.includes(source)) && !cnodes.includes(target) && !ccombos.includes(target) || sourceId === comboModel.id) {\n        // the source is in the combo, the target is not\n        // ignore the virtual edges\n        if (edge.getModel().isVEdge) {\n          _this.removeItem(edge, false);\n\n          return;\n        }\n\n        var targetModel = target.getModel(); // find the nearest visible ancestor\n\n        while (!target.isVisible()) {\n          target = _this.findById(targetModel.comboId || targetModel.parentId);\n\n          if (!target || !targetModel.parentId && !targetModel.comboId) {\n            return; // if all the ancestors of the oppsite are all hidden, ignore the edge\n          }\n\n          targetModel = target.getModel();\n        }\n\n        targetId = targetModel.id;\n        var sourceModel = source.getModel(); // find the nearest visible ancestor\n\n        while (!source.isVisible()) {\n          source = _this.findById(sourceModel.comboId || sourceModel.parentId);\n\n          if (!source || !sourceModel.parentId && !sourceModel.comboId) {\n            return; // if all the ancestors of the oppsite are all hidden, ignore the edge\n          }\n\n          if (sourceModel.comboId === comboModel.id || sourceModel.parentId === comboModel.id) {\n            break; // if the next ancestor is the combo, break the while\n          }\n\n          sourceModel = source.getModel();\n        }\n\n        sourceId = sourceModel.id;\n\n        if (targetId) {\n          var vedgeId = sourceId + \"-\" + targetId; // update the width of the virtual edges, which is the sum of merged actual edges\n          // be attention that the actual edges with same endpoints but different directions will be represented by two different virtual edges\n\n          if (edgeWeightMap[vedgeId]) {\n            edgeWeightMap[vedgeId] += edge.getModel().size || 1;\n\n            _this.updateItem(addedVEdges[vedgeId], {\n              size: edgeWeightMap[vedgeId]\n            }, false);\n\n            return;\n          }\n\n          var vedge = _this.addItem('vedge', {\n            source: sourceId,\n            target: targetId,\n            isVEdge: true\n          }, false);\n\n          edgeWeightMap[vedgeId] = edge.getModel().size || 1;\n          addedVEdges[vedgeId] = vedge;\n        }\n      } else if (!cnodes.includes(source) && !ccombos.includes(source) && (cnodes.includes(target) || ccombos.includes(target)) || targetId === comboModel.id) {\n        // the target is in the combo, the source is not\n        // ignore the virtual edges\n        if (edge.getModel().isVEdge) {\n          _this.removeItem(edge, false);\n\n          return;\n        }\n\n        var sourceModel = source.getModel(); // find the nearest visible ancestor\n\n        while (!source.isVisible()) {\n          source = _this.findById(sourceModel.comboId || sourceModel.parentId);\n\n          if (!source || !sourceModel.parentId && !sourceModel.comboId) {\n            return; // if all the ancestors of the oppsite are all hidden, ignore the edge\n          }\n\n          sourceModel = source.getModel();\n        }\n\n        sourceId = sourceModel.id;\n        var targetModel = target.getModel(); // find the nearest visible ancestor\n\n        while (!target.isVisible()) {\n          target = _this.findById(targetModel.comboId || targetModel.parentId);\n\n          if (!target || !targetModel.parentId && !targetModel.comboId) {\n            return; // if all the ancestors of the oppsite are all hidden, ignore the edge\n          }\n\n          if (targetModel.comboId === comboModel.id || targetModel.parentId === comboModel.id) {\n            break; // if the next ancestor is the combo, break the while\n          }\n\n          targetModel = target.getModel();\n        }\n\n        targetId = targetModel.id;\n\n        if (sourceId) {\n          var vedgeId = sourceId + \"-\" + targetId; // update the width of the virtual edges, which is the sum of merged actual edges\n          // be attention that the actual edges with same endpoints but different directions will be represented by two different virtual edges\n\n          if (edgeWeightMap[vedgeId]) {\n            edgeWeightMap[vedgeId] += edge.getModel().size || 1;\n\n            _this.updateItem(addedVEdges[vedgeId], {\n              size: edgeWeightMap[vedgeId]\n            }, false);\n\n            return;\n          }\n\n          var vedge = _this.addItem('vedge', {\n            target: targetId,\n            source: sourceId,\n            isVEdge: true\n          }, false);\n\n          edgeWeightMap[vedgeId] = edge.getModel().size || 1;\n          addedVEdges[vedgeId] = vedge;\n        }\n      } else if ((cnodes.includes(source) || ccombos.includes(source)) && (cnodes.includes(target) || ccombos.includes(target))) {\n        // both source and target are in the combo, if the target and source are both visible, show the edge\n        if (source.isVisible() && target.isVisible()) {\n          edge.show();\n        }\n      }\n    });\n    this.emit('aftercollapseexpandcombo', {\n      action: 'expand',\n      item: combo\n    });\n  };\n\n  AbstractGraph.prototype.collapseExpandCombo = function (combo) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      combo = this.findById(combo);\n    }\n\n    if (combo.getType && combo.getType() !== 'combo') return;\n    var comboModel = combo.getModel(); // if one ancestor combo of the combo is collapsed, it should not be collapsed or expanded\n\n    var parentItem = this.findById(comboModel.parentId);\n\n    while (parentItem) {\n      var parentModel = parentItem.getModel();\n\n      if (parentModel.collapsed) {\n        console.warn(\"Fail to expand the combo since it's ancestor combo is collapsed.\");\n        parentItem = undefined;\n        return;\n      }\n\n      parentItem = this.findById(parentModel.parentId);\n    }\n\n    var collapsed = comboModel.collapsed; // 该群组已经处于收起状态，需要展开\n\n    if (collapsed) {\n      this.expandCombo(combo);\n    } else {\n      this.collapseCombo(combo);\n    }\n\n    this.updateCombo(combo);\n  };\n  /**\n   * 根据 comboTree 结构整理 Combo 相关的图形绘制层级，包括 Combo 本身、节点、边\n   * @param {GraphData} data 数据\n   */\n\n\n  AbstractGraph.prototype.sortCombos = function () {\n    var _this = this;\n\n    var comboSorted = this.get('comboSorted');\n    if (comboSorted) return;\n    this.set('comboSorted', true);\n    var depthMap = [];\n    var dataDepthMap = {};\n    var comboTrees = this.get('comboTrees');\n    (comboTrees || []).forEach(function (cTree) {\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTree\"])(cTree, function (child) {\n        if (depthMap[child.depth]) depthMap[child.depth].push(child.id);else depthMap[child.depth] = [child.id];\n        dataDepthMap[child.id] = child.depth;\n        return true;\n      });\n    });\n    var edges = this.getEdges().concat(this.get('vedges'));\n    (edges || []).forEach(function (edgeItem) {\n      var edge = edgeItem.getModel();\n      var sourceDepth = dataDepthMap[edge.source] || 0;\n      var targetDepth = dataDepthMap[edge.target] || 0;\n      var depth = Math.max(sourceDepth, targetDepth);\n      if (depthMap[depth]) depthMap[depth].push(edge.id);else depthMap[depth] = [edge.id];\n    });\n    depthMap.forEach(function (array) {\n      if (!array || !array.length) return;\n\n      for (var i = array.length - 1; i >= 0; i--) {\n        var item = _this.findById(array[i]);\n\n        if (item) item.toFront();\n      }\n    });\n  };\n  /**\n   * 获取节点所有的邻居节点\n   *\n   * @param {(string | INode)} node 节点 ID 或实例\n   * @returns {INode[]}\n   * @memberof IAbstractGraph\n   */\n\n\n  AbstractGraph.prototype.getNeighbors = function (node, type) {\n    var item = node;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(node)) {\n      item = this.findById(node);\n    }\n\n    return item.getNeighbors(type);\n  };\n  /**\n   * 获取 node 的度数\n   *\n   * @param {(string | INode)} node 节点 ID 或实例\n   * @param {('in' | 'out' | 'total' | 'all' | undefined)} 度数类型，in 入度，out 出度，total 总度数，all 返回三种类型度数的对象\n   * @returns {Number | Object} 该节点的度数\n   * @memberof IAbstractGraph\n   */\n\n\n  AbstractGraph.prototype.getNodeDegree = function (node, type) {\n    if (type === void 0) {\n      type = undefined;\n    }\n\n    var item = node;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(node)) {\n      item = this.findById(node);\n    }\n\n    var degrees = this.get('degrees');\n\n    if (!degrees) {\n      degrees = Object(_antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"getDegree\"])(this.get('data'));\n    }\n\n    this.set('degrees', degrees);\n    var nodeDegrees = degrees[item.getID()];\n    var res = 0; // 如果是通过 addItem 后面新增加的节点，此时它的所有度数都为 0\n\n    if (!nodeDegrees) {\n      return res;\n    }\n\n    switch (type) {\n      case 'in':\n        res = nodeDegrees.inDegree;\n        break;\n\n      case 'out':\n        res = nodeDegrees.outDegree;\n        break;\n\n      case 'all':\n        res = nodeDegrees;\n        break;\n\n      default:\n        res = nodeDegrees.degree;\n        break;\n    }\n\n    return res;\n  };\n\n  AbstractGraph.prototype.getUndoStack = function () {\n    return this.undoStack;\n  };\n\n  AbstractGraph.prototype.getRedoStack = function () {\n    return this.redoStack;\n  };\n  /**\n   * 获取 undo 和 redo 栈的数据\n   */\n\n\n  AbstractGraph.prototype.getStackData = function () {\n    if (!this.get('enabledStack')) {\n      return null;\n    }\n\n    return {\n      undoStack: this.undoStack.toArray(),\n      redoStack: this.redoStack.toArray()\n    };\n  };\n  /**\n   * 清空 undo stack & redo stack\n   */\n\n\n  AbstractGraph.prototype.clearStack = function () {\n    if (this.get('enabledStack')) {\n      this.undoStack.clear();\n      this.redoStack.clear();\n    }\n  };\n  /**\n   * 将操作类型和操作数据入栈\n   * @param action 操作类型\n   * @param data 入栈的数据\n   * @param stackType 栈的类型\n   */\n\n\n  AbstractGraph.prototype.pushStack = function (action, data, stackType) {\n    if (action === void 0) {\n      action = 'update';\n    }\n\n    if (stackType === void 0) {\n      stackType = 'undo';\n    }\n\n    if (!this.get('enabledStack')) {\n      console.warn('请先启用 undo & redo 功能，在实例化 Graph 时候配置 enabledStack: true !');\n      return;\n    }\n\n    var stackData = data ? Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(data) : {\n      before: {},\n      after: Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(this.save())\n    };\n\n    if (stackType === 'redo') {\n      this.redoStack.push({\n        action: action,\n        data: stackData\n      });\n    } else {\n      this.undoStack.push({\n        action: action,\n        data: stackData\n      });\n    }\n\n    this.emit('stackchange', {\n      undoStack: this.undoStack,\n      redoStack: this.redoStack\n    });\n  };\n  /**\n   * 获取邻接矩阵\n   *\n   * @param {boolean} cache 是否使用缓存的\n   * @param {boolean} directed 是否是有向图，默认取 graph.directed\n   * @returns {Matrix} 邻接矩阵\n   * @memberof IAbstractGraph\n   */\n\n\n  AbstractGraph.prototype.getAdjMatrix = function (cache, directed) {\n    if (cache === void 0) {\n      cache = true;\n    }\n\n    if (directed === undefined) directed = this.get('directed');\n    var currentAdjMatrix = this.get('adjMatrix');\n\n    if (!currentAdjMatrix || !cache) {\n      currentAdjMatrix = Object(_antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"getAdjMatrix\"])(this.save(), directed);\n      this.set('adjMatrix', currentAdjMatrix);\n    }\n\n    return currentAdjMatrix;\n  };\n  /**\n   * 获取最短路径矩阵\n   *\n   * @param {boolean} cache 是否使用缓存的\n   * @param {boolean} directed 是否是有向图，默认取 graph.directed\n   * @returns {Matrix} 最短路径矩阵\n   * @memberof IAbstractGraph\n   */\n\n\n  AbstractGraph.prototype.getShortestPathMatrix = function (cache, directed) {\n    if (cache === void 0) {\n      cache = true;\n    }\n\n    if (directed === undefined) directed = this.get('directed');\n    var currentAdjMatrix = this.get('adjMatrix');\n    var currentShourtestPathMatrix = this.get('shortestPathMatrix');\n\n    if (!currentAdjMatrix || !cache) {\n      currentAdjMatrix = Object(_antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"getAdjMatrix\"])(this.save(), directed);\n      this.set('adjMatrix', currentAdjMatrix);\n    }\n\n    if (!currentShourtestPathMatrix || !cache) {\n      currentShourtestPathMatrix = Object(_antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"floydWarshall\"])(this.save(), directed);\n      this.set('shortestPathMatrix', currentShourtestPathMatrix);\n    }\n\n    return currentShourtestPathMatrix;\n  };\n  /**\n   * 重新定义监听函数，复写参数类型\n   */\n\n\n  AbstractGraph.prototype.on = function (eventName, callback, once) {\n    return _super.prototype.on.call(this, eventName, callback, once);\n  };\n  /**\n   * 销毁画布\n   */\n\n\n  AbstractGraph.prototype.destroy = function () {\n    this.clear(); // 清空栈数据\n\n    this.clearStack();\n    this.get('itemController').destroy();\n    this.get('modeController').destroy();\n    this.get('viewController').destroy();\n    this.get('stateController').destroy();\n    this.get('canvas').destroy();\n    this.cfg = null;\n    this.destroyed = true;\n    this.redoStack = null;\n    this.undoStack = null;\n  };\n  /**\n   * 创建凸包或凹包轮廓\n   * @param cfg HullCfg 轮廓配置项\n   */\n\n\n  AbstractGraph.prototype.createHull = function (cfg) {\n    if (!cfg.members || cfg.members.length < 1) {\n      console.warn('Create hull failed! The members is empty.');\n      return;\n    }\n\n    var parent = this.get('hullGroup');\n    var hullMap = this.get('hullMap');\n\n    if (!hullMap) {\n      hullMap = {};\n      this.set('hullMap', hullMap);\n    }\n\n    if (!parent || parent.get('destroyed')) {\n      parent = this.get('group').addGroup({\n        id: 'hullGroup'\n      });\n      parent.toBack();\n      this.set('hullGroup', parent);\n    }\n\n    if (hullMap[cfg.id]) {\n      console.warn('Existed hull id.');\n      return hullMap[cfg.id];\n    }\n\n    var group = parent.addGroup({\n      id: cfg.id + \"-container\"\n    });\n    var hull = new _item_hull__WEBPACK_IMPORTED_MODULE_9__[\"default\"](this, Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, cfg), {\n      group: group\n    }));\n    var hullId = hull.id;\n    hullMap[hullId] = hull;\n    return hull;\n  };\n  /**\n   * 获取当前 graph 中存在的包裹轮廓\n   * @return {[key: string]: Hull} Hull 的 map，hullId 对应的 hull 实例\n   */\n\n\n  AbstractGraph.prototype.getHulls = function () {\n    return this.get('hullMap');\n  };\n  /**\n   * 根据 hullId 获取对应的 hull\n   * @return Hull\n   */\n\n\n  AbstractGraph.prototype.getHullById = function (hullId) {\n    return this.get('hullMap')[hullId];\n  };\n\n  AbstractGraph.prototype.removeHull = function (hull) {\n    var hullInstance;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(hull)) {\n      hullInstance = this.getHullById(hull);\n    } else {\n      hullInstance = hull;\n    }\n\n    var hullMap = this.get('hullMap');\n    delete hullMap[hullInstance.id];\n    hullInstance.destroy();\n  };\n\n  AbstractGraph.prototype.removeHulls = function () {\n    var hulls = this.getHulls();\n    if (!hulls || !Object.keys(hulls).length) return;\n    Object.keys(hulls).forEach(function (key) {\n      var hull = hulls[key];\n      hull.destroy();\n    });\n    this.set('hullMap', {});\n  };\n\n  return AbstractGraph;\n}(_antv_event_emitter__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (AbstractGraph);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/graph.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js":
-/*!**********************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js ***!
-  \**********************************************************************/
-/*! exports provided: G6GraphEvent, G6Event, Arrow, Shape, Node, Edge, Combo, Hull, Marker, registerNode, registerCombo, AbstractGraph, Util, registerEdge, registerBehavior, AbstractLayout, AbstractEvent, BaseGlobal, default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerNode\", function() { return registerNode; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerCombo\", function() { return registerCombo; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerEdge\", function() { return registerEdge; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerBehavior\", function() { return registerBehavior; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BaseGlobal\", function() { return BaseGlobal; });\n/* harmony import */ var _behavior__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./behavior */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/behavior/index.js\");\n/* harmony import */ var _graph_graph__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./graph/graph */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/graph.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractGraph\", function() { return _graph_graph__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./element */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Arrow\", function() { return _element__WEBPACK_IMPORTED_MODULE_2__[\"Arrow\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Shape\", function() { return _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Marker\", function() { return _element__WEBPACK_IMPORTED_MODULE_2__[\"Marker\"]; });\n\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Util\", function() { return _util__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _graph_controller_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./graph/controller/layout */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/layout.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractLayout\", function() { return _graph_controller_layout__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _graph_controller_event__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./graph/controller/event */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/graph/controller/event.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractEvent\", function() { return _graph_controller_event__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _item_node__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./item/node */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/node.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Node\", function() { return _item_node__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _item_edge__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./item/edge */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/edge.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Edge\", function() { return _item_edge__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _item_hull__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./item/hull */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/hull.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Hull\", function() { return _item_hull__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _item_combo__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./item/combo */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/combo.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Combo\", function() { return _item_combo__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./types */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/types/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return _types__WEBPACK_IMPORTED_MODULE_11__[\"G6GraphEvent\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6Event\", function() { return _types__WEBPACK_IMPORTED_MODULE_11__[\"G6Event\"]; });\n\n\n\n\n\n // 用于 PC 和 Mobile 端分别实现 layout 和 updateLayoutCfg 方法\n\n\n\n\n\n\n\nvar registerNode = _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerNode;\nvar registerEdge = _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerEdge;\nvar registerCombo = _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerCombo;\nvar registerBehavior = _behavior__WEBPACK_IMPORTED_MODULE_0__[\"default\"].registerBehavior;\nvar BaseGlobal = _global__WEBPACK_IMPORTED_MODULE_3__[\"default\"];\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  version: _global__WEBPACK_IMPORTED_MODULE_3__[\"default\"].version,\n  AbstractGraph: _graph_graph__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  BaseGlobal: BaseGlobal,\n  Util: _util__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  Shape: _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  Node: _item_node__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  Edge: _item_edge__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n  Combo: _item_combo__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n  Hull: _item_hull__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n  registerNode: _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerNode,\n  registerEdge: _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerEdge,\n  registerCombo: _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerCombo,\n  registerBehavior: _behavior__WEBPACK_IMPORTED_MODULE_0__[\"default\"].registerBehavior,\n  Arrow: _element__WEBPACK_IMPORTED_MODULE_2__[\"Arrow\"],\n  Marker: _element__WEBPACK_IMPORTED_MODULE_2__[\"Marker\"],\n  AbstractLayout: _graph_controller_layout__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  AbstractEvent: _graph_controller_event__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/behavior.js":
-/*!***********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/behavior.js ***!
-  \***********************************************************************************/
-/*! exports provided: G6GraphEvent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return G6GraphEvent; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g-base */ \"./node_modules/_@antv_g-base@0.5.5@@antv/g-base/esm/index.js\");\n\n\n\nvar G6GraphEvent =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(G6GraphEvent, _super);\n\n  function G6GraphEvent(type, event) {\n    var _this = _super.call(this, type, event) || this;\n\n    _this.item = event.item;\n    _this.canvasX = event.canvasX;\n    _this.canvasY = event.canvasY;\n    _this.wheelDelta = event.wheelDelta;\n    _this.detail = event.detail;\n    return _this;\n  }\n\n  return G6GraphEvent;\n}(_antv_g_base__WEBPACK_IMPORTED_MODULE_1__[\"Event\"]);\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/behavior.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/graph.js":
-/*!********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/graph.js ***!
-  \********************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/graph.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/index.js":
-/*!********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/index.js ***!
-  \********************************************************************************/
-/*! exports provided: G6GraphEvent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _graph__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./graph */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/graph.js\");\n/* empty/unused harmony star reexport *//* harmony import */ var _behavior__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./behavior */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/behavior.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return _behavior__WEBPACK_IMPORTED_MODULE_1__[\"G6GraphEvent\"]; });\n\n/* harmony import */ var _item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./item */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/item.js\");\n/* empty/unused harmony star reexport *//* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/shape.js\");\n/* empty/unused harmony star reexport */\n\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/item.js":
-/*!*******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/item.js ***!
-  \*******************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/item.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/shape.js":
-/*!********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/shape.js ***!
-  \********************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/shape.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/combo.js":
-/*!***************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/combo.js ***!
-  \***************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _node__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/node.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n\n\n\nvar CACHE_BBOX = 'bboxCache';\nvar CACHE_CANVAS_BBOX = 'bboxCanvasCache';\nvar CACHE_SIZE = 'sizeCache';\nvar CACHE_ANCHOR_POINTS = 'anchorPointsCache';\n\nvar Combo =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(Combo, _super);\n\n  function Combo() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Combo.prototype.getDefaultCfg = function () {\n    return {\n      type: 'combo',\n      nodes: [],\n      edges: [],\n      combos: []\n    };\n  };\n\n  Combo.prototype.getShapeCfg = function (model) {\n    var styles = this.get('styles');\n    var bbox = this.get('bbox');\n\n    if (styles && bbox) {\n      // merge graph的item样式与数据模型中的样式\n      var newModel = model;\n      var size = {\n        r: Math.hypot(bbox.height, bbox.width) / 2 || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.size[0] / 2,\n        width: bbox.width || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.size[0],\n        height: bbox.height || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.size[1]\n      };\n      newModel.style = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), model.style), size);\n      var padding = model.padding || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.padding;\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"isNumber\"])(padding)) {\n        size.r += padding;\n        size.width += padding * 2;\n        size.height += padding * 2;\n      } else {\n        size.r += padding[0];\n        size.width += padding[1] + padding[3] || padding[1] * 2;\n        size.height += padding[0] + padding[2] || padding[0] * 2;\n      }\n\n      this.set(CACHE_SIZE, size);\n      return newModel;\n    }\n\n    return model;\n  };\n  /**\n   * 根据 keyshape 计算包围盒\n   */\n\n\n  Combo.prototype.calculateCanvasBBox = function () {\n    if (this.destroyed) return;\n    var keyShape = this.get('keyShape');\n    var group = this.get('group'); // 因为 group 可能会移动，所以必须通过父元素计算才能计算出正确的包围盒\n\n    var bbox = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_3__[\"getBBox\"])(keyShape, group);\n    bbox.centerX = (bbox.minX + bbox.maxX) / 2;\n    bbox.centerY = (bbox.minY + bbox.maxY) / 2;\n    var cacheSize = this.get(CACHE_SIZE);\n    var cacheBBox = this.get(CACHE_BBOX) || {};\n    var oriX = cacheBBox.x;\n    var oriY = cacheBBox.x;\n\n    if (cacheSize) {\n      var type = keyShape.get('type');\n\n      if (type === 'circle') {\n        bbox.width = cacheSize.r * 2;\n        bbox.height = cacheSize.r * 2;\n      } else {\n        bbox.width = cacheSize.width;\n        bbox.height = cacheSize.height;\n      }\n\n      bbox.minX = bbox.centerX - bbox.width / 2;\n      bbox.minY = bbox.centerY - bbox.height / 2;\n      bbox.maxX = bbox.centerX + bbox.width / 2;\n      bbox.maxY = bbox.centerY + bbox.height / 2;\n    } else {\n      bbox.width = bbox.maxX - bbox.minX;\n      bbox.height = bbox.maxY - bbox.minY;\n      bbox.centerX = (bbox.minX + bbox.maxX) / 2;\n      bbox.centerY = (bbox.minY + bbox.maxY) / 2;\n    }\n\n    bbox.x = bbox.minX;\n    bbox.y = bbox.minY;\n    if (bbox.x !== oriX || bbox.y !== oriY) this.set(CACHE_ANCHOR_POINTS, null);\n    return bbox;\n  };\n  /**\n   * 获取 Combo 中所有的子元素，包括 Combo、Node 及 Edge\n   */\n\n\n  Combo.prototype.getChildren = function () {\n    var self = this;\n    return {\n      nodes: self.getNodes(),\n      combos: self.getCombos()\n    };\n  };\n  /**\n   * 获取 Combo 中所有子节点\n   */\n\n\n  Combo.prototype.getNodes = function () {\n    var self = this;\n    return self.get('nodes');\n  };\n  /**\n   * 获取 Combo 中所有子 combo\n   */\n\n\n  Combo.prototype.getCombos = function () {\n    var self = this;\n    return self.get('combos');\n  };\n  /**\n   * 向 Combo 中增加子 combo 或 node\n   * @param item Combo 或节点实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.addChild = function (item) {\n    var self = this;\n    var itemType = item.getType();\n\n    switch (itemType) {\n      case 'node':\n        self.addNode(item);\n        break;\n\n      case 'combo':\n        self.addCombo(item);\n        break;\n\n      default:\n        console.warn('Only node or combo items are allowed to be added into a combo');\n        return false;\n    }\n\n    return true;\n  };\n  /**\n   * 向 Combo 中增加 combo\n   * @param combo Combo 实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.addCombo = function (combo) {\n    var self = this;\n    self.get('combos').push(combo);\n    return true;\n  };\n  /**\n   * 向 Combo 中添加节点\n   * @param node 节点实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.addNode = function (node) {\n    var self = this;\n    self.get('nodes').push(node);\n    return true;\n  };\n  /**\n   * 向 Combo 中增加子 combo 或 node\n   * @param item Combo 或节点实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.removeChild = function (item) {\n    var self = this;\n    var itemType = item.getType();\n\n    switch (itemType) {\n      case 'node':\n        self.removeNode(item);\n        break;\n\n      case 'combo':\n        self.removeCombo(item);\n        break;\n\n      default:\n        console.warn('Only node or combo items are allowed to be added into a combo');\n        return false;\n    }\n\n    return true;\n  };\n  /**\n   * 从 Combo 中移除指定的 combo\n   * @param combo Combo 实例\n   * @return boolean 移除成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.removeCombo = function (combo) {\n    if (!combo) return;\n    var combos = this.getCombos();\n    var index = combos.indexOf(combo);\n\n    if (index > -1) {\n      combos.splice(index, 1);\n      return true;\n    }\n\n    return false;\n  };\n  /**\n   * 向 Combo 中移除指定的节点\n   * @param node 节点实例\n   * @return boolean 移除成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.removeNode = function (node) {\n    if (!node) return;\n    var nodes = this.getNodes();\n    var index = nodes.indexOf(node);\n\n    if (index > -1) {\n      nodes.splice(index, 1);\n      return true;\n    }\n\n    return false;\n  };\n\n  Combo.prototype.isOnlyMove = function (cfg) {\n    return false;\n  };\n  /**\n   * 获取 item 的包围盒，这个包围盒是相对于 item 自己，不会将 matrix 计算在内\n   * @return {Object} 包含 x,y,width,height, centerX, centerY\n   */\n\n\n  Combo.prototype.getBBox = function () {\n    this.set(CACHE_CANVAS_BBOX, null);\n    var bbox = this.calculateCanvasBBox();\n    return bbox;\n  };\n\n  Combo.prototype.clearCache = function () {\n    this.set(CACHE_BBOX, null); // 清理缓存的 bbox\n\n    this.set(CACHE_CANVAS_BBOX, null);\n    this.set(CACHE_ANCHOR_POINTS, null);\n  };\n\n  Combo.prototype.destroy = function () {\n    if (!this.destroyed) {\n      var animate = this.get('animate');\n      var group = this.get('group');\n\n      if (animate) {\n        group.stopAnimate();\n      }\n\n      this.clearCache();\n      this.set(CACHE_SIZE, null);\n      this.set('bbox', null);\n      group.remove();\n      this._cfg = null;\n      this.destroyed = true;\n    }\n  };\n\n  return Combo;\n}(_node__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Combo);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/combo.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/edge.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/edge.js ***!
-  \**************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./item */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/item.js\");\n\n\n\nvar END_MAP = {\n  source: 'start',\n  target: 'end'\n};\nvar ITEM_NAME_SUFFIX = 'Node'; // 端点的后缀，如 sourceNode, targetNode\n\nvar POINT_NAME_SUFFIX = 'Point'; // 起点或者结束点的后缀，如 startPoint, endPoint\n\nvar ANCHOR_NAME_SUFFIX = 'Anchor';\n\nvar Edge =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(Edge, _super);\n\n  function Edge() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Edge.prototype.getDefaultCfg = function () {\n    return {\n      type: 'edge',\n      sourceNode: null,\n      targetNode: null,\n      startPoint: null,\n      endPoint: null,\n      linkCenter: false\n    };\n  };\n\n  Edge.prototype.setEnd = function (name, value) {\n    var pointName = END_MAP[name] + POINT_NAME_SUFFIX;\n    var itemName = name + ITEM_NAME_SUFFIX;\n    var preItem = this.get(itemName);\n\n    if (preItem && !preItem.destroyed) {\n      // 如果之前存在节点，则移除掉边\n      preItem.removeEdge(this);\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isPlainObject\"])(value)) {\n      // 如果设置成具体的点，则清理节点\n      this.set(pointName, value);\n      this.set(itemName, null);\n    } else {\n      value.addEdge(this);\n      this.set(itemName, value);\n      this.set(pointName, null);\n    }\n  };\n  /**\n   * 获取连接点的坐标\n   * @param name source | target\n   * @param model 边的数据模型\n   * @param controlPoints 控制点\n   */\n\n\n  Edge.prototype.getLinkPoint = function (name, model, controlPoints) {\n    var pointName = END_MAP[name] + POINT_NAME_SUFFIX;\n    var itemName = name + ITEM_NAME_SUFFIX;\n    var point = this.get(pointName);\n\n    if (!point) {\n      var item = this.get(itemName);\n      var anchorName = name + ANCHOR_NAME_SUFFIX;\n      var prePoint = this.getPrePoint(name, controlPoints);\n      var anchorIndex = model[anchorName];\n\n      if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(anchorIndex)) {\n        // 如果有锚点，则使用锚点索引获取连接点\n        point = item.getLinkPointByAnchor(anchorIndex);\n      } // 如果锚点没有对应的点或者没有锚点，则直接计算连接点\n\n\n      point = point || item.getLinkPoint(prePoint);\n\n      if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(point.index)) {\n        this.set(name + \"AnchorIndex\", point.index);\n      }\n    }\n\n    return point;\n  };\n  /**\n   * 获取同端点进行连接的点，计算交汇点\n   * @param name\n   * @param controlPoints\n   */\n\n\n  Edge.prototype.getPrePoint = function (name, controlPoints) {\n    if (controlPoints && controlPoints.length) {\n      var index = name === 'source' ? 0 : controlPoints.length - 1;\n      return controlPoints[index];\n    }\n\n    var oppositeName = name === 'source' ? 'target' : 'source'; // 取另一个节点的位置\n\n    return this.getEndPoint(oppositeName);\n  };\n  /**\n   * 获取端点的位置\n   * @param name\n   */\n\n\n  Edge.prototype.getEndPoint = function (name) {\n    var itemName = name + ITEM_NAME_SUFFIX;\n    var pointName = END_MAP[name] + POINT_NAME_SUFFIX;\n    var item = this.get(itemName); // 如果有端点，直接使用 model\n\n    if (item) {\n      return item.get('model');\n    } // 否则直接使用点\n\n\n    return this.get(pointName);\n  };\n  /**\n   * 通过端点的中心获取控制点\n   * @param model\n   */\n\n\n  Edge.prototype.getControlPointsByCenter = function (model) {\n    var sourcePoint = this.getEndPoint('source');\n    var targetPoint = this.getEndPoint('target');\n    var shapeFactory = this.get('shapeFactory');\n    var type = model.type;\n    return shapeFactory.getControlPoints(type, {\n      startPoint: sourcePoint,\n      endPoint: targetPoint\n    });\n  };\n\n  Edge.prototype.getEndCenter = function (name) {\n    var itemName = name + ITEM_NAME_SUFFIX;\n    var pointName = END_MAP[name] + POINT_NAME_SUFFIX;\n    var item = this.get(itemName); // 如果有端点，直接使用 model\n\n    if (item) {\n      var bbox = item.getBBox();\n      return {\n        x: bbox.centerX,\n        y: bbox.centerY\n      };\n    } // 否则直接使用点\n\n\n    return this.get(pointName);\n  };\n\n  Edge.prototype.init = function () {\n    _super.prototype.init.call(this); // 初始化两个端点\n\n\n    this.setSource(this.get('source'));\n    this.setTarget(this.get('target'));\n  };\n\n  Edge.prototype.getShapeCfg = function (model) {\n    var self = this;\n    var linkCenter = self.get('linkCenter'); // 如果连接到中心，忽视锚点、忽视控制点\n\n    var cfg = _super.prototype.getShapeCfg.call(this, model);\n\n    if (linkCenter) {\n      cfg.startPoint = self.getEndCenter('source');\n      cfg.endPoint = self.getEndCenter('target');\n    } else {\n      var controlPoints = cfg.controlPoints || self.getControlPointsByCenter(cfg);\n      cfg.startPoint = self.getLinkPoint('source', model, controlPoints);\n      cfg.endPoint = self.getLinkPoint('target', model, controlPoints);\n    }\n\n    cfg.sourceNode = self.get('sourceNode');\n    cfg.targetNode = self.get('targetNode');\n    return cfg;\n  };\n  /**\n   * 获取边的数据模型\n   */\n\n\n  Edge.prototype.getModel = function () {\n    var out = this.get('model');\n    var sourceItem = this.get(\"source\" + ITEM_NAME_SUFFIX);\n    var targetItem = this.get(\"target\" + ITEM_NAME_SUFFIX);\n\n    if (sourceItem) {\n      delete out[\"source\" + ITEM_NAME_SUFFIX];\n    } else {\n      out.source = this.get(\"start\" + POINT_NAME_SUFFIX);\n    }\n\n    if (targetItem) {\n      delete out[\"target\" + ITEM_NAME_SUFFIX];\n    } else {\n      out.target = this.get(\"end\" + POINT_NAME_SUFFIX);\n    }\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(out.source) && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isPlainObject\"])(out.source)) {\n      out.source = out.source.getID();\n    }\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(out.target) && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isPlainObject\"])(out.target)) {\n      out.target = out.target.getID();\n    }\n\n    return out;\n  };\n\n  Edge.prototype.setSource = function (source) {\n    this.setEnd('source', source);\n    this.set('source', source);\n  };\n\n  Edge.prototype.setTarget = function (target) {\n    this.setEnd('target', target);\n    this.set('target', target);\n  };\n\n  Edge.prototype.getSource = function () {\n    return this.get('source');\n  };\n\n  Edge.prototype.getTarget = function () {\n    return this.get('target');\n  };\n\n  Edge.prototype.updatePosition = function () {\n    return false;\n  };\n  /**\n   * 边不需要重计算容器位置，直接重新计算 path 位置\n   * @param {object} cfg 待更新数据\n   */\n\n\n  Edge.prototype.update = function (cfg, onlyMove) {\n    if (onlyMove === void 0) {\n      onlyMove = false;\n    }\n\n    var model = this.get('model');\n    var oriVisible = model.visible;\n    var cfgVisible = cfg.visible;\n    if (oriVisible !== cfgVisible && cfgVisible !== undefined) this.changeVisibility(cfgVisible);\n    var styles = this.get('styles');\n\n    if (cfg.stateStyles) {\n      // 更新 item 时更新 this.get('styles') 中的值\n      var stateStyles = cfg.stateStyles;\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(styles, stateStyles);\n      delete cfg.stateStyles;\n    }\n\n    Object.assign(model, cfg);\n    this.updateShape();\n    this.afterUpdate();\n    this.clearCache();\n  };\n\n  Edge.prototype.destroy = function () {\n    var sourceItem = this.get(\"source\" + ITEM_NAME_SUFFIX);\n    var targetItem = this.get(\"target\" + ITEM_NAME_SUFFIX);\n\n    if (sourceItem && !sourceItem.destroyed) {\n      sourceItem.removeEdge(this);\n    }\n\n    if (targetItem && !targetItem.destroyed) {\n      targetItem.removeEdge(this);\n    }\n\n    _super.prototype.destroy.call(this);\n  };\n\n  return Edge;\n}(_item__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Edge);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/edge.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/hull.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/hull.js ***!
-  \**************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_path_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/path-util */ \"./node_modules/_@antv_path-util@2.0.9@@antv/path-util/esm/index.js\");\n/* harmony import */ var _util_path__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util/path */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/path.js\");\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util/math */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _element_hull_convexHull__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../element/hull/convexHull */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/hull/convexHull.js\");\n/* harmony import */ var _element_hull_bubbleset__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../element/hull/bubbleset */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/hull/bubbleset.js\");\n\n\n\n\n\n\n\n/**\n * 用于包裹内部的成员的轮廓。\n * convex hull(凸包)：http://geomalgorithms.com/a10-_hull-1.html#Monotone%20Chain\n * bubble: 使用 bubbleset算法，refer: http://vialab.science.uoit.ca/wp-content/papercite-data/pdf/col2009c.pdf\n * 通过配置 padding 可以调节包裹轮廓对节点的松紧程度\n */\n\nvar Hull =\n/** @class */\nfunction () {\n  function Hull(graph, cfg) {\n    this.cfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])(this.getDefaultCfg(), cfg);\n    this.graph = graph;\n    this.id = this.cfg.id;\n    this.group = this.cfg.group;\n    this.members = this.cfg.members.map(function (item) {\n      return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? graph.findById(item) : item;\n    });\n    this.nonMembers = this.cfg.nonMembers.map(function (item) {\n      return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? graph.findById(item) : item;\n    });\n    this.setPadding();\n    this.setType();\n    this.path = this.calcPath(this.members, this.nonMembers);\n    this.render();\n  }\n\n  Hull.prototype.getDefaultCfg = function () {\n    return {\n      id: 'g6-hull',\n      type: 'round-convex',\n      members: [],\n      nonMembers: [],\n      style: {\n        fill: 'lightblue',\n        stroke: 'blue',\n        opacity: 0.2\n      },\n      padding: 10\n    };\n  };\n\n  Hull.prototype.setPadding = function () {\n    var nodeSize = this.members.length && this.members[0].getKeyShape().getCanvasBBox().width / 2;\n    this.padding = this.cfg.padding > 0 ? this.cfg.padding + nodeSize : 10 + nodeSize;\n    this.cfg.bubbleCfg = {\n      nodeR0: this.padding - nodeSize,\n      nodeR1: this.padding - nodeSize,\n      morphBuffer: this.padding - nodeSize\n    };\n  };\n\n  Hull.prototype.setType = function () {\n    this.type = this.cfg.type;\n\n    if (this.members.length < 3) {\n      this.type = 'round-convex';\n    }\n\n    if (this.type !== 'round-convex' && this.type !== 'smooth-convex' && this.type !== 'bubble') {\n      console.warn('The hull type should be either round-convex, smooth-convex or bubble, round-convex is used by default.');\n      this.type = 'round-convex';\n    }\n  };\n\n  Hull.prototype.calcPath = function (members, nonMembers) {\n    var contour, path, hull;\n\n    switch (this.type) {\n      case 'round-convex':\n        contour = Object(_element_hull_convexHull__WEBPACK_IMPORTED_MODULE_5__[\"genConvexHull\"])(members);\n        hull = Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"roundedHull\"])(contour.map(function (p) {\n          return [p.x, p.y];\n        }), this.padding);\n        path = Object(_antv_path_util__WEBPACK_IMPORTED_MODULE_2__[\"parsePathString\"])(hull);\n        break;\n\n      case 'smooth-convex':\n        contour = Object(_element_hull_convexHull__WEBPACK_IMPORTED_MODULE_5__[\"genConvexHull\"])(members);\n\n        if (contour.length === 2) {\n          hull = Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"roundedHull\"])(contour.map(function (p) {\n            return [p.x, p.y];\n          }), this.padding);\n          path = Object(_antv_path_util__WEBPACK_IMPORTED_MODULE_2__[\"parsePathString\"])(hull);\n        } else if (contour.length > 2) {\n          hull = Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"paddedHull\"])(contour.map(function (p) {\n            return [p.x, p.y];\n          }), this.padding);\n          path = Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"getClosedSpline\"])(hull);\n        }\n\n        break;\n\n      case 'bubble':\n        contour = Object(_element_hull_bubbleset__WEBPACK_IMPORTED_MODULE_6__[\"genBubbleSet\"])(members, nonMembers, this.cfg.bubbleCfg);\n        path = contour.length >= 2 && Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"getClosedSpline\"])(contour);\n        break;\n\n      default:\n    }\n\n    return path;\n  };\n\n  Hull.prototype.render = function () {\n    this.group.addShape('path', {\n      attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n        path: this.path\n      }, this.cfg.style),\n      id: this.id,\n      name: this.cfg.id\n    });\n    this.group.toBack();\n  };\n  /**\n   * 增加hull的成员，同时如果该成员原先在nonMembers中，则从nonMembers中去掉\n   * @param item 节点实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Hull.prototype.addMember = function (item) {\n    if (!item) return;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) item = this.graph.findById(item);\n    this.members.push(item);\n    var index = this.nonMembers.indexOf(item);\n\n    if (index > -1) {\n      this.nonMembers.splice(index, 1);\n    }\n\n    this.updateData(this.members, this.nonMembers);\n    return true;\n  };\n  /**\n   * 增加hull需要排除的节点，同时如果该成员原先在members中，则从members中去掉\n   * @param item 节点实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Hull.prototype.addNonMember = function (item) {\n    if (!item) return;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) item = this.graph.findById(item);\n    this.nonMembers.push(item);\n    var index = this.members.indexOf(item);\n\n    if (index > -1) {\n      this.members.splice(index, 1);\n    }\n\n    this.updateData(this.members, this.nonMembers);\n    return true;\n  };\n  /**\n   * 移除hull中的成员\n   * @param node 节点实例\n   * @return boolean 移除成功返回 true，否则返回 false\n   */\n\n\n  Hull.prototype.removeMember = function (item) {\n    if (!item) return;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) item = this.graph.findById(item);\n    var index = this.members.indexOf(item);\n\n    if (index > -1) {\n      this.members.splice(index, 1);\n      this.updateData(this.members, this.nonMembers);\n      return true;\n    }\n\n    return false;\n  };\n  /**\n   * @param node 节点实例\n   * @return boolean 移除成功返回 true，否则返回 false\n   */\n\n\n  Hull.prototype.removeNonMember = function (item) {\n    if (!item) return;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) item = this.graph.findById(item);\n    var index = this.nonMembers.indexOf(item);\n\n    if (index > -1) {\n      this.nonMembers.splice(index, 1);\n      this.updateData(this.members, this.nonMembers);\n      return true;\n    }\n\n    return false;\n  };\n\n  Hull.prototype.updateData = function (members, nonMembers) {\n    var _this = this;\n\n    this.group.findById(this.id).remove();\n    if (members) this.members = members.map(function (item) {\n      return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? _this.graph.findById(item) : item;\n    });\n    if (nonMembers) this.nonMembers = nonMembers.map(function (item) {\n      return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? _this.graph.findById(item) : item;\n    });\n    this.path = this.calcPath(this.members, this.nonMembers);\n    this.render();\n  };\n\n  Hull.prototype.updateStyle = function (cfg) {\n    var path = this.group.findById(this.id);\n    path.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, cfg));\n  };\n  /**\n   * 更新 hull\n   * @param cfg hull 配置项\n   */\n\n\n  Hull.prototype.updateCfg = function (cfg) {\n    var _this = this;\n\n    this.cfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])(this.cfg, cfg);\n    this.id = this.cfg.id;\n    this.group = this.cfg.group;\n\n    if (cfg.members) {\n      this.members = this.cfg.members.map(function (item) {\n        return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? _this.graph.findById(item) : item;\n      });\n    }\n\n    if (cfg.nonMembers) {\n      this.nonMembers = this.cfg.nonMembers.map(function (item) {\n        return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? _this.graph.findById(item) : item;\n      });\n    } // TODO padding 设置太大，会影响到 contain 结果\n\n\n    this.setPadding();\n    this.setType();\n    this.path = this.calcPath(this.members, this.nonMembers);\n    this.render();\n  };\n  /**\n   * 判断是否在hull内部\n   * @param item\n   */\n\n\n  Hull.prototype.contain = function (item) {\n    var _this = this;\n\n    var nodeItem;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      nodeItem = this.graph.findById(item);\n    } else {\n      nodeItem = item;\n    }\n\n    var shapePoints;\n    var shape = nodeItem.getKeyShape();\n\n    if (nodeItem.get('type') === 'path') {\n      shapePoints = Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"pathToPoints\"])(shape.attr('path'));\n    } else {\n      var shapeBBox = shape.getCanvasBBox();\n      shapePoints = [[shapeBBox.minX, shapeBBox.minY], [shapeBBox.maxX, shapeBBox.minY], [shapeBBox.maxX, shapeBBox.maxY], [shapeBBox.minX, shapeBBox.maxY]];\n    }\n\n    shapePoints = shapePoints.map(function (canvasPoint) {\n      var point = _this.graph.getPointByCanvas(canvasPoint[0], canvasPoint[1]);\n\n      return [point.x, point.y];\n    });\n    return Object(_util_math__WEBPACK_IMPORTED_MODULE_4__[\"isPolygonsIntersect\"])(shapePoints, Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"pathToPoints\"])(this.path));\n  };\n\n  Hull.prototype.destroy = function () {\n    this.group.remove();\n    this.cfg = null;\n  };\n\n  return Hull;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Hull);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/hull.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/item.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/item.js ***!
-  \**************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _element_shape__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../element/shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js\");\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util/math */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _util_base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util/base */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/base.js\");\n\n\n\n\n\n\nvar CACHE_BBOX = 'bboxCache';\nvar CACHE_CANVAS_BBOX = 'bboxCanvasCache';\nvar ARROWS = ['startArrow', 'endArrow'];\n\nvar ItemBase =\n/** @class */\nfunction () {\n  function ItemBase(cfg) {\n    this._cfg = {};\n    this.destroyed = false;\n    var defaultCfg = {\n      /**\n       * id\n       * @type {string}\n       */\n      id: undefined,\n\n      /**\n       * 类型\n       * @type {string}\n       */\n      type: 'item',\n\n      /**\n       * data model\n       * @type {object}\n       */\n      model: {},\n\n      /**\n       * g group\n       * @type {G.Group}\n       */\n      group: undefined,\n\n      /**\n       * is open animate\n       * @type {boolean}\n       */\n      animate: false,\n\n      /**\n       * visible - not group visible\n       * @type {boolean}\n       */\n      visible: true,\n\n      /**\n       * locked - lock node\n       * @type {boolean}\n       */\n      locked: false,\n\n      /**\n       * capture event\n       * @type {boolean}\n       */\n      event: true,\n\n      /**\n       * key shape to calculate item's bbox\n       * @type object\n       */\n      keyShape: undefined,\n\n      /**\n       * item's states, such as selected or active\n       * @type Array\n       */\n      states: []\n    };\n    this._cfg = Object.assign(defaultCfg, this.getDefaultCfg(), cfg);\n    var model = this.get('model');\n    var id = model.id;\n    var itemType = this.get('type');\n\n    if (!id) {\n      id = Object(_util_base__WEBPACK_IMPORTED_MODULE_5__[\"uniqueId\"])(itemType);\n      this.get('model').id = id;\n    }\n\n    this.set('id', id);\n    var group = cfg.group;\n\n    if (group) {\n      group.set('item', this);\n      group.set('id', id);\n    }\n\n    this.init();\n    this.draw();\n    var shapeType = model.shape || model.type || (itemType === 'edge' ? 'line' : 'circle');\n    var shapeFactory = this.get('shapeFactory');\n\n    if (shapeFactory && shapeFactory[shapeType]) {\n      var options = shapeFactory[shapeType].options; // merge the stateStyles from item and shape\n\n      if (options && options.stateStyles) {\n        var styles = this.get('styles') || model.stateStyles;\n        styles = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, options.stateStyles, styles);\n        this.set('styles', styles);\n      }\n    }\n  }\n  /**\n   * 根据 keyshape 计算包围盒\n   */\n\n\n  ItemBase.prototype.calculateBBox = function () {\n    var keyShape = this.get('keyShape');\n    var group = this.get('group'); // 因为 group 可能会移动，所以必须通过父元素计算才能计算出正确的包围盒\n\n    var bbox = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_3__[\"getBBox\"])(keyShape, group);\n    bbox.x = bbox.minX;\n    bbox.y = bbox.minY;\n    bbox.width = bbox.maxX - bbox.minX;\n    bbox.height = bbox.maxY - bbox.minY;\n    bbox.centerX = (bbox.minX + bbox.maxX) / 2;\n    bbox.centerY = (bbox.minY + bbox.maxY) / 2;\n    return bbox;\n  };\n  /**\n   * 根据 keyshape 计算包围盒\n   */\n\n\n  ItemBase.prototype.calculateCanvasBBox = function () {\n    var keyShape = this.get('keyShape');\n    var group = this.get('group'); // 因为 group 可能会移动，所以必须通过父元素计算才能计算出正确的包围盒\n\n    var bbox = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_3__[\"getBBox\"])(keyShape, group);\n    bbox.x = bbox.minX;\n    bbox.y = bbox.minY;\n    bbox.width = bbox.maxX - bbox.minX;\n    bbox.height = bbox.maxY - bbox.minY;\n    bbox.centerX = (bbox.minX + bbox.maxX) / 2;\n    bbox.centerY = (bbox.minY + bbox.maxY) / 2;\n    return bbox;\n  };\n  /**\n   * draw shape\n   */\n\n\n  ItemBase.prototype.drawInner = function () {\n    var self = this;\n    var shapeFactory = self.get('shapeFactory');\n    var group = self.get('group');\n    var model = self.get('model');\n    group.clear();\n    var visible = model.visible;\n    if (visible !== undefined && !visible) self.changeVisibility(visible);\n\n    if (!shapeFactory) {\n      return;\n    }\n\n    self.updatePosition(model);\n    var cfg = self.getShapeCfg(model); // 可能会附加额外信息\n\n    var shapeType = cfg.type;\n    var keyShape = shapeFactory.draw(shapeType, cfg, group);\n\n    if (keyShape) {\n      self.set('keyShape', keyShape);\n      keyShape.set('isKeyShape', true);\n      keyShape.set('draggable', true);\n    }\n\n    this.setOriginStyle(); // 防止由于用户外部修改 model 中的 shape 导致 shape 不更新\n\n    this.set('currentShape', shapeType);\n    this.restoreStates(shapeFactory, shapeType);\n  };\n  /**\n   * 设置图元素原始样式\n   * @param keyShape 图元素 keyShape\n   * @param group Group 容器\n   */\n\n\n  ItemBase.prototype.setOriginStyle = function (cfg) {\n    var group = this.get('group');\n    var children = group.get('children');\n    var keyShape = this.getKeyShape();\n    var self = this;\n    var keyShapeName = keyShape.get('name');\n\n    if (!this.get('originStyle')) {\n      // 第一次 set originStyle，直接拿首次渲染所有图形的 attrs\n      var originStyles_1 = {};\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(children, function (child) {\n        var shapeType = child.get('type');\n        var name = child.get('name');\n\n        if (name && name !== keyShapeName) {\n          originStyles_1[name] = shapeType !== 'image' ? Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(child.attr()) : self.getShapeStyleByName(name);\n        } else {\n          // !name || name === keyShape\n          var keyShapeStyle = self.getShapeStyleByName(); // 可优化，需要去除 child.attr 中其他 shape 名的对象\n\n          if (keyShapeStyle.path) delete keyShapeStyle.path;\n          if (keyShapeStyle.matrix) delete keyShapeStyle.matrix;\n\n          if (!keyShapeName) {\n            Object.assign(originStyles_1, keyShapeStyle);\n          } else {\n            // 若 keyShape 有 name 且 !name，这个图形不是 keyShape，给这个图形一个 name\n            if (!name) {\n              var shapeName = Object(_util_base__WEBPACK_IMPORTED_MODULE_5__[\"uniqueId\"])('shape');\n              child.set('name', shapeName);\n              originStyles_1[shapeName] = shapeType !== 'image' ? Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(child.attr()) : self.getShapeStyleByName(name);\n            } else originStyles_1[keyShapeName] = keyShapeStyle;\n          }\n        }\n      });\n      self.set('originStyle', originStyles_1);\n    } else {\n      // 第二次 set originStyles，需要找到不是 stateStyles 的样式，更新到 originStyles 中\n      // 上一次设置的 originStyle，是初始的 shape attrs\n      var styles_1 = this.getOriginStyle(); // let styles: ShapeStyle = {};\n\n      if (keyShapeName && !styles_1[keyShapeName]) styles_1[keyShapeName] = {}; // 获取当前状态样式\n\n      var currentStatesStyle_1 = this.getCurrentStatesStyle(); // 遍历当前所有图形的 attrs，找到不是 stateStyles 的样式更新到 originStyles 中\n\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(children, function (child) {\n        var name = child.get('name');\n        var shapeAttrs = child.attr();\n\n        if (name && name !== keyShapeName) {\n          // 有 name 的非 keyShape 图形\n          var shapeStateStyle_1 = currentStatesStyle_1[name];\n          if (!styles_1[name]) styles_1[name] = {};\n\n          if (shapeStateStyle_1) {\n            Object.keys(shapeAttrs).forEach(function (key) {\n              var value = shapeAttrs[key];\n              if (value !== shapeStateStyle_1[key]) styles_1[name][key] = value;\n            });\n          } else {\n            styles_1[name] = child.get('type') !== 'image' ? Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(shapeAttrs) : self.getShapeStyleByName(name);\n          }\n        } else {\n          var shapeAttrs_1 = child.attr();\n\n          var keyShapeStateStyles_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, currentStatesStyle_1), currentStatesStyle_1[keyShapeName]);\n\n          Object.keys(shapeAttrs_1).forEach(function (key) {\n            var value = shapeAttrs_1[key]; // 如果是对象且不是 arrow，则是其他 shape 的样式\n\n            if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isPlainObject\"])(value) && ARROWS.indexOf(name) === -1) return;\n\n            if (keyShapeStateStyles_1[key] !== value) {\n              if (keyShapeName) styles_1[keyShapeName][key] = value;else styles_1[key] = value;\n            }\n          });\n        }\n      });\n      if (styles_1.path) delete styles_1.path;\n      if (styles_1.matrix) delete styles_1.matrix;\n      if (styles_1.x) delete styles_1.x;\n      if (styles_1.y) delete styles_1.y;\n      if (styles_1[keyShapeName] && styles_1[keyShapeName].x) delete styles_1[keyShapeName].x;\n      if (styles_1[keyShapeName] && styles_1[keyShapeName].y) delete styles_1[keyShapeName].y;\n      self.set('originStyle', styles_1);\n    }\n  };\n  /**\n   * restore shape states\n   * @param shapeFactory\n   * @param shapeType\n   */\n\n\n  ItemBase.prototype.restoreStates = function (shapeFactory, shapeType) {\n    var self = this;\n    var states = self.get('states');\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(states, function (state) {\n      shapeFactory.setState(shapeType, state, true, self);\n    });\n  };\n\n  ItemBase.prototype.init = function () {\n    var shapeFactory = _element_shape__WEBPACK_IMPORTED_MODULE_2__[\"default\"].getFactory(this.get('type'));\n    this.set('shapeFactory', shapeFactory);\n  };\n  /**\n   * 获取属性\n   * @internal 仅内部类使用\n   * @param  {String} key 属性名\n   * @return {object | string | number} 属性值\n   */\n\n\n  ItemBase.prototype.get = function (key) {\n    return this._cfg[key];\n  };\n  /**\n   * 设置属性\n   * @internal 仅内部类使用\n   * @param {String|Object} key 属性名，也可以是对象\n   * @param {object | string | number} val 属性值\n   */\n\n\n  ItemBase.prototype.set = function (key, val) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isPlainObject\"])(key)) {\n      this._cfg = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, this._cfg), key);\n    } else {\n      this._cfg[key] = val;\n    }\n  };\n\n  ItemBase.prototype.getDefaultCfg = function () {\n    return {};\n  };\n  /**\n   * 更新/刷新等操作后，清除 cache\n   */\n\n\n  ItemBase.prototype.clearCache = function () {\n    this.set(CACHE_BBOX, null);\n    this.set(CACHE_CANVAS_BBOX, null);\n  };\n  /**\n   * 渲染前的逻辑，提供给子类复写\n   */\n\n\n  ItemBase.prototype.beforeDraw = function () {};\n  /**\n   * 渲染后的逻辑，提供给子类复写\n   */\n\n\n  ItemBase.prototype.afterDraw = function () {};\n  /**\n   * 更新后做一些工作\n   */\n\n\n  ItemBase.prototype.afterUpdate = function () {};\n  /**\n   * draw shape\n   */\n\n\n  ItemBase.prototype.draw = function () {\n    this.beforeDraw();\n    this.drawInner();\n    this.afterDraw();\n  };\n\n  ItemBase.prototype.getShapeStyleByName = function (name) {\n    var group = this.get('group');\n    var currentShape;\n\n    if (name) {\n      currentShape = group.find(function (element) {\n        return element.get('name') === name;\n      });\n    } else {\n      currentShape = this.getKeyShape();\n    }\n\n    if (currentShape) {\n      var styles_2 = {};\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(currentShape.attr(), function (val, key) {\n        // 修改 img 通过 updateItem 实现\n        if (key !== 'img') {\n          styles_2[key] = val;\n        }\n      });\n      return styles_2;\n    }\n\n    return {};\n  };\n\n  ItemBase.prototype.getShapeCfg = function (model) {\n    var styles = this.get('styles');\n\n    if (styles) {\n      // merge graph的item样式与数据模型中的样式\n      var newModel = model;\n      newModel.style = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), model.style);\n      return newModel;\n    }\n\n    return model;\n  };\n  /**\n   * 获取指定状态的样式，去除了全局样式\n   * @param state 状态名称\n   */\n\n\n  ItemBase.prototype.getStateStyle = function (state) {\n    var styles = this.get('styles');\n    var stateStyle = styles && styles[state];\n    return stateStyle;\n  };\n  /**\n   * get keyshape style\n   */\n\n\n  ItemBase.prototype.getOriginStyle = function () {\n    return this.get('originStyle');\n  };\n\n  ItemBase.prototype.getCurrentStatesStyle = function () {\n    var self = this;\n    var styles = {};\n    var states = self.getStates();\n\n    if (!states || !states.length) {\n      return this.getOriginStyle();\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(self.getStates(), function (state) {\n      styles = Object.assign(styles, self.getStateStyle(state));\n    });\n    return styles;\n  };\n  /**\n   * 更改元素状态， visible 不属于这个范畴\n   * @internal 仅提供内部类 graph 使用\n   * @param {String} state 状态名\n   * @param {Boolean} value 节点状态值\n   */\n\n\n  ItemBase.prototype.setState = function (state, value) {\n    var states = this.get('states');\n    var shapeFactory = this.get('shapeFactory');\n    var stateName = state;\n    var filterStateName = state;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(value)) {\n      stateName = state + \":\" + value;\n      filterStateName = state + \":\";\n    }\n\n    var newStates = states;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isBoolean\"])(value)) {\n      var index = states.indexOf(filterStateName);\n\n      if (value) {\n        if (index > -1) {\n          return;\n        }\n\n        states.push(stateName);\n      } else if (index > -1) {\n        states.splice(index, 1);\n      }\n    } else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(value)) {\n      // 过滤掉 states 中 filterStateName 相关的状态\n      var filterStates = states.filter(function (name) {\n        return name.includes(filterStateName);\n      });\n\n      if (filterStates.length > 0) {\n        this.clearStates(filterStates);\n      }\n\n      newStates = newStates.filter(function (name) {\n        return !name.includes(filterStateName);\n      });\n      newStates.push(stateName);\n      this.set('states', newStates);\n    }\n\n    if (shapeFactory) {\n      var model = this.get('model');\n      var type = model.type; // 调用 shape/shape.ts 中的 setState\n\n      shapeFactory.setState(type, state, value, this);\n    }\n  };\n  /**\n   * 清除指定的状态，如果参数为空，则不做任务处理\n   * @param states 状态名称\n   */\n\n\n  ItemBase.prototype.clearStates = function (states) {\n    var self = this;\n    var originStates = self.getStates();\n    var shapeFactory = self.get('shapeFactory');\n    var model = self.get('model');\n    var shape = model.type;\n\n    if (!states) {\n      states = originStates;\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(states)) {\n      states = [states];\n    }\n\n    var newStates = originStates.filter(function (state) {\n      return states.indexOf(state) === -1;\n    });\n    self.set('states', newStates);\n    states.forEach(function (state) {\n      shapeFactory.setState(shape, state, false, self);\n    });\n  };\n  /**\n   * 节点的图形容器\n   * @return {G.Group} 图形容器\n   */\n\n\n  ItemBase.prototype.getContainer = function () {\n    return this.get('group');\n  };\n  /**\n   * 节点的关键形状，用于计算节点大小，连线截距等\n   * @return {IShapeBase} 关键形状\n   */\n\n\n  ItemBase.prototype.getKeyShape = function () {\n    return this.get('keyShape');\n  };\n  /**\n   * 节点数据模型\n   * @return {Object} 数据模型\n   */\n\n\n  ItemBase.prototype.getModel = function () {\n    return this.get('model');\n  };\n  /**\n   * 节点类型\n   * @return {string} 节点的类型\n   */\n\n\n  ItemBase.prototype.getType = function () {\n    return this.get('type');\n  };\n  /**\n   * 获取 Item 的ID\n   */\n\n\n  ItemBase.prototype.getID = function () {\n    return this.get('id');\n  };\n  /**\n   * 是否是 Item 对象，悬空边情况下进行判定\n   */\n\n\n  ItemBase.prototype.isItem = function () {\n    return true;\n  };\n  /**\n   * 获取当前元素的所有状态\n   * @return {Array} 元素的所有状态\n   */\n\n\n  ItemBase.prototype.getStates = function () {\n    return this.get('states');\n  };\n  /**\n   * 当前元素是否处于某状态\n   * @param {String} state 状态名\n   * @return {Boolean} 是否处于某状态\n   */\n\n\n  ItemBase.prototype.hasState = function (state) {\n    var states = this.getStates();\n    return states.indexOf(state) >= 0;\n  };\n  /**\n   * 刷新一般用于处理几种情况\n   * 1. item model 在外部被改变\n   * 2. 边的节点位置发生改变，需要重新计算边\n   *\n   * 因为数据从外部被修改无法判断一些属性是否被修改，直接走位置和 shape 的更新\n   */\n\n\n  ItemBase.prototype.refresh = function () {\n    var model = this.get('model'); // 更新元素位置\n\n    this.updatePosition(model); // 更新元素内容，样式\n\n    this.updateShape(); // 做一些更新之后的操作\n\n    this.afterUpdate(); // 清除缓存\n\n    this.clearCache();\n  };\n\n  ItemBase.prototype.isOnlyMove = function (cfg) {\n    return false;\n  };\n  /**\n   * 将更新应用到 model 上，刷新属性\n   * @internal 仅提供给 Graph 使用，外部直接调用 graph.update 接口\n   * @param  {Object} cfg       配置项，可以是增量信息\n   */\n\n\n  ItemBase.prototype.update = function (cfg, onlyMove) {\n    if (onlyMove === void 0) {\n      onlyMove = false;\n    }\n\n    var model = this.get('model');\n    var oriVisible = model.visible;\n    var cfgVisible = cfg.visible;\n    if (oriVisible !== cfgVisible && cfgVisible !== undefined) this.changeVisibility(cfgVisible);\n    var originPosition = {\n      x: model.x,\n      y: model.y\n    };\n    cfg.x = isNaN(cfg.x) ? model.x : cfg.x;\n    cfg.y = isNaN(cfg.y) ? model.y : cfg.y;\n    var styles = this.get('styles');\n\n    if (cfg.stateStyles) {\n      // 更新 item 时更新 this.get('styles') 中的值\n      var stateStyles = cfg.stateStyles;\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(styles, stateStyles);\n      delete cfg.stateStyles;\n    } // 直接将更新合到原数据模型上，可以保证用户在外部修改源数据然后刷新时的样式符合期待。\n\n\n    Object.assign(model, cfg); // isOnlyMove 仅用于node\n    // const onlyMove = this.isOnlyMove(cfg);\n    // 仅仅移动位置时，既不更新，也不重绘\n\n    if (onlyMove) {\n      this.updatePosition(cfg);\n    } else {\n      // 如果 x,y 有变化，先重置位置\n      if (originPosition.x !== cfg.x || originPosition.y !== cfg.y) {\n        this.updatePosition(cfg);\n      }\n\n      this.updateShape();\n    }\n\n    this.afterUpdate();\n    this.clearCache();\n  };\n  /**\n   * 更新元素内容，样式\n   */\n\n\n  ItemBase.prototype.updateShape = function () {\n    var shapeFactory = this.get('shapeFactory');\n    var model = this.get('model');\n    var shape = model.type; // 判定是否允许更新\n    // 1. 注册的节点允许更新\n    // 2. 更新后的 shape 等于原先的 shape\n\n    if (shapeFactory.shouldUpdate(shape) && shape === this.get('currentShape')) {\n      var updateCfg = this.getShapeCfg(model);\n      shapeFactory.baseUpdate(shape, updateCfg, this);\n    } else {\n      // 如果不满足上面两种状态，重新绘制\n      this.draw();\n    } // 更新完以后重新设置原始样式\n\n\n    this.setOriginStyle(model); // 更新后重置节点状态\n\n    this.restoreStates(shapeFactory, shape);\n  };\n  /**\n   * 更新位置，避免整体重绘\n   * @param {object} cfg 待更新数据\n   */\n\n\n  ItemBase.prototype.updatePosition = function (cfg) {\n    var model = this.get('model');\n    var x = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(cfg.x) ? model.x : cfg.x;\n    var y = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(cfg.y) ? model.y : cfg.y;\n    var group = this.get('group');\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(x) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(y)) {\n      return false;\n    }\n\n    model.x = x;\n    model.y = y;\n    var matrix = group.getMatrix();\n    if (matrix && matrix[6] === x && matrix[7] === y) return false;\n    group.resetMatrix(); // G 4.0 element 中移除了矩阵相关方法，详见https://www.yuque.com/antv/blog/kxzk9g#4rMMV\n\n    Object(_util_math__WEBPACK_IMPORTED_MODULE_4__[\"translate\"])(group, {\n      x: x,\n      y: y\n    });\n    this.clearCache(); // 位置更新后需要清除缓存\n\n    return true;\n  };\n  /**\n   * 获取 item 的包围盒，这个包围盒是相对于 item 自己，不会将 matrix 计算在内\n   * @return {Object} 包含 x,y,width,height, centerX, centerY\n   */\n\n\n  ItemBase.prototype.getBBox = function () {\n    // 计算 bbox 开销有些大，缓存\n    var bbox = this.get(CACHE_BBOX);\n\n    if (!bbox) {\n      bbox = this.calculateBBox();\n      this.set(CACHE_BBOX, bbox);\n    }\n\n    return bbox;\n  };\n  /**\n   * 获取 item 相对于画布的包围盒，会将从顶层到当前元素的 matrix 都计算在内\n   * @return {Object} 包含 x,y,width,height, centerX, centerY\n   */\n\n\n  ItemBase.prototype.getCanvasBBox = function () {\n    // 计算 bbox 开销有些大，缓存\n    var bbox = this.get(CACHE_CANVAS_BBOX);\n\n    if (!bbox) {\n      bbox = this.calculateCanvasBBox();\n      this.set(CACHE_CANVAS_BBOX, bbox);\n    }\n\n    return bbox;\n  };\n  /**\n   * 将元素放到最前面\n   */\n\n\n  ItemBase.prototype.toFront = function () {\n    var group = this.get('group');\n    group.toFront();\n  };\n  /**\n   * 将元素放到最后面\n   */\n\n\n  ItemBase.prototype.toBack = function () {\n    var group = this.get('group');\n    group.toBack();\n  };\n  /**\n   * 显示元素\n   */\n\n\n  ItemBase.prototype.show = function () {\n    this.changeVisibility(true);\n  };\n  /**\n   * 隐藏元素\n   */\n\n\n  ItemBase.prototype.hide = function () {\n    this.changeVisibility(false);\n  };\n  /**\n   * 更改是否显示\n   * @param  {Boolean} visible 是否显示\n   */\n\n\n  ItemBase.prototype.changeVisibility = function (visible) {\n    var group = this.get('group');\n\n    if (visible) {\n      group.show();\n    } else {\n      group.hide();\n    }\n\n    this.set('visible', visible);\n  };\n  /**\n   * 元素是否可见\n   * @return {Boolean} 返回该元素是否可见\n   */\n\n\n  ItemBase.prototype.isVisible = function () {\n    return this.get('visible');\n  };\n  /**\n   * 是否拾取及出发该元素的交互事件\n   * @param {Boolean} enable 标识位\n   */\n\n\n  ItemBase.prototype.enableCapture = function (enable) {\n    var group = this.get('group');\n\n    if (group) {\n      group.set('capture', enable);\n    }\n  };\n\n  ItemBase.prototype.destroy = function () {\n    if (!this.destroyed) {\n      var animate = this.get('animate');\n      var group = this.get('group');\n\n      if (animate) {\n        group.stopAnimate();\n      }\n\n      this.clearCache();\n      group.remove();\n      this._cfg = null;\n      this.destroyed = true;\n    }\n  };\n\n  return ItemBase;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ItemBase);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/item.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/node.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/node.js ***!
-  \**************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/math */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./item */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/item.js\");\n\n\n\n\nvar CACHE_ANCHOR_POINTS = 'anchorPointsCache';\nvar CACHE_BBOX = 'bboxCache';\n\nvar Node =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(Node, _super);\n\n  function Node() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Node.prototype.getNearestPoint = function (points, curPoint) {\n    var index = 0;\n    var nearestPoint = points[0];\n    var minDistance = Object(_util_math__WEBPACK_IMPORTED_MODULE_2__[\"distance\"])(points[0], curPoint);\n\n    for (var i = 0; i < points.length; i++) {\n      var point = points[i];\n      var dis = Object(_util_math__WEBPACK_IMPORTED_MODULE_2__[\"distance\"])(point, curPoint);\n\n      if (dis < minDistance) {\n        nearestPoint = point;\n        minDistance = dis;\n        index = i;\n      }\n    }\n\n    nearestPoint.anchorIndex = index;\n    return nearestPoint;\n  };\n\n  Node.prototype.getDefaultCfg = function () {\n    return {\n      type: 'node',\n      edges: []\n    };\n  };\n  /**\n   * 获取从节点关联的所有边\n   */\n\n\n  Node.prototype.getEdges = function () {\n    return this.get('edges');\n  };\n  /**\n   * 获取所有的入边\n   */\n\n\n  Node.prototype.getInEdges = function () {\n    var self = this;\n    return this.get('edges').filter(function (edge) {\n      return edge.get('target') === self;\n    });\n  };\n  /**\n   * 获取所有的出边\n   */\n\n\n  Node.prototype.getOutEdges = function () {\n    var self = this;\n    return this.get('edges').filter(function (edge) {\n      return edge.get('source') === self;\n    });\n  };\n  /**\n   * 获取节点的邻居节点\n   *\n   * @returns {INode[]}\n   * @memberof Node\n   */\n\n\n  Node.prototype.getNeighbors = function (type) {\n    var _this = this;\n\n    var edges = this.get('edges');\n\n    if (type === 'target') {\n      // 当前节点为 source，它所指向的目标节点\n      var neighhborsConverter_1 = function neighhborsConverter_1(edge) {\n        return edge.getSource() === _this;\n      };\n\n      return edges.filter(neighhborsConverter_1).map(function (edge) {\n        return edge.getTarget();\n      });\n    }\n\n    if (type === 'source') {\n      // 当前节点为 target，它所指向的源节点\n      var neighhborsConverter_2 = function neighhborsConverter_2(edge) {\n        return edge.getTarget() === _this;\n      };\n\n      return edges.filter(neighhborsConverter_2).map(function (edge) {\n        return edge.getSource();\n      });\n    } // 若未指定 type ，则返回所有邻居\n\n\n    var neighhborsConverter = function neighhborsConverter(edge) {\n      return edge.getSource() === _this ? edge.getTarget() : edge.getSource();\n    };\n\n    return edges.map(neighhborsConverter);\n  };\n  /**\n   * 根据锚点的索引获取连接点\n   * @param  {Number} index 索引\n   */\n\n\n  Node.prototype.getLinkPointByAnchor = function (index) {\n    var anchorPoints = this.getAnchorPoints();\n    return anchorPoints[index];\n  };\n  /**\n   * 获取连接点\n   * @param point\n   */\n\n\n  Node.prototype.getLinkPoint = function (point) {\n    var keyShape = this.get('keyShape');\n    var type = keyShape.get('type');\n    var itemType = this.get('type');\n    var centerX;\n    var centerY;\n    var bbox = this.getBBox();\n\n    if (itemType === 'combo') {\n      centerX = bbox.centerX || (bbox.maxX + bbox.minX) / 2;\n      centerY = bbox.centerY || (bbox.maxY + bbox.minY) / 2;\n    } else {\n      centerX = bbox.centerX;\n      centerY = bbox.centerY;\n    }\n\n    var anchorPoints = this.getAnchorPoints();\n    var intersectPoint;\n\n    switch (type) {\n      case 'circle':\n        intersectPoint = Object(_util_math__WEBPACK_IMPORTED_MODULE_2__[\"getCircleIntersectByPoint\"])({\n          x: centerX,\n          y: centerY,\n          r: bbox.width / 2\n        }, point);\n        break;\n\n      case 'ellipse':\n        intersectPoint = Object(_util_math__WEBPACK_IMPORTED_MODULE_2__[\"getEllipseIntersectByPoint\"])({\n          x: centerX,\n          y: centerY,\n          rx: bbox.width / 2,\n          ry: bbox.height / 2\n        }, point);\n        break;\n\n      default:\n        intersectPoint = Object(_util_math__WEBPACK_IMPORTED_MODULE_2__[\"getRectIntersectByPoint\"])(bbox, point);\n    }\n\n    var linkPoint = intersectPoint; // 如果存在锚点，则使用交点计算最近的锚点\n\n    if (anchorPoints.length) {\n      if (!linkPoint) {\n        // 如果计算不出交点\n        linkPoint = point;\n      }\n\n      linkPoint = this.getNearestPoint(anchorPoints, linkPoint);\n    }\n\n    if (!linkPoint) {\n      // 如果最终依然没法找到锚点和连接点，直接返回中心点\n      linkPoint = {\n        x: centerX,\n        y: centerY\n      };\n    }\n\n    return linkPoint;\n  };\n  /**\n   * 获取锚点的定义\n   * @return {array} anchorPoints\n   */\n\n\n  Node.prototype.getAnchorPoints = function () {\n    var anchorPoints = this.get(CACHE_ANCHOR_POINTS);\n\n    if (!anchorPoints) {\n      anchorPoints = [];\n      var shapeFactory = this.get('shapeFactory');\n      var bbox_1 = this.getBBox();\n      var model = this.get('model');\n      var shapeCfg = this.getShapeCfg(model);\n      var type = model.type;\n      var points = shapeFactory.getAnchorPoints(type, shapeCfg) || [];\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(points, function (pointArr, index) {\n        var point = {\n          x: bbox_1.minX + pointArr[0] * bbox_1.width,\n          y: bbox_1.minY + pointArr[1] * bbox_1.height,\n          anchorIndex: index\n        };\n        anchorPoints.push(point);\n      });\n      this.set(CACHE_ANCHOR_POINTS, anchorPoints);\n    }\n\n    return anchorPoints;\n  };\n  /**\n   * add edge\n   * @param edge Edge instance\n   */\n\n\n  Node.prototype.addEdge = function (edge) {\n    this.get('edges').push(edge);\n  };\n  /**\n   * 锁定节点\n   */\n\n\n  Node.prototype.lock = function () {\n    this.set('locked', true);\n  };\n  /**\n   * 解锁锁定的节点\n   */\n\n\n  Node.prototype.unlock = function () {\n    this.set('locked', false);\n  };\n\n  Node.prototype.hasLocked = function () {\n    return this.get('locked');\n  };\n  /**\n   * 移除边\n   * @param {Edge} edge 边\n   */\n\n\n  Node.prototype.removeEdge = function (edge) {\n    var edges = this.getEdges();\n    var index = edges.indexOf(edge);\n\n    if (index > -1) {\n      edges.splice(index, 1);\n    }\n  };\n\n  Node.prototype.clearCache = function () {\n    this.set(CACHE_BBOX, null); // 清理缓存的 bbox\n\n    this.set(CACHE_ANCHOR_POINTS, null);\n  };\n  /**\n   * 是否仅仅移动节点，其他属性没变化\n   * @param cfg 节点数据模型\n   */\n\n\n  Node.prototype.isOnlyMove = function (cfg) {\n    if (!cfg) {\n      return false;\n    }\n\n    var existX = !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(cfg.x);\n    var existY = !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(cfg.y);\n    var keys = Object.keys(cfg); // 仅有一个字段，包含 x 或者 包含 y\n    // 两个字段，同时有 x，同时有 y\n\n    return keys.length === 1 && (existX || existY) || keys.length === 2 && existX && existY;\n  };\n\n  return Node;\n}(_item__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Node);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/item/node.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/types/index.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/types/index.js ***!
-  \****************************************************************************/
-/*! exports provided: G6GraphEvent, G6Event */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"G6Event\", function() { return G6Event; });\n/* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../interface */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return _interface__WEBPACK_IMPORTED_MODULE_0__[\"G6GraphEvent\"]; });\n\n // Behavior type file\n\nvar G6Event;\n\n(function (G6Event) {\n  // common events\n  G6Event[\"CLICK\"] = \"click\";\n  G6Event[\"DBLCLICK\"] = \"dblclick\";\n  G6Event[\"MOUSEDOWN\"] = \"mousedown\";\n  G6Event[\"MOUDEUP\"] = \"mouseup\";\n  G6Event[\"CONTEXTMENU\"] = \"contextmenu\";\n  G6Event[\"MOUSEENTER\"] = \"mouseenter\";\n  G6Event[\"MOUSEOUT\"] = \"mouseout\";\n  G6Event[\"MOUSEOVER\"] = \"mouseover\";\n  G6Event[\"MOUSEMOVE\"] = \"mousemove\";\n  G6Event[\"MOUSELEAVE\"] = \"mouseleave\";\n  G6Event[\"DRAGSTART\"] = \"dragstart\";\n  G6Event[\"DRAGEND\"] = \"dragend\";\n  G6Event[\"DRAG\"] = \"drag\";\n  G6Event[\"DRAGENTER\"] = \"dragenter\";\n  G6Event[\"DRAGLEAVE\"] = \"dragleave\";\n  G6Event[\"DRAGOVER\"] = \"dragover\";\n  G6Event[\"DRAGOUT\"] = \"dragout\";\n  G6Event[\"DDROP\"] = \"drop\";\n  G6Event[\"KEYUP\"] = \"keyup\";\n  G6Event[\"KEYDOWN\"] = \"keydown\";\n  G6Event[\"WHEEL\"] = \"wheel\";\n  G6Event[\"FOCUS\"] = \"focus\";\n  G6Event[\"BLUR\"] = \"blur\"; // touch events\n\n  G6Event[\"TOUCHSTART\"] = \"touchstart\";\n  G6Event[\"TOUCHMOVE\"] = \"touchmove\";\n  G6Event[\"TOUCHEND\"] = \"touchend\"; // node events\n\n  G6Event[\"NODE_CONTEXTMENU\"] = \"node:contextmenu\";\n  G6Event[\"NODE_CLICK\"] = \"node:click\";\n  G6Event[\"NODE_DBLCLICK\"] = \"node:dblclick\";\n  G6Event[\"NODE_MOUSEDOWN\"] = \"node:mousedown\";\n  G6Event[\"NODE_MOUSEUP\"] = \"node:mouseup\";\n  G6Event[\"NODE_MOUSEENTER\"] = \"node:mouseenter\";\n  G6Event[\"NODE_MOUSELEAVE\"] = \"node:mouseleave\";\n  G6Event[\"NODE_MOUSEMOVE\"] = \"node:mousemove\";\n  G6Event[\"NODE_MOUSEOUT\"] = \"node:mouseout\";\n  G6Event[\"NODE_MOUSEOVER\"] = \"node:mouseover\";\n  G6Event[\"NODE_DROP\"] = \"node:drop\";\n  G6Event[\"NODE_DRAGOVER\"] = \"node:dragover\";\n  G6Event[\"NODE_DRAGENTER\"] = \"node:dragenter\";\n  G6Event[\"NODE_DRAGLEAVE\"] = \"node:dragleave\";\n  G6Event[\"NODE_DRAGSTART\"] = \"node:dragstart\";\n  G6Event[\"NODE_DRAG\"] = \"node:drag\";\n  G6Event[\"NODE_DRAGEND\"] = \"node:dragend\"; // combo, extends from nodes\n\n  G6Event[\"COMBO_CONTEXTMENU\"] = \"combo:contextmenu\";\n  G6Event[\"COMBO_CLICK\"] = \"combo:click\";\n  G6Event[\"COMBO_DBLCLICK\"] = \"combo:dblclick\";\n  G6Event[\"COMBO_MOUSEDOWN\"] = \"combo:mousedown\";\n  G6Event[\"COMBO_MOUSEUP\"] = \"combo:mouseup\";\n  G6Event[\"COMBO_MOUSEENTER\"] = \"combo:mouseenter\";\n  G6Event[\"COMBO_MOUSELEAVE\"] = \"combo:mouseleave\";\n  G6Event[\"COMBO_MOUSEMOVE\"] = \"combo:mousemove\";\n  G6Event[\"COMBO_MOUSEOUT\"] = \"combo:mouseout\";\n  G6Event[\"COMBO_MOUSEOVER\"] = \"combo:mouseover\";\n  G6Event[\"COMBO_DROP\"] = \"combo:drop\";\n  G6Event[\"COMBO_DRAGOVER\"] = \"combo:dragover\";\n  G6Event[\"COMBO_DRAGENTER\"] = \"combo:dragenter\";\n  G6Event[\"COMBO_DRAGLEAVE\"] = \"combo:dragleave\";\n  G6Event[\"COMBO_DRAGSTART\"] = \"combo:dragstart\";\n  G6Event[\"COMBO_DRAG\"] = \"combo:drag\";\n  G6Event[\"COMBO_DRAGEND\"] = \"combo:dragend\"; // edge events\n\n  G6Event[\"EDGE_CONTEXTMENU\"] = \"edge:contextmenu\";\n  G6Event[\"EDGE_CLICK\"] = \"edge:click\";\n  G6Event[\"EDGE_DBLCLICK\"] = \"edge:dblclick\";\n  G6Event[\"EDGE_MOUSEDOWN\"] = \"edge:mousedown\";\n  G6Event[\"EDGE_MOUSEUP\"] = \"edge:mouseup\";\n  G6Event[\"EDGE_MOUSEENTER\"] = \"edge:mouseenter\";\n  G6Event[\"EDGE_MOUSELEAVE\"] = \"edge:mouseleave\";\n  G6Event[\"EDGE_MOUSEMOVE\"] = \"edge:mousemove\";\n  G6Event[\"EDGE_MOUSEOUT\"] = \"edge:mouseout\";\n  G6Event[\"EDGE_MOUSEOVER\"] = \"edge:mouseover\";\n  G6Event[\"EDGE_DROP\"] = \"edge:drop\";\n  G6Event[\"EDGE_DRAGOVER\"] = \"edge:dragover\";\n  G6Event[\"EDGE_DRAGENTER\"] = \"edge:dragenter\";\n  G6Event[\"EDGE_DRAGLEAVE\"] = \"edge:dragleave\"; // canvas events\n\n  G6Event[\"CANVAS_CONTEXTMENU\"] = \"canvas:contextmenu\";\n  G6Event[\"CANVAS_CLICK\"] = \"canvas:click\";\n  G6Event[\"CANVAS_DBLCLICK\"] = \"canvas:dblclick\";\n  G6Event[\"CANVAS_MOUSEDOWN\"] = \"canvas:mousedown\";\n  G6Event[\"CANVAS_MOUSEUP\"] = \"canvas:mouseup\";\n  G6Event[\"CANVAS_MOUSEENTER\"] = \"canvas:mouseenter\";\n  G6Event[\"CANVAS_MOUSELEAVE\"] = \"canvas:mouseleave\";\n  G6Event[\"CANVAS_MOUSEMOVE\"] = \"canvas:mousemove\";\n  G6Event[\"CANVAS_MOUSEOUT\"] = \"canvas:mouseout\";\n  G6Event[\"CANVAS_MOUSEOVER\"] = \"canvas:mouseover\";\n  G6Event[\"CANVAS_DROP\"] = \"canvas:drop\";\n  G6Event[\"CANVAS_DRAGENTER\"] = \"canvas:dragenter\";\n  G6Event[\"CANVAS_DRAGLEAVE\"] = \"canvas:dragleave\";\n  G6Event[\"CANVAS_DRAGSTART\"] = \"canvas:dragstart\";\n  G6Event[\"CANVAS_DRAG\"] = \"canvas:drag\";\n  G6Event[\"CANVAS_DRAGEND\"] = \"canvas:dragend\"; // timing events\n\n  G6Event[\"BEFORERENDER\"] = \"beforerender\";\n  G6Event[\"AFTERRENDER\"] = \"afterrender\";\n  G6Event[\"BEFOREADDITEM\"] = \"beforeadditem\";\n  G6Event[\"AFTERADDITEM\"] = \"afteradditem\";\n  G6Event[\"BEFOREREMOVEITEM\"] = \"beforeremoveitem\";\n  G6Event[\"AFTERREMOVEITEM\"] = \"afterremoveitem\";\n  G6Event[\"BEFOREUPDATEITEM\"] = \"beforeupdateitem\";\n  G6Event[\"AFTERUPDATEITEM\"] = \"afterupdateitem\";\n  G6Event[\"BEFOREITEMVISIBILITYCHANGE\"] = \"beforeitemvisibilitychange\";\n  G6Event[\"AFTERITEMVISIBILITYCHANGE\"] = \"afteritemvisibilitychange\";\n  G6Event[\"BEFOREITEMSTATECHANGE\"] = \"beforeitemstatechange\";\n  G6Event[\"AFTERITEMSTATECHANGE\"] = \"afteritemstatechange\";\n  G6Event[\"BEFOREITEMREFRESH\"] = \"beforeitemrefresh\";\n  G6Event[\"AFTERITEMREFRESH\"] = \"afteritemrefresh\";\n  G6Event[\"BEFOREITEMSTATESCLEAR\"] = \"beforeitemstatesclear\";\n  G6Event[\"AFTERITEMSTATESCLEAR\"] = \"afteritemstatesclear\";\n  G6Event[\"BEFOREMODECHANGE\"] = \"beforemodechange\";\n  G6Event[\"AFTERMODECHANGE\"] = \"aftermodechange\";\n  G6Event[\"BEFORELAYOUT\"] = \"beforelayout\";\n  G6Event[\"AFTERLAYOUT\"] = \"afterlayout\";\n  G6Event[\"BEFORECREATEEDGE\"] = \"beforecreateedge\";\n  G6Event[\"AFTERCREATEEDGE\"] = \"aftercreateedge\";\n  G6Event[\"BEFOREGRAPHREFRESHPOSITION\"] = \"beforegraphrefreshposition\";\n  G6Event[\"AFTERGRAPHREFRESHPOSITION\"] = \"aftergraphrefreshposition\";\n  G6Event[\"BEFOREGRAPHREFRESH\"] = \"beforegraphrefresh\";\n  G6Event[\"AFTERGRAPHREFRESH\"] = \"aftergraphrefresh\";\n  G6Event[\"BEFOREANIMATE\"] = \"beforeanimate\";\n  G6Event[\"AFTERANIMATE\"] = \"afteranimate\";\n  G6Event[\"BEFOREPAINT\"] = \"beforepaint\";\n  G6Event[\"AFTERPAINT\"] = \"afterpaint\";\n  G6Event[\"BEFORECOLLAPSEEXPANDCOMBO\"] = \"beforecollapseexpandcombo\";\n  G6Event[\"AFTERCOLLAPSEEXPANDCOMBO\"] = \"aftercollapseexpandcombo\";\n  G6Event[\"GRAPHSTATECHANGE\"] = \"graphstatechange\";\n  G6Event[\"AFTERACTIVATERELATIONS\"] = \"afteractivaterelations\";\n  G6Event[\"NODESELECTCHANGE\"] = \"nodeselectchange\";\n  G6Event[\"TOOLTIPCHANGE\"] = \"tooltipchange\";\n  G6Event[\"WHEELZOOM\"] = \"wheelzoom\";\n  G6Event[\"VIEWPORTCHANGE\"] = \"viewportchange\";\n  G6Event[\"DRAGNODEEND\"] = \"dragnodeend\";\n  G6Event[\"STACKCHANGE\"] = \"stackchange\";\n})(G6Event || (G6Event = {}));\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/types/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/base.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/base.js ***!
-  \**************************************************************************/
-/*! exports provided: uniqueId, formatPadding, cloneEvent, isViewportChanged, isNaN, calculationItemsBBox, processParallelEdges */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"uniqueId\", function() { return uniqueId; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"formatPadding\", function() { return formatPadding; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"cloneEvent\", function() { return cloneEvent; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isViewportChanged\", function() { return isViewportChanged; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isNaN\", function() { return isNaN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"calculationItemsBBox\", function() { return calculationItemsBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"processParallelEdges\", function() { return processParallelEdges; });\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _interface_behavior__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../interface/behavior */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/interface/behavior.js\");\n\n\nvar uniqueId = function uniqueId(type) {\n  return type + \"-\" + Math.random() + Date.now();\n};\n/**\n * turn padding into [top, right, bottom, right]\n * @param  {Number|Array} padding input padding\n * @return {array} output\n */\n\nvar formatPadding = function formatPadding(padding) {\n  var top = 0;\n  var left = 0;\n  var right = 0;\n  var bottom = 0;\n\n  if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNumber\"])(padding)) {\n    top = left = right = bottom = padding;\n  } else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(padding)) {\n    var intPadding = parseInt(padding, 10);\n    top = left = right = bottom = intPadding;\n  } else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isArray\"])(padding)) {\n    top = padding[0];\n    right = !Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNil\"])(padding[1]) ? padding[1] : padding[0];\n    bottom = !Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNil\"])(padding[2]) ? padding[2] : padding[0];\n    left = !Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNil\"])(padding[3]) ? padding[3] : right;\n  }\n\n  return [top, right, bottom, left];\n};\n/**\n * clone event\n * @param e\n */\n\nvar cloneEvent = function cloneEvent(e) {\n  var event = new _interface_behavior__WEBPACK_IMPORTED_MODULE_1__[\"G6GraphEvent\"](e.type, e);\n  event.clientX = e.clientX;\n  event.clientY = e.clientY;\n  event.x = e.x;\n  event.y = e.y;\n  event.target = e.target;\n  event.currentTarget = e.currentTarget;\n  event.bubbles = true;\n  event.item = e.item;\n  return event;\n};\n/**\n * 判断 viewport 是否改变，通过和单位矩阵对比\n * @param matrix Viewport 的 Matrix\n */\n\nvar isViewportChanged = function isViewportChanged(matrix) {\n  // matrix 为 null， 则说明没有变化\n  if (!matrix) {\n    return false;\n  }\n\n  var MATRIX_LEN = 9;\n  var ORIGIN_MATRIX = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n\n  for (var i = 0; i < MATRIX_LEN; i++) {\n    if (matrix[i] !== ORIGIN_MATRIX[i]) {\n      return true;\n    }\n  }\n\n  return false;\n};\nvar isNaN = function isNaN(input) {\n  return Number.isNaN(Number(input));\n};\n/**\n * 计算一组 Item 的 BBox\n * @param items 选中的一组Item，可以是 node 或 combo\n */\n\nvar calculationItemsBBox = function calculationItemsBBox(items) {\n  var minx = Infinity;\n  var maxx = -Infinity;\n  var miny = Infinity;\n  var maxy = -Infinity; // 获取已节点的所有最大最小x y值\n\n  for (var i = 0; i < items.length; i++) {\n    var element = items[i];\n    var bbox = element.getBBox();\n    var minX = bbox.minX,\n        minY = bbox.minY,\n        maxX = bbox.maxX,\n        maxY = bbox.maxY;\n\n    if (minX < minx) {\n      minx = minX;\n    }\n\n    if (minY < miny) {\n      miny = minY;\n    }\n\n    if (maxX > maxx) {\n      maxx = maxX;\n    }\n\n    if (maxY > maxy) {\n      maxy = maxY;\n    }\n  }\n\n  var x = Math.floor(minx);\n  var y = Math.floor(miny);\n  var width = Math.ceil(maxx) - Math.floor(minx);\n  var height = Math.ceil(maxy) - Math.floor(miny);\n  return {\n    x: x,\n    y: y,\n    width: width,\n    height: height,\n    minX: minx,\n    minY: miny,\n    maxX: maxx,\n    maxY: maxy\n  };\n};\n/**\n * 若 edges 中存在两端点相同的边，使用 quadratic 边并自动计算 curveOffset 使它们不相互重叠\n * @param edges 边数据集合\n * @param offsetDiff 相邻两边的 offset 之差\n */\n\nvar processParallelEdges = function processParallelEdges(edges, offsetDiff, multiEdgeType, singleEdgeType, loopEdgeType) {\n  if (offsetDiff === void 0) {\n    offsetDiff = 15;\n  }\n\n  if (multiEdgeType === void 0) {\n    multiEdgeType = 'quadratic';\n  }\n\n  var len = edges.length;\n  var cod = offsetDiff * 2;\n  var loopPosition = ['top', 'top-right', 'right', 'bottom-right', 'bottom', 'bottom-left', 'left', 'top-left'];\n  var edgeMap = {};\n  var tags = [];\n  var reverses = {};\n\n  for (var i = 0; i < len; i++) {\n    var edge = edges[i];\n    var source = edge.source,\n        target = edge.target;\n    var sourceTarget = source + \"-\" + target;\n    if (tags[i]) continue;\n\n    if (!edgeMap[sourceTarget]) {\n      edgeMap[sourceTarget] = [];\n    }\n\n    tags[i] = true;\n    edgeMap[sourceTarget].push(edge);\n\n    for (var j = 0; j < len; j++) {\n      if (i === j) continue;\n      var sedge = edges[j];\n      var src = sedge.source;\n      var dst = sedge.target; // 两个节点之间共同的边\n      // 第一条的source = 第二条的target\n      // 第一条的target = 第二条的source\n\n      if (!tags[j]) {\n        if (source === dst && target === src) {\n          edgeMap[sourceTarget].push(sedge);\n          tags[j] = true;\n          reverses[src + \"|\" + dst + \"|\" + (edgeMap[sourceTarget].length - 1)] = true;\n        } else if (source === src && target === dst) {\n          edgeMap[sourceTarget].push(sedge);\n          tags[j] = true;\n        }\n      }\n    }\n  }\n\n  for (var key in edgeMap) {\n    var arcEdges = edgeMap[key];\n    var length_1 = arcEdges.length;\n\n    for (var k = 0; k < length_1; k++) {\n      var current = arcEdges[k];\n\n      if (current.source === current.target) {\n        if (loopEdgeType) current.type = loopEdgeType; // 超过8条自环边，则需要重新处理\n\n        current.loopCfg = {\n          position: loopPosition[k % 8],\n          dist: Math.floor(k / 8) * 20 + 50\n        };\n        continue;\n      }\n\n      if (length_1 === 1 && singleEdgeType && current.source !== current.target) {\n        current.type = singleEdgeType;\n        continue;\n      }\n\n      current.type = multiEdgeType;\n      var sign = (k % 2 === 0 ? 1 : -1) * (reverses[current.source + \"|\" + current.target + \"|\" + k] ? -1 : 1);\n\n      if (length_1 % 2 === 1) {\n        current.curveOffset = sign * Math.ceil(k / 2) * cod;\n      } else {\n        current.curveOffset = sign * (Math.floor(k / 2) * cod + offsetDiff);\n      }\n    }\n  }\n\n  return edges;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/base.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js":
-/*!*****************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js ***!
-  \*****************************************************************************/
-/*! exports provided: getBBox, getLoopCfgs, getLabelPosition, traverseTree, traverseTreeUp, getLetterWidth, getTextSize, plainCombosToTrees, reconstructTree, getComboBBox, shouldRefreshEdge, cloneBesidesImg */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBox\", function() { return getBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getLoopCfgs\", function() { return getLoopCfgs; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getLabelPosition\", function() { return getLabelPosition; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"traverseTree\", function() { return traverseTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"traverseTreeUp\", function() { return traverseTreeUp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getLetterWidth\", function() { return getLetterWidth; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getTextSize\", function() { return getTextSize; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"plainCombosToTrees\", function() { return plainCombosToTrees; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reconstructTree\", function() { return reconstructTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getComboBBox\", function() { return getComboBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shouldRefreshEdge\", function() { return shouldRefreshEdge; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"cloneBesidesImg\", function() { return cloneBesidesImg; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/global.js\");\n/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./math */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _letterAspectRatio__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./letterAspectRatio */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/letterAspectRatio.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n\n\n\n\nvar PI = Math.PI,\n    sin = Math.sin,\n    cos = Math.cos; // 一共支持8个方向的自环，每个环占的角度是45度，在计算时再二分，为22.5度\n\nvar SELF_LINK_SIN = sin(PI / 8);\nvar SELF_LINK_COS = cos(PI / 8);\nvar getBBox = function getBBox(element, group) {\n  var bbox = element.getBBox();\n  var leftTop = {\n    x: bbox.minX,\n    y: bbox.minY\n  };\n  var rightBottom = {\n    x: bbox.maxX,\n    y: bbox.maxY\n  }; // 根据父元素变换矩阵\n\n  if (group) {\n    var matrix = group.getMatrix();\n\n    if (!matrix) {\n      matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    leftTop = Object(_math__WEBPACK_IMPORTED_MODULE_3__[\"applyMatrix\"])(leftTop, matrix);\n    rightBottom = Object(_math__WEBPACK_IMPORTED_MODULE_3__[\"applyMatrix\"])(rightBottom, matrix);\n  }\n\n  var lx = leftTop.x,\n      ly = leftTop.y;\n  var rx = rightBottom.x,\n      ry = rightBottom.y;\n  return {\n    x: lx,\n    y: ly,\n    minX: lx,\n    minY: ly,\n    maxX: rx,\n    maxY: ry,\n    width: rx - lx,\n    height: ry - ly\n  };\n};\n/**\n * get loop edge config\n * @param cfg edge config\n */\n\nvar getLoopCfgs = function getLoopCfgs(cfg) {\n  var item = cfg.sourceNode || cfg.targetNode;\n  var container = item.get('group');\n  var containerMatrix = container.getMatrix();\n  if (!containerMatrix) containerMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  var keyShape = item.getKeyShape();\n  var bbox = keyShape.getBBox();\n  var loopCfg = cfg.loopCfg || {}; // 距离keyShape边的最高距离\n\n  var dist = loopCfg.dist || Math.max(bbox.width, bbox.height) * 2; // 自环边与keyShape的相对位置关系\n\n  var position = loopCfg.position || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultLoopPosition; // 中心取group上真实位置\n\n  var center = [containerMatrix[6], containerMatrix[7]];\n  var startPoint = [cfg.startPoint.x, cfg.startPoint.y];\n  var endPoint = [cfg.endPoint.x, cfg.endPoint.y];\n  var rstart = bbox.height / 2;\n  var rend = bbox.height / 2;\n  var sinDeltaStart = rstart * SELF_LINK_SIN;\n  var cosDeltaStart = rstart * SELF_LINK_COS;\n  var sinDeltaEnd = rend * SELF_LINK_SIN;\n  var cosDeltaEnd = rend * SELF_LINK_COS; // 如果定义了锚点的，直接用锚点坐标，否则，根据自环的 cfg 计算\n\n  if (startPoint[0] === endPoint[0] && startPoint[1] === endPoint[1]) {\n    switch (position) {\n      case 'top':\n        startPoint = [center[0] - sinDeltaStart, center[1] - cosDeltaStart];\n        endPoint = [center[0] + sinDeltaEnd, center[1] - cosDeltaEnd];\n        break;\n\n      case 'top-right':\n        rstart = bbox.height / 2;\n        rend = bbox.width / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] + sinDeltaStart, center[1] - cosDeltaStart];\n        endPoint = [center[0] + cosDeltaEnd, center[1] - sinDeltaEnd];\n        break;\n\n      case 'right':\n        rstart = bbox.width / 2;\n        rend = bbox.width / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] + cosDeltaStart, center[1] - sinDeltaStart];\n        endPoint = [center[0] + cosDeltaEnd, center[1] + sinDeltaEnd];\n        break;\n\n      case 'bottom-right':\n        rstart = bbox.width / 2;\n        rend = bbox.height / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] + cosDeltaStart, center[1] + sinDeltaStart];\n        endPoint = [center[0] + sinDeltaEnd, center[1] + cosDeltaEnd];\n        break;\n\n      case 'bottom':\n        rstart = bbox.height / 2;\n        rend = bbox.height / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] + sinDeltaStart, center[1] + cosDeltaStart];\n        endPoint = [center[0] - sinDeltaEnd, center[1] + cosDeltaEnd];\n        break;\n\n      case 'bottom-left':\n        rstart = bbox.height / 2;\n        rend = bbox.width / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] - sinDeltaStart, center[1] + cosDeltaStart];\n        endPoint = [center[0] - cosDeltaEnd, center[1] + sinDeltaEnd];\n        break;\n\n      case 'left':\n        rstart = bbox.width / 2;\n        rend = bbox.width / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] - cosDeltaStart, center[1] + sinDeltaStart];\n        endPoint = [center[0] - cosDeltaEnd, center[1] - sinDeltaEnd];\n        break;\n\n      case 'top-left':\n        rstart = bbox.width / 2;\n        rend = bbox.height / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] - cosDeltaStart, center[1] - sinDeltaStart];\n        endPoint = [center[0] - sinDeltaEnd, center[1] - cosDeltaEnd];\n        break;\n\n      default:\n        rstart = bbox.width / 2;\n        rend = bbox.width / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] - sinDeltaStart, center[1] - cosDeltaStart];\n        endPoint = [center[0] + sinDeltaEnd, center[1] - cosDeltaEnd];\n    } // 如果逆时针画，交换起点和终点\n\n\n    if (loopCfg.clockwise === false) {\n      var swap = [startPoint[0], startPoint[1]];\n      startPoint = [endPoint[0], endPoint[1]];\n      endPoint = [swap[0], swap[1]];\n    }\n  }\n\n  var startVec = [startPoint[0] - center[0], startPoint[1] - center[1]];\n  var scaleRateStart = (rstart + dist) / rstart;\n  var scaleRateEnd = (rend + dist) / rend;\n\n  if (loopCfg.clockwise === false) {\n    scaleRateStart = (rend + dist) / rend;\n    scaleRateEnd = (rstart + dist) / rstart;\n  }\n\n  var startExtendVec = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_1__[\"vec2\"].scale([0, 0], startVec, scaleRateStart);\n  var controlPoint1 = [center[0] + startExtendVec[0], center[1] + startExtendVec[1]];\n  var endVec = [endPoint[0] - center[0], endPoint[1] - center[1]];\n  var endExtendVec = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_1__[\"vec2\"].scale([0, 0], endVec, scaleRateEnd);\n  var controlPoint2 = [center[0] + endExtendVec[0], center[1] + endExtendVec[1]];\n  cfg.startPoint = {\n    x: startPoint[0],\n    y: startPoint[1]\n  };\n  cfg.endPoint = {\n    x: endPoint[0],\n    y: endPoint[1]\n  };\n  cfg.controlPoints = [{\n    x: controlPoint1[0],\n    y: controlPoint1[1]\n  }, {\n    x: controlPoint2[0],\n    y: controlPoint2[1]\n  }];\n  return cfg;\n};\n/**\n * 根据 label 所在线条的位置百分比，计算 label 坐标\n * @param {object}  pathShape  G 的 path 实例，一般是 Edge 实例的 keyShape\n * @param {number}  percent    范围 0 - 1 的线条百分比\n * @param {number}  refX     x 轴正方向为基准的 label 偏移\n * @param {number}  refY     y 轴正方向为基准的 label 偏移\n * @param {boolean} rotate     是否根据线条斜率旋转文本\n * @return {object} 文本的 x, y, 文本的旋转角度\n */\n\nvar getLabelPosition = function getLabelPosition(pathShape, percent, refX, refY, rotate) {\n  var TAN_OFFSET = 0.0001;\n  var vector = [];\n  var point = pathShape.getPoint(percent);\n\n  if (point === null) {\n    return {\n      x: 0,\n      y: 0,\n      angle: 0\n    };\n  } // 头尾最可能，放在最前面，使用 g path 上封装的方法\n\n\n  if (percent < TAN_OFFSET) {\n    vector = pathShape.getStartTangent().reverse();\n  } else if (percent > 1 - TAN_OFFSET) {\n    vector = pathShape.getEndTangent();\n  } else {\n    // 否则取指定位置的点,与少量偏移的点，做微分向量\n    var offsetPoint = pathShape.getPoint(percent + TAN_OFFSET);\n    vector.push([point.x, point.y]);\n    vector.push([offsetPoint.x, offsetPoint.y]);\n  }\n\n  var rad = Math.atan2(vector[1][1] - vector[0][1], vector[1][0] - vector[0][0]);\n\n  if (rad < 0) {\n    rad += PI * 2;\n  }\n\n  if (refX) {\n    point.x += cos(rad) * refX;\n    point.y += sin(rad) * refX;\n  }\n\n  if (refY) {\n    // 默认方向是 x 轴正方向，法线是 求出角度 - 90°\n    var normal = rad - PI / 2; // 若法线角度在 y 轴负方向，切到正方向，保证 refY 相对于 y 轴正方向\n\n    if (rad > 1 / 2 * PI && rad < 3 * 1 / 2 * PI) {\n      normal -= PI;\n    }\n\n    point.x += cos(normal) * refY;\n    point.y += sin(normal) * refY;\n  }\n\n  var result = {\n    x: point.x,\n    y: point.y,\n    angle: rad\n  };\n\n  if (rotate) {\n    if (rad > 1 / 2 * PI && rad < 3 * 1 / 2 * PI) {\n      rad -= PI;\n    }\n\n    return Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      rotate: rad\n    }, result);\n  }\n\n  return result;\n};\n/**\n * depth first traverse, from root to leaves, children in inverse order\n *  if the fn returns false, terminate the traverse\n */\n\nvar traverse = function traverse(data, fn) {\n  if (fn(data) === false) {\n    return false;\n  }\n\n  if (data && data.children) {\n    for (var i = data.children.length - 1; i >= 0; i--) {\n      if (!traverse(data.children[i], fn)) return false;\n    }\n  }\n\n  return true;\n};\n/**\n * depth first traverse, from leaves to root, children in inverse order\n *  if the fn returns false, terminate the traverse\n */\n\n\nvar traverseUp = function traverseUp(data, fn) {\n  if (data && data.children) {\n    for (var i = data.children.length - 1; i >= 0; i--) {\n      if (!traverseUp(data.children[i], fn)) return;\n    }\n  }\n\n  if (fn(data) === false) {\n    return false;\n  }\n\n  return true;\n};\n/**\n * depth first traverse, from root to leaves, children in inverse order\n *  if the fn returns false, terminate the traverse\n */\n\n\nvar traverseTree = function traverseTree(data, fn) {\n  if (typeof fn !== 'function') {\n    return;\n  }\n\n  traverse(data, fn);\n};\n/**\n * depth first traverse, from leaves to root, children in inverse order\n * if the fn returns false, terminate the traverse\n */\n\nvar traverseTreeUp = function traverseTreeUp(data, fn) {\n  if (typeof fn !== 'function') {\n    return;\n  }\n\n  traverseUp(data, fn);\n};\n/**\n *\n * @param letter the letter\n * @param fontSize\n * @return the letter's width\n */\n\nvar getLetterWidth = function getLetterWidth(letter, fontSize) {\n  return fontSize * (_letterAspectRatio__WEBPACK_IMPORTED_MODULE_4__[\"default\"][letter] || 1);\n};\n/**\n *\n * @param text the text\n * @param fontSize\n * @return the text's size\n */\n\nvar getTextSize = function getTextSize(text, fontSize) {\n  var width = 0;\n  var pattern = new RegExp(\"[\\u4E00-\\u9FA5]+\");\n  text.split('').forEach(function (letter) {\n    if (pattern.test(letter)) {\n      // 中文字符\n      width += fontSize;\n    } else {\n      width += getLetterWidth(letter, fontSize);\n    }\n  });\n  return [width, fontSize];\n};\n/**\n * construct the trees from combos data\n * @param array the combos array\n * @param nodes the nodes array\n * @return the tree\n */\n\nvar plainCombosToTrees = function plainCombosToTrees(array, nodes) {\n  var result = [];\n  var addedMap = {};\n  var modelMap = {};\n  array.forEach(function (d) {\n    modelMap[d.id] = d;\n  });\n  array.forEach(function (d, i) {\n    var cd = Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"clone\"])(d);\n    cd.itemType = 'combo';\n    cd.children = undefined;\n\n    if (cd.parentId === cd.id) {\n      console.warn(\"The parentId for combo \" + cd.id + \" can not be the same as the combo's id\");\n      delete cd.parentId;\n    } else if (cd.parentId && !modelMap[cd.parentId]) {\n      console.warn(\"The parent combo for combo \" + cd.id + \" does not exist!\");\n      delete cd.parentId;\n    }\n\n    var mappedObj = addedMap[cd.id];\n\n    if (mappedObj) {\n      cd.children = mappedObj.children;\n      addedMap[cd.id] = cd;\n      mappedObj = cd;\n\n      if (!mappedObj.parentId) {\n        result.push(mappedObj);\n        return;\n      }\n\n      var mappedParent = addedMap[mappedObj.parentId];\n\n      if (mappedParent) {\n        if (mappedParent.children) mappedParent.children.push(cd);else mappedParent.children = [cd];\n      } else {\n        var parent_1 = {\n          id: mappedObj.parentId,\n          children: [mappedObj]\n        };\n        addedMap[mappedObj.parentId] = parent_1;\n        addedMap[cd.id] = cd;\n      }\n\n      return;\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isString\"])(d.parentId)) {\n      var parent_2 = addedMap[d.parentId];\n\n      if (parent_2) {\n        if (parent_2.children) parent_2.children.push(cd);else parent_2.children = [cd];\n        addedMap[cd.id] = cd;\n      } else {\n        var pa = {\n          id: d.parentId,\n          children: [cd]\n        };\n        addedMap[pa.id] = pa;\n        addedMap[cd.id] = cd;\n      }\n    } else {\n      result.push(cd);\n      addedMap[cd.id] = cd;\n    }\n  }); // proccess the nodes\n\n  var nodeMap = {};\n  (nodes || []).forEach(function (node) {\n    nodeMap[node.id] = node;\n    var combo = addedMap[node.comboId];\n\n    if (combo) {\n      var cnode = {\n        id: node.id,\n        comboId: node.comboId\n      };\n      if (combo.children) combo.children.push(cnode);else combo.children = [cnode];\n      cnode.itemType = 'node';\n      addedMap[node.id] = cnode;\n    }\n  }); // assign the depth for each element\n\n  var maxDepth = 0;\n  result.forEach(function (tree) {\n    tree.depth = maxDepth + 10;\n    traverse(tree, function (child) {\n      var parent;\n      var itemType = addedMap[child.id].itemType;\n\n      if (itemType === 'node') {\n        parent = addedMap[child.comboId];\n      } else {\n        parent = addedMap[child.parentId];\n      }\n\n      if (parent) {\n        if (itemType === 'node') child.depth = maxDepth + 1;else child.depth = maxDepth + 10;\n      } else {\n        child.depth = maxDepth + 10;\n      }\n\n      if (maxDepth < child.depth) maxDepth = child.depth;\n      var oriNodeModel = nodeMap[child.id];\n\n      if (oriNodeModel) {\n        oriNodeModel.depth = child.depth;\n      }\n\n      return true;\n    });\n  });\n  return result;\n};\nvar reconstructTree = function reconstructTree(trees, subtreeId, newParentId) {\n  var brothers = trees;\n  var subtree;\n  var comboChildsMap = {\n    root: {\n      children: trees\n    }\n  };\n  var foundSubTree = false;\n  var oldParentId = 'root';\n  (trees || []).forEach(function (tree) {\n    if (foundSubTree) return;\n\n    if (tree.id === subtreeId) {\n      subtree = tree;\n\n      if (tree.itemType === 'combo') {\n        subtree.parentId = newParentId;\n      } else {\n        subtree.comboId = newParentId;\n      }\n\n      foundSubTree = true;\n      return;\n    }\n\n    traverseTree(tree, function (child) {\n      comboChildsMap[child.id] = {\n        children: child.children\n      }; // store the old parent id to delete the subtree from the old parent's children in next recursion\n\n      brothers = comboChildsMap[child.parentId || child.comboId || 'root'].children;\n\n      if (child && (child.removed || subtreeId === child.id) && brothers) {\n        oldParentId = child.parentId || child.comboId || 'root';\n        subtree = child; // re-assign the parentId or comboId for the moved subtree\n\n        if (child.itemType === 'combo') {\n          subtree.parentId = newParentId;\n        } else {\n          subtree.comboId = newParentId;\n        }\n\n        foundSubTree = true;\n        return false;\n      }\n\n      return true;\n    });\n  });\n  brothers = comboChildsMap[oldParentId].children;\n  var index = brothers ? brothers.indexOf(subtree) : -1;\n  if (index > -1) brothers.splice(index, 1); // 如果遍历完整棵树还没有找到，说明之前就不在树中\n\n  if (!foundSubTree) {\n    subtree = {\n      id: subtreeId,\n      itemType: 'node',\n      comboId: newParentId\n    };\n    comboChildsMap[subtreeId] = {\n      children: undefined\n    };\n  } // append to new parent\n\n\n  if (subtreeId) {\n    var found_1 = false; // newParentId is undefined means the subtree will have no parent\n\n    if (newParentId) {\n      var newParentDepth_1 = 0;\n      (trees || []).forEach(function (tree) {\n        if (found_1) return; // terminate\n\n        traverseTree(tree, function (child) {\n          // append subtree to the new parent ans assign the depth to the subtree\n          if (newParentId === child.id) {\n            found_1 = true;\n            if (child.children) child.children.push(subtree);else child.children = [subtree];\n            newParentDepth_1 = child.depth;\n            if (subtree.itemType === 'node') subtree.depth = newParentDepth_1 + 2;else subtree.depth = newParentDepth_1 + 1;\n            return false; // terminate\n          }\n\n          return true;\n        });\n      });\n    } else if ((!newParentId || !found_1) && subtree.itemType !== 'node') {\n      // if the newParentId is undefined or it is not found in the tree, add the subTree to the root\n      trees.push(subtree);\n    } // update the depth of the subtree and its children from the subtree\n\n\n    var currentDepth_1 = subtree.depth;\n    traverseTree(subtree, function (child) {\n      if (child.itemType === 'node') currentDepth_1 += 2;else currentDepth_1 += 1;\n      child.depth = currentDepth_1;\n      return true;\n    });\n  }\n\n  return trees;\n};\nvar getComboBBox = function getComboBBox(children, graph) {\n  var comboBBox = {\n    minX: Infinity,\n    minY: Infinity,\n    maxX: -Infinity,\n    maxY: -Infinity,\n    x: undefined,\n    y: undefined,\n    width: undefined,\n    height: undefined,\n    centerX: undefined,\n    centerY: undefined\n  };\n\n  if (!children || children.length === 0) {\n    return comboBBox;\n  }\n\n  children.forEach(function (child) {\n    var childItem = graph.findById(child.id);\n    if (!childItem || !childItem.isVisible()) return; // ignore hidden children\n\n    childItem.set('bboxCanvasCache', undefined);\n    var childBBox = childItem.getCanvasBBox();\n    if (childBBox.x && comboBBox.minX > childBBox.minX) comboBBox.minX = childBBox.minX;\n    if (childBBox.y && comboBBox.minY > childBBox.minY) comboBBox.minY = childBBox.minY;\n    if (childBBox.x && comboBBox.maxX < childBBox.maxX) comboBBox.maxX = childBBox.maxX;\n    if (childBBox.y && comboBBox.maxY < childBBox.maxY) comboBBox.maxY = childBBox.maxY;\n  });\n  comboBBox.x = (comboBBox.minX + comboBBox.maxX) / 2;\n  comboBBox.y = (comboBBox.minY + comboBBox.maxY) / 2;\n  comboBBox.width = comboBBox.maxX - comboBBox.minX;\n  comboBBox.height = comboBBox.maxY - comboBBox.minY;\n  comboBBox.centerX = (comboBBox.minX + comboBBox.maxX) / 2;\n  comboBBox.centerY = (comboBBox.minY + comboBBox.maxY) / 2;\n  Object.keys(comboBBox).forEach(function (key) {\n    if (comboBBox[key] === Infinity || comboBBox[key] === -Infinity) {\n      comboBBox[key] = undefined;\n    }\n  });\n  return comboBBox;\n};\nvar shouldRefreshEdge = function shouldRefreshEdge(cfg) {\n  var refreshEdge = Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.x) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.y) || cfg.type || cfg.anchorPoints || cfg.size;\n  if (cfg.style) refreshEdge = refreshEdge || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.style.r) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.style.width) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.style.height) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.style.rx) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.style.ry);\n  return refreshEdge;\n};\nvar cloneBesidesImg = function cloneBesidesImg(obj) {\n  var clonedObj = {};\n  Object.keys(obj).forEach(function (key1) {\n    var obj2 = obj[key1];\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isObject\"])(obj2)) {\n      var clonedObj2_1 = {};\n      Object.keys(obj2).forEach(function (key2) {\n        var v = obj2[key2];\n        if (key2 === 'img' && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isString\"])(v)) return;\n        clonedObj2_1[key2] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"clone\"])(v);\n      });\n      clonedObj[key1] = clonedObj2_1;\n    } else {\n      clonedObj[key1] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"clone\"])(obj2);\n    }\n  });\n  return clonedObj;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/index.js":
-/*!***************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/index.js ***!
-  \***************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./math */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _graphic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./graphic */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/graphic.js\");\n/* harmony import */ var _path__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./path */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/path.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./base */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/base.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n\n\n\n\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_5__[\"ext\"].transform;\n\nvar Util = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _base__WEBPACK_IMPORTED_MODULE_4__), _graphic__WEBPACK_IMPORTED_MODULE_2__), _path__WEBPACK_IMPORTED_MODULE_3__), _math__WEBPACK_IMPORTED_MODULE_1__), {\n  transform: transform,\n  mat3: _antv_matrix_util__WEBPACK_IMPORTED_MODULE_5__[\"mat3\"]\n});\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Util);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/letterAspectRatio.js":
-/*!***************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/letterAspectRatio.js ***!
-  \***************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  ' ': 0.3329986572265625,\n  a: 0.5589996337890625,\n  A: 0.6569992065429687,\n  b: 0.58599853515625,\n  B: 0.6769989013671875,\n  c: 0.5469985961914062,\n  C: 0.7279998779296875,\n  d: 0.58599853515625,\n  D: 0.705999755859375,\n  e: 0.554998779296875,\n  E: 0.63699951171875,\n  f: 0.37299957275390627,\n  F: 0.5769989013671875,\n  g: 0.5909988403320312,\n  G: 0.7479995727539063,\n  h: 0.555999755859375,\n  H: 0.7199996948242188,\n  i: 0.255999755859375,\n  I: 0.23699951171875,\n  j: 0.26699981689453123,\n  J: 0.5169998168945312,\n  k: 0.5289993286132812,\n  K: 0.6899993896484375,\n  l: 0.23499908447265624,\n  L: 0.5879989624023437,\n  m: 0.854998779296875,\n  M: 0.8819992065429687,\n  n: 0.5589996337890625,\n  N: 0.7189987182617188,\n  o: 0.58599853515625,\n  O: 0.7669998168945312,\n  p: 0.58599853515625,\n  P: 0.6419998168945312,\n  q: 0.58599853515625,\n  Q: 0.7669998168945312,\n  r: 0.3649993896484375,\n  R: 0.6759994506835938,\n  s: 0.504998779296875,\n  S: 0.6319992065429687,\n  t: 0.354998779296875,\n  T: 0.6189987182617187,\n  u: 0.5599990844726562,\n  U: 0.7139999389648437,\n  v: 0.48199920654296874,\n  V: 0.6389999389648438,\n  w: 0.754998779296875,\n  W: 0.929998779296875,\n  x: 0.5089996337890625,\n  X: 0.63699951171875,\n  y: 0.4959991455078125,\n  Y: 0.66199951171875,\n  z: 0.48699951171875,\n  Z: 0.6239990234375,\n  '0': 0.6,\n  '1': 0.40099945068359377,\n  '2': 0.6,\n  '3': 0.6,\n  '4': 0.6,\n  '5': 0.6,\n  '6': 0.6,\n  '7': 0.5469985961914062,\n  '8': 0.6,\n  '9': 0.6,\n  '[': 0.3329986572265625,\n  ']': 0.3329986572265625,\n  ',': 0.26399993896484375,\n  '.': 0.26399993896484375,\n  ';': 0.26399993896484375,\n  ':': 0.26399993896484375,\n  '{': 0.3329986572265625,\n  '}': 0.3329986572265625,\n  '\\\\': 0.5,\n  '|': 0.19499969482421875,\n  '=': 0.604998779296875,\n  '+': 0.604998779296875,\n  '-': 0.604998779296875,\n  _: 0.5,\n  '`': 0.3329986572265625,\n  ' ~': 0.8329986572265625,\n  '!': 0.3329986572265625,\n  '@': 0.8579986572265625,\n  '#': 0.6,\n  $: 0.6,\n  '%': 0.9699996948242188,\n  '^': 0.517999267578125,\n  '&': 0.7259994506835937,\n  '*': 0.505999755859375,\n  '(': 0.3329986572265625,\n  ')': 0.3329986572265625,\n  '<': 0.604998779296875,\n  '>': 0.604998779296875,\n  '/': 0.5,\n  '?': 0.53699951171875\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/letterAspectRatio.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js ***!
-  \**************************************************************************/
-/*! exports provided: compare, getLineIntersect, getRectIntersectByPoint, getCircleIntersectByPoint, getEllipseIntersectByPoint, applyMatrix, invertMatrix, getCircleCenterByPoints, distance, scaleMatrix, floydWarshall, getAdjMatrix, translate, move, scale, rotate, getDegree, isPointInPolygon, intersectBBox, isPolygonsIntersect, Line, getBBoxBoundLine, itemIntersectByLine, fractionToLine, getPointsCenter, squareDist, pointLineSquareDist, isPointsOverlap, pointRectSquareDist */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"compare\", function() { return compare; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getLineIntersect\", function() { return getLineIntersect; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getRectIntersectByPoint\", function() { return getRectIntersectByPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getCircleIntersectByPoint\", function() { return getCircleIntersectByPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getEllipseIntersectByPoint\", function() { return getEllipseIntersectByPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"applyMatrix\", function() { return applyMatrix; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"invertMatrix\", function() { return invertMatrix; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getCircleCenterByPoints\", function() { return getCircleCenterByPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"distance\", function() { return distance; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"scaleMatrix\", function() { return scaleMatrix; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"floydWarshall\", function() { return floydWarshall; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAdjMatrix\", function() { return getAdjMatrix; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"translate\", function() { return translate; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"move\", function() { return move; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"scale\", function() { return scale; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"rotate\", function() { return rotate; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDegree\", function() { return getDegree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPointInPolygon\", function() { return isPointInPolygon; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"intersectBBox\", function() { return intersectBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPolygonsIntersect\", function() { return isPolygonsIntersect; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Line\", function() { return Line; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxBoundLine\", function() { return getBBoxBoundLine; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"itemIntersectByLine\", function() { return itemIntersectByLine; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"fractionToLine\", function() { return fractionToLine; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPointsCenter\", function() { return getPointsCenter; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"squareDist\", function() { return squareDist; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pointLineSquareDist\", function() { return pointLineSquareDist; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPointsOverlap\", function() { return isPointsOverlap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pointRectSquareDist\", function() { return pointRectSquareDist; });\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"ext\"].transform;\n/**\n * 对比对象，用于对象数组排序\n * @param   {string}       attributeName  排序依据的字段名称\n * @param   {number}       min    最小值\n * @param   {number}       max    最大值\n * @return  {boolean}      bool   布尔\n */\n\nvar compare = function compare(attributeName) {\n  return function (m, n) {\n    return m[attributeName] - n[attributeName];\n  };\n};\n/**\n * 是否在区间内\n * @param   {number}       value  值\n * @param   {number}       min    最小值\n * @param   {number}       max    最大值\n * @return  {boolean}      bool   布尔\n */\n\nvar isBetween = function isBetween(value, min, max) {\n  return value >= min && value <= max;\n};\n/**\n * 获取两条线段的交点\n * @param  {Point}  p0 第一条线段起点\n * @param  {Point}  p1 第一条线段终点\n * @param  {Point}  p2 第二条线段起点\n * @param  {Point}  p3 第二条线段终点\n * @return {Point}  交点\n */\n\n\nvar getLineIntersect = function getLineIntersect(p0, p1, p2, p3) {\n  var tolerance = 0.0001;\n  var E = {\n    x: p2.x - p0.x,\n    y: p2.y - p0.y\n  };\n  var D0 = {\n    x: p1.x - p0.x,\n    y: p1.y - p0.y\n  };\n  var D1 = {\n    x: p3.x - p2.x,\n    y: p3.y - p2.y\n  };\n  var kross = D0.x * D1.y - D0.y * D1.x;\n  var sqrKross = kross * kross;\n  var invertKross = 1 / kross;\n  var sqrLen0 = D0.x * D0.x + D0.y * D0.y;\n  var sqrLen1 = D1.x * D1.x + D1.y * D1.y;\n\n  if (sqrKross > tolerance * sqrLen0 * sqrLen1) {\n    var s = (E.x * D1.y - E.y * D1.x) * invertKross;\n    var t = (E.x * D0.y - E.y * D0.x) * invertKross;\n    if (!isBetween(s, 0, 1) || !isBetween(t, 0, 1)) return null;\n    return {\n      x: p0.x + s * D0.x,\n      y: p0.y + s * D0.y\n    };\n  }\n\n  return null;\n};\n/**\n * point and rectangular intersection point\n * @param  {IRect} rect  rect\n * @param  {Point} point point\n * @return {PointPoint} rst;\n */\n\nvar getRectIntersectByPoint = function getRectIntersectByPoint(rect, point) {\n  var x = rect.x,\n      y = rect.y,\n      width = rect.width,\n      height = rect.height;\n  var cx = x + width / 2;\n  var cy = y + height / 2;\n  var points = [];\n  var center = {\n    x: cx,\n    y: cy\n  };\n  points.push({\n    x: x,\n    y: y\n  });\n  points.push({\n    x: x + width,\n    y: y\n  });\n  points.push({\n    x: x + width,\n    y: y + height\n  });\n  points.push({\n    x: x,\n    y: y + height\n  });\n  points.push({\n    x: x,\n    y: y\n  });\n  var rst = null;\n\n  for (var i = 1; i < points.length; i++) {\n    rst = getLineIntersect(points[i - 1], points[i], center, point);\n\n    if (rst) {\n      break;\n    }\n  }\n\n  return rst;\n};\n/**\n * get point and circle inIntersect\n * @param {ICircle} circle 圆点，x,y,r\n * @param {Point} point 点 x,y\n * @return {Point} applied point\n */\n\nvar getCircleIntersectByPoint = function getCircleIntersectByPoint(circle, point) {\n  var cx = circle.x,\n      cy = circle.y,\n      r = circle.r;\n  var x = point.x,\n      y = point.y;\n  var dx = x - cx;\n  var dy = y - cy;\n  var d = Math.sqrt(dx * dx + dy * dy);\n\n  if (d < r) {\n    return null;\n  }\n\n  var signX = Math.sign(dx);\n  var signY = Math.sign(dy);\n  var angle = Math.atan(dy / dx);\n  return {\n    x: cx + Math.abs(r * Math.cos(angle)) * signX,\n    y: cy + Math.abs(r * Math.sin(angle)) * signY\n  };\n};\n/**\n * get point and ellipse inIntersect\n * @param {Object} ellipse 椭圆 x,y,rx,ry\n * @param {Object} point 点 x,y\n * @return {object} applied point\n */\n\nvar getEllipseIntersectByPoint = function getEllipseIntersectByPoint(ellipse, point) {\n  var a = ellipse.rx;\n  var b = ellipse.ry;\n  var cx = ellipse.x;\n  var cy = ellipse.y;\n  var dx = point.x - cx;\n  var dy = point.y - cy; // 直接通过 x,y 求夹角，求出来的范围是 -PI, PI\n\n  var angle = Math.atan2(dy / b, dx / a);\n\n  if (angle < 0) {\n    angle += 2 * Math.PI; // 转换到 0，2PI\n  }\n\n  return {\n    x: cx + a * Math.cos(angle),\n    y: cy + b * Math.sin(angle)\n  };\n};\n/**\n * coordinate matrix transformation\n * @param  {number} point   coordinate\n * @param  {Matrix} matrix  matrix\n * @param  {number} tag     could be 0 or 1\n * @return {Point} transformed point\n */\n\nvar applyMatrix = function applyMatrix(point, matrix, tag) {\n  if (tag === void 0) {\n    tag = 1;\n  }\n\n  var vector = [point.x, point.y, tag];\n\n  if (!matrix || isNaN(matrix[0])) {\n    matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec3\"].transformMat3(vector, vector, matrix);\n  return {\n    x: vector[0],\n    y: vector[1]\n  };\n};\n/**\n * coordinate matrix invert transformation\n * @param  {number} point   coordinate\n * @param  {number} matrix  matrix\n * @param  {number} tag     could be 0 or 1\n * @return {object} transformed point\n */\n\nvar invertMatrix = function invertMatrix(point, matrix, tag) {\n  if (tag === void 0) {\n    tag = 1;\n  }\n\n  if (!matrix || isNaN(matrix[0])) {\n    matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  var inversedMatrix = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"mat3\"].invert([1, 0, 0, 0, 1, 0, 0, 0, 1], matrix);\n\n  if (!inversedMatrix) {\n    inversedMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  var vector = [point.x, point.y, tag];\n  _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec3\"].transformMat3(vector, vector, inversedMatrix);\n  return {\n    x: vector[0],\n    y: vector[1]\n  };\n};\n/**\n *\n * @param p1 First coordinate\n * @param p2 second coordinate\n * @param p3 three coordinate\n */\n\nvar getCircleCenterByPoints = function getCircleCenterByPoints(p1, p2, p3) {\n  var a = p1.x - p2.x;\n  var b = p1.y - p2.y;\n  var c = p1.x - p3.x;\n  var d = p1.y - p3.y;\n  var e = (p1.x * p1.x - p2.x * p2.x - p2.y * p2.y + p1.y * p1.y) / 2;\n  var f = (p1.x * p1.x - p3.x * p3.x - p3.y * p3.y + p1.y * p1.y) / 2;\n  var denominator = b * c - a * d;\n  return {\n    x: -(d * e - b * f) / denominator,\n    y: -(a * f - c * e) / denominator\n  };\n};\n/**\n * get distance by two points\n * @param p1 first point\n * @param p2 second point\n */\n\nvar distance = function distance(p1, p2) {\n  var vx = p1.x - p2.x;\n  var vy = p1.y - p2.y;\n  return Math.sqrt(vx * vx + vy * vy);\n};\n/**\n * scale matrix\n * @param matrix [ [], [], [] ]\n * @param ratio\n */\n\nvar scaleMatrix = function scaleMatrix(matrix, ratio) {\n  var result = [];\n  matrix.forEach(function (row) {\n    var newRow = [];\n    row.forEach(function (v) {\n      newRow.push(v * ratio);\n    });\n    result.push(newRow);\n  });\n  return result;\n};\n/**\n * Floyd Warshall algorithm for shortest path distances matrix\n * @param  {array} adjMatrix   adjacency matrix\n * @return {array} distances   shortest path distances matrix\n */\n\nvar floydWarshall = function floydWarshall(adjMatrix) {\n  // initialize\n  var dist = [];\n  var size = adjMatrix.length;\n\n  for (var i = 0; i < size; i += 1) {\n    dist[i] = [];\n\n    for (var j = 0; j < size; j += 1) {\n      if (i === j) {\n        dist[i][j] = 0;\n      } else if (adjMatrix[i][j] === 0 || !adjMatrix[i][j]) {\n        dist[i][j] = Infinity;\n      } else {\n        dist[i][j] = adjMatrix[i][j];\n      }\n    }\n  } // floyd\n\n\n  for (var k = 0; k < size; k += 1) {\n    for (var i = 0; i < size; i += 1) {\n      for (var j = 0; j < size; j += 1) {\n        if (dist[i][j] > dist[i][k] + dist[k][j]) {\n          dist[i][j] = dist[i][k] + dist[k][j];\n        }\n      }\n    }\n  }\n\n  return dist;\n};\n/**\n * get adjacency matrix\n * @param data graph data\n * @param directed whether it's a directed graph\n */\n\nvar getAdjMatrix = function getAdjMatrix(data, directed) {\n  var nodes = data.nodes,\n      edges = data.edges;\n  var matrix = []; // map node with index in data.nodes\n\n  var nodeMap = {};\n\n  if (!nodes) {\n    throw new Error('invalid nodes data!');\n  }\n\n  if (nodes) {\n    nodes.forEach(function (node, i) {\n      nodeMap[node.id] = i;\n      var row = [];\n      matrix.push(row);\n    });\n  }\n\n  if (edges) {\n    edges.forEach(function (e) {\n      var source = e.source,\n          target = e.target;\n      var sIndex = nodeMap[source];\n      var tIndex = nodeMap[target];\n      matrix[sIndex][tIndex] = 1;\n\n      if (!directed) {\n        matrix[tIndex][sIndex] = 1;\n      }\n    });\n  }\n\n  return matrix;\n};\n/**\n * 平移group\n * @param group Group 实例\n * @param vec 移动向量\n */\n\nvar translate = function translate(group, vec) {\n  group.translate(vec.x, vec.y);\n};\n/**\n * 移动到指定坐标点\n * @param group Group 实例\n * @param point 移动到的坐标点\n */\n\nvar move = function move(group, point) {\n  var matrix = group.getMatrix();\n\n  if (!matrix) {\n    matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  var bbox = group.getCanvasBBox();\n  var vx = point.x - bbox.minX;\n  var vy = point.y - bbox.minY;\n  var movedMatrix = transform(matrix, [['t', vx, vy]]);\n  group.setMatrix(movedMatrix);\n};\n/**\n * 缩放 group\n * @param group Group 实例\n * @param point 在x 和 y 方向上的缩放比例\n */\n\nvar scale = function scale(group, ratio) {\n  var matrix = group.getMatrix();\n\n  if (!matrix) {\n    matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  var scaleXY = ratio;\n\n  if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(ratio)) {\n    scaleXY = [ratio, ratio];\n  }\n\n  if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(ratio) && ratio.length === 1) {\n    scaleXY = [ratio[0], ratio[0]];\n  }\n\n  matrix = transform(matrix, [['s', scaleXY[0], scaleXY[1]]]);\n  group.setMatrix(matrix);\n};\n/**\n *\n * @param group Group 实例\n * @param ratio 选择角度\n */\n\nvar rotate = function rotate(group, angle) {\n  var matrix = group.getMatrix();\n\n  if (!matrix) {\n    matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  matrix = transform(matrix, [['r', angle]]);\n  group.setMatrix(matrix);\n};\nvar getDegree = function getDegree(n, nodeIdxMap, edges) {\n  var degrees = [];\n\n  for (var i = 0; i < n; i++) {\n    degrees[i] = 0;\n  }\n\n  edges.forEach(function (e) {\n    if (e.source) {\n      degrees[nodeIdxMap[e.source]] += 1;\n    }\n\n    if (e.target) {\n      degrees[nodeIdxMap[e.target]] += 1;\n    }\n  });\n  return degrees;\n}; // 判断点Q是否在p1和p2的线段上\n\nfunction onSegment(p1, p2, q) {\n  if ((q[0] - p1[0]) * (p2[1] - p1[1]) === (p2[0] - p1[0]) * (q[1] - p1[1]) && Math.min(p1[0], p2[0]) <= q[0] && q[0] <= Math.max(p1[0], p2[0]) && Math.min(p1[1], p2[1]) <= q[1] && q[1] <= Math.max(p1[1], p2[1])) {\n    return true;\n  }\n\n  return false;\n}\n/**\n * 判断点P在多边形内-射线法. Borrow from https://github.com/antvis/util/blob/master/packages/path-util/src/point-in-polygon.ts\n * @param points\n * @param x\n * @param y\n */\n\n\nvar isPointInPolygon = function isPointInPolygon(points, x, y) {\n  var isHit = false;\n  var n = points.length; // 判断两个double在eps精度下的大小关系\n\n  var tolerance = 1e-6;\n\n  function dcmp(xValue) {\n    if (Math.abs(xValue) < tolerance) {\n      return 0;\n    }\n\n    return xValue < 0 ? -1 : 1;\n  }\n\n  if (n <= 2) {\n    // svg 中点小于 3 个时，不显示，也无法被拾取\n    return false;\n  }\n\n  for (var i = 0; i < n; i++) {\n    var p1 = points[i];\n    var p2 = points[(i + 1) % n];\n\n    if (onSegment(p1, p2, [x, y])) {\n      // 点在多边形一条边上\n      return true;\n    } // 前一个判断min(p1[1],p2[1])<P.y<=max(p1[1],p2[1])\n    // 后一个判断被测点 在 射线与边交点 的左边\n\n\n    if (dcmp(p1[1] - y) > 0 !== dcmp(p2[1] - y) > 0 && dcmp(x - (y - p1[1]) * (p1[0] - p2[0]) / (p1[1] - p2[1]) - p1[0]) < 0) {\n      isHit = !isHit;\n    }\n  }\n\n  return isHit;\n}; // 判断两个BBox是否相交\n\nvar intersectBBox = function intersectBBox(box1, box2) {\n  return !(box2.minX > box1.maxX || box2.maxX < box1.minX || box2.minY > box1.maxY || box2.maxY < box1.minY);\n};\n\nvar lineIntersectPolygon = function lineIntersectPolygon(lines, line) {\n  var isIntersect = false;\n  Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(lines, function (l) {\n    if (getLineIntersect(l.from, l.to, line.from, line.to)) {\n      isIntersect = true;\n      return false;\n    }\n  });\n  return isIntersect;\n};\n/**\n * 判断两个polygon是否相交。\n * borrow from @antv/path-util\n * @param points1 polygon1的顶点数组\n * @param points2 polygon2的顶点数组\n */\n\n\nvar isPolygonsIntersect = function isPolygonsIntersect(points1, points2) {\n  var getBBox = function getBBox(points) {\n    var xArr = points.map(function (p) {\n      return p[0];\n    });\n    var yArr = points.map(function (p) {\n      return p[1];\n    });\n    return {\n      minX: Math.min.apply(null, xArr),\n      maxX: Math.max.apply(null, xArr),\n      minY: Math.min.apply(null, yArr),\n      maxY: Math.max.apply(null, yArr)\n    };\n  };\n\n  var parseToLines = function parseToLines(points) {\n    var lines = [];\n    var count = points.length;\n\n    for (var i = 0; i < count - 1; i++) {\n      var point = points[i];\n      var next = points[i + 1];\n      lines.push({\n        from: {\n          x: point[0],\n          y: point[1]\n        },\n        to: {\n          x: next[0],\n          y: next[1]\n        }\n      });\n    }\n\n    if (lines.length > 1) {\n      var first = points[0];\n      var last = points[count - 1];\n      lines.push({\n        from: {\n          x: last[0],\n          y: last[1]\n        },\n        to: {\n          x: first[0],\n          y: first[1]\n        }\n      });\n    }\n\n    return lines;\n  }; // 空数组，或者一个点返回 false\n\n\n  if (points1.length < 2 || points2.length < 2) {\n    return false;\n  }\n\n  var bbox1 = getBBox(points1);\n  var bbox2 = getBBox(points2); // 判定包围盒是否相交，比判定点是否在多边形内要快的多，可以筛选掉大多数情况\n\n  if (!intersectBBox(bbox1, bbox2)) {\n    return false;\n  }\n\n  var isIn = false; // 判定点是否在多边形内部，一旦有一个点在另一个多边形内，则返回\n\n  Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(points2, function (point) {\n    if (isPointInPolygon(points1, point[0], point[1])) {\n      isIn = true;\n      return false;\n    }\n  });\n\n  if (isIn) {\n    return true;\n  }\n\n  Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(points1, function (point) {\n    if (isPointInPolygon(points2, point[0], point[1])) {\n      isIn = true;\n      return false;\n    }\n  });\n\n  if (isIn) {\n    return true;\n  }\n\n  var lines1 = parseToLines(points1);\n  var lines2 = parseToLines(points2);\n  var isIntersect = false;\n  Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(lines2, function (line) {\n    if (lineIntersectPolygon(lines1, line)) {\n      isIntersect = true;\n      return false;\n    }\n  });\n  return isIntersect;\n};\n\nvar Line =\n/** @class */\nfunction () {\n  function Line(x1, y1, x2, y2) {\n    this.x1 = x1;\n    this.y1 = y1;\n    this.x2 = x2;\n    this.y2 = y2;\n  }\n\n  Line.prototype.getBBox = function () {\n    var minX = Math.min(this.x1, this.x2);\n    var minY = Math.min(this.y1, this.y2);\n    var maxX = Math.max(this.x1, this.x2);\n    var maxY = Math.max(this.y1, this.y2);\n    var res = {\n      x: minX,\n      y: minY,\n      minX: minX,\n      minY: minY,\n      maxX: maxX,\n      maxY: maxY,\n      width: maxX - minX,\n      height: maxY - minY\n    };\n    return res;\n  };\n\n  return Line;\n}();\n\n\nvar getBBoxBoundLine = function getBBoxBoundLine(bbox, direction) {\n  var bounds = {\n    top: [bbox.minX, bbox.minY, bbox.maxX, bbox.minY],\n    left: [bbox.minX, bbox.minY, bbox.minX, bbox.maxY],\n    bottom: [bbox.minX, bbox.maxY, bbox.maxX, bbox.maxY],\n    right: [bbox.maxX, bbox.minY, bbox.maxX, bbox.maxY]\n  };\n  return bounds[direction];\n};\n/**\n * 计算两条线段相交时，相交点对第一条线段上的分割比例\n */\n\nvar fractionAlongLineA = function fractionAlongLineA(la, lb) {\n  var uaT = (lb.x2 - lb.x1) * (la.y1 - lb.y1) - (lb.y2 - lb.y1) * (la.x1 - lb.x1);\n  var ubT = (la.x2 - la.x1) * (la.y1 - lb.y1) - (la.y2 - la.y1) * (la.x1 - lb.x1);\n  var uB = (lb.y2 - lb.y1) * (la.x2 - la.x1) - (lb.x2 - lb.x1) * (la.y2 - la.y1);\n\n  if (uB) {\n    var ua = uaT / uB;\n    var ub = ubT / uB;\n\n    if (ua >= 0 && ua <= 1 && ub >= 0 && ub <= 1) {\n      return ua;\n    }\n  }\n\n  return Number.POSITIVE_INFINITY;\n};\n\nvar itemIntersectByLine = function itemIntersectByLine(item, line) {\n  var directions = ['top', 'left', 'bottom', 'right'];\n  var bbox = item.getBBox();\n  var countIntersections = 0;\n  var intersections = [];\n\n  for (var i = 0; i < 4; i++) {\n    var _a = getBBoxBoundLine(bbox, directions[i]),\n        x1 = _a[0],\n        y1 = _a[1],\n        x2 = _a[2],\n        y2 = _a[3];\n\n    intersections[i] = getLineIntersect({\n      x: line.x1,\n      y: line.y1\n    }, {\n      x: line.x2,\n      y: line.y2\n    }, {\n      x: x1,\n      y: y1\n    }, {\n      x: x2,\n      y: y2\n    });\n\n    if (intersections[i]) {\n      countIntersections += 1;\n    }\n  }\n\n  return [intersections, countIntersections];\n};\nvar fractionToLine = function fractionToLine(item, line) {\n  var directions = ['top', 'left', 'bottom', 'right'];\n  var bbox = item.getBBox();\n  var minDistance = Number.POSITIVE_INFINITY;\n  var countIntersections = 0;\n\n  for (var i = 0; i < 4; i++) {\n    var _a = getBBoxBoundLine(bbox, directions[i]),\n        x1 = _a[0],\n        y1 = _a[1],\n        x2 = _a[2],\n        y2 = _a[3];\n\n    var testDistance = fractionAlongLineA(line, new Line(x1, y1, x2, y2));\n    testDistance = Math.abs(testDistance - 0.5);\n\n    if (testDistance >= 0 && testDistance <= 1) {\n      countIntersections += 1;\n      minDistance = testDistance < minDistance ? testDistance : minDistance;\n    }\n  }\n\n  if (countIntersections === 0) return -1;\n  return minDistance;\n};\nvar getPointsCenter = function getPointsCenter(points) {\n  var centerX = 0;\n  var centerY = 0;\n\n  if (points.length > 0) {\n    for (var _i = 0, points_1 = points; _i < points_1.length; _i++) {\n      var point = points_1[_i];\n      centerX += point.x;\n      centerY += point.y;\n    }\n\n    centerX /= points.length;\n    centerY /= points.length;\n  }\n\n  return {\n    x: centerX,\n    y: centerY\n  };\n};\nvar squareDist = function squareDist(a, b) {\n  return Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2);\n};\nvar pointLineSquareDist = function pointLineSquareDist(point, line) {\n  var x1 = line.x1;\n  var y1 = line.y1;\n  var x2 = line.x2 - x1;\n  var y2 = line.y2 - y1;\n  var px = point.x - x1;\n  var py = point.y - y1;\n  var dotprod = px * x2 + py * y2;\n  var projlenSq;\n\n  if (dotprod <= 0) {\n    projlenSq = 0;\n  } else {\n    px = x2 - px;\n    py = y2 - py;\n    dotprod = px * x2 + py * y2;\n\n    if (dotprod <= 0) {\n      projlenSq = 0;\n    } else {\n      projlenSq = dotprod * dotprod / (x2 * x2 + y2 * y2);\n    }\n  }\n\n  var lenSq = px * px + py * py - projlenSq;\n\n  if (lenSq < 0) {\n    lenSq = 0;\n  }\n\n  return lenSq;\n};\nvar isPointsOverlap = function isPointsOverlap(p1, p2, e) {\n  if (e === void 0) {\n    e = 1e-3;\n  }\n\n  return Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2) < Math.pow(e, 2);\n};\n/**\n * 点到矩形的距离的平方：矩形内部点视作距离为0，外部的点若投影落在矩形边上则为点到矩形边的最近的垂直距离，否则为点到矩形顶点的距离，\n * @param point IPoint\n * @param rect IRect\n */\n\nvar pointRectSquareDist = function pointRectSquareDist(point, rect) {\n  var isLeft = point.x < rect.x;\n  var isRight = point.x > rect.x + rect.width;\n  var isTop = point.y > rect.y + rect.height;\n  var isBottom = point.y < rect.y;\n  var isPointOutside = isLeft || isRight || isTop || isBottom;\n\n  if (!isPointOutside) {\n    return 0;\n  }\n\n  if (isTop && !isLeft && !isRight) {\n    return Math.pow(rect.y + rect.height - point.y, 2);\n  }\n\n  if (isBottom && !isLeft && !isRight) {\n    return Math.pow(point.y - rect.y, 2);\n  }\n\n  if (isLeft && !isTop && !isBottom) {\n    return Math.pow(rect.x - point.x, 2);\n  }\n\n  if (isRight && !isTop && !isBottom) {\n    return Math.pow(rect.x + rect.width - point.x, 2);\n  }\n\n  var dx = Math.min(Math.abs(rect.x - point.x), Math.abs(rect.x + rect.width - point.x));\n  var dy = Math.min(Math.abs(rect.y - point.y), Math.abs(rect.y + rect.height - point.y));\n  return dx * dx + dy * dy;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/math.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/path.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/path.js ***!
-  \**************************************************************************/
-/*! exports provided: getSpline, getControlPoint, pointsToPolygon, pathToPoints, getClosedSpline, roundedHull, paddedHull */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getSpline\", function() { return getSpline; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getControlPoint\", function() { return getControlPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pointsToPolygon\", function() { return pointsToPolygon; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pathToPoints\", function() { return pathToPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getClosedSpline\", function() { return getClosedSpline; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"roundedHull\", function() { return roundedHull; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"paddedHull\", function() { return paddedHull; });\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_path_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/path-util */ \"./node_modules/_@antv_path-util@2.0.9@@antv/path-util/esm/index.js\");\n\n\n/**\n * 替换字符串中的字段\n * @param {String} str 模版字符串\n * @param {Object} o json data\n */\n\nvar substitute = function substitute(str, o) {\n  if (!str || !o) {\n    return str;\n  }\n\n  return str.replace(/\\\\?\\{([^{}]+)\\}/g, function (match, name) {\n    if (match.charAt(0) === '\\\\') {\n      return match.slice(1);\n    }\n\n    var res = o[name];\n    if (res === 0) res = '0';\n    return res || '';\n  });\n};\n/**\n * 给定坐标获取三次贝塞尔曲线的 M 及 C 值\n * @param points coordinate set\n */\n\n\nvar getSpline = function getSpline(points) {\n  var data = [];\n\n  if (points.length < 2) {\n    throw new Error(\"point length must largn than 2, now it's \" + points.length);\n  }\n\n  for (var _i = 0, points_1 = points; _i < points_1.length; _i++) {\n    var point = points_1[_i];\n    var x = point.x,\n        y = point.y;\n    data.push(x);\n    data.push(y);\n  }\n\n  var spliePath = Object(_antv_path_util__WEBPACK_IMPORTED_MODULE_1__[\"catmullRom2Bezier\"])(data);\n  spliePath.unshift(['M', points[0].x, points[0].y]);\n  return spliePath;\n};\n/**\n * 根据起始点、相对位置、偏移量计算控制点\n * @param  {IPoint} startPoint 起始点，包含 x,y\n * @param  {IPoint} endPoint  结束点, 包含 x,y\n * @param  {Number} percent   相对位置,范围 0-1\n * @param  {Number} offset    偏移量\n * @return {IPoint} 控制点，包含 x,y\n */\n\nvar getControlPoint = function getControlPoint(startPoint, endPoint, percent, offset) {\n  if (percent === void 0) {\n    percent = 0;\n  }\n\n  if (offset === void 0) {\n    offset = 0;\n  }\n\n  var point = {\n    x: (1 - percent) * startPoint.x + percent * endPoint.x,\n    y: (1 - percent) * startPoint.y + percent * endPoint.y\n  };\n  var tangent = [0, 0];\n  _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].normalize(tangent, [endPoint.x - startPoint.x, endPoint.y - startPoint.y]);\n\n  if (!tangent || !tangent[0] && !tangent[1]) {\n    tangent = [0, 0];\n  }\n\n  var perpendicular = [-tangent[1] * offset, tangent[0] * offset]; // 垂直向量\n\n  point.x += perpendicular[0];\n  point.y += perpendicular[1];\n  return point;\n};\n/**\n * 点集转化为Path多边形\n * @param {Array} points 点集\n * @param {Boolen} z 是否封闭\n * @return {Array} Path\n */\n\nvar pointsToPolygon = function pointsToPolygon(points, z) {\n  var length = points.length;\n\n  if (!length) {\n    return '';\n  }\n\n  var path = '';\n  var str = '';\n\n  for (var i = 0; i < length; i++) {\n    var item = points[i];\n\n    if (i === 0) {\n      str = 'M{x} {y}';\n    } else {\n      str = 'L{x} {y}';\n    }\n\n    path += substitute(str, item);\n  }\n\n  if (z) {\n    path += 'Z';\n  }\n\n  return path;\n};\nvar pathToPoints = function pathToPoints(path) {\n  var points = [];\n  path.forEach(function (seg) {\n    var command = seg[0];\n\n    if (command !== 'A') {\n      for (var i = 1; i < seg.length; i = i + 2) {\n        points.push([seg[i], seg[i + 1]]);\n      }\n    } else {\n      var length_1 = seg.length;\n      points.push([seg[length_1 - 2], seg[length_1 - 1]]);\n    }\n  });\n  return points;\n};\n/**\n * 生成平滑的闭合曲线\n * @param points\n */\n\nvar getClosedSpline = function getClosedSpline(points) {\n  if (points.length < 2) {\n    throw new Error(\"point length must largn than 2, now it's \" + points.length);\n  }\n\n  var first = points[0];\n  var second = points[1];\n  var last = points[points.length - 1];\n  var lastSecond = points[points.length - 2];\n  points.unshift(last);\n  points.unshift(lastSecond);\n  points.push(first);\n  points.push(second);\n  var closedPath = [];\n\n  for (var i = 1; i < points.length - 2; i += 1) {\n    var x0 = points[i - 1].x;\n    var y0 = points[i - 1].y;\n    var x1 = points[i].x;\n    var y1 = points[i].y;\n    var x2 = points[i + 1].x;\n    var y2 = points[i + 1].y;\n    var x3 = i !== points.length - 2 ? points[i + 2].x : x2;\n    var y3 = i !== points.length - 2 ? points[i + 2].y : y2;\n    var cp1x = x1 + (x2 - x0) / 6;\n    var cp1y = y1 + (y2 - y0) / 6;\n    var cp2x = x2 - (x3 - x1) / 6;\n    var cp2y = y2 - (y3 - y1) / 6;\n    closedPath.push(['C', cp1x, cp1y, cp2x, cp2y, x2, y2]);\n  }\n\n  closedPath.unshift(['M', last.x, last.y]);\n  return closedPath;\n};\n\nvar vecScaleTo = function vecScaleTo(v, length) {\n  // Vector with direction of v with specified length\n  return _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].normalize([0, 0], v), length);\n};\n\nvar unitNormal = function unitNormal(p0, p1) {\n  // Returns the unit normal to the line segment from p0 to p1.\n  var n = [p0[1] - p1[1], p1[0] - p0[0]];\n  var nLength = Math.sqrt(n[0] * n[0] + n[1] * n[1]);\n\n  if (nLength === 0) {\n    throw new Error('p0 should not be equal to p1');\n  }\n\n  return [n[0] / nLength, n[1] / nLength];\n};\n\nvar vecFrom = function vecFrom(p0, p1) {\n  // Vector from p0 to p1\n  return [p1[0] - p0[0], p1[1] - p0[1]];\n};\n/**\n * 传入的节点作为多边形顶点，生成有圆角的多边形\n * @param polyPoints 多边形顶点\n * @param padding 在原多边形基础上增加最终轮廓和原多边形的空白间隔\n */\n\n\nfunction roundedHull(polyPoints, padding) {\n  // The rounded hull path around a single point\n  var roundedHull1 = function roundedHull1(points) {\n    var p1 = [points[0][0], points[0][1] - padding];\n    var p2 = [points[0][0], points[0][1] + padding];\n    return \"M \" + p1 + \" A \" + padding + \",\" + padding + \",0,0,0,\" + p2 + \" A \" + padding + \",\" + padding + \",0,0,0,\" + p1;\n  }; // The rounded hull path around two points\n\n\n  var roundedHull2 = function roundedHull2(points) {\n    var offsetVector = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], unitNormal(points[0], points[1]), padding);\n    var invOffsetVector = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], offsetVector, -1);\n    var p0 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[0], offsetVector);\n    var p1 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[1], offsetVector);\n    var p2 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[1], invOffsetVector);\n    var p3 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[0], invOffsetVector);\n    return \"M \" + p0 + \" L \" + p1 + \" A \" + [padding, padding, '0,0,0', p2].join(',') + \" L \" + p3 + \" A \" + [padding, padding, '0,0,0', p0].join(',');\n  }; // 特殊情况处理：节点数小于等于2\n\n\n  if (!polyPoints || polyPoints.length < 1) return '';\n  if (polyPoints.length === 1) return roundedHull1(polyPoints);\n  if (polyPoints.length === 2) return roundedHull2(polyPoints);\n  var segments = new Array(polyPoints.length); // Calculate each offset (outwards) segment of the convex hull.\n\n  for (var segmentIndex = 0; segmentIndex < segments.length; ++segmentIndex) {\n    var p0 = segmentIndex === 0 ? polyPoints[polyPoints.length - 1] : polyPoints[segmentIndex - 1];\n    var p1 = polyPoints[segmentIndex]; // Compute the offset vector for the line segment, with length = padding.\n\n    var offset = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], unitNormal(p0, p1), padding);\n    segments[segmentIndex] = [_antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], p0, offset), _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], p1, offset)];\n  }\n\n  var arcData = \"A \" + [padding, padding, '0,0,0,'].join(',');\n  segments = segments.map(function (segment, index) {\n    var pathFragment = '';\n\n    if (index === 0) {\n      pathFragment = \"M \" + segments[segments.length - 1][1] + \" \";\n    }\n\n    pathFragment += arcData + segment[0] + \" L \" + segment[1];\n    return pathFragment;\n  });\n  return segments.join(' ');\n}\n/**\n * 传入的节点作为多边形顶点，生成平滑的闭合多边形\n * @param polyPoints\n * @param padding\n */\n\nfunction paddedHull(polyPoints, padding) {\n  var pointCount = polyPoints.length;\n\n  var smoothHull1 = function smoothHull1(points) {\n    // Returns the path for a circular hull around a single point.\n    var p1 = [points[0][0], points[0][1] - padding];\n    var p2 = [points[0][0], points[0][1] + padding];\n    return \"M \" + p1 + \" A \" + [padding, padding, '0,0,0', p2].join(',') + \" A \" + [padding, padding, '0,0,0', p1].join(',');\n  }; // Returns the path for a rounded hull around two points.\n\n\n  var smoothHull2 = function smoothHull2(points) {\n    var v = vecFrom(points[0], points[1]);\n    var extensionVec = vecScaleTo(v, padding);\n    var extension0 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[0], _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], extensionVec, -1));\n    var extension1 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[1], extensionVec);\n    var tangentHalfLength = 1.2 * padding;\n    var controlDelta = vecScaleTo(_antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].normalize([0, 0], v), tangentHalfLength);\n    var invControlDelta = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], controlDelta, -1);\n    var control0 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], extension0, invControlDelta);\n    var control1 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], extension1, invControlDelta);\n    var control3 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], extension0, controlDelta); // return [\n    //   ['M', extension0[0], extension0[1]],\n    //   ['C', control0, control1, extension1],\n    //   ['S', control3, extension0],\n    //   'Z',\n    // ];\n\n    return \"M \" + extension0 + \" C \" + [control0, control1, extension1].join(',') + \" S \" + [control3, extension0].join(',') + \" Z\";\n  }; // Handle special cases\n\n\n  if (!polyPoints || pointCount < 1) return '';\n  if (pointCount === 1) return smoothHull1(polyPoints);\n  if (pointCount === 2) return smoothHull2(polyPoints);\n  var hullPoints = polyPoints.map(function (point, index) {\n    var pNext = polyPoints[(index + 1) % pointCount];\n    return {\n      p: point,\n      v: _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].normalize([0, 0], vecFrom(point, pNext))\n    };\n  }); // Compute the expanded hull points, and the nearest prior control point for each.\n\n  for (var i = 0; i < hullPoints.length; ++i) {\n    var priorIndex = i > 0 ? i - 1 : pointCount - 1;\n    var extensionVec = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].normalize([0, 0], _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], hullPoints[priorIndex].v, _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], hullPoints[i].v, -1)));\n    hullPoints[i].p = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], hullPoints[i].p, _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], extensionVec, padding));\n  }\n\n  return hullPoints.map(function (obj) {\n    var point = obj.p;\n    return {\n      x: point[0],\n      y: point[1]\n    };\n  });\n}\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/util/path.js?");
-
-/***/ }),
-
 /***/ "./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/lib/element/shape.js":
 /*!*******************************************************************************!*\
   !*** ./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/lib/element/shape.js ***!
@@ -3417,843 +2841,1419 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/index.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/index.js ***!
-  \**********************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _polyline__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./polyline */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/polyline.js\");\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/polyline-util.js":
-/*!******************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/polyline-util.js ***!
-  \******************************************************************************************/
-/*! exports provided: getBBoxFromPoint, getBBoxFromPoints, isBBoxesOverlapping, filterConnectPoints, simplifyPolyline, getSimplePolyline, getExpandedBBox, isHorizontalPort, getExpandedBBoxPoint, mergeBBox, getPointsFromBBox, isPointOutsideBBox, getBBoxXCrossPoints, getBBoxYCrossPoints, getBBoxCrossPointsByPoint, distance, _costByPoints, heuristicCostEstimate, reconstructPath, removeFrom, isSegmentsIntersected, isSegmentCrossingBBox, getNeighborPoints, pathFinder, isBending, getBorderRadiusPoints, getPathWithBorderRadiusByPolyline, getPolylinePoints */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxFromPoint\", function() { return getBBoxFromPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxFromPoints\", function() { return getBBoxFromPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBBoxesOverlapping\", function() { return isBBoxesOverlapping; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"filterConnectPoints\", function() { return filterConnectPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"simplifyPolyline\", function() { return simplifyPolyline; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getSimplePolyline\", function() { return getSimplePolyline; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getExpandedBBox\", function() { return getExpandedBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isHorizontalPort\", function() { return isHorizontalPort; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getExpandedBBoxPoint\", function() { return getExpandedBBoxPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"mergeBBox\", function() { return mergeBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPointsFromBBox\", function() { return getPointsFromBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPointOutsideBBox\", function() { return isPointOutsideBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxXCrossPoints\", function() { return getBBoxXCrossPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxYCrossPoints\", function() { return getBBoxYCrossPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxCrossPointsByPoint\", function() { return getBBoxCrossPointsByPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"distance\", function() { return distance; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_costByPoints\", function() { return _costByPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"heuristicCostEstimate\", function() { return heuristicCostEstimate; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reconstructPath\", function() { return reconstructPath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"removeFrom\", function() { return removeFrom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isSegmentsIntersected\", function() { return isSegmentsIntersected; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isSegmentCrossingBBox\", function() { return isSegmentCrossingBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getNeighborPoints\", function() { return getNeighborPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pathFinder\", function() { return pathFinder; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBending\", function() { return isBending; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBorderRadiusPoints\", function() { return getBorderRadiusPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPathWithBorderRadiusByPolyline\", function() { return getPathWithBorderRadiusByPolyline; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPolylinePoints\", function() { return getPolylinePoints; });\nvar getBBoxFromPoint = function getBBoxFromPoint(point) {\n  var x = point.x,\n      y = point.y;\n  return {\n    x: x,\n    y: y,\n    centerX: x,\n    centerY: y,\n    minX: x,\n    minY: y,\n    maxX: x,\n    maxY: y,\n    height: 0,\n    width: 0\n  };\n};\nvar getBBoxFromPoints = function getBBoxFromPoints(points) {\n  if (points === void 0) {\n    points = [];\n  }\n\n  var xs = [];\n  var ys = [];\n  points.forEach(function (p) {\n    xs.push(p.x);\n    ys.push(p.y);\n  });\n  var minX = Math.min.apply(Math, xs);\n  var maxX = Math.max.apply(Math, xs);\n  var minY = Math.min.apply(Math, ys);\n  var maxY = Math.max.apply(Math, ys);\n  return {\n    centerX: (minX + maxX) / 2,\n    centerY: (minY + maxY) / 2,\n    maxX: maxX,\n    maxY: maxY,\n    minX: minX,\n    minY: minY,\n    height: maxY - minY,\n    width: maxX - minX\n  };\n};\nvar isBBoxesOverlapping = function isBBoxesOverlapping(b1, b2) {\n  return Math.abs(b1.centerX - b2.centerX) * 2 < b1.width + b2.width && Math.abs(b1.centerY - b2.centerY) * 2 < b1.height + b2.height;\n};\nvar filterConnectPoints = function filterConnectPoints(points) {\n  // pre-process: remove duplicated points\n  var result = [];\n  var pointsMap = {};\n  var pointsLength = points.length;\n\n  for (var i = pointsLength - 1; i >= 0; i--) {\n    var p = points[i];\n    p.id = p.x + \"|||\" + p.y;\n    pointsMap[p.id] = p;\n    result.push(p);\n  }\n\n  return result;\n};\nvar simplifyPolyline = function simplifyPolyline(points) {\n  return filterConnectPoints(points);\n};\nvar getSimplePolyline = function getSimplePolyline(sPoint, tPoint) {\n  return [sPoint, {\n    x: sPoint.x,\n    y: tPoint.y\n  }, tPoint];\n};\nvar getExpandedBBox = function getExpandedBBox(bbox, offset) {\n  if (bbox.width || bbox.height) {\n    return {\n      centerX: bbox.centerX,\n      centerY: bbox.centerY,\n      minX: bbox.minX - offset,\n      minY: bbox.minY - offset,\n      maxX: bbox.maxX + offset,\n      maxY: bbox.maxY + offset,\n      height: bbox.height + 2 * offset,\n      width: bbox.width + 2 * offset\n    };\n  } // when it is a point\n\n\n  return bbox;\n};\nvar isHorizontalPort = function isHorizontalPort(port, bbox) {\n  var dx = Math.abs(port.x - bbox.centerX);\n  var dy = Math.abs(port.y - bbox.centerY);\n  if (dx === 0 && dy === 0) return 0;\n  return dx / bbox.width > dy / bbox.height;\n};\nvar getExpandedBBoxPoint = function getExpandedBBoxPoint(bbox, // 将原来节点 bbox 扩展了 offset 后的 bbox，且被 gridSize 格式化\npoint, // 被 gridSize 格式化后的位置（anchorPoint）\nanotherPoint) {\n  var isHorizontal = isHorizontalPort(point, bbox);\n\n  if (isHorizontal === 0) {\n    // 说明锚点是节点中心，linkCenter: true。需要根据两个节点的相对关系决定方向\n    var x = bbox.centerX;\n    var y = bbox.centerY;\n\n    if (anotherPoint.y < point.y) {\n      // 另一端在左上/右上方时，总是从上方走\n      y = bbox.minY;\n    } else if (anotherPoint.x > point.x) {\n      // 另一端在右下方，往右边走\n      x = bbox.maxX;\n    } else if (anotherPoint.x < point.x) {\n      // 另一端在左下方，往左边走\n      x = bbox.minX;\n    } else if (anotherPoint.x === point.x) {\n      // 另一段在正下方，往下走\n      y = bbox.maxY;\n    }\n\n    return {\n      x: x,\n      y: y\n    };\n  }\n\n  if (isHorizontal) {\n    return {\n      x: point.x > bbox.centerX ? bbox.maxX : bbox.minX,\n      y: point.y\n    };\n  }\n\n  return {\n    x: point.x,\n    y: point.y > bbox.centerY ? bbox.maxY : bbox.minY\n  };\n};\n/**\n *\n * @param b1\n * @param b2\n */\n\nvar mergeBBox = function mergeBBox(b1, b2) {\n  var minX = Math.min(b1.minX, b2.minX);\n  var minY = Math.min(b1.minY, b2.minY);\n  var maxX = Math.max(b1.maxX, b2.maxX);\n  var maxY = Math.max(b1.maxY, b2.maxY);\n  return {\n    centerX: (minX + maxX) / 2,\n    centerY: (minY + maxY) / 2,\n    minX: minX,\n    minY: minY,\n    maxX: maxX,\n    maxY: maxY,\n    height: maxY - minY,\n    width: maxX - minX\n  };\n};\nvar getPointsFromBBox = function getPointsFromBBox(bbox) {\n  // anticlockwise\n  // const { minX, minY, maxX, maxY } = bbox;\n  return [{\n    x: bbox.minX,\n    y: bbox.minY\n  }, {\n    x: bbox.maxX,\n    y: bbox.minY\n  }, {\n    x: bbox.maxX,\n    y: bbox.maxY\n  }, {\n    x: bbox.minX,\n    y: bbox.maxY\n  }];\n};\nvar isPointOutsideBBox = function isPointOutsideBBox(point, bbox) {\n  var x = point.x,\n      y = point.y;\n  return x < bbox.minX || x > bbox.maxX || y < bbox.minY || y > bbox.maxY;\n};\nvar getBBoxXCrossPoints = function getBBoxXCrossPoints(bbox, x) {\n  if (x < bbox.minX || x > bbox.maxX) {\n    return [];\n  }\n\n  return [{\n    x: x,\n    y: bbox.minY\n  }, {\n    x: x,\n    y: bbox.maxY\n  }];\n};\nvar getBBoxYCrossPoints = function getBBoxYCrossPoints(bbox, y) {\n  if (y < bbox.minY || y > bbox.maxY) {\n    return [];\n  }\n\n  return [{\n    x: bbox.minX,\n    y: y\n  }, {\n    x: bbox.maxX,\n    y: y\n  }];\n};\nvar getBBoxCrossPointsByPoint = function getBBoxCrossPointsByPoint(bbox, point) {\n  return getBBoxXCrossPoints(bbox, point.x).concat(getBBoxYCrossPoints(bbox, point.y));\n};\n/**\n * 曼哈顿距离\n */\n\nvar distance = function distance(p1, p2) {\n  return Math.abs(p1.x - p2.x) + Math.abs(p1.y - p2.y);\n};\n/**\n * 如果 points 中的一个节点 x 与 p 相等，则消耗 -2。y 同\n * 即优先选择和 points 在同一水平线 / 垂直线上的点\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\n\nvar _costByPoints = function _costByPoints(p, points) {\n  var offset = -2;\n  var result = 0;\n  points.forEach(function (point) {\n    if (point) {\n      if (p.x === point.x) {\n        result += offset;\n      }\n\n      if (p.y === point.y) {\n        result += offset;\n      }\n    }\n  });\n  return result;\n};\n/**\n * ps 经过 p 到 pt 的距离，减去其他路过节点造成的消耗\n */\n\nvar heuristicCostEstimate = function heuristicCostEstimate(p, ps, pt, source, target) {\n  return distance(p, ps) + distance(p, pt) + _costByPoints(p, [ps, pt, source, target]);\n};\nvar reconstructPath = function reconstructPath(pathPoints, pointById, cameFrom, currentId, iterator) {\n  if (iterator === void 0) {\n    iterator = 0;\n  }\n\n  pathPoints.unshift(pointById[currentId]);\n\n  if (cameFrom[currentId] && cameFrom[currentId] !== currentId && iterator <= 100) {\n    reconstructPath(pathPoints, pointById, cameFrom, cameFrom[currentId], iterator + 1);\n  }\n};\n/**\n * 从 arr 中删去 item\n */\n\nvar removeFrom = function removeFrom(arr, item) {\n  var index = arr.indexOf(item);\n\n  if (index > -1) {\n    arr.splice(index, 1);\n  }\n};\nvar isSegmentsIntersected = function isSegmentsIntersected(p0, p1, p2, p3) {\n  var v1x = p2.x - p0.x;\n  var v1y = p2.y - p0.y;\n  var v2x = p3.x - p0.x;\n  var v2y = p3.y - p0.y;\n  var v3x = p2.x - p1.x;\n  var v3y = p2.y - p1.y;\n  var v4x = p3.x - p1.x;\n  var v4y = p3.y - p1.y;\n  var pd1 = v1x * v2y - v1y * v2x;\n  var pd2 = v3x * v4y - v3y * v4x;\n  var pd3 = v1x * v3y - v1y * v3x;\n  var pd4 = v2x * v4y - v2y * v4x;\n  return pd1 * pd2 <= 0 && pd3 * pd4 <= 0;\n};\nvar isSegmentCrossingBBox = function isSegmentCrossingBBox(p1, p2, bbox) {\n  if (bbox.width || bbox.height) {\n    var _a = getPointsFromBBox(bbox),\n        pa = _a[0],\n        pb = _a[1],\n        pc = _a[2],\n        pd = _a[3];\n\n    return isSegmentsIntersected(p1, p2, pa, pb) || isSegmentsIntersected(p1, p2, pa, pd) || isSegmentsIntersected(p1, p2, pb, pc) || isSegmentsIntersected(p1, p2, pc, pd);\n  }\n\n  return false;\n};\n/**\n * 在 points 中找到满足 x 或 y 和 point 的 x 或 y 相等，且与 point 连线不经过 bbox1 与 bbox2 的点\n */\n\nvar getNeighborPoints = function getNeighborPoints(points, point, bbox1, bbox2) {\n  var neighbors = [];\n  points.forEach(function (p) {\n    if (p === point) return;\n\n    if (p.x === point.x || p.y === point.y) {\n      if (isSegmentCrossingBBox(p, point, bbox1) || isSegmentCrossingBBox(p, point, bbox2)) return;\n      neighbors.push(p);\n    }\n  });\n  return filterConnectPoints(neighbors);\n};\nvar pathFinder = function pathFinder(points, start, goal, sBBox, tBBox, os, ot) {\n  // A-Star Algorithm\n  var closedSet = [];\n  var openSet = [start];\n  var cameFrom = {};\n  var gScore = {}; // all default values are Infinity\n\n  var fScore = {}; // all default values are Infinity\n\n  gScore[start.id] = 0;\n  fScore[start.id] = heuristicCostEstimate(start, goal, start);\n  var pointById = {};\n  points.forEach(function (p) {\n    pointById[p.id] = p;\n  });\n  var current, lowestFScore;\n\n  while (openSet.length) {\n    current = undefined;\n    lowestFScore = Infinity; // 找到 openSet 中 fScore 最小的点\n\n    openSet.forEach(function (p) {\n      if (fScore[p.id] <= lowestFScore) {\n        lowestFScore = fScore[p.id];\n        current = p;\n      }\n    }); // 若 openSet 中 fScore 最小的点就是终点\n\n    if (current === goal) {\n      // ending condition\n      var pathPoints = [];\n      reconstructPath(pathPoints, pointById, cameFrom, goal.id);\n      return pathPoints;\n    }\n\n    removeFrom(openSet, current);\n    closedSet.push(current);\n    getNeighborPoints(points, current, sBBox, tBBox).forEach(function (neighbor) {\n      if (closedSet.indexOf(neighbor) !== -1) {\n        return;\n      }\n\n      if (openSet.indexOf(neighbor) === -1) {\n        openSet.push(neighbor);\n      }\n\n      var tentativeGScore = fScore[current.id] + distance(current, neighbor); // + distance(neighbor, goal);\n\n      if (gScore[neighbor.id] && tentativeGScore >= gScore[neighbor.id]) {\n        return;\n      }\n\n      cameFrom[neighbor.id] = current.id;\n      gScore[neighbor.id] = tentativeGScore;\n      fScore[neighbor.id] = gScore[neighbor.id] + heuristicCostEstimate(neighbor, goal, start, os, ot);\n    });\n  } // throw new Error('Cannot find path');\n\n\n  return [start, goal];\n};\nvar isBending = function isBending(p0, p1, p2) {\n  return !(p0.x === p1.x && p1.x === p2.x || p0.y === p1.y && p1.y === p2.y);\n};\nvar getBorderRadiusPoints = function getBorderRadiusPoints(p0, p1, p2, r) {\n  var d0 = distance(p0, p1);\n  var d1 = distance(p2, p1);\n\n  if (d0 < r) {\n    r = d0;\n  }\n\n  if (d1 < r) {\n    r = d1;\n  }\n\n  var ps = {\n    x: p1.x - r / d0 * (p1.x - p0.x),\n    y: p1.y - r / d0 * (p1.y - p0.y)\n  };\n  var pt = {\n    x: p1.x - r / d1 * (p1.x - p2.x),\n    y: p1.y - r / d1 * (p1.y - p2.y)\n  };\n  return [ps, pt];\n};\nvar getPathWithBorderRadiusByPolyline = function getPathWithBorderRadiusByPolyline(points, borderRadius) {\n  // TODO\n  var pathSegments = [];\n  var startPoint = points[0];\n  pathSegments.push(\"M\" + startPoint.x + \" \" + startPoint.y);\n  points.forEach(function (p, i) {\n    var p1 = points[i + 1];\n    var p2 = points[i + 2];\n\n    if (p1 && p2) {\n      if (isBending(p, p1, p2)) {\n        var _a = getBorderRadiusPoints(p, p1, p2, borderRadius),\n            ps = _a[0],\n            pt = _a[1];\n\n        pathSegments.push(\"L\" + ps.x + \" \" + ps.y);\n        pathSegments.push(\"Q\" + p1.x + \" \" + p1.y + \" \" + pt.x + \" \" + pt.y);\n        pathSegments.push(\"L\" + pt.x + \" \" + pt.y);\n      } else {\n        pathSegments.push(\"L\" + p1.x + \" \" + p1.y);\n      }\n    } else if (p1) {\n      pathSegments.push(\"L\" + p1.x + \" \" + p1.y);\n    }\n  });\n  return pathSegments.join('');\n};\nvar getPolylinePoints = function getPolylinePoints(start, end, sNode, tNode, offset) {\n  var sBBox, tBBox;\n\n  if (!sNode || !sNode.getType()) {\n    sBBox = getBBoxFromPoint(start);\n  } else if (sNode.getType() === 'combo') {\n    var sNodeKeyShape = sNode.getKeyShape();\n    sBBox = sNodeKeyShape.getCanvasBBox() || getBBoxFromPoint(start);\n    sBBox.centerX = (sBBox.minX + sBBox.maxX) / 2;\n    sBBox.centerY = (sBBox.minY + sBBox.maxY) / 2;\n  } else {\n    sBBox = sNode.getBBox();\n  }\n\n  if (!tNode || !tNode.getType()) {\n    tBBox = getBBoxFromPoint(end);\n  } else if (tNode.getType() === 'combo') {\n    var tNodeKeyShape = tNode.getKeyShape();\n    tBBox = tNodeKeyShape.getCanvasBBox() || getBBoxFromPoint(end);\n    tBBox.centerX = (tBBox.minX + tBBox.maxX) / 2;\n    tBBox.centerY = (tBBox.minY + tBBox.maxY) / 2;\n  } else {\n    tBBox = tNode && tNode.getBBox();\n  } // if (isBBoxesOverlapping(sBBox, tBBox)) {\n  //   // source and target nodes are overlapping\n  //   return simplifyPolyline(getSimplePolyline(start, end));\n  // }\n\n\n  var sxBBox = getExpandedBBox(sBBox, offset);\n  var txBBox = getExpandedBBox(tBBox, offset); // if (isBBoxesOverlapping(sxBBox, txBBox)) {\n  //   // the expanded bounding boxes of source and target nodes are overlapping\n  //   return simplifyPolyline(getSimplePolyline(start, end));\n  // }\n\n  var sPoint = getExpandedBBoxPoint(sxBBox, start, end);\n  var tPoint = getExpandedBBoxPoint(txBBox, end, start);\n  var lineBBox = getBBoxFromPoints([sPoint, tPoint]);\n  var sMixBBox = mergeBBox(sxBBox, lineBBox);\n  var tMixBBox = mergeBBox(txBBox, lineBBox);\n  var connectPoints = [];\n  connectPoints = connectPoints.concat(getPointsFromBBox(sMixBBox)).concat(getPointsFromBBox(tMixBBox));\n  var centerPoint = {\n    x: (start.x + end.x) / 2,\n    y: (start.y + end.y) / 2\n  };\n  [lineBBox, sMixBBox, tMixBBox].forEach(function (bbox) {\n    connectPoints = connectPoints.concat(getBBoxCrossPointsByPoint(bbox, centerPoint).filter(function (p) {\n      return isPointOutsideBBox(p, sxBBox) && isPointOutsideBBox(p, txBBox);\n    }));\n  });\n  [{\n    x: sPoint.x,\n    y: tPoint.y\n  }, {\n    x: tPoint.x,\n    y: sPoint.y\n  }].forEach(function (p) {\n    // impossible!!\n    if (isPointOutsideBBox(p, sxBBox) && isPointOutsideBBox(p, txBBox) // &&\n    // isPointInsideBBox(p, sMixBBox) && isPointInsideBBox(p, tMixBBox)\n    ) {\n        connectPoints.push(p);\n      }\n  });\n  connectPoints.unshift(sPoint);\n  connectPoints.push(tPoint); // filter out dulplicated points in connectPoints\n\n  connectPoints = filterConnectPoints(connectPoints); // , sxBBox, txBBox, outerBBox\n\n  var pathPoints = pathFinder(connectPoints, sPoint, tPoint, sBBox, tBBox, start, end);\n  pathPoints.unshift(start);\n  pathPoints.push(end);\n  return simplifyPolyline(pathPoints);\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/polyline-util.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/polyline.js":
-/*!*************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/polyline.js ***!
-  \*************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _polyline_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./polyline-util */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/polyline-util.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./router */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/router.js\");\n\n\n\n\n // 折线\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"registerEdge\"])('polyline', {\n  options: {\n    color: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultEdge.color,\n    size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultEdge.size,\n    style: {\n      radius: 0,\n      offset: 15,\n      x: 0,\n      y: 0,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultEdge.style.stroke,\n      lineAppendWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultEdge.style.lineAppendWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].edgeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].edgeLabel.style.fontSize\n      }\n    },\n    routeCfg: {\n      obstacles: [],\n      maxAllowedDirectionChange: Math.PI,\n      maximumLoops: 500,\n      gridSize: 10 // 指定精度\n\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].edgeStateStyles)\n  },\n  shapeType: 'polyline',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var shapeStyle = this.getShapeStyle(cfg);\n    if (shapeStyle.radius === 0) delete shapeStyle.radius;\n    var keyShape = group.addShape('path', {\n      className: 'edge-shape',\n      name: 'edge-shape',\n      attrs: shapeStyle\n    });\n    return keyShape;\n  },\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.options.style;\n    var strokeStyle = {\n      stroke: cfg.color\n    };\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle, cfg.style);\n    cfg = this.getPathPoints(cfg);\n    this.radius = style.radius;\n    this.offset = style.offset;\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    var controlPoints = this.getControlPoints(cfg);\n    var points = [startPoint]; // 添加起始点\n    // 添加控制点\n\n    if (controlPoints) {\n      points = points.concat(controlPoints);\n    } // 添加结束点\n\n\n    points.push(endPoint);\n    var source = cfg.sourceNode;\n    var target = cfg.targetNode;\n    var radius = style.radius;\n    var defaultRouteCfg = this.options.routeCfg;\n    var routeCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultRouteCfg, cfg.routeCfg);\n    routeCfg.offset = style.offset;\n    var path = this.getPath(points, source, target, radius, routeCfg);\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(path) && path.length <= 1 || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(path) && path.indexOf('L') === -1) {\n      path = 'M0 0, L0 0';\n    }\n\n    if (isNaN(startPoint.x) || isNaN(startPoint.y) || isNaN(endPoint.x) || isNaN(endPoint.y)) {\n      path = 'M0 0, L0 0';\n    }\n\n    var attrs = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultEdge.style, style, {\n      lineWidth: cfg.size,\n      path: path\n    });\n    return attrs;\n  },\n  updateShapeStyle: function updateShapeStyle(cfg, item) {\n    var group = item.getContainer();\n    if (!item.isVisible()) return;\n    var strokeStyle = {\n      stroke: cfg.color\n    };\n    var shape = group.find(function (element) {\n      return element.get('className') === 'edge-shape';\n    }) || item.getKeyShape();\n    var size = cfg.size;\n    cfg = this.getPathPoints(cfg);\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    var controlPoints = this.getControlPoints(cfg); // || cfg.controlPoints;\n\n    var points = [startPoint]; // 添加起始点\n    // 添加控制点\n\n    if (controlPoints) {\n      points = points.concat(controlPoints);\n    } // 添加结束点\n\n\n    points.push(endPoint);\n    var currentAttr = shape.attr();\n    var previousStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, strokeStyle, currentAttr, cfg.style);\n    var source = cfg.sourceNode;\n    var target = cfg.targetNode;\n    var radius = previousStyle.radius;\n    var defaultRouteCfg = this.options.routeCfg;\n    var routeCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultRouteCfg, cfg.routeCfg);\n    routeCfg.offset = previousStyle.offset;\n    var path = this.getPath(points, source, target, radius, routeCfg);\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(path) && path.length <= 1 || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(path) && path.indexOf('L') === -1) {\n      path = 'M0 0, L0 0';\n    }\n\n    if (isNaN(startPoint.x) || isNaN(startPoint.y) || isNaN(endPoint.x) || isNaN(endPoint.y)) {\n      path = 'M0 0, L0 0';\n    }\n\n    if (currentAttr.endArrow && previousStyle.endArrow === false) {\n      cfg.style.endArrow = {\n        path: ''\n      };\n    }\n\n    if (currentAttr.startArrow && previousStyle.startArrow === false) {\n      cfg.style.startArrow = {\n        path: ''\n      };\n    }\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(strokeStyle, shape.attr(), {\n      lineWidth: size,\n      path: path\n    }, cfg.style);\n\n    if (shape) {\n      shape.attr(style);\n    }\n  },\n  getPath: function getPath(points, source, target, radius, routeCfg) {\n    var offset = routeCfg.offset,\n        simple = routeCfg.simple; // 指定了控制点\n\n    if (!offset || points.length > 2) {\n      if (radius) {\n        return Object(_polyline_util__WEBPACK_IMPORTED_MODULE_3__[\"getPathWithBorderRadiusByPolyline\"])(points, radius);\n      }\n\n      var pathArray_1 = [];\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(points, function (point, index) {\n        if (index === 0) {\n          pathArray_1.push(['M', point.x, point.y]);\n        } else {\n          pathArray_1.push(['L', point.x, point.y]);\n        }\n      });\n      return pathArray_1;\n    } // 未指定控制点\n\n\n    var polylinePoints = simple ? Object(_polyline_util__WEBPACK_IMPORTED_MODULE_3__[\"getPolylinePoints\"])(points[points.length - 1], points[0], target, source, offset) : Object(_router__WEBPACK_IMPORTED_MODULE_4__[\"pathFinder\"])(points[0], points[points.length - 1], source, target, routeCfg);\n\n    if (radius) {\n      var res_1 = Object(_polyline_util__WEBPACK_IMPORTED_MODULE_3__[\"getPathWithBorderRadiusByPolyline\"])(polylinePoints, radius);\n      return res_1;\n    }\n\n    if (!polylinePoints || !polylinePoints.length) return 'M0 0, L0 0';\n    var res = _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"Util\"].pointsToPolygon(polylinePoints);\n    return res;\n  }\n}, 'single-edge');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/polyline.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/router.js":
-/*!***********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/router.js ***!
-  \***********************************************************************************/
-/*! exports provided: octolinearCfg, pathFinder */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"octolinearCfg\", function() { return octolinearCfg; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pathFinder\", function() { return pathFinder; });\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _polyline_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./polyline-util */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/polyline-util.js\");\n/**\n * 通过配置不同的 costFunc, distFunc, constraints 可以得到不同效果的 router\n * generalRouter: 不限制搜索时的移动方向，避开障碍即可\n * orthogonal: 线必须沿着竖直或水平方向（4个方向）\n * octolinearRouter: 线沿着竖直、水平、对角线方向（8个方向）\n */\n\n\n\n\nvar manhattanDist = function manhattanDist(p1, p2) {\n  return Math.abs(p1.x - p2.x) + Math.abs(p1.y - p2.y);\n};\n\nvar eucliDist = function eucliDist(p1, p2) {\n  return Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));\n};\n\nvar straightPath = function straightPath(start, end) {\n  // console.warn('fallbackRoute: straight path');\n  return [start, end];\n};\n\nvar simplePolyline = function simplePolyline(start, end, startNode, endNode, cfg) {\n  // console.warn('fallbackRoute: simple polyline path');\n  return Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"simplifyPolyline\"])(Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"getPolylinePoints\"])(start, end, startNode, endNode, cfg.offset));\n}; // getPolylinePoints\n\n\nvar defaultCfg = {\n  offset: 20,\n  maxAllowedDirectionChange: Math.PI / 2,\n  maximumLoops: 2000,\n  gridSize: 10,\n  directions: [{\n    stepX: 1,\n    stepY: 0\n  }, {\n    stepX: -1,\n    stepY: 0\n  }, {\n    stepX: 0,\n    stepY: 1\n  }, {\n    stepX: 0,\n    stepY: -1\n  } // top\n  ],\n\n  get penalties() {\n    return {\n      0: 0,\n      45: this.gridSize / 2,\n      90: this.gridSize / 2\n    };\n  },\n\n  distFunc: manhattanDist,\n  fallbackRoute: simplePolyline\n};\nvar octolinearCfg = {\n  maxAllowedDirectionChange: Math.PI / 4,\n  // 8 个方向: 上下左右 + 45度斜线方向\n  directions: [{\n    stepX: 1,\n    stepY: 0\n  }, {\n    stepX: 1,\n    stepY: 1\n  }, {\n    stepX: 0,\n    stepY: 1\n  }, {\n    stepX: -1,\n    stepY: 1\n  }, {\n    stepX: -1,\n    stepY: 0\n  }, {\n    stepX: -1,\n    stepY: -1\n  }, {\n    stepX: 0,\n    stepY: -1\n  }, {\n    stepX: 1,\n    stepY: -1\n  }],\n  distFunc: eucliDist,\n  fallbackRoute: straightPath\n};\n\nvar pos2GridIx = function pos2GridIx(pos, gridSize) {\n  var gridIx = Math.round(Math.abs(pos / gridSize));\n  var sign = pos < 0 ? -1 : 1;\n  return gridIx < 0 ? 0 : sign * gridIx;\n};\n\nvar getObstacleMap = function getObstacleMap(items, gridSize, offset) {\n  var map = {};\n  items.forEach(function (item) {\n    // create-edge 时，当边类型为 polyline 时 endNode 为 null\n    if (!item) return;\n    var bbox = Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"getExpandedBBox\"])(item.getBBox(), offset);\n\n    for (var x = pos2GridIx(bbox.minX, gridSize); x <= pos2GridIx(bbox.maxX, gridSize); x += 1) {\n      for (var y = pos2GridIx(bbox.minY, gridSize); y <= pos2GridIx(bbox.maxY, gridSize); y += 1) {\n        map[x + \"|||\" + y] = true;\n      }\n    }\n  });\n  return map;\n};\n/**\n * 方向角：计算从 p1 到 p2 的射线与水平线形成的夹角度数（顺时针从右侧0°转到该射线的角度）\n * @param p1 PolyPoint\n * @param p2 PolyPoint\n */\n\n\nvar getDirectionAngle = function getDirectionAngle(p1, p2) {\n  var deltaX = p2.x - p1.x;\n  var deltaY = p2.y - p1.y;\n\n  if (deltaX || deltaY) {\n    return Math.atan2(deltaY, deltaX);\n  }\n\n  return 0;\n};\n/**\n * 方向角的改变，取小于180度角\n * @param angle1\n * @param angle2\n */\n\n\nvar getAngleDiff = function getAngleDiff(angle1, angle2) {\n  var directionChange = Math.abs(angle1 - angle2);\n  return directionChange > Math.PI ? 2 * Math.PI - directionChange : directionChange; // return directionChange > 180 ? 360 - directionChange : directionChange;\n}; // Path finder //\n\n\nvar estimateCost = function estimateCost(from, endPoints, distFunc) {\n  var min = Infinity;\n\n  for (var i = 0, len = endPoints.length; i < len; i++) {\n    var cost = distFunc(from, endPoints[i]);\n\n    if (cost < min) {\n      min = cost;\n    }\n  }\n\n  return min;\n}; // 计算考虑 offset 后的 BBox 上的连接点\n\n\nvar getBoxPoints = function getBoxPoints(point, // 被 gridSize 格式化后的位置（anchorPoint）\noriPoint, // 未被 gridSize 格式化的位置（anchorPoint）\nnode, // 原始节点，用于获取 bbox\nanotherPoint, // 另一端被 gridSize 格式化后的位置\ncfg) {\n  var points = []; // create-edge 生成边的过程中，endNode 为 null\n\n  if (!node) {\n    return [point];\n  }\n\n  var directions = cfg.directions,\n      offset = cfg.offset;\n  var bbox = node.getBBox();\n  var isInside = oriPoint.x > bbox.minX && oriPoint.x < bbox.maxX && oriPoint.y > bbox.minY && oriPoint.y < bbox.maxY;\n  var expandBBox = Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"getExpandedBBox\"])(bbox, offset);\n\n  for (var i in expandBBox) {\n    expandBBox[i] = pos2GridIx(expandBBox[i], cfg.gridSize);\n  }\n\n  if (isInside) {\n    // 如果 anchorPoint 在节点内部，允许第一段线穿过节点\n    for (var _i = 0, directions_1 = directions; _i < directions_1.length; _i++) {\n      var dir = directions_1[_i];\n      var bounds = [[{\n        x: expandBBox.minX,\n        y: expandBBox.minY\n      }, {\n        x: expandBBox.maxX,\n        y: expandBBox.minY\n      }], [{\n        x: expandBBox.minX,\n        y: expandBBox.minY\n      }, {\n        x: expandBBox.minX,\n        y: expandBBox.maxY\n      }], [{\n        x: expandBBox.maxX,\n        y: expandBBox.minY\n      }, {\n        x: expandBBox.maxX,\n        y: expandBBox.maxY\n      }], [{\n        x: expandBBox.minX,\n        y: expandBBox.maxY\n      }, {\n        x: expandBBox.maxX,\n        y: expandBBox.maxY\n      }]];\n\n      for (var i = 0; i < 4; i++) {\n        var boundLine = bounds[i];\n        var insterctP_1 = _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Util\"].getLineIntersect(point, {\n          x: point.x + dir.stepX * expandBBox.width,\n          y: point.y + dir.stepY * expandBBox.height\n        }, boundLine[0], boundLine[1]);\n\n        if (insterctP_1 && !Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"isSegmentCrossingBBox\"])(point, insterctP_1, bbox)) {\n          insterctP_1.id = insterctP_1.x + \"|||\" + insterctP_1.y;\n          points.push(insterctP_1);\n        }\n      }\n    }\n\n    return points;\n  } // 如果 anchorPoint 在节点上，只有一个可选方向\n\n\n  var insterctP = Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"getExpandedBBoxPoint\"])(expandBBox, point, anotherPoint);\n  insterctP.id = insterctP.x + \"|||\" + insterctP.y;\n  return [insterctP];\n};\n\nvar getDirectionChange = function getDirectionChange(current, neighbor, cameFrom, scaleStartPoint) {\n  var directionAngle = getDirectionAngle(current, neighbor);\n\n  if (!cameFrom[current.id]) {\n    var startAngle = getDirectionAngle(scaleStartPoint, current);\n    return getAngleDiff(startAngle, directionAngle);\n  }\n\n  var prevDirectionAngle = getDirectionAngle({\n    x: cameFrom[current.id].x,\n    y: cameFrom[current.id].y\n  }, current);\n  return getAngleDiff(prevDirectionAngle, directionAngle);\n};\n\nvar getControlPoints = function getControlPoints(current, cameFrom, scaleStartPoint, endPoint, startPoint, scaleEndPoint, gridSize) {\n  var controlPoints = [endPoint];\n  var currentId = current.id;\n  var currentX = current.x;\n  var currentY = current.y;\n  var lastPoint = {\n    x: currentX,\n    y: currentY,\n    id: currentId\n  };\n\n  if (getDirectionChange(lastPoint, scaleEndPoint, cameFrom, scaleStartPoint)) {\n    // if (scaleEndPoint.x === endPoint.x && scaleEndPoint.y === endPoint.y)\n    //   controlPoints.unshift({\n    //     x: endPoint.x,\n    //     y: endPoint.y\n    //   })\n    // else\n    //   controlPoints.unshift({\n    //     x: lastPoint.x * gridSize,\n    //     y: lastPoint.y * gridSize,\n    //   });\n    controlPoints.unshift({\n      x: scaleEndPoint.x === endPoint.x ? endPoint.x : lastPoint.x * gridSize,\n      y: scaleEndPoint.y === endPoint.y ? endPoint.y : lastPoint.y * gridSize\n    });\n  }\n\n  while (cameFrom[currentId] && cameFrom[currentId].id !== currentId) {\n    var point = {\n      x: currentX,\n      y: currentY,\n      id: currentId\n    };\n    var preId = cameFrom[currentId].id;\n    var preX = cameFrom[currentId].x;\n    var preY = cameFrom[currentId].y;\n    var prePoint = {\n      x: preX,\n      y: preY,\n      id: preId\n    };\n    var directionChange = getDirectionChange(prePoint, point, cameFrom, scaleStartPoint);\n\n    if (directionChange) {\n      // if (prePoint.x === point.x && prePoint.y === point.y)\n      //   controlPoints.unshift({\n      //     x: controlPoints[0].x,\n      //     y: controlPoints[0].y\n      //   })\n      // else\n      //   controlPoints.unshift({\n      //     x: prePoint.x * gridSize,\n      //     y: prePoint.y * gridSize,\n      //   });\n      controlPoints.unshift({\n        x: prePoint.x === point.x ? controlPoints[0].x : prePoint.x * gridSize,\n        y: prePoint.y === point.y ? controlPoints[0].y : prePoint.y * gridSize\n      });\n    }\n\n    currentId = preId;\n    currentX = preX;\n    currentY = preY;\n  } // 和startNode对齐\n\n\n  var firstPoint = {\n    x: currentX,\n    y: currentY,\n    id: currentId\n  }; // if (firstPoint.x === scaleStartPoint.x && firstPoint.y === scaleStartPoint.y) {\n  //   controlPoints[0].x = startPoint.x;\n  //   controlPoints[0].y = startPoint.y;\n  // }\n\n  controlPoints[0].x = firstPoint.x === scaleStartPoint.x ? startPoint.x : controlPoints[0].x;\n  controlPoints[0].y = firstPoint.y === scaleStartPoint.y ? startPoint.y : controlPoints[0].y;\n  controlPoints.unshift(startPoint);\n  return controlPoints;\n};\n\nvar pathFinder = function pathFinder(startPoint, endPoint, startNode, endNode, routerCfg) {\n  if (isNaN(startPoint.x) || isNaN(endPoint.x)) return [];\n  var cfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])(defaultCfg, routerCfg);\n  cfg.obstacles = cfg.obstacles || [];\n  var gridSize = cfg.gridSize;\n  var map = getObstacleMap(cfg.obstacles.concat([startNode, endNode]), gridSize, cfg.offset);\n  var scaleStartPoint = {\n    x: pos2GridIx(startPoint.x, gridSize),\n    y: pos2GridIx(startPoint.y, gridSize)\n  };\n  var scaleEndPoint = {\n    x: pos2GridIx(endPoint.x, gridSize),\n    y: pos2GridIx(endPoint.y, gridSize)\n  };\n  startPoint.id = scaleStartPoint.x + \"|||\" + scaleStartPoint.y;\n  endPoint.id = scaleEndPoint.x + \"|||\" + scaleEndPoint.y;\n  var startPoints = getBoxPoints(scaleStartPoint, startPoint, startNode, scaleEndPoint, cfg);\n  var endPoints = getBoxPoints(scaleEndPoint, endPoint, endNode, scaleStartPoint, cfg);\n  startPoints.forEach(function (point) {\n    delete map[point.id];\n  });\n  endPoints.forEach(function (point) {\n    delete map[point.id];\n  });\n  var openSet = {};\n  var closedSet = {};\n  var cameFrom = {}; // 从起点到当前点已产生的 cost, default: Infinity\n\n  var gScore = {}; // 起点经过当前点到达终点预估的 cost, default: Infinity\n\n  var fScore = {}; // initialize\n\n  for (var i = 0; i < startPoints.length; i++) {\n    var firstStep = startPoints[i];\n    openSet[firstStep.id] = firstStep; // cameFrom[firstStep.id] = startPoint.id;\n\n    gScore[firstStep.id] = 0;\n    fScore[firstStep.id] = estimateCost(firstStep, endPoints, cfg.distFunc);\n  }\n\n  var remainLoops = cfg.maximumLoops;\n  var penalties = cfg.penalties;\n  var current, curCost, direction, neighbor, neighborCost, costFromStart, directionChange;\n\n  while (Object.keys(openSet).length > 0 && remainLoops > 0) {\n    current = undefined;\n    curCost = Infinity; // 找到 openSet 中 fScore 最小的点\n\n    Object.keys(openSet).forEach(function (key) {\n      var id = openSet[key].id;\n\n      if (fScore[id] <= curCost) {\n        curCost = fScore[id];\n        current = openSet[id];\n      }\n    });\n    if (!current) break; // 如果 fScore 最小的点就是终点\n\n    if (endPoints.findIndex(function (point) {\n      return point.x === current.x && point.y === current.y;\n    }) > -1) {\n      return getControlPoints(current, cameFrom, scaleStartPoint, endPoint, startPoint, scaleEndPoint, gridSize);\n    }\n\n    delete openSet[current.id];\n    closedSet[current.id] = true; // 获取符合条件的下一步的候选连接点\n    // 沿候选方向走一步\n\n    for (var i = 0; i < cfg.directions.length; i++) {\n      direction = cfg.directions[i];\n      neighbor = {\n        x: current.x + direction.stepX,\n        y: current.y + direction.stepY,\n        id: Math.round(current.x) + direction.stepX + \"|||\" + (Math.round(current.y) + direction.stepY)\n      };\n      if (closedSet[neighbor.id]) continue;\n      directionChange = getDirectionChange(current, neighbor, cameFrom, scaleStartPoint);\n      if (directionChange > cfg.maxAllowedDirectionChange) continue;\n      if (map[neighbor.id]) continue; // 如果交叉则跳过\n      // 将候选点加入 openSet, 并计算每个候选点的 cost\n\n      if (!openSet[neighbor.id]) {\n        openSet[neighbor.id] = neighbor;\n      }\n\n      neighborCost = cfg.distFunc(current, neighbor) + (isNaN(penalties[directionChange]) ? gridSize : penalties[directionChange]);\n      costFromStart = gScore[current.id] + neighborCost;\n\n      if (gScore[neighbor.id] && costFromStart >= gScore[neighbor.id]) {\n        continue;\n      }\n\n      cameFrom[neighbor.id] = current;\n      gScore[neighbor.id] = costFromStart;\n      fScore[neighbor.id] = costFromStart + estimateCost(neighbor, endPoints, cfg.distFunc);\n    }\n\n    remainLoops -= 1;\n  }\n\n  return cfg.fallbackRoute(startPoint, endPoint, startNode, endNode, cfg);\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/router.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/index.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/index.js ***!
-  \****************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nodes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./nodes */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/index.js\");\n/* harmony import */ var _edges__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./edges */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/edges/index.js\");\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/circle.js":
-/*!***********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/circle.js ***!
-  \***********************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n // 带有图标的圆，可用于拓扑图中\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerNode\"])('circle', {\n  // 自定义节点时的配置\n  options: {\n    size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.size,\n    style: {\n      x: 0,\n      y: 0,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      }\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'circle',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg).icon,\n        defaultIcon = _a === void 0 ? {} : _a;\n    var style = this.getShapeStyle(cfg);\n    var icon = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"deepMix\"])({}, defaultIcon, cfg.icon);\n    var keyShape = group.addShape('circle', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      draggable: true\n    });\n    var width = icon.width,\n        height = icon.height,\n        show = icon.show;\n\n    if (show) {\n      group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: -width / 2,\n          y: -height / 2\n        }, icon),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\",\n        draggable: true\n      });\n    }\n\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var r = size[0] / 2;\n\n    if (left) {\n      // left circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: -r,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (right) {\n      // right circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: r,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (top) {\n      // top circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: -r,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (bottom) {\n      // bottom circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: r,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"deepMix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var r = size[0] / 2;\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: 0,\n      y: 0,\n      r: r\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer();\n    var size = this.getSize(cfg); // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      r: size[0] / 2\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"deepMix\"])({}, keyShape.attr(), strokeStyle, cfg.style);\n    this.updateShape(cfg, item, style, true);\n    this.updateLinkPoints(cfg, group);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/circle.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/diamond.js":
-/*!************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/diamond.js ***!
-  \************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n // 菱形shape\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerNode\"])('diamond', {\n  // 自定义节点时的配置\n  options: {\n    size: [80, 80],\n    style: {\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      }\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'diamond',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg).icon,\n        icon = _a === void 0 ? {} : _a;\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('path', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    var w = icon.width,\n        h = icon.height,\n        show = icon.show;\n\n    if (show) {\n      var image = group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: -w / 2,\n          y: -h / 2\n        }, icon),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\",\n        draggable: true\n      });\n    }\n\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n\n    if (left) {\n      // left circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: -width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (right) {\n      // right circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (top) {\n      // top circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: -height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (bottom) {\n      // bottom circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n  getPath: function getPath(cfg) {\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n    var path = [['M', 0, -height / 2], ['L', width / 2, 0], ['L', 0, height / 2], ['L', -width / 2, 0], ['Z'] // 封闭\n    ];\n    return path;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var path = this.getPath(cfg);\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      path: path\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var path = this.getPath(cfg); // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      path: path\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, true);\n    this.updateLinkPoints(cfg, group);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/diamond.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/ellipse.js":
-/*!************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/ellipse.js ***!
-  \************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n\n/**\n * 基本的椭圆，可以添加文本，默认文本居中\n */\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerNode\"])('ellipse', {\n  // 自定义节点时的配置\n  options: {\n    size: [80, 40],\n    style: {\n      x: 0,\n      y: 0,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      }\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'ellipse',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg).icon,\n        icon = _a === void 0 ? {} : _a;\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('ellipse', {\n      attrs: style,\n      className: 'ellipse-keyShape',\n      name: 'ellipse-keyShape',\n      draggable: true\n    });\n    var width = icon.width,\n        height = icon.height,\n        show = icon.show;\n\n    if (show) {\n      var image = group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: -width / 2,\n          y: -height / 2\n        }, icon),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\",\n        draggable: true\n      });\n    }\n\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var rx = size[0] / 2;\n    var ry = size[1] / 2;\n\n    if (left) {\n      // left circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: -rx,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (right) {\n      // right circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: rx,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (top) {\n      // top circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: -ry,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (bottom) {\n      // bottom circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: ry,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var rx = size[0] / 2;\n    var ry = size[1] / 2;\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: 0,\n      y: 0,\n      rx: rx,\n      ry: ry\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var size = this.getSize(cfg);\n    var strokeStyle = {\n      stroke: cfg.color,\n      rx: size[0] / 2,\n      ry: size[1] / 2\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, true);\n    this.updateLinkPoints(cfg, group);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/ellipse.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/index.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/index.js ***!
-  \**********************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _circle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./circle */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/circle.js\");\n/* harmony import */ var _rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./rect */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/rect.js\");\n/* harmony import */ var _ellipse__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ellipse */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/ellipse.js\");\n/* harmony import */ var _diamond__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./diamond */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/diamond.js\");\n/* harmony import */ var _triangle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./triangle */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/triangle.js\");\n/* harmony import */ var _modelRect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modelRect */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/modelRect.js\");\n/* harmony import */ var _star__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./star */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/star.js\");\n\n\n\n\n\n\n // import './image';\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/modelRect.js":
-/*!**************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/modelRect.js ***!
-  \**************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n\n\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"registerNode\"])('modelRect', {\n  // 自定义节点时的配置\n  options: {\n    size: [185, 70],\n    style: {\n      radius: 5,\n      stroke: '#69c0ff',\n      fill: '#ffffff',\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.style.lineWidth,\n      fillOpacity: 1\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: '#595959',\n        fontSize: 14\n      },\n      offset: 30 // 距离左侧的 offset，没有设置 y 轴上移动的配置\n\n    },\n    descriptionCfg: {\n      style: {\n        fontSize: 12,\n        fill: '#bfbfbf'\n      },\n      paddingTop: 0\n    },\n    preRect: {\n      show: true,\n      width: 4,\n      fill: '#40a9ff',\n      radius: 2\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: 10,\n      lineWidth: 1,\n      fill: '#72CC4A',\n      stroke: '#72CC4A'\n    },\n    // 节点中icon配置\n    logoIcon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: true,\n      x: 0,\n      y: 0,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/basement_prod/4f81893c-1806-4de4-aff3-9a6b266bc8a2.svg',\n      width: 16,\n      height: 16,\n      // 用于调整图标的左右位置\n      offset: 0\n    },\n    // 节点中表示状态的icon配置\n    stateIcon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: true,\n      x: 0,\n      y: 0,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/basement_prod/300a2523-67e0-4cbf-9d4a-67c077b40395.svg',\n      width: 16,\n      height: 16,\n      // 用于调整图标的左右位置\n      offset: -5\n    },\n    // 连接点，默认为左右\n    // anchorPoints: [{ x: 0, y: 0.5 }, { x: 1, y: 0.5 }]\n    anchorPoints: [[0, 0.5], [1, 0.5]]\n  },\n  shapeType: 'modelRect',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg).preRect,\n        preRect = _a === void 0 ? {} : _a;\n    var style = this.getShapeStyle(cfg);\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n    var keyShape = group.addShape('rect', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n\n    var preRectShow = preRect.show,\n        preRectStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(preRect, [\"show\"]);\n\n    if (preRectShow) {\n      group.addShape('rect', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: -width / 2,\n          y: -height / 2,\n          height: height\n        }, preRectStyle),\n        className: 'pre-rect',\n        name: 'pre-rect',\n        draggable: true\n      });\n    }\n\n    this.drawLogoIcon(cfg, group);\n    this.drawStateIcon(cfg, group);\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制模型矩形左边的logo图标\n   * @param {Object} cfg 数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLogoIcon: function drawLogoIcon(cfg, group) {\n    var _a = this.getOptions(cfg).logoIcon,\n        logoIcon = _a === void 0 ? {} : _a;\n    var size = this.getSize(cfg);\n    var width = size[0];\n\n    if (logoIcon.show) {\n      var w = logoIcon.width,\n          h = logoIcon.height,\n          x = logoIcon.x,\n          y = logoIcon.y,\n          offset = logoIcon.offset,\n          logoIconStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(logoIcon, [\"width\", \"height\", \"x\", \"y\", \"offset\"]);\n\n      group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, logoIconStyle), {\n          x: x || -width / 2 + w + offset,\n          y: y || -h / 2,\n          width: w,\n          height: h\n        }),\n        className: 'rect-logo-icon',\n        name: 'rect-logo-icon',\n        draggable: true\n      });\n    }\n  },\n\n  /**\n   * 绘制模型矩形右边的状态图标\n   * @param {Object} cfg 数据配置项\n   * @param {Group} group Group实例\n   */\n  drawStateIcon: function drawStateIcon(cfg, group) {\n    var _a = this.getOptions(cfg).stateIcon,\n        stateIcon = _a === void 0 ? {} : _a;\n    var size = this.getSize(cfg);\n    var width = size[0];\n\n    if (stateIcon.show) {\n      var w = stateIcon.width,\n          h = stateIcon.height,\n          x = stateIcon.x,\n          y = stateIcon.y,\n          offset = stateIcon.offset,\n          iconStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(stateIcon, [\"width\", \"height\", \"x\", \"y\", \"offset\"]);\n\n      group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, iconStyle), {\n          x: x || width / 2 - w + offset,\n          y: y || -h / 2,\n          width: w,\n          height: h\n        }),\n        className: 'rect-state-icon',\n        name: 'rect-state-icon',\n        draggable: true\n      });\n    }\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n\n    if (left) {\n      // left circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: -width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (right) {\n      // right circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (top) {\n      // top circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: -height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (bottom) {\n      // bottom circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n  drawLabel: function drawLabel(cfg, group) {\n    var _a = this.getOptions(cfg),\n        _b = _a.labelCfg,\n        labelCfg = _b === void 0 ? {} : _b,\n        _c = _a.logoIcon,\n        logoIcon = _c === void 0 ? {} : _c,\n        _d = _a.descriptionCfg,\n        descriptionCfg = _d === void 0 ? {} : _d;\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var label = null;\n    var show = logoIcon.show,\n        w = logoIcon.width;\n    var offsetX = -width / 2 + labelCfg.offset;\n\n    if (show) {\n      offsetX = -width / 2 + w + labelCfg.offset;\n    }\n\n    var fontStyle = labelCfg.style;\n    var descriptionStyle = descriptionCfg.style,\n        descriptionPaddingTop = descriptionCfg.paddingTop;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(cfg.description)) {\n      label = group.addShape('text', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, fontStyle), {\n          x: offsetX,\n          y: -5,\n          text: cfg.label\n        }),\n        className: 'text-shape',\n        name: 'text-shape',\n        draggable: true\n      });\n      group.addShape('text', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, descriptionStyle), {\n          x: offsetX,\n          y: 17 + (descriptionPaddingTop || 0),\n          text: cfg.description\n        }),\n        className: 'rect-description',\n        name: 'rect-description',\n        draggable: true\n      });\n    } else {\n      label = group.addShape('text', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, fontStyle), {\n          x: offsetX,\n          y: 7,\n          text: cfg.label\n        }),\n        className: 'text-shape',\n        name: 'text-shape',\n        draggable: true\n      });\n    }\n\n    return label;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var width = style.width || size[0];\n    var height = style.height || size[1];\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: -width / 2,\n      y: -height / 2,\n      width: width,\n      height: height\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var _a = this.getOptions(cfg),\n        _b = _a.style,\n        style = _b === void 0 ? {} : _b,\n        _c = _a.labelCfg,\n        labelCfg = _c === void 0 ? {} : _c,\n        _d = _a.descriptionCfg,\n        descriptionCfg = _d === void 0 ? {} : _d;\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n    var keyShape = item.get('keyShape');\n    keyShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, style), {\n      x: -width / 2,\n      y: -height / 2,\n      width: width,\n      height: height\n    }));\n    var group = item.getContainer();\n    var logoIconShape = group.find(function (element) {\n      return element.get('className') === 'rect-logo-icon';\n    });\n    var currentLogoIconAttr = logoIconShape ? logoIconShape.attr() : {};\n    var logoIcon = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, currentLogoIconAttr, cfg.logoIcon);\n    var w = logoIcon.width;\n\n    if (w === undefined) {\n      w = this.options.logoIcon.width;\n    }\n\n    var show = cfg.logoIcon ? cfg.logoIcon.show : undefined;\n    var offset = labelCfg.offset;\n    var offsetX = -width / 2 + w + offset;\n\n    if (!show && show !== undefined) {\n      offsetX = -width / 2 + offset;\n    }\n\n    var label = group.find(function (element) {\n      return element.get('className') === 'node-label';\n    });\n    var description = group.find(function (element) {\n      return element.get('className') === 'rect-description';\n    });\n\n    if (cfg.label) {\n      if (!label) {\n        group.addShape('text', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, labelCfg.style), {\n            x: offsetX,\n            y: cfg.description ? -5 : 7,\n            text: cfg.label\n          }),\n          className: 'node-label',\n          name: 'node-label',\n          draggable: true\n        });\n      } else {\n        var cfgStyle = cfg.labelCfg ? cfg.labelCfg.style : {};\n        var labelStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, label.attr(), cfgStyle);\n        if (cfg.label) labelStyle.text = cfg.label;\n        labelStyle.x = offsetX;\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(cfg.description)) labelStyle.y = -5;\n\n        if (description) {\n          description.resetMatrix();\n          description.attr({\n            x: offsetX\n          });\n        }\n\n        label.resetMatrix();\n        label.attr(labelStyle);\n      }\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(cfg.description)) {\n      var paddingTop = descriptionCfg.paddingTop;\n\n      if (!description) {\n        group.addShape('text', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, descriptionCfg.style), {\n            x: offsetX,\n            y: 17 + (paddingTop || 0),\n            text: cfg.description\n          }),\n          className: 'rect-description',\n          name: 'rect-description',\n          draggable: true\n        });\n      } else {\n        var cfgStyle = cfg.descriptionCfg ? cfg.descriptionCfg.style : {};\n        var descriptionStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, description.attr(), cfgStyle);\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(cfg.description)) descriptionStyle.text = cfg.description;\n        descriptionStyle.x = offsetX;\n        description.resetMatrix();\n        description.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, descriptionStyle), {\n          y: 17 + (paddingTop || 0)\n        }));\n      }\n    }\n\n    var preRectShape = group.find(function (element) {\n      return element.get('className') === 'pre-rect';\n    });\n\n    if (preRectShape) {\n      var preRect = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, preRectShape.attr(), cfg.preRect);\n      preRectShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, preRect), {\n        x: -width / 2,\n        y: -height / 2,\n        height: height\n      }));\n    }\n\n    if (logoIconShape) {\n      if (!show && show !== undefined) {\n        logoIconShape.remove();\n      } else {\n        var logoW = logoIcon.width,\n            h = logoIcon.height,\n            x = logoIcon.x,\n            y = logoIcon.y,\n            logoOffset = logoIcon.offset,\n            logoIconStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(logoIcon, [\"width\", \"height\", \"x\", \"y\", \"offset\"]);\n\n        logoIconShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, logoIconStyle), {\n          x: x || -width / 2 + logoW + logoOffset,\n          y: y || -h / 2,\n          width: logoW,\n          height: h\n        }));\n      }\n    } else if (show) {\n      this.drawLogoIcon(cfg, group);\n    }\n\n    var stateIconShape = group.find(function (element) {\n      return element.get('className') === 'rect-state-icon';\n    });\n    var currentStateIconAttr = stateIconShape ? stateIconShape.attr() : {};\n    var stateIcon = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, currentStateIconAttr, cfg.stateIcon);\n\n    if (stateIconShape) {\n      if (!stateIcon.show && stateIcon.show !== undefined) {\n        stateIconShape.remove();\n      }\n\n      var stateW = stateIcon.width,\n          h = stateIcon.height,\n          x = stateIcon.x,\n          y = stateIcon.y,\n          stateOffset = stateIcon.offset,\n          stateIconStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(stateIcon, [\"width\", \"height\", \"x\", \"y\", \"offset\"]);\n\n      stateIconShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, stateIconStyle), {\n        x: x || width / 2 - stateW + stateOffset,\n        y: y || -h / 2,\n        width: stateW,\n        height: h\n      }));\n    } else if (stateIcon.show) {\n      this.drawStateIcon(cfg, group);\n    }\n\n    this.updateLinkPoints(cfg, group);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/modelRect.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/rect.js":
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/behavior.js":
 /*!*********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/rect.js ***!
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/behavior.js ***!
   \*********************************************************************************/
-/*! no exports provided */
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n\n\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"registerNode\"])('rect', {\n  // 自定义节点时的配置\n  options: {\n    size: [100, 30],\n    style: {\n      radius: 0,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      }\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20\n    },\n    // 连接点，默认为左右\n    // anchorPoints: [{ x: 0, y: 0.5 }, { x: 1, y: 0.5 }]\n    anchorPoints: [[0, 0.5], [1, 0.5]],\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'rect',\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('rect', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n\n    if (left) {\n      // left circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: -width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (right) {\n      // right circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (top) {\n      // top circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: -height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (bottom) {\n      // bottom circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var width = style.width || size[0];\n    var height = style.height || size[1];\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: -width / 2,\n      y: -height / 2,\n      width: width,\n      height: height\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var size = this.getSize(cfg);\n    var keyShape = item.get('keyShape');\n\n    if (!cfg.size) {\n      size[0] = keyShape.attr('width') || defaultStyle.width;\n      size[1] = keyShape.attr('height') || defaultStyle.height;\n    } // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      x: -size[0] / 2,\n      y: -size[1] / 2,\n      width: size[0],\n      height: size[1]\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, false);\n    this.updateLinkPoints(cfg, group);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/rect.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _behaviorOption__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./behaviorOption */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/behaviorOption.js\");\n\n\n\nvar Behavior =\n/** @class */\nfunction () {\n  function Behavior() {}\n  /**\n   * 自定义 Behavior\n   * @param type Behavior 名称\n   * @param behavior Behavior 定义的方法集合\n   */\n\n\n  Behavior.registerBehavior = function (type, behavior) {\n    if (!behavior) {\n      throw new Error(\"please specify handler for this behavior: \" + type);\n    }\n\n    var prototype = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"clone\"])(_behaviorOption__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n    Object.assign(prototype, behavior); // eslint-disable-next-line func-names\n\n    var base = function base(cfg) {\n      var _this = this;\n\n      Object.assign(this, this.getDefaultCfg(), cfg);\n      var events = this.getEvents();\n      this.events = null;\n      var eventsToBind = {};\n\n      if (events) {\n        Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(events, function (handle, event) {\n          eventsToBind[event] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"wrapBehavior\"])(_this, handle);\n        });\n        this.events = eventsToBind;\n      }\n    };\n\n    base.prototype = prototype;\n    Behavior.types[type] = base;\n  };\n\n  Behavior.hasBehavior = function (type) {\n    return !!Behavior.types[type];\n  };\n\n  Behavior.getBehavior = function (type) {\n    return Behavior.types[type];\n  }; // 所有自定义的 Behavior 的实例\n\n\n  Behavior.types = {};\n  return Behavior;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Behavior);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/behavior.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/star.js":
-/*!*********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/star.js ***!
-  \*********************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n // 五角星shape\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerNode\"])('star', {\n  // 自定义节点时的配置\n  options: {\n    size: 60,\n    style: {\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      }\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'star',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg).icon,\n        icon = _a === void 0 ? {} : _a;\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('path', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    var w = icon.width,\n        h = icon.height,\n        show = icon.show;\n\n    if (show) {\n      var image = group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: -w / 2,\n          y: -h / 2\n        }, icon),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\",\n        draggable: true\n      });\n    }\n\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        leftBottom = linkPoints.leftBottom,\n        rightBottom = linkPoints.rightBottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"leftBottom\", \"rightBottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var outerR = size[0];\n\n    if (right) {\n      // right circle\n      // up down left right 四个方向的坐标均不相同\n      var x1 = Math.cos((18 + 72 * 0) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * 0) / 180 * Math.PI) * outerR;\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: x1,\n          y: -y1,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right'\n      });\n    }\n\n    if (top) {\n      // up down left right 四个方向的坐标均不相同\n      var x1 = Math.cos((18 + 72 * 1) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * 1) / 180 * Math.PI) * outerR; // top circle\n\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: x1,\n          y: -y1,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top'\n      });\n    }\n\n    if (left) {\n      // up down left right 四个方向的坐标均不相同\n      var x1 = Math.cos((18 + 72 * 2) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * 2) / 180 * Math.PI) * outerR; // left circle\n\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: x1,\n          y: -y1,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left'\n      });\n    }\n\n    if (leftBottom) {\n      // up down left right 四个方向的坐标均不相同\n      var x1 = Math.cos((18 + 72 * 3) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * 3) / 180 * Math.PI) * outerR; // left bottom circle\n\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: x1,\n          y: -y1,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left-bottom',\n        name: 'link-point-left-bottom'\n      });\n    }\n\n    if (rightBottom) {\n      // up down left right 四个方向的坐标均不相同\n      var x1 = Math.cos((18 + 72 * 4) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * 4) / 180 * Math.PI) * outerR; // left bottom circle\n\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: x1,\n          y: -y1,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right-bottom',\n        name: 'link-point-right-bottom'\n      });\n    }\n  },\n  getPath: function getPath(cfg) {\n    var size = this.getSize(cfg);\n    var outerR = size[0];\n    var defaultInnerR = outerR * 3 / 8;\n    var innerR = cfg.innerR || defaultInnerR;\n    var path = [];\n\n    for (var i = 0; i < 5; i++) {\n      var x1 = Math.cos((18 + 72 * i) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * i) / 180 * Math.PI) * outerR;\n      var x2 = Math.cos((54 + 72 * i) / 180 * Math.PI) * innerR;\n      var y2 = Math.sin((54 + 72 * i) / 180 * Math.PI) * innerR;\n\n      if (i === 0) {\n        path.push(['M', x1, -y1]);\n      } else {\n        path.push(['L', x1, -y1]);\n      }\n\n      path.push(['L', x2, -y2]);\n    }\n\n    path.push(['Z']);\n    return path;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖原来默认的 stroke 属性。但 cfg 中但 stroke 属性优先级更高\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var path = this.getPath(cfg);\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      path: path\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var path = this.getPath(cfg); // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      path: path\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, true);\n    this.updateLinkPoints(cfg, group);\n  },\n\n  /**\n   * 更新linkPoints\n   * @param {Object} cfg 节点数据配置项\n   * @param {Group} group Item所在的group\n   */\n  updateLinkPoints: function updateLinkPoints(cfg, group) {\n    var defaultLinkPoints = this.getOptions({}).linkPoints;\n    var markLeft = group.find(function (element) {\n      return element.get('className') === 'link-point-left';\n    });\n    var markRight = group.find(function (element) {\n      return element.get('className') === 'link-point-right';\n    });\n    var markTop = group.find(function (element) {\n      return element.get('className') === 'link-point-top';\n    });\n    var markLeftBottom = group.find(function (element) {\n      return element.get('className') === 'link-point-left-bottom';\n    });\n    var markRightBottom = group.find(function (element) {\n      return element.get('className') === 'link-point-right-bottom';\n    });\n    var currentLinkPoints = defaultLinkPoints;\n    var existLinkPoint = markLeft || markRight || markTop || markLeftBottom || markRightBottom;\n\n    if (existLinkPoint) {\n      currentLinkPoints = existLinkPoint.attr();\n    }\n\n    var linkPoints = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, currentLinkPoints, cfg.linkPoints);\n    var markFill = linkPoints.fill,\n        markStroke = linkPoints.stroke,\n        borderWidth = linkPoints.lineWidth;\n    var markSize = linkPoints.size / 2;\n    if (!markSize) markSize = linkPoints.r;\n\n    var _a = cfg.linkPoints ? cfg.linkPoints : {\n      left: undefined,\n      right: undefined,\n      top: undefined,\n      leftBottom: undefined,\n      rightBottom: undefined\n    },\n        left = _a.left,\n        right = _a.right,\n        top = _a.top,\n        leftBottom = _a.leftBottom,\n        rightBottom = _a.rightBottom;\n\n    var size = this.getSize(cfg);\n    var outerR = size[0];\n    var styles = {\n      r: markSize,\n      fill: markFill,\n      stroke: markStroke,\n      lineWidth: borderWidth\n    };\n    var x = Math.cos((18 + 72 * 0) / 180 * Math.PI) * outerR;\n    var y = Math.sin((18 + 72 * 0) / 180 * Math.PI) * outerR;\n\n    if (markRight) {\n      if (!right && right !== undefined) {\n        markRight.remove();\n      } else {\n        markRight.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }));\n      }\n    } else if (right) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    x = Math.cos((18 + 72 * 1) / 180 * Math.PI) * outerR;\n    y = Math.sin((18 + 72 * 1) / 180 * Math.PI) * outerR;\n\n    if (markTop) {\n      if (!top && top !== undefined) {\n        markTop.remove();\n      } else {\n        markTop.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }));\n      }\n    } else if (top) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    x = Math.cos((18 + 72 * 2) / 180 * Math.PI) * outerR;\n    y = Math.sin((18 + 72 * 2) / 180 * Math.PI) * outerR;\n\n    if (markLeft) {\n      if (!left && left !== undefined) {\n        markLeft.remove();\n      } else {\n        markLeft.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }));\n      }\n    } else if (left) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    x = Math.cos((18 + 72 * 3) / 180 * Math.PI) * outerR;\n    y = Math.sin((18 + 72 * 3) / 180 * Math.PI) * outerR;\n\n    if (markLeftBottom) {\n      if (!leftBottom && leftBottom !== undefined) {\n        markLeftBottom.remove();\n      } else {\n        markLeftBottom.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }));\n      }\n    } else if (leftBottom) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }),\n        className: 'link-point-left-bottom',\n        name: 'link-point-left-bottom',\n        isAnchorPoint: true\n      });\n    }\n\n    x = Math.cos((18 + 72 * 4) / 180 * Math.PI) * outerR;\n    y = Math.sin((18 + 72 * 4) / 180 * Math.PI) * outerR;\n\n    if (markRightBottom) {\n      if (!rightBottom && rightBottom !== undefined) {\n        markLeftBottom.remove();\n      } else {\n        markRightBottom.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }));\n      }\n    } else if (rightBottom) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }),\n        className: 'link-point-right-bottom',\n        name: 'link-point-right-bottom',\n        isAnchorPoint: true\n      });\n    }\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/star.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/triangle.js":
-/*!*************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/triangle.js ***!
-  \*************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n // 三角形\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerNode\"])('triangle', {\n  // 自定义节点时的配置\n  options: {\n    size: 40,\n    direction: 'up',\n    style: {\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      },\n      offset: 15\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20,\n      offset: 6\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'triangle',\n  // 文本位置\n  labelPosition: 'bottom',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg),\n        _b = _a.icon,\n        icon = _b === void 0 ? {} : _b,\n        defaultDirection = _a.direction;\n\n    var style = this.getShapeStyle(cfg);\n    var direction = cfg.direction || defaultDirection;\n    var keyShape = group.addShape('path', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    var w = icon.width,\n        h = icon.height,\n        show = icon.show,\n        offset = icon.offset;\n\n    if (show) {\n      var iconW = -w / 2;\n      var iconH = -h / 2;\n\n      if (direction === 'up' || direction === 'down') {\n        iconH += offset;\n      }\n\n      if (direction === 'left' || direction === 'right') {\n        iconW += offset;\n      }\n\n      group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: iconW,\n          y: iconH\n        }, icon),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\",\n        draggable: true\n      });\n    }\n\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg),\n        _b = _a.linkPoints,\n        linkPoints = _b === void 0 ? {} : _b,\n        defaultDirection = _a.direction;\n\n    var direction = cfg.direction || defaultDirection;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var len = size[0];\n\n    if (left) {\n      // up down left right 四个方向的坐标均不相同\n      var leftPos = null;\n      var diffY = len * Math.sin(1 / 3 * Math.PI);\n      var r = len * Math.sin(1 / 3 * Math.PI);\n\n      if (direction === 'up') {\n        leftPos = [-r, diffY];\n      } else if (direction === 'down') {\n        leftPos = [-r, -diffY];\n      } else if (direction === 'left') {\n        leftPos = [-r, r - diffY];\n      }\n\n      if (leftPos) {\n        // left circle\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n            x: leftPos[0],\n            y: leftPos[1],\n            r: markSize / 2 || markR || 5\n          }),\n          className: 'link-point-left',\n          name: 'link-point-left'\n        });\n      }\n    }\n\n    if (right) {\n      // right circle\n      // up down left right 四个方向的坐标均不相同\n      var rightPos = null;\n      var diffY = len * Math.sin(1 / 3 * Math.PI);\n      var r = len * Math.sin(1 / 3 * Math.PI);\n\n      if (direction === 'up') {\n        rightPos = [r, diffY];\n      } else if (direction === 'down') {\n        rightPos = [r, -diffY];\n      } else if (direction === 'right') {\n        rightPos = [r, r - diffY];\n      }\n\n      if (rightPos) {\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n            x: rightPos[0],\n            y: rightPos[1],\n            r: markSize / 2 || markR || 5\n          }),\n          className: 'link-point-right',\n          name: 'link-point-right'\n        });\n      }\n    }\n\n    if (top) {\n      // up down left right 四个方向的坐标均不相同\n      var topPos = null;\n      var diffY = len * Math.sin(1 / 3 * Math.PI);\n      var r = len * Math.sin(1 / 3 * Math.PI);\n\n      if (direction === 'up') {\n        topPos = [r - diffY, -diffY];\n      } else if (direction === 'left') {\n        topPos = [r, -diffY];\n      } else if (direction === 'right') {\n        topPos = [-r, -diffY];\n      }\n\n      if (topPos) {\n        // top circle\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n            x: topPos[0],\n            y: topPos[1],\n            r: markSize / 2 || markR || 5\n          }),\n          className: 'link-point-top',\n          name: 'link-point-top'\n        });\n      }\n    }\n\n    if (bottom) {\n      // up down left right 四个方向的坐标均不相同\n      var bottomPos = null;\n      var diffY = len * Math.sin(1 / 3 * Math.PI);\n      var r = len * Math.sin(1 / 3 * Math.PI);\n\n      if (direction === 'down') {\n        bottomPos = [-r + diffY, diffY];\n      } else if (direction === 'left') {\n        bottomPos = [r, diffY];\n      } else if (direction === 'right') {\n        bottomPos = [-r, diffY];\n      }\n\n      if (bottomPos) {\n        // bottom circle\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n            x: bottomPos[0],\n            y: bottomPos[1],\n            r: markSize / 2 || markR || 5\n          }),\n          className: 'link-point-bottom',\n          name: 'link-point-bottom'\n        });\n      }\n    }\n  },\n  getPath: function getPath(cfg) {\n    var defaultDirection = this.getOptions(cfg).direction;\n    var direction = cfg.direction || defaultDirection;\n    var size = this.getSize(cfg);\n    var len = size[0];\n    var diffY = len * Math.sin(1 / 3 * Math.PI);\n    var r = len * Math.sin(1 / 3 * Math.PI);\n    var path = [['M', -r, diffY], ['L', 0, -diffY], ['L', r, diffY], ['Z'] // 封闭\n    ];\n\n    if (direction === 'down') {\n      path = [['M', -r, -diffY], ['L', r, -diffY], ['L', 0, diffY], ['Z'] // 封闭\n      ];\n    } else if (direction === 'left') {\n      path = [['M', -r, r - diffY], ['L', r, -r], ['L', r, r], ['Z'] // 封闭\n      ];\n    } else if (direction === 'right') {\n      path = [['M', r, r - diffY], ['L', -r, r], ['L', -r, -r], ['Z'] // 封闭\n      ];\n    }\n\n    return path;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var path = this.getPath(cfg);\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      path: path\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var path = this.getPath(cfg); // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      path: path\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, true);\n    this.updateLinkPoints(cfg, group);\n  },\n\n  /**\n   * 更新linkPoints\n   * @param {Object} cfg 节点数据配置项\n   * @param {Group} group Item所在的group\n   */\n  updateLinkPoints: function updateLinkPoints(cfg, group) {\n    var _a = this.getOptions({}),\n        defaultLinkPoints = _a.linkPoints,\n        defaultDirection = _a.direction;\n\n    var direction = cfg.direction || defaultDirection;\n    var markLeft = group.find(function (element) {\n      return element.get('className') === 'link-point-left';\n    });\n    var markRight = group.find(function (element) {\n      return element.get('className') === 'link-point-right';\n    });\n    var markTop = group.find(function (element) {\n      return element.get('className') === 'link-point-top';\n    });\n    var markBottom = group.find(function (element) {\n      return element.get('className') === 'link-point-bottom';\n    });\n    var currentLinkPoints = defaultLinkPoints;\n    var existLinkPoint = markLeft || markRight || markTop || markBottom;\n\n    if (existLinkPoint) {\n      currentLinkPoints = existLinkPoint.attr();\n    }\n\n    var linkPoints = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, currentLinkPoints, cfg.linkPoints);\n    var markFill = linkPoints.fill,\n        markStroke = linkPoints.stroke,\n        borderWidth = linkPoints.lineWidth;\n    var markSize = linkPoints.size / 2;\n    if (!markSize) markSize = linkPoints.r;\n\n    var _b = cfg.linkPoints ? cfg.linkPoints : {\n      left: undefined,\n      right: undefined,\n      top: undefined,\n      bottom: undefined\n    },\n        left = _b.left,\n        right = _b.right,\n        top = _b.top,\n        bottom = _b.bottom;\n\n    var size = this.getSize(cfg);\n    var len = size[0];\n    var styles = {\n      r: markSize,\n      fill: markFill,\n      stroke: markStroke,\n      lineWidth: borderWidth\n    };\n    var leftPos = null;\n    var diffY = len * Math.sin(1 / 3 * Math.PI);\n    var r = len * Math.sin(1 / 3 * Math.PI);\n\n    if (direction === 'up') {\n      leftPos = [-r, diffY];\n    } else if (direction === 'down') {\n      leftPos = [-r, -diffY];\n    } else if (direction === 'left') {\n      leftPos = [-r, r - diffY];\n    }\n\n    if (leftPos) {\n      if (markLeft) {\n        if (!left && left !== undefined) {\n          markLeft.remove();\n        } else {\n          markLeft.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: leftPos[0],\n            y: leftPos[1]\n          }));\n        }\n      } else if (left) {\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: leftPos[0],\n            y: leftPos[1]\n          }),\n          className: 'link-point-left',\n          name: 'link-point-left',\n          isAnchorPoint: true\n        });\n      }\n    }\n\n    var rightPos = null;\n\n    if (direction === 'up') {\n      rightPos = [r, diffY];\n    } else if (direction === 'down') {\n      rightPos = [r, -diffY];\n    } else if (direction === 'right') {\n      rightPos = [r, r - diffY];\n    }\n\n    if (rightPos) {\n      if (markRight) {\n        if (!right && right !== undefined) {\n          markRight.remove();\n        } else {\n          markRight.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: rightPos[0],\n            y: rightPos[1]\n          }));\n        }\n      } else if (right) {\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: rightPos[0],\n            y: rightPos[1]\n          }),\n          className: 'link-point-right',\n          name: 'link-point-right',\n          isAnchorPoint: true\n        });\n      }\n    }\n\n    var topPos = null;\n\n    if (direction === 'up') {\n      topPos = [r - diffY, -diffY];\n    } else if (direction === 'left') {\n      topPos = [r, -diffY];\n    } else if (direction === 'right') {\n      topPos = [-r, -diffY];\n    }\n\n    if (topPos) {\n      if (markTop) {\n        if (!top && top !== undefined) {\n          markTop.remove();\n        } else {\n          // top circle\n          markTop.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: topPos[0],\n            y: topPos[1]\n          }));\n        }\n      } else if (top) {\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: topPos[0],\n            y: topPos[1]\n          }),\n          className: 'link-point-top',\n          name: 'link-point-top',\n          isAnchorPoint: true\n        });\n      }\n    }\n\n    var bottomPos = null;\n\n    if (direction === 'down') {\n      bottomPos = [-r + diffY, diffY];\n    } else if (direction === 'left') {\n      bottomPos = [r, diffY];\n    } else if (direction === 'right') {\n      bottomPos = [-r, diffY];\n    }\n\n    if (bottomPos) {\n      if (markBottom) {\n        if (!bottom && bottom !== undefined) {\n          markBottom.remove();\n        } else {\n          markBottom.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: bottomPos[0],\n            y: bottomPos[1]\n          }));\n        }\n      } else if (bottom) {\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: bottomPos[0],\n            y: bottomPos[1]\n          }),\n          className: 'link-point-bottom',\n          name: 'link-point-bottom',\n          isAnchorPoint: true\n        });\n      }\n    }\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/nodes/triangle.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/activate-relations.js":
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/behaviorOption.js":
 /*!***************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/activate-relations.js ***!
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/behaviorOption.js ***!
   \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      trigger: 'mouseenter',\n      activeState: 'active',\n      inactiveState: 'inactive',\n      resetSelected: false,\n      shouldUpdate: function shouldUpdate() {\n        return true;\n      }\n    };\n  },\n  getEvents: function getEvents() {\n    if (this.get('trigger') === 'mouseenter') {\n      return {\n        'node:mouseenter': 'setAllItemStates',\n        'node:mouseleave': 'clearActiveState'\n      };\n    }\n\n    return {\n      'node:click': 'setAllItemStates',\n      'canvas:click': 'clearAllItemStates'\n    };\n  },\n  setAllItemStates: function setAllItemStates(e) {\n    var item = e.item;\n    var graph = this.graph;\n    this.item = item;\n\n    if (!this.shouldUpdate(e.item, {\n      event: e,\n      action: 'activate'\n    })) {\n      return;\n    }\n\n    var self = this;\n    var activeState = this.activeState;\n    var inactiveState = this.inactiveState;\n    var nodes = graph.getNodes();\n    var edges = graph.getEdges();\n    var nodeLength = nodes.length;\n    var edgeLength = edges.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n      var hasSelected = node.hasState('selected');\n\n      if (self.resetSelected) {\n        if (hasSelected) {\n          graph.setItemState(node, 'selected', false);\n        }\n      }\n\n      graph.setItemState(node, activeState, false);\n\n      if (inactiveState) {\n        graph.setItemState(node, inactiveState, true);\n      }\n    }\n\n    for (var i = 0; i < edgeLength; i++) {\n      var edge = edges[i];\n      graph.setItemState(edge, activeState, false);\n\n      if (inactiveState) {\n        graph.setItemState(edge, inactiveState, true);\n      }\n    }\n\n    if (inactiveState) {\n      graph.setItemState(item, inactiveState, false);\n    }\n\n    graph.setItemState(item, activeState, true);\n    var rEdges = item.getEdges();\n    var rEdgeLegnth = rEdges.length;\n\n    for (var i = 0; i < rEdgeLegnth; i++) {\n      var edge = rEdges[i];\n      var otherEnd = void 0;\n\n      if (edge.getSource() === item) {\n        otherEnd = edge.getTarget();\n      } else {\n        otherEnd = edge.getSource();\n      }\n\n      if (inactiveState) {\n        graph.setItemState(otherEnd, inactiveState, false);\n      }\n\n      graph.setItemState(otherEnd, activeState, true);\n      graph.setItemState(edge, inactiveState, false);\n      graph.setItemState(edge, activeState, true);\n      edge.toFront();\n    }\n\n    graph.emit('afteractivaterelations', {\n      item: e.item,\n      action: 'activate'\n    });\n  },\n  clearActiveState: function clearActiveState(e) {\n    var self = this;\n    var graph = self.get('graph');\n\n    if (!self.shouldUpdate(e.item, {\n      event: e,\n      action: 'deactivate'\n    })) {\n      return;\n    }\n\n    var activeState = this.activeState;\n    var inactiveState = this.inactiveState;\n    var autoPaint = graph.get('autoPaint');\n    graph.setAutoPaint(false);\n    var nodes = graph.getNodes();\n    var edges = graph.getEdges();\n    var nodeLength = nodes.length;\n    var edgeLength = edges.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n      graph.clearItemStates(node, [activeState, inactiveState]);\n    }\n\n    for (var i = 0; i < edgeLength; i++) {\n      var edge = edges[i];\n      graph.clearItemStates(edge, [activeState, inactiveState, 'deactivate']);\n    }\n\n    graph.paint();\n    graph.setAutoPaint(autoPaint);\n    graph.emit('afteractivaterelations', {\n      item: e.item || self.get('item'),\n      action: 'deactivate'\n    });\n  },\n  clearAllItemStates: function clearAllItemStates(e) {\n    var self = this;\n    var graph = self.graph;\n\n    if (!self.shouldUpdate(e.item, {\n      event: e,\n      action: 'deactivate'\n    })) {\n      return;\n    }\n\n    var activeState = this.activeState;\n    var inactiveState = this.inactiveState;\n    var nodes = graph.getNodes();\n    var edges = graph.getEdges();\n    var nodeLength = nodes.length;\n    var edgeLength = edges.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n      graph.clearItemStates(node, [activeState, inactiveState]);\n    }\n\n    for (var i = 0; i < edgeLength; i++) {\n      var edge = edges[i];\n      graph.clearItemStates(edge, [activeState, inactiveState, 'deactivate']);\n    }\n\n    graph.emit('afteractivaterelations', {\n      item: e.item || self.get('item'),\n      action: 'deactivate'\n    });\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/activate-relations.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n // 自定义 Behavior 时候共有的方法\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {};\n  },\n\n  /**\n   * register event handler, behavior will auto bind events\n   * for example:\n   * return {\n   *  click: 'onClick'\n   * }\n   */\n  getEvents: function getEvents() {\n    return {};\n  },\n  updateCfg: function updateCfg(cfg) {\n    Object.assign(this, cfg);\n    return true;\n  },\n  shouldBegin: function shouldBegin() {\n    return true;\n  },\n  shouldUpdate: function shouldUpdate() {\n    return true;\n  },\n  shouldEnd: function shouldEnd() {\n    return true;\n  },\n\n  /**\n   * auto bind events when register behavior\n   * @param graph Graph instance\n   */\n  bind: function bind(graph) {\n    var _this = this;\n\n    var events = this.events;\n    this.graph = graph;\n\n    if (this.type === 'drag-canvas' || this.type === 'brush-select' || this.type === 'lasso-select') {\n      graph.get('canvas').set('draggable', true);\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(events, function (handler, event) {\n      graph.on(event, handler);\n    }); // To avoid the tabs switching makes the keydown related behaviors disable\n\n    document.addEventListener('visibilitychange', function () {\n      _this.keydown = false;\n    });\n  },\n  unbind: function unbind(graph) {\n    var events = this.events;\n\n    if (this.type === 'drag-canvas' || this.type === 'brush-select' || this.type === 'lasso-select') {\n      graph.get('canvas').set('draggable', false);\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(events, function (handler, event) {\n      graph.off(event, handler);\n    });\n  },\n  get: function get(val) {\n    return this[val];\n  },\n  set: function set(key, val) {\n    this[key] = val;\n    return this;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/behaviorOption.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/brush-select.js":
-/*!*********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/brush-select.js ***!
-  \*********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar min = Math.min,\n    max = Math.max,\n    abs = Math.abs;\nvar DEFAULT_TRIGGER = 'shift';\nvar ALLOW_EVENTS = ['drag', 'shift', 'ctrl', 'alt', 'control'];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      brushStyle: {\n        fill: '#EEF6FF',\n        fillOpacity: 0.4,\n        stroke: '#DDEEFE',\n        lineWidth: 1\n      },\n      onSelect: function onSelect() {},\n      onDeselect: function onDeselect() {},\n      selectedState: 'selected',\n      trigger: DEFAULT_TRIGGER,\n      includeEdges: true,\n      selectedEdges: [],\n      selectedNodes: []\n    };\n  },\n  getEvents: function getEvents() {\n    // 检测输入是否合法\n    if (!(ALLOW_EVENTS.indexOf(this.trigger.toLowerCase()) > -1)) {\n      this.trigger = DEFAULT_TRIGGER;\n      console.warn(\"Behavior brush-select 的 trigger 参数不合法，请输入 'drag'、'shift'、'ctrl' 或 'alt'\");\n    }\n\n    if (this.trigger === 'drag') {\n      return {\n        dragstart: 'onMouseDown',\n        drag: 'onMouseMove',\n        dragend: 'onMouseUp',\n        'canvas:click': 'clearStates'\n      };\n    }\n\n    return {\n      dragstart: 'onMouseDown',\n      drag: 'onMouseMove',\n      dragend: 'onMouseUp',\n      'canvas:click': 'clearStates',\n      keyup: 'onKeyUp',\n      keydown: 'onKeyDown'\n    };\n  },\n  onMouseDown: function onMouseDown(e) {\n    // 按在node上面拖动时候不应该是框选\n    var item = e.item;\n    var brush = this.brush;\n\n    if (item) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    if (this.selectedNodes && this.selectedNodes.length !== 0) {\n      this.clearStates();\n    }\n\n    if (!brush) {\n      brush = this.createBrush();\n    }\n\n    this.originPoint = {\n      x: e.canvasX,\n      y: e.canvasY\n    };\n    brush.attr({\n      width: 0,\n      height: 0\n    });\n    brush.show();\n    this.dragging = true;\n  },\n  onMouseMove: function onMouseMove(e) {\n    if (!this.dragging) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    this.updateBrush(e);\n  },\n  onMouseUp: function onMouseUp(e) {\n    var graph = this.graph; // TODO: 触发了 canvas:click 导致 clearStates\n\n    if (!this.brush && !this.dragging) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    this.brush.remove(true); // remove and destroy\n\n    this.brush = null;\n    this.getSelectedNodes(e);\n    this.dragging = false;\n  },\n  clearStates: function clearStates() {\n    var _a = this,\n        graph = _a.graph,\n        selectedState = _a.selectedState;\n\n    var nodes = graph.findAllByState('node', selectedState);\n    var edges = graph.findAllByState('edge', selectedState);\n    nodes.forEach(function (node) {\n      return graph.setItemState(node, selectedState, false);\n    });\n    edges.forEach(function (edge) {\n      return graph.setItemState(edge, selectedState, false);\n    });\n    this.selectedNodes = [];\n    this.selectedEdges = [];\n\n    if (this.onDeselect) {\n      this.onDeselect(this.selectedNodes, this.selectedEdges);\n    }\n\n    graph.emit('nodeselectchange', {\n      selectedItems: {\n        nodes: [],\n        edges: []\n      },\n      select: false\n    });\n  },\n  getSelectedNodes: function getSelectedNodes(e) {\n    var _this = this;\n\n    var _a = this,\n        graph = _a.graph,\n        originPoint = _a.originPoint,\n        shouldUpdate = _a.shouldUpdate;\n\n    var state = this.selectedState;\n    var p1 = {\n      x: e.x,\n      y: e.y\n    };\n    var p2 = graph.getPointByCanvas(originPoint.x, originPoint.y);\n    var left = min(p1.x, p2.x);\n    var right = max(p1.x, p2.x);\n    var top = min(p1.y, p2.y);\n    var bottom = max(p1.y, p2.y);\n    var selectedNodes = [];\n    var selectedIds = [];\n    graph.getNodes().forEach(function (node) {\n      var bbox = node.getBBox();\n\n      if (bbox.centerX >= left && bbox.centerX <= right && bbox.centerY >= top && bbox.centerY <= bottom) {\n        if (shouldUpdate(node, 'select')) {\n          selectedNodes.push(node);\n          var model = node.getModel();\n          selectedIds.push(model.id);\n          graph.setItemState(node, state, true);\n        }\n      }\n    });\n    var selectedEdges = [];\n\n    if (this.includeEdges) {\n      // 选中边，边的source和target都在选中的节点中时才选中\n      selectedNodes.forEach(function (node) {\n        var edges = node.getOutEdges();\n        edges.forEach(function (edge) {\n          var model = edge.getModel();\n          var source = model.source,\n              target = model.target;\n\n          if (selectedIds.includes(source) && selectedIds.includes(target) && shouldUpdate(edge, 'select')) {\n            selectedEdges.push(edge);\n            graph.setItemState(edge, _this.selectedState, true);\n          }\n        });\n      });\n    }\n\n    this.selectedEdges = selectedEdges;\n    this.selectedNodes = selectedNodes;\n\n    if (this.onSelect) {\n      this.onSelect(selectedNodes, selectedEdges);\n    }\n\n    graph.emit('nodeselectchange', {\n      selectedItems: {\n        nodes: selectedNodes,\n        edges: selectedEdges\n      },\n      select: true\n    });\n  },\n  createBrush: function createBrush() {\n    var self = this;\n    var brush = self.graph.get('canvas').addShape('rect', {\n      attrs: self.brushStyle,\n      capture: false,\n      name: 'brush-shape'\n    });\n    this.brush = brush;\n    this.delegate = brush;\n    return brush;\n  },\n  updateBrush: function updateBrush(e) {\n    var originPoint = this.originPoint;\n    this.brush.attr({\n      width: abs(e.canvasX - originPoint.x),\n      height: abs(e.canvasY - originPoint.y),\n      x: min(e.canvasX, originPoint.x),\n      y: min(e.canvasY, originPoint.y)\n    });\n  },\n  onKeyDown: function onKeyDown(e) {\n    var code = e.key;\n\n    if (!code) {\n      return;\n    }\n\n    var triggerLowerCase = this.trigger.toLowerCase();\n    var codeLowerCase = code.toLowerCase(); // 按住 control 键时，允许用户设置 trigger 为 ctrl\n\n    if (codeLowerCase === triggerLowerCase || codeLowerCase === 'control' && triggerLowerCase === 'ctrl' || codeLowerCase === 'ctrl' && triggerLowerCase === 'control') {\n      this.keydown = true;\n    } else {\n      this.keydown = false;\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    if (this.brush) {\n      // 清除所有选中状态后，设置拖得动状态为false，并清除框选的brush\n      this.brush.remove(true);\n      this.brush = null;\n      this.dragging = false;\n    }\n\n    this.keydown = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/brush-select.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/click-select.js":
-/*!*********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/click-select.js ***!
-  \*********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\nvar DEFAULT_TRIGGER = 'shift';\nvar ALLOW_EVENTS = ['shift', 'ctrl', 'alt', 'control'];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      multiple: true,\n      trigger: DEFAULT_TRIGGER,\n      selectedState: 'selected'\n    };\n  },\n  getEvents: function getEvents() {\n    var self = this; // 检测输入是否合法\n\n    if (!(ALLOW_EVENTS.indexOf(self.trigger.toLowerCase()) > -1)) {\n      self.trigger = DEFAULT_TRIGGER; // eslint-disable-next-line no-console\n\n      console.warn(\"Behavior brush-select 的 trigger 参数不合法，请输入 'drag'、'shift'、'ctrl' 或 'alt'\");\n    }\n\n    if (!self.multiple) {\n      return {\n        'node:click': 'onClick',\n        'combo:click': 'onClick',\n        'canvas:click': 'onCanvasClick'\n      };\n    }\n\n    return {\n      'node:click': 'onClick',\n      'combo:click': 'onClick',\n      'canvas:click': 'onCanvasClick',\n      keyup: 'onKeyUp',\n      keydown: 'onKeyDown'\n    };\n  },\n  onClick: function onClick(evt) {\n    var self = this;\n    var item = evt.item;\n\n    if (!item || item.destroyed) {\n      return;\n    }\n\n    var type = item.getType();\n    var graph = self.graph,\n        keydown = self.keydown,\n        multiple = self.multiple,\n        shouldUpdate = self.shouldUpdate,\n        shouldBegin = self.shouldBegin;\n\n    if (!shouldBegin.call(self, evt)) {\n      return;\n    } // allow to select multiple nodes but did not press a key || do not allow the select multiple nodes\n\n\n    if (!keydown || !multiple) {\n      var selected = graph.findAllByState(type, self.selectedState);\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(selected, function (combo) {\n        if (combo !== item) {\n          graph.setItemState(combo, self.selectedState, false);\n        }\n      });\n    }\n\n    if (item.hasState(self.selectedState)) {\n      if (shouldUpdate.call(self, evt)) {\n        graph.setItemState(item, self.selectedState, false);\n      }\n\n      var selectedNodes = graph.findAllByState('node', self.selectedState);\n      var selectedCombos = graph.findAllByState('combo', self.selectedState);\n      graph.emit('nodeselectchange', {\n        target: item,\n        selectedItems: {\n          nodes: selectedNodes,\n          combos: selectedCombos\n        },\n        select: false\n      });\n    } else {\n      if (shouldUpdate.call(self, evt)) {\n        graph.setItemState(item, self.selectedState, true);\n      }\n\n      var selectedNodes = graph.findAllByState('node', self.selectedState);\n      var selectedCombos = graph.findAllByState('combo', self.selectedState);\n      graph.emit('nodeselectchange', {\n        target: item,\n        selectedItems: {\n          nodes: selectedNodes,\n          combos: selectedCombos\n        },\n        select: true\n      });\n    }\n  },\n  onCanvasClick: function onCanvasClick() {\n    var _this = this;\n\n    var graph = this.graph;\n    var selected = graph.findAllByState('node', this.selectedState);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(selected, function (node) {\n      graph.setItemState(node, _this.selectedState, false);\n    });\n    var selectedCombos = graph.findAllByState('combo', this.selectedState);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(selectedCombos, function (combo) {\n      graph.setItemState(combo, _this.selectedState, false);\n    });\n    graph.emit('nodeselectchange', {\n      selectedItems: {\n        nodes: [],\n        edges: [],\n        combos: []\n      },\n      select: false\n    });\n  },\n  onKeyDown: function onKeyDown(e) {\n    var self = this;\n    var code = e.key;\n\n    if (!code) {\n      return;\n    }\n\n    if (code.toLowerCase() === this.trigger.toLowerCase() || code.toLowerCase() === 'control') {\n      self.keydown = true;\n    } else {\n      self.keydown = false;\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    var self = this;\n    self.keydown = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/click-select.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/collapse-expand-combo.js":
-/*!******************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/collapse-expand-combo.js ***!
-  \******************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/*\n * @Author: Shiwu\n * @Description: 收起和展开 Combo\n */\nvar DEFAULT_TRIGGER = 'dblclick';\nvar ALLOW_EVENTS = ['click', 'dblclick'];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      trigger: DEFAULT_TRIGGER,\n      relayout: true\n    };\n  },\n  getEvents: function getEvents() {\n    var _a;\n\n    var trigger; // 检测输入是否合法\n\n    if (ALLOW_EVENTS.includes(this.trigger)) {\n      trigger = this.trigger;\n    } else {\n      trigger = DEFAULT_TRIGGER; // eslint-disable-next-line no-console\n\n      console.warn(\"Behavior collapse-expand-group 的 trigger 参数不合法，请输入 'click' 或 'dblclick'\");\n    }\n\n    return _a = {}, _a[\"combo:\" + trigger] = 'onComboClick', _a;\n  },\n  onComboClick: function onComboClick(evt) {\n    var item = evt.item;\n\n    var _a = this,\n        graph = _a.graph,\n        relayout = _a.relayout;\n\n    if (!item || item.destroyed || item.getType() !== 'combo') return;\n    var model = item.getModel();\n    var comboId = model.id;\n\n    if (!comboId) {\n      return;\n    }\n\n    graph.collapseExpandCombo(comboId);\n    if (relayout && graph.get('layout')) graph.layout();else graph.refreshPositions();\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/collapse-expand-combo.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/collapse-expand.js":
-/*!************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/collapse-expand.js ***!
-  \************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar DEFAULT_TRIGGER = 'click';\nvar ALLOW_EVENTS = ['click', 'dblclick'];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      /**\n       * 发生收缩/扩展变化时的回调\n       */\n      trigger: DEFAULT_TRIGGER,\n      onChange: function onChange() {}\n    };\n  },\n  getEvents: function getEvents() {\n    var _a;\n\n    var trigger; // 检测输入是否合法\n\n    if (ALLOW_EVENTS.includes(this.trigger)) {\n      trigger = this.trigger;\n    } else {\n      trigger = DEFAULT_TRIGGER; // eslint-disable-next-line no-console\n\n      console.warn(\"Behavior collapse-expand 的 trigger 参数不合法，请输入 'click' 或 'dblclick'\");\n    }\n\n    return _a = {}, _a[\"node:\" + trigger] = 'onNodeClick', // 支持移动端事件\n    _a.touchstart = 'onNodeClick', _a;\n  },\n  onNodeClick: function onNodeClick(e) {\n    var item = e.item;\n    if (!item) return; // 如果节点进行过更新，model 会进行 merge，直接改 model 就不能改布局，所以需要去改源数据\n\n    var sourceData = this.graph.findDataById(item.get('id'));\n\n    if (!sourceData) {\n      return;\n    }\n\n    var children = sourceData.children; // 叶子节点的收缩和展开没有意义\n\n    if (!children || children.length === 0) {\n      return;\n    }\n\n    var collapsed = !sourceData.collapsed;\n\n    if (!this.shouldBegin(e, collapsed)) {\n      return;\n    }\n\n    sourceData.collapsed = collapsed;\n    item.getModel().collapsed = collapsed;\n    this.graph.emit('itemcollapsed', {\n      item: e.item,\n      collapsed: collapsed\n    });\n\n    if (!this.shouldUpdate(e, collapsed)) {\n      return;\n    }\n\n    this.onChange(item, collapsed);\n    this.graph.layout();\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/collapse-expand.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/create-edge.js":
-/*!********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/create-edge.js ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\nvar DEFAULT_TRIGGER = 'click';\nvar ALLOW_EVENTS = ['click', 'drag'];\nvar DEFAULT_KEY = undefined;\nvar ALLOW_KEYS = ['shift', 'ctrl', 'control', 'alt', 'meta', undefined];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      trigger: DEFAULT_TRIGGER,\n      key: DEFAULT_KEY,\n      edgeConfig: {},\n      getEdgeConfig: undefined\n    };\n  },\n  getEvents: function getEvents() {\n    var self = this; // 检测输入是否合法\n\n    if (!(ALLOW_EVENTS.indexOf(self.trigger.toLowerCase()) > -1)) {\n      self.trigger = DEFAULT_TRIGGER; // eslint-disable-next-line no-console\n\n      console.warn(\"Behavior create-edge 的 trigger 参数不合法，请输入 'click'，'drag'\");\n    }\n\n    if (self.key && ALLOW_KEYS.indexOf(self.key.toLowerCase()) === -1) {\n      self.trigger = DEFAULT_KEY; // eslint-disable-next-line no-console\n\n      console.warn(\"Behavior create-edge 的 key 参数不合法，请输入 'shift'，'ctrl'，'alt'，'control'，或 undefined\");\n    }\n\n    var events;\n\n    if (self.trigger === 'drag') {\n      events = {\n        'node:dragstart': 'onClick',\n        'combo:dragstart': 'onClick',\n        drag: 'updateEndPoint',\n        'node:drop': 'onClick',\n        'combo:drop': 'onClick',\n        dragend: 'onDragEnd'\n      };\n    } else if (self.trigger === 'click') {\n      events = {\n        'node:click': 'onClick',\n        mousemove: 'updateEndPoint',\n        'edge:click': 'cancelCreating',\n        'canvas:click': 'cancelCreating',\n        'combo:click': 'onClick'\n      };\n    }\n\n    if (self.key) {\n      events.keydown = 'onKeyDown';\n      events.keyup = 'onKeyUp';\n    }\n\n    return events;\n  },\n  onDragEnd: function onDragEnd(ev) {\n    var self = this;\n    if (self.key && !self.keydown) return;\n    var item = ev.item;\n    if (!item || item.getID() === self.source || item.getType() !== 'node') self.cancelCreating({\n      item: self.edge,\n      x: ev.x,\n      y: ev.y\n    });\n  },\n  // 如果边的起点没有指定，则根据起点创建新边；如果起点已经指定而终点未指定，则指定终点\n  onClick: function onClick(ev) {\n    var self = this;\n    if (self.key && !self.keydown) return;\n    var node = ev.item;\n    var graph = self.graph;\n    var model = node.getModel();\n    var getEdgeConfig = self.getEdgeConfig; // 如果起点已经指定而终点未指定，则指定终点\n\n    if (self.addingEdge && self.edge) {\n      if (!self.shouldEnd.call(self, ev)) return;\n      var edgeConfig = void 0;\n\n      if (getEdgeConfig && Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isFunction\"])(getEdgeConfig)) {\n        edgeConfig = getEdgeConfig({\n          source: self.source,\n          target: model.id\n        });\n      } else {\n        edgeConfig = self.edgeConfig;\n      }\n\n      var updateCfg = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n        target: model.id\n      }, edgeConfig);\n\n      if (self.source === model.id) {\n        updateCfg.type = 'loop';\n      }\n\n      graph.emit('beforecreateedge', {});\n      graph.updateItem(self.edge, updateCfg, false);\n\n      if (graph.get('enabledStack')) {\n        var addedModel = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, self.edge.getModel()), {\n          itemType: 'edge'\n        });\n\n        var after = {};\n        after.edges = [addedModel];\n        graph.pushStack('add', {\n          before: {},\n          after: after\n        });\n      }\n\n      graph.emit('aftercreateedge', {\n        edge: self.edge\n      }); // 暂时将该边的 capture 恢复为 true\n\n      self.edge.getKeyShape().set('capture', true);\n      self.edge = null;\n      self.addingEdge = false;\n    } else {\n      // 如果边的起点没有指定，则根据起点创建新边\n      if (!self.shouldBegin.call(self, ev)) return; // 获取自定义 edge 配置\n\n      var edgeConfig = void 0;\n\n      if (getEdgeConfig && Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isFunction\"])(getEdgeConfig)) {\n        edgeConfig = getEdgeConfig({\n          source: model.id,\n          target: model.id\n        });\n      } else {\n        edgeConfig = self.edgeConfig;\n      }\n\n      self.edge = graph.addItem('edge', Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n        source: model.id,\n        target: model.id\n      }, edgeConfig), false);\n      self.source = model.id;\n      self.addingEdge = true; // 暂时将该边的 capture 设置为 false，这样可以拾取到后面的元素\n\n      self.edge.getKeyShape().set('capture', false);\n    }\n  },\n  // 边的起点已经确定，边的末端跟随鼠标移动\n  updateEndPoint: function updateEndPoint(ev) {\n    var self = this;\n    if (self.key && !self.keydown) return;\n    var point = {\n      x: ev.x,\n      y: ev.y\n    }; // 若此时 source 节点已经被移除，结束添加边\n\n    if (!self.graph.findById(self.source)) {\n      self.addingEdge = false;\n      return;\n    }\n\n    if (self.addingEdge && self.edge) {\n      // 更新边的终点为鼠标位置\n      self.graph.updateItem(self.edge, {\n        target: point\n      }, false);\n    }\n  },\n  // 取消增加边，删除该边；或指定终点\n  cancelCreating: function cancelCreating(ev) {\n    var self = this;\n    if (self.key && !self.keydown) return;\n    var graph = self.graph;\n    var currentEdge = ev.item;\n\n    if (self.addingEdge && ev.target && ev.target.isCanvas && ev.target.isCanvas()) {\n      graph.removeItem(self.edge, false);\n      self.edge = null;\n      self.addingEdge = false;\n      return;\n    }\n\n    if (self.addingEdge && self.edge === currentEdge) {\n      graph.removeItem(self.edge, false);\n      self.edge = null;\n      self.addingEdge = false;\n    }\n  },\n  onKeyDown: function onKeyDown(e) {\n    var self = this;\n    var code = e.key;\n\n    if (!code) {\n      return;\n    }\n\n    if (code.toLowerCase() === self.key.toLowerCase()) {\n      self.keydown = true;\n    } else {\n      self.keydown = false;\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    var self = this;\n\n    if (self.addingEdge && self.edge) {\n      // 清除正在增加的边\n      self.graph.removeItem(self.edge, false);\n      self.addingEdge = false;\n      self.edge = null;\n    }\n\n    this.keydown = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/create-edge.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-canvas.js":
-/*!********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-canvas.js ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/index.js\");\n\n\nvar cloneEvent = _util__WEBPACK_IMPORTED_MODULE_1__[\"default\"].cloneEvent,\n    isNaN = _util__WEBPACK_IMPORTED_MODULE_1__[\"default\"].isNaN;\nvar abs = Math.abs;\nvar DRAG_OFFSET = 10;\nvar ALLOW_EVENTS = ['shift', 'ctrl', 'alt', 'control'];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      direction: 'both',\n      enableOptimize: false,\n      // drag-canvas 可拖动的扩展范围，默认为 0，即最多可以拖动一屏的位置\n      // 当设置的值大于 0 时，即拖动可以超过一屏\n      // 当设置的值小于 0 时，相当于缩小了可拖动范围\n      // 具体实例可参考：https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*IFfoS67_HssAAAAAAAAAAAAAARQnAQ\n      scalableRange: 0,\n      allowDragOnItem: false\n    };\n  },\n  getEvents: function getEvents() {\n    return {\n      dragstart: 'onMouseDown',\n      drag: 'onMouseMove',\n      dragend: 'onMouseUp',\n      'canvas:click': 'onMouseUp',\n      keyup: 'onKeyUp',\n      focus: 'onKeyUp',\n      keydown: 'onKeyDown',\n      touchstart: 'onTouchStart',\n      touchmove: 'onTouchMove',\n      touchend: 'onMouseUp'\n    };\n  },\n  updateViewport: function updateViewport(e) {\n    var origin = this.origin;\n    var clientX = +e.clientX;\n    var clientY = +e.clientY;\n\n    if (isNaN(clientX) || isNaN(clientY)) {\n      return;\n    }\n\n    var dx = clientX - origin.x;\n    var dy = clientY - origin.y;\n\n    if (this.get('direction') === 'x') {\n      dy = 0;\n    } else if (this.get('direction') === 'y') {\n      dx = 0;\n    }\n\n    this.origin = {\n      x: clientX,\n      y: clientY\n    };\n    var width = this.graph.get('width');\n    var height = this.graph.get('height');\n    var graphCanvasBBox = this.graph.get('canvas').getCanvasBBox();\n\n    if (graphCanvasBBox.minX <= width + this.scalableRange && graphCanvasBBox.minX + dx > width + this.scalableRange || graphCanvasBBox.maxX + this.scalableRange >= 0 && graphCanvasBBox.maxX + this.scalableRange + dx < 0) {\n      dx = 0;\n    }\n\n    if (graphCanvasBBox.minY <= height + this.scalableRange && graphCanvasBBox.minY + dy > height + this.scalableRange || graphCanvasBBox.maxY + this.scalableRange >= 0 && graphCanvasBBox.maxY + this.scalableRange + dy < 0) {\n      dy = 0;\n    }\n\n    this.graph.translate(dx, dy);\n  },\n  onTouchStart: function onTouchStart(e) {\n    var self = this;\n    var touches = e.originalEvent.touches;\n    var event1 = touches[0];\n    var event2 = touches[1]; // 如果是双指操作，不允许拖拽画布\n\n    if (event1 && event2) {\n      return;\n    }\n\n    e.preventDefault();\n    self.onMouseDown(e);\n  },\n  onMouseDown: function onMouseDown(e) {\n    var self = this;\n    var event = e.originalEvent;\n\n    if (event && e.name !== _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"G6Event\"].TOUCHSTART && event.button !== 0) {\n      return;\n    }\n\n    if (e.name !== _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"G6Event\"].TOUCHSTART && typeof window !== 'undefined' && window.event && !window.event.buttons && !window.event.button) {\n      return;\n    }\n\n    if (!this.shouldBegin.call(this, e)) {\n      return;\n    }\n\n    if (self.keydown) return;\n    var target = e.target;\n    var targetIsCanvas = target && target.isCanvas && target.isCanvas();\n    if (!this.allowDragOnItem && !targetIsCanvas) return;\n    self.origin = {\n      x: e.clientX,\n      y: e.clientY\n    };\n    self.dragging = false;\n\n    if (this.enableOptimize) {\n      // 拖动 canvas 过程中隐藏所有的边及label\n      var graph = this.graph;\n      var edges = graph.getEdges();\n\n      for (var i = 0, len = edges.length; i < len; i++) {\n        var shapes = edges[i].get('group').get('children');\n        if (!shapes) continue;\n        shapes.forEach(function (shape) {\n          shape.set('ori-visibility', shape.get('ori-visibility') || shape.get('visible'));\n          shape.hide();\n        });\n      }\n\n      var nodes = graph.getNodes();\n\n      for (var j = 0, nodeLen = nodes.length; j < nodeLen; j++) {\n        var container = nodes[j].getContainer();\n        var children = container.get('children');\n\n        for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {\n          var child = children_1[_i];\n          var isKeyShape = child.get('isKeyShape');\n\n          if (!isKeyShape) {\n            child.set('ori-visibility', child.get('ori-visibility') || child.get('visible'));\n            child.hide();\n          }\n        }\n      }\n    }\n  },\n  onTouchMove: function onTouchMove(e) {\n    var self = this;\n    var touches = e.originalEvent.touches;\n    var event1 = touches[0];\n    var event2 = touches[1]; // 如果是双指操作，不允许拖拽画布，结束拖拽\n\n    if (event1 && event2) {\n      this.onMouseUp(e);\n      return;\n    }\n\n    e.preventDefault();\n    self.onMouseMove(e);\n  },\n  onMouseMove: function onMouseMove(e) {\n    var graph = this.graph;\n    if (this.keydown) return;\n    var target = e.target;\n    var targetIsCanvas = target && target.isCanvas && target.isCanvas();\n    if (!this.allowDragOnItem && !targetIsCanvas) return;\n    e = cloneEvent(e);\n\n    if (!this.origin) {\n      return;\n    }\n\n    if (!this.dragging) {\n      if (abs(this.origin.x - e.clientX) + abs(this.origin.y - e.clientY) < DRAG_OFFSET) {\n        return;\n      }\n\n      if (this.shouldBegin.call(this, e)) {\n        e.type = 'dragstart';\n        graph.emit('canvas:dragstart', e);\n        this.dragging = true;\n      }\n    } else {\n      e.type = 'drag';\n      graph.emit('canvas:drag', e);\n    }\n\n    if (this.shouldUpdate.call(this, e)) {\n      this.updateViewport(e);\n    }\n  },\n  onMouseUp: function onMouseUp(e) {\n    var graph = this.graph;\n    if (this.keydown) return;\n\n    if (this.enableOptimize) {\n      // 拖动结束后显示所有的边\n      var edges = graph.getEdges();\n\n      for (var i = 0, len = edges.length; i < len; i++) {\n        var shapes = edges[i].get('group').get('children');\n        if (!shapes) continue;\n        shapes.forEach(function (shape) {\n          var oriVis = shape.get('ori-visibility');\n          if (oriVis) shape.show();\n        });\n      }\n\n      var nodes = graph.getNodes();\n\n      for (var j = 0, nodeLen = nodes.length; j < nodeLen; j++) {\n        var container = nodes[j].getContainer();\n        var children = container.get('children');\n\n        for (var _i = 0, children_2 = children; _i < children_2.length; _i++) {\n          var child = children_2[_i];\n          var isKeyShape = child.get('isKeyShape');\n\n          if (!isKeyShape) {\n            var oriVis = child.get('ori-visibility');\n            if (oriVis) child.show();\n          }\n        }\n      }\n    }\n\n    if (!this.dragging) {\n      this.origin = null;\n      return;\n    }\n\n    e = cloneEvent(e);\n\n    if (this.shouldEnd.call(this, e)) {\n      this.updateViewport(e);\n    }\n\n    e.type = 'dragend';\n    graph.emit('canvas:dragend', e);\n    this.endDrag();\n  },\n  endDrag: function endDrag() {\n    this.origin = null;\n    this.dragging = false;\n    this.dragbegin = false;\n  },\n  onKeyDown: function onKeyDown(e) {\n    var self = this;\n    var code = e.key;\n\n    if (!code) {\n      return;\n    }\n\n    if (ALLOW_EVENTS.indexOf(code.toLowerCase()) > -1) {\n      self.keydown = true;\n    } else {\n      self.keydown = false;\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    this.keydown = false;\n    this.origin = null;\n    this.dragging = false;\n    this.dragbegin = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-canvas.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-combo.js":
-/*!*******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-combo.js ***!
-  \*******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/global.js\");\n\n/*\n * @Author: moyee\n * @LastEditors: moyee\n * @Description: 拖动 Combo\n */\n\n\n\n\nvar calculationItemsBBox = _util__WEBPACK_IMPORTED_MODULE_2__[\"default\"].calculationItemsBBox;\n/**\n * 遍历拖动的 Combo 下的所有 Combo\n * @param data 拖动的 Combo\n * @param fn\n */\n\nvar traverseCombo = function traverseCombo(data, fn) {\n  if (fn(data) === false) {\n    return;\n  }\n\n  if (data) {\n    var combos = data.get('combos');\n\n    if (combos.length === 0) {\n      return false;\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(combos, function (child) {\n      traverseCombo(child, fn);\n    });\n  }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      enableDelegate: false,\n      delegateStyle: {},\n      // 拖动节点过程中是否只改变 Combo 的大小，而不改变其结构\n      onlyChangeComboSize: false,\n      // 拖动过程中目标 combo 状态样式\n      activeState: '',\n      selectedState: 'selected'\n    };\n  },\n  getEvents: function getEvents() {\n    return {\n      'combo:dragstart': 'onDragStart',\n      'combo:drag': 'onDrag',\n      'combo:dragend': 'onDragEnd',\n      'combo:drop': 'onDrop',\n      'node:drop': 'onNodeDrop',\n      'combo:dragenter': 'onDragEnter',\n      'combo:dragleave': 'onDragLeave'\n    };\n  },\n  validationCombo: function validationCombo(evt) {\n    var item = evt.item;\n\n    if (!item || item.destroyed) {\n      return false;\n    }\n\n    if (!this.shouldUpdate(this, evt)) {\n      return false;\n    }\n\n    var type = item.getType();\n\n    if (type !== 'combo') {\n      return false;\n    }\n\n    return true;\n  },\n  onDragStart: function onDragStart(evt) {\n    var _this = this;\n\n    var graph = this.graph;\n    var item = evt.item;\n    if (!this.validationCombo(evt)) return;\n    this.targets = []; // 获取所有选中的 Combo\n\n    var combos = graph.findAllByState('combo', this.selectedState);\n    var currentCombo = item.get('id');\n    var dragCombos = combos.filter(function (combo) {\n      var comboId = combo.get('id');\n      return currentCombo === comboId;\n    });\n\n    if (dragCombos.length === 0) {\n      this.targets.push(item);\n    } else {\n      this.targets = combos;\n    }\n\n    if (this.activeState) {\n      this.targets.map(function (combo) {\n        var model = combo.getModel();\n\n        if (model.parentId) {\n          var parentCombo = graph.findById(model.parentId);\n\n          if (parentCombo) {\n            graph.setItemState(parentCombo, _this.activeState, true);\n          }\n        }\n      });\n    }\n\n    this.point = {};\n    this.originPoint = {};\n    this.origin = {\n      x: evt.x,\n      y: evt.y\n    };\n    this.currentItemChildCombos = [];\n    traverseCombo(item, function (param) {\n      if (param.destroyed) {\n        return false;\n      }\n\n      var model = param.getModel();\n\n      _this.currentItemChildCombos.push(model.id);\n\n      return true;\n    });\n  },\n  onDrag: function onDrag(evt) {\n    var _this = this;\n\n    if (!this.origin) {\n      return;\n    }\n\n    if (!this.validationCombo(evt)) return;\n\n    if (this.enableDelegate) {\n      this.updateDelegate(evt);\n    } else {\n      if (this.activeState) {\n        var graph_1 = this.graph;\n        var item = evt.item;\n        var model_1 = item.getModel(); // 拖动过程中实时计算距离\n\n        var combos = graph_1.getCombos();\n        var sourceBBox = item.getBBox();\n        var centerX_1 = sourceBBox.centerX,\n            centerY_1 = sourceBBox.centerY,\n            width_1 = sourceBBox.width; // 参与计算的 Combo，需要排除掉：\n        // 1、拖动 combo 自己\n        // 2、拖动 combo 的 parent\n        // 3、拖动 Combo 的 children\n\n        var calcCombos = combos.filter(function (combo) {\n          var cmodel = combo.getModel(); // 被拖动的是最外层的 Combo，无 parent，排除自身和子元素\n\n          if (!model_1.parentId) {\n            return cmodel.id !== model_1.id && !_this.currentItemChildCombos.includes(cmodel.id);\n          }\n\n          return cmodel.id !== model_1.id && !_this.currentItemChildCombos.includes(cmodel.id);\n        });\n        calcCombos.map(function (combo) {\n          var _a = combo.getBBox(),\n              cx = _a.centerX,\n              cy = _a.centerY,\n              w = _a.width; // 拖动的 combo 和要进入的 combo 之间的距离\n\n\n          var disX = centerX_1 - cx;\n          var disY = centerY_1 - cy; // 圆心距离\n\n          var distance = 2 * Math.sqrt(disX * disX + disY * disY);\n\n          if (width_1 + w - distance > 0.8 * width_1) {\n            graph_1.setItemState(combo, _this.activeState, true);\n          } else {\n            graph_1.setItemState(combo, _this.activeState, false);\n          }\n        });\n      }\n\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(this.targets, function (item) {\n        _this.updateCombo(item, evt);\n      });\n    }\n  },\n  updatePositions: function updatePositions(evt) {\n    var _this = this; // 当启用 delegate 时，拖动结束时需要更新 combo\n\n\n    if (this.enableDelegate) {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(this.targets, function (item) {\n        _this.updateCombo(item, evt);\n      });\n    }\n  },\n  onDrop: function onDrop(evt) {\n    var _this = this; // 被放下的目标 combo\n\n\n    var item = evt.item;\n\n    if (!item || !this.targets || item.destroyed) {\n      return;\n    }\n\n    this.updatePositions(evt);\n    var graph = this.graph;\n    var targetModel = item.getModel();\n    this.targets.map(function (combo) {\n      var model = combo.getModel();\n\n      if (model.parentId !== targetModel.id) {\n        if (_this.activeState) {\n          graph.setItemState(item, _this.activeState, false);\n        } // 将 Combo 放置到某个 Combo 上面时，只有当 onlyChangeComboSize 为 false 时候才更新 Combo 结构\n\n\n        if (!_this.onlyChangeComboSize) {\n          graph.updateComboTree(combo, targetModel.id);\n        } else {\n          graph.updateCombo(combo);\n        }\n      } else {\n        graph.updateCombo(item);\n      }\n    });\n    this.end(item, evt); // 如果已经拖放下了，则不需要再通过距离判断了\n\n    this.endComparison = true;\n  },\n  onNodeDrop: function onNodeDrop(evt) {\n    var _this = this;\n\n    if (!this.targets || this.targets.length === 0) return;\n    this.updatePositions(evt);\n    var graph = this.graph;\n    var item = evt.item;\n    var comboId = item.getModel().comboId;\n    var droppedCombo; // 如果被放置的的节点有 comboId，且这个 comboId 与正在被拖拽的 combo 的父 id 不相同，则更新父亲为 comboId\n\n    if (comboId) {\n      if (this.activeState) {\n        var combo = graph.findById(comboId);\n        graph.setItemState(combo, this.activeState, false);\n      }\n\n      this.targets.map(function (combo) {\n        if (!_this.onlyChangeComboSize) {\n          if (comboId !== combo.getID()) {\n            droppedCombo = graph.findById(comboId);\n            if (comboId !== combo.getModel().parentId) graph.updateComboTree(combo, comboId);\n          }\n        } else {\n          graph.updateCombo(combo);\n        }\n      });\n    } else {\n      // 如果被放置的节点没有 comboId，且正在被拖拽的 combo 有父 id，则更新父亲为 undefined\n      this.targets.map(function (combo) {\n        if (!_this.onlyChangeComboSize) {\n          var model = combo.getModel();\n\n          if (model.comboId) {\n            graph.updateComboTree(combo);\n          }\n        } else {\n          graph.updateCombo(combo);\n        }\n      });\n    } // 如果已经拖放下了，则不需要再通过距离判断了\n\n\n    this.endComparison = true;\n    this.end(droppedCombo, evt);\n  },\n  onDragEnter: function onDragEnter(evt) {\n    if (!this.origin) {\n      return;\n    }\n\n    if (!this.validationCombo(evt)) return;\n    var item = evt.item;\n    var graph = this.graph;\n\n    if (this.activeState) {\n      graph.setItemState(item, this.activeState, true);\n    }\n  },\n  onDragLeave: function onDragLeave(evt) {\n    if (!this.origin) {\n      return;\n    }\n\n    if (!this.validationCombo(evt)) return;\n    var item = evt.item;\n    var graph = this.graph;\n\n    if (this.activeState) {\n      graph.setItemState(item, this.activeState, false);\n    }\n  },\n  onDragEnd: function onDragEnd(evt) {\n    if (!this.targets || this.targets.length === 0) return;\n    var item = evt.item;\n    this.updatePositions(evt);\n    var parentCombo = this.getParentCombo(item.getModel().parentId);\n    var graph = this.graph;\n\n    if (parentCombo && this.activeState) {\n      graph.setItemState(parentCombo, this.activeState, false);\n    }\n\n    this.end(undefined, evt);\n  },\n  end: function end(comboDropedOn, evt) {\n    var _this = this;\n\n    if (!this.origin) return;\n    var graph = this.graph; // 删除delegate shape\n\n    if (this.delegateShape) {\n      var delegateGroup = graph.get('delegateGroup');\n      delegateGroup.clear();\n      this.delegateShape = null;\n    }\n\n    if (comboDropedOn && this.activeState) {\n      graph.setItemState(comboDropedOn, this.activeState, false);\n    } // 若没有被放置的 combo，则是被放置在画布上\n\n\n    if (!comboDropedOn) {\n      this.targets.map(function (combo) {\n        // 将 Combo 放置到某个 Combo 上面时，只有当 onlyChangeComboSize 为 false 时候才更新 Combo 结构\n        if (!_this.onlyChangeComboSize) {\n          graph.updateComboTree(combo);\n        } else {\n          graph.updateCombo(combo);\n        }\n      });\n    }\n\n    this.point = [];\n    this.origin = null;\n    this.originPoint = null;\n    this.targets.length = 0;\n  },\n\n  /**\n   * 遍历 comboTree，分别更新 node 和 combo\n   * @param data\n   * @param fn\n   */\n  traverse: function traverse(data, fn) {\n    var _this = this;\n\n    if (fn(data) === false) {\n      return;\n    }\n\n    if (data) {\n      var combos = data.get('combos');\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(combos, function (child) {\n        _this.traverse(child, fn);\n      });\n      var nodes = data.get('nodes');\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(nodes, function (child) {\n        _this.traverse(child, fn);\n      });\n    }\n  },\n  updateCombo: function updateCombo(item, evt) {\n    var _this = this;\n\n    this.traverse(item, function (param) {\n      if (param.destroyed) {\n        return false;\n      }\n\n      _this.updateSignleItem(param, evt);\n\n      return true;\n    });\n  },\n\n  /**\n   *\n   * @param item 当前正在拖动的元素\n   * @param evt\n   */\n  updateSignleItem: function updateSignleItem(item, evt) {\n    var origin = this.origin;\n    var graph = this.graph;\n    var model = item.getModel();\n    var itemId = item.get('id');\n\n    if (!this.point[itemId]) {\n      this.point[itemId] = {\n        x: model.x,\n        y: model.y\n      };\n    }\n\n    var x = evt.x - origin.x + this.point[itemId].x;\n    var y = evt.y - origin.y + this.point[itemId].y;\n    graph.updateItem(item, {\n      x: x,\n      y: y\n    });\n  },\n\n  /**\n   * 根据 ID 获取父 Combo\n   * @param parentId 父 Combo ID\n   */\n  getParentCombo: function getParentCombo(parentId) {\n    var graph = this.graph;\n\n    if (!parentId) {\n      return undefined;\n    }\n\n    var parentCombo = graph.findById(parentId);\n\n    if (!parentCombo) {\n      return undefined;\n    }\n\n    return parentCombo;\n  },\n  updateDelegate: function updateDelegate(evt) {\n    var graph = this.graph; // 当没有 delegate shape 时创建\n\n    if (!this.delegateShape) {\n      var delegateGroup = graph.get('delegateGroup');\n      var bbox = null;\n\n      if (this.targets.length > 1) {\n        bbox = calculationItemsBBox(this.targets);\n      } else {\n        bbox = this.targets[0].getBBox();\n      }\n\n      var x = bbox.x,\n          y = bbox.y,\n          width = bbox.width,\n          height = bbox.height,\n          minX = bbox.minX,\n          minY = bbox.minY;\n      this.originPoint = {\n        x: x,\n        y: y,\n        width: width,\n        height: height,\n        minX: minX,\n        minY: minY\n      };\n\n      var attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_3__[\"default\"].delegateStyle), this.delegateStyle);\n\n      this.delegateShape = delegateGroup.addShape('rect', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          width: bbox.width,\n          height: bbox.height,\n          x: bbox.x,\n          y: bbox.y\n        }, attrs),\n        name: 'combo-delegate-shape'\n      });\n      this.delegate = this.delegateShape;\n    } else {\n      var clientX = evt.x - this.origin.x + this.originPoint.minX;\n      var clientY = evt.y - this.origin.y + this.originPoint.minY;\n      this.delegateShape.attr({\n        x: clientX,\n        y: clientY\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-combo.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-node.js":
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/index.js":
 /*!******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-node.js ***!
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/index.js ***!
   \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/global.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      updateEdge: true,\n      delegateStyle: {},\n      // 是否开启delegate\n      enableDelegate: false,\n      // 拖动节点过程中是否只改变 Combo 的大小，而不改变其结构\n      onlyChangeComboSize: false,\n      // 拖动过程中目标 combo 状态样式\n      comboActiveState: '',\n      selectedState: 'selected',\n      enableOptimize: false,\n      enableDebounce: false\n    };\n  },\n  getEvents: function getEvents() {\n    return {\n      'node:dragstart': 'onDragStart',\n      'node:drag': 'onDrag',\n      'node:dragend': 'onDragEnd',\n      'combo:dragenter': 'onDragEnter',\n      'combo:dragleave': 'onDragLeave',\n      'combo:drop': 'onDropCombo',\n      'node:drop': 'onDropNode',\n      'canvas:drop': 'onDropCanvas'\n    };\n  },\n  validationCombo: function validationCombo(item) {\n    if (!this.origin || !item || item.destroyed) {\n      return false;\n    }\n\n    var type = item.getType();\n\n    if (type !== 'combo') {\n      return false;\n    }\n\n    return true;\n  },\n\n  /**\n   * 开始拖动节点\n   * @param evt\n   */\n  onDragStart: function onDragStart(evt) {\n    var _this = this;\n\n    if (!this.shouldBegin.call(this, evt)) {\n      return;\n    }\n\n    var item = evt.item;\n\n    if (!item || item.destroyed || item.hasLocked()) {\n      return;\n    } // 拖动时，设置拖动元素的 capture 为false，则不拾取拖动的元素\n\n\n    var group = item.getContainer();\n    group.set('capture', false); // 如果拖动的target 是linkPoints / anchorPoints 则不允许拖动\n\n    var target = evt.target;\n\n    if (target) {\n      var isAnchorPoint = target.get('isAnchorPoint');\n\n      if (isAnchorPoint) {\n        return;\n      }\n    }\n\n    var graph = this.graph;\n    this.targets = []; // 将节点拖入到指定的 Combo\n\n    this.targetCombo = null; // 获取所有选中的元素\n\n    var nodes = graph.findAllByState('node', this.selectedState);\n    var currentNodeId = item.get('id'); // 当前拖动的节点是否是选中的节点\n\n    var dragNodes = nodes.filter(function (node) {\n      var nodeId = node.get('id');\n      return currentNodeId === nodeId;\n    }); // 只拖动当前节点\n\n    if (dragNodes.length === 0) {\n      this.targets.push(item);\n    } else if (nodes.length > 1) {\n      // 拖动多个节点\n      nodes.forEach(function (node) {\n        var locked = node.hasLocked();\n\n        if (!locked) {\n          _this.targets.push(node);\n        }\n      });\n    } else {\n      this.targets.push(item);\n    }\n\n    var beforeDragNodes = [];\n    this.targets.forEach(function (t) {\n      beforeDragNodes.push(Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(t.getModel()));\n    });\n    this.set('beforeDragNodes', beforeDragNodes);\n    this.hidenEdge = {};\n\n    if (this.get('updateEdge') && this.enableOptimize && !this.enableDelegate) {\n      this.targets.forEach(function (node) {\n        var edges = node.getEdges();\n        edges.forEach(function (edge) {\n          if (!edge.isVisible()) return;\n          _this.hidenEdge[edge] = true;\n          edge.hide();\n        });\n      });\n    }\n\n    this.origin = {\n      x: evt.x,\n      y: evt.y\n    };\n    this.point = {};\n    this.originPoint = {};\n  },\n\n  /**\n   * 持续拖动节点\n   * @param evt\n   */\n  onDrag: function onDrag(evt) {\n    var _this = this;\n\n    if (!this.origin) {\n      return;\n    }\n\n    if (!this.shouldUpdate(this, evt)) {\n      return;\n    }\n\n    if (this.get('enableDelegate')) {\n      this.updateDelegate(evt);\n    } else {\n      if (this.enableDebounce) this.debounceUpdate({\n        targets: this.targets,\n        graph: this.graph,\n        point: this.point,\n        origin: this.origin,\n        evt: evt,\n        updateEdge: this.get('updateEdge')\n      });else this.targets.map(function (target) {\n        _this.update(target, evt);\n      });\n    }\n  },\n\n  /**\n   * 拖动结束，设置拖动元素capture为true，更新元素位置，如果是拖动涉及到 combo，则更新 combo 结构\n   * @param evt\n   */\n  onDragEnd: function onDragEnd(evt) {\n    var _this = this;\n\n    if (!this.origin || !this.shouldEnd.call(this, evt)) {\n      return;\n    } // 拖动结束后，设置拖动元素 group 的 capture 为 true，允许拾取拖动元素\n\n\n    var item = evt.item;\n\n    if (item) {\n      var group = item.getContainer();\n      group.set('capture', true);\n    }\n\n    if (this.delegateRect) {\n      this.delegateRect.remove();\n      this.delegateRect = null;\n    }\n\n    this.updatePositions(evt);\n\n    if (this.get('updateEdge') && this.enableOptimize && !this.enableDelegate) {\n      this.targets.forEach(function (node) {\n        var edges = node.getEdges();\n        edges.forEach(function (edge) {\n          if (_this.hidenEdge[edge]) edge.show();\n          edge.refresh();\n        });\n      });\n    }\n\n    this.hidenEdge = {};\n    var graph = this.graph; // 拖动结束后，入栈\n\n    if (graph.get('enabledStack')) {\n      var stackData_1 = {\n        before: {\n          nodes: [],\n          edges: [],\n          combos: []\n        },\n        after: {\n          nodes: [],\n          edges: [],\n          combos: []\n        }\n      };\n      this.get('beforeDragNodes').forEach(function (model) {\n        stackData_1.before.nodes.push({\n          id: model.id,\n          x: model.x,\n          y: model.y\n        });\n      });\n      this.targets.forEach(function (target) {\n        var targetModel = target.getModel();\n        stackData_1.after.nodes.push({\n          id: targetModel.id,\n          x: targetModel.x,\n          y: targetModel.y\n        });\n      });\n      graph.pushStack('update', Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(stackData_1));\n    } // 拖动结束后emit事件，将当前操作的节点抛出去，目标节点为null\n\n\n    graph.emit('dragnodeend', {\n      items: this.targets,\n      targetItem: null\n    });\n    this.point = {};\n    this.origin = null;\n    this.originPoint = {};\n    this.targets.length = 0;\n    this.targetCombo = null;\n  },\n\n  /**\n   * 拖动过程中将节点放置到 combo 上\n   * @param evt\n   */\n  onDropCombo: function onDropCombo(evt) {\n    var item = evt.item;\n    if (!this.validationCombo(item)) return;\n    this.updatePositions(evt);\n    var graph = this.graph;\n\n    if (this.comboActiveState) {\n      graph.setItemState(item, this.comboActiveState, false);\n    }\n\n    this.targetCombo = item; // 拖动结束后是动态改变 Combo 大小还是将节点从 Combo 中删除\n\n    if (this.onlyChangeComboSize) {\n      // 拖动节点结束后，动态改变 Combo 的大小\n      graph.updateCombos();\n    } else {\n      var targetComboModel_1 = item.getModel();\n      this.targets.map(function (node) {\n        var nodeModel = node.getModel();\n\n        if (nodeModel.comboId !== targetComboModel_1.id) {\n          graph.updateComboTree(node, targetComboModel_1.id);\n        }\n      });\n      graph.updateCombo(item);\n    } // 将节点拖动到 combo 上面，emit事件抛出当前操作的节点及目标 combo\n\n\n    graph.emit('dragnodeend', {\n      items: this.targets,\n      targetItem: this.targetCombo\n    });\n  },\n  onDropCanvas: function onDropCanvas(evt) {\n    var graph = this.graph;\n    if (!this.targets || this.targets.length === 0) return;\n    this.updatePositions(evt);\n\n    if (this.onlyChangeComboSize) {\n      // 拖动节点结束后，动态改变 Combo 的大小\n      graph.updateCombos();\n    } else {\n      this.targets.map(function (node) {\n        // 拖动的节点有 comboId，即是从其他 combo 中拖出时才处理\n        var model = node.getModel();\n\n        if (model.comboId) {\n          graph.updateComboTree(node);\n        }\n      });\n    }\n  },\n\n  /**\n   * 拖动放置到某个 combo 中的子 node 上\n   * @param evt\n   */\n  onDropNode: function onDropNode(evt) {\n    if (!this.targets || this.targets.length === 0) return;\n    var self = this;\n    var item = evt.item;\n    this.updatePositions(evt);\n    var graph = self.graph;\n    var comboId = item.getModel().comboId;\n\n    if (comboId) {\n      if (this.onlyChangeComboSize) {\n        graph.updateCombos();\n      } else {\n        var combo = graph.findById(comboId);\n\n        if (self.comboActiveState) {\n          graph.setItemState(combo, self.comboActiveState, false);\n        }\n\n        this.targets.map(function (node) {\n          var nodeModel = node.getModel();\n\n          if (comboId !== nodeModel.comboId) {\n            graph.updateComboTree(node, comboId);\n          }\n        });\n        graph.updateCombo(combo);\n      }\n    } else {\n      this.targets.map(function (node) {\n        var model = node.getModel();\n\n        if (model.comboId) {\n          graph.updateComboTree(node);\n        }\n      });\n    } // 将节点拖动到另外个节点上面，emit 事件抛出当前操作的节点及目标节点\n\n\n    graph.emit('dragnodeend', {\n      items: this.targets,\n      targetItem: item\n    });\n  },\n\n  /**\n   * 将节点拖入到 Combo 中\n   * @param evt\n   */\n  onDragEnter: function onDragEnter(evt) {\n    var item = evt.item;\n    if (!this.validationCombo(item)) return;\n    var graph = this.graph;\n\n    if (this.comboActiveState) {\n      graph.setItemState(item, this.comboActiveState, true);\n    }\n  },\n\n  /**\n   * 将节点从 Combo 中拖出\n   * @param evt\n   */\n  onDragLeave: function onDragLeave(evt) {\n    var item = evt.item;\n    if (!this.validationCombo(item)) return;\n    var graph = this.graph;\n\n    if (this.comboActiveState) {\n      graph.setItemState(item, this.comboActiveState, false);\n    }\n  },\n  updatePositions: function updatePositions(evt) {\n    var _this = this;\n\n    if (!this.targets || this.targets.length === 0) return; // 当开启 delegate 时，拖动结束后需要更新所有已选中节点的位置\n\n    if (this.get('enableDelegate')) {\n      if (this.enableDebounce) this.debounceUpdate({\n        targets: this.targets,\n        graph: this.graph,\n        point: this.point,\n        origin: this.origin,\n        evt: evt,\n        updateEdge: this.get('updateEdge'),\n        updateFunc: this.update\n      });else this.targets.map(function (node) {\n        return _this.update(node, evt);\n      });\n    }\n  },\n\n  /**\n   * 更新节点\n   * @param item 拖动的节点实例\n   * @param evt\n   */\n  update: function update(item, evt) {\n    var origin = this.origin;\n    var model = item.get('model');\n    var nodeId = item.get('id');\n\n    if (!this.point[nodeId]) {\n      this.point[nodeId] = {\n        x: model.x || 0,\n        y: model.y || 0\n      };\n    }\n\n    var x = evt.x - origin.x + this.point[nodeId].x;\n    var y = evt.y - origin.y + this.point[nodeId].y;\n    var pos = {\n      x: x,\n      y: y\n    };\n\n    if (this.get('updateEdge')) {\n      this.graph.updateItem(item, pos, false);\n    } else {\n      item.updatePosition(pos);\n    }\n  },\n\n  /**\n   * 限流更新节点\n   * @param item 拖动的节点实例\n   * @param evt\n   */\n  debounceUpdate: Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"debounce\"])(function (event) {\n    var targets = event.targets,\n        graph = event.graph,\n        point = event.point,\n        origin = event.origin,\n        evt = event.evt,\n        updateEdge = event.updateEdge,\n        updateFunc = event.updateFunc;\n    targets.map(function (item) {\n      var model = item.get('model');\n      var nodeId = item.get('id');\n\n      if (!point[nodeId]) {\n        point[nodeId] = {\n          x: model.x || 0,\n          y: model.y || 0\n        };\n      }\n\n      var x = evt.x - origin.x + point[nodeId].x;\n      var y = evt.y - origin.y + point[nodeId].y;\n      var pos = {\n        x: x,\n        y: y\n      };\n\n      if (updateEdge) {\n        graph.updateItem(item, pos, false);\n      } else {\n        item.updatePosition(pos);\n      }\n    });\n  }, 50, true),\n\n  /**\n   * 更新拖动元素时的delegate\n   * @param {Event} e 事件句柄\n   * @param {number} x 拖动单个元素时候的x坐标\n   * @param {number} y 拖动单个元素时候的y坐标\n   */\n  updateDelegate: function updateDelegate(e) {\n    var graph = this.graph;\n\n    if (!this.delegateRect) {\n      // 拖动多个\n      var parent_1 = graph.get('group');\n      var attrs = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].delegateStyle, this.delegateStyle);\n\n      var _a = this.calculationGroupPosition(e),\n          cx = _a.x,\n          cy = _a.y,\n          width = _a.width,\n          height = _a.height,\n          minX = _a.minX,\n          minY = _a.minY;\n\n      this.originPoint = {\n        x: cx,\n        y: cy,\n        width: width,\n        height: height,\n        minX: minX,\n        minY: minY\n      }; // model上的x, y是相对于图形中心的，delegateShape是g实例，x,y是绝对坐标\n\n      this.delegateRect = parent_1.addShape('rect', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          width: width,\n          height: height,\n          x: cx,\n          y: cy\n        }, attrs),\n        name: 'rect-delegate-shape'\n      });\n      this.delegate = this.delegateRect;\n      this.delegateRect.set('capture', false);\n    } else {\n      var clientX = e.x - this.origin.x + this.originPoint.minX;\n      var clientY = e.y - this.origin.y + this.originPoint.minY;\n      this.delegateRect.attr({\n        x: clientX,\n        y: clientY\n      });\n    }\n  },\n\n  /**\n   * 计算delegate位置，包括左上角左边及宽度和高度\n   * @memberof ItemGroup\n   * @return {object} 计算出来的delegate坐标信息及宽高\n   */\n  calculationGroupPosition: function calculationGroupPosition(evt) {\n    var nodes = this.targets;\n\n    if (nodes.length === 0) {\n      nodes.push(evt.item);\n    }\n\n    var minx = Infinity;\n    var maxx = -Infinity;\n    var miny = Infinity;\n    var maxy = -Infinity; // 获取已节点的所有最大最小x y值\n\n    for (var i = 0; i < nodes.length; i++) {\n      var element = nodes[i];\n      var bbox = element.getBBox();\n      var minX = bbox.minX,\n          minY = bbox.minY,\n          maxX = bbox.maxX,\n          maxY = bbox.maxY;\n\n      if (minX < minx) {\n        minx = minX;\n      }\n\n      if (minY < miny) {\n        miny = minY;\n      }\n\n      if (maxX > maxx) {\n        maxx = maxX;\n      }\n\n      if (maxY > maxy) {\n        maxy = maxY;\n      }\n    }\n\n    var x = Math.floor(minx);\n    var y = Math.floor(miny);\n    var width = Math.ceil(maxx) - Math.floor(minx);\n    var height = Math.ceil(maxy) - Math.floor(miny);\n    return {\n      x: x,\n      y: y,\n      width: width,\n      height: height,\n      minX: minx,\n      minY: miny\n    };\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-node.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _behavior__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./behavior */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/behavior.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_behavior__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/index.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/edge-tooltip.js":
-/*!*********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/edge-tooltip.js ***!
-  \*********************************************************************************/
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/arrow.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/arrow.js ***!
+  \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _tooltip_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tooltip-base */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/tooltip-base.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      item: 'edge',\n      offset: 12,\n      formatText: function formatText(model) {\n        return \"source: \" + model.source + \" target: \" + model.target;\n      }\n    };\n  },\n  getEvents: function getEvents() {\n    return {\n      'edge:mouseenter': 'onMouseEnter',\n      'edge:mouseleave': 'onMouseLeave',\n      'edge:mousemove': 'onMouseMove',\n      afterremoveitem: 'onMouseLeave'\n    };\n  }\n}, _tooltip_base__WEBPACK_IMPORTED_MODULE_1__[\"default\"]));\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/edge-tooltip.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  triangle: function triangle(width, length, d) {\n    if (width === void 0) {\n      width = 10;\n    }\n\n    if (length === void 0) {\n      length = 15;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var path = \"M \" + begin + \",0 L \" + (begin + length) + \",-\" + width / 2 + \" L \" + (begin + length) + \",\" + width / 2 + \" Z\";\n    return path;\n  },\n  vee: function vee(width, length, d) {\n    if (width === void 0) {\n      width = 15;\n    }\n\n    if (length === void 0) {\n      length = 20;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var path = \"M \" + begin + \",0 L \" + (begin + length) + \",-\" + width / 2 + \"\\n        L \" + (begin + 2 * length / 3) + \",0 L \" + (begin + length) + \",\" + width / 2 + \" Z\";\n    return path;\n  },\n  circle: function circle(r, d) {\n    if (r === void 0) {\n      r = 5;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var path = \"M \" + begin + \", 0\\n            a \" + r + \",\" + r + \" 0 1,0 \" + r * 2 + \",0\\n            a \" + r + \",\" + r + \" 0 1,0 \" + -r * 2 + \",0\";\n    return path;\n  },\n  rect: function rect(width, length, d) {\n    if (width === void 0) {\n      width = 10;\n    }\n\n    if (length === void 0) {\n      length = 10;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var path = \"M \" + begin + \",\" + -width / 2 + \" \\n        L \" + (begin + length) + \",\" + -width / 2 + \" \\n        L \" + (begin + length) + \",\" + width / 2 + \" \\n        L \" + begin + \",\" + width / 2 + \" Z\";\n    return path;\n  },\n  diamond: function diamond(width, length, d) {\n    if (width === void 0) {\n      width = 15;\n    }\n\n    if (length === void 0) {\n      length = 15;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var path = \"M \" + begin + \",0 \\n        L \" + (begin + length / 2) + \",\" + -width / 2 + \" \\n        L \" + (begin + length) + \",0 \\n        L \" + (begin + length / 2) + \",\" + width / 2 + \" Z\";\n    return path;\n  },\n  triangleRect: function triangleRect(tWidth, tLength, rWidth, rLength, gap, d) {\n    if (tWidth === void 0) {\n      tWidth = 15;\n    }\n\n    if (tLength === void 0) {\n      tLength = 15;\n    }\n\n    if (rWidth === void 0) {\n      rWidth = 15;\n    }\n\n    if (rLength === void 0) {\n      rLength = 3;\n    }\n\n    if (gap === void 0) {\n      gap = 5;\n    }\n\n    if (d === void 0) {\n      d = 0;\n    }\n\n    var begin = d * 2;\n    var rectBegin = begin + tLength + gap;\n    var path = \"M \" + begin + \",0 L \" + (begin + tLength) + \",-\" + tWidth / 2 + \" L \" + (begin + tLength) + \",\" + tWidth / 2 + \" Z\\n            M \" + rectBegin + \", -\" + rWidth / 2 + \"\\n            L \" + (rectBegin + rLength) + \" -\" + rWidth / 2 + \"\\n            L \" + (rectBegin + rLength) + \" \" + rWidth / 2 + \"\\n            L \" + rectBegin + \" \" + rWidth / 2 + \"\\n            Z\";\n    return path;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/arrow.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/index.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/index.js ***!
-  \**************************************************************************/
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combo.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combo.js ***!
+  \*****************************************************************************/
 /*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _drag_canvas__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./drag-canvas */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-canvas.js\");\n/* harmony import */ var _drag_node__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./drag-node */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-node.js\");\n/* harmony import */ var _activate_relations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./activate-relations */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/activate-relations.js\");\n/* harmony import */ var _brush_select__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./brush-select */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/brush-select.js\");\n/* harmony import */ var _click_select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./click-select */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/click-select.js\");\n/* harmony import */ var _zoom_canvas__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./zoom-canvas */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/zoom-canvas.js\");\n/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tooltip */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/tooltip.js\");\n/* harmony import */ var _edge_tooltip__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./edge-tooltip */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/edge-tooltip.js\");\n/* harmony import */ var _collapse_expand__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./collapse-expand */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/collapse-expand.js\");\n/* harmony import */ var _drag_combo__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./drag-combo */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/drag-combo.js\");\n/* harmony import */ var _collapse_expand_combo__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./collapse-expand-combo */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/collapse-expand-combo.js\");\n/* harmony import */ var _lasso_select__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./lasso-select */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/lasso-select.js\");\n/* harmony import */ var _create_edge__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./create-edge */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/create-edge.js\");\n/* harmony import */ var _shortcuts_call__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./shortcuts-call */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/shortcuts-call.js\");\n\n // import Behavior from './behavior';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar behaviors = {\n  'drag-canvas': _drag_canvas__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  'zoom-canvas': _zoom_canvas__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  'drag-node': _drag_node__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  'activate-relations': _activate_relations__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  'brush-select': _brush_select__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  'click-select': _click_select__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n  'lasso-select': _lasso_select__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n  tooltip: _tooltip__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n  'edge-tooltip': _edge_tooltip__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n  'collapse-expand': _collapse_expand__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n  'drag-combo': _drag_combo__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n  'collapse-expand-combo': _collapse_expand_combo__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n  'create-edge': _create_edge__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n  'shortcuts-call': _shortcuts_call__WEBPACK_IMPORTED_MODULE_15__[\"default\"]\n};\nObject(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(behaviors, function (behavior, type) {\n  Object(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerBehavior\"])(type, behavior);\n}); // export default Behavior;\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _shapeBase__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shapeBase */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shapeBase.js\");\n\n\n\n\n\nvar singleCombo = {\n  itemType: 'combo',\n  // 单个图形的类型\n  shapeType: 'single-combo',\n\n  /**\n   * Combo 标题文本相对图形的位置，默认为 top\n   * 位置包括： top, bottom, left, right, center\n   * @type {String}\n   */\n  labelPosition: 'top',\n\n  /**\n   * 标题文本相对偏移，当 labelPosition 不为 center 时有效\n   * @type {Number}\n   */\n  refX: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.refX,\n  refY: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.refY,\n  options: {\n    style: {\n      stroke: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.stroke,\n      fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.fill,\n      lineWidth: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.style.fontSize\n      }\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboStateStyles)\n  },\n\n  /**\n   * 获取 Combo 宽高\n   * @internal 返回 Combo 的大小，以 [width, height] 的方式维护\n   * @param  {Object} cfg Combo 的配置项\n   * @return {Array} 宽高\n   */\n  getSize: function getSize(cfg) {\n    var size = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(cfg.size || this.options.size || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.size); // size 是数组，若长度为 1，则补长度为 2\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(size) && size.length === 1) {\n      size = [size[0], size[0]];\n    } // size 为数字，则转换为数组\n\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(size)) {\n      size = [size, size];\n    }\n\n    return size;\n  },\n  // 私有方法，不希望扩展的 Combo 复写这个方法\n  getLabelStyleByPosition: function getLabelStyleByPosition(cfg, labelCfg) {\n    var labelPosition = labelCfg.position || this.labelPosition;\n    var cfgStyle = cfg.style;\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(padding)) padding = padding[0];\n    var refX = labelCfg.refX,\n        refY = labelCfg.refY; // 考虑 refX 和 refY = 0 的场景，不用用 labelCfg.refX || Global.nodeLabel.refX\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(refX)) {\n      refX = this.refX; // 不居中时的偏移量\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(refY)) {\n      refY = this.refY; // 不居中时的偏移量\n    }\n\n    var size = this.getSize(cfg);\n    var r = Math.max(cfgStyle.r, size[0] / 2) || size[0] / 2;\n    var dis = r + padding;\n    var style;\n\n    switch (labelPosition) {\n      case 'top':\n        style = {\n          x: 0,\n          y: -dis - refY,\n          textBaseline: 'bottom',\n          textAlign: 'center'\n        };\n        break;\n\n      case 'bottom':\n        style = {\n          x: 0,\n          y: dis + refY,\n          textBaseline: 'bottom',\n          textAlign: 'center'\n        };\n        break;\n\n      case 'left':\n        style = {\n          x: -dis + refX,\n          y: 0,\n          textAlign: 'left'\n        };\n        break;\n\n      case 'center':\n        style = {\n          x: 0,\n          y: 0,\n          text: cfg.label,\n          textAlign: 'center'\n        };\n        break;\n\n      default:\n        style = {\n          x: dis + refX,\n          y: 0,\n          textAlign: 'right'\n        };\n        break;\n    }\n\n    style.text = cfg.label;\n    return style;\n  },\n  drawShape: function drawShape(cfg, group) {\n    var shapeType = this.shapeType; // || this.type，都已经加了 shapeType\n\n    var style = this.getShapeStyle(cfg);\n    var shape = group.addShape(shapeType, {\n      attrs: style,\n      draggable: true,\n      name: 'combo-shape'\n    });\n    return shape;\n  },\n  updateShape: function updateShape(cfg, item, keyShapeStyle) {\n    var keyShape = item.get('keyShape');\n    var animate = cfg.animate === undefined ? this.options.animate : cfg.animate;\n\n    if (animate && keyShape.animate) {\n      keyShape.animate(keyShapeStyle, {\n        duration: 200,\n        easing: 'easeLinear'\n      });\n    } else {\n      keyShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, keyShapeStyle));\n    }\n\n    this.updateLabel(cfg, item); // special for some types of nodes\n  }\n};\n\nvar singleComboDef = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _shapeBase__WEBPACK_IMPORTED_MODULE_4__[\"shapeBase\"]), singleCombo);\n\n_shape__WEBPACK_IMPORTED_MODULE_3__[\"default\"].registerCombo('single-combo', singleComboDef);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combo.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/lasso-select.js":
-/*!*********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/lasso-select.js ***!
-  \*********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/index.js\");\n\n\nvar isPolygonsIntersect = _util__WEBPACK_IMPORTED_MODULE_1__[\"default\"].isPolygonsIntersect,\n    pathToPoints = _util__WEBPACK_IMPORTED_MODULE_1__[\"default\"].pathToPoints;\nvar DEFAULT_TRIGGER = 'shift';\nvar ALLOW_EVENTS = ['drag', 'shift', 'ctrl', 'alt', 'control'];\n\nvar isItemIntersecPolygon = function isItemIntersecPolygon(item, polyPoints) {\n  var shapePoints;\n  var shape = item.getKeyShape();\n\n  if (item.get('type') === 'path') {\n    shapePoints = pathToPoints(shape.attr('path'));\n  } else {\n    var shapeBBox = shape.getCanvasBBox();\n    shapePoints = [[shapeBBox.minX, shapeBBox.minY], [shapeBBox.maxX, shapeBBox.minY], [shapeBBox.maxX, shapeBBox.maxY], [shapeBBox.minX, shapeBBox.maxY]];\n  }\n\n  return isPolygonsIntersect(polyPoints, shapePoints);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      delegateStyle: {\n        fill: '#EEF6FF',\n        fillOpacity: 0.4,\n        stroke: '#DDEEFE',\n        lineWidth: 1\n      },\n      onSelect: function onSelect() {},\n      onDeselect: function onDeselect() {},\n      selectedState: 'selected',\n      trigger: DEFAULT_TRIGGER,\n      includeEdges: true,\n      selectedEdges: [],\n      selectedNodes: [] // multiple: false,\n\n    };\n  },\n  getEvents: function getEvents() {\n    // 检测输入是否合法\n    if (!(ALLOW_EVENTS.indexOf(this.trigger.toLowerCase()) > -1)) {\n      this.trigger = DEFAULT_TRIGGER;\n      console.warn(\"Behavior lasso-select 的 trigger 参数不合法，请输入 'drag'、'shift'、'ctrl' 或 'alt'\");\n    }\n\n    if (this.trigger === 'drag') {\n      return {\n        dragstart: 'onDragStart',\n        drag: 'onDragMove',\n        dragend: 'onDragEnd',\n        'canvas:click': 'clearStates'\n      };\n    }\n\n    return {\n      dragstart: 'onDragStart',\n      drag: 'onDragMove',\n      dragend: 'onDragEnd',\n      keyup: 'onKeyUp',\n      keydown: 'onKeyDown',\n      'canvas:click': 'clearStates'\n    };\n  },\n  onDragStart: function onDragStart(e) {\n    var lasso = this.lasso;\n    var item = e.item; // 排除在节点上拖动\n\n    if (item) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    if (this.selectedNodes && this.selectedNodes.length !== 0) {\n      this.clearStates();\n    }\n\n    if (!lasso) {\n      lasso = this.createLasso();\n    }\n\n    this.dragging = true;\n    this.originPoint = {\n      x: e.x,\n      y: e.y\n    };\n    this.points.push(this.originPoint);\n    lasso.show();\n  },\n  onDragMove: function onDragMove(e) {\n    if (!this.dragging) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    this.points.push({\n      x: e.x,\n      y: e.y\n    });\n    this.updateLasso(e);\n  },\n  onDragEnd: function onDragEnd(e) {\n    if (!this.lasso && !this.dragging) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    this.points.push(this.originPoint);\n    this.getSelectedItems();\n    this.lasso.remove(true);\n    this.lasso = null;\n    this.points = [];\n    this.dragging = false;\n  },\n  getLassoPath: function getLassoPath() {\n    var points = this.points;\n    var path = [];\n\n    if (points.length) {\n      points.forEach(function (point, index) {\n        if (index === 0) {\n          path.push(['M', point.x, point.y]);\n        } else {\n          path.push(['L', point.x, point.y]);\n        }\n      });\n      path.push(['L', points[0].x, points[0].y]);\n    }\n\n    return path;\n  },\n  clearStates: function clearStates() {\n    var _a = this,\n        graph = _a.graph,\n        selectedState = _a.selectedState;\n\n    var nodes = graph.findAllByState('node', selectedState);\n    var edges = graph.findAllByState('edge', selectedState);\n    nodes.forEach(function (node) {\n      return graph.setItemState(node, selectedState, false);\n    });\n    edges.forEach(function (edge) {\n      return graph.setItemState(edge, selectedState, false);\n    });\n\n    if (this.onDeselect) {\n      this.onDeselect(this.selectedNodes, this.selectedEdges);\n    }\n\n    this.selectedNodes = [];\n    this.selectedEdges = [];\n    graph.emit('nodeselectchange', {\n      selectedItems: {\n        nodes: [],\n        edges: []\n      },\n      select: false\n    });\n  },\n  getSelectedItems: function getSelectedItems() {\n    var _this = this;\n\n    var _a = this,\n        graph = _a.graph,\n        shouldUpdate = _a.shouldUpdate;\n\n    var lassoContour = this.points.map(function (point) {\n      return [graph.getCanvasByPoint(point.x, point.y).x, graph.getCanvasByPoint(point.x, point.y).y];\n    });\n    var state = this.selectedState;\n    var selectedNodes = [];\n    var selectedIds = [];\n    graph.getNodes().forEach(function (node) {\n      if (isItemIntersecPolygon(node, lassoContour)) {\n        if (shouldUpdate(node, 'select')) {\n          selectedNodes.push(node);\n          var model = node.getModel();\n          selectedIds.push(model.id);\n          graph.setItemState(node, state, true);\n        }\n      }\n    });\n    var selectedEdges = [];\n\n    if (this.includeEdges) {\n      // 选中边，边的source和target都在选中的节点中时才选中\n      selectedNodes.forEach(function (node) {\n        var edges = node.getOutEdges();\n        edges.forEach(function (edge) {\n          var model = edge.getModel();\n          var source = model.source,\n              target = model.target;\n\n          if (selectedIds.includes(source) && selectedIds.includes(target) && shouldUpdate(edge, 'select')) {\n            selectedEdges.push(edge);\n            graph.setItemState(edge, _this.selectedState, true);\n          }\n        });\n      });\n    }\n\n    this.selectedEdges = selectedEdges;\n    this.selectedNodes = selectedNodes;\n\n    if (this.onSelect) {\n      this.onSelect(selectedNodes, selectedEdges);\n    }\n\n    graph.emit('nodeselectchange', {\n      selectedItems: {\n        nodes: selectedNodes,\n        edges: selectedEdges\n      },\n      select: true\n    });\n  },\n  createLasso: function createLasso() {\n    var self = this;\n    var lasso = self.graph.get('delegateGroup').addShape('path', {\n      attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n        path: []\n      }, self.delegateStyle),\n      capture: false,\n      name: 'lasso-shape'\n    });\n    this.lasso = lasso;\n    this.delegate = lasso;\n    this.points = [];\n    return lasso;\n  },\n  updateLasso: function updateLasso(e) {\n    var self = this;\n    this.lasso.attr({\n      path: self.getLassoPath()\n    });\n  },\n  onKeyDown: function onKeyDown(e) {\n    var code = e.key;\n\n    if (!code) {\n      return;\n    } // if (this.selectedNodes && this.selectedNodes.length !== 0) {\n    //   this.clearStates();\n    // }\n\n\n    if (code.toLowerCase() === this.trigger.toLowerCase()) {\n      this.keydown = true;\n    } else {\n      this.keydown = false;\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    if (this.lasso) {\n      // 清除所有选中状态后，设置拖得动状态为false，并清除框选的lasso\n      this.lasso.remove(true);\n      this.lasso = null;\n      this.points = [];\n      this.dragging = false;\n    }\n\n    this.keydown = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/lasso-select.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/shortcuts-call.js":
-/*!***********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/shortcuts-call.js ***!
-  \***********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar DEFAULT_TRIGGER = 'ctrl';\nvar ALLOW_EVENTS = ['shift', 'ctrl', 'alt', 'control'];\nvar DEFAULT_COMBINED_KEY = '1';\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      trigger: DEFAULT_TRIGGER,\n      combinedKey: DEFAULT_COMBINED_KEY,\n      functionName: 'fitView',\n      functionParams: []\n    };\n  },\n  getEvents: function getEvents() {\n    // 检测输入是否合法\n    if (!(ALLOW_EVENTS.indexOf(this.trigger.toLowerCase()) > -1)) {\n      this.trigger = DEFAULT_TRIGGER;\n      console.warn(\"Behavior shortcuts-fit-view \\u7684 trigger \\u53C2\\u6570 '\" + this.trigger + \"' \\u4E0D\\u5408\\u6CD5\\uFF0C\\u8BF7\\u8F93\\u5165 'drag'\\u3001'shift'\\u3001'ctrl' \\u6216 'alt'\");\n    }\n\n    if (this.combinedKey === this.trigger) {\n      this.combinedKey = undefined;\n    }\n\n    return {\n      keyup: 'onKeyUp',\n      keydown: 'onKeyDown'\n    };\n  },\n  onKeyDown: function onKeyDown(e) {\n    var code = e.key;\n\n    if (!code) {\n      return;\n    }\n\n    var triggerLowerCase = this.trigger.toLowerCase();\n    var codeLowerCase = code.toLowerCase(); // 按住 control 键时，允许用户设置 trigger 为 ctrl\n\n    if (!this.triggerKeydown) {\n      if (codeLowerCase === triggerLowerCase || codeLowerCase === 'control' && triggerLowerCase === 'ctrl' || codeLowerCase === 'ctrl' && triggerLowerCase === 'control') {\n        this.triggerKeydown = true;\n      } else {\n        this.triggerKeydown = false;\n      }\n    }\n\n    var graph = this.graph;\n\n    if (!graph[this.functionName]) {\n      console.warn(\"Behavior shortcuts-fit-view \\u7684 functionName \\u53C2\\u6570 '\" + this.functionName + \"' \\u4E0D\\u5408\\u6CD5\\uFF0C\\u5B83\\u4E0D\\u662F Graph \\u7684\\u4E00\\u4E2A\\u51FD\\u6570\\u540D\");\n      return {};\n    } // 未配置 combinedKey，直接 fitView\n\n\n    if (this.triggerKeydown && !this.combinedKey) {\n      if (this.functionParams && this.functionParams.length) graph[this.functionName].apply(graph, this.functionParams);else graph[this.functionName]();\n      return;\n    }\n\n    var combinedKeyLowerCase = this.combinedKey.toLowerCase();\n\n    if (this.triggerKeydown) {\n      if (codeLowerCase === combinedKeyLowerCase || codeLowerCase === 'control' && combinedKeyLowerCase === 'ctrl' || codeLowerCase === 'ctrl' && combinedKeyLowerCase === 'control') {\n        if (this.functionParams && this.functionParams.length) graph[this.functionName].apply(graph, this.functionParams);else graph[this.functionName]();\n      }\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    if (this.brush) {\n      // 清除所有选中状态后，设置拖得动状态为false，并清除框选的brush\n      this.brush.remove(true);\n      this.brush = null;\n      this.dragging = false;\n    }\n\n    this.triggerKeydown = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/shortcuts-call.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/tooltip-base.js":
-/*!*********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/tooltip-base.js ***!
-  \*********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  onMouseEnter: function onMouseEnter(e) {\n    var item = e.item;\n    this.currentTarget = item;\n    this.showTooltip(e);\n    this.graph.emit('tooltipchange', {\n      item: e.item,\n      action: 'show'\n    });\n  },\n  onMouseMove: function onMouseMove(e) {\n    if (!this.shouldUpdate(e)) {\n      this.hideTooltip();\n      return;\n    }\n\n    if (!this.currentTarget || e.item !== this.currentTarget) {\n      return;\n    }\n\n    this.updatePosition(e);\n  },\n  onMouseLeave: function onMouseLeave(e) {\n    if (!this.shouldEnd(e)) {\n      return;\n    }\n\n    this.hideTooltip();\n    this.graph.emit('tooltipchange', {\n      item: this.currentTarget,\n      action: 'hide'\n    });\n    this.currentTarget = null;\n  },\n  showTooltip: function showTooltip(e) {\n    var container = this.container;\n\n    if (!e.item || e.item.destroyed) {\n      return;\n    }\n\n    if (!container) {\n      container = this.createTooltip(this.graph.get('canvas'));\n      this.container = container;\n    }\n\n    var text = this.formatText(e.item.get('model'), e);\n    container.innerHTML = text;\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(this.container, {\n      visibility: 'visible'\n    });\n    this.updatePosition(e);\n  },\n  hideTooltip: function hideTooltip() {\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(this.container, {\n      visibility: 'hidden'\n    });\n  },\n  updatePosition: function updatePosition(e) {\n    var shouldBegin = this.get('shouldBegin');\n\n    var _a = this,\n        width = _a.width,\n        height = _a.height,\n        container = _a.container,\n        graph = _a.graph;\n\n    if (!shouldBegin(e)) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(container, {\n        visibility: 'hidden'\n      });\n      return;\n    }\n\n    var point = graph.getPointByClient(e.clientX, e.clientY);\n\n    var _b = graph.getCanvasByPoint(point.x, point.y),\n        x = _b.x,\n        y = _b.y;\n\n    var bbox = container.getBoundingClientRect();\n\n    if (x > width / 2) {\n      x -= bbox.width;\n    } else {\n      x += this.offset;\n    }\n\n    if (y > height / 2) {\n      y -= bbox.height;\n    } else {\n      y += this.offset;\n    }\n\n    var left = x + \"px\";\n    var top = y + \"px\";\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(this.container, {\n      left: left,\n      top: top,\n      visibility: 'visible'\n    });\n  },\n  createTooltip: function createTooltip(canvas) {\n    var el = canvas.get('el');\n    el.style.position = 'relative';\n    var container = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(\"<div class=\\\"g6-tooltip g6-\" + this.item + \"-tooltip\\\"></div>\");\n    el.parentNode.appendChild(container);\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(container, {\n      position: 'absolute',\n      visibility: 'visible'\n    });\n    this.width = canvas.get('width');\n    this.height = canvas.get('height');\n    this.container = container;\n    this.graph.get('tooltips').push(container);\n    return container;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/tooltip-base.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/tooltip.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/tooltip.js ***!
-  \****************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _tooltip_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tooltip-base */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/tooltip-base.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      item: 'node',\n      offset: 12,\n      formatText: function formatText(model) {\n        return model.label;\n      }\n    };\n  },\n  getEvents: function getEvents() {\n    return {\n      'node:mouseenter': 'onMouseEnter',\n      'node:mouseleave': 'onMouseLeave',\n      'node:mousemove': 'onMouseMove',\n      afterremoveitem: 'onMouseLeave'\n    };\n  }\n}, _tooltip_base__WEBPACK_IMPORTED_MODULE_1__[\"default\"]));\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/tooltip.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/zoom-canvas.js":
-/*!********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/zoom-canvas.js ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.0.4@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"ext\"].transform;\nvar DELTA = 0.05;\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      sensitivity: 2,\n      minZoom: undefined,\n      maxZoom: undefined,\n      enableOptimize: false,\n      optimizeZoom: 0.1,\n      fixSelectedItems: {\n        fixAll: false,\n        fixLineWidth: false,\n        fixLabel: false,\n        fixState: 'selected'\n      }\n    };\n  },\n  getEvents: function getEvents() {\n    var fixSelectedItems = this.fixSelectedItems;\n    if (!fixSelectedItems.fixState) fixSelectedItems.fixState = 'selected';\n\n    if (fixSelectedItems.fixAll) {\n      fixSelectedItems.fixLineWidth = true;\n      fixSelectedItems.fixLabel = true;\n    }\n\n    return {\n      wheel: 'onWheel',\n      touchstart: 'onTouchStart',\n      touchmove: 'onTouchMove',\n      touchend: 'onTouchEnd'\n    };\n  },\n  onTouchStart: function onTouchStart(evt) {\n    var touches = evt.originalEvent.touches;\n    var event1 = touches[0];\n    var event2 = touches[1];\n    evt.preventDefault(); // 如果不是缩放事件则禁止继续执行\n\n    if (!event2) {\n      return;\n    }\n\n    if (this.shouldBegin && !this.shouldBegin.call(this, evt)) {\n      return;\n    } // 第一个触摸点位置\n\n\n    this.startPoint = {\n      pageX: event1.pageX,\n      pageY: event1.pageY\n    };\n    this.moveable = true;\n\n    if (event2) {\n      this.endPoint = {\n        pageX: event2.pageX,\n        pageY: event2.pageY\n      };\n    }\n\n    this.originScale = this.graph.getZoom() || this.currentScale || 1;\n  },\n  onTouchMove: function onTouchMove(evt) {\n    if (!this.moveable) {\n      return;\n    }\n\n    evt.preventDefault();\n    var touches = evt.originalEvent.touches;\n    var event1 = touches[0];\n    var event2 = touches[1];\n\n    if (!event2) {\n      return;\n    }\n\n    if (!this.endPoint) {\n      this.endPoint = {\n        pageX: event2.pageX,\n        pageY: event2.pageY\n      };\n    } // 获取坐标之间的距离\n\n\n    var getDistance = function getDistance(start, end) {\n      return Math.hypot(end.x - start.x, end.y - start.y);\n    }; // 双指缩放比例\n\n\n    var scale = getDistance({\n      x: event1.pageX,\n      y: event1.pageY\n    }, {\n      x: event2.pageX,\n      y: event2.pageY\n    }) / getDistance({\n      x: this.startPoint.pageX,\n      y: this.startPoint.pageY\n    }, {\n      x: this.endPoint.pageX,\n      y: this.endPoint.pageY\n    }); // 应用到画布上的缩放比例\n\n    var zoom = this.originScale * scale; // 缓存当前的缩放比例\n\n    this.currentScale = zoom;\n    var minZoom = this.get('minZoom') || this.graph.get('minZoom');\n    var maxZoom = this.get('maxZoom') || this.graph.get('maxZoom');\n\n    if (zoom > maxZoom || zoom < minZoom) {\n      return;\n    }\n\n    var canvas = this.graph.get('canvas');\n    var point = canvas.getPointByClient(evt.clientX, evt.clientY);\n    this.graph.zoomTo(zoom, {\n      x: point.x,\n      y: point.y\n    });\n    this.graph.emit('wheelzoom', evt);\n  },\n  onTouchEnd: function onTouchEnd() {\n    this.moveable = false;\n    this.endPoint = null;\n  },\n  onWheel: function onWheel(e) {\n    var _this = this;\n\n    var _a = this,\n        graph = _a.graph,\n        fixSelectedItems = _a.fixSelectedItems;\n\n    if (this.shouldBegin && !this.shouldBegin.call(this, e)) {\n      return;\n    }\n\n    if (!this.shouldUpdate.call(this, e)) {\n      return;\n    }\n\n    e.preventDefault();\n    var canvas = graph.get('canvas');\n    var point = canvas.getPointByClient(e.clientX, e.clientY);\n    var sensitivity = this.get('sensitivity');\n    var graphZoom = graph.getZoom();\n    var ratio = graphZoom;\n    var zoom = graphZoom; // 兼容IE、Firefox及Chrome\n\n    if (e.wheelDelta < 0) {\n      ratio = 1 - DELTA * sensitivity;\n    } else {\n      ratio = 1 / (1 - DELTA * sensitivity);\n    }\n\n    zoom = graphZoom * ratio; // const zoom = ratio * graphZoom;\n\n    var minZoom = this.get('minZoom') || graph.get('minZoom');\n    var maxZoom = this.get('maxZoom') || graph.get('maxZoom');\n\n    if (zoom > maxZoom || zoom < minZoom) {\n      return;\n    } // hide the shapes when the zoom ratio is smaller than optimizeZoom\n    // hide the shapes when zoomming\n\n\n    var enableOptimize = this.get('enableOptimize');\n\n    if (enableOptimize) {\n      var optimizeZoom_1 = this.get('optimizeZoom');\n      var optimized = this.get('optimized');\n      var nodes_1 = graph.getNodes();\n      var edges_1 = graph.getEdges();\n      var nodesLength_1 = nodes_1.length;\n      var edgesLength_1 = edges_1.length; // hiding\n\n      if (!optimized) {\n        for (var n = 0; n < nodesLength_1; n++) {\n          var node = nodes_1[n];\n\n          if (!node.destroyed) {\n            var children = node.get('group').get('children');\n            var childrenLength = children.length;\n\n            for (var c = 0; c < childrenLength; c++) {\n              var shape = children[c];\n\n              if (!shape.destoryed && !shape.get('isKeyShape')) {\n                shape.set('ori-visibility', shape.get('ori-visibility') || shape.get('visible'));\n                shape.hide();\n              }\n            }\n          }\n        }\n\n        for (var edgeIndex = 0; edgeIndex < edgesLength_1; edgeIndex++) {\n          var edge = edges_1[edgeIndex];\n          var children = edge.get('group').get('children');\n          var childrenLength = children.length;\n\n          for (var c = 0; c < childrenLength; c++) {\n            var shape = children[c];\n            shape.set('ori-visibility', shape.get('ori-visibility') || shape.get('visible'));\n            shape.hide();\n          }\n        }\n\n        this.set('optimized', true);\n      } // showing after 100ms\n\n\n      clearTimeout(this.get('timeout'));\n      var timeout = setTimeout(function () {\n        var currentZoom = graph.getZoom();\n\n        var curOptimized = _this.get('optimized');\n\n        if (curOptimized) {\n          _this.set('optimized', false);\n\n          for (var n = 0; n < nodesLength_1; n++) {\n            var node = nodes_1[n];\n            var children = node.get('group').get('children');\n            var childrenLength = children.length;\n\n            if (currentZoom < optimizeZoom_1) {\n              var keyShape = node.getKeyShape();\n              var oriVis = keyShape.get('ori-visibility');\n              if (oriVis) keyShape.show();\n            } else {\n              for (var c = 0; c < childrenLength; c++) {\n                var shape = children[c];\n                var oriVis = shape.get('ori-visibility');\n\n                if (!shape.get('visible') && oriVis) {\n                  if (oriVis) shape.show();\n                }\n              }\n            }\n          }\n\n          for (var edgeIndex = 0; edgeIndex < edgesLength_1; edgeIndex++) {\n            var edge = edges_1[edgeIndex];\n            var children = edge.get('group').get('children');\n            var childrenLength = children.length;\n\n            if (currentZoom < optimizeZoom_1) {\n              var keyShape = edge.getKeyShape();\n              var oriVis = keyShape.get('ori-visibility');\n              if (oriVis) keyShape.show();\n            } else {\n              for (var c = 0; c < childrenLength; c++) {\n                var shape = children[c];\n\n                if (!shape.get('visible')) {\n                  var oriVis = shape.get('ori-visibility');\n                  if (oriVis) shape.show();\n                }\n              }\n            }\n          }\n        }\n      }, 100);\n      this.set('timeout', timeout);\n    } // fix the items when zooming\n\n\n    if (graphZoom <= 1) {\n      var fixNodes = void 0,\n          fixEdges = void 0;\n\n      if (fixSelectedItems.fixAll || fixSelectedItems.fixLineWidth || fixSelectedItems.fixLabel) {\n        fixNodes = graph.findAllByState('node', fixSelectedItems.fixState);\n        fixEdges = graph.findAllByState('edge', fixSelectedItems.fixState);\n        var scale = graphZoom / zoom;\n        var fixNodesLength = fixNodes.length;\n\n        for (var fn = 0; fn < fixNodesLength; fn++) {\n          var node = fixNodes[fn];\n          var group = node.getContainer();\n          var nodeModel = node.getModel();\n          var originStyle = node.getOriginStyle();\n          var itemStateStyle = node.getStateStyle(fixSelectedItems.fixState);\n          var shapeStateStyle = node.get('shapeFactory').getShape(nodeModel.type).getStateStyle(fixSelectedItems.fixState, node)[fixSelectedItems.fixState];\n\n          if (fixSelectedItems.fixAll) {\n            if (zoom <= 1) {\n              var groupMatrix = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(group.getMatrix());\n              if (!groupMatrix) groupMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n\n              var _b = node.getModel(),\n                  x = _b.x,\n                  y = _b.y;\n\n              groupMatrix = transform(groupMatrix, [['t', -x, -y], ['s', scale, scale], ['t', x, y]]);\n              group.setMatrix(groupMatrix);\n            }\n          } else {\n            var children = group.get('children');\n            var childrenLength = children.length;\n\n            for (var c = 0; c < childrenLength; c++) {\n              var shape = children[c];\n              var fontSize = void 0,\n                  lineWidth = void 0;\n\n              if (fixSelectedItems.fixLabel) {\n                var shapeType = shape.get('type');\n\n                if (shapeType === 'text') {\n                  fontSize = shape.attr('fontSize') || 12;\n                  var itemStyle = itemStateStyle[shape.get('name')];\n                  var shapeStyle = shapeStateStyle[shape.get('name')];\n                  var itemFontSize = itemStyle ? itemStyle.fontSize : 12;\n                  var shapeFontSize = shapeStyle ? shapeStyle.fontSize : 12;\n                  var oriFontSize = itemFontSize || shapeFontSize || 12;\n                  if (zoom <= 1) shape.attr('fontSize', oriFontSize / zoom); // * graphZoom / zoom\n\n                  if (lineWidth) break;\n                }\n              }\n\n              if (fixSelectedItems.fixLineWidth) {\n                if (shape.get('isKeyShape')) {\n                  lineWidth = shape.attr('lineWidth') || 0;\n                  var oriLineWidth = itemStateStyle.lineWidth || shapeStateStyle.lineWidth || originStyle.lineWidth || 0;\n                  if (zoom <= 1) shape.attr('lineWidth', oriLineWidth / zoom); // * graphZoom / zoom\n\n                  if (fontSize) break;\n                }\n              }\n            }\n          }\n        }\n\n        var fixEdgesLength = fixEdges.length;\n\n        for (var fe = 0; fe < fixEdgesLength; fe++) {\n          var edge = fixEdges[fe];\n          var group = edge.getContainer();\n          var children = group.get('children');\n          var nodeModel = edge.getModel();\n          var itemStateStyle = edge.getStateStyle(fixSelectedItems.fixState);\n          var shapeStateStyle = edge.get('shapeFactory').getShape(nodeModel.type).getStateStyle(fixSelectedItems.fixState, edge)[fixSelectedItems.fixState];\n          var childrenLength = children.length;\n\n          for (var c = 0; c < childrenLength; c++) {\n            var shape = children[c];\n            var fontSize = void 0,\n                lineWidth = void 0;\n\n            if (fixSelectedItems.fixLabel || fixSelectedItems.fixAll) {\n              var shapeType = shape.get('type');\n\n              if (shapeType === 'text') {\n                fontSize = shape.attr('fontSize') || 12;\n                var itemStyle = itemStateStyle[shape.get('name')];\n                var shapeStyle = shapeStateStyle[shape.get('name')];\n                var itemFontSize = itemStyle ? itemStyle.fontSize : 12;\n                var shapeFontSize = shapeStyle ? shapeStyle.fontSize : 12;\n                var oriFontSize = itemFontSize || shapeFontSize || 12;\n                if (zoom <= 1) shape.attr('fontSize', oriFontSize / zoom);\n                if (lineWidth) break;\n              }\n            }\n\n            if (fixSelectedItems.fixLineWidth || fixSelectedItems.fixAll) {\n              if (shape.get('isKeyShape')) {\n                lineWidth = shape.attr('lineWidth') || 0;\n                var oriLineWidth = itemStateStyle.lineWidth || shapeStateStyle.lineWidth || 1;\n                if (zoom <= 1) shape.attr('lineWidth', oriLineWidth / zoom);\n                if (fontSize) break;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    graph.zoomTo(zoom, {\n      x: point.x,\n      y: point.y\n    });\n    graph.emit('wheelzoom', e);\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/zoom-canvas.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/element/index.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/element/index.js ***!
-  \*************************************************************************/
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/circle.js":
+/*!*************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/circle.js ***!
+  \*************************************************************************************/
 /*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_g6_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-element */ \"./node_modules/_@antv_g6-element@0.0.16@@antv/g6-element/es/index.js\");\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/element/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n\n // 圆形 Combo\n\n_shape__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerCombo('circle', {\n  // 自定义节点时的配置\n  options: {\n    size: [_global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.size[0], _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.size[0]],\n    padding: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.padding[0],\n    animate: true,\n    style: {\n      stroke: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.style.stroke,\n      fill: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.style.fill,\n      lineWidth: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].comboLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].comboLabel.style.fontSize\n      },\n      refX: 0,\n      refY: 0\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].comboStateStyles)\n  },\n  shapeType: 'circle',\n  // 文本位置\n  labelPosition: 'top',\n  drawShape: function drawShape(cfg, group) {\n    var style = this.getShapeStyle(cfg);\n    delete style.height;\n    delete style.width;\n    var keyShape = group.addShape('circle', {\n      attrs: style,\n      className: 'circle-combo',\n      name: 'circle-combo',\n      draggable: true\n    });\n    return keyShape;\n  },\n\n  /**\n   * 获取 Combo 的样式，供基于该 Combo 自定义时使用\n   * @param {Object} cfg Combo 数据模型\n   * @return {Object} Combo 的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.options.style;\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isArray\"])(padding)) padding = padding[0];\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, defaultStyle, strokeStyle, cfg.style);\n    var r;\n\n    if (cfg.fixSize) {\n      r = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isNumber\"])(cfg.fixSize) ? cfg.fixSize : cfg.fixSize[0];\n    } else {\n      var size = this.getSize(cfg);\n      if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isNumber\"])(style.r) || isNaN(style.r)) r = size[0] / 2 || _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"].defaultCombo.style.r;else r = Math.max(style.r, size[0] / 2) || size[0] / 2;\n    }\n\n    style.r = r + padding;\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: 0,\n      y: 0\n    }, style);\n\n    if (cfg.style) cfg.style.r = r;else {\n      cfg.style = {\n        r: r\n      };\n    }\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var size = this.getSize(cfg);\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isArray\"])(padding)) padding = padding[0];\n    var cfgStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(cfg.style);\n    var r;\n\n    if (cfg.fixSize) {\n      r = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isNumber\"])(cfg.fixSize) ? cfg.fixSize : cfg.fixSize[0];\n    } else {\n      r = Math.max(cfgStyle.r, size[0] / 2) || size[0] / 2;\n    }\n\n    cfgStyle.r = r + padding;\n    var itemCacheSize = item.get('sizeCache');\n\n    if (itemCacheSize) {\n      itemCacheSize.r = cfgStyle.r;\n    } // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, keyShape.attr(), strokeStyle, cfgStyle);\n    if (cfg.style) cfg.style.r = r;else {\n      cfg.style = {\n        r: r\n      };\n    }\n    this.updateShape(cfg, item, style, true);\n  }\n}, 'single-combo');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/circle.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/global.js":
-/*!******************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/global.js ***!
-  \******************************************************************/
-/*! exports provided: default */
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/index.js":
+/*!************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/index.js ***!
+  \************************************************************************************/
+/*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _util_color__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./util/color */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/color.js\");\n\nvar subjectColor = 'rgb(95, 149, 255)';\nvar backColor = 'rgb(255, 255, 255)';\nvar textColor = 'rgb(0, 0, 0)';\nvar colorSet = Object(_util_color__WEBPACK_IMPORTED_MODULE_0__[\"getColorsWithSubjectColor\"])(subjectColor, backColor);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  version: '0.1.3',\n  rootContainerClassName: 'root-container',\n  nodeContainerClassName: 'node-container',\n  edgeContainerClassName: 'edge-container',\n  comboContainerClassName: 'combo-container',\n  delegateContainerClassName: 'delegate-container',\n  defaultLoopPosition: 'top',\n  nodeLabel: {\n    style: {\n      fill: '#000',\n      fontSize: 12,\n      textAlign: 'center',\n      textBaseline: 'middle'\n    },\n    offset: 4 // 节点的默认文本不居中时的偏移量\n\n  },\n  defaultNode: {\n    type: 'circle',\n    style: {\n      lineWidth: 1,\n      stroke: colorSet.mainStroke,\n      fill: colorSet.mainFill\n    },\n    size: 20,\n    color: colorSet.mainStroke,\n    linkPoints: {\n      size: 8,\n      lineWidth: 1,\n      fill: colorSet.activeFill,\n      stroke: colorSet.activeStroke\n    }\n  },\n  // 节点应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  nodeStateStyles: {\n    active: {\n      fill: colorSet.activeFill,\n      stroke: colorSet.activeStroke,\n      lineWidth: 2,\n      shadowColor: colorSet.mainStroke,\n      shadowBlur: 10\n    },\n    selected: {\n      fill: colorSet.selectedFill,\n      stroke: colorSet.selectedStroke,\n      lineWidth: 4,\n      shadowColor: colorSet.selectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      fill: colorSet.highlightFill,\n      stroke: colorSet.highlightStroke,\n      lineWidth: 2,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      fill: colorSet.inactiveFill,\n      stroke: colorSet.inactiveStroke,\n      lineWidth: 1\n    },\n    disable: {\n      fill: colorSet.disableFill,\n      stroke: colorSet.disableStroke,\n      lineWidth: 1\n    }\n  },\n  edgeLabel: {\n    style: {\n      fill: textColor,\n      textAlign: 'center',\n      textBaseline: 'middle',\n      fontSize: 12\n    }\n  },\n  defaultEdge: {\n    type: 'line',\n    size: 1,\n    style: {\n      stroke: colorSet.edgeMainStroke,\n      lineAppendWidth: 2\n    },\n    color: colorSet.edgeMainStroke\n  },\n  // 边应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  edgeStateStyles: {\n    active: {\n      stroke: colorSet.edgeActiveStroke,\n      lineWidth: 1\n    },\n    selected: {\n      stroke: colorSet.edgeSelectedStroke,\n      lineWidth: 2,\n      shadowColor: colorSet.edgeSelectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      stroke: colorSet.edgeHighlightStroke,\n      lineWidth: 2,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      stroke: colorSet.edgeInactiveStroke,\n      lineWidth: 1\n    },\n    disable: {\n      stroke: colorSet.edgeDisableStroke,\n      lineWidth: 1\n    }\n  },\n  comboLabel: {\n    style: {\n      fill: textColor,\n      // textAlign: 'center',\n      textBaseline: 'middle',\n      fontSize: 12\n    },\n    refY: 10,\n    refX: 10 // Combo 的默认文本不居中时的偏移量\n\n  },\n  defaultCombo: {\n    type: 'circle',\n    style: {\n      fill: colorSet.comboMainFill,\n      lineWidth: 1,\n      stroke: colorSet.comboMainStroke,\n      r: 5,\n      width: 20,\n      height: 10\n    },\n    size: [20, 5],\n    color: colorSet.comboMainStroke,\n    padding: [25, 20, 15, 20]\n  },\n  // combo 应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  comboStateStyles: {\n    active: {\n      stroke: colorSet.comboActiveStroke,\n      lineWidth: 1,\n      fill: colorSet.comboActiveFill\n    },\n    selected: {\n      stroke: colorSet.comboSelectedStroke,\n      lineWidth: 2,\n      fill: colorSet.comboSelectedFill,\n      shadowColor: colorSet.comboSelectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      stroke: colorSet.comboHighlightStroke,\n      lineWidth: 2,\n      fill: colorSet.comboHighlightFill,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      stroke: colorSet.comboInactiveStroke,\n      fill: colorSet.comboInactiveFill,\n      lineWidth: 1\n    },\n    disable: {\n      stroke: colorSet.comboDisableStroke,\n      fill: colorSet.comboDisableFill,\n      lineWidth: 1\n    }\n  },\n  delegateStyle: {\n    fill: '#F3F9FF',\n    fillOpacity: 0.5,\n    stroke: '#1890FF',\n    strokeOpacity: 0.9,\n    lineDash: [5, 5]\n  },\n  // 文本水印默认配置\n  textWaterMarkerConfig: {\n    width: 150,\n    height: 100,\n    compatible: false,\n    text: {\n      x: 0,\n      y: 60,\n      lineHeight: 20,\n      rotate: 20,\n      fontSize: 14,\n      fontFamily: 'Microsoft YaHei',\n      fill: 'rgba(0, 0, 0, 0.1)',\n      baseline: 'Middle'\n    }\n  },\n  imageWaterMarkerConfig: {\n    width: 150,\n    height: 130,\n    compatible: false,\n    image: {\n      x: 0,\n      y: 0,\n      width: 30,\n      height: 20,\n      rotate: 0\n    }\n  },\n  waterMarkerImage: 'https://gw.alipayobjects.com/os/s/prod/antv/assets/image/logo-with-text-73b8a.svg'\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/global.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _circle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./circle */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/circle.js\");\n/* harmony import */ var _rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./rect */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/rect.js\");\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/index.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/event.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/event.js ***!
-  \**********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n\n\n\n\nvar cloneEvent = _antv_g6_core__WEBPACK_IMPORTED_MODULE_3__[\"Util\"].cloneEvent,\n    isViewportChanged = _antv_g6_core__WEBPACK_IMPORTED_MODULE_3__[\"Util\"].isViewportChanged;\n\nvar EventController =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(EventController, _super);\n\n  function EventController(graph) {\n    var _this = _super.call(this, graph) || this;\n\n    _this.extendEvents = [];\n    _this.dragging = false;\n    _this.preItem = null;\n    _this.graph = graph;\n    _this.destroyed = false;\n\n    _this.initEvents();\n\n    return _this;\n  } // 初始化 G6 中的事件\n\n\n  EventController.prototype.initEvents = function () {\n    var _a = this,\n        graph = _a.graph,\n        _b = _a.extendEvents,\n        extendEvents = _b === void 0 ? [] : _b;\n\n    var canvas = graph.get('canvas'); // canvas.set('draggable', true);\n\n    var el = canvas.get('el');\n    var canvasHandler = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"wrapBehavior\"])(this, 'onCanvasEvents');\n    var originHandler = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"wrapBehavior\"])(this, 'onExtendEvents');\n    var wheelHandler = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"wrapBehavior\"])(this, 'onWheelEvent'); // each(EVENTS, event => {\n    //   canvas.off(event).on(event, canvasHandler);\n    // });\n\n    canvas.off('*').on('*', canvasHandler);\n    this.canvasHandler = canvasHandler;\n    extendEvents.push(Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"addEventListener\"])(el, 'DOMMouseScroll', wheelHandler));\n    extendEvents.push(Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"addEventListener\"])(el, 'mousewheel', wheelHandler));\n\n    if (typeof window !== 'undefined') {\n      extendEvents.push(Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"addEventListener\"])(window, 'keydown', originHandler));\n      extendEvents.push(Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"addEventListener\"])(window, 'keyup', originHandler));\n      extendEvents.push(Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"addEventListener\"])(window, 'focus', originHandler));\n    }\n  }; // 获取 shape 的 item 对象\n\n\n  EventController.getItemRoot = function (shape) {\n    while (shape && !shape.get('item')) {\n      shape = shape.get('parent');\n    }\n\n    return shape;\n  };\n  /**\n   * 处理 canvas 事件\n   * @param evt 事件句柄\n   */\n\n\n  EventController.prototype.onCanvasEvents = function (evt) {\n    var graph = this.graph;\n    var canvas = graph.get('canvas');\n    var target = evt.target;\n    var eventType = evt.type;\n    /**\n     * (clientX, clientY): 相对于页面的坐标；\n     * (canvasX, canvasY): 相对于 <canvas> 左上角的坐标；\n     * (x, y): 相对于整个画布的坐标, 与 model 的 x, y 是同一维度的。\n     */\n\n    evt.canvasX = evt.x;\n    evt.canvasY = evt.y;\n    var point = {\n      x: evt.canvasX,\n      y: evt.canvasY\n    };\n    var group = graph.get('group');\n    var matrix = group.getMatrix();\n\n    if (!matrix) {\n      matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    if (isViewportChanged(matrix)) {\n      point = graph.getPointByClient(evt.clientX, evt.clientY);\n    }\n\n    evt.x = point.x;\n    evt.y = point.y;\n    evt.currentTarget = graph;\n\n    if (target === canvas) {\n      if (eventType === 'mousemove') {\n        this.handleMouseMove(evt, 'canvas');\n      }\n\n      evt.target = canvas;\n      evt.item = null;\n      graph.emit(eventType, evt);\n      graph.emit(\"canvas:\" + eventType, evt);\n      return;\n    }\n\n    var itemShape = EventController.getItemRoot(target);\n\n    if (!itemShape) {\n      graph.emit(eventType, evt);\n      return;\n    }\n\n    var item = itemShape.get('item');\n\n    if (item.destroyed) {\n      return;\n    }\n\n    var type = item.getType(); // 事件target是触发事件的Shape实例，item是触发事件的item实例\n\n    evt.target = target;\n    evt.item = item;\n\n    if (evt.canvasX === evt.x && evt.canvasY === evt.y) {\n      var canvasPoint = graph.getCanvasByPoint(evt.x, evt.y);\n      evt.canvasX = canvasPoint.x;\n      evt.canvasY = canvasPoint.y;\n    } // emit('click', evt);\n\n\n    graph.emit(eventType, evt);\n    if (evt.name && !evt.name.includes(':')) graph.emit(type + \":\" + eventType, evt); // emit('node:click', evt)\n    else graph.emit(evt.name, evt); // emit('text-shape:click', evt)\n\n    if (eventType === 'dragstart') {\n      this.dragging = true;\n    }\n\n    if (eventType === 'dragend') {\n      this.dragging = false;\n    }\n\n    if (eventType === 'mousemove') {\n      this.handleMouseMove(evt, type);\n    }\n  };\n  /**\n   * 处理扩展事件\n   * @param evt 事件句柄\n   */\n\n\n  EventController.prototype.onExtendEvents = function (evt) {\n    this.graph.emit(evt.type, evt);\n  };\n  /**\n   * 处理滚轮事件\n   * @param evt 事件句柄\n   */\n\n\n  EventController.prototype.onWheelEvent = function (evt) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isNil\"])(evt.wheelDelta)) {\n      evt.wheelDelta = -evt.detail;\n    }\n\n    this.graph.emit('wheel', evt);\n  };\n  /**\n   * 处理鼠标移动的事件\n   * @param evt 事件句柄\n   * @param type item 类型\n   */\n\n\n  EventController.prototype.handleMouseMove = function (evt, type) {\n    var _a = this,\n        graph = _a.graph,\n        preItem = _a.preItem;\n\n    var canvas = graph.get('canvas');\n    var item = evt.target === canvas ? null : evt.item;\n    evt = cloneEvent(evt); // 从前一个item直接移动到当前item，触发前一个item的leave事件\n\n    if (preItem && preItem !== item && !preItem.destroyed) {\n      evt.item = preItem;\n      this.emitCustomEvent(preItem.getType(), 'mouseleave', evt);\n\n      if (this.dragging) {\n        this.emitCustomEvent(preItem.getType(), 'dragleave', evt);\n      }\n    } // 从一个item或canvas移动到当前item，触发当前item的enter事件\n\n\n    if (item && preItem !== item) {\n      evt.item = item;\n      this.emitCustomEvent(type, 'mouseenter', evt);\n\n      if (this.dragging) {\n        this.emitCustomEvent(type, 'dragenter', evt);\n      }\n    }\n\n    this.preItem = item;\n  };\n  /**\n   * 在 graph 上面 emit 事件\n   * @param itemType item 类型\n   * @param eventType 事件类型\n   * @param evt 事件句柄\n   */\n\n\n  EventController.prototype.emitCustomEvent = function (itemType, eventType, evt) {\n    evt.type = eventType;\n    this.graph.emit(itemType + \":\" + eventType, evt);\n  };\n\n  EventController.prototype.destroy = function () {\n    var _a = this,\n        graph = _a.graph,\n        canvasHandler = _a.canvasHandler,\n        extendEvents = _a.extendEvents;\n\n    var canvas = graph.get('canvas'); // each(EVENTS, event => {\n    //   canvas.off(event, canvasHandler);\n    // });\n\n    canvas.off('*', canvasHandler);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(extendEvents, function (event) {\n      event.remove();\n    });\n    this.dragging = false;\n    this.preItem = null;\n    this.extendEvents.length = 0;\n    this.canvasHandler = null;\n    this.destroyed = true;\n  };\n\n  return EventController;\n}(_antv_g6_core__WEBPACK_IMPORTED_MODULE_3__[\"AbstractEvent\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (EventController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/event.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/index.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/index.js ***!
-  \**********************************************************************************/
-/*! exports provided: EventController, LayoutController */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _event__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./event */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/event.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"EventController\", function() { return _event__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./layout */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/layout.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"LayoutController\", function() { return _layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/layout.js":
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/rect.js":
 /*!***********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/layout.js ***!
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/rect.js ***!
   \***********************************************************************************/
-/*! exports provided: default */
+/*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../layout */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/index.js\");\n/* harmony import */ var _layout_worker_layout_worker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../layout/worker/layout.worker */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/layout.worker.js\");\n/* harmony import */ var _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../layout/worker/layoutConst */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/layoutConst.js\");\n/* harmony import */ var _util_gpu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/gpu */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/gpu.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\n\n\n\n\n\n // eslint-disable-next-line @typescript-eslint/no-implied-eval\n\nvar mockRaf = function mockRaf(cb) {\n  return setTimeout(cb, 16);\n};\n\nvar mockCaf = function mockCaf(reqId) {\n  return clearTimeout(reqId);\n};\n\nvar helper = {\n  // pollyfill\n  requestAnimationFrame: function requestAnimationFrame(callback) {\n    var fn = typeof window !== 'undefined' ? window.requestAnimationFrame || window.webkitRequestAnimationFrame || mockRaf : mockRaf;\n    return fn(callback);\n  },\n  cancelAnimationFrame: function cancelAnimationFrame(requestId) {\n    var fn = typeof window !== 'undefined' ? window.cancelAnimationFrame || window.webkitCancelAnimationFrame || mockCaf : mockCaf;\n    return fn(requestId);\n  }\n};\nvar GPULayoutNames = ['fruchterman', 'gForce'];\n\nvar LayoutController =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(LayoutController, _super); // the configurations of the layout\n  // private layoutCfg: any; // LayoutOptions\n  // the type name of the layout\n  // private layoutType: string;\n  // private data: GraphData;\n  // private layoutMethod: typeof Layout;\n\n\n  function LayoutController(graph) {\n    var _this = _super.call(this, graph) || this;\n\n    _this.graph = graph;\n    _this.layoutCfg = graph.get('layout') || {};\n    _this.layoutType = _this.layoutCfg.type;\n    _this.worker = null;\n    _this.workerData = {};\n\n    _this.initLayout();\n\n    return _this;\n  } // eslint-disable-next-line class-methods-use-this\n\n\n  LayoutController.prototype.initLayout = function () {// no data before rendering\n  }; // get layout worker and create one if not exists\n\n\n  LayoutController.prototype.getWorker = function () {\n    if (this.worker) {\n      return this.worker;\n    }\n\n    if (typeof Worker === 'undefined') {\n      // 如果当前浏览器不支持 web worker，则不使用 web worker\n      console.warn('Web worker is not supported in current browser.');\n      this.worker = null;\n    } else {\n      this.worker = Object(_layout_worker_layout_worker__WEBPACK_IMPORTED_MODULE_3__[\"LayoutWorker\"])(this.layoutCfg.workerScriptURL);\n    }\n\n    return this.worker;\n  }; // stop layout worker\n\n\n  LayoutController.prototype.stopWorker = function () {\n    var workerData = this.workerData;\n\n    if (!this.worker) {\n      return;\n    }\n\n    this.worker.terminate();\n    this.worker = null; // 重新开始新的布局之前，先取消之前布局的requestAnimationFrame。\n\n    if (workerData.requestId) {\n      helper.cancelAnimationFrame(workerData.requestId);\n      workerData.requestId = null;\n    }\n\n    if (workerData.requestId2) {\n      helper.cancelAnimationFrame(workerData.requestId2);\n      workerData.requestId2 = null;\n    }\n  };\n  /**\n   * @param {function} success callback\n   * @return {boolean} 是否使用web worker布局\n   */\n\n\n  LayoutController.prototype.layout = function (success) {\n    var _this = this;\n\n    var graph = this.graph;\n    this.data = this.setDataFromGraph();\n    var nodes = this.data.nodes;\n\n    if (!nodes) {\n      return false;\n    }\n\n    var width = graph.get('width');\n    var height = graph.get('height');\n    var layoutCfg = {};\n    Object.assign(layoutCfg, {\n      width: width,\n      height: height,\n      center: [width / 2, height / 2]\n    }, this.layoutCfg);\n    this.layoutCfg = layoutCfg;\n    var hasLayoutType = !!this.layoutType;\n    var layoutMethod = this.layoutMethod;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n    }\n\n    graph.emit('beforelayout');\n    var allHavePos = this.initPositions(layoutCfg.center, nodes);\n    var layoutType = this.layoutType;\n    var isGPU = false; // 防止用户直接用 -gpu 结尾指定布局\n\n    if (layoutType && layoutType.split('-')[1] === 'gpu') {\n      layoutType = layoutType.split('-')[0];\n      layoutCfg.gpuEnabled = true;\n    } // 若用户指定开启 gpu，且当前浏览器支持 webgl，且该算法存在 GPU 版本（目前仅支持 fruchterman 和 gForce），使用 gpu 版本的布局\n\n\n    if (layoutType && layoutCfg.gpuEnabled) {\n      var enableGPU = true; // 打开下面语句将会导致 webworker 报找不到 window\n\n      if (!Object(_util_gpu__WEBPACK_IMPORTED_MODULE_5__[\"gpuDetector\"])().webgl) {\n        console.warn(\"Your browser does not support webGL or GPGPU. The layout will run in CPU.\");\n        enableGPU = false;\n      }\n\n      if (!this.hasGPUVersion(layoutType)) {\n        console.warn(\"The '\" + layoutType + \"' layout does not support GPU calculation for now, it will run in CPU.\");\n        enableGPU = false;\n      }\n\n      if (enableGPU) {\n        layoutType = layoutType + \"-gpu\"; // layoutCfg.canvasEl = this.graph.get('canvas').get('el');\n\n        isGPU = true;\n      }\n    }\n\n    this.isGPU = isGPU;\n    this.stopWorker();\n\n    if (layoutCfg.workerEnabled && this.layoutWithWorker(this.data, success)) {\n      // 如果启用布局web worker并且浏览器支持web worker，用web worker布局。否则回退到不用web worker布局。\n      return true;\n    } // 所有布局挂载 onLayoutEnd, 在布局结束后依次执行：\n    // 执行用户自定义 onLayoutEnd，触发 afterlayout、更新节点位置、fitView/fitCenter、触发 afterrender\n\n\n    var onLayoutEnd = layoutCfg.onLayoutEnd,\n        layoutEndFormatted = layoutCfg.layoutEndFormatted;\n\n    if (!layoutEndFormatted) {\n      layoutCfg.layoutEndFormatted = true;\n\n      layoutCfg.onLayoutEnd = function () {\n        // 执行用户自定义 onLayoutEnd\n        if (onLayoutEnd) {\n          onLayoutEnd();\n        } // 触发 afterlayout\n\n\n        graph.emit('afterlayout'); // 更新节点位置\n\n        _this.refreshLayout(); // 由 graph 传入的，控制 fitView、fitCenter，并触发 afterrender\n\n\n        if (success) success();\n      };\n    }\n\n    if (layoutType === 'force' || layoutType === 'g6force' || layoutType === 'gForce') {\n      var onTick_1 = layoutCfg.onTick;\n\n      var tick = function tick() {\n        if (onTick_1) {\n          onTick_1();\n        }\n\n        graph.refreshPositions();\n      };\n\n      layoutCfg.tick = tick;\n    } else if (this.layoutType === 'comboForce') {\n      layoutCfg.comboTrees = graph.get('comboTrees');\n    }\n\n    var enableTick = false;\n\n    if (layoutType !== undefined) {\n      try {\n        layoutMethod = new _layout__WEBPACK_IMPORTED_MODULE_2__[\"Layout\"][layoutType](layoutCfg);\n      } catch (e) {\n        console.warn(\"The layout method: '\" + layoutType + \"' does not exist! Please specify it first.\");\n        return false;\n      } // 是否需要迭代的方式完成布局。这里是来自布局对象的实例属性，是由布局的定义者在布局类定义的。\n\n\n      enableTick = layoutMethod.enableTick;\n\n      if (enableTick) {\n        var onTick_2 = layoutCfg.onTick;\n\n        var tick = function tick() {\n          if (onTick_2) {\n            onTick_2();\n          }\n\n          graph.refreshPositions();\n        };\n\n        layoutMethod.tick = tick;\n      }\n\n      layoutMethod.init(this.data); // 若存在节点没有位置信息，且没有设置 layout，在 initPositions 中 random 给出了所有节点的位置，不需要再次执行 random 布局\n      // 所有节点都有位置信息，且指定了 layout，则执行布局（代表不是第一次进行布局）\n\n      if (hasLayoutType) {\n        graph.emit('beginlayout');\n        layoutMethod.execute();\n        if (layoutMethod.isCustomLayout && layoutCfg.onLayoutEnd) layoutCfg.onLayoutEnd();\n      }\n\n      this.layoutMethod = layoutMethod;\n    } // 若没有配置 layout，也需要更新画布\n\n\n    if (!this.layoutMethod && success) {\n      graph.refreshPositions();\n      success();\n    }\n\n    return false;\n  };\n  /**\n   * layout with web worker\n   * @param {object} data graph data\n   * @param {function} success callback function\n   * @return {boolean} 是否支持web worker\n   */\n\n\n  LayoutController.prototype.layoutWithWorker = function (data, success) {\n    var _this = this;\n\n    var nodes = data.nodes,\n        edges = data.edges;\n\n    var _a = this,\n        layoutCfg = _a.layoutCfg,\n        graph = _a.graph,\n        isGPU = _a.isGPU;\n\n    var worker = this.getWorker(); // 每次worker message event handler调用之间的共享数据，会被修改。\n\n    var workerData = this.workerData;\n\n    if (!worker) {\n      return false;\n    }\n\n    workerData.requestId = null;\n    workerData.requestId2 = null;\n    workerData.currentTick = null;\n    workerData.currentTickData = null;\n    graph.emit('beforelayout');\n    var offScreenCanvas = document.createElement('canvas');\n    var gpuWorkerAbility = isGPU && typeof window !== 'undefined' && // eslint-disable-next-line @typescript-eslint/dot-notation\n    window.navigator && !navigator[\"gpu\"] && // WebGPU 还不支持 OffscreenCanvas\n    'OffscreenCanvas' in window && 'transferControlToOffscreen' in offScreenCanvas; // NOTE: postMessage的message参数里面不能包含函数，否则postMessage会报错，\n    // 例如：'function could not be cloned'。\n    // 详情参考：https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm\n    // 所以这里需要把过滤layoutCfg里的函数字段过滤掉。\n\n    var filteredLayoutCfg = filterObject(layoutCfg, function (value) {\n      return typeof value !== 'function';\n    });\n\n    if (!gpuWorkerAbility) {\n      worker.postMessage({\n        type: _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].RUN,\n        nodes: nodes,\n        edges: edges,\n        layoutCfg: filteredLayoutCfg\n      });\n    } else {\n      var offscreen = offScreenCanvas.transferControlToOffscreen(); // filteredLayoutCfg.canvas = offscreen;\n\n      filteredLayoutCfg.type = filteredLayoutCfg.type + \"-gpu\";\n      worker.postMessage({\n        type: _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].GPURUN,\n        nodes: nodes,\n        edges: edges,\n        layoutCfg: filteredLayoutCfg,\n        canvas: offscreen\n      }, [offscreen]);\n    }\n\n    worker.onmessage = function (event) {\n      _this.handleWorkerMessage(event, data, success);\n    };\n\n    return true;\n  }; // success callback will be called when updating graph positions for the first time.\n\n\n  LayoutController.prototype.handleWorkerMessage = function (event, data, success) {\n    var _a = this,\n        graph = _a.graph,\n        workerData = _a.workerData,\n        layoutCfg = _a.layoutCfg;\n\n    var eventData = event.data;\n    var type = eventData.type;\n\n    var onTick = function onTick() {\n      if (layoutCfg.onTick) {\n        layoutCfg.onTick();\n      }\n    };\n\n    var onLayoutEnd = function onLayoutEnd() {\n      if (layoutCfg.onLayoutEnd) {\n        layoutCfg.onLayoutEnd();\n      }\n\n      graph.emit('afterlayout');\n    };\n\n    switch (type) {\n      case _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].TICK:\n        workerData.currentTick = eventData.currentTick;\n        workerData.currentTickData = eventData;\n\n        if (!workerData.requestId) {\n          workerData.requestId = helper.requestAnimationFrame(function requestId() {\n            updateLayoutPosition(data, eventData);\n            graph.refreshPositions();\n            onTick();\n\n            if (eventData.currentTick === 1 && success) {\n              success();\n            }\n\n            if (eventData.currentTick === eventData.totalTicks) {\n              // 如果是最后一次tick\n              onLayoutEnd();\n            } else if (workerData.currentTick === eventData.totalTicks) {\n              // 注意这里workerData.currentTick可能已经不再是前面赋值时候的值了，\n              // 因为在requestAnimationFrame等待时间里，可能产生新的tick。\n              // 如果当前tick不是最后一次tick，并且所有的tick消息都已发出来了，那么需要用最后一次tick的数据再刷新一次。\n              workerData.requestId2 = helper.requestAnimationFrame(function requestId2() {\n                updateLayoutPosition(data, workerData.currentTickData);\n                graph.refreshPositions();\n                workerData.requestId2 = null;\n                onTick();\n                onLayoutEnd();\n              });\n            }\n\n            workerData.requestId = null;\n          });\n        }\n\n        break;\n\n      case _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].END:\n        // 如果没有tick消息（非力导布局）\n        if (workerData.currentTick == null) {\n          updateLayoutPosition(data, eventData);\n          this.refreshLayout(); // 非力导布局，没有tick消息，只有end消息，所以需要执行一次回调。\n\n          if (success) {\n            success();\n          }\n\n          graph.emit('afterlayout');\n        }\n\n        break;\n\n      case _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].GPUEND:\n        // 如果没有tick消息（非力导布局）\n        if (workerData.currentTick == null) {\n          updateGPUWorkerLayoutPosition(data, eventData);\n          this.refreshLayout(); // 非力导布局，没有tick消息，只有end消息，所以需要执行一次回调。\n\n          if (success) {\n            success();\n          }\n\n          graph.emit('afterlayout');\n        }\n\n        break;\n\n      case _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].ERROR:\n        console.warn('Web-Worker layout error!', eventData.message);\n        break;\n\n      default:\n        break;\n    }\n  }; // 更新布局参数\n\n\n  LayoutController.prototype.updateLayoutCfg = function (cfg) {\n    var _a = this,\n        graph = _a.graph,\n        layoutMethod = _a.layoutMethod,\n        layoutType = _a.layoutType,\n        layoutCfg = _a.layoutCfg;\n\n    this.layoutType = cfg.type;\n\n    if (!layoutMethod || layoutMethod.destroyed) {\n      this.layoutCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_6__[\"mix\"])({}, layoutCfg, cfg);\n      this.layout();\n      return;\n    }\n\n    this.data = this.setDataFromGraph();\n    this.stopWorker();\n\n    if (cfg.workerEnabled && this.layoutWithWorker(this.data, null)) {\n      // 如果启用布局web worker并且浏览器支持web worker，用web worker布局。否则回退到不用web worker布局。\n      return;\n    }\n\n    layoutMethod.init(this.data);\n    layoutMethod.updateCfg(cfg);\n    graph.emit('beforelayout');\n    layoutMethod.execute();\n    if (layoutMethod.isCustomLayout && layoutCfg.onLayoutEnd) layoutCfg.onLayoutEnd();\n  };\n\n  LayoutController.prototype.hasGPUVersion = function (layoutName) {\n    var length = GPULayoutNames.length;\n\n    for (var i = 0; i < length; i++) {\n      if (GPULayoutNames[i] === layoutName) return true;\n    }\n\n    return false;\n  };\n\n  LayoutController.prototype.destroy = function () {\n    var layoutMethod = this.layoutMethod;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n      layoutMethod.destroyed = true;\n    }\n\n    var worker = this.worker;\n\n    if (worker) {\n      worker.terminate();\n      this.worker = null;\n    }\n\n    this.destroyed = true;\n    this.graph.set('layout', undefined);\n    this.layoutCfg = undefined;\n    this.layoutType = undefined;\n    this.layoutMethod = undefined;\n    this.graph = null;\n  };\n\n  return LayoutController;\n}(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"AbstractLayout\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (LayoutController);\n\nfunction updateLayoutPosition(data, layoutData) {\n  var nodes = data.nodes;\n  var layoutNodes = layoutData.nodes;\n  var nodeLength = nodes.length;\n\n  for (var i = 0; i < nodeLength; i++) {\n    var node = nodes[i];\n    node.x = layoutNodes[i].x;\n    node.y = layoutNodes[i].y;\n  }\n}\n\nfunction filterObject(collection, callback) {\n  var result = {};\n\n  if (collection && _typeof(collection) === 'object') {\n    Object.keys(collection).forEach(function (key) {\n      if (collection.hasOwnProperty(key) && callback(collection[key])) {\n        result[key] = collection[key];\n      }\n    });\n    return result;\n  }\n\n  return collection;\n}\n\nfunction updateGPUWorkerLayoutPosition(data, layoutData) {\n  var nodes = data.nodes;\n  var vertexEdgeData = layoutData.vertexEdgeData;\n  var nodeLength = nodes.length;\n\n  for (var i = 0; i < nodeLength; i++) {\n    var node = nodes[i];\n    var x = vertexEdgeData[4 * i];\n    var y = vertexEdgeData[4 * i + 1];\n    node.x = x;\n    node.y = y;\n  }\n}\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/layout.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js\");\n\n\n\n\n_shape__WEBPACK_IMPORTED_MODULE_3__[\"default\"].registerCombo('rect', {\n  // 自定义 Combo 时的配置\n  options: {\n    size: [40, 5],\n    padding: [25, 20, 15, 20],\n    animate: true,\n    style: {\n      radius: 0,\n      stroke: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.stroke,\n      fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.fill,\n      lineWidth: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.lineWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboLabel.style.fontSize\n      }\n    },\n    // 连接点，默认为左右\n    anchorPoints: [[0, 0.5], [1, 0.5]],\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].comboStateStyles)\n  },\n  shapeType: 'rect',\n  labelPosition: 'top',\n  drawShape: function drawShape(cfg, group) {\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('rect', {\n      attrs: style,\n      className: 'rect-combo',\n      name: 'rect-combo',\n      draggable: true\n    });\n    return keyShape;\n  },\n  // 私有方法，不希望扩展的 Combo 复写这个方法\n  getLabelStyleByPosition: function getLabelStyleByPosition(cfg, labelCfg) {\n    var labelPosition = labelCfg.position || this.labelPosition;\n    var cfgStyle = cfg.style;\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(padding)) padding = [padding, padding, padding, padding];\n    var refX = labelCfg.refX,\n        refY = labelCfg.refY; // 考虑 refX 和 refY = 0 的场景，不用用 labelCfg.refX || Global.nodeLabel.refY\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(refX)) {\n      refX = this.refX; // 不居中时的偏移量\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(refY)) {\n      refY = this.refY; // 不居中时的偏移量\n    }\n\n    var leftDis = cfgStyle.width / 2 + padding[3];\n    var topDis = cfgStyle.height / 2 + padding[0];\n    var style;\n\n    switch (labelPosition) {\n      case 'top':\n        style = {\n          x: 0 - leftDis + refX,\n          y: 0 - topDis + refY,\n          textBaseline: 'top',\n          textAlign: 'left'\n        };\n        break;\n\n      case 'bottom':\n        style = {\n          x: 0,\n          y: topDis + refY,\n          textBaseline: 'bottom',\n          textAlign: 'center'\n        };\n        break;\n\n      case 'left':\n        style = {\n          x: 0 - leftDis + refY,\n          y: 0,\n          textAlign: 'left'\n        };\n        break;\n\n      case 'center':\n        style = {\n          x: 0,\n          y: 0,\n          text: cfg.label,\n          textAlign: 'center'\n        };\n        break;\n\n      default:\n        style = {\n          x: leftDis + refX,\n          y: 0,\n          textAlign: 'right'\n        };\n        break;\n    }\n\n    style.text = cfg.label;\n    return style;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.options.style;\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(padding)) padding = [padding, padding, padding, padding];\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle, cfg.style);\n    var size = this.getSize(cfg);\n    var width;\n    var height;\n    var fixSize = cfg.collapsed && cfg.fixCollapseSize ? cfg.fixCollapseSize : cfg.fixSize;\n\n    if (fixSize) {\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(fixSize)) {\n        width = fixSize;\n        height = fixSize;\n      } else {\n        width = fixSize[0];\n        height = fixSize[1];\n      }\n    } else {\n      if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(style.width) || isNaN(style.width)) width = size[0] || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.width;else width = Math.max(style.width, size[0]) || size[0];\n      if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(style.height) || isNaN(style.height)) height = size[1] || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.style.height;else height = Math.max(style.height, size[1]) || size[1];\n    }\n\n    var x = -width / 2 - padding[3];\n    var y = -height / 2 - padding[0];\n    style.width = width + padding[1] + padding[3];\n    style.height = height + padding[0] + padding[2];\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: x,\n      y: y\n    }, style);\n\n    if (!cfg.style) {\n      cfg.style = {\n        width: width,\n        height: height\n      };\n    } else {\n      cfg.style.width = width;\n      cfg.style.height = height;\n    }\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var size = this.getSize(cfg);\n    var padding = cfg.padding || this.options.padding;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(padding)) padding = [padding, padding, padding, padding];\n    var cfgStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(cfg.style);\n    var width, height;\n    var fixSize = cfg.collapsed && cfg.fixCollapseSize ? cfg.fixCollapseSize : cfg.fixSize;\n\n    if (fixSize) {\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(fixSize)) {\n        width = fixSize;\n        height = fixSize;\n      } else {\n        width = fixSize[0];\n        height = fixSize[1];\n      }\n    } else {\n      width = Math.max(cfgStyle.width, size[0]) || size[0];\n      height = Math.max(cfgStyle.height, size[1]) || size[1];\n    }\n\n    cfgStyle.width = width + padding[1] + padding[3];\n    cfgStyle.height = height + padding[0] + padding[2];\n    var itemCacheSize = item.get('sizeCache');\n\n    if (itemCacheSize) {\n      itemCacheSize.width = cfgStyle.width;\n      itemCacheSize.height = cfgStyle.height;\n    }\n\n    cfgStyle.x = -width / 2 - padding[3];\n    cfgStyle.y = -height / 2 - padding[0]; // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, keyShape.attr(), strokeStyle, cfgStyle);\n\n    if (cfg.style) {\n      cfg.style.width = width;\n      cfg.style.height = height;\n    } else {\n      cfg.style = {\n        width: width,\n        height: height\n      };\n    }\n\n    this.updateShape(cfg, item, style, false);\n  },\n  updateShape: function updateShape(cfg, item, keyShapeStyle) {\n    var keyShape = item.get('keyShape');\n    var animate = cfg.animate === undefined ? this.options.animate : cfg.animate;\n\n    if (animate && keyShape.animate) {\n      keyShape.animate(keyShapeStyle, {\n        duration: 200,\n        easing: 'easeLinear'\n      });\n    } else {\n      keyShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, keyShapeStyle));\n    }\n\n    this.updateLabel(cfg, item);\n  }\n}, 'single-combo');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/rect.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/graph.js":
-/*!***********************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/graph.js ***!
-  \***********************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g-canvas */ \"./node_modules/_@antv_g-canvas@0.5.6@@antv/g-canvas/esm/index.js\");\n/* harmony import */ var _antv_g_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/g-svg */ \"./node_modules/_@antv_g-svg@0.5.6@@antv/g-svg/esm/index.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.0.4@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/global.js\");\n/* harmony import */ var _controller__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./controller */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/controller/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n\n\n\n\n\n\n\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_3__[\"ext\"].transform;\nvar SVG = 'svg';\n\nvar Graph =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(Graph, _super);\n\n  function Graph(cfg) {\n    var _this = _super.call(this, cfg) || this;\n\n    var defaultNode = _this.get('defaultNode');\n\n    if (!defaultNode) {\n      _this.set('defaultNode', {\n        type: 'circle'\n      });\n    }\n\n    if (!defaultNode.type) {\n      defaultNode.type = 'circle';\n\n      _this.set('defaultNode', defaultNode);\n    }\n\n    _this.destroyed = false;\n    return _this;\n  }\n\n  Graph.prototype.initLayoutController = function () {\n    var layoutController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"LayoutController\"](this);\n    this.set({\n      layoutController: layoutController\n    });\n  };\n\n  Graph.prototype.initEventController = function () {\n    var eventController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"EventController\"](this);\n    this.set({\n      eventController: eventController\n    });\n  };\n\n  Graph.prototype.initCanvas = function () {\n    var container = this.get('container');\n\n    if (typeof container === 'string') {\n      container = document.getElementById(container);\n      this.set('container', container);\n    }\n\n    if (!container) {\n      throw new Error('invalid container');\n    }\n\n    var width = this.get('width');\n    var height = this.get('height');\n    var renderer = this.get('renderer');\n    var canvas;\n\n    if (renderer === SVG) {\n      canvas = new _antv_g_svg__WEBPACK_IMPORTED_MODULE_2__[\"Canvas\"]({\n        container: container,\n        width: width,\n        height: height\n      });\n    } else {\n      var canvasCfg = {\n        container: container,\n        width: width,\n        height: height\n      };\n      var pixelRatio = this.get('pixelRatio');\n\n      if (pixelRatio) {\n        canvasCfg.pixelRatio = pixelRatio;\n      }\n\n      canvas = new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"](canvasCfg);\n    }\n\n    this.set('canvas', canvas);\n  };\n\n  Graph.prototype.initPlugins = function () {\n    var self = this;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"each\"])(self.get('plugins'), function (plugin) {\n      if (!plugin.destroyed && plugin.initPlugin) {\n        plugin.initPlugin(self);\n      }\n    });\n  };\n  /**\n   * 返回可见区域的图的 dataUrl，用于生成图片\n   * @param {String} type 图片类型，可选值：\"image/png\" | \"image/jpeg\" | \"image/webp\" | \"image/bmp\"\n   * @param {string} backgroundColor 图片背景色\n   * @return {string} 图片 dataURL\n   */\n\n\n  Graph.prototype.toDataURL = function (type, backgroundColor) {\n    var canvas = this.get('canvas');\n    var renderer = canvas.getRenderer();\n    var canvasDom = canvas.get('el');\n    if (!type) type = 'image/png';\n    var dataURL = '';\n\n    if (renderer === 'svg') {\n      var cloneNode = canvasDom.cloneNode(true);\n      var svgDocType = document.implementation.createDocumentType('svg', '-//W3C//DTD SVG 1.1//EN', 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd');\n      var svgDoc = document.implementation.createDocument('http://www.w3.org/2000/svg', 'svg', svgDocType);\n      svgDoc.replaceChild(cloneNode, svgDoc.documentElement);\n      var svgData = new XMLSerializer().serializeToString(svgDoc);\n      dataURL = \"data:image/svg+xml;charset=utf8,\" + encodeURIComponent(svgData);\n    } else {\n      var imageData = void 0;\n      var context = canvasDom.getContext('2d');\n      var width = this.get('width');\n      var height = this.get('height');\n      var compositeOperation = void 0;\n\n      if (backgroundColor) {\n        var pixelRatio = typeof window !== 'undefined' ? window.devicePixelRatio : 1;\n        imageData = context.getImageData(0, 0, width * pixelRatio, height * pixelRatio);\n        compositeOperation = context.globalCompositeOperation;\n        context.globalCompositeOperation = 'destination-over';\n        context.fillStyle = backgroundColor;\n        context.fillRect(0, 0, width, height);\n      }\n\n      dataURL = canvasDom.toDataURL(type);\n\n      if (backgroundColor) {\n        context.clearRect(0, 0, width, height);\n        context.putImageData(imageData, 0, 0);\n        context.globalCompositeOperation = compositeOperation;\n      }\n    }\n\n    return dataURL;\n  };\n  /**\n   * 返回整个图（包括超出可见区域的部分）的 dataUrl，用于生成图片\n   * @param {Function} callback 异步生成 dataUrl 完成后的回调函数，在这里处理生成的 dataUrl 字符串\n   * @param {String} type 图片类型，可选值：\"image/png\" | \"image/jpeg\" | \"image/webp\" | \"image/bmp\"\n   * @param {Object} imageConfig 图片配置项，包括背景色和上下左右的 padding\n   */\n\n\n  Graph.prototype.toFullDataURL = function (callback, type, imageConfig) {\n    var bbox = this.get('group').getCanvasBBox();\n    var height = bbox.height;\n    var width = bbox.width;\n    var renderer = this.get('renderer');\n    var vContainerDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_8__[\"createDom\"])('<id=\"virtual-image\"></div>');\n    var backgroundColor = imageConfig ? imageConfig.backgroundColor : undefined;\n    var padding = imageConfig ? imageConfig.padding : undefined;\n    if (!padding) padding = [0, 0, 0, 0];else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"isNumber\"])(padding)) padding = [padding, padding, padding, padding];\n    var vHeight = height + padding[0] + padding[2];\n    var vWidth = width + padding[1] + padding[3];\n    var canvasOptions = {\n      container: vContainerDOM,\n      height: vHeight,\n      width: vWidth,\n      quickHit: true\n    };\n    var vCanvas = renderer === 'svg' ? new _antv_g_svg__WEBPACK_IMPORTED_MODULE_2__[\"Canvas\"](canvasOptions) : new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"](canvasOptions);\n    var group = this.get('group');\n    var vGroup = group.clone();\n    var matrix = Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"clone\"])(vGroup.getMatrix());\n    if (!matrix) matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    var centerX = (bbox.maxX + bbox.minX) / 2;\n    var centerY = (bbox.maxY + bbox.minY) / 2;\n    matrix = transform(matrix, [['t', -centerX, -centerY], ['t', width / 2 + padding[3], height / 2 + padding[0]]]);\n    vGroup.resetMatrix();\n    vGroup.setMatrix(matrix);\n    vCanvas.add(vGroup);\n    var vCanvasEl = vCanvas.get('el');\n    var dataURL = '';\n    if (!type) type = 'image/png';\n    setTimeout(function () {\n      if (renderer === 'svg') {\n        var cloneNode = vCanvasEl.cloneNode(true);\n        var svgDocType = document.implementation.createDocumentType('svg', '-//W3C//DTD SVG 1.1//EN', 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd');\n        var svgDoc = document.implementation.createDocument('http://www.w3.org/2000/svg', 'svg', svgDocType);\n        svgDoc.replaceChild(cloneNode, svgDoc.documentElement);\n        var svgData = new XMLSerializer().serializeToString(svgDoc);\n        dataURL = \"data:image/svg+xml;charset=utf8,\" + encodeURIComponent(svgData);\n      } else {\n        var imageData = void 0;\n        var context = vCanvasEl.getContext('2d');\n        var compositeOperation = void 0;\n\n        if (backgroundColor) {\n          var pixelRatio = typeof window !== 'undefined' ? window.devicePixelRatio : 1;\n          imageData = context.getImageData(0, 0, vWidth * pixelRatio, vHeight * pixelRatio);\n          compositeOperation = context.globalCompositeOperation;\n          context.globalCompositeOperation = 'destination-over';\n          context.fillStyle = backgroundColor;\n          context.fillRect(0, 0, vWidth, vHeight);\n        }\n\n        dataURL = vCanvasEl.toDataURL(type);\n\n        if (backgroundColor) {\n          context.clearRect(0, 0, vWidth, vHeight);\n          context.putImageData(imageData, 0, 0);\n          context.globalCompositeOperation = compositeOperation;\n        }\n      }\n\n      if (callback) callback(dataURL);\n    }, 16);\n  };\n  /**\n   * 导出包含全图的图片\n   * @param {String} name 图片的名称\n   * @param {String} type 图片类型，可选值：\"image/png\" | \"image/jpeg\" | \"image/webp\" | \"image/bmp\"\n   * @param {Object} imageConfig 图片配置项，包括背景色和上下左右的 padding\n   */\n\n\n  Graph.prototype.downloadFullImage = function (name, type, imageConfig) {\n    var _this = this;\n\n    var bbox = this.get('group').getCanvasBBox();\n    var height = bbox.height;\n    var width = bbox.width;\n    var renderer = this.get('renderer');\n    var vContainerDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_8__[\"createDom\"])('<id=\"virtual-image\"></div>');\n    var backgroundColor = imageConfig ? imageConfig.backgroundColor : undefined;\n    var padding = imageConfig ? imageConfig.padding : undefined;\n    if (!padding) padding = [0, 0, 0, 0];else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"isNumber\"])(padding)) padding = [padding, padding, padding, padding];\n    var vHeight = height + padding[0] + padding[2];\n    var vWidth = width + padding[1] + padding[3];\n    var canvasOptions = {\n      container: vContainerDOM,\n      height: vHeight,\n      width: vWidth\n    };\n    var vCanvas = renderer === 'svg' ? new _antv_g_svg__WEBPACK_IMPORTED_MODULE_2__[\"Canvas\"](canvasOptions) : new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"](canvasOptions);\n    var group = this.get('group');\n    var vGroup = group.clone();\n    var matrix = Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"clone\"])(vGroup.getMatrix());\n    if (!matrix) matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    var centerX = (bbox.maxX + bbox.minX) / 2;\n    var centerY = (bbox.maxY + bbox.minY) / 2;\n    matrix = transform(matrix, [['t', -centerX, -centerY], ['t', width / 2 + padding[3], height / 2 + padding[0]]]);\n    vGroup.resetMatrix();\n    vGroup.setMatrix(matrix);\n    vCanvas.add(vGroup);\n    var vCanvasEl = vCanvas.get('el');\n    if (!type) type = 'image/png';\n    setTimeout(function () {\n      var dataURL = '';\n\n      if (renderer === 'svg') {\n        var cloneNode = vCanvasEl.cloneNode(true);\n        var svgDocType = document.implementation.createDocumentType('svg', '-//W3C//DTD SVG 1.1//EN', 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd');\n        var svgDoc = document.implementation.createDocument('http://www.w3.org/2000/svg', 'svg', svgDocType);\n        svgDoc.replaceChild(cloneNode, svgDoc.documentElement);\n        var svgData = new XMLSerializer().serializeToString(svgDoc);\n        dataURL = \"data:image/svg+xml;charset=utf8,\" + encodeURIComponent(svgData);\n      } else {\n        var imageData = void 0;\n        var context = vCanvasEl.getContext('2d');\n        var compositeOperation = void 0;\n\n        if (backgroundColor) {\n          var pixelRatio = typeof window !== 'undefined' ? window.devicePixelRatio : 1;\n          imageData = context.getImageData(0, 0, vWidth * pixelRatio, vHeight * pixelRatio);\n          compositeOperation = context.globalCompositeOperation;\n          context.globalCompositeOperation = 'destination-over';\n          context.fillStyle = backgroundColor;\n          context.fillRect(0, 0, vWidth, vHeight);\n        }\n\n        dataURL = vCanvasEl.toDataURL(type);\n\n        if (backgroundColor) {\n          context.clearRect(0, 0, vWidth, vHeight);\n          context.putImageData(imageData, 0, 0);\n          context.globalCompositeOperation = compositeOperation;\n        }\n      }\n\n      var link = document.createElement('a');\n      var fileName = (name || 'graph') + (renderer === 'svg' ? '.svg' : \".\" + type.split('/')[1]);\n\n      _this.dataURLToImage(dataURL, renderer, link, fileName);\n\n      var e = document.createEvent('MouseEvents');\n      e.initEvent('click', false, false);\n      link.dispatchEvent(e);\n    }, 16);\n  };\n  /**\n   * 画布导出图片，图片仅包含画布可见区域部分内容\n   * @param {String} name 图片的名称\n   * @param {String} type 图片类型，可选值：\"image/png\" | \"image/jpeg\" | \"image/webp\" | \"image/bmp\"\n   * @param {string} backgroundColor 图片背景色\n   */\n\n\n  Graph.prototype.downloadImage = function (name, type, backgroundColor) {\n    var _this = this;\n\n    var self = this;\n\n    if (self.isAnimating()) {\n      self.stopAnimate();\n    }\n\n    var canvas = self.get('canvas');\n    var renderer = canvas.getRenderer();\n    if (!type) type = 'image/png';\n    var fileName = (name || 'graph') + (renderer === 'svg' ? '.svg' : type.split('/')[1]);\n    var link = document.createElement('a');\n    setTimeout(function () {\n      var dataURL = self.toDataURL(type, backgroundColor);\n\n      _this.dataURLToImage(dataURL, renderer, link, fileName);\n\n      var e = document.createEvent('MouseEvents');\n      e.initEvent('click', false, false);\n      link.dispatchEvent(e);\n    }, 16);\n  };\n\n  Graph.prototype.dataURLToImage = function (dataURL, renderer, link, fileName) {\n    if (typeof window !== 'undefined') {\n      if (window.Blob && window.URL && renderer !== 'svg') {\n        var arr = dataURL.split(',');\n        var mime = '';\n\n        if (arr && arr.length > 0) {\n          var match = arr[0].match(/:(.*?);/); // eslint-disable-next-line prefer-destructuring\n\n          if (match && match.length >= 2) mime = match[1];\n        }\n\n        var bstr = atob(arr[1]);\n        var n = bstr.length;\n        var u8arr = new Uint8Array(n);\n\n        while (n--) {\n          u8arr[n] = bstr.charCodeAt(n);\n        }\n\n        var blobObj_1 = new Blob([u8arr], {\n          type: mime\n        });\n\n        if (window.navigator.msSaveBlob) {\n          window.navigator.msSaveBlob(blobObj_1, fileName);\n        } else {\n          link.addEventListener('click', function () {\n            link.download = fileName;\n            link.href = window.URL.createObjectURL(blobObj_1);\n          });\n        }\n      } else {\n        link.addEventListener('click', function () {\n          link.download = fileName;\n          link.href = dataURL;\n        });\n      }\n    }\n  };\n  /**\n   * 添加插件\n   * @param {object} plugin 插件实例\n   */\n\n\n  Graph.prototype.addPlugin = function (plugin) {\n    var self = this;\n\n    if (plugin.destroyed) {\n      return;\n    }\n\n    self.get('plugins').push(plugin);\n    plugin.initPlugin(self);\n  };\n  /**\n   * 添加插件\n   * @param {object} plugin 插件实例\n   */\n\n\n  Graph.prototype.removePlugin = function (plugin) {\n    var plugins = this.get('plugins');\n    var index = plugins.indexOf(plugin);\n\n    if (index >= 0) {\n      plugin.destroyPlugin();\n      plugins.splice(index, 1);\n    }\n  };\n  /**\n   * 设置图片水印\n   * @param {string} imgURL 图片水印的url地址\n   * @param {WaterMarkerConfig} config 文本水印的配置项\n   */\n\n\n  Graph.prototype.setImageWaterMarker = function (imgURL, config) {\n    if (imgURL === void 0) {\n      imgURL = _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].waterMarkerImage;\n    }\n\n    var container = this.get('container');\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"isString\"])(container)) {\n      container = document.getElementById(container);\n    }\n\n    if (!container.style.position) {\n      container.style.position = 'relative';\n    }\n\n    var canvas = this.get('graphWaterMarker');\n    var waterMarkerConfig = Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"deepMix\"])({}, _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].imageWaterMarkerConfig, config);\n    var width = waterMarkerConfig.width,\n        height = waterMarkerConfig.height,\n        compatible = waterMarkerConfig.compatible,\n        image = waterMarkerConfig.image;\n\n    if (!canvas) {\n      var canvasCfg = {\n        container: container,\n        width: width,\n        height: height,\n        capture: false\n      };\n      var pixelRatio = this.get('pixelRatio');\n\n      if (pixelRatio) {\n        canvasCfg.pixelRatio = pixelRatio;\n      }\n\n      canvas = new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"](canvasCfg);\n      this.set('graphWaterMarker', canvas);\n    }\n\n    canvas.get('el').style.display = 'none';\n    var ctx = canvas.get('context');\n    var rotate = image.rotate,\n        x = image.x,\n        y = image.y; // 旋转20度\n\n    ctx.rotate(-rotate * Math.PI / 180);\n    var img = new Image();\n    img.crossOrigin = 'anonymous';\n    img.src = imgURL;\n\n    img.onload = function () {\n      ctx.drawImage(img, x, y, image.width, image.height); // 恢复旋转角度\n\n      ctx.rotate(rotate * Math.PI / 180); // 默认按照现代浏览器处理\n\n      if (!compatible) {\n        var box = document.querySelector('.g6-graph-watermarker');\n\n        if (!box) {\n          box = document.createElement('div');\n          box.className = 'g6-graph-watermarker';\n        }\n\n        box.className = 'g6-graph-watermarker';\n\n        if (!canvas.destroyed) {\n          box.style.cssText = \"background-image: url(\" + canvas.get('el').toDataURL('image/png') + \");background-repeat:repeat;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:-1;\";\n          container.appendChild(box);\n        }\n      } else {\n        // 当需要兼容不支持 pointer-events属性的浏览器时，将 compatible 设置为 true\n        container.style.cssText = \"background-image: url(\" + canvas.get('el').toDataURL('image/png') + \");background-repeat:repeat;\";\n      }\n    };\n  };\n  /**\n   * 设置文本水印\n   * @param {string[]} texts 水印的文本内容\n   * @param {WaterMarkerConfig} config 文本水印的配置项\n   */\n\n\n  Graph.prototype.setTextWaterMarker = function (texts, config) {\n    var container = this.get('container');\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"isString\"])(container)) {\n      container = document.getElementById(container);\n    }\n\n    if (!container.style.position) {\n      container.style.position = 'relative';\n    }\n\n    var canvas = this.get('graphWaterMarker');\n    var waterMarkerConfig = Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"deepMix\"])({}, _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].textWaterMarkerConfig, config);\n    var width = waterMarkerConfig.width,\n        height = waterMarkerConfig.height,\n        compatible = waterMarkerConfig.compatible,\n        text = waterMarkerConfig.text;\n\n    if (!canvas) {\n      var canvasCfg = {\n        container: container,\n        width: width,\n        height: height,\n        capture: false\n      };\n      var pixelRatio = this.get('pixelRatio');\n\n      if (pixelRatio) {\n        canvasCfg.pixelRatio = pixelRatio;\n      }\n\n      canvas = new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"](canvasCfg);\n      this.set('graphWaterMarker', canvas);\n    }\n\n    canvas.get('el').style.display = 'none';\n    var ctx = canvas.get('context');\n    var rotate = text.rotate,\n        fill = text.fill,\n        fontFamily = text.fontFamily,\n        fontSize = text.fontSize,\n        baseline = text.baseline,\n        x = text.x,\n        y = text.y,\n        lineHeight = text.lineHeight; // 旋转20度\n\n    ctx.rotate(-rotate * Math.PI / 180); // 设置文字样式\n\n    ctx.font = fontSize + \"px \" + fontFamily; // 设置文字颜色\n\n    ctx.fillStyle = fill;\n    ctx.textBaseline = baseline;\n\n    for (var i = texts.length - 1; i >= 0; i--) {\n      // 将文字绘制到画布\n      ctx.fillText(texts[i], x, y + i * lineHeight);\n    } // 恢复旋转角度\n\n\n    ctx.rotate(rotate * Math.PI / 180); // 默认按照现代浏览器处理\n\n    if (!compatible) {\n      var box = document.querySelector('.g6-graph-watermarker');\n\n      if (!box) {\n        box = document.createElement('div');\n        box.className = 'g6-graph-watermarker';\n      }\n\n      box.style.cssText = \"background-image: url(\" + canvas.get('el').toDataURL('image/png') + \");background-repeat:repeat;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:99;\";\n      container.appendChild(box);\n    } else {\n      // 当需要兼容不支持 pointer-events属性的浏览器时，将 compatible 设置为 true\n      container.style.cssText = \"background-image: url(\" + canvas.get('el').toDataURL('image/png') + \");background-repeat:repeat;\";\n    }\n  };\n  /**\n   * 销毁画布\n   */\n\n\n  Graph.prototype.destroy = function () {\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"each\"])(this.get('plugins'), function (plugin) {\n      plugin.destroyPlugin();\n    }); // destroy tooltip doms, removed when upgrade G6 4.0\n\n    var tooltipDOMs = this.get('tooltips');\n\n    if (tooltipDOMs) {\n      for (var i = 0; i < tooltipDOMs.length; i++) {\n        var container = tooltipDOMs[i];\n        if (!container) continue;\n        var parent_1 = container.parentElement;\n        if (!parent_1) continue;\n        parent_1.removeChild(container);\n      }\n    }\n\n    this.get('eventController').destroy();\n    this.get('layoutController').destroy(); // this.get('eventController').destroy();\n    // this.get('itemController').destroy();\n    // this.get('modeController').destroy();\n    // this.get('viewController').destroy();\n    // this.get('stateController').destroy();\n    // this.get('canvas').destroy();\n\n    if (this.get('graphWaterMarker')) {\n      this.get('graphWaterMarker').destroy();\n    }\n\n    if (document.querySelector('.g6-graph-watermarker')) {\n      document.querySelector('.g6-graph-watermarker').remove();\n    }\n\n    _super.prototype.destroy.call(this);\n  };\n\n  return Graph;\n}(_antv_g6_core__WEBPACK_IMPORTED_MODULE_5__[\"AbstractGraph\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Graph);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/graph.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/tree-graph.js":
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/edge.js":
 /*!****************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/tree-graph.js ***!
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/edge.js ***!
   \****************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js\");\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util/math */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _util_path__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util/path */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/path.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _shapeBase__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shapeBase */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shapeBase.js\");\n/**\n * @fileOverview 自定义边\n * @description 自定义边中有大量逻辑同自定义节点重复，虽然可以提取成为 mixin ，但是考虑到代码的可读性，还是单独实现。\n */\n\n\n\n\n\n\n\n\nvar CLS_SHAPE = 'edge-shape'; // start,end 倒置，center 不变\n\nfunction revertAlign(labelPosition) {\n  var textAlign = labelPosition;\n\n  if (labelPosition === 'start') {\n    textAlign = 'end';\n  } else if (labelPosition === 'end') {\n    textAlign = 'start';\n  }\n\n  return textAlign;\n}\n\nvar singleEdge = {\n  itemType: 'edge',\n\n  /**\n   * 文本的位置\n   * @type {String}\n   */\n  labelPosition: 'center',\n\n  /**\n   * 文本的 x 偏移\n   * @type {Number}\n   */\n  refX: 0,\n\n  /**\n   * 文本的 y 偏移\n   * @type {Number}\n   */\n  refY: 0,\n\n  /**\n   * 文本是否跟着线自动旋转，默认 false\n   * @type {Boolean}\n   */\n  labelAutoRotate: false,\n  // 自定义边时的配置\n  options: {\n    size: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.size,\n    style: {\n      x: 0,\n      y: 0,\n      stroke: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.style.stroke,\n      lineAppendWidth: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.style.lineAppendWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].edgeLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].edgeLabel.style.fontSize\n      }\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].edgeStateStyles)\n  },\n\n  /**\n   * 获取边的 path\n   * @internal 供扩展的边覆盖\n   * @param  {Array} points 构成边的点的集合\n   * @return {Array} 构成 path 的数组\n   */\n  getPath: function getPath(points) {\n    var path = [];\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(points, function (point, index) {\n      if (index === 0) {\n        path.push(['M', point.x, point.y]);\n      } else {\n        path.push(['L', point.x, point.y]);\n      }\n    });\n    return path;\n  },\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.options.style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle, cfg.style);\n    var size = cfg.size || _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.size;\n    cfg = this.getPathPoints(cfg);\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    var controlPoints = this.getControlPoints(cfg);\n    var points = [startPoint]; // 添加起始点\n    // 添加控制点\n\n    if (controlPoints) {\n      points = points.concat(controlPoints);\n    } // 添加结束点\n\n\n    points.push(endPoint);\n    var path = this.getPath(points);\n    var styles = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.style, {\n      stroke: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].defaultEdge.color,\n      lineWidth: size,\n      path: path\n    }, style);\n    return styles;\n  },\n  updateShapeStyle: function updateShapeStyle(cfg, item) {\n    var group = item.getContainer();\n    var strokeStyle = {\n      stroke: cfg.color\n    };\n    var shape = group.find(function (element) {\n      return element.get('className') === 'edge-shape';\n    }) || item.getKeyShape();\n    var size = cfg.size;\n    cfg = this.getPathPoints(cfg);\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    var controlPoints = this.getControlPoints(cfg); // || cfg.controlPoints;\n\n    var points = [startPoint]; // 添加起始点\n    // 添加控制点\n\n    if (controlPoints) {\n      points = points.concat(controlPoints);\n    } // 添加结束点\n\n\n    points.push(endPoint);\n    var currentAttr = shape.attr();\n    var previousStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, strokeStyle, currentAttr, cfg.style);\n    var source = cfg.sourceNode;\n    var target = cfg.targetNode;\n    var routeCfg = {\n      radius: previousStyle.radius\n    };\n\n    if (!controlPoints) {\n      routeCfg = {\n        source: source,\n        target: target,\n        offset: previousStyle.offset,\n        radius: previousStyle.radius\n      };\n    }\n\n    if (currentAttr.endArrow && previousStyle.endArrow === false) {\n      cfg.style.endArrow = {\n        path: ''\n      };\n    }\n\n    if (currentAttr.startArrow && previousStyle.startArrow === false) {// cfg.style.startArrow = {\n      //   path: '',\n      // };\n    }\n\n    var path = this.getPath(points, routeCfg);\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(strokeStyle, shape.attr(), {\n      lineWidth: size,\n      path: path\n    }, cfg.style);\n\n    if (shape) {\n      shape.attr(style);\n    }\n  },\n  getLabelStyleByPosition: function getLabelStyleByPosition(cfg, labelCfg, group) {\n    var labelPosition = labelCfg.position || this.labelPosition; // 文本的位置用户可以传入\n\n    var style = {};\n    var pathShape = group && group.find(function (element) {\n      return element.get('className') === CLS_SHAPE;\n    }); // 不对 pathShape 进行判空，如果线不存在，说明有问题了\n\n    var pointPercent;\n\n    if (labelPosition === 'start') {\n      pointPercent = 0;\n    } else if (labelPosition === 'end') {\n      pointPercent = 1;\n    } else {\n      pointPercent = 0.5;\n    } // 偏移量\n\n\n    var offsetX = labelCfg.refX || this.refX;\n    var offsetY = labelCfg.refY || this.refY; // 如果两个节点重叠，线就变成了一个点，这时候label的位置，就是这个点 + 绝对偏移\n\n    if (cfg.startPoint.x === cfg.endPoint.x && cfg.startPoint.y === cfg.endPoint.y) {\n      style.x = cfg.startPoint.x + offsetX;\n      style.y = cfg.startPoint.y + offsetY;\n      style.text = cfg.label;\n      return style;\n    }\n\n    var autoRotate;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(labelCfg.autoRotate)) autoRotate = this.labelAutoRotate;else autoRotate = labelCfg.autoRotate;\n    var offsetStyle = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_2__[\"getLabelPosition\"])(pathShape, pointPercent, offsetX, offsetY, autoRotate);\n    style.x = offsetStyle.x;\n    style.y = offsetStyle.y;\n    style.rotate = offsetStyle.rotate;\n    style.textAlign = this._getTextAlign(labelPosition, offsetStyle.angle);\n    style.text = cfg.label;\n    return style;\n  },\n  getLabelBgStyleByPosition: function getLabelBgStyleByPosition(label, cfg, labelCfg, group) {\n    if (!label) {\n      return {};\n    }\n\n    var bbox = label.getBBox();\n    var backgroundStyle = labelCfg.style && labelCfg.style.background;\n\n    if (!backgroundStyle) {\n      return {};\n    }\n\n    var padding = backgroundStyle.padding;\n    var backgroundWidth = bbox.width + padding[1] + padding[3];\n    var backgroundHeight = bbox.height + padding[0] + padding[2];\n    var labelPosition = labelCfg.position || this.labelPosition;\n\n    var style = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, backgroundStyle), {\n      width: backgroundWidth,\n      height: backgroundHeight,\n      x: bbox.minX - padding[2],\n      y: bbox.minY - padding[0],\n      rotate: 0\n    });\n\n    var autoRotate;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(labelCfg.autoRotate)) autoRotate = this.labelAutoRotate;else autoRotate = labelCfg.autoRotate;\n    var pathShape = group && group.find(function (element) {\n      return element.get('className') === CLS_SHAPE;\n    }); // 不对 pathShape 进行判空，如果线不存在，说明有问题了\n\n    var pointPercent;\n\n    if (labelPosition === 'start') {\n      pointPercent = 0;\n    } else if (labelPosition === 'end') {\n      pointPercent = 1;\n    } else {\n      pointPercent = 0.5;\n    } // 偏移量\n\n\n    var offsetX = labelCfg.refX || this.refX;\n    var offsetY = labelCfg.refY || this.refY; // // 如果两个节点重叠，线就变成了一个点，这时候label的位置，就是这个点 + 绝对偏移\n\n    if (cfg.startPoint.x === cfg.endPoint.x && cfg.startPoint.y === cfg.endPoint.y) {\n      style.x = cfg.startPoint.x + offsetX - backgroundWidth / 2;\n      style.y = cfg.startPoint.y + offsetY - backgroundHeight / 2;\n      return style;\n    }\n\n    var offsetStyle = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_2__[\"getLabelPosition\"])(pathShape, pointPercent, offsetX - backgroundWidth / 2, offsetY + backgroundHeight / 2, autoRotate);\n    var rad = offsetStyle.angle;\n\n    if (rad > 1 / 2 * Math.PI && rad < 3 * 1 / 2 * Math.PI) {\n      offsetStyle = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_2__[\"getLabelPosition\"])(pathShape, pointPercent, offsetX + backgroundWidth / 2, offsetY + backgroundHeight / 2, autoRotate);\n    }\n\n    if (autoRotate) {\n      style.x = offsetStyle.x;\n      style.y = offsetStyle.y;\n    }\n\n    style.rotate = offsetStyle.rotate;\n    return style;\n  },\n  // 获取文本对齐方式\n  _getTextAlign: function _getTextAlign(labelPosition, angle) {\n    var textAlign = 'center';\n\n    if (!angle) {\n      return labelPosition;\n    }\n\n    angle = angle % (Math.PI * 2); // 取模\n\n    if (labelPosition !== 'center') {\n      if (angle >= 0 && angle <= Math.PI / 2 || angle >= 3 / 2 * Math.PI && angle < 2 * Math.PI) {\n        textAlign = labelPosition;\n      } else {\n        textAlign = revertAlign(labelPosition);\n      }\n    }\n\n    return textAlign;\n  },\n\n  /**\n   * @internal 获取边的控制点\n   * @param  {Object} cfg 边的配置项\n   * @return {Array} 控制点的数组\n   */\n  getControlPoints: function getControlPoints(cfg) {\n    return cfg.controlPoints;\n  },\n\n  /**\n   * @internal 处理需要重计算点和边的情况\n   * @param {Object} cfg 边的配置项\n   * @return {Object} 边的配置项\n   */\n  getPathPoints: function getPathPoints(cfg) {\n    return cfg;\n  },\n\n  /**\n   * 绘制边\n   * @override\n   * @param  {Object} cfg   边的配置项\n   * @param  {G.Group} group 边的容器\n   * @return {IShape} 图形\n   */\n  drawShape: function drawShape(cfg, group) {\n    var shapeStyle = this.getShapeStyle(cfg);\n    var shape = group.addShape('path', {\n      className: CLS_SHAPE,\n      name: CLS_SHAPE,\n      attrs: shapeStyle\n    });\n    return shape;\n  },\n  drawLabel: function drawLabel(cfg, group) {\n    var defaultLabelCfg = this.options.labelCfg;\n    var defaultFontFamily;\n    if (typeof window !== 'undefined') defaultFontFamily = window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif';else defaultFontFamily = 'Arial, sans-serif';\n    var labelCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({\n      fontFamily: defaultFontFamily\n    }, defaultLabelCfg, cfg.labelCfg);\n    var labelStyle = this.getLabelStyle(cfg, labelCfg, group);\n    var rotate = labelStyle.rotate;\n    delete labelStyle.rotate;\n    var label = group.addShape('text', {\n      attrs: labelStyle,\n      name: 'text-shape'\n    });\n\n    if (rotate) {\n      label.rotateAtStart(rotate);\n    }\n\n    if (labelStyle.background) {\n      var rect = this.drawLabelBg(cfg, group, label);\n      var labelBgClassname = this.itemType + _shapeBase__WEBPACK_IMPORTED_MODULE_7__[\"CLS_LABEL_BG_SUFFIX\"];\n      rect.set('classname', labelBgClassname);\n      label.toFront();\n    }\n\n    return label;\n  },\n  drawLabelBg: function drawLabelBg(cfg, group, label) {\n    var defaultLabelCfg = this.options.labelCfg;\n    var labelCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, defaultLabelCfg, cfg.labelCfg);\n    var labelStyle = this.getLabelStyle(cfg, labelCfg, group);\n    var rotate = labelStyle.rotate;\n    var style = this.getLabelBgStyleByPosition(label, cfg, labelCfg, group);\n    delete style.rotate;\n    var rect = group.addShape('rect', {\n      name: 'text-bg-shape',\n      attrs: style\n    });\n    if (rotate) rect.rotateAtStart(rotate);\n    return rect;\n  }\n};\n\nvar singleEdgeDef = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _shapeBase__WEBPACK_IMPORTED_MODULE_7__[\"shapeBase\"]), singleEdge);\n\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('single-edge', singleEdgeDef); // 直线, 不支持控制点\n\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('line', {\n  // 控制点不生效\n  getControlPoints: function getControlPoints() {\n    return undefined;\n  }\n}, 'single-edge'); // 直线\n\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('spline', {\n  getPath: function getPath(points) {\n    var path = Object(_util_path__WEBPACK_IMPORTED_MODULE_4__[\"getSpline\"])(points);\n    return path;\n  }\n}, 'single-edge');\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('arc', {\n  curveOffset: 20,\n  clockwise: 1,\n  getControlPoints: function getControlPoints(cfg) {\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    var midPoint = {\n      x: (startPoint.x + endPoint.x) / 2,\n      y: (startPoint.y + endPoint.y) / 2\n    };\n    var center;\n    var arcPoint; // 根据给定点计算圆弧\n\n    if (cfg.controlPoints !== undefined) {\n      arcPoint = cfg.controlPoints[0];\n      center = Object(_util_math__WEBPACK_IMPORTED_MODULE_3__[\"getCircleCenterByPoints\"])(startPoint, arcPoint, endPoint); // 根据控制点和直线关系决定 clockwise值\n\n      if (startPoint.x <= endPoint.x && startPoint.y > endPoint.y) {\n        this.clockwise = center.x > arcPoint.x ? 0 : 1;\n      } else if (startPoint.x <= endPoint.x && startPoint.y < endPoint.y) {\n        this.clockwise = center.x > arcPoint.x ? 1 : 0;\n      } else if (startPoint.x > endPoint.x && startPoint.y <= endPoint.y) {\n        this.clockwise = center.y < arcPoint.y ? 0 : 1;\n      } else {\n        this.clockwise = center.y < arcPoint.y ? 1 : 0;\n      } // 若给定点和两端点共线，无法生成圆弧，绘制直线\n\n\n      if ((arcPoint.x - startPoint.x) / (arcPoint.y - startPoint.y) === (endPoint.x - startPoint.x) / (endPoint.y - startPoint.y)) {\n        return [];\n      }\n    } else {\n      // 根据直线连线中点的的偏移计算圆弧\n      // 若用户给定偏移量则根据其计算，否则按照默认偏移值计算\n      if (cfg.curveOffset === undefined) {\n        cfg.curveOffset = this.curveOffset;\n      }\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(cfg.curveOffset)) {\n        cfg.curveOffset = cfg.curveOffset[0];\n      }\n\n      if (cfg.curveOffset < 0) {\n        this.clockwise = 0;\n      } else {\n        this.clockwise = 1;\n      }\n\n      var vec = {\n        x: endPoint.x - startPoint.x,\n        y: endPoint.y - startPoint.y\n      };\n      var edgeAngle = Math.atan2(vec.y, vec.x);\n      arcPoint = {\n        x: cfg.curveOffset * Math.cos(-Math.PI / 2 + edgeAngle) + midPoint.x,\n        y: cfg.curveOffset * Math.sin(-Math.PI / 2 + edgeAngle) + midPoint.y\n      };\n      center = Object(_util_math__WEBPACK_IMPORTED_MODULE_3__[\"getCircleCenterByPoints\"])(startPoint, arcPoint, endPoint);\n    }\n\n    var radius = Object(_util_math__WEBPACK_IMPORTED_MODULE_3__[\"distance\"])(startPoint, center);\n    var controlPoints = [{\n      x: radius,\n      y: radius\n    }];\n    return controlPoints;\n  },\n  getPath: function getPath(points) {\n    var path = [];\n    path.push(['M', points[0].x, points[0].y]); // 控制点与端点共线\n\n    if (points.length === 2) {\n      path.push(['L', points[1].x, points[1].y]);\n    } else {\n      path.push(['A', points[1].x, points[1].y, 0, 0, this.clockwise, points[2].x, points[2].y]);\n    }\n\n    return path;\n  }\n}, 'single-edge');\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('quadratic', {\n  curvePosition: 0.5,\n  curveOffset: -20,\n  getControlPoints: function getControlPoints(cfg) {\n    var controlPoints = cfg.controlPoints; // 指定controlPoints\n\n    if (!controlPoints || !controlPoints.length) {\n      var startPoint = cfg.startPoint,\n          endPoint = cfg.endPoint;\n      if (cfg.curveOffset === undefined) cfg.curveOffset = this.curveOffset;\n      if (cfg.curvePosition === undefined) cfg.curvePosition = this.curvePosition;\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(this.curveOffset)) cfg.curveOffset = cfg.curveOffset[0];\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(this.curvePosition)) cfg.curvePosition = cfg.curveOffset[0];\n      var innerPoint = Object(_util_path__WEBPACK_IMPORTED_MODULE_4__[\"getControlPoint\"])(startPoint, endPoint, cfg.curvePosition, cfg.curveOffset);\n      controlPoints = [innerPoint];\n    }\n\n    return controlPoints;\n  },\n  getPath: function getPath(points) {\n    var path = [];\n    path.push(['M', points[0].x, points[0].y]);\n    path.push(['Q', points[1].x, points[1].y, points[2].x, points[2].y]);\n    return path;\n  }\n}, 'single-edge');\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('cubic', {\n  curvePosition: [1 / 2, 1 / 2],\n  curveOffset: [-20, 20],\n  getControlPoints: function getControlPoints(cfg) {\n    var controlPoints = cfg.controlPoints; // 指定controlPoints\n\n    if (cfg.curveOffset === undefined) cfg.curveOffset = this.curveOffset;\n    if (cfg.curvePosition === undefined) cfg.curvePosition = this.curvePosition;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curveOffset)) cfg.curveOffset = [cfg.curveOffset, -cfg.curveOffset];\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curvePosition)) cfg.curvePosition = [cfg.curvePosition, 1 - cfg.curvePosition];\n\n    if (!controlPoints || !controlPoints.length || controlPoints.length < 2) {\n      var startPoint = cfg.startPoint,\n          endPoint = cfg.endPoint;\n      var innerPoint1 = Object(_util_path__WEBPACK_IMPORTED_MODULE_4__[\"getControlPoint\"])(startPoint, endPoint, cfg.curvePosition[0], cfg.curveOffset[0]);\n      var innerPoint2 = Object(_util_path__WEBPACK_IMPORTED_MODULE_4__[\"getControlPoint\"])(startPoint, endPoint, cfg.curvePosition[1], cfg.curveOffset[1]);\n      controlPoints = [innerPoint1, innerPoint2];\n    }\n\n    return controlPoints;\n  },\n  getPath: function getPath(points) {\n    var path = [];\n    path.push(['M', points[0].x, points[0].y]);\n    path.push(['C', points[1].x, points[1].y, points[2].x, points[2].y, points[3].x, points[3].y]);\n    return path;\n  }\n}, 'single-edge'); // 垂直方向的三阶贝塞尔曲线，不再考虑用户外部传入的控制点\n\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('cubic-vertical', {\n  curvePosition: [1 / 2, 1 / 2],\n  minCurveOffset: [0, 0],\n  curveOffset: undefined,\n  getControlPoints: function getControlPoints(cfg) {\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    if (cfg.curvePosition === undefined) cfg.curvePosition = this.curvePosition;\n    if (cfg.curveOffset === undefined) cfg.curveOffset = this.curveOffset;\n    if (cfg.minCurveOffset === undefined) cfg.minCurveOffset = this.minCurveOffset;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curveOffset)) cfg.curveOffset = [cfg.curveOffset, -cfg.curveOffset];\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.minCurveOffset)) cfg.minCurveOffset = [cfg.minCurveOffset, -cfg.minCurveOffset];\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curvePosition)) cfg.curvePosition = [cfg.curvePosition, 1 - cfg.curvePosition];\n    var yDist = endPoint.y - startPoint.y;\n    var curveOffset = [0, 0];\n\n    if (cfg.curveOffset) {\n      curveOffset = cfg.curveOffset;\n    } else if (Math.abs(yDist) < Math.abs(cfg.minCurveOffset[0])) {\n      curveOffset = cfg.minCurveOffset;\n    }\n\n    var innerPoint1 = {\n      x: startPoint.x,\n      y: startPoint.y + yDist * this.curvePosition[0] + curveOffset[0]\n    };\n    var innerPoint2 = {\n      x: endPoint.x,\n      y: endPoint.y - yDist * this.curvePosition[1] + curveOffset[1]\n    };\n    return [innerPoint1, innerPoint2];\n  }\n}, 'cubic'); // 水平方向的三阶贝塞尔曲线，不再考虑用户外部传入的控制点\n\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('cubic-horizontal', {\n  curvePosition: [1 / 2, 1 / 2],\n  minCurveOffset: [0, 0],\n  curveOffset: undefined,\n  getControlPoints: function getControlPoints(cfg) {\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    if (cfg.curvePosition === undefined) cfg.curvePosition = this.curvePosition;\n    if (cfg.curveOffset === undefined) cfg.curveOffset = this.curveOffset;\n    if (cfg.minCurveOffset === undefined) cfg.minCurveOffset = this.minCurveOffset;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curveOffset)) cfg.curveOffset = [cfg.curveOffset, -cfg.curveOffset];\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.minCurveOffset)) cfg.minCurveOffset = [cfg.minCurveOffset, -cfg.minCurveOffset];\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(cfg.curvePosition)) cfg.curvePosition = [cfg.curvePosition, 1 - cfg.curvePosition];\n    var xDist = endPoint.x - startPoint.x;\n    var curveOffset = [0, 0];\n\n    if (cfg.curveOffset) {\n      curveOffset = cfg.curveOffset;\n    } else if (Math.abs(xDist) < Math.abs(cfg.minCurveOffset[0])) {\n      curveOffset = cfg.minCurveOffset;\n    }\n\n    var innerPoint1 = {\n      x: startPoint.x + xDist * this.curvePosition[0] + curveOffset[0],\n      y: startPoint.y\n    };\n    var innerPoint2 = {\n      x: endPoint.x - xDist * this.curvePosition[1] + curveOffset[1],\n      y: endPoint.y\n    };\n    var controlPoints = [innerPoint1, innerPoint2];\n    return controlPoints;\n  }\n}, 'cubic');\n_shape__WEBPACK_IMPORTED_MODULE_6__[\"default\"].registerEdge('loop', {\n  getPathPoints: function getPathPoints(cfg) {\n    return Object(_util_graphic__WEBPACK_IMPORTED_MODULE_2__[\"getLoopCfgs\"])(cfg);\n  },\n  getControlPoints: function getControlPoints(cfg) {\n    return cfg.controlPoints;\n  },\n  afterDraw: function afterDraw(cfg) {\n    cfg.controlPoints = undefined;\n  },\n  afterUpdate: function afterUpdate(cfg) {\n    cfg.controlPoints = undefined;\n  }\n}, 'cubic');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/edge.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/hull/bubbleset.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/hull/bubbleset.js ***!
+  \**************************************************************************************/
+/*! exports provided: genBubbleSet */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"genBubbleSet\", function() { return genBubbleSet; });\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/math */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js\");\n\nvar defaultOps = {\n  maxRoutingIterations: 100,\n  maxMarchingIterations: 100,\n  pixelGroupSize: 2,\n  edgeR0: 10,\n  edgeR1: 10,\n  nodeR0: 5,\n  nodeR1: 10,\n  morphBuffer: 5,\n  threshold: 0.001,\n  skip: 16,\n  nodeInfluenceFactor: 1,\n  edgeInfluenceFactor: 1,\n  negativeNodeInfluenceFactor: -0.5\n};\n/**\n * Marching square algorithm for traching the contour of a pixel group\n * https://www.emanueleferonato.com/2013/03/01/using-marching-squares-algorithm-to-trace-the-contour-of-an-image/\n * @param potentialArea\n * @param threshold\n */\n\nfunction MarchingSquares(contour, potentialArea, threshold) {\n  var marched = false;\n\n  var getVal = function getVal(x, y) {\n    return potentialArea.cells[x + y * potentialArea.width];\n  };\n\n  var getState = function getState(x, y) {\n    var squareVal = 0;\n\n    if (getVal(x - 1, y - 1) >= threshold) {\n      squareVal += 1;\n    }\n\n    if (getVal(x, y - 1) > threshold) {\n      squareVal += 2;\n    }\n\n    if (getVal(x - 1, y) > threshold) {\n      squareVal += 4;\n    }\n\n    if (getVal(x, y) > threshold) {\n      squareVal += 8;\n    }\n\n    return squareVal;\n  };\n\n  var doMarch = function doMarch(xPos, yPos) {\n    var x = xPos;\n    var y = yPos;\n    var prevX;\n    var prevY;\n\n    for (var i = 0; i < potentialArea.width * potentialArea.height; i++) {\n      prevX = x;\n      prevY = y;\n\n      if (contour.findIndex(function (item) {\n        return item.x === x && item.y === y;\n      }) > -1) {\n        if (contour[0].x !== x || contour[0].y !== y) {// encountered a loop but haven't returned to start: change direction using conditionals and continue back to start\n        } else {\n          return true;\n        }\n      } else {\n        contour.push({\n          x: x,\n          y: y\n        });\n      }\n\n      var state = getState(x, y); // assign the move direction according to state of the square\n\n      switch (state) {\n        case -1:\n          console.warn('Marched out of bounds');\n          return true;\n\n        case 0:\n        case 3:\n        case 2:\n        case 7:\n          x++; // go right\n\n          break;\n\n        case 12:\n        case 14:\n        case 4:\n          x--; // go left\n\n          break;\n\n        case 6:\n          // go left if come from up else go right\n          if (prevX === 0) {\n            if (prevY === -1) {\n              x -= 1;\n            } else {\n              x += 1;\n            }\n          }\n\n          break;\n\n        case 1:\n        case 13:\n        case 5:\n          y--; // go up\n\n          break;\n\n        case 9:\n          // go up if come from right else go down\n          if (prevX === 1) {\n            if (prevY === 0) {\n              y -= 1;\n            } else {\n              y += 1;\n            }\n          }\n\n          break;\n\n        case 10:\n        case 8:\n        case 11:\n          y++; // go down\n\n          break;\n\n        default:\n          console.warn(\"Marching squares invalid state: \" + state);\n          return true;\n      }\n    }\n  };\n\n  this.march = function () {\n    for (var x = 0; x < potentialArea.width && !marched; x += 1) {\n      for (var y = 0; y < potentialArea.height && !marched; y += 1) {\n        if (getVal(x, y) > threshold && getState(x, y) !== 15) {\n          marched = doMarch(x, y);\n        }\n      }\n    }\n\n    return marched;\n  };\n}\n/**\n * Space partition & assign value to each cell\n * @param points\n */\n\n\nvar initGridCells = function initGridCells(width, height, pixelGroupSize) {\n  var scaleWidth = Math.ceil(width / pixelGroupSize);\n  var scaleHeight = Math.ceil(height / pixelGroupSize);\n  var gridCells = new Float32Array(Math.max(0, scaleWidth * scaleHeight)).fill(0);\n  return {\n    cells: gridCells,\n    width: scaleWidth,\n    height: scaleHeight\n  };\n};\n/**\n * Find the optimal already visited member to item;\n   Optimal: minimize cost(j) = distance(i,j) ∗ countObstacles(i,j)\n * @param item\n * @param visited\n */\n\n\nvar pickBestNeighbor = function pickBestNeighbor(item, visited, nonMembers) {\n  var closestNeighbour = null;\n  var minCost = Number.POSITIVE_INFINITY;\n  visited.forEach(function (neighbourItem) {\n    var itemP = {\n      x: item.getModel().x,\n      y: item.getModel().y\n    };\n    var neighbourItemP = {\n      x: neighbourItem.getModel().x,\n      y: neighbourItem.getModel().y\n    };\n    var dist = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"squareDist\"])(itemP, neighbourItemP);\n    var directLine = new _util_math__WEBPACK_IMPORTED_MODULE_0__[\"Line\"](itemP.x, itemP.y, neighbourItemP.x, neighbourItemP.y);\n    var numberObstacles = nonMembers.reduce(function (count, _item) {\n      if (Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"fractionToLine\"])(_item, directLine) > 0) {\n        return count + 1;\n      }\n\n      return count;\n    }, 0);\n\n    if (dist * Math.pow(numberObstacles + 1, 2) < minCost) {\n      closestNeighbour = neighbourItem;\n      minCost = dist * Math.pow(numberObstacles + 1, 2);\n    }\n  });\n  return closestNeighbour;\n};\n/**\n * 返回和线相交的item中，离边的起点最近的item\n * @param items\n * @param line\n */\n\n\nvar getIntersectItem = function getIntersectItem(items, line) {\n  var minDistance = Number.POSITIVE_INFINITY;\n  var closestItem = null;\n  items.forEach(function (item) {\n    var distance = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"fractionToLine\"])(item, line); // find closest intersection\n\n    if (distance >= 0 && distance < minDistance) {\n      closestItem = item;\n      minDistance = distance;\n    }\n  });\n  return closestItem;\n};\n/**\n * Modify the directLine and Route virtual edges around obstacles\n */\n\n\nvar computeRoute = function computeRoute(directLine, nonMembers, maxRoutingIterations, morphBuffer) {\n  var checkedLines = [];\n  var linesToCheck = [];\n  linesToCheck.push(directLine);\n  var hasIntersection = true;\n  var iterations = 0;\n\n  var pointExists = function pointExists(point, lines) {\n    var flag = false;\n    lines.forEach(function (line) {\n      if (flag) return;\n\n      if (Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"isPointsOverlap\"])(point, {\n        x: line.x1,\n        y: line.y1\n      }) || Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"isPointsOverlap\"])(point, {\n        x: line.x2,\n        y: line.y2\n      })) {\n        flag = true;\n      }\n    });\n    return flag;\n  };\n\n  var isPointInNonMembers = function isPointInNonMembers(point, _nonMembers) {\n    for (var _i = 0, _nonMembers_1 = _nonMembers; _i < _nonMembers_1.length; _i++) {\n      var item = _nonMembers_1[_i];\n      var bbox = item.getBBox();\n      var itemContour = [[bbox.x, bbox.y], [bbox.x + bbox.width, bbox.y], [bbox.x, bbox.y + bbox.height], [bbox.x + bbox.width, bbox.y + bbox.height]];\n\n      if (Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"isPointInPolygon\"])(itemContour, point.x, point.y)) {\n        return true;\n      }\n    }\n\n    return false;\n  }; // outer loop end when no more intersections or out of iterations\n\n\n  while (hasIntersection && iterations < maxRoutingIterations) {\n    hasIntersection = false;\n\n    var _loop_1 = function _loop_1() {\n      var line = linesToCheck.pop();\n      var closestItem = getIntersectItem(nonMembers, line);\n\n      if (closestItem) {\n        var _a = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"itemIntersectByLine\"])(closestItem, line),\n            intersections_1 = _a[0],\n            countIntersections = _a[1]; // if line passes through item\n\n\n        if (countIntersections === 2) {\n          var testReroute = function testReroute(isFirst) {\n            var tempMorphBuffer = morphBuffer;\n            var virtualNode = rerouteLine(closestItem, tempMorphBuffer, intersections_1, isFirst); // test the virtualNode already exists\n\n            var exist = pointExists(virtualNode, linesToCheck) || pointExists(virtualNode, checkedLines);\n            var pointInside = isPointInNonMembers(virtualNode, nonMembers);\n\n            while (!exist && pointInside && tempMorphBuffer >= 1) {\n              // try a smaller buffer\n              tempMorphBuffer /= 1.5;\n              virtualNode = rerouteLine(closestItem, tempMorphBuffer, intersections_1, isFirst);\n              exist = pointExists(virtualNode, linesToCheck) || pointExists(virtualNode, checkedLines);\n              pointInside = isPointInNonMembers(virtualNode, nonMembers);\n            } // 第二次route时不要求pointInside\n\n\n            if (virtualNode && !exist && (!isFirst || !pointInside)) {\n              // add 2 rerouted lines to check\n              linesToCheck.push(new _util_math__WEBPACK_IMPORTED_MODULE_0__[\"Line\"](line.x1, line.y1, virtualNode.x, virtualNode.y));\n              linesToCheck.push(new _util_math__WEBPACK_IMPORTED_MODULE_0__[\"Line\"](virtualNode.x, virtualNode.y, line.x2, line.y2));\n              hasIntersection = true;\n            }\n          };\n\n          testReroute(true);\n\n          if (!hasIntersection) {\n            // if we didn't find a valid point around the first corner, try the second\n            testReroute(false);\n          }\n        }\n      } // no intersection found, mark this line as completed\n\n\n      if (!hasIntersection) {\n        checkedLines.push(line);\n      }\n\n      iterations += 1;\n    }; // inner loop end when out of lines or found an intersection\n\n\n    while (!hasIntersection && linesToCheck.length) {\n      _loop_1();\n    }\n  } // 加入剩余的线\n\n\n  while (linesToCheck.length) {\n    checkedLines.push(linesToCheck.pop());\n  }\n\n  return checkedLines;\n};\n/**\n *  Connect item with visited members using direct line or virtual edges\n */\n\n\nfunction getRoute(item, nonMembers, visited, maxRoutingIterations, morphBuffer) {\n  var optimalNeighbor = pickBestNeighbor(item, visited, nonMembers);\n\n  if (optimalNeighbor === null) {\n    return [];\n  } //  merge the consecutive lines\n\n\n  var mergeLines = function mergeLines(checkedLines) {\n    var finalRoute = [];\n\n    while (checkedLines.length > 0) {\n      var line1 = checkedLines.pop();\n\n      if (checkedLines.length === 0) {\n        finalRoute.push(line1);\n        break;\n      }\n\n      var line2 = checkedLines.pop();\n      var mergeLine = new _util_math__WEBPACK_IMPORTED_MODULE_0__[\"Line\"](line1.x1, line1.y1, line2.x2, line2.y2);\n      var closestItem = getIntersectItem(nonMembers, mergeLine); // merge most recent line and previous line\n\n      if (!closestItem) {\n        checkedLines.push(mergeLine);\n      } else {\n        finalRoute.push(line1);\n        checkedLines.push(line2);\n      }\n    }\n\n    return finalRoute;\n  };\n\n  var directLine = new _util_math__WEBPACK_IMPORTED_MODULE_0__[\"Line\"](item.getModel().x, item.getModel().y, optimalNeighbor.getModel().x, optimalNeighbor.getModel().y);\n  var checkedLines = computeRoute(directLine, nonMembers, maxRoutingIterations, morphBuffer);\n  var finalRoute = mergeLines(checkedLines);\n  return finalRoute;\n}\n/**\n * Calculate the countor that includes the  selected items and exclues the non-selected items\n * @param graph\n * @param members\n * @param nonMembers\n * @param options\n */\n\n\nvar genBubbleSet = function genBubbleSet(members, nonMembers, ops) {\n  // eslint-disable-next-line no-redeclare\n  var options = Object.assign(defaultOps, ops);\n  var centroid = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"getPointsCenter\"])(members.map(function (item) {\n    return {\n      x: item.getModel().x,\n      y: item.getModel().y\n    };\n  })); // 按照到中心距离远近排序\n\n  members = members.sort(function (a, b) {\n    return Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"squareDist\"])({\n      x: a.getModel().x,\n      y: a.getModel().y\n    }, centroid) - Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"squareDist\"])({\n      x: b.getModel().x,\n      y: b.getModel().y\n    }, centroid);\n  });\n  var visited = [];\n  var virtualEdges = [];\n  members.forEach(function (item) {\n    var lines = getRoute(item, nonMembers, visited, options.maxRoutingIterations, options.morphBuffer);\n    lines.forEach(function (l) {\n      virtualEdges.push(l);\n    });\n    visited.push(item);\n  }); // 由于edge也可以作为member和nonMember传入，暂时不考虑把edges作为参数传入genBubbleSet\n  // edges && edges.forEach(e => {\n  //   virtualEdges.push(new Line(e.getSource().getModel().x, e.getSource().getModel().y, e.getTarget().getModel().x, e.getTarget().getModel().y));\n  // });\n\n  var activeRegion = getActiveRregion(members, virtualEdges, options.nodeR0);\n  var potentialArea = initGridCells(activeRegion.width, activeRegion.height, options.pixelGroupSize); // Use march squares to generate contour\n\n  var contour = [];\n  var hull = [];\n\n  for (var iterations = 0; iterations < options.maxMarchingIterations; iterations++) {\n    fillPotentialArea(members, nonMembers, virtualEdges, activeRegion, potentialArea, options);\n    contour = [];\n    hull = [];\n    if (!new MarchingSquares(contour, potentialArea, options.threshold).march()) continue;\n    var marchedPath = contour.map(function (point) {\n      return {\n        x: Math.round(point.x * options.pixelGroupSize + activeRegion.minX),\n        y: Math.round(point.y * options.pixelGroupSize + activeRegion.minY)\n      };\n    }); // const marchedPath = marchingSquares(potentialArea, options.threshold).map(point => ({ x: Math.round(point.x * options.pixelGroupSize + activeRegion.minX), y: Math.round(point.y * options.pixelGroupSize + activeRegion.minY) }))\n\n    if (marchedPath) {\n      var size = marchedPath.length;\n\n      if (options.skip > 1) {\n        size = Math.floor(marchedPath.length / options.skip); // if we reduced too much (fewer than three points in reduced surface) reduce skip and try again\n\n        while (size < 3 && options.skip > 1) {\n          options.skip -= 1;\n          size = Math.floor(marchedPath.length / options.skip);\n        }\n      } // copy hull values\n\n\n      for (var i = 0, j = 0; j < size; j += 1, i += options.skip) {\n        hull.push({\n          x: marchedPath[i].x,\n          y: marchedPath[i].y\n        });\n      }\n    }\n\n    var isContourValid = function isContourValid() {\n      for (var _i = 0, members_1 = members; _i < members_1.length; _i++) {\n        var item = members_1[_i];\n        var hullPoints = hull.map(function (point) {\n          return [point.x, point.y];\n        });\n        if (!Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"isPointInPolygon\"])(hullPoints, item.getBBox().centerX, item.getBBox().centerY)) return false;\n      } // 不强制要求所有nonMembers都没有包含在内\n      // for (const item of nonMembers) {\n      //   if (isPointInPolygon({ x: item.getBBox().centerX, y: item.getBBox().centerY }, contour)) return false\n      // }\n\n\n      return true;\n    };\n\n    if (hull && isContourValid()) {\n      return hull;\n    } // update parameters for next iteraction\n\n\n    options.threshold *= 0.9;\n\n    if (iterations <= options.maxMarchingIterations * 0.5) {\n      options.memberInfluenceFactor *= 1.2;\n      options.edgeInfluenceFactor *= 1.2;\n    } else if (options.nonMemberInfluenceFactor !== 0 && nonMembers.length > 0) {\n      // after half the iterations, start increasing positive energy and lowering the threshold\n      options.nonMemberInfluenceFactor *= 0.8;\n    } else {\n      break;\n    }\n  }\n\n  return hull;\n};\n/**\n * unionboundingbox\n * @param members\n * @param edges\n */\n\nfunction getActiveRregion(members, edges, offset) {\n  var activeRegion = {\n    minX: Number.POSITIVE_INFINITY,\n    minY: Number.POSITIVE_INFINITY,\n    maxX: Number.NEGATIVE_INFINITY,\n    maxY: Number.NEGATIVE_INFINITY,\n    width: 0,\n    height: 0,\n    x: 0,\n    y: 0\n  };\n  var bboxes = [];\n  members.forEach(function (item) {\n    bboxes.push(item.getBBox());\n  });\n  edges.forEach(function (l) {\n    bboxes.push(l.getBBox());\n  });\n\n  for (var _i = 0, bboxes_1 = bboxes; _i < bboxes_1.length; _i++) {\n    var bbox = bboxes_1[_i];\n    activeRegion.minX = (bbox.minX < activeRegion.minX ? bbox.minX : activeRegion.minX) - offset;\n    activeRegion.minY = (bbox.minY < activeRegion.minY ? bbox.minY : activeRegion.minY) - offset;\n    activeRegion.maxX = (bbox.maxX > activeRegion.maxX ? bbox.maxX : activeRegion.maxX) + offset;\n    activeRegion.maxY = (bbox.maxY > activeRegion.maxY ? bbox.maxY : activeRegion.maxY) + offset;\n  }\n\n  activeRegion.width = activeRegion.maxX - activeRegion.minX;\n  activeRegion.height = activeRegion.maxY - activeRegion.minY;\n  activeRegion.x = activeRegion.minX;\n  activeRegion.y = activeRegion.minY;\n  return activeRegion;\n}\n\nfunction fillPotentialArea(members, nonMembers, edges, activeRegion, potentialArea, options) {\n  function pos2GridIx(x, offset) {\n    var gridIx = Math.floor((x - offset) / options.pixelGroupSize);\n    return gridIx < 0 ? 0 : gridIx;\n  }\n\n  function gridIx2Pos(x, offset) {\n    return x * options.pixelGroupSize + offset;\n  } // using inverse a for numerical stability\n\n\n  var nodeInfA = (options.nodeR0 - options.nodeR1) * (options.nodeR0 - options.nodeR1);\n  var edgeInfA = (options.edgeR0 - options.edgeR1) * (options.edgeR0 - options.edgeR1);\n\n  var getAffectedRegion = function getAffectedRegion(bbox, thresholdR) {\n    var startX = Math.min(pos2GridIx(bbox.minX, thresholdR + activeRegion.minX), potentialArea.width);\n    var startY = Math.min(pos2GridIx(bbox.minY, thresholdR + activeRegion.minY), potentialArea.height);\n    var endX = Math.min(pos2GridIx(bbox.maxX, -thresholdR + activeRegion.minX), potentialArea.width);\n    var endY = Math.min(pos2GridIx(bbox.maxY, -thresholdR + activeRegion.minY), potentialArea.height);\n    return [startX, startY, endX, endY];\n  };\n\n  var addItemInfluence = function addItemInfluence(item, influenceFactor) {\n    var bbox = item.getBBox();\n\n    var _a = getAffectedRegion(bbox, options.nodeR1),\n        startX = _a[0],\n        startY = _a[1],\n        endX = _a[2],\n        endY = _a[3]; // calculate item influence for each cell\n\n\n    for (var y = startY; y < endY; y += 1) {\n      for (var x = startX; x < endX; x += 1) {\n        if (influenceFactor < 0 && potentialArea[x + y * potentialArea.width] <= 0) {\n          continue;\n        }\n\n        var tempX = gridIx2Pos(x, activeRegion.minX);\n        var tempY = gridIx2Pos(y, activeRegion.minY);\n        var distanceSq = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"pointRectSquareDist\"])({\n          x: tempX,\n          y: tempY\n        }, {\n          x: bbox.minX,\n          y: bbox.minY,\n          width: bbox.width,\n          height: bbox.height\n        });\n\n        if (distanceSq < Math.pow(options.nodeR1, 2)) {\n          var dr = Math.sqrt(distanceSq) - options.nodeR1;\n          potentialArea.cells[x + y * potentialArea.width] += influenceFactor * dr * dr;\n        }\n      }\n    }\n  };\n\n  var addEdgeInfluence = function addEdgeInfluence(line, influenceFactor) {\n    var bbox = line.getBBox();\n\n    var _a = getAffectedRegion(bbox, options.edgeR1),\n        startX = _a[0],\n        startY = _a[1],\n        endX = _a[2],\n        endY = _a[3]; // for every point in active part of potentialArea, calculate distance to nearest point on line and add influence\n\n\n    for (var y = startY; y < endY; y += 1) {\n      for (var x = startX; x < endX; x += 1) {\n        if (influenceFactor < 0 && potentialArea.cells[x + y * potentialArea.width] <= 0) {\n          continue;\n        }\n\n        var tempX = gridIx2Pos(x, activeRegion.minX);\n        var tempY = gridIx2Pos(y, activeRegion.minY);\n        var minDistanceSq = Object(_util_math__WEBPACK_IMPORTED_MODULE_0__[\"pointLineSquareDist\"])({\n          x: tempX,\n          y: tempY\n        }, line); // only influence if less than r1\n\n        if (minDistanceSq < Math.pow(options.edgeR1, 2)) {\n          var mdr = Math.sqrt(minDistanceSq) - options.edgeR1;\n          potentialArea.cells[x + y * potentialArea.width] += influenceFactor * mdr * mdr;\n        }\n      }\n    }\n  };\n\n  if (options.nodeInfluenceFactor) {\n    members.forEach(function (item) {\n      addItemInfluence(item, options.nodeInfluenceFactor / nodeInfA);\n    });\n  }\n\n  if (options.edgeInfluenceFactor) {\n    edges.forEach(function (edge) {\n      addEdgeInfluence(edge, options.edgeInfluenceFactor / edgeInfA);\n    });\n  }\n\n  if (options.negativeNodeInfluenceFactor) {\n    nonMembers.forEach(function (item) {\n      addItemInfluence(item, options.negativeNodeInfluenceFactor / nodeInfA);\n    });\n  }\n}\n\nfunction rerouteLine(item, buffer, intersections, wrapNormal) {\n  var bbox = item.getBBox();\n  var topIntersect = intersections[0],\n      leftIntersect = intersections[1],\n      bottomIntersect = intersections[2],\n      rightIntersect = intersections[3];\n  var cornerPos = {\n    topLeft: {\n      x: bbox.minX - buffer,\n      y: bbox.minY - buffer\n    },\n    topRight: {\n      x: bbox.maxX + buffer,\n      y: bbox.minY - buffer\n    },\n    bottomLeft: {\n      x: bbox.minX - buffer,\n      y: bbox.maxY + buffer\n    },\n    bottomRight: {\n      x: bbox.maxX + buffer,\n      y: bbox.maxY + buffer\n    }\n  };\n  var totalArea = bbox.height * bbox.width;\n\n  function calcHalfArea(intersect1, intersect2) {\n    return bbox.width * ((intersect1.y - bbox.minY + (intersect2.y - bbox.minY)) * 0.5);\n  } // 根据线和boundingbox相交的情况，确定control point的位置\n\n\n  if (leftIntersect) {\n    // 相交区域有三角形\n    if (topIntersect) return wrapNormal ? cornerPos.topLeft : cornerPos.bottomRight;\n    if (bottomIntersect) return wrapNormal ? cornerPos.bottomLeft : cornerPos.topRight; // 相交区域分成上下两个梯形，比较面积\n\n    var topArea = calcHalfArea(leftIntersect, rightIntersect);\n\n    if (topArea < totalArea * 0.5) {\n      if (leftIntersect.y > rightIntersect.y) return wrapNormal ? cornerPos.topLeft : cornerPos.bottomRight;\n      return wrapNormal ? cornerPos.topRight : cornerPos.bottomLeft;\n    }\n\n    if (leftIntersect.y < rightIntersect.y) return wrapNormal ? cornerPos.bottomLeft : cornerPos.topRight;\n    return wrapNormal ? cornerPos.bottomRight : cornerPos.topLeft;\n  }\n\n  if (rightIntersect) {\n    if (topIntersect) return wrapNormal ? cornerPos.topRight : cornerPos.bottomLeft;\n    if (bottomIntersect) return wrapNormal ? cornerPos.bottomRight : cornerPos.topLeft;\n  } // 相交区域分成左右两个梯形\n\n\n  var leftArea = calcHalfArea(topIntersect, bottomIntersect);\n\n  if (leftArea < totalArea * 0.5) {\n    if (topIntersect.x > bottomIntersect.x) return wrapNormal ? cornerPos.topLeft : cornerPos.bottomRight;\n    return wrapNormal ? cornerPos.bottomLeft : cornerPos.topRight;\n  }\n\n  if (topIntersect.x < bottomIntersect.x) return wrapNormal ? cornerPos.topRight : cornerPos.bottomLeft;\n  return wrapNormal ? cornerPos.bottomRight : cornerPos.topLeft;\n}\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/hull/bubbleset.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/hull/convexHull.js":
+/*!***************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/hull/convexHull.js ***!
+  \***************************************************************************************/
+/*! exports provided: cross, genConvexHull */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"cross\", function() { return cross; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"genConvexHull\", function() { return genConvexHull; });\n/**\n * Use cross product to judge the direction of the turn.\n * Returns a positive value, if OAB makes a clockwise turn,\n * negative for counter-clockwise turn, and zero if the points are collinear.\n */\nvar cross = function cross(a, b, o) {\n  return (a.y - o.y) * (b.x - o.x) - (a.x - o.x) * (b.y - o.y);\n};\n/**\n * Generate a convex hull of given points. Andrew's monotone chain algorithm.\n * @param points An array of [x, y] representing the coordinates of points.\n * @return a list of vertices of the convex hull in counter-clockwise order,\n */\n\nvar genConvexHull = function genConvexHull(items) {\n  var points = items.map(function (item) {\n    return {\n      x: item.getModel().x,\n      y: item.getModel().y\n    };\n  });\n  points.sort(function (a, b) {\n    return a.x === b.x ? a.y - b.y : a.x - b.x;\n  });\n\n  if (points.length === 1) {\n    return points;\n  } // build the lower hull\n\n\n  var lower = [];\n\n  for (var i = 0; i < points.length; i++) {\n    while (lower.length >= 2 && cross(lower[lower.length - 2], lower[lower.length - 1], points[i]) <= 0) {\n      lower.pop();\n    }\n\n    lower.push(points[i]);\n  } // build the upper hull\n\n\n  var upper = [];\n\n  for (var i = points.length - 1; i >= 0; i--) {\n    while (upper.length >= 2 && cross(upper[upper.length - 2], upper[upper.length - 1], points[i]) <= 0) {\n      upper.pop();\n    }\n\n    upper.push(points[i]);\n  }\n\n  upper.pop();\n  lower.pop();\n  var strictHull = lower.concat(upper);\n  return strictHull;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/hull/convexHull.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/index.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/index.js ***!
+  \*****************************************************************************/
+/*! exports provided: Arrow, Marker, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _node__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/node.js\");\n/* harmony import */ var _edge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./edge */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/edge.js\");\n/* harmony import */ var _combo__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./combo */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combo.js\");\n/* harmony import */ var _combos__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./combos */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/combos/index.js\");\n/* harmony import */ var _nodes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./nodes */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/index.js\");\n/* harmony import */ var _arrow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./arrow */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/arrow.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Arrow\", function() { return _arrow__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _marker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./marker */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/marker.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Marker\", function() { return _marker__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_shape__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/marker.js":
+/*!******************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/marker.js ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_hierarchy__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/hierarchy */ \"./node_modules/_@antv_hierarchy@0.6.6@@antv/hierarchy/build/hierarchy.js\");\n/* harmony import */ var _antv_hierarchy__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_antv_hierarchy__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/index.js\");\n/* harmony import */ var _graph__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./graph */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/graph.js\");\n\n\n\n\n\nvar radialLayout = _util__WEBPACK_IMPORTED_MODULE_3__[\"default\"].radialLayout,\n    traverseTree = _util__WEBPACK_IMPORTED_MODULE_3__[\"default\"].traverseTree;\n\nvar TreeGraph =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(TreeGraph, _super);\n\n  function TreeGraph(cfg) {\n    var _this = _super.call(this, cfg) || this;\n\n    _this.layoutAnimating = false; // 用于缓存动画结束后需要删除的节点\n\n    _this.set('removeList', []);\n\n    _this.set('layoutMethod', _this.getLayout());\n\n    return _this;\n  }\n  /**\n   * 通过 Layout 配置获取布局配置\n   */\n\n\n  TreeGraph.prototype.getLayout = function () {\n    var layout = this.get('layout');\n\n    if (!layout) {\n      return null;\n    }\n\n    if (typeof layout === 'function') {\n      return layout;\n    }\n\n    if (!layout.type) {\n      layout.type = 'dendrogram';\n    }\n\n    if (!layout.direction) {\n      layout.direction = 'TB';\n    }\n\n    if (layout.radial) {\n      return function (data) {\n        var layoutData = _antv_hierarchy__WEBPACK_IMPORTED_MODULE_1___default.a[layout.type](data, layout);\n        radialLayout(layoutData);\n        return layoutData;\n      };\n    }\n\n    return function (data) {\n      return _antv_hierarchy__WEBPACK_IMPORTED_MODULE_1___default.a[layout.type](data, layout);\n    };\n  };\n  /**\n   * 返回指定节点在树图数据中的索引\n   * @param children 树图数据\n   * @param child 树图中某一个 Item 的数据\n   */\n\n\n  TreeGraph.indexOfChild = function (children, id) {\n    var index = -1; // eslint-disable-next-line consistent-return\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(children, function (former, i) {\n      if (id === former.id) {\n        index = i;\n        return false;\n      }\n    });\n    return index;\n  };\n\n  TreeGraph.prototype.getDefaultCfg = function () {\n    var cfg = _super.prototype.getDefaultCfg.call(this); // 树图默认打开动画\n\n\n    cfg.animate = true;\n    return cfg;\n  };\n  /**\n   * 向🌲树中添加数据\n   * @param treeData 树图数据\n   * @param parent 父节点实例\n   * @param animate 是否开启动画\n   */\n\n\n  TreeGraph.prototype.innerAddChild = function (treeData, parent, animate) {\n    var self = this;\n    var model = treeData.data;\n\n    if (model) {\n      // model 中应存储真实的数据，特别是真实的 children\n      model.x = treeData.x;\n      model.y = treeData.y;\n      model.depth = treeData.depth;\n    }\n\n    var node = self.addItem('node', model, false);\n\n    if (parent) {\n      node.set('parent', parent);\n\n      if (animate) {\n        var origin_1 = parent.get('originAttrs');\n\n        if (origin_1) {\n          node.set('originAttrs', origin_1);\n        } else {\n          var parentModel = parent.getModel();\n          node.set('originAttrs', {\n            x: parentModel.x,\n            y: parentModel.y\n          });\n        }\n      }\n\n      var childrenList = parent.get('children');\n\n      if (!childrenList) {\n        parent.set('children', [node]);\n      } else {\n        childrenList.push(node);\n      }\n\n      self.addItem('edge', {\n        source: parent,\n        target: node,\n        id: parent.get('id') + \":\" + node.get('id')\n      }, false);\n    } // 渲染到视图上应参考布局的children, 避免多绘制了收起的节点\n\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(treeData.children || [], function (child) {\n      self.innerAddChild(child, node, animate);\n    });\n    self.emit('afteraddchild', {\n      item: node,\n      parent: parent\n    });\n    return node;\n  };\n  /**\n   * 将数据上的变更转换到视图上\n   * @param data\n   * @param parent\n   * @param animate\n   */\n\n\n  TreeGraph.prototype.innerUpdateChild = function (data, parent, animate) {\n    var self = this;\n    var current = self.findById(data.id); // 若子树不存在，整体添加即可\n\n    if (!current) {\n      self.innerAddChild(data, parent, animate);\n      return;\n    } // 更新新节点下所有子节点\n\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(data.children || [], function (child) {\n      self.innerUpdateChild(child, current, animate);\n    }); // 用现在节点的children实例来删除移除的子节点\n\n    var children = current.get('children');\n\n    if (children) {\n      var len = children.length;\n\n      if (len > 0) {\n        for (var i = children.length - 1; i >= 0; i--) {\n          var child = children[i].getModel();\n\n          if (TreeGraph.indexOfChild(data.children || [], child.id) === -1) {\n            self.innerRemoveChild(child.id, {\n              x: data.x,\n              y: data.y\n            }, animate); // 更新父节点下缓存的子节点 item 实例列表\n\n            children.splice(i, 1);\n          }\n        }\n      }\n    }\n\n    var oriX;\n    var oriY;\n\n    if (current.get('originAttrs')) {\n      oriX = current.get('originAttrs').x;\n      oriY = current.get('originAttrs').y;\n    }\n\n    var model = current.getModel();\n\n    if (animate) {\n      // 如果有动画，先缓存节点运动再更新节点\n      current.set('originAttrs', {\n        x: model.x,\n        y: model.y\n      });\n    }\n\n    current.set('model', data.data);\n\n    if (oriX !== data.x || oriY !== data.y) {\n      current.updatePosition({\n        x: data.x,\n        y: data.y\n      });\n    }\n  };\n  /**\n   * 删除子节点Item对象\n   * @param id\n   * @param to\n   * @param animate\n   */\n\n\n  TreeGraph.prototype.innerRemoveChild = function (id, to, animate) {\n    var self = this;\n    var node = self.findById(id);\n\n    if (!node) {\n      return;\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(node.get('children'), function (child) {\n      self.innerRemoveChild(child.getModel().id, to, animate);\n    });\n\n    if (animate) {\n      var model = node.getModel();\n      node.set('to', to);\n      node.set('originAttrs', {\n        x: model.x,\n        y: model.y\n      });\n      self.get('removeList').push(node);\n    } else {\n      self.removeItem(node);\n    }\n  };\n  /**\n   * 更新数据模型，差量更新并重新渲染\n   * @param {object} data 数据模型\n   */\n\n\n  TreeGraph.prototype.changeData = function (data) {\n    var self = this; // 更改数据源后，取消所有状态\n\n    this.getNodes().map(function (node) {\n      return self.clearItemStates(node);\n    });\n    this.getEdges().map(function (edge) {\n      return self.clearItemStates(edge);\n    });\n\n    if (data) {\n      self.data(data);\n      self.render();\n    } else {\n      self.layout(this.get('fitView'));\n    }\n  };\n  /**\n   * 已更名为 updateLayout，为保持兼容暂且保留。\n   * 更改并应用树布局算法\n   * @param {object} layout 布局算法\n   */\n\n\n  TreeGraph.prototype.changeLayout = function (layout) {\n    // eslint-disable-next-line no-console\n    console.warn('Please call updateLayout instead of changeLayout. changeLayout will be discarded soon');\n    var self = this;\n    self.updateLayout(layout);\n  };\n  /**\n   * 更改并应用树布局算法\n   * @param {object} layout 布局算法\n   */\n\n\n  TreeGraph.prototype.updateLayout = function (layout) {\n    var self = this;\n\n    if (!layout) {\n      // eslint-disable-next-line no-console\n      console.warn('layout cannot be null');\n      return;\n    }\n\n    self.set('layout', layout);\n    self.set('layoutMethod', self.getLayout());\n    self.layout();\n  };\n  /**\n   * 已更名为 layout，为保持兼容暂且保留。\n   * 根据目前的 data 刷新布局，更新到画布上。用于变更数据之后刷新视图。\n   * @param {boolean} fitView 更新布局时是否需要适应窗口\n   */\n\n\n  TreeGraph.prototype.refreshLayout = function (fitView) {\n    // eslint-disable-next-line no-console\n    console.warn('Please call layout instead of refreshLayout. refreshLayout will be discarded soon');\n    var self = this;\n    self.layout(fitView);\n  };\n  /**\n   * 根据目前的 data 刷新布局，更新到画布上。用于变更数据之后刷新视图。\n   * @param {boolean} fitView 更新布局时是否需要适应窗口\n   */\n\n\n  TreeGraph.prototype.layout = function (fitView) {\n    var self = this;\n    var data = self.get('data');\n    var layoutMethod = self.get('layoutMethod');\n    var layoutData = layoutMethod(data, self.get('layout'));\n    var animate = self.get('animate');\n    self.emit('beforerefreshlayout', {\n      data: data,\n      layoutData: layoutData\n    });\n    self.emit('beforelayout');\n    self.innerUpdateChild(layoutData, undefined, animate);\n\n    if (fitView) {\n      var viewController = self.get('viewController');\n      viewController.fitView();\n    }\n\n    if (!animate) {\n      // 如果没有动画，目前仅更新了节点的位置，刷新一下边的样式\n      self.refresh();\n      self.paint();\n    } else {\n      self.layoutAnimate(layoutData);\n    }\n\n    self.emit('afterrefreshlayout', {\n      data: data,\n      layoutData: layoutData\n    });\n    self.emit('afterlayout');\n  };\n  /**\n   * 添加子树到对应 id 的节点\n   * @param {TreeGraphData} data 子树数据模型\n   * @param {string} parent 子树的父节点id\n   */\n\n\n  TreeGraph.prototype.addChild = function (data, parent) {\n    var self = this;\n    self.emit('beforeaddchild', {\n      model: data,\n      parent: parent\n    }); // 将数据添加到源数据中，走changeData方法\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isString\"])(parent)) {\n      parent = parent.get('id');\n    }\n\n    var parentData = self.findDataById(parent);\n\n    if (parentData) {\n      if (!parentData.children) {\n        parentData.children = [];\n      }\n\n      parentData.children.push(data);\n      self.changeData();\n    }\n  };\n  /**\n   * 更新某个节点下的所有子节点\n   * @param {TreeGraphData[]} data 子树数据模型集合\n   * @param {string} parent 子树的父节点id\n   */\n\n\n  TreeGraph.prototype.updateChildren = function (data, parentId) {\n    var self = this; // 如果没有父节点或找不到该节点，是全量的更新，直接重置data\n\n    if (!parentId || !self.findById(parentId)) {\n      console.warn(\"Update children failed! There is no node with id '\" + parentId + \"'\");\n      return;\n    }\n\n    var parentModel = self.findDataById(parentId);\n    parentModel.children = data;\n    self.changeData();\n  };\n  /**\n   * 更新源数据，差量更新子树\n   * @param {TreeGraphData} data 子树数据模型\n   * @param {string} parentId 子树的父节点id\n   */\n\n\n  TreeGraph.prototype.updateChild = function (data, parentId) {\n    var self = this; // 如果没有父节点或找不到该节点，是全量的更新，直接重置data\n\n    if (!parentId || !self.findById(parentId)) {\n      self.changeData(data);\n      return;\n    }\n\n    var parentModel = self.findDataById(parentId);\n    var current = self.findById(data.id);\n\n    if (!parentModel.children) {\n      // 当 current 不存在时，children 为空数组\n      parentModel.children = [];\n    } // 如果不存在该节点，则添加\n\n\n    if (!current) {\n      parentModel.children.push(data);\n    } else {\n      var index = TreeGraph.indexOfChild(parentModel.children, data.id);\n      parentModel.children[index] = data;\n    }\n\n    self.changeData();\n  };\n  /**\n   * 删除子树\n   * @param {string} id 子树根节点id\n   */\n\n\n  TreeGraph.prototype.removeChild = function (id) {\n    var self = this;\n    var node = self.findById(id);\n\n    if (!node) {\n      return;\n    }\n\n    var parent = node.get('parent');\n\n    if (parent && !parent.destroyed) {\n      var parentNode = self.findDataById(parent.get('id'));\n      var siblings = parentNode && parentNode.children || [];\n      var model = node.getModel();\n      var index = TreeGraph.indexOfChild(siblings, model.id);\n      siblings.splice(index, 1);\n    }\n\n    self.changeData();\n  };\n  /**\n   * 根据id获取对应的源数据\n   * @param {string} id 元素id\n   * @param {TreeGraphData | undefined} parent 从哪个节点开始寻找，为空时从根节点开始查找\n   * @return {TreeGraphData} 对应源数据\n   */\n\n\n  TreeGraph.prototype.findDataById = function (id, parent) {\n    var self = this;\n\n    if (!parent) {\n      parent = self.get('data');\n    }\n\n    if (id === parent.id) {\n      return parent;\n    }\n\n    var result = null; // eslint-disable-next-line consistent-return\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(parent.children || [], function (child) {\n      if (child.id === id) {\n        result = child;\n        return false;\n      }\n\n      result = self.findDataById(id, child);\n\n      if (result) {\n        return false;\n      }\n    });\n    return result;\n  };\n  /**\n   * 布局动画接口，用于数据更新时做节点位置更新的动画\n   * @param {TreeGraphData} data 更新的数据\n   * @param {function} onFrame 定义节点位置更新时如何移动\n   */\n\n\n  TreeGraph.prototype.layoutAnimate = function (data, onFrame) {\n    var self = this;\n    var animateCfg = this.get('animateCfg');\n    self.emit('beforeanimate', {\n      data: data\n    }); // 如果边中没有指定锚点，但是本身有锚点控制，在动画过程中保持锚点不变\n\n    self.getEdges().forEach(function (edge) {\n      var model = edge.get('model');\n\n      if (!model.sourceAnchor) {\n        model.sourceAnchor = edge.get('sourceAnchorIndex');\n      }\n    });\n    this.get('canvas').animate(function (ratio) {\n      traverseTree(data, function (child) {\n        var node = self.findById(child.id); // 只有当存在node的时候才执行\n\n        if (node) {\n          var origin_2 = node.get('originAttrs');\n          var model = node.get('model');\n\n          if (!origin_2) {\n            origin_2 = {\n              x: model.x,\n              y: model.y\n            };\n            node.set('originAttrs', origin_2);\n          }\n\n          if (onFrame) {\n            var attrs = onFrame(node, ratio, origin_2, data);\n            node.set('model', Object.assign(model, attrs));\n          } else {\n            model.x = origin_2.x + (child.x - origin_2.x) * ratio;\n            model.y = origin_2.y + (child.y - origin_2.y) * ratio;\n          }\n        }\n\n        return true;\n      });\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(self.get('removeList'), function (node) {\n        var model = node.getModel();\n        var from = node.get('originAttrs');\n        var to = node.get('to');\n        model.x = from.x + (to.x - from.x) * ratio;\n        model.y = from.y + (to.y - from.y) * ratio;\n      });\n      self.refreshPositions();\n    }, {\n      duration: animateCfg.duration,\n      easing: animateCfg.ease,\n      callback: function callback() {\n        Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(self.getNodes(), function (node) {\n          node.set('originAttrs', null);\n        });\n        Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(self.get('removeList'), function (node) {\n          self.removeItem(node);\n        });\n        self.set('removeList', []);\n\n        if (animateCfg.callback) {\n          animateCfg.callback();\n        }\n\n        self.emit('afteranimate', {\n          data: data\n        });\n      },\n      delay: animateCfg.delay\n    });\n  };\n  /**\n   * 立即停止布局动画\n   */\n\n\n  TreeGraph.prototype.stopLayoutAnimate = function () {\n    this.get('canvas').stopAnimate();\n    this.emit('layoutanimateend', {\n      data: this.get('data')\n    });\n    this.layoutAnimating = false;\n  };\n  /**\n   * 是否在布局动画\n   * @return {boolean} 是否有布局动画\n   */\n\n\n  TreeGraph.prototype.isLayoutAnimating = function () {\n    return this.layoutAnimating;\n  };\n  /**\n   * 根据data接口的数据渲染视图\n   */\n\n\n  TreeGraph.prototype.render = function () {\n    var self = this;\n    var data = self.get('data');\n\n    if (!data) {\n      throw new Error('data must be defined first');\n    }\n\n    self.clear();\n    self.emit('beforerender');\n    self.layout(this.get('fitView'));\n    self.emit('afterrender');\n  };\n  /**\n   * 导出图数据\n   * @return {object} data\n   */\n\n\n  TreeGraph.prototype.save = function () {\n    return this.get('data');\n  };\n\n  return TreeGraph;\n}(_graph__WEBPACK_IMPORTED_MODULE_4__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (TreeGraph);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/tree-graph.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  collapse: function collapse(x, y, r) {\n    return [['M', x - r, y], ['a', r, r, 0, 1, 0, r * 2, 0], ['a', r, r, 0, 1, 0, -r * 2, 0], ['M', x - r + 4, y], ['L', x + r - 4, y]];\n  },\n  expand: function expand(x, y, r) {\n    return [['M', x - r, y], ['a', r, r, 0, 1, 0, r * 2, 0], ['a', r, r, 0, 1, 0, -r * 2, 0], ['M', x - r + 4, y], ['L', x - r + 2 * r - 4, y], ['M', x - r + r, y - r + 4], ['L', x, y + r - 4]];\n  },\n  upTriangle: function upTriangle(x, y, r) {\n    var l1 = r * Math.cos(Math.PI / 6);\n    var l2 = r * Math.sin(Math.PI / 6);\n    return [['M', x - l1, y + l2], ['L', x + l1, y + l2], ['L', x, y - r], ['Z']];\n  },\n  downTriangle: function downTriangle(x, y, r) {\n    var l1 = r * Math.cos(Math.PI / 6);\n    var l2 = r * Math.sin(Math.PI / 6);\n    return [['M', x - l1, y - l2], ['L', x + l1, y - l2], ['L', x, y + r], ['Z']];\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/marker.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/index.js":
-/*!*****************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/index.js ***!
-  \*****************************************************************/
-/*! exports provided: G6GraphEvent, G6Event, Node, Edge, Combo, Hull, registerNode, registerCombo, AbstractGraph, registerEdge, registerBehavior, AbstractLayout, AbstractEvent, BaseGlobal, Graph, TreeGraph, Util, Layout, registerLayout, Global, Minimap, Grid, Bundling, Menu, Fisheye, Algorithm, ToolBar, Tooltip, TimeBar, ImageMinimap, EdgeFilterLens, Arrow, Marker, Shape, default */
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/node.js":
+/*!****************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/node.js ***!
+  \****************************************************************************/
+/*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Minimap\", function() { return Minimap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Grid\", function() { return Grid; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Bundling\", function() { return Bundling; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Menu\", function() { return Menu; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Fisheye\", function() { return Fisheye; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ToolBar\", function() { return ToolBar; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Tooltip\", function() { return Tooltip; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TimeBar\", function() { return TimeBar; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ImageMinimap\", function() { return ImageMinimap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EdgeFilterLens\", function() { return EdgeFilterLens; });\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Arrow\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Arrow\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Marker\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Marker\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Shape\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Shape\"]; });\n\n/* harmony import */ var _antv_algorithm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/algorithm */ \"./node_modules/_@antv_algorithm@0.1.3@@antv/algorithm/dist/index.min.js\");\n/* harmony import */ var _antv_algorithm__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_antv_algorithm__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, \"Algorithm\", function() { return _antv_algorithm__WEBPACK_IMPORTED_MODULE_1__; });\n/* harmony import */ var _graph_graph__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./graph/graph */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/graph.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Graph\", function() { return _graph_graph__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _graph_tree_graph__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./graph/tree-graph */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/graph/tree-graph.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TreeGraph\", function() { return _graph_tree_graph__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./layout */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Layout\", function() { return _layout__WEBPACK_IMPORTED_MODULE_4__[\"Layout\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerLayout\", function() { return _layout__WEBPACK_IMPORTED_MODULE_4__[\"registerLayout\"]; });\n\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./global */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/global.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Global\", function() { return _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./util */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Util\", function() { return _util__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _plugin__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./plugin */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/plugin/index.js\");\n/* harmony import */ var _element__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./element */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/element/index.js\");\n/* harmony import */ var _behavior__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./behavior */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/behavior/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"G6GraphEvent\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6Event\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"G6Event\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Node\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Node\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Edge\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Edge\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Combo\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Combo\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Hull\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Hull\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerNode\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerNode\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerCombo\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerCombo\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractGraph\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"AbstractGraph\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerEdge\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerEdge\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerBehavior\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerBehavior\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractLayout\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"AbstractLayout\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractEvent\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"AbstractEvent\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"BaseGlobal\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"BaseGlobal\"]; });\n\n/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./types */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/types/index.js\");\n/* empty/unused harmony star reexport *//* harmony import */ var _interface_graph__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./interface/graph */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/interface/graph.js\");\n/* empty/unused harmony star reexport */\n\n\n\n\n\n\n\n\n\nvar Minimap = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Minimap;\nvar Grid = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Grid;\nvar Bundling = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Bundling;\nvar Menu = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Menu;\nvar Fisheye = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Fisheye;\nvar ToolBar = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].ToolBar;\nvar Tooltip = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Tooltip;\nvar TimeBar = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].TimeBar;\nvar ImageMinimap = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].ImageMinimap;\nvar EdgeFilterLens = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].EdgeFilterLens;\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  version: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].version,\n  Graph: _graph_graph__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  TreeGraph: _graph_tree_graph__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  Util: _util__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n  Layout: _layout__WEBPACK_IMPORTED_MODULE_4__[\"Layout\"],\n  registerLayout: _layout__WEBPACK_IMPORTED_MODULE_4__[\"registerLayout\"],\n  Global: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  registerBehavior: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerBehavior\"],\n  registerCombo: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerCombo\"],\n  registerEdge: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerEdge\"],\n  registerNode: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerNode\"],\n  Minimap: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Minimap,\n  Grid: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Grid,\n  Bundling: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Bundling,\n  Menu: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Menu,\n  ToolBar: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].ToolBar,\n  Tooltip: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Tooltip,\n  TimeBar: TimeBar,\n  Fisheye: Fisheye,\n  ImageMinimap: ImageMinimap,\n  EdgeFilterLens: EdgeFilterLens,\n  Algorithm: _antv_algorithm__WEBPACK_IMPORTED_MODULE_1__,\n  Arrow: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Arrow\"],\n  Marker: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Marker\"],\n  Shape: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Shape\"]\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/base */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/base.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _shapeBase__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./shapeBase */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shapeBase.js\");\n\n\n\n\n\n\nvar singleNode = {\n  itemType: 'node',\n  // 单个图形的类型\n  shapeType: 'single-node',\n\n  /**\n   * 文本相对图形的位置，默认以中心点\n   * 位置包括： top, bottom, left, right, center\n   * @type {String}\n   */\n  labelPosition: 'center',\n\n  /**\n   * 文本相对偏移，当 labelPosition 不为 center 时有效\n   * @type {Number}\n   */\n  offset: _global__WEBPACK_IMPORTED_MODULE_3__[\"default\"].nodeLabel.offset,\n\n  /**\n   * 获取节点宽高\n   * @internal 返回节点的大小，以 [width, height] 的方式维护\n   * @param  {Object} cfg 节点的配置项\n   * @return {Array} 宽高\n   */\n  getSize: function getSize(cfg) {\n    var size = cfg.size || this.getOptions({}).size || _global__WEBPACK_IMPORTED_MODULE_3__[\"default\"].defaultNode.size; // size 是数组，但长度为1，则补长度为2\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(size) && size.length === 1) {\n      size = [size[0], size[0]];\n    } // size 为数字，则转换为数组\n\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(size)) {\n      size = [size, size];\n    }\n\n    return size;\n  },\n  // 私有方法，不希望扩展的节点复写这个方法\n  getLabelStyleByPosition: function getLabelStyleByPosition(cfg, labelCfg) {\n    var labelPosition = labelCfg.position || this.labelPosition; // 默认的位置（最可能的情形），所以放在最上面\n\n    if (labelPosition === 'center') {\n      return {\n        x: 0,\n        y: 0,\n        text: cfg.label\n      };\n    }\n\n    var offset = labelCfg.offset;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(offset)) {\n      // 考虑 offset = 0 的场景，不用用 labelCfg.offset || Global.nodeLabel.offset\n      offset = this.offset; // 不居中时的偏移量\n    }\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n    var style;\n\n    switch (labelPosition) {\n      case 'top':\n        style = {\n          x: 0,\n          y: 0 - height / 2 - offset,\n          textBaseline: 'bottom' // 文本在图形的上面\n\n        };\n        break;\n\n      case 'bottom':\n        style = {\n          x: 0,\n          y: height / 2 + offset,\n          textBaseline: 'top'\n        };\n        break;\n\n      case 'left':\n        style = {\n          x: 0 - width / 2 - offset,\n          y: 0,\n          textAlign: 'right'\n        };\n        break;\n\n      default:\n        style = {\n          x: width / 2 + offset,\n          y: 0,\n          textAlign: 'left'\n        };\n        break;\n    }\n\n    style.text = cfg.label;\n    return style;\n  },\n  getLabelBgStyleByPosition: function getLabelBgStyleByPosition(label, cfg, labelCfg, group) {\n    if (!label) {\n      return {};\n    }\n\n    var bbox = label.getBBox();\n    var backgroundStyle = labelCfg.style && labelCfg.style.background;\n\n    if (!backgroundStyle) {\n      return {};\n    }\n\n    var padding = Object(_util_base__WEBPACK_IMPORTED_MODULE_2__[\"formatPadding\"])(backgroundStyle.padding);\n    var backgroundWidth = bbox.width + padding[1] + padding[3];\n    var backgroundHeight = bbox.height + padding[0] + padding[2];\n    var offset = labelCfg.offset;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(offset)) {\n      // 考虑 offset = 0 的场景，不用用 labelCfg.offset || Global.nodeLabel.offset\n      offset = this.offset; // 不居中时的偏移量\n    }\n\n    var style;\n    style = {\n      x: bbox.minX - padding[3],\n      y: bbox.minY - padding[0]\n    };\n    style = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, style), backgroundStyle), {\n      width: backgroundWidth,\n      height: backgroundHeight\n    });\n    return style;\n  },\n  drawShape: function drawShape(cfg, group) {\n    var shapeType = this.shapeType; // || this.type，都已经加了 shapeType\n\n    var style = this.getShapeStyle(cfg);\n    var shape = group.addShape(shapeType, {\n      attrs: style,\n      draggable: true,\n      name: 'node-shape'\n    });\n    return shape;\n  },\n\n  /**\n   * 更新linkPoints\n   * @param {Object} cfg 节点数据配置项\n   * @param {Group} group Item所在的group\n   */\n  updateLinkPoints: function updateLinkPoints(cfg, group) {\n    var defaultLinkPoints = this.getOptions(cfg).linkPoints;\n    var markLeft = group.find(function (element) {\n      return element.get('className') === 'link-point-left';\n    });\n    var markRight = group.find(function (element) {\n      return element.get('className') === 'link-point-right';\n    });\n    var markTop = group.find(function (element) {\n      return element.get('className') === 'link-point-top';\n    });\n    var markBottom = group.find(function (element) {\n      return element.get('className') === 'link-point-bottom';\n    });\n    var currentLinkPoints;\n\n    if (markLeft) {\n      currentLinkPoints = markLeft.attr();\n    }\n\n    if (markRight && !currentLinkPoints) {\n      currentLinkPoints = markRight.attr();\n    }\n\n    if (markTop && !currentLinkPoints) {\n      currentLinkPoints = markTop.attr();\n    }\n\n    if (markBottom && !currentLinkPoints) {\n      currentLinkPoints = markBottom.attr();\n    }\n\n    if (!currentLinkPoints) currentLinkPoints = defaultLinkPoints;\n    var linkPoints = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, currentLinkPoints, cfg.linkPoints);\n    var markFill = linkPoints.fill,\n        markStroke = linkPoints.stroke,\n        borderWidth = linkPoints.lineWidth;\n    var markSize = linkPoints.size / 2;\n    if (!markSize) markSize = linkPoints.r;\n\n    var _a = cfg.linkPoints ? cfg.linkPoints : {\n      left: undefined,\n      right: undefined,\n      top: undefined,\n      bottom: undefined\n    },\n        left = _a.left,\n        right = _a.right,\n        top = _a.top,\n        bottom = _a.bottom;\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n    var styles = {\n      r: markSize,\n      fill: markFill,\n      stroke: markStroke,\n      lineWidth: borderWidth\n    };\n\n    if (markLeft) {\n      if (!left && left !== undefined) {\n        markLeft.remove();\n      } else {\n        markLeft.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: -width / 2,\n          y: 0\n        }));\n      }\n    } else if (left) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: -width / 2,\n          y: 0\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (markRight) {\n      if (!right && right !== undefined) {\n        markRight.remove();\n      }\n\n      markRight.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n        x: width / 2,\n        y: 0\n      }));\n    } else if (right) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: width / 2,\n          y: 0\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (markTop) {\n      if (!top && top !== undefined) {\n        markTop.remove();\n      }\n\n      markTop.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n        x: 0,\n        y: -height / 2\n      }));\n    } else if (top) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: 0,\n          y: -height / 2\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (markBottom) {\n      if (!bottom && bottom !== undefined) {\n        markBottom.remove();\n      } else {\n        markBottom.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: 0,\n          y: height / 2\n        }));\n      }\n    } else if (bottom) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: 0,\n          y: height / 2\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n  updateShape: function updateShape(cfg, item, keyShapeStyle, hasIcon) {\n    var keyShape = item.get('keyShape');\n    keyShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, keyShapeStyle));\n    this.updateLabel(cfg, item); // special for some types of nodes\n\n    if (hasIcon) {\n      this.updateIcon(cfg, item);\n    }\n  },\n  updateIcon: function updateIcon(cfg, item) {\n    var _this = this;\n\n    var group = item.getContainer();\n    var icon = this.getOptions(cfg).icon;\n    var show = (cfg.icon ? cfg.icon : {\n      show: undefined\n    }).show;\n    var iconShape = group.find(function (element) {\n      return element.get('className') === _this.type + \"-icon\";\n    });\n\n    if (iconShape) {\n      // 若原先存在 icon\n      if (show || show === undefined) {\n        // 若传入 show: true, 或没有设置，则更新原有的 icon 样式\n        var iconConfig = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, iconShape.attr(), icon);\n        var w = iconConfig.width,\n            h = iconConfig.height;\n        iconShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, iconConfig), {\n          x: -w / 2,\n          y: -h / 2\n        }));\n      } else {\n        // 若传入了 show: false 则删除原先的 icon\n        iconShape.remove();\n      }\n    } else if (show) {\n      // 如果原先不存在 icon，但传入了 show: true，则新增 icon\n      var w = icon.width,\n          h = icon.height;\n      group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, icon), {\n          x: -w / 2,\n          y: -h / 2\n        }),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\"\n      }); // to ensure the label is on the top of all the shapes\n\n      var labelShape = group.find(function (element) {\n        return element.get('className') === \"node-label\";\n      });\n\n      if (labelShape) {\n        labelShape.toFront();\n      }\n    }\n  }\n};\n\nvar singleNodeDef = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _shapeBase__WEBPACK_IMPORTED_MODULE_5__[\"shapeBase\"]), singleNode);\n\n_shape__WEBPACK_IMPORTED_MODULE_4__[\"default\"].registerNode('single-node', singleNodeDef);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/node.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/interface/graph.js":
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/image.js":
+/*!***********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/image.js ***!
+  \***********************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js\");\n\n\n/**\n * 基本的图片，可以添加文本，默认文本在图片的下面\n */\n\n_shape__WEBPACK_IMPORTED_MODULE_1__[\"default\"].registerNode('image', {\n  options: {\n    img: 'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*eD7nT6tmYgAAAAAAAAAAAABkARQnAQ',\n    size: 200,\n    clipCfg: {\n      show: false,\n      type: 'circle',\n      // circle\n      r: 50,\n      // ellipse\n      rx: 50,\n      ry: 35,\n      // rect\n      width: 50,\n      height: 35,\n      // polygon\n      points: [[30, 12], [12, 30], [30, 48], [48, 30]],\n      // path\n      path: [['M', 25, 25], ['L', 50, 25], ['A', 12.5, 12.5, 0, 1, 1, 50, 50], ['A', 12.5, 12.5, 0, 1, 0, 50, 50], ['L', 25, 75], ['Z']],\n      // 坐标\n      x: 0,\n      y: 0 // clip 的属性样式\n      // style: {\n      //   lineWidth: 1\n      // },\n\n    }\n  },\n  shapeType: 'image',\n  labelPosition: 'bottom',\n  drawShape: function drawShape(cfg, group) {\n    var shapeType = this.shapeType; // || this.type，都已经加了 shapeType\n\n    var style = this.getShapeStyle(cfg);\n    delete style.fill;\n    var shape = group.addShape(shapeType, {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    this.drawClip(cfg, shape);\n    return shape;\n  },\n  drawClip: function drawClip(cfg, shape) {\n    var clip = this.getOptions(cfg).clipCfg;\n\n    if (!clip.show) {\n      return;\n    } // 支持 circle、rect、ellipse、Polygon 及自定义 path clip\n\n\n    var type = clip.type,\n        x = clip.x,\n        y = clip.y,\n        style = clip.style;\n\n    if (type === 'circle') {\n      var r = clip.r;\n      shape.setClip({\n        type: 'circle',\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          r: r,\n          x: x,\n          y: y\n        }, style)\n      });\n    } else if (type === 'rect') {\n      var width = clip.width,\n          height = clip.height;\n      var rectX = x - width / 2;\n      var rectY = y - height / 2;\n      shape.setClip({\n        type: 'rect',\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: rectX,\n          y: rectY,\n          width: width,\n          height: height\n        }, style)\n      });\n    } else if (type === 'ellipse') {\n      var rx = clip.rx,\n          ry = clip.ry;\n      shape.setClip({\n        type: 'ellipse',\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: x,\n          y: y,\n          rx: rx,\n          ry: ry\n        }, style)\n      });\n    } else if (type === 'polygon') {\n      var points = clip.points;\n      shape.setClip({\n        type: 'polygon',\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          points: points\n        }, style)\n      });\n    } else if (type === 'path') {\n      var path = clip.path;\n      shape.setClip({\n        type: 'path',\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          path: path\n        }, style)\n      });\n    }\n  },\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var size = this.getSize(cfg);\n    var img = this.getOptions(cfg).img;\n    var width = size[0];\n    var height = size[1];\n\n    if (defaultStyle) {\n      width = defaultStyle.width || size[0];\n      height = defaultStyle.height || size[1];\n    }\n\n    var style = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: -width / 2,\n      y: -height / 2,\n      width: width,\n      height: height,\n      img: img\n    }, defaultStyle);\n\n    return style;\n  },\n  updateShapeStyle: function updateShapeStyle(cfg, item) {\n    var group = item.getContainer();\n    var shapeClassName = this.itemType + \"-shape\";\n    var shape = group.find(function (element) {\n      return element.get('className') === shapeClassName;\n    }) || item.getKeyShape();\n    var shapeStyle = this.getShapeStyle(cfg);\n\n    if (shape) {\n      shape.attr(shapeStyle);\n    }\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/image.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/index.js":
+/*!***********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/index.js ***!
+  \***********************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _simple_circle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./simple-circle */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/simple-circle.js\");\n/* harmony import */ var _simple_rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./simple-rect */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/simple-rect.js\");\n/* harmony import */ var _image__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./image */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/image.js\");\n\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/simple-circle.js":
+/*!*******************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/simple-circle.js ***!
+  \*******************************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js\");\n\n\n\n // 带有图标的圆，可用于拓扑图中\n\n_shape__WEBPACK_IMPORTED_MODULE_3__[\"default\"].registerNode('simple-circle', {\n  // 自定义节点时的配置\n  options: {\n    size: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.size,\n    style: {\n      x: 0,\n      y: 0,\n      stroke: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.stroke,\n      fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.fill,\n      lineWidth: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeLabel.style.fontSize\n      }\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeStateStyles)\n  },\n  shapeType: 'simple-circle',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('circle', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      draggable: true\n    });\n    return keyShape;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var r = size[0] / 2;\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: 0,\n      y: 0,\n      r: r\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var size = this.getSize(cfg); // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      r: size[0] / 2\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, keyShape.attr(), strokeStyle, cfg.style);\n    this.updateShape(cfg, item, style, true);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/simple-circle.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/simple-rect.js":
+/*!*****************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/simple-rect.js ***!
+  \*****************************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js\");\n\n\n\n\n_shape__WEBPACK_IMPORTED_MODULE_3__[\"default\"].registerNode('simple-rect', {\n  // 自定义节点时的配置\n  options: {\n    size: [100, 30],\n    style: {\n      radius: 0,\n      stroke: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.stroke,\n      fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.fill,\n      lineWidth: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultNode.style.lineWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeLabel.style.fill,\n        fontSize: _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeLabel.style.fontSize\n      }\n    },\n    // 连接点，默认为左右\n    // anchorPoints: [{ x: 0, y: 0.5 }, { x: 1, y: 0.5 }]\n    anchorPoints: [[0, 0.5], [1, 0.5]],\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].nodeStateStyles)\n  },\n  shapeType: 'simple-rect',\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('rect', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    return keyShape;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var width = style.width || size[0];\n    var height = style.height || size[1];\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: -width / 2,\n      y: -height / 2,\n      width: width,\n      height: height\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var size = this.getSize(cfg);\n    var keyShape = item.get('keyShape');\n\n    if (!cfg.size) {\n      size[0] = keyShape.attr('width') || defaultStyle.width;\n      size[1] = keyShape.attr('height') || defaultStyle.height;\n    } // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      x: -size[0] / 2,\n      y: -size[1] / 2,\n      width: size[0],\n      height: size[1]\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, false);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/nodes/simple-rect.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js ***!
+  \*****************************************************************************/
+/*! exports provided: ShapeFactoryBase, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ShapeFactoryBase\", function() { return ShapeFactoryBase; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _xml__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./xml */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/xml.js\");\n\n\n\nvar cache = {}; // ucfirst 开销过大，进行缓存\n// 首字母大写\n\nfunction ucfirst(str) {\n  if (!cache[str]) {\n    cache[str] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"upperFirst\"])(str);\n  }\n\n  return cache[str];\n}\n/**\n * 工厂方法的基类\n * @type Shape.FactoryBase\n */\n\n\nvar ShapeFactoryBase = {\n  /**\n   * 默认的形状，当没有指定/匹配 shapeType 时，使用默认的\n   * @type {String}\n   */\n  defaultShapeType: 'defaultType',\n\n  /**\n   * 形状的 className，用于搜索\n   * @type {String}\n   */\n  className: null,\n\n  /**\n   * 获取绘制 Shape 的工具类，无状态\n   * @param  {String} type 类型\n   * @return {Shape} 工具类\n   */\n  getShape: function getShape(type) {\n    var self = this;\n    var shape = self[type] || self[self.defaultShapeType] || self['simple-circle'];\n    return shape;\n  },\n\n  /**\n   * 绘制图形\n   * @param  {String} type  类型\n   * @param  {Object} cfg 配置项\n   * @param  {G.Group} group 图形的分组\n   * @return {IShape} 图形对象\n   */\n  draw: function draw(type, cfg, group) {\n    var shape = this.getShape(type);\n    var rst = shape.draw(cfg, group);\n\n    if (shape.afterDraw) {\n      shape.afterDraw(cfg, group, rst);\n    }\n\n    return rst;\n  },\n\n  /**\n   * 更新\n   * @param  {String} type  类型\n   * @param  {Object} cfg 配置项\n   * @param  {G6.Item} item 节点、边、分组等\n   */\n  baseUpdate: function baseUpdate(type, cfg, item) {\n    var shape = this.getShape(type);\n\n    if (shape.update) {\n      // 防止没定义 update 函数\n      shape.update(cfg, item);\n    }\n\n    if (shape.afterUpdate) {\n      shape.afterUpdate(cfg, item);\n    }\n  },\n\n  /**\n   * 设置状态\n   * @param {String} type  类型\n   * @param {String} name  状态名\n   * @param {String | Boolean} value 状态值\n   * @param {G6.Item} item  节点、边、分组等\n   */\n  setState: function setState(type, name, value, item) {\n    var shape = this.getShape(type); // 调用 shape/shapeBase.ts 中的 setState 方法\n\n    shape.setState(name, value, item);\n  },\n\n  /**\n   * 是否允许更新，不重新绘制图形\n   * @param  {String} type 类型\n   * @return {Boolean} 是否允许使用更新\n   */\n  shouldUpdate: function shouldUpdate(type) {\n    var shape = this.getShape(type);\n    return !!shape.update;\n  },\n  getControlPoints: function getControlPoints(type, cfg) {\n    var shape = this.getShape(type);\n    return shape.getControlPoints(cfg);\n  },\n\n  /**\n   * 获取控制点\n   * @param {String} type 节点、边类型\n   * @param  {Object} cfg 节点、边的配置项\n   * @return {Array|null} 控制点的数组,如果为 null，则没有控制点\n   */\n  getAnchorPoints: function getAnchorPoints(type, cfg) {\n    var shape = this.getShape(type);\n    return shape.getAnchorPoints(cfg);\n  }\n};\n/**\n * 元素的框架\n */\n\nvar ShapeFramework = {\n  // 默认样式及配置\n  options: {},\n\n  /**\n   * 绘制\n   */\n  draw: function draw(cfg, group) {\n    return this.drawShape(cfg, group);\n  },\n\n  /**\n   * 绘制\n   */\n  drawShape: function drawShape()\n  /* cfg, group */\n  {},\n\n  /**\n   * 绘制完成后的操作，便于用户继承现有的节点、边\n   */\n  afterDraw: function afterDraw()\n  /* cfg, group */\n  {},\n  // update(cfg, item) // 默认不定义\n  afterUpdate: function afterUpdate()\n  /* cfg, item */\n  {},\n\n  /**\n   * 设置节点、边状态\n   */\n  setState: function setState()\n  /* name, value, item */\n  {},\n\n  /**\n   * 获取控制点\n   * @param  {Object} cfg 节点、边的配置项\n   * @return {Array|null} 控制点的数组,如果为 null，则没有控制点\n   */\n  getControlPoints: function getControlPoints(cfg) {\n    return cfg.controlPoints;\n  },\n\n  /**\n   * 获取控制点\n   * @param  {Object} cfg 节点、边的配置项\n   * @return {Array|null} 控制点的数组,如果为 null，则没有控制点\n   */\n  getAnchorPoints: function getAnchorPoints(cfg) {\n    var defaultAnchorPoints = this.options.anchorPoints;\n    var anchorPoints = cfg.anchorPoints || defaultAnchorPoints;\n    return anchorPoints;\n  }\n  /* 如果没定义 update 方法，每次都调用 draw 方法\n  update(cfg, item) {\n     }\n  */\n\n};\n\nvar Shape =\n/** @class */\nfunction () {\n  function Shape() {}\n\n  Shape.registerFactory = function (factoryType, cfg) {\n    var className = ucfirst(factoryType);\n    var factoryBase = ShapeFactoryBase;\n\n    var shapeFactory = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, factoryBase), cfg);\n\n    Shape[className] = shapeFactory;\n    shapeFactory.className = className;\n    return shapeFactory;\n  };\n\n  Shape.getFactory = function (factoryType) {\n    var className = ucfirst(factoryType);\n    return Shape[className];\n  };\n\n  Shape.registerNode = function (shapeType, nodeDefinition, extendShapeType) {\n    var shapeFactory = Shape.Node;\n    var shapeObj;\n\n    if (typeof nodeDefinition === 'string' || typeof nodeDefinition === 'function') {\n      var autoNodeDefinition = Object(_xml__WEBPACK_IMPORTED_MODULE_2__[\"createNodeFromXML\"])(nodeDefinition);\n      shapeObj = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, shapeFactory.getShape('single-node')), autoNodeDefinition);\n    } else if (nodeDefinition.jsx) {\n      var jsx = nodeDefinition.jsx;\n      var autoNodeDefinition = Object(_xml__WEBPACK_IMPORTED_MODULE_2__[\"createNodeFromXML\"])(jsx);\n      shapeObj = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, shapeFactory.getShape('single-node')), autoNodeDefinition), nodeDefinition);\n    } else {\n      shapeFactory.getShape(extendShapeType);\n      var extendShape = extendShapeType ? shapeFactory.getShape(extendShapeType) : ShapeFramework;\n      shapeObj = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, extendShape), nodeDefinition);\n    }\n\n    shapeObj.type = shapeType;\n    shapeObj.itemType = 'node';\n    shapeFactory[shapeType] = shapeObj;\n    return shapeObj;\n  };\n\n  Shape.registerEdge = function (shapeType, edgeDefinition, extendShapeType) {\n    var shapeFactory = Shape.Edge;\n    var extendShape = extendShapeType ? shapeFactory.getShape(extendShapeType) : ShapeFramework;\n\n    var shapeObj = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, extendShape), edgeDefinition);\n\n    shapeObj.type = shapeType;\n    shapeObj.itemType = 'edge';\n    shapeFactory[shapeType] = shapeObj;\n    return shapeObj;\n  };\n\n  Shape.registerCombo = function (shapeType, comboDefinition, extendShapeType) {\n    var shapeFactory = Shape.Combo;\n    var extendShape = extendShapeType ? shapeFactory.getShape(extendShapeType) : ShapeFramework;\n\n    var shapeObj = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, extendShape), comboDefinition);\n\n    shapeObj.type = shapeType;\n    shapeObj.itemType = 'combo';\n    shapeFactory[shapeType] = shapeObj;\n    return shapeObj;\n  };\n\n  return Shape;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Shape); // 注册 Node 的工厂方法\n\nShape.registerFactory('node', {\n  defaultShapeType: 'circle'\n}); // 注册 Edge 的工厂方法\n\nShape.registerFactory('edge', {\n  defaultShapeType: 'line'\n}); // 注册 Combo 的工厂方法\n\nShape.registerFactory('combo', {\n  defaultShapeType: 'circle'\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shapeBase.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shapeBase.js ***!
+  \*********************************************************************************/
+/*! exports provided: CLS_LABEL_BG_SUFFIX, shapeBase */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"CLS_LABEL_BG_SUFFIX\", function() { return CLS_LABEL_BG_SUFFIX; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shapeBase\", function() { return shapeBase; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\n\n\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_2__[\"ext\"].transform;\nvar CLS_SHAPE_SUFFIX = '-shape';\nvar CLS_LABEL_SUFFIX = '-label';\nvar ARROWS = ['startArrow', 'endArrow'];\nvar SHAPE_DEFAULT_ATTRS = {\n  lineWidth: 1,\n  stroke: undefined,\n  fill: undefined,\n  lineAppendWidth: 1,\n  opacity: undefined,\n  strokeOpacity: undefined,\n  fillOpacity: undefined,\n  x: 0,\n  y: 0,\n  r: 10,\n  width: 20,\n  height: 20,\n  shadowColor: undefined,\n  shadowBlur: 0,\n  shadowOffsetX: 0,\n  shadowOffsetY: 0\n};\nvar PATH_SHAPE_DEFAULT_ATTRS = {\n  lineWidth: 1,\n  stroke: '#000',\n  lineDash: undefined,\n  startArrow: false,\n  endArrow: false,\n  opacity: undefined,\n  strokeOpacity: undefined,\n  fillOpacity: undefined,\n  shadowColor: undefined,\n  shadowBlur: 0,\n  shadowOffsetX: 0,\n  shadowOffsetY: 0\n};\nvar SHAPES_DEFAULT_ATTRS = {\n  edge: PATH_SHAPE_DEFAULT_ATTRS,\n  node: SHAPE_DEFAULT_ATTRS,\n  combo: SHAPE_DEFAULT_ATTRS\n};\nvar CLS_LABEL_BG_SUFFIX = '-label-bg'; // 单个 shape 带有一个 label，共用这段代码\n\nvar shapeBase = {\n  // 默认样式及配置\n  options: {},\n  itemType: '',\n\n  /**\n   * 形状的类型，例如 circle，ellipse，polyline...\n   */\n  type: '',\n  getCustomConfig: function getCustomConfig(cfg) {\n    return {};\n  },\n  getOptions: function getOptions(cfg) {\n    return Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"deepMix\"])({\n      // 解决局部渲染导致的文字移动残影问题\n      labelCfg: {\n        style: {\n          fontFamily: typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif'\n        }\n      },\n      descriptionCfg: {\n        style: {\n          fontFamily: typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif'\n        }\n      }\n    }, this.options, this.getCustomConfig(cfg) || {}, cfg);\n  },\n\n  /**\n   * 绘制节点/边，包含文本\n   * @override\n   * @param  {Object} cfg 节点的配置项\n   * @param  {G.Group} group 节点的容器\n   * @return {IShape} 绘制的图形\n   */\n  draw: function draw(cfg, group) {\n    var shape = this.drawShape(cfg, group);\n    shape.set('className', this.itemType + CLS_SHAPE_SUFFIX);\n\n    if (cfg.label) {\n      var label = this.drawLabel(cfg, group);\n      label.set('className', this.itemType + CLS_LABEL_SUFFIX);\n    }\n\n    return shape;\n  },\n\n  /**\n   * 绘制完成后的操作，便于用户继承现有的节点、边\n   * @param cfg\n   * @param group\n   * @param keyShape\n   */\n  afterDraw: function afterDraw(cfg, group, keyShape) {},\n  drawShape: function drawShape(cfg, group) {\n    return null;\n  },\n  drawLabel: function drawLabel(cfg, group) {\n    var defaultLabelCfg = this.getOptions(cfg).labelCfg; // image的情况下有可能为null\n\n    var labelCfg = defaultLabelCfg || {};\n    var labelStyle = this.getLabelStyle(cfg, labelCfg, group);\n    var rotate = labelStyle.rotate;\n    delete labelStyle.rotate;\n    var label = group.addShape('text', {\n      attrs: labelStyle,\n      draggable: true,\n      className: 'text-shape',\n      name: 'text-shape'\n    });\n\n    if (rotate) {\n      var labelBBox = label.getBBox();\n      var labelMatrix = label.getMatrix();\n\n      if (!labelMatrix) {\n        labelMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n      }\n\n      if (labelStyle.rotateCenter) {\n        switch (labelStyle.rotateCenter) {\n          case 'center':\n            labelMatrix = transform(labelMatrix, [['t', -labelBBox.width / 2, -labelBBox.height / 2], ['r', rotate], ['t', labelBBox.width / 2, labelBBox.height / 2]]);\n            break;\n\n          case 'lefttop':\n            labelMatrix = transform(labelMatrix, [['t', -labelStyle.x, -labelStyle.y], ['r', rotate], ['t', labelStyle.x, labelStyle.y]]);\n            break;\n\n          case 'leftcenter':\n            labelMatrix = transform(labelMatrix, [['t', -labelStyle.x, -labelStyle.y - labelBBox.height / 2], ['r', rotate], ['t', labelStyle.x, labelStyle.y + labelBBox.height / 2]]);\n            break;\n\n          default:\n            labelMatrix = transform(labelMatrix, [['t', -labelBBox.width / 2, -labelBBox.height / 2], ['r', rotate], ['t', labelBBox.width / 2, labelBBox.height / 2]]);\n            break;\n        }\n      } else {\n        labelMatrix = transform(labelMatrix, [['t', -labelStyle.x, -labelStyle.y - labelBBox.height / 2], ['r', rotate], ['t', labelStyle.x, labelStyle.y + labelBBox.height / 2]]);\n      }\n\n      label.setMatrix(labelMatrix);\n    }\n\n    if (labelStyle.background) {\n      var rect = this.drawLabelBg(cfg, group, label);\n      var labelBgClassname = this.itemType + CLS_LABEL_BG_SUFFIX;\n      rect.set('classname', labelBgClassname);\n      label.toFront();\n    }\n\n    return label;\n  },\n  drawLabelBg: function drawLabelBg(cfg, group, label) {\n    var defaultLabelCfg = this.options.labelCfg;\n    var labelCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, defaultLabelCfg, cfg.labelCfg);\n    var style = this.getLabelBgStyleByPosition(label, cfg, labelCfg, group);\n    var rect = group.addShape('rect', {\n      name: 'text-bg-shape',\n      attrs: style\n    });\n    return rect;\n  },\n  getLabelStyleByPosition: function getLabelStyleByPosition(cfg, labelCfg, group) {\n    return {\n      text: cfg.label\n    };\n  },\n  getLabelBgStyleByPosition: function getLabelBgStyleByPosition(label, cfg, labelCfg, group) {\n    return {};\n  },\n\n  /**\n   * 获取文本的配置项\n   * @param cfg 节点的配置项\n   * @param labelCfg 文本的配置项\n   * @param group 父容器，label 的定位可能与图形相关\n   */\n  getLabelStyle: function getLabelStyle(cfg, labelCfg, group) {\n    var calculateStyle = this.getLabelStyleByPosition(cfg, labelCfg, group);\n    var attrName = this.itemType + \"Label\"; // 取 nodeLabel，edgeLabel 的配置项\n\n    var defaultStyle = _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"][attrName] ? _global__WEBPACK_IMPORTED_MODULE_1__[\"default\"][attrName].style : null;\n\n    var labelStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, defaultStyle), calculateStyle), labelCfg.style);\n\n    return labelStyle;\n  },\n\n  /**\n   * 获取图形的配置项\n   * @param cfg\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    return cfg.style;\n  },\n\n  /**\n   * 更新节点，包含文本\n   * @override\n   * @param  {Object} cfg 节点/边的配置项\n   * @param  {G6.Item} item 节点/边\n   */\n  update: function update(cfg, item) {\n    this.updateShapeStyle(cfg, item);\n    this.updateLabel(cfg, item);\n  },\n  updateShapeStyle: function updateShapeStyle(cfg, item) {\n    var group = item.getContainer();\n    var shape = item.getKeyShape();\n    var shapeStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, shape.attr(), cfg.style);\n\n    var _loop_1 = function _loop_1(key) {\n      var _a;\n\n      var style = shapeStyle[key];\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(style)) {\n        // 更新图元素样式，支持更新子元素\n        var subShape = group.find(function (element) {\n          return element.get('name') === key;\n        });\n\n        if (subShape) {\n          subShape.attr(style);\n        }\n      } else {\n        shape.attr((_a = {}, _a[key] = style, _a));\n      }\n    };\n\n    for (var key in shapeStyle) {\n      _loop_1(key);\n    }\n  },\n  updateLabel: function updateLabel(cfg, item) {\n    var group = item.getContainer();\n    var defaultLabelCfg = this.getOptions({}).labelCfg;\n    var labelClassName = this.itemType + CLS_LABEL_SUFFIX;\n    var label = group.find(function (element) {\n      return element.get('className') === labelClassName;\n    });\n    var labelBgClassname = this.itemType + CLS_LABEL_BG_SUFFIX;\n    var labelBg = group.find(function (element) {\n      return element.get('classname') === labelBgClassname;\n    }); // 防止 cfg.label = \"\" 的情况\n\n    if (cfg.label || cfg.label === '') {\n      // 若传入的新配置中有 label，（用户没传入但原先有 label，label 也会有值）\n      if (!label) {\n        // 若原先不存在 label，则绘制一个新的 label\n        var newLabel = this.drawLabel(cfg, group);\n        newLabel.set('className', labelClassName);\n      } else {\n        // 若原先存在 label，则更新样式。与 getLabelStyle 不同在于这里需要融合当前 label 的样式\n        // 用于融合 style 以外的属性：position, offset, ...\n        var currentLabelCfg = {};\n\n        if (item.getModel) {\n          currentLabelCfg = item.getModel().labelCfg;\n        } // 这里不能去掉\n\n\n        var labelCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"deepMix\"])({}, defaultLabelCfg, currentLabelCfg, cfg.labelCfg); // 获取位置信息\n\n        var calculateStyle = this.getLabelStyleByPosition(cfg, labelCfg, group); // 取 nodeLabel，edgeLabel 的配置项\n\n        var cfgStyle = cfg.labelCfg ? cfg.labelCfg.style : undefined;\n        var cfgBgStyle = labelCfg.style && labelCfg.style.background; // 需要融合当前\b label 的样式 label.attr()。不再需要全局/默认样式，因为已经应用在当前的 label 上\n\n        var labelStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, label.attr()), calculateStyle), cfgStyle);\n\n        var rotate = labelStyle.rotate;\n        delete labelStyle.rotate; // 计算 label 的旋转矩阵\n\n        if (rotate) {\n          // if G 4.x define the rotateAtStart, use it directly instead of using the following codes\n          var rotateMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n          rotateMatrix = transform(rotateMatrix, [['t', -labelStyle.x, -labelStyle.y], ['r', rotate], ['t', labelStyle.x, labelStyle.y]]);\n          label.resetMatrix();\n          label.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, labelStyle), {\n            matrix: rotateMatrix\n          }));\n        } else {\n          label.resetMatrix();\n          label.attr(labelStyle);\n        }\n\n        if (!labelBg) {\n          if (labelStyle.background) {\n            labelBg = this.drawLabelBg(cfg, group, label);\n            labelBg.set('classname', labelBgClassname);\n            label.toFront();\n          }\n        } else if (labelStyle.background) {\n          var calculateBgStyle = this.getLabelBgStyleByPosition(label, cfg, labelCfg, group);\n\n          var labelBgStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, calculateBgStyle), cfgBgStyle);\n\n          labelBg.resetMatrix();\n\n          if (rotate) {\n            var bgRotateMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n            bgRotateMatrix = transform(bgRotateMatrix, [['t', -labelBgStyle.x, -labelBgStyle.y], ['r', rotate], ['t', labelBgStyle.x, labelBgStyle.y]]);\n            labelBgStyle.matrix = bgRotateMatrix;\n          }\n\n          labelBg.attr(labelBgStyle);\n        } else {\n          group.removeChild(labelBg);\n        }\n      }\n    }\n  },\n  // update(cfg, item) // 默认不定义\n  afterUpdate: function afterUpdate(cfg, item) {},\n\n  /**\n   * 设置节点的状态，主要是交互状态，业务状态请在 draw 方法中实现\n   * 单图形的节点仅考虑 selected、active 状态，有其他状态需求的用户自己复写这个方法\n   * @override\n   * @param  {String} name 状态名称\n   * @param  {String | Boolean} value 状态值\n   * @param  {G6.Item} item 节点\n   */\n  setState: function setState(name, value, item) {\n    var _a, _b;\n\n    var shape = item.get('keyShape');\n\n    if (!shape) {\n      return;\n    }\n\n    var type = item.getType();\n    var stateName = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isBoolean\"])(value) ? name : name + \":\" + value;\n    var shapeStateStyle = this.getStateStyle(stateName, item);\n    var itemStateStyle = item.getStateStyle(stateName); // const originStyle = item.getOriginStyle();\n    // 不允许设置一个不存在的状态\n\n    if (!itemStateStyle && !shapeStateStyle) {\n      return;\n    } // 要设置或取消的状态的样式\n    // 当没有 state 状态时，默认使用 model.stateStyles 中的样式\n\n\n    var styles = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, itemStateStyle || shapeStateStyle);\n    var group = item.getContainer(); // 从图元素现有的样式中删除本次要取消的 states 中存在的属性值。使用对象检索更快\n\n    var keptAttrs = {\n      x: 1,\n      y: 1,\n      cx: 1,\n      cy: 1\n    };\n\n    if (type === 'combo') {\n      keptAttrs.r = 1;\n      keptAttrs.width = 1;\n      keptAttrs.height = 1;\n    }\n\n    if (value) {\n      var _loop_2 = function _loop_2(key) {\n        var _c;\n\n        var style = styles[key];\n\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(style) && !ARROWS.includes(key)) {\n          var subShape = group.find(function (element) {\n            return element.get('name') === key;\n          });\n\n          if (subShape) {\n            subShape.attr(style);\n          }\n        } else {\n          // 非纯对象，则认为是设置到 keyShape 上面的\n          shape.attr((_c = {}, _c[key] = style, _c));\n        }\n      }; // style 为要设置的状态的样式\n\n\n      for (var key in styles) {\n        _loop_2(key);\n      }\n    } else {\n      // 所有生效的 state 的样式\n      var enableStatesStyle = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_4__[\"cloneBesidesImg\"])(item.getCurrentStatesStyle());\n      var model = item.getModel(); // 原始样式\n\n      var originStyle_1 = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, model.style, Object(_util_graphic__WEBPACK_IMPORTED_MODULE_4__[\"cloneBesidesImg\"])(item.getOriginStyle()));\n      var keyShapeName_1 = shape.get('name'); // cloning  shape.attr(), keys.forEach to avoid cloning the img attr, which leads to maximum clone heap #2383\n      // const keyShapeStyles = clone(shape.attr())\n\n      var shapeAttrs_1 = shape.attr();\n      var keyShapeStyles_1 = {};\n      Object.keys(shapeAttrs_1).forEach(function (key) {\n        if (key === 'img') return;\n        var attr = shapeAttrs_1[key];\n\n        if (attr && _typeof(attr) === 'object') {\n          keyShapeStyles_1[key] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(attr);\n        } else {\n          keyShapeStyles_1[key] = attr;\n        }\n      }); // 已有样式 - 要取消的状态的样式\n\n      var filtetDisableStatesStyle = {};\n\n      var _loop_3 = function _loop_3(p) {\n        var style = styles[p];\n\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(style) && !ARROWS.includes(p)) {\n          var subShape_1 = group.find(function (element) {\n            return element.get('name') === p;\n          });\n\n          if (subShape_1) {\n            var subShapeStyles_1 = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(subShape_1.attr());\n            Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(style, function (v, key) {\n              if (p === keyShapeName_1 && keyShapeStyles_1[key] && !keptAttrs[key]) {\n                delete keyShapeStyles_1[key];\n                var value_1 = originStyle_1[p][key] || SHAPES_DEFAULT_ATTRS[type][key];\n                shape.attr(key, value_1);\n              } else if (subShapeStyles_1[key] || subShapeStyles_1[key] === 0) {\n                delete subShapeStyles_1[key];\n                var value_2 = originStyle_1[p][key] || SHAPES_DEFAULT_ATTRS[type][key];\n                subShape_1.attr(key, value_2);\n              }\n            });\n            filtetDisableStatesStyle[p] = subShapeStyles_1;\n          }\n        } else {\n          if (keyShapeStyles_1[p] && !keptAttrs[p]) {\n            delete keyShapeStyles_1[p];\n            var value_3 = originStyle_1[p] || (originStyle_1[keyShapeName_1] ? originStyle_1[keyShapeName_1][p] : undefined) || SHAPES_DEFAULT_ATTRS[type][p];\n            shape.attr(p, value_3);\n          }\n        }\n      }; // styles 为要取消的状态的样式\n\n\n      for (var p in styles) {\n        _loop_3(p);\n      } // 从图元素现有的样式中删除本次要取消的 states 中存在的属性值后，\n      // 如果 keyShape 有 name 属性，则 filtetDisableStatesStyle 的格式为 { keyShapeName: {} }\n      // 否则为普通对象\n\n\n      if (!keyShapeName_1) {\n        Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])(filtetDisableStatesStyle, keyShapeStyles_1);\n      } else {\n        filtetDisableStatesStyle[keyShapeName_1] = keyShapeStyles_1;\n      }\n\n      for (var key in enableStatesStyle) {\n        if (keptAttrs[key]) continue;\n        var enableStyle = enableStatesStyle[key];\n\n        if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(enableStyle) || ARROWS.includes(key)) {\n          // 把样式属性merge到keyShape中\n          if (!keyShapeName_1) {\n            Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])(originStyle_1, (_a = {}, _a[key] = enableStyle, _a));\n          } else {\n            Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])(originStyle_1[keyShapeName_1], (_b = {}, _b[key] = enableStyle, _b));\n            delete originStyle_1[key];\n          }\n\n          delete enableStatesStyle[key];\n        }\n      }\n\n      var originstyles = {};\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"deepMix\"])(originstyles, originStyle_1, filtetDisableStatesStyle, enableStatesStyle);\n      var keyShapeSetted = false;\n\n      var _loop_4 = function _loop_4(originKey) {\n        var _d, _e;\n\n        var style = originstyles[originKey];\n\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(style) && !ARROWS.includes(originKey)) {\n          var subShape = group.find(function (element) {\n            return element.get('name') === originKey;\n          });\n\n          if (subShape) {\n            if (originKey === keyShapeName_1) {\n              if (type === 'combo') {\n                delete style.r;\n                delete style.width;\n                delete style.height;\n              }\n\n              keyShapeSetted = true;\n            }\n\n            subShape.attr(style);\n          }\n        } else if (!keyShapeSetted) {\n          var value_4 = style || SHAPES_DEFAULT_ATTRS[type][originKey]; // 当更新 combo 状态时，当不存在 keyShapeName 时候，则认为是设置到 keyShape 上面的\n\n          if (type === 'combo') {\n            if (!keyShapeName_1) {\n              shape.attr((_d = {}, _d[originKey] = value_4, _d));\n            }\n          } else {\n            shape.attr((_e = {}, _e[originKey] = value_4, _e));\n          }\n        }\n      };\n\n      for (var originKey in originstyles) {\n        _loop_4(originKey);\n      }\n    }\n  },\n\n  /**\n   * 获取不同状态下的样式\n   *\n   * @param {string} name 状态名称\n   * @param {Item} item Node或Edge的实例\n   * @return {object} 样式\n   */\n  getStateStyle: function getStateStyle(name, item) {\n    var model = item.getModel();\n    var type = item.getType();\n\n    var _a = this.getOptions(model),\n        stateStyles = _a.stateStyles,\n        _b = _a.style,\n        style = _b === void 0 ? {} : _b;\n\n    var modelStateStyle = model.stateStyles ? model.stateStyles[name] : stateStyles && stateStyles[name];\n\n    if (type === 'combo') {\n      return Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(modelStateStyle);\n    }\n\n    return Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"mix\"])({}, style, modelStateStyle);\n  },\n\n  /**\n   * 获取控制点\n   * @param  {Object} cfg 节点、边的配置项\n   * @return {Array|null} 控制点的数组,如果为 null，则没有控制点\n   */\n  getControlPoints: function getControlPoints(cfg) {\n    return cfg.controlPoints;\n  },\n\n  /**\n   * 获取控制点\n   * @param  {Object} cfg 节点、边的配置项\n   * @return {Array|null} 锚点的数组,如果为 null，则没有锚点\n   */\n  getAnchorPoints: function getAnchorPoints(cfg) {\n    var anchorPoints = this.getOptions(cfg).anchorPoints;\n    return anchorPoints;\n  }\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shapeBase.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/xml.js":
 /*!***************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/interface/graph.js ***!
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/xml.js ***!
+  \***************************************************************************/
+/*! exports provided: xmlDataRenderer, parseXML, getBBox, generateTarget, compareTwoTarget, createNodeFromXML */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"xmlDataRenderer\", function() { return xmlDataRenderer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"parseXML\", function() { return parseXML; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBox\", function() { return getBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"generateTarget\", function() { return generateTarget; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"compareTwoTarget\", function() { return compareTwoTarget; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createNodeFromXML\", function() { return createNodeFromXML; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n/**\n * @fileOverview 从xml建立自定义Node，包含update\n * @author xuzhi.mxz@antfin.com\n */\n\n\n\n/**\n * 一种更宽松的JSON 解析，如果遇到不符合规范的字段会直接转为字符串\n * @param text json 内容\n */\n\nfunction looseJSONParse(text) {\n  if (typeof text !== 'string') {\n    return text;\n  }\n\n  var safeParse = function safeParse(str) {\n    if (typeof str !== 'string') {\n      return str;\n    }\n\n    try {\n      return JSON.parse(str.trim());\n    } catch (e) {\n      return str.trim();\n    }\n  };\n\n  var firstAttempt = safeParse(text);\n\n  if (typeof firstAttempt !== 'string') {\n    return firstAttempt;\n  }\n\n  var tail = function tail(arr) {\n    return arr[arr.length - 1];\n  };\n\n  var str = text.trim();\n  var objectStack = [];\n  var syntaxStack = [];\n\n  var isLastPair = function isLastPair() {\n    var syntaxes = [];\n\n    for (var _i = 0; _i < arguments.length; _i++) {\n      syntaxes[_i] = arguments[_i];\n    }\n\n    return syntaxes.some(function (syntax) {\n      return tail(syntaxStack) === syntax;\n    });\n  };\n\n  var getValueStore = function getValueStore() {\n    return tail(objectStack);\n  };\n\n  var rst = null;\n  var i = 0;\n  var temp = '';\n\n  while (i < str.length) {\n    var nowChar = str[i];\n    var isInString = isLastPair('\"', \"'\");\n\n    if (!isInString && !nowChar.trim()) {\n      i += 1;\n      continue;\n    }\n\n    var isLastTranslate = str[i - 1] === '\\\\';\n    var isInObject = isLastPair('}');\n    var isInArray = isLastPair(']');\n    var isWaitingValue = isLastPair(',');\n    var tempArr = getValueStore();\n\n    if (isInString) {\n      if (tail(syntaxStack) === nowChar && !isLastTranslate) {\n        syntaxStack.pop();\n        var value = safeParse(temp);\n        tempArr.push(value);\n        rst = value;\n        temp = '';\n      } else {\n        temp += nowChar;\n      }\n    } else if (isInArray && nowChar === ',') {\n      if (temp) {\n        tempArr.push(safeParse(temp));\n        temp = '';\n      }\n    } else if (isInObject && nowChar === ':') {\n      syntaxStack.push(',');\n\n      if (temp) {\n        tempArr.push(temp);\n        temp = '';\n      }\n    } else if (isWaitingValue && nowChar === ',') {\n      if (temp) {\n        tempArr.push(safeParse(temp));\n        temp = '';\n      }\n\n      syntaxStack.pop();\n    } else if (nowChar === '}' && (isInObject || isWaitingValue)) {\n      if (temp) {\n        tempArr.push(safeParse(temp));\n        temp = '';\n      }\n\n      if (isWaitingValue) {\n        syntaxStack.pop();\n      }\n\n      var obj = {};\n\n      for (var c = 1; c < tempArr.length; c += 2) {\n        obj[tempArr[c - 1]] = tempArr[c];\n      }\n\n      objectStack.pop();\n\n      if (objectStack.length) {\n        tail(objectStack).push(obj);\n      }\n\n      syntaxStack.pop();\n      rst = obj;\n    } else if (nowChar === ']' && isInArray) {\n      if (temp) {\n        tempArr.push(safeParse(temp));\n        temp = '';\n      }\n\n      objectStack.pop();\n\n      if (objectStack.length) {\n        tail(objectStack).push(tempArr);\n      }\n\n      syntaxStack.pop();\n      rst = tempArr;\n    } else if (nowChar === '{') {\n      objectStack.push([]);\n      syntaxStack.push('}');\n    } else if (nowChar === '[') {\n      objectStack.push([]);\n      syntaxStack.push(']');\n    } else if (nowChar === '\"') {\n      syntaxStack.push('\"');\n    } else if (nowChar === \"'\") {\n      syntaxStack.push(\"'\");\n    } else {\n      temp += nowChar;\n    }\n\n    i += 1;\n  }\n\n  return rst || temp;\n}\n\nvar keyConvert = function keyConvert(str) {\n  return str.split('-').reduce(function (a, b) {\n    return a + b.charAt(0).toUpperCase() + b.slice(1);\n  });\n};\n/**\n * 简单的一个{{}}模板渲染，不包含任何复杂语法\n * @param xml\n */\n\n\nvar xmlDataRenderer = function xmlDataRenderer(xml) {\n  return function (data) {\n    var len = xml.length;\n    var arr = [];\n    var i = 0;\n    var tmp = '';\n\n    while (i < len) {\n      if (xml[i] === '{' && xml[i + 1] === '{') {\n        arr.push(tmp);\n        tmp = '';\n        i += 2;\n      } else if (xml[i] === '}' && xml[i + 1] === '}') {\n        if (arr.length) {\n          var last = arr.pop();\n          tmp = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"get\"])(data, tmp, last.endsWith('=') ? \"\\\"{\" + tmp + \"}\\\"\" : tmp);\n          arr.push(last + tmp);\n        }\n\n        i += 2;\n        tmp = '';\n      } else {\n        tmp += xml[i];\n        i += 1;\n      }\n    }\n\n    arr.push(tmp);\n    return arr.map(function (e, index) {\n      return arr[index - 1] && arr[index - 1].endsWith('=') ? \"\\\"{\" + e + \"}\\\"\" : e;\n    }).join('');\n  };\n};\n/**\n * 解析XML，并转化为相应的JSON结构\n * @param xml xml解析后的节点\n */\n\nfunction parseXML(xml, cfg) {\n  var attrs = {};\n  var keys = xml.getAttributeNames && xml.getAttributeNames() || [];\n  var children = xml.children && Array.from(xml.children).map(function (e) {\n    return parseXML(e, cfg);\n  });\n  var rst = {};\n  var tagName = xml.tagName ? xml.tagName.toLowerCase() : 'group';\n\n  if (tagName === 'text') {\n    attrs.text = xml.innerText;\n  }\n\n  rst.type = tagName;\n\n  if (tagName === 'img') {\n    rst.type = 'image';\n  }\n\n  Array.from(keys).forEach(function (k) {\n    var key = keyConvert(k);\n    var val = xml.getAttribute(k);\n\n    try {\n      if (key === 'style' || key === 'attrs') {\n        var style = looseJSONParse(val);\n        attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, attrs), style);\n      } else {\n        rst[key] = looseJSONParse(val);\n      }\n    } catch (e) {\n      if (key === 'style') {\n        throw e;\n      }\n\n      rst[key] = val;\n    }\n  });\n  rst.attrs = attrs;\n\n  if (cfg && cfg.style && rst.name && _typeof(cfg.style[rst.name]) === 'object') {\n    rst.attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, rst.attrs), cfg.style[rst.name]);\n  }\n\n  if (cfg && cfg.style && rst.keyshape) {\n    rst.attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, rst.attrs), cfg.style);\n  }\n\n  if (children.length) {\n    rst.children = children;\n  }\n\n  return rst;\n}\n/**\n * 根据偏移量和内部节点最终的bounding box来得出该shape最终的bbox\n */\n\nfunction getBBox(node, offset, chilrenBBox) {\n  var _a = node.attrs,\n      attrs = _a === void 0 ? {} : _a;\n  var bbox = {\n    x: offset.x || 0,\n    y: offset.y || 0,\n    width: chilrenBBox.width || 0,\n    height: chilrenBBox.height || 0\n  };\n  var shapeHeight, shapeWidth;\n\n  switch (node.type) {\n    case 'maker':\n    case 'circle':\n      if (attrs.r) {\n        shapeWidth = 2 * attrs.r;\n        shapeHeight = 2 * attrs.r;\n      }\n\n      break;\n\n    case 'text':\n      if (attrs.text) {\n        shapeWidth = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_2__[\"getTextSize\"])(attrs.text, attrs.fontSize || 12)[0];\n        shapeHeight = 16;\n        bbox.y += shapeHeight;\n        bbox.height = shapeHeight;\n        bbox.width = shapeWidth;\n        node.attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          fontSize: 12,\n          fill: '#000'\n        }, attrs);\n      }\n\n      break;\n\n    default:\n      if (attrs.width) {\n        shapeWidth = attrs.width;\n      }\n\n      if (attrs.height) {\n        shapeHeight = attrs.height;\n      }\n\n  }\n\n  if (shapeHeight >= 0) {\n    bbox.height = shapeHeight;\n  }\n\n  if (shapeWidth >= 0) {\n    bbox.width = shapeWidth;\n  }\n\n  if (attrs.marginTop) {\n    bbox.y += attrs.marginTop;\n  }\n\n  if (attrs.marginLeft) {\n    bbox.x += attrs.marginLeft;\n  }\n\n  return bbox;\n}\n/**\n * 把从xml计算出的结构填上位置信息，补全attrs\n * @param target\n * @param lastOffset\n */\n\nfunction generateTarget(target, lastOffset) {\n  var _a;\n\n  if (lastOffset === void 0) {\n    lastOffset = {\n      x: 0,\n      y: 0\n    };\n  }\n\n  var defaultBbox = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0\n  }, lastOffset);\n\n  if ((_a = target.children) === null || _a === void 0 ? void 0 : _a.length) {\n    var _b = target.attrs,\n        attrs = _b === void 0 ? {} : _b;\n    var marginTop = attrs.marginTop;\n\n    var offset = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, lastOffset);\n\n    if (marginTop) {\n      offset.y += marginTop;\n    }\n\n    for (var index = 0; index < target.children.length; index++) {\n      target.children[index].attrs.key = (attrs.key || 'root') + \" -\" + index + \" \";\n      var node = generateTarget(target.children[index], offset);\n\n      if (node.bbox) {\n        var bbox = node.bbox;\n\n        if (node.attrs.next === 'inline') {\n          offset.x += node.bbox.width;\n        } else {\n          offset.y += node.bbox.height;\n        }\n\n        if (bbox.width + bbox.x > defaultBbox.width) {\n          defaultBbox.width = bbox.width + bbox.x;\n        }\n\n        if (bbox.height + bbox.y > defaultBbox.height) {\n          defaultBbox.height = bbox.height + bbox.y;\n        }\n      }\n    }\n  }\n\n  target.bbox = getBBox(target, lastOffset, defaultBbox);\n  target.attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, target.attrs), target.bbox);\n  return target;\n}\n/**\n * 对比前后两个最终计算出来的node，并对比出最小改动,\n * 动作： 'add' 添加节点 ｜ ’delete‘ 删除节点 ｜ ’change‘ 改变节点attrs ｜ 'restructure' 重构节点\n * @param nowTarget\n * @param formerTarget\n */\n\nfunction compareTwoTarget(nowTarget, formerTarget) {\n  var _a, _b, _c, _d;\n\n  var type = (nowTarget || {}).type;\n  var key = ((formerTarget === null || formerTarget === void 0 ? void 0 : formerTarget.attrs) || {}).key;\n\n  if (key && nowTarget) {\n    nowTarget.attrs.key = key;\n  }\n\n  if (!nowTarget && formerTarget) {\n    return {\n      action: 'delete',\n      val: formerTarget,\n      type: type,\n      key: key\n    };\n  }\n\n  if (nowTarget && !formerTarget) {\n    return {\n      action: 'add',\n      val: nowTarget,\n      type: type\n    };\n  }\n\n  if (!nowTarget && !formerTarget) {\n    return {\n      action: 'same',\n      type: type\n    };\n  }\n\n  var children = [];\n\n  if (((_a = nowTarget.children) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_b = formerTarget.children) === null || _b === void 0 ? void 0 : _b.length) > 0) {\n    var length_1 = Math.max((_c = nowTarget.children) === null || _c === void 0 ? void 0 : _c.length, (_d = formerTarget.children) === null || _d === void 0 ? void 0 : _d.length);\n    var formerChilren = formerTarget.children || [];\n    var nowChilren = nowTarget.children || [];\n\n    for (var index = 0; index < length_1; index += 1) {\n      children.push(compareTwoTarget(nowChilren[index], formerChilren[index]));\n    }\n  }\n\n  var formerKeys = Object.keys(formerTarget.attrs);\n  var nowKeys = Object.keys(nowTarget.attrs);\n\n  if (formerTarget.type !== nowTarget.type) {\n    return {\n      action: 'restructure',\n      nowTarget: nowTarget,\n      formerTarget: formerTarget,\n      key: key,\n      children: children\n    };\n  }\n\n  if (formerKeys.filter(function (e) {\n    return e !== 'children';\n  }).some(function (e) {\n    return nowTarget.attrs[e] !== formerTarget.attrs[e] || !nowKeys.includes(e);\n  })) {\n    return {\n      action: 'change',\n      val: nowTarget,\n      children: children,\n      type: type,\n      key: key\n    };\n  }\n\n  return {\n    action: 'same',\n    children: children,\n    type: type,\n    key: key\n  };\n}\n/**\n * 根据xml或者返回xml的函数构建自定义节点的结构\n * @param gen\n */\n\nfunction createNodeFromXML(gen) {\n  var structures = {};\n\n  var compileXML = function compileXML(cfg) {\n    var rawStr = typeof gen === 'function' ? gen(cfg) : gen;\n    var target = xmlDataRenderer(rawStr)(cfg);\n    var xmlParser = document.createElement('div');\n    xmlParser.innerHTML = target;\n    var xml = xmlParser.children[0];\n    var result = generateTarget(parseXML(xml, cfg));\n    xmlParser.remove();\n    return result;\n  };\n\n  return {\n    draw: function draw(cfg, group) {\n      var resultTarget = compileXML(cfg);\n      var keyshape = group;\n\n      var renderTarget = function renderTarget(target) {\n        var _a = target.attrs,\n            attrs = _a === void 0 ? {} : _a,\n            bbox = target.bbox,\n            type = target.type,\n            children = target.children,\n            rest = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(target, [\"attrs\", \"bbox\", \"type\", \"children\"]);\n\n        if (target.type !== 'group') {\n          var shape = group.addShape(target.type, Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n            attrs: attrs,\n            origin: {\n              bbox: bbox,\n              type: type,\n              children: children\n            }\n          }, rest));\n\n          if (target.keyshape) {\n            keyshape = shape;\n          }\n        }\n\n        if (target.children) {\n          target.children.forEach(function (n) {\n            return renderTarget(n);\n          });\n        }\n      };\n\n      renderTarget(resultTarget);\n      structures[cfg.id] = [resultTarget];\n      return keyshape;\n    },\n    update: function update(cfg, node) {\n      if (!structures[cfg.id]) {\n        structures[cfg.id] = [];\n      }\n\n      var container = node.getContainer();\n      var children = container.get('children');\n      var newTarget = compileXML(cfg);\n      var lastTarget = structures[cfg.id].pop();\n      var diffResult = compareTwoTarget(newTarget, lastTarget);\n\n      var addShape = function addShape(shape) {\n        var _a;\n\n        if (shape.type !== 'group') {\n          container.addShape(shape.type, {\n            attrs: shape.attrs\n          });\n        }\n\n        if ((_a = shape.children) === null || _a === void 0 ? void 0 : _a.length) {\n          shape.children.map(function (e) {\n            return addShape(e);\n          });\n        }\n      };\n\n      var delShape = function delShape(shape) {\n        var _a;\n\n        var targetShape = children.find(function (e) {\n          return e.attrs.key === shape.attrs.key;\n        });\n\n        if (targetShape) {\n          container.removeChild(targetShape);\n        }\n\n        if ((_a = shape.children) === null || _a === void 0 ? void 0 : _a.length) {\n          shape.children.map(function (e) {\n            return delShape(e);\n          });\n        }\n      };\n\n      var updateTarget = function updateTarget(target) {\n        var key = target.key;\n\n        if (target.type !== 'group') {\n          var targetShape = children.find(function (e) {\n            return e.attrs.key === key;\n          });\n\n          switch (target.action) {\n            case 'change':\n              if (targetShape) {\n                var originAttr = target.val.keyshape ? node.getOriginStyle() : {};\n                targetShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, originAttr), target.val.attrs));\n              }\n\n              break;\n\n            case 'add':\n              addShape(target.val);\n              break;\n\n            case 'delete':\n              delShape(target.val);\n              break;\n\n            case 'restructure':\n              delShape(target.formerTarget);\n              addShape(target.nowTarget);\n              break;\n\n            default:\n              break;\n          }\n        }\n\n        if (target.children) {\n          target.children.forEach(function (n) {\n            return updateTarget(n);\n          });\n        }\n      };\n\n      updateTarget(diffResult);\n      structures[cfg.id].push(newTarget);\n    },\n    getAnchorPoints: function getAnchorPoints() {\n      return [[0, 0.5], [1, 0.5], [0.5, 1], [0.5, 0]];\n    }\n  };\n}\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/xml.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js ***!
+  \**********************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\nvar subjectColor = 'rgb(95, 149, 255)';\nvar backColor = 'rgb(255, 255, 255)';\nvar textColor = 'rgb(0, 0, 0)';\nvar activeFill = 'rgb(247, 250, 255)';\nvar nodeMainFill = 'rgb(239, 244, 255)';\nvar comboFill = 'rgb(253, 253, 253)';\nvar disabledFill = 'rgb(250, 250, 250)';\nvar edgeMainStroke = 'rgb(224, 224, 224)';\nvar edgeInactiveStroke = 'rgb(234, 234, 234)';\nvar edgeDisablesStroke = 'rgb(245, 245, 245)';\nvar inactiveStroke = 'rgb(191, 213, 255)';\nvar highlightStroke = '#4572d9';\nvar highlightFill = 'rgb(223, 234, 255)';\nvar colorSet = {\n  // for nodes\n  mainStroke: subjectColor,\n  mainFill: nodeMainFill,\n  activeStroke: subjectColor,\n  activeFill: activeFill,\n  inactiveStroke: inactiveStroke,\n  inactiveFill: activeFill,\n  selectedStroke: subjectColor,\n  selectedFill: backColor,\n  highlightStroke: highlightStroke,\n  highlightFill: highlightFill,\n  disableStroke: edgeMainStroke,\n  disableFill: disabledFill,\n  // for edges\n  edgeMainStroke: edgeMainStroke,\n  edgeActiveStroke: subjectColor,\n  edgeInactiveStroke: edgeInactiveStroke,\n  edgeSelectedStroke: subjectColor,\n  edgeHighlightStroke: subjectColor,\n  edgeDisableStroke: edgeDisablesStroke,\n  // for combos\n  comboMainStroke: edgeMainStroke,\n  comboMainFill: comboFill,\n  comboActiveStroke: subjectColor,\n  comboActiveFill: activeFill,\n  comboInactiveStroke: edgeMainStroke,\n  comboInactiveFill: comboFill,\n  comboSelectedStroke: subjectColor,\n  comboSelectedFill: comboFill,\n  comboHighlightStroke: highlightStroke,\n  comboHighlightFill: comboFill,\n  comboDisableStroke: edgeInactiveStroke,\n  comboDisableFill: disabledFill\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  version: '0.2.1',\n  rootContainerClassName: 'root-container',\n  nodeContainerClassName: 'node-container',\n  edgeContainerClassName: 'edge-container',\n  comboContainerClassName: 'combo-container',\n  delegateContainerClassName: 'delegate-container',\n  defaultLoopPosition: 'top',\n  nodeLabel: {\n    style: {\n      fill: '#000',\n      fontSize: 12,\n      textAlign: 'center',\n      textBaseline: 'middle'\n    },\n    offset: 4 // 节点的默认文本不居中时的偏移量\n\n  },\n  defaultNode: {\n    type: 'circle',\n    style: {\n      lineWidth: 1,\n      stroke: colorSet.mainStroke,\n      fill: nodeMainFill\n    },\n    size: 20,\n    color: colorSet.mainStroke,\n    linkPoints: {\n      size: 8,\n      lineWidth: 1,\n      fill: colorSet.activeFill,\n      stroke: colorSet.activeStroke\n    }\n  },\n  // 节点应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  nodeStateStyles: {\n    active: {\n      fill: colorSet.activeFill,\n      stroke: colorSet.activeStroke,\n      lineWidth: 2,\n      shadowColor: colorSet.mainStroke,\n      shadowBlur: 10\n    },\n    selected: {\n      fill: colorSet.selectedFill,\n      stroke: colorSet.selectedStroke,\n      lineWidth: 4,\n      shadowColor: colorSet.selectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      fill: colorSet.highlightFill,\n      stroke: colorSet.highlightStroke,\n      lineWidth: 2,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      fill: colorSet.inactiveFill,\n      stroke: colorSet.inactiveStroke,\n      lineWidth: 1\n    },\n    disable: {\n      fill: colorSet.disableFill,\n      stroke: colorSet.disableStroke,\n      lineWidth: 1\n    }\n  },\n  edgeLabel: {\n    style: {\n      fill: textColor,\n      textAlign: 'center',\n      textBaseline: 'middle',\n      fontSize: 12\n    }\n  },\n  defaultEdge: {\n    type: 'line',\n    size: 1,\n    style: {\n      stroke: colorSet.edgeMainStroke,\n      lineAppendWidth: 2\n    },\n    color: colorSet.edgeMainStroke\n  },\n  // 边应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  edgeStateStyles: {\n    active: {\n      stroke: colorSet.edgeActiveStroke,\n      lineWidth: 1\n    },\n    selected: {\n      stroke: colorSet.edgeSelectedStroke,\n      lineWidth: 2,\n      shadowColor: colorSet.edgeSelectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      stroke: colorSet.edgeHighlightStroke,\n      lineWidth: 2,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      stroke: colorSet.edgeInactiveStroke,\n      lineWidth: 1\n    },\n    disable: {\n      stroke: colorSet.edgeDisableStroke,\n      lineWidth: 1\n    }\n  },\n  comboLabel: {\n    style: {\n      fill: textColor,\n      // textAlign: 'center',\n      textBaseline: 'middle',\n      fontSize: 12\n    },\n    refY: 10,\n    refX: 10 // Combo 的默认文本不居中时的偏移量\n\n  },\n  defaultCombo: {\n    type: 'circle',\n    style: {\n      fill: colorSet.comboMainFill,\n      lineWidth: 1,\n      stroke: colorSet.comboMainStroke,\n      r: 5,\n      width: 20,\n      height: 10\n    },\n    size: [20, 5],\n    color: colorSet.comboMainStroke,\n    padding: [25, 20, 15, 20]\n  },\n  // combo 应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  comboStateStyles: {\n    active: {\n      stroke: colorSet.comboActiveStroke,\n      lineWidth: 1,\n      fill: colorSet.comboActiveFill\n    },\n    selected: {\n      stroke: colorSet.comboSelectedStroke,\n      lineWidth: 2,\n      fill: colorSet.comboSelectedFill,\n      shadowColor: colorSet.comboSelectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      stroke: colorSet.comboHighlightStroke,\n      lineWidth: 2,\n      fill: colorSet.comboHighlightFill,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      stroke: colorSet.comboInactiveStroke,\n      fill: colorSet.comboInactiveFill,\n      lineWidth: 1\n    },\n    disable: {\n      stroke: colorSet.comboDisableStroke,\n      fill: colorSet.comboDisableFill,\n      lineWidth: 1\n    }\n  },\n  delegateStyle: {\n    fill: '#F3F9FF',\n    fillOpacity: 0.5,\n    stroke: '#1890FF',\n    strokeOpacity: 0.9,\n    lineDash: [5, 5]\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/event.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/event.js ***!
+  \**************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\nvar EventController =\n/** @class */\nfunction () {\n  function EventController(graph) {\n    this.graph = graph;\n    this.destroyed = false;\n    this.initEvents();\n  }\n\n  return EventController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (EventController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/event.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/index.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/index.js ***!
+  \**************************************************************************************/
+/*! exports provided: ModeController, ViewController, ItemController, StateController */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mode */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/mode.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ModeController\", function() { return _mode__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _view__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./view */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/view.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ViewController\", function() { return _view__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./item */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/item.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ItemController\", function() { return _item__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./state */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/state.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"StateController\", function() { return _state__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n\n\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/item.js":
+/*!*************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/item.js ***!
+  \*************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _item_edge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../item/edge */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/edge.js\");\n/* harmony import */ var _item_node__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../item/node */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/node.js\");\n/* harmony import */ var _item_combo__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../item/combo */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/combo.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/graphic */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js\");\n\n\n\n\n\n\nvar NODE = 'node';\nvar EDGE = 'edge';\nvar VEDGE = 'vedge';\nvar COMBO = 'combo';\nvar CFG_PREFIX = 'default';\nvar MAPPER_SUFFIX = 'Mapper';\nvar STATE_SUFFIX = 'stateStyles';\n\nvar ItemController =\n/** @class */\nfunction () {\n  function ItemController(graph) {\n    this.graph = graph;\n    this.destroyed = false;\n  }\n  /**\n   * 增加 Item 实例\n   *\n   * @param {ITEM_TYPE} type 实例类型，node 或 edge\n   * @param {(NodeConfig & EdgeConfig)} model 数据模型\n   * @returns {(Item)}\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.addItem = function (type, model) {\n    var _this = this;\n\n    var graph = this.graph;\n    var vType = type === VEDGE ? EDGE : type;\n    var parent = graph.get(vType + \"Group\") || graph.get('group');\n    var upperType = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"upperFirst\"])(vType);\n    var item = null; // 获取 this.get('styles') 中的值\n\n    var styles = graph.get(vType + Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"upperFirst\"])(STATE_SUFFIX)) || {};\n    var defaultModel = graph.get(CFG_PREFIX + upperType);\n\n    if (model[STATE_SUFFIX]) {\n      // 设置 this.get('styles') 中的值\n      styles = model[STATE_SUFFIX];\n    }\n\n    if (defaultModel) {\n      // 很多布局会直接修改原数据模型，所以不能用 merge 的形式，逐个写入原 model 中\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(defaultModel, function (val, cfg) {\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isObject\"])(val) && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(val)) {\n          model[cfg] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, val, model[cfg]);\n        } else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(val)) {\n          model[cfg] = model[cfg] || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(defaultModel[cfg]);\n        } else {\n          model[cfg] = model[cfg] || defaultModel[cfg];\n        }\n      });\n    }\n\n    var mapper = graph.get(vType + MAPPER_SUFFIX);\n\n    if (mapper) {\n      var mappedModel_1 = mapper(model);\n\n      if (mappedModel_1[STATE_SUFFIX]) {\n        // 设置 this.get('styles') 中的值\n        styles = mappedModel_1[STATE_SUFFIX];\n        delete mappedModel_1[STATE_SUFFIX];\n      } // 如果配置了 defaultEdge 或 defaultNode，则将默认配置的数据也合并进去\n\n\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(mappedModel_1, function (val, cfg) {\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isObject\"])(val) && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(val)) {\n          model[cfg] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, model[cfg], val);\n        } else {\n          model[cfg] = mappedModel_1[cfg] || model[cfg];\n        }\n      });\n    }\n\n    graph.emit('beforeadditem', {\n      type: type,\n      model: model\n    });\n\n    if (type === EDGE || type === VEDGE) {\n      var source = void 0;\n      var target = void 0;\n      source = model.source; // eslint-disable-line prefer-destructuring\n\n      target = model.target; // eslint-disable-line prefer-destructuring\n\n      if (source && Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(source)) {\n        source = graph.findById(source);\n      }\n\n      if (target && Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(target)) {\n        target = graph.findById(target);\n      }\n\n      if (!source || !target) {\n        console.warn(\"The source or target node of edge \" + model.id + \" does not exist!\");\n        return;\n      }\n\n      if (source.getType && source.getType() === 'combo') {\n        model.isComboEdge = true; // graph.updateCombo(source as ICombo);\n      }\n\n      if (target.getType && target.getType() === 'combo') {\n        model.isComboEdge = true; // graph.updateCombo(target as ICombo);\n      }\n\n      item = new _item_edge__WEBPACK_IMPORTED_MODULE_2__[\"default\"]({\n        model: model,\n        source: source,\n        target: target,\n        styles: styles,\n        linkCenter: graph.get('linkCenter'),\n        group: parent.addGroup()\n      });\n    } else if (type === NODE) {\n      item = new _item_node__WEBPACK_IMPORTED_MODULE_3__[\"default\"]({\n        model: model,\n        styles: styles,\n        group: parent.addGroup()\n      });\n    } else if (type === COMBO) {\n      var children = model.children;\n      var comboBBox = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"getComboBBox\"])(children, graph);\n      model.x = comboBBox.x || model.x || Math.random() * 100;\n      model.y = comboBBox.y || model.y || Math.random() * 100;\n      var comboGroup = parent.addGroup();\n      comboGroup.setZIndex(model.depth);\n      item = new _item_combo__WEBPACK_IMPORTED_MODULE_4__[\"default\"]({\n        model: model,\n        styles: styles,\n        bbox: comboBBox,\n        group: comboGroup\n      });\n      var comboModel_1 = item.getModel();\n      (children || []).forEach(function (child) {\n        var childItem = graph.findById(child.id);\n        item.addChild(childItem);\n        child.depth = comboModel_1.depth + 2;\n      }); // collapse the combo if the collapsed is true in the model\n\n      if (model.collapsed) {\n        setTimeout(function () {\n          graph.collapseCombo(item);\n\n          _this.updateCombo(item, []);\n        }, 250);\n      }\n    }\n\n    if (item) {\n      graph.get(type + \"s\").push(item);\n      graph.get('itemMap')[item.get('id')] = item;\n      graph.emit('afteradditem', {\n        item: item,\n        model: model\n      }); // eslint-disable-next-line consistent-return\n\n      return item;\n    }\n  };\n  /**\n   * 更新节点或边\n   *\n   * @param {Item} item ID 或 实例\n   * @param {(EdgeConfig | Partial<NodeConfig>)} cfg 数据模型\n   * @returns\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.updateItem = function (item, cfg) {\n    var _a, _b;\n\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = graph.findById(item);\n    }\n\n    if (!item || item.destroyed) {\n      return;\n    } // 更新的 item 的类型\n\n\n    var type = '';\n    if (item.getType) type = item.getType();\n    var mapper = graph.get(type + MAPPER_SUFFIX);\n    var model = item.getModel();\n    var isOnlyMove = item.isOnlyMove(cfg);\n\n    if (mapper) {\n      var result = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, model, cfg);\n      var mappedModel = mapper(result); // 将 update 时候用户传入的参数与mapperModel做deepMix，以便复用之前设置的参数值\n\n      var newModel = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, model, mappedModel, cfg);\n\n      if (mappedModel[STATE_SUFFIX]) {\n        item.set('styles', newModel[STATE_SUFFIX]);\n        delete newModel[STATE_SUFFIX];\n      }\n\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(newModel, function (val, key) {\n        cfg[key] = val;\n      });\n    } else {\n      // merge update传进来的对象参数，model中没有的数据不做处理，对象和字符串值也不做处理，直接替换原来的\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(cfg, function (val, key) {\n        if (model[key]) {\n          if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isObject\"])(val) && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(val)) {\n            cfg[key] = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, model[key]), cfg[key]);\n          }\n        }\n      });\n    } // emit beforeupdateitem 事件\n\n\n    graph.emit('beforeupdateitem', {\n      item: item,\n      cfg: cfg\n    });\n\n    if (type === EDGE) {\n      // 若是边要更新source || target, 为了不影响示例内部model，并且重新计算startPoint和endPoint，手动设置\n      if (cfg.source) {\n        var source = cfg.source;\n\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(source)) {\n          source = graph.findById(source);\n        }\n\n        item.setSource(source);\n      }\n\n      if (cfg.target) {\n        var target = cfg.target;\n\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(target)) {\n          target = graph.findById(target);\n        }\n\n        item.setTarget(target);\n      }\n\n      item.update(cfg);\n    } // item.update(cfg);\n\n\n    if (type === NODE || type === COMBO) {\n      item.update(cfg, isOnlyMove);\n      var edges_1 = item.getEdges();\n      var refreshEdge = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"shouldRefreshEdge\"])(cfg);\n      if (refreshEdge && type === NODE) Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(edges_1, function (edge) {\n        edge.refresh();\n      });else if (refreshEdge && type === COMBO) {\n        var shapeFactory = item.get('shapeFactory');\n        var shapeType = model.type || 'circle';\n        var comboAnimate = model.animate === undefined || cfg.animate === undefined ? (_b = (_a = shapeFactory[shapeType]) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.animate : model.animate || cfg.animate;\n\n        if (comboAnimate) {\n          setTimeout(function () {\n            if (!item || item.destroyed) return;\n            var keyShape = item.getKeyShape();\n            if (!keyShape || keyShape.destroyed) return;\n            Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(edges_1, function (edge) {\n              if (edge && !edge.destroyed) edge.refresh();\n            });\n          }, 201);\n        } else {\n          Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(edges_1, function (edge) {\n            edge.refresh();\n          });\n        }\n      }\n    }\n\n    graph.emit('afterupdateitem', {\n      item: item,\n      cfg: cfg\n    });\n  };\n  /**\n   * 根据 combo 的子元素更新 combo 的位置及大小\n   *\n   * @param {ICombo} combo ID 或 实例\n   * @returns\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.updateCombo = function (combo, children) {\n    var _a, _b;\n\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(combo)) {\n      combo = graph.findById(combo);\n    }\n\n    if (!combo || combo.destroyed) {\n      return;\n    }\n\n    var comboBBox = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"getComboBBox\"])(children, graph);\n    combo.set('bbox', comboBBox);\n    combo.update({\n      x: comboBBox.x,\n      y: comboBBox.y\n    });\n    var combEdges = combo.getEdges() || [];\n    var length = combEdges.length;\n    var model = combo.getModel();\n    var shapeFactory = combo.get('shapeFactory');\n    var shapeType = model.type || 'circle';\n    var comboAnimate = model.animate === undefined ? (_b = (_a = shapeFactory[shapeType]) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.animate : model.animate;\n\n    if (comboAnimate) {\n      setTimeout(function () {\n        if (!combo || combo.destroyed) return;\n        var keyShape = combo.getKeyShape();\n        if (!keyShape || keyShape.destroyed) return;\n\n        for (var i = 0; i < length; i++) {\n          var edge = combEdges[i];\n          if (edge && !edge.destroyed) edge.refresh();\n        }\n      }, 201);\n    } else {\n      for (var i = 0; i < length; i++) {\n        var edge = combEdges[i];\n        if (edge && !edge.destroyed) edge.refresh();\n      }\n    }\n  };\n  /**\n   * 收起 combo，隐藏相关元素\n   */\n\n\n  ItemController.prototype.collapseCombo = function (combo) {\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(combo)) {\n      combo = graph.findById(combo);\n    }\n\n    var children = combo.getChildren();\n    children.nodes.forEach(function (node) {\n      graph.hideItem(node);\n    });\n    children.combos.forEach(function (c) {\n      graph.hideItem(c);\n    });\n  };\n  /**\n   * 展开 combo，相关元素出现\n   * 若子 combo 原先是收起状态，则保持它的收起状态\n   */\n\n\n  ItemController.prototype.expandCombo = function (combo) {\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(combo)) {\n      combo = graph.findById(combo);\n    }\n\n    var children = combo.getChildren();\n    children.nodes.forEach(function (node) {\n      graph.showItem(node);\n    });\n    children.combos.forEach(function (c) {\n      if (c.getModel().collapsed) {\n        c.show();\n      } else {\n        graph.showItem(c);\n      }\n    });\n  };\n  /**\n   * 删除指定的节点或边\n   *\n   * @param {Item} item item ID 或实例\n   * @returns {void}\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.removeItem = function (item) {\n    var _this = this;\n\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = graph.findById(item);\n    }\n\n    if (!item || item.destroyed) {\n      return;\n    }\n\n    var itemModel = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(item.getModel());\n    graph.emit('beforeremoveitem', {\n      item: itemModel\n    });\n    var type = '';\n    if (item.getType) type = item.getType();\n    var items = graph.get(type + \"s\");\n    var index = items.indexOf(item);\n    if (index > -1) items.splice(index, 1);\n\n    if (type === EDGE) {\n      var vitems = graph.get(\"v\" + type + \"s\");\n      var vindex = vitems.indexOf(item);\n      if (vindex > -1) vitems.splice(vindex, 1);\n    }\n\n    var itemId = item.get('id');\n    var itemMap = graph.get('itemMap');\n    delete itemMap[itemId];\n    var comboTrees = graph.get('comboTrees');\n    var id = item.get('id');\n\n    if (type === NODE) {\n      var comboId = item.getModel().comboId;\n\n      if (comboTrees) {\n        var brothers_1 = comboTrees;\n        var found_1 = false; // the flag to terminate the forEach circulation\n        // remove the node from the children array of its parent fromt he tree\n\n        comboTrees.forEach(function (ctree) {\n          if (found_1) return;\n          Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"traverseTree\"])(ctree, function (combo) {\n            if (combo.id === id && brothers_1) {\n              var bidx = brothers_1.indexOf(combo);\n              brothers_1.splice(bidx, 1);\n              found_1 = true;\n              return false; // terminate the traverse\n            }\n\n            brothers_1 = combo.children;\n            return true;\n          });\n        });\n      } // 若移除的是节点，需要将与之相连的边一同删除\n\n\n      var edges = item.getEdges();\n\n      for (var i = edges.length - 1; i >= 0; i--) {\n        graph.removeItem(edges[i], false);\n      }\n\n      if (comboId) graph.updateCombo(comboId);\n    } else if (type === COMBO) {\n      var parentId = item.getModel().parentId;\n      var comboInTree_1; // find the subtree rooted at the item to be removed\n\n      var found_2 = false; // the flag to terminate the forEach circulation\n\n      (comboTrees || []).forEach(function (ctree) {\n        if (found_2) return;\n        Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"traverseTree\"])(ctree, function (combo) {\n          if (combo.id === id) {\n            comboInTree_1 = combo;\n            found_2 = true;\n            return false; // terminate the traverse\n          }\n\n          return true;\n        });\n      });\n      comboInTree_1.removed = true;\n\n      if (comboInTree_1 && comboInTree_1.children) {\n        comboInTree_1.children.forEach(function (child) {\n          _this.removeItem(child.id);\n        });\n      } // 若移除的是 combo，需要将与之相连的边一同删除\n\n\n      var edges = item.getEdges();\n\n      for (var i = edges.length; i >= 0; i--) {\n        graph.removeItem(edges[i], false);\n      }\n\n      if (parentId) graph.updateCombo(parentId);\n    }\n\n    item.destroy();\n    graph.emit('afterremoveitem', {\n      item: itemModel\n    });\n  };\n  /**\n   * 更新 item 状态\n   *\n   * @param {Item} item Item 实例\n   * @param {string} state 状态名称\n   * @param {boolean} value 是否启用状态或状态值\n   * @returns {void}\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.setItemState = function (item, state, value) {\n    var graph = this.graph;\n    var stateName = state;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(value)) {\n      stateName = state + \":\" + value;\n    } // 已经存在要设置的 state，或不存在 state 的样式为 undefined\n\n\n    if (item.hasState(stateName) === value && value || // 当该状态已经存在且现在需要设置为 true 时，不需要继续。当该状态不存在，且设置为 false 时，需要继续\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(value) && item.hasState(stateName)) {\n      // 当该状态 value 是字符串，且已经存在该状态，不需要继续\n      return;\n    }\n\n    graph.emit('beforeitemstatechange', {\n      item: item,\n      state: stateName,\n      enabled: value\n    });\n    item.setState(state, value);\n    graph.autoPaint();\n    graph.emit('afteritemstatechange', {\n      item: item,\n      state: stateName,\n      enabled: value\n    });\n  };\n  /**\n   * 将指定状态的优先级提升为最高优先级\n   * @param {Item} item 元素id或元素实例\n   * @param state 状态名称\n   */\n\n\n  ItemController.prototype.priorityState = function (item, state) {\n    var graph = this.graph;\n    var currentItem = item;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      currentItem = graph.findById(item);\n    } // 先取消已有的 state\n\n\n    this.setItemState(currentItem, state, false); // 再设置state，则此时该优先级为最高\n\n    this.setItemState(currentItem, state, true);\n  };\n  /**\n   * 清除所有指定的状态\n   *\n   * @param {Item} item Item 实例\n   * @param {string[]} states 状态名称集合\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.clearItemStates = function (item, states) {\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = graph.findById(item);\n    }\n\n    graph.emit('beforeitemstatesclear', {\n      item: item,\n      states: states\n    });\n    item.clearStates(states);\n    graph.emit('afteritemstatesclear', {\n      item: item,\n      states: states\n    });\n  };\n  /**\n   * 刷新指定的 Item\n   *\n   * @param {Item} item Item ID 或 实例\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.refreshItem = function (item) {\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = graph.findById(item);\n    }\n\n    graph.emit('beforeitemrefresh', {\n      item: item\n    }); // 调用 Item 的 refresh 方法，实现刷新功能\n\n    item.refresh();\n    graph.emit('afteritemrefresh', {\n      item: item\n    });\n  };\n  /**\n   * 根据 graph 上用 combos 数据生成的 comboTree 来增加所有 combos\n   *\n   * @param {ComboTree[]} comboTrees graph 上用 combos 数据生成的 comboTree\n   * @param {ComboConfig[]} comboModels combos 数据\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.addCombos = function (comboTrees, comboModels) {\n    var _this = this;\n\n    var graph = this.graph;\n    (comboTrees || []).forEach(function (ctree) {\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"traverseTreeUp\"])(ctree, function (child) {\n        var comboModel;\n        comboModels.forEach(function (model) {\n          if (model.id === child.id) {\n            model.children = child.children;\n            model.depth = child.depth;\n            comboModel = model;\n          }\n        });\n\n        if (comboModel) {\n          _this.addItem('combo', comboModel);\n        }\n\n        return true;\n      });\n    });\n    var comboGroup = graph.get('comboGroup');\n    if (comboGroup) comboGroup.sort();\n  };\n  /**\n   * 改变Item的显示状态\n   *\n   * @param {Item} item Item ID 或 实例\n   * @param {boolean} visible 是否显示\n   * @memberof ItemController\n   */\n\n\n  ItemController.prototype.changeItemVisibility = function (item, visible) {\n    var _this = this;\n\n    var graph = this.graph;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = graph.findById(item);\n    }\n\n    if (!item) {\n      console.warn('The item to be shown or hidden does not exist!');\n      return;\n    }\n\n    graph.emit('beforeitemvisibilitychange', {\n      item: item,\n      visible: visible\n    });\n    item.changeVisibility(visible);\n\n    if (item.getType && item.getType() === NODE) {\n      var edges = item.getEdges();\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(edges, function (edge) {\n        // 若隐藏节点，则将与之关联的边也隐藏\n        // 若显示节点，则将与之关联的边也显示，但是需要判断边两端的节点都是可见的\n        if (visible && !(edge.get('source').isVisible() && edge.get('target').isVisible())) {\n          return;\n        }\n\n        _this.changeItemVisibility(edge, visible);\n      });\n    } else if (item.getType && item.getType() === COMBO) {\n      var comboTrees = graph.get('comboTrees');\n      var id_1 = item.get('id');\n      var children_1 = [];\n      var found_3 = false; // flag the terminate the forEach\n\n      (comboTrees || []).forEach(function (ctree) {\n        if (found_3) return;\n        if (!ctree.children || ctree.children.length === 0) return;\n        Object(_util_graphic__WEBPACK_IMPORTED_MODULE_5__[\"traverseTree\"])(ctree, function (combo) {\n          if (combo.id === id_1) {\n            children_1 = combo.children;\n            found_3 = true;\n            return false; // terminate the traverse\n          }\n\n          return true;\n        });\n      });\n\n      if (children_1) {\n        children_1.forEach(function (child) {\n          var childItem = graph.findById(child.id);\n\n          _this.changeItemVisibility(childItem, visible);\n        });\n      }\n\n      var edges = item.getEdges();\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(edges, function (edge) {\n        // 若隐藏 combo，则将与 combo 本身关联的边也隐藏\n        // 若显示 combo，则将与 combo 本身关联的边也显示，但是需要判断边两端的节点都是可见的\n        if (visible && !(edge.get('source').isVisible() && edge.get('target').isVisible())) {\n          return;\n        }\n\n        _this.changeItemVisibility(edge, visible);\n      });\n    }\n\n    graph.emit('afteritemvisibilitychange', {\n      item: item,\n      visible: visible\n    });\n    return item;\n  };\n\n  ItemController.prototype.destroy = function () {\n    this.graph = null;\n    this.destroyed = true;\n  };\n\n  return ItemController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ItemController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/item.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/layout.js":
+/*!***************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/layout.js ***!
+  \***************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _util_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/base */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/base.js\");\n\n\nvar LayoutController =\n/** @class */\nfunction () {\n  function LayoutController(graph) {\n    this.graph = graph;\n    this.layoutCfg = graph.get('layout') || {};\n    this.layoutType = this.layoutCfg.type;\n    this.initLayout();\n  } // eslint-disable-next-line class-methods-use-this\n\n\n  LayoutController.prototype.initLayout = function () {// no data before rendering\n  };\n\n  LayoutController.prototype.getLayoutType = function () {\n    return this.layoutCfg.type;\n  }; // 绘制\n\n\n  LayoutController.prototype.refreshLayout = function () {\n    var graph = this.graph;\n    if (!graph) return;\n\n    if (graph.get('animate')) {\n      graph.positionsAnimate();\n    } else {\n      graph.refreshPositions();\n    }\n  }; // 更换布局\n\n\n  LayoutController.prototype.changeLayout = function (layoutType) {\n    var _a = this,\n        graph = _a.graph,\n        layoutMethod = _a.layoutMethod;\n\n    this.layoutType = layoutType;\n    this.layoutCfg = graph.get('layout') || {};\n    this.layoutCfg.type = layoutType;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n    }\n\n    this.layout();\n  }; // 更换数据\n\n\n  LayoutController.prototype.changeData = function () {\n    var layoutMethod = this.layoutMethod;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n    }\n\n    this.layout();\n  }; // 销毁布局，不能使用 this.destroy，因为 controller 还需要被使用，只是把布局算法销毁\n\n\n  LayoutController.prototype.destroyLayout = function () {\n    var _a = this,\n        layoutMethod = _a.layoutMethod,\n        graph = _a.graph;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n    }\n\n    graph.set('layout', undefined);\n    this.layoutCfg = undefined;\n    this.layoutType = undefined;\n    this.layoutMethod = undefined;\n  }; // 从 this.graph 获取数据\n\n\n  LayoutController.prototype.setDataFromGraph = function () {\n    var nodes = [];\n    var hiddenNodes = [];\n    var edges = [];\n    var hiddenEdges = [];\n    var comboEdges = [];\n    var combos = [];\n    var hiddenCombos = [];\n    var nodeItems = this.graph.getNodes();\n    var edgeItems = this.graph.getEdges();\n    var comboItems = this.graph.getCombos();\n    var nodeLength = nodeItems.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var nodeItem = nodeItems[i];\n      if (!nodeItem || nodeItem.destroyed) continue;\n      var model = nodeItem.getModel();\n\n      if (!nodeItem.isVisible()) {\n        hiddenNodes.push(model);\n        continue;\n      }\n\n      nodes.push(model);\n    }\n\n    var edgeLength = edgeItems.length;\n\n    for (var i = 0; i < edgeLength; i++) {\n      var edgeItem = edgeItems[i];\n      if (!edgeItem || edgeItem.destroyed) continue;\n      var model = edgeItem.getModel();\n\n      if (!edgeItem.isVisible()) {\n        hiddenEdges.push(model);\n        continue;\n      }\n\n      if (!model.isComboEdge) edges.push(model);else comboEdges.push(model);\n    }\n\n    var comboLength = comboItems.length;\n\n    for (var i = 0; i < comboLength; i++) {\n      var comboItem = comboItems[i];\n      if (comboItem.destroyed) continue;\n      var model = comboItem.getModel();\n\n      if (!comboItem.isVisible()) {\n        hiddenEdges.push(model);\n        continue;\n      }\n\n      combos.push(model);\n    }\n\n    return {\n      nodes: nodes,\n      hiddenNodes: hiddenNodes,\n      edges: edges,\n      hiddenEdges: hiddenEdges,\n      combos: combos,\n      hiddenCombos: hiddenCombos,\n      comboEdges: comboEdges\n    };\n  }; // 重新布局\n\n\n  LayoutController.prototype.relayout = function (reloadData) {\n    var _a = this,\n        graph = _a.graph,\n        layoutMethod = _a.layoutMethod,\n        layoutCfg = _a.layoutCfg;\n\n    if (reloadData) {\n      this.data = this.setDataFromGraph();\n      var nodes = this.data.nodes;\n\n      if (!nodes) {\n        return false;\n      }\n\n      this.initPositions(layoutCfg.center, nodes);\n      layoutMethod.init(this.data);\n    }\n\n    if (this.layoutType === 'force') {\n      layoutMethod.ticking = false;\n      layoutMethod.forceSimulation.stop();\n    }\n\n    graph.emit('beforelayout');\n    layoutMethod.execute(reloadData);\n    if (layoutMethod.isCustomLayout && layoutCfg.onLayoutEnd) layoutCfg.onLayoutEnd();\n  }; // 控制布局动画\n  // eslint-disable-next-line class-methods-use-this\n\n\n  LayoutController.prototype.layoutAnimate = function () {}; // 将当前节点的平均中心移动到原点\n\n\n  LayoutController.prototype.moveToZero = function () {\n    var graph = this.graph;\n    var data = graph.get('data');\n    var nodes = data.nodes;\n\n    if (nodes[0].x === undefined || nodes[0].x === null || Object(_util_base__WEBPACK_IMPORTED_MODULE_0__[\"isNaN\"])(nodes[0].x)) {\n      return;\n    }\n\n    var meanCenter = [0, 0];\n    var nodeLength = nodes.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n      meanCenter[0] += node.x;\n      meanCenter[1] += node.y;\n    }\n\n    meanCenter[0] /= nodes.length;\n    meanCenter[1] /= nodes.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n      node.x -= meanCenter[0];\n      node.y -= meanCenter[1];\n    }\n  }; // 初始化节点到 center 附近\n\n\n  LayoutController.prototype.initPositions = function (center, nodes) {\n    var graph = this.graph;\n\n    if (!nodes) {\n      return false;\n    }\n\n    var nodeLength = nodes ? nodes.length : 0;\n    if (!nodeLength) return;\n    var width = graph.get('width') * 0.85;\n    var height = graph.get('height') * 0.85;\n    var horiNum = Math.ceil(Math.sqrt(nodeLength) * (width / height));\n    var vertiNum = Math.ceil(nodeLength / horiNum);\n    var horiGap = width / (horiNum - 1);\n    var vertiGap = height / (vertiNum - 1);\n    if (!isFinite(horiGap) || !horiGap) horiGap = 0;\n    if (!isFinite(vertiGap) || !horiGap) vertiGap = 0;\n    var beginX = center[0] - width / 2;\n    var beginY = center[1] - height / 2;\n    var allHavePos = true;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n\n      if (Object(_util_base__WEBPACK_IMPORTED_MODULE_0__[\"isNaN\"])(node.x)) {\n        allHavePos = false;\n        node.x = i % horiNum * horiGap + beginX;\n      }\n\n      if (Object(_util_base__WEBPACK_IMPORTED_MODULE_0__[\"isNaN\"])(node.y)) {\n        allHavePos = false;\n        node.y = Math.floor(i / horiNum) * vertiGap + beginY;\n      }\n    }\n\n    return allHavePos;\n  };\n\n  LayoutController.prototype.destroy = function () {\n    var layoutMethod = this.layoutMethod;\n    this.graph = null;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n      layoutMethod.destroyed = true;\n    }\n\n    this.destroyed = true;\n  };\n\n  return LayoutController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (LayoutController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/layout.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/mode.js":
+/*!*************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/mode.js ***!
+  \*************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _behavior_behavior__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../behavior/behavior */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/behavior.js\");\n\n\n\nvar ModeController =\n/** @class */\nfunction () {\n  function ModeController(graph) {\n    this.graph = graph;\n    this.destroyed = false;\n    this.modes = graph.get('modes') || {\n      default: []\n    };\n    this.formatModes();\n    this.mode = graph.get('defaultMode') || 'default';\n    this.currentBehaves = [];\n    this.setMode(this.mode);\n  }\n\n  ModeController.prototype.formatModes = function () {\n    var modes = this.modes;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(modes, function (mode) {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(mode, function (behavior, i) {\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(behavior)) {\n          mode[i] = {\n            type: behavior\n          };\n        }\n      });\n    });\n  };\n\n  ModeController.prototype.setBehaviors = function (mode) {\n    var graph = this.graph;\n    var behaviors = this.modes[mode];\n    var behaves = [];\n    var behave;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(behaviors || [], function (behavior) {\n      var BehaviorInstance = _behavior_behavior__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getBehavior(behavior.type || behavior);\n\n      if (!BehaviorInstance) {\n        return;\n      }\n\n      behave = new BehaviorInstance(behavior);\n\n      if (behave) {\n        behave.bind(graph);\n        behaves.push(behave);\n      }\n    });\n    this.currentBehaves = behaves;\n  };\n\n  ModeController.mergeBehaviors = function (modeBehaviors, behaviors) {\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(behaviors, function (behavior) {\n      if (modeBehaviors.indexOf(behavior) < 0) {\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(behavior)) {\n          behavior = {\n            type: behavior\n          };\n        }\n\n        modeBehaviors.push(behavior);\n      }\n    });\n    return modeBehaviors;\n  };\n\n  ModeController.filterBehaviors = function (modeBehaviors, behaviors) {\n    var result = [];\n    modeBehaviors.forEach(function (behavior) {\n      var type = '';\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(behavior)) {\n        type = behavior;\n      } else {\n        // eslint-disable-next-line prefer-destructuring\n        type = behavior.type;\n      }\n\n      if (behaviors.indexOf(type) < 0) {\n        result.push(behavior);\n      }\n    });\n    return result;\n  };\n\n  ModeController.prototype.setMode = function (mode) {\n    var _a = this,\n        modes = _a.modes,\n        graph = _a.graph;\n\n    var current = mode;\n    var behaviors = modes[current];\n\n    if (!behaviors) {\n      return;\n    }\n\n    graph.emit('beforemodechange', {\n      mode: mode\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(this.currentBehaves, function (behave) {\n      if (behave.delegate) behave.delegate.remove();\n      behave.unbind(graph);\n    });\n    this.setBehaviors(current);\n    graph.emit('aftermodechange', {\n      mode: mode\n    });\n    this.mode = mode;\n  };\n\n  ModeController.prototype.getMode = function () {\n    return this.mode;\n  };\n  /**\n   * 动态增加或删除 Behavior\n   *\n   * @param {ModeType[]} behaviors\n   * @param {(ModeType[] | ModeType)} modes\n   * @param {boolean} isAdd\n   * @returns {Mode}\n   * @memberof Mode\n   */\n\n\n  ModeController.prototype.manipulateBehaviors = function (behaviors, modes, isAdd) {\n    var _this = this;\n\n    var behaves;\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isArray\"])(behaviors)) {\n      behaves = [behaviors];\n    } else {\n      behaves = behaviors;\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isArray\"])(modes)) {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(modes, function (mode) {\n        if (!_this.modes[mode]) {\n          if (isAdd) {\n            _this.modes[mode] = behaves;\n          }\n        } else if (isAdd) {\n          _this.modes[mode] = ModeController.mergeBehaviors(_this.modes[mode] || [], behaves);\n        } else {\n          _this.modes[mode] = ModeController.filterBehaviors(_this.modes[mode] || [], behaves);\n        }\n      });\n      return this;\n    }\n\n    var currentMode = modes;\n\n    if (!modes) {\n      currentMode = this.mode; // isString(this.mode) ? this.mode : this.mode.type\n    }\n\n    if (!this.modes[currentMode]) {\n      if (isAdd) {\n        this.modes[currentMode] = behaves;\n      }\n    }\n\n    if (isAdd) {\n      this.modes[currentMode] = ModeController.mergeBehaviors(this.modes[currentMode] || [], behaves);\n    } else {\n      this.modes[currentMode] = ModeController.filterBehaviors(this.modes[currentMode] || [], behaves);\n    }\n\n    this.setMode(this.mode);\n    return this;\n  };\n  /**\n   * 更新行为参数\n   * @param {string | ModeOption | ModeType} behavior 需要更新的行为\n   * @param {string | string[]} modes 指定的模式中的行为，不指定则为 default\n   * @return {Graph} Graph\n   */\n\n\n  ModeController.prototype.updateBehavior = function (behavior, newCfg, mode) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(behavior)) {\n      behavior = {\n        type: behavior\n      };\n    }\n\n    var behaviorSet = [];\n\n    if (!mode || mode === this.mode || mode === 'default') {\n      behaviorSet = this.currentBehaves;\n\n      if (!behaviorSet || !behaviorSet.length) {\n        console.warn('Update behavior failed! There is no behaviors in this mode on the graph.');\n        return this;\n      }\n\n      var length_1 = behaviorSet.length;\n\n      for (var i = 0; i < length_1; i++) {\n        var behave = behaviorSet[i];\n\n        if (behave.type === behavior.type) {\n          behave.updateCfg(newCfg);\n          return this;\n        }\n\n        if (i === length_1 - 1) console.warn('Update behavior failed! There is no such behavior in the mode');\n      }\n    } else {\n      behaviorSet = this.modes[mode];\n\n      if (!behaviorSet || !behaviorSet.length) {\n        console.warn('Update behavior failed! There is no behaviors in this mode on the graph.');\n        return this;\n      }\n\n      var length_2 = behaviorSet.length;\n\n      for (var i = 0; i < length_2; i++) {\n        var behave = behaviorSet[i];\n\n        if (behave.type === behavior.type || behave === behavior.type) {\n          if (behave === behavior.type) behave = {\n            type: behave\n          };\n          Object.assign(behave, newCfg);\n          behaviorSet[i] = behave;\n          return this;\n        }\n\n        if (i === length_2 - 1) console.warn('Update behavior failed! There is no such behavior in the mode');\n      }\n    }\n\n    return this;\n  };\n\n  ModeController.prototype.destroy = function () {\n    this.graph = null;\n    this.modes = null;\n    this.currentBehaves = null;\n    this.destroyed = true;\n  };\n\n  return ModeController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModeController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/mode.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/state.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/state.js ***!
+  \**************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\nvar timer = null;\n\nvar StateController =\n/** @class */\nfunction () {\n  function StateController(graph) {\n    this.graph = graph;\n    /**\n     * this.cachedStates = {\n     *    enabled: {\n     *        hover: [Node]\n     *    },\n     *     disabled: {}\n     *  }\n     */\n\n    this.cachedStates = {\n      enabled: {},\n      disabled: {}\n    };\n    this.destroyed = false;\n  }\n  /**\n   * 检查 cache 的可用性\n   *\n   * @private\n   * @param {Item} item\n   * @param {string} state\n   * @param {object} cache\n   * @returns\n   * @memberof State\n   */\n\n\n  StateController.checkCache = function (item, state, cache) {\n    if (!cache[state]) {\n      return;\n    }\n\n    var index = cache[state].indexOf(item);\n\n    if (index >= 0) {\n      cache[state].splice(index, 1);\n    }\n  };\n  /**\n   * 缓存 state\n   *\n   * @private\n   * @param {Item} item Item 实例\n   * @param {string} state 状态名称\n   * @param {object} states\n   * @memberof State\n   */\n\n\n  StateController.cacheState = function (item, state, states) {\n    if (!states[state]) {\n      states[state] = [];\n    }\n\n    states[state].push(item);\n  };\n  /**\n   * 更新 Item 的状态\n   *\n   * @param {Item} item Item实例\n   * @param {string} state 状态名称\n   * @param {boolean} enabled 状态是否可用\n   * @memberof State\n   */\n\n\n  StateController.prototype.updateState = function (item, state, enabled) {\n    var _this = this;\n\n    var checkCache = StateController.checkCache,\n        cacheState = StateController.cacheState;\n\n    if (item.destroyed) {\n      return;\n    }\n\n    var cachedStates = this.cachedStates;\n    var enabledStates = cachedStates.enabled;\n    var disabledStates = cachedStates.disabled;\n\n    if (enabled) {\n      checkCache(item, state, disabledStates);\n      cacheState(item, state, enabledStates);\n    } else {\n      checkCache(item, state, enabledStates);\n      cacheState(item, state, disabledStates);\n    }\n\n    if (timer) {\n      clearTimeout(timer);\n    }\n\n    timer = setTimeout(function () {\n      timer = null;\n\n      _this.updateGraphStates();\n    }, 16);\n  };\n  /**\n   * 批量更新 states，兼容 updateState，支持更新一个 state\n   *\n   * @param {Item} item\n   * @param {(string | string[])} states\n   * @param {boolean} enabled\n   * @memberof State\n   */\n\n\n  StateController.prototype.updateStates = function (item, states, enabled) {\n    var _this = this;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(states)) {\n      this.updateState(item, states, enabled);\n    } else {\n      states.forEach(function (state) {\n        _this.updateState(item, state, enabled);\n      });\n    }\n  };\n  /**\n   * 更新 states\n   *\n   * @memberof State\n   */\n\n\n  StateController.prototype.updateGraphStates = function () {\n    var states = this.graph.get('states');\n    var cachedStates = this.cachedStates;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(cachedStates.disabled, function (val, key) {\n      if (states[key]) {\n        states[key] = states[key].filter(function (item) {\n          return val.indexOf(item) < 0 && !val.destroyed;\n        });\n      }\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(cachedStates.enabled, function (val, key) {\n      if (!states[key]) {\n        states[key] = val;\n      } else {\n        var map_1 = {};\n        states[key].forEach(function (item) {\n          if (!item.destroyed) {\n            map_1[item.get('id')] = true;\n          }\n        });\n        val.forEach(function (item) {\n          if (!item.destroyed) {\n            var id = item.get('id');\n\n            if (!map_1[id]) {\n              map_1[id] = true;\n              states[key].push(item);\n            }\n          }\n        });\n      }\n    });\n    this.graph.emit('graphstatechange', {\n      states: states\n    });\n    this.cachedStates = {\n      enabled: {},\n      disabled: {}\n    };\n  };\n\n  StateController.prototype.destroy = function () {\n    this.graph = null;\n    this.cachedStates = null;\n\n    if (timer) {\n      clearTimeout(timer);\n    }\n\n    timer = null;\n    this.destroyed = true;\n  };\n\n  return StateController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (StateController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/state.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/view.js":
+/*!*************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/view.js ***!
+  \*************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _util_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/base */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/base.js\");\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/math */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js\");\n\n\n\n\n\n\nvar ViewController =\n/** @class */\nfunction () {\n  function ViewController(graph) {\n    this.destroyed = false;\n    this.graph = graph;\n    this.destroyed = false;\n  } // get view center coordinate\n\n\n  ViewController.prototype.getViewCenter = function () {\n    var padding = this.getFormatPadding();\n    var graph = this.graph;\n    var width = this.graph.get('width');\n    var height = graph.get('height');\n    return {\n      x: (width - padding[1] - padding[3]) / 2 + padding[3],\n      y: (height - padding[0] - padding[2]) / 2 + padding[0]\n    };\n  };\n\n  ViewController.prototype.fitCenter = function () {\n    var graph = this.graph;\n    var group = graph.get('group');\n    group.resetMatrix();\n    var bbox = group.getCanvasBBox();\n    if (bbox.width === 0 || bbox.height === 0) return;\n    var viewCenter = this.getViewCenter();\n    var groupCenter = {\n      x: bbox.x + bbox.width / 2,\n      y: bbox.y + bbox.height / 2\n    };\n    graph.translate(viewCenter.x - groupCenter.x, viewCenter.y - groupCenter.y);\n  }; // fit view graph\n\n\n  ViewController.prototype.fitView = function () {\n    var graph = this.graph;\n    var padding = this.getFormatPadding();\n    var width = graph.get('width');\n    var height = graph.get('height');\n    var group = graph.get('group');\n    group.resetMatrix();\n    var bbox = group.getCanvasBBox();\n    if (bbox.width === 0 || bbox.height === 0) return;\n    var viewCenter = this.getViewCenter();\n    var groupCenter = {\n      x: bbox.x + bbox.width / 2,\n      y: bbox.y + bbox.height / 2\n    };\n    graph.translate(viewCenter.x - groupCenter.x, viewCenter.y - groupCenter.y);\n    var w = (width - padding[1] - padding[3]) / bbox.width;\n    var h = (height - padding[0] - padding[2]) / bbox.height;\n    var ratio = w;\n\n    if (w > h) {\n      ratio = h;\n    }\n\n    graph.zoom(ratio, viewCenter);\n  };\n\n  ViewController.prototype.getFormatPadding = function () {\n    var padding = this.graph.get('fitViewPadding');\n    return Object(_util_base__WEBPACK_IMPORTED_MODULE_3__[\"formatPadding\"])(padding);\n  };\n\n  ViewController.prototype.focusPoint = function (point, animate, animateCfg) {\n    var _this = this;\n\n    var viewCenter = this.getViewCenter();\n    var modelCenter = this.getPointByCanvas(viewCenter.x, viewCenter.y);\n    var viewportMatrix = this.graph.get('group').getMatrix();\n    if (!viewportMatrix) viewportMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n\n    if (animate) {\n      var dx_1 = (modelCenter.x - point.x) * viewportMatrix[0];\n      var dy_1 = (modelCenter.y - point.y) * viewportMatrix[4];\n      var lastX_1 = 0;\n      var lastY_1 = 0;\n      var newX_1 = 0;\n      var newY_1 = 0; // 动画每次平移一点，直到目标位置\n\n      this.graph.get('canvas').animate(function (ratio) {\n        newX_1 = dx_1 * ratio;\n        newY_1 = dy_1 * ratio;\n\n        _this.graph.translate(newX_1 - lastX_1, newY_1 - lastY_1);\n\n        lastX_1 = newX_1;\n        lastY_1 = newY_1;\n      }, Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, animateCfg));\n    } else {\n      this.graph.translate((modelCenter.x - point.x) * viewportMatrix[0], (modelCenter.y - point.y) * viewportMatrix[4]);\n    }\n  };\n  /**\n   * 将 Canvas 坐标转成视口坐标\n   * @param canvasX canvas x 坐标\n   * @param canvasY canvas y 坐标\n   */\n\n\n  ViewController.prototype.getPointByCanvas = function (canvasX, canvasY) {\n    var viewportMatrix = this.graph.get('group').getMatrix();\n\n    if (!viewportMatrix) {\n      viewportMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    var point = Object(_util_math__WEBPACK_IMPORTED_MODULE_4__[\"invertMatrix\"])({\n      x: canvasX,\n      y: canvasY\n    }, viewportMatrix);\n    return point;\n  };\n  /**\n   * 将页面坐标转成视口坐标\n   * @param clientX 页面 x 坐标\n   * @param clientY 页面 y 坐标\n   */\n\n\n  ViewController.prototype.getPointByClient = function (clientX, clientY) {\n    var canvas = this.graph.get('canvas');\n    var canvasPoint = canvas.getPointByClient(clientX, clientY);\n    return this.getPointByCanvas(canvasPoint.x, canvasPoint.y);\n  };\n  /**\n   * 将视口坐标转成页面坐标\n   * @param x 视口 x 坐标\n   * @param y 视口 y 坐标\n   */\n\n\n  ViewController.prototype.getClientByPoint = function (x, y) {\n    var canvas = this.graph.get('canvas');\n    var canvasPoint = this.getCanvasByPoint(x, y);\n    var point = canvas.getClientByPoint(canvasPoint.x, canvasPoint.y);\n    return {\n      x: point.x,\n      y: point.y\n    };\n  };\n  /**\n   * 将视口坐标转成 Canvas 坐标\n   * @param x 视口 x 坐标\n   * @param y 视口 y 坐标\n   */\n\n\n  ViewController.prototype.getCanvasByPoint = function (x, y) {\n    var viewportMatrix = this.graph.get('group').getMatrix();\n\n    if (!viewportMatrix) {\n      viewportMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    return Object(_util_math__WEBPACK_IMPORTED_MODULE_4__[\"applyMatrix\"])({\n      x: x,\n      y: y\n    }, viewportMatrix);\n  };\n  /**\n   * 将元素移动到画布中心\n   * @param item Item 实例或 id\n   * @param {boolean} animate 是否带有动画地移动\n   * @param {GraphAnimateConfig} animateCfg 若带有动画，动画的配置项\n   */\n\n\n  ViewController.prototype.focus = function (item, animate, animateCfg) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      item = this.graph.findById(item);\n    }\n\n    var group = item.get('group');\n    var matrix = group.getMatrix();\n    if (!matrix) matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n\n    if (item) {\n      // 用实际位置而不是model中的x,y,防止由于拖拽等的交互导致model的x,y并不是当前的x,y\n      this.focusPoint({\n        x: matrix[6],\n        y: matrix[7]\n      }, animate, animateCfg);\n    }\n  };\n  /**\n   * 改变 canvas 画布的宽度和高度\n   * @param width canvas 宽度\n   * @param height canvas 高度\n   */\n\n\n  ViewController.prototype.changeSize = function (width, height) {\n    var graph = this.graph;\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(width) || !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(height)) {\n      throw Error('invalid canvas width & height, please make sure width & height type is number');\n    }\n\n    graph.set({\n      width: width,\n      height: height\n    });\n    var canvas = graph.get('canvas');\n    canvas.changeSize(width, height); // change the size of grid plugin if it exists on graph\n\n    var plugins = graph.get('plugins');\n    plugins.forEach(function (plugin) {\n      if (plugin.get('gridContainer')) {\n        var minZoom = graph.get('minZoom');\n        Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"modifyCSS\"])(plugin.get('container'), {\n          width: width + \"px\",\n          height: height + \"px\"\n        });\n        Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"modifyCSS\"])(plugin.get('gridContainer'), {\n          width: width / minZoom + \"px\",\n          height: height / minZoom + \"px\",\n          left: 0,\n          top: 0\n        });\n      }\n    });\n  };\n\n  ViewController.prototype.destroy = function () {\n    this.graph = null;\n    this.destroyed = false;\n  };\n\n  return ViewController;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ViewController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/view.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/graph.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/graph.js ***!
+  \***************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_event_emitter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/event-emitter */ \"./node_modules/_@antv_event-emitter@0.1.2@@antv/event-emitter/esm/index.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_algorithm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/algorithm */ \"./node_modules/_@antv_algorithm@0.1.4@@antv/algorithm/dist/index.min.js\");\n/* harmony import */ var _antv_algorithm__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_antv_algorithm__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util/math */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _controller__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./controller */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/index.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js\");\n/* harmony import */ var _item_hull__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../item/hull */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/hull.js\");\n\n\n\n\n\n\n\n\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_2__[\"ext\"].transform;\nvar NODE = 'node';\n\nvar AbstractGraph =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(AbstractGraph, _super);\n\n  function AbstractGraph(cfg) {\n    var _this = _super.call(this) || this;\n\n    _this.cfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"deepMix\"])(_this.getDefaultCfg(), cfg);\n\n    _this.init();\n\n    _this.animating = false;\n    _this.destroyed = false; // 启用 stack 后，实例化 undoStack 和 redoStack\n\n    if (_this.cfg.enabledStack) {\n      // 实例化 undo 和 redo 栈\n      _this.undoStack = new _antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"Stack\"](_this.cfg.maxStep);\n      _this.redoStack = new _antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"Stack\"](_this.cfg.maxStep);\n    }\n\n    return _this;\n  }\n\n  AbstractGraph.prototype.init = function () {\n    this.initCanvas(); // instance controller\n\n    var viewController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"ViewController\"](this);\n    var modeController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"ModeController\"](this);\n    var itemController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"ItemController\"](this);\n    var stateController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"StateController\"](this);\n    this.set({\n      viewController: viewController,\n      modeController: modeController,\n      itemController: itemController,\n      stateController: stateController\n    }); // 初始化布局机制\n\n    this.initLayoutController(); // 初始化事件机制\n\n    this.initEventController();\n    this.initGroups();\n    /** 初始化插件 */\n\n    this.initPlugins();\n  }; // 初始化所有 Group\n\n\n  AbstractGraph.prototype.initGroups = function () {\n    var canvas = this.get('canvas');\n    var el = this.get('canvas').get('el');\n    var id = el.id;\n    var group = canvas.addGroup({\n      id: id + \"-root\",\n      className: _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].rootContainerClassName\n    });\n\n    if (this.get('groupByTypes')) {\n      var edgeGroup = group.addGroup({\n        id: id + \"-edge\",\n        className: _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].edgeContainerClassName\n      });\n      var nodeGroup = group.addGroup({\n        id: id + \"-node\",\n        className: _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].nodeContainerClassName\n      });\n      var comboGroup = group.addGroup({\n        id: id + \"-combo\",\n        className: _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].comboContainerClassName\n      }); // 用于存储自定义的群组\n\n      comboGroup.toBack();\n      this.set({\n        nodeGroup: nodeGroup,\n        edgeGroup: edgeGroup,\n        comboGroup: comboGroup\n      });\n    }\n\n    var delegateGroup = group.addGroup({\n      id: id + \"-delegate\",\n      className: _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].delegateContainerClassName\n    });\n    this.set({\n      delegateGroup: delegateGroup\n    });\n    this.set('group', group);\n  }; // eslint-disable-next-line class-methods-use-this\n\n\n  AbstractGraph.prototype.getDefaultCfg = function () {\n    return {\n      /**\n       * Container could be dom object or dom id\n       */\n      container: undefined,\n\n      /**\n       * Canvas width\n       * unit pixel if undefined force fit width\n       */\n      width: undefined,\n\n      /**\n       * Canvas height\n       * unit pixel if undefined force fit height\n       */\n      height: undefined,\n\n      /**\n       * renderer canvas or svg\n       * @type {string}\n       */\n      renderer: 'canvas',\n\n      /**\n       * control graph behaviors\n       */\n      modes: {},\n\n      /**\n       * 注册插件\n       */\n      plugins: [],\n\n      /**\n       * source data\n       */\n      data: {},\n\n      /**\n       * Fit view padding (client scale)\n       */\n      fitViewPadding: 10,\n\n      /**\n       * Minimum scale size\n       */\n      minZoom: 0.2,\n\n      /**\n       * Maxmum scale size\n       */\n      maxZoom: 10,\n\n      /**\n       *  capture events\n       */\n      event: true,\n\n      /**\n       * group node & edges into different graphic groups\n       */\n      groupByTypes: true,\n\n      /**\n       * determine if it's a directed graph\n       */\n      directed: false,\n\n      /**\n       * when data or shape changed, should canvas draw automatically\n       */\n      autoPaint: true,\n\n      /**\n       * store all the node instances\n       */\n      nodes: [],\n\n      /**\n       * store all the edge instances\n       */\n      edges: [],\n\n      /**\n       * store all the combo instances\n       */\n      combos: [],\n\n      /**\n       * store all the edge instances which are virtual edges related to collapsed combo\n       */\n      vedges: [],\n\n      /**\n       * all the instances indexed by id\n       */\n      itemMap: {},\n\n      /**\n       * 边直接连接到节点的中心，不再考虑锚点\n       */\n      linkCenter: false,\n\n      /**\n       * 默认的节点配置，data 上定义的配置会覆盖这些配置。例如：\n       * defaultNode: {\n       *  type: 'rect',\n       *  size: [60, 40],\n       *  style: {\n       *    //... 样式配置项\n       *  }\n       * }\n       * 若数据项为 { id: 'node', x: 100, y: 100 }\n       * 实际创建的节点模型是 { id: 'node', x: 100, y: 100， type: 'rect', size: [60, 40] }\n       * 若数据项为 { id: 'node', x: 100, y: 100, type: 'circle' }\n       * 实际创建的节点模型是 { id: 'node', x: 100, y: 100， type: 'circle', size: [60, 40] }\n       */\n      defaultNode: {},\n\n      /**\n       * 默认边配置，data 上定义的配置会覆盖这些配置。用法同 defaultNode\n       */\n      defaultEdge: {},\n\n      /**\n       * 节点默认样式，也可以添加状态样式\n       * 例如：\n       * const graph = new G6.Graph({\n       *  nodeStateStyles: {\n       *    selected: { fill: '#ccc', stroke: '#666' },\n       *    active: { lineWidth: 2 }\n       *  },\n       *  ...\n       * });\n       *\n       */\n      nodeStateStyles: {},\n\n      /**\n       * 边默认样式，用法同nodeStateStyle\n       */\n      edgeStateStyles: {},\n\n      /**\n       * graph 状态\n       */\n      states: {},\n\n      /**\n       * 是否启用全局动画\n       */\n      animate: false,\n\n      /**\n       * 动画设置,仅在 animate 为 true 时有效\n       */\n      animateCfg: {\n        /**\n         * 帧回调函数，用于自定义节点运动路径，为空时线性运动\n         */\n        onFrame: undefined,\n\n        /**\n         * 动画时长(ms)\n         */\n        duration: 500,\n\n        /**\n         * 指定动画动效\n         */\n        easing: 'easeLinear'\n      },\n      callback: undefined,\n      // 默认不启用 undo & redo 功能\n      enabledStack: false,\n      // 只有当 enabledStack 为 true 时才起作用\n      maxStep: 10,\n      // 存储图上的 tooltip dom，方便销毁\n      tooltips: []\n    };\n  };\n  /**\n   * 将值设置到 this.cfg 变量上面\n   * @param key 键 或 对象值\n   * @param val 值\n   */\n\n\n  AbstractGraph.prototype.set = function (key, val) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isPlainObject\"])(key)) {\n      this.cfg = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, this.cfg), key);\n    } else {\n      this.cfg[key] = val;\n    }\n\n    return this;\n  };\n  /**\n   * 获取 this.cfg 中的值\n   * @param key 键\n   */\n\n\n  AbstractGraph.prototype.get = function (key) {\n    return this.cfg[key];\n  };\n  /**\n   * 获取 graph 的根图形分组\n   * @return 根 group\n   */\n\n\n  AbstractGraph.prototype.getGroup = function () {\n    return this.get('group');\n  };\n  /**\n   * 获取 graph 的 DOM 容器\n   * @return DOM 容器\n   */\n\n\n  AbstractGraph.prototype.getContainer = function () {\n    return this.get('container');\n  };\n  /**\n   * 获取 graph 的最小缩放比例\n   * @return minZoom\n   */\n\n\n  AbstractGraph.prototype.getMinZoom = function () {\n    return this.get('minZoom');\n  };\n  /**\n   * 设置 graph 的最小缩放比例\n   * @return minZoom\n   */\n\n\n  AbstractGraph.prototype.setMinZoom = function (ratio) {\n    return this.set('minZoom', ratio);\n  };\n  /**\n   * 获取 graph 的最大缩放比例\n   * @param maxZoom\n   */\n\n\n  AbstractGraph.prototype.getMaxZoom = function () {\n    return this.get('maxZoom');\n  };\n  /**\n   * 设置 graph 的最大缩放比例\n   * @param maxZoom\n   */\n\n\n  AbstractGraph.prototype.setMaxZoom = function (ratio) {\n    return this.set('maxZoom', ratio);\n  };\n  /**\n   * 获取 graph 的宽度\n   * @return width\n   */\n\n\n  AbstractGraph.prototype.getWidth = function () {\n    return this.get('width');\n  };\n  /**\n   * 获取 graph 的高度\n   * @return width\n   */\n\n\n  AbstractGraph.prototype.getHeight = function () {\n    return this.get('height');\n  };\n  /**\n   * 清理元素多个状态\n   * @param {string|Item} item 元素id或元素实例\n   * @param {string[]} states 状态\n   */\n\n\n  AbstractGraph.prototype.clearItemStates = function (item, states) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) {\n      item = this.findById(item);\n    }\n\n    var itemController = this.get('itemController');\n\n    if (!states) {\n      states = item.get('states');\n    }\n\n    itemController.clearItemStates(item, states);\n    var stateController = this.get('stateController');\n    stateController.updateStates(item, states, false);\n  };\n  /**\n   * 设置各个节点样式，以及在各种状态下节点 keyShape 的样式。\n   * 若是自定义节点切在各种状态下\n   * graph.node(node => {\n   *  return {\n   *    type: 'rect',\n   *    label: node.id,\n   *    style: { fill: '#666' },\n   *    stateStyles: {\n   *       selected: { fill: 'blue' },\n   *       custom: { fill: 'green' }\n   *     }\n   *   }\n   * });\n   * @param {function} nodeFn 指定每个节点样式\n   */\n\n\n  AbstractGraph.prototype.node = function (nodeFn) {\n    if (typeof nodeFn === 'function') {\n      this.set('nodeMapper', nodeFn);\n    }\n  };\n  /**\n   * 设置各个边样式\n   * @param {function} edgeFn 指定每个边的样式,用法同 node\n   */\n\n\n  AbstractGraph.prototype.edge = function (edgeFn) {\n    if (typeof edgeFn === 'function') {\n      this.set('edgeMapper', edgeFn);\n    }\n  };\n  /**\n   * 设置各个 combo 的配置\n   * @param comboFn\n   */\n\n\n  AbstractGraph.prototype.combo = function (comboFn) {\n    if (typeof comboFn === 'function') {\n      this.set('comboMapper', comboFn);\n    }\n  };\n  /**\n   * 根据 ID 查询图元素实例\n   * @param id 图元素 ID\n   */\n\n\n  AbstractGraph.prototype.findById = function (id) {\n    return this.get('itemMap')[id];\n  };\n  /**\n   * 根据对应规则查找单个元素\n   * @param {ITEM_TYPE} type 元素类型(node | edge | group)\n   * @param {(item: T, index: number) => T} fn 指定规则\n   * @return {T} 元素实例\n   */\n\n\n  AbstractGraph.prototype.find = function (type, fn) {\n    var result;\n    var items = this.get(type + \"s\"); // eslint-disable-next-line consistent-return\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(items, function (item, i) {\n      if (fn(item, i)) {\n        result = item;\n        return result;\n      }\n    });\n    return result;\n  };\n  /**\n   * 查找所有满足规则的元素\n   * @param {string} type 元素类型(node|edge)\n   * @param {string} fn 指定规则\n   * @return {array} 元素实例\n   */\n\n\n  AbstractGraph.prototype.findAll = function (type, fn) {\n    var result = [];\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(this.get(type + \"s\"), function (item, i) {\n      if (fn(item, i)) {\n        result.push(item);\n      }\n    });\n    return result;\n  };\n  /**\n   * 查找所有处于指定状态的元素\n   * @param {string} type 元素类型(node|edge)\n   * @param {string} state 状态\n   * @return {object} 元素实例\n   */\n\n\n  AbstractGraph.prototype.findAllByState = function (type, state) {\n    return this.findAll(type, function (item) {\n      return item.hasState(state);\n    });\n  };\n  /**\n   * 平移画布\n   * @param dx 水平方向位移\n   * @param dy 垂直方向位移\n   */\n\n\n  AbstractGraph.prototype.translate = function (dx, dy) {\n    var group = this.get('group');\n    var matrix = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(group.getMatrix());\n\n    if (!matrix) {\n      matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    matrix = transform(matrix, [['t', dx, dy]]);\n    group.setMatrix(matrix);\n    this.emit('viewportchange', {\n      action: 'translate',\n      matrix: group.getMatrix()\n    });\n    this.autoPaint();\n  };\n  /**\n   * 平移画布到某点\n   * @param {number} x 水平坐标\n   * @param {number} y 垂直坐标\n   */\n\n\n  AbstractGraph.prototype.moveTo = function (x, y) {\n    var group = this.get('group');\n    Object(_util_math__WEBPACK_IMPORTED_MODULE_5__[\"move\"])(group, {\n      x: x,\n      y: y\n    });\n    this.emit('viewportchange', {\n      action: 'move',\n      matrix: group.getMatrix()\n    });\n  };\n  /**\n   * 调整视口适应视图\n   * @param {object} padding 四周围边距\n   */\n\n\n  AbstractGraph.prototype.fitView = function (padding) {\n    if (padding) {\n      this.set('fitViewPadding', padding);\n    }\n\n    var viewController = this.get('viewController');\n    viewController.fitView();\n    this.autoPaint();\n  };\n  /**\n   * 调整视口适应视图，不缩放，仅将图 bbox 中心对齐到画布中心\n   */\n\n\n  AbstractGraph.prototype.fitCenter = function () {\n    var viewController = this.get('viewController');\n    viewController.fitCenter();\n    this.autoPaint();\n  };\n  /**\n   * 新增行为\n   * @param {string | ModeOption | ModeType[]} behaviors 添加的行为\n   * @param {string | string[]} modes 添加到对应的模式\n   * @return {Graph} Graph\n   */\n\n\n  AbstractGraph.prototype.addBehaviors = function (behaviors, modes) {\n    var modeController = this.get('modeController');\n    modeController.manipulateBehaviors(behaviors, modes, true);\n    return this;\n  };\n  /**\n   * 移除行为\n   * @param {string | ModeOption | ModeType[]} behaviors 移除的行为\n   * @param {string | string[]} modes 从指定的模式中移除\n   * @return {Graph} Graph\n   */\n\n\n  AbstractGraph.prototype.removeBehaviors = function (behaviors, modes) {\n    var modeController = this.get('modeController');\n    modeController.manipulateBehaviors(behaviors, modes, false);\n    return this;\n  };\n  /**\n   * 更新行为参数\n   * @param {string | ModeOption | ModeType} behavior 需要更新的行为\n   * @param {string | string[]} modes 指定的模式中的行为，不指定则为 default\n   * @return {Graph} Graph\n   */\n\n\n  AbstractGraph.prototype.updateBehavior = function (behavior, newCfg, mode) {\n    var modeController = this.get('modeController');\n    modeController.updateBehavior(behavior, newCfg, mode);\n    return this;\n  };\n  /**\n   * 伸缩窗口\n   * @param ratio 伸缩比例\n   * @param center 以center的x, y坐标为中心缩放\n   */\n\n\n  AbstractGraph.prototype.zoom = function (ratio, center) {\n    var group = this.get('group');\n    var matrix = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(group.getMatrix());\n    var minZoom = this.get('minZoom');\n    var maxZoom = this.get('maxZoom');\n\n    if (!matrix) {\n      matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    if (center) {\n      matrix = transform(matrix, [['t', -center.x, -center.y], ['s', ratio, ratio], ['t', center.x, center.y]]);\n    } else {\n      matrix = transform(matrix, [['s', ratio, ratio]]);\n    }\n\n    if (minZoom && matrix[0] < minZoom || maxZoom && matrix[0] > maxZoom) {\n      return;\n    } // matrix = [2, 0, 0, 0, 2, 0, -125, -125, 1];\n\n\n    group.setMatrix(matrix);\n    this.emit('viewportchange', {\n      action: 'zoom',\n      matrix: matrix\n    });\n    this.autoPaint();\n  };\n  /**\n   * 伸缩视口到一固定比例\n   * @param {number} toRatio 伸缩比例\n   * @param {Point} center 以center的x, y坐标为中心缩放\n   */\n\n\n  AbstractGraph.prototype.zoomTo = function (toRatio, center) {\n    var ratio = toRatio / this.getZoom();\n    this.zoom(ratio, center);\n  };\n  /**\n   * 将元素移动到视口中心\n   * @param {Item} item 指定元素\n   * @param {boolean} animate 是否带有动画地移动\n   * @param {GraphAnimateConfig} animateCfg 若带有动画，动画的配置项\n   */\n\n\n  AbstractGraph.prototype.focusItem = function (item, animate, animateCfg) {\n    var viewController = this.get('viewController');\n    var isAnimate = false;\n    if (animate) isAnimate = true;else if (animate === undefined) isAnimate = this.get('animate');\n    var curAniamteCfg = {};\n    if (animateCfg) curAniamteCfg = animateCfg;else if (animateCfg === undefined) curAniamteCfg = this.get('animateCfg');\n    viewController.focus(item, isAnimate, curAniamteCfg);\n    this.autoPaint();\n  };\n  /**\n   * 自动重绘\n   * @internal 仅供内部更新机制调用，外部根据需求调用 render 或 paint 接口\n   */\n\n\n  AbstractGraph.prototype.autoPaint = function () {\n    if (this.get('autoPaint')) {\n      this.paint();\n    }\n  };\n  /**\n   * 仅画布重新绘制\n   */\n\n\n  AbstractGraph.prototype.paint = function () {\n    this.emit('beforepaint');\n    this.get('canvas').draw();\n    this.emit('afterpaint');\n  };\n  /**\n   * 将屏幕坐标转换为视口坐标\n   * @param {number} clientX 屏幕x坐标\n   * @param {number} clientY 屏幕y坐标\n   * @return {Point} 视口坐标\n   */\n\n\n  AbstractGraph.prototype.getPointByClient = function (clientX, clientY) {\n    var viewController = this.get('viewController');\n    return viewController.getPointByClient(clientX, clientY);\n  };\n  /**\n   * 将绘制坐标转换为屏幕坐标\n   * @param {number} x 绘制坐标 x\n   * @param {number} y 绘制坐标 y\n   * @return {Point} 绘制坐标\n   */\n\n\n  AbstractGraph.prototype.getClientByPoint = function (x, y) {\n    var viewController = this.get('viewController');\n    return viewController.getClientByPoint(x, y);\n  };\n  /**\n   * 将画布坐标转换为绘制坐标\n   * @param {number} canvasX 画布 x 坐标\n   * @param {number} canvasY 画布 y 坐标\n   * @return {object} 绘制坐标\n   */\n\n\n  AbstractGraph.prototype.getPointByCanvas = function (canvasX, canvasY) {\n    var viewController = this.get('viewController');\n    return viewController.getPointByCanvas(canvasX, canvasY);\n  };\n  /**\n   * 将绘制坐标转换为画布坐标\n   * @param {number} x 绘制坐标 x\n   * @param {number} y 绘制坐标 y\n   * @return {object} 画布坐标\n   */\n\n\n  AbstractGraph.prototype.getCanvasByPoint = function (x, y) {\n    var viewController = this.get('viewController');\n    return viewController.getCanvasByPoint(x, y);\n  };\n  /**\n   * 获取图内容的中心绘制坐标\n   * @return {object} 中心绘制坐标\n   */\n\n\n  AbstractGraph.prototype.getGraphCenterPoint = function () {\n    var bbox = this.get('group').getCanvasBBox();\n    return {\n      x: (bbox.minX + bbox.maxX) / 2,\n      y: (bbox.minY + bbox.maxY) / 2\n    };\n  };\n  /**\n   * 获取视口中心绘制坐标\n   * @return {object} 视口中心绘制坐标\n   */\n\n\n  AbstractGraph.prototype.getViewPortCenterPoint = function () {\n    return this.getPointByCanvas(this.get('width') / 2, this.get('height') / 2);\n  };\n  /**\n   * 显示元素\n   * @param {Item} item 指定元素\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   */\n\n\n  AbstractGraph.prototype.showItem = function (item, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var itemController = this.get('itemController');\n    var object = itemController.changeItemVisibility(item, true);\n\n    if (stack && this.get('enabledStack')) {\n      var id = object.getID();\n      var type = object.getType();\n      var before = {};\n      var after = {};\n\n      switch (type) {\n        case 'node':\n          before.nodes = [{\n            id: id,\n            visible: false\n          }];\n          after.nodes = [{\n            id: id,\n            visible: true\n          }];\n          break;\n\n        case 'edge':\n          before.nodes = [{\n            id: id,\n            visible: false\n          }];\n          after.edges = [{\n            id: id,\n            visible: true\n          }];\n          break;\n\n        case 'combo':\n          before.nodes = [{\n            id: id,\n            visible: false\n          }];\n          after.combos = [{\n            id: id,\n            visible: true\n          }];\n          break;\n\n        default:\n          break;\n      }\n\n      this.pushStack('visible', {\n        before: before,\n        after: after\n      });\n    }\n  };\n  /**\n   * 隐藏元素\n   * @param {Item} item 指定元素\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   */\n\n\n  AbstractGraph.prototype.hideItem = function (item, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var itemController = this.get('itemController');\n    var object = itemController.changeItemVisibility(item, false);\n\n    if (stack && this.get('enabledStack')) {\n      var id = object.getID();\n      var type = object.getType();\n      var before = {};\n      var after = {};\n\n      switch (type) {\n        case 'node':\n          before.nodes = [{\n            id: id,\n            visible: true\n          }];\n          after.nodes = [{\n            id: id,\n            visible: false\n          }];\n          break;\n\n        case 'edge':\n          before.nodes = [{\n            id: id,\n            visible: true\n          }];\n          after.edges = [{\n            id: id,\n            visible: false\n          }];\n          break;\n\n        case 'combo':\n          before.nodes = [{\n            id: id,\n            visible: true\n          }];\n          after.combos = [{\n            id: id,\n            visible: false\n          }];\n          break;\n\n        default:\n          break;\n      }\n\n      this.pushStack('visible', {\n        before: before,\n        after: after\n      });\n    }\n  };\n  /**\n   * 刷新元素\n   * @param {string|object} item 元素id或元素实例\n   */\n\n\n  AbstractGraph.prototype.refreshItem = function (item) {\n    var itemController = this.get('itemController');\n    itemController.refreshItem(item);\n  };\n  /**\n   * 设置是否在更新/刷新后自动重绘\n   * @param {boolean} auto 自动重绘\n   */\n\n\n  AbstractGraph.prototype.setAutoPaint = function (auto) {\n    var self = this;\n    self.set('autoPaint', auto);\n    var canvas = self.get('canvas');\n    canvas.set('autoDraw', auto);\n  };\n  /**\n   * 删除元素\n   * @param {Item} item 元素id或元素实例\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   */\n\n\n  AbstractGraph.prototype.remove = function (item, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    this.removeItem(item, stack);\n  };\n  /**\n   * 删除元素\n   * @param {Item} item 元素id或元素实例\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   */\n\n\n  AbstractGraph.prototype.removeItem = function (item, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var nodeItem = item;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) nodeItem = this.findById(item);\n\n    if (!nodeItem && Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) {\n      console.warn('The item to be removed does not exist!');\n    } else if (nodeItem) {\n      var type = '';\n      if (nodeItem.getType) type = nodeItem.getType(); // 将删除的元素入栈\n\n      if (stack && this.get('enabledStack')) {\n        var deletedModel = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, nodeItem.getModel()), {\n          itemType: type\n        });\n\n        var before = {};\n\n        switch (type) {\n          case 'node':\n            {\n              before.nodes = [deletedModel];\n              before.edges = [];\n              var edges = nodeItem.getEdges();\n\n              for (var i = edges.length - 1; i >= 0; i--) {\n                before.edges.push(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, edges[i].getModel()), {\n                  itemType: 'edge'\n                }));\n              }\n\n              break;\n            }\n\n          case 'edge':\n            before.edges = [deletedModel];\n            break;\n\n          case 'combo':\n            before.combos = [deletedModel];\n            break;\n\n          default:\n            break;\n        }\n\n        this.pushStack('delete', {\n          before: before,\n          after: {}\n        });\n      }\n\n      if (type === 'node') {\n        var model = nodeItem.getModel(); // 如果删除的是节点，且该节点存在于某个 Combo 中，则需要先将 node 从 combo 中移除，否则删除节点后，操作 combo 会出错\n\n        if (model.comboId) {\n          this.updateComboTree(nodeItem);\n        }\n      }\n\n      var itemController = this.get('itemController');\n      itemController.removeItem(nodeItem);\n\n      if (type === 'combo') {\n        var newComboTrees = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"reconstructTree\"])(this.get('comboTrees'));\n        this.set('comboTrees', newComboTrees);\n      }\n    }\n  };\n  /**\n   * 新增元素\n   * @param {ITEM_TYPE} type 元素类型(node | edge)\n   * @param {ModelConfig} model 元素数据模型\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   * @param {boolean} sortCombo 本次操作是否需要更新 combo 层级顺序，内部参数，用户在外部使用 addItem 时始终时需要更新\n   * @return {Item} 元素实例\n   */\n\n\n  AbstractGraph.prototype.addItem = function (type, model, stack, sortCombo) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    if (sortCombo === void 0) {\n      sortCombo = true;\n    }\n\n    var currentComboSorted = this.get('comboSorted');\n    this.set('comboSorted', currentComboSorted && !sortCombo);\n    var itemController = this.get('itemController');\n\n    if (model.id && this.findById(model.id)) {\n      console.warn(\"This item exists already. Be sure the id %c\" + model.id + \"%c is unique.\", 'font-size: 20px; color: red;', '');\n      return;\n    }\n\n    var item;\n    var comboTrees = this.get('comboTrees');\n    if (!comboTrees) comboTrees = [];\n\n    if (type === 'combo') {\n      var itemMap_1 = this.get('itemMap');\n      var foundParent_1 = false;\n      comboTrees.forEach(function (ctree) {\n        if (foundParent_1) return; // terminate the forEach after the tree containing the item is done\n\n        Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (child) {\n          // find the parent\n          if (model.parentId === child.id) {\n            foundParent_1 = true;\n\n            var newCombo = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n              id: model.id,\n              depth: child.depth + 2\n            }, model);\n\n            if (child.children) child.children.push(newCombo);else child.children = [newCombo];\n            model.depth = newCombo.depth;\n            item = itemController.addItem(type, model);\n          }\n\n          var childItem = itemMap_1[child.id]; // after the parent is found, update all the ancestors\n\n          if (foundParent_1 && childItem && childItem.getType && childItem.getType() === 'combo') {\n            itemController.updateCombo(childItem, child.children);\n          }\n\n          return true;\n        });\n      }); // if the parent is not found, add it to the root\n\n      if (!foundParent_1) {\n        var newCombo = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          id: model.id,\n          depth: 0\n        }, model);\n\n        model.depth = newCombo.depth;\n        comboTrees.push(newCombo);\n        item = itemController.addItem(type, model);\n      }\n\n      this.set('comboTrees', comboTrees);\n    } else if (type === 'node' && Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(model.comboId) && comboTrees) {\n      var parentCombo = this.findById(model.comboId);\n\n      if (parentCombo && parentCombo.getType && parentCombo.getType() !== 'combo') {\n        console.warn(\"'\" + model.comboId + \"' is a not id of a combo in the graph, the node will be added without combo.\");\n        return;\n      }\n\n      item = itemController.addItem(type, model);\n      var itemMap_2 = this.get('itemMap');\n      var foundParent_2 = false,\n          foundNode_1 = false;\n      (comboTrees || []).forEach(function (ctree) {\n        if (foundNode_1 || foundParent_2) return; // terminate the forEach\n\n        Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (child) {\n          if (child.id === model.id) {\n            // if the item exists in the tree already, terminate\n            foundNode_1 = true;\n            return false;\n          }\n\n          if (model.comboId === child.id && !foundNode_1) {\n            // found the parent, add the item to the children of its parent in the tree\n            foundParent_2 = true;\n            var cloneNode = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(model);\n            cloneNode.itemType = 'node';\n            if (child.children) child.children.push(cloneNode);else child.children = [cloneNode];\n            model.depth = child.depth + 1;\n          } // update the size of all the ancestors\n\n\n          if (foundParent_2 && itemMap_2[child.id].getType && itemMap_2[child.id].getType() === 'combo') {\n            itemController.updateCombo(itemMap_2[child.id], child.children);\n          }\n\n          return true;\n        });\n      });\n    } else {\n      item = itemController.addItem(type, model);\n    }\n\n    if (type === 'node' && model.comboId || type === 'combo' && model.parentId) {\n      // add the combo to the parent's children array\n      var parentCombo = this.findById(model.comboId || model.parentId);\n      if (parentCombo) parentCombo.addChild(item);\n    }\n\n    var combos = this.get('combos');\n\n    if (combos && combos.length > 0) {\n      this.sortCombos();\n    }\n\n    this.autoPaint();\n\n    if (stack && this.get('enabledStack')) {\n      var addedModel = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, item.getModel()), {\n        itemType: type\n      });\n\n      var after = {};\n\n      switch (type) {\n        case 'node':\n          after.nodes = [addedModel];\n          break;\n\n        case 'edge':\n          after.edges = [addedModel];\n          break;\n\n        case 'combo':\n          after.combos = [addedModel];\n          break;\n\n        default:\n          break;\n      }\n\n      this.pushStack('add', {\n        before: {},\n        after: after\n      });\n    }\n\n    return item;\n  };\n  /**\n   * 新增元素\n   * @param {ITEM_TYPE} type 元素类型(node | edge)\n   * @param {ModelConfig} model 元素数据模型\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   * @return {Item} 元素实例\n   */\n\n\n  AbstractGraph.prototype.add = function (type, model, stack, sortCombo) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    if (sortCombo === void 0) {\n      sortCombo = true;\n    }\n\n    return this.addItem(type, model, stack, sortCombo);\n  };\n  /**\n   * 更新元素\n   * @param {Item} item 元素id或元素实例\n   * @param {Partial<NodeConfig> | EdgeConfig} cfg 需要更新的数据\n   */\n\n\n  AbstractGraph.prototype.updateItem = function (item, cfg, stack) {\n    var _this = this;\n\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var itemController = this.get('itemController');\n    var currentItem;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) {\n      currentItem = this.findById(item);\n    } else {\n      currentItem = item;\n    }\n\n    var UnupdateModel = Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(currentItem.getModel());\n    var type = '';\n    if (currentItem.getType) type = currentItem.getType();\n\n    var states = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__spreadArray\"])([], currentItem.getStates());\n\n    if (type === 'combo') {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n        return _this.setItemState(currentItem, state, false);\n      });\n    }\n\n    itemController.updateItem(currentItem, cfg);\n\n    if (type === 'combo') {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n        return _this.setItemState(currentItem, state, true);\n      });\n    }\n\n    if (stack && this.get('enabledStack')) {\n      var before = {\n        nodes: [],\n        edges: [],\n        combos: []\n      };\n      var after = {\n        nodes: [],\n        edges: [],\n        combos: []\n      };\n\n      var afterModel = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n        id: UnupdateModel.id\n      }, cfg);\n\n      switch (type) {\n        case 'node':\n          before.nodes.push(UnupdateModel);\n          after.nodes.push(afterModel);\n          break;\n\n        case 'edge':\n          before.edges.push(UnupdateModel);\n          after.edges.push(afterModel);\n          break;\n\n        case 'combo':\n          before.combos.push(UnupdateModel);\n          after.combos.push(afterModel);\n          break;\n\n        default:\n          break;\n      }\n\n      if (type === 'node') {\n        before.nodes.push(UnupdateModel);\n      }\n\n      this.pushStack('update', {\n        before: before,\n        after: after\n      });\n    }\n  };\n  /**\n   * 更新元素\n   * @param {Item} item 元素id或元素实例\n   * @param {Partial<NodeConfig> | EdgeConfig} cfg 需要更新的数据\n   * @param {boolean} stack 本次操作是否入栈，默认为 true\n   */\n\n\n  AbstractGraph.prototype.update = function (item, cfg, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    this.updateItem(item, cfg, stack);\n  };\n  /**\n   * 设置元素状态\n   * @param {Item} item 元素id或元素实例\n   * @param {string} state 状态名称\n   * @param {string | boolean} value 是否启用状态 或 状态值\n   */\n\n\n  AbstractGraph.prototype.setItemState = function (item, state, value) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) {\n      item = this.findById(item);\n    }\n\n    var itemController = this.get('itemController');\n    itemController.setItemState(item, state, value);\n    var stateController = this.get('stateController');\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(value)) {\n      stateController.updateState(item, state + \":\" + value, true);\n    } else {\n      stateController.updateState(item, state, value);\n    }\n  };\n  /**\n   * 将指定状态的优先级提升为最高优先级\n   * @param {Item} item 元素id或元素实例\n   * @param state 状态名称\n   */\n\n\n  AbstractGraph.prototype.priorityState = function (item, state) {\n    var itemController = this.get('itemController');\n    itemController.priorityState(item, state);\n  };\n  /**\n   * 设置视图初始化数据\n   * @param {GraphData} data 初始化数据\n   */\n\n\n  AbstractGraph.prototype.data = function (data) {\n    this.set('data', data);\n  };\n  /**\n   * 根据data接口的数据渲染视图\n   */\n\n\n  AbstractGraph.prototype.render = function () {\n    var self = this;\n    this.set('comboSorted', false);\n    var data = this.get('data');\n\n    if (this.get('enabledStack')) {\n      // render 之前清空 redo 和 undo 栈\n      this.clearStack();\n    }\n\n    if (!data) {\n      throw new Error('data must be defined first');\n    }\n\n    var _a = data.nodes,\n        nodes = _a === void 0 ? [] : _a,\n        _b = data.edges,\n        edges = _b === void 0 ? [] : _b,\n        _c = data.combos,\n        combos = _c === void 0 ? [] : _c;\n    this.clear(true);\n    this.emit('beforerender');\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(nodes, function (node) {\n      self.add('node', node, false, false);\n    }); // process the data to tree structure\n\n    if (combos && combos.length !== 0) {\n      var comboTrees = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"plainCombosToTrees\"])(combos, nodes);\n      this.set('comboTrees', comboTrees); // add combos\n\n      self.addCombos(combos);\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(edges, function (edge) {\n      self.add('edge', edge, false, false);\n    });\n    var animate = self.get('animate');\n\n    if (self.get('fitView') || self.get('fitCenter')) {\n      self.set('animate', false);\n    } // layout\n\n\n    var layoutController = self.get('layoutController');\n\n    if (layoutController) {\n      layoutController.layout(success);\n      if (this.destroyed) return;\n    } else {\n      if (self.get('fitView')) {\n        self.fitView();\n      }\n\n      if (self.get('fitCenter')) {\n        self.fitCenter();\n      }\n\n      self.emit('afterrender');\n      self.set('animate', animate);\n    } // 将在 onLayoutEnd 中被调用\n\n\n    function success() {\n      // fitView 与 fitCenter 共存时，fitView 优先，fitCenter 不再执行\n      if (self.get('fitView')) {\n        self.fitView();\n      } else if (self.get('fitCenter')) {\n        self.fitCenter();\n      }\n\n      self.autoPaint();\n      self.emit('afterrender');\n\n      if (self.get('fitView') || self.get('fitCenter')) {\n        self.set('animate', animate);\n      }\n    }\n\n    if (!this.get('groupByTypes')) {\n      if (combos && combos.length !== 0) {\n        this.sortCombos();\n      } else {\n        // 为提升性能，选择数量少的进行操作\n        if (data.nodes && data.edges && data.nodes.length < data.edges.length) {\n          var nodesArr = this.getNodes(); // 遍历节点实例，将所有节点提前。\n\n          nodesArr.forEach(function (node) {\n            node.toFront();\n          });\n        } else {\n          var edgesArr = this.getEdges(); // 遍历节点实例，将所有节点提前。\n\n          edgesArr.forEach(function (edge) {\n            edge.toBack();\n          });\n        }\n      }\n    }\n\n    if (this.get('enabledStack')) {\n      this.pushStack('render');\n    }\n  };\n  /**\n   * 接收数据进行渲染\n   * @Param {Object} data 初始化数据\n   */\n\n\n  AbstractGraph.prototype.read = function (data) {\n    this.data(data);\n    this.render();\n  }; // 比较item\n\n\n  AbstractGraph.prototype.diffItems = function (type, items, models) {\n    var self = this;\n    var item;\n    var itemMap = this.get('itemMap');\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(models, function (model) {\n      item = itemMap[model.id];\n\n      if (item) {\n        if (self.get('animate') && type === NODE) {\n          var containerMatrix = item.getContainer().getMatrix();\n          if (!containerMatrix) containerMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n          item.set('originAttrs', {\n            x: containerMatrix[6],\n            y: containerMatrix[7]\n          });\n        }\n\n        self.updateItem(item, model, false);\n      } else {\n        item = self.addItem(type, model, false);\n      }\n\n      if (item) items[type + \"s\"].push(item);\n    });\n  };\n  /**\n   * 更改源数据，根据新数据重新渲染视图\n   * @param {GraphData | TreeGraphData} data 源数据\n   * @param {boolean} 是否入栈，默认为true\n   * @return {object} this\n   */\n\n\n  AbstractGraph.prototype.changeData = function (data, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var self = this;\n\n    if (!data) {\n      return this;\n    }\n\n    if (stack && this.get('enabledStack')) {\n      this.pushStack('changedata', {\n        before: self.save(),\n        after: data\n      });\n    }\n\n    this.set('comboSorted', false); // 删除 hulls\n\n    this.removeHulls(); // 更改数据源后，取消所有状态\n\n    this.getNodes().map(function (node) {\n      return self.clearItemStates(node);\n    });\n    this.getEdges().map(function (edge) {\n      return self.clearItemStates(edge);\n    });\n    var canvas = this.get('canvas');\n    var localRefresh = canvas.get('localRefresh');\n    canvas.set('localRefresh', false);\n\n    if (!self.get('data')) {\n      self.data(data);\n      self.render();\n    }\n\n    var itemMap = this.get('itemMap');\n    var items = {\n      nodes: [],\n      edges: []\n    };\n    var combosData = data.combos;\n\n    if (combosData) {\n      var comboTrees = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"plainCombosToTrees\"])(combosData, data.nodes);\n      this.set('comboTrees', comboTrees);\n    }\n\n    this.diffItems('node', items, data.nodes);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(itemMap, function (item, id) {\n      itemMap[id].getModel().depth = 0;\n      if (item.getType && item.getType() === 'edge') return;\n\n      if (item.getType && item.getType() === 'combo') {\n        delete itemMap[id];\n        item.destroy();\n      } else if (items.nodes.indexOf(item) < 0) {\n        delete itemMap[id];\n        self.remove(item, false);\n      }\n    }); // clear the destroyed combos here to avoid removing sub nodes before removing the parent combo\n\n    var comboItems = this.getCombos();\n    var combosLength = comboItems.length;\n\n    for (var i = combosLength - 1; i >= 0; i--) {\n      if (comboItems[i].destroyed) {\n        comboItems.splice(i, 1);\n      }\n    } // process the data to tree structure\n\n\n    if (combosData) {\n      // add combos\n      self.addCombos(combosData);\n\n      if (!this.get('groupByTypes')) {\n        this.sortCombos();\n      }\n    }\n\n    this.diffItems('edge', items, data.edges);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(itemMap, function (item, id) {\n      if (item.getType && (item.getType() === 'node' || item.getType() === 'combo')) return;\n\n      if (items.edges.indexOf(item) < 0) {\n        delete itemMap[id];\n        self.remove(item, false);\n      }\n    });\n    this.set({\n      nodes: items.nodes,\n      edges: items.edges\n    });\n    var layoutController = this.get('layoutController');\n\n    if (layoutController) {\n      layoutController.changeData();\n\n      if (self.get('animate') && !layoutController.getLayoutType()) {\n        // 如果没有指定布局\n        self.positionsAnimate();\n      } else {\n        self.autoPaint();\n      }\n    }\n\n    setTimeout(function () {\n      canvas.set('localRefresh', localRefresh);\n    }, 16);\n    return this;\n  };\n  /**\n   * 私有方法，在 render 和 changeData 的时候批量添加数据中所有平铺的 combos\n   * @param {ComboConfig[]} combos 平铺的 combos 数据\n   */\n\n\n  AbstractGraph.prototype.addCombos = function (combos) {\n    var self = this;\n    var comboTrees = self.get('comboTrees');\n    var itemController = this.get('itemController');\n    itemController.addCombos(comboTrees, combos);\n  };\n  /**\n   * 根据已经存在的节点或 combo 创建新的 combo\n   * @param combo combo ID 或 Combo 配置\n   * @param children 添加到 Combo 中的元素，包括节点和 combo\n   */\n\n\n  AbstractGraph.prototype.createCombo = function (combo, children) {\n    var _this = this;\n\n    this.set('comboSorted', false); // step 1: 创建新的 Combo\n\n    var comboId = '';\n    var comboConfig;\n    if (!combo) return;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      comboId = combo;\n      comboConfig = {\n        id: combo\n      };\n    } else {\n      comboId = combo.id;\n\n      if (!comboId) {\n        console.warn('Create combo failed. Please assign a unique string id for the adding combo.');\n        return;\n      }\n\n      comboConfig = combo;\n    }\n\n    var trees = children.map(function (elementId) {\n      var item = _this.findById(elementId);\n\n      var type = '';\n      if (item.getType) type = item.getType();\n      var cItem = {\n        id: item.getID(),\n        itemType: type\n      };\n\n      if (type === 'combo') {\n        cItem.parentId = comboId;\n      } else if (type === 'node') {\n        cItem.comboId = comboId;\n      }\n\n      return cItem;\n    });\n    comboConfig.children = trees; // step 2: 添加 Combo，addItem 时会将子将元素添加到 Combo 中\n\n    this.addItem('combo', comboConfig, false);\n    this.set('comboSorted', false); // step3: 更新 comboTrees 结构\n\n    var comboTrees = this.get('comboTrees');\n    (comboTrees || []).forEach(function (ctree) {\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (child) {\n        if (child.id === comboId) {\n          child.itemType = 'combo';\n          child.children = trees;\n          return false;\n        }\n\n        return true;\n      });\n    });\n\n    if (comboTrees) {\n      this.sortCombos();\n    }\n  };\n  /**\n   * 解散 combo\n   * @param {String | INode | ICombo} combo 需要被解散的 Combo item 或 id\n   */\n\n\n  AbstractGraph.prototype.uncombo = function (combo) {\n    var _this = this;\n\n    var self = this;\n    var comboItem = combo;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      comboItem = this.findById(combo);\n    }\n\n    if (!comboItem || comboItem.getType && comboItem.getType() !== 'combo') {\n      console.warn('The item is not a combo!');\n      return;\n    }\n\n    var parentId = comboItem.getModel().parentId;\n    var comboTrees = self.get('comboTrees');\n    if (!comboTrees) comboTrees = [];\n    var itemMap = this.get('itemMap');\n    var comboId = comboItem.get('id');\n    var treeToBeUncombo;\n    var brothers = [];\n    var comboItems = this.get('combos');\n    var parentItem = this.findById(parentId);\n    comboTrees.forEach(function (ctree) {\n      if (treeToBeUncombo) return; // terminate the forEach\n\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (subtree) {\n        // find the combo to be uncomboed, delete the combo from map and cache\n        if (subtree.id === comboId) {\n          treeToBeUncombo = subtree; // delete the related edges\n\n          var edges = comboItem.getEdges();\n          edges.forEach(function (edge) {\n            _this.removeItem(edge, false);\n          });\n          var index = comboItems.indexOf(combo);\n          comboItems.splice(index, 1);\n          delete itemMap[comboId];\n          comboItem.destroy();\n        } // find the parent to remove the combo from the combo's brothers array and add the combo's children to the combo's brothers array in the tree\n\n\n        if (parentId && treeToBeUncombo && subtree.id === parentId) {\n          parentItem.removeCombo(comboItem);\n          brothers = subtree.children; // the combo's brothers\n          // remove the combo from its brothers array\n\n          var index = brothers.indexOf(treeToBeUncombo);\n\n          if (index !== -1) {\n            brothers.splice(index, 1);\n          } // append the combo's children to the combo's brothers array\n\n\n          treeToBeUncombo.children.forEach(function (child) {\n            var item = _this.findById(child.id);\n\n            var childModel = item.getModel();\n\n            if (item.getType && item.getType() === 'combo') {\n              child.parentId = parentId;\n              delete child.comboId;\n              childModel.parentId = parentId; // update the parentId of the model\n\n              delete childModel.comboId;\n            } else if (item.getType && item.getType() === 'node') {\n              child.comboId = parentId;\n              childModel.comboId = parentId; // update the parentId of the model\n            }\n\n            parentItem.addChild(item);\n            brothers.push(child);\n          });\n          return false;\n        }\n\n        return true;\n      });\n    }); // if the parentId is not found, remove the combo from the roots\n\n    if (!parentId && treeToBeUncombo) {\n      var index = comboTrees.indexOf(treeToBeUncombo);\n      comboTrees.splice(index, 1); // modify the parentId of the children\n\n      treeToBeUncombo.children.forEach(function (child) {\n        child.parentId = undefined;\n\n        var childModel = _this.findById(child.id).getModel();\n\n        childModel.parentId = undefined; // update the parentId of the model\n\n        if (child.itemType !== 'node') comboTrees.push(child);\n      });\n    }\n  };\n  /**\n   * 根据节点的 bbox 更新所有 combos 的绘制，包括 combos 的位置和范围\n   */\n\n\n  AbstractGraph.prototype.updateCombos = function () {\n    var _this = this;\n\n    var self = this;\n    var comboTrees = this.get('comboTrees');\n    var itemController = self.get('itemController');\n    var itemMap = self.get('itemMap');\n    (comboTrees || []).forEach(function (ctree) {\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (child) {\n        if (!child) {\n          return true;\n        }\n\n        var childItem = itemMap[child.id];\n\n        if (childItem && childItem.getType && childItem.getType() === 'combo') {\n          // 更新具体的 Combo 之前先清除所有的已有状态，以免将 state 中的样式更新为 Combo 的样式\n          var states = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__spreadArray\"])([], childItem.getStates());\n\n          Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n            return _this.setItemState(childItem, state, false);\n          }); // 更新具体的 Combo\n\n          itemController.updateCombo(childItem, child.children); // 更新 Combo 后，还原已有的状态\n\n          Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n            return _this.setItemState(childItem, state, true);\n          });\n        }\n\n        return true;\n      });\n    });\n    self.sortCombos();\n  };\n  /**\n   * 根据节点的 bbox 更新 combo 及其祖先 combos 的绘制，包括 combos 的位置和范围\n   * @param {String | ICombo} combo 需要被更新的 Combo 或 id，若指定，则该 Combo 及所有祖先 Combod 都会被更新\n   */\n\n\n  AbstractGraph.prototype.updateCombo = function (combo) {\n    var _this = this;\n\n    var self = this;\n    var comboItem = combo;\n    var comboId;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      comboItem = this.findById(combo);\n    }\n\n    if (!comboItem || comboItem.getType && comboItem.getType() !== 'combo') {\n      console.warn('The item to be updated is not a combo!');\n      return;\n    }\n\n    comboId = comboItem.get('id');\n    var comboTrees = this.get('comboTrees');\n    var itemController = self.get('itemController');\n    var itemMap = self.get('itemMap');\n    (comboTrees || []).forEach(function (ctree) {\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTreeUp\"])(ctree, function (child) {\n        if (!child) {\n          return true;\n        }\n\n        var childItem = itemMap[child.id];\n\n        if (comboId === child.id && childItem && childItem.getType && childItem.getType() === 'combo') {\n          // 更新具体的 Combo 之前先清除所有的已有状态，以免将 state 中的样式更新为 Combo 的样式\n          var states = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__spreadArray\"])([], childItem.getStates()); // || !item.getStateStyle(stateName)\n\n\n          Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n            if (childItem.getStateStyle(state)) {\n              _this.setItemState(childItem, state, false);\n            }\n          }); // 更新具体的 Combo\n\n          itemController.updateCombo(childItem, child.children); // 更新 Combo 后，还原已有的状态\n\n          Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(states, function (state) {\n            if (childItem.getStateStyle(state)) {\n              _this.setItemState(childItem, state, true);\n            }\n          });\n          if (comboId) comboId = child.parentId;\n        }\n\n        return true;\n      });\n    });\n  };\n  /**\n   * 更新树结构，例如移动子树等\n   * @param {String | INode | ICombo} item 需要被更新的 Combo 或 节点 id\n   * @param {string | undefined} parentId 新的父 combo id，undefined 代表没有父 combo\n   */\n\n\n  AbstractGraph.prototype.updateComboTree = function (item, parentId, stack) {\n    if (stack === void 0) {\n      stack = true;\n    }\n\n    var self = this;\n    this.set('comboSorted', false);\n    var uItem;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(item)) {\n      uItem = self.findById(item);\n    } else {\n      uItem = item;\n    }\n\n    var model = uItem.getModel();\n    var oldParentId = model.comboId || model.parentId;\n    var type = '';\n    if (uItem.getType) type = uItem.getType(); // 若 item 是 Combo，且 parentId 是其子孙 combo 的 id，则警告并终止\n\n    if (parentId && type === 'combo') {\n      var comboTrees = this.get('comboTrees');\n      var valid_1 = true;\n      var itemSubTree_1;\n      (comboTrees || []).forEach(function (ctree) {\n        if (itemSubTree_1) return;\n        Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTree\"])(ctree, function (subTree) {\n          if (itemSubTree_1) return; // 找到从 item 开始的子树\n\n          if (subTree.id === uItem.getID()) {\n            itemSubTree_1 = subTree;\n          }\n\n          return true;\n        });\n      }); // 在以 item 为根的子树中寻找与 parentId 相同的后继元素\n\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTree\"])(itemSubTree_1, function (subTree) {\n        if (subTree.id === parentId) {\n          valid_1 = false;\n          return false;\n        }\n\n        return true;\n      }); // parentId 是 item 的一个后继元素，不能进行更新\n\n      if (!valid_1) {\n        console.warn('Failed to update the combo tree! The parentId points to a descendant of the combo!');\n        return;\n      }\n    }\n\n    if (stack && this.get('enabledStack')) {\n      var beforeData = {},\n          afterData = {};\n\n      if (type === 'combo') {\n        beforeData.combos = [{\n          id: model.id,\n          parentId: model.parentId\n        }];\n        afterData.combos = [{\n          id: model.id,\n          parentId: parentId\n        }];\n      } else if (type === 'node') {\n        beforeData.nodes = [{\n          id: model.id,\n          parentId: model.comboId\n        }];\n        afterData.nodes = [{\n          id: model.id,\n          parentId: parentId\n        }];\n      }\n\n      this.pushStack('updateComboTree', {\n        before: beforeData,\n        after: afterData\n      });\n    } // 当 combo 存在 parentId 或 comboId 时，才将其移除\n\n\n    if (model.parentId || model.comboId) {\n      var combo = this.findById(model.parentId || model.comboId);\n\n      if (combo) {\n        combo.removeChild(uItem);\n      }\n    }\n\n    if (type === 'combo') {\n      model.parentId = parentId;\n    } else if (type === 'node') {\n      model.comboId = parentId;\n    } // 只有当移入到指定 combo 时才添加\n\n\n    if (parentId) {\n      var parentCombo = this.findById(parentId);\n\n      if (parentCombo) {\n        // 将元素添加到 parentCombo 中\n        parentCombo.addChild(uItem);\n      }\n    } // 如果原先有父亲 combo，则从原父 combo 的子元素数组中删除\n\n\n    if (oldParentId) {\n      var parentCombo = this.findById(oldParentId);\n\n      if (parentCombo) {\n        // 将元素从 parentCombo 中移除\n        parentCombo.removeChild(uItem);\n      }\n    }\n\n    var newComboTrees = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"reconstructTree\"])(this.get('comboTrees'), model.id, parentId);\n    this.set('comboTrees', newComboTrees);\n    this.updateCombos();\n  };\n  /**\n   * 导出图数据\n   * @return {object} data\n   */\n\n\n  AbstractGraph.prototype.save = function () {\n    var nodes = [];\n    var edges = [];\n    var combos = [];\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(this.get('nodes'), function (node) {\n      nodes.push(node.getModel());\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(this.get('edges'), function (edge) {\n      edges.push(edge.getModel());\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(this.get('combos'), function (combo) {\n      combos.push(combo.getModel());\n    });\n    return {\n      nodes: nodes,\n      edges: edges,\n      combos: combos\n    };\n  };\n  /**\n   * 改变画布大小\n   * @param  {number} width  画布宽度\n   * @param  {number} height 画布高度\n   * @return {object} this\n   */\n\n\n  AbstractGraph.prototype.changeSize = function (width, height) {\n    var viewController = this.get('viewController');\n    viewController.changeSize(width, height);\n    return this;\n  };\n  /**\n   * 当源数据在外部发生变更时，根据新数据刷新视图。但是不刷新节点位置\n   */\n\n\n  AbstractGraph.prototype.refresh = function () {\n    var self = this;\n    self.emit('beforegraphrefresh');\n\n    if (self.get('animate')) {\n      self.positionsAnimate();\n    } else {\n      var nodes = self.get('nodes');\n      var edges = self.get('edges');\n      var vedges = self.get('edges');\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(nodes, function (node) {\n        node.refresh();\n      });\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(edges, function (edge) {\n        edge.refresh();\n      });\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(vedges, function (vedge) {\n        vedge.refresh();\n      });\n    }\n\n    self.emit('aftergraphrefresh');\n    self.autoPaint();\n  };\n  /**\n   * 获取当前图中所有节点的item实例\n   * @return {INode} item数组\n   */\n\n\n  AbstractGraph.prototype.getNodes = function () {\n    return this.get('nodes');\n  };\n  /**\n   * 获取当前图中所有边的item实例\n   * @return {IEdge} item数组\n   */\n\n\n  AbstractGraph.prototype.getEdges = function () {\n    return this.get('edges');\n  };\n  /**\n   * 获取图中所有的 combo 实例\n   */\n\n\n  AbstractGraph.prototype.getCombos = function () {\n    return this.get('combos');\n  };\n  /**\n   * 获取指定 Combo 中所有的节点\n   * @param comboId combo ID\n   */\n\n\n  AbstractGraph.prototype.getComboChildren = function (combo) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      combo = this.findById(combo);\n    }\n\n    if (!combo || combo.getType && combo.getType() !== 'combo') {\n      console.warn('The combo does not exist!');\n      return;\n    }\n\n    return combo.getChildren();\n  };\n  /**\n   * 根据 graph 上的 animateCfg 进行视图中节点位置动画接口\n   */\n\n\n  AbstractGraph.prototype.positionsAnimate = function () {\n    var self = this;\n    self.emit('beforeanimate');\n    var animateCfg = self.get('animateCfg');\n    var onFrame = animateCfg.onFrame;\n    var nodes = self.getNodes();\n    var toNodes = nodes.map(function (node) {\n      var model = node.getModel();\n      return {\n        id: model.id,\n        x: model.x,\n        y: model.y\n      };\n    });\n\n    if (self.isAnimating()) {\n      self.stopAnimate();\n    }\n\n    var canvas = self.get('canvas');\n    canvas.animate(function (ratio) {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(toNodes, function (data) {\n        var node = self.findById(data.id);\n\n        if (!node || node.destroyed) {\n          return;\n        }\n\n        var originAttrs = node.get('originAttrs');\n        var model = node.get('model');\n\n        if (!originAttrs) {\n          var containerMatrix = node.getContainer().getMatrix();\n          if (!containerMatrix) containerMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n          originAttrs = {\n            x: containerMatrix[6],\n            y: containerMatrix[7]\n          };\n          node.set('originAttrs', originAttrs);\n        }\n\n        if (onFrame) {\n          var attrs = onFrame(node, ratio, data, originAttrs);\n          node.set('model', Object.assign(model, attrs));\n        } else {\n          model.x = originAttrs.x + (data.x - originAttrs.x) * ratio;\n          model.y = originAttrs.y + (data.y - originAttrs.y) * ratio;\n        }\n      });\n      self.refreshPositions();\n    }, {\n      duration: animateCfg.duration,\n      easing: animateCfg.easing,\n      callback: function callback() {\n        Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(nodes, function (node) {\n          node.set('originAttrs', null);\n        });\n\n        if (animateCfg.callback) {\n          animateCfg.callback();\n        }\n\n        self.emit('afteranimate');\n        self.animating = false;\n      }\n    });\n  };\n  /**\n   * 当节点位置在外部发生改变时，刷新所有节点位置，重计算边\n   */\n\n\n  AbstractGraph.prototype.refreshPositions = function () {\n    var self = this;\n    self.emit('beforegraphrefreshposition');\n    var nodes = self.get('nodes');\n    var edges = self.get('edges');\n    var vedges = self.get('vedges');\n    var combos = self.get('combos');\n    var model;\n    var updatedNodes = {};\n    var nodeChangeMap = {};\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(nodes, function (node) {\n      model = node.getModel();\n      var originAttrs = node.get('originAttrs');\n\n      if (originAttrs && model.x === originAttrs.x && model.y === originAttrs.y) {\n        return;\n      }\n\n      var changed = node.updatePosition({\n        x: model.x,\n        y: model.y\n      });\n      updatedNodes[model.id] = changed;\n      if (model.comboId) updatedNodes[model.comboId] = updatedNodes[model.comboId] || changed;\n    });\n\n    if (combos && combos.length !== 0) {\n      self.updateCombos();\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(edges, function (edge) {\n      var sourceModel = edge.getSource().getModel();\n      var targetModel = edge.getTarget().getModel();\n\n      if (updatedNodes[sourceModel.id] || updatedNodes[targetModel.id] || edge.getModel().isComboEdge) {\n        edge.refresh();\n      }\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"each\"])(vedges, function (vedge) {\n      vedge.refresh();\n    });\n    self.emit('aftergraphrefreshposition');\n    self.autoPaint();\n  };\n\n  AbstractGraph.prototype.stopAnimate = function () {\n    this.get('canvas').stopAnimate();\n  };\n\n  AbstractGraph.prototype.isAnimating = function () {\n    return this.animating;\n  };\n  /**\n   * 获取当前视口伸缩比例\n   * @return {number} 比例\n   */\n\n\n  AbstractGraph.prototype.getZoom = function () {\n    var matrix = this.get('group').getMatrix();\n    return matrix ? matrix[0] : 1;\n  };\n  /**\n   * 获取当前的行为模式\n   * @return {string} 当前行为模式\n   */\n\n\n  AbstractGraph.prototype.getCurrentMode = function () {\n    var modeController = this.get('modeController');\n    return modeController.getMode();\n  };\n  /**\n   * 切换行为模式\n   * @param {string} mode 指定模式\n   * @return {object} this\n   */\n\n\n  AbstractGraph.prototype.setMode = function (mode) {\n    var modeController = this.get('modeController');\n    modeController.setMode(mode);\n    return this;\n  };\n  /**\n   * 清除画布元素\n   * @return {object} this\n   */\n\n\n  AbstractGraph.prototype.clear = function (avoidEmit) {\n    if (avoidEmit === void 0) {\n      avoidEmit = false;\n    }\n\n    var canvas = this.get('canvas');\n    canvas.clear();\n    this.initGroups(); // 清空画布时同时清除数据\n\n    this.set({\n      itemMap: {},\n      nodes: [],\n      edges: [],\n      groups: [],\n      combos: [],\n      comboTrees: []\n    });\n    if (!avoidEmit) this.emit('afterrender');\n    return this;\n  };\n  /**\n   * 更换布局配置项\n   * @param {object} cfg 新布局配置项\n   * 若 cfg 含有 type 字段或为 String 类型，且与现有布局方法不同，则更换布局\n   * 若 cfg 不包括 type ，则保持原有布局方法，仅更新布局配置项\n   */\n\n\n  AbstractGraph.prototype.updateLayout = function (cfg) {\n    var layoutController = this.get('layoutController');\n    var newLayoutType;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(cfg)) {\n      newLayoutType = cfg;\n      cfg = {\n        type: newLayoutType\n      };\n    } else {\n      newLayoutType = cfg.type;\n    }\n\n    var oriLayoutCfg = this.get('layout');\n    var oriLayoutType = oriLayoutCfg ? oriLayoutCfg.type : undefined;\n\n    if ((!newLayoutType || oriLayoutType === newLayoutType) && (cfg.gpuEnabled === undefined || cfg.gpuEnabled === oriLayoutCfg.gpuEnabled)) {\n      // no type or same type, or switch the gpu and cpu, update layout\n      var layoutCfg = {};\n      Object.assign(layoutCfg, oriLayoutCfg, cfg);\n      layoutCfg.type = oriLayoutType || 'random';\n      this.set('layout', layoutCfg);\n      layoutController.updateLayoutCfg(layoutCfg);\n    } else {\n      if (!newLayoutType) newLayoutType = oriLayoutType; // has different type, change layout\n\n      this.set('layout', cfg);\n      layoutController.changeLayout(newLayoutType);\n    }\n  };\n  /**\n   * 销毁布局，changeData 时不会再使用原来的布局方法对新数据进行布局\n   */\n\n\n  AbstractGraph.prototype.destroyLayout = function () {\n    var layoutController = this.get('layoutController');\n    layoutController.destroyLayout();\n  };\n  /**\n   * 重新以当前示例中配置的属性进行一次布局\n   */\n\n\n  AbstractGraph.prototype.layout = function () {\n    var layoutController = this.get('layoutController');\n    var layoutCfg = this.get('layout');\n    if (!layoutCfg || !layoutController) return;\n\n    if (layoutCfg.workerEnabled) {\n      // 如果使用web worker布局\n      layoutController.layout();\n      return;\n    }\n\n    if (layoutController.layoutMethod) {\n      layoutController.relayout(true);\n    } else {\n      layoutController.layout();\n    }\n  };\n  /**\n   * 收起指定的 combo\n   * @param {string | ICombo} combo combo ID 或 combo item\n   */\n\n\n  AbstractGraph.prototype.collapseCombo = function (combo) {\n    var _this = this;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      combo = this.findById(combo);\n    }\n\n    if (!combo) {\n      console.warn('The combo to be collapsed does not exist!');\n      return;\n    }\n\n    this.emit('beforecollapseexpandcombo', {\n      action: 'expand',\n      item: combo\n    });\n    var comboModel = combo.getModel();\n    var itemController = this.get('itemController');\n    itemController.collapseCombo(combo);\n    comboModel.collapsed = true; // add virtual edges\n\n    var edges = this.getEdges().concat(this.get('vedges')); // find all the descendant nodes and combos\n\n    var cnodes = [];\n    var ccombos = [];\n    var comboTrees = this.get('comboTrees');\n    var found = false;\n    var brothers = {};\n    (comboTrees || []).forEach(function (ctree) {\n      brothers[ctree.id] = ctree;\n    });\n    (comboTrees || []).forEach(function (ctree) {\n      if (found) return; // if the combo is found, terminate the forEach\n\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTree\"])(ctree, function (subTree) {\n        // if the combo is found and the it is traversing the other brothers, terminate\n        if (found && brothers[subTree.id]) return false;\n\n        if (comboModel.parentId === subTree.id) {\n          // if the parent is found, store the brothers\n          brothers = {};\n          subTree.children.forEach(function (child) {\n            brothers[child.id] = child;\n          });\n        } else if (comboModel.id === subTree.id) {\n          // if the combo is found\n          found = true;\n        }\n\n        if (found) {\n          // if the combo is found, concat the descendant nodes and combos\n          var item = _this.findById(subTree.id);\n\n          if (item && item.getType && item.getType() === 'combo') {\n            cnodes = cnodes.concat(item.getNodes());\n            ccombos = ccombos.concat(item.getCombos());\n          }\n        }\n\n        return true;\n      });\n    });\n    var edgeWeightMap = {};\n    var addedVEdges = [];\n    edges.forEach(function (edge) {\n      if (edge.isVisible() && !edge.getModel().isVEdge) return;\n      var source = edge.getSource();\n      var target = edge.getTarget();\n\n      if ((cnodes.includes(source) || ccombos.includes(source)) && !cnodes.includes(target) && !ccombos.includes(target) || source.getModel().id === comboModel.id) {\n        var edgeModel = edge.getModel();\n\n        if (edgeModel.isVEdge) {\n          _this.removeItem(edge, false);\n\n          return;\n        }\n\n        var targetModel = target.getModel();\n\n        while (!target.isVisible()) {\n          target = _this.findById(targetModel.parentId || targetModel.comboId);\n          if (!target || !targetModel.parentId && !targetModel.comboId) return; // all the ancestors are hidden, then ignore the edge\n\n          targetModel = target.getModel();\n        }\n\n        var targetId = targetModel.id;\n\n        if (edgeWeightMap[comboModel.id + \"-\" + targetId]) {\n          edgeWeightMap[comboModel.id + \"-\" + targetId] += edgeModel.size || 1;\n          return;\n        } // the source is in the combo, the target is not\n\n\n        var vedge = _this.addItem('vedge', {\n          source: comboModel.id,\n          target: targetId,\n          isVEdge: true\n        }, false);\n\n        edgeWeightMap[comboModel.id + \"-\" + targetId] = edgeModel.size || 1;\n        addedVEdges.push(vedge);\n      } else if (!cnodes.includes(source) && !ccombos.includes(source) && (cnodes.includes(target) || ccombos.includes(target)) || target.getModel().id === comboModel.id) {\n        var edgeModel = edge.getModel();\n\n        if (edgeModel.isVEdge) {\n          _this.removeItem(edge, false);\n\n          return;\n        }\n\n        var sourceModel = source.getModel();\n\n        while (!source.isVisible()) {\n          source = _this.findById(sourceModel.parentId || sourceModel.comboId);\n          if (!source || !sourceModel.parentId && !sourceModel.comboId) return; // all the ancestors are hidden, then ignore the edge\n\n          sourceModel = source.getModel();\n        }\n\n        var sourceId = sourceModel.id;\n\n        if (edgeWeightMap[sourceId + \"-\" + comboModel.id]) {\n          edgeWeightMap[sourceId + \"-\" + comboModel.id] += edgeModel.size || 1;\n          return;\n        } // the target is in the combo, the source is not\n\n\n        var vedge = _this.addItem('vedge', {\n          target: comboModel.id,\n          source: sourceId,\n          isVEdge: true\n        }, false);\n\n        edgeWeightMap[sourceId + \"-\" + comboModel.id] = edgeModel.size || 1;\n        addedVEdges.push(vedge);\n      }\n    }); // update the width of the virtual edges, which is the sum of merged actual edges\n    // be attention that the actual edges with same endpoints but different directions will be represented by two different virtual edges\n\n    addedVEdges.forEach(function (vedge) {\n      var vedgeModel = vedge.getModel();\n\n      _this.updateItem(vedge, {\n        size: edgeWeightMap[vedgeModel.source + \"-\" + vedgeModel.target]\n      }, false);\n    });\n    this.emit('aftercollapseexpandcombo', {\n      action: 'collapse',\n      item: combo\n    });\n  };\n  /**\n   * 展开指定的 combo\n   * @param {string | ICombo} combo combo ID 或 combo item\n   */\n\n\n  AbstractGraph.prototype.expandCombo = function (combo) {\n    var _this = this;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      combo = this.findById(combo);\n    }\n\n    if (!combo || combo.getType && combo.getType() !== 'combo') {\n      console.warn('The combo to be collapsed does not exist!');\n      return;\n    }\n\n    this.emit('beforecollapseexpandcombo', {\n      action: 'expand',\n      item: combo\n    });\n    var comboModel = combo.getModel();\n    var itemController = this.get('itemController');\n    itemController.expandCombo(combo);\n    comboModel.collapsed = false; // add virtual edges\n\n    var edges = this.getEdges().concat(this.get('vedges')); // find all the descendant nodes and combos\n\n    var cnodes = [];\n    var ccombos = [];\n    var comboTrees = this.get('comboTrees');\n    var found = false;\n    var brothers = {};\n    (comboTrees || []).forEach(function (ctree) {\n      brothers[ctree.id] = ctree;\n    });\n    (comboTrees || []).forEach(function (ctree) {\n      if (found) return; // if the combo is found, terminate\n\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTree\"])(ctree, function (subTree) {\n        if (found && brothers[subTree.id]) {\n          return false;\n        }\n\n        if (comboModel.parentId === subTree.id) {\n          brothers = {};\n          subTree.children.forEach(function (child) {\n            brothers[child.id] = child;\n          });\n        } else if (comboModel.id === subTree.id) {\n          found = true;\n        }\n\n        if (found) {\n          var item = _this.findById(subTree.id);\n\n          if (item && item.getType && item.getType() === 'combo') {\n            cnodes = cnodes.concat(item.getNodes());\n            ccombos = ccombos.concat(item.getCombos());\n          }\n        }\n\n        return true;\n      });\n    });\n    var edgeWeightMap = {};\n    var addedVEdges = {};\n    edges.forEach(function (edge) {\n      if (edge.isVisible() && !edge.getModel().isVEdge) return;\n      var source = edge.getSource();\n      var target = edge.getTarget();\n      var sourceId = source.get('id');\n      var targetId = target.get('id');\n\n      if ((cnodes.includes(source) || ccombos.includes(source)) && !cnodes.includes(target) && !ccombos.includes(target) || sourceId === comboModel.id) {\n        // the source is in the combo, the target is not\n        // ignore the virtual edges\n        if (edge.getModel().isVEdge) {\n          _this.removeItem(edge, false);\n\n          return;\n        }\n\n        var targetModel = target.getModel(); // find the nearest visible ancestor\n\n        while (!target.isVisible()) {\n          target = _this.findById(targetModel.comboId || targetModel.parentId);\n\n          if (!target || !targetModel.parentId && !targetModel.comboId) {\n            return; // if all the ancestors of the oppsite are all hidden, ignore the edge\n          }\n\n          targetModel = target.getModel();\n        }\n\n        targetId = targetModel.id;\n        var sourceModel = source.getModel(); // find the nearest visible ancestor\n\n        while (!source.isVisible()) {\n          source = _this.findById(sourceModel.comboId || sourceModel.parentId);\n\n          if (!source || !sourceModel.parentId && !sourceModel.comboId) {\n            return; // if all the ancestors of the oppsite are all hidden, ignore the edge\n          }\n\n          if (sourceModel.comboId === comboModel.id || sourceModel.parentId === comboModel.id) {\n            break; // if the next ancestor is the combo, break the while\n          }\n\n          sourceModel = source.getModel();\n        }\n\n        sourceId = sourceModel.id;\n\n        if (targetId) {\n          var vedgeId = sourceId + \"-\" + targetId; // update the width of the virtual edges, which is the sum of merged actual edges\n          // be attention that the actual edges with same endpoints but different directions will be represented by two different virtual edges\n\n          if (edgeWeightMap[vedgeId]) {\n            edgeWeightMap[vedgeId] += edge.getModel().size || 1;\n\n            _this.updateItem(addedVEdges[vedgeId], {\n              size: edgeWeightMap[vedgeId]\n            }, false);\n\n            return;\n          }\n\n          var vedge = _this.addItem('vedge', {\n            source: sourceId,\n            target: targetId,\n            isVEdge: true\n          }, false);\n\n          edgeWeightMap[vedgeId] = edge.getModel().size || 1;\n          addedVEdges[vedgeId] = vedge;\n        }\n      } else if (!cnodes.includes(source) && !ccombos.includes(source) && (cnodes.includes(target) || ccombos.includes(target)) || targetId === comboModel.id) {\n        // the target is in the combo, the source is not\n        // ignore the virtual edges\n        if (edge.getModel().isVEdge) {\n          _this.removeItem(edge, false);\n\n          return;\n        }\n\n        var sourceModel = source.getModel(); // find the nearest visible ancestor\n\n        while (!source.isVisible()) {\n          source = _this.findById(sourceModel.comboId || sourceModel.parentId);\n\n          if (!source || !sourceModel.parentId && !sourceModel.comboId) {\n            return; // if all the ancestors of the oppsite are all hidden, ignore the edge\n          }\n\n          sourceModel = source.getModel();\n        }\n\n        sourceId = sourceModel.id;\n        var targetModel = target.getModel(); // find the nearest visible ancestor\n\n        while (!target.isVisible()) {\n          target = _this.findById(targetModel.comboId || targetModel.parentId);\n\n          if (!target || !targetModel.parentId && !targetModel.comboId) {\n            return; // if all the ancestors of the oppsite are all hidden, ignore the edge\n          }\n\n          if (targetModel.comboId === comboModel.id || targetModel.parentId === comboModel.id) {\n            break; // if the next ancestor is the combo, break the while\n          }\n\n          targetModel = target.getModel();\n        }\n\n        targetId = targetModel.id;\n\n        if (sourceId) {\n          var vedgeId = sourceId + \"-\" + targetId; // update the width of the virtual edges, which is the sum of merged actual edges\n          // be attention that the actual edges with same endpoints but different directions will be represented by two different virtual edges\n\n          if (edgeWeightMap[vedgeId]) {\n            edgeWeightMap[vedgeId] += edge.getModel().size || 1;\n\n            _this.updateItem(addedVEdges[vedgeId], {\n              size: edgeWeightMap[vedgeId]\n            }, false);\n\n            return;\n          }\n\n          var vedge = _this.addItem('vedge', {\n            target: targetId,\n            source: sourceId,\n            isVEdge: true\n          }, false);\n\n          edgeWeightMap[vedgeId] = edge.getModel().size || 1;\n          addedVEdges[vedgeId] = vedge;\n        }\n      } else if ((cnodes.includes(source) || ccombos.includes(source)) && (cnodes.includes(target) || ccombos.includes(target))) {\n        // both source and target are in the combo, if the target and source are both visible, show the edge\n        if (source.isVisible() && target.isVisible()) {\n          edge.show();\n        }\n      }\n    });\n    this.emit('aftercollapseexpandcombo', {\n      action: 'expand',\n      item: combo\n    });\n  };\n\n  AbstractGraph.prototype.collapseExpandCombo = function (combo) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(combo)) {\n      combo = this.findById(combo);\n    }\n\n    if (combo.getType && combo.getType() !== 'combo') return;\n    var comboModel = combo.getModel(); // if one ancestor combo of the combo is collapsed, it should not be collapsed or expanded\n\n    var parentItem = this.findById(comboModel.parentId);\n\n    while (parentItem) {\n      var parentModel = parentItem.getModel();\n\n      if (parentModel.collapsed) {\n        console.warn(\"Fail to expand the combo since it's ancestor combo is collapsed.\");\n        parentItem = undefined;\n        return;\n      }\n\n      parentItem = this.findById(parentModel.parentId);\n    }\n\n    var collapsed = comboModel.collapsed; // 该群组已经处于收起状态，需要展开\n\n    if (collapsed) {\n      this.expandCombo(combo);\n    } else {\n      this.collapseCombo(combo);\n    }\n\n    this.updateCombo(combo);\n  };\n  /**\n   * 根据 comboTree 结构整理 Combo 相关的图形绘制层级，包括 Combo 本身、节点、边\n   * @param {GraphData} data 数据\n   */\n\n\n  AbstractGraph.prototype.sortCombos = function () {\n    var _this = this;\n\n    var comboSorted = this.get('comboSorted');\n    if (comboSorted) return;\n    this.set('comboSorted', true);\n    var depthMap = [];\n    var dataDepthMap = {};\n    var comboTrees = this.get('comboTrees');\n    (comboTrees || []).forEach(function (cTree) {\n      Object(_util_graphic__WEBPACK_IMPORTED_MODULE_8__[\"traverseTree\"])(cTree, function (child) {\n        if (depthMap[child.depth]) depthMap[child.depth].push(child.id);else depthMap[child.depth] = [child.id];\n        dataDepthMap[child.id] = child.depth;\n        return true;\n      });\n    });\n    var edges = this.getEdges().concat(this.get('vedges'));\n    (edges || []).forEach(function (edgeItem) {\n      var edge = edgeItem.getModel();\n      var sourceDepth = dataDepthMap[edge.source] || 0;\n      var targetDepth = dataDepthMap[edge.target] || 0;\n      var depth = Math.max(sourceDepth, targetDepth);\n      if (depthMap[depth]) depthMap[depth].push(edge.id);else depthMap[depth] = [edge.id];\n    });\n    depthMap.forEach(function (array) {\n      if (!array || !array.length) return;\n\n      for (var i = array.length - 1; i >= 0; i--) {\n        var item = _this.findById(array[i]);\n\n        if (item) item.toFront();\n      }\n    });\n  };\n  /**\n   * 获取节点所有的邻居节点\n   *\n   * @param {(string | INode)} node 节点 ID 或实例\n   * @returns {INode[]}\n   * @memberof IAbstractGraph\n   */\n\n\n  AbstractGraph.prototype.getNeighbors = function (node, type) {\n    var item = node;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(node)) {\n      item = this.findById(node);\n    }\n\n    return item.getNeighbors(type);\n  };\n  /**\n   * 获取 node 的度数\n   *\n   * @param {(string | INode)} node 节点 ID 或实例\n   * @param {('in' | 'out' | 'total' | 'all' | undefined)} 度数类型，in 入度，out 出度，total 总度数，all 返回三种类型度数的对象\n   * @returns {Number | Object} 该节点的度数\n   * @memberof IAbstractGraph\n   */\n\n\n  AbstractGraph.prototype.getNodeDegree = function (node, type, refresh) {\n    if (type === void 0) {\n      type = undefined;\n    }\n\n    if (refresh === void 0) {\n      refresh = false;\n    }\n\n    var item = node;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(node)) {\n      item = this.findById(node);\n    }\n\n    var degrees = this.get('degrees');\n\n    if (!degrees || refresh) {\n      degrees = Object(_antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"getDegree\"])(this.save());\n      this.set('degrees', degrees);\n    }\n\n    var nodeDegrees = degrees[item.getID()];\n    var res = 0; // 如果是通过 addItem 后面新增加的节点，此时它的所有度数都为 0\n\n    if (!nodeDegrees) {\n      return 0;\n    }\n\n    switch (type) {\n      case 'in':\n        res = nodeDegrees.inDegree;\n        break;\n\n      case 'out':\n        res = nodeDegrees.outDegree;\n        break;\n\n      case 'all':\n        res = nodeDegrees;\n        break;\n\n      default:\n        res = nodeDegrees.degree;\n        break;\n    }\n\n    return res;\n  };\n\n  AbstractGraph.prototype.getUndoStack = function () {\n    return this.undoStack;\n  };\n\n  AbstractGraph.prototype.getRedoStack = function () {\n    return this.redoStack;\n  };\n  /**\n   * 获取 undo 和 redo 栈的数据\n   */\n\n\n  AbstractGraph.prototype.getStackData = function () {\n    if (!this.get('enabledStack')) {\n      return null;\n    }\n\n    return {\n      undoStack: this.undoStack.toArray(),\n      redoStack: this.redoStack.toArray()\n    };\n  };\n  /**\n   * 清空 undo stack & redo stack\n   */\n\n\n  AbstractGraph.prototype.clearStack = function () {\n    if (this.get('enabledStack')) {\n      this.undoStack.clear();\n      this.redoStack.clear();\n    }\n  };\n  /**\n   * 将操作类型和操作数据入栈\n   * @param action 操作类型\n   * @param data 入栈的数据\n   * @param stackType 栈的类型\n   */\n\n\n  AbstractGraph.prototype.pushStack = function (action, data, stackType) {\n    if (action === void 0) {\n      action = 'update';\n    }\n\n    if (stackType === void 0) {\n      stackType = 'undo';\n    }\n\n    if (!this.get('enabledStack')) {\n      console.warn('请先启用 undo & redo 功能，在实例化 Graph 时候配置 enabledStack: true !');\n      return;\n    }\n\n    var stackData = data ? Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(data) : {\n      before: {},\n      after: Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"clone\"])(this.save())\n    };\n\n    if (stackType === 'redo') {\n      this.redoStack.push({\n        action: action,\n        data: stackData\n      });\n    } else {\n      this.undoStack.push({\n        action: action,\n        data: stackData\n      });\n    }\n\n    this.emit('stackchange', {\n      undoStack: this.undoStack,\n      redoStack: this.redoStack\n    });\n  };\n  /**\n   * 获取邻接矩阵\n   *\n   * @param {boolean} cache 是否使用缓存的\n   * @param {boolean} directed 是否是有向图，默认取 graph.directed\n   * @returns {Matrix} 邻接矩阵\n   * @memberof IAbstractGraph\n   */\n\n\n  AbstractGraph.prototype.getAdjMatrix = function (cache, directed) {\n    if (cache === void 0) {\n      cache = true;\n    }\n\n    if (directed === undefined) directed = this.get('directed');\n    var currentAdjMatrix = this.get('adjMatrix');\n\n    if (!currentAdjMatrix || !cache) {\n      currentAdjMatrix = Object(_antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"getAdjMatrix\"])(this.save(), directed);\n      this.set('adjMatrix', currentAdjMatrix);\n    }\n\n    return currentAdjMatrix;\n  };\n  /**\n   * 获取最短路径矩阵\n   *\n   * @param {boolean} cache 是否使用缓存的\n   * @param {boolean} directed 是否是有向图，默认取 graph.directed\n   * @returns {Matrix} 最短路径矩阵\n   * @memberof IAbstractGraph\n   */\n\n\n  AbstractGraph.prototype.getShortestPathMatrix = function (cache, directed) {\n    if (cache === void 0) {\n      cache = true;\n    }\n\n    if (directed === undefined) directed = this.get('directed');\n    var currentAdjMatrix = this.get('adjMatrix');\n    var currentShourtestPathMatrix = this.get('shortestPathMatrix');\n\n    if (!currentAdjMatrix || !cache) {\n      currentAdjMatrix = Object(_antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"getAdjMatrix\"])(this.save(), directed);\n      this.set('adjMatrix', currentAdjMatrix);\n    }\n\n    if (!currentShourtestPathMatrix || !cache) {\n      currentShourtestPathMatrix = Object(_antv_algorithm__WEBPACK_IMPORTED_MODULE_4__[\"floydWarshall\"])(this.save(), directed);\n      this.set('shortestPathMatrix', currentShourtestPathMatrix);\n    }\n\n    return currentShourtestPathMatrix;\n  };\n  /**\n   * 重新定义监听函数，复写参数类型\n   */\n\n\n  AbstractGraph.prototype.on = function (eventName, callback, once) {\n    return _super.prototype.on.call(this, eventName, callback, once);\n  };\n  /**\n   * 销毁画布\n   */\n\n\n  AbstractGraph.prototype.destroy = function () {\n    this.clear(); // 清空栈数据\n\n    this.clearStack();\n    this.get('itemController').destroy();\n    this.get('modeController').destroy();\n    this.get('viewController').destroy();\n    this.get('stateController').destroy();\n    this.get('canvas').destroy();\n    this.cfg = null;\n    this.destroyed = true;\n    this.redoStack = null;\n    this.undoStack = null;\n  };\n  /**\n   * 创建凸包或凹包轮廓\n   * @param cfg HullCfg 轮廓配置项\n   */\n\n\n  AbstractGraph.prototype.createHull = function (cfg) {\n    if (!cfg.members || cfg.members.length < 1) {\n      console.warn('Create hull failed! The members is empty.');\n      return;\n    }\n\n    var parent = this.get('hullGroup');\n    var hullMap = this.get('hullMap');\n\n    if (!hullMap) {\n      hullMap = {};\n      this.set('hullMap', hullMap);\n    }\n\n    if (!parent || parent.get('destroyed')) {\n      parent = this.get('group').addGroup({\n        id: 'hullGroup'\n      });\n      parent.toBack();\n      this.set('hullGroup', parent);\n    }\n\n    if (hullMap[cfg.id]) {\n      console.warn('Existed hull id.');\n      return hullMap[cfg.id];\n    }\n\n    var group = parent.addGroup({\n      id: cfg.id + \"-container\"\n    });\n    var hull = new _item_hull__WEBPACK_IMPORTED_MODULE_9__[\"default\"](this, Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, cfg), {\n      group: group\n    }));\n    var hullId = hull.id;\n    hullMap[hullId] = hull;\n    return hull;\n  };\n  /**\n   * 获取当前 graph 中存在的包裹轮廓\n   * @return {[key: string]: Hull} Hull 的 map，hullId 对应的 hull 实例\n   */\n\n\n  AbstractGraph.prototype.getHulls = function () {\n    return this.get('hullMap');\n  };\n  /**\n   * 根据 hullId 获取对应的 hull\n   * @return Hull\n   */\n\n\n  AbstractGraph.prototype.getHullById = function (hullId) {\n    return this.get('hullMap')[hullId];\n  };\n\n  AbstractGraph.prototype.removeHull = function (hull) {\n    var hullInstance;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_3__[\"isString\"])(hull)) {\n      hullInstance = this.getHullById(hull);\n    } else {\n      hullInstance = hull;\n    }\n\n    var hullMap = this.get('hullMap');\n    delete hullMap[hullInstance.id];\n    hullInstance.destroy();\n  };\n\n  AbstractGraph.prototype.removeHulls = function () {\n    var hulls = this.getHulls();\n    if (!hulls || !Object.keys(hulls).length) return;\n    Object.keys(hulls).forEach(function (key) {\n      var hull = hulls[key];\n      hull.destroy();\n    });\n    this.set('hullMap', {});\n  };\n\n  return AbstractGraph;\n}(_antv_event_emitter__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (AbstractGraph);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/graph.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js ***!
+  \*********************************************************************/
+/*! exports provided: G6GraphEvent, G6Event, Arrow, Shape, Node, Edge, Combo, Hull, Marker, registerNode, registerCombo, AbstractGraph, Util, registerEdge, registerBehavior, AbstractLayout, AbstractEvent, BaseGlobal, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerNode\", function() { return registerNode; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerCombo\", function() { return registerCombo; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerEdge\", function() { return registerEdge; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerBehavior\", function() { return registerBehavior; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BaseGlobal\", function() { return BaseGlobal; });\n/* harmony import */ var _behavior__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./behavior */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/behavior/index.js\");\n/* harmony import */ var _graph_graph__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./graph/graph */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/graph.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractGraph\", function() { return _graph_graph__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./element */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Arrow\", function() { return _element__WEBPACK_IMPORTED_MODULE_2__[\"Arrow\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Shape\", function() { return _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Marker\", function() { return _element__WEBPACK_IMPORTED_MODULE_2__[\"Marker\"]; });\n\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Util\", function() { return _util__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _graph_controller_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./graph/controller/layout */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/layout.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractLayout\", function() { return _graph_controller_layout__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _graph_controller_event__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./graph/controller/event */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/graph/controller/event.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractEvent\", function() { return _graph_controller_event__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _item_node__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./item/node */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/node.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Node\", function() { return _item_node__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _item_edge__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./item/edge */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/edge.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Edge\", function() { return _item_edge__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _item_hull__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./item/hull */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/hull.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Hull\", function() { return _item_hull__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _item_combo__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./item/combo */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/combo.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Combo\", function() { return _item_combo__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./types */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/types/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return _types__WEBPACK_IMPORTED_MODULE_11__[\"G6GraphEvent\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6Event\", function() { return _types__WEBPACK_IMPORTED_MODULE_11__[\"G6Event\"]; });\n\n\n\n\n\n // 用于 PC 和 Mobile 端分别实现 layout 和 updateLayoutCfg 方法\n\n\n\n\n\n\n\nvar registerNode = _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerNode;\nvar registerEdge = _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerEdge;\nvar registerCombo = _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerCombo;\nvar registerBehavior = _behavior__WEBPACK_IMPORTED_MODULE_0__[\"default\"].registerBehavior;\nvar BaseGlobal = _global__WEBPACK_IMPORTED_MODULE_3__[\"default\"];\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  version: _global__WEBPACK_IMPORTED_MODULE_3__[\"default\"].version,\n  AbstractGraph: _graph_graph__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  BaseGlobal: BaseGlobal,\n  Util: _util__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  Shape: _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  Node: _item_node__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  Edge: _item_edge__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n  Combo: _item_combo__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n  Hull: _item_hull__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n  registerNode: _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerNode,\n  registerEdge: _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerEdge,\n  registerCombo: _element__WEBPACK_IMPORTED_MODULE_2__[\"default\"].registerCombo,\n  registerBehavior: _behavior__WEBPACK_IMPORTED_MODULE_0__[\"default\"].registerBehavior,\n  Arrow: _element__WEBPACK_IMPORTED_MODULE_2__[\"Arrow\"],\n  Marker: _element__WEBPACK_IMPORTED_MODULE_2__[\"Marker\"],\n  AbstractLayout: _graph_controller_layout__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  AbstractEvent: _graph_controller_event__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/behavior.js":
+/*!**********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/behavior.js ***!
+  \**********************************************************************************/
+/*! exports provided: G6GraphEvent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return G6GraphEvent; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g-base */ \"./node_modules/_@antv_g-base@0.5.5@@antv/g-base/esm/index.js\");\n\n\n\nvar G6GraphEvent =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(G6GraphEvent, _super);\n\n  function G6GraphEvent(type, event) {\n    var _this = _super.call(this, type, event) || this;\n\n    _this.item = event.item;\n    _this.canvasX = event.canvasX;\n    _this.canvasY = event.canvasY;\n    _this.wheelDelta = event.wheelDelta;\n    _this.detail = event.detail;\n    return _this;\n  }\n\n  return G6GraphEvent;\n}(_antv_g_base__WEBPACK_IMPORTED_MODULE_1__[\"Event\"]);\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/behavior.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/graph.js":
+/*!*******************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/graph.js ***!
+  \*******************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/graph.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/index.js":
+/*!*******************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/index.js ***!
+  \*******************************************************************************/
+/*! exports provided: G6GraphEvent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _graph__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./graph */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/graph.js\");\n/* empty/unused harmony star reexport *//* harmony import */ var _behavior__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./behavior */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/behavior.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return _behavior__WEBPACK_IMPORTED_MODULE_1__[\"G6GraphEvent\"]; });\n\n/* harmony import */ var _item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./item */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/item.js\");\n/* empty/unused harmony star reexport *//* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/shape.js\");\n/* empty/unused harmony star reexport */\n\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/item.js":
+/*!******************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/item.js ***!
+  \******************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/item.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/shape.js":
+/*!*******************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/shape.js ***!
+  \*******************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/shape.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/combo.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/combo.js ***!
+  \**************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _node__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/node.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n\n\n\nvar CACHE_BBOX = 'bboxCache';\nvar CACHE_CANVAS_BBOX = 'bboxCanvasCache';\nvar CACHE_SIZE = 'sizeCache';\nvar CACHE_ANCHOR_POINTS = 'anchorPointsCache';\n\nvar Combo =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(Combo, _super);\n\n  function Combo() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Combo.prototype.getDefaultCfg = function () {\n    return {\n      type: 'combo',\n      nodes: [],\n      edges: [],\n      combos: []\n    };\n  };\n\n  Combo.prototype.getShapeCfg = function (model) {\n    var styles = this.get('styles');\n    var bbox = this.get('bbox');\n\n    if (styles && bbox) {\n      // merge graph的item样式与数据模型中的样式\n      var newModel = model;\n      var size = {\n        r: Math.hypot(bbox.height, bbox.width) / 2 || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.size[0] / 2,\n        width: bbox.width || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.size[0],\n        height: bbox.height || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.size[1]\n      };\n      newModel.style = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), model.style), size);\n      var padding = model.padding || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultCombo.padding;\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"isNumber\"])(padding)) {\n        size.r += padding;\n        size.width += padding * 2;\n        size.height += padding * 2;\n      } else {\n        size.r += padding[0];\n        size.width += padding[1] + padding[3] || padding[1] * 2;\n        size.height += padding[0] + padding[2] || padding[0] * 2;\n      }\n\n      this.set(CACHE_SIZE, size);\n      return newModel;\n    }\n\n    return model;\n  };\n  /**\n   * 根据 keyshape 计算包围盒\n   */\n\n\n  Combo.prototype.calculateCanvasBBox = function () {\n    if (this.destroyed) return;\n    var keyShape = this.get('keyShape');\n    var group = this.get('group'); // 因为 group 可能会移动，所以必须通过父元素计算才能计算出正确的包围盒\n\n    var bbox = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_3__[\"getBBox\"])(keyShape, group);\n    bbox.centerX = (bbox.minX + bbox.maxX) / 2;\n    bbox.centerY = (bbox.minY + bbox.maxY) / 2;\n    var cacheSize = this.get(CACHE_SIZE);\n    var cacheBBox = this.get(CACHE_BBOX) || {};\n    var oriX = cacheBBox.x;\n    var oriY = cacheBBox.x;\n\n    if (cacheSize) {\n      cacheSize.width = Math.max(cacheSize.width, bbox.width);\n      cacheSize.height = Math.max(cacheSize.height, bbox.height);\n      var type = keyShape.get('type');\n\n      if (type === 'circle') {\n        bbox.width = cacheSize.r * 2;\n        bbox.height = cacheSize.r * 2;\n      } else {\n        bbox.width = cacheSize.width;\n        bbox.height = cacheSize.height;\n      }\n\n      bbox.minX = bbox.centerX - bbox.width / 2;\n      bbox.minY = bbox.centerY - bbox.height / 2;\n      bbox.maxX = bbox.centerX + bbox.width / 2;\n      bbox.maxY = bbox.centerY + bbox.height / 2;\n    } else {\n      bbox.width = bbox.maxX - bbox.minX;\n      bbox.height = bbox.maxY - bbox.minY;\n      bbox.centerX = (bbox.minX + bbox.maxX) / 2;\n      bbox.centerY = (bbox.minY + bbox.maxY) / 2;\n    }\n\n    bbox.x = bbox.minX;\n    bbox.y = bbox.minY;\n    if (bbox.x !== oriX || bbox.y !== oriY) this.set(CACHE_ANCHOR_POINTS, null);\n    return bbox;\n  };\n  /**\n   * 获取 Combo 中所有的子元素，包括 Combo、Node 及 Edge\n   */\n\n\n  Combo.prototype.getChildren = function () {\n    var self = this;\n    return {\n      nodes: self.getNodes(),\n      combos: self.getCombos()\n    };\n  };\n  /**\n   * 获取 Combo 中所有子节点\n   */\n\n\n  Combo.prototype.getNodes = function () {\n    var self = this;\n    return self.get('nodes');\n  };\n  /**\n   * 获取 Combo 中所有子 combo\n   */\n\n\n  Combo.prototype.getCombos = function () {\n    var self = this;\n    return self.get('combos');\n  };\n  /**\n   * 向 Combo 中增加子 combo 或 node\n   * @param item Combo 或节点实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.addChild = function (item) {\n    var self = this;\n    var itemType = item.getType();\n\n    switch (itemType) {\n      case 'node':\n        self.addNode(item);\n        break;\n\n      case 'combo':\n        self.addCombo(item);\n        break;\n\n      default:\n        console.warn('Only node or combo items are allowed to be added into a combo');\n        return false;\n    }\n\n    return true;\n  };\n  /**\n   * 向 Combo 中增加 combo\n   * @param combo Combo 实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.addCombo = function (combo) {\n    var self = this;\n    self.get('combos').push(combo);\n    return true;\n  };\n  /**\n   * 向 Combo 中添加节点\n   * @param node 节点实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.addNode = function (node) {\n    var self = this;\n    self.get('nodes').push(node);\n    return true;\n  };\n  /**\n   * 向 Combo 中增加子 combo 或 node\n   * @param item Combo 或节点实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.removeChild = function (item) {\n    var self = this;\n    var itemType = item.getType();\n\n    switch (itemType) {\n      case 'node':\n        self.removeNode(item);\n        break;\n\n      case 'combo':\n        self.removeCombo(item);\n        break;\n\n      default:\n        console.warn('Only node or combo items are allowed to be added into a combo');\n        return false;\n    }\n\n    return true;\n  };\n  /**\n   * 从 Combo 中移除指定的 combo\n   * @param combo Combo 实例\n   * @return boolean 移除成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.removeCombo = function (combo) {\n    if (!combo) return;\n    var combos = this.getCombos();\n    var index = combos.indexOf(combo);\n\n    if (index > -1) {\n      combos.splice(index, 1);\n      return true;\n    }\n\n    return false;\n  };\n  /**\n   * 向 Combo 中移除指定的节点\n   * @param node 节点实例\n   * @return boolean 移除成功返回 true，否则返回 false\n   */\n\n\n  Combo.prototype.removeNode = function (node) {\n    if (!node) return;\n    var nodes = this.getNodes();\n    var index = nodes.indexOf(node);\n\n    if (index > -1) {\n      nodes.splice(index, 1);\n      return true;\n    }\n\n    return false;\n  };\n\n  Combo.prototype.isOnlyMove = function (cfg) {\n    return false;\n  };\n  /**\n   * 获取 item 的包围盒，这个包围盒是相对于 item 自己，不会将 matrix 计算在内\n   * @return {Object} 包含 x,y,width,height, centerX, centerY\n   */\n\n\n  Combo.prototype.getBBox = function () {\n    this.set(CACHE_CANVAS_BBOX, null);\n    var bbox = this.calculateCanvasBBox();\n    return bbox;\n  };\n\n  Combo.prototype.clearCache = function () {\n    this.set(CACHE_BBOX, null); // 清理缓存的 bbox\n\n    this.set(CACHE_CANVAS_BBOX, null);\n    this.set(CACHE_ANCHOR_POINTS, null);\n  };\n\n  Combo.prototype.destroy = function () {\n    if (!this.destroyed) {\n      var animate = this.get('animate');\n      var group = this.get('group');\n\n      if (animate) {\n        group.stopAnimate();\n      }\n\n      this.clearCache();\n      this.set(CACHE_SIZE, null);\n      this.set('bbox', null);\n      group.remove();\n      this._cfg = null;\n      this.destroyed = true;\n    }\n  };\n\n  return Combo;\n}(_node__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Combo);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/combo.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/edge.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/edge.js ***!
+  \*************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./item */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/item.js\");\n\n\n\nvar END_MAP = {\n  source: 'start',\n  target: 'end'\n};\nvar ITEM_NAME_SUFFIX = 'Node'; // 端点的后缀，如 sourceNode, targetNode\n\nvar POINT_NAME_SUFFIX = 'Point'; // 起点或者结束点的后缀，如 startPoint, endPoint\n\nvar ANCHOR_NAME_SUFFIX = 'Anchor';\n\nvar Edge =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(Edge, _super);\n\n  function Edge() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Edge.prototype.getDefaultCfg = function () {\n    return {\n      type: 'edge',\n      sourceNode: null,\n      targetNode: null,\n      startPoint: null,\n      endPoint: null,\n      linkCenter: false\n    };\n  };\n\n  Edge.prototype.setEnd = function (name, value) {\n    var pointName = END_MAP[name] + POINT_NAME_SUFFIX;\n    var itemName = name + ITEM_NAME_SUFFIX;\n    var preItem = this.get(itemName);\n\n    if (preItem && !preItem.destroyed) {\n      // 如果之前存在节点，则移除掉边\n      preItem.removeEdge(this);\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isPlainObject\"])(value)) {\n      // 如果设置成具体的点，则清理节点\n      this.set(pointName, value);\n      this.set(itemName, null);\n    } else {\n      value.addEdge(this);\n      this.set(itemName, value);\n      this.set(pointName, null);\n    }\n  };\n  /**\n   * 获取连接点的坐标\n   * @param name source | target\n   * @param model 边的数据模型\n   * @param controlPoints 控制点\n   */\n\n\n  Edge.prototype.getLinkPoint = function (name, model, controlPoints) {\n    var pointName = END_MAP[name] + POINT_NAME_SUFFIX;\n    var itemName = name + ITEM_NAME_SUFFIX;\n    var point = this.get(pointName);\n\n    if (!point) {\n      var item = this.get(itemName);\n      var anchorName = name + ANCHOR_NAME_SUFFIX;\n      var prePoint = this.getPrePoint(name, controlPoints);\n      var anchorIndex = model[anchorName];\n\n      if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(anchorIndex)) {\n        // 如果有锚点，则使用锚点索引获取连接点\n        point = item.getLinkPointByAnchor(anchorIndex);\n      } // 如果锚点没有对应的点或者没有锚点，则直接计算连接点\n\n\n      point = point || item.getLinkPoint(prePoint);\n\n      if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(point.index)) {\n        this.set(name + \"AnchorIndex\", point.index);\n      }\n    }\n\n    return point;\n  };\n  /**\n   * 获取同端点进行连接的点，计算交汇点\n   * @param name\n   * @param controlPoints\n   */\n\n\n  Edge.prototype.getPrePoint = function (name, controlPoints) {\n    if (controlPoints && controlPoints.length) {\n      var index = name === 'source' ? 0 : controlPoints.length - 1;\n      return controlPoints[index];\n    }\n\n    var oppositeName = name === 'source' ? 'target' : 'source'; // 取另一个节点的位置\n\n    return this.getEndPoint(oppositeName);\n  };\n  /**\n   * 获取端点的位置\n   * @param name\n   */\n\n\n  Edge.prototype.getEndPoint = function (name) {\n    var itemName = name + ITEM_NAME_SUFFIX;\n    var pointName = END_MAP[name] + POINT_NAME_SUFFIX;\n    var item = this.get(itemName); // 如果有端点，直接使用 model\n\n    if (item) {\n      return item.get('model');\n    } // 否则直接使用点\n\n\n    return this.get(pointName);\n  };\n  /**\n   * 通过端点的中心获取控制点\n   * @param model\n   */\n\n\n  Edge.prototype.getControlPointsByCenter = function (model) {\n    var sourcePoint = this.getEndPoint('source');\n    var targetPoint = this.getEndPoint('target');\n    var shapeFactory = this.get('shapeFactory');\n    var type = model.type;\n    return shapeFactory.getControlPoints(type, {\n      startPoint: sourcePoint,\n      endPoint: targetPoint\n    });\n  };\n\n  Edge.prototype.getEndCenter = function (name) {\n    var itemName = name + ITEM_NAME_SUFFIX;\n    var pointName = END_MAP[name] + POINT_NAME_SUFFIX;\n    var item = this.get(itemName); // 如果有端点，直接使用 model\n\n    if (item) {\n      var bbox = item.getBBox();\n      return {\n        x: bbox.centerX,\n        y: bbox.centerY\n      };\n    } // 否则直接使用点\n\n\n    return this.get(pointName);\n  };\n\n  Edge.prototype.init = function () {\n    _super.prototype.init.call(this); // 初始化两个端点\n\n\n    this.setSource(this.get('source'));\n    this.setTarget(this.get('target'));\n  };\n\n  Edge.prototype.getShapeCfg = function (model) {\n    var self = this;\n    var linkCenter = self.get('linkCenter'); // 如果连接到中心，忽视锚点、忽视控制点\n\n    var cfg = _super.prototype.getShapeCfg.call(this, model);\n\n    if (linkCenter) {\n      cfg.startPoint = self.getEndCenter('source');\n      cfg.endPoint = self.getEndCenter('target');\n    } else {\n      var controlPoints = cfg.controlPoints || self.getControlPointsByCenter(cfg);\n      cfg.startPoint = self.getLinkPoint('source', model, controlPoints);\n      cfg.endPoint = self.getLinkPoint('target', model, controlPoints);\n    }\n\n    cfg.sourceNode = self.get('sourceNode');\n    cfg.targetNode = self.get('targetNode');\n    return cfg;\n  };\n  /**\n   * 获取边的数据模型\n   */\n\n\n  Edge.prototype.getModel = function () {\n    var out = this.get('model');\n    var sourceItem = this.get(\"source\" + ITEM_NAME_SUFFIX);\n    var targetItem = this.get(\"target\" + ITEM_NAME_SUFFIX);\n\n    if (sourceItem) {\n      delete out[\"source\" + ITEM_NAME_SUFFIX];\n    } else {\n      out.source = this.get(\"start\" + POINT_NAME_SUFFIX);\n    }\n\n    if (targetItem) {\n      delete out[\"target\" + ITEM_NAME_SUFFIX];\n    } else {\n      out.target = this.get(\"end\" + POINT_NAME_SUFFIX);\n    }\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(out.source) && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isPlainObject\"])(out.source)) {\n      out.source = out.source.getID();\n    }\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(out.target) && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isPlainObject\"])(out.target)) {\n      out.target = out.target.getID();\n    }\n\n    return out;\n  };\n\n  Edge.prototype.setSource = function (source) {\n    this.setEnd('source', source);\n    this.set('source', source);\n  };\n\n  Edge.prototype.setTarget = function (target) {\n    this.setEnd('target', target);\n    this.set('target', target);\n  };\n\n  Edge.prototype.getSource = function () {\n    return this.get('source');\n  };\n\n  Edge.prototype.getTarget = function () {\n    return this.get('target');\n  };\n\n  Edge.prototype.updatePosition = function () {\n    return false;\n  };\n  /**\n   * 边不需要重计算容器位置，直接重新计算 path 位置\n   * @param {object} cfg 待更新数据\n   */\n\n\n  Edge.prototype.update = function (cfg, onlyMove) {\n    if (onlyMove === void 0) {\n      onlyMove = false;\n    }\n\n    var model = this.get('model');\n    var oriVisible = model.visible;\n    var cfgVisible = cfg.visible;\n    if (oriVisible !== cfgVisible && cfgVisible !== undefined) this.changeVisibility(cfgVisible);\n    var styles = this.get('styles');\n\n    if (cfg.stateStyles) {\n      // 更新 item 时更新 this.get('styles') 中的值\n      var stateStyles = cfg.stateStyles;\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(styles, stateStyles);\n      delete cfg.stateStyles;\n    }\n\n    Object.assign(model, cfg);\n    this.updateShape();\n    this.afterUpdate();\n    this.clearCache();\n  };\n\n  Edge.prototype.destroy = function () {\n    var sourceItem = this.get(\"source\" + ITEM_NAME_SUFFIX);\n    var targetItem = this.get(\"target\" + ITEM_NAME_SUFFIX);\n\n    if (sourceItem && !sourceItem.destroyed) {\n      sourceItem.removeEdge(this);\n    }\n\n    if (targetItem && !targetItem.destroyed) {\n      targetItem.removeEdge(this);\n    }\n\n    _super.prototype.destroy.call(this);\n  };\n\n  return Edge;\n}(_item__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Edge);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/edge.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/hull.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/hull.js ***!
+  \*************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_path_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/path-util */ \"./node_modules/_@antv_path-util@2.0.9@@antv/path-util/esm/index.js\");\n/* harmony import */ var _util_path__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util/path */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/path.js\");\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util/math */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _element_hull_convexHull__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../element/hull/convexHull */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/hull/convexHull.js\");\n/* harmony import */ var _element_hull_bubbleset__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../element/hull/bubbleset */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/hull/bubbleset.js\");\n\n\n\n\n\n\n\n/**\n * 用于包裹内部的成员的轮廓。\n * convex hull(凸包)：http://geomalgorithms.com/a10-_hull-1.html#Monotone%20Chain\n * bubble: 使用 bubbleset算法，refer: http://vialab.science.uoit.ca/wp-content/papercite-data/pdf/col2009c.pdf\n * 通过配置 padding 可以调节包裹轮廓对节点的松紧程度\n */\n\nvar Hull =\n/** @class */\nfunction () {\n  function Hull(graph, cfg) {\n    this.cfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])(this.getDefaultCfg(), cfg);\n    this.graph = graph;\n    this.id = this.cfg.id;\n    this.group = this.cfg.group;\n    this.members = this.cfg.members.map(function (item) {\n      return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? graph.findById(item) : item;\n    });\n    this.nonMembers = this.cfg.nonMembers.map(function (item) {\n      return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? graph.findById(item) : item;\n    });\n    this.setPadding();\n    this.setType();\n    this.path = this.calcPath(this.members, this.nonMembers);\n    this.render();\n  }\n\n  Hull.prototype.getDefaultCfg = function () {\n    return {\n      id: 'g6-hull',\n      type: 'round-convex',\n      members: [],\n      nonMembers: [],\n      style: {\n        fill: 'lightblue',\n        stroke: 'blue',\n        opacity: 0.2\n      },\n      padding: 10\n    };\n  };\n\n  Hull.prototype.setPadding = function () {\n    var nodeSize = this.members.length && this.members[0].getKeyShape().getCanvasBBox().width / 2;\n    this.padding = this.cfg.padding > 0 ? this.cfg.padding + nodeSize : 10 + nodeSize;\n    this.cfg.bubbleCfg = {\n      nodeR0: this.padding - nodeSize,\n      nodeR1: this.padding - nodeSize,\n      morphBuffer: this.padding - nodeSize\n    };\n  };\n\n  Hull.prototype.setType = function () {\n    this.type = this.cfg.type;\n\n    if (this.members.length < 3) {\n      this.type = 'round-convex';\n    }\n\n    if (this.type !== 'round-convex' && this.type !== 'smooth-convex' && this.type !== 'bubble') {\n      console.warn('The hull type should be either round-convex, smooth-convex or bubble, round-convex is used by default.');\n      this.type = 'round-convex';\n    }\n  };\n\n  Hull.prototype.calcPath = function (members, nonMembers) {\n    var contour, path, hull;\n\n    switch (this.type) {\n      case 'round-convex':\n        contour = Object(_element_hull_convexHull__WEBPACK_IMPORTED_MODULE_5__[\"genConvexHull\"])(members);\n        hull = Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"roundedHull\"])(contour.map(function (p) {\n          return [p.x, p.y];\n        }), this.padding);\n        path = Object(_antv_path_util__WEBPACK_IMPORTED_MODULE_2__[\"parsePathString\"])(hull);\n        break;\n\n      case 'smooth-convex':\n        contour = Object(_element_hull_convexHull__WEBPACK_IMPORTED_MODULE_5__[\"genConvexHull\"])(members);\n\n        if (contour.length === 2) {\n          hull = Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"roundedHull\"])(contour.map(function (p) {\n            return [p.x, p.y];\n          }), this.padding);\n          path = Object(_antv_path_util__WEBPACK_IMPORTED_MODULE_2__[\"parsePathString\"])(hull);\n        } else if (contour.length > 2) {\n          hull = Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"paddedHull\"])(contour.map(function (p) {\n            return [p.x, p.y];\n          }), this.padding);\n          path = Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"getClosedSpline\"])(hull);\n        }\n\n        break;\n\n      case 'bubble':\n        contour = Object(_element_hull_bubbleset__WEBPACK_IMPORTED_MODULE_6__[\"genBubbleSet\"])(members, nonMembers, this.cfg.bubbleCfg);\n        path = contour.length >= 2 && Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"getClosedSpline\"])(contour);\n        break;\n\n      default:\n    }\n\n    return path;\n  };\n\n  Hull.prototype.render = function () {\n    this.group.addShape('path', {\n      attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n        path: this.path\n      }, this.cfg.style),\n      id: this.id,\n      name: this.cfg.id\n    });\n    this.group.toBack();\n  };\n  /**\n   * 增加hull的成员，同时如果该成员原先在nonMembers中，则从nonMembers中去掉\n   * @param item 节点实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Hull.prototype.addMember = function (item) {\n    if (!item) return;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) item = this.graph.findById(item);\n    this.members.push(item);\n    var index = this.nonMembers.indexOf(item);\n\n    if (index > -1) {\n      this.nonMembers.splice(index, 1);\n    }\n\n    this.updateData(this.members, this.nonMembers);\n    return true;\n  };\n  /**\n   * 增加hull需要排除的节点，同时如果该成员原先在members中，则从members中去掉\n   * @param item 节点实例\n   * @return boolean 添加成功返回 true，否则返回 false\n   */\n\n\n  Hull.prototype.addNonMember = function (item) {\n    if (!item) return;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) item = this.graph.findById(item);\n    this.nonMembers.push(item);\n    var index = this.members.indexOf(item);\n\n    if (index > -1) {\n      this.members.splice(index, 1);\n    }\n\n    this.updateData(this.members, this.nonMembers);\n    return true;\n  };\n  /**\n   * 移除hull中的成员\n   * @param node 节点实例\n   * @return boolean 移除成功返回 true，否则返回 false\n   */\n\n\n  Hull.prototype.removeMember = function (item) {\n    if (!item) return;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) item = this.graph.findById(item);\n    var index = this.members.indexOf(item);\n\n    if (index > -1) {\n      this.members.splice(index, 1);\n      this.updateData(this.members, this.nonMembers);\n      return true;\n    }\n\n    return false;\n  };\n  /**\n   * @param node 节点实例\n   * @return boolean 移除成功返回 true，否则返回 false\n   */\n\n\n  Hull.prototype.removeNonMember = function (item) {\n    if (!item) return;\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) item = this.graph.findById(item);\n    var index = this.nonMembers.indexOf(item);\n\n    if (index > -1) {\n      this.nonMembers.splice(index, 1);\n      this.updateData(this.members, this.nonMembers);\n      return true;\n    }\n\n    return false;\n  };\n\n  Hull.prototype.updateData = function (members, nonMembers) {\n    var _this = this;\n\n    this.group.findById(this.id).remove();\n    if (members) this.members = members.map(function (item) {\n      return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? _this.graph.findById(item) : item;\n    });\n    if (nonMembers) this.nonMembers = nonMembers.map(function (item) {\n      return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? _this.graph.findById(item) : item;\n    });\n    this.path = this.calcPath(this.members, this.nonMembers);\n    this.render();\n  };\n\n  Hull.prototype.updateStyle = function (cfg) {\n    var path = this.group.findById(this.id);\n    path.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, cfg));\n  };\n  /**\n   * 更新 hull\n   * @param cfg hull 配置项\n   */\n\n\n  Hull.prototype.updateCfg = function (cfg) {\n    var _this = this;\n\n    this.cfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])(this.cfg, cfg);\n    this.id = this.cfg.id;\n    this.group = this.cfg.group;\n\n    if (cfg.members) {\n      this.members = this.cfg.members.map(function (item) {\n        return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? _this.graph.findById(item) : item;\n      });\n    }\n\n    if (cfg.nonMembers) {\n      this.nonMembers = this.cfg.nonMembers.map(function (item) {\n        return Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item) ? _this.graph.findById(item) : item;\n      });\n    } // TODO padding 设置太大，会影响到 contain 结果\n\n\n    this.setPadding();\n    this.setType();\n    this.path = this.calcPath(this.members, this.nonMembers);\n    this.render();\n  };\n  /**\n   * 判断是否在hull内部\n   * @param item\n   */\n\n\n  Hull.prototype.contain = function (item) {\n    var _this = this;\n\n    var nodeItem;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(item)) {\n      nodeItem = this.graph.findById(item);\n    } else {\n      nodeItem = item;\n    }\n\n    var shapePoints;\n    var shape = nodeItem.getKeyShape();\n\n    if (nodeItem.get('type') === 'path') {\n      shapePoints = Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"pathToPoints\"])(shape.attr('path'));\n    } else {\n      var shapeBBox = shape.getCanvasBBox();\n      shapePoints = [[shapeBBox.minX, shapeBBox.minY], [shapeBBox.maxX, shapeBBox.minY], [shapeBBox.maxX, shapeBBox.maxY], [shapeBBox.minX, shapeBBox.maxY]];\n    }\n\n    shapePoints = shapePoints.map(function (canvasPoint) {\n      var point = _this.graph.getPointByCanvas(canvasPoint[0], canvasPoint[1]);\n\n      return [point.x, point.y];\n    });\n    return Object(_util_math__WEBPACK_IMPORTED_MODULE_4__[\"isPolygonsIntersect\"])(shapePoints, Object(_util_path__WEBPACK_IMPORTED_MODULE_3__[\"pathToPoints\"])(this.path));\n  };\n\n  Hull.prototype.destroy = function () {\n    this.group.remove();\n    this.cfg = null;\n  };\n\n  return Hull;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Hull);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/hull.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/item.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/item.js ***!
+  \*************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _element_shape__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../element/shape */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/element/shape.js\");\n/* harmony import */ var _util_graphic__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util/graphic */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js\");\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util/math */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _util_base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util/base */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/base.js\");\n\n\n\n\n\n\nvar CACHE_BBOX = 'bboxCache';\nvar CACHE_CANVAS_BBOX = 'bboxCanvasCache';\nvar ARROWS = ['startArrow', 'endArrow'];\n\nvar ItemBase =\n/** @class */\nfunction () {\n  function ItemBase(cfg) {\n    this._cfg = {};\n    this.destroyed = false;\n    var defaultCfg = {\n      /**\n       * id\n       * @type {string}\n       */\n      id: undefined,\n\n      /**\n       * 类型\n       * @type {string}\n       */\n      type: 'item',\n\n      /**\n       * data model\n       * @type {object}\n       */\n      model: {},\n\n      /**\n       * g group\n       * @type {G.Group}\n       */\n      group: undefined,\n\n      /**\n       * is open animate\n       * @type {boolean}\n       */\n      animate: false,\n\n      /**\n       * visible - not group visible\n       * @type {boolean}\n       */\n      visible: true,\n\n      /**\n       * locked - lock node\n       * @type {boolean}\n       */\n      locked: false,\n\n      /**\n       * capture event\n       * @type {boolean}\n       */\n      event: true,\n\n      /**\n       * key shape to calculate item's bbox\n       * @type object\n       */\n      keyShape: undefined,\n\n      /**\n       * item's states, such as selected or active\n       * @type Array\n       */\n      states: []\n    };\n    this._cfg = Object.assign(defaultCfg, this.getDefaultCfg(), cfg);\n    var model = this.get('model');\n    var id = model.id;\n    var itemType = this.get('type');\n\n    if (!id) {\n      id = Object(_util_base__WEBPACK_IMPORTED_MODULE_5__[\"uniqueId\"])(itemType);\n      this.get('model').id = id;\n    }\n\n    this.set('id', id);\n    var group = cfg.group;\n\n    if (group) {\n      group.set('item', this);\n      group.set('id', id);\n    }\n\n    this.init();\n    this.draw();\n    var shapeType = model.shape || model.type || (itemType === 'edge' ? 'line' : 'circle');\n    var shapeFactory = this.get('shapeFactory');\n\n    if (shapeFactory && shapeFactory[shapeType]) {\n      var options = shapeFactory[shapeType].options; // merge the stateStyles from item and shape\n\n      if (options && options.stateStyles) {\n        var styles = this.get('styles') || model.stateStyles;\n        styles = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, options.stateStyles, styles);\n        this.set('styles', styles);\n      }\n    }\n  }\n  /**\n   * 根据 keyshape 计算包围盒\n   */\n\n\n  ItemBase.prototype.calculateBBox = function () {\n    var keyShape = this.get('keyShape');\n    var group = this.get('group'); // 因为 group 可能会移动，所以必须通过父元素计算才能计算出正确的包围盒\n\n    var bbox = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_3__[\"getBBox\"])(keyShape, group);\n    bbox.x = bbox.minX;\n    bbox.y = bbox.minY;\n    bbox.width = bbox.maxX - bbox.minX;\n    bbox.height = bbox.maxY - bbox.minY;\n    bbox.centerX = (bbox.minX + bbox.maxX) / 2;\n    bbox.centerY = (bbox.minY + bbox.maxY) / 2;\n    return bbox;\n  };\n  /**\n   * 根据 keyshape 计算包围盒\n   */\n\n\n  ItemBase.prototype.calculateCanvasBBox = function () {\n    var keyShape = this.get('keyShape');\n    var group = this.get('group'); // 因为 group 可能会移动，所以必须通过父元素计算才能计算出正确的包围盒\n\n    var bbox = Object(_util_graphic__WEBPACK_IMPORTED_MODULE_3__[\"getBBox\"])(keyShape, group);\n    bbox.x = bbox.minX;\n    bbox.y = bbox.minY;\n    bbox.width = bbox.maxX - bbox.minX;\n    bbox.height = bbox.maxY - bbox.minY;\n    bbox.centerX = (bbox.minX + bbox.maxX) / 2;\n    bbox.centerY = (bbox.minY + bbox.maxY) / 2;\n    return bbox;\n  };\n  /**\n   * draw shape\n   */\n\n\n  ItemBase.prototype.drawInner = function () {\n    var self = this;\n    var shapeFactory = self.get('shapeFactory');\n    var group = self.get('group');\n    var model = self.get('model');\n    group.clear();\n    var visible = model.visible;\n    if (visible !== undefined && !visible) self.changeVisibility(visible);\n\n    if (!shapeFactory) {\n      return;\n    }\n\n    self.updatePosition(model);\n    var cfg = self.getShapeCfg(model); // 可能会附加额外信息\n\n    var shapeType = cfg.type;\n    var keyShape = shapeFactory.draw(shapeType, cfg, group);\n\n    if (keyShape) {\n      self.set('keyShape', keyShape);\n      keyShape.set('isKeyShape', true);\n      keyShape.set('draggable', true);\n    }\n\n    this.setOriginStyle(); // 防止由于用户外部修改 model 中的 shape 导致 shape 不更新\n\n    this.set('currentShape', shapeType);\n    this.restoreStates(shapeFactory, shapeType);\n  };\n  /**\n   * 设置图元素原始样式\n   * @param keyShape 图元素 keyShape\n   * @param group Group 容器\n   */\n\n\n  ItemBase.prototype.setOriginStyle = function (cfg) {\n    var group = this.get('group');\n    var children = group.get('children');\n    var keyShape = this.getKeyShape();\n    var self = this;\n    var keyShapeName = keyShape.get('name');\n\n    if (!this.get('originStyle')) {\n      // 第一次 set originStyle，直接拿首次渲染所有图形的 attrs\n      var originStyles_1 = {};\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(children, function (child) {\n        var shapeType = child.get('type');\n        var name = child.get('name');\n\n        if (name && name !== keyShapeName) {\n          originStyles_1[name] = shapeType !== 'image' ? Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(child.attr()) : self.getShapeStyleByName(name);\n        } else {\n          // !name || name === keyShape\n          var keyShapeStyle = self.getShapeStyleByName(); // 可优化，需要去除 child.attr 中其他 shape 名的对象\n\n          if (keyShapeStyle.path) delete keyShapeStyle.path;\n          if (keyShapeStyle.matrix) delete keyShapeStyle.matrix;\n\n          if (!keyShapeName) {\n            Object.assign(originStyles_1, keyShapeStyle);\n          } else {\n            // 若 keyShape 有 name 且 !name，这个图形不是 keyShape，给这个图形一个 name\n            if (!name) {\n              var shapeName = Object(_util_base__WEBPACK_IMPORTED_MODULE_5__[\"uniqueId\"])('shape');\n              child.set('name', shapeName);\n              originStyles_1[shapeName] = shapeType !== 'image' ? Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(child.attr()) : self.getShapeStyleByName(name);\n            } else originStyles_1[keyShapeName] = keyShapeStyle;\n          }\n        }\n      });\n      self.set('originStyle', originStyles_1);\n    } else {\n      // 第二次 set originStyles，需要找到不是 stateStyles 的样式，更新到 originStyles 中\n      // 上一次设置的 originStyle，是初始的 shape attrs\n      var styles_1 = this.getOriginStyle(); // let styles: ShapeStyle = {};\n\n      if (keyShapeName && !styles_1[keyShapeName]) styles_1[keyShapeName] = {}; // 获取当前状态样式\n\n      var currentStatesStyle_1 = this.getCurrentStatesStyle(); // 遍历当前所有图形的 attrs，找到不是 stateStyles 的样式更新到 originStyles 中\n\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(children, function (child) {\n        var name = child.get('name');\n        var shapeAttrs = child.attr();\n\n        if (name && name !== keyShapeName) {\n          // 有 name 的非 keyShape 图形\n          var shapeStateStyle_1 = currentStatesStyle_1[name];\n          if (!styles_1[name]) styles_1[name] = {};\n\n          if (shapeStateStyle_1) {\n            Object.keys(shapeAttrs).forEach(function (key) {\n              var value = shapeAttrs[key];\n              if (value !== shapeStateStyle_1[key]) styles_1[name][key] = value;\n            });\n          } else {\n            styles_1[name] = child.get('type') !== 'image' ? Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(shapeAttrs) : self.getShapeStyleByName(name);\n          }\n        } else {\n          var shapeAttrs_1 = child.attr();\n\n          var keyShapeStateStyles_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, currentStatesStyle_1), currentStatesStyle_1[keyShapeName]);\n\n          Object.keys(shapeAttrs_1).forEach(function (key) {\n            var value = shapeAttrs_1[key]; // 如果是对象且不是 arrow，则是其他 shape 的样式\n            // if (isPlainObject(value) && ARROWS.indexOf(name) === -1) return;\n\n            if (keyShapeStateStyles_1[key] !== value) {\n              if (keyShapeName) styles_1[keyShapeName][key] = value;else styles_1[key] = value;\n            }\n          });\n        }\n      });\n      if (styles_1.path) delete styles_1.path;\n      if (styles_1.matrix) delete styles_1.matrix;\n      if (styles_1.x) delete styles_1.x;\n      if (styles_1.y) delete styles_1.y;\n      if (styles_1[keyShapeName] && styles_1[keyShapeName].x) delete styles_1[keyShapeName].x;\n      if (styles_1[keyShapeName] && styles_1[keyShapeName].y) delete styles_1[keyShapeName].y;\n      self.set('originStyle', styles_1);\n    }\n  };\n  /**\n   * restore shape states\n   * @param shapeFactory\n   * @param shapeType\n   */\n\n\n  ItemBase.prototype.restoreStates = function (shapeFactory, shapeType) {\n    var self = this;\n    var states = self.get('states');\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(states, function (state) {\n      shapeFactory.setState(shapeType, state, true, self);\n    });\n  };\n\n  ItemBase.prototype.init = function () {\n    var shapeFactory = _element_shape__WEBPACK_IMPORTED_MODULE_2__[\"default\"].getFactory(this.get('type'));\n    this.set('shapeFactory', shapeFactory);\n  };\n  /**\n   * 获取属性\n   * @internal 仅内部类使用\n   * @param  {String} key 属性名\n   * @return {object | string | number} 属性值\n   */\n\n\n  ItemBase.prototype.get = function (key) {\n    return this._cfg[key];\n  };\n  /**\n   * 设置属性\n   * @internal 仅内部类使用\n   * @param {String|Object} key 属性名，也可以是对象\n   * @param {object | string | number} val 属性值\n   */\n\n\n  ItemBase.prototype.set = function (key, val) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isPlainObject\"])(key)) {\n      this._cfg = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, this._cfg), key);\n    } else {\n      this._cfg[key] = val;\n    }\n  };\n\n  ItemBase.prototype.getDefaultCfg = function () {\n    return {};\n  };\n  /**\n   * 更新/刷新等操作后，清除 cache\n   */\n\n\n  ItemBase.prototype.clearCache = function () {\n    this.set(CACHE_BBOX, null);\n    this.set(CACHE_CANVAS_BBOX, null);\n  };\n  /**\n   * 渲染前的逻辑，提供给子类复写\n   */\n\n\n  ItemBase.prototype.beforeDraw = function () {};\n  /**\n   * 渲染后的逻辑，提供给子类复写\n   */\n\n\n  ItemBase.prototype.afterDraw = function () {};\n  /**\n   * 更新后做一些工作\n   */\n\n\n  ItemBase.prototype.afterUpdate = function () {};\n  /**\n   * draw shape\n   */\n\n\n  ItemBase.prototype.draw = function () {\n    this.beforeDraw();\n    this.drawInner();\n    this.afterDraw();\n  };\n\n  ItemBase.prototype.getShapeStyleByName = function (name) {\n    var group = this.get('group');\n    var currentShape;\n\n    if (name) {\n      currentShape = group.find(function (element) {\n        return element.get('name') === name;\n      });\n    } else {\n      currentShape = this.getKeyShape();\n    }\n\n    if (currentShape) {\n      var styles_2 = {};\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(currentShape.attr(), function (val, key) {\n        // 修改 img 通过 updateItem 实现\n        if (key !== 'img') {\n          styles_2[key] = val;\n        }\n      });\n      return styles_2;\n    }\n\n    return {};\n  };\n\n  ItemBase.prototype.getShapeCfg = function (model) {\n    var styles = this.get('styles');\n\n    if (styles) {\n      // merge graph的item样式与数据模型中的样式\n      var newModel = model;\n      newModel.style = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), model.style);\n      return newModel;\n    }\n\n    return model;\n  };\n  /**\n   * 获取指定状态的样式，去除了全局样式\n   * @param state 状态名称\n   */\n\n\n  ItemBase.prototype.getStateStyle = function (state) {\n    var styles = this.get('styles');\n    var stateStyle = styles && styles[state];\n    return stateStyle;\n  };\n  /**\n   * get keyshape style\n   */\n\n\n  ItemBase.prototype.getOriginStyle = function () {\n    return this.get('originStyle');\n  };\n\n  ItemBase.prototype.getCurrentStatesStyle = function () {\n    var self = this;\n    var styles = {};\n    var states = self.getStates();\n\n    if (!states || !states.length) {\n      return this.getOriginStyle();\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(self.getStates(), function (state) {\n      styles = Object.assign(styles, self.getStateStyle(state));\n    });\n    return styles;\n  };\n  /**\n   * 更改元素状态， visible 不属于这个范畴\n   * @internal 仅提供内部类 graph 使用\n   * @param {String} state 状态名\n   * @param {Boolean} value 节点状态值\n   */\n\n\n  ItemBase.prototype.setState = function (state, value) {\n    var states = this.get('states');\n    var shapeFactory = this.get('shapeFactory');\n    var stateName = state;\n    var filterStateName = state;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(value)) {\n      stateName = state + \":\" + value;\n      filterStateName = state + \":\";\n    }\n\n    var newStates = states;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isBoolean\"])(value)) {\n      var index = states.indexOf(filterStateName);\n\n      if (value) {\n        if (index > -1) {\n          return;\n        }\n\n        states.push(stateName);\n      } else if (index > -1) {\n        states.splice(index, 1);\n      }\n    } else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(value)) {\n      // 过滤掉 states 中 filterStateName 相关的状态\n      var filterStates = states.filter(function (name) {\n        return name.includes(filterStateName);\n      });\n\n      if (filterStates.length > 0) {\n        this.clearStates(filterStates);\n      }\n\n      newStates = newStates.filter(function (name) {\n        return !name.includes(filterStateName);\n      });\n      newStates.push(stateName);\n      this.set('states', newStates);\n    }\n\n    if (shapeFactory) {\n      var model = this.get('model');\n      var type = model.type; // 调用 shape/shape.ts 中的 setState\n\n      shapeFactory.setState(type, state, value, this);\n    }\n  };\n  /**\n   * 清除指定的状态，如果参数为空，则不做任务处理\n   * @param states 状态名称\n   */\n\n\n  ItemBase.prototype.clearStates = function (states) {\n    var self = this;\n    var originStates = self.getStates();\n    var shapeFactory = self.get('shapeFactory');\n    var model = self.get('model');\n    var shape = model.type;\n\n    if (!states) {\n      states = originStates;\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(states)) {\n      states = [states];\n    }\n\n    var newStates = originStates.filter(function (state) {\n      return states.indexOf(state) === -1;\n    });\n    self.set('states', newStates);\n    states.forEach(function (state) {\n      shapeFactory.setState(shape, state, false, self);\n    });\n  };\n  /**\n   * 节点的图形容器\n   * @return {G.Group} 图形容器\n   */\n\n\n  ItemBase.prototype.getContainer = function () {\n    return this.get('group');\n  };\n  /**\n   * 节点的关键形状，用于计算节点大小，连线截距等\n   * @return {IShapeBase} 关键形状\n   */\n\n\n  ItemBase.prototype.getKeyShape = function () {\n    return this.get('keyShape');\n  };\n  /**\n   * 节点数据模型\n   * @return {Object} 数据模型\n   */\n\n\n  ItemBase.prototype.getModel = function () {\n    return this.get('model');\n  };\n  /**\n   * 节点类型\n   * @return {string} 节点的类型\n   */\n\n\n  ItemBase.prototype.getType = function () {\n    return this.get('type');\n  };\n  /**\n   * 获取 Item 的ID\n   */\n\n\n  ItemBase.prototype.getID = function () {\n    return this.get('id');\n  };\n  /**\n   * 是否是 Item 对象，悬空边情况下进行判定\n   */\n\n\n  ItemBase.prototype.isItem = function () {\n    return true;\n  };\n  /**\n   * 获取当前元素的所有状态\n   * @return {Array} 元素的所有状态\n   */\n\n\n  ItemBase.prototype.getStates = function () {\n    return this.get('states');\n  };\n  /**\n   * 当前元素是否处于某状态\n   * @param {String} state 状态名\n   * @return {Boolean} 是否处于某状态\n   */\n\n\n  ItemBase.prototype.hasState = function (state) {\n    var states = this.getStates();\n    return states.indexOf(state) >= 0;\n  };\n  /**\n   * 刷新一般用于处理几种情况\n   * 1. item model 在外部被改变\n   * 2. 边的节点位置发生改变，需要重新计算边\n   *\n   * 因为数据从外部被修改无法判断一些属性是否被修改，直接走位置和 shape 的更新\n   */\n\n\n  ItemBase.prototype.refresh = function () {\n    var model = this.get('model'); // 更新元素位置\n\n    this.updatePosition(model); // 更新元素内容，样式\n\n    this.updateShape(); // 做一些更新之后的操作\n\n    this.afterUpdate(); // 清除缓存\n\n    this.clearCache();\n  };\n\n  ItemBase.prototype.isOnlyMove = function (cfg) {\n    return false;\n  };\n  /**\n   * 将更新应用到 model 上，刷新属性\n   * @internal 仅提供给 Graph 使用，外部直接调用 graph.update 接口\n   * @param  {Object} cfg       配置项，可以是增量信息\n   */\n\n\n  ItemBase.prototype.update = function (cfg, onlyMove) {\n    if (onlyMove === void 0) {\n      onlyMove = false;\n    }\n\n    var model = this.get('model');\n    var oriVisible = model.visible;\n    var cfgVisible = cfg.visible;\n    if (oriVisible !== cfgVisible && cfgVisible !== undefined) this.changeVisibility(cfgVisible);\n    var originPosition = {\n      x: model.x,\n      y: model.y\n    };\n    cfg.x = isNaN(cfg.x) ? model.x : cfg.x;\n    cfg.y = isNaN(cfg.y) ? model.y : cfg.y;\n    var styles = this.get('styles');\n\n    if (cfg.stateStyles) {\n      // 更新 item 时更新 this.get('styles') 中的值\n      var stateStyles = cfg.stateStyles;\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(styles, stateStyles);\n      delete cfg.stateStyles;\n    } // 直接将更新合到原数据模型上，可以保证用户在外部修改源数据然后刷新时的样式符合期待。\n\n\n    Object.assign(model, cfg); // isOnlyMove 仅用于node\n    // const onlyMove = this.isOnlyMove(cfg);\n    // 仅仅移动位置时，既不更新，也不重绘\n\n    if (onlyMove) {\n      this.updatePosition(cfg);\n    } else {\n      // 如果 x,y 有变化，先重置位置\n      if (originPosition.x !== cfg.x || originPosition.y !== cfg.y) {\n        this.updatePosition(cfg);\n      }\n\n      this.updateShape();\n    }\n\n    this.afterUpdate();\n    this.clearCache();\n  };\n  /**\n   * 更新元素内容，样式\n   */\n\n\n  ItemBase.prototype.updateShape = function () {\n    var shapeFactory = this.get('shapeFactory');\n    var model = this.get('model');\n    var shape = model.type; // 判定是否允许更新\n    // 1. 注册的节点允许更新\n    // 2. 更新后的 shape 等于原先的 shape\n\n    if (shapeFactory.shouldUpdate(shape) && shape === this.get('currentShape')) {\n      var updateCfg = this.getShapeCfg(model);\n      shapeFactory.baseUpdate(shape, updateCfg, this);\n    } else {\n      // 如果不满足上面两种状态，重新绘制\n      this.draw();\n    } // 更新完以后重新设置原始样式\n\n\n    this.setOriginStyle(model); // 更新后重置节点状态\n\n    this.restoreStates(shapeFactory, shape);\n  };\n  /**\n   * 更新位置，避免整体重绘\n   * @param {object} cfg 待更新数据\n   */\n\n\n  ItemBase.prototype.updatePosition = function (cfg) {\n    var model = this.get('model');\n    var x = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(cfg.x) ? model.x : cfg.x;\n    var y = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(cfg.y) ? model.y : cfg.y;\n    var group = this.get('group');\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(x) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(y)) {\n      return false;\n    }\n\n    model.x = x;\n    model.y = y;\n    var matrix = group.getMatrix();\n    if (matrix && matrix[6] === x && matrix[7] === y) return false;\n    group.resetMatrix(); // G 4.0 element 中移除了矩阵相关方法，详见https://www.yuque.com/antv/blog/kxzk9g#4rMMV\n\n    Object(_util_math__WEBPACK_IMPORTED_MODULE_4__[\"translate\"])(group, {\n      x: x,\n      y: y\n    });\n    this.clearCache(); // 位置更新后需要清除缓存\n\n    return true;\n  };\n  /**\n   * 获取 item 的包围盒，这个包围盒是相对于 item 自己，不会将 matrix 计算在内\n   * @return {Object} 包含 x,y,width,height, centerX, centerY\n   */\n\n\n  ItemBase.prototype.getBBox = function () {\n    // 计算 bbox 开销有些大，缓存\n    var bbox = this.get(CACHE_BBOX);\n\n    if (!bbox) {\n      bbox = this.calculateBBox();\n      this.set(CACHE_BBOX, bbox);\n    }\n\n    return bbox;\n  };\n  /**\n   * 获取 item 相对于画布的包围盒，会将从顶层到当前元素的 matrix 都计算在内\n   * @return {Object} 包含 x,y,width,height, centerX, centerY\n   */\n\n\n  ItemBase.prototype.getCanvasBBox = function () {\n    // 计算 bbox 开销有些大，缓存\n    var bbox = this.get(CACHE_CANVAS_BBOX);\n\n    if (!bbox) {\n      bbox = this.calculateCanvasBBox();\n      this.set(CACHE_CANVAS_BBOX, bbox);\n    }\n\n    return bbox;\n  };\n  /**\n   * 将元素放到最前面\n   */\n\n\n  ItemBase.prototype.toFront = function () {\n    var group = this.get('group');\n    group.toFront();\n  };\n  /**\n   * 将元素放到最后面\n   */\n\n\n  ItemBase.prototype.toBack = function () {\n    var group = this.get('group');\n    group.toBack();\n  };\n  /**\n   * 显示元素\n   */\n\n\n  ItemBase.prototype.show = function () {\n    this.changeVisibility(true);\n  };\n  /**\n   * 隐藏元素\n   */\n\n\n  ItemBase.prototype.hide = function () {\n    this.changeVisibility(false);\n  };\n  /**\n   * 更改是否显示\n   * @param  {Boolean} visible 是否显示\n   */\n\n\n  ItemBase.prototype.changeVisibility = function (visible) {\n    var group = this.get('group');\n\n    if (visible) {\n      group.show();\n    } else {\n      group.hide();\n    }\n\n    this.set('visible', visible);\n  };\n  /**\n   * 元素是否可见\n   * @return {Boolean} 返回该元素是否可见\n   */\n\n\n  ItemBase.prototype.isVisible = function () {\n    return this.get('visible');\n  };\n  /**\n   * 是否拾取及出发该元素的交互事件\n   * @param {Boolean} enable 标识位\n   */\n\n\n  ItemBase.prototype.enableCapture = function (enable) {\n    var group = this.get('group');\n\n    if (group) {\n      group.set('capture', enable);\n    }\n  };\n\n  ItemBase.prototype.destroy = function () {\n    if (!this.destroyed) {\n      var animate = this.get('animate');\n      var group = this.get('group');\n\n      if (animate) {\n        group.stopAnimate();\n      }\n\n      this.clearCache();\n      group.remove();\n      this._cfg = null;\n      this.destroyed = true;\n    }\n  };\n\n  return ItemBase;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ItemBase);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/item.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/node.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/node.js ***!
+  \*************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/math */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./item */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/item.js\");\n\n\n\n\nvar CACHE_ANCHOR_POINTS = 'anchorPointsCache';\nvar CACHE_BBOX = 'bboxCache';\n\nvar Node =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(Node, _super);\n\n  function Node() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Node.prototype.getNearestPoint = function (points, curPoint) {\n    var index = 0;\n    var nearestPoint = points[0];\n    var minDistance = Object(_util_math__WEBPACK_IMPORTED_MODULE_2__[\"distance\"])(points[0], curPoint);\n\n    for (var i = 0; i < points.length; i++) {\n      var point = points[i];\n      var dis = Object(_util_math__WEBPACK_IMPORTED_MODULE_2__[\"distance\"])(point, curPoint);\n\n      if (dis < minDistance) {\n        nearestPoint = point;\n        minDistance = dis;\n        index = i;\n      }\n    }\n\n    nearestPoint.anchorIndex = index;\n    return nearestPoint;\n  };\n\n  Node.prototype.getDefaultCfg = function () {\n    return {\n      type: 'node',\n      edges: []\n    };\n  };\n  /**\n   * 获取从节点关联的所有边\n   */\n\n\n  Node.prototype.getEdges = function () {\n    return this.get('edges');\n  };\n  /**\n   * 获取所有的入边\n   */\n\n\n  Node.prototype.getInEdges = function () {\n    var self = this;\n    return this.get('edges').filter(function (edge) {\n      return edge.get('target') === self;\n    });\n  };\n  /**\n   * 获取所有的出边\n   */\n\n\n  Node.prototype.getOutEdges = function () {\n    var self = this;\n    return this.get('edges').filter(function (edge) {\n      return edge.get('source') === self;\n    });\n  };\n  /**\n   * 获取节点的邻居节点\n   *\n   * @returns {INode[]}\n   * @memberof Node\n   */\n\n\n  Node.prototype.getNeighbors = function (type) {\n    var _this = this;\n\n    var edges = this.get('edges');\n\n    if (type === 'target') {\n      // 当前节点为 source，它所指向的目标节点\n      var neighhborsConverter_1 = function neighhborsConverter_1(edge) {\n        return edge.getSource() === _this;\n      };\n\n      return edges.filter(neighhborsConverter_1).map(function (edge) {\n        return edge.getTarget();\n      });\n    }\n\n    if (type === 'source') {\n      // 当前节点为 target，它所指向的源节点\n      var neighhborsConverter_2 = function neighhborsConverter_2(edge) {\n        return edge.getTarget() === _this;\n      };\n\n      return edges.filter(neighhborsConverter_2).map(function (edge) {\n        return edge.getSource();\n      });\n    } // 若未指定 type ，则返回所有邻居\n\n\n    var neighhborsConverter = function neighhborsConverter(edge) {\n      return edge.getSource() === _this ? edge.getTarget() : edge.getSource();\n    };\n\n    return edges.map(neighhborsConverter);\n  };\n  /**\n   * 根据锚点的索引获取连接点\n   * @param  {Number} index 索引\n   */\n\n\n  Node.prototype.getLinkPointByAnchor = function (index) {\n    var anchorPoints = this.getAnchorPoints();\n    return anchorPoints[index];\n  };\n  /**\n   * 获取连接点\n   * @param point\n   */\n\n\n  Node.prototype.getLinkPoint = function (point) {\n    var keyShape = this.get('keyShape');\n    var type = keyShape.get('type');\n    var itemType = this.get('type');\n    var centerX;\n    var centerY;\n    var bbox = this.getBBox();\n\n    if (itemType === 'combo') {\n      centerX = bbox.centerX || (bbox.maxX + bbox.minX) / 2;\n      centerY = bbox.centerY || (bbox.maxY + bbox.minY) / 2;\n    } else {\n      centerX = bbox.centerX;\n      centerY = bbox.centerY;\n    }\n\n    var anchorPoints = this.getAnchorPoints();\n    var intersectPoint;\n\n    switch (type) {\n      case 'circle':\n        intersectPoint = Object(_util_math__WEBPACK_IMPORTED_MODULE_2__[\"getCircleIntersectByPoint\"])({\n          x: centerX,\n          y: centerY,\n          r: bbox.width / 2\n        }, point);\n        break;\n\n      case 'ellipse':\n        intersectPoint = Object(_util_math__WEBPACK_IMPORTED_MODULE_2__[\"getEllipseIntersectByPoint\"])({\n          x: centerX,\n          y: centerY,\n          rx: bbox.width / 2,\n          ry: bbox.height / 2\n        }, point);\n        break;\n\n      default:\n        intersectPoint = Object(_util_math__WEBPACK_IMPORTED_MODULE_2__[\"getRectIntersectByPoint\"])(bbox, point);\n    }\n\n    var linkPoint = intersectPoint; // 如果存在锚点，则使用交点计算最近的锚点\n\n    if (anchorPoints.length) {\n      if (!linkPoint) {\n        // 如果计算不出交点\n        linkPoint = point;\n      }\n\n      linkPoint = this.getNearestPoint(anchorPoints, linkPoint);\n    }\n\n    if (!linkPoint) {\n      // 如果最终依然没法找到锚点和连接点，直接返回中心点\n      linkPoint = {\n        x: centerX,\n        y: centerY\n      };\n    }\n\n    return linkPoint;\n  };\n  /**\n   * 获取锚点的定义\n   * @return {array} anchorPoints\n   */\n\n\n  Node.prototype.getAnchorPoints = function () {\n    var anchorPoints = this.get(CACHE_ANCHOR_POINTS);\n\n    if (!anchorPoints) {\n      anchorPoints = [];\n      var shapeFactory = this.get('shapeFactory');\n      var bbox_1 = this.getBBox();\n      var model = this.get('model');\n      var shapeCfg = this.getShapeCfg(model);\n      var type = model.type;\n      var points = shapeFactory.getAnchorPoints(type, shapeCfg) || [];\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(points, function (pointArr, index) {\n        var point = {\n          x: bbox_1.minX + pointArr[0] * bbox_1.width,\n          y: bbox_1.minY + pointArr[1] * bbox_1.height,\n          anchorIndex: index\n        };\n        anchorPoints.push(point);\n      });\n      this.set(CACHE_ANCHOR_POINTS, anchorPoints);\n    }\n\n    return anchorPoints;\n  };\n  /**\n   * add edge\n   * @param edge Edge instance\n   */\n\n\n  Node.prototype.addEdge = function (edge) {\n    this.get('edges').push(edge);\n  };\n  /**\n   * 锁定节点\n   */\n\n\n  Node.prototype.lock = function () {\n    this.set('locked', true);\n  };\n  /**\n   * 解锁锁定的节点\n   */\n\n\n  Node.prototype.unlock = function () {\n    this.set('locked', false);\n  };\n\n  Node.prototype.hasLocked = function () {\n    return this.get('locked');\n  };\n  /**\n   * 移除边\n   * @param {Edge} edge 边\n   */\n\n\n  Node.prototype.removeEdge = function (edge) {\n    var edges = this.getEdges();\n    var index = edges.indexOf(edge);\n\n    if (index > -1) {\n      edges.splice(index, 1);\n    }\n  };\n\n  Node.prototype.clearCache = function () {\n    this.set(CACHE_BBOX, null); // 清理缓存的 bbox\n\n    this.set(CACHE_ANCHOR_POINTS, null);\n  };\n  /**\n   * 是否仅仅移动节点，其他属性没变化\n   * @param cfg 节点数据模型\n   */\n\n\n  Node.prototype.isOnlyMove = function (cfg) {\n    if (!cfg) {\n      return false;\n    }\n\n    var existX = !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(cfg.x);\n    var existY = !Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(cfg.y);\n    var keys = Object.keys(cfg); // 仅有一个字段，包含 x 或者 包含 y\n    // 两个字段，同时有 x，同时有 y\n\n    return keys.length === 1 && (existX || existY) || keys.length === 2 && existX && existY;\n  };\n\n  return Node;\n}(_item__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Node);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/item/node.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/types/index.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/types/index.js ***!
+  \***************************************************************************/
+/*! exports provided: G6GraphEvent, G6Event */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"G6Event\", function() { return G6Event; });\n/* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../interface */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return _interface__WEBPACK_IMPORTED_MODULE_0__[\"G6GraphEvent\"]; });\n\n // Behavior type file\n\nvar G6Event;\n\n(function (G6Event) {\n  // common events\n  G6Event[\"CLICK\"] = \"click\";\n  G6Event[\"DBLCLICK\"] = \"dblclick\";\n  G6Event[\"MOUSEDOWN\"] = \"mousedown\";\n  G6Event[\"MOUDEUP\"] = \"mouseup\";\n  G6Event[\"CONTEXTMENU\"] = \"contextmenu\";\n  G6Event[\"MOUSEENTER\"] = \"mouseenter\";\n  G6Event[\"MOUSEOUT\"] = \"mouseout\";\n  G6Event[\"MOUSEOVER\"] = \"mouseover\";\n  G6Event[\"MOUSEMOVE\"] = \"mousemove\";\n  G6Event[\"MOUSELEAVE\"] = \"mouseleave\";\n  G6Event[\"DRAGSTART\"] = \"dragstart\";\n  G6Event[\"DRAGEND\"] = \"dragend\";\n  G6Event[\"DRAG\"] = \"drag\";\n  G6Event[\"DRAGENTER\"] = \"dragenter\";\n  G6Event[\"DRAGLEAVE\"] = \"dragleave\";\n  G6Event[\"DRAGOVER\"] = \"dragover\";\n  G6Event[\"DRAGOUT\"] = \"dragout\";\n  G6Event[\"DDROP\"] = \"drop\";\n  G6Event[\"KEYUP\"] = \"keyup\";\n  G6Event[\"KEYDOWN\"] = \"keydown\";\n  G6Event[\"WHEEL\"] = \"wheel\";\n  G6Event[\"FOCUS\"] = \"focus\";\n  G6Event[\"BLUR\"] = \"blur\"; // touch events\n\n  G6Event[\"TOUCHSTART\"] = \"touchstart\";\n  G6Event[\"TOUCHMOVE\"] = \"touchmove\";\n  G6Event[\"TOUCHEND\"] = \"touchend\"; // node events\n\n  G6Event[\"NODE_CONTEXTMENU\"] = \"node:contextmenu\";\n  G6Event[\"NODE_CLICK\"] = \"node:click\";\n  G6Event[\"NODE_DBLCLICK\"] = \"node:dblclick\";\n  G6Event[\"NODE_MOUSEDOWN\"] = \"node:mousedown\";\n  G6Event[\"NODE_MOUSEUP\"] = \"node:mouseup\";\n  G6Event[\"NODE_MOUSEENTER\"] = \"node:mouseenter\";\n  G6Event[\"NODE_MOUSELEAVE\"] = \"node:mouseleave\";\n  G6Event[\"NODE_MOUSEMOVE\"] = \"node:mousemove\";\n  G6Event[\"NODE_MOUSEOUT\"] = \"node:mouseout\";\n  G6Event[\"NODE_MOUSEOVER\"] = \"node:mouseover\";\n  G6Event[\"NODE_DROP\"] = \"node:drop\";\n  G6Event[\"NODE_DRAGOVER\"] = \"node:dragover\";\n  G6Event[\"NODE_DRAGENTER\"] = \"node:dragenter\";\n  G6Event[\"NODE_DRAGLEAVE\"] = \"node:dragleave\";\n  G6Event[\"NODE_DRAGSTART\"] = \"node:dragstart\";\n  G6Event[\"NODE_DRAG\"] = \"node:drag\";\n  G6Event[\"NODE_DRAGEND\"] = \"node:dragend\"; // combo, extends from nodes\n\n  G6Event[\"COMBO_CONTEXTMENU\"] = \"combo:contextmenu\";\n  G6Event[\"COMBO_CLICK\"] = \"combo:click\";\n  G6Event[\"COMBO_DBLCLICK\"] = \"combo:dblclick\";\n  G6Event[\"COMBO_MOUSEDOWN\"] = \"combo:mousedown\";\n  G6Event[\"COMBO_MOUSEUP\"] = \"combo:mouseup\";\n  G6Event[\"COMBO_MOUSEENTER\"] = \"combo:mouseenter\";\n  G6Event[\"COMBO_MOUSELEAVE\"] = \"combo:mouseleave\";\n  G6Event[\"COMBO_MOUSEMOVE\"] = \"combo:mousemove\";\n  G6Event[\"COMBO_MOUSEOUT\"] = \"combo:mouseout\";\n  G6Event[\"COMBO_MOUSEOVER\"] = \"combo:mouseover\";\n  G6Event[\"COMBO_DROP\"] = \"combo:drop\";\n  G6Event[\"COMBO_DRAGOVER\"] = \"combo:dragover\";\n  G6Event[\"COMBO_DRAGENTER\"] = \"combo:dragenter\";\n  G6Event[\"COMBO_DRAGLEAVE\"] = \"combo:dragleave\";\n  G6Event[\"COMBO_DRAGSTART\"] = \"combo:dragstart\";\n  G6Event[\"COMBO_DRAG\"] = \"combo:drag\";\n  G6Event[\"COMBO_DRAGEND\"] = \"combo:dragend\"; // edge events\n\n  G6Event[\"EDGE_CONTEXTMENU\"] = \"edge:contextmenu\";\n  G6Event[\"EDGE_CLICK\"] = \"edge:click\";\n  G6Event[\"EDGE_DBLCLICK\"] = \"edge:dblclick\";\n  G6Event[\"EDGE_MOUSEDOWN\"] = \"edge:mousedown\";\n  G6Event[\"EDGE_MOUSEUP\"] = \"edge:mouseup\";\n  G6Event[\"EDGE_MOUSEENTER\"] = \"edge:mouseenter\";\n  G6Event[\"EDGE_MOUSELEAVE\"] = \"edge:mouseleave\";\n  G6Event[\"EDGE_MOUSEMOVE\"] = \"edge:mousemove\";\n  G6Event[\"EDGE_MOUSEOUT\"] = \"edge:mouseout\";\n  G6Event[\"EDGE_MOUSEOVER\"] = \"edge:mouseover\";\n  G6Event[\"EDGE_DROP\"] = \"edge:drop\";\n  G6Event[\"EDGE_DRAGOVER\"] = \"edge:dragover\";\n  G6Event[\"EDGE_DRAGENTER\"] = \"edge:dragenter\";\n  G6Event[\"EDGE_DRAGLEAVE\"] = \"edge:dragleave\"; // canvas events\n\n  G6Event[\"CANVAS_CONTEXTMENU\"] = \"canvas:contextmenu\";\n  G6Event[\"CANVAS_CLICK\"] = \"canvas:click\";\n  G6Event[\"CANVAS_DBLCLICK\"] = \"canvas:dblclick\";\n  G6Event[\"CANVAS_MOUSEDOWN\"] = \"canvas:mousedown\";\n  G6Event[\"CANVAS_MOUSEUP\"] = \"canvas:mouseup\";\n  G6Event[\"CANVAS_MOUSEENTER\"] = \"canvas:mouseenter\";\n  G6Event[\"CANVAS_MOUSELEAVE\"] = \"canvas:mouseleave\";\n  G6Event[\"CANVAS_MOUSEMOVE\"] = \"canvas:mousemove\";\n  G6Event[\"CANVAS_MOUSEOUT\"] = \"canvas:mouseout\";\n  G6Event[\"CANVAS_MOUSEOVER\"] = \"canvas:mouseover\";\n  G6Event[\"CANVAS_DROP\"] = \"canvas:drop\";\n  G6Event[\"CANVAS_DRAGENTER\"] = \"canvas:dragenter\";\n  G6Event[\"CANVAS_DRAGLEAVE\"] = \"canvas:dragleave\";\n  G6Event[\"CANVAS_DRAGSTART\"] = \"canvas:dragstart\";\n  G6Event[\"CANVAS_DRAG\"] = \"canvas:drag\";\n  G6Event[\"CANVAS_DRAGEND\"] = \"canvas:dragend\"; // timing events\n\n  G6Event[\"BEFORERENDER\"] = \"beforerender\";\n  G6Event[\"AFTERRENDER\"] = \"afterrender\";\n  G6Event[\"BEFOREADDITEM\"] = \"beforeadditem\";\n  G6Event[\"AFTERADDITEM\"] = \"afteradditem\";\n  G6Event[\"BEFOREREMOVEITEM\"] = \"beforeremoveitem\";\n  G6Event[\"AFTERREMOVEITEM\"] = \"afterremoveitem\";\n  G6Event[\"BEFOREUPDATEITEM\"] = \"beforeupdateitem\";\n  G6Event[\"AFTERUPDATEITEM\"] = \"afterupdateitem\";\n  G6Event[\"BEFOREITEMVISIBILITYCHANGE\"] = \"beforeitemvisibilitychange\";\n  G6Event[\"AFTERITEMVISIBILITYCHANGE\"] = \"afteritemvisibilitychange\";\n  G6Event[\"BEFOREITEMSTATECHANGE\"] = \"beforeitemstatechange\";\n  G6Event[\"AFTERITEMSTATECHANGE\"] = \"afteritemstatechange\";\n  G6Event[\"BEFOREITEMREFRESH\"] = \"beforeitemrefresh\";\n  G6Event[\"AFTERITEMREFRESH\"] = \"afteritemrefresh\";\n  G6Event[\"BEFOREITEMSTATESCLEAR\"] = \"beforeitemstatesclear\";\n  G6Event[\"AFTERITEMSTATESCLEAR\"] = \"afteritemstatesclear\";\n  G6Event[\"BEFOREMODECHANGE\"] = \"beforemodechange\";\n  G6Event[\"AFTERMODECHANGE\"] = \"aftermodechange\";\n  G6Event[\"BEFORELAYOUT\"] = \"beforelayout\";\n  G6Event[\"AFTERLAYOUT\"] = \"afterlayout\";\n  G6Event[\"BEFORECREATEEDGE\"] = \"beforecreateedge\";\n  G6Event[\"AFTERCREATEEDGE\"] = \"aftercreateedge\";\n  G6Event[\"BEFOREGRAPHREFRESHPOSITION\"] = \"beforegraphrefreshposition\";\n  G6Event[\"AFTERGRAPHREFRESHPOSITION\"] = \"aftergraphrefreshposition\";\n  G6Event[\"BEFOREGRAPHREFRESH\"] = \"beforegraphrefresh\";\n  G6Event[\"AFTERGRAPHREFRESH\"] = \"aftergraphrefresh\";\n  G6Event[\"BEFOREANIMATE\"] = \"beforeanimate\";\n  G6Event[\"AFTERANIMATE\"] = \"afteranimate\";\n  G6Event[\"BEFOREPAINT\"] = \"beforepaint\";\n  G6Event[\"AFTERPAINT\"] = \"afterpaint\";\n  G6Event[\"BEFORECOLLAPSEEXPANDCOMBO\"] = \"beforecollapseexpandcombo\";\n  G6Event[\"AFTERCOLLAPSEEXPANDCOMBO\"] = \"aftercollapseexpandcombo\";\n  G6Event[\"GRAPHSTATECHANGE\"] = \"graphstatechange\";\n  G6Event[\"AFTERACTIVATERELATIONS\"] = \"afteractivaterelations\";\n  G6Event[\"NODESELECTCHANGE\"] = \"nodeselectchange\";\n  G6Event[\"TOOLTIPCHANGE\"] = \"tooltipchange\";\n  G6Event[\"WHEELZOOM\"] = \"wheelzoom\";\n  G6Event[\"VIEWPORTCHANGE\"] = \"viewportchange\";\n  G6Event[\"DRAGNODEEND\"] = \"dragnodeend\";\n  G6Event[\"STACKCHANGE\"] = \"stackchange\";\n})(G6Event || (G6Event = {}));\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/types/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/base.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/base.js ***!
+  \*************************************************************************/
+/*! exports provided: uniqueId, formatPadding, cloneEvent, isViewportChanged, isNaN, calculationItemsBBox, processParallelEdges */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"uniqueId\", function() { return uniqueId; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"formatPadding\", function() { return formatPadding; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"cloneEvent\", function() { return cloneEvent; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isViewportChanged\", function() { return isViewportChanged; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isNaN\", function() { return isNaN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"calculationItemsBBox\", function() { return calculationItemsBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"processParallelEdges\", function() { return processParallelEdges; });\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _interface_behavior__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../interface/behavior */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/interface/behavior.js\");\n\n\nvar uniqueId = function uniqueId(type) {\n  return type + \"-\" + Math.random() + Date.now();\n};\n/**\n * turn padding into [top, right, bottom, right]\n * @param  {Number|Array} padding input padding\n * @return {array} output\n */\n\nvar formatPadding = function formatPadding(padding) {\n  var top = 0;\n  var left = 0;\n  var right = 0;\n  var bottom = 0;\n\n  if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNumber\"])(padding)) {\n    top = left = right = bottom = padding;\n  } else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(padding)) {\n    var intPadding = parseInt(padding, 10);\n    top = left = right = bottom = intPadding;\n  } else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isArray\"])(padding)) {\n    top = padding[0];\n    right = !Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNil\"])(padding[1]) ? padding[1] : padding[0];\n    bottom = !Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNil\"])(padding[2]) ? padding[2] : padding[0];\n    left = !Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNil\"])(padding[3]) ? padding[3] : right;\n  }\n\n  return [top, right, bottom, left];\n};\n/**\n * clone event\n * @param e\n */\n\nvar cloneEvent = function cloneEvent(e) {\n  var event = new _interface_behavior__WEBPACK_IMPORTED_MODULE_1__[\"G6GraphEvent\"](e.type, e);\n  event.clientX = e.clientX;\n  event.clientY = e.clientY;\n  event.x = e.x;\n  event.y = e.y;\n  event.target = e.target;\n  event.currentTarget = e.currentTarget;\n  event.bubbles = true;\n  event.item = e.item;\n  return event;\n};\n/**\n * 判断 viewport 是否改变，通过和单位矩阵对比\n * @param matrix Viewport 的 Matrix\n */\n\nvar isViewportChanged = function isViewportChanged(matrix) {\n  // matrix 为 null， 则说明没有变化\n  if (!matrix) {\n    return false;\n  }\n\n  var MATRIX_LEN = 9;\n  var ORIGIN_MATRIX = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n\n  for (var i = 0; i < MATRIX_LEN; i++) {\n    if (matrix[i] !== ORIGIN_MATRIX[i]) {\n      return true;\n    }\n  }\n\n  return false;\n};\nvar isNaN = function isNaN(input) {\n  return Number.isNaN(Number(input));\n};\n/**\n * 计算一组 Item 的 BBox\n * @param items 选中的一组Item，可以是 node 或 combo\n */\n\nvar calculationItemsBBox = function calculationItemsBBox(items) {\n  var minx = Infinity;\n  var maxx = -Infinity;\n  var miny = Infinity;\n  var maxy = -Infinity; // 获取已节点的所有最大最小x y值\n\n  for (var i = 0; i < items.length; i++) {\n    var element = items[i];\n    var bbox = element.getBBox();\n    var minX = bbox.minX,\n        minY = bbox.minY,\n        maxX = bbox.maxX,\n        maxY = bbox.maxY;\n\n    if (minX < minx) {\n      minx = minX;\n    }\n\n    if (minY < miny) {\n      miny = minY;\n    }\n\n    if (maxX > maxx) {\n      maxx = maxX;\n    }\n\n    if (maxY > maxy) {\n      maxy = maxY;\n    }\n  }\n\n  var x = Math.floor(minx);\n  var y = Math.floor(miny);\n  var width = Math.ceil(maxx) - Math.floor(minx);\n  var height = Math.ceil(maxy) - Math.floor(miny);\n  return {\n    x: x,\n    y: y,\n    width: width,\n    height: height,\n    minX: minx,\n    minY: miny,\n    maxX: maxx,\n    maxY: maxy\n  };\n};\n/**\n * 若 edges 中存在两端点相同的边，使用 quadratic 边并自动计算 curveOffset 使它们不相互重叠\n * 文档: https://g6.antv.vision/en/docs/api/Util\n * @param edges 边数据集合\n * @param offsetDiff 相邻两边的 offset 之差\n * @param multiEdgeType\n * @param singleEdgeType\n * @param loopEdgeType\n */\n\nvar processParallelEdges = function processParallelEdges(edges, offsetDiff, multiEdgeType, singleEdgeType, loopEdgeType) {\n  if (offsetDiff === void 0) {\n    offsetDiff = 15;\n  }\n\n  if (multiEdgeType === void 0) {\n    multiEdgeType = 'quadratic';\n  }\n\n  if (singleEdgeType === void 0) {\n    singleEdgeType = undefined;\n  }\n\n  if (loopEdgeType === void 0) {\n    loopEdgeType = undefined;\n  }\n\n  var len = edges.length;\n  var cod = offsetDiff * 2;\n  var loopPosition = ['top', 'top-right', 'right', 'bottom-right', 'bottom', 'bottom-left', 'left', 'top-left'];\n  var edgeMap = {};\n  var tags = [];\n  var reverses = {};\n\n  for (var i = 0; i < len; i++) {\n    var edge = edges[i];\n    var source = edge.source,\n        target = edge.target;\n    var sourceTarget = source + \"-\" + target;\n    if (tags[i]) continue;\n\n    if (!edgeMap[sourceTarget]) {\n      edgeMap[sourceTarget] = [];\n    }\n\n    tags[i] = true;\n    edgeMap[sourceTarget].push(edge);\n\n    for (var j = 0; j < len; j++) {\n      if (i === j) continue;\n      var sedge = edges[j];\n      var src = sedge.source;\n      var dst = sedge.target; // 两个节点之间共同的边\n      // 第一条的source = 第二条的target\n      // 第一条的target = 第二条的source\n\n      if (!tags[j]) {\n        if (source === dst && target === src) {\n          edgeMap[sourceTarget].push(sedge);\n          tags[j] = true;\n          reverses[src + \"|\" + dst + \"|\" + (edgeMap[sourceTarget].length - 1)] = true;\n        } else if (source === src && target === dst) {\n          edgeMap[sourceTarget].push(sedge);\n          tags[j] = true;\n        }\n      }\n    }\n  }\n\n  for (var key in edgeMap) {\n    var arcEdges = edgeMap[key];\n    var length_1 = arcEdges.length;\n\n    for (var k = 0; k < length_1; k++) {\n      var current = arcEdges[k];\n\n      if (current.source === current.target) {\n        if (loopEdgeType) current.type = loopEdgeType; // 超过8条自环边，则需要重新处理\n\n        current.loopCfg = {\n          position: loopPosition[k % 8],\n          dist: Math.floor(k / 8) * 20 + 50\n        };\n        continue;\n      }\n\n      if (length_1 === 1 && singleEdgeType && current.source !== current.target) {\n        current.type = singleEdgeType;\n        continue;\n      }\n\n      current.type = multiEdgeType;\n      var sign = (k % 2 === 0 ? 1 : -1) * (reverses[current.source + \"|\" + current.target + \"|\" + k] ? -1 : 1);\n\n      if (length_1 % 2 === 1) {\n        current.curveOffset = sign * Math.ceil(k / 2) * cod;\n      } else {\n        current.curveOffset = sign * (Math.floor(k / 2) * cod + offsetDiff);\n      }\n    }\n  }\n\n  return edges;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/base.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js":
+/*!****************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js ***!
+  \****************************************************************************/
+/*! exports provided: getBBox, getLoopCfgs, getLabelPosition, traverseTree, traverseTreeUp, getLetterWidth, getTextSize, plainCombosToTrees, reconstructTree, getComboBBox, shouldRefreshEdge, cloneBesidesImg */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBox\", function() { return getBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getLoopCfgs\", function() { return getLoopCfgs; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getLabelPosition\", function() { return getLabelPosition; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"traverseTree\", function() { return traverseTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"traverseTreeUp\", function() { return traverseTreeUp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getLetterWidth\", function() { return getLetterWidth; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getTextSize\", function() { return getTextSize; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"plainCombosToTrees\", function() { return plainCombosToTrees; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reconstructTree\", function() { return reconstructTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getComboBBox\", function() { return getComboBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shouldRefreshEdge\", function() { return shouldRefreshEdge; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"cloneBesidesImg\", function() { return cloneBesidesImg; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/global.js\");\n/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./math */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _letterAspectRatio__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./letterAspectRatio */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/letterAspectRatio.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n\n\n\n\nvar PI = Math.PI,\n    sin = Math.sin,\n    cos = Math.cos; // 一共支持8个方向的自环，每个环占的角度是45度，在计算时再二分，为22.5度\n\nvar SELF_LINK_SIN = sin(PI / 8);\nvar SELF_LINK_COS = cos(PI / 8);\nvar getBBox = function getBBox(element, group) {\n  var bbox = element.getBBox();\n  var leftTop = {\n    x: bbox.minX,\n    y: bbox.minY\n  };\n  var rightBottom = {\n    x: bbox.maxX,\n    y: bbox.maxY\n  }; // 根据父元素变换矩阵\n\n  if (group) {\n    var matrix = group.getMatrix();\n\n    if (!matrix) {\n      matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    leftTop = Object(_math__WEBPACK_IMPORTED_MODULE_3__[\"applyMatrix\"])(leftTop, matrix);\n    rightBottom = Object(_math__WEBPACK_IMPORTED_MODULE_3__[\"applyMatrix\"])(rightBottom, matrix);\n  }\n\n  var lx = leftTop.x,\n      ly = leftTop.y;\n  var rx = rightBottom.x,\n      ry = rightBottom.y;\n  return {\n    x: lx,\n    y: ly,\n    minX: lx,\n    minY: ly,\n    maxX: rx,\n    maxY: ry,\n    width: rx - lx,\n    height: ry - ly\n  };\n};\n/**\n * get loop edge config\n * @param cfg edge config\n */\n\nvar getLoopCfgs = function getLoopCfgs(cfg) {\n  var item = cfg.sourceNode || cfg.targetNode;\n  var container = item.get('group');\n  var containerMatrix = container.getMatrix();\n  if (!containerMatrix) containerMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  var keyShape = item.getKeyShape();\n  var bbox = keyShape.getBBox();\n  var loopCfg = cfg.loopCfg || {}; // 距离keyShape边的最高距离\n\n  var dist = loopCfg.dist || Math.max(bbox.width, bbox.height) * 2; // 自环边与keyShape的相对位置关系\n\n  var position = loopCfg.position || _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].defaultLoopPosition; // 中心取group上真实位置\n\n  var center = [containerMatrix[6], containerMatrix[7]];\n  var startPoint = [cfg.startPoint.x, cfg.startPoint.y];\n  var endPoint = [cfg.endPoint.x, cfg.endPoint.y];\n  var rstart = bbox.height / 2;\n  var rend = bbox.height / 2;\n  var sinDeltaStart = rstart * SELF_LINK_SIN;\n  var cosDeltaStart = rstart * SELF_LINK_COS;\n  var sinDeltaEnd = rend * SELF_LINK_SIN;\n  var cosDeltaEnd = rend * SELF_LINK_COS; // 如果定义了锚点的，直接用锚点坐标，否则，根据自环的 cfg 计算\n\n  if (startPoint[0] === endPoint[0] && startPoint[1] === endPoint[1]) {\n    switch (position) {\n      case 'top':\n        startPoint = [center[0] - sinDeltaStart, center[1] - cosDeltaStart];\n        endPoint = [center[0] + sinDeltaEnd, center[1] - cosDeltaEnd];\n        break;\n\n      case 'top-right':\n        rstart = bbox.height / 2;\n        rend = bbox.width / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] + sinDeltaStart, center[1] - cosDeltaStart];\n        endPoint = [center[0] + cosDeltaEnd, center[1] - sinDeltaEnd];\n        break;\n\n      case 'right':\n        rstart = bbox.width / 2;\n        rend = bbox.width / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] + cosDeltaStart, center[1] - sinDeltaStart];\n        endPoint = [center[0] + cosDeltaEnd, center[1] + sinDeltaEnd];\n        break;\n\n      case 'bottom-right':\n        rstart = bbox.width / 2;\n        rend = bbox.height / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] + cosDeltaStart, center[1] + sinDeltaStart];\n        endPoint = [center[0] + sinDeltaEnd, center[1] + cosDeltaEnd];\n        break;\n\n      case 'bottom':\n        rstart = bbox.height / 2;\n        rend = bbox.height / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] + sinDeltaStart, center[1] + cosDeltaStart];\n        endPoint = [center[0] - sinDeltaEnd, center[1] + cosDeltaEnd];\n        break;\n\n      case 'bottom-left':\n        rstart = bbox.height / 2;\n        rend = bbox.width / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] - sinDeltaStart, center[1] + cosDeltaStart];\n        endPoint = [center[0] - cosDeltaEnd, center[1] + sinDeltaEnd];\n        break;\n\n      case 'left':\n        rstart = bbox.width / 2;\n        rend = bbox.width / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] - cosDeltaStart, center[1] + sinDeltaStart];\n        endPoint = [center[0] - cosDeltaEnd, center[1] - sinDeltaEnd];\n        break;\n\n      case 'top-left':\n        rstart = bbox.width / 2;\n        rend = bbox.height / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] - cosDeltaStart, center[1] - sinDeltaStart];\n        endPoint = [center[0] - sinDeltaEnd, center[1] - cosDeltaEnd];\n        break;\n\n      default:\n        rstart = bbox.width / 2;\n        rend = bbox.width / 2;\n        sinDeltaStart = rstart * SELF_LINK_SIN;\n        cosDeltaStart = rstart * SELF_LINK_COS;\n        sinDeltaEnd = rend * SELF_LINK_SIN;\n        cosDeltaEnd = rend * SELF_LINK_COS;\n        startPoint = [center[0] - sinDeltaStart, center[1] - cosDeltaStart];\n        endPoint = [center[0] + sinDeltaEnd, center[1] - cosDeltaEnd];\n    } // 如果逆时针画，交换起点和终点\n\n\n    if (loopCfg.clockwise === false) {\n      var swap = [startPoint[0], startPoint[1]];\n      startPoint = [endPoint[0], endPoint[1]];\n      endPoint = [swap[0], swap[1]];\n    }\n  }\n\n  var startVec = [startPoint[0] - center[0], startPoint[1] - center[1]];\n  var scaleRateStart = (rstart + dist) / rstart;\n  var scaleRateEnd = (rend + dist) / rend;\n\n  if (loopCfg.clockwise === false) {\n    scaleRateStart = (rend + dist) / rend;\n    scaleRateEnd = (rstart + dist) / rstart;\n  }\n\n  var startExtendVec = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_1__[\"vec2\"].scale([0, 0], startVec, scaleRateStart);\n  var controlPoint1 = [center[0] + startExtendVec[0], center[1] + startExtendVec[1]];\n  var endVec = [endPoint[0] - center[0], endPoint[1] - center[1]];\n  var endExtendVec = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_1__[\"vec2\"].scale([0, 0], endVec, scaleRateEnd);\n  var controlPoint2 = [center[0] + endExtendVec[0], center[1] + endExtendVec[1]];\n  cfg.startPoint = {\n    x: startPoint[0],\n    y: startPoint[1]\n  };\n  cfg.endPoint = {\n    x: endPoint[0],\n    y: endPoint[1]\n  };\n  cfg.controlPoints = [{\n    x: controlPoint1[0],\n    y: controlPoint1[1]\n  }, {\n    x: controlPoint2[0],\n    y: controlPoint2[1]\n  }];\n  return cfg;\n};\n/**\n * 根据 label 所在线条的位置百分比，计算 label 坐标\n * @param {object}  pathShape  G 的 path 实例，一般是 Edge 实例的 keyShape\n * @param {number}  percent    范围 0 - 1 的线条百分比\n * @param {number}  refX     x 轴正方向为基准的 label 偏移\n * @param {number}  refY     y 轴正方向为基准的 label 偏移\n * @param {boolean} rotate     是否根据线条斜率旋转文本\n * @return {object} 文本的 x, y, 文本的旋转角度\n */\n\nvar getLabelPosition = function getLabelPosition(pathShape, percent, refX, refY, rotate) {\n  var TAN_OFFSET = 0.0001;\n  var vector = [];\n  var point = pathShape.getPoint(percent);\n\n  if (point === null) {\n    return {\n      x: 0,\n      y: 0,\n      angle: 0\n    };\n  } // 头尾最可能，放在最前面，使用 g path 上封装的方法\n\n\n  if (percent < TAN_OFFSET) {\n    vector = pathShape.getStartTangent().reverse();\n  } else if (percent > 1 - TAN_OFFSET) {\n    vector = pathShape.getEndTangent();\n  } else {\n    // 否则取指定位置的点,与少量偏移的点，做微分向量\n    var offsetPoint = pathShape.getPoint(percent + TAN_OFFSET);\n    vector.push([point.x, point.y]);\n    vector.push([offsetPoint.x, offsetPoint.y]);\n  }\n\n  var rad = Math.atan2(vector[1][1] - vector[0][1], vector[1][0] - vector[0][0]);\n\n  if (rad < 0) {\n    rad += PI * 2;\n  }\n\n  if (refX) {\n    point.x += cos(rad) * refX;\n    point.y += sin(rad) * refX;\n  }\n\n  if (refY) {\n    // 默认方向是 x 轴正方向，法线是 求出角度 - 90°\n    var normal = rad - PI / 2; // 若法线角度在 y 轴负方向，切到正方向，保证 refY 相对于 y 轴正方向\n\n    if (rad > 1 / 2 * PI && rad < 3 * 1 / 2 * PI) {\n      normal -= PI;\n    }\n\n    point.x += cos(normal) * refY;\n    point.y += sin(normal) * refY;\n  }\n\n  var result = {\n    x: point.x,\n    y: point.y,\n    angle: rad\n  };\n\n  if (rotate) {\n    if (rad > 1 / 2 * PI && rad < 3 * 1 / 2 * PI) {\n      rad -= PI;\n    }\n\n    return Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      rotate: rad\n    }, result);\n  }\n\n  return result;\n};\n/**\n * depth first traverse, from root to leaves, children in inverse order\n *  if the fn returns false, terminate the traverse\n */\n\nvar traverse = function traverse(data, fn) {\n  if (fn(data) === false) {\n    return false;\n  }\n\n  if (data && data.children) {\n    for (var i = data.children.length - 1; i >= 0; i--) {\n      if (!traverse(data.children[i], fn)) return false;\n    }\n  }\n\n  return true;\n};\n/**\n * depth first traverse, from leaves to root, children in inverse order\n *  if the fn returns false, terminate the traverse\n */\n\n\nvar traverseUp = function traverseUp(data, fn) {\n  if (data && data.children) {\n    for (var i = data.children.length - 1; i >= 0; i--) {\n      if (!traverseUp(data.children[i], fn)) return;\n    }\n  }\n\n  if (fn(data) === false) {\n    return false;\n  }\n\n  return true;\n};\n/**\n * depth first traverse, from root to leaves, children in inverse order\n *  if the fn returns false, terminate the traverse\n */\n\n\nvar traverseTree = function traverseTree(data, fn) {\n  if (typeof fn !== 'function') {\n    return;\n  }\n\n  traverse(data, fn);\n};\n/**\n * depth first traverse, from leaves to root, children in inverse order\n * if the fn returns false, terminate the traverse\n */\n\nvar traverseTreeUp = function traverseTreeUp(data, fn) {\n  if (typeof fn !== 'function') {\n    return;\n  }\n\n  traverseUp(data, fn);\n};\n/**\n *\n * @param letter the letter\n * @param fontSize\n * @return the letter's width\n */\n\nvar getLetterWidth = function getLetterWidth(letter, fontSize) {\n  return fontSize * (_letterAspectRatio__WEBPACK_IMPORTED_MODULE_4__[\"default\"][letter] || 1);\n};\n/**\n *\n * @param text the text\n * @param fontSize\n * @return the text's size\n */\n\nvar getTextSize = function getTextSize(text, fontSize) {\n  var width = 0;\n  var pattern = new RegExp(\"[\\u4E00-\\u9FA5]+\");\n  text.split('').forEach(function (letter) {\n    if (pattern.test(letter)) {\n      // 中文字符\n      width += fontSize;\n    } else {\n      width += getLetterWidth(letter, fontSize);\n    }\n  });\n  return [width, fontSize];\n};\n/**\n * construct the trees from combos data\n * @param array the combos array\n * @param nodes the nodes array\n * @return the tree\n */\n\nvar plainCombosToTrees = function plainCombosToTrees(array, nodes) {\n  var result = [];\n  var addedMap = {};\n  var modelMap = {};\n  array.forEach(function (d) {\n    modelMap[d.id] = d;\n  });\n  array.forEach(function (d, i) {\n    var cd = Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"clone\"])(d);\n    cd.itemType = 'combo';\n    cd.children = undefined;\n\n    if (cd.parentId === cd.id) {\n      console.warn(\"The parentId for combo \" + cd.id + \" can not be the same as the combo's id\");\n      delete cd.parentId;\n    } else if (cd.parentId && !modelMap[cd.parentId]) {\n      console.warn(\"The parent combo for combo \" + cd.id + \" does not exist!\");\n      delete cd.parentId;\n    }\n\n    var mappedObj = addedMap[cd.id];\n\n    if (mappedObj) {\n      cd.children = mappedObj.children;\n      addedMap[cd.id] = cd;\n      mappedObj = cd;\n\n      if (!mappedObj.parentId) {\n        result.push(mappedObj);\n        return;\n      }\n\n      var mappedParent = addedMap[mappedObj.parentId];\n\n      if (mappedParent) {\n        if (mappedParent.children) mappedParent.children.push(cd);else mappedParent.children = [cd];\n      } else {\n        var parent_1 = {\n          id: mappedObj.parentId,\n          children: [mappedObj]\n        };\n        addedMap[mappedObj.parentId] = parent_1;\n        addedMap[cd.id] = cd;\n      }\n\n      return;\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isString\"])(d.parentId)) {\n      var parent_2 = addedMap[d.parentId];\n\n      if (parent_2) {\n        if (parent_2.children) parent_2.children.push(cd);else parent_2.children = [cd];\n        addedMap[cd.id] = cd;\n      } else {\n        var pa = {\n          id: d.parentId,\n          children: [cd]\n        };\n        addedMap[pa.id] = pa;\n        addedMap[cd.id] = cd;\n      }\n    } else {\n      result.push(cd);\n      addedMap[cd.id] = cd;\n    }\n  }); // proccess the nodes\n\n  var nodeMap = {};\n  (nodes || []).forEach(function (node) {\n    nodeMap[node.id] = node;\n    var combo = addedMap[node.comboId];\n\n    if (combo) {\n      var cnode = {\n        id: node.id,\n        comboId: node.comboId\n      };\n      if (combo.children) combo.children.push(cnode);else combo.children = [cnode];\n      cnode.itemType = 'node';\n      addedMap[node.id] = cnode;\n    }\n  }); // assign the depth for each element\n\n  var maxDepth = 0;\n  result.forEach(function (tree) {\n    tree.depth = maxDepth + 10;\n    traverse(tree, function (child) {\n      var parent;\n      var itemType = addedMap[child.id].itemType;\n\n      if (itemType === 'node') {\n        parent = addedMap[child.comboId];\n      } else {\n        parent = addedMap[child.parentId];\n      }\n\n      if (parent) {\n        if (itemType === 'node') child.depth = maxDepth + 1;else child.depth = maxDepth + 10;\n      } else {\n        child.depth = maxDepth + 10;\n      }\n\n      if (maxDepth < child.depth) maxDepth = child.depth;\n      var oriNodeModel = nodeMap[child.id];\n\n      if (oriNodeModel) {\n        oriNodeModel.depth = child.depth;\n      }\n\n      return true;\n    });\n  });\n  return result;\n};\nvar reconstructTree = function reconstructTree(trees, subtreeId, newParentId) {\n  var brothers = trees;\n  var subtree;\n  var comboChildsMap = {\n    root: {\n      children: trees\n    }\n  };\n  var foundSubTree = false;\n  var oldParentId = 'root';\n  (trees || []).forEach(function (tree) {\n    if (foundSubTree) return;\n\n    if (tree.id === subtreeId) {\n      subtree = tree;\n\n      if (tree.itemType === 'combo') {\n        subtree.parentId = newParentId;\n      } else {\n        subtree.comboId = newParentId;\n      }\n\n      foundSubTree = true;\n      return;\n    }\n\n    traverseTree(tree, function (child) {\n      comboChildsMap[child.id] = {\n        children: child.children\n      }; // store the old parent id to delete the subtree from the old parent's children in next recursion\n\n      brothers = comboChildsMap[child.parentId || child.comboId || 'root'].children;\n\n      if (child && (child.removed || subtreeId === child.id) && brothers) {\n        oldParentId = child.parentId || child.comboId || 'root';\n        subtree = child; // re-assign the parentId or comboId for the moved subtree\n\n        if (child.itemType === 'combo') {\n          subtree.parentId = newParentId;\n        } else {\n          subtree.comboId = newParentId;\n        }\n\n        foundSubTree = true;\n        return false;\n      }\n\n      return true;\n    });\n  });\n  brothers = comboChildsMap[oldParentId].children;\n  var index = brothers ? brothers.indexOf(subtree) : -1;\n  if (index > -1) brothers.splice(index, 1); // 如果遍历完整棵树还没有找到，说明之前就不在树中\n\n  if (!foundSubTree) {\n    subtree = {\n      id: subtreeId,\n      itemType: 'node',\n      comboId: newParentId\n    };\n    comboChildsMap[subtreeId] = {\n      children: undefined\n    };\n  } // append to new parent\n\n\n  if (subtreeId) {\n    var found_1 = false; // newParentId is undefined means the subtree will have no parent\n\n    if (newParentId) {\n      var newParentDepth_1 = 0;\n      (trees || []).forEach(function (tree) {\n        if (found_1) return; // terminate\n\n        traverseTree(tree, function (child) {\n          // append subtree to the new parent ans assign the depth to the subtree\n          if (newParentId === child.id) {\n            found_1 = true;\n            if (child.children) child.children.push(subtree);else child.children = [subtree];\n            newParentDepth_1 = child.depth;\n            if (subtree.itemType === 'node') subtree.depth = newParentDepth_1 + 2;else subtree.depth = newParentDepth_1 + 1;\n            return false; // terminate\n          }\n\n          return true;\n        });\n      });\n    } else if ((!newParentId || !found_1) && subtree.itemType !== 'node') {\n      // if the newParentId is undefined or it is not found in the tree, add the subTree to the root\n      trees.push(subtree);\n    } // update the depth of the subtree and its children from the subtree\n\n\n    var currentDepth_1 = subtree.depth;\n    traverseTree(subtree, function (child) {\n      if (child.itemType === 'node') currentDepth_1 += 2;else currentDepth_1 += 1;\n      child.depth = currentDepth_1;\n      return true;\n    });\n  }\n\n  return trees;\n};\nvar getComboBBox = function getComboBBox(children, graph) {\n  var comboBBox = {\n    minX: Infinity,\n    minY: Infinity,\n    maxX: -Infinity,\n    maxY: -Infinity,\n    x: undefined,\n    y: undefined,\n    width: undefined,\n    height: undefined,\n    centerX: undefined,\n    centerY: undefined\n  };\n\n  if (!children || children.length === 0) {\n    return comboBBox;\n  }\n\n  children.forEach(function (child) {\n    var childItem = graph.findById(child.id);\n    if (!childItem || !childItem.isVisible()) return; // ignore hidden children\n\n    childItem.set('bboxCanvasCache', undefined);\n    var childBBox = childItem.getCanvasBBox();\n    if (childBBox.x && comboBBox.minX > childBBox.minX) comboBBox.minX = childBBox.minX;\n    if (childBBox.y && comboBBox.minY > childBBox.minY) comboBBox.minY = childBBox.minY;\n    if (childBBox.x && comboBBox.maxX < childBBox.maxX) comboBBox.maxX = childBBox.maxX;\n    if (childBBox.y && comboBBox.maxY < childBBox.maxY) comboBBox.maxY = childBBox.maxY;\n  });\n  comboBBox.x = (comboBBox.minX + comboBBox.maxX) / 2;\n  comboBBox.y = (comboBBox.minY + comboBBox.maxY) / 2;\n  comboBBox.width = comboBBox.maxX - comboBBox.minX;\n  comboBBox.height = comboBBox.maxY - comboBBox.minY;\n  comboBBox.centerX = (comboBBox.minX + comboBBox.maxX) / 2;\n  comboBBox.centerY = (comboBBox.minY + comboBBox.maxY) / 2;\n  Object.keys(comboBBox).forEach(function (key) {\n    if (comboBBox[key] === Infinity || comboBBox[key] === -Infinity) {\n      comboBBox[key] = undefined;\n    }\n  });\n  return comboBBox;\n};\nvar shouldRefreshEdge = function shouldRefreshEdge(cfg) {\n  var refreshEdge = Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.x) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.y) || cfg.type || cfg.anchorPoints || cfg.size;\n  if (cfg.style) refreshEdge = refreshEdge || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.style.r) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.style.width) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.style.height) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.style.rx) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isNumber\"])(cfg.style.ry);\n  return refreshEdge;\n};\nvar cloneBesidesImg = function cloneBesidesImg(obj) {\n  var clonedObj = {};\n  Object.keys(obj).forEach(function (key1) {\n    var obj2 = obj[key1];\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isObject\"])(obj2)) {\n      var clonedObj2_1 = {};\n      Object.keys(obj2).forEach(function (key2) {\n        var v = obj2[key2];\n        if (key2 === 'img' && !Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"isString\"])(v)) return;\n        clonedObj2_1[key2] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"clone\"])(v);\n      });\n      clonedObj[key1] = clonedObj2_1;\n    } else {\n      clonedObj[key1] = Object(_antv_util__WEBPACK_IMPORTED_MODULE_5__[\"clone\"])(obj2);\n    }\n  });\n  return clonedObj;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/index.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/index.js ***!
+  \**************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./math */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js\");\n/* harmony import */ var _graphic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./graphic */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/graphic.js\");\n/* harmony import */ var _path__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./path */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/path.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./base */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/base.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n\n\n\n\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_5__[\"ext\"].transform;\n\nvar Util = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _base__WEBPACK_IMPORTED_MODULE_4__), _graphic__WEBPACK_IMPORTED_MODULE_2__), _path__WEBPACK_IMPORTED_MODULE_3__), _math__WEBPACK_IMPORTED_MODULE_1__), {\n  transform: transform,\n  mat3: _antv_matrix_util__WEBPACK_IMPORTED_MODULE_5__[\"mat3\"]\n});\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Util);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/letterAspectRatio.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/letterAspectRatio.js ***!
+  \**************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  ' ': 0.3329986572265625,\n  a: 0.5589996337890625,\n  A: 0.6569992065429687,\n  b: 0.58599853515625,\n  B: 0.6769989013671875,\n  c: 0.5469985961914062,\n  C: 0.7279998779296875,\n  d: 0.58599853515625,\n  D: 0.705999755859375,\n  e: 0.554998779296875,\n  E: 0.63699951171875,\n  f: 0.37299957275390627,\n  F: 0.5769989013671875,\n  g: 0.5909988403320312,\n  G: 0.7479995727539063,\n  h: 0.555999755859375,\n  H: 0.7199996948242188,\n  i: 0.255999755859375,\n  I: 0.23699951171875,\n  j: 0.26699981689453123,\n  J: 0.5169998168945312,\n  k: 0.5289993286132812,\n  K: 0.6899993896484375,\n  l: 0.23499908447265624,\n  L: 0.5879989624023437,\n  m: 0.854998779296875,\n  M: 0.8819992065429687,\n  n: 0.5589996337890625,\n  N: 0.7189987182617188,\n  o: 0.58599853515625,\n  O: 0.7669998168945312,\n  p: 0.58599853515625,\n  P: 0.6419998168945312,\n  q: 0.58599853515625,\n  Q: 0.7669998168945312,\n  r: 0.3649993896484375,\n  R: 0.6759994506835938,\n  s: 0.504998779296875,\n  S: 0.6319992065429687,\n  t: 0.354998779296875,\n  T: 0.6189987182617187,\n  u: 0.5599990844726562,\n  U: 0.7139999389648437,\n  v: 0.48199920654296874,\n  V: 0.6389999389648438,\n  w: 0.754998779296875,\n  W: 0.929998779296875,\n  x: 0.5089996337890625,\n  X: 0.63699951171875,\n  y: 0.4959991455078125,\n  Y: 0.66199951171875,\n  z: 0.48699951171875,\n  Z: 0.6239990234375,\n  '0': 0.6,\n  '1': 0.40099945068359377,\n  '2': 0.6,\n  '3': 0.6,\n  '4': 0.6,\n  '5': 0.6,\n  '6': 0.6,\n  '7': 0.5469985961914062,\n  '8': 0.6,\n  '9': 0.6,\n  '[': 0.3329986572265625,\n  ']': 0.3329986572265625,\n  ',': 0.26399993896484375,\n  '.': 0.26399993896484375,\n  ';': 0.26399993896484375,\n  ':': 0.26399993896484375,\n  '{': 0.3329986572265625,\n  '}': 0.3329986572265625,\n  '\\\\': 0.5,\n  '|': 0.19499969482421875,\n  '=': 0.604998779296875,\n  '+': 0.604998779296875,\n  '-': 0.604998779296875,\n  _: 0.5,\n  '`': 0.3329986572265625,\n  ' ~': 0.8329986572265625,\n  '!': 0.3329986572265625,\n  '@': 0.8579986572265625,\n  '#': 0.6,\n  $: 0.6,\n  '%': 0.9699996948242188,\n  '^': 0.517999267578125,\n  '&': 0.7259994506835937,\n  '*': 0.505999755859375,\n  '(': 0.3329986572265625,\n  ')': 0.3329986572265625,\n  '<': 0.604998779296875,\n  '>': 0.604998779296875,\n  '/': 0.5,\n  '?': 0.53699951171875\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/letterAspectRatio.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js ***!
+  \*************************************************************************/
+/*! exports provided: compare, getLineIntersect, getRectIntersectByPoint, getCircleIntersectByPoint, getEllipseIntersectByPoint, applyMatrix, invertMatrix, getCircleCenterByPoints, distance, scaleMatrix, floydWarshall, getAdjMatrix, translate, move, scale, rotate, getDegree, isPointInPolygon, intersectBBox, isPolygonsIntersect, Line, getBBoxBoundLine, itemIntersectByLine, fractionToLine, getPointsCenter, squareDist, pointLineSquareDist, isPointsOverlap, pointRectSquareDist */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"compare\", function() { return compare; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getLineIntersect\", function() { return getLineIntersect; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getRectIntersectByPoint\", function() { return getRectIntersectByPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getCircleIntersectByPoint\", function() { return getCircleIntersectByPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getEllipseIntersectByPoint\", function() { return getEllipseIntersectByPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"applyMatrix\", function() { return applyMatrix; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"invertMatrix\", function() { return invertMatrix; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getCircleCenterByPoints\", function() { return getCircleCenterByPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"distance\", function() { return distance; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"scaleMatrix\", function() { return scaleMatrix; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"floydWarshall\", function() { return floydWarshall; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAdjMatrix\", function() { return getAdjMatrix; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"translate\", function() { return translate; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"move\", function() { return move; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"scale\", function() { return scale; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"rotate\", function() { return rotate; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDegree\", function() { return getDegree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPointInPolygon\", function() { return isPointInPolygon; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"intersectBBox\", function() { return intersectBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPolygonsIntersect\", function() { return isPolygonsIntersect; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Line\", function() { return Line; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxBoundLine\", function() { return getBBoxBoundLine; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"itemIntersectByLine\", function() { return itemIntersectByLine; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"fractionToLine\", function() { return fractionToLine; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPointsCenter\", function() { return getPointsCenter; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"squareDist\", function() { return squareDist; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pointLineSquareDist\", function() { return pointLineSquareDist; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPointsOverlap\", function() { return isPointsOverlap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pointRectSquareDist\", function() { return pointRectSquareDist; });\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"ext\"].transform;\n/**\n * 对比对象，用于对象数组排序\n * @param   {string}       attributeName  排序依据的字段名称\n * @param   {number}       min    最小值\n * @param   {number}       max    最大值\n * @return  {boolean}      bool   布尔\n */\n\nvar compare = function compare(attributeName) {\n  return function (m, n) {\n    return m[attributeName] - n[attributeName];\n  };\n};\n/**\n * 是否在区间内\n * @param   {number}       value  值\n * @param   {number}       min    最小值\n * @param   {number}       max    最大值\n * @return  {boolean}      bool   布尔\n */\n\nvar isBetween = function isBetween(value, min, max) {\n  return value >= min && value <= max;\n};\n/**\n * 获取两条线段的交点\n * @param  {Point}  p0 第一条线段起点\n * @param  {Point}  p1 第一条线段终点\n * @param  {Point}  p2 第二条线段起点\n * @param  {Point}  p3 第二条线段终点\n * @return {Point}  交点\n */\n\n\nvar getLineIntersect = function getLineIntersect(p0, p1, p2, p3) {\n  var tolerance = 0.0001;\n  var E = {\n    x: p2.x - p0.x,\n    y: p2.y - p0.y\n  };\n  var D0 = {\n    x: p1.x - p0.x,\n    y: p1.y - p0.y\n  };\n  var D1 = {\n    x: p3.x - p2.x,\n    y: p3.y - p2.y\n  };\n  var kross = D0.x * D1.y - D0.y * D1.x;\n  var sqrKross = kross * kross;\n  var invertKross = 1 / kross;\n  var sqrLen0 = D0.x * D0.x + D0.y * D0.y;\n  var sqrLen1 = D1.x * D1.x + D1.y * D1.y;\n\n  if (sqrKross > tolerance * sqrLen0 * sqrLen1) {\n    var s = (E.x * D1.y - E.y * D1.x) * invertKross;\n    var t = (E.x * D0.y - E.y * D0.x) * invertKross;\n    if (!isBetween(s, 0, 1) || !isBetween(t, 0, 1)) return null;\n    return {\n      x: p0.x + s * D0.x,\n      y: p0.y + s * D0.y\n    };\n  }\n\n  return null;\n};\n/**\n * point and rectangular intersection point\n * @param  {IRect} rect  rect\n * @param  {Point} point point\n * @return {PointPoint} rst;\n */\n\nvar getRectIntersectByPoint = function getRectIntersectByPoint(rect, point) {\n  var x = rect.x,\n      y = rect.y,\n      width = rect.width,\n      height = rect.height;\n  var cx = x + width / 2;\n  var cy = y + height / 2;\n  var points = [];\n  var center = {\n    x: cx,\n    y: cy\n  };\n  points.push({\n    x: x,\n    y: y\n  });\n  points.push({\n    x: x + width,\n    y: y\n  });\n  points.push({\n    x: x + width,\n    y: y + height\n  });\n  points.push({\n    x: x,\n    y: y + height\n  });\n  points.push({\n    x: x,\n    y: y\n  });\n  var rst = null;\n\n  for (var i = 1; i < points.length; i++) {\n    rst = getLineIntersect(points[i - 1], points[i], center, point);\n\n    if (rst) {\n      break;\n    }\n  }\n\n  return rst;\n};\n/**\n * get point and circle inIntersect\n * @param {ICircle} circle 圆点，x,y,r\n * @param {Point} point 点 x,y\n * @return {Point} applied point\n */\n\nvar getCircleIntersectByPoint = function getCircleIntersectByPoint(circle, point) {\n  var cx = circle.x,\n      cy = circle.y,\n      r = circle.r;\n  var x = point.x,\n      y = point.y;\n  var dx = x - cx;\n  var dy = y - cy;\n  var d = Math.sqrt(dx * dx + dy * dy);\n\n  if (d < r) {\n    return null;\n  }\n\n  var signX = Math.sign(dx);\n  var signY = Math.sign(dy);\n  var angle = Math.atan(dy / dx);\n  return {\n    x: cx + Math.abs(r * Math.cos(angle)) * signX,\n    y: cy + Math.abs(r * Math.sin(angle)) * signY\n  };\n};\n/**\n * get point and ellipse inIntersect\n * @param {Object} ellipse 椭圆 x,y,rx,ry\n * @param {Object} point 点 x,y\n * @return {object} applied point\n */\n\nvar getEllipseIntersectByPoint = function getEllipseIntersectByPoint(ellipse, point) {\n  var a = ellipse.rx;\n  var b = ellipse.ry;\n  var cx = ellipse.x;\n  var cy = ellipse.y;\n  var dx = point.x - cx;\n  var dy = point.y - cy; // 直接通过 x,y 求夹角，求出来的范围是 -PI, PI\n\n  var angle = Math.atan2(dy / b, dx / a);\n\n  if (angle < 0) {\n    angle += 2 * Math.PI; // 转换到 0，2PI\n  }\n\n  return {\n    x: cx + a * Math.cos(angle),\n    y: cy + b * Math.sin(angle)\n  };\n};\n/**\n * coordinate matrix transformation\n * @param  {number} point   coordinate\n * @param  {Matrix} matrix  matrix\n * @param  {number} tag     could be 0 or 1\n * @return {Point} transformed point\n */\n\nvar applyMatrix = function applyMatrix(point, matrix, tag) {\n  if (tag === void 0) {\n    tag = 1;\n  }\n\n  var vector = [point.x, point.y, tag];\n\n  if (!matrix || isNaN(matrix[0])) {\n    matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec3\"].transformMat3(vector, vector, matrix);\n  return {\n    x: vector[0],\n    y: vector[1]\n  };\n};\n/**\n * coordinate matrix invert transformation\n * @param  {number} point   coordinate\n * @param  {number} matrix  matrix\n * @param  {number} tag     could be 0 or 1\n * @return {object} transformed point\n */\n\nvar invertMatrix = function invertMatrix(point, matrix, tag) {\n  if (tag === void 0) {\n    tag = 1;\n  }\n\n  if (!matrix || isNaN(matrix[0])) {\n    matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  var inversedMatrix = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"mat3\"].invert([1, 0, 0, 0, 1, 0, 0, 0, 1], matrix);\n\n  if (!inversedMatrix) {\n    inversedMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  var vector = [point.x, point.y, tag];\n  _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec3\"].transformMat3(vector, vector, inversedMatrix);\n  return {\n    x: vector[0],\n    y: vector[1]\n  };\n};\n/**\n *\n * @param p1 First coordinate\n * @param p2 second coordinate\n * @param p3 three coordinate\n */\n\nvar getCircleCenterByPoints = function getCircleCenterByPoints(p1, p2, p3) {\n  var a = p1.x - p2.x;\n  var b = p1.y - p2.y;\n  var c = p1.x - p3.x;\n  var d = p1.y - p3.y;\n  var e = (p1.x * p1.x - p2.x * p2.x - p2.y * p2.y + p1.y * p1.y) / 2;\n  var f = (p1.x * p1.x - p3.x * p3.x - p3.y * p3.y + p1.y * p1.y) / 2;\n  var denominator = b * c - a * d;\n  return {\n    x: -(d * e - b * f) / denominator,\n    y: -(a * f - c * e) / denominator\n  };\n};\n/**\n * get distance by two points\n * @param p1 first point\n * @param p2 second point\n */\n\nvar distance = function distance(p1, p2) {\n  var vx = p1.x - p2.x;\n  var vy = p1.y - p2.y;\n  return Math.sqrt(vx * vx + vy * vy);\n};\n/**\n * scale matrix\n * @param matrix [ [], [], [] ]\n * @param ratio\n */\n\nvar scaleMatrix = function scaleMatrix(matrix, ratio) {\n  var result = [];\n  matrix.forEach(function (row) {\n    var newRow = [];\n    row.forEach(function (v) {\n      newRow.push(v * ratio);\n    });\n    result.push(newRow);\n  });\n  return result;\n};\n/**\n * Floyd Warshall algorithm for shortest path distances matrix\n * @param  {array} adjMatrix   adjacency matrix\n * @return {array} distances   shortest path distances matrix\n */\n\nvar floydWarshall = function floydWarshall(adjMatrix) {\n  // initialize\n  var dist = [];\n  var size = adjMatrix.length;\n\n  for (var i = 0; i < size; i += 1) {\n    dist[i] = [];\n\n    for (var j = 0; j < size; j += 1) {\n      if (i === j) {\n        dist[i][j] = 0;\n      } else if (adjMatrix[i][j] === 0 || !adjMatrix[i][j]) {\n        dist[i][j] = Infinity;\n      } else {\n        dist[i][j] = adjMatrix[i][j];\n      }\n    }\n  } // floyd\n\n\n  for (var k = 0; k < size; k += 1) {\n    for (var i = 0; i < size; i += 1) {\n      for (var j = 0; j < size; j += 1) {\n        if (dist[i][j] > dist[i][k] + dist[k][j]) {\n          dist[i][j] = dist[i][k] + dist[k][j];\n        }\n      }\n    }\n  }\n\n  return dist;\n};\n/**\n * get adjacency matrix\n * @param data graph data\n * @param directed whether it's a directed graph\n */\n\nvar getAdjMatrix = function getAdjMatrix(data, directed) {\n  var nodes = data.nodes,\n      edges = data.edges;\n  var matrix = []; // map node with index in data.nodes\n\n  var nodeMap = {};\n\n  if (!nodes) {\n    throw new Error('invalid nodes data!');\n  }\n\n  if (nodes) {\n    nodes.forEach(function (node, i) {\n      nodeMap[node.id] = i;\n      var row = [];\n      matrix.push(row);\n    });\n  }\n\n  if (edges) {\n    edges.forEach(function (e) {\n      var source = e.source,\n          target = e.target;\n      var sIndex = nodeMap[source];\n      var tIndex = nodeMap[target];\n      matrix[sIndex][tIndex] = 1;\n\n      if (!directed) {\n        matrix[tIndex][sIndex] = 1;\n      }\n    });\n  }\n\n  return matrix;\n};\n/**\n * 平移group\n * @param group Group 实例\n * @param vec 移动向量\n */\n\nvar translate = function translate(group, vec) {\n  group.translate(vec.x, vec.y);\n};\n/**\n * 移动到指定坐标点\n * @param group Group 实例\n * @param point 移动到的坐标点\n */\n\nvar move = function move(group, point) {\n  var matrix = group.getMatrix();\n\n  if (!matrix) {\n    matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  var bbox = group.getCanvasBBox();\n  var vx = point.x - bbox.minX;\n  var vy = point.y - bbox.minY;\n  var movedMatrix = transform(matrix, [['t', vx, vy]]);\n  group.setMatrix(movedMatrix);\n};\n/**\n * 缩放 group\n * @param group Group 实例\n * @param point 在x 和 y 方向上的缩放比例\n */\n\nvar scale = function scale(group, ratio) {\n  var matrix = group.getMatrix();\n\n  if (!matrix) {\n    matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  var scaleXY = ratio;\n\n  if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(ratio)) {\n    scaleXY = [ratio, ratio];\n  }\n\n  if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(ratio) && ratio.length === 1) {\n    scaleXY = [ratio[0], ratio[0]];\n  }\n\n  matrix = transform(matrix, [['s', scaleXY[0], scaleXY[1]]]);\n  group.setMatrix(matrix);\n};\n/**\n *\n * @param group Group 实例\n * @param ratio 选择角度\n */\n\nvar rotate = function rotate(group, angle) {\n  var matrix = group.getMatrix();\n\n  if (!matrix) {\n    matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n  }\n\n  matrix = transform(matrix, [['r', angle]]);\n  group.setMatrix(matrix);\n};\nvar getDegree = function getDegree(n, nodeIdxMap, edges) {\n  var degrees = [];\n\n  for (var i = 0; i < n; i++) {\n    degrees[i] = 0;\n  }\n\n  edges.forEach(function (e) {\n    if (e.source) {\n      degrees[nodeIdxMap[e.source]] += 1;\n    }\n\n    if (e.target) {\n      degrees[nodeIdxMap[e.target]] += 1;\n    }\n  });\n  return degrees;\n}; // 判断点Q是否在p1和p2的线段上\n\nfunction onSegment(p1, p2, q) {\n  if ((q[0] - p1[0]) * (p2[1] - p1[1]) === (p2[0] - p1[0]) * (q[1] - p1[1]) && Math.min(p1[0], p2[0]) <= q[0] && q[0] <= Math.max(p1[0], p2[0]) && Math.min(p1[1], p2[1]) <= q[1] && q[1] <= Math.max(p1[1], p2[1])) {\n    return true;\n  }\n\n  return false;\n}\n/**\n * 判断点P在多边形内-射线法. Borrow from https://github.com/antvis/util/blob/master/packages/path-util/src/point-in-polygon.ts\n * @param points\n * @param x\n * @param y\n */\n\n\nvar isPointInPolygon = function isPointInPolygon(points, x, y) {\n  var isHit = false;\n  var n = points.length; // 判断两个double在eps精度下的大小关系\n\n  var tolerance = 1e-6;\n\n  function dcmp(xValue) {\n    if (Math.abs(xValue) < tolerance) {\n      return 0;\n    }\n\n    return xValue < 0 ? -1 : 1;\n  }\n\n  if (n <= 2) {\n    // svg 中点小于 3 个时，不显示，也无法被拾取\n    return false;\n  }\n\n  for (var i = 0; i < n; i++) {\n    var p1 = points[i];\n    var p2 = points[(i + 1) % n];\n\n    if (onSegment(p1, p2, [x, y])) {\n      // 点在多边形一条边上\n      return true;\n    } // 前一个判断min(p1[1],p2[1])<P.y<=max(p1[1],p2[1])\n    // 后一个判断被测点 在 射线与边交点 的左边\n\n\n    if (dcmp(p1[1] - y) > 0 !== dcmp(p2[1] - y) > 0 && dcmp(x - (y - p1[1]) * (p1[0] - p2[0]) / (p1[1] - p2[1]) - p1[0]) < 0) {\n      isHit = !isHit;\n    }\n  }\n\n  return isHit;\n}; // 判断两个BBox是否相交\n\nvar intersectBBox = function intersectBBox(box1, box2) {\n  return !(box2.minX > box1.maxX || box2.maxX < box1.minX || box2.minY > box1.maxY || box2.maxY < box1.minY);\n};\n\nvar lineIntersectPolygon = function lineIntersectPolygon(lines, line) {\n  var isIntersect = false;\n  Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(lines, function (l) {\n    if (getLineIntersect(l.from, l.to, line.from, line.to)) {\n      isIntersect = true;\n      return false;\n    }\n  });\n  return isIntersect;\n};\n/**\n * 判断两个polygon是否相交。\n * borrow from @antv/path-util\n * @param points1 polygon1的顶点数组\n * @param points2 polygon2的顶点数组\n */\n\n\nvar isPolygonsIntersect = function isPolygonsIntersect(points1, points2) {\n  var getBBox = function getBBox(points) {\n    var xArr = points.map(function (p) {\n      return p[0];\n    });\n    var yArr = points.map(function (p) {\n      return p[1];\n    });\n    return {\n      minX: Math.min.apply(null, xArr),\n      maxX: Math.max.apply(null, xArr),\n      minY: Math.min.apply(null, yArr),\n      maxY: Math.max.apply(null, yArr)\n    };\n  };\n\n  var parseToLines = function parseToLines(points) {\n    var lines = [];\n    var count = points.length;\n\n    for (var i = 0; i < count - 1; i++) {\n      var point = points[i];\n      var next = points[i + 1];\n      lines.push({\n        from: {\n          x: point[0],\n          y: point[1]\n        },\n        to: {\n          x: next[0],\n          y: next[1]\n        }\n      });\n    }\n\n    if (lines.length > 1) {\n      var first = points[0];\n      var last = points[count - 1];\n      lines.push({\n        from: {\n          x: last[0],\n          y: last[1]\n        },\n        to: {\n          x: first[0],\n          y: first[1]\n        }\n      });\n    }\n\n    return lines;\n  }; // 空数组，或者一个点返回 false\n\n\n  if (points1.length < 2 || points2.length < 2) {\n    return false;\n  }\n\n  var bbox1 = getBBox(points1);\n  var bbox2 = getBBox(points2); // 判定包围盒是否相交，比判定点是否在多边形内要快的多，可以筛选掉大多数情况\n\n  if (!intersectBBox(bbox1, bbox2)) {\n    return false;\n  }\n\n  var isIn = false; // 判定点是否在多边形内部，一旦有一个点在另一个多边形内，则返回\n\n  Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(points2, function (point) {\n    if (isPointInPolygon(points1, point[0], point[1])) {\n      isIn = true;\n      return false;\n    }\n  });\n\n  if (isIn) {\n    return true;\n  }\n\n  Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(points1, function (point) {\n    if (isPointInPolygon(points2, point[0], point[1])) {\n      isIn = true;\n      return false;\n    }\n  });\n\n  if (isIn) {\n    return true;\n  }\n\n  var lines1 = parseToLines(points1);\n  var lines2 = parseToLines(points2);\n  var isIntersect = false;\n  Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(lines2, function (line) {\n    if (lineIntersectPolygon(lines1, line)) {\n      isIntersect = true;\n      return false;\n    }\n  });\n  return isIntersect;\n};\n\nvar Line =\n/** @class */\nfunction () {\n  function Line(x1, y1, x2, y2) {\n    this.x1 = x1;\n    this.y1 = y1;\n    this.x2 = x2;\n    this.y2 = y2;\n  }\n\n  Line.prototype.getBBox = function () {\n    var minX = Math.min(this.x1, this.x2);\n    var minY = Math.min(this.y1, this.y2);\n    var maxX = Math.max(this.x1, this.x2);\n    var maxY = Math.max(this.y1, this.y2);\n    var res = {\n      x: minX,\n      y: minY,\n      minX: minX,\n      minY: minY,\n      maxX: maxX,\n      maxY: maxY,\n      width: maxX - minX,\n      height: maxY - minY\n    };\n    return res;\n  };\n\n  return Line;\n}();\n\n\nvar getBBoxBoundLine = function getBBoxBoundLine(bbox, direction) {\n  var bounds = {\n    top: [bbox.minX, bbox.minY, bbox.maxX, bbox.minY],\n    left: [bbox.minX, bbox.minY, bbox.minX, bbox.maxY],\n    bottom: [bbox.minX, bbox.maxY, bbox.maxX, bbox.maxY],\n    right: [bbox.maxX, bbox.minY, bbox.maxX, bbox.maxY]\n  };\n  return bounds[direction];\n};\n/**\n * 计算两条线段相交时，相交点对第一条线段上的分割比例\n */\n\nvar fractionAlongLineA = function fractionAlongLineA(la, lb) {\n  var uaT = (lb.x2 - lb.x1) * (la.y1 - lb.y1) - (lb.y2 - lb.y1) * (la.x1 - lb.x1);\n  var ubT = (la.x2 - la.x1) * (la.y1 - lb.y1) - (la.y2 - la.y1) * (la.x1 - lb.x1);\n  var uB = (lb.y2 - lb.y1) * (la.x2 - la.x1) - (lb.x2 - lb.x1) * (la.y2 - la.y1);\n\n  if (uB) {\n    var ua = uaT / uB;\n    var ub = ubT / uB;\n\n    if (ua >= 0 && ua <= 1 && ub >= 0 && ub <= 1) {\n      return ua;\n    }\n  }\n\n  return Number.POSITIVE_INFINITY;\n};\n\nvar itemIntersectByLine = function itemIntersectByLine(item, line) {\n  var directions = ['top', 'left', 'bottom', 'right'];\n  var bbox = item.getBBox();\n  var countIntersections = 0;\n  var intersections = [];\n\n  for (var i = 0; i < 4; i++) {\n    var _a = getBBoxBoundLine(bbox, directions[i]),\n        x1 = _a[0],\n        y1 = _a[1],\n        x2 = _a[2],\n        y2 = _a[3];\n\n    intersections[i] = getLineIntersect({\n      x: line.x1,\n      y: line.y1\n    }, {\n      x: line.x2,\n      y: line.y2\n    }, {\n      x: x1,\n      y: y1\n    }, {\n      x: x2,\n      y: y2\n    });\n\n    if (intersections[i]) {\n      countIntersections += 1;\n    }\n  }\n\n  return [intersections, countIntersections];\n};\nvar fractionToLine = function fractionToLine(item, line) {\n  var directions = ['top', 'left', 'bottom', 'right'];\n  var bbox = item.getBBox();\n  var minDistance = Number.POSITIVE_INFINITY;\n  var countIntersections = 0;\n\n  for (var i = 0; i < 4; i++) {\n    var _a = getBBoxBoundLine(bbox, directions[i]),\n        x1 = _a[0],\n        y1 = _a[1],\n        x2 = _a[2],\n        y2 = _a[3];\n\n    var testDistance = fractionAlongLineA(line, new Line(x1, y1, x2, y2));\n    testDistance = Math.abs(testDistance - 0.5);\n\n    if (testDistance >= 0 && testDistance <= 1) {\n      countIntersections += 1;\n      minDistance = testDistance < minDistance ? testDistance : minDistance;\n    }\n  }\n\n  if (countIntersections === 0) return -1;\n  return minDistance;\n};\nvar getPointsCenter = function getPointsCenter(points) {\n  var centerX = 0;\n  var centerY = 0;\n\n  if (points.length > 0) {\n    for (var _i = 0, points_1 = points; _i < points_1.length; _i++) {\n      var point = points_1[_i];\n      centerX += point.x;\n      centerY += point.y;\n    }\n\n    centerX /= points.length;\n    centerY /= points.length;\n  }\n\n  return {\n    x: centerX,\n    y: centerY\n  };\n};\nvar squareDist = function squareDist(a, b) {\n  return Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2);\n};\nvar pointLineSquareDist = function pointLineSquareDist(point, line) {\n  var x1 = line.x1;\n  var y1 = line.y1;\n  var x2 = line.x2 - x1;\n  var y2 = line.y2 - y1;\n  var px = point.x - x1;\n  var py = point.y - y1;\n  var dotprod = px * x2 + py * y2;\n  var projlenSq;\n\n  if (dotprod <= 0) {\n    projlenSq = 0;\n  } else {\n    px = x2 - px;\n    py = y2 - py;\n    dotprod = px * x2 + py * y2;\n\n    if (dotprod <= 0) {\n      projlenSq = 0;\n    } else {\n      projlenSq = dotprod * dotprod / (x2 * x2 + y2 * y2);\n    }\n  }\n\n  var lenSq = px * px + py * py - projlenSq;\n\n  if (lenSq < 0) {\n    lenSq = 0;\n  }\n\n  return lenSq;\n};\nvar isPointsOverlap = function isPointsOverlap(p1, p2, e) {\n  if (e === void 0) {\n    e = 1e-3;\n  }\n\n  return Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2) < Math.pow(e, 2);\n};\n/**\n * 点到矩形的距离的平方：矩形内部点视作距离为0，外部的点若投影落在矩形边上则为点到矩形边的最近的垂直距离，否则为点到矩形顶点的距离，\n * @param point IPoint\n * @param rect IRect\n */\n\nvar pointRectSquareDist = function pointRectSquareDist(point, rect) {\n  var isLeft = point.x < rect.x;\n  var isRight = point.x > rect.x + rect.width;\n  var isTop = point.y > rect.y + rect.height;\n  var isBottom = point.y < rect.y;\n  var isPointOutside = isLeft || isRight || isTop || isBottom;\n\n  if (!isPointOutside) {\n    return 0;\n  }\n\n  if (isTop && !isLeft && !isRight) {\n    return Math.pow(rect.y + rect.height - point.y, 2);\n  }\n\n  if (isBottom && !isLeft && !isRight) {\n    return Math.pow(point.y - rect.y, 2);\n  }\n\n  if (isLeft && !isTop && !isBottom) {\n    return Math.pow(rect.x - point.x, 2);\n  }\n\n  if (isRight && !isTop && !isBottom) {\n    return Math.pow(rect.x + rect.width - point.x, 2);\n  }\n\n  var dx = Math.min(Math.abs(rect.x - point.x), Math.abs(rect.x + rect.width - point.x));\n  var dy = Math.min(Math.abs(rect.y - point.y), Math.abs(rect.y + rect.height - point.y));\n  return dx * dx + dy * dy;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/math.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/path.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/path.js ***!
+  \*************************************************************************/
+/*! exports provided: getSpline, getControlPoint, pointsToPolygon, pathToPoints, getClosedSpline, roundedHull, paddedHull */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getSpline\", function() { return getSpline; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getControlPoint\", function() { return getControlPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pointsToPolygon\", function() { return pointsToPolygon; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pathToPoints\", function() { return pathToPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getClosedSpline\", function() { return getClosedSpline; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"roundedHull\", function() { return roundedHull; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"paddedHull\", function() { return paddedHull; });\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.1.0-beta.2@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_path_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/path-util */ \"./node_modules/_@antv_path-util@2.0.9@@antv/path-util/esm/index.js\");\n\n\n/**\n * 替换字符串中的字段\n * @param {String} str 模版字符串\n * @param {Object} o json data\n */\n\nvar substitute = function substitute(str, o) {\n  if (!str || !o) {\n    return str;\n  }\n\n  return str.replace(/\\\\?\\{([^{}]+)\\}/g, function (match, name) {\n    if (match.charAt(0) === '\\\\') {\n      return match.slice(1);\n    }\n\n    var res = o[name];\n    if (res === 0) res = '0';\n    return res || '';\n  });\n};\n/**\n * 给定坐标获取三次贝塞尔曲线的 M 及 C 值\n * @param points coordinate set\n */\n\n\nvar getSpline = function getSpline(points) {\n  var data = [];\n\n  if (points.length < 2) {\n    throw new Error(\"point length must largn than 2, now it's \" + points.length);\n  }\n\n  for (var _i = 0, points_1 = points; _i < points_1.length; _i++) {\n    var point = points_1[_i];\n    var x = point.x,\n        y = point.y;\n    data.push(x);\n    data.push(y);\n  }\n\n  var spliePath = Object(_antv_path_util__WEBPACK_IMPORTED_MODULE_1__[\"catmullRom2Bezier\"])(data);\n  spliePath.unshift(['M', points[0].x, points[0].y]);\n  return spliePath;\n};\n/**\n * 根据起始点、相对位置、偏移量计算控制点\n * @param  {IPoint} startPoint 起始点，包含 x,y\n * @param  {IPoint} endPoint  结束点, 包含 x,y\n * @param  {Number} percent   相对位置,范围 0-1\n * @param  {Number} offset    偏移量\n * @return {IPoint} 控制点，包含 x,y\n */\n\nvar getControlPoint = function getControlPoint(startPoint, endPoint, percent, offset) {\n  if (percent === void 0) {\n    percent = 0;\n  }\n\n  if (offset === void 0) {\n    offset = 0;\n  }\n\n  var point = {\n    x: (1 - percent) * startPoint.x + percent * endPoint.x,\n    y: (1 - percent) * startPoint.y + percent * endPoint.y\n  };\n  var tangent = [0, 0];\n  _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].normalize(tangent, [endPoint.x - startPoint.x, endPoint.y - startPoint.y]);\n\n  if (!tangent || !tangent[0] && !tangent[1]) {\n    tangent = [0, 0];\n  }\n\n  var perpendicular = [-tangent[1] * offset, tangent[0] * offset]; // 垂直向量\n\n  point.x += perpendicular[0];\n  point.y += perpendicular[1];\n  return point;\n};\n/**\n * 点集转化为Path多边形\n * @param {Array} points 点集\n * @param {Boolen} z 是否封闭\n * @return {Array} Path\n */\n\nvar pointsToPolygon = function pointsToPolygon(points, z) {\n  var length = points.length;\n\n  if (!length) {\n    return '';\n  }\n\n  var path = '';\n  var str = '';\n\n  for (var i = 0; i < length; i++) {\n    var item = points[i];\n\n    if (i === 0) {\n      str = 'M{x} {y}';\n    } else {\n      str = 'L{x} {y}';\n    }\n\n    path += substitute(str, item);\n  }\n\n  if (z) {\n    path += 'Z';\n  }\n\n  return path;\n};\nvar pathToPoints = function pathToPoints(path) {\n  var points = [];\n  path.forEach(function (seg) {\n    var command = seg[0];\n\n    if (command !== 'A') {\n      for (var i = 1; i < seg.length; i = i + 2) {\n        points.push([seg[i], seg[i + 1]]);\n      }\n    } else {\n      var length_1 = seg.length;\n      points.push([seg[length_1 - 2], seg[length_1 - 1]]);\n    }\n  });\n  return points;\n};\n/**\n * 生成平滑的闭合曲线\n * @param points\n */\n\nvar getClosedSpline = function getClosedSpline(points) {\n  if (points.length < 2) {\n    throw new Error(\"point length must largn than 2, now it's \" + points.length);\n  }\n\n  var first = points[0];\n  var second = points[1];\n  var last = points[points.length - 1];\n  var lastSecond = points[points.length - 2];\n  points.unshift(last);\n  points.unshift(lastSecond);\n  points.push(first);\n  points.push(second);\n  var closedPath = [];\n\n  for (var i = 1; i < points.length - 2; i += 1) {\n    var x0 = points[i - 1].x;\n    var y0 = points[i - 1].y;\n    var x1 = points[i].x;\n    var y1 = points[i].y;\n    var x2 = points[i + 1].x;\n    var y2 = points[i + 1].y;\n    var x3 = i !== points.length - 2 ? points[i + 2].x : x2;\n    var y3 = i !== points.length - 2 ? points[i + 2].y : y2;\n    var cp1x = x1 + (x2 - x0) / 6;\n    var cp1y = y1 + (y2 - y0) / 6;\n    var cp2x = x2 - (x3 - x1) / 6;\n    var cp2y = y2 - (y3 - y1) / 6;\n    closedPath.push(['C', cp1x, cp1y, cp2x, cp2y, x2, y2]);\n  }\n\n  closedPath.unshift(['M', last.x, last.y]);\n  return closedPath;\n};\n\nvar vecScaleTo = function vecScaleTo(v, length) {\n  // Vector with direction of v with specified length\n  return _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].normalize([0, 0], v), length);\n};\n\nvar unitNormal = function unitNormal(p0, p1) {\n  // Returns the unit normal to the line segment from p0 to p1.\n  var n = [p0[1] - p1[1], p1[0] - p0[0]];\n  var nLength = Math.sqrt(n[0] * n[0] + n[1] * n[1]);\n\n  if (nLength === 0) {\n    throw new Error('p0 should not be equal to p1');\n  }\n\n  return [n[0] / nLength, n[1] / nLength];\n};\n\nvar vecFrom = function vecFrom(p0, p1) {\n  // Vector from p0 to p1\n  return [p1[0] - p0[0], p1[1] - p0[1]];\n};\n/**\n * 传入的节点作为多边形顶点，生成有圆角的多边形\n * @param polyPoints 多边形顶点\n * @param padding 在原多边形基础上增加最终轮廓和原多边形的空白间隔\n */\n\n\nfunction roundedHull(polyPoints, padding) {\n  // The rounded hull path around a single point\n  var roundedHull1 = function roundedHull1(points) {\n    var p1 = [points[0][0], points[0][1] - padding];\n    var p2 = [points[0][0], points[0][1] + padding];\n    return \"M \" + p1 + \" A \" + padding + \",\" + padding + \",0,0,0,\" + p2 + \" A \" + padding + \",\" + padding + \",0,0,0,\" + p1;\n  }; // The rounded hull path around two points\n\n\n  var roundedHull2 = function roundedHull2(points) {\n    var offsetVector = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], unitNormal(points[0], points[1]), padding);\n    var invOffsetVector = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], offsetVector, -1);\n    var p0 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[0], offsetVector);\n    var p1 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[1], offsetVector);\n    var p2 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[1], invOffsetVector);\n    var p3 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[0], invOffsetVector);\n    return \"M \" + p0 + \" L \" + p1 + \" A \" + [padding, padding, '0,0,0', p2].join(',') + \" L \" + p3 + \" A \" + [padding, padding, '0,0,0', p0].join(',');\n  }; // 特殊情况处理：节点数小于等于2\n\n\n  if (!polyPoints || polyPoints.length < 1) return '';\n  if (polyPoints.length === 1) return roundedHull1(polyPoints);\n  if (polyPoints.length === 2) return roundedHull2(polyPoints);\n  var segments = new Array(polyPoints.length); // Calculate each offset (outwards) segment of the convex hull.\n\n  for (var segmentIndex = 0; segmentIndex < segments.length; ++segmentIndex) {\n    var p0 = segmentIndex === 0 ? polyPoints[polyPoints.length - 1] : polyPoints[segmentIndex - 1];\n    var p1 = polyPoints[segmentIndex]; // Compute the offset vector for the line segment, with length = padding.\n\n    var offset = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], unitNormal(p0, p1), padding);\n    segments[segmentIndex] = [_antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], p0, offset), _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], p1, offset)];\n  }\n\n  var arcData = \"A \" + [padding, padding, '0,0,0,'].join(',');\n  segments = segments.map(function (segment, index) {\n    var pathFragment = '';\n\n    if (index === 0) {\n      pathFragment = \"M \" + segments[segments.length - 1][1] + \" \";\n    }\n\n    pathFragment += arcData + segment[0] + \" L \" + segment[1];\n    return pathFragment;\n  });\n  return segments.join(' ');\n}\n/**\n * 传入的节点作为多边形顶点，生成平滑的闭合多边形\n * @param polyPoints\n * @param padding\n */\n\nfunction paddedHull(polyPoints, padding) {\n  var pointCount = polyPoints.length;\n\n  var smoothHull1 = function smoothHull1(points) {\n    // Returns the path for a circular hull around a single point.\n    var p1 = [points[0][0], points[0][1] - padding];\n    var p2 = [points[0][0], points[0][1] + padding];\n    return \"M \" + p1 + \" A \" + [padding, padding, '0,0,0', p2].join(',') + \" A \" + [padding, padding, '0,0,0', p1].join(',');\n  }; // Returns the path for a rounded hull around two points.\n\n\n  var smoothHull2 = function smoothHull2(points) {\n    var v = vecFrom(points[0], points[1]);\n    var extensionVec = vecScaleTo(v, padding);\n    var extension0 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[0], _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], extensionVec, -1));\n    var extension1 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], points[1], extensionVec);\n    var tangentHalfLength = 1.2 * padding;\n    var controlDelta = vecScaleTo(_antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].normalize([0, 0], v), tangentHalfLength);\n    var invControlDelta = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], controlDelta, -1);\n    var control0 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], extension0, invControlDelta);\n    var control1 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], extension1, invControlDelta);\n    var control3 = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], extension0, controlDelta); // return [\n    //   ['M', extension0[0], extension0[1]],\n    //   ['C', control0, control1, extension1],\n    //   ['S', control3, extension0],\n    //   'Z',\n    // ];\n\n    return \"M \" + extension0 + \" C \" + [control0, control1, extension1].join(',') + \" S \" + [control3, extension0].join(',') + \" Z\";\n  }; // Handle special cases\n\n\n  if (!polyPoints || pointCount < 1) return '';\n  if (pointCount === 1) return smoothHull1(polyPoints);\n  if (pointCount === 2) return smoothHull2(polyPoints);\n  var hullPoints = polyPoints.map(function (point, index) {\n    var pNext = polyPoints[(index + 1) % pointCount];\n    return {\n      p: point,\n      v: _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].normalize([0, 0], vecFrom(point, pNext))\n    };\n  }); // Compute the expanded hull points, and the nearest prior control point for each.\n\n  for (var i = 0; i < hullPoints.length; ++i) {\n    var priorIndex = i > 0 ? i - 1 : pointCount - 1;\n    var extensionVec = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].normalize([0, 0], _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], hullPoints[priorIndex].v, _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], hullPoints[i].v, -1)));\n    hullPoints[i].p = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].add([0, 0], hullPoints[i].p, _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"vec2\"].scale([0, 0], extensionVec, padding));\n  }\n\n  return hullPoints.map(function (obj) {\n    var point = obj.p;\n    return {\n      x: point[0],\n      y: point[1]\n    };\n  });\n}\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/util/path.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/index.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/index.js ***!
+  \*********************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _polyline__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./polyline */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/polyline.js\");\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/polyline-util.js":
+/*!*****************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/polyline-util.js ***!
+  \*****************************************************************************************/
+/*! exports provided: getBBoxFromPoint, getBBoxFromPoints, isBBoxesOverlapping, filterConnectPoints, simplifyPolyline, getSimplePolyline, getExpandedBBox, isHorizontalPort, getExpandedBBoxPoint, mergeBBox, getPointsFromBBox, isPointOutsideBBox, getBBoxXCrossPoints, getBBoxYCrossPoints, getBBoxCrossPointsByPoint, distance, _costByPoints, heuristicCostEstimate, reconstructPath, removeFrom, isSegmentsIntersected, isSegmentCrossingBBox, getNeighborPoints, pathFinder, isBending, getBorderRadiusPoints, getPathWithBorderRadiusByPolyline, getPolylinePoints */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxFromPoint\", function() { return getBBoxFromPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxFromPoints\", function() { return getBBoxFromPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBBoxesOverlapping\", function() { return isBBoxesOverlapping; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"filterConnectPoints\", function() { return filterConnectPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"simplifyPolyline\", function() { return simplifyPolyline; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getSimplePolyline\", function() { return getSimplePolyline; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getExpandedBBox\", function() { return getExpandedBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isHorizontalPort\", function() { return isHorizontalPort; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getExpandedBBoxPoint\", function() { return getExpandedBBoxPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"mergeBBox\", function() { return mergeBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPointsFromBBox\", function() { return getPointsFromBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPointOutsideBBox\", function() { return isPointOutsideBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxXCrossPoints\", function() { return getBBoxXCrossPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxYCrossPoints\", function() { return getBBoxYCrossPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBBoxCrossPointsByPoint\", function() { return getBBoxCrossPointsByPoint; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"distance\", function() { return distance; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_costByPoints\", function() { return _costByPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"heuristicCostEstimate\", function() { return heuristicCostEstimate; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reconstructPath\", function() { return reconstructPath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"removeFrom\", function() { return removeFrom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isSegmentsIntersected\", function() { return isSegmentsIntersected; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isSegmentCrossingBBox\", function() { return isSegmentCrossingBBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getNeighborPoints\", function() { return getNeighborPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pathFinder\", function() { return pathFinder; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBending\", function() { return isBending; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getBorderRadiusPoints\", function() { return getBorderRadiusPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPathWithBorderRadiusByPolyline\", function() { return getPathWithBorderRadiusByPolyline; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPolylinePoints\", function() { return getPolylinePoints; });\nvar getBBoxFromPoint = function getBBoxFromPoint(point) {\n  var x = point.x,\n      y = point.y;\n  return {\n    x: x,\n    y: y,\n    centerX: x,\n    centerY: y,\n    minX: x,\n    minY: y,\n    maxX: x,\n    maxY: y,\n    height: 0,\n    width: 0\n  };\n};\nvar getBBoxFromPoints = function getBBoxFromPoints(points) {\n  if (points === void 0) {\n    points = [];\n  }\n\n  var xs = [];\n  var ys = [];\n  points.forEach(function (p) {\n    xs.push(p.x);\n    ys.push(p.y);\n  });\n  var minX = Math.min.apply(Math, xs);\n  var maxX = Math.max.apply(Math, xs);\n  var minY = Math.min.apply(Math, ys);\n  var maxY = Math.max.apply(Math, ys);\n  return {\n    centerX: (minX + maxX) / 2,\n    centerY: (minY + maxY) / 2,\n    maxX: maxX,\n    maxY: maxY,\n    minX: minX,\n    minY: minY,\n    height: maxY - minY,\n    width: maxX - minX\n  };\n};\nvar isBBoxesOverlapping = function isBBoxesOverlapping(b1, b2) {\n  return Math.abs(b1.centerX - b2.centerX) * 2 < b1.width + b2.width && Math.abs(b1.centerY - b2.centerY) * 2 < b1.height + b2.height;\n};\nvar filterConnectPoints = function filterConnectPoints(points) {\n  // pre-process: remove duplicated points\n  var result = [];\n  var pointsMap = {};\n  var pointsLength = points.length;\n\n  for (var i = pointsLength - 1; i >= 0; i--) {\n    var p = points[i];\n    p.id = p.x + \"|||\" + p.y;\n    pointsMap[p.id] = p;\n    result.push(p);\n  }\n\n  return result;\n};\nvar simplifyPolyline = function simplifyPolyline(points) {\n  return filterConnectPoints(points);\n};\nvar getSimplePolyline = function getSimplePolyline(sPoint, tPoint) {\n  return [sPoint, {\n    x: sPoint.x,\n    y: tPoint.y\n  }, tPoint];\n};\nvar getExpandedBBox = function getExpandedBBox(bbox, offset) {\n  if (bbox.width || bbox.height) {\n    return {\n      centerX: bbox.centerX,\n      centerY: bbox.centerY,\n      minX: bbox.minX - offset,\n      minY: bbox.minY - offset,\n      maxX: bbox.maxX + offset,\n      maxY: bbox.maxY + offset,\n      height: bbox.height + 2 * offset,\n      width: bbox.width + 2 * offset\n    };\n  } // when it is a point\n\n\n  return bbox;\n};\nvar isHorizontalPort = function isHorizontalPort(port, bbox) {\n  var dx = Math.abs(port.x - bbox.centerX);\n  var dy = Math.abs(port.y - bbox.centerY);\n  if (dx === 0 && dy === 0) return 0;\n  return dx / bbox.width > dy / bbox.height;\n};\nvar getExpandedBBoxPoint = function getExpandedBBoxPoint(bbox, // 将原来节点 bbox 扩展了 offset 后的 bbox，且被 gridSize 格式化\npoint, // 被 gridSize 格式化后的位置（anchorPoint）\nanotherPoint) {\n  var isHorizontal = isHorizontalPort(point, bbox);\n\n  if (isHorizontal === 0) {\n    // 说明锚点是节点中心，linkCenter: true。需要根据两个节点的相对关系决定方向\n    var x = bbox.centerX;\n    var y = bbox.centerY;\n\n    if (anotherPoint.y < point.y) {\n      // 另一端在左上/右上方时，总是从上方走\n      y = bbox.minY;\n    } else if (anotherPoint.x > point.x) {\n      // 另一端在右下方，往右边走\n      x = bbox.maxX;\n    } else if (anotherPoint.x < point.x) {\n      // 另一端在左下方，往左边走\n      x = bbox.minX;\n    } else if (anotherPoint.x === point.x) {\n      // 另一段在正下方，往下走\n      y = bbox.maxY;\n    }\n\n    return {\n      x: x,\n      y: y\n    };\n  }\n\n  if (isHorizontal) {\n    return {\n      x: point.x > bbox.centerX ? bbox.maxX : bbox.minX,\n      y: point.y\n    };\n  }\n\n  return {\n    x: point.x,\n    y: point.y > bbox.centerY ? bbox.maxY : bbox.minY\n  };\n};\n/**\n *\n * @param b1\n * @param b2\n */\n\nvar mergeBBox = function mergeBBox(b1, b2) {\n  var minX = Math.min(b1.minX, b2.minX);\n  var minY = Math.min(b1.minY, b2.minY);\n  var maxX = Math.max(b1.maxX, b2.maxX);\n  var maxY = Math.max(b1.maxY, b2.maxY);\n  return {\n    centerX: (minX + maxX) / 2,\n    centerY: (minY + maxY) / 2,\n    minX: minX,\n    minY: minY,\n    maxX: maxX,\n    maxY: maxY,\n    height: maxY - minY,\n    width: maxX - minX\n  };\n};\nvar getPointsFromBBox = function getPointsFromBBox(bbox) {\n  // anticlockwise\n  // const { minX, minY, maxX, maxY } = bbox;\n  return [{\n    x: bbox.minX,\n    y: bbox.minY\n  }, {\n    x: bbox.maxX,\n    y: bbox.minY\n  }, {\n    x: bbox.maxX,\n    y: bbox.maxY\n  }, {\n    x: bbox.minX,\n    y: bbox.maxY\n  }];\n};\nvar isPointOutsideBBox = function isPointOutsideBBox(point, bbox) {\n  var x = point.x,\n      y = point.y;\n  return x < bbox.minX || x > bbox.maxX || y < bbox.minY || y > bbox.maxY;\n};\nvar getBBoxXCrossPoints = function getBBoxXCrossPoints(bbox, x) {\n  if (x < bbox.minX || x > bbox.maxX) {\n    return [];\n  }\n\n  return [{\n    x: x,\n    y: bbox.minY\n  }, {\n    x: x,\n    y: bbox.maxY\n  }];\n};\nvar getBBoxYCrossPoints = function getBBoxYCrossPoints(bbox, y) {\n  if (y < bbox.minY || y > bbox.maxY) {\n    return [];\n  }\n\n  return [{\n    x: bbox.minX,\n    y: y\n  }, {\n    x: bbox.maxX,\n    y: y\n  }];\n};\nvar getBBoxCrossPointsByPoint = function getBBoxCrossPointsByPoint(bbox, point) {\n  return getBBoxXCrossPoints(bbox, point.x).concat(getBBoxYCrossPoints(bbox, point.y));\n};\n/**\n * 曼哈顿距离\n */\n\nvar distance = function distance(p1, p2) {\n  return Math.abs(p1.x - p2.x) + Math.abs(p1.y - p2.y);\n};\n/**\n * 如果 points 中的一个节点 x 与 p 相等，则消耗 -2。y 同\n * 即优先选择和 points 在同一水平线 / 垂直线上的点\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\n\nvar _costByPoints = function _costByPoints(p, points) {\n  var offset = -2;\n  var result = 0;\n  points.forEach(function (point) {\n    if (point) {\n      if (p.x === point.x) {\n        result += offset;\n      }\n\n      if (p.y === point.y) {\n        result += offset;\n      }\n    }\n  });\n  return result;\n};\n/**\n * ps 经过 p 到 pt 的距离，减去其他路过节点造成的消耗\n */\n\nvar heuristicCostEstimate = function heuristicCostEstimate(p, ps, pt, source, target) {\n  return distance(p, ps) + distance(p, pt) + _costByPoints(p, [ps, pt, source, target]);\n};\nvar reconstructPath = function reconstructPath(pathPoints, pointById, cameFrom, currentId, iterator) {\n  if (iterator === void 0) {\n    iterator = 0;\n  }\n\n  pathPoints.unshift(pointById[currentId]);\n\n  if (cameFrom[currentId] && cameFrom[currentId] !== currentId && iterator <= 100) {\n    reconstructPath(pathPoints, pointById, cameFrom, cameFrom[currentId], iterator + 1);\n  }\n};\n/**\n * 从 arr 中删去 item\n */\n\nvar removeFrom = function removeFrom(arr, item) {\n  var index = arr.indexOf(item);\n\n  if (index > -1) {\n    arr.splice(index, 1);\n  }\n};\nvar isSegmentsIntersected = function isSegmentsIntersected(p0, p1, p2, p3) {\n  var v1x = p2.x - p0.x;\n  var v1y = p2.y - p0.y;\n  var v2x = p3.x - p0.x;\n  var v2y = p3.y - p0.y;\n  var v3x = p2.x - p1.x;\n  var v3y = p2.y - p1.y;\n  var v4x = p3.x - p1.x;\n  var v4y = p3.y - p1.y;\n  var pd1 = v1x * v2y - v1y * v2x;\n  var pd2 = v3x * v4y - v3y * v4x;\n  var pd3 = v1x * v3y - v1y * v3x;\n  var pd4 = v2x * v4y - v2y * v4x;\n  return pd1 * pd2 <= 0 && pd3 * pd4 <= 0;\n};\nvar isSegmentCrossingBBox = function isSegmentCrossingBBox(p1, p2, bbox) {\n  if (bbox.width || bbox.height) {\n    var _a = getPointsFromBBox(bbox),\n        pa = _a[0],\n        pb = _a[1],\n        pc = _a[2],\n        pd = _a[3];\n\n    return isSegmentsIntersected(p1, p2, pa, pb) || isSegmentsIntersected(p1, p2, pa, pd) || isSegmentsIntersected(p1, p2, pb, pc) || isSegmentsIntersected(p1, p2, pc, pd);\n  }\n\n  return false;\n};\n/**\n * 在 points 中找到满足 x 或 y 和 point 的 x 或 y 相等，且与 point 连线不经过 bbox1 与 bbox2 的点\n */\n\nvar getNeighborPoints = function getNeighborPoints(points, point, bbox1, bbox2) {\n  var neighbors = [];\n  points.forEach(function (p) {\n    if (p === point) return;\n\n    if (p.x === point.x || p.y === point.y) {\n      if (isSegmentCrossingBBox(p, point, bbox1) || isSegmentCrossingBBox(p, point, bbox2)) return;\n      neighbors.push(p);\n    }\n  });\n  return filterConnectPoints(neighbors);\n};\nvar pathFinder = function pathFinder(points, start, goal, sBBox, tBBox, os, ot) {\n  // A-Star Algorithm\n  var closedSet = [];\n  var openSet = [start];\n  var cameFrom = {};\n  var gScore = {}; // all default values are Infinity\n\n  var fScore = {}; // all default values are Infinity\n\n  gScore[start.id] = 0;\n  fScore[start.id] = heuristicCostEstimate(start, goal, start);\n  var pointById = {};\n  points.forEach(function (p) {\n    pointById[p.id] = p;\n  });\n  var current, lowestFScore;\n\n  while (openSet.length) {\n    current = undefined;\n    lowestFScore = Infinity; // 找到 openSet 中 fScore 最小的点\n\n    openSet.forEach(function (p) {\n      if (fScore[p.id] <= lowestFScore) {\n        lowestFScore = fScore[p.id];\n        current = p;\n      }\n    }); // 若 openSet 中 fScore 最小的点就是终点\n\n    if (current === goal) {\n      // ending condition\n      var pathPoints = [];\n      reconstructPath(pathPoints, pointById, cameFrom, goal.id);\n      return pathPoints;\n    }\n\n    removeFrom(openSet, current);\n    closedSet.push(current);\n    getNeighborPoints(points, current, sBBox, tBBox).forEach(function (neighbor) {\n      if (closedSet.indexOf(neighbor) !== -1) {\n        return;\n      }\n\n      if (openSet.indexOf(neighbor) === -1) {\n        openSet.push(neighbor);\n      }\n\n      var tentativeGScore = fScore[current.id] + distance(current, neighbor); // + distance(neighbor, goal);\n\n      if (gScore[neighbor.id] && tentativeGScore >= gScore[neighbor.id]) {\n        return;\n      }\n\n      cameFrom[neighbor.id] = current.id;\n      gScore[neighbor.id] = tentativeGScore;\n      fScore[neighbor.id] = gScore[neighbor.id] + heuristicCostEstimate(neighbor, goal, start, os, ot);\n    });\n  } // throw new Error('Cannot find path');\n\n\n  return [start, goal];\n};\nvar isBending = function isBending(p0, p1, p2) {\n  return !(p0.x === p1.x && p1.x === p2.x || p0.y === p1.y && p1.y === p2.y);\n};\nvar getBorderRadiusPoints = function getBorderRadiusPoints(p0, p1, p2, r) {\n  var d0 = distance(p0, p1);\n  var d1 = distance(p2, p1);\n\n  if (d0 < r) {\n    r = d0;\n  }\n\n  if (d1 < r) {\n    r = d1;\n  }\n\n  var ps = {\n    x: p1.x - r / d0 * (p1.x - p0.x),\n    y: p1.y - r / d0 * (p1.y - p0.y)\n  };\n  var pt = {\n    x: p1.x - r / d1 * (p1.x - p2.x),\n    y: p1.y - r / d1 * (p1.y - p2.y)\n  };\n  return [ps, pt];\n};\nvar getPathWithBorderRadiusByPolyline = function getPathWithBorderRadiusByPolyline(points, borderRadius) {\n  var pathSegments = [];\n  var startPoint = points[0];\n  pathSegments.push(\"M\" + startPoint.x + \" \" + startPoint.y);\n  points.forEach(function (p, i) {\n    var p1 = points[i + 1];\n    var p2 = points[i + 2];\n\n    if (p1 && p2) {\n      if (isBending(p, p1, p2)) {\n        var _a = getBorderRadiusPoints(p, p1, p2, borderRadius),\n            ps = _a[0],\n            pt = _a[1];\n\n        pathSegments.push(\"L\" + ps.x + \" \" + ps.y);\n        pathSegments.push(\"Q\" + p1.x + \" \" + p1.y + \" \" + pt.x + \" \" + pt.y);\n        pathSegments.push(\"L\" + pt.x + \" \" + pt.y);\n      } else {\n        pathSegments.push(\"L\" + p1.x + \" \" + p1.y);\n      }\n    } else if (p1) {\n      pathSegments.push(\"L\" + p1.x + \" \" + p1.y);\n    }\n  });\n  return pathSegments.join('');\n};\nvar getPolylinePoints = function getPolylinePoints(start, end, sNode, tNode, offset) {\n  var sBBox, tBBox;\n\n  if (!sNode || !sNode.getType()) {\n    sBBox = getBBoxFromPoint(start);\n  } else if (sNode.getType() === 'combo') {\n    var sNodeKeyShape = sNode.getKeyShape();\n    sBBox = sNodeKeyShape.getCanvasBBox() || getBBoxFromPoint(start);\n    sBBox.centerX = (sBBox.minX + sBBox.maxX) / 2;\n    sBBox.centerY = (sBBox.minY + sBBox.maxY) / 2;\n  } else {\n    sBBox = sNode.getBBox();\n  }\n\n  if (!tNode || !tNode.getType()) {\n    tBBox = getBBoxFromPoint(end);\n  } else if (tNode.getType() === 'combo') {\n    var tNodeKeyShape = tNode.getKeyShape();\n    tBBox = tNodeKeyShape.getCanvasBBox() || getBBoxFromPoint(end);\n    tBBox.centerX = (tBBox.minX + tBBox.maxX) / 2;\n    tBBox.centerY = (tBBox.minY + tBBox.maxY) / 2;\n  } else {\n    tBBox = tNode && tNode.getBBox();\n  } // if (isBBoxesOverlapping(sBBox, tBBox)) {\n  //   // source and target nodes are overlapping\n  //   return simplifyPolyline(getSimplePolyline(start, end));\n  // }\n\n\n  var sxBBox = getExpandedBBox(sBBox, offset);\n  var txBBox = getExpandedBBox(tBBox, offset); // if (isBBoxesOverlapping(sxBBox, txBBox)) {\n  //   // the expanded bounding boxes of source and target nodes are overlapping\n  //   return simplifyPolyline(getSimplePolyline(start, end));\n  // }\n\n  var sPoint = getExpandedBBoxPoint(sxBBox, start, end);\n  var tPoint = getExpandedBBoxPoint(txBBox, end, start);\n  var lineBBox = getBBoxFromPoints([sPoint, tPoint]);\n  var sMixBBox = mergeBBox(sxBBox, lineBBox);\n  var tMixBBox = mergeBBox(txBBox, lineBBox);\n  var connectPoints = [];\n  connectPoints = connectPoints.concat(getPointsFromBBox(sMixBBox)).concat(getPointsFromBBox(tMixBBox));\n  var centerPoint = {\n    x: (start.x + end.x) / 2,\n    y: (start.y + end.y) / 2\n  };\n  [lineBBox, sMixBBox, tMixBBox].forEach(function (bbox) {\n    connectPoints = connectPoints.concat(getBBoxCrossPointsByPoint(bbox, centerPoint).filter(function (p) {\n      return isPointOutsideBBox(p, sxBBox) && isPointOutsideBBox(p, txBBox);\n    }));\n  });\n  [{\n    x: sPoint.x,\n    y: tPoint.y\n  }, {\n    x: tPoint.x,\n    y: sPoint.y\n  }].forEach(function (p) {\n    // impossible!!\n    if (isPointOutsideBBox(p, sxBBox) && isPointOutsideBBox(p, txBBox) // &&\n    // isPointInsideBBox(p, sMixBBox) && isPointInsideBBox(p, tMixBBox)\n    ) {\n        connectPoints.push(p);\n      }\n  });\n  connectPoints.unshift(sPoint);\n  connectPoints.push(tPoint); // filter out dulplicated points in connectPoints\n\n  connectPoints = filterConnectPoints(connectPoints); // , sxBBox, txBBox, outerBBox\n\n  var pathPoints = pathFinder(connectPoints, sPoint, tPoint, sBBox, tBBox, start, end);\n  pathPoints.unshift(start);\n  pathPoints.push(end);\n  return simplifyPolyline(pathPoints);\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/polyline-util.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/polyline.js":
+/*!************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/polyline.js ***!
+  \************************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _polyline_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./polyline-util */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/polyline-util.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./router */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/router.js\");\n\n\n\n\n // 折线\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"registerEdge\"])('polyline', {\n  options: {\n    color: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultEdge.color,\n    size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultEdge.size,\n    style: {\n      radius: 0,\n      offset: 15,\n      x: 0,\n      y: 0,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultEdge.style.stroke,\n      lineAppendWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultEdge.style.lineAppendWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].edgeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].edgeLabel.style.fontSize\n      }\n    },\n    routeCfg: {\n      obstacles: [],\n      maxAllowedDirectionChange: Math.PI,\n      maximumLoops: 500,\n      gridSize: 10 // 指定精度\n\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].edgeStateStyles)\n  },\n  shapeType: 'polyline',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var shapeStyle = this.getShapeStyle(cfg);\n    if (shapeStyle.radius === 0) delete shapeStyle.radius;\n    var keyShape = group.addShape('path', {\n      className: 'edge-shape',\n      name: 'edge-shape',\n      attrs: shapeStyle\n    });\n    return keyShape;\n  },\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.options.style;\n    var strokeStyle = {\n      stroke: cfg.color\n    };\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle, cfg.style);\n    cfg = this.getPathPoints(cfg);\n    this.radius = style.radius;\n    this.offset = style.offset;\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    var controlPoints = this.getControlPoints(cfg);\n    var points = [startPoint]; // 添加起始点\n    // 添加控制点\n\n    if (controlPoints) {\n      points = points.concat(controlPoints);\n    } // 添加结束点\n\n\n    points.push(endPoint);\n    var source = cfg.sourceNode;\n    var target = cfg.targetNode;\n    var radius = style.radius;\n    var defaultRouteCfg = this.options.routeCfg;\n    var routeCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultRouteCfg, cfg.routeCfg);\n    routeCfg.offset = style.offset;\n    var path = this.getPath(points, source, target, radius, routeCfg);\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(path) && path.length <= 1 || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(path) && path.indexOf('L') === -1) {\n      path = 'M0 0, L0 0';\n    }\n\n    if (isNaN(startPoint.x) || isNaN(startPoint.y) || isNaN(endPoint.x) || isNaN(endPoint.y)) {\n      path = 'M0 0, L0 0';\n    }\n\n    var attrs = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultEdge.style, style, {\n      lineWidth: cfg.size,\n      path: path\n    });\n    return attrs;\n  },\n  updateShapeStyle: function updateShapeStyle(cfg, item) {\n    var group = item.getContainer();\n    if (!item.isVisible()) return;\n    var strokeStyle = {\n      stroke: cfg.color\n    };\n    var shape = group.find(function (element) {\n      return element.get('className') === 'edge-shape';\n    }) || item.getKeyShape();\n    var size = cfg.size;\n    cfg = this.getPathPoints(cfg);\n    var startPoint = cfg.startPoint,\n        endPoint = cfg.endPoint;\n    var controlPoints = this.getControlPoints(cfg); // || cfg.controlPoints;\n\n    var points = [startPoint]; // 添加起始点\n    // 添加控制点\n\n    if (controlPoints) {\n      points = points.concat(controlPoints);\n    } // 添加结束点\n\n\n    points.push(endPoint);\n    var currentAttr = shape.attr();\n    var previousStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, strokeStyle, currentAttr, cfg.style);\n    var source = cfg.sourceNode;\n    var target = cfg.targetNode;\n    var radius = previousStyle.radius;\n    var defaultRouteCfg = this.options.routeCfg;\n    var routeCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultRouteCfg, cfg.routeCfg);\n    routeCfg.offset = previousStyle.offset;\n    var path = this.getPath(points, source, target, radius, routeCfg);\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(path) && path.length <= 1 || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(path) && path.indexOf('L') === -1) {\n      path = 'M0 0, L0 0';\n    }\n\n    if (isNaN(startPoint.x) || isNaN(startPoint.y) || isNaN(endPoint.x) || isNaN(endPoint.y)) {\n      path = 'M0 0, L0 0';\n    }\n\n    if (currentAttr.endArrow && previousStyle.endArrow === false) {\n      cfg.style.endArrow = {\n        path: ''\n      };\n    }\n\n    if (currentAttr.startArrow && previousStyle.startArrow === false) {\n      cfg.style.startArrow = {\n        path: ''\n      };\n    }\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(strokeStyle, shape.attr(), {\n      lineWidth: size,\n      path: path\n    }, cfg.style);\n\n    if (shape) {\n      shape.attr(style);\n    }\n  },\n  getPath: function getPath(points, source, target, radius, routeCfg) {\n    var offset = routeCfg.offset,\n        simple = routeCfg.simple; // 指定了控制点\n\n    if (!offset || points.length > 2) {\n      if (radius) {\n        return Object(_polyline_util__WEBPACK_IMPORTED_MODULE_3__[\"getPathWithBorderRadiusByPolyline\"])(points, radius);\n      }\n\n      var pathArray_1 = [];\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(points, function (point, index) {\n        if (index === 0) {\n          pathArray_1.push(['M', point.x, point.y]);\n        } else {\n          pathArray_1.push(['L', point.x, point.y]);\n        }\n      });\n      return pathArray_1;\n    } // 未指定控制点\n\n\n    var polylinePoints = simple ? Object(_polyline_util__WEBPACK_IMPORTED_MODULE_3__[\"getPolylinePoints\"])(points[points.length - 1], points[0], target, source, offset) : Object(_router__WEBPACK_IMPORTED_MODULE_4__[\"pathFinder\"])(points[0], points[points.length - 1], source, target, routeCfg);\n    if (!polylinePoints || !polylinePoints.length) return 'M0 0, L0 0';\n\n    if (radius) {\n      var res_1 = Object(_polyline_util__WEBPACK_IMPORTED_MODULE_3__[\"getPathWithBorderRadiusByPolyline\"])(polylinePoints, radius);\n      return res_1;\n    }\n\n    var res = _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"Util\"].pointsToPolygon(polylinePoints);\n    return res;\n  }\n}, 'single-edge');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/polyline.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/router.js":
+/*!**********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/router.js ***!
+  \**********************************************************************************/
+/*! exports provided: octolinearCfg, pathFinder */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"octolinearCfg\", function() { return octolinearCfg; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pathFinder\", function() { return pathFinder; });\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _polyline_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./polyline-util */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/polyline-util.js\");\n/**\n * 通过配置不同的 costFunc, distFunc, constraints 可以得到不同效果的 router\n * generalRouter: 不限制搜索时的移动方向，避开障碍即可\n * orthogonal: 线必须沿着竖直或水平方向（4个方向）\n * octolinearRouter: 线沿着竖直、水平、对角线方向（8个方向）\n */\n\n\n\n\nvar manhattanDist = function manhattanDist(p1, p2) {\n  return Math.abs(p1.x - p2.x) + Math.abs(p1.y - p2.y);\n};\n\nvar eucliDist = function eucliDist(p1, p2) {\n  return Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));\n};\n\nvar straightPath = function straightPath(start, end) {\n  // console.warn('fallbackRoute: straight path');\n  return [start, end];\n};\n\nvar simplePolyline = function simplePolyline(start, end, startNode, endNode, cfg) {\n  // console.warn('fallbackRoute: simple polyline path');\n  return Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"simplifyPolyline\"])(Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"getPolylinePoints\"])(start, end, startNode, endNode, cfg.offset));\n}; // getPolylinePoints\n\n\nvar defaultCfg = {\n  offset: 20,\n  maxAllowedDirectionChange: Math.PI / 2,\n  maximumLoops: 2000,\n  gridSize: 10,\n  directions: [{\n    stepX: 1,\n    stepY: 0\n  }, {\n    stepX: -1,\n    stepY: 0\n  }, {\n    stepX: 0,\n    stepY: 1\n  }, {\n    stepX: 0,\n    stepY: -1\n  } // top\n  ],\n\n  get penalties() {\n    return {\n      0: 0,\n      45: this.gridSize / 2,\n      90: this.gridSize / 2\n    };\n  },\n\n  distFunc: manhattanDist,\n  fallbackRoute: simplePolyline\n};\nvar octolinearCfg = {\n  maxAllowedDirectionChange: Math.PI / 4,\n  // 8 个方向: 上下左右 + 45度斜线方向\n  directions: [{\n    stepX: 1,\n    stepY: 0\n  }, {\n    stepX: 1,\n    stepY: 1\n  }, {\n    stepX: 0,\n    stepY: 1\n  }, {\n    stepX: -1,\n    stepY: 1\n  }, {\n    stepX: -1,\n    stepY: 0\n  }, {\n    stepX: -1,\n    stepY: -1\n  }, {\n    stepX: 0,\n    stepY: -1\n  }, {\n    stepX: 1,\n    stepY: -1\n  }],\n  distFunc: eucliDist,\n  fallbackRoute: straightPath\n};\n\nvar pos2GridIx = function pos2GridIx(pos, gridSize) {\n  var gridIx = Math.round(Math.abs(pos / gridSize));\n  var sign = pos < 0 ? -1 : 1;\n  return gridIx < 0 ? 0 : sign * gridIx;\n};\n\nvar getObstacleMap = function getObstacleMap(items, gridSize, offset) {\n  var map = {};\n  items.forEach(function (item) {\n    // create-edge 时，当边类型为 polyline 时 endNode 为 null\n    if (!item) return;\n    var bbox = Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"getExpandedBBox\"])(item.getBBox(), offset);\n\n    for (var x = pos2GridIx(bbox.minX, gridSize); x <= pos2GridIx(bbox.maxX, gridSize); x += 1) {\n      for (var y = pos2GridIx(bbox.minY, gridSize); y <= pos2GridIx(bbox.maxY, gridSize); y += 1) {\n        map[x + \"|||\" + y] = true;\n      }\n    }\n  });\n  return map;\n};\n/**\n * 方向角：计算从 p1 到 p2 的射线与水平线形成的夹角度数（顺时针从右侧0°转到该射线的角度）\n * @param p1 PolyPoint\n * @param p2 PolyPoint\n */\n\n\nvar getDirectionAngle = function getDirectionAngle(p1, p2) {\n  var deltaX = p2.x - p1.x;\n  var deltaY = p2.y - p1.y;\n\n  if (deltaX || deltaY) {\n    return Math.atan2(deltaY, deltaX);\n  }\n\n  return 0;\n};\n/**\n * 方向角的改变，取小于180度角\n * @param angle1\n * @param angle2\n */\n\n\nvar getAngleDiff = function getAngleDiff(angle1, angle2) {\n  var directionChange = Math.abs(angle1 - angle2);\n  return directionChange > Math.PI ? 2 * Math.PI - directionChange : directionChange; // return directionChange > 180 ? 360 - directionChange : directionChange;\n}; // Path finder //\n\n\nvar estimateCost = function estimateCost(from, endPoints, distFunc) {\n  var min = Infinity;\n\n  for (var i = 0, len = endPoints.length; i < len; i++) {\n    var cost = distFunc(from, endPoints[i]);\n\n    if (cost < min) {\n      min = cost;\n    }\n  }\n\n  return min;\n}; // 计算考虑 offset 后的 BBox 上的连接点\n\n\nvar getBoxPoints = function getBoxPoints(point, // 被 gridSize 格式化后的位置（anchorPoint）\noriPoint, // 未被 gridSize 格式化的位置（anchorPoint）\nnode, // 原始节点，用于获取 bbox\nanotherPoint, // 另一端被 gridSize 格式化后的位置\ncfg) {\n  var points = []; // create-edge 生成边的过程中，endNode 为 null\n\n  if (!node) {\n    return [point];\n  }\n\n  var directions = cfg.directions,\n      offset = cfg.offset;\n  var bbox = node.getBBox();\n  var isInside = oriPoint.x > bbox.minX && oriPoint.x < bbox.maxX && oriPoint.y > bbox.minY && oriPoint.y < bbox.maxY;\n  var expandBBox = Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"getExpandedBBox\"])(bbox, offset);\n\n  for (var i in expandBBox) {\n    expandBBox[i] = pos2GridIx(expandBBox[i], cfg.gridSize);\n  }\n\n  if (isInside) {\n    // 如果 anchorPoint 在节点内部，允许第一段线穿过节点\n    for (var _i = 0, directions_1 = directions; _i < directions_1.length; _i++) {\n      var dir = directions_1[_i];\n      var bounds = [[{\n        x: expandBBox.minX,\n        y: expandBBox.minY\n      }, {\n        x: expandBBox.maxX,\n        y: expandBBox.minY\n      }], [{\n        x: expandBBox.minX,\n        y: expandBBox.minY\n      }, {\n        x: expandBBox.minX,\n        y: expandBBox.maxY\n      }], [{\n        x: expandBBox.maxX,\n        y: expandBBox.minY\n      }, {\n        x: expandBBox.maxX,\n        y: expandBBox.maxY\n      }], [{\n        x: expandBBox.minX,\n        y: expandBBox.maxY\n      }, {\n        x: expandBBox.maxX,\n        y: expandBBox.maxY\n      }]];\n\n      for (var i = 0; i < 4; i++) {\n        var boundLine = bounds[i];\n        var insterctP_1 = _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Util\"].getLineIntersect(point, {\n          x: point.x + dir.stepX * expandBBox.width,\n          y: point.y + dir.stepY * expandBBox.height\n        }, boundLine[0], boundLine[1]);\n\n        if (insterctP_1 && !Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"isSegmentCrossingBBox\"])(point, insterctP_1, bbox)) {\n          insterctP_1.id = insterctP_1.x + \"|||\" + insterctP_1.y;\n          points.push(insterctP_1);\n        }\n      }\n    }\n\n    return points;\n  } // 如果 anchorPoint 在节点上，只有一个可选方向\n\n\n  var insterctP = Object(_polyline_util__WEBPACK_IMPORTED_MODULE_2__[\"getExpandedBBoxPoint\"])(expandBBox, point, anotherPoint);\n  insterctP.id = insterctP.x + \"|||\" + insterctP.y;\n  return [insterctP];\n};\n\nvar getDirectionChange = function getDirectionChange(current, neighbor, cameFrom, scaleStartPoint) {\n  var directionAngle = getDirectionAngle(current, neighbor);\n\n  if (!cameFrom[current.id]) {\n    var startAngle = getDirectionAngle(scaleStartPoint, current);\n    return getAngleDiff(startAngle, directionAngle);\n  }\n\n  var prevDirectionAngle = getDirectionAngle({\n    x: cameFrom[current.id].x,\n    y: cameFrom[current.id].y\n  }, current);\n  return getAngleDiff(prevDirectionAngle, directionAngle);\n};\n\nvar getControlPoints = function getControlPoints(current, cameFrom, scaleStartPoint, endPoint, startPoint, scaleEndPoint, gridSize) {\n  var controlPoints = [endPoint];\n  var currentId = current.id;\n  var currentX = current.x;\n  var currentY = current.y;\n  var lastPoint = {\n    x: currentX,\n    y: currentY,\n    id: currentId\n  };\n\n  if (getDirectionChange(lastPoint, scaleEndPoint, cameFrom, scaleStartPoint)) {\n    // if (scaleEndPoint.x === endPoint.x && scaleEndPoint.y === endPoint.y)\n    //   controlPoints.unshift({\n    //     x: endPoint.x,\n    //     y: endPoint.y\n    //   })\n    // else\n    //   controlPoints.unshift({\n    //     x: lastPoint.x * gridSize,\n    //     y: lastPoint.y * gridSize,\n    //   });\n    controlPoints.unshift({\n      x: scaleEndPoint.x === endPoint.x ? endPoint.x : lastPoint.x * gridSize,\n      y: scaleEndPoint.y === endPoint.y ? endPoint.y : lastPoint.y * gridSize\n    });\n  }\n\n  while (cameFrom[currentId] && cameFrom[currentId].id !== currentId) {\n    var point = {\n      x: currentX,\n      y: currentY,\n      id: currentId\n    };\n    var preId = cameFrom[currentId].id;\n    var preX = cameFrom[currentId].x;\n    var preY = cameFrom[currentId].y;\n    var prePoint = {\n      x: preX,\n      y: preY,\n      id: preId\n    };\n    var directionChange = getDirectionChange(prePoint, point, cameFrom, scaleStartPoint);\n\n    if (directionChange) {\n      // if (prePoint.x === point.x && prePoint.y === point.y)\n      //   controlPoints.unshift({\n      //     x: controlPoints[0].x,\n      //     y: controlPoints[0].y\n      //   })\n      // else\n      //   controlPoints.unshift({\n      //     x: prePoint.x * gridSize,\n      //     y: prePoint.y * gridSize,\n      //   });\n      controlPoints.unshift({\n        x: prePoint.x === point.x ? controlPoints[0].x : prePoint.x * gridSize,\n        y: prePoint.y === point.y ? controlPoints[0].y : prePoint.y * gridSize\n      });\n    }\n\n    currentId = preId;\n    currentX = preX;\n    currentY = preY;\n  } // 和startNode对齐\n\n\n  var firstPoint = {\n    x: currentX,\n    y: currentY,\n    id: currentId\n  }; // if (firstPoint.x === scaleStartPoint.x && firstPoint.y === scaleStartPoint.y) {\n  //   controlPoints[0].x = startPoint.x;\n  //   controlPoints[0].y = startPoint.y;\n  // }\n\n  controlPoints[0].x = firstPoint.x === scaleStartPoint.x ? startPoint.x : controlPoints[0].x;\n  controlPoints[0].y = firstPoint.y === scaleStartPoint.y ? startPoint.y : controlPoints[0].y;\n  controlPoints.unshift(startPoint);\n  return controlPoints;\n};\n\nvar pathFinder = function pathFinder(startPoint, endPoint, startNode, endNode, routerCfg) {\n  if (isNaN(startPoint.x) || isNaN(endPoint.x)) return [];\n  var cfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])(defaultCfg, routerCfg);\n  cfg.obstacles = cfg.obstacles || [];\n  var gridSize = cfg.gridSize;\n  var map = getObstacleMap(cfg.obstacles.concat([startNode, endNode]), gridSize, cfg.offset);\n  var scaleStartPoint = {\n    x: pos2GridIx(startPoint.x, gridSize),\n    y: pos2GridIx(startPoint.y, gridSize)\n  };\n  var scaleEndPoint = {\n    x: pos2GridIx(endPoint.x, gridSize),\n    y: pos2GridIx(endPoint.y, gridSize)\n  };\n  startPoint.id = scaleStartPoint.x + \"|||\" + scaleStartPoint.y;\n  endPoint.id = scaleEndPoint.x + \"|||\" + scaleEndPoint.y;\n  var startPoints = getBoxPoints(scaleStartPoint, startPoint, startNode, scaleEndPoint, cfg);\n  var endPoints = getBoxPoints(scaleEndPoint, endPoint, endNode, scaleStartPoint, cfg);\n  startPoints.forEach(function (point) {\n    delete map[point.id];\n  });\n  endPoints.forEach(function (point) {\n    delete map[point.id];\n  });\n  var openSet = {};\n  var closedSet = {};\n  var cameFrom = {}; // 从起点到当前点已产生的 cost, default: Infinity\n\n  var gScore = {}; // 起点经过当前点到达终点预估的 cost, default: Infinity\n\n  var fScore = {}; // initialize\n\n  for (var i = 0; i < startPoints.length; i++) {\n    var firstStep = startPoints[i];\n    openSet[firstStep.id] = firstStep; // cameFrom[firstStep.id] = startPoint.id;\n\n    gScore[firstStep.id] = 0;\n    fScore[firstStep.id] = estimateCost(firstStep, endPoints, cfg.distFunc);\n  }\n\n  var remainLoops = cfg.maximumLoops;\n  var penalties = cfg.penalties;\n  var current, curCost, direction, neighbor, neighborCost, costFromStart, directionChange;\n\n  while (Object.keys(openSet).length > 0 && remainLoops > 0) {\n    current = undefined;\n    curCost = Infinity; // 找到 openSet 中 fScore 最小的点\n\n    Object.keys(openSet).forEach(function (key) {\n      var id = openSet[key].id;\n\n      if (fScore[id] <= curCost) {\n        curCost = fScore[id];\n        current = openSet[id];\n      }\n    });\n    if (!current) break; // 如果 fScore 最小的点就是终点\n\n    if (endPoints.findIndex(function (point) {\n      return point.x === current.x && point.y === current.y;\n    }) > -1) {\n      return getControlPoints(current, cameFrom, scaleStartPoint, endPoint, startPoint, scaleEndPoint, gridSize);\n    }\n\n    delete openSet[current.id];\n    closedSet[current.id] = true; // 获取符合条件的下一步的候选连接点\n    // 沿候选方向走一步\n\n    for (var i = 0; i < cfg.directions.length; i++) {\n      direction = cfg.directions[i];\n      neighbor = {\n        x: current.x + direction.stepX,\n        y: current.y + direction.stepY,\n        id: Math.round(current.x) + direction.stepX + \"|||\" + (Math.round(current.y) + direction.stepY)\n      };\n      if (closedSet[neighbor.id]) continue;\n      directionChange = getDirectionChange(current, neighbor, cameFrom, scaleStartPoint);\n      if (directionChange > cfg.maxAllowedDirectionChange) continue;\n      if (map[neighbor.id]) continue; // 如果交叉则跳过\n      // 将候选点加入 openSet, 并计算每个候选点的 cost\n\n      if (!openSet[neighbor.id]) {\n        openSet[neighbor.id] = neighbor;\n      }\n\n      neighborCost = cfg.distFunc(current, neighbor) + (isNaN(penalties[directionChange]) ? gridSize : penalties[directionChange]);\n      costFromStart = gScore[current.id] + neighborCost;\n\n      if (gScore[neighbor.id] && costFromStart >= gScore[neighbor.id]) {\n        continue;\n      }\n\n      cameFrom[neighbor.id] = current;\n      gScore[neighbor.id] = costFromStart;\n      fScore[neighbor.id] = costFromStart + estimateCost(neighbor, endPoints, cfg.distFunc);\n    }\n\n    remainLoops -= 1;\n  }\n\n  return cfg.fallbackRoute(startPoint, endPoint, startNode, endNode, cfg);\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/router.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/index.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/index.js ***!
   \***************************************************************************/
 /*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/interface/graph.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nodes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./nodes */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/index.js\");\n/* harmony import */ var _edges__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./edges */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/edges/index.js\");\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/index.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/index.js":
-/*!************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/index.js ***!
-  \************************************************************************/
-/*! exports provided: Layout, registerLayout */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerLayout\", function() { return registerLayout; });\n/* harmony import */ var _antv_layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/layout */ \"./node_modules/_@antv_layout@0.1.10@@antv/layout/es/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Layout\", function() { return _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"Layouts\"]; });\n\n\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('grid', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"GridLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('random', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"RandomLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('force', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"ForceLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('circular', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"CircularLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('dagre', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"DagreLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('radial', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"RadialLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('concentric', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"ConcentricLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('mds', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"MDSLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('fruchterman', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"FruchtermanLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('fruchterman-gpu', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"FruchtermanGPULayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('gForce', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"GForceLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('gForce-gpu', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"GForceGPULayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('comboForce', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"ComboForceLayout\"]);\n\nvar registerLayout = function registerLayout(name, layoutOverride) {\n  layoutOverride.isCustomLayout = true;\n  Object(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])(name, layoutOverride);\n};\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/layout.worker.js":
-/*!***************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/layout.worker.js ***!
-  \***************************************************************************************/
-/*! exports provided: LayoutWorker */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LayoutWorker\", function() { return LayoutWorker; });\n/* harmony import */ var _work__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./work */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/work.js\");\n\nvar LayoutWorker = function LayoutWorker(workerScriptURL) {\n  if (workerScriptURL === void 0) {\n    workerScriptURL = 'https://unpkg.com/@antv/layout@latest/dist/layout.min.js';\n  }\n\n  function workerCode() {\n    var LAYOUT_MESSAGE = {\n      // run layout\n      RUN: 'LAYOUT_RUN',\n      // layout ended with success\n      END: 'LAYOUT_END',\n      // layout error\n      ERROR: 'LAYOUT_ERROR',\n      // layout tick, used in force directed layout\n      TICK: 'LAYOUT_TICK',\n      GPURUN: 'GPU_LAYOUT_RUN',\n      GPUEND: 'GPU_LAYOUT_END'\n    }; // @ts-ignore\n\n    layout.registerLayout('grid', layout.GridLayout); // @ts-ignore\n\n    layout.registerLayout('random', layout.RandomLayout); // @ts-ignore\n\n    layout.registerLayout('force', layout.ForceLayout); // @ts-ignore\n\n    layout.registerLayout('circular', layout.CircularLayout); // @ts-ignore\n\n    layout.registerLayout('dagre', layout.DagreLayout); // @ts-ignore\n\n    layout.registerLayout('radial', layout.RadialLayout); // @ts-ignore\n\n    layout.registerLayout('concentric', layout.ConcentricLayout); // @ts-ignore\n\n    layout.registerLayout('mds', layout.MDSLayout); // @ts-ignore\n\n    layout.registerLayout('fruchterman', layout.FruchtermanLayout); // @ts-ignore\n\n    layout.registerLayout('fruchterman-gpu', layout.FruchtermanGPULayout); // @ts-ignore\n\n    layout.registerLayout('gForce', layout.GForceLayout); // @ts-ignore\n\n    layout.registerLayout('gForce-gpu', layout.GForceGPULayout); // @ts-ignore\n\n    layout.registerLayout('comboForce', layout.ComboForceLayout);\n\n    function isLayoutMessage(event) {\n      var type = event.data.type;\n      return type === LAYOUT_MESSAGE.RUN || type === LAYOUT_MESSAGE.GPURUN;\n    }\n\n    function handleLayoutMessage(event) {\n      var type = event.data.type;\n\n      switch (type) {\n        case LAYOUT_MESSAGE.RUN:\n          {\n            var _a = event.data,\n                nodes = _a.nodes,\n                edges = _a.edges,\n                _b = _a.layoutCfg,\n                layoutCfg = _b === void 0 ? {} : _b;\n            var layoutType = layoutCfg.type; // @ts-ignore\n\n            var LayoutClass = layout.getLayoutByName(layoutType);\n\n            if (!LayoutClass) {\n              this.postMessage({\n                type: LAYOUT_MESSAGE.ERROR,\n                message: \"layout \" + layoutType + \" not found\"\n              });\n              break;\n            }\n\n            var layoutMethod = new LayoutClass(layoutCfg);\n            layoutMethod.init({\n              nodes: nodes,\n              edges: edges\n            });\n            layoutMethod.execute();\n            this.postMessage({\n              type: LAYOUT_MESSAGE.END,\n              nodes: nodes\n            });\n            layoutMethod.destroy();\n            break;\n          }\n\n        case LAYOUT_MESSAGE.GPURUN:\n          {\n            var _c = event.data,\n                nodes = _c.nodes,\n                edges = _c.edges,\n                _d = _c.layoutCfg,\n                layoutCfg = _d === void 0 ? {} : _d,\n                canvas = _c.canvas;\n            var layoutType = layoutCfg.type; // @ts-ignore\n\n            var LayoutClass = layout.getLayoutByName(layoutType);\n\n            if (!LayoutClass) {\n              this.postMessage({\n                type: LAYOUT_MESSAGE.ERROR,\n                message: \"layout \" + layoutType + \" not found\"\n              });\n              break;\n            }\n\n            if (layoutType.split('-')[1] !== 'gpu') {\n              this.postMessage({\n                type: LAYOUT_MESSAGE.ERROR,\n                message: \"layout \" + layoutType + \" does not support GPU\"\n              });\n              break;\n            }\n\n            var layoutMethod = new LayoutClass(layoutCfg);\n            layoutMethod.init({\n              nodes: nodes,\n              edges: edges\n            });\n            layoutMethod.executeWithWorker(canvas, this);\n            break;\n          }\n\n        default:\n          break;\n      }\n    }\n\n    onmessage = function onmessage(event) {\n      if (isLayoutMessage(event)) {\n        handleLayoutMessage(event);\n      }\n    };\n  }\n\n  var layoutWorker = new _work__WEBPACK_IMPORTED_MODULE_0__[\"default\"](workerCode, workerScriptURL);\n  return layoutWorker;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/layout.worker.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/layoutConst.js":
-/*!*************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/layoutConst.js ***!
-  \*************************************************************************************/
-/*! exports provided: LAYOUT_MESSAGE */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LAYOUT_MESSAGE\", function() { return LAYOUT_MESSAGE; });\n/**\n * @fileoverview constants for layout\n * @author changzhe.zb@antfin.com\n */\n\n/** layout message type */\nvar LAYOUT_MESSAGE = {\n  // run layout\n  RUN: 'LAYOUT_RUN',\n  // layout ended with success\n  END: 'LAYOUT_END',\n  // layout error\n  ERROR: 'LAYOUT_ERROR',\n  // layout tick, used in force directed layout\n  TICK: 'LAYOUT_TICK',\n  GPURUN: 'GPU_LAYOUT_RUN',\n  GPUEND: 'GPU_LAYOUT_END'\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/layoutConst.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/work.js":
-/*!******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/work.js ***!
-  \******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar WebWorker =\n/** @class */\nfunction () {\n  function WebWorker(worker, workerScirptURL) {\n    var code = worker.toString();\n    var blob = new Blob([\"importScripts('\" + workerScirptURL + \"');(\" + code + \")()\"], {\n      type: 'text/javascript'\n    });\n    return new Worker(URL.createObjectURL(blob));\n  }\n\n  return WebWorker;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (WebWorker);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/layout/worker/work.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/plugin/index.js":
-/*!************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/plugin/index.js ***!
-  \************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_g6_plugin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-plugin */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/index.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_antv_g6_plugin__WEBPACK_IMPORTED_MODULE_0__[\"default\"]); // export default {};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/plugin/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/types/index.js":
-/*!***********************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/types/index.js ***!
-  \***********************************************************************/
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/circle.js":
+/*!**********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/circle.js ***!
+  \**********************************************************************************/
 /*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/types/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n // 带有图标的圆，可用于拓扑图中\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerNode\"])('circle', {\n  // 自定义节点时的配置\n  options: {\n    size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.size,\n    style: {\n      x: 0,\n      y: 0,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      }\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'circle',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg).icon,\n        defaultIcon = _a === void 0 ? {} : _a;\n    var style = this.getShapeStyle(cfg);\n    var icon = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"deepMix\"])({}, defaultIcon, cfg.icon);\n    var keyShape = group.addShape('circle', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      draggable: true\n    });\n    var width = icon.width,\n        height = icon.height,\n        show = icon.show;\n\n    if (show) {\n      group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: -width / 2,\n          y: -height / 2\n        }, icon),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\",\n        draggable: true\n      });\n    }\n\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var r = size[0] / 2;\n\n    if (left) {\n      // left circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: -r,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (right) {\n      // right circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: r,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (top) {\n      // top circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: -r,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (bottom) {\n      // bottom circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: r,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"deepMix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var r = size[0] / 2;\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: 0,\n      y: 0,\n      r: r\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer();\n    var size = this.getSize(cfg); // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      r: size[0] / 2\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"deepMix\"])({}, keyShape.attr(), strokeStyle, cfg.style);\n    this.updateShape(cfg, item, style, true);\n    this.updateLinkPoints(cfg, group);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/circle.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/color.js":
-/*!**********************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/color.js ***!
-  \**********************************************************************/
-/*! exports provided: mixColor, getColorsWithSubjectColor, getColorSetsBySubjectColors */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"mixColor\", function() { return mixColor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getColorsWithSubjectColor\", function() { return getColorsWithSubjectColor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getColorSetsBySubjectColors\", function() { return getColorSetsBySubjectColors; });\n/* harmony import */ var color__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! color */ \"./node_modules/_color@3.1.3@color/index.js\");\n/* harmony import */ var color__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(color__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ant-design/colors */ \"./node_modules/_@ant-design_colors@4.0.5@@ant-design/colors/dist/index.esm.js\");\n\n\n/**\n * get the mix color of backColor and frontColor with alpah\n * @param backColor background color\n * @param frontColor foreground color\n * @param frontAlpha the opacity of foreground color\n */\n\nvar mixColor = function mixColor(backColor, frontColor, frontAlpha) {\n  var bc = color__WEBPACK_IMPORTED_MODULE_0___default()(backColor);\n  var fc = color__WEBPACK_IMPORTED_MODULE_0___default()(frontColor);\n  return color__WEBPACK_IMPORTED_MODULE_0___default()([(1 - frontAlpha) * bc.red() + frontAlpha * fc.red(), (1 - frontAlpha) * bc.green() + frontAlpha * fc.green(), (1 - frontAlpha) * bc.blue() + frontAlpha * fc.blue()]).rgb();\n};\n\nvar getColorsWithDefaultTheme = function getColorsWithDefaultTheme(subjectColor, backColor, disableColor) {\n  if (backColor === void 0) {\n    backColor = '#fff';\n  }\n\n  if (disableColor === void 0) {\n    disableColor = 'rgb(150, 150, 150)';\n  }\n\n  var subjectColor005 = mixColor(backColor, subjectColor, 0.05).rgb().toString();\n  var subjectColor01 = mixColor(backColor, subjectColor, 0.1).rgb().toString();\n  var subjectColor02 = mixColor(backColor, subjectColor, 0.2).rgb().toString();\n  var subjectColor04 = mixColor(backColor, subjectColor, 0.4).rgb().toString();\n  var disableColor002 = mixColor(backColor, disableColor, 0.02).rgb().toString();\n  var disableColor005 = mixColor(backColor, disableColor, 0.05).rgb().toString();\n  var disableColor01 = mixColor(backColor, disableColor, 0.1).rgb().toString();\n  var disableColor02 = mixColor(backColor, disableColor, 0.2).rgb().toString();\n  var disableColor03 = mixColor(backColor, disableColor, 0.3).rgb().toString();\n  var paletteFromSubject = Object(_ant_design_colors__WEBPACK_IMPORTED_MODULE_1__[\"generate\"])(subjectColor, {\n    theme: 'default',\n    backgroundColor: backColor\n  });\n  var subjectHex = color__WEBPACK_IMPORTED_MODULE_0___default()(subjectColor).hex().toLowerCase();\n  var subjectIdx = paletteFromSubject.indexOf(subjectHex);\n  var deeperSubject = subjectColor;\n\n  if (subjectIdx !== -1) {\n    deeperSubject = paletteFromSubject[subjectIdx + 1];\n  }\n\n  return {\n    // for nodes\n    mainStroke: subjectColor,\n    mainFill: subjectColor01,\n    activeStroke: subjectColor,\n    activeFill: subjectColor005,\n    inactiveStroke: subjectColor04,\n    inactiveFill: subjectColor005,\n    selectedStroke: subjectColor,\n    selectedFill: backColor,\n    highlightStroke: deeperSubject,\n    highlightFill: subjectColor02,\n    disableStroke: disableColor03,\n    disableFill: disableColor005,\n    // for edges\n    edgeMainStroke: disableColor03,\n    edgeActiveStroke: subjectColor,\n    edgeInactiveStroke: disableColor02,\n    edgeSelectedStroke: subjectColor,\n    edgeHighlightStroke: subjectColor,\n    edgeDisableStroke: disableColor01,\n    // for combos\n    comboMainStroke: disableColor03,\n    comboMainFill: disableColor002,\n    comboActiveStroke: subjectColor,\n    comboActiveFill: subjectColor005,\n    comboInactiveStroke: disableColor03,\n    comboInactiveFill: disableColor002,\n    comboSelectedStroke: subjectColor,\n    comboSelectedFill: disableColor002,\n    comboHighlightStroke: deeperSubject,\n    comboHighlightFill: disableColor002,\n    comboDisableStroke: disableColor02,\n    comboDisableFill: disableColor005\n  };\n};\n\nvar getColorsWithDarkTheme = function getColorsWithDarkTheme(subjectColor, backColor, disableColor) {\n  if (backColor === void 0) {\n    backColor = '#fff';\n  }\n\n  if (disableColor === void 0) {\n    disableColor = '#777';\n  }\n\n  var subjectColor02 = mixColor(backColor, subjectColor, 0.2).rgb().toString();\n  var subjectColor03 = mixColor(backColor, subjectColor, 0.3).rgb().toString();\n  var subjectColor06 = mixColor(backColor, subjectColor, 0.6).rgb().toString();\n  var subjectColor08 = mixColor(backColor, subjectColor, 0.8).rgb().toString();\n  var disableColor02 = mixColor(backColor, disableColor, 0.2).rgb().toString();\n  var disableColor025 = mixColor(backColor, disableColor, 0.25).rgb().toString();\n  var disableColor03 = mixColor(backColor, disableColor, 0.3).rgb().toString();\n  var disableColor04 = mixColor(backColor, disableColor, 0.4).rgb().toString();\n  var disableColor05 = mixColor(backColor, disableColor, 0.5).rgb().toString();\n  var paletteFromSubject = Object(_ant_design_colors__WEBPACK_IMPORTED_MODULE_1__[\"generate\"])(subjectColor, {\n    theme: 'dark',\n    backgroundColor: backColor\n  });\n  var subjectHex = color__WEBPACK_IMPORTED_MODULE_0___default()(subjectColor).hex().toLowerCase();\n  var subjectIdx = paletteFromSubject.indexOf(subjectHex);\n  var deeperSubject = subjectColor;\n\n  if (subjectIdx !== -1) {\n    deeperSubject = paletteFromSubject[subjectIdx + 1];\n  }\n\n  return {\n    // for nodes\n    mainStroke: subjectColor08,\n    mainFill: subjectColor02,\n    activeStroke: subjectColor,\n    activeFill: subjectColor03,\n    inactiveStroke: subjectColor08,\n    inactiveFill: subjectColor02,\n    selectedStroke: subjectColor,\n    selectedFill: subjectColor02,\n    highlightStroke: subjectColor,\n    highlightFill: subjectColor06,\n    disableStroke: disableColor05,\n    disableFill: disableColor025,\n    // for edges\n    edgeMainStroke: disableColor,\n    edgeActiveStroke: subjectColor,\n    edgeInactiveStroke: disableColor,\n    edgeSelectedStroke: subjectColor,\n    edgeHighlightStroke: subjectColor,\n    edgeDisableStroke: disableColor03,\n    // for combos\n    comboMainStroke: disableColor04,\n    comboMainFill: disableColor025,\n    comboActiveStroke: subjectColor,\n    comboActiveFill: disableColor02,\n    comboInactiveStroke: disableColor04,\n    comboInactiveFill: disableColor025,\n    comboSelectedStroke: subjectColor,\n    comboSelectedFill: disableColor02,\n    comboHighlightStroke: deeperSubject,\n    comboHighlightFill: disableColor025,\n    comboDisableStroke: disableColor04,\n    comboDisableFill: disableColor02\n  };\n};\n/**\n * get the set of colors according to the subject color and background color\n * @param subjectColor the subject color\n * @param backColor background color\n * @param disableColor the color for disable state\n */\n\n\nvar getColorsWithSubjectColor = function getColorsWithSubjectColor(subjectColor, backColor, theme, disableColor) {\n  if (backColor === void 0) {\n    backColor = '#fff';\n  }\n\n  if (theme === void 0) {\n    theme = 'default';\n  }\n\n  if (disableColor === void 0) {\n    disableColor = 'rgb(150, 150, 150)';\n  }\n\n  if (theme === 'default') return getColorsWithDefaultTheme(subjectColor, backColor, 'rgb(150, 150, 150)');\n  return getColorsWithDarkTheme(subjectColor, backColor, '#777');\n};\nvar getColorSetsBySubjectColors = function getColorSetsBySubjectColors(subjectColors, backColor, theme, disableColor) {\n  if (backColor === void 0) {\n    backColor = '#fff';\n  }\n\n  if (theme === void 0) {\n    theme = 'default';\n  }\n\n  if (disableColor === void 0) {\n    disableColor = 'rgb(150, 150, 150)';\n  }\n\n  var sets = [];\n  subjectColors.forEach(function (sColor) {\n    sets.push(getColorsWithSubjectColor(sColor, backColor, theme, disableColor));\n  });\n  return sets;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/color.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/gpu.js":
-/*!********************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/gpu.js ***!
-  \********************************************************************/
-/*! exports provided: gpuDetector */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"gpuDetector\", function() { return gpuDetector; });\n/**\n * 调用 gpuDetector.webgl 判断当前浏览器是否支持 webgl。（支持 gpgpu 的浏览器一定也支持 webgl）\n */\nvar gpuDetector = function gpuDetector() {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return {};\n  return {\n    canvas: !!window.CanvasRenderingContext2D,\n    webgl: function () {\n      try {\n        var canvas = document.createElement('canvas');\n        return !!(window.WebGLRenderingContext && (canvas.getContext('webgl') || canvas.getContext('experimental-webgl')));\n      } catch (e) {\n        return false;\n      }\n    }(),\n    workers: !!window.Worker,\n    fileapi: window.File && window.FileReader && window.FileList && window.Blob,\n    getWebGLErrorMessage: function getWebGLErrorMessage() {\n      var element = document.createElement('div');\n      element.id = 'webgl-error-message';\n      element.style.fontFamily = 'monospace';\n      element.style.fontSize = '13px';\n      element.style.fontWeight = 'normal';\n      element.style.textAlign = 'center';\n      element.style.background = '#fff';\n      element.style.color = '#000';\n      element.style.padding = '1.5em';\n      element.style.width = '400px';\n      element.style.margin = '5em auto 0';\n\n      if (!this.webgl) {\n        element.innerHTML = window.WebGLRenderingContext ? ['Your graphics card does not seem to support <a href=\"http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation\" rel=\"external nofollow\" rel=\"external nofollow\" style=\"color:#000\">WebGL</a>.<br />', 'Find out how to get it <a href=\"http://get.webgl.org/\" rel=\"external nofollow\" rel=\"external nofollow\" style=\"color:#000\">here</a>.'].join('\\n') : ['Your browser does not seem to support <a href=\"http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation\" rel=\"external nofollow\" rel=\"external nofollow\" style=\"color:#000\">WebGL</a>.<br/>', 'Find out how to get it <a href=\"http://get.webgl.org/\" rel=\"external nofollow\" rel=\"external nofollow\" style=\"color:#000\">here</a>.'].join('\\n');\n      }\n\n      return element;\n    },\n    addGetWebGLMessage: function addGetWebGLMessage(parameters) {\n      parameters = parameters || {};\n      var parent = parameters.parent !== undefined ? parameters.parent : document.body;\n      var id = parameters.id !== undefined ? parameters.id : 'oldie';\n      var element = gpuDetector().getWebGLErrorMessage();\n      element.id = id;\n      parent.appendChild(element);\n    }\n  };\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/gpu.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/index.js":
-/*!**********************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/index.js ***!
-  \**********************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./color */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/color.js\");\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./layout */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/layout.js\");\n/* harmony import */ var _gpu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./gpu */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/gpu.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n\n\n\n\n\n\nvar G6Util = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_4__[\"Util\"]), _color__WEBPACK_IMPORTED_MODULE_1__), _layout__WEBPACK_IMPORTED_MODULE_2__), _gpu__WEBPACK_IMPORTED_MODULE_3__);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (G6Util);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/layout.js":
-/*!***********************************************************************!*\
-  !*** ./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/layout.js ***!
-  \***********************************************************************/
-/*! exports provided: proccessToFunc, buildTextureData, buildTextureDataWithOneEdgeAttr, buildTextureDataWithTwoEdgeAttr, attributesToTextureData, arrayToTextureData, radialLayout */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"proccessToFunc\", function() { return proccessToFunc; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"buildTextureData\", function() { return buildTextureData; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"buildTextureDataWithOneEdgeAttr\", function() { return buildTextureDataWithOneEdgeAttr; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"buildTextureDataWithTwoEdgeAttr\", function() { return buildTextureDataWithTwoEdgeAttr; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"attributesToTextureData\", function() { return attributesToTextureData; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"arrayToTextureData\", function() { return arrayToTextureData; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"radialLayout\", function() { return radialLayout; });\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\nvar traverseTree = _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Util\"].traverseTree;\n/**\n * 将 number | Function 类型的参数转换为 return number 的 Function\n * @param  {number | Function}  value 需要被转换的值\n * @param  {number}  defaultV 返回函数的默认返回值\n * @return {Function} 转换后的函数\n */\n\nvar proccessToFunc = function proccessToFunc(value, defaultV) {\n  var func;\n\n  if (!value) {\n    func = function func(d) {\n      return defaultV || 1;\n    };\n  } else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(value)) {\n    func = function func(d) {\n      return value;\n    };\n  } else {\n    func = value;\n  }\n\n  return func;\n};\n/**\n * 将节点和边数据转换为 GPU 可读的数组。并返回 maxEdgePerVetex，每个节点上最多的边数\n * @param  {NodeConfig[]}  nodes 需要被转换的值\n * @param  {EdgeConfig[]}  edges 返回函数的默认返回值\n * @return {Object} 转换后的数组及 maxEdgePerVetex 组成的对象\n */\n\nvar buildTextureData = function buildTextureData(nodes, edges) {\n  var dataArray = [];\n  var nodeDict = [];\n  var mapIdPos = {};\n  var i = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var n = nodes[i];\n    mapIdPos[n.id] = i;\n    dataArray.push(n.x);\n    dataArray.push(n.y);\n    dataArray.push(0);\n    dataArray.push(0);\n    nodeDict.push([]);\n  }\n\n  for (i = 0; i < edges.length; i++) {\n    var e = edges[i];\n    nodeDict[mapIdPos[e.source]].push(mapIdPos[e.target]);\n    nodeDict[mapIdPos[e.target]].push(mapIdPos[e.source]);\n  }\n\n  var maxEdgePerVetex = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var offset = dataArray.length;\n    var dests = nodeDict[i];\n    var len = dests.length;\n    dataArray[i * 4 + 2] = offset;\n    dataArray[i * 4 + 3] = dests.length;\n    maxEdgePerVetex = Math.max(maxEdgePerVetex, dests.length);\n\n    for (var j = 0; j < len; ++j) {\n      var dest = dests[j];\n      dataArray.push(+dest);\n    }\n  }\n\n  while (dataArray.length % 4 !== 0) {\n    dataArray.push(0);\n  }\n\n  return {\n    array: new Float32Array(dataArray),\n    maxEdgePerVetex: maxEdgePerVetex\n  };\n};\n/**\n * 将节点和边数据转换为 GPU 可读的数组，每条边带有一个属性。并返回 maxEdgePerVetex，每个节点上最多的边数\n * @param  {NodeConfig[]}  nodes 节点数组\n * @param  {EdgeConfig[]}  edges 边数组\n * @param  {Function}  attrs 读取边属性的函数\n * @return {Object} 转换后的数组及 maxEdgePerVetex 组成的对象\n */\n\nvar buildTextureDataWithOneEdgeAttr = function buildTextureDataWithOneEdgeAttr(nodes, edges, attrs) {\n  var dataArray = [];\n  var nodeDict = [];\n  var mapIdPos = {};\n  var i = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var n = nodes[i];\n    mapIdPos[n.id] = i;\n    dataArray.push(n.x);\n    dataArray.push(n.y);\n    dataArray.push(0);\n    dataArray.push(0);\n    nodeDict.push([]);\n  }\n\n  for (i = 0; i < edges.length; i++) {\n    var e = edges[i];\n    nodeDict[mapIdPos[e.source]].push(mapIdPos[e.target]);\n    nodeDict[mapIdPos[e.source]].push(attrs(e)); // 理想边长，后续可以改成每条边不同\n\n    nodeDict[mapIdPos[e.target]].push(mapIdPos[e.source]);\n    nodeDict[mapIdPos[e.target]].push(attrs(e)); // 理想边长，后续可以改成每条边不同\n  }\n\n  var maxEdgePerVetex = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var offset = dataArray.length;\n    var dests = nodeDict[i]; // dest 中节点 id 与边长间隔存储，即一位节点 id，一位边长……\n\n    var len = dests.length;\n    dataArray[i * 4 + 2] = offset;\n    dataArray[i * 4 + 3] = len / 2; // 第四位存储与该节点相关的所有节点个数\n\n    maxEdgePerVetex = Math.max(maxEdgePerVetex, len / 2);\n\n    for (var j = 0; j < len; ++j) {\n      var dest = dests[j];\n      dataArray.push(+dest);\n    }\n  } // 不是 4 的倍数，填充 0\n\n\n  while (dataArray.length % 4 !== 0) {\n    dataArray.push(0);\n  }\n\n  return {\n    array: new Float32Array(dataArray),\n    maxEdgePerVetex: maxEdgePerVetex\n  };\n};\n/**\n * 将节点和边数据转换为 GPU 可读的数组，每条边带有一个以上属性。并返回 maxEdgePerVetex，每个节点上最多的边数\n * @param  {NodeConfig[]}  nodes 节点数组\n * @param  {EdgeConfig[]}  edges 边数组\n * @param  {Function}  attrs 读取边属性的函数\n * @return {Object} 转换后的数组及 maxEdgePerVetex 组成的对象\n */\n\nvar buildTextureDataWithTwoEdgeAttr = function buildTextureDataWithTwoEdgeAttr(nodes, edges, attrs1, attrs2) {\n  var dataArray = [];\n  var nodeDict = [];\n  var mapIdPos = {};\n  var i = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var n = nodes[i];\n    mapIdPos[n.id] = i;\n    dataArray.push(n.x);\n    dataArray.push(n.y);\n    dataArray.push(0);\n    dataArray.push(0);\n    nodeDict.push([]);\n  }\n\n  for (i = 0; i < edges.length; i++) {\n    var e = edges[i];\n    nodeDict[mapIdPos[e.source]].push(mapIdPos[e.target]);\n    nodeDict[mapIdPos[e.source]].push(attrs1(e));\n    nodeDict[mapIdPos[e.source]].push(attrs2(e));\n    nodeDict[mapIdPos[e.source]].push(0);\n    nodeDict[mapIdPos[e.target]].push(mapIdPos[e.source]);\n    nodeDict[mapIdPos[e.target]].push(attrs1(e));\n    nodeDict[mapIdPos[e.target]].push(attrs2(e));\n    nodeDict[mapIdPos[e.target]].push(0);\n  }\n\n  var maxEdgePerVetex = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var offset = dataArray.length;\n    var dests = nodeDict[i]; // dest 中节点 id 与边长间隔存储，即一位节点 id，一位边长……\n\n    var len = dests.length; // dataArray[i * 4 + 2] = offset;\n    // dataArray[i * 4 + 3] = len / 4; // 第四位存储与该节点相关的所有节点个数\n    // pack offset & length into float32: offset 20bit, length 12bit\n\n    dataArray[i * 4 + 2] = offset + 1048576 * len / 4;\n    dataArray[i * 4 + 3] = 0; // 第四位存储与上一次的距离差值\n\n    maxEdgePerVetex = Math.max(maxEdgePerVetex, len / 4);\n\n    for (var j = 0; j < len; ++j) {\n      var dest = dests[j];\n      dataArray.push(+dest);\n    }\n  } // 不是 4 的倍数，填充 0\n\n\n  while (dataArray.length % 4 !== 0) {\n    dataArray.push(0);\n  }\n\n  return {\n    array: new Float32Array(dataArray),\n    maxEdgePerVetex: maxEdgePerVetex\n  };\n};\n/**\n * transform the extended attributes of nodes or edges to a texture array\n * @param  {string[]}  attributeNames attributes' name to be read from items and put into output array\n * @param  {ModelConfig[]}  items the items to be read\n * @return {Float32Array} the attributes' value array to be read by GPU\n */\n\nvar attributesToTextureData = function attributesToTextureData(attributeNames, items) {\n  var dataArray = [];\n  var attributeNum = attributeNames.length;\n  var attributteStringMap = {};\n  items.forEach(function (item) {\n    attributeNames.forEach(function (name, i) {\n      if (attributteStringMap[item[name]] === undefined) {\n        attributteStringMap[item[name]] = Object.keys(attributteStringMap).length;\n      }\n\n      dataArray.push(attributteStringMap[item[name]]); // insure each node's attributes take inter number of grids\n\n      if (i === attributeNum - 1) {\n        while (dataArray.length % 4 !== 0) {\n          dataArray.push(0);\n        }\n      }\n    });\n  });\n  return {\n    array: new Float32Array(dataArray),\n    count: Object.keys(attributteStringMap).length\n  };\n};\n/**\n * transform the number array format of extended attributes of nodes or edges to a texture array\n * @param  {string[]}  attributeNames attributes' name to be read from items and put into output array\n * @return {Float32Array} the attributes' value array to be read by GPU\n */\n\nvar arrayToTextureData = function arrayToTextureData(valueArrays) {\n  var dataArray = [];\n  var attributeNum = valueArrays.length;\n  var itemNum = valueArrays[0].length;\n\n  var _loop_1 = function _loop_1(j) {\n    valueArrays.forEach(function (valueArray, i) {\n      dataArray.push(valueArray[j]); // insure each node's attributes take inter number of grids\n\n      if (i === attributeNum - 1) {\n        while (dataArray.length % 4 !== 0) {\n          dataArray.push(0);\n        }\n      }\n    });\n  };\n\n  for (var j = 0; j < itemNum; j++) {\n    _loop_1(j);\n  }\n\n  return new Float32Array(dataArray);\n};\n/**\n *\n * @param data Tree graph data\n * @param layout\n */\n\nvar radialLayout = function radialLayout(data, layout) {\n  // 布局方式有 H / V / LR / RL / TB / BT\n  var VERTICAL_LAYOUTS = ['V', 'TB', 'BT'];\n  var min = {\n    x: Infinity,\n    y: Infinity\n  };\n  var max = {\n    x: -Infinity,\n    y: -Infinity\n  }; // 默认布局是垂直布局TB，此时x对应rad，y对应r\n\n  var rScale = 'x';\n  var radScale = 'y';\n\n  if (layout && VERTICAL_LAYOUTS.indexOf(layout) >= 0) {\n    // 若是水平布局，y对应rad，x对应r\n    radScale = 'x';\n    rScale = 'y';\n  }\n\n  var count = 0;\n  traverseTree(data, function (node) {\n    count++;\n\n    if (node.x > max.x) {\n      max.x = node.x;\n    }\n\n    if (node.x < min.x) {\n      min.x = node.x;\n    }\n\n    if (node.y > max.y) {\n      max.y = node.y;\n    }\n\n    if (node.y < min.y) {\n      min.y = node.y;\n    }\n\n    return true;\n  });\n  var avgRad = Math.PI * 2 / count;\n  var radDiff = max[radScale] - min[radScale];\n\n  if (radDiff === 0) {\n    return data;\n  }\n\n  traverseTree(data, function (node) {\n    var radial = (node[radScale] - min[radScale]) / radDiff * (Math.PI * 2 - avgRad) + avgRad;\n    var r = Math.abs(rScale === 'x' ? node.x - data.x : node.y - data.y);\n    node.x = r * Math.cos(radial);\n    node.y = r * Math.sin(radial);\n    return true;\n  });\n  return data;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/util/layout.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js ***!
-  \*************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\nvar PluginBase =\n/** @class */\nfunction () {\n  /**\n   * 插件基类的构造函数\n   * @param cfgs 插件的配置项\n   */\n  function PluginBase(cfgs) {\n    this._cfgs = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"deepMix\"])(this.getDefaultCfgs(), cfgs);\n    this._events = {};\n    this.destroyed = false;\n  }\n  /**\n   * 获取默认的插件配置\n   */\n\n\n  PluginBase.prototype.getDefaultCfgs = function () {\n    return {};\n  };\n  /**\n   * 初始化插件\n   * @param graph IGraph 实例\n   */\n\n\n  PluginBase.prototype.initPlugin = function (graph) {\n    var self = this;\n    self.set('graph', graph);\n    var events = self.getEvents();\n    var bindEvents = {};\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(events, function (v, k) {\n      var event = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"wrapBehavior\"])(self, v);\n      bindEvents[k] = event;\n      graph.on(k, event);\n    });\n    this._events = bindEvents;\n    this.init();\n  };\n  /**\n   * 获取插件中的事件和事件处理方法，供子类实现\n   */\n\n\n  PluginBase.prototype.getEvents = function () {\n    return {};\n  };\n  /**\n   * 获取配置项中的某个值\n   * @param key 键值\n   */\n\n\n  PluginBase.prototype.get = function (key) {\n    return this._cfgs[key];\n  };\n  /**\n   * 将指定的值存储到 cfgs 中\n   * @param key 键值\n   * @param val 设置的值\n   */\n\n\n  PluginBase.prototype.set = function (key, val) {\n    this._cfgs[key] = val;\n  };\n  /**\n   * 销毁方法，供子类复写\n   */\n\n\n  PluginBase.prototype.destroy = function () {};\n  /**\n   * 销毁插件\n   */\n\n\n  PluginBase.prototype.destroyPlugin = function () {\n    this.destroy();\n    var graph = this.get('graph');\n    var events = this._events;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(events, function (v, k) {\n      graph.off(k, v);\n    });\n    this._events = null;\n    this._cfgs = null;\n    this.destroyed = true;\n  };\n\n  return PluginBase;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (PluginBase);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/bundling/index.js":
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/diamond.js":
 /*!***********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/bundling/index.js ***!
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/diamond.js ***!
   \***********************************************************************************/
-/*! exports provided: default */
+/*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n\nfunction getEucliDis(pointA, pointB, eps) {\n  var vx = pointA.x - pointB.x;\n  var vy = pointA.y - pointB.y;\n\n  if (!eps || Math.abs(vx) > eps || Math.abs(vy) > eps) {\n    return Math.sqrt(vx * vx + vy * vy);\n  }\n\n  return eps;\n}\n\nfunction getDotProduct(ei, ej) {\n  return ei.x * ej.x + ei.y * ej.y;\n}\n\nfunction projectPointToEdge(p, e) {\n  var k = (e.source.y - e.target.y) / (e.source.x - e.target.x);\n  var x = (k * k * e.source.x + k * (p.y - e.source.y) + p.x) / (k * k + 1);\n  var y = k * (x - e.source.x) + e.source.y;\n  return {\n    x: x,\n    y: y\n  };\n}\n\nvar Bundling =\n/** @class */\nfunction (_super) {\n  __extends(Bundling, _super);\n\n  function Bundling() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Bundling.prototype.getDefaultCfgs = function () {\n    return {\n      edgeBundles: [],\n      edgePoints: [],\n      K: 0.1,\n      lambda: 0.1,\n      divisions: 1,\n      divRate: 2,\n      cycles: 6,\n      iterations: 90,\n      iterRate: 0.6666667,\n      bundleThreshold: 0.6,\n      eps: 1e-6,\n      onLayoutEnd: function onLayoutEnd() {},\n      onTick: function onTick() {}\n    };\n  };\n\n  Bundling.prototype.init = function () {\n    var graph = this.get('graph');\n    var onTick = this.get('onTick');\n\n    var tick = function tick() {\n      if (onTick) {\n        onTick();\n      }\n\n      graph.refreshPositions();\n    };\n\n    this.set('tick', tick);\n  };\n\n  Bundling.prototype.bundling = function (data) {\n    var self = this;\n    self.set('data', data); // 如果正在布局，忽略布局请求\n\n    if (self.isTicking()) {\n      return;\n    }\n\n    var edges = data.edges || [];\n    var nodes = data.nodes || [];\n    var nodeIdMap = {};\n    var error = false;\n    nodes.forEach(function (node) {\n      if (node.x === null || !node.y === null || node.x === undefined || !node.y === undefined) {\n        error = true;\n      }\n\n      nodeIdMap[node.id] = node;\n    });\n    if (error) throw new Error('please layout the graph or assign x and y for nodes first');\n    self.set('nodeIdMap', nodeIdMap); // subdivide each edges\n\n    var divisions = self.get('divisions');\n    var divRate = self.get('divRate');\n    var edgePoints = self.divideEdges(divisions);\n    self.set('edgePoints', edgePoints); // compute the bundles\n\n    var edgeBundles = self.getEdgeBundles();\n    self.set('edgeBundles', edgeBundles); // iterations\n\n    var C = self.get('cycles');\n    var iterations = self.get('iterations');\n    var iterRate = self.get('iterRate');\n    var lambda = self.get('lambda');\n\n    for (var i = 0; i < C; i++) {\n      var _loop_1 = function _loop_1(j) {\n        var forces = [];\n        edges.forEach(function (e, k) {\n          if (e.source === e.target) return;\n          var source = nodeIdMap[e.source];\n          var target = nodeIdMap[e.target];\n          forces[k] = self.getEdgeForces({\n            source: source,\n            target: target\n          }, k, divisions, lambda);\n\n          for (var p = 0; p < divisions + 1; p++) {\n            edgePoints[k][p].x += forces[k][p].x;\n            edgePoints[k][p].y += forces[k][p].y;\n          }\n        });\n      };\n\n      for (var j = 0; j < iterations; j++) {\n        _loop_1(j);\n      } // parameters for nex cycle\n\n\n      lambda = lambda / 2;\n      divisions *= divRate;\n      iterations *= iterRate;\n      edgePoints = self.divideEdges(divisions);\n      self.set('edgePoints', edgePoints);\n    } // change the edges according to edgePoints\n\n\n    edges.forEach(function (e, i) {\n      if (e.source === e.target) return;\n      e.type = 'polyline';\n      e.controlPoints = edgePoints[i].slice(1, edgePoints[i].length - 1);\n    });\n    var graph = self.get('graph');\n    graph.refresh();\n  };\n\n  Bundling.prototype.updateBundling = function (cfg) {\n    var self = this;\n    var data = cfg.data;\n\n    if (data) {\n      self.set('data', data);\n    }\n\n    if (self.get('ticking')) {\n      self.set('ticking', false);\n    }\n\n    Object.keys(cfg).forEach(function (key) {\n      self.set(key, cfg[key]);\n    });\n\n    if (cfg.onTick) {\n      var graph_1 = this.get('graph');\n      self.set('tick', function () {\n        cfg.onTick();\n        graph_1.refresh();\n      });\n    }\n\n    self.bundling(data);\n  };\n\n  Bundling.prototype.divideEdges = function (divisions) {\n    var self = this;\n    var edges = self.get('data').edges;\n    var nodeIdMap = self.get('nodeIdMap');\n    var edgePoints = self.get('edgePoints');\n    if (!edgePoints || edgePoints === undefined) edgePoints = [];\n    edges.forEach(function (edge, i) {\n      if (!edgePoints[i] || edgePoints[i] === undefined) {\n        edgePoints[i] = [];\n      }\n\n      var source = nodeIdMap[edge.source];\n      var target = nodeIdMap[edge.target];\n\n      if (divisions === 1) {\n        edgePoints[i].push({\n          x: source.x,\n          y: source.y\n        }); // source\n\n        edgePoints[i].push({\n          x: 0.5 * (source.x + target.x),\n          y: 0.5 * (source.y + target.y)\n        }); // mid\n\n        edgePoints[i].push({\n          x: target.x,\n          y: target.y\n        }); // target\n      } else {\n        var edgeLength = 0;\n\n        if (!edgePoints[i] || edgePoints[i] === []) {\n          // it is a straight line\n          edgeLength = getEucliDis({\n            x: source.x,\n            y: source.y\n          }, {\n            x: target.x,\n            y: target.y\n          });\n        } else {\n          edgeLength = self.getEdgeLength(edgePoints[i]);\n        }\n\n        var divisionLength_1 = edgeLength / (divisions + 1);\n        var currentDivisonLength_1 = divisionLength_1;\n        var newEdgePoints_1 = [{\n          x: source.x,\n          y: source.y\n        }]; // source\n\n        edgePoints[i].forEach(function (ep, j) {\n          if (j === 0) return;\n          var oriDivisionLength = getEucliDis(ep, edgePoints[i][j - 1]);\n\n          while (oriDivisionLength > currentDivisonLength_1) {\n            var ratio = currentDivisonLength_1 / oriDivisionLength;\n            var edgePoint = {\n              x: edgePoints[i][j - 1].x,\n              y: edgePoints[i][j - 1].y\n            };\n            edgePoint.x += ratio * (ep.x - edgePoints[i][j - 1].x);\n            edgePoint.y += ratio * (ep.y - edgePoints[i][j - 1].y);\n            newEdgePoints_1.push(edgePoint);\n            oriDivisionLength -= currentDivisonLength_1;\n            currentDivisonLength_1 = divisionLength_1;\n          }\n\n          currentDivisonLength_1 -= oriDivisionLength;\n        });\n        newEdgePoints_1.push({\n          x: target.x,\n          y: target.y\n        }); // target\n\n        edgePoints[i] = newEdgePoints_1;\n      }\n    });\n    return edgePoints;\n  };\n  /**\n   * 计算边的长度\n   * @param points\n   */\n\n\n  Bundling.prototype.getEdgeLength = function (points) {\n    var length = 0;\n    points.forEach(function (p, i) {\n      if (i === 0) return;\n      length += getEucliDis(p, points[i - 1]);\n    });\n    return length;\n  };\n\n  Bundling.prototype.getEdgeBundles = function () {\n    var self = this;\n    var data = self.get('data');\n    var edges = data.edges || [];\n    var bundleThreshold = self.get('bundleThreshold');\n    var nodeIdMap = self.get('nodeIdMap');\n    var edgeBundles = self.get('edgeBundles');\n    if (!edgeBundles) edgeBundles = [];\n    edges.forEach(function (e, i) {\n      if (!edgeBundles[i] || edgeBundles[i] === undefined) {\n        edgeBundles[i] = [];\n      }\n    });\n    edges.forEach(function (ei, i) {\n      var iSource = nodeIdMap[ei.source];\n      var iTarget = nodeIdMap[ei.target];\n      edges.forEach(function (ej, j) {\n        if (j <= i) return;\n        var jSource = nodeIdMap[ej.source];\n        var jTarget = nodeIdMap[ej.target];\n        var score = self.getBundleScore({\n          source: iSource,\n          target: iTarget\n        }, {\n          source: jSource,\n          target: jTarget\n        });\n\n        if (score >= bundleThreshold) {\n          edgeBundles[i].push(j);\n          edgeBundles[j].push(i);\n        }\n      });\n    });\n    return edgeBundles;\n  };\n\n  Bundling.prototype.getBundleScore = function (ei, ej) {\n    var self = this;\n    ei.vx = ei.target.x - ei.source.x;\n    ei.vy = ei.target.y - ei.source.y;\n    ej.vx = ej.target.x - ej.source.x;\n    ej.vy = ej.target.y - ej.source.y;\n    ei.length = getEucliDis({\n      x: ei.source.x,\n      y: ei.source.y\n    }, {\n      x: ei.target.x,\n      y: ei.target.y\n    });\n    ej.length = getEucliDis({\n      x: ej.source.x,\n      y: ej.source.y\n    }, {\n      x: ej.target.x,\n      y: ej.target.y\n    }); // angle score\n\n    var aScore = self.getAngleScore(ei, ej); // scale score\n\n    var sScore = self.getScaleScore(ei, ej); // position score\n\n    var pScore = self.getPositionScore(ei, ej); // visibility socre\n\n    var vScore = self.getVisibilityScore(ei, ej);\n    return aScore * sScore * pScore * vScore;\n  };\n\n  Bundling.prototype.getAngleScore = function (ei, ej) {\n    var dotProduct = getDotProduct({\n      x: ei.vx,\n      y: ei.vy\n    }, {\n      x: ej.vx,\n      y: ej.vy\n    });\n    return dotProduct / (ei.length * ej.length);\n  };\n\n  Bundling.prototype.getScaleScore = function (ei, ej) {\n    var aLength = (ei.length + ej.length) / 2;\n    var score = 2 / (aLength / Math.min(ei.length, ej.length) + Math.max(ei.length, ej.length) / aLength);\n    return score;\n  };\n\n  Bundling.prototype.getPositionScore = function (ei, ej) {\n    var aLength = (ei.length + ej.length) / 2;\n    var iMid = {\n      x: (ei.source.x + ei.target.x) / 2,\n      y: (ei.source.y + ei.target.y) / 2\n    };\n    var jMid = {\n      x: (ej.source.x + ej.target.x) / 2,\n      y: (ej.source.y + ej.target.y) / 2\n    };\n    var distance = getEucliDis(iMid, jMid);\n    return aLength / (aLength + distance);\n  };\n\n  Bundling.prototype.getVisibilityScore = function (ei, ej) {\n    var vij = this.getEdgeVisibility(ei, ej);\n    var vji = this.getEdgeVisibility(ej, ei);\n    return vij < vji ? vij : vji;\n  };\n\n  Bundling.prototype.getEdgeVisibility = function (ei, ej) {\n    var ps = projectPointToEdge(ej.source, ei);\n    var pt = projectPointToEdge(ej.target, ei);\n    var pMid = {\n      x: (ps.x + pt.x) / 2,\n      y: (ps.y + pt.y) / 2\n    };\n    var iMid = {\n      x: (ei.source.x + ei.target.x) / 2,\n      y: (ei.source.y + ei.target.y) / 2\n    };\n    return Math.max(0, 1 - 2 * getEucliDis(pMid, iMid) / getEucliDis(ps, pt));\n  };\n\n  Bundling.prototype.getEdgeForces = function (e, eidx, divisions, lambda) {\n    var self = this;\n    var edgePoints = self.get('edgePoints');\n    var K = self.get('K');\n    var kp = K / (getEucliDis(e.source, e.target) * (divisions + 1));\n    var edgePointForces = [{\n      x: 0,\n      y: 0\n    }];\n\n    for (var i = 1; i < divisions; i++) {\n      var force = {\n        x: 0,\n        y: 0\n      };\n      var spring = self.getSpringForce({\n        pre: edgePoints[eidx][i - 1],\n        cur: edgePoints[eidx][i],\n        next: edgePoints[eidx][i + 1]\n      }, kp);\n      var electrostatic = self.getElectrostaticForce(i, eidx);\n      force.x = lambda * (spring.x + electrostatic.x);\n      force.y = lambda * (spring.y + electrostatic.y);\n      edgePointForces.push(force);\n    }\n\n    edgePointForces.push({\n      x: 0,\n      y: 0\n    });\n    return edgePointForces;\n  };\n\n  Bundling.prototype.getSpringForce = function (divisions, kp) {\n    var x = divisions.pre.x + divisions.next.x - 2 * divisions.cur.x;\n    var y = divisions.pre.y + divisions.next.y - 2 * divisions.cur.y;\n    x *= kp;\n    y *= kp;\n    return {\n      x: x,\n      y: y\n    };\n  };\n\n  Bundling.prototype.getElectrostaticForce = function (pidx, eidx) {\n    var self = this;\n    var eps = self.get('eps');\n    var edgeBundles = self.get('edgeBundles');\n    var edgePoints = self.get('edgePoints');\n    var edgeBundle = edgeBundles[eidx];\n    var resForce = {\n      x: 0,\n      y: 0\n    };\n    edgeBundle.forEach(function (eb) {\n      var force = {\n        x: edgePoints[eb][pidx].x - edgePoints[eidx][pidx].x,\n        y: edgePoints[eb][pidx].y - edgePoints[eidx][pidx].y\n      };\n\n      if (Math.abs(force.x) > eps || Math.abs(force.y) > eps) {\n        var length_1 = getEucliDis(edgePoints[eb][pidx], edgePoints[eidx][pidx]);\n        var diff = 1 / length_1;\n        resForce.x += force.x * diff;\n        resForce.y += force.y * diff;\n      }\n    });\n    return resForce;\n  };\n\n  Bundling.prototype.isTicking = function () {\n    return this.get('ticking');\n  };\n\n  Bundling.prototype.getSimulation = function () {\n    return this.get('forceSimulation');\n  };\n\n  Bundling.prototype.destroy = function () {\n    if (this.get('ticking')) {\n      this.getSimulation().stop();\n    }\n\n    _super.prototype.destroy.call(this);\n  };\n\n  return Bundling;\n}(_base__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Bundling);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/bundling/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n // 菱形shape\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerNode\"])('diamond', {\n  // 自定义节点时的配置\n  options: {\n    size: [80, 80],\n    style: {\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      }\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'diamond',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg).icon,\n        icon = _a === void 0 ? {} : _a;\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('path', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    var w = icon.width,\n        h = icon.height,\n        show = icon.show;\n\n    if (show) {\n      var image = group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: -w / 2,\n          y: -h / 2\n        }, icon),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\",\n        draggable: true\n      });\n    }\n\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n\n    if (left) {\n      // left circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: -width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (right) {\n      // right circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (top) {\n      // top circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: -height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (bottom) {\n      // bottom circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n  getPath: function getPath(cfg) {\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n    var path = [['M', 0, -height / 2], ['L', width / 2, 0], ['L', 0, height / 2], ['L', -width / 2, 0], ['Z'] // 封闭\n    ];\n    return path;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var path = this.getPath(cfg);\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      path: path\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var path = this.getPath(cfg); // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      path: path\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, true);\n    this.updateLinkPoints(cfg, group);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/diamond.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/edgeFilterLens/index.js":
-/*!*****************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/edgeFilterLens/index.js ***!
-  \*****************************************************************************************/
-/*! exports provided: default */
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/ellipse.js":
+/*!***********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/ellipse.js ***!
+  \***********************************************************************************/
+/*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\nvar distance = _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"Util\"].distance;\nvar DELTA = 0.05;\nvar lensDelegateStyle = {\n  stroke: '#000',\n  strokeOpacity: 0.8,\n  lineWidth: 2,\n  fillOpacity: 1,\n  fill: '#fff'\n};\n\nvar EdgeFilterLens =\n/** @class */\nfunction (_super) {\n  __extends(EdgeFilterLens, _super);\n\n  function EdgeFilterLens() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  EdgeFilterLens.prototype.getDefaultCfgs = function () {\n    return {\n      type: 'both',\n      trigger: 'mousemove',\n      r: 60,\n      delegateStyle: Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"clone\"])(lensDelegateStyle),\n      showLabel: 'edge',\n      scaleRBy: 'wheel'\n    };\n  }; // class-methods-use-this\n\n\n  EdgeFilterLens.prototype.getEvents = function () {\n    var events;\n\n    switch (this.get('trigger')) {\n      case 'click':\n        events = {\n          click: 'filter'\n        };\n        break;\n\n      case 'drag':\n        events = {\n          click: 'createDelegate'\n        };\n        break;\n\n      default:\n        events = {\n          mousemove: 'filter'\n        };\n        break;\n    }\n\n    return events;\n  };\n\n  EdgeFilterLens.prototype.init = function () {\n    var self = this;\n    var showLabel = self.get('showLabel');\n    var showNodeLabel = showLabel === 'node' || showLabel === 'both';\n    var showEdgeLabel = showLabel === 'edge' || showLabel === 'both';\n    self.set('showNodeLabel', showNodeLabel);\n    self.set('showEdgeLabel', showEdgeLabel);\n    var shouldShow = self.get('shouldShow');\n    if (!shouldShow) self.set('shouldShow', function () {\n      return true;\n    });\n  }; // Create the delegate when the trigger is drag\n\n\n  EdgeFilterLens.prototype.createDelegate = function (e) {\n    var self = this;\n    var lensDelegate = self.get('delegate');\n\n    if (!lensDelegate || lensDelegate.destroyed) {\n      self.filter(e);\n      lensDelegate = self.get('delegate'); // drag to move the lens\n\n      lensDelegate.on('dragstart', function (evt) {});\n      lensDelegate.on('drag', function (evt) {\n        self.filter(evt);\n      }); // 绑定调整范围（r）\n      // 由于 drag 用于改变 lens 位置，因此在此模式下，drag 不能用于调整 r\n      // scaling r\n\n      if (this.get('scaleRBy') === 'wheel') {\n        lensDelegate.on('mousewheel', function (evt) {\n          self.scaleRByWheel(evt);\n        });\n      }\n    }\n  };\n  /**\n   * Scale the range by wheel\n   * @param e mouse wheel event\n   */\n\n\n  EdgeFilterLens.prototype.scaleRByWheel = function (e) {\n    var self = this;\n    if (!e || !e.originalEvent) return;\n    if (e.preventDefault) e.preventDefault();\n    var graph = self.get('graph');\n    var ratio;\n    var lensDelegate = self.get('delegate');\n    var lensCenter = lensDelegate ? {\n      x: lensDelegate.attr('x'),\n      y: lensDelegate.attr('y')\n    } : undefined;\n    var mousePos = lensCenter || graph.getPointByClient(e.clientX, e.clientY);\n\n    if (e.originalEvent.wheelDelta < 0) {\n      ratio = 1 - DELTA;\n    } else {\n      ratio = 1 / (1 - DELTA);\n    }\n\n    var maxR = self.get('maxR');\n    var minR = self.get('minR');\n    var r = self.get('r');\n\n    if (r > (maxR || graph.get('height')) && ratio > 1 || r < (minR || graph.get('height') * 0.05) && ratio < 1) {\n      ratio = 1;\n    }\n\n    r *= ratio;\n    self.set('r', r);\n    self.filter(e);\n  };\n  /**\n   * Response function for mousemove, click, or drag to filter out the edges\n   * @param e mouse event\n   */\n\n\n  EdgeFilterLens.prototype.filter = function (e) {\n    var self = this;\n    var graph = self.get('graph');\n    var nodes = graph.getNodes();\n    var hitNodesMap = {};\n    var r = self.get('r');\n    var type = self.get('type');\n    var fCenter = {\n      x: e.x,\n      y: e.y\n    };\n    self.updateDelegate(fCenter, r);\n    var shouldShow = self.get('shouldShow');\n    var vShapes = self.get('vShapes');\n\n    if (vShapes) {\n      vShapes.forEach(function (shape) {\n        shape.remove();\n        shape.destroy();\n      });\n    }\n\n    vShapes = [];\n    nodes.forEach(function (node) {\n      var model = node.getModel();\n      var x = model.x,\n          y = model.y;\n\n      if (distance({\n        x: x,\n        y: y\n      }, fCenter) < r) {\n        hitNodesMap[model.id] = node;\n      }\n    });\n    var edges = graph.getEdges();\n    var hitEdges = [];\n    edges.forEach(function (edge) {\n      var model = edge.getModel();\n      var sourceId = model.source;\n      var targetId = model.target;\n\n      if (shouldShow(model)) {\n        if (type === 'only-source' || type === 'one') {\n          if (hitNodesMap[sourceId] && !hitNodesMap[targetId]) hitEdges.push(edge);\n        } else if (type === 'only-target' || type === 'one') {\n          if (hitNodesMap[targetId] && !hitNodesMap[sourceId]) hitEdges.push(edge);\n        } else if (type === 'both' && hitNodesMap[sourceId] && hitNodesMap[targetId]) {\n          hitEdges.push(edge);\n        }\n      }\n    });\n    var showNodeLabel = self.get('showNodeLabel');\n    var showEdgeLabel = self.get('showEdgelabel'); // copy the shapes in hitEdges\n\n    var group = graph.get('group');\n    hitEdges.forEach(function (edge) {\n      var shapes = edge.get('group').get('children');\n      shapes.forEach(function (shape) {\n        var shapeType = shape.get('type');\n        var vShape = group.addShape(shapeType, {\n          attrs: shape.attr()\n        });\n        vShapes.push(vShape);\n\n        if (showNodeLabel && shapeType === 'text') {\n          vShape.set('visible', true);\n        }\n      });\n    }); // copy the shape sof hitNodes\n\n    Object.keys(hitNodesMap).forEach(function (key) {\n      var node = hitNodesMap[key];\n      var clonedGroup = node.get('group').clone();\n      group.add(clonedGroup);\n      vShapes.push(clonedGroup);\n\n      if (showEdgeLabel) {\n        var shapes = clonedGroup.get('children');\n\n        for (var j = 0; j < shapes.length; j++) {\n          var shape = shapes[j];\n\n          if (shape.get('type') === 'text') {\n            shape.set('visible', true);\n          }\n        }\n      }\n    });\n    self.set('vShapes', vShapes);\n  };\n  /**\n   * Adjust part of the parameters, including trigger, type, r, maxR, minR, shouldShow, showLabel, and scaleRBy\n   * @param {EdgeFilterLensConfig} cfg\n   */\n\n\n  EdgeFilterLens.prototype.updateParams = function (cfg) {\n    var self = this;\n    var r = cfg.r,\n        trigger = cfg.trigger,\n        minR = cfg.minR,\n        maxR = cfg.maxR,\n        scaleRBy = cfg.scaleRBy,\n        showLabel = cfg.showLabel,\n        shouldShow = cfg.shouldShow;\n\n    if (!isNaN(cfg.r)) {\n      self.set('r', r);\n    }\n\n    if (!isNaN(maxR)) {\n      self.set('maxR', maxR);\n    }\n\n    if (!isNaN(minR)) {\n      self.set('minR', minR);\n    }\n\n    if (trigger === 'mousemove' || trigger === 'click') {\n      self.set('trigger', trigger);\n    }\n\n    if (scaleRBy === 'wheel' || scaleRBy === 'unset') {\n      self.set('scaleRBy', scaleRBy);\n      self.get('delegate').remove();\n      self.get('delegate').destroy();\n      var dPercentText = self.get('dPercentText');\n\n      if (dPercentText) {\n        dPercentText.remove();\n        dPercentText.destroy();\n      }\n    }\n\n    if (showLabel === 'node' || showLabel === 'both') {\n      self.set('showNodeLabel', true);\n    }\n\n    if (showLabel === 'edge' || showLabel === 'both') {\n      self.set('showEdgeLabel', true);\n    }\n\n    if (shouldShow) {\n      self.set('shouldShow', shouldShow);\n    }\n  };\n  /**\n   * Update the delegate shape of the lens\n   * @param {Point} mCenter the center of the shape\n   * @param {number} r the radius of the shape\n   */\n\n\n  EdgeFilterLens.prototype.updateDelegate = function (mCenter, r) {\n    var self = this;\n    var graph = self.get('graph');\n    var lensDelegate = self.get('delegate');\n\n    if (!lensDelegate || lensDelegate.destroyed) {\n      // 拖动多个\n      var parent_1 = graph.get('group');\n      var attrs = self.get('delegateStyle') || lensDelegateStyle; // model上的x, y是相对于图形中心的，delegateShape是g实例，x,y是绝对坐标\n\n      lensDelegate = parent_1.addShape('circle', {\n        attrs: __assign({\n          r: r,\n          x: mCenter.x,\n          y: mCenter.y\n        }, attrs),\n        name: 'lens-shape',\n        draggable: true\n      });\n\n      if (this.get('trigger') !== 'drag') {\n        // 调整范围 r 的监听\n        if (this.get('scaleRBy') === 'wheel') {\n          // 使用滚轮调整 r\n          lensDelegate.on('mousewheel', function (evt) {\n            self.scaleRByWheel(evt);\n          });\n        }\n      }\n    } else {\n      lensDelegate.attr({\n        x: mCenter.x,\n        y: mCenter.y,\n        r: r\n      });\n    }\n\n    self.set('delegate', lensDelegate);\n  };\n  /**\n   * Clear the filtering\n   */\n\n\n  EdgeFilterLens.prototype.clear = function () {\n    var self = this;\n    var vShapes = self.get('vShapes');\n\n    if (vShapes) {\n      vShapes.forEach(function (shape) {\n        shape.remove();\n        shape.destroy();\n      });\n    }\n\n    vShapes = [];\n    self.set('vShapes', vShapes);\n    var lensDelegate = self.get('delegate');\n\n    if (lensDelegate && !lensDelegate.destroyed) {\n      lensDelegate.remove();\n      lensDelegate.destroy();\n    }\n  };\n  /**\n   * Destroy the component\n   */\n\n\n  EdgeFilterLens.prototype.destroy = function () {\n    this.clear();\n  };\n\n  return EdgeFilterLens;\n}(_base__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (EdgeFilterLens);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/edgeFilterLens/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n\n/**\n * 基本的椭圆，可以添加文本，默认文本居中\n */\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerNode\"])('ellipse', {\n  // 自定义节点时的配置\n  options: {\n    size: [80, 40],\n    style: {\n      x: 0,\n      y: 0,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      }\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'ellipse',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg).icon,\n        icon = _a === void 0 ? {} : _a;\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('ellipse', {\n      attrs: style,\n      className: 'ellipse-keyShape',\n      name: 'ellipse-keyShape',\n      draggable: true\n    });\n    var width = icon.width,\n        height = icon.height,\n        show = icon.show;\n\n    if (show) {\n      var image = group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: -width / 2,\n          y: -height / 2\n        }, icon),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\",\n        draggable: true\n      });\n    }\n\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var rx = size[0] / 2;\n    var ry = size[1] / 2;\n\n    if (left) {\n      // left circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: -rx,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (right) {\n      // right circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: rx,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (top) {\n      // top circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: -ry,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (bottom) {\n      // bottom circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: ry,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var rx = size[0] / 2;\n    var ry = size[1] / 2;\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: 0,\n      y: 0,\n      rx: rx,\n      ry: ry\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var size = this.getSize(cfg);\n    var strokeStyle = {\n      stroke: cfg.color,\n      rx: size[0] / 2,\n      ry: size[1] / 2\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, true);\n    this.updateLinkPoints(cfg, group);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/ellipse.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/fisheye/index.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/fisheye/index.js ***!
-  \**********************************************************************************/
-/*! exports provided: default */
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/index.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/index.js ***!
+  \*********************************************************************************/
+/*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\nvar DELTA = 0.05;\nvar lensDelegateStyle = {\n  stroke: '#000',\n  strokeOpacity: 0.8,\n  lineWidth: 2,\n  fillOpacity: 0.1,\n  fill: '#ccc'\n};\n\nvar Fisheye =\n/** @class */\nfunction (_super) {\n  __extends(Fisheye, _super);\n\n  function Fisheye() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Fisheye.prototype.getDefaultCfgs = function () {\n    return {\n      trigger: 'mousemove',\n      d: 1.5,\n      r: 300,\n      delegateStyle: Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"clone\"])(lensDelegateStyle),\n      showLabel: false,\n      maxD: 5,\n      minD: 0,\n      scaleRBy: 'unset',\n      scaleDBy: 'unset',\n      showDPercent: true\n    };\n  }; // class-methods-use-this\n\n\n  Fisheye.prototype.getEvents = function () {\n    var events;\n\n    switch (this.get('trigger')) {\n      case 'click':\n        events = {\n          click: 'magnify'\n        };\n        break;\n\n      case 'drag':\n        events = {\n          click: 'createDelegate'\n        };\n        break;\n\n      default:\n        events = {\n          mousemove: 'magnify'\n        };\n        break;\n    }\n\n    return events;\n  };\n\n  Fisheye.prototype.init = function () {\n    var self = this;\n    var r = self.get('r');\n    self.set('cachedMagnifiedModels', []);\n    self.set('cachedOriginPositions', {});\n    self.set('r2', r * r);\n    var d = self.get('d');\n    self.set('molecularParam', (d + 1) * r);\n  }; // Create the delegate when the trigger is drag\n\n\n  Fisheye.prototype.createDelegate = function (e) {\n    var _this = this;\n\n    var self = this;\n    var lensDelegate = self.get('delegate');\n\n    if (!lensDelegate || lensDelegate.destroyed) {\n      self.magnify(e);\n      lensDelegate = self.get('delegate'); // drag to move the lens\n\n      lensDelegate.on('dragstart', function (evt) {\n        self.set('delegateCenterDiff', {\n          x: lensDelegate.attr('x') - evt.x,\n          y: lensDelegate.attr('y') - evt.y\n        });\n      });\n      lensDelegate.on('drag', function (evt) {\n        self.magnify(evt);\n      }); // 绑定调整范围（r）和缩放系数(d)的监听\n      // 由于 drag 用于改变 lens 位置, 因此在此模式下, drag 不能用于调整 r 和 d\n      // scaling d\n\n      if (this.get('scaleDBy') === 'wheel') {\n        lensDelegate.on('mousewheel', function (evt) {\n          _this.scaleDByWheel(evt);\n        });\n      } // scaling r\n\n\n      if (this.get('scaleRBy') === 'wheel') {\n        lensDelegate.on('mousewheel', function (evt) {\n          self.scaleRByWheel(evt);\n        });\n      }\n    }\n  };\n  /**\n   * Scale the range by wheel\n   * @param e mouse wheel event\n   */\n\n\n  Fisheye.prototype.scaleRByWheel = function (e) {\n    var self = this;\n    if (!e || !e.originalEvent) return;\n    if (e.preventDefault) e.preventDefault();\n    var graph = self.get('graph');\n    var ratio;\n    var lensDelegate = self.get('delegate');\n    var lensCenter = lensDelegate ? {\n      x: lensDelegate.attr('x'),\n      y: lensDelegate.attr('y')\n    } : undefined;\n    var mousePos = lensCenter || graph.getPointByClient(e.clientX, e.clientY);\n\n    if (e.originalEvent.wheelDelta < 0) {\n      ratio = 1 - DELTA;\n    } else {\n      ratio = 1 / (1 - DELTA);\n    }\n\n    var maxR = self.get('maxR');\n    var minR = self.get('minR');\n    var r = self.get('r');\n\n    if (r > (maxR || graph.get('height')) && ratio > 1 || r < (minR || graph.get('height') * 0.05) && ratio < 1) {\n      ratio = 1;\n    }\n\n    r *= ratio;\n    self.set('r', r);\n    self.set('r2', r * r);\n    var d = self.get('d');\n    self.set('molecularParam', (d + 1) * r);\n    self.set('delegateCenterDiff', undefined);\n    self.magnify(e, mousePos);\n  };\n  /**\n   * Scale the range by dragging\n   * @param e mouse event\n   */\n\n\n  Fisheye.prototype.scaleRByDrag = function (e) {\n    var self = this;\n    if (!e) return;\n    var dragPrePos = self.get('dragPrePos');\n    var graph = self.get('graph');\n    var ratio;\n    var mousePos = graph.getPointByClient(e.clientX, e.clientY);\n\n    if (e.x - dragPrePos.x < 0) {\n      ratio = 1 - DELTA;\n    } else {\n      ratio = 1 / (1 - DELTA);\n    }\n\n    var maxR = self.get('maxR');\n    var minR = self.get('minR');\n    var r = self.get('r');\n\n    if (r > (maxR || graph.get('height')) && ratio > 1 || r < (minR || graph.get('height') * 0.05) && ratio < 1) {\n      ratio = 1;\n    }\n\n    r *= ratio;\n    self.set('r', r);\n    self.set('r2', r * r);\n    var d = self.get('d');\n    self.set('molecularParam', (d + 1) * r);\n    self.magnify(e, mousePos);\n    self.set('dragPrePos', {\n      x: e.x,\n      y: e.y\n    });\n  };\n  /**\n   * Scale the magnifying factor by wheel\n   * @param e mouse wheel event\n   */\n\n\n  Fisheye.prototype.scaleDByWheel = function (evt) {\n    var self = this;\n    if (!evt && !evt.originalEvent) return;\n    if (evt.preventDefault) evt.preventDefault();\n    var delta = 0;\n\n    if (evt.originalEvent.wheelDelta < 0) {\n      delta = -0.1;\n    } else {\n      delta = 0.1;\n    }\n\n    var d = self.get('d');\n    var newD = d + delta;\n    var maxD = self.get('maxD');\n    var minD = self.get('minD');\n\n    if (newD < maxD && newD > minD) {\n      self.set('d', newD);\n      var r = self.get('r');\n      self.set('molecularParam', (newD + 1) * r);\n      var lensDelegate = self.get('delegate');\n      var lensCenter = lensDelegate ? {\n        x: lensDelegate.attr('x'),\n        y: lensDelegate.attr('y')\n      } : undefined;\n      self.set('delegateCenterDiff', undefined);\n      self.magnify(evt, lensCenter);\n    }\n  };\n  /**\n   * Scale the magnifying factor by dragging\n   * @param e mouse event\n   */\n\n\n  Fisheye.prototype.scaleDByDrag = function (e) {\n    var self = this;\n    var dragPrePos = self.get('dragPrePos');\n    var delta = e.x - dragPrePos.x > 0 ? 0.1 : -0.1;\n    var d = self.get('d');\n    var newD = d + delta;\n    var maxD = self.get('maxD');\n    var minD = self.get('minD');\n\n    if (newD < maxD && newD > minD) {\n      self.set('d', newD);\n      var r = self.get('r');\n      self.set('molecularParam', (newD + 1) * r);\n      self.magnify(e);\n    }\n\n    self.set('dragPrePos', {\n      x: e.x,\n      y: e.y\n    });\n  };\n  /**\n   * Response function for mousemove, click, or drag to magnify\n   * @param e mouse event\n   */\n\n\n  Fisheye.prototype.magnify = function (e, mousePos) {\n    var self = this;\n    self.restoreCache();\n    var graph = self.get('graph');\n    var cachedMagnifiedModels = self.get('cachedMagnifiedModels');\n    var cachedOriginPositions = self.get('cachedOriginPositions');\n    var showLabel = self.get('showLabel');\n    var r = self.get('r');\n    var r2 = self.get('r2');\n    var d = self.get('d');\n    var molecularParam = self.get('molecularParam');\n    var nodes = graph.getNodes();\n    var nodeLength = nodes.length;\n    var mCenter = mousePos ? {\n      x: mousePos.x,\n      y: mousePos.y\n    } : {\n      x: e.x,\n      y: e.y\n    };\n\n    if (self.get('dragging') && (self.get('trigger') === 'mousemove' || self.get('trigger') === 'click')) {\n      mCenter = self.get('cacheCenter');\n    }\n\n    var delegateCenterDiff = self.get('delegateCenterDiff');\n\n    if (delegateCenterDiff) {\n      mCenter.x += delegateCenterDiff.x;\n      mCenter.y += delegateCenterDiff.y;\n    }\n\n    self.updateDelegate(mCenter, r);\n\n    for (var i = 0; i < nodeLength; i++) {\n      var model = nodes[i].getModel();\n      var x = model.x,\n          y = model.y;\n      if (isNaN(x) || isNaN(y)) continue; // the square of the distance between the node and the magnified center\n\n      var dist2 = (x - mCenter.x) * (x - mCenter.x) + (y - mCenter.y) * (y - mCenter.y);\n\n      if (!isNaN(dist2) && dist2 < r2 && dist2 !== 0) {\n        var dist = Math.sqrt(dist2); // (r * (d + 1) * (dist / r)) / (d * (dist / r) + 1);\n\n        var magnifiedDist = molecularParam * dist / (d * dist + r);\n        var cos = (x - mCenter.x) / dist;\n        var sin = (y - mCenter.y) / dist;\n        model.x = cos * magnifiedDist + mCenter.x;\n        model.y = sin * magnifiedDist + mCenter.y;\n\n        if (!cachedOriginPositions[model.id]) {\n          cachedOriginPositions[model.id] = {\n            x: x,\n            y: y,\n            texts: []\n          };\n        }\n\n        cachedMagnifiedModels.push(model);\n\n        if (showLabel && 2 * dist < r) {\n          var node = nodes[i];\n          var nodeGroup = node.getContainer();\n          var shapes = nodeGroup.getChildren();\n          var shapeLength = shapes.length;\n\n          for (var j = 0; j < shapeLength; j++) {\n            var shape = shapes[j];\n\n            if (shape.get('type') === 'text') {\n              cachedOriginPositions[model.id].texts.push({\n                visible: shape.get('visible'),\n                shape: shape\n              });\n              shape.set('visible', true);\n            }\n          }\n        }\n      }\n    }\n\n    graph.refreshPositions();\n  };\n  /**\n   * Restore the cache nodes while magnifying\n   */\n\n\n  Fisheye.prototype.restoreCache = function () {\n    var self = this;\n    var cachedMagnifiedModels = self.get('cachedMagnifiedModels');\n    var cachedOriginPositions = self.get('cachedOriginPositions');\n    var cacheLength = cachedMagnifiedModels.length;\n\n    for (var i = 0; i < cacheLength; i++) {\n      var node = cachedMagnifiedModels[i];\n      var id = node.id;\n      var ori = cachedOriginPositions[id];\n      node.x = ori.x;\n      node.y = ori.y;\n      var textLength = ori.texts.length;\n\n      for (var j = 0; j < textLength; j++) {\n        var text = ori.texts[j];\n        text.shape.set('visible', text.visible);\n      }\n    }\n\n    self.set('cachedMagnifiedModels', []);\n    self.set('cachedOriginPositions', {});\n  };\n  /**\n   * Adjust part of the parameters, including trigger, d, r, maxR, minR, maxD, minD, scaleRBy, and scaleDBy\n   * @param {FisheyeConfig} cfg\n   */\n\n\n  Fisheye.prototype.updateParams = function (cfg) {\n    var self = this;\n    var r = cfg.r,\n        d = cfg.d,\n        trigger = cfg.trigger,\n        minD = cfg.minD,\n        maxD = cfg.maxD,\n        minR = cfg.minR,\n        maxR = cfg.maxR,\n        scaleDBy = cfg.scaleDBy,\n        scaleRBy = cfg.scaleRBy;\n\n    if (!isNaN(cfg.r)) {\n      self.set('r', r);\n      self.set('r2', r * r);\n    }\n\n    if (!isNaN(d)) {\n      self.set('d', d);\n    }\n\n    if (!isNaN(maxD)) {\n      self.set('maxD', maxD);\n    }\n\n    if (!isNaN(minD)) {\n      self.set('minD', minD);\n    }\n\n    if (!isNaN(maxR)) {\n      self.set('maxR', maxR);\n    }\n\n    if (!isNaN(minR)) {\n      self.set('minR', minR);\n    }\n\n    var nd = self.get('d');\n    var nr = self.get('r');\n    self.set('molecularParam', (nd + 1) * nr);\n\n    if (trigger === 'mousemove' || trigger === 'click' || trigger === 'drag') {\n      self.set('trigger', trigger);\n    }\n\n    if (scaleDBy === 'drag' || scaleDBy === 'wheel' || scaleDBy === 'unset') {\n      self.set('scaleDBy', scaleDBy);\n      self.get('delegate').remove();\n      self.get('delegate').destroy();\n      var dPercentText = self.get('dPercentText');\n\n      if (dPercentText) {\n        dPercentText.remove();\n        dPercentText.destroy();\n      }\n    }\n\n    if (scaleRBy === 'drag' || scaleRBy === 'wheel' || scaleRBy === 'unset') {\n      self.set('scaleRBy', scaleRBy);\n      self.get('delegate').remove();\n      self.get('delegate').destroy();\n      var dPercentText = self.get('dPercentText');\n\n      if (dPercentText) {\n        dPercentText.remove();\n        dPercentText.destroy();\n      }\n    }\n  };\n  /**\n   * Update the delegate shape of the lens\n   * @param {Point} mCenter the center of the shape\n   * @param {number} r the radius of the shape\n   */\n\n\n  Fisheye.prototype.updateDelegate = function (mCenter, r) {\n    var _this = this;\n\n    var self = this;\n    var graph = self.get('graph');\n    var lensDelegate = self.get('delegate');\n\n    if (!lensDelegate || lensDelegate.destroyed) {\n      // 拖动多个\n      var parent_1 = graph.get('group');\n      var attrs = self.get('delegateStyle') || lensDelegateStyle; // model上的x, y是相对于图形中心的, delegateShape是g实例, x,y是绝对坐标\n\n      lensDelegate = parent_1.addShape('circle', {\n        attrs: __assign({\n          r: r / 1.5,\n          x: mCenter.x,\n          y: mCenter.y\n        }, attrs),\n        name: 'lens-shape',\n        draggable: true\n      });\n\n      if (this.get('trigger') !== 'drag') {\n        // 调整范围 r 的监听\n        if (this.get('scaleRBy') === 'wheel') {\n          // 使用滚轮调整 r\n          lensDelegate.on('mousewheel', function (evt) {\n            self.scaleRByWheel(evt);\n          });\n        } else if (this.get('scaleRBy') === 'drag') {\n          // 使用拖拽调整 r\n          lensDelegate.on('dragstart', function (e) {\n            self.set('dragging', true);\n            self.set('cacheCenter', {\n              x: e.x,\n              y: e.y\n            });\n            self.set('dragPrePos', {\n              x: e.x,\n              y: e.y\n            });\n          });\n          lensDelegate.on('drag', function (evt) {\n            self.scaleRByDrag(evt);\n          });\n          lensDelegate.on('dragend', function (e) {\n            self.set('dragging', false);\n          });\n        } // 调整缩放系数 d 的监听\n\n\n        if (this.get('scaleDBy') === 'wheel') {\n          // 使用滚轮调整 d\n          lensDelegate.on('mousewheel', function (evt) {\n            _this.scaleDByWheel(evt);\n          });\n        } else if (this.get('scaleDBy') === 'drag') {\n          // 使用拖拽调整 d\n          lensDelegate.on('dragstart', function (evt) {\n            self.set('dragging', true);\n            self.set('cacheCenter', {\n              x: evt.x,\n              y: evt.y\n            });\n            self.set('dragPrePos', {\n              x: evt.x,\n              y: evt.y\n            });\n          });\n          lensDelegate.on('drag', function (evt) {\n            _this.scaleDByDrag(evt);\n          });\n          lensDelegate.on('dragend', function (evt) {\n            self.set('dragging', false);\n          });\n        }\n      }\n    } else {\n      lensDelegate.attr({\n        x: mCenter.x,\n        y: mCenter.y,\n        r: r / 1.5\n      });\n    } // 绘制缩放系数百分比文本\n\n\n    if (self.get('showDPercent')) {\n      var percent = Math.round((self.get('d') - self.get('minD')) / (self.get('maxD') - self.get('minD')) * 100);\n      var dPercentText = self.get('dPercentText');\n      var textY = mCenter.y + r / 1.5 + 16;\n\n      if (!dPercentText || dPercentText.destroyed) {\n        var parent_2 = graph.get('group');\n        dPercentText = parent_2.addShape('text', {\n          attrs: {\n            text: percent + \"%\",\n            x: mCenter.x,\n            y: textY,\n            fill: '#aaa',\n            stroke: '#fff',\n            lineWidth: 1,\n            fontSize: 12\n          }\n        });\n        self.set('dPercentText', dPercentText);\n      } else {\n        dPercentText.attr({\n          text: percent + \"%\",\n          x: mCenter.x,\n          y: textY\n        });\n      }\n    }\n\n    self.set('delegate', lensDelegate);\n  };\n  /**\n   * Clear the fisheye lens\n   */\n\n\n  Fisheye.prototype.clear = function () {\n    var graph = this.get('graph');\n    this.restoreCache();\n    graph.refreshPositions();\n    var lensDelegate = this.get('delegate');\n\n    if (lensDelegate && !lensDelegate.destroyed) {\n      lensDelegate.remove();\n      lensDelegate.destroy();\n    }\n\n    var dPercentText = this.get('dPercentText');\n\n    if (dPercentText && !dPercentText.destroyed) {\n      dPercentText.remove();\n      dPercentText.destroy();\n    }\n  };\n  /**\n   * Destroy the component\n   */\n\n\n  Fisheye.prototype.destroy = function () {\n    this.clear();\n  };\n\n  return Fisheye;\n}(_base__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Fisheye);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/fisheye/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _circle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./circle */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/circle.js\");\n/* harmony import */ var _rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./rect */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/rect.js\");\n/* harmony import */ var _ellipse__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ellipse */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/ellipse.js\");\n/* harmony import */ var _diamond__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./diamond */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/diamond.js\");\n/* harmony import */ var _triangle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./triangle */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/triangle.js\");\n/* harmony import */ var _modelRect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modelRect */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/modelRect.js\");\n/* harmony import */ var _star__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./star */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/star.js\");\n\n\n\n\n\n\n // import './image';\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/index.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/grid/index.js":
-/*!*******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/grid/index.js ***!
-  \*******************************************************************************/
-/*! exports provided: default */
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/modelRect.js":
+/*!*************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/modelRect.js ***!
+  \*************************************************************************************/
+/*! no exports provided */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n // 网格背景图片\n\nvar GRID_PNG = 'url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UwZTBlMCIgb3BhY2l0eT0iMC4yIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=)';\n\nvar Grid =\n/** @class */\nfunction (_super) {\n  __extends(Grid, _super);\n\n  function Grid() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Grid.prototype.getDefaultCfgs = function () {\n    return {\n      img: GRID_PNG\n    };\n  };\n\n  Grid.prototype.init = function () {\n    var graph = this.get('graph');\n    var minZoom = graph.get('minZoom');\n    var graphContainer = graph.get('container');\n    var canvas = graph.get('canvas').get('el');\n    var width = graph.get('width');\n    var height = graph.get('height');\n    var img = this.get('img') || GRID_PNG;\n    var container = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(\"<div class='g6-grid-container' style=\\\"position: absolute; left:0;top:0;right:0;bottom:0;overflow: hidden;z-index: -1;\\\"></div>\");\n    var gridContainer = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(\"<div \\n        class='g6-grid' \\n        style='position:absolute;\\n        transform-origin: 0% 0% 0px;\\n        background-image: \" + img + \";\\n        user-select: none\\n        '></div>\");\n    container.appendChild(gridContainer);\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(container, {\n      width: width + \"px\",\n      height: height + \"px\",\n      left: graphContainer.offsetLeft + \"px\",\n      top: graphContainer.offsetTop + \"px\"\n    });\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(gridContainer, {\n      width: width / minZoom + \"px\",\n      height: height / minZoom + \"px\",\n      left: \"0px\",\n      top: \"0px\"\n    });\n    graphContainer.insertBefore(container, canvas);\n    this.set('container', container);\n    this.set('gridContainer', gridContainer);\n  }; // class-methods-use-this\n\n\n  Grid.prototype.getEvents = function () {\n    return {\n      viewportchange: 'updateGrid'\n    };\n  };\n  /**\n   * viewport change 事件的响应函数\n   * @param param\n   */\n\n\n  Grid.prototype.updateGrid = function (param) {\n    var gridContainer = this.get('gridContainer');\n    var matrix = param.matrix;\n    if (!matrix) matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    var transform = \"matrix(\" + matrix[0] + \", \" + matrix[1] + \", \" + matrix[3] + \", \" + matrix[4] + \", 0, 0)\";\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(gridContainer, {\n      transform: transform\n    });\n  };\n\n  Grid.prototype.getContainer = function () {\n    return this.get('container');\n  };\n\n  Grid.prototype.destroy = function () {\n    var graph = this.get('graph');\n    var graphContainer = graph.get('container');\n    var container = this.get('container');\n    graphContainer.removeChild(container);\n  };\n\n  return Grid;\n}(_base__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Grid);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/grid/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n\n\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"registerNode\"])('modelRect', {\n  // 自定义节点时的配置\n  options: {\n    size: [185, 70],\n    style: {\n      radius: 5,\n      stroke: '#69c0ff',\n      fill: '#ffffff',\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.style.lineWidth,\n      fillOpacity: 1\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: '#595959',\n        fontSize: 14\n      },\n      offset: 30 // 距离左侧的 offset，没有设置 y 轴上移动的配置\n\n    },\n    descriptionCfg: {\n      style: {\n        fontSize: 12,\n        fill: '#bfbfbf'\n      },\n      paddingTop: 0\n    },\n    preRect: {\n      show: true,\n      width: 4,\n      fill: '#40a9ff',\n      radius: 2\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: 10,\n      lineWidth: 1,\n      fill: '#72CC4A',\n      stroke: '#72CC4A'\n    },\n    // 节点中icon配置\n    logoIcon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: true,\n      x: 0,\n      y: 0,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/basement_prod/4f81893c-1806-4de4-aff3-9a6b266bc8a2.svg',\n      width: 16,\n      height: 16,\n      // 用于调整图标的左右位置\n      offset: 0\n    },\n    // 节点中表示状态的icon配置\n    stateIcon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: true,\n      x: 0,\n      y: 0,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/basement_prod/300a2523-67e0-4cbf-9d4a-67c077b40395.svg',\n      width: 16,\n      height: 16,\n      // 用于调整图标的左右位置\n      offset: -5\n    },\n    // 连接点，默认为左右\n    // anchorPoints: [{ x: 0, y: 0.5 }, { x: 1, y: 0.5 }]\n    anchorPoints: [[0, 0.5], [1, 0.5]]\n  },\n  shapeType: 'modelRect',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg).preRect,\n        preRect = _a === void 0 ? {} : _a;\n    var style = this.getShapeStyle(cfg);\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n    var keyShape = group.addShape('rect', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n\n    var preRectShow = preRect.show,\n        preRectStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(preRect, [\"show\"]);\n\n    if (preRectShow) {\n      group.addShape('rect', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: -width / 2,\n          y: -height / 2,\n          height: height\n        }, preRectStyle),\n        className: 'pre-rect',\n        name: 'pre-rect',\n        draggable: true\n      });\n    }\n\n    this.drawLogoIcon(cfg, group);\n    this.drawStateIcon(cfg, group);\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制模型矩形左边的logo图标\n   * @param {Object} cfg 数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLogoIcon: function drawLogoIcon(cfg, group) {\n    var _a = this.getOptions(cfg).logoIcon,\n        logoIcon = _a === void 0 ? {} : _a;\n    var size = this.getSize(cfg);\n    var width = size[0];\n\n    if (logoIcon.show) {\n      var w = logoIcon.width,\n          h = logoIcon.height,\n          x = logoIcon.x,\n          y = logoIcon.y,\n          offset = logoIcon.offset,\n          logoIconStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(logoIcon, [\"width\", \"height\", \"x\", \"y\", \"offset\"]);\n\n      group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, logoIconStyle), {\n          x: x || -width / 2 + w + offset,\n          y: y || -h / 2,\n          width: w,\n          height: h\n        }),\n        className: 'rect-logo-icon',\n        name: 'rect-logo-icon',\n        draggable: true\n      });\n    }\n  },\n\n  /**\n   * 绘制模型矩形右边的状态图标\n   * @param {Object} cfg 数据配置项\n   * @param {Group} group Group实例\n   */\n  drawStateIcon: function drawStateIcon(cfg, group) {\n    var _a = this.getOptions(cfg).stateIcon,\n        stateIcon = _a === void 0 ? {} : _a;\n    var size = this.getSize(cfg);\n    var width = size[0];\n\n    if (stateIcon.show) {\n      var w = stateIcon.width,\n          h = stateIcon.height,\n          x = stateIcon.x,\n          y = stateIcon.y,\n          offset = stateIcon.offset,\n          iconStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(stateIcon, [\"width\", \"height\", \"x\", \"y\", \"offset\"]);\n\n      group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, iconStyle), {\n          x: x || width / 2 - w + offset,\n          y: y || -h / 2,\n          width: w,\n          height: h\n        }),\n        className: 'rect-state-icon',\n        name: 'rect-state-icon',\n        draggable: true\n      });\n    }\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n\n    if (left) {\n      // left circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: -width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (right) {\n      // right circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (top) {\n      // top circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: -height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (bottom) {\n      // bottom circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n  drawLabel: function drawLabel(cfg, group) {\n    var _a = this.getOptions(cfg),\n        _b = _a.labelCfg,\n        labelCfg = _b === void 0 ? {} : _b,\n        _c = _a.logoIcon,\n        logoIcon = _c === void 0 ? {} : _c,\n        _d = _a.descriptionCfg,\n        descriptionCfg = _d === void 0 ? {} : _d;\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var label = null;\n    var show = logoIcon.show,\n        w = logoIcon.width;\n    var offsetX = -width / 2 + labelCfg.offset;\n\n    if (show) {\n      offsetX = -width / 2 + w + labelCfg.offset;\n    }\n\n    var fontStyle = labelCfg.style;\n    var descriptionStyle = descriptionCfg.style,\n        descriptionPaddingTop = descriptionCfg.paddingTop;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(cfg.description)) {\n      label = group.addShape('text', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, fontStyle), {\n          x: offsetX,\n          y: -5,\n          text: cfg.label\n        }),\n        className: 'text-shape',\n        name: 'text-shape',\n        draggable: true\n      });\n      group.addShape('text', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, descriptionStyle), {\n          x: offsetX,\n          y: 17 + (descriptionPaddingTop || 0),\n          text: cfg.description\n        }),\n        className: 'rect-description',\n        name: 'rect-description',\n        draggable: true\n      });\n    } else {\n      label = group.addShape('text', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, fontStyle), {\n          x: offsetX,\n          y: 7,\n          text: cfg.label\n        }),\n        className: 'text-shape',\n        name: 'text-shape',\n        draggable: true\n      });\n    }\n\n    return label;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var width = style.width || size[0];\n    var height = style.height || size[1];\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: -width / 2,\n      y: -height / 2,\n      width: width,\n      height: height\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var _a = this.getOptions(cfg),\n        _b = _a.style,\n        style = _b === void 0 ? {} : _b,\n        _c = _a.labelCfg,\n        labelCfg = _c === void 0 ? {} : _c,\n        _d = _a.descriptionCfg,\n        descriptionCfg = _d === void 0 ? {} : _d;\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n    var keyShape = item.get('keyShape');\n    keyShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, style), {\n      x: -width / 2,\n      y: -height / 2,\n      width: width,\n      height: height\n    }));\n    var group = item.getContainer();\n    var logoIconShape = group.find(function (element) {\n      return element.get('className') === 'rect-logo-icon';\n    });\n    var currentLogoIconAttr = logoIconShape ? logoIconShape.attr() : {};\n    var logoIcon = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, currentLogoIconAttr, cfg.logoIcon);\n    var w = logoIcon.width;\n\n    if (w === undefined) {\n      w = this.options.logoIcon.width;\n    }\n\n    var show = cfg.logoIcon ? cfg.logoIcon.show : undefined;\n    var offset = labelCfg.offset;\n    var offsetX = -width / 2 + w + offset;\n\n    if (!show && show !== undefined) {\n      offsetX = -width / 2 + offset;\n    }\n\n    var label = group.find(function (element) {\n      return element.get('className') === 'node-label';\n    });\n    var description = group.find(function (element) {\n      return element.get('className') === 'rect-description';\n    });\n\n    if (cfg.label) {\n      if (!label) {\n        group.addShape('text', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, labelCfg.style), {\n            x: offsetX,\n            y: cfg.description ? -5 : 7,\n            text: cfg.label\n          }),\n          className: 'node-label',\n          name: 'node-label',\n          draggable: true\n        });\n      } else {\n        var cfgStyle = cfg.labelCfg ? cfg.labelCfg.style : {};\n        var labelStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, label.attr(), cfgStyle);\n        if (cfg.label) labelStyle.text = cfg.label;\n        labelStyle.x = offsetX;\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(cfg.description)) labelStyle.y = -5;\n\n        if (description) {\n          description.resetMatrix();\n          description.attr({\n            x: offsetX\n          });\n        }\n\n        label.resetMatrix();\n        label.attr(labelStyle);\n      }\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(cfg.description)) {\n      var paddingTop = descriptionCfg.paddingTop;\n\n      if (!description) {\n        group.addShape('text', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, descriptionCfg.style), {\n            x: offsetX,\n            y: 17 + (paddingTop || 0),\n            text: cfg.description\n          }),\n          className: 'rect-description',\n          name: 'rect-description',\n          draggable: true\n        });\n      } else {\n        var cfgStyle = cfg.descriptionCfg ? cfg.descriptionCfg.style : {};\n        var descriptionStyle = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, description.attr(), cfgStyle);\n        if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(cfg.description)) descriptionStyle.text = cfg.description;\n        descriptionStyle.x = offsetX;\n        description.resetMatrix();\n        description.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, descriptionStyle), {\n          y: 17 + (paddingTop || 0)\n        }));\n      }\n    }\n\n    var preRectShape = group.find(function (element) {\n      return element.get('className') === 'pre-rect';\n    });\n\n    if (preRectShape) {\n      var preRect = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, preRectShape.attr(), cfg.preRect);\n      preRectShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, preRect), {\n        x: -width / 2,\n        y: -height / 2,\n        height: height\n      }));\n    }\n\n    if (logoIconShape) {\n      if (!show && show !== undefined) {\n        logoIconShape.remove();\n      } else {\n        var logoW = logoIcon.width,\n            h = logoIcon.height,\n            x = logoIcon.x,\n            y = logoIcon.y,\n            logoOffset = logoIcon.offset,\n            logoIconStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(logoIcon, [\"width\", \"height\", \"x\", \"y\", \"offset\"]);\n\n        logoIconShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, logoIconStyle), {\n          x: x || -width / 2 + logoW + logoOffset,\n          y: y || -h / 2,\n          width: logoW,\n          height: h\n        }));\n      }\n    } else if (show) {\n      this.drawLogoIcon(cfg, group);\n    }\n\n    var stateIconShape = group.find(function (element) {\n      return element.get('className') === 'rect-state-icon';\n    });\n    var currentStateIconAttr = stateIconShape ? stateIconShape.attr() : {};\n    var stateIcon = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, currentStateIconAttr, cfg.stateIcon);\n\n    if (stateIconShape) {\n      if (!stateIcon.show && stateIcon.show !== undefined) {\n        stateIconShape.remove();\n      }\n\n      var stateW = stateIcon.width,\n          h = stateIcon.height,\n          x = stateIcon.x,\n          y = stateIcon.y,\n          stateOffset = stateIcon.offset,\n          stateIconStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(stateIcon, [\"width\", \"height\", \"x\", \"y\", \"offset\"]);\n\n      stateIconShape.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, stateIconStyle), {\n        x: x || width / 2 - stateW + stateOffset,\n        y: y || -h / 2,\n        width: stateW,\n        height: h\n      }));\n    } else if (stateIcon.show) {\n      this.drawStateIcon(cfg, group);\n    }\n\n    this.updateLinkPoints(cfg, group);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/modelRect.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/imageMinimap/index.js":
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/rect.js":
+/*!********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/rect.js ***!
+  \********************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n\n\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"registerNode\"])('rect', {\n  // 自定义节点时的配置\n  options: {\n    size: [100, 30],\n    style: {\n      radius: 0,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    // 文本样式配置\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      }\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20\n    },\n    // 连接点，默认为左右\n    // anchorPoints: [{ x: 0, y: 0.5 }, { x: 1, y: 0.5 }]\n    anchorPoints: [[0, 0.5], [1, 0.5]],\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_2__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'rect',\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('rect', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var width = size[0];\n    var height = size[1];\n\n    if (left) {\n      // left circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: -width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    if (right) {\n      // right circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: width / 2,\n          y: 0,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    if (top) {\n      // top circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: -height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    if (bottom) {\n      // bottom circle\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: 0,\n          y: height / 2,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-bottom',\n        name: 'link-point-bottom',\n        isAnchorPoint: true\n      });\n    }\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var size = this.getSize(cfg);\n    var width = style.width || size[0];\n    var height = style.height || size[1];\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      x: -width / 2,\n      y: -height / 2,\n      width: width,\n      height: height\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var size = this.getSize(cfg);\n    var keyShape = item.get('keyShape');\n\n    if (!cfg.size) {\n      size[0] = keyShape.attr('width') || defaultStyle.width;\n      size[1] = keyShape.attr('height') || defaultStyle.height;\n    } // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      x: -size[0] / 2,\n      y: -size[1] / 2,\n      width: size[0],\n      height: size[1]\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, false);\n    this.updateLinkPoints(cfg, group);\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/rect.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/star.js":
+/*!********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/star.js ***!
+  \********************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n // 五角星shape\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerNode\"])('star', {\n  // 自定义节点时的配置\n  options: {\n    size: 60,\n    style: {\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      }\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'star',\n  // 文本位置\n  labelPosition: 'center',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg).icon,\n        icon = _a === void 0 ? {} : _a;\n    var style = this.getShapeStyle(cfg);\n    var keyShape = group.addShape('path', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    var w = icon.width,\n        h = icon.height,\n        show = icon.show;\n\n    if (show) {\n      var image = group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: -w / 2,\n          y: -h / 2\n        }, icon),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\",\n        draggable: true\n      });\n    }\n\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg).linkPoints,\n        linkPoints = _a === void 0 ? {} : _a;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        leftBottom = linkPoints.leftBottom,\n        rightBottom = linkPoints.rightBottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"leftBottom\", \"rightBottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var outerR = size[0];\n\n    if (right) {\n      // right circle\n      // up down left right 四个方向的坐标均不相同\n      var x1 = Math.cos((18 + 72 * 0) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * 0) / 180 * Math.PI) * outerR;\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: x1,\n          y: -y1,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right'\n      });\n    }\n\n    if (top) {\n      // up down left right 四个方向的坐标均不相同\n      var x1 = Math.cos((18 + 72 * 1) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * 1) / 180 * Math.PI) * outerR; // top circle\n\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: x1,\n          y: -y1,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top'\n      });\n    }\n\n    if (left) {\n      // up down left right 四个方向的坐标均不相同\n      var x1 = Math.cos((18 + 72 * 2) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * 2) / 180 * Math.PI) * outerR; // left circle\n\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: x1,\n          y: -y1,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left'\n      });\n    }\n\n    if (leftBottom) {\n      // up down left right 四个方向的坐标均不相同\n      var x1 = Math.cos((18 + 72 * 3) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * 3) / 180 * Math.PI) * outerR; // left bottom circle\n\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: x1,\n          y: -y1,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-left-bottom',\n        name: 'link-point-left-bottom'\n      });\n    }\n\n    if (rightBottom) {\n      // up down left right 四个方向的坐标均不相同\n      var x1 = Math.cos((18 + 72 * 4) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * 4) / 180 * Math.PI) * outerR; // left bottom circle\n\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n          x: x1,\n          y: -y1,\n          r: markSize / 2 || markR || 5\n        }),\n        className: 'link-point-right-bottom',\n        name: 'link-point-right-bottom'\n      });\n    }\n  },\n  getPath: function getPath(cfg) {\n    var size = this.getSize(cfg);\n    var outerR = size[0];\n    var defaultInnerR = outerR * 3 / 8;\n    var innerR = cfg.innerR || defaultInnerR;\n    var path = [];\n\n    for (var i = 0; i < 5; i++) {\n      var x1 = Math.cos((18 + 72 * i) / 180 * Math.PI) * outerR;\n      var y1 = Math.sin((18 + 72 * i) / 180 * Math.PI) * outerR;\n      var x2 = Math.cos((54 + 72 * i) / 180 * Math.PI) * innerR;\n      var y2 = Math.sin((54 + 72 * i) / 180 * Math.PI) * innerR;\n\n      if (i === 0) {\n        path.push(['M', x1, -y1]);\n      } else {\n        path.push(['L', x1, -y1]);\n      }\n\n      path.push(['L', x2, -y2]);\n    }\n\n    path.push(['Z']);\n    return path;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖原来默认的 stroke 属性。但 cfg 中但 stroke 属性优先级更高\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var path = this.getPath(cfg);\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      path: path\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var path = this.getPath(cfg); // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      path: path\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, true);\n    this.updateLinkPoints(cfg, group);\n  },\n\n  /**\n   * 更新linkPoints\n   * @param {Object} cfg 节点数据配置项\n   * @param {Group} group Item所在的group\n   */\n  updateLinkPoints: function updateLinkPoints(cfg, group) {\n    var defaultLinkPoints = this.getOptions({}).linkPoints;\n    var markLeft = group.find(function (element) {\n      return element.get('className') === 'link-point-left';\n    });\n    var markRight = group.find(function (element) {\n      return element.get('className') === 'link-point-right';\n    });\n    var markTop = group.find(function (element) {\n      return element.get('className') === 'link-point-top';\n    });\n    var markLeftBottom = group.find(function (element) {\n      return element.get('className') === 'link-point-left-bottom';\n    });\n    var markRightBottom = group.find(function (element) {\n      return element.get('className') === 'link-point-right-bottom';\n    });\n    var currentLinkPoints = defaultLinkPoints;\n    var existLinkPoint = markLeft || markRight || markTop || markLeftBottom || markRightBottom;\n\n    if (existLinkPoint) {\n      currentLinkPoints = existLinkPoint.attr();\n    }\n\n    var linkPoints = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, currentLinkPoints, cfg.linkPoints);\n    var markFill = linkPoints.fill,\n        markStroke = linkPoints.stroke,\n        borderWidth = linkPoints.lineWidth;\n    var markSize = linkPoints.size / 2;\n    if (!markSize) markSize = linkPoints.r;\n\n    var _a = cfg.linkPoints ? cfg.linkPoints : {\n      left: undefined,\n      right: undefined,\n      top: undefined,\n      leftBottom: undefined,\n      rightBottom: undefined\n    },\n        left = _a.left,\n        right = _a.right,\n        top = _a.top,\n        leftBottom = _a.leftBottom,\n        rightBottom = _a.rightBottom;\n\n    var size = this.getSize(cfg);\n    var outerR = size[0];\n    var styles = {\n      r: markSize,\n      fill: markFill,\n      stroke: markStroke,\n      lineWidth: borderWidth\n    };\n    var x = Math.cos((18 + 72 * 0) / 180 * Math.PI) * outerR;\n    var y = Math.sin((18 + 72 * 0) / 180 * Math.PI) * outerR;\n\n    if (markRight) {\n      if (!right && right !== undefined) {\n        markRight.remove();\n      } else {\n        markRight.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }));\n      }\n    } else if (right) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }),\n        className: 'link-point-right',\n        name: 'link-point-right',\n        isAnchorPoint: true\n      });\n    }\n\n    x = Math.cos((18 + 72 * 1) / 180 * Math.PI) * outerR;\n    y = Math.sin((18 + 72 * 1) / 180 * Math.PI) * outerR;\n\n    if (markTop) {\n      if (!top && top !== undefined) {\n        markTop.remove();\n      } else {\n        markTop.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }));\n      }\n    } else if (top) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }),\n        className: 'link-point-top',\n        name: 'link-point-top',\n        isAnchorPoint: true\n      });\n    }\n\n    x = Math.cos((18 + 72 * 2) / 180 * Math.PI) * outerR;\n    y = Math.sin((18 + 72 * 2) / 180 * Math.PI) * outerR;\n\n    if (markLeft) {\n      if (!left && left !== undefined) {\n        markLeft.remove();\n      } else {\n        markLeft.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }));\n      }\n    } else if (left) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }),\n        className: 'link-point-left',\n        name: 'link-point-left',\n        isAnchorPoint: true\n      });\n    }\n\n    x = Math.cos((18 + 72 * 3) / 180 * Math.PI) * outerR;\n    y = Math.sin((18 + 72 * 3) / 180 * Math.PI) * outerR;\n\n    if (markLeftBottom) {\n      if (!leftBottom && leftBottom !== undefined) {\n        markLeftBottom.remove();\n      } else {\n        markLeftBottom.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }));\n      }\n    } else if (leftBottom) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }),\n        className: 'link-point-left-bottom',\n        name: 'link-point-left-bottom',\n        isAnchorPoint: true\n      });\n    }\n\n    x = Math.cos((18 + 72 * 4) / 180 * Math.PI) * outerR;\n    y = Math.sin((18 + 72 * 4) / 180 * Math.PI) * outerR;\n\n    if (markRightBottom) {\n      if (!rightBottom && rightBottom !== undefined) {\n        markLeftBottom.remove();\n      } else {\n        markRightBottom.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }));\n      }\n    } else if (rightBottom) {\n      group.addShape('circle', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n          x: x,\n          y: -y\n        }),\n        className: 'link-point-right-bottom',\n        name: 'link-point-right-bottom',\n        isAnchorPoint: true\n      });\n    }\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/star.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/triangle.js":
+/*!************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/triangle.js ***!
+  \************************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\n // 三角形\n\nObject(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerNode\"])('triangle', {\n  // 自定义节点时的配置\n  options: {\n    size: 40,\n    direction: 'up',\n    style: {\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.stroke,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.fill,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.style.lineWidth\n    },\n    labelCfg: {\n      style: {\n        fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fill,\n        fontSize: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeLabel.style.fontSize\n      },\n      offset: 15\n    },\n    // 节点上左右上下四个方向上的链接circle配置\n    linkPoints: {\n      top: false,\n      right: false,\n      bottom: false,\n      left: false,\n      // circle的大小\n      size: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.size,\n      lineWidth: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.lineWidth,\n      fill: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.fill,\n      stroke: _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].defaultNode.linkPoints.stroke\n    },\n    // 节点中icon配置\n    icon: {\n      // 是否显示icon，值为 false 则不渲染icon\n      show: false,\n      // icon的地址，字符串类型\n      img: 'https://gw.alipayobjects.com/zos/bmw-prod/5d015065-8505-4e7a-baec-976f81e3c41d.svg',\n      width: 20,\n      height: 20,\n      offset: 6\n    },\n    stateStyles: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"BaseGlobal\"].nodeStateStyles)\n  },\n  shapeType: 'triangle',\n  // 文本位置\n  labelPosition: 'bottom',\n  drawShape: function drawShape(cfg, group) {\n    var _a = this.getOptions(cfg),\n        _b = _a.icon,\n        icon = _b === void 0 ? {} : _b,\n        defaultDirection = _a.direction;\n\n    var style = this.getShapeStyle(cfg);\n    var direction = cfg.direction || defaultDirection;\n    var keyShape = group.addShape('path', {\n      attrs: style,\n      className: this.type + \"-keyShape\",\n      name: this.type + \"-keyShape\",\n      draggable: true\n    });\n    var w = icon.width,\n        h = icon.height,\n        show = icon.show,\n        offset = icon.offset;\n\n    if (show) {\n      var iconW = -w / 2;\n      var iconH = -h / 2;\n\n      if (direction === 'up' || direction === 'down') {\n        iconH += offset;\n      }\n\n      if (direction === 'left' || direction === 'right') {\n        iconW += offset;\n      }\n\n      group.addShape('image', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          x: iconW,\n          y: iconH\n        }, icon),\n        className: this.type + \"-icon\",\n        name: this.type + \"-icon\",\n        draggable: true\n      });\n    }\n\n    this.drawLinkPoints(cfg, group);\n    return keyShape;\n  },\n\n  /**\n   * 绘制节点上的LinkPoints\n   * @param {Object} cfg data数据配置项\n   * @param {Group} group Group实例\n   */\n  drawLinkPoints: function drawLinkPoints(cfg, group) {\n    var _a = this.getOptions(cfg),\n        _b = _a.linkPoints,\n        linkPoints = _b === void 0 ? {} : _b,\n        defaultDirection = _a.direction;\n\n    var direction = cfg.direction || defaultDirection;\n\n    var top = linkPoints.top,\n        left = linkPoints.left,\n        right = linkPoints.right,\n        bottom = linkPoints.bottom,\n        markSize = linkPoints.size,\n        markR = linkPoints.r,\n        markStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__rest\"])(linkPoints, [\"top\", \"left\", \"right\", \"bottom\", \"size\", \"r\"]);\n\n    var size = this.getSize(cfg);\n    var len = size[0];\n\n    if (left) {\n      // up down left right 四个方向的坐标均不相同\n      var leftPos = null;\n      var diffY = len * Math.sin(1 / 3 * Math.PI);\n      var r = len * Math.sin(1 / 3 * Math.PI);\n\n      if (direction === 'up') {\n        leftPos = [-r, diffY];\n      } else if (direction === 'down') {\n        leftPos = [-r, -diffY];\n      } else if (direction === 'left') {\n        leftPos = [-r, r - diffY];\n      }\n\n      if (leftPos) {\n        // left circle\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n            x: leftPos[0],\n            y: leftPos[1],\n            r: markSize / 2 || markR || 5\n          }),\n          className: 'link-point-left',\n          name: 'link-point-left'\n        });\n      }\n    }\n\n    if (right) {\n      // right circle\n      // up down left right 四个方向的坐标均不相同\n      var rightPos = null;\n      var diffY = len * Math.sin(1 / 3 * Math.PI);\n      var r = len * Math.sin(1 / 3 * Math.PI);\n\n      if (direction === 'up') {\n        rightPos = [r, diffY];\n      } else if (direction === 'down') {\n        rightPos = [r, -diffY];\n      } else if (direction === 'right') {\n        rightPos = [r, r - diffY];\n      }\n\n      if (rightPos) {\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n            x: rightPos[0],\n            y: rightPos[1],\n            r: markSize / 2 || markR || 5\n          }),\n          className: 'link-point-right',\n          name: 'link-point-right'\n        });\n      }\n    }\n\n    if (top) {\n      // up down left right 四个方向的坐标均不相同\n      var topPos = null;\n      var diffY = len * Math.sin(1 / 3 * Math.PI);\n      var r = len * Math.sin(1 / 3 * Math.PI);\n\n      if (direction === 'up') {\n        topPos = [r - diffY, -diffY];\n      } else if (direction === 'left') {\n        topPos = [r, -diffY];\n      } else if (direction === 'right') {\n        topPos = [-r, -diffY];\n      }\n\n      if (topPos) {\n        // top circle\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n            x: topPos[0],\n            y: topPos[1],\n            r: markSize / 2 || markR || 5\n          }),\n          className: 'link-point-top',\n          name: 'link-point-top'\n        });\n      }\n    }\n\n    if (bottom) {\n      // up down left right 四个方向的坐标均不相同\n      var bottomPos = null;\n      var diffY = len * Math.sin(1 / 3 * Math.PI);\n      var r = len * Math.sin(1 / 3 * Math.PI);\n\n      if (direction === 'down') {\n        bottomPos = [-r + diffY, diffY];\n      } else if (direction === 'left') {\n        bottomPos = [r, diffY];\n      } else if (direction === 'right') {\n        bottomPos = [-r, diffY];\n      }\n\n      if (bottomPos) {\n        // bottom circle\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, markStyle), {\n            x: bottomPos[0],\n            y: bottomPos[1],\n            r: markSize / 2 || markR || 5\n          }),\n          className: 'link-point-bottom',\n          name: 'link-point-bottom'\n        });\n      }\n    }\n  },\n  getPath: function getPath(cfg) {\n    var defaultDirection = this.getOptions(cfg).direction;\n    var direction = cfg.direction || defaultDirection;\n    var size = this.getSize(cfg);\n    var len = size[0];\n    var diffY = len * Math.sin(1 / 3 * Math.PI);\n    var r = len * Math.sin(1 / 3 * Math.PI);\n    var path = [['M', -r, diffY], ['L', 0, -diffY], ['L', r, diffY], ['Z'] // 封闭\n    ];\n\n    if (direction === 'down') {\n      path = [['M', -r, -diffY], ['L', r, -diffY], ['L', 0, diffY], ['Z'] // 封闭\n      ];\n    } else if (direction === 'left') {\n      path = [['M', -r, r - diffY], ['L', r, -r], ['L', r, r], ['Z'] // 封闭\n      ];\n    } else if (direction === 'right') {\n      path = [['M', r, r - diffY], ['L', -r, r], ['L', -r, -r], ['Z'] // 封闭\n      ];\n    }\n\n    return path;\n  },\n\n  /**\n   * 获取节点的样式，供基于该节点自定义时使用\n   * @param {Object} cfg 节点数据模型\n   * @return {Object} 节点的样式\n   */\n  getShapeStyle: function getShapeStyle(cfg) {\n    var defaultStyle = this.getOptions(cfg).style;\n    var strokeStyle = {\n      stroke: cfg.color\n    }; // 如果设置了color，则覆盖默认的stroke属性\n\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, strokeStyle);\n    var path = this.getPath(cfg);\n\n    var styles = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n      path: path\n    }, style);\n\n    return styles;\n  },\n  update: function update(cfg, item) {\n    var group = item.getContainer(); // 这里不传 cfg 参数是因为 cfg.style 需要最后覆盖样式\n\n    var defaultStyle = this.getOptions({}).style;\n    var path = this.getPath(cfg); // 下面这些属性需要覆盖默认样式与目前样式，但若在 cfg 中有指定则应该被 cfg 的相应配置覆盖。\n\n    var strokeStyle = {\n      stroke: cfg.color,\n      path: path\n    }; // 与 getShapeStyle 不同在于，update 时需要获取到当前的 style 进行融合。即新传入的配置项中没有涉及的属性，保留当前的配置。\n\n    var keyShape = item.get('keyShape');\n    var style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, defaultStyle, keyShape.attr(), strokeStyle);\n    style = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])(style, cfg.style);\n    this.updateShape(cfg, item, style, true);\n    this.updateLinkPoints(cfg, group);\n  },\n\n  /**\n   * 更新linkPoints\n   * @param {Object} cfg 节点数据配置项\n   * @param {Group} group Item所在的group\n   */\n  updateLinkPoints: function updateLinkPoints(cfg, group) {\n    var _a = this.getOptions({}),\n        defaultLinkPoints = _a.linkPoints,\n        defaultDirection = _a.direction;\n\n    var direction = cfg.direction || defaultDirection;\n    var markLeft = group.find(function (element) {\n      return element.get('className') === 'link-point-left';\n    });\n    var markRight = group.find(function (element) {\n      return element.get('className') === 'link-point-right';\n    });\n    var markTop = group.find(function (element) {\n      return element.get('className') === 'link-point-top';\n    });\n    var markBottom = group.find(function (element) {\n      return element.get('className') === 'link-point-bottom';\n    });\n    var currentLinkPoints = defaultLinkPoints;\n    var existLinkPoint = markLeft || markRight || markTop || markBottom;\n\n    if (existLinkPoint) {\n      currentLinkPoints = existLinkPoint.attr();\n    }\n\n    var linkPoints = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"mix\"])({}, currentLinkPoints, cfg.linkPoints);\n    var markFill = linkPoints.fill,\n        markStroke = linkPoints.stroke,\n        borderWidth = linkPoints.lineWidth;\n    var markSize = linkPoints.size / 2;\n    if (!markSize) markSize = linkPoints.r;\n\n    var _b = cfg.linkPoints ? cfg.linkPoints : {\n      left: undefined,\n      right: undefined,\n      top: undefined,\n      bottom: undefined\n    },\n        left = _b.left,\n        right = _b.right,\n        top = _b.top,\n        bottom = _b.bottom;\n\n    var size = this.getSize(cfg);\n    var len = size[0];\n    var styles = {\n      r: markSize,\n      fill: markFill,\n      stroke: markStroke,\n      lineWidth: borderWidth\n    };\n    var leftPos = null;\n    var diffY = len * Math.sin(1 / 3 * Math.PI);\n    var r = len * Math.sin(1 / 3 * Math.PI);\n\n    if (direction === 'up') {\n      leftPos = [-r, diffY];\n    } else if (direction === 'down') {\n      leftPos = [-r, -diffY];\n    } else if (direction === 'left') {\n      leftPos = [-r, r - diffY];\n    }\n\n    if (leftPos) {\n      if (markLeft) {\n        if (!left && left !== undefined) {\n          markLeft.remove();\n        } else {\n          markLeft.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: leftPos[0],\n            y: leftPos[1]\n          }));\n        }\n      } else if (left) {\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: leftPos[0],\n            y: leftPos[1]\n          }),\n          className: 'link-point-left',\n          name: 'link-point-left',\n          isAnchorPoint: true\n        });\n      }\n    }\n\n    var rightPos = null;\n\n    if (direction === 'up') {\n      rightPos = [r, diffY];\n    } else if (direction === 'down') {\n      rightPos = [r, -diffY];\n    } else if (direction === 'right') {\n      rightPos = [r, r - diffY];\n    }\n\n    if (rightPos) {\n      if (markRight) {\n        if (!right && right !== undefined) {\n          markRight.remove();\n        } else {\n          markRight.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: rightPos[0],\n            y: rightPos[1]\n          }));\n        }\n      } else if (right) {\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: rightPos[0],\n            y: rightPos[1]\n          }),\n          className: 'link-point-right',\n          name: 'link-point-right',\n          isAnchorPoint: true\n        });\n      }\n    }\n\n    var topPos = null;\n\n    if (direction === 'up') {\n      topPos = [r - diffY, -diffY];\n    } else if (direction === 'left') {\n      topPos = [r, -diffY];\n    } else if (direction === 'right') {\n      topPos = [-r, -diffY];\n    }\n\n    if (topPos) {\n      if (markTop) {\n        if (!top && top !== undefined) {\n          markTop.remove();\n        } else {\n          // top circle\n          markTop.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: topPos[0],\n            y: topPos[1]\n          }));\n        }\n      } else if (top) {\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: topPos[0],\n            y: topPos[1]\n          }),\n          className: 'link-point-top',\n          name: 'link-point-top',\n          isAnchorPoint: true\n        });\n      }\n    }\n\n    var bottomPos = null;\n\n    if (direction === 'down') {\n      bottomPos = [-r + diffY, diffY];\n    } else if (direction === 'left') {\n      bottomPos = [r, diffY];\n    } else if (direction === 'right') {\n      bottomPos = [-r, diffY];\n    }\n\n    if (bottomPos) {\n      if (markBottom) {\n        if (!bottom && bottom !== undefined) {\n          markBottom.remove();\n        } else {\n          markBottom.attr(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: bottomPos[0],\n            y: bottomPos[1]\n          }));\n        }\n      } else if (bottom) {\n        group.addShape('circle', {\n          attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, styles), {\n            x: bottomPos[0],\n            y: bottomPos[1]\n          }),\n          className: 'link-point-bottom',\n          name: 'link-point-bottom',\n          isAnchorPoint: true\n        });\n      }\n    }\n  }\n}, 'single-node');\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/nodes/triangle.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/activate-relations.js":
 /*!***************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/imageMinimap/index.js ***!
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/activate-relations.js ***!
   \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.0.4@@antv/matrix-util/esm/index.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n\n\n\n\nvar applyMatrix = _antv_g6_core__WEBPACK_IMPORTED_MODULE_3__[\"Util\"].applyMatrix;\n\nfunction getImgNaturalDimension(img, callback) {\n  var nWidth, nHeight;\n\n  if (img.naturalWidth) {\n    // 现代浏览器\n    nWidth = img.naturalWidth;\n    nHeight = img.naturalHeight;\n  } else {\n    // IE6/7/8\n    var image_1 = new Image();\n    image_1.src = img.src;\n\n    image_1.onload = function () {\n      if (callback) callback(image_1.width, image_1.height);\n    };\n  }\n\n  return [nWidth, nHeight];\n}\n\nvar ImageMiniMap =\n/** @class */\nfunction (_super) {\n  __extends(ImageMiniMap, _super);\n\n  function ImageMiniMap() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  ImageMiniMap.prototype.getDefaultCfgs = function () {\n    return {\n      container: null,\n      className: 'g6-minimap',\n      viewportClassName: 'g6-minimap-viewport',\n      width: 200,\n      delegateStyle: {\n        fill: '#40a9ff',\n        stroke: '#096dd9'\n      },\n      refresh: true\n    };\n  };\n\n  ImageMiniMap.prototype.getEvents = function () {\n    return {\n      beforepaint: 'updateViewport',\n      beforeanimate: 'disableRefresh',\n      afteranimate: 'enableRefresh',\n      viewportchange: 'disableOneRefresh'\n    };\n  }; // 若是正在进行动画，不刷新缩略图\n\n\n  ImageMiniMap.prototype.disableRefresh = function () {\n    this.set('refresh', false);\n  };\n\n  ImageMiniMap.prototype.enableRefresh = function () {\n    this.set('refresh', true);\n    this.updateCanvas();\n  };\n\n  ImageMiniMap.prototype.disableOneRefresh = function () {\n    this.set('viewportChange', true);\n  };\n\n  ImageMiniMap.prototype.initViewport = function () {\n    var _this = this;\n\n    var cfgs = this._cfgs; // cWidth and cHeight are the width and height of the minimap's container\n\n    var graph = cfgs.graph;\n    if (this.destroyed) return;\n    var containerDOM = this.get('container');\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(containerDOM)) {\n      containerDOM = document.getElementById(containerDOM);\n    }\n\n    var viewport = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<div class=\" + cfgs.viewportClassName + \"\\n      style='position:absolute;\\n        left:0;\\n        top:0;\\n        box-sizing:border-box;\\n        border: 2px solid #1980ff'>\\n      </div>\"); // 计算拖拽水平方向距离\n\n    var x = 0; // 计算拖拽垂直方向距离\n\n    var y = 0; // 是否在拖拽minimap的视口\n\n    var dragging = false; // 缓存viewport当前对于画布的x\n\n    var left = 0; // 缓存viewport当前对于画布的y\n\n    var top = 0; // 缓存viewport当前宽度\n\n    var width = 0; // 缓存viewport当前高度\n\n    var height = 0;\n    var ratio = 0;\n    var zoom = 0;\n    containerDOM.addEventListener('mousedown', function (e) {\n      cfgs.refresh = false;\n\n      if (e.target !== viewport) {\n        return;\n      } // 如果视口已经最大了，不需要拖拽\n\n\n      var style = viewport.style;\n      width = parseInt(style.width, 10);\n      height = parseInt(style.height, 10);\n\n      var cWidth = _this.get('width');\n\n      var cHeight = _this.get('height');\n\n      if (width > cWidth || height > cHeight) {\n        return;\n      }\n\n      zoom = graph.getZoom();\n      ratio = _this.get('ratio');\n      dragging = true;\n      x = e.clientX;\n      y = e.clientY;\n    }, false);\n    containerDOM.addEventListener('mousemove', function (e) {\n      if (!dragging || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(e.clientX) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(e.clientY)) {\n        return;\n      }\n\n      var cWidth = _this.get('width');\n\n      var cHeight = _this.get('height');\n\n      var style = viewport.style;\n      left = parseInt(style.left, 10);\n      top = parseInt(style.top, 10);\n      width = parseInt(style.width, 10);\n      height = parseInt(style.height, 10);\n      var dx = x - e.clientX;\n      var dy = y - e.clientY; // 若视口移动到最左边或最右边了,仅移动到边界\n\n      if (left - dx < 0) {\n        dx = left;\n      } else if (left - dx + width >= cWidth) {\n        dx = 0;\n      } // 若视口移动到最上或最下边了，仅移动到边界\n\n\n      if (top - dy < 0) {\n        dy = top;\n      } else if (top - dy + height >= cHeight) {\n        dy = 0;\n      }\n\n      left -= dx;\n      top -= dy; // 先移动视口，避免移动到边上以后出现视口闪烁\n\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"modifyCSS\"])(viewport, {\n        left: left + \"px\",\n        top: top + \"px\"\n      }); // graph 移动需要偏移量 dx/dy * 缩放比例才会得到正确的移动距离\n\n      graph.translate(dx * zoom / ratio, dy * zoom / ratio);\n      x = e.clientX;\n      y = e.clientY;\n    }, false);\n    containerDOM.addEventListener('mouseleave', function () {\n      dragging = false;\n      cfgs.refresh = true;\n    }, false);\n    containerDOM.addEventListener('mouseup', function () {\n      dragging = false;\n      cfgs.refresh = true;\n    }, false);\n    this.set('viewport', viewport);\n    containerDOM.appendChild(viewport);\n  };\n  /**\n   * 更新 viewport 视图\n   */\n\n\n  ImageMiniMap.prototype.updateViewport = function () {\n    if (this.destroyed) return;\n    var ratio = this.get('ratio');\n    var cWidth = this.get('width');\n    var cHeight = this.get('height');\n    var graph = this.get('graph');\n    var graphWidth = graph.get('width');\n    var graphHeight = graph.get('height');\n    var aspectRatio = graphWidth / graphHeight;\n    var graphGroup = graph.getGroup(); // 主图的 bbox（矩阵变换相关的 bbox）\n\n    var graphCanvasBBox = graphGroup.getCanvasBBox(); // 扩展 graphBBox 到和 graphWidth / graphHeight 等比\n\n    var graphCanvasBBoxMean = [(graphCanvasBBox.minX + graphCanvasBBox.maxX) / 2, (graphCanvasBBox.minY + graphCanvasBBox.maxY) / 2];\n    var graphCanvasBBoxSize = [graphCanvasBBox.maxX - graphCanvasBBox.minX, graphCanvasBBox.maxY - graphCanvasBBox.minY];\n    var expandedGraphCanvasBBox = {\n      centerX: graphCanvasBBoxMean[0],\n      centerY: graphCanvasBBoxMean[1],\n      width: 0,\n      height: 0,\n      minX: 0,\n      minY: 0\n    };\n\n    if (graphCanvasBBox[0] / graphCanvasBBox[1] > aspectRatio) {\n      expandedGraphCanvasBBox.width = graphCanvasBBoxSize[0];\n      expandedGraphCanvasBBox.height = expandedGraphCanvasBBox.width / aspectRatio;\n    } else {\n      expandedGraphCanvasBBox.height = graphCanvasBBoxSize[1];\n      expandedGraphCanvasBBox.width = expandedGraphCanvasBBox.height * aspectRatio;\n    }\n\n    expandedGraphCanvasBBox.minX = graphCanvasBBoxMean[0] - expandedGraphCanvasBBox.width / 2;\n    expandedGraphCanvasBBox.minY = graphCanvasBBoxMean[1] - expandedGraphCanvasBBox.height / 2;\n    var graphMatrix = graphGroup.getMatrix();\n    if (!graphMatrix) graphMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    var invertGraphMatrix = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_4__[\"mat3\"].invert([1, 0, 0, 0, 1, 0, 0, 0, 1], graphMatrix);\n    var minXY = applyMatrix({\n      x: expandedGraphCanvasBBox.minX,\n      y: expandedGraphCanvasBBox.minY\n    }, invertGraphMatrix); // 扩展 graphBBox 后的 bbox 的左上角对应的 canvas container 坐标\n\n    var topLeft = graph.getCanvasByPoint(minXY.x, minXY.y);\n    var viewport = this.get('viewport');\n\n    if (!viewport) {\n      this.initViewport();\n    } // Viewport 与 minimap container 的比例 =  Graph container 与 expandedGraphBBox 比例\n\n\n    var vpToMc = graphWidth / expandedGraphCanvasBBox.width; // viewport 宽高 = vpToMc * minimap container 宽高\n\n    var width = vpToMc * cWidth;\n    var height = vpToMc * cHeight; // vierport 左上角到 minimap container 的距离 / minimap container 宽高\n    // = 主图 expandedBBox 左上角 canvas container 坐标距离 / expandedBBox 宽高\n\n    var left = cWidth * -topLeft.x / expandedGraphCanvasBBox.width;\n    var top = cHeight * -topLeft.y / expandedGraphCanvasBBox.height;\n    var right = left + width;\n    var bottom = top + height;\n\n    if (left < 0) {\n      width += left;\n      left = 0;\n    }\n\n    if (right > cWidth) {\n      width = width - (right - cWidth);\n    }\n\n    if (top < 0) {\n      height += top;\n      top = 0;\n    }\n\n    if (bottom > cHeight) {\n      height = height - (bottom - cHeight);\n    } // 缓存目前缩放比，在移动 minimap 视窗时就不用再计算大图的移动量\n\n\n    this.set('ratio', ratio);\n    var correctLeft = left + \"px\";\n    var correctTop = top + \"px\";\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"modifyCSS\"])(viewport, {\n      left: correctLeft,\n      top: correctTop,\n      width: width + \"px\",\n      height: height + \"px\"\n    });\n  };\n\n  ImageMiniMap.prototype.init = function () {\n    this.initContainer();\n  };\n  /**\n   * 初始化 Minimap 的容器\n   */\n\n\n  ImageMiniMap.prototype.initContainer = function () {\n    var self = this;\n    var graph = self.get('graph');\n    var graphWidth = graph.get('width');\n    var graphHeight = graph.get('height');\n    var aspectRatio = graphHeight / graphWidth;\n    var className = self.get('className');\n    var parentNode = self.get('container'); // size of the minimap's container\n\n    var cWidth = self.get('width');\n    var cHeight = self.get('height');\n\n    if (!cWidth && !cHeight) {\n      cWidth = 200;\n    }\n\n    if (cWidth) {\n      cHeight = aspectRatio * cWidth;\n      self.set('height', cHeight);\n    } else {\n      cWidth = 1 / aspectRatio * cHeight;\n      self.set('width', cWidth);\n    }\n\n    var container = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<div class='\" + className + \"' style='width: \" + cWidth + \"px; height: \" + cHeight + \"px; overflow: hidden; position: relative;'></div>\");\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(parentNode)) {\n      parentNode = document.getElementById(parentNode);\n    }\n\n    if (parentNode) {\n      parentNode.appendChild(container);\n    } else {\n      graph.get('container').appendChild(container);\n    }\n\n    self.set('container', container);\n    var containerDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<div class=\\\"g6-minimap-container\\\" style=\\\"position: relative; width: 100%; height: 100%; text-align: center; display: table;\\\"></div>\");\n    container.appendChild(containerDOM);\n    var span = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<span style=\\\"display: table-cell; vertical-align: middle; \\\"></span>\");\n    containerDOM.appendChild(span);\n    self.set('containerDOM', containerDOM);\n    self.set('containerSpan', span);\n    var img = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<img alt=\\\"\\\" src=\\\"\" + this.get('graphImg') + \"\\\" style=\\\"display: inline-block;\\\" ondragstart=\\\"return false;\\\" onselectstart=\\\"return false;\\\"/>\");\n    self.set('imgDOM', img);\n    self.updateImgSize();\n    span.appendChild(img);\n    self.updateCanvas();\n  };\n\n  ImageMiniMap.prototype.updateImgSize = function () {\n    var self = this;\n    var imgDOM = self.get('imgDOM');\n    var cWidth = self.get('width');\n    var cHeight = self.get('height');\n\n    imgDOM.onload = function () {\n      var naturalSize = getImgNaturalDimension(imgDOM);\n\n      if (naturalSize[0] > naturalSize[1]) {\n        imgDOM.width = cWidth;\n      } else {\n        imgDOM.height = cHeight;\n      }\n    };\n  };\n\n  ImageMiniMap.prototype.updateCanvas = function () {\n    // 如果是在动画，则不刷新视图\n    var isRefresh = this.get('refresh');\n\n    if (!isRefresh) {\n      return;\n    }\n\n    var graph = this.get('graph');\n\n    if (graph.get('destroyed')) {\n      return;\n    } // 如果是视口变换，也不刷新视图，但是需要重置视口大小和位置\n\n\n    if (this.get('viewportChange')) {\n      this.set('viewportChange', false);\n      this.updateViewport();\n    }\n\n    var cWidth = this.get('width');\n    var graphBBox = graph.get('canvas').getCanvasBBox();\n    var width = graphBBox.width;\n    var ratio = cWidth / width; // // 更新minimap视口\n\n    this.set('ratio', ratio);\n    this.updateViewport();\n  };\n  /**\n   * 获取minimap的窗口\n   * @return {HTMLElement} 窗口的dom实例\n   */\n\n\n  ImageMiniMap.prototype.getViewport = function () {\n    return this.get('viewport');\n  };\n  /**\n   * 获取minimap的容器dom\n   * @return {HTMLElement} dom\n   */\n\n\n  ImageMiniMap.prototype.getContainer = function () {\n    return this.get('container');\n  };\n\n  ImageMiniMap.prototype.updateGraphImg = function (img) {\n    var self = this;\n    var oriImgDOM = self.get('imgDOM');\n    oriImgDOM.remove();\n    self.set('graphImg', img);\n    var imgDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<img alt=\\\"\\\" src=\\\"\" + img + \"\\\" style=\\\"display: inline-block;\\\" ondragstart=\\\"return false;\\\" onselectstart=\\\"return false;\\\"/>\");\n    self.set('imgDOM', imgDOM);\n    imgDOM.src = img;\n    self.updateImgSize();\n    var span = self.get('containerSpan');\n    span.appendChild(imgDOM);\n    self.updateCanvas();\n  };\n\n  ImageMiniMap.prototype.destroy = function () {\n    var container = this.get('container');\n    container.parentNode.removeChild(container);\n  };\n\n  return ImageMiniMap;\n}(_base__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ImageMiniMap);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/imageMinimap/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      trigger: 'mouseenter',\n      activeState: 'active',\n      inactiveState: 'inactive',\n      resetSelected: false,\n      shouldUpdate: function shouldUpdate() {\n        return true;\n      }\n    };\n  },\n  getEvents: function getEvents() {\n    if (this.get('trigger') === 'mouseenter') {\n      return {\n        'node:mouseenter': 'setAllItemStates',\n        'combo:mouseenter': 'setAllItemStates',\n        'node:mouseleave': 'clearActiveState',\n        'combo:mouseleave': 'clearActiveState'\n      };\n    }\n\n    return {\n      'node:click': 'setAllItemStates',\n      'combo:click': 'setAllItemStates',\n      'canvas:click': 'clearAllItemStates'\n    };\n  },\n  setAllItemStates: function setAllItemStates(e) {\n    var item = e.item;\n    var graph = this.graph;\n    this.item = item;\n\n    if (!this.shouldUpdate(e.item, {\n      event: e,\n      action: 'activate'\n    })) {\n      return;\n    }\n\n    var self = this;\n    var activeState = this.activeState;\n    var inactiveState = this.inactiveState;\n    var nodes = graph.getNodes();\n    var combos = graph.getCombos();\n    var edges = graph.getEdges();\n    var vEdges = graph.get('vedges');\n    var nodeLength = nodes.length;\n    var comboLength = combos.length;\n    var edgeLength = edges.length;\n    var vEdgeLength = vEdges.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n      var hasSelected = node.hasState('selected');\n\n      if (self.resetSelected) {\n        if (hasSelected) {\n          graph.setItemState(node, 'selected', false);\n        }\n      }\n\n      graph.setItemState(node, activeState, false);\n\n      if (inactiveState) {\n        graph.setItemState(node, inactiveState, true);\n      }\n    }\n\n    for (var i = 0; i < comboLength; i++) {\n      var combo = combos[i];\n      var hasSelected = combo.hasState('selected');\n\n      if (self.resetSelected) {\n        if (hasSelected) {\n          graph.setItemState(combo, 'selected', false);\n        }\n      }\n\n      graph.setItemState(combo, activeState, false);\n\n      if (inactiveState) {\n        graph.setItemState(combo, inactiveState, true);\n      }\n    }\n\n    for (var i = 0; i < edgeLength; i++) {\n      var edge = edges[i];\n      graph.setItemState(edge, activeState, false);\n\n      if (inactiveState) {\n        graph.setItemState(edge, inactiveState, true);\n      }\n    }\n\n    for (var i = 0; i < vEdgeLength; i++) {\n      var vEdge = vEdges[i];\n      graph.setItemState(vEdge, activeState, false);\n\n      if (inactiveState) {\n        graph.setItemState(vEdge, inactiveState, true);\n      }\n    }\n\n    if (inactiveState) {\n      graph.setItemState(item, inactiveState, false);\n    }\n\n    graph.setItemState(item, activeState, true);\n    var rEdges = item.getEdges();\n    var rEdgeLegnth = rEdges.length;\n\n    for (var i = 0; i < rEdgeLegnth; i++) {\n      var edge = rEdges[i];\n      var otherEnd = void 0;\n\n      if (edge.getSource() === item) {\n        otherEnd = edge.getTarget();\n      } else {\n        otherEnd = edge.getSource();\n      }\n\n      if (inactiveState) {\n        graph.setItemState(otherEnd, inactiveState, false);\n      }\n\n      graph.setItemState(otherEnd, activeState, true);\n      graph.setItemState(edge, inactiveState, false);\n      graph.setItemState(edge, activeState, true);\n      edge.toFront();\n    }\n\n    graph.emit('afteractivaterelations', {\n      item: e.item,\n      action: 'activate'\n    });\n  },\n  clearActiveState: function clearActiveState(e) {\n    var self = this;\n    var graph = self.get('graph');\n\n    if (!self.shouldUpdate(e.item, {\n      event: e,\n      action: 'deactivate'\n    })) {\n      return;\n    }\n\n    var activeState = this.activeState;\n    var inactiveState = this.inactiveState;\n    var autoPaint = graph.get('autoPaint');\n    graph.setAutoPaint(false);\n    var nodes = graph.getNodes();\n    var combos = graph.getCombos();\n    var edges = graph.getEdges();\n    var vEdges = graph.get('vedges');\n    var nodeLength = nodes.length;\n    var comboLength = combos.length;\n    var edgeLength = edges.length;\n    var vEdgeLength = vEdges.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n      graph.clearItemStates(node, [activeState, inactiveState]);\n    }\n\n    for (var i = 0; i < comboLength; i++) {\n      var combo = combos[i];\n      graph.clearItemStates(combo, [activeState, inactiveState]);\n    }\n\n    for (var i = 0; i < edgeLength; i++) {\n      var edge = edges[i];\n      graph.clearItemStates(edge, [activeState, inactiveState, 'deactivate']);\n    }\n\n    for (var i = 0; i < vEdgeLength; i++) {\n      var vEdge = vEdges[i];\n      graph.clearItemStates(vEdge, [activeState, inactiveState, 'deactivate']);\n    }\n\n    graph.paint();\n    graph.setAutoPaint(autoPaint);\n    graph.emit('afteractivaterelations', {\n      item: e.item || self.get('item'),\n      action: 'deactivate'\n    });\n  },\n  clearAllItemStates: function clearAllItemStates(e) {\n    var self = this;\n    var graph = self.graph;\n\n    if (!self.shouldUpdate(e.item, {\n      event: e,\n      action: 'deactivate'\n    })) {\n      return;\n    }\n\n    var activeState = this.activeState;\n    var inactiveState = this.inactiveState;\n    var nodes = graph.getNodes();\n    var edges = graph.getEdges();\n    var nodeLength = nodes.length;\n    var edgeLength = edges.length;\n\n    for (var i = 0; i < nodeLength; i++) {\n      var node = nodes[i];\n      graph.clearItemStates(node, [activeState, inactiveState]);\n    }\n\n    for (var i = 0; i < edgeLength; i++) {\n      var edge = edges[i];\n      graph.clearItemStates(edge, [activeState, inactiveState, 'deactivate']);\n    }\n\n    graph.emit('afteractivaterelations', {\n      item: e.item || self.get('item'),\n      action: 'deactivate'\n    });\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/activate-relations.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/index.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/index.js ***!
-  \**************************************************************************/
-/*! exports provided: PluginBase, Menu, Grid, Minimap, Bundling, ToolBar, Tooltip, Fisheye, TimeBar, ImageMinimap, EdgeFilterLens, default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./grid */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/grid/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Grid\", function() { return _grid__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./menu */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/menu/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Menu\", function() { return _menu__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _minimap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./minimap */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/minimap/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Minimap\", function() { return _minimap__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _bundling__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bundling */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/bundling/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Bundling\", function() { return _bundling__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _fisheye__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fisheye */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/fisheye/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Fisheye\", function() { return _fisheye__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _toolBar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./toolBar */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/toolBar/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ToolBar\", function() { return _toolBar__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tooltip */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/tooltip/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tooltip\", function() { return _tooltip__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _timeBar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./timeBar */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TimeBar\", function() { return _timeBar__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _imageMinimap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./imageMinimap */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/imageMinimap/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ImageMinimap\", function() { return _imageMinimap__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _edgeFilterLens__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./edgeFilterLens */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/edgeFilterLens/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"EdgeFilterLens\", function() { return _edgeFilterLens__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"PluginBase\", function() { return _base__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Plugin = {\n  PluginBase: _base__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n  Menu: _menu__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  Grid: _grid__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  Minimap: _minimap__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  Bundling: _bundling__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  ToolBar: _toolBar__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  Tooltip: _tooltip__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n  Fisheye: _fisheye__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  TimeBar: _timeBar__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  ImageMinimap: _imageMinimap__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n  EdgeFilterLens: _edgeFilterLens__WEBPACK_IMPORTED_MODULE_9__[\"default\"]\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Plugin);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/menu/index.js":
-/*!*******************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/menu/index.js ***!
-  \*******************************************************************************/
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/brush-select.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/brush-select.js ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! insert-css */ \"./node_modules/_insert-css@2.0.0@insert-css/index.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(insert_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n\n\n\ninsert_css__WEBPACK_IMPORTED_MODULE_2___default()(\"\\n  .g6-component-contextmenu {\\n    border: 1px solid #e2e2e2;\\n    border-radius: 4px;\\n    font-size: 12px;\\n    color: #545454;\\n    background-color: rgba(255, 255, 255, 0.9);\\n    padding: 10px 8px;\\n    box-shadow: rgb(174, 174, 174) 0px 0px 10px;\\n  }\\n  .g6-contextmenu-ul {\\n    padding: 0;\\n    margin: 0;\\n    list-style: none;\\n  }\\n\\n\");\n\nvar Menu =\n/** @class */\nfunction (_super) {\n  __extends(Menu, _super);\n\n  function Menu() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Menu.prototype.getDefaultCfgs = function () {\n    return {\n      offsetX: 6,\n      offsetY: 6,\n      handleMenuClick: undefined,\n      // 指定菜单内容，function(e) {...}\n      getContent: function getContent(e) {\n        return \"\\n          <ul class='g6-contextmenu-ul'>\\n            <li>\\u83DC\\u5355\\u98791</li>\\n            <li>\\u83DC\\u5355\\u98792</li>\\n          </ul>\\n        \";\n      },\n      shouldBegin: function shouldBegin(e) {\n        return true;\n      },\n      // 菜单隐藏事件\n      onHide: function onHide() {\n        return true;\n      },\n      itemTypes: ['node', 'edge', 'combo']\n    };\n  }; // class-methods-use-this\n\n\n  Menu.prototype.getEvents = function () {\n    return {\n      contextmenu: 'onMenuShow'\n    };\n  };\n\n  Menu.prototype.init = function () {\n    var className = this.get('className');\n    var menu = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(\"<div class=\" + (className || 'g6-component-contextmenu') + \"></div>\");\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(menu, {\n      top: '0px',\n      position: 'absolute',\n      visibility: 'hidden'\n    });\n    var container = this.get('container');\n\n    if (!container) {\n      container = this.get('graph').get('container');\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n      container = document.getElementById(container);\n    }\n\n    container.appendChild(menu);\n    this.set('menu', menu);\n  };\n\n  Menu.prototype.onMenuShow = function (e) {\n    var self = this;\n    e.preventDefault();\n    e.stopPropagation();\n    var itemTypes = this.get('itemTypes');\n\n    if (!e.item) {\n      if (itemTypes.indexOf('canvas') === -1) return;\n    } else {\n      if (e.item && e.item.getType && itemTypes.indexOf(e.item.getType()) === -1) {\n        self.onMenuHide();\n        return;\n      }\n    }\n\n    var shouldBegin = this.get('shouldBegin');\n    if (!shouldBegin(e)) return;\n    var menuDom = this.get('menu');\n    var getContent = this.get('getContent');\n    var graph = this.get('graph');\n    var menu = getContent(e, graph);\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(menu)) {\n      menuDom.innerHTML = menu;\n    } else {\n      menuDom.innerHTML = menu.outerHTML;\n    } // 清除之前监听的事件\n\n\n    this.removeMenuEventListener();\n    var handleMenuClick = this.get('handleMenuClick');\n\n    if (handleMenuClick) {\n      var handleMenuClickWrapper = function handleMenuClickWrapper(evt) {\n        handleMenuClick(evt.target, e.item, graph);\n      };\n\n      this.set('handleMenuClickWrapper', handleMenuClickWrapper);\n      menuDom.addEventListener('click', handleMenuClickWrapper);\n    }\n\n    var width = graph.get('width');\n    var height = graph.get('height');\n    var bbox = menuDom.getBoundingClientRect();\n    var offsetX = this.get('offsetX') || 0;\n    var offsetY = this.get('offsetY') || 0;\n    var graphTop = graph.getContainer().offsetTop;\n    var graphLeft = graph.getContainer().offsetLeft;\n    var x = e.canvasX + graphLeft + offsetX;\n    var y = e.canvasY + graphTop + offsetY; // when the menu is (part of) out of the canvas\n\n    if (x + bbox.width > width) {\n      x = e.canvasX - bbox.width - offsetX + graphLeft;\n    }\n\n    if (y + bbox.height > height) {\n      y = e.canvasY - bbox.height - offsetY + graphTop;\n    }\n\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(menuDom, {\n      top: y + \"px\",\n      left: x + \"px\",\n      visibility: 'visible'\n    });\n\n    var handler = function handler(evt) {\n      self.onMenuHide();\n    }; // 如果在页面中其他任意地方进行click, 隐去菜单\n\n\n    document.body.addEventListener('click', handler);\n    this.set('handler', handler);\n  };\n\n  Menu.prototype.removeMenuEventListener = function () {\n    var handleMenuClickWrapper = this.get('handleMenuClickWrapper');\n    var handler = this.get('handler');\n\n    if (handleMenuClickWrapper) {\n      var menuDom = this.get('menu');\n      menuDom.removeEventListener('click', handleMenuClickWrapper);\n      this.set('handleMenuClickWrapper', null);\n    }\n\n    if (handler) {\n      document.body.removeEventListener('click', handler);\n    }\n  };\n\n  Menu.prototype.onMenuHide = function () {\n    var menuDom = this.get('menu');\n\n    if (menuDom) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(menuDom, {\n        visibility: 'hidden'\n      });\n    } // 隐藏菜单后需要移除事件监听\n\n\n    this.removeMenuEventListener();\n  };\n\n  Menu.prototype.destroy = function () {\n    var menu = this.get('menu');\n    this.removeMenuEventListener();\n\n    if (menu) {\n      var container = this.get('container');\n\n      if (!container) {\n        container = this.get('graph').get('container');\n      }\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n        container = document.getElementById(container);\n      }\n\n      container.removeChild(menu);\n    }\n  };\n\n  return Menu;\n}(_base__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Menu);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/menu/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\nvar min = Math.min,\n    max = Math.max,\n    abs = Math.abs;\nvar DEFAULT_TRIGGER = 'shift';\nvar ALLOW_EVENTS = ['drag', 'shift', 'ctrl', 'alt', 'control'];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      brushStyle: {\n        fill: '#EEF6FF',\n        fillOpacity: 0.4,\n        stroke: '#DDEEFE',\n        lineWidth: 1\n      },\n      onSelect: function onSelect() {},\n      onDeselect: function onDeselect() {},\n      selectedState: 'selected',\n      trigger: DEFAULT_TRIGGER,\n      includeEdges: true,\n      selectedEdges: [],\n      selectedNodes: []\n    };\n  },\n  getEvents: function getEvents() {\n    // 检测输入是否合法\n    if (!(ALLOW_EVENTS.indexOf(this.trigger.toLowerCase()) > -1)) {\n      this.trigger = DEFAULT_TRIGGER;\n      console.warn(\"Behavior brush-select 的 trigger 参数不合法，请输入 'drag'、'shift'、'ctrl' 或 'alt'\");\n    }\n\n    if (this.trigger === 'drag') {\n      return {\n        dragstart: 'onMouseDown',\n        drag: 'onMouseMove',\n        dragend: 'onMouseUp',\n        'canvas:click': 'clearStates'\n      };\n    }\n\n    return {\n      dragstart: 'onMouseDown',\n      drag: 'onMouseMove',\n      dragend: 'onMouseUp',\n      'canvas:click': 'clearStates',\n      keyup: 'onKeyUp',\n      keydown: 'onKeyDown'\n    };\n  },\n  onMouseDown: function onMouseDown(e) {\n    // 按在node上面拖动时候不应该是框选\n    var item = e.item;\n    var brush = this.brush;\n\n    if (item) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    if (this.selectedNodes && this.selectedNodes.length !== 0) {\n      this.clearStates();\n    }\n\n    if (!brush) {\n      brush = this.createBrush();\n    }\n\n    this.originPoint = {\n      x: e.canvasX,\n      y: e.canvasY\n    };\n    brush.attr({\n      width: 0,\n      height: 0\n    });\n    brush.show();\n    this.dragging = true;\n  },\n  onMouseMove: function onMouseMove(e) {\n    if (!this.dragging) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    this.updateBrush(e);\n  },\n  onMouseUp: function onMouseUp(e) {\n    var graph = this.graph; // TODO: 触发了 canvas:click 导致 clearStates\n\n    if (!this.brush && !this.dragging) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    this.brush.remove(true); // remove and destroy\n\n    this.brush = null;\n    this.getSelectedNodes(e);\n    this.dragging = false;\n  },\n  clearStates: function clearStates() {\n    var _a = this,\n        graph = _a.graph,\n        selectedState = _a.selectedState;\n\n    var nodes = graph.findAllByState('node', selectedState);\n    var edges = graph.findAllByState('edge', selectedState);\n    nodes.forEach(function (node) {\n      return graph.setItemState(node, selectedState, false);\n    });\n    edges.forEach(function (edge) {\n      return graph.setItemState(edge, selectedState, false);\n    });\n    this.selectedNodes = [];\n    this.selectedEdges = [];\n\n    if (this.onDeselect) {\n      this.onDeselect(this.selectedNodes, this.selectedEdges);\n    }\n\n    graph.emit('nodeselectchange', {\n      selectedItems: {\n        nodes: [],\n        edges: []\n      },\n      select: false\n    });\n  },\n  getSelectedNodes: function getSelectedNodes(e) {\n    var _this = this;\n\n    var _a = this,\n        graph = _a.graph,\n        originPoint = _a.originPoint,\n        shouldUpdate = _a.shouldUpdate;\n\n    var state = this.selectedState;\n    var p1 = {\n      x: e.x,\n      y: e.y\n    };\n    var p2 = graph.getPointByCanvas(originPoint.x, originPoint.y);\n    var left = min(p1.x, p2.x);\n    var right = max(p1.x, p2.x);\n    var top = min(p1.y, p2.y);\n    var bottom = max(p1.y, p2.y);\n    var selectedNodes = [];\n    var selectedIds = [];\n    graph.getNodes().forEach(function (node) {\n      var bbox = node.getBBox();\n\n      if (bbox.centerX >= left && bbox.centerX <= right && bbox.centerY >= top && bbox.centerY <= bottom) {\n        if (shouldUpdate(node, 'select')) {\n          selectedNodes.push(node);\n          var model = node.getModel();\n          selectedIds.push(model.id);\n          graph.setItemState(node, state, true);\n        }\n      }\n    });\n    var selectedEdges = [];\n\n    if (this.includeEdges) {\n      // 选中边，边的source和target都在选中的节点中时才选中\n      selectedNodes.forEach(function (node) {\n        var edges = node.getOutEdges();\n        edges.forEach(function (edge) {\n          var model = edge.getModel();\n          var source = model.source,\n              target = model.target;\n\n          if (selectedIds.includes(source) && selectedIds.includes(target) && shouldUpdate(edge, 'select')) {\n            selectedEdges.push(edge);\n            graph.setItemState(edge, _this.selectedState, true);\n          }\n        });\n      });\n    }\n\n    this.selectedEdges = selectedEdges;\n    this.selectedNodes = selectedNodes;\n\n    if (this.onSelect) {\n      this.onSelect(selectedNodes, selectedEdges);\n    }\n\n    graph.emit('nodeselectchange', {\n      selectedItems: {\n        nodes: selectedNodes,\n        edges: selectedEdges\n      },\n      select: true\n    });\n  },\n  createBrush: function createBrush() {\n    var self = this;\n    var brush = self.graph.get('canvas').addShape('rect', {\n      attrs: self.brushStyle,\n      capture: false,\n      name: 'brush-shape'\n    });\n    this.brush = brush;\n    this.delegate = brush;\n    return brush;\n  },\n  updateBrush: function updateBrush(e) {\n    var originPoint = this.originPoint;\n    this.brush.attr({\n      width: abs(e.canvasX - originPoint.x),\n      height: abs(e.canvasY - originPoint.y),\n      x: min(e.canvasX, originPoint.x),\n      y: min(e.canvasY, originPoint.y)\n    });\n  },\n  onKeyDown: function onKeyDown(e) {\n    var code = e.key;\n\n    if (!code) {\n      return;\n    }\n\n    var triggerLowerCase = this.trigger.toLowerCase();\n    var codeLowerCase = code.toLowerCase(); // 按住 control 键时，允许用户设置 trigger 为 ctrl\n\n    if (codeLowerCase === triggerLowerCase || codeLowerCase === 'control' && triggerLowerCase === 'ctrl' || codeLowerCase === 'ctrl' && triggerLowerCase === 'control') {\n      this.keydown = true;\n    } else {\n      this.keydown = false;\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    if (this.brush) {\n      // 清除所有选中状态后，设置拖得动状态为false，并清除框选的brush\n      this.brush.remove(true);\n      this.brush = null;\n      this.dragging = false;\n    }\n\n    this.keydown = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/brush-select.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/minimap/index.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/minimap/index.js ***!
-  \**********************************************************************************/
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/click-select.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/click-select.js ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_g_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g-canvas */ \"./node_modules/_@antv_g-canvas@0.5.6@@antv/g-canvas/esm/index.js\");\n/* harmony import */ var _antv_g_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g-svg */ \"./node_modules/_@antv_g-svg@0.5.6@@antv/g-svg/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.0.4@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\nvar max = Math.max;\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_4__[\"ext\"].transform;\nvar DEFAULT_MODE = 'default';\nvar KEYSHAPE_MODE = 'keyShape';\nvar DELEGATE_MODE = 'delegate';\nvar SVG = 'svg';\n\nvar MiniMap =\n/** @class */\nfunction (_super) {\n  __extends(MiniMap, _super);\n\n  function MiniMap() {\n    var _this = _super !== null && _super.apply(this, arguments) || this;\n    /**\n     * 主图更新的监听函数，使用 debounce 减少渲染频率\n     * e.g. 拖拽节点只会在松手后的 100ms 后执行 updateCanvas\n     * e.g. render 时大量 addItem 也只会执行一次 updateCanvas\n     */\n\n\n    _this.handleUpdateCanvas = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"debounce\"])(function (event) {\n      var self = _this;\n      if (self.destroyed) return;\n      self.updateCanvas();\n    }, 100, false);\n    return _this;\n  }\n\n  MiniMap.prototype.getDefaultCfgs = function () {\n    return {\n      container: null,\n      className: 'g6-minimap',\n      viewportClassName: 'g6-minimap-viewport',\n      // Minimap 中默认展示和主图一样的内容，KeyShape 只展示节点和边的 key shape 部分，delegate表示展示自定义的rect，用户可自定义样式\n      type: 'default',\n      padding: 50,\n      size: [200, 120],\n      delegateStyle: {\n        fill: '#40a9ff',\n        stroke: '#096dd9'\n      },\n      refresh: true\n    };\n  };\n\n  MiniMap.prototype.getEvents = function () {\n    return {\n      beforepaint: 'updateViewport',\n      beforeanimate: 'disableRefresh',\n      afteranimate: 'enableRefresh',\n      viewportchange: 'disableOneRefresh'\n    };\n  }; // 若是正在进行动画，不刷新缩略图\n\n\n  MiniMap.prototype.disableRefresh = function () {\n    this.set('refresh', false);\n  };\n\n  MiniMap.prototype.enableRefresh = function () {\n    this.set('refresh', true);\n    this.updateCanvas();\n  };\n\n  MiniMap.prototype.disableOneRefresh = function () {\n    this.set('viewportChange', true);\n  };\n\n  MiniMap.prototype.initViewport = function () {\n    var _this = this;\n\n    var cfgs = this._cfgs;\n    var size = cfgs.size,\n        graph = cfgs.graph;\n    if (this.destroyed) return;\n    var canvas = this.get('canvas');\n    var containerDOM = canvas.get('container');\n    var viewport = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_3__[\"createDom\"])(\"\\n      <div\\n        class=\" + cfgs.viewportClassName + \"\\n        style='position:absolute;\\n          left:0;\\n          top:0;\\n          box-sizing:border-box;\\n          outline: 2px solid #1980ff'\\n        draggable=true>\\n      </div>\");\n    var isFireFox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1; // 计算拖拽水平方向距离\n\n    var x = 0; // 计算拖拽垂直方向距离\n\n    var y = 0; // 是否在拖拽minimap的视口\n\n    var dragging = false; // 缓存viewport当前对于画布的x\n\n    var left = 0; // 缓存viewport当前对于画布的y\n\n    var top = 0; // 缓存viewport当前宽度\n\n    var width = 0; // 缓存viewport当前高度\n\n    var height = 0;\n    var ratio = 0;\n    var zoom = 0;\n    viewport.addEventListener('dragstart', function (e) {\n      var _a, _b;\n\n      if (e.dataTransfer) {\n        var img = new Image();\n        img.src = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cpath /%3E%3C/svg%3E\";\n        (_b = (_a = e.dataTransfer).setDragImage) === null || _b === void 0 ? void 0 : _b.call(_a, img, 0, 0);\n\n        try {\n          e.dataTransfer.setData('text/html', 'view-port-minimap');\n        } catch (_c) {\n          // support IE\n          e.dataTransfer.setData('text', 'view-port-minimap');\n        }\n      }\n\n      cfgs.refresh = false;\n\n      if (e.target !== viewport) {\n        return;\n      } // 如果视口已经最大了，不需要拖拽\n\n\n      var style = viewport.style;\n      left = parseInt(style.left, 10);\n      top = parseInt(style.top, 10);\n      width = parseInt(style.width, 10);\n      height = parseInt(style.height, 10);\n\n      if (width > size[0] || height > size[1]) {\n        return;\n      }\n\n      zoom = graph.getZoom();\n      ratio = _this.get('ratio');\n      dragging = true;\n      x = e.clientX;\n      y = e.clientY;\n    }, false);\n    viewport.addEventListener(isFireFox ? 'dragover' : 'drag', function (e) {\n      if (!dragging || Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isNil\"])(e.clientX) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isNil\"])(e.clientY)) {\n        return;\n      }\n\n      var dx = x - e.clientX;\n      var dy = y - e.clientY; // 若视口移动到最左边或最右边了,仅移动到边界\n\n      if (left - dx < 0 || left - dx + width >= size[0]) {\n        dx = 0;\n      } // 若视口移动到最上或最下边了，仅移动到边界\n\n\n      if (top - dy < 0 || top - dy + height >= size[1]) {\n        dy = 0;\n      }\n\n      left -= dx;\n      top -= dy; // 先移动视口，避免移动到边上以后出现视口闪烁\n\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_3__[\"modifyCSS\"])(viewport, {\n        left: left + \"px\",\n        top: top + \"px\"\n      }); // graph 移动需要偏移量 dx/dy * 缩放比例才会得到正确的移动距离\n\n      graph.translate(dx * zoom / ratio, dy * zoom / ratio);\n      x = e.clientX;\n      y = e.clientY;\n    }, false);\n    viewport.addEventListener('dragend', function () {\n      dragging = false;\n      cfgs.refresh = true;\n    }, false);\n    this.set('viewport', viewport);\n    containerDOM.appendChild(viewport);\n  };\n  /**\n   * 更新 viewport 视图\n   */\n\n\n  MiniMap.prototype.updateViewport = function () {\n    if (this.destroyed) return;\n    var ratio = this.get('ratio');\n    var dx = this.get('dx');\n    var dy = this.get('dy');\n    var totaldx = this.get('totaldx');\n    var totaldy = this.get('totaldy');\n    var graph = this.get('graph');\n    var size = this.get('size');\n    var graphWidth = graph.get('width');\n    var graphHeight = graph.get('height');\n    var topLeft = graph.getPointByCanvas(0, 0);\n    var bottomRight = graph.getPointByCanvas(graphWidth, graphHeight);\n    var viewport = this.get('viewport');\n\n    if (!viewport) {\n      this.initViewport();\n    }\n\n    var zoom = graph.getZoom(); // viewport宽高,左上角点的计算\n\n    var width = (bottomRight.x - topLeft.x) * ratio;\n    var height = (bottomRight.y - topLeft.y) * ratio;\n    var left = topLeft.x * ratio + totaldx;\n    var top = topLeft.y * ratio + totaldy;\n    var right = left + width;\n    var bottom = top + height;\n\n    if (left < 0) {\n      width += left;\n      left = 0;\n    }\n\n    if (right > size[0]) {\n      width = width - (right - size[0]);\n    }\n\n    if (top < 0) {\n      height += top;\n      top = 0;\n    }\n\n    if (bottom > size[1]) {\n      height = height - (bottom - size[1]);\n    } // 缓存目前缩放比，在移动 minimap 视窗时就不用再计算大图的移动量\n\n\n    this.set('ratio', ratio);\n    var correctLeft = left + \"px\";\n    var correctTop = top + \"px\";\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_3__[\"modifyCSS\"])(viewport, {\n      left: correctLeft,\n      top: correctTop,\n      width: width + \"px\",\n      height: height + \"px\"\n    });\n  };\n  /**\n   * 将主图上的图形完全复制到小图\n   */\n\n\n  MiniMap.prototype.updateGraphShapes = function () {\n    var graph = this._cfgs.graph;\n    var canvas = this.get('canvas');\n    var graphGroup = graph.get('group');\n    if (graphGroup.destroyed) return;\n    var clonedGroup = graphGroup.clone();\n    clonedGroup.resetMatrix();\n    canvas.clear();\n    canvas.add(clonedGroup); // 当 renderer 是 svg，由于渲染引擎的 bug，这里需要将 visible 为 false 的元素手动隐藏\n\n    var renderer = graph.get('renderer');\n\n    if (renderer === SVG) {\n      // 递归更新子元素\n      this.updateVisible(clonedGroup);\n    }\n  }; // svg 在 canvas.add(clonedGroup) 之后会出现 visible 为 false 的元素被展示出来，需要递归更新\n\n\n  MiniMap.prototype.updateVisible = function (ele) {\n    var _this = this;\n\n    if (!ele.isGroup() && !ele.get('visible')) {\n      ele.hide();\n    } else {\n      var children = ele.get('children');\n      if (!children || !children.length) return;\n      children.forEach(function (child) {\n        if (!child.get('visible')) child.hide();\n\n        _this.updateVisible(child);\n      });\n    }\n  }; // 仅在 minimap 上绘制 keyShape\n  // FIXME 如果用户自定义绘制了其他内容，minimap上就无法画出\n\n\n  MiniMap.prototype.updateKeyShapes = function () {\n    var _this = this;\n\n    var graph = this._cfgs.graph;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(graph.getEdges(), function (edge) {\n      _this.updateOneEdgeKeyShape(edge);\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(graph.getNodes(), function (node) {\n      _this.updateOneNodeKeyShape(node);\n    });\n    this.clearDestroyedShapes();\n  };\n  /**\n   * 增加/更新单个元素的 keyShape\n   * @param item INode 实例\n   */\n\n\n  MiniMap.prototype.updateOneNodeKeyShape = function (item) {\n    var canvas = this.get('canvas');\n    var group = canvas.get('children')[0] || canvas.addGroup();\n    var itemMap = this.get('itemMap') || {}; // 差量更新 minimap 上的一个节点，对应主图的 item\n\n    var mappedItem = itemMap[item.get('id')];\n    var bbox = item.getBBox(); // 计算了节点父组矩阵的 bbox\n\n    var cKeyShape = item.get('keyShape').clone();\n    var keyShapeStyle = cKeyShape.attr();\n    var attrs = {\n      x: bbox.centerX,\n      y: bbox.centerY\n    };\n\n    if (!mappedItem) {\n      mappedItem = cKeyShape;\n      group.add(mappedItem);\n    } else {\n      attrs = Object.assign(keyShapeStyle, attrs);\n    }\n\n    var shapeType = mappedItem.get('type');\n\n    if (shapeType === 'rect' || shapeType === 'image') {\n      attrs.x = bbox.minX;\n      attrs.y = bbox.minY;\n    }\n\n    mappedItem.attr(attrs);\n\n    if (!item.isVisible()) {\n      mappedItem.hide();\n    }\n\n    mappedItem.exist = true;\n    itemMap[item.get('id')] = mappedItem;\n    this.set('itemMap', itemMap);\n  };\n  /**\n   * Minimap 中展示自定义的rect，支持用户自定义样式和节点大小\n   */\n\n\n  MiniMap.prototype.updateDelegateShapes = function () {\n    var _this = this;\n\n    var graph = this._cfgs.graph; // 差量更新 minimap 上的节点和边\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(graph.getEdges(), function (edge) {\n      _this.updateOneEdgeKeyShape(edge);\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(graph.getNodes(), function (node) {\n      _this.updateOneNodeDelegateShape(node);\n    });\n    this.clearDestroyedShapes();\n  };\n\n  MiniMap.prototype.clearDestroyedShapes = function () {\n    var itemMap = this.get('itemMap') || {};\n    var keys = Object.keys(itemMap);\n    if (!keys || keys.length === 0) return;\n\n    for (var i = keys.length - 1; i >= 0; i--) {\n      var shape = itemMap[keys[i]];\n      var exist = shape.exist;\n      shape.exist = false;\n\n      if (!exist) {\n        shape.remove();\n        delete itemMap[keys[i]];\n      }\n    }\n  };\n  /**\n   * 设置只显示 edge 的 keyShape\n   * @param item IEdge 实例\n   */\n\n\n  MiniMap.prototype.updateOneEdgeKeyShape = function (item) {\n    var canvas = this.get('canvas');\n    var group = canvas.get('children')[0] || canvas.addGroup();\n    var itemMap = this.get('itemMap') || {}; // 差量更新 minimap 上的一个节点，对应主图的 item\n\n    var mappedItem = itemMap[item.get('id')];\n\n    if (mappedItem) {\n      var path = item.get('keyShape').attr('path');\n      mappedItem.attr('path', path);\n    } else {\n      mappedItem = item.get('keyShape').clone();\n      group.add(mappedItem);\n      mappedItem.toBack();\n    }\n\n    if (!item.isVisible()) {\n      mappedItem.hide();\n    }\n\n    mappedItem.exist = true;\n    itemMap[item.get('id')] = mappedItem;\n    this.set('itemMap', itemMap);\n  };\n  /**\n   * Minimap 中展示自定义的 rect，支持用户自定义样式和节点大小\n   * 增加/更新单个元素\n   * @param item INode 实例\n   */\n\n\n  MiniMap.prototype.updateOneNodeDelegateShape = function (item) {\n    var canvas = this.get('canvas');\n    var group = canvas.get('children')[0] || canvas.addGroup();\n    var delegateStyle = this.get('delegateStyle');\n    var itemMap = this.get('itemMap') || {}; // 差量更新 minimap 上的一个节点，对应主图的 item\n\n    var mappedItem = itemMap[item.get('id')];\n    var bbox = item.getBBox(); // 计算了节点父组矩阵的 bbox\n\n    if (mappedItem) {\n      var attrs = {\n        x: bbox.minX,\n        y: bbox.minY,\n        width: bbox.width,\n        height: bbox.height\n      };\n      mappedItem.attr(attrs);\n    } else {\n      mappedItem = group.addShape('rect', {\n        attrs: __assign({\n          x: bbox.minX,\n          y: bbox.minY,\n          width: bbox.width,\n          height: bbox.height\n        }, delegateStyle),\n        name: 'minimap-node-shape'\n      });\n    }\n\n    if (!item.isVisible()) {\n      mappedItem.hide();\n    }\n\n    mappedItem.exist = true;\n    itemMap[item.get('id')] = mappedItem;\n    this.set('itemMap', itemMap);\n  };\n\n  MiniMap.prototype.init = function () {\n    this.initContainer();\n    this.get('graph').on('afterupdateitem', this.handleUpdateCanvas);\n    this.get('graph').on('afteritemstatechange', this.handleUpdateCanvas);\n    this.get('graph').on('afteradditem', this.handleUpdateCanvas);\n    this.get('graph').on('afterremoveitem', this.handleUpdateCanvas);\n    this.get('graph').on('afterrender', this.handleUpdateCanvas);\n    this.get('graph').on('afterlayout', this.handleUpdateCanvas);\n  };\n  /**\n   * 初始化 Minimap 的容器\n   */\n\n\n  MiniMap.prototype.initContainer = function () {\n    var self = this;\n    var graph = self.get('graph');\n    var size = self.get('size');\n    var className = self.get('className');\n    var parentNode = self.get('container');\n    var container = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_3__[\"createDom\"])(\"<div class='\" + className + \"' style='width: \" + size[0] + \"px; height: \" + size[1] + \"px; overflow: hidden'></div>\");\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isString\"])(parentNode)) {\n      parentNode = document.getElementById(parentNode);\n    }\n\n    if (parentNode) {\n      parentNode.appendChild(container);\n    } else {\n      graph.get('container').appendChild(container);\n    }\n\n    self.set('container', container);\n    var containerDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_3__[\"createDom\"])('<div class=\"g6-minimap-container\" style=\"position: relative;\"></div>');\n    container.appendChild(containerDOM);\n    var canvas;\n    var renderer = graph.get('renderer');\n\n    if (renderer === SVG) {\n      canvas = new _antv_g_svg__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"]({\n        container: containerDOM,\n        width: size[0],\n        height: size[1]\n      });\n    } else {\n      canvas = new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_0__[\"Canvas\"]({\n        container: containerDOM,\n        width: size[0],\n        height: size[1]\n      });\n    }\n\n    self.set('canvas', canvas);\n    self.updateCanvas();\n  };\n\n  MiniMap.prototype.updateCanvas = function () {\n    // 如果是在动画，则不刷新视图\n    var isRefresh = this.get('refresh');\n\n    if (!isRefresh) {\n      return;\n    }\n\n    var graph = this.get('graph');\n\n    if (graph.get('destroyed')) {\n      return;\n    } // 如果是视口变换，也不刷新视图，但是需要重置视口大小和位置\n\n\n    if (this.get('viewportChange')) {\n      this.set('viewportChange', false);\n      this.updateViewport();\n    }\n\n    var size = this.get('size'); // 用户定义的 minimap size\n\n    var canvas = this.get('canvas'); // minimap 的 canvas\n\n    var type = this.get('type'); // minimap 的类型\n\n    var padding = this.get('padding'); // 用户额定义的 minimap 的 padding\n\n    if (canvas.destroyed) {\n      return;\n    }\n\n    switch (type) {\n      case DEFAULT_MODE:\n        this.updateGraphShapes();\n        break;\n\n      case KEYSHAPE_MODE:\n        this.updateKeyShapes();\n        break;\n\n      case DELEGATE_MODE:\n        // 得到的节点直接带有 x 和 y，每个节点不存在父 group，即每个节点位置不由父 group 控制\n        this.updateDelegateShapes();\n        break;\n\n      default:\n        break;\n    }\n\n    var group = canvas.get('children')[0];\n    if (!group) return;\n    group.resetMatrix(); // 该 bbox 是准确的，不计算 matrix 的包围盒\n\n    var bbox = group.getCanvasBBox(); // 主图的 bbox\n\n    var graphBBox = graph.get('canvas').getCanvasBBox();\n    var width = graphBBox.width;\n    var height = graphBBox.height;\n\n    if (Number.isFinite(bbox.width)) {\n      // 刷新后bbox可能会变，需要重置画布矩阵以缩放到合适的大小\n      width = max(bbox.width, width);\n      height = max(bbox.height, height);\n    }\n\n    width += 2 * padding;\n    height += 2 * padding;\n    var ratio = Math.min(size[0] / width, size[1] / height);\n    var matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    var minX = 0;\n    var minY = 0; // 平移到左上角\n\n    if (Number.isFinite(bbox.minX)) {\n      minX = -bbox.minX;\n    }\n\n    if (Number.isFinite(bbox.minY)) {\n      minY = -bbox.minY;\n    } // 缩放到适合视口后, 平移到画布中心\n\n\n    var dx = (size[0] - (width - 2 * padding) * ratio) / 2;\n    var dy = (size[1] - (height - 2 * padding) * ratio) / 2;\n    matrix = transform(matrix, [['t', minX, minY], ['s', ratio, ratio], ['t', dx, dy] // 移动到画布中心\n    ]);\n    group.setMatrix(matrix); // 更新minimap视口\n\n    this.set('ratio', ratio);\n    this.set('totaldx', dx + minX * ratio);\n    this.set('totaldy', dy + minY * ratio);\n    this.set('dx', dx);\n    this.set('dy', dy);\n    this.updateViewport();\n  };\n  /**\n   * 获取minimap的画布\n   * @return {GCanvas} G的canvas实例\n   */\n\n\n  MiniMap.prototype.getCanvas = function () {\n    return this.get('canvas');\n  };\n  /**\n   * 获取minimap的窗口\n   * @return {HTMLElement} 窗口的dom实例\n   */\n\n\n  MiniMap.prototype.getViewport = function () {\n    return this.get('viewport');\n  };\n  /**\n   * 获取minimap的容器dom\n   * @return {HTMLElement} dom\n   */\n\n\n  MiniMap.prototype.getContainer = function () {\n    return this.get('container');\n  };\n\n  MiniMap.prototype.destroy = function () {\n    this.get('canvas').destroy();\n    var container = this.get('container');\n    container.parentNode.removeChild(container);\n  };\n\n  return MiniMap;\n}(_base__WEBPACK_IMPORTED_MODULE_5__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (MiniMap);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/minimap/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\nvar DEFAULT_TRIGGER = 'shift';\nvar ALLOW_EVENTS = ['shift', 'ctrl', 'alt', 'control'];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      multiple: true,\n      trigger: DEFAULT_TRIGGER,\n      selectedState: 'selected'\n    };\n  },\n  getEvents: function getEvents() {\n    var self = this; // 检测输入是否合法\n\n    if (!(ALLOW_EVENTS.indexOf(self.trigger.toLowerCase()) > -1)) {\n      self.trigger = DEFAULT_TRIGGER; // eslint-disable-next-line no-console\n\n      console.warn(\"Behavior brush-select 的 trigger 参数不合法，请输入 'drag'、'shift'、'ctrl' 或 'alt'\");\n    }\n\n    if (!self.multiple) {\n      return {\n        'node:click': 'onClick',\n        'combo:click': 'onClick',\n        'canvas:click': 'onCanvasClick'\n      };\n    }\n\n    return {\n      'node:click': 'onClick',\n      'combo:click': 'onClick',\n      'canvas:click': 'onCanvasClick',\n      keyup: 'onKeyUp',\n      keydown: 'onKeyDown'\n    };\n  },\n  onClick: function onClick(evt) {\n    var self = this;\n    var item = evt.item;\n\n    if (!item || item.destroyed) {\n      return;\n    }\n\n    var type = item.getType();\n    var graph = self.graph,\n        keydown = self.keydown,\n        multiple = self.multiple,\n        shouldUpdate = self.shouldUpdate,\n        shouldBegin = self.shouldBegin;\n\n    if (!shouldBegin.call(self, evt)) {\n      return;\n    } // allow to select multiple nodes but did not press a key || do not allow the select multiple nodes\n\n\n    if (!keydown || !multiple) {\n      var selected = graph.findAllByState(type, self.selectedState);\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(selected, function (combo) {\n        if (combo !== item) {\n          graph.setItemState(combo, self.selectedState, false);\n        }\n      });\n    }\n\n    if (item.hasState(self.selectedState)) {\n      if (shouldUpdate.call(self, evt)) {\n        graph.setItemState(item, self.selectedState, false);\n      }\n\n      var selectedNodes = graph.findAllByState('node', self.selectedState);\n      var selectedCombos = graph.findAllByState('combo', self.selectedState);\n      graph.emit('nodeselectchange', {\n        target: item,\n        selectedItems: {\n          nodes: selectedNodes,\n          combos: selectedCombos\n        },\n        select: false\n      });\n    } else {\n      if (shouldUpdate.call(self, evt)) {\n        graph.setItemState(item, self.selectedState, true);\n      }\n\n      var selectedNodes = graph.findAllByState('node', self.selectedState);\n      var selectedCombos = graph.findAllByState('combo', self.selectedState);\n      graph.emit('nodeselectchange', {\n        target: item,\n        selectedItems: {\n          nodes: selectedNodes,\n          combos: selectedCombos\n        },\n        select: true\n      });\n    }\n  },\n  onCanvasClick: function onCanvasClick() {\n    var _this = this;\n\n    var graph = this.graph;\n    var selected = graph.findAllByState('node', this.selectedState);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(selected, function (node) {\n      graph.setItemState(node, _this.selectedState, false);\n    });\n    var selectedCombos = graph.findAllByState('combo', this.selectedState);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(selectedCombos, function (combo) {\n      graph.setItemState(combo, _this.selectedState, false);\n    });\n    graph.emit('nodeselectchange', {\n      selectedItems: {\n        nodes: [],\n        edges: [],\n        combos: []\n      },\n      select: false\n    });\n  },\n  onKeyDown: function onKeyDown(e) {\n    var self = this;\n    var code = e.key;\n\n    if (!code) {\n      return;\n    }\n\n    if (code.toLowerCase() === this.trigger.toLowerCase() || code.toLowerCase() === 'control') {\n      self.keydown = true;\n    } else {\n      self.keydown = false;\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    var self = this;\n    self.keydown = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/click-select.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/constant.js":
-/*!*************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/constant.js ***!
-  \*************************************************************************************/
-/*! exports provided: TIMELINE_START, TIMELINE_END, VALUE_CHANGE, TIMEBAR_CONFIG_CHANGE, PLAY_PAUSE_BTN, NEXT_STEP_BTN, PRE_STEP_BTN */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TIMELINE_START\", function() { return TIMELINE_START; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TIMELINE_END\", function() { return TIMELINE_END; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VALUE_CHANGE\", function() { return VALUE_CHANGE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TIMEBAR_CONFIG_CHANGE\", function() { return TIMEBAR_CONFIG_CHANGE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PLAY_PAUSE_BTN\", function() { return PLAY_PAUSE_BTN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NEXT_STEP_BTN\", function() { return NEXT_STEP_BTN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PRE_STEP_BTN\", function() { return PRE_STEP_BTN; });\nvar TIMELINE_START = 'timelinestart';\nvar TIMELINE_END = 'timelineend';\nvar VALUE_CHANGE = 'valueChange';\nvar TIMEBAR_CONFIG_CHANGE = 'timebarConfigChanged';\nvar PLAY_PAUSE_BTN = 'playPauseBtn';\nvar NEXT_STEP_BTN = 'nextStepBtn';\nvar PRE_STEP_BTN = 'preStepBtn';\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/constant.js?");
-
-/***/ }),
-
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/controllerBtn.js":
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/collapse-expand-combo.js":
 /*!******************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/controllerBtn.js ***!
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/collapse-expand-combo.js ***!
   \******************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.0.4@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _timeButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./timeButton */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeButton.js\");\n/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constant */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/constant.js\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_1__[\"ext\"].transform;\nvar DEFAULT_RECT_FILL = '#aaa';\nvar DEFAULT_RECT_STROKE = 'green';\nvar DEFAULT_PLAYBTN_STYLE = {\n  fill: '#aaa',\n  fillOpacity: 0.35,\n  stroke: '#aaa'\n};\nvar DEFAULT_PREBTN_STYLE = {\n  fill: '#fff'\n};\nvar DEFAULT_NEXTBTN_STYLE = {\n  fill: 'green'\n};\nvar DEFAULT_SPEED_CONTROLLER_STYLE = {\n  pointer: {\n    fill: '#aaa',\n    lineWidth: 0\n  },\n  scroller: {\n    stroke: '#aaa',\n    fill: '#aaa',\n    lineWidth: 1,\n    lineAppendWidth: 5,\n    cursor: 'pointer'\n  },\n  text: {\n    fill: '#aaa',\n    textBaseline: 'top'\n  }\n};\nvar DEFAULT_TIMETYPE_CONTROLLER_STYLE = {\n  check: {\n    stroke: 'green',\n    lineWidth: 3\n  },\n  box: {\n    fill: '#fff',\n    stroke: '#aaa',\n    lineWidth: 2,\n    radius: 3,\n    width: 12,\n    height: 12\n  },\n  text: {\n    fill: '#aaa',\n    fontSize: 12,\n    textBaseline: 'top'\n  }\n};\nvar DEFAULT_CONTROLLER_CONFIG = {\n  speed: 1,\n  loop: false,\n  fill: '#fff',\n  stroke: '#fff',\n  hideTimeTypeController: false,\n  preBtnStyle: {\n    fill: '#aaa',\n    stroke: '#aaa'\n  },\n  nextBtnStyle: {\n    fill: '#aaa',\n    stroke: '#aaa'\n  },\n  playBtnStyle: {\n    fill: '#aaa',\n    stroke: '#aaa',\n    fillOpacity: 0.05\n  },\n  speedControllerStyle: DEFAULT_SPEED_CONTROLLER_STYLE,\n  timeTypeControllerStyle: DEFAULT_TIMETYPE_CONTROLLER_STYLE\n};\nvar SPEED_CONTROLLER_OFFSET = 110;\nvar TOGGLE_MODEL_OFFSET = 50;\n\nvar ControllerBtn =\n/** @class */\nfunction () {\n  function ControllerBtn(cfg) {\n    this.controllerCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"deepMix\"])({}, DEFAULT_CONTROLLER_CONFIG, cfg);\n    this.group = cfg.group;\n    this.controllerGroup = this.group.addGroup({\n      name: 'controller-group'\n    });\n    this.speedAxisY = [];\n    this.currentSpeed = this.controllerCfg.speed;\n    this.currentType = 'range';\n    this.fontFamily = cfg.fontFamily || 'Arial, sans-serif';\n    this.init();\n  }\n\n  ControllerBtn.prototype.init = function () {\n    this.renderPlayButton();\n  };\n  /** 获取播放键 marker path */\n\n\n  ControllerBtn.prototype.getNextMarkerPath = function (x, y, len) {\n    return [['M', x, y - len], ['L', x + len, y], ['L', x, y + len], ['Z', x, y - len], ['M', x, y], ['L', x - len, y - len], ['L', x - len, y + len], ['Z']];\n  };\n\n  ControllerBtn.prototype.getPreMarkerPath = function (x, y, len) {\n    return [['M', x, y - len], ['L', x - len, y], ['L', x, y + len], ['L', x, y - len], ['M', x, y], ['L', x + len, y - len], ['L', x + len, y + len], ['Z']];\n  };\n\n  ControllerBtn.prototype.renderPlayButton = function () {\n    var controllerCfg = this.controllerCfg;\n    var width = controllerCfg.width,\n        height = controllerCfg.height,\n        x = controllerCfg.x,\n        y = controllerCfg.y,\n        hideTimeTypeController = controllerCfg.hideTimeTypeController,\n        _a = controllerCfg.fill,\n        fill = _a === void 0 ? DEFAULT_RECT_FILL : _a,\n        _b = controllerCfg.stroke,\n        stroke = _b === void 0 ? DEFAULT_RECT_STROKE : _b;\n\n    var playBtnStyle = __assign(__assign({}, DEFAULT_PLAYBTN_STYLE), controllerCfg.playBtnStyle || {});\n\n    var preBtnStyle = __assign(__assign({}, DEFAULT_PREBTN_STYLE), controllerCfg.preBtnStyle || {});\n\n    var nextBtnStyle = __assign(__assign({}, DEFAULT_NEXTBTN_STYLE), controllerCfg.nextBtnStyle || {});\n\n    var r = height / 2 - 5;\n    var realY = y + 10; // 绘制最外层的矩形包围框\n\n    var container = this.controllerGroup.addShape('rect', {\n      attrs: {\n        x: x,\n        y: realY,\n        width: width,\n        height: height,\n        stroke: stroke,\n        fill: fill\n      },\n      name: 'container-rect'\n    });\n\n    if (this.playButton) {\n      this.playButton.update({\n        x: width / 2,\n        y: realY,\n        r: r\n      });\n    } else {\n      this.playButton = new _timeButton__WEBPACK_IMPORTED_MODULE_2__[\"default\"]({\n        group: this.controllerGroup,\n        x: width / 2,\n        y: realY + r + 5,\n        r: r,\n        isPlay: this.isPlay,\n        style: playBtnStyle\n      });\n    } // 后退按钮\n\n\n    var prePaddingX = preBtnStyle.offsetX || 0;\n    var prePaddingY = preBtnStyle.offsetY || 0;\n    var preR = (preBtnStyle.scale || 1) * r;\n    this.controllerGroup.addShape('path', {\n      attrs: __assign({\n        path: this.getPreMarkerPath(width / 2 - 5 * r + prePaddingX, realY + r + 5 + prePaddingY, preR * 0.5)\n      }, preBtnStyle),\n      name: _constant__WEBPACK_IMPORTED_MODULE_3__[\"PRE_STEP_BTN\"]\n    }); // 前进按钮\n\n    var nxtPaddingX = nextBtnStyle.offsetX || 0;\n    var nxtPaddingY = nextBtnStyle.offsetY || 0;\n    var nxtR = (nextBtnStyle.scale || 1) * r;\n    this.controllerGroup.addShape('path', {\n      attrs: __assign({\n        path: this.getNextMarkerPath(width / 2 + 5 * r + nxtPaddingX, realY + r + 5 + nxtPaddingY, nxtR * 0.5)\n      }, nextBtnStyle),\n      name: _constant__WEBPACK_IMPORTED_MODULE_3__[\"NEXT_STEP_BTN\"]\n    });\n    container.toBack(); // 调节speed的按钮\n\n    this.renderSpeedBtn();\n\n    if (!hideTimeTypeController) {\n      this.renderToggleTime();\n    }\n\n    this.bindEvent(); // 根据配置的 scale、offsetX，offsetY 缩放和移动控制栏\n\n    var _c = this.controllerCfg.scale,\n        scale = _c === void 0 ? 1 : _c;\n    var currentBBox = this.controllerGroup.getCanvasBBox();\n    var centerX = (currentBBox.maxX + currentBBox.minX) / 2;\n    var centerY = (currentBBox.maxY + currentBBox.minY) / 2;\n    var matrix = transform([1, 0, 0, 0, 1, 0, 0, 0, 1], [['t', -centerX, -centerY], ['s', scale, scale], ['t', centerX, centerY]]);\n    this.controllerGroup.setMatrix(matrix);\n  };\n\n  ControllerBtn.prototype.renderSpeedBtn = function () {\n    var _a = this.controllerCfg,\n        y = _a.y,\n        width = _a.width,\n        hideTimeTypeController = _a.hideTimeTypeController;\n\n    var speedControllerStyle = __assign(__assign({}, DEFAULT_SPEED_CONTROLLER_STYLE), this.controllerCfg.speedControllerStyle || {});\n\n    var _b = speedControllerStyle.scroller,\n        scroller = _b === void 0 ? {} : _b,\n        _c = speedControllerStyle.text,\n        text = _c === void 0 ? {} : _c,\n        _d = speedControllerStyle.pointer,\n        pointer = _d === void 0 ? {} : _d,\n        _e = speedControllerStyle.scale,\n        scale = _e === void 0 ? 1 : _e,\n        _f = speedControllerStyle.offsetX,\n        offsetX = _f === void 0 ? 0 : _f,\n        _g = speedControllerStyle.offsetY,\n        offsetY = _g === void 0 ? 0 : _g;\n    var speedGroup = this.controllerGroup.addGroup({\n      name: 'speed-group'\n    });\n    this.speedGroup = speedGroup;\n    var speedNum = [];\n    var maxSpeed = 5;\n    this.speedAxisY = [19, 22, 26, 32, 39]; // 增加speed刻度\n\n    for (var i = 0; i < 5; i++) {\n      var axisY = y + this.speedAxisY[i]; // 灰色刻度\n\n      var startX = width - (!hideTimeTypeController ? SPEED_CONTROLLER_OFFSET : TOGGLE_MODEL_OFFSET);\n      speedGroup.addShape('line', {\n        attrs: __assign({\n          x1: startX,\n          x2: startX + 15,\n          y1: axisY,\n          y2: axisY\n        }, scroller),\n        speed: maxSpeed,\n        name: 'speed-rect'\n      });\n      this.speedAxisY[i] = axisY;\n      speedNum.push(maxSpeed);\n      maxSpeed = maxSpeed - 1;\n    } // 速度文本\n\n\n    this.speedText = speedGroup.addShape('text', {\n      attrs: __assign({\n        x: width - (!hideTimeTypeController ? SPEED_CONTROLLER_OFFSET : TOGGLE_MODEL_OFFSET) + 20,\n        y: this.speedAxisY[0] + 4,\n        text: \"1.0X\",\n        fontFamily: this.fontFamily || 'Arial, sans-serif'\n      }, text)\n    });\n    this.speedPoint = speedGroup.addShape('path', {\n      attrs: __assign({\n        path: this.getPointerPath(width - (!hideTimeTypeController ? SPEED_CONTROLLER_OFFSET : TOGGLE_MODEL_OFFSET), 0),\n        matrix: [1, 0, 0, 0, 1, 0, 0, this.speedAxisY[4], 1]\n      }, pointer)\n    }); // 根据配置在 speedControllerStyle 中的 scale offsetX offsetY 缩放和移动速度控制器\n\n    var currentBBox = this.speedGroup.getCanvasBBox();\n    var centerX = (currentBBox.maxX + currentBBox.minX) / 2;\n    var centerY = (currentBBox.maxY + currentBBox.minY) / 2;\n    var matrix = this.speedGroup.getMatrix() || [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    matrix = transform(matrix, [['t', -centerX, -centerY], ['s', scale, scale], ['t', centerX + offsetX * scale, centerY + offsetY * scale]]);\n    this.speedGroup.setMatrix(matrix);\n  };\n\n  ControllerBtn.prototype.getPointerPath = function (x, y) {\n    return [['M', x, y], ['L', x - 10, y - 4], ['L', x - 10, y + 4], ['Z']];\n  };\n\n  ControllerBtn.prototype.renderToggleTime = function () {\n    var _a;\n\n    var width = this.controllerCfg.width;\n\n    var timeTypeControllerStyle = __assign(__assign({}, DEFAULT_TIMETYPE_CONTROLLER_STYLE), this.controllerCfg.timeTypeControllerStyle || {});\n\n    var _b = timeTypeControllerStyle.scale,\n        scale = _b === void 0 ? 1 : _b,\n        _c = timeTypeControllerStyle.offsetX,\n        offsetX = _c === void 0 ? 0 : _c,\n        _d = timeTypeControllerStyle.offsetY,\n        offsetY = _d === void 0 ? 0 : _d,\n        _e = timeTypeControllerStyle.box,\n        box = _e === void 0 ? {} : _e,\n        _f = timeTypeControllerStyle.check,\n        check = _f === void 0 ? {} : _f,\n        _g = timeTypeControllerStyle.text,\n        text = _g === void 0 ? {} : _g;\n    this.toggleGroup = this.controllerGroup.addGroup({\n      name: 'toggle-group'\n    });\n    this.toggleGroup.addShape('rect', {\n      attrs: __assign({\n        x: width - TOGGLE_MODEL_OFFSET,\n        y: this.speedAxisY[0] + 4\n      }, box),\n      isChecked: false,\n      name: 'toggle-model'\n    });\n    this.checkedIcon = this.toggleGroup.addShape('path', {\n      attrs: __assign({\n        path: [['M', width - TOGGLE_MODEL_OFFSET + 3, this.speedAxisY[1] + 6], ['L', width - TOGGLE_MODEL_OFFSET + 7, this.speedAxisY[1] + 10], ['L', width - TOGGLE_MODEL_OFFSET + 12, this.speedAxisY[1] + 4]]\n      }, check),\n      capture: false\n    });\n    this.checkedIcon.hide();\n    this.checkedText = this.toggleGroup.addShape('text', {\n      attrs: __assign({\n        text: ((_a = this.controllerCfg) === null || _a === void 0 ? void 0 : _a.timePointControllerText) || '单一时间',\n        x: width - TOGGLE_MODEL_OFFSET + 15,\n        y: this.speedAxisY[0] + 4,\n        fontFamily: typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif'\n      }, text)\n    }); // 根据配置在 timeTypeControllerStyle 中的 scale offsetX offsetY 缩放和移动速度控制器\n\n    var currentBBox = this.toggleGroup.getCanvasBBox();\n    var centerX = (currentBBox.maxX + currentBBox.minX) / 2;\n    var centerY = (currentBBox.maxY + currentBBox.minY) / 2;\n    var matrix = this.toggleGroup.getMatrix() || [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    matrix = transform(matrix, [['t', -centerX, -centerY], ['s', scale, scale], ['t', centerX + offsetX * scale, centerY + offsetY * scale]]);\n    this.toggleGroup.setMatrix(matrix);\n  };\n\n  ControllerBtn.prototype.bindEvent = function () {\n    var _this = this;\n\n    this.speedGroup.on('speed-rect:click', function (evt) {\n      var currentPointerY = evt.target.attr('y1');\n\n      var pointerMatrix = _this.speedPoint.attr('matrix');\n\n      var currentYIdx = _this.speedAxisY.indexOf(pointerMatrix[7] || 0);\n\n      var targetYIdx = _this.speedAxisY.indexOf(currentPointerY);\n\n      var yDiff = _this.speedAxisY[targetYIdx] - _this.speedAxisY[currentYIdx];\n      pointerMatrix = transform(pointerMatrix, [['t', 0, yDiff]]);\n\n      _this.speedPoint.setMatrix(pointerMatrix);\n\n      _this.currentSpeed = _this.speedAxisY.length - targetYIdx;\n\n      _this.speedText.attr('text', _this.currentSpeed + \".0X\");\n\n      _this.group.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMEBAR_CONFIG_CHANGE\"], {\n        speed: _this.currentSpeed,\n        type: _this.currentType\n      });\n    });\n    this.speedGroup.on('mousewheel', function (evt) {\n      evt.preventDefault();\n      var pointerMatrix = _this.speedPoint.attr('matrix') || [1, 0, 0, 0, 1, 0, 0, 0, 1];\n      var currentPointerY = pointerMatrix[7];\n\n      var currentYIdx = _this.speedAxisY.indexOf(currentPointerY);\n\n      if (currentYIdx === -1) {\n        // 找到最近的一个 y\n        var minDist_1 = Infinity;\n\n        _this.speedAxisY.forEach(function (y, idx) {\n          var dist = Math.abs(y - currentPointerY);\n\n          if (minDist_1 > dist) {\n            minDist_1 = dist;\n            currentYIdx = idx;\n          }\n        });\n      }\n\n      if (evt.originalEvent.deltaY > 0) currentYIdx = Math.max(0, currentYIdx - 1);else currentYIdx = Math.min(_this.speedAxisY.length - 1, currentYIdx + 1);\n      var yDiff = _this.speedAxisY[currentYIdx] - currentPointerY;\n      pointerMatrix = transform(pointerMatrix, [['t', 0, yDiff]]);\n\n      _this.speedPoint.setMatrix(pointerMatrix);\n\n      _this.currentSpeed = _this.speedAxisY.length - currentYIdx;\n\n      _this.speedText.attr('text', _this.currentSpeed + \".0X\");\n\n      _this.group.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMEBAR_CONFIG_CHANGE\"], {\n        speed: _this.currentSpeed,\n        type: _this.currentType\n      });\n    });\n\n    if (this.toggleGroup) {\n      this.toggleGroup.on('toggle-model:click', function (evt) {\n        var _a, _b;\n\n        var isChecked = evt.target.get('isChecked');\n\n        if (!isChecked) {\n          _this.checkedIcon.show();\n\n          _this.checkedText.attr('text', ((_a = _this.controllerCfg) === null || _a === void 0 ? void 0 : _a.timeRangeControllerText) || '时间范围');\n\n          _this.currentType = 'single';\n        } else {\n          _this.checkedIcon.hide();\n\n          _this.checkedText.attr('text', ((_b = _this.controllerCfg) === null || _b === void 0 ? void 0 : _b.timePointControllerText) || '单一时间');\n\n          _this.currentType = 'range';\n        }\n\n        evt.target.set('isChecked', !isChecked);\n\n        _this.group.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMEBAR_CONFIG_CHANGE\"], {\n          type: _this.currentType,\n          speed: _this.currentSpeed\n        });\n      });\n    }\n  };\n\n  ControllerBtn.prototype.destroy = function () {\n    this.speedGroup.off('speed-rect:click');\n\n    if (this.toggleGroup) {\n      this.toggleGroup.off('toggle-model:click');\n      this.toggleGroup.destroy();\n    }\n\n    this.speedGroup.destroy();\n  };\n\n  return ControllerBtn;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ControllerBtn);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/controllerBtn.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/*\n * @Author: Shiwu\n * @Description: 收起和展开 Combo\n */\nvar DEFAULT_TRIGGER = 'dblclick';\nvar ALLOW_EVENTS = ['click', 'dblclick'];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      trigger: DEFAULT_TRIGGER,\n      relayout: true\n    };\n  },\n  getEvents: function getEvents() {\n    var _a;\n\n    var trigger; // 检测输入是否合法\n\n    if (ALLOW_EVENTS.includes(this.trigger)) {\n      trigger = this.trigger;\n    } else {\n      trigger = DEFAULT_TRIGGER; // eslint-disable-next-line no-console\n\n      console.warn(\"Behavior collapse-expand-group 的 trigger 参数不合法，请输入 'click' 或 'dblclick'\");\n    }\n\n    return _a = {}, _a[\"combo:\" + trigger] = 'onComboClick', _a;\n  },\n  onComboClick: function onComboClick(evt) {\n    var item = evt.item;\n\n    var _a = this,\n        graph = _a.graph,\n        relayout = _a.relayout;\n\n    if (!item || item.destroyed || item.getType() !== 'combo') return;\n    var model = item.getModel();\n    var comboId = model.id;\n\n    if (!comboId) {\n      return;\n    }\n\n    graph.collapseExpandCombo(comboId);\n    if (relayout && graph.get('layout')) graph.layout();else graph.refreshPositions();\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/collapse-expand-combo.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/handler.js":
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/collapse-expand.js":
 /*!************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/handler.js ***!
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/collapse-expand.js ***!
   \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\nvar DEFAULT_STYLE = {\n  fill: '#1890ff',\n  stroke: '#1890ff',\n  type: 'trend',\n  radius: 2,\n  opacity: 1,\n  cursor: 'ew-resize',\n  // 高亮的颜色\n  highLightFill: '#0050b3'\n};\nvar SIMPLE_DEFAULT_STYLE = {\n  fill: '#fff',\n  stroke: '#1890ff',\n  radius: 2,\n  opacity: 1,\n  cursor: 'ew-resize'\n};\n\nvar Handler =\n/** @class */\nfunction () {\n  function Handler(cfg) {\n    var group = cfg.group,\n        name = cfg.name,\n        type = cfg.type,\n        _a = cfg.x,\n        x = _a === void 0 ? 0 : _a,\n        _b = cfg.y,\n        y = _b === void 0 ? 0 : _b,\n        _c = cfg.width,\n        width = _c === void 0 ? 2 : _c,\n        _d = cfg.height,\n        height = _d === void 0 ? 24 : _d,\n        _e = cfg.style,\n        style = _e === void 0 ? {} : _e;\n    this.group = group;\n    this.name = name;\n    this.handleType = type;\n    this.x = x;\n    this.y = y;\n    this.width = width;\n    this.height = height;\n\n    if (type === 'trend') {\n      this.style = __assign(__assign({}, DEFAULT_STYLE), style);\n    } else if (type === 'simple') {\n      this.style = __assign(__assign({}, SIMPLE_DEFAULT_STYLE), style);\n    }\n\n    this.renderHandle();\n  }\n  /**\n   * 设置位置 x\n   * @param x\n   */\n\n\n  Handler.prototype.setX = function (x) {\n    this.setXY(x, undefined);\n  };\n  /**\n   * 设置位置 y\n   * @param y\n   */\n\n\n  Handler.prototype.setY = function (y) {\n    this.setXY(undefined, y);\n  };\n\n  Handler.prototype.setXY = function (x, y) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNumber\"])(x)) {\n      this.x = x;\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNumber\"])(y)) {\n      this.y = y;\n    }\n\n    this.updateXY();\n  };\n  /**\n   * 初始化组件\n   * @private\n   */\n\n\n  Handler.prototype.renderHandle = function () {\n    var _a = this,\n        width = _a.width,\n        height = _a.height,\n        style = _a.style,\n        name = _a.name;\n\n    var fill = style.fill,\n        stroke = style.stroke,\n        radius = style.radius,\n        opacity = style.opacity,\n        cursor = style.cursor;\n    this.handleGroup = this.group.addGroup(); // 趋势图时的 handle\n\n    if (this.handleType === 'trend') {\n      // 垂直框\n      this.background = this.handleGroup.addShape('rect', {\n        attrs: {\n          x: 0,\n          y: 0,\n          width: width,\n          height: height,\n          fill: fill,\n          stroke: stroke,\n          radius: radius,\n          opacity: opacity,\n          cursor: cursor\n        },\n        name: name + \"-handler\"\n      });\n      this.handleGroup.addShape('circle', {\n        attrs: {\n          x: width / 2,\n          y: 0,\n          r: 2 * width,\n          fill: fill,\n          stroke: stroke,\n          radius: radius,\n          opacity: opacity,\n          cursor: cursor\n        },\n        name: name + \"-handler\"\n      });\n      this.handleGroup.addShape('circle', {\n        attrs: {\n          x: width / 2,\n          y: height,\n          r: 2 * width,\n          fill: fill,\n          stroke: stroke,\n          radius: radius,\n          opacity: opacity,\n          cursor: cursor\n        },\n        name: name + \"-handler\"\n      });\n    } else if (this.handleType === 'simple') {\n      this.handleGroup.addShape('circle', {\n        attrs: {\n          x: width / 2,\n          y: height / 2,\n          r: 2 * width,\n          fill: fill,\n          stroke: stroke,\n          radius: radius,\n          opacity: opacity,\n          cursor: cursor,\n          lineWidth: 2\n        },\n        name: name + \"-handler\"\n      });\n      this.handleGroup.addShape('circle', {\n        attrs: {\n          x: width / 2,\n          y: height / 2,\n          r: 2 * width,\n          fill: fill,\n          stroke: stroke,\n          radius: radius,\n          opacity: opacity,\n          cursor: cursor,\n          lineWidth: 2\n        },\n        name: name + \"-handler\"\n      });\n    } // 移动到对应的位置\n\n\n    this.updateXY();\n\n    if (this.handleType === 'trend') {\n      this.bindEvents();\n    }\n  };\n\n  Handler.prototype.bindEvents = function () {\n    var _this = this;\n\n    var name = this.name;\n    this.handleGroup.on(name + \"-handler:mouseenter\", function () {\n      var highLightFill = _this.style.highLightFill;\n\n      _this.background.attr('fill', highLightFill);\n    });\n    this.handleGroup.on(name + \"-handler:mouseleave\", function () {\n      var fill = _this.style.fill;\n\n      _this.background.attr('fill', fill);\n    });\n  };\n\n  Handler.prototype.show = function () {\n    this.handleGroup.show();\n  };\n\n  Handler.prototype.hide = function () {\n    this.handleGroup.hide();\n  };\n\n  Handler.prototype.updateXY = function () {\n    this.handleGroup.setMatrix([1, 0, 0, 0, 1, 0, this.x, this.y, 1]);\n  };\n\n  return Handler;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Handler);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/handler.js?");
+eval("__webpack_require__.r(__webpack_exports__);\nvar DEFAULT_TRIGGER = 'click';\nvar ALLOW_EVENTS = ['click', 'dblclick'];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      /**\n       * 发生收缩/扩展变化时的回调\n       */\n      trigger: DEFAULT_TRIGGER,\n      onChange: function onChange() {}\n    };\n  },\n  getEvents: function getEvents() {\n    var _a;\n\n    var trigger; // 检测输入是否合法\n\n    if (ALLOW_EVENTS.includes(this.trigger)) {\n      trigger = this.trigger;\n    } else {\n      trigger = DEFAULT_TRIGGER; // eslint-disable-next-line no-console\n\n      console.warn(\"Behavior collapse-expand 的 trigger 参数不合法，请输入 'click' 或 'dblclick'\");\n    }\n\n    return _a = {}, _a[\"node:\" + trigger] = 'onNodeClick', // 支持移动端事件\n    _a.touchstart = 'onNodeClick', _a;\n  },\n  onNodeClick: function onNodeClick(e) {\n    var item = e.item;\n    if (!item) return; // 如果节点进行过更新，model 会进行 merge，直接改 model 就不能改布局，所以需要去改源数据\n\n    var sourceData = this.graph.findDataById(item.get('id'));\n\n    if (!sourceData) {\n      return;\n    }\n\n    var children = sourceData.children; // 叶子节点的收缩和展开没有意义\n\n    if (!children || children.length === 0) {\n      return;\n    }\n\n    var collapsed = !sourceData.collapsed;\n\n    if (!this.shouldBegin(e, collapsed)) {\n      return;\n    }\n\n    sourceData.collapsed = collapsed;\n    item.getModel().collapsed = collapsed;\n    this.graph.emit('itemcollapsed', {\n      item: e.item,\n      collapsed: collapsed\n    });\n\n    if (!this.shouldUpdate(e, collapsed)) {\n      return;\n    }\n\n    this.onChange(item, collapsed);\n    this.graph.layout();\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/collapse-expand.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/index.js":
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/create-edge.js":
+/*!********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/create-edge.js ***!
+  \********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\nvar DEFAULT_TRIGGER = 'click';\nvar ALLOW_EVENTS = ['click', 'drag'];\nvar DEFAULT_KEY = undefined;\nvar ALLOW_KEYS = ['shift', 'ctrl', 'control', 'alt', 'meta', undefined];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      trigger: DEFAULT_TRIGGER,\n      key: DEFAULT_KEY,\n      edgeConfig: {},\n      getEdgeConfig: undefined\n    };\n  },\n  getEvents: function getEvents() {\n    var self = this; // 检测输入是否合法\n\n    if (!(ALLOW_EVENTS.indexOf(self.trigger.toLowerCase()) > -1)) {\n      self.trigger = DEFAULT_TRIGGER; // eslint-disable-next-line no-console\n\n      console.warn(\"Behavior create-edge 的 trigger 参数不合法，请输入 'click'，'drag'\");\n    }\n\n    if (self.key && ALLOW_KEYS.indexOf(self.key.toLowerCase()) === -1) {\n      self.trigger = DEFAULT_KEY; // eslint-disable-next-line no-console\n\n      console.warn(\"Behavior create-edge 的 key 参数不合法，请输入 'shift'，'ctrl'，'alt'，'control'，或 undefined\");\n    }\n\n    var events;\n\n    if (self.trigger === 'drag') {\n      events = {\n        'node:dragstart': 'onClick',\n        'combo:dragstart': 'onClick',\n        drag: 'updateEndPoint',\n        'node:drop': 'onClick',\n        'combo:drop': 'onClick',\n        dragend: 'onDragEnd'\n      };\n    } else if (self.trigger === 'click') {\n      events = {\n        'node:click': 'onClick',\n        mousemove: 'updateEndPoint',\n        'edge:click': 'cancelCreating',\n        'canvas:click': 'cancelCreating',\n        'combo:click': 'onClick'\n      };\n    }\n\n    if (self.key) {\n      events.keydown = 'onKeyDown';\n      events.keyup = 'onKeyUp';\n    }\n\n    return events;\n  },\n  onDragEnd: function onDragEnd(ev) {\n    var self = this;\n    if (self.key && !self.keydown) return;\n    var item = ev.item;\n    if (!item || item.getID() === self.source || item.getType() !== 'node') self.cancelCreating({\n      item: self.edge,\n      x: ev.x,\n      y: ev.y\n    });\n  },\n  // 如果边的起点没有指定，则根据起点创建新边；如果起点已经指定而终点未指定，则指定终点\n  onClick: function onClick(ev) {\n    var self = this;\n    if (self.key && !self.keydown) return;\n    var node = ev.item;\n    var graph = self.graph;\n    var model = node.getModel();\n    var getEdgeConfig = self.getEdgeConfig; // 如果起点已经指定而终点未指定，则指定终点\n\n    if (self.addingEdge && self.edge) {\n      if (!self.shouldEnd.call(self, ev)) return;\n      var edgeConfig = void 0;\n\n      if (getEdgeConfig && Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isFunction\"])(getEdgeConfig)) {\n        edgeConfig = getEdgeConfig({\n          source: self.source,\n          target: model.id\n        });\n      } else {\n        edgeConfig = self.edgeConfig;\n      }\n\n      var updateCfg = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n        target: model.id\n      }, edgeConfig);\n\n      if (self.source === model.id) {\n        updateCfg.type = 'loop';\n      }\n\n      graph.emit('beforecreateedge', {});\n      graph.updateItem(self.edge, updateCfg, false);\n\n      if (graph.get('enabledStack')) {\n        var addedModel = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, self.edge.getModel()), {\n          itemType: 'edge'\n        });\n\n        var after = {};\n        after.edges = [addedModel];\n        graph.pushStack('add', {\n          before: {},\n          after: after\n        });\n      }\n\n      graph.emit('aftercreateedge', {\n        edge: self.edge\n      }); // 暂时将该边的 capture 恢复为 true\n\n      self.edge.getKeyShape().set('capture', true);\n      self.edge = null;\n      self.addingEdge = false;\n    } else {\n      // 如果边的起点没有指定，则根据起点创建新边\n      if (!self.shouldBegin.call(self, ev)) return; // 获取自定义 edge 配置\n\n      var edgeConfig = void 0;\n\n      if (getEdgeConfig && Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isFunction\"])(getEdgeConfig)) {\n        edgeConfig = getEdgeConfig({\n          source: model.id,\n          target: model.id\n        });\n      } else {\n        edgeConfig = self.edgeConfig;\n      }\n\n      self.edge = graph.addItem('edge', Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n        source: model.id,\n        target: model.id\n      }, edgeConfig), false);\n      self.source = model.id;\n      self.addingEdge = true; // 暂时将该边的 capture 设置为 false，这样可以拾取到后面的元素\n\n      self.edge.getKeyShape().set('capture', false);\n    }\n  },\n  // 边的起点已经确定，边的末端跟随鼠标移动\n  updateEndPoint: function updateEndPoint(ev) {\n    var self = this;\n    if (self.key && !self.keydown) return;\n    var point = {\n      x: ev.x,\n      y: ev.y\n    }; // 若此时 source 节点已经被移除，结束添加边\n\n    if (!self.graph.findById(self.source)) {\n      self.addingEdge = false;\n      return;\n    }\n\n    if (self.addingEdge && self.edge) {\n      // 更新边的终点为鼠标位置\n      self.graph.updateItem(self.edge, {\n        target: point\n      }, false);\n    }\n  },\n  // 取消增加边，删除该边；或指定终点\n  cancelCreating: function cancelCreating(ev) {\n    var self = this;\n    if (self.key && !self.keydown) return;\n    var graph = self.graph;\n    var currentEdge = ev.item;\n\n    if (self.addingEdge && ev.target && ev.target.isCanvas && ev.target.isCanvas()) {\n      graph.removeItem(self.edge, false);\n      self.edge = null;\n      self.addingEdge = false;\n      return;\n    }\n\n    if (self.addingEdge && self.edge === currentEdge) {\n      graph.removeItem(self.edge, false);\n      self.edge = null;\n      self.addingEdge = false;\n    }\n  },\n  onKeyDown: function onKeyDown(e) {\n    var self = this;\n    var code = e.key;\n\n    if (!code) {\n      return;\n    }\n\n    if (code.toLowerCase() === self.key.toLowerCase()) {\n      self.keydown = true;\n    } else {\n      self.keydown = false;\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    var self = this;\n\n    if (self.addingEdge && self.edge) {\n      // 清除正在增加的边\n      self.graph.removeItem(self.edge, false);\n      self.addingEdge = false;\n      self.edge = null;\n    }\n\n    this.keydown = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/create-edge.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-canvas.js":
+/*!********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-canvas.js ***!
+  \********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/index.js\");\n\n\nvar cloneEvent = _util__WEBPACK_IMPORTED_MODULE_1__[\"default\"].cloneEvent,\n    isNaN = _util__WEBPACK_IMPORTED_MODULE_1__[\"default\"].isNaN;\nvar abs = Math.abs;\nvar DRAG_OFFSET = 10;\nvar ALLOW_EVENTS = ['shift', 'ctrl', 'alt', 'control'];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      direction: 'both',\n      enableOptimize: false,\n      // drag-canvas 可拖动的扩展范围，默认为 0，即最多可以拖动一屏的位置\n      // 当设置的值大于 0 时，即拖动可以超过一屏\n      // 当设置的值小于 0 时，相当于缩小了可拖动范围\n      // 具体实例可参考：https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*IFfoS67_HssAAAAAAAAAAAAAARQnAQ\n      scalableRange: 0,\n      allowDragOnItem: false\n    };\n  },\n  getEvents: function getEvents() {\n    return {\n      dragstart: 'onMouseDown',\n      drag: 'onMouseMove',\n      dragend: 'onMouseUp',\n      'canvas:click': 'onMouseUp',\n      keyup: 'onKeyUp',\n      focus: 'onKeyUp',\n      keydown: 'onKeyDown',\n      touchstart: 'onTouchStart',\n      touchmove: 'onTouchMove',\n      touchend: 'onMouseUp'\n    };\n  },\n  updateViewport: function updateViewport(e) {\n    var origin = this.origin;\n    var clientX = +e.clientX;\n    var clientY = +e.clientY;\n\n    if (isNaN(clientX) || isNaN(clientY)) {\n      return;\n    }\n\n    var dx = clientX - origin.x;\n    var dy = clientY - origin.y;\n\n    if (this.get('direction') === 'x') {\n      dy = 0;\n    } else if (this.get('direction') === 'y') {\n      dx = 0;\n    }\n\n    this.origin = {\n      x: clientX,\n      y: clientY\n    };\n    var width = this.graph.get('width');\n    var height = this.graph.get('height');\n    var graphCanvasBBox = this.graph.get('canvas').getCanvasBBox();\n\n    if (graphCanvasBBox.minX <= width + this.scalableRange && graphCanvasBBox.minX + dx > width + this.scalableRange || graphCanvasBBox.maxX + this.scalableRange >= 0 && graphCanvasBBox.maxX + this.scalableRange + dx < 0) {\n      dx = 0;\n    }\n\n    if (graphCanvasBBox.minY <= height + this.scalableRange && graphCanvasBBox.minY + dy > height + this.scalableRange || graphCanvasBBox.maxY + this.scalableRange >= 0 && graphCanvasBBox.maxY + this.scalableRange + dy < 0) {\n      dy = 0;\n    }\n\n    this.graph.translate(dx, dy);\n  },\n  onTouchStart: function onTouchStart(e) {\n    var self = this;\n    var touches = e.originalEvent.touches;\n    var event1 = touches[0];\n    var event2 = touches[1]; // 如果是双指操作，不允许拖拽画布\n\n    if (event1 && event2) {\n      return;\n    }\n\n    e.preventDefault();\n    self.onMouseDown(e);\n  },\n  onMouseDown: function onMouseDown(e) {\n    var self = this;\n    var event = e.originalEvent;\n\n    if (event && e.name !== _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"G6Event\"].TOUCHSTART && event.button !== 0) {\n      return;\n    }\n\n    if (e.name !== _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"G6Event\"].TOUCHSTART && typeof window !== 'undefined' && window.event && !window.event.buttons && !window.event.button) {\n      return;\n    }\n\n    if (!this.shouldBegin.call(this, e)) {\n      return;\n    }\n\n    if (self.keydown) return;\n    var target = e.target;\n    var targetIsCanvas = target && target.isCanvas && target.isCanvas();\n    if (!this.allowDragOnItem && !targetIsCanvas) return;\n    self.origin = {\n      x: e.clientX,\n      y: e.clientY\n    };\n    self.dragging = false;\n\n    if (this.enableOptimize) {\n      // 拖动 canvas 过程中隐藏所有的边及label\n      var graph = this.graph;\n      var edges = graph.getEdges();\n\n      for (var i = 0, len = edges.length; i < len; i++) {\n        var shapes = edges[i].get('group').get('children');\n        if (!shapes) continue;\n        shapes.forEach(function (shape) {\n          shape.set('ori-visibility', shape.get('ori-visibility') || shape.get('visible'));\n          shape.hide();\n        });\n      }\n\n      var nodes = graph.getNodes();\n\n      for (var j = 0, nodeLen = nodes.length; j < nodeLen; j++) {\n        var container = nodes[j].getContainer();\n        var children = container.get('children');\n\n        for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {\n          var child = children_1[_i];\n          var isKeyShape = child.get('isKeyShape');\n\n          if (!isKeyShape) {\n            child.set('ori-visibility', child.get('ori-visibility') || child.get('visible'));\n            child.hide();\n          }\n        }\n      }\n    }\n  },\n  onTouchMove: function onTouchMove(e) {\n    var self = this;\n    var touches = e.originalEvent.touches;\n    var event1 = touches[0];\n    var event2 = touches[1]; // 如果是双指操作，不允许拖拽画布，结束拖拽\n\n    if (event1 && event2) {\n      this.onMouseUp(e);\n      return;\n    }\n\n    e.preventDefault();\n    self.onMouseMove(e);\n  },\n  onMouseMove: function onMouseMove(e) {\n    var graph = this.graph;\n    if (this.keydown) return;\n    var target = e.target;\n    var targetIsCanvas = target && target.isCanvas && target.isCanvas();\n    if (!this.allowDragOnItem && !targetIsCanvas) return;\n    e = cloneEvent(e);\n\n    if (!this.origin) {\n      return;\n    }\n\n    if (!this.dragging) {\n      if (abs(this.origin.x - e.clientX) + abs(this.origin.y - e.clientY) < DRAG_OFFSET) {\n        return;\n      }\n\n      if (this.shouldBegin.call(this, e)) {\n        e.type = 'dragstart';\n        graph.emit('canvas:dragstart', e);\n        this.dragging = true;\n      }\n    } else {\n      e.type = 'drag';\n      graph.emit('canvas:drag', e);\n    }\n\n    if (this.shouldUpdate.call(this, e)) {\n      this.updateViewport(e);\n    }\n  },\n  onMouseUp: function onMouseUp(e) {\n    var graph = this.graph;\n    if (this.keydown) return;\n\n    if (this.enableOptimize) {\n      // 拖动结束后显示所有的边\n      var edges = graph.getEdges();\n\n      for (var i = 0, len = edges.length; i < len; i++) {\n        var shapes = edges[i].get('group').get('children');\n        if (!shapes) continue;\n        shapes.forEach(function (shape) {\n          var oriVis = shape.get('ori-visibility');\n          if (oriVis) shape.show();\n        });\n      }\n\n      var nodes = graph.getNodes();\n\n      for (var j = 0, nodeLen = nodes.length; j < nodeLen; j++) {\n        var container = nodes[j].getContainer();\n        var children = container.get('children');\n\n        for (var _i = 0, children_2 = children; _i < children_2.length; _i++) {\n          var child = children_2[_i];\n          var isKeyShape = child.get('isKeyShape');\n\n          if (!isKeyShape) {\n            var oriVis = child.get('ori-visibility');\n            if (oriVis) child.show();\n          }\n        }\n      }\n    }\n\n    if (!this.dragging) {\n      this.origin = null;\n      return;\n    }\n\n    e = cloneEvent(e);\n\n    if (this.shouldEnd.call(this, e)) {\n      this.updateViewport(e);\n    }\n\n    e.type = 'dragend';\n    graph.emit('canvas:dragend', e);\n    this.endDrag();\n  },\n  endDrag: function endDrag() {\n    this.origin = null;\n    this.dragging = false;\n    this.dragbegin = false;\n  },\n  onKeyDown: function onKeyDown(e) {\n    var self = this;\n    var code = e.key;\n\n    if (!code) {\n      return;\n    }\n\n    if (ALLOW_EVENTS.indexOf(code.toLowerCase()) > -1) {\n      self.keydown = true;\n    } else {\n      self.keydown = false;\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    this.keydown = false;\n    this.origin = null;\n    this.dragging = false;\n    this.dragbegin = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-canvas.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-combo.js":
+/*!*******************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-combo.js ***!
+  \*******************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/global.js\");\n\n/*\n * @Author: moyee\n * @LastEditors: moyee\n * @Description: 拖动 Combo\n */\n\n\n\n\nvar calculationItemsBBox = _util__WEBPACK_IMPORTED_MODULE_2__[\"default\"].calculationItemsBBox;\n/**\n * 遍历拖动的 Combo 下的所有 Combo\n * @param data 拖动的 Combo\n * @param fn\n */\n\nvar traverseCombo = function traverseCombo(data, fn) {\n  if (fn(data) === false) {\n    return;\n  }\n\n  if (data) {\n    var combos = data.get('combos');\n\n    if (combos.length === 0) {\n      return false;\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(combos, function (child) {\n      traverseCombo(child, fn);\n    });\n  }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      enableDelegate: false,\n      delegateStyle: {},\n      // 拖动节点过程中是否只改变 Combo 的大小，而不改变其结构\n      onlyChangeComboSize: false,\n      // 拖动过程中目标 combo 状态样式\n      activeState: '',\n      selectedState: 'selected'\n    };\n  },\n  getEvents: function getEvents() {\n    return {\n      'combo:dragstart': 'onDragStart',\n      'combo:drag': 'onDrag',\n      'combo:dragend': 'onDragEnd',\n      'combo:drop': 'onDrop',\n      'node:drop': 'onNodeDrop',\n      'combo:dragenter': 'onDragEnter',\n      'combo:dragleave': 'onDragLeave'\n    };\n  },\n  validationCombo: function validationCombo(evt) {\n    var item = evt.item;\n\n    if (!item || item.destroyed) {\n      return false;\n    }\n\n    if (!this.shouldUpdate(this, evt)) {\n      return false;\n    }\n\n    var type = item.getType();\n\n    if (type !== 'combo') {\n      return false;\n    }\n\n    return true;\n  },\n  onDragStart: function onDragStart(evt) {\n    var _this = this;\n\n    var graph = this.graph;\n    var item = evt.item;\n    if (!this.validationCombo(evt)) return;\n    this.targets = []; // 获取所有选中的 Combo\n\n    var combos = graph.findAllByState('combo', this.selectedState);\n    var currentCombo = item.get('id');\n    var dragCombos = combos.filter(function (combo) {\n      var comboId = combo.get('id');\n      return currentCombo === comboId;\n    });\n\n    if (dragCombos.length === 0) {\n      this.targets.push(item);\n    } else {\n      this.targets = combos;\n    }\n\n    if (this.activeState) {\n      this.targets.map(function (combo) {\n        var model = combo.getModel();\n\n        if (model.parentId) {\n          var parentCombo = graph.findById(model.parentId);\n\n          if (parentCombo) {\n            graph.setItemState(parentCombo, _this.activeState, true);\n          }\n        }\n      });\n    }\n\n    this.point = {};\n    this.originPoint = {};\n    this.origin = {\n      x: evt.x,\n      y: evt.y\n    };\n    this.currentItemChildCombos = [];\n    traverseCombo(item, function (param) {\n      if (param.destroyed) {\n        return false;\n      }\n\n      var model = param.getModel();\n\n      _this.currentItemChildCombos.push(model.id);\n\n      return true;\n    });\n  },\n  onDrag: function onDrag(evt) {\n    var _this = this;\n\n    if (!this.origin) {\n      return;\n    }\n\n    if (!this.validationCombo(evt)) return;\n\n    if (this.enableDelegate) {\n      this.updateDelegate(evt);\n    } else {\n      if (this.activeState) {\n        var graph_1 = this.graph;\n        var item = evt.item;\n        var model_1 = item.getModel(); // 拖动过程中实时计算距离\n\n        var combos = graph_1.getCombos();\n        var sourceBBox = item.getBBox();\n        var centerX_1 = sourceBBox.centerX,\n            centerY_1 = sourceBBox.centerY,\n            width_1 = sourceBBox.width; // 参与计算的 Combo，需要排除掉：\n        // 1、拖动 combo 自己\n        // 2、拖动 combo 的 parent\n        // 3、拖动 Combo 的 children\n\n        var calcCombos = combos.filter(function (combo) {\n          var cmodel = combo.getModel(); // 被拖动的是最外层的 Combo，无 parent，排除自身和子元素\n\n          if (!model_1.parentId) {\n            return cmodel.id !== model_1.id && !_this.currentItemChildCombos.includes(cmodel.id);\n          }\n\n          return cmodel.id !== model_1.id && !_this.currentItemChildCombos.includes(cmodel.id);\n        });\n        calcCombos.map(function (combo) {\n          var _a = combo.getBBox(),\n              cx = _a.centerX,\n              cy = _a.centerY,\n              w = _a.width; // 拖动的 combo 和要进入的 combo 之间的距离\n\n\n          var disX = centerX_1 - cx;\n          var disY = centerY_1 - cy; // 圆心距离\n\n          var distance = 2 * Math.sqrt(disX * disX + disY * disY);\n\n          if (width_1 + w - distance > 0.8 * width_1) {\n            graph_1.setItemState(combo, _this.activeState, true);\n          } else {\n            graph_1.setItemState(combo, _this.activeState, false);\n          }\n        });\n      }\n\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(this.targets, function (item) {\n        _this.updateCombo(item, evt);\n      });\n    }\n  },\n  updatePositions: function updatePositions(evt) {\n    var _this = this; // 当启用 delegate 时，拖动结束时需要更新 combo\n\n\n    if (this.enableDelegate) {\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(this.targets, function (item) {\n        _this.updateCombo(item, evt);\n      });\n    }\n  },\n  onDrop: function onDrop(evt) {\n    var _this = this; // 被放下的目标 combo\n\n\n    var item = evt.item;\n\n    if (!item || !this.targets || item.destroyed) {\n      return;\n    }\n\n    this.updatePositions(evt);\n    var graph = this.graph;\n    var targetModel = item.getModel();\n    this.targets.map(function (combo) {\n      var model = combo.getModel();\n\n      if (model.parentId !== targetModel.id) {\n        if (_this.activeState) {\n          graph.setItemState(item, _this.activeState, false);\n        } // 将 Combo 放置到某个 Combo 上面时，只有当 onlyChangeComboSize 为 false 时候才更新 Combo 结构\n\n\n        if (!_this.onlyChangeComboSize) {\n          graph.updateComboTree(combo, targetModel.id);\n        } else {\n          graph.updateCombo(combo);\n        }\n      } else {\n        graph.updateCombo(item);\n      }\n    });\n    this.end(item, evt); // 如果已经拖放下了，则不需要再通过距离判断了\n\n    this.endComparison = true;\n  },\n  onNodeDrop: function onNodeDrop(evt) {\n    var _this = this;\n\n    if (!this.targets || this.targets.length === 0) return;\n    this.updatePositions(evt);\n    var graph = this.graph;\n    var item = evt.item;\n    var comboId = item.getModel().comboId;\n    var droppedCombo; // 如果被放置的的节点有 comboId，且这个 comboId 与正在被拖拽的 combo 的父 id 不相同，则更新父亲为 comboId\n\n    if (comboId) {\n      if (this.activeState) {\n        var combo = graph.findById(comboId);\n        graph.setItemState(combo, this.activeState, false);\n      }\n\n      this.targets.map(function (combo) {\n        if (!_this.onlyChangeComboSize) {\n          if (comboId !== combo.getID()) {\n            droppedCombo = graph.findById(comboId);\n            if (comboId !== combo.getModel().parentId) graph.updateComboTree(combo, comboId);\n          }\n        } else {\n          graph.updateCombo(combo);\n        }\n      });\n    } else {\n      // 如果被放置的节点没有 comboId，且正在被拖拽的 combo 有父 id，则更新父亲为 undefined\n      this.targets.map(function (combo) {\n        if (!_this.onlyChangeComboSize) {\n          var model = combo.getModel();\n\n          if (model.comboId) {\n            graph.updateComboTree(combo);\n          }\n        } else {\n          graph.updateCombo(combo);\n        }\n      });\n    } // 如果已经拖放下了，则不需要再通过距离判断了\n\n\n    this.endComparison = true;\n    this.end(droppedCombo, evt);\n  },\n  onDragEnter: function onDragEnter(evt) {\n    if (!this.origin) {\n      return;\n    }\n\n    if (!this.validationCombo(evt)) return;\n    var item = evt.item;\n    var graph = this.graph;\n\n    if (this.activeState) {\n      graph.setItemState(item, this.activeState, true);\n    }\n  },\n  onDragLeave: function onDragLeave(evt) {\n    if (!this.origin) {\n      return;\n    }\n\n    if (!this.validationCombo(evt)) return;\n    var item = evt.item;\n    var graph = this.graph;\n\n    if (this.activeState) {\n      graph.setItemState(item, this.activeState, false);\n    }\n  },\n  onDragEnd: function onDragEnd(evt) {\n    if (!this.targets || this.targets.length === 0) return;\n    var item = evt.item;\n    this.updatePositions(evt);\n    var parentCombo = this.getParentCombo(item.getModel().parentId);\n    var graph = this.graph;\n\n    if (parentCombo && this.activeState) {\n      graph.setItemState(parentCombo, this.activeState, false);\n    }\n\n    this.end(undefined, evt);\n  },\n  end: function end(comboDropedOn, evt) {\n    var _this = this;\n\n    if (!this.origin) return;\n    var graph = this.graph; // 删除delegate shape\n\n    if (this.delegateShape) {\n      var delegateGroup = graph.get('delegateGroup');\n      delegateGroup.clear();\n      this.delegateShape = null;\n    }\n\n    if (comboDropedOn && this.activeState) {\n      graph.setItemState(comboDropedOn, this.activeState, false);\n    } // 若没有被放置的 combo，则是被放置在画布上\n\n\n    if (!comboDropedOn) {\n      this.targets.map(function (combo) {\n        // 将 Combo 放置到某个 Combo 上面时，只有当 onlyChangeComboSize 为 false 时候才更新 Combo 结构\n        if (!_this.onlyChangeComboSize) {\n          graph.updateComboTree(combo);\n        } else {\n          graph.updateCombo(combo);\n        }\n      });\n    }\n\n    this.point = [];\n    this.origin = null;\n    this.originPoint = null;\n    this.targets.length = 0;\n  },\n\n  /**\n   * 遍历 comboTree，分别更新 node 和 combo\n   * @param data\n   * @param fn\n   */\n  traverse: function traverse(data, fn) {\n    var _this = this;\n\n    if (fn(data) === false) {\n      return;\n    }\n\n    if (data) {\n      var combos = data.get('combos');\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(combos, function (child) {\n        _this.traverse(child, fn);\n      });\n      var nodes = data.get('nodes');\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"each\"])(nodes, function (child) {\n        _this.traverse(child, fn);\n      });\n    }\n  },\n  updateCombo: function updateCombo(item, evt) {\n    var _this = this;\n\n    this.traverse(item, function (param) {\n      if (param.destroyed) {\n        return false;\n      }\n\n      _this.updateSignleItem(param, evt);\n\n      return true;\n    });\n  },\n\n  /**\n   *\n   * @param item 当前正在拖动的元素\n   * @param evt\n   */\n  updateSignleItem: function updateSignleItem(item, evt) {\n    var origin = this.origin;\n    var graph = this.graph;\n    var model = item.getModel();\n    var itemId = item.get('id');\n\n    if (!this.point[itemId]) {\n      this.point[itemId] = {\n        x: model.x,\n        y: model.y\n      };\n    }\n\n    var x = evt.x - origin.x + this.point[itemId].x;\n    var y = evt.y - origin.y + this.point[itemId].y;\n    graph.updateItem(item, {\n      x: x,\n      y: y\n    });\n  },\n\n  /**\n   * 根据 ID 获取父 Combo\n   * @param parentId 父 Combo ID\n   */\n  getParentCombo: function getParentCombo(parentId) {\n    var graph = this.graph;\n\n    if (!parentId) {\n      return undefined;\n    }\n\n    var parentCombo = graph.findById(parentId);\n\n    if (!parentCombo) {\n      return undefined;\n    }\n\n    return parentCombo;\n  },\n  updateDelegate: function updateDelegate(evt) {\n    var graph = this.graph; // 当没有 delegate shape 时创建\n\n    if (!this.delegateShape) {\n      var delegateGroup = graph.get('delegateGroup');\n      var bbox = null;\n\n      if (this.targets.length > 1) {\n        bbox = calculationItemsBBox(this.targets);\n      } else {\n        bbox = this.targets[0].getBBox();\n      }\n\n      var x = bbox.x,\n          y = bbox.y,\n          width = bbox.width,\n          height = bbox.height,\n          minX = bbox.minX,\n          minY = bbox.minY;\n      this.originPoint = {\n        x: x,\n        y: y,\n        width: width,\n        height: height,\n        minX: minX,\n        minY: minY\n      };\n\n      var attrs = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _global__WEBPACK_IMPORTED_MODULE_3__[\"default\"].delegateStyle), this.delegateStyle);\n\n      this.delegateShape = delegateGroup.addShape('rect', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          width: bbox.width,\n          height: bbox.height,\n          x: bbox.x,\n          y: bbox.y\n        }, attrs),\n        name: 'combo-delegate-shape'\n      });\n      this.delegate = this.delegateShape;\n    } else {\n      var clientX = evt.x - this.origin.x + this.originPoint.minX;\n      var clientY = evt.y - this.origin.y + this.originPoint.minY;\n      this.delegateShape.attr({\n        x: clientX,\n        y: clientY\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-combo.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-node.js":
+/*!******************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-node.js ***!
+  \******************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/global.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      updateEdge: true,\n      delegateStyle: {},\n      // 是否开启delegate\n      enableDelegate: false,\n      // 拖动节点过程中是否只改变 Combo 的大小，而不改变其结构\n      onlyChangeComboSize: false,\n      // 拖动过程中目标 combo 状态样式\n      comboActiveState: '',\n      selectedState: 'selected',\n      enableOptimize: false,\n      enableDebounce: false\n    };\n  },\n  getEvents: function getEvents() {\n    return {\n      'node:dragstart': 'onDragStart',\n      'node:drag': 'onDrag',\n      'node:dragend': 'onDragEnd',\n      'combo:dragenter': 'onDragEnter',\n      'combo:dragleave': 'onDragLeave',\n      'combo:drop': 'onDropCombo',\n      'node:drop': 'onDropNode',\n      'canvas:drop': 'onDropCanvas'\n    };\n  },\n  validationCombo: function validationCombo(item) {\n    if (!this.origin || !item || item.destroyed) {\n      return false;\n    }\n\n    var type = item.getType();\n\n    if (type !== 'combo') {\n      return false;\n    }\n\n    return true;\n  },\n\n  /**\n   * 开始拖动节点\n   * @param evt\n   */\n  onDragStart: function onDragStart(evt) {\n    var _this = this;\n\n    if (!this.shouldBegin.call(this, evt)) {\n      return;\n    }\n\n    var item = evt.item;\n\n    if (!item || item.destroyed || item.hasLocked()) {\n      return;\n    } // 拖动时，设置拖动元素的 capture 为false，则不拾取拖动的元素\n\n\n    var group = item.getContainer();\n    group.set('capture', false); // 如果拖动的target 是linkPoints / anchorPoints 则不允许拖动\n\n    var target = evt.target;\n\n    if (target) {\n      var isAnchorPoint = target.get('isAnchorPoint');\n\n      if (isAnchorPoint) {\n        return;\n      }\n    }\n\n    var graph = this.graph;\n    this.targets = []; // 将节点拖入到指定的 Combo\n\n    this.targetCombo = null; // 获取所有选中的元素\n\n    var nodes = graph.findAllByState('node', this.selectedState);\n    var currentNodeId = item.get('id'); // 当前拖动的节点是否是选中的节点\n\n    var dragNodes = nodes.filter(function (node) {\n      var nodeId = node.get('id');\n      return currentNodeId === nodeId;\n    }); // 只拖动当前节点\n\n    if (dragNodes.length === 0) {\n      this.targets.push(item);\n    } else if (nodes.length > 1) {\n      // 拖动多个节点\n      nodes.forEach(function (node) {\n        var locked = node.hasLocked();\n\n        if (!locked) {\n          _this.targets.push(node);\n        }\n      });\n    } else {\n      this.targets.push(item);\n    }\n\n    var beforeDragNodes = [];\n    this.targets.forEach(function (t) {\n      beforeDragNodes.push(Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(t.getModel()));\n    });\n    this.set('beforeDragNodes', beforeDragNodes);\n    this.hidenEdge = {};\n\n    if (this.get('updateEdge') && this.enableOptimize && !this.enableDelegate) {\n      this.targets.forEach(function (node) {\n        var edges = node.getEdges();\n        edges.forEach(function (edge) {\n          if (!edge.isVisible()) return;\n          _this.hidenEdge[edge] = true;\n          edge.hide();\n        });\n      });\n    }\n\n    this.origin = {\n      x: evt.x,\n      y: evt.y\n    };\n    this.point = {};\n    this.originPoint = {};\n  },\n\n  /**\n   * 持续拖动节点\n   * @param evt\n   */\n  onDrag: function onDrag(evt) {\n    var _this = this;\n\n    if (!this.origin) {\n      return;\n    }\n\n    if (!this.shouldUpdate(this, evt)) {\n      return;\n    }\n\n    if (this.get('enableDelegate')) {\n      this.updateDelegate(evt);\n    } else {\n      if (this.enableDebounce) this.debounceUpdate({\n        targets: this.targets,\n        graph: this.graph,\n        point: this.point,\n        origin: this.origin,\n        evt: evt,\n        updateEdge: this.get('updateEdge')\n      });else this.targets.map(function (target) {\n        _this.update(target, evt);\n      });\n    }\n  },\n\n  /**\n   * 拖动结束，设置拖动元素capture为true，更新元素位置，如果是拖动涉及到 combo，则更新 combo 结构\n   * @param evt\n   */\n  onDragEnd: function onDragEnd(evt) {\n    var _this = this;\n\n    if (!this.origin || !this.shouldEnd.call(this, evt)) {\n      return;\n    } // 拖动结束后，设置拖动元素 group 的 capture 为 true，允许拾取拖动元素\n\n\n    var item = evt.item;\n\n    if (item) {\n      var group = item.getContainer();\n      group.set('capture', true);\n    }\n\n    if (this.delegateRect) {\n      this.delegateRect.remove();\n      this.delegateRect = null;\n    }\n\n    this.updatePositions(evt);\n\n    if (this.get('updateEdge') && this.enableOptimize && !this.enableDelegate) {\n      this.targets.forEach(function (node) {\n        var edges = node.getEdges();\n        edges.forEach(function (edge) {\n          if (_this.hidenEdge[edge]) edge.show();\n          edge.refresh();\n        });\n      });\n    }\n\n    this.hidenEdge = {};\n    var graph = this.graph; // 拖动结束后，入栈\n\n    if (graph.get('enabledStack')) {\n      var stackData_1 = {\n        before: {\n          nodes: [],\n          edges: [],\n          combos: []\n        },\n        after: {\n          nodes: [],\n          edges: [],\n          combos: []\n        }\n      };\n      this.get('beforeDragNodes').forEach(function (model) {\n        stackData_1.before.nodes.push({\n          id: model.id,\n          x: model.x,\n          y: model.y\n        });\n      });\n      this.targets.forEach(function (target) {\n        var targetModel = target.getModel();\n        stackData_1.after.nodes.push({\n          id: targetModel.id,\n          x: targetModel.x,\n          y: targetModel.y\n        });\n      });\n      graph.pushStack('update', Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(stackData_1));\n    } // 拖动结束后emit事件，将当前操作的节点抛出去，目标节点为null\n\n\n    graph.emit('dragnodeend', {\n      items: this.targets,\n      targetItem: null\n    });\n    this.point = {};\n    this.origin = null;\n    this.originPoint = {};\n    this.targets.length = 0;\n    this.targetCombo = null;\n  },\n\n  /**\n   * 拖动过程中将节点放置到 combo 上\n   * @param evt\n   */\n  onDropCombo: function onDropCombo(evt) {\n    var item = evt.item;\n    if (!this.validationCombo(item)) return;\n    this.updatePositions(evt);\n    var graph = this.graph;\n\n    if (this.comboActiveState) {\n      graph.setItemState(item, this.comboActiveState, false);\n    }\n\n    this.targetCombo = item; // 拖动结束后是动态改变 Combo 大小还是将节点从 Combo 中删除\n\n    if (this.onlyChangeComboSize) {\n      // 拖动节点结束后，动态改变 Combo 的大小\n      graph.updateCombos();\n    } else {\n      var targetComboModel_1 = item.getModel();\n      this.targets.map(function (node) {\n        var nodeModel = node.getModel();\n\n        if (nodeModel.comboId !== targetComboModel_1.id) {\n          graph.updateComboTree(node, targetComboModel_1.id);\n        }\n      });\n      graph.updateCombo(item);\n    } // 将节点拖动到 combo 上面，emit事件抛出当前操作的节点及目标 combo\n\n\n    graph.emit('dragnodeend', {\n      items: this.targets,\n      targetItem: this.targetCombo\n    });\n  },\n  onDropCanvas: function onDropCanvas(evt) {\n    var graph = this.graph;\n    if (!this.targets || this.targets.length === 0) return;\n    this.updatePositions(evt);\n\n    if (this.onlyChangeComboSize) {\n      // 拖动节点结束后，动态改变 Combo 的大小\n      graph.updateCombos();\n    } else {\n      this.targets.map(function (node) {\n        // 拖动的节点有 comboId，即是从其他 combo 中拖出时才处理\n        var model = node.getModel();\n\n        if (model.comboId) {\n          graph.updateComboTree(node);\n        }\n      });\n    }\n  },\n\n  /**\n   * 拖动放置到某个 combo 中的子 node 上\n   * @param evt\n   */\n  onDropNode: function onDropNode(evt) {\n    if (!this.targets || this.targets.length === 0) return;\n    var self = this;\n    var item = evt.item;\n    this.updatePositions(evt);\n    var graph = self.graph;\n    var comboId = item.getModel().comboId;\n\n    if (comboId) {\n      if (this.onlyChangeComboSize) {\n        graph.updateCombos();\n      } else {\n        var combo = graph.findById(comboId);\n\n        if (self.comboActiveState) {\n          graph.setItemState(combo, self.comboActiveState, false);\n        }\n\n        this.targets.map(function (node) {\n          var nodeModel = node.getModel();\n\n          if (comboId !== nodeModel.comboId) {\n            graph.updateComboTree(node, comboId);\n          }\n        });\n        graph.updateCombo(combo);\n      }\n    } else {\n      this.targets.map(function (node) {\n        var model = node.getModel();\n\n        if (model.comboId) {\n          graph.updateComboTree(node);\n        }\n      });\n    } // 将节点拖动到另外个节点上面，emit 事件抛出当前操作的节点及目标节点\n\n\n    graph.emit('dragnodeend', {\n      items: this.targets,\n      targetItem: item\n    });\n  },\n\n  /**\n   * 将节点拖入到 Combo 中\n   * @param evt\n   */\n  onDragEnter: function onDragEnter(evt) {\n    var item = evt.item;\n    if (!this.validationCombo(item)) return;\n    var graph = this.graph;\n\n    if (this.comboActiveState) {\n      graph.setItemState(item, this.comboActiveState, true);\n    }\n  },\n\n  /**\n   * 将节点从 Combo 中拖出\n   * @param evt\n   */\n  onDragLeave: function onDragLeave(evt) {\n    var item = evt.item;\n    if (!this.validationCombo(item)) return;\n    var graph = this.graph;\n\n    if (this.comboActiveState) {\n      graph.setItemState(item, this.comboActiveState, false);\n    }\n  },\n  updatePositions: function updatePositions(evt) {\n    var _this = this;\n\n    if (!this.targets || this.targets.length === 0) return; // 当开启 delegate 时，拖动结束后需要更新所有已选中节点的位置\n\n    if (this.get('enableDelegate')) {\n      if (this.enableDebounce) this.debounceUpdate({\n        targets: this.targets,\n        graph: this.graph,\n        point: this.point,\n        origin: this.origin,\n        evt: evt,\n        updateEdge: this.get('updateEdge'),\n        updateFunc: this.update\n      });else this.targets.map(function (node) {\n        return _this.update(node, evt);\n      });\n    }\n  },\n\n  /**\n   * 更新节点\n   * @param item 拖动的节点实例\n   * @param evt\n   */\n  update: function update(item, evt) {\n    var origin = this.origin;\n    var model = item.get('model');\n    var nodeId = item.get('id');\n\n    if (!this.point[nodeId]) {\n      this.point[nodeId] = {\n        x: model.x || 0,\n        y: model.y || 0\n      };\n    }\n\n    var x = evt.x - origin.x + this.point[nodeId].x;\n    var y = evt.y - origin.y + this.point[nodeId].y;\n    var pos = {\n      x: x,\n      y: y\n    };\n\n    if (this.get('updateEdge')) {\n      this.graph.updateItem(item, pos, false);\n    } else {\n      item.updatePosition(pos);\n    }\n  },\n\n  /**\n   * 限流更新节点\n   * @param item 拖动的节点实例\n   * @param evt\n   */\n  debounceUpdate: Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"debounce\"])(function (event) {\n    var targets = event.targets,\n        graph = event.graph,\n        point = event.point,\n        origin = event.origin,\n        evt = event.evt,\n        updateEdge = event.updateEdge,\n        updateFunc = event.updateFunc;\n    targets.map(function (item) {\n      var model = item.get('model');\n      var nodeId = item.get('id');\n\n      if (!point[nodeId]) {\n        point[nodeId] = {\n          x: model.x || 0,\n          y: model.y || 0\n        };\n      }\n\n      var x = evt.x - origin.x + point[nodeId].x;\n      var y = evt.y - origin.y + point[nodeId].y;\n      var pos = {\n        x: x,\n        y: y\n      };\n\n      if (updateEdge) {\n        graph.updateItem(item, pos, false);\n      } else {\n        item.updatePosition(pos);\n      }\n    });\n  }, 50, true),\n\n  /**\n   * 更新拖动元素时的delegate\n   * @param {Event} e 事件句柄\n   * @param {number} x 拖动单个元素时候的x坐标\n   * @param {number} y 拖动单个元素时候的y坐标\n   */\n  updateDelegate: function updateDelegate(e) {\n    var graph = this.graph;\n\n    if (!this.delegateRect) {\n      // 拖动多个\n      var parent_1 = graph.get('group');\n      var attrs = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"deepMix\"])({}, _global__WEBPACK_IMPORTED_MODULE_2__[\"default\"].delegateStyle, this.delegateStyle);\n\n      var _a = this.calculationGroupPosition(e),\n          cx = _a.x,\n          cy = _a.y,\n          width = _a.width,\n          height = _a.height,\n          minX = _a.minX,\n          minY = _a.minY;\n\n      this.originPoint = {\n        x: cx,\n        y: cy,\n        width: width,\n        height: height,\n        minX: minX,\n        minY: minY\n      }; // model上的x, y是相对于图形中心的，delegateShape是g实例，x,y是绝对坐标\n\n      this.delegateRect = parent_1.addShape('rect', {\n        attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n          width: width,\n          height: height,\n          x: cx,\n          y: cy\n        }, attrs),\n        name: 'rect-delegate-shape'\n      });\n      this.delegate = this.delegateRect;\n      this.delegateRect.set('capture', false);\n    } else {\n      var clientX = e.x - this.origin.x + this.originPoint.minX;\n      var clientY = e.y - this.origin.y + this.originPoint.minY;\n      this.delegateRect.attr({\n        x: clientX,\n        y: clientY\n      });\n    }\n  },\n\n  /**\n   * 计算delegate位置，包括左上角左边及宽度和高度\n   * @memberof ItemGroup\n   * @return {object} 计算出来的delegate坐标信息及宽高\n   */\n  calculationGroupPosition: function calculationGroupPosition(evt) {\n    var nodes = this.targets;\n\n    if (nodes.length === 0) {\n      nodes.push(evt.item);\n    }\n\n    var minx = Infinity;\n    var maxx = -Infinity;\n    var miny = Infinity;\n    var maxy = -Infinity; // 获取已节点的所有最大最小x y值\n\n    for (var i = 0; i < nodes.length; i++) {\n      var element = nodes[i];\n      var bbox = element.getBBox();\n      var minX = bbox.minX,\n          minY = bbox.minY,\n          maxX = bbox.maxX,\n          maxY = bbox.maxY;\n\n      if (minX < minx) {\n        minx = minX;\n      }\n\n      if (minY < miny) {\n        miny = minY;\n      }\n\n      if (maxX > maxx) {\n        maxx = maxX;\n      }\n\n      if (maxY > maxy) {\n        maxy = maxY;\n      }\n    }\n\n    var x = Math.floor(minx);\n    var y = Math.floor(miny);\n    var width = Math.ceil(maxx) - Math.floor(minx);\n    var height = Math.ceil(maxy) - Math.floor(miny);\n    return {\n      x: x,\n      y: y,\n      width: width,\n      height: height,\n      minX: minx,\n      minY: miny\n    };\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-node.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/edge-tooltip.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/edge-tooltip.js ***!
+  \*********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _tooltip_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tooltip-base */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/tooltip-base.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      item: 'edge',\n      offset: 12,\n      formatText: function formatText(model) {\n        return \"source: \" + model.source + \" target: \" + model.target;\n      }\n    };\n  },\n  getEvents: function getEvents() {\n    return {\n      'edge:mouseenter': 'onMouseEnter',\n      'edge:mouseleave': 'onMouseLeave',\n      'edge:mousemove': 'onMouseMove',\n      afterremoveitem: 'onMouseLeave'\n    };\n  }\n}, _tooltip_base__WEBPACK_IMPORTED_MODULE_1__[\"default\"]));\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/edge-tooltip.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/index.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/index.js ***!
+  \**************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _drag_canvas__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./drag-canvas */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-canvas.js\");\n/* harmony import */ var _drag_node__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./drag-node */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-node.js\");\n/* harmony import */ var _activate_relations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./activate-relations */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/activate-relations.js\");\n/* harmony import */ var _brush_select__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./brush-select */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/brush-select.js\");\n/* harmony import */ var _click_select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./click-select */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/click-select.js\");\n/* harmony import */ var _zoom_canvas__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./zoom-canvas */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/zoom-canvas.js\");\n/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tooltip */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/tooltip.js\");\n/* harmony import */ var _edge_tooltip__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./edge-tooltip */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/edge-tooltip.js\");\n/* harmony import */ var _collapse_expand__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./collapse-expand */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/collapse-expand.js\");\n/* harmony import */ var _drag_combo__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./drag-combo */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/drag-combo.js\");\n/* harmony import */ var _collapse_expand_combo__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./collapse-expand-combo */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/collapse-expand-combo.js\");\n/* harmony import */ var _lasso_select__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./lasso-select */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/lasso-select.js\");\n/* harmony import */ var _create_edge__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./create-edge */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/create-edge.js\");\n/* harmony import */ var _shortcuts_call__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./shortcuts-call */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/shortcuts-call.js\");\n\n // import Behavior from './behavior';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar behaviors = {\n  'drag-canvas': _drag_canvas__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  'zoom-canvas': _zoom_canvas__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  'drag-node': _drag_node__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  'activate-relations': _activate_relations__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  'brush-select': _brush_select__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  'click-select': _click_select__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n  'lasso-select': _lasso_select__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n  tooltip: _tooltip__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n  'edge-tooltip': _edge_tooltip__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n  'collapse-expand': _collapse_expand__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n  'drag-combo': _drag_combo__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n  'collapse-expand-combo': _collapse_expand_combo__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n  'create-edge': _create_edge__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n  'shortcuts-call': _shortcuts_call__WEBPACK_IMPORTED_MODULE_15__[\"default\"]\n};\nObject(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(behaviors, function (behavior, type) {\n  Object(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"registerBehavior\"])(type, behavior);\n}); // export default Behavior;\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/lasso-select.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/lasso-select.js ***!
+  \*********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/index.js\");\n\n\nvar isPolygonsIntersect = _util__WEBPACK_IMPORTED_MODULE_1__[\"default\"].isPolygonsIntersect,\n    pathToPoints = _util__WEBPACK_IMPORTED_MODULE_1__[\"default\"].pathToPoints;\nvar DEFAULT_TRIGGER = 'shift';\nvar ALLOW_EVENTS = ['drag', 'shift', 'ctrl', 'alt', 'control'];\n\nvar isItemIntersecPolygon = function isItemIntersecPolygon(item, polyPoints) {\n  var shapePoints;\n  var shape = item.getKeyShape();\n\n  if (item.get('type') === 'path') {\n    shapePoints = pathToPoints(shape.attr('path'));\n  } else {\n    var shapeBBox = shape.getCanvasBBox();\n    shapePoints = [[shapeBBox.minX, shapeBBox.minY], [shapeBBox.maxX, shapeBBox.minY], [shapeBBox.maxX, shapeBBox.maxY], [shapeBBox.minX, shapeBBox.maxY]];\n  }\n\n  return isPolygonsIntersect(polyPoints, shapePoints);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      delegateStyle: {\n        fill: '#EEF6FF',\n        fillOpacity: 0.4,\n        stroke: '#DDEEFE',\n        lineWidth: 1\n      },\n      onSelect: function onSelect() {},\n      onDeselect: function onDeselect() {},\n      selectedState: 'selected',\n      trigger: DEFAULT_TRIGGER,\n      includeEdges: true,\n      selectedEdges: [],\n      selectedNodes: [] // multiple: false,\n\n    };\n  },\n  getEvents: function getEvents() {\n    // 检测输入是否合法\n    if (!(ALLOW_EVENTS.indexOf(this.trigger.toLowerCase()) > -1)) {\n      this.trigger = DEFAULT_TRIGGER;\n      console.warn(\"Behavior lasso-select 的 trigger 参数不合法，请输入 'drag'、'shift'、'ctrl' 或 'alt'\");\n    }\n\n    if (this.trigger === 'drag') {\n      return {\n        dragstart: 'onDragStart',\n        drag: 'onDragMove',\n        dragend: 'onDragEnd',\n        'canvas:click': 'clearStates'\n      };\n    }\n\n    return {\n      dragstart: 'onDragStart',\n      drag: 'onDragMove',\n      dragend: 'onDragEnd',\n      keyup: 'onKeyUp',\n      keydown: 'onKeyDown',\n      'canvas:click': 'clearStates'\n    };\n  },\n  onDragStart: function onDragStart(e) {\n    var lasso = this.lasso;\n    var item = e.item; // 排除在节点上拖动\n\n    if (item) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    if (this.selectedNodes && this.selectedNodes.length !== 0) {\n      this.clearStates();\n    }\n\n    if (!lasso) {\n      lasso = this.createLasso();\n    }\n\n    this.dragging = true;\n    this.originPoint = {\n      x: e.x,\n      y: e.y\n    };\n    this.points.push(this.originPoint);\n    lasso.show();\n  },\n  onDragMove: function onDragMove(e) {\n    if (!this.dragging) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    this.points.push({\n      x: e.x,\n      y: e.y\n    });\n    this.updateLasso(e);\n  },\n  onDragEnd: function onDragEnd(e) {\n    if (!this.lasso && !this.dragging) {\n      return;\n    }\n\n    if (this.trigger !== 'drag' && !this.keydown) {\n      return;\n    }\n\n    this.points.push(this.originPoint);\n    this.getSelectedItems();\n    this.lasso.remove(true);\n    this.lasso = null;\n    this.points = [];\n    this.dragging = false;\n  },\n  getLassoPath: function getLassoPath() {\n    var points = this.points;\n    var path = [];\n\n    if (points.length) {\n      points.forEach(function (point, index) {\n        if (index === 0) {\n          path.push(['M', point.x, point.y]);\n        } else {\n          path.push(['L', point.x, point.y]);\n        }\n      });\n      path.push(['L', points[0].x, points[0].y]);\n    }\n\n    return path;\n  },\n  clearStates: function clearStates() {\n    var _a = this,\n        graph = _a.graph,\n        selectedState = _a.selectedState;\n\n    var nodes = graph.findAllByState('node', selectedState);\n    var edges = graph.findAllByState('edge', selectedState);\n    nodes.forEach(function (node) {\n      return graph.setItemState(node, selectedState, false);\n    });\n    edges.forEach(function (edge) {\n      return graph.setItemState(edge, selectedState, false);\n    });\n\n    if (this.onDeselect) {\n      this.onDeselect(this.selectedNodes, this.selectedEdges);\n    }\n\n    this.selectedNodes = [];\n    this.selectedEdges = [];\n    graph.emit('nodeselectchange', {\n      selectedItems: {\n        nodes: [],\n        edges: []\n      },\n      select: false\n    });\n  },\n  getSelectedItems: function getSelectedItems() {\n    var _this = this;\n\n    var _a = this,\n        graph = _a.graph,\n        shouldUpdate = _a.shouldUpdate;\n\n    var lassoContour = this.points.map(function (point) {\n      return [graph.getCanvasByPoint(point.x, point.y).x, graph.getCanvasByPoint(point.x, point.y).y];\n    });\n    var state = this.selectedState;\n    var selectedNodes = [];\n    var selectedIds = [];\n    graph.getNodes().forEach(function (node) {\n      if (isItemIntersecPolygon(node, lassoContour)) {\n        if (shouldUpdate(node, 'select')) {\n          selectedNodes.push(node);\n          var model = node.getModel();\n          selectedIds.push(model.id);\n          graph.setItemState(node, state, true);\n        }\n      }\n    });\n    var selectedEdges = [];\n\n    if (this.includeEdges) {\n      // 选中边，边的source和target都在选中的节点中时才选中\n      selectedNodes.forEach(function (node) {\n        var edges = node.getOutEdges();\n        edges.forEach(function (edge) {\n          var model = edge.getModel();\n          var source = model.source,\n              target = model.target;\n\n          if (selectedIds.includes(source) && selectedIds.includes(target) && shouldUpdate(edge, 'select')) {\n            selectedEdges.push(edge);\n            graph.setItemState(edge, _this.selectedState, true);\n          }\n        });\n      });\n    }\n\n    this.selectedEdges = selectedEdges;\n    this.selectedNodes = selectedNodes;\n\n    if (this.onSelect) {\n      this.onSelect(selectedNodes, selectedEdges);\n    }\n\n    graph.emit('nodeselectchange', {\n      selectedItems: {\n        nodes: selectedNodes,\n        edges: selectedEdges\n      },\n      select: true\n    });\n  },\n  createLasso: function createLasso() {\n    var self = this;\n    var lasso = self.graph.get('delegateGroup').addShape('path', {\n      attrs: Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n        path: []\n      }, self.delegateStyle),\n      capture: false,\n      name: 'lasso-shape'\n    });\n    this.lasso = lasso;\n    this.delegate = lasso;\n    this.points = [];\n    return lasso;\n  },\n  updateLasso: function updateLasso(e) {\n    var self = this;\n    this.lasso.attr({\n      path: self.getLassoPath()\n    });\n  },\n  onKeyDown: function onKeyDown(e) {\n    var code = e.key;\n\n    if (!code) {\n      return;\n    } // if (this.selectedNodes && this.selectedNodes.length !== 0) {\n    //   this.clearStates();\n    // }\n\n\n    if (code.toLowerCase() === this.trigger.toLowerCase()) {\n      this.keydown = true;\n    } else {\n      this.keydown = false;\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    if (this.lasso) {\n      // 清除所有选中状态后，设置拖得动状态为false，并清除框选的lasso\n      this.lasso.remove(true);\n      this.lasso = null;\n      this.points = [];\n      this.dragging = false;\n    }\n\n    this.keydown = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/lasso-select.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/shortcuts-call.js":
+/*!***********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/shortcuts-call.js ***!
+  \***********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\nvar DEFAULT_TRIGGER = 'ctrl';\nvar ALLOW_EVENTS = ['shift', 'ctrl', 'alt', 'control'];\nvar DEFAULT_COMBINED_KEY = '1';\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      trigger: DEFAULT_TRIGGER,\n      combinedKey: DEFAULT_COMBINED_KEY,\n      functionName: 'fitView',\n      functionParams: []\n    };\n  },\n  getEvents: function getEvents() {\n    // 检测输入是否合法\n    if (!(ALLOW_EVENTS.indexOf(this.trigger.toLowerCase()) > -1)) {\n      this.trigger = DEFAULT_TRIGGER;\n      console.warn(\"Behavior shortcuts-fit-view \\u7684 trigger \\u53C2\\u6570 '\" + this.trigger + \"' \\u4E0D\\u5408\\u6CD5\\uFF0C\\u8BF7\\u8F93\\u5165 'drag'\\u3001'shift'\\u3001'ctrl' \\u6216 'alt'\");\n    }\n\n    if (this.combinedKey === this.trigger) {\n      this.combinedKey = undefined;\n    }\n\n    return {\n      keyup: 'onKeyUp',\n      keydown: 'onKeyDown'\n    };\n  },\n  onKeyDown: function onKeyDown(e) {\n    var code = e.key;\n\n    if (!code) {\n      return;\n    }\n\n    var triggerLowerCase = this.trigger.toLowerCase();\n    var codeLowerCase = code.toLowerCase(); // 按住 control 键时，允许用户设置 trigger 为 ctrl\n\n    if (!this.triggerKeydown) {\n      if (codeLowerCase === triggerLowerCase || codeLowerCase === 'control' && triggerLowerCase === 'ctrl' || codeLowerCase === 'ctrl' && triggerLowerCase === 'control') {\n        this.triggerKeydown = true;\n      } else {\n        this.triggerKeydown = false;\n      }\n    }\n\n    var graph = this.graph;\n\n    if (!graph[this.functionName]) {\n      console.warn(\"Behavior shortcuts-fit-view \\u7684 functionName \\u53C2\\u6570 '\" + this.functionName + \"' \\u4E0D\\u5408\\u6CD5\\uFF0C\\u5B83\\u4E0D\\u662F Graph \\u7684\\u4E00\\u4E2A\\u51FD\\u6570\\u540D\");\n      return {};\n    } // 未配置 combinedKey，直接 fitView\n\n\n    if (this.triggerKeydown && !this.combinedKey) {\n      if (this.functionParams && this.functionParams.length) graph[this.functionName].apply(graph, this.functionParams);else graph[this.functionName]();\n      return;\n    }\n\n    var combinedKeyLowerCase = this.combinedKey.toLowerCase();\n\n    if (this.triggerKeydown) {\n      if (codeLowerCase === combinedKeyLowerCase || codeLowerCase === 'control' && combinedKeyLowerCase === 'ctrl' || codeLowerCase === 'ctrl' && combinedKeyLowerCase === 'control') {\n        if (this.functionParams && this.functionParams.length) graph[this.functionName].apply(graph, this.functionParams);else graph[this.functionName]();\n      }\n    }\n  },\n  onKeyUp: function onKeyUp() {\n    if (this.brush) {\n      // 清除所有选中状态后，设置拖得动状态为false，并清除框选的brush\n      this.brush.remove(true);\n      this.brush = null;\n      this.dragging = false;\n    }\n\n    this.triggerKeydown = false;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/shortcuts-call.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/tooltip-base.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/tooltip-base.js ***!
+  \*********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  onMouseEnter: function onMouseEnter(e) {\n    var item = e.item;\n    this.currentTarget = item;\n    this.showTooltip(e);\n    this.graph.emit('tooltipchange', {\n      item: e.item,\n      action: 'show'\n    });\n  },\n  onMouseMove: function onMouseMove(e) {\n    if (!this.shouldUpdate(e)) {\n      this.hideTooltip();\n      return;\n    }\n\n    if (!this.currentTarget || e.item !== this.currentTarget) {\n      return;\n    }\n\n    this.updatePosition(e);\n  },\n  onMouseLeave: function onMouseLeave(e) {\n    if (!this.shouldEnd(e)) {\n      return;\n    }\n\n    this.hideTooltip();\n    this.graph.emit('tooltipchange', {\n      item: this.currentTarget,\n      action: 'hide'\n    });\n    this.currentTarget = null;\n  },\n  showTooltip: function showTooltip(e) {\n    var container = this.container;\n\n    if (!e.item || e.item.destroyed) {\n      return;\n    }\n\n    if (!container) {\n      container = this.createTooltip(this.graph.get('canvas'));\n      this.container = container;\n    }\n\n    var text = this.formatText(e.item.get('model'), e);\n    container.innerHTML = text;\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(this.container, {\n      visibility: 'visible'\n    });\n    this.updatePosition(e);\n  },\n  hideTooltip: function hideTooltip() {\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(this.container, {\n      visibility: 'hidden'\n    });\n  },\n  updatePosition: function updatePosition(e) {\n    var shouldBegin = this.get('shouldBegin');\n\n    var _a = this,\n        width = _a.width,\n        height = _a.height,\n        container = _a.container,\n        graph = _a.graph;\n\n    if (!shouldBegin(e)) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(container, {\n        visibility: 'hidden'\n      });\n      return;\n    }\n\n    var point = graph.getPointByClient(e.clientX, e.clientY);\n\n    var _b = graph.getCanvasByPoint(point.x, point.y),\n        x = _b.x,\n        y = _b.y;\n\n    var bbox = container.getBoundingClientRect();\n\n    if (x > width / 2) {\n      x -= bbox.width;\n    } else {\n      x += this.offset;\n    }\n\n    if (y > height / 2) {\n      y -= bbox.height;\n    } else {\n      y += this.offset;\n    }\n\n    var left = x + \"px\";\n    var top = y + \"px\";\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(this.container, {\n      left: left,\n      top: top,\n      visibility: 'visible'\n    });\n  },\n  createTooltip: function createTooltip(canvas) {\n    var el = canvas.get('el');\n    el.style.position = 'relative';\n    var container = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(\"<div class=\\\"g6-tooltip g6-\" + this.item + \"-tooltip\\\"></div>\");\n    el.parentNode.appendChild(container);\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(container, {\n      position: 'absolute',\n      visibility: 'visible'\n    });\n    this.width = canvas.get('width');\n    this.height = canvas.get('height');\n    this.container = container;\n    this.graph.get('tooltips').push(container);\n    return container;\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/tooltip-base.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/tooltip.js":
+/*!****************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/tooltip.js ***!
+  \****************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _tooltip_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tooltip-base */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/tooltip-base.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      item: 'node',\n      offset: 12,\n      formatText: function formatText(model) {\n        return model.label;\n      }\n    };\n  },\n  getEvents: function getEvents() {\n    return {\n      'node:mouseenter': 'onMouseEnter',\n      'node:mouseleave': 'onMouseLeave',\n      'node:mousemove': 'onMouseMove',\n      afterremoveitem: 'onMouseLeave'\n    };\n  }\n}, _tooltip_base__WEBPACK_IMPORTED_MODULE_1__[\"default\"]));\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/tooltip.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/zoom-canvas.js":
+/*!********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/zoom-canvas.js ***!
+  \********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.0.4@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_0__[\"ext\"].transform;\nvar DELTA = 0.05;\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  getDefaultCfg: function getDefaultCfg() {\n    return {\n      sensitivity: 2,\n      minZoom: undefined,\n      maxZoom: undefined,\n      enableOptimize: false,\n      optimizeZoom: 0.1,\n      fixSelectedItems: {\n        fixAll: false,\n        fixLineWidth: false,\n        fixLabel: false,\n        fixState: 'selected'\n      }\n    };\n  },\n  getEvents: function getEvents() {\n    var fixSelectedItems = this.fixSelectedItems;\n    if (!fixSelectedItems.fixState) fixSelectedItems.fixState = 'selected';\n\n    if (fixSelectedItems.fixAll) {\n      fixSelectedItems.fixLineWidth = true;\n      fixSelectedItems.fixLabel = true;\n    }\n\n    return {\n      wheel: 'onWheel',\n      touchstart: 'onTouchStart',\n      touchmove: 'onTouchMove',\n      touchend: 'onTouchEnd'\n    };\n  },\n  onTouchStart: function onTouchStart(evt) {\n    var touches = evt.originalEvent.touches;\n    var event1 = touches[0];\n    var event2 = touches[1];\n    evt.preventDefault(); // 如果不是缩放事件则禁止继续执行\n\n    if (!event2) {\n      return;\n    }\n\n    if (this.shouldBegin && !this.shouldBegin.call(this, evt)) {\n      return;\n    } // 第一个触摸点位置\n\n\n    this.startPoint = {\n      pageX: event1.pageX,\n      pageY: event1.pageY\n    };\n    this.moveable = true;\n\n    if (event2) {\n      this.endPoint = {\n        pageX: event2.pageX,\n        pageY: event2.pageY\n      };\n    }\n\n    this.originScale = this.graph.getZoom() || this.currentScale || 1;\n  },\n  onTouchMove: function onTouchMove(evt) {\n    if (!this.moveable) {\n      return;\n    }\n\n    evt.preventDefault();\n    var touches = evt.originalEvent.touches;\n    var event1 = touches[0];\n    var event2 = touches[1];\n\n    if (!event2) {\n      return;\n    }\n\n    if (!this.endPoint) {\n      this.endPoint = {\n        pageX: event2.pageX,\n        pageY: event2.pageY\n      };\n    } // 获取坐标之间的距离\n\n\n    var getDistance = function getDistance(start, end) {\n      return Math.hypot(end.x - start.x, end.y - start.y);\n    }; // 双指缩放比例\n\n\n    var scale = getDistance({\n      x: event1.pageX,\n      y: event1.pageY\n    }, {\n      x: event2.pageX,\n      y: event2.pageY\n    }) / getDistance({\n      x: this.startPoint.pageX,\n      y: this.startPoint.pageY\n    }, {\n      x: this.endPoint.pageX,\n      y: this.endPoint.pageY\n    }); // 应用到画布上的缩放比例\n\n    var zoom = this.originScale * scale; // 缓存当前的缩放比例\n\n    this.currentScale = zoom;\n    var minZoom = this.get('minZoom') || this.graph.get('minZoom');\n    var maxZoom = this.get('maxZoom') || this.graph.get('maxZoom');\n\n    if (zoom > maxZoom || zoom < minZoom) {\n      return;\n    }\n\n    var canvas = this.graph.get('canvas');\n    var point = canvas.getPointByClient(evt.clientX, evt.clientY);\n    this.graph.zoomTo(zoom, {\n      x: point.x,\n      y: point.y\n    });\n    this.graph.emit('wheelzoom', evt);\n  },\n  onTouchEnd: function onTouchEnd() {\n    this.moveable = false;\n    this.endPoint = null;\n  },\n  onWheel: function onWheel(e) {\n    var _this = this;\n\n    var _a = this,\n        graph = _a.graph,\n        fixSelectedItems = _a.fixSelectedItems;\n\n    if (this.shouldBegin && !this.shouldBegin.call(this, e)) {\n      return;\n    }\n\n    if (!this.shouldUpdate.call(this, e)) {\n      return;\n    }\n\n    e.preventDefault();\n    var canvas = graph.get('canvas');\n    var point = canvas.getPointByClient(e.clientX, e.clientY);\n    var sensitivity = this.get('sensitivity');\n    var graphZoom = graph.getZoom();\n    var ratio = graphZoom;\n    var zoom = graphZoom; // 兼容IE、Firefox及Chrome\n\n    if (e.wheelDelta < 0) {\n      ratio = 1 - DELTA * sensitivity;\n    } else {\n      ratio = 1 / (1 - DELTA * sensitivity);\n    }\n\n    zoom = graphZoom * ratio; // const zoom = ratio * graphZoom;\n\n    var minZoom = this.get('minZoom') || graph.get('minZoom');\n    var maxZoom = this.get('maxZoom') || graph.get('maxZoom');\n\n    if (zoom > maxZoom || zoom < minZoom) {\n      return;\n    } // hide the shapes when the zoom ratio is smaller than optimizeZoom\n    // hide the shapes when zoomming\n\n\n    var enableOptimize = this.get('enableOptimize');\n\n    if (enableOptimize) {\n      var optimizeZoom_1 = this.get('optimizeZoom');\n      var optimized = this.get('optimized');\n      var nodes_1 = graph.getNodes();\n      var edges_1 = graph.getEdges();\n      var nodesLength_1 = nodes_1.length;\n      var edgesLength_1 = edges_1.length; // hiding\n\n      if (!optimized) {\n        for (var n = 0; n < nodesLength_1; n++) {\n          var node = nodes_1[n];\n\n          if (!node.destroyed) {\n            var children = node.get('group').get('children');\n            var childrenLength = children.length;\n\n            for (var c = 0; c < childrenLength; c++) {\n              var shape = children[c];\n\n              if (!shape.destoryed && !shape.get('isKeyShape')) {\n                shape.set('ori-visibility', shape.get('ori-visibility') || shape.get('visible'));\n                shape.hide();\n              }\n            }\n          }\n        }\n\n        for (var edgeIndex = 0; edgeIndex < edgesLength_1; edgeIndex++) {\n          var edge = edges_1[edgeIndex];\n          var children = edge.get('group').get('children');\n          var childrenLength = children.length;\n\n          for (var c = 0; c < childrenLength; c++) {\n            var shape = children[c];\n            shape.set('ori-visibility', shape.get('ori-visibility') || shape.get('visible'));\n            shape.hide();\n          }\n        }\n\n        this.set('optimized', true);\n      } // showing after 100ms\n\n\n      clearTimeout(this.get('timeout'));\n      var timeout = setTimeout(function () {\n        var currentZoom = graph.getZoom();\n\n        var curOptimized = _this.get('optimized');\n\n        if (curOptimized) {\n          _this.set('optimized', false);\n\n          for (var n = 0; n < nodesLength_1; n++) {\n            var node = nodes_1[n];\n            var children = node.get('group').get('children');\n            var childrenLength = children.length;\n\n            if (currentZoom < optimizeZoom_1) {\n              var keyShape = node.getKeyShape();\n              var oriVis = keyShape.get('ori-visibility');\n              if (oriVis) keyShape.show();\n            } else {\n              for (var c = 0; c < childrenLength; c++) {\n                var shape = children[c];\n                var oriVis = shape.get('ori-visibility');\n\n                if (!shape.get('visible') && oriVis) {\n                  if (oriVis) shape.show();\n                }\n              }\n            }\n          }\n\n          for (var edgeIndex = 0; edgeIndex < edgesLength_1; edgeIndex++) {\n            var edge = edges_1[edgeIndex];\n            var children = edge.get('group').get('children');\n            var childrenLength = children.length;\n\n            if (currentZoom < optimizeZoom_1) {\n              var keyShape = edge.getKeyShape();\n              var oriVis = keyShape.get('ori-visibility');\n              if (oriVis) keyShape.show();\n            } else {\n              for (var c = 0; c < childrenLength; c++) {\n                var shape = children[c];\n\n                if (!shape.get('visible')) {\n                  var oriVis = shape.get('ori-visibility');\n                  if (oriVis) shape.show();\n                }\n              }\n            }\n          }\n        }\n      }, 100);\n      this.set('timeout', timeout);\n    } // fix the items when zooming\n\n\n    if (graphZoom <= 1) {\n      var fixNodes = void 0,\n          fixEdges = void 0;\n\n      if (fixSelectedItems.fixAll || fixSelectedItems.fixLineWidth || fixSelectedItems.fixLabel) {\n        fixNodes = graph.findAllByState('node', fixSelectedItems.fixState);\n        fixEdges = graph.findAllByState('edge', fixSelectedItems.fixState);\n        var scale = graphZoom / zoom;\n        var fixNodesLength = fixNodes.length;\n\n        for (var fn = 0; fn < fixNodesLength; fn++) {\n          var node = fixNodes[fn];\n          var group = node.getContainer();\n          var nodeModel = node.getModel();\n          var originStyle = node.getOriginStyle();\n          var itemStateStyle = node.getStateStyle(fixSelectedItems.fixState);\n          var shapeStateStyle = node.get('shapeFactory').getShape(nodeModel.type).getStateStyle(fixSelectedItems.fixState, node)[fixSelectedItems.fixState];\n\n          if (fixSelectedItems.fixAll) {\n            if (zoom <= 1) {\n              var groupMatrix = Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(group.getMatrix());\n              if (!groupMatrix) groupMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n\n              var _b = node.getModel(),\n                  x = _b.x,\n                  y = _b.y;\n\n              groupMatrix = transform(groupMatrix, [['t', -x, -y], ['s', scale, scale], ['t', x, y]]);\n              group.setMatrix(groupMatrix);\n            }\n          } else {\n            var children = group.get('children');\n            var childrenLength = children.length;\n\n            for (var c = 0; c < childrenLength; c++) {\n              var shape = children[c];\n              var fontSize = void 0,\n                  lineWidth = void 0;\n\n              if (fixSelectedItems.fixLabel) {\n                var shapeType = shape.get('type');\n\n                if (shapeType === 'text') {\n                  fontSize = shape.attr('fontSize') || 12;\n                  var itemStyle = itemStateStyle[shape.get('name')];\n                  var shapeStyle = shapeStateStyle[shape.get('name')];\n                  var itemFontSize = itemStyle ? itemStyle.fontSize : 12;\n                  var shapeFontSize = shapeStyle ? shapeStyle.fontSize : 12;\n                  var oriFontSize = itemFontSize || shapeFontSize || 12;\n                  if (zoom <= 1) shape.attr('fontSize', oriFontSize / zoom); // * graphZoom / zoom\n\n                  if (lineWidth) break;\n                }\n              }\n\n              if (fixSelectedItems.fixLineWidth) {\n                if (shape.get('isKeyShape')) {\n                  lineWidth = shape.attr('lineWidth') || 0;\n                  var oriLineWidth = itemStateStyle.lineWidth || shapeStateStyle.lineWidth || originStyle.lineWidth || 0;\n                  if (zoom <= 1) shape.attr('lineWidth', oriLineWidth / zoom); // * graphZoom / zoom\n\n                  if (fontSize) break;\n                }\n              }\n            }\n          }\n        }\n\n        var fixEdgesLength = fixEdges.length;\n\n        for (var fe = 0; fe < fixEdgesLength; fe++) {\n          var edge = fixEdges[fe];\n          var group = edge.getContainer();\n          var children = group.get('children');\n          var nodeModel = edge.getModel();\n          var itemStateStyle = edge.getStateStyle(fixSelectedItems.fixState);\n          var shapeStateStyle = edge.get('shapeFactory').getShape(nodeModel.type).getStateStyle(fixSelectedItems.fixState, edge)[fixSelectedItems.fixState];\n          var childrenLength = children.length;\n\n          for (var c = 0; c < childrenLength; c++) {\n            var shape = children[c];\n            var fontSize = void 0,\n                lineWidth = void 0;\n\n            if (fixSelectedItems.fixLabel || fixSelectedItems.fixAll) {\n              var shapeType = shape.get('type');\n\n              if (shapeType === 'text') {\n                fontSize = shape.attr('fontSize') || 12;\n                var itemStyle = itemStateStyle[shape.get('name')];\n                var shapeStyle = shapeStateStyle[shape.get('name')];\n                var itemFontSize = itemStyle ? itemStyle.fontSize : 12;\n                var shapeFontSize = shapeStyle ? shapeStyle.fontSize : 12;\n                var oriFontSize = itemFontSize || shapeFontSize || 12;\n                if (zoom <= 1) shape.attr('fontSize', oriFontSize / zoom);\n                if (lineWidth) break;\n              }\n            }\n\n            if (fixSelectedItems.fixLineWidth || fixSelectedItems.fixAll) {\n              if (shape.get('isKeyShape')) {\n                lineWidth = shape.attr('lineWidth') || 0;\n                var oriLineWidth = itemStateStyle.lineWidth || shapeStateStyle.lineWidth || 1;\n                if (zoom <= 1) shape.attr('lineWidth', oriLineWidth / zoom);\n                if (fontSize) break;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    graph.zoomTo(zoom, {\n      x: point.x,\n      y: point.y\n    });\n    graph.emit('wheelzoom', e);\n  }\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/zoom-canvas.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/element/index.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/element/index.js ***!
+  \*************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_g6_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-element */ \"./node_modules/_@antv_g6-element@0.2.1@@antv/g6-element/es/index.js\");\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/element/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/global.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/global.js ***!
+  \******************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _util_color__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./util/color */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/color.js\");\n\nvar subjectColor = 'rgb(95, 149, 255)';\nvar backColor = 'rgb(255, 255, 255)';\nvar textColor = 'rgb(0, 0, 0)';\nvar colorSet = Object(_util_color__WEBPACK_IMPORTED_MODULE_0__[\"getColorsWithSubjectColor\"])(subjectColor, backColor);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  version: '0.2.1',\n  rootContainerClassName: 'root-container',\n  nodeContainerClassName: 'node-container',\n  edgeContainerClassName: 'edge-container',\n  comboContainerClassName: 'combo-container',\n  delegateContainerClassName: 'delegate-container',\n  defaultLoopPosition: 'top',\n  nodeLabel: {\n    style: {\n      fill: '#000',\n      fontSize: 12,\n      textAlign: 'center',\n      textBaseline: 'middle'\n    },\n    offset: 4 // 节点的默认文本不居中时的偏移量\n\n  },\n  defaultNode: {\n    type: 'circle',\n    style: {\n      lineWidth: 1,\n      stroke: colorSet.mainStroke,\n      fill: colorSet.mainFill\n    },\n    size: 20,\n    color: colorSet.mainStroke,\n    linkPoints: {\n      size: 8,\n      lineWidth: 1,\n      fill: colorSet.activeFill,\n      stroke: colorSet.activeStroke\n    }\n  },\n  // 节点应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  nodeStateStyles: {\n    active: {\n      fill: colorSet.activeFill,\n      stroke: colorSet.activeStroke,\n      lineWidth: 2,\n      shadowColor: colorSet.mainStroke,\n      shadowBlur: 10\n    },\n    selected: {\n      fill: colorSet.selectedFill,\n      stroke: colorSet.selectedStroke,\n      lineWidth: 4,\n      shadowColor: colorSet.selectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      fill: colorSet.highlightFill,\n      stroke: colorSet.highlightStroke,\n      lineWidth: 2,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      fill: colorSet.inactiveFill,\n      stroke: colorSet.inactiveStroke,\n      lineWidth: 1\n    },\n    disable: {\n      fill: colorSet.disableFill,\n      stroke: colorSet.disableStroke,\n      lineWidth: 1\n    }\n  },\n  edgeLabel: {\n    style: {\n      fill: textColor,\n      textAlign: 'center',\n      textBaseline: 'middle',\n      fontSize: 12\n    }\n  },\n  defaultEdge: {\n    type: 'line',\n    size: 1,\n    style: {\n      stroke: colorSet.edgeMainStroke,\n      lineAppendWidth: 2\n    },\n    color: colorSet.edgeMainStroke\n  },\n  // 边应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  edgeStateStyles: {\n    active: {\n      stroke: colorSet.edgeActiveStroke,\n      lineWidth: 1\n    },\n    selected: {\n      stroke: colorSet.edgeSelectedStroke,\n      lineWidth: 2,\n      shadowColor: colorSet.edgeSelectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      stroke: colorSet.edgeHighlightStroke,\n      lineWidth: 2,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      stroke: colorSet.edgeInactiveStroke,\n      lineWidth: 1\n    },\n    disable: {\n      stroke: colorSet.edgeDisableStroke,\n      lineWidth: 1\n    }\n  },\n  comboLabel: {\n    style: {\n      fill: textColor,\n      // textAlign: 'center',\n      textBaseline: 'middle',\n      fontSize: 12\n    },\n    refY: 10,\n    refX: 10 // Combo 的默认文本不居中时的偏移量\n\n  },\n  defaultCombo: {\n    type: 'circle',\n    style: {\n      fill: colorSet.comboMainFill,\n      lineWidth: 1,\n      stroke: colorSet.comboMainStroke,\n      r: 5,\n      width: 20,\n      height: 10\n    },\n    size: [20, 5],\n    color: colorSet.comboMainStroke,\n    padding: [25, 20, 15, 20]\n  },\n  // combo 应用状态后的样式，默认仅提供 active、selected、highlight、inactive、disable，用户可以自己扩展\n  comboStateStyles: {\n    active: {\n      stroke: colorSet.comboActiveStroke,\n      lineWidth: 1,\n      fill: colorSet.comboActiveFill\n    },\n    selected: {\n      stroke: colorSet.comboSelectedStroke,\n      lineWidth: 2,\n      fill: colorSet.comboSelectedFill,\n      shadowColor: colorSet.comboSelectedStroke,\n      shadowBlur: 10,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    highlight: {\n      stroke: colorSet.comboHighlightStroke,\n      lineWidth: 2,\n      fill: colorSet.comboHighlightFill,\n      'text-shape': {\n        fontWeight: 500\n      }\n    },\n    inactive: {\n      stroke: colorSet.comboInactiveStroke,\n      fill: colorSet.comboInactiveFill,\n      lineWidth: 1\n    },\n    disable: {\n      stroke: colorSet.comboDisableStroke,\n      fill: colorSet.comboDisableFill,\n      lineWidth: 1\n    }\n  },\n  delegateStyle: {\n    fill: '#F3F9FF',\n    fillOpacity: 0.5,\n    stroke: '#1890FF',\n    strokeOpacity: 0.9,\n    lineDash: [5, 5]\n  },\n  // 文本水印默认配置\n  textWaterMarkerConfig: {\n    width: 150,\n    height: 100,\n    compatible: false,\n    text: {\n      x: 0,\n      y: 60,\n      lineHeight: 20,\n      rotate: 20,\n      fontSize: 14,\n      fontFamily: 'Microsoft YaHei',\n      fill: 'rgba(0, 0, 0, 0.1)',\n      baseline: 'Middle'\n    }\n  },\n  imageWaterMarkerConfig: {\n    width: 150,\n    height: 130,\n    compatible: false,\n    image: {\n      x: 0,\n      y: 0,\n      width: 30,\n      height: 20,\n      rotate: 0\n    }\n  },\n  waterMarkerImage: 'https://gw.alipayobjects.com/os/s/prod/antv/assets/image/logo-with-text-73b8a.svg'\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/global.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/event.js":
 /*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/index.js ***!
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/event.js ***!
   \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_g_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g-canvas */ \"./node_modules/_@antv_g-canvas@0.5.6@@antv/g-canvas/esm/index.js\");\n/* harmony import */ var _antv_g_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g-svg */ \"./node_modules/_@antv_g-svg@0.5.6@@antv/g-svg/esm/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\n/* harmony import */ var _trendTimeBar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./trendTimeBar */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/trendTimeBar.js\");\n/* harmony import */ var _timeBarSlice__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./timeBarSlice */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeBarSlice.js\");\n/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constant */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/constant.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n/**\n * 基于 G 的时间轴组件\n */\n\n\n\n\n\n\n\n\n\n // simple 版本默认高度\n\nvar DEFAULT_SIMPLE_HEIGHT = 4; // trend 版本默认高度\n\nvar DEFAULT_TREND_HEIGHT = 26;\n\nvar TimeBar =\n/** @class */\nfunction (_super) {\n  __extends(TimeBar, _super);\n\n  function TimeBar() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  TimeBar.prototype.getDefaultCfgs = function () {\n    return {\n      container: null,\n      className: 'g6-component-timebar',\n      padding: 10,\n      type: 'trend',\n      trend: {\n        data: [],\n        isArea: false,\n        smooth: true\n      },\n      controllerCfg: {\n        speed: 1,\n        loop: false\n      },\n      slider: {\n        start: 0.1,\n        end: 0.9,\n        minText: 'min',\n        maxText: 'max'\n      },\n      tick: {\n        start: 0.1,\n        end: 0.9,\n        data: []\n      },\n      textStyle: {},\n      filterEdge: false\n    };\n  };\n  /**\n   * 初始化 TimeBar 的容器\n   */\n\n\n  TimeBar.prototype.initContainer = function () {\n    var graph = this.get('graph');\n    var _a = this._cfgs,\n        width = _a.width,\n        height = _a.height;\n    var className = this.get('className') || 'g6-component-timebar';\n    var container = this.get('container');\n    var graphContainer = this.get('graph').get('container');\n    var timeBarContainer;\n\n    if (!container) {\n      timeBarContainer = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<div class='\" + className + \"'></div>\");\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"modifyCSS\"])(timeBarContainer, {\n        position: 'relative'\n      });\n    } else {\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_7__[\"isString\"])(container)) {\n        container = document.getElementById(container);\n      }\n\n      timeBarContainer = container;\n    }\n\n    graphContainer.appendChild(timeBarContainer);\n    this.set('timeBarContainer', timeBarContainer);\n    var canvas;\n    var renderer = graph.get('renderer');\n\n    if (renderer === 'SVG') {\n      canvas = new _antv_g_svg__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"]({\n        container: timeBarContainer,\n        width: width,\n        height: height\n      });\n    } else {\n      canvas = new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_0__[\"Canvas\"]({\n        container: timeBarContainer,\n        width: width,\n        height: height\n      });\n    }\n\n    this.set('canvas', canvas);\n  };\n\n  TimeBar.prototype.init = function () {\n    this.initContainer();\n    var canvas = this.get('canvas');\n    var timeBarGroup = canvas.addGroup({\n      name: 'timebar-group'\n    });\n    this.set('timeBarGroup', timeBarGroup);\n    this.renderTrend();\n    this.initEvent();\n    var fontFamily = typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif';\n    this.set('fontFamily', fontFamily);\n  };\n\n  TimeBar.prototype.renderTrend = function () {\n    var _a = this._cfgs,\n        width = _a.width,\n        x = _a.x,\n        y = _a.y,\n        padding = _a.padding,\n        type = _a.type,\n        trend = _a.trend,\n        slider = _a.slider,\n        controllerCfg = _a.controllerCfg,\n        textStyle = _a.textStyle,\n        tick = _a.tick;\n\n    var data = trend.data,\n        other = __rest(trend, [\"data\"]);\n\n    var realWidth = width - 2 * padding;\n    var defaultHeight = type === 'trend' ? DEFAULT_TREND_HEIGHT : DEFAULT_SIMPLE_HEIGHT;\n    var graph = this.get('graph');\n    var group = this.get('timeBarGroup');\n    var canvas = this.get('canvas');\n    var timebar = null;\n\n    if (type === 'trend' || type === 'simple') {\n      timebar = new _trendTimeBar__WEBPACK_IMPORTED_MODULE_4__[\"default\"](__assign(__assign({\n        graph: graph,\n        canvas: canvas,\n        group: group,\n        type: type,\n        x: x + padding,\n        y: type === 'trend' ? y + padding : y + padding + 15,\n        width: realWidth,\n        height: defaultHeight,\n        padding: padding,\n        trendCfg: __assign(__assign({}, other), {\n          data: data.map(function (d) {\n            return d.value;\n          })\n        })\n      }, slider), {\n        tick: {\n          ticks: data,\n          tickLabelFormatter: tick.tickLabelFormatter\n        },\n        handlerStyle: __assign(__assign({}, slider.handlerStyle), {\n          height: slider.height || defaultHeight\n        }),\n        controllerCfg: controllerCfg,\n        textStyle: textStyle\n      }));\n    } else if (type === 'tick') {\n      // 刻度时间轴\n      timebar = new _timeBarSlice__WEBPACK_IMPORTED_MODULE_5__[\"default\"](__assign({\n        graph: graph,\n        canvas: canvas,\n        group: group,\n        x: x + padding,\n        y: y + padding\n      }, tick));\n    }\n\n    this.set('timebar', timebar);\n  };\n\n  TimeBar.prototype.filterData = function (evt) {\n    var _a;\n\n    var value = evt.value;\n    var trendData = null;\n    var type = this._cfgs.type;\n\n    if (type === 'trend' || type === 'simple') {\n      trendData = this._cfgs.trend.data;\n    } else if (type === 'tick') {\n      trendData = this._cfgs.tick.data;\n    }\n\n    if (!trendData || trendData.length === 0) {\n      console.warn('请配置 TimeBar 组件的数据');\n      return;\n    }\n\n    var rangeChange = this.get('rangeChange');\n    var graph = this.get('graph');\n    var min = Math.round(trendData.length * value[0]);\n    var max = Math.round(trendData.length * value[1]);\n    max = max >= trendData.length ? trendData.length - 1 : max;\n    min = min >= trendData.length ? trendData.length - 1 : min;\n    var tickLabelFormatter = (_a = this._cfgs.tick) === null || _a === void 0 ? void 0 : _a.tickLabelFormatter;\n    var minText = tickLabelFormatter ? tickLabelFormatter(trendData[min]) : trendData[min].date;\n    var maxText = tickLabelFormatter ? tickLabelFormatter(trendData[max]) : trendData[max].date;\n\n    if (type !== 'tick') {\n      var timebar = this.get('timebar');\n      timebar.setText(minText, maxText);\n    }\n\n    if (rangeChange) {\n      rangeChange(graph, minText, maxText);\n    } else {\n      // 自动过滤数据，并渲染 graph\n      if (!this.cacheGraphData || this.cacheGraphData.nodes && this.cacheGraphData.nodes.length === 0) {\n        this.cacheGraphData = graph.get('data'); // graph.save() as GraphData;\n      } // 过滤不在 min 和 max 范围内的节点\n\n\n      var filterData = this.cacheGraphData.nodes.filter(function (d) {\n        return d.date >= trendData[min].date && d.date <= trendData[max].date;\n      });\n      var nodeIds_1 = filterData.map(function (node) {\n        return node.id;\n      });\n      var fileterEdges = [];\n\n      if (this.cacheGraphData.edges) {\n        // 过滤 source 或 target 不在 min 和 max 范围内的边\n        fileterEdges = this.cacheGraphData.edges.filter(function (edge) {\n          return nodeIds_1.includes(edge.source) && nodeIds_1.includes(edge.target);\n        });\n\n        if (this.get('filterEdge')) {\n          fileterEdges = fileterEdges.filter(function (edge) {\n            return edge.date >= trendData[min].date && edge.date <= trendData[max].date;\n          });\n        }\n      }\n\n      graph.changeData({\n        nodes: filterData,\n        edges: fileterEdges\n      });\n    }\n  };\n\n  TimeBar.prototype.initEvent = function () {\n    var _this = this;\n\n    var start = 0;\n    var end = 0;\n    var type = this._cfgs.type;\n\n    if (!type || type === 'trend' || type === 'simple') {\n      start = this._cfgs.slider.start;\n      end = this._cfgs.slider.end;\n    } else if (type === 'tick') {\n      start = this._cfgs.tick.start;\n      end = this._cfgs.tick.end;\n    }\n\n    var graph = this.get('graph');\n    graph.on('afterrender', function (e) {\n      _this.filterData({\n        value: [start, end]\n      });\n    }); // 时间轴的值发生改变的事件\n\n    graph.on(_constant__WEBPACK_IMPORTED_MODULE_6__[\"VALUE_CHANGE\"], Object(_antv_util__WEBPACK_IMPORTED_MODULE_7__[\"throttle\"])(function (e) {\n      _this.filterData(e);\n    }, 200, {\n      trailing: true,\n      leading: true\n    }));\n  };\n\n  TimeBar.prototype.destroy = function () {\n    var timebar = this.get('timebar');\n\n    if (timebar && timebar.destory) {\n      timebar.destory();\n    }\n\n    _super.prototype.destroy.call(this);\n\n    var timeBarContainer = this.get('timeBarContainer');\n\n    if (timeBarContainer) {\n      var container = this.get('container');\n\n      if (!container) {\n        container = this.get('graph').get('container');\n      }\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_7__[\"isString\"])(container)) {\n        container = document.getElementById(container);\n      }\n\n      container.removeChild(timeBarContainer);\n    }\n  };\n\n  return TimeBar;\n}(_base__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (TimeBar);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n\n\n\n\nvar cloneEvent = _antv_g6_core__WEBPACK_IMPORTED_MODULE_3__[\"Util\"].cloneEvent,\n    isViewportChanged = _antv_g6_core__WEBPACK_IMPORTED_MODULE_3__[\"Util\"].isViewportChanged;\n\nvar EventController =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(EventController, _super);\n\n  function EventController(graph) {\n    var _this = _super.call(this, graph) || this;\n\n    _this.extendEvents = [];\n    _this.dragging = false;\n    _this.preItem = null;\n    _this.graph = graph;\n    _this.destroyed = false;\n\n    _this.initEvents();\n\n    return _this;\n  } // 初始化 G6 中的事件\n\n\n  EventController.prototype.initEvents = function () {\n    var _a = this,\n        graph = _a.graph,\n        _b = _a.extendEvents,\n        extendEvents = _b === void 0 ? [] : _b;\n\n    var canvas = graph.get('canvas'); // canvas.set('draggable', true);\n\n    var el = canvas.get('el');\n    var canvasHandler = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"wrapBehavior\"])(this, 'onCanvasEvents');\n    var originHandler = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"wrapBehavior\"])(this, 'onExtendEvents');\n    var wheelHandler = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"wrapBehavior\"])(this, 'onWheelEvent'); // each(EVENTS, event => {\n    //   canvas.off(event).on(event, canvasHandler);\n    // });\n\n    canvas.off('*').on('*', canvasHandler);\n    this.canvasHandler = canvasHandler;\n    extendEvents.push(Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"addEventListener\"])(el, 'DOMMouseScroll', wheelHandler));\n    extendEvents.push(Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"addEventListener\"])(el, 'mousewheel', wheelHandler));\n\n    if (typeof window !== 'undefined') {\n      extendEvents.push(Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"addEventListener\"])(window, 'keydown', originHandler));\n      extendEvents.push(Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"addEventListener\"])(window, 'keyup', originHandler));\n      extendEvents.push(Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"addEventListener\"])(window, 'focus', originHandler));\n    }\n  }; // 获取 shape 的 item 对象\n\n\n  EventController.getItemRoot = function (shape) {\n    while (shape && !shape.get('item')) {\n      shape = shape.get('parent');\n    }\n\n    return shape;\n  };\n  /**\n   * 处理 canvas 事件\n   * @param evt 事件句柄\n   */\n\n\n  EventController.prototype.onCanvasEvents = function (evt) {\n    var graph = this.graph;\n    var canvas = graph.get('canvas');\n    var target = evt.target;\n    var eventType = evt.type;\n    /**\n     * (clientX, clientY): 相对于页面的坐标；\n     * (canvasX, canvasY): 相对于 <canvas> 左上角的坐标；\n     * (x, y): 相对于整个画布的坐标, 与 model 的 x, y 是同一维度的。\n     */\n\n    evt.canvasX = evt.x;\n    evt.canvasY = evt.y;\n    var point = {\n      x: evt.canvasX,\n      y: evt.canvasY\n    };\n    var group = graph.get('group');\n    var matrix = group.getMatrix();\n\n    if (!matrix) {\n      matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    }\n\n    if (isViewportChanged(matrix)) {\n      point = graph.getPointByClient(evt.clientX, evt.clientY);\n    }\n\n    evt.x = point.x;\n    evt.y = point.y;\n    evt.currentTarget = graph;\n\n    if (target === canvas) {\n      if (eventType === 'mousemove') {\n        this.handleMouseMove(evt, 'canvas');\n      }\n\n      evt.target = canvas;\n      evt.item = null;\n      graph.emit(eventType, evt);\n      graph.emit(\"canvas:\" + eventType, evt);\n      return;\n    }\n\n    var itemShape = EventController.getItemRoot(target);\n\n    if (!itemShape) {\n      graph.emit(eventType, evt);\n      return;\n    }\n\n    var item = itemShape.get('item');\n\n    if (item.destroyed) {\n      return;\n    }\n\n    var type = item.getType(); // 事件target是触发事件的Shape实例，item是触发事件的item实例\n\n    evt.target = target;\n    evt.item = item;\n\n    if (evt.canvasX === evt.x && evt.canvasY === evt.y) {\n      var canvasPoint = graph.getCanvasByPoint(evt.x, evt.y);\n      evt.canvasX = canvasPoint.x;\n      evt.canvasY = canvasPoint.y;\n    } // emit('click', evt);\n\n\n    graph.emit(eventType, evt);\n    if (evt.name && !evt.name.includes(':')) graph.emit(type + \":\" + eventType, evt); // emit('node:click', evt)\n    else graph.emit(evt.name, evt); // emit('text-shape:click', evt)\n\n    if (eventType === 'dragstart') {\n      this.dragging = true;\n    }\n\n    if (eventType === 'dragend') {\n      this.dragging = false;\n    }\n\n    if (eventType === 'mousemove') {\n      this.handleMouseMove(evt, type);\n    }\n  };\n  /**\n   * 处理扩展事件\n   * @param evt 事件句柄\n   */\n\n\n  EventController.prototype.onExtendEvents = function (evt) {\n    this.graph.emit(evt.type, evt);\n  };\n  /**\n   * 处理滚轮事件\n   * @param evt 事件句柄\n   */\n\n\n  EventController.prototype.onWheelEvent = function (evt) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isNil\"])(evt.wheelDelta)) {\n      evt.wheelDelta = -evt.detail;\n    }\n\n    this.graph.emit('wheel', evt);\n  };\n  /**\n   * 处理鼠标移动的事件\n   * @param evt 事件句柄\n   * @param type item 类型\n   */\n\n\n  EventController.prototype.handleMouseMove = function (evt, type) {\n    var _a = this,\n        graph = _a.graph,\n        preItem = _a.preItem;\n\n    var canvas = graph.get('canvas');\n    var item = evt.target === canvas ? null : evt.item;\n    evt = cloneEvent(evt); // 从前一个item直接移动到当前item，触发前一个item的leave事件\n\n    if (preItem && preItem !== item && !preItem.destroyed) {\n      evt.item = preItem;\n      this.emitCustomEvent(preItem.getType(), 'mouseleave', evt);\n\n      if (this.dragging) {\n        this.emitCustomEvent(preItem.getType(), 'dragleave', evt);\n      }\n    } // 从一个item或canvas移动到当前item，触发当前item的enter事件\n\n\n    if (item && preItem !== item) {\n      evt.item = item;\n      this.emitCustomEvent(type, 'mouseenter', evt);\n\n      if (this.dragging) {\n        this.emitCustomEvent(type, 'dragenter', evt);\n      }\n    }\n\n    this.preItem = item;\n  };\n  /**\n   * 在 graph 上面 emit 事件\n   * @param itemType item 类型\n   * @param eventType 事件类型\n   * @param evt 事件句柄\n   */\n\n\n  EventController.prototype.emitCustomEvent = function (itemType, eventType, evt) {\n    evt.type = eventType;\n    this.graph.emit(itemType + \":\" + eventType, evt);\n  };\n\n  EventController.prototype.destroy = function () {\n    var _a = this,\n        graph = _a.graph,\n        canvasHandler = _a.canvasHandler,\n        extendEvents = _a.extendEvents;\n\n    var canvas = graph.get('canvas'); // each(EVENTS, event => {\n    //   canvas.off(event, canvasHandler);\n    // });\n\n    canvas.off('*', canvasHandler);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(extendEvents, function (event) {\n      event.remove();\n    });\n    this.dragging = false;\n    this.preItem = null;\n    this.extendEvents.length = 0;\n    this.canvasHandler = null;\n    this.destroyed = true;\n  };\n\n  return EventController;\n}(_antv_g6_core__WEBPACK_IMPORTED_MODULE_3__[\"AbstractEvent\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (EventController);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/event.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/path.js":
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/index.js":
+/*!**********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/index.js ***!
+  \**********************************************************************************/
+/*! exports provided: EventController, LayoutController */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _event__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./event */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/event.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"EventController\", function() { return _event__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./layout */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/layout.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"LayoutController\", function() { return _layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/layout.js":
+/*!***********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/layout.js ***!
+  \***********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../layout */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/index.js\");\n/* harmony import */ var _layout_worker_layout_worker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../layout/worker/layout.worker */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/layout.worker.js\");\n/* harmony import */ var _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../layout/worker/layoutConst */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/layoutConst.js\");\n/* harmony import */ var _util_gpu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/gpu */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/gpu.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\n\n\n\n\n\n // eslint-disable-next-line @typescript-eslint/no-implied-eval\n\nvar mockRaf = function mockRaf(cb) {\n  return setTimeout(cb, 16);\n};\n\nvar mockCaf = function mockCaf(reqId) {\n  return clearTimeout(reqId);\n};\n\nvar helper = {\n  // pollyfill\n  requestAnimationFrame: function requestAnimationFrame(callback) {\n    var fn = typeof window !== 'undefined' ? window.requestAnimationFrame || window.webkitRequestAnimationFrame || mockRaf : mockRaf;\n    return fn(callback);\n  },\n  cancelAnimationFrame: function cancelAnimationFrame(requestId) {\n    var fn = typeof window !== 'undefined' ? window.cancelAnimationFrame || window.webkitCancelAnimationFrame || mockCaf : mockCaf;\n    return fn(requestId);\n  }\n};\nvar GPULayoutNames = ['fruchterman', 'gForce'];\n\nvar LayoutController =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(LayoutController, _super); // the configurations of the layout\n  // private layoutCfg: any; // LayoutOptions\n  // the type name of the layout\n  // private layoutType: string;\n  // private data: GraphData;\n  // private layoutMethod: typeof Layout;\n\n\n  function LayoutController(graph) {\n    var _this = _super.call(this, graph) || this;\n\n    _this.graph = graph;\n    _this.layoutCfg = graph.get('layout') || {};\n    _this.layoutType = _this.layoutCfg.type;\n    _this.worker = null;\n    _this.workerData = {};\n\n    _this.initLayout();\n\n    return _this;\n  } // eslint-disable-next-line class-methods-use-this\n\n\n  LayoutController.prototype.initLayout = function () {// no data before rendering\n  }; // get layout worker and create one if not exists\n\n\n  LayoutController.prototype.getWorker = function () {\n    if (this.worker) {\n      return this.worker;\n    }\n\n    if (typeof Worker === 'undefined') {\n      // 如果当前浏览器不支持 web worker，则不使用 web worker\n      console.warn('Web worker is not supported in current browser.');\n      this.worker = null;\n    } else {\n      this.worker = Object(_layout_worker_layout_worker__WEBPACK_IMPORTED_MODULE_3__[\"LayoutWorker\"])(this.layoutCfg.workerScriptURL);\n    }\n\n    return this.worker;\n  }; // stop layout worker\n\n\n  LayoutController.prototype.stopWorker = function () {\n    var workerData = this.workerData;\n\n    if (!this.worker) {\n      return;\n    }\n\n    this.worker.terminate();\n    this.worker = null; // 重新开始新的布局之前，先取消之前布局的requestAnimationFrame。\n\n    if (workerData.requestId) {\n      helper.cancelAnimationFrame(workerData.requestId);\n      workerData.requestId = null;\n    }\n\n    if (workerData.requestId2) {\n      helper.cancelAnimationFrame(workerData.requestId2);\n      workerData.requestId2 = null;\n    }\n  };\n  /**\n   * @param {function} success callback\n   * @return {boolean} 是否使用web worker布局\n   */\n\n\n  LayoutController.prototype.layout = function (success) {\n    var _this = this;\n\n    var graph = this.graph;\n    this.data = this.setDataFromGraph();\n    var _a = this.data,\n        nodes = _a.nodes,\n        hiddenNodes = _a.hiddenNodes;\n\n    if (!nodes) {\n      return false;\n    }\n\n    var width = graph.get('width');\n    var height = graph.get('height');\n    var layoutCfg = {};\n    Object.assign(layoutCfg, {\n      width: width,\n      height: height,\n      center: [width / 2, height / 2]\n    }, this.layoutCfg);\n    this.layoutCfg = layoutCfg;\n    var hasLayoutType = !!this.layoutType;\n    var layoutMethod = this.layoutMethod;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n    }\n\n    graph.emit('beforelayout');\n    this.initPositions(layoutCfg.center, nodes); // init hidden ndoes\n\n    this.initPositions(layoutCfg.center, hiddenNodes);\n    var layoutType = this.layoutType;\n    var isGPU = false; // 防止用户直接用 -gpu 结尾指定布局\n\n    if (layoutType && layoutType.split('-')[1] === 'gpu') {\n      layoutType = layoutType.split('-')[0];\n      layoutCfg.gpuEnabled = true;\n    } // 若用户指定开启 gpu，且当前浏览器支持 webgl，且该算法存在 GPU 版本（目前仅支持 fruchterman 和 gForce），使用 gpu 版本的布局\n\n\n    if (layoutType && layoutCfg.gpuEnabled) {\n      var enableGPU = true; // 打开下面语句将会导致 webworker 报找不到 window\n\n      if (!Object(_util_gpu__WEBPACK_IMPORTED_MODULE_5__[\"gpuDetector\"])().webgl) {\n        console.warn(\"Your browser does not support webGL or GPGPU. The layout will run in CPU.\");\n        enableGPU = false;\n      }\n\n      if (!this.hasGPUVersion(layoutType)) {\n        console.warn(\"The '\" + layoutType + \"' layout does not support GPU calculation for now, it will run in CPU.\");\n        enableGPU = false;\n      }\n\n      if (enableGPU) {\n        layoutType = layoutType + \"-gpu\"; // layoutCfg.canvasEl = this.graph.get('canvas').get('el');\n\n        isGPU = true;\n      }\n    }\n\n    this.isGPU = isGPU;\n    this.stopWorker();\n\n    if (layoutCfg.workerEnabled && this.layoutWithWorker(this.data, success)) {\n      // 如果启用布局web worker并且浏览器支持web worker，用web worker布局。否则回退到不用web worker布局。\n      return true;\n    }\n\n    var isForce = layoutType === 'force' || layoutType === 'g6force' || layoutType === 'gForce'; // 所有布局挂载 onLayoutEnd, 在布局结束后依次执行：\n    // 执行用户自定义 onLayoutEnd，触发 afterlayout、更新节点位置、fitView/fitCenter、触发 afterrender\n\n    var onLayoutEnd = layoutCfg.onLayoutEnd,\n        layoutEndFormatted = layoutCfg.layoutEndFormatted;\n\n    if (!layoutEndFormatted) {\n      layoutCfg.layoutEndFormatted = true;\n\n      layoutCfg.onLayoutEnd = function () {\n        // 执行用户自定义 onLayoutEnd\n        if (onLayoutEnd) {\n          onLayoutEnd();\n        } // 触发 afterlayout\n\n\n        graph.emit('afterlayout'); // 更新节点位置\n\n        _this.refreshLayout(); // 由 graph 传入的，控制 fitView、fitCenter，并触发 afterrender\n\n      };\n    }\n\n    if (isForce) {\n      var onTick_1 = layoutCfg.onTick;\n\n      var tick = function tick() {\n        if (onTick_1) {\n          onTick_1();\n        }\n\n        graph.refreshPositions();\n      };\n\n      layoutCfg.tick = tick;\n    } else if (this.layoutType === 'comboForce') {\n      layoutCfg.comboTrees = graph.get('comboTrees');\n    }\n\n    var enableTick = false;\n\n    if (layoutType !== undefined) {\n      try {\n        layoutMethod = new _layout__WEBPACK_IMPORTED_MODULE_2__[\"Layout\"][layoutType](layoutCfg);\n      } catch (e) {\n        console.warn(\"The layout method: '\" + layoutType + \"' does not exist! Please specify it first.\");\n        return false;\n      } // 是否需要迭代的方式完成布局。这里是来自布局对象的实例属性，是由布局的定义者在布局类定义的。\n\n\n      enableTick = layoutMethod.enableTick;\n\n      if (enableTick) {\n        var onTick_2 = layoutCfg.onTick;\n\n        var tick = function tick() {\n          if (onTick_2) {\n            onTick_2();\n          }\n\n          graph.refreshPositions();\n        };\n\n        layoutMethod.tick = tick;\n      }\n\n      layoutMethod.init(this.data); // 若存在节点没有位置信息，且没有设置 layout，在 initPositions 中 random 给出了所有节点的位置，不需要再次执行 random 布局\n      // 所有节点都有位置信息，且指定了 layout，则执行布局（代表不是第一次进行布局）\n\n      if (hasLayoutType) {\n        graph.emit('beginlayout');\n        layoutMethod.execute();\n        if (layoutMethod.isCustomLayout && layoutCfg.onLayoutEnd && !isForce) layoutCfg.onLayoutEnd(); // 在执行 execute 后立即执行 success，且在 timeBar 中有 throttle，可以防止 timeBar 监听 afterrender 进行 changeData 后 layout，从而死循环\n        // 对于 force 一类布局完成后的 fitView 需要用户自己在 onLayoutEnd 中配置\n\n        if (success) success();\n      }\n\n      this.layoutMethod = layoutMethod;\n    } // 若没有配置 layout，也需要更新画布\n\n\n    if (!this.layoutMethod && success) {\n      graph.refreshPositions();\n      success();\n    }\n\n    return false;\n  };\n  /**\n   * layout with web worker\n   * @param {object} data graph data\n   * @param {function} success callback function\n   * @return {boolean} 是否支持web worker\n   */\n\n\n  LayoutController.prototype.layoutWithWorker = function (data, success) {\n    var _this = this;\n\n    var nodes = data.nodes,\n        edges = data.edges;\n\n    var _a = this,\n        layoutCfg = _a.layoutCfg,\n        graph = _a.graph,\n        isGPU = _a.isGPU;\n\n    var worker = this.getWorker(); // 每次worker message event handler调用之间的共享数据，会被修改。\n\n    var workerData = this.workerData;\n\n    if (!worker) {\n      return false;\n    }\n\n    workerData.requestId = null;\n    workerData.requestId2 = null;\n    workerData.currentTick = null;\n    workerData.currentTickData = null;\n    graph.emit('beforelayout');\n    var offScreenCanvas = document.createElement('canvas');\n    var gpuWorkerAbility = isGPU && typeof window !== 'undefined' && // eslint-disable-next-line @typescript-eslint/dot-notation\n    window.navigator && !navigator[\"gpu\"] && // WebGPU 还不支持 OffscreenCanvas\n    'OffscreenCanvas' in window && 'transferControlToOffscreen' in offScreenCanvas; // NOTE: postMessage的message参数里面不能包含函数，否则postMessage会报错，\n    // 例如：'function could not be cloned'。\n    // 详情参考：https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm\n    // 所以这里需要把过滤layoutCfg里的函数字段过滤掉。\n\n    var filteredLayoutCfg = filterObject(layoutCfg, function (value) {\n      return typeof value !== 'function';\n    });\n\n    if (!gpuWorkerAbility) {\n      worker.postMessage({\n        type: _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].RUN,\n        nodes: nodes,\n        edges: edges,\n        layoutCfg: filteredLayoutCfg\n      });\n    } else {\n      var offscreen = offScreenCanvas.transferControlToOffscreen(); // filteredLayoutCfg.canvas = offscreen;\n\n      filteredLayoutCfg.type = filteredLayoutCfg.type + \"-gpu\";\n      worker.postMessage({\n        type: _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].GPURUN,\n        nodes: nodes,\n        edges: edges,\n        layoutCfg: filteredLayoutCfg,\n        canvas: offscreen\n      }, [offscreen]);\n    }\n\n    worker.onmessage = function (event) {\n      _this.handleWorkerMessage(event, data, success);\n    };\n\n    return true;\n  }; // success callback will be called when updating graph positions for the first time.\n\n\n  LayoutController.prototype.handleWorkerMessage = function (event, data, success) {\n    var _a = this,\n        graph = _a.graph,\n        workerData = _a.workerData,\n        layoutCfg = _a.layoutCfg;\n\n    var eventData = event.data;\n    var type = eventData.type;\n\n    var onTick = function onTick() {\n      if (layoutCfg.onTick) {\n        layoutCfg.onTick();\n      }\n    };\n\n    var onLayoutEnd = function onLayoutEnd() {\n      if (layoutCfg.onLayoutEnd) {\n        layoutCfg.onLayoutEnd();\n      }\n\n      graph.emit('afterlayout');\n    };\n\n    switch (type) {\n      case _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].TICK:\n        workerData.currentTick = eventData.currentTick;\n        workerData.currentTickData = eventData;\n\n        if (!workerData.requestId) {\n          workerData.requestId = helper.requestAnimationFrame(function requestId() {\n            updateLayoutPosition(data, eventData);\n            graph.refreshPositions();\n            onTick();\n\n            if (eventData.currentTick === 1 && success) {\n              success();\n            }\n\n            if (eventData.currentTick === eventData.totalTicks) {\n              // 如果是最后一次tick\n              onLayoutEnd();\n            } else if (workerData.currentTick === eventData.totalTicks) {\n              // 注意这里workerData.currentTick可能已经不再是前面赋值时候的值了，\n              // 因为在requestAnimationFrame等待时间里，可能产生新的tick。\n              // 如果当前tick不是最后一次tick，并且所有的tick消息都已发出来了，那么需要用最后一次tick的数据再刷新一次。\n              workerData.requestId2 = helper.requestAnimationFrame(function requestId2() {\n                updateLayoutPosition(data, workerData.currentTickData);\n                graph.refreshPositions();\n                workerData.requestId2 = null;\n                onTick();\n                onLayoutEnd();\n              });\n            }\n\n            workerData.requestId = null;\n          });\n        }\n\n        break;\n\n      case _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].END:\n        // 如果没有tick消息（非力导布局）\n        if (workerData.currentTick == null) {\n          updateLayoutPosition(data, eventData);\n          this.refreshLayout(); // 非力导布局，没有tick消息，只有end消息，所以需要执行一次回调。\n\n          if (success) {\n            success();\n          }\n\n          graph.emit('afterlayout');\n        }\n\n        break;\n\n      case _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].GPUEND:\n        // 如果没有tick消息（非力导布局）\n        if (workerData.currentTick == null) {\n          updateGPUWorkerLayoutPosition(data, eventData);\n          this.refreshLayout(); // 非力导布局，没有tick消息，只有end消息，所以需要执行一次回调。\n\n          if (success) {\n            success();\n          }\n\n          graph.emit('afterlayout');\n        }\n\n        break;\n\n      case _layout_worker_layoutConst__WEBPACK_IMPORTED_MODULE_4__[\"LAYOUT_MESSAGE\"].ERROR:\n        console.warn('Web-Worker layout error!', eventData.message);\n        break;\n\n      default:\n        break;\n    }\n  }; // 更新布局参数\n\n\n  LayoutController.prototype.updateLayoutCfg = function (cfg) {\n    var _a = this,\n        graph = _a.graph,\n        layoutMethod = _a.layoutMethod,\n        layoutType = _a.layoutType,\n        layoutCfg = _a.layoutCfg;\n\n    this.layoutType = cfg.type;\n\n    if (!layoutMethod || layoutMethod.destroyed) {\n      this.layoutCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_6__[\"mix\"])({}, layoutCfg, cfg);\n      this.layout();\n      return;\n    }\n\n    this.data = this.setDataFromGraph();\n    this.stopWorker();\n\n    if (cfg.workerEnabled && this.layoutWithWorker(this.data, null)) {\n      // 如果启用布局web worker并且浏览器支持web worker，用web worker布局。否则回退到不用web worker布局。\n      return;\n    }\n\n    layoutMethod.init(this.data);\n    layoutMethod.updateCfg(cfg);\n    graph.emit('beforelayout');\n    layoutMethod.execute();\n    if (layoutMethod.isCustomLayout && layoutCfg.onLayoutEnd) layoutCfg.onLayoutEnd();\n  };\n\n  LayoutController.prototype.hasGPUVersion = function (layoutName) {\n    var length = GPULayoutNames.length;\n\n    for (var i = 0; i < length; i++) {\n      if (GPULayoutNames[i] === layoutName) return true;\n    }\n\n    return false;\n  };\n\n  LayoutController.prototype.destroy = function () {\n    var layoutMethod = this.layoutMethod;\n\n    if (layoutMethod) {\n      layoutMethod.destroy();\n      layoutMethod.destroyed = true;\n    }\n\n    var worker = this.worker;\n\n    if (worker) {\n      worker.terminate();\n      this.worker = null;\n    }\n\n    this.destroyed = true;\n    this.graph.set('layout', undefined);\n    this.layoutCfg = undefined;\n    this.layoutType = undefined;\n    this.layoutMethod = undefined;\n    this.graph = null;\n  };\n\n  return LayoutController;\n}(_antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"AbstractLayout\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (LayoutController);\n\nfunction updateLayoutPosition(data, layoutData) {\n  var nodes = data.nodes;\n  var layoutNodes = layoutData.nodes;\n  var nodeLength = nodes.length;\n\n  for (var i = 0; i < nodeLength; i++) {\n    var node = nodes[i];\n    node.x = layoutNodes[i].x;\n    node.y = layoutNodes[i].y;\n  }\n}\n\nfunction filterObject(collection, callback) {\n  var result = {};\n\n  if (collection && _typeof(collection) === 'object') {\n    Object.keys(collection).forEach(function (key) {\n      if (collection.hasOwnProperty(key) && callback(collection[key])) {\n        result[key] = collection[key];\n      }\n    });\n    return result;\n  }\n\n  return collection;\n}\n\nfunction updateGPUWorkerLayoutPosition(data, layoutData) {\n  var nodes = data.nodes;\n  var vertexEdgeData = layoutData.vertexEdgeData;\n  var nodeLength = nodes.length;\n\n  for (var i = 0; i < nodeLength; i++) {\n    var node = nodes[i];\n    var x = vertexEdgeData[4 * i];\n    var y = vertexEdgeData[4 * i + 1];\n    node.x = x;\n    node.y = y;\n  }\n}\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/layout.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/graph.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/graph.js ***!
+  \***********************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g-canvas */ \"./node_modules/_@antv_g-canvas@0.5.6@@antv/g-canvas/esm/index.js\");\n/* harmony import */ var _antv_g_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/g-svg */ \"./node_modules/_@antv_g-svg@0.5.6@@antv/g-svg/esm/index.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.0.4@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../global */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/global.js\");\n/* harmony import */ var _controller__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./controller */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/controller/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n\n\n\n\n\n\n\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_3__[\"ext\"].transform;\nvar SVG = 'svg';\n\nvar Graph =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(Graph, _super);\n\n  function Graph(cfg) {\n    var _this = _super.call(this, cfg) || this;\n\n    var defaultNode = _this.get('defaultNode');\n\n    if (!defaultNode) {\n      _this.set('defaultNode', {\n        type: 'circle'\n      });\n    }\n\n    if (!defaultNode.type) {\n      defaultNode.type = 'circle';\n\n      _this.set('defaultNode', defaultNode);\n    }\n\n    _this.destroyed = false;\n    return _this;\n  }\n\n  Graph.prototype.initLayoutController = function () {\n    var layoutController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"LayoutController\"](this);\n    this.set({\n      layoutController: layoutController\n    });\n  };\n\n  Graph.prototype.initEventController = function () {\n    var eventController = new _controller__WEBPACK_IMPORTED_MODULE_7__[\"EventController\"](this);\n    this.set({\n      eventController: eventController\n    });\n  };\n\n  Graph.prototype.initCanvas = function () {\n    var container = this.get('container');\n\n    if (typeof container === 'string') {\n      container = document.getElementById(container);\n      this.set('container', container);\n    }\n\n    if (!container) {\n      throw new Error('invalid container');\n    }\n\n    var width = this.get('width');\n    var height = this.get('height');\n    var renderer = this.get('renderer');\n    var canvas;\n\n    if (renderer === SVG) {\n      canvas = new _antv_g_svg__WEBPACK_IMPORTED_MODULE_2__[\"Canvas\"]({\n        container: container,\n        width: width,\n        height: height\n      });\n    } else {\n      var canvasCfg = {\n        container: container,\n        width: width,\n        height: height\n      };\n      var pixelRatio = this.get('pixelRatio');\n\n      if (pixelRatio) {\n        canvasCfg.pixelRatio = pixelRatio;\n      }\n\n      canvas = new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"](canvasCfg);\n    }\n\n    this.set('canvas', canvas);\n  };\n\n  Graph.prototype.initPlugins = function () {\n    var self = this;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"each\"])(self.get('plugins'), function (plugin) {\n      if (!plugin.destroyed && plugin.initPlugin) {\n        plugin.initPlugin(self);\n      }\n    });\n  };\n  /**\n   * 返回可见区域的图的 dataUrl，用于生成图片\n   * @param {String} type 图片类型，可选值：\"image/png\" | \"image/jpeg\" | \"image/webp\" | \"image/bmp\"\n   * @param {string} backgroundColor 图片背景色\n   * @return {string} 图片 dataURL\n   */\n\n\n  Graph.prototype.toDataURL = function (type, backgroundColor) {\n    var canvas = this.get('canvas');\n    var renderer = canvas.getRenderer();\n    var canvasDom = canvas.get('el');\n    if (!type) type = 'image/png';\n    var dataURL = '';\n\n    if (renderer === 'svg') {\n      var cloneNode = canvasDom.cloneNode(true);\n      var svgDocType = document.implementation.createDocumentType('svg', '-//W3C//DTD SVG 1.1//EN', 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd');\n      var svgDoc = document.implementation.createDocument('http://www.w3.org/2000/svg', 'svg', svgDocType);\n      svgDoc.replaceChild(cloneNode, svgDoc.documentElement);\n      var svgData = new XMLSerializer().serializeToString(svgDoc);\n      dataURL = \"data:image/svg+xml;charset=utf8,\" + encodeURIComponent(svgData);\n    } else {\n      var imageData = void 0;\n      var context = canvasDom.getContext('2d');\n      var width = this.get('width');\n      var height = this.get('height');\n      var compositeOperation = void 0;\n\n      if (backgroundColor) {\n        var pixelRatio = typeof window !== 'undefined' ? window.devicePixelRatio : 1;\n        imageData = context.getImageData(0, 0, width * pixelRatio, height * pixelRatio);\n        compositeOperation = context.globalCompositeOperation;\n        context.globalCompositeOperation = 'destination-over';\n        context.fillStyle = backgroundColor;\n        context.fillRect(0, 0, width, height);\n      }\n\n      dataURL = canvasDom.toDataURL(type);\n\n      if (backgroundColor) {\n        context.clearRect(0, 0, width, height);\n        context.putImageData(imageData, 0, 0);\n        context.globalCompositeOperation = compositeOperation;\n      }\n    }\n\n    return dataURL;\n  };\n  /**\n   * 返回整个图（包括超出可见区域的部分）的 dataUrl，用于生成图片\n   * @param {Function} callback 异步生成 dataUrl 完成后的回调函数，在这里处理生成的 dataUrl 字符串\n   * @param {String} type 图片类型，可选值：\"image/png\" | \"image/jpeg\" | \"image/webp\" | \"image/bmp\"\n   * @param {Object} imageConfig 图片配置项，包括背景色和上下左右的 padding\n   */\n\n\n  Graph.prototype.toFullDataURL = function (callback, type, imageConfig) {\n    var bbox = this.get('group').getCanvasBBox();\n    var height = bbox.height;\n    var width = bbox.width;\n    var renderer = this.get('renderer');\n    var vContainerDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_8__[\"createDom\"])('<id=\"virtual-image\"></div>');\n    var backgroundColor = imageConfig ? imageConfig.backgroundColor : undefined;\n    var padding = imageConfig ? imageConfig.padding : undefined;\n    if (!padding) padding = [0, 0, 0, 0];else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"isNumber\"])(padding)) padding = [padding, padding, padding, padding];\n    var vHeight = height + padding[0] + padding[2];\n    var vWidth = width + padding[1] + padding[3];\n    var canvasOptions = {\n      container: vContainerDOM,\n      height: vHeight,\n      width: vWidth,\n      quickHit: true\n    };\n    var vCanvas = renderer === 'svg' ? new _antv_g_svg__WEBPACK_IMPORTED_MODULE_2__[\"Canvas\"](canvasOptions) : new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"](canvasOptions);\n    var group = this.get('group');\n    var vGroup = group.clone();\n    var matrix = Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"clone\"])(vGroup.getMatrix());\n    if (!matrix) matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    var centerX = (bbox.maxX + bbox.minX) / 2;\n    var centerY = (bbox.maxY + bbox.minY) / 2;\n    matrix = transform(matrix, [['t', -centerX, -centerY], ['t', width / 2 + padding[3], height / 2 + padding[0]]]);\n    vGroup.resetMatrix();\n    vGroup.setMatrix(matrix);\n    vCanvas.add(vGroup);\n    var vCanvasEl = vCanvas.get('el');\n    var dataURL = '';\n    if (!type) type = 'image/png';\n    setTimeout(function () {\n      if (renderer === 'svg') {\n        var cloneNode = vCanvasEl.cloneNode(true);\n        var svgDocType = document.implementation.createDocumentType('svg', '-//W3C//DTD SVG 1.1//EN', 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd');\n        var svgDoc = document.implementation.createDocument('http://www.w3.org/2000/svg', 'svg', svgDocType);\n        svgDoc.replaceChild(cloneNode, svgDoc.documentElement);\n        var svgData = new XMLSerializer().serializeToString(svgDoc);\n        dataURL = \"data:image/svg+xml;charset=utf8,\" + encodeURIComponent(svgData);\n      } else {\n        var imageData = void 0;\n        var context = vCanvasEl.getContext('2d');\n        var compositeOperation = void 0;\n\n        if (backgroundColor) {\n          var pixelRatio = typeof window !== 'undefined' ? window.devicePixelRatio : 1;\n          imageData = context.getImageData(0, 0, vWidth * pixelRatio, vHeight * pixelRatio);\n          compositeOperation = context.globalCompositeOperation;\n          context.globalCompositeOperation = 'destination-over';\n          context.fillStyle = backgroundColor;\n          context.fillRect(0, 0, vWidth, vHeight);\n        }\n\n        dataURL = vCanvasEl.toDataURL(type);\n\n        if (backgroundColor) {\n          context.clearRect(0, 0, vWidth, vHeight);\n          context.putImageData(imageData, 0, 0);\n          context.globalCompositeOperation = compositeOperation;\n        }\n      }\n\n      if (callback) callback(dataURL);\n    }, 16);\n  };\n  /**\n   * 导出包含全图的图片\n   * @param {String} name 图片的名称\n   * @param {String} type 图片类型，可选值：\"image/png\" | \"image/jpeg\" | \"image/webp\" | \"image/bmp\"\n   * @param {Object} imageConfig 图片配置项，包括背景色和上下左右的 padding\n   */\n\n\n  Graph.prototype.downloadFullImage = function (name, type, imageConfig) {\n    var _this = this;\n\n    var bbox = this.get('group').getCanvasBBox();\n    var height = bbox.height;\n    var width = bbox.width;\n    var renderer = this.get('renderer');\n    var vContainerDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_8__[\"createDom\"])('<id=\"virtual-image\"></div>');\n    var backgroundColor = imageConfig ? imageConfig.backgroundColor : undefined;\n    var padding = imageConfig ? imageConfig.padding : undefined;\n    if (!padding) padding = [0, 0, 0, 0];else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"isNumber\"])(padding)) padding = [padding, padding, padding, padding];\n    var vHeight = height + padding[0] + padding[2];\n    var vWidth = width + padding[1] + padding[3];\n    var canvasOptions = {\n      container: vContainerDOM,\n      height: vHeight,\n      width: vWidth\n    };\n    var vCanvas = renderer === 'svg' ? new _antv_g_svg__WEBPACK_IMPORTED_MODULE_2__[\"Canvas\"](canvasOptions) : new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"](canvasOptions);\n    var group = this.get('group');\n    var vGroup = group.clone();\n    var matrix = Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"clone\"])(vGroup.getMatrix());\n    if (!matrix) matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    var centerX = (bbox.maxX + bbox.minX) / 2;\n    var centerY = (bbox.maxY + bbox.minY) / 2;\n    matrix = transform(matrix, [['t', -centerX, -centerY], ['t', width / 2 + padding[3], height / 2 + padding[0]]]);\n    vGroup.resetMatrix();\n    vGroup.setMatrix(matrix);\n    vCanvas.add(vGroup);\n    var vCanvasEl = vCanvas.get('el');\n    if (!type) type = 'image/png';\n    setTimeout(function () {\n      var dataURL = '';\n\n      if (renderer === 'svg') {\n        var cloneNode = vCanvasEl.cloneNode(true);\n        var svgDocType = document.implementation.createDocumentType('svg', '-//W3C//DTD SVG 1.1//EN', 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd');\n        var svgDoc = document.implementation.createDocument('http://www.w3.org/2000/svg', 'svg', svgDocType);\n        svgDoc.replaceChild(cloneNode, svgDoc.documentElement);\n        var svgData = new XMLSerializer().serializeToString(svgDoc);\n        dataURL = \"data:image/svg+xml;charset=utf8,\" + encodeURIComponent(svgData);\n      } else {\n        var imageData = void 0;\n        var context = vCanvasEl.getContext('2d');\n        var compositeOperation = void 0;\n\n        if (backgroundColor) {\n          var pixelRatio = typeof window !== 'undefined' ? window.devicePixelRatio : 1;\n          imageData = context.getImageData(0, 0, vWidth * pixelRatio, vHeight * pixelRatio);\n          compositeOperation = context.globalCompositeOperation;\n          context.globalCompositeOperation = 'destination-over';\n          context.fillStyle = backgroundColor;\n          context.fillRect(0, 0, vWidth, vHeight);\n        }\n\n        dataURL = vCanvasEl.toDataURL(type);\n\n        if (backgroundColor) {\n          context.clearRect(0, 0, vWidth, vHeight);\n          context.putImageData(imageData, 0, 0);\n          context.globalCompositeOperation = compositeOperation;\n        }\n      }\n\n      var link = document.createElement('a');\n      var fileName = (name || 'graph') + (renderer === 'svg' ? '.svg' : \".\" + type.split('/')[1]);\n\n      _this.dataURLToImage(dataURL, renderer, link, fileName);\n\n      var e = document.createEvent('MouseEvents');\n      e.initEvent('click', false, false);\n      link.dispatchEvent(e);\n    }, 16);\n  };\n  /**\n   * 画布导出图片，图片仅包含画布可见区域部分内容\n   * @param {String} name 图片的名称\n   * @param {String} type 图片类型，可选值：\"image/png\" | \"image/jpeg\" | \"image/webp\" | \"image/bmp\"\n   * @param {string} backgroundColor 图片背景色\n   */\n\n\n  Graph.prototype.downloadImage = function (name, type, backgroundColor) {\n    var _this = this;\n\n    var self = this;\n\n    if (self.isAnimating()) {\n      self.stopAnimate();\n    }\n\n    var canvas = self.get('canvas');\n    var renderer = canvas.getRenderer();\n    if (!type) type = 'image/png';\n    var fileName = (name || 'graph') + (renderer === 'svg' ? '.svg' : type.split('/')[1]);\n    var link = document.createElement('a');\n    setTimeout(function () {\n      var dataURL = self.toDataURL(type, backgroundColor);\n\n      _this.dataURLToImage(dataURL, renderer, link, fileName);\n\n      var e = document.createEvent('MouseEvents');\n      e.initEvent('click', false, false);\n      link.dispatchEvent(e);\n    }, 16);\n  };\n\n  Graph.prototype.dataURLToImage = function (dataURL, renderer, link, fileName) {\n    if (typeof window !== 'undefined') {\n      if (window.Blob && window.URL && renderer !== 'svg') {\n        var arr = dataURL.split(',');\n        var mime = '';\n\n        if (arr && arr.length > 0) {\n          var match = arr[0].match(/:(.*?);/); // eslint-disable-next-line prefer-destructuring\n\n          if (match && match.length >= 2) mime = match[1];\n        }\n\n        var bstr = atob(arr[1]);\n        var n = bstr.length;\n        var u8arr = new Uint8Array(n);\n\n        while (n--) {\n          u8arr[n] = bstr.charCodeAt(n);\n        }\n\n        var blobObj_1 = new Blob([u8arr], {\n          type: mime\n        });\n\n        if (window.navigator.msSaveBlob) {\n          window.navigator.msSaveBlob(blobObj_1, fileName);\n        } else {\n          link.addEventListener('click', function () {\n            link.download = fileName;\n            link.href = window.URL.createObjectURL(blobObj_1);\n          });\n        }\n      } else {\n        link.addEventListener('click', function () {\n          link.download = fileName;\n          link.href = dataURL;\n        });\n      }\n    }\n  };\n  /**\n   * 添加插件\n   * @param {object} plugin 插件实例\n   */\n\n\n  Graph.prototype.addPlugin = function (plugin) {\n    var self = this;\n\n    if (plugin.destroyed) {\n      return;\n    }\n\n    self.get('plugins').push(plugin);\n    plugin.initPlugin(self);\n  };\n  /**\n   * 添加插件\n   * @param {object} plugin 插件实例\n   */\n\n\n  Graph.prototype.removePlugin = function (plugin) {\n    var plugins = this.get('plugins');\n    var index = plugins.indexOf(plugin);\n\n    if (index >= 0) {\n      plugin.destroyPlugin();\n      plugins.splice(index, 1);\n    }\n  };\n  /**\n   * 设置图片水印\n   * @param {string} imgURL 图片水印的url地址\n   * @param {WaterMarkerConfig} config 文本水印的配置项\n   */\n\n\n  Graph.prototype.setImageWaterMarker = function (imgURL, config) {\n    if (imgURL === void 0) {\n      imgURL = _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].waterMarkerImage;\n    }\n\n    var container = this.get('container');\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"isString\"])(container)) {\n      container = document.getElementById(container);\n    }\n\n    if (!container.style.position) {\n      container.style.position = 'relative';\n    }\n\n    var canvas = this.get('graphWaterMarker');\n    var waterMarkerConfig = Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"deepMix\"])({}, _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].imageWaterMarkerConfig, config);\n    var width = waterMarkerConfig.width,\n        height = waterMarkerConfig.height,\n        compatible = waterMarkerConfig.compatible,\n        image = waterMarkerConfig.image;\n\n    if (!canvas) {\n      var canvasCfg = {\n        container: container,\n        width: width,\n        height: height,\n        capture: false\n      };\n      var pixelRatio = this.get('pixelRatio');\n\n      if (pixelRatio) {\n        canvasCfg.pixelRatio = pixelRatio;\n      }\n\n      canvas = new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"](canvasCfg);\n      this.set('graphWaterMarker', canvas);\n    }\n\n    canvas.get('el').style.display = 'none';\n    var ctx = canvas.get('context');\n    var rotate = image.rotate,\n        x = image.x,\n        y = image.y; // 旋转20度\n\n    ctx.rotate(-rotate * Math.PI / 180);\n    var img = new Image();\n    img.crossOrigin = 'anonymous';\n    img.src = imgURL;\n\n    img.onload = function () {\n      ctx.drawImage(img, x, y, image.width, image.height); // 恢复旋转角度\n\n      ctx.rotate(rotate * Math.PI / 180); // 默认按照现代浏览器处理\n\n      if (!compatible) {\n        var box = document.querySelector('.g6-graph-watermarker');\n\n        if (!box) {\n          box = document.createElement('div');\n          box.className = 'g6-graph-watermarker';\n        }\n\n        box.className = 'g6-graph-watermarker';\n\n        if (!canvas.destroyed) {\n          box.style.cssText = \"background-image: url(\" + canvas.get('el').toDataURL('image/png') + \");background-repeat:repeat;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:-1;\";\n          container.appendChild(box);\n        }\n      } else {\n        // 当需要兼容不支持 pointer-events属性的浏览器时，将 compatible 设置为 true\n        container.style.cssText = \"background-image: url(\" + canvas.get('el').toDataURL('image/png') + \");background-repeat:repeat;\";\n      }\n    };\n  };\n  /**\n   * 设置文本水印\n   * @param {string[]} texts 水印的文本内容\n   * @param {WaterMarkerConfig} config 文本水印的配置项\n   */\n\n\n  Graph.prototype.setTextWaterMarker = function (texts, config) {\n    var container = this.get('container');\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"isString\"])(container)) {\n      container = document.getElementById(container);\n    }\n\n    if (!container.style.position) {\n      container.style.position = 'relative';\n    }\n\n    var canvas = this.get('graphWaterMarker');\n    var waterMarkerConfig = Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"deepMix\"])({}, _global__WEBPACK_IMPORTED_MODULE_6__[\"default\"].textWaterMarkerConfig, config);\n    var width = waterMarkerConfig.width,\n        height = waterMarkerConfig.height,\n        compatible = waterMarkerConfig.compatible,\n        text = waterMarkerConfig.text;\n\n    if (!canvas) {\n      var canvasCfg = {\n        container: container,\n        width: width,\n        height: height,\n        capture: false\n      };\n      var pixelRatio = this.get('pixelRatio');\n\n      if (pixelRatio) {\n        canvasCfg.pixelRatio = pixelRatio;\n      }\n\n      canvas = new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"](canvasCfg);\n      this.set('graphWaterMarker', canvas);\n    }\n\n    canvas.get('el').style.display = 'none';\n    var ctx = canvas.get('context');\n    var rotate = text.rotate,\n        fill = text.fill,\n        fontFamily = text.fontFamily,\n        fontSize = text.fontSize,\n        baseline = text.baseline,\n        x = text.x,\n        y = text.y,\n        lineHeight = text.lineHeight; // 旋转20度\n\n    ctx.rotate(-rotate * Math.PI / 180); // 设置文字样式\n\n    ctx.font = fontSize + \"px \" + fontFamily; // 设置文字颜色\n\n    ctx.fillStyle = fill;\n    ctx.textBaseline = baseline;\n\n    for (var i = texts.length - 1; i >= 0; i--) {\n      // 将文字绘制到画布\n      ctx.fillText(texts[i], x, y + i * lineHeight);\n    } // 恢复旋转角度\n\n\n    ctx.rotate(rotate * Math.PI / 180); // 默认按照现代浏览器处理\n\n    if (!compatible) {\n      var box = document.querySelector('.g6-graph-watermarker');\n\n      if (!box) {\n        box = document.createElement('div');\n        box.className = 'g6-graph-watermarker';\n      }\n\n      box.style.cssText = \"background-image: url(\" + canvas.get('el').toDataURL('image/png') + \");background-repeat:repeat;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:99;\";\n      container.appendChild(box);\n    } else {\n      // 当需要兼容不支持 pointer-events属性的浏览器时，将 compatible 设置为 true\n      container.style.cssText = \"background-image: url(\" + canvas.get('el').toDataURL('image/png') + \");background-repeat:repeat;\";\n    }\n  };\n  /**\n   * 销毁画布\n   */\n\n\n  Graph.prototype.destroy = function () {\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_4__[\"each\"])(this.get('plugins'), function (plugin) {\n      plugin.destroyPlugin();\n    }); // destroy tooltip doms, removed when upgrade G6 4.0\n\n    var tooltipDOMs = this.get('tooltips');\n\n    if (tooltipDOMs) {\n      for (var i = 0; i < tooltipDOMs.length; i++) {\n        var container = tooltipDOMs[i];\n        if (!container) continue;\n        var parent_1 = container.parentElement;\n        if (!parent_1) continue;\n        parent_1.removeChild(container);\n      }\n    }\n\n    this.get('eventController').destroy();\n    this.get('layoutController').destroy(); // this.get('eventController').destroy();\n    // this.get('itemController').destroy();\n    // this.get('modeController').destroy();\n    // this.get('viewController').destroy();\n    // this.get('stateController').destroy();\n    // this.get('canvas').destroy();\n\n    if (this.get('graphWaterMarker')) {\n      this.get('graphWaterMarker').destroy();\n    }\n\n    if (document.querySelector('.g6-graph-watermarker')) {\n      document.querySelector('.g6-graph-watermarker').remove();\n    }\n\n    _super.prototype.destroy.call(this);\n  };\n\n  return Graph;\n}(_antv_g6_core__WEBPACK_IMPORTED_MODULE_5__[\"AbstractGraph\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Graph);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/graph.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/tree-graph.js":
+/*!****************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/tree-graph.js ***!
+  \****************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _antv_hierarchy__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/hierarchy */ \"./node_modules/_@antv_hierarchy@0.6.6@@antv/hierarchy/build/hierarchy.js\");\n/* harmony import */ var _antv_hierarchy__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_antv_hierarchy__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/index.js\");\n/* harmony import */ var _graph__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./graph */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/graph.js\");\n\n\n\n\n\nvar radialLayout = _util__WEBPACK_IMPORTED_MODULE_3__[\"default\"].radialLayout,\n    traverseTree = _util__WEBPACK_IMPORTED_MODULE_3__[\"default\"].traverseTree;\n\nvar TreeGraph =\n/** @class */\nfunction (_super) {\n  Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"])(TreeGraph, _super);\n\n  function TreeGraph(cfg) {\n    var _this = _super.call(this, cfg) || this;\n\n    _this.layoutAnimating = false; // 用于缓存动画结束后需要删除的节点\n\n    _this.set('removeList', []);\n\n    _this.set('layoutMethod', _this.getLayout());\n\n    return _this;\n  }\n  /**\n   * 通过 Layout 配置获取布局配置\n   */\n\n\n  TreeGraph.prototype.getLayout = function () {\n    var layout = this.get('layout');\n\n    if (!layout) {\n      return null;\n    }\n\n    if (typeof layout === 'function') {\n      return layout;\n    }\n\n    if (!layout.type) {\n      layout.type = 'dendrogram';\n    }\n\n    if (!layout.direction) {\n      layout.direction = 'TB';\n    }\n\n    if (layout.radial) {\n      return function (data) {\n        var layoutData = _antv_hierarchy__WEBPACK_IMPORTED_MODULE_1___default.a[layout.type](data, layout);\n        radialLayout(layoutData);\n        return layoutData;\n      };\n    }\n\n    return function (data) {\n      return _antv_hierarchy__WEBPACK_IMPORTED_MODULE_1___default.a[layout.type](data, layout);\n    };\n  };\n  /**\n   * 返回指定节点在树图数据中的索引\n   * @param children 树图数据\n   * @param child 树图中某一个 Item 的数据\n   */\n\n\n  TreeGraph.indexOfChild = function (children, id) {\n    var index = -1; // eslint-disable-next-line consistent-return\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(children, function (former, i) {\n      if (id === former.id) {\n        index = i;\n        return false;\n      }\n    });\n    return index;\n  };\n\n  TreeGraph.prototype.getDefaultCfg = function () {\n    var cfg = _super.prototype.getDefaultCfg.call(this); // 树图默认打开动画\n\n\n    cfg.animate = true;\n    return cfg;\n  };\n  /**\n   * 向🌲树中添加数据\n   * @param treeData 树图数据\n   * @param parent 父节点实例\n   * @param animate 是否开启动画\n   */\n\n\n  TreeGraph.prototype.innerAddChild = function (treeData, parent, animate) {\n    var self = this;\n    var model = treeData.data;\n\n    if (model) {\n      // model 中应存储真实的数据，特别是真实的 children\n      model.x = treeData.x;\n      model.y = treeData.y;\n      model.depth = treeData.depth;\n    }\n\n    var node = self.addItem('node', model, false);\n\n    if (parent) {\n      node.set('parent', parent);\n\n      if (animate) {\n        var origin_1 = parent.get('originAttrs');\n\n        if (origin_1) {\n          node.set('originAttrs', origin_1);\n        } else {\n          var parentModel = parent.getModel();\n          node.set('originAttrs', {\n            x: parentModel.x,\n            y: parentModel.y\n          });\n        }\n      }\n\n      var childrenList = parent.get('children');\n\n      if (!childrenList) {\n        parent.set('children', [node]);\n      } else {\n        childrenList.push(node);\n      }\n\n      self.addItem('edge', {\n        source: parent,\n        target: node,\n        id: parent.get('id') + \":\" + node.get('id')\n      }, false);\n    } // 渲染到视图上应参考布局的children, 避免多绘制了收起的节点\n\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(treeData.children || [], function (child) {\n      self.innerAddChild(child, node, animate);\n    });\n    self.emit('afteraddchild', {\n      item: node,\n      parent: parent\n    });\n    return node;\n  };\n  /**\n   * 将数据上的变更转换到视图上\n   * @param data\n   * @param parent\n   * @param animate\n   */\n\n\n  TreeGraph.prototype.innerUpdateChild = function (data, parent, animate) {\n    var self = this;\n    var current = self.findById(data.id); // 若子树不存在，整体添加即可\n\n    if (!current) {\n      self.innerAddChild(data, parent, animate);\n      return;\n    } // 更新新节点下所有子节点\n\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(data.children || [], function (child) {\n      self.innerUpdateChild(child, current, animate);\n    }); // 用现在节点的children实例来删除移除的子节点\n\n    var children = current.get('children');\n\n    if (children) {\n      var len = children.length;\n\n      if (len > 0) {\n        for (var i = children.length - 1; i >= 0; i--) {\n          var child = children[i].getModel();\n\n          if (TreeGraph.indexOfChild(data.children || [], child.id) === -1) {\n            self.innerRemoveChild(child.id, {\n              x: data.x,\n              y: data.y\n            }, animate); // 更新父节点下缓存的子节点 item 实例列表\n\n            children.splice(i, 1);\n          }\n        }\n      }\n    }\n\n    var oriX;\n    var oriY;\n\n    if (current.get('originAttrs')) {\n      oriX = current.get('originAttrs').x;\n      oriY = current.get('originAttrs').y;\n    }\n\n    var model = current.getModel();\n\n    if (animate) {\n      // 如果有动画，先缓存节点运动再更新节点\n      current.set('originAttrs', {\n        x: model.x,\n        y: model.y\n      });\n    }\n\n    current.set('model', data.data);\n\n    if (oriX !== data.x || oriY !== data.y) {\n      current.updatePosition({\n        x: data.x,\n        y: data.y\n      });\n    }\n  };\n  /**\n   * 删除子节点Item对象\n   * @param id\n   * @param to\n   * @param animate\n   */\n\n\n  TreeGraph.prototype.innerRemoveChild = function (id, to, animate) {\n    var self = this;\n    var node = self.findById(id);\n\n    if (!node) {\n      return;\n    }\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(node.get('children'), function (child) {\n      self.innerRemoveChild(child.getModel().id, to, animate);\n    });\n\n    if (animate) {\n      var model = node.getModel();\n      node.set('to', to);\n      node.set('originAttrs', {\n        x: model.x,\n        y: model.y\n      });\n      self.get('removeList').push(node);\n    } else {\n      self.removeItem(node);\n    }\n  };\n  /**\n   * 更新数据模型，差量更新并重新渲染\n   * @param {object} data 数据模型\n   */\n\n\n  TreeGraph.prototype.changeData = function (data) {\n    var self = this; // 更改数据源后，取消所有状态\n\n    this.getNodes().map(function (node) {\n      return self.clearItemStates(node);\n    });\n    this.getEdges().map(function (edge) {\n      return self.clearItemStates(edge);\n    });\n\n    if (data) {\n      self.data(data);\n      self.render();\n    } else {\n      self.layout(this.get('fitView'));\n    }\n  };\n  /**\n   * 已更名为 updateLayout，为保持兼容暂且保留。\n   * 更改并应用树布局算法\n   * @param {object} layout 布局算法\n   */\n\n\n  TreeGraph.prototype.changeLayout = function (layout) {\n    // eslint-disable-next-line no-console\n    console.warn('Please call updateLayout instead of changeLayout. changeLayout will be discarded soon');\n    var self = this;\n    self.updateLayout(layout);\n  };\n  /**\n   * 更改并应用树布局算法\n   * @param {object} layout 布局算法\n   */\n\n\n  TreeGraph.prototype.updateLayout = function (layout) {\n    var self = this;\n\n    if (!layout) {\n      // eslint-disable-next-line no-console\n      console.warn('layout cannot be null');\n      return;\n    }\n\n    self.set('layout', layout);\n    self.set('layoutMethod', self.getLayout());\n    self.layout();\n  };\n  /**\n   * 已更名为 layout，为保持兼容暂且保留。\n   * 根据目前的 data 刷新布局，更新到画布上。用于变更数据之后刷新视图。\n   * @param {boolean} fitView 更新布局时是否需要适应窗口\n   */\n\n\n  TreeGraph.prototype.refreshLayout = function (fitView) {\n    // eslint-disable-next-line no-console\n    console.warn('Please call layout instead of refreshLayout. refreshLayout will be discarded soon');\n    var self = this;\n    self.layout(fitView);\n  };\n  /**\n   * 根据目前的 data 刷新布局，更新到画布上。用于变更数据之后刷新视图。\n   * @param {boolean} fitView 更新布局时是否需要适应窗口\n   */\n\n\n  TreeGraph.prototype.layout = function (fitView) {\n    var self = this;\n    var data = self.get('data');\n    var layoutMethod = self.get('layoutMethod');\n    var layoutData = layoutMethod(data, self.get('layout'));\n    var animate = self.get('animate');\n    self.emit('beforerefreshlayout', {\n      data: data,\n      layoutData: layoutData\n    });\n    self.emit('beforelayout');\n    self.innerUpdateChild(layoutData, undefined, animate);\n\n    if (fitView) {\n      var viewController = self.get('viewController');\n      viewController.fitView();\n    }\n\n    if (!animate) {\n      // 如果没有动画，目前仅更新了节点的位置，刷新一下边的样式\n      self.refresh();\n      self.paint();\n    } else {\n      self.layoutAnimate(layoutData);\n    }\n\n    self.emit('afterrefreshlayout', {\n      data: data,\n      layoutData: layoutData\n    });\n    self.emit('afterlayout');\n  };\n  /**\n   * 添加子树到对应 id 的节点\n   * @param {TreeGraphData} data 子树数据模型\n   * @param {string} parent 子树的父节点id\n   */\n\n\n  TreeGraph.prototype.addChild = function (data, parent) {\n    var self = this;\n    self.emit('beforeaddchild', {\n      model: data,\n      parent: parent\n    }); // 将数据添加到源数据中，走changeData方法\n\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isString\"])(parent)) {\n      parent = parent.get('id');\n    }\n\n    var parentData = self.findDataById(parent);\n\n    if (parentData) {\n      if (!parentData.children) {\n        parentData.children = [];\n      }\n\n      parentData.children.push(data);\n      self.changeData();\n    }\n  };\n  /**\n   * 更新某个节点下的所有子节点\n   * @param {TreeGraphData[]} data 子树数据模型集合\n   * @param {string} parent 子树的父节点id\n   */\n\n\n  TreeGraph.prototype.updateChildren = function (data, parentId) {\n    var self = this; // 如果没有父节点或找不到该节点，是全量的更新，直接重置data\n\n    if (!parentId || !self.findById(parentId)) {\n      console.warn(\"Update children failed! There is no node with id '\" + parentId + \"'\");\n      return;\n    }\n\n    var parentModel = self.findDataById(parentId);\n    parentModel.children = data;\n    self.changeData();\n  };\n  /**\n   * 更新源数据，差量更新子树\n   * @param {TreeGraphData} data 子树数据模型\n   * @param {string} parentId 子树的父节点id\n   */\n\n\n  TreeGraph.prototype.updateChild = function (data, parentId) {\n    var self = this; // 如果没有父节点或找不到该节点，是全量的更新，直接重置data\n\n    if (!parentId || !self.findById(parentId)) {\n      self.changeData(data);\n      return;\n    }\n\n    var parentModel = self.findDataById(parentId);\n    var current = self.findById(data.id);\n\n    if (!parentModel.children) {\n      // 当 current 不存在时，children 为空数组\n      parentModel.children = [];\n    } // 如果不存在该节点，则添加\n\n\n    if (!current) {\n      parentModel.children.push(data);\n    } else {\n      var index = TreeGraph.indexOfChild(parentModel.children, data.id);\n      parentModel.children[index] = data;\n    }\n\n    self.changeData();\n  };\n  /**\n   * 删除子树\n   * @param {string} id 子树根节点id\n   */\n\n\n  TreeGraph.prototype.removeChild = function (id) {\n    var self = this;\n    var node = self.findById(id);\n\n    if (!node) {\n      return;\n    }\n\n    var parent = node.get('parent');\n\n    if (parent && !parent.destroyed) {\n      var parentNode = self.findDataById(parent.get('id'));\n      var siblings = parentNode && parentNode.children || [];\n      var model = node.getModel();\n      var index = TreeGraph.indexOfChild(siblings, model.id);\n      siblings.splice(index, 1);\n    }\n\n    self.changeData();\n  };\n  /**\n   * 根据id获取对应的源数据\n   * @param {string} id 元素id\n   * @param {TreeGraphData | undefined} parent 从哪个节点开始寻找，为空时从根节点开始查找\n   * @return {TreeGraphData} 对应源数据\n   */\n\n\n  TreeGraph.prototype.findDataById = function (id, parent) {\n    var self = this;\n\n    if (!parent) {\n      parent = self.get('data');\n    }\n\n    if (id === parent.id) {\n      return parent;\n    }\n\n    var result = null; // eslint-disable-next-line consistent-return\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(parent.children || [], function (child) {\n      if (child.id === id) {\n        result = child;\n        return false;\n      }\n\n      result = self.findDataById(id, child);\n\n      if (result) {\n        return false;\n      }\n    });\n    return result;\n  };\n  /**\n   * 布局动画接口，用于数据更新时做节点位置更新的动画\n   * @param {TreeGraphData} data 更新的数据\n   * @param {function} onFrame 定义节点位置更新时如何移动\n   */\n\n\n  TreeGraph.prototype.layoutAnimate = function (data, onFrame) {\n    var self = this;\n    var animateCfg = this.get('animateCfg');\n    self.emit('beforeanimate', {\n      data: data\n    }); // 如果边中没有指定锚点，但是本身有锚点控制，在动画过程中保持锚点不变\n\n    self.getEdges().forEach(function (edge) {\n      var model = edge.get('model');\n\n      if (!model.sourceAnchor) {\n        model.sourceAnchor = edge.get('sourceAnchorIndex');\n      }\n    });\n    this.get('canvas').animate(function (ratio) {\n      traverseTree(data, function (child) {\n        var node = self.findById(child.id); // 只有当存在node的时候才执行\n\n        if (node) {\n          var origin_2 = node.get('originAttrs');\n          var model = node.get('model');\n\n          if (!origin_2) {\n            origin_2 = {\n              x: model.x,\n              y: model.y\n            };\n            node.set('originAttrs', origin_2);\n          }\n\n          if (onFrame) {\n            var attrs = onFrame(node, ratio, origin_2, data);\n            node.set('model', Object.assign(model, attrs));\n          } else {\n            model.x = origin_2.x + (child.x - origin_2.x) * ratio;\n            model.y = origin_2.y + (child.y - origin_2.y) * ratio;\n          }\n        }\n\n        return true;\n      });\n      Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(self.get('removeList'), function (node) {\n        var model = node.getModel();\n        var from = node.get('originAttrs');\n        var to = node.get('to');\n        model.x = from.x + (to.x - from.x) * ratio;\n        model.y = from.y + (to.y - from.y) * ratio;\n      });\n      self.refreshPositions();\n    }, {\n      duration: animateCfg.duration,\n      easing: animateCfg.ease,\n      callback: function callback() {\n        Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(self.getNodes(), function (node) {\n          node.set('originAttrs', null);\n        });\n        Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(self.get('removeList'), function (node) {\n          self.removeItem(node);\n        });\n        self.set('removeList', []);\n\n        if (animateCfg.callback) {\n          animateCfg.callback();\n        }\n\n        self.emit('afteranimate', {\n          data: data\n        });\n      },\n      delay: animateCfg.delay\n    });\n  };\n  /**\n   * 立即停止布局动画\n   */\n\n\n  TreeGraph.prototype.stopLayoutAnimate = function () {\n    this.get('canvas').stopAnimate();\n    this.emit('layoutanimateend', {\n      data: this.get('data')\n    });\n    this.layoutAnimating = false;\n  };\n  /**\n   * 是否在布局动画\n   * @return {boolean} 是否有布局动画\n   */\n\n\n  TreeGraph.prototype.isLayoutAnimating = function () {\n    return this.layoutAnimating;\n  };\n  /**\n   * 根据data接口的数据渲染视图\n   */\n\n\n  TreeGraph.prototype.render = function () {\n    var self = this;\n    var data = self.get('data');\n\n    if (!data) {\n      throw new Error('data must be defined first');\n    }\n\n    self.clear();\n    self.emit('beforerender');\n    self.layout(this.get('fitView'));\n    self.emit('afterrender');\n  };\n  /**\n   * 导出图数据\n   * @return {object} data\n   */\n\n\n  TreeGraph.prototype.save = function () {\n    return this.get('data');\n  };\n\n  return TreeGraph;\n}(_graph__WEBPACK_IMPORTED_MODULE_4__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (TreeGraph);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/tree-graph.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/index.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/index.js ***!
+  \*****************************************************************/
+/*! exports provided: G6GraphEvent, G6Event, Node, Edge, Combo, Hull, registerNode, registerCombo, AbstractGraph, registerEdge, registerBehavior, AbstractLayout, AbstractEvent, BaseGlobal, Graph, TreeGraph, Util, Layout, registerLayout, Global, Minimap, Grid, Bundling, Menu, Fisheye, Algorithm, ToolBar, Tooltip, TimeBar, ImageMinimap, EdgeFilterLens, Arrow, Marker, Shape, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Minimap\", function() { return Minimap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Grid\", function() { return Grid; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Bundling\", function() { return Bundling; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Menu\", function() { return Menu; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Fisheye\", function() { return Fisheye; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ToolBar\", function() { return ToolBar; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Tooltip\", function() { return Tooltip; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TimeBar\", function() { return TimeBar; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ImageMinimap\", function() { return ImageMinimap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EdgeFilterLens\", function() { return EdgeFilterLens; });\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Arrow\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Arrow\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Marker\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Marker\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Shape\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Shape\"]; });\n\n/* harmony import */ var _antv_algorithm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/algorithm */ \"./node_modules/_@antv_algorithm@0.1.4@@antv/algorithm/dist/index.min.js\");\n/* harmony import */ var _antv_algorithm__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_antv_algorithm__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, \"Algorithm\", function() { return _antv_algorithm__WEBPACK_IMPORTED_MODULE_1__; });\n/* harmony import */ var _graph_graph__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./graph/graph */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/graph.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Graph\", function() { return _graph_graph__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _graph_tree_graph__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./graph/tree-graph */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/graph/tree-graph.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TreeGraph\", function() { return _graph_tree_graph__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./layout */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Layout\", function() { return _layout__WEBPACK_IMPORTED_MODULE_4__[\"Layout\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerLayout\", function() { return _layout__WEBPACK_IMPORTED_MODULE_4__[\"registerLayout\"]; });\n\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./global */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/global.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Global\", function() { return _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./util */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Util\", function() { return _util__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _plugin__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./plugin */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/plugin/index.js\");\n/* harmony import */ var _element__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./element */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/element/index.js\");\n/* harmony import */ var _behavior__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./behavior */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/behavior/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"G6GraphEvent\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6Event\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"G6Event\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Node\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Node\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Edge\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Edge\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Combo\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Combo\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Hull\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Hull\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerNode\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerNode\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerCombo\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerCombo\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractGraph\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"AbstractGraph\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerEdge\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerEdge\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerBehavior\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerBehavior\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractLayout\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"AbstractLayout\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractEvent\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"AbstractEvent\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"BaseGlobal\", function() { return _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"BaseGlobal\"]; });\n\n/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./types */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/types/index.js\");\n/* empty/unused harmony star reexport *//* harmony import */ var _interface_graph__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./interface/graph */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/interface/graph.js\");\n/* empty/unused harmony star reexport */\n\n\n\n\n\n\n\n\n\nvar Minimap = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Minimap;\nvar Grid = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Grid;\nvar Bundling = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Bundling;\nvar Menu = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Menu;\nvar Fisheye = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Fisheye;\nvar ToolBar = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].ToolBar;\nvar Tooltip = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Tooltip;\nvar TimeBar = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].TimeBar;\nvar ImageMinimap = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].ImageMinimap;\nvar EdgeFilterLens = _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].EdgeFilterLens;\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  version: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"].version,\n  Graph: _graph_graph__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  TreeGraph: _graph_tree_graph__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  Util: _util__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n  Layout: _layout__WEBPACK_IMPORTED_MODULE_4__[\"Layout\"],\n  registerLayout: _layout__WEBPACK_IMPORTED_MODULE_4__[\"registerLayout\"],\n  Global: _global__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  registerBehavior: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerBehavior\"],\n  registerCombo: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerCombo\"],\n  registerEdge: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerEdge\"],\n  registerNode: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"registerNode\"],\n  Minimap: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Minimap,\n  Grid: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Grid,\n  Bundling: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Bundling,\n  Menu: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Menu,\n  ToolBar: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].ToolBar,\n  Tooltip: _plugin__WEBPACK_IMPORTED_MODULE_7__[\"default\"].Tooltip,\n  TimeBar: TimeBar,\n  Fisheye: Fisheye,\n  ImageMinimap: ImageMinimap,\n  EdgeFilterLens: EdgeFilterLens,\n  Algorithm: _antv_algorithm__WEBPACK_IMPORTED_MODULE_1__,\n  Arrow: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Arrow\"],\n  Marker: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Marker\"],\n  Shape: _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Shape\"]\n});\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/interface/graph.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/interface/graph.js ***!
+  \***************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/interface/graph.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/index.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/index.js ***!
+  \************************************************************************/
+/*! exports provided: Layout, registerLayout */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerLayout\", function() { return registerLayout; });\n/* harmony import */ var _antv_layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/layout */ \"./node_modules/_@antv_layout@0.1.10@@antv/layout/es/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Layout\", function() { return _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"Layouts\"]; });\n\n\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('grid', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"GridLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('random', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"RandomLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('force', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"ForceLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('circular', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"CircularLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('dagre', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"DagreLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('radial', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"RadialLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('concentric', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"ConcentricLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('mds', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"MDSLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('fruchterman', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"FruchtermanLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('fruchterman-gpu', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"FruchtermanGPULayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('gForce', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"GForceLayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('gForce-gpu', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"GForceGPULayout\"]);\nObject(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])('comboForce', _antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"ComboForceLayout\"]);\n\nvar registerLayout = function registerLayout(name, layoutOverride) {\n  layoutOverride.isCustomLayout = true;\n  Object(_antv_layout__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"])(name, layoutOverride);\n};\n\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/layout.worker.js":
+/*!***************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/layout.worker.js ***!
+  \***************************************************************************************/
+/*! exports provided: LayoutWorker */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LayoutWorker\", function() { return LayoutWorker; });\n/* harmony import */ var _work__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./work */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/work.js\");\n\nvar LayoutWorker = function LayoutWorker(workerScriptURL) {\n  if (workerScriptURL === void 0) {\n    workerScriptURL = 'https://unpkg.com/@antv/layout@latest/dist/layout.min.js';\n  }\n\n  function workerCode() {\n    var LAYOUT_MESSAGE = {\n      // run layout\n      RUN: 'LAYOUT_RUN',\n      // layout ended with success\n      END: 'LAYOUT_END',\n      // layout error\n      ERROR: 'LAYOUT_ERROR',\n      // layout tick, used in force directed layout\n      TICK: 'LAYOUT_TICK',\n      GPURUN: 'GPU_LAYOUT_RUN',\n      GPUEND: 'GPU_LAYOUT_END'\n    }; // @ts-ignore\n\n    layout.registerLayout('grid', layout.GridLayout); // @ts-ignore\n\n    layout.registerLayout('random', layout.RandomLayout); // @ts-ignore\n\n    layout.registerLayout('force', layout.ForceLayout); // @ts-ignore\n\n    layout.registerLayout('circular', layout.CircularLayout); // @ts-ignore\n\n    layout.registerLayout('dagre', layout.DagreLayout); // @ts-ignore\n\n    layout.registerLayout('radial', layout.RadialLayout); // @ts-ignore\n\n    layout.registerLayout('concentric', layout.ConcentricLayout); // @ts-ignore\n\n    layout.registerLayout('mds', layout.MDSLayout); // @ts-ignore\n\n    layout.registerLayout('fruchterman', layout.FruchtermanLayout); // @ts-ignore\n\n    layout.registerLayout('fruchterman-gpu', layout.FruchtermanGPULayout); // @ts-ignore\n\n    layout.registerLayout('gForce', layout.GForceLayout); // @ts-ignore\n\n    layout.registerLayout('gForce-gpu', layout.GForceGPULayout); // @ts-ignore\n\n    layout.registerLayout('comboForce', layout.ComboForceLayout);\n\n    function isLayoutMessage(event) {\n      var type = event.data.type;\n      return type === LAYOUT_MESSAGE.RUN || type === LAYOUT_MESSAGE.GPURUN;\n    }\n\n    function handleLayoutMessage(event) {\n      var type = event.data.type;\n\n      switch (type) {\n        case LAYOUT_MESSAGE.RUN:\n          {\n            var _a = event.data,\n                nodes = _a.nodes,\n                edges = _a.edges,\n                _b = _a.layoutCfg,\n                layoutCfg = _b === void 0 ? {} : _b;\n            var layoutType = layoutCfg.type; // @ts-ignore\n\n            var LayoutClass = layout.getLayoutByName(layoutType);\n\n            if (!LayoutClass) {\n              this.postMessage({\n                type: LAYOUT_MESSAGE.ERROR,\n                message: \"layout \" + layoutType + \" not found\"\n              });\n              break;\n            }\n\n            var layoutMethod = new LayoutClass(layoutCfg);\n            layoutMethod.init({\n              nodes: nodes,\n              edges: edges\n            });\n            layoutMethod.execute();\n            this.postMessage({\n              type: LAYOUT_MESSAGE.END,\n              nodes: nodes\n            });\n            layoutMethod.destroy();\n            break;\n          }\n\n        case LAYOUT_MESSAGE.GPURUN:\n          {\n            var _c = event.data,\n                nodes = _c.nodes,\n                edges = _c.edges,\n                _d = _c.layoutCfg,\n                layoutCfg = _d === void 0 ? {} : _d,\n                canvas = _c.canvas;\n            var layoutType = layoutCfg.type; // @ts-ignore\n\n            var LayoutClass = layout.getLayoutByName(layoutType);\n\n            if (!LayoutClass) {\n              this.postMessage({\n                type: LAYOUT_MESSAGE.ERROR,\n                message: \"layout \" + layoutType + \" not found\"\n              });\n              break;\n            }\n\n            if (layoutType.split('-')[1] !== 'gpu') {\n              this.postMessage({\n                type: LAYOUT_MESSAGE.ERROR,\n                message: \"layout \" + layoutType + \" does not support GPU\"\n              });\n              break;\n            }\n\n            var layoutMethod = new LayoutClass(layoutCfg);\n            layoutMethod.init({\n              nodes: nodes,\n              edges: edges\n            });\n            layoutMethod.executeWithWorker(canvas, this);\n            break;\n          }\n\n        default:\n          break;\n      }\n    }\n\n    onmessage = function onmessage(event) {\n      if (isLayoutMessage(event)) {\n        handleLayoutMessage(event);\n      }\n    };\n  }\n\n  var layoutWorker = new _work__WEBPACK_IMPORTED_MODULE_0__[\"default\"](workerCode, workerScriptURL);\n  return layoutWorker;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/layout.worker.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/layoutConst.js":
+/*!*************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/layoutConst.js ***!
+  \*************************************************************************************/
+/*! exports provided: LAYOUT_MESSAGE */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LAYOUT_MESSAGE\", function() { return LAYOUT_MESSAGE; });\n/**\n * @fileoverview constants for layout\n * @author changzhe.zb@antfin.com\n */\n\n/** layout message type */\nvar LAYOUT_MESSAGE = {\n  // run layout\n  RUN: 'LAYOUT_RUN',\n  // layout ended with success\n  END: 'LAYOUT_END',\n  // layout error\n  ERROR: 'LAYOUT_ERROR',\n  // layout tick, used in force directed layout\n  TICK: 'LAYOUT_TICK',\n  GPURUN: 'GPU_LAYOUT_RUN',\n  GPUEND: 'GPU_LAYOUT_END'\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/layoutConst.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/work.js":
+/*!******************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/work.js ***!
+  \******************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\nvar WebWorker =\n/** @class */\nfunction () {\n  function WebWorker(worker, workerScirptURL) {\n    var code = worker.toString();\n    var blob = new Blob([\"importScripts('\" + workerScirptURL + \"');(\" + code + \")()\"], {\n      type: 'text/javascript'\n    });\n    return new Worker(URL.createObjectURL(blob));\n  }\n\n  return WebWorker;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (WebWorker);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/layout/worker/work.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/plugin/index.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/plugin/index.js ***!
+  \************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_g6_plugin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-plugin */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/index.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_antv_g6_plugin__WEBPACK_IMPORTED_MODULE_0__[\"default\"]); // export default {};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/plugin/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/types/index.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/types/index.js ***!
+  \***********************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/types/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/color.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/color.js ***!
+  \**********************************************************************/
+/*! exports provided: mixColor, getColorsWithSubjectColor, getColorSetsBySubjectColors */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"mixColor\", function() { return mixColor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getColorsWithSubjectColor\", function() { return getColorsWithSubjectColor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getColorSetsBySubjectColors\", function() { return getColorSetsBySubjectColors; });\n/* harmony import */ var color__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! color */ \"./node_modules/_color@3.1.3@color/index.js\");\n/* harmony import */ var color__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(color__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ant-design/colors */ \"./node_modules/_@ant-design_colors@4.0.5@@ant-design/colors/dist/index.esm.js\");\n\n\n/**\n * get the mix color of backColor and frontColor with alpah\n * @param backColor background color\n * @param frontColor foreground color\n * @param frontAlpha the opacity of foreground color\n */\n\nvar mixColor = function mixColor(backColor, frontColor, frontAlpha) {\n  var bc = color__WEBPACK_IMPORTED_MODULE_0___default()(backColor);\n  var fc = color__WEBPACK_IMPORTED_MODULE_0___default()(frontColor);\n  return color__WEBPACK_IMPORTED_MODULE_0___default()([(1 - frontAlpha) * bc.red() + frontAlpha * fc.red(), (1 - frontAlpha) * bc.green() + frontAlpha * fc.green(), (1 - frontAlpha) * bc.blue() + frontAlpha * fc.blue()]).rgb();\n};\n\nvar getColorsWithDefaultTheme = function getColorsWithDefaultTheme(subjectColor, backColor, disableColor) {\n  if (backColor === void 0) {\n    backColor = '#fff';\n  }\n\n  if (disableColor === void 0) {\n    disableColor = 'rgb(150, 150, 150)';\n  }\n\n  var subjectColor005 = mixColor(backColor, subjectColor, 0.05).rgb().toString();\n  var subjectColor01 = mixColor(backColor, subjectColor, 0.1).rgb().toString();\n  var subjectColor02 = mixColor(backColor, subjectColor, 0.2).rgb().toString();\n  var subjectColor04 = mixColor(backColor, subjectColor, 0.4).rgb().toString();\n  var disableColor002 = mixColor(backColor, disableColor, 0.02).rgb().toString();\n  var disableColor005 = mixColor(backColor, disableColor, 0.05).rgb().toString();\n  var disableColor01 = mixColor(backColor, disableColor, 0.1).rgb().toString();\n  var disableColor02 = mixColor(backColor, disableColor, 0.2).rgb().toString();\n  var disableColor03 = mixColor(backColor, disableColor, 0.3).rgb().toString();\n  var paletteFromSubject = Object(_ant_design_colors__WEBPACK_IMPORTED_MODULE_1__[\"generate\"])(subjectColor, {\n    theme: 'default',\n    backgroundColor: backColor\n  });\n  var subjectHex = color__WEBPACK_IMPORTED_MODULE_0___default()(subjectColor).hex().toLowerCase();\n  var subjectIdx = paletteFromSubject.indexOf(subjectHex);\n  var deeperSubject = subjectColor;\n\n  if (subjectIdx !== -1) {\n    deeperSubject = paletteFromSubject[subjectIdx + 1];\n  }\n\n  return {\n    // for nodes\n    mainStroke: subjectColor,\n    mainFill: subjectColor01,\n    activeStroke: subjectColor,\n    activeFill: subjectColor005,\n    inactiveStroke: subjectColor04,\n    inactiveFill: subjectColor005,\n    selectedStroke: subjectColor,\n    selectedFill: backColor,\n    highlightStroke: deeperSubject,\n    highlightFill: subjectColor02,\n    disableStroke: disableColor03,\n    disableFill: disableColor005,\n    // for edges\n    edgeMainStroke: disableColor03,\n    edgeActiveStroke: subjectColor,\n    edgeInactiveStroke: disableColor02,\n    edgeSelectedStroke: subjectColor,\n    edgeHighlightStroke: subjectColor,\n    edgeDisableStroke: disableColor01,\n    // for combos\n    comboMainStroke: disableColor03,\n    comboMainFill: disableColor002,\n    comboActiveStroke: subjectColor,\n    comboActiveFill: subjectColor005,\n    comboInactiveStroke: disableColor03,\n    comboInactiveFill: disableColor002,\n    comboSelectedStroke: subjectColor,\n    comboSelectedFill: disableColor002,\n    comboHighlightStroke: deeperSubject,\n    comboHighlightFill: disableColor002,\n    comboDisableStroke: disableColor02,\n    comboDisableFill: disableColor005\n  };\n};\n\nvar getColorsWithDarkTheme = function getColorsWithDarkTheme(subjectColor, backColor, disableColor) {\n  if (backColor === void 0) {\n    backColor = '#fff';\n  }\n\n  if (disableColor === void 0) {\n    disableColor = '#777';\n  }\n\n  var subjectColor02 = mixColor(backColor, subjectColor, 0.2).rgb().toString();\n  var subjectColor03 = mixColor(backColor, subjectColor, 0.3).rgb().toString();\n  var subjectColor06 = mixColor(backColor, subjectColor, 0.6).rgb().toString();\n  var subjectColor08 = mixColor(backColor, subjectColor, 0.8).rgb().toString();\n  var disableColor02 = mixColor(backColor, disableColor, 0.2).rgb().toString();\n  var disableColor025 = mixColor(backColor, disableColor, 0.25).rgb().toString();\n  var disableColor03 = mixColor(backColor, disableColor, 0.3).rgb().toString();\n  var disableColor04 = mixColor(backColor, disableColor, 0.4).rgb().toString();\n  var disableColor05 = mixColor(backColor, disableColor, 0.5).rgb().toString();\n  var paletteFromSubject = Object(_ant_design_colors__WEBPACK_IMPORTED_MODULE_1__[\"generate\"])(subjectColor, {\n    theme: 'dark',\n    backgroundColor: backColor\n  });\n  var subjectHex = color__WEBPACK_IMPORTED_MODULE_0___default()(subjectColor).hex().toLowerCase();\n  var subjectIdx = paletteFromSubject.indexOf(subjectHex);\n  var deeperSubject = subjectColor;\n\n  if (subjectIdx !== -1) {\n    deeperSubject = paletteFromSubject[subjectIdx + 1];\n  }\n\n  return {\n    // for nodes\n    mainStroke: subjectColor08,\n    mainFill: subjectColor02,\n    activeStroke: subjectColor,\n    activeFill: subjectColor03,\n    inactiveStroke: subjectColor08,\n    inactiveFill: subjectColor02,\n    selectedStroke: subjectColor,\n    selectedFill: subjectColor02,\n    highlightStroke: subjectColor,\n    highlightFill: subjectColor06,\n    disableStroke: disableColor05,\n    disableFill: disableColor025,\n    // for edges\n    edgeMainStroke: disableColor,\n    edgeActiveStroke: subjectColor,\n    edgeInactiveStroke: disableColor,\n    edgeSelectedStroke: subjectColor,\n    edgeHighlightStroke: subjectColor,\n    edgeDisableStroke: disableColor03,\n    // for combos\n    comboMainStroke: disableColor04,\n    comboMainFill: disableColor025,\n    comboActiveStroke: subjectColor,\n    comboActiveFill: disableColor02,\n    comboInactiveStroke: disableColor04,\n    comboInactiveFill: disableColor025,\n    comboSelectedStroke: subjectColor,\n    comboSelectedFill: disableColor02,\n    comboHighlightStroke: deeperSubject,\n    comboHighlightFill: disableColor025,\n    comboDisableStroke: disableColor04,\n    comboDisableFill: disableColor02\n  };\n};\n/**\n * get the set of colors according to the subject color and background color\n * @param subjectColor the subject color\n * @param backColor background color\n * @param disableColor the color for disable state\n */\n\n\nvar getColorsWithSubjectColor = function getColorsWithSubjectColor(subjectColor, backColor, theme, disableColor) {\n  if (backColor === void 0) {\n    backColor = '#fff';\n  }\n\n  if (theme === void 0) {\n    theme = 'default';\n  }\n\n  if (disableColor === void 0) {\n    disableColor = 'rgb(150, 150, 150)';\n  }\n\n  if (theme === 'default') return getColorsWithDefaultTheme(subjectColor, backColor, 'rgb(150, 150, 150)');\n  return getColorsWithDarkTheme(subjectColor, backColor, '#777');\n};\nvar getColorSetsBySubjectColors = function getColorSetsBySubjectColors(subjectColors, backColor, theme, disableColor) {\n  if (backColor === void 0) {\n    backColor = '#fff';\n  }\n\n  if (theme === void 0) {\n    theme = 'default';\n  }\n\n  if (disableColor === void 0) {\n    disableColor = 'rgb(150, 150, 150)';\n  }\n\n  var sets = [];\n  subjectColors.forEach(function (sColor) {\n    sets.push(getColorsWithSubjectColor(sColor, backColor, theme, disableColor));\n  });\n  return sets;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/color.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/gpu.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/gpu.js ***!
+  \********************************************************************/
+/*! exports provided: gpuDetector */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"gpuDetector\", function() { return gpuDetector; });\n/**\n * 调用 gpuDetector.webgl 判断当前浏览器是否支持 webgl。（支持 gpgpu 的浏览器一定也支持 webgl）\n */\nvar gpuDetector = function gpuDetector() {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return {};\n  return {\n    canvas: !!window.CanvasRenderingContext2D,\n    webgl: function () {\n      try {\n        var canvas = document.createElement('canvas');\n        return !!(window.WebGLRenderingContext && (canvas.getContext('webgl') || canvas.getContext('experimental-webgl')));\n      } catch (e) {\n        return false;\n      }\n    }(),\n    workers: !!window.Worker,\n    fileapi: window.File && window.FileReader && window.FileList && window.Blob,\n    getWebGLErrorMessage: function getWebGLErrorMessage() {\n      var element = document.createElement('div');\n      element.id = 'webgl-error-message';\n      element.style.fontFamily = 'monospace';\n      element.style.fontSize = '13px';\n      element.style.fontWeight = 'normal';\n      element.style.textAlign = 'center';\n      element.style.background = '#fff';\n      element.style.color = '#000';\n      element.style.padding = '1.5em';\n      element.style.width = '400px';\n      element.style.margin = '5em auto 0';\n\n      if (!this.webgl) {\n        element.innerHTML = window.WebGLRenderingContext ? ['Your graphics card does not seem to support <a href=\"http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation\" rel=\"external nofollow\" rel=\"external nofollow\" style=\"color:#000\">WebGL</a>.<br />', 'Find out how to get it <a href=\"http://get.webgl.org/\" rel=\"external nofollow\" rel=\"external nofollow\" style=\"color:#000\">here</a>.'].join('\\n') : ['Your browser does not seem to support <a href=\"http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation\" rel=\"external nofollow\" rel=\"external nofollow\" style=\"color:#000\">WebGL</a>.<br/>', 'Find out how to get it <a href=\"http://get.webgl.org/\" rel=\"external nofollow\" rel=\"external nofollow\" style=\"color:#000\">here</a>.'].join('\\n');\n      }\n\n      return element;\n    },\n    addGetWebGLMessage: function addGetWebGLMessage(parameters) {\n      parameters = parameters || {};\n      var parent = parameters.parent !== undefined ? parameters.parent : document.body;\n      var id = parameters.id !== undefined ? parameters.id : 'oldie';\n      var element = gpuDetector().getWebGLErrorMessage();\n      element.id = id;\n      parent.appendChild(element);\n    }\n  };\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/gpu.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/index.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/index.js ***!
+  \**********************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/_tslib@2.1.0@tslib/tslib.es6.js\");\n/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./color */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/color.js\");\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./layout */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/layout.js\");\n/* harmony import */ var _gpu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./gpu */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/gpu.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n\n\n\n\n\n\nvar G6Util = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])(Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"])({}, _antv_g6_core__WEBPACK_IMPORTED_MODULE_4__[\"Util\"]), _color__WEBPACK_IMPORTED_MODULE_1__), _layout__WEBPACK_IMPORTED_MODULE_2__), _gpu__WEBPACK_IMPORTED_MODULE_3__);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (G6Util);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/layout.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/layout.js ***!
+  \***********************************************************************/
+/*! exports provided: proccessToFunc, buildTextureData, buildTextureDataWithOneEdgeAttr, buildTextureDataWithTwoEdgeAttr, attributesToTextureData, arrayToTextureData, radialLayout */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"proccessToFunc\", function() { return proccessToFunc; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"buildTextureData\", function() { return buildTextureData; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"buildTextureDataWithOneEdgeAttr\", function() { return buildTextureDataWithOneEdgeAttr; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"buildTextureDataWithTwoEdgeAttr\", function() { return buildTextureDataWithTwoEdgeAttr; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"attributesToTextureData\", function() { return attributesToTextureData; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"arrayToTextureData\", function() { return arrayToTextureData; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"radialLayout\", function() { return radialLayout; });\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\nvar traverseTree = _antv_g6_core__WEBPACK_IMPORTED_MODULE_0__[\"Util\"].traverseTree;\n/**\n * 将 number | Function 类型的参数转换为 return number 的 Function\n * @param  {number | Function}  value 需要被转换的值\n * @param  {number}  defaultV 返回函数的默认返回值\n * @return {Function} 转换后的函数\n */\n\nvar proccessToFunc = function proccessToFunc(value, defaultV) {\n  var func;\n\n  if (!value) {\n    func = function func(d) {\n      return defaultV || 1;\n    };\n  } else if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNumber\"])(value)) {\n    func = function func(d) {\n      return value;\n    };\n  } else {\n    func = value;\n  }\n\n  return func;\n};\n/**\n * 将节点和边数据转换为 GPU 可读的数组。并返回 maxEdgePerVetex，每个节点上最多的边数\n * @param  {NodeConfig[]}  nodes 需要被转换的值\n * @param  {EdgeConfig[]}  edges 返回函数的默认返回值\n * @return {Object} 转换后的数组及 maxEdgePerVetex 组成的对象\n */\n\nvar buildTextureData = function buildTextureData(nodes, edges) {\n  var dataArray = [];\n  var nodeDict = [];\n  var mapIdPos = {};\n  var i = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var n = nodes[i];\n    mapIdPos[n.id] = i;\n    dataArray.push(n.x);\n    dataArray.push(n.y);\n    dataArray.push(0);\n    dataArray.push(0);\n    nodeDict.push([]);\n  }\n\n  for (i = 0; i < edges.length; i++) {\n    var e = edges[i];\n    nodeDict[mapIdPos[e.source]].push(mapIdPos[e.target]);\n    nodeDict[mapIdPos[e.target]].push(mapIdPos[e.source]);\n  }\n\n  var maxEdgePerVetex = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var offset = dataArray.length;\n    var dests = nodeDict[i];\n    var len = dests.length;\n    dataArray[i * 4 + 2] = offset;\n    dataArray[i * 4 + 3] = dests.length;\n    maxEdgePerVetex = Math.max(maxEdgePerVetex, dests.length);\n\n    for (var j = 0; j < len; ++j) {\n      var dest = dests[j];\n      dataArray.push(+dest);\n    }\n  }\n\n  while (dataArray.length % 4 !== 0) {\n    dataArray.push(0);\n  }\n\n  return {\n    array: new Float32Array(dataArray),\n    maxEdgePerVetex: maxEdgePerVetex\n  };\n};\n/**\n * 将节点和边数据转换为 GPU 可读的数组，每条边带有一个属性。并返回 maxEdgePerVetex，每个节点上最多的边数\n * @param  {NodeConfig[]}  nodes 节点数组\n * @param  {EdgeConfig[]}  edges 边数组\n * @param  {Function}  attrs 读取边属性的函数\n * @return {Object} 转换后的数组及 maxEdgePerVetex 组成的对象\n */\n\nvar buildTextureDataWithOneEdgeAttr = function buildTextureDataWithOneEdgeAttr(nodes, edges, attrs) {\n  var dataArray = [];\n  var nodeDict = [];\n  var mapIdPos = {};\n  var i = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var n = nodes[i];\n    mapIdPos[n.id] = i;\n    dataArray.push(n.x);\n    dataArray.push(n.y);\n    dataArray.push(0);\n    dataArray.push(0);\n    nodeDict.push([]);\n  }\n\n  for (i = 0; i < edges.length; i++) {\n    var e = edges[i];\n    nodeDict[mapIdPos[e.source]].push(mapIdPos[e.target]);\n    nodeDict[mapIdPos[e.source]].push(attrs(e)); // 理想边长，后续可以改成每条边不同\n\n    nodeDict[mapIdPos[e.target]].push(mapIdPos[e.source]);\n    nodeDict[mapIdPos[e.target]].push(attrs(e)); // 理想边长，后续可以改成每条边不同\n  }\n\n  var maxEdgePerVetex = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var offset = dataArray.length;\n    var dests = nodeDict[i]; // dest 中节点 id 与边长间隔存储，即一位节点 id，一位边长……\n\n    var len = dests.length;\n    dataArray[i * 4 + 2] = offset;\n    dataArray[i * 4 + 3] = len / 2; // 第四位存储与该节点相关的所有节点个数\n\n    maxEdgePerVetex = Math.max(maxEdgePerVetex, len / 2);\n\n    for (var j = 0; j < len; ++j) {\n      var dest = dests[j];\n      dataArray.push(+dest);\n    }\n  } // 不是 4 的倍数，填充 0\n\n\n  while (dataArray.length % 4 !== 0) {\n    dataArray.push(0);\n  }\n\n  return {\n    array: new Float32Array(dataArray),\n    maxEdgePerVetex: maxEdgePerVetex\n  };\n};\n/**\n * 将节点和边数据转换为 GPU 可读的数组，每条边带有一个以上属性。并返回 maxEdgePerVetex，每个节点上最多的边数\n * @param  {NodeConfig[]}  nodes 节点数组\n * @param  {EdgeConfig[]}  edges 边数组\n * @param  {Function}  attrs 读取边属性的函数\n * @return {Object} 转换后的数组及 maxEdgePerVetex 组成的对象\n */\n\nvar buildTextureDataWithTwoEdgeAttr = function buildTextureDataWithTwoEdgeAttr(nodes, edges, attrs1, attrs2) {\n  var dataArray = [];\n  var nodeDict = [];\n  var mapIdPos = {};\n  var i = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var n = nodes[i];\n    mapIdPos[n.id] = i;\n    dataArray.push(n.x);\n    dataArray.push(n.y);\n    dataArray.push(0);\n    dataArray.push(0);\n    nodeDict.push([]);\n  }\n\n  for (i = 0; i < edges.length; i++) {\n    var e = edges[i];\n    nodeDict[mapIdPos[e.source]].push(mapIdPos[e.target]);\n    nodeDict[mapIdPos[e.source]].push(attrs1(e));\n    nodeDict[mapIdPos[e.source]].push(attrs2(e));\n    nodeDict[mapIdPos[e.source]].push(0);\n    nodeDict[mapIdPos[e.target]].push(mapIdPos[e.source]);\n    nodeDict[mapIdPos[e.target]].push(attrs1(e));\n    nodeDict[mapIdPos[e.target]].push(attrs2(e));\n    nodeDict[mapIdPos[e.target]].push(0);\n  }\n\n  var maxEdgePerVetex = 0;\n\n  for (i = 0; i < nodes.length; i++) {\n    var offset = dataArray.length;\n    var dests = nodeDict[i]; // dest 中节点 id 与边长间隔存储，即一位节点 id，一位边长……\n\n    var len = dests.length; // dataArray[i * 4 + 2] = offset;\n    // dataArray[i * 4 + 3] = len / 4; // 第四位存储与该节点相关的所有节点个数\n    // pack offset & length into float32: offset 20bit, length 12bit\n\n    dataArray[i * 4 + 2] = offset + 1048576 * len / 4;\n    dataArray[i * 4 + 3] = 0; // 第四位存储与上一次的距离差值\n\n    maxEdgePerVetex = Math.max(maxEdgePerVetex, len / 4);\n\n    for (var j = 0; j < len; ++j) {\n      var dest = dests[j];\n      dataArray.push(+dest);\n    }\n  } // 不是 4 的倍数，填充 0\n\n\n  while (dataArray.length % 4 !== 0) {\n    dataArray.push(0);\n  }\n\n  return {\n    array: new Float32Array(dataArray),\n    maxEdgePerVetex: maxEdgePerVetex\n  };\n};\n/**\n * transform the extended attributes of nodes or edges to a texture array\n * @param  {string[]}  attributeNames attributes' name to be read from items and put into output array\n * @param  {ModelConfig[]}  items the items to be read\n * @return {Float32Array} the attributes' value array to be read by GPU\n */\n\nvar attributesToTextureData = function attributesToTextureData(attributeNames, items) {\n  var dataArray = [];\n  var attributeNum = attributeNames.length;\n  var attributteStringMap = {};\n  items.forEach(function (item) {\n    attributeNames.forEach(function (name, i) {\n      if (attributteStringMap[item[name]] === undefined) {\n        attributteStringMap[item[name]] = Object.keys(attributteStringMap).length;\n      }\n\n      dataArray.push(attributteStringMap[item[name]]); // insure each node's attributes take inter number of grids\n\n      if (i === attributeNum - 1) {\n        while (dataArray.length % 4 !== 0) {\n          dataArray.push(0);\n        }\n      }\n    });\n  });\n  return {\n    array: new Float32Array(dataArray),\n    count: Object.keys(attributteStringMap).length\n  };\n};\n/**\n * transform the number array format of extended attributes of nodes or edges to a texture array\n * @param  {string[]}  attributeNames attributes' name to be read from items and put into output array\n * @return {Float32Array} the attributes' value array to be read by GPU\n */\n\nvar arrayToTextureData = function arrayToTextureData(valueArrays) {\n  var dataArray = [];\n  var attributeNum = valueArrays.length;\n  var itemNum = valueArrays[0].length;\n\n  var _loop_1 = function _loop_1(j) {\n    valueArrays.forEach(function (valueArray, i) {\n      dataArray.push(valueArray[j]); // insure each node's attributes take inter number of grids\n\n      if (i === attributeNum - 1) {\n        while (dataArray.length % 4 !== 0) {\n          dataArray.push(0);\n        }\n      }\n    });\n  };\n\n  for (var j = 0; j < itemNum; j++) {\n    _loop_1(j);\n  }\n\n  return new Float32Array(dataArray);\n};\n/**\n *\n * @param data Tree graph data\n * @param layout\n */\n\nvar radialLayout = function radialLayout(data, layout) {\n  // 布局方式有 H / V / LR / RL / TB / BT\n  var VERTICAL_LAYOUTS = ['V', 'TB', 'BT'];\n  var min = {\n    x: Infinity,\n    y: Infinity\n  };\n  var max = {\n    x: -Infinity,\n    y: -Infinity\n  }; // 默认布局是垂直布局TB，此时x对应rad，y对应r\n\n  var rScale = 'x';\n  var radScale = 'y';\n\n  if (layout && VERTICAL_LAYOUTS.indexOf(layout) >= 0) {\n    // 若是水平布局，y对应rad，x对应r\n    radScale = 'x';\n    rScale = 'y';\n  }\n\n  var count = 0;\n  traverseTree(data, function (node) {\n    count++;\n\n    if (node.x > max.x) {\n      max.x = node.x;\n    }\n\n    if (node.x < min.x) {\n      min.x = node.x;\n    }\n\n    if (node.y > max.y) {\n      max.y = node.y;\n    }\n\n    if (node.y < min.y) {\n      min.y = node.y;\n    }\n\n    return true;\n  });\n  var avgRad = Math.PI * 2 / count;\n  var radDiff = max[radScale] - min[radScale];\n\n  if (radDiff === 0) {\n    return data;\n  }\n\n  traverseTree(data, function (node) {\n    var radial = (node[radScale] - min[radScale]) / radDiff * (Math.PI * 2 - avgRad) + avgRad;\n    var r = Math.abs(rScale === 'x' ? node.x - data.x : node.y - data.y);\n    node.x = r * Math.cos(radial);\n    node.y = r * Math.sin(radial);\n    return true;\n  });\n  return data;\n};\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/util/layout.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js ***!
+  \************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n\nvar PluginBase =\n/** @class */\nfunction () {\n  /**\n   * 插件基类的构造函数\n   * @param cfgs 插件的配置项\n   */\n  function PluginBase(cfgs) {\n    this._cfgs = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"deepMix\"])(this.getDefaultCfgs(), cfgs);\n    this._events = {};\n    this.destroyed = false;\n  }\n  /**\n   * 获取默认的插件配置\n   */\n\n\n  PluginBase.prototype.getDefaultCfgs = function () {\n    return {};\n  };\n  /**\n   * 初始化插件\n   * @param graph IGraph 实例\n   */\n\n\n  PluginBase.prototype.initPlugin = function (graph) {\n    var self = this;\n    self.set('graph', graph);\n    var events = self.getEvents();\n    var bindEvents = {};\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(events, function (v, k) {\n      var event = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"wrapBehavior\"])(self, v);\n      bindEvents[k] = event;\n      graph.on(k, event);\n    });\n    this._events = bindEvents;\n    this.init();\n  };\n  /**\n   * 获取插件中的事件和事件处理方法，供子类实现\n   */\n\n\n  PluginBase.prototype.getEvents = function () {\n    return {};\n  };\n  /**\n   * 获取配置项中的某个值\n   * @param key 键值\n   */\n\n\n  PluginBase.prototype.get = function (key) {\n    return this._cfgs[key];\n  };\n  /**\n   * 将指定的值存储到 cfgs 中\n   * @param key 键值\n   * @param val 设置的值\n   */\n\n\n  PluginBase.prototype.set = function (key, val) {\n    this._cfgs[key] = val;\n  };\n  /**\n   * 销毁方法，供子类复写\n   */\n\n\n  PluginBase.prototype.destroy = function () {};\n  /**\n   * 销毁插件\n   */\n\n\n  PluginBase.prototype.destroyPlugin = function () {\n    this.destroy();\n    var graph = this.get('graph');\n    var events = this._events;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(events, function (v, k) {\n      graph.off(k, v);\n    });\n    this._events = null;\n    this._cfgs = null;\n    this.destroyed = true;\n  };\n\n  return PluginBase;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (PluginBase);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/bundling/index.js":
+/*!**********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/bundling/index.js ***!
+  \**********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n\nfunction getEucliDis(pointA, pointB, eps) {\n  var vx = pointA.x - pointB.x;\n  var vy = pointA.y - pointB.y;\n\n  if (!eps || Math.abs(vx) > eps || Math.abs(vy) > eps) {\n    return Math.sqrt(vx * vx + vy * vy);\n  }\n\n  return eps;\n}\n\nfunction getDotProduct(ei, ej) {\n  return ei.x * ej.x + ei.y * ej.y;\n}\n\nfunction projectPointToEdge(p, e) {\n  var k = (e.source.y - e.target.y) / (e.source.x - e.target.x);\n  var x = (k * k * e.source.x + k * (p.y - e.source.y) + p.x) / (k * k + 1);\n  var y = k * (x - e.source.x) + e.source.y;\n  return {\n    x: x,\n    y: y\n  };\n}\n\nvar Bundling =\n/** @class */\nfunction (_super) {\n  __extends(Bundling, _super);\n\n  function Bundling() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Bundling.prototype.getDefaultCfgs = function () {\n    return {\n      edgeBundles: [],\n      edgePoints: [],\n      K: 0.1,\n      lambda: 0.1,\n      divisions: 1,\n      divRate: 2,\n      cycles: 6,\n      iterations: 90,\n      iterRate: 0.6666667,\n      bundleThreshold: 0.6,\n      eps: 1e-6,\n      onLayoutEnd: function onLayoutEnd() {},\n      onTick: function onTick() {}\n    };\n  };\n\n  Bundling.prototype.init = function () {\n    var graph = this.get('graph');\n    var onTick = this.get('onTick');\n\n    var tick = function tick() {\n      if (onTick) {\n        onTick();\n      }\n\n      graph.refreshPositions();\n    };\n\n    this.set('tick', tick);\n  };\n\n  Bundling.prototype.bundling = function (data) {\n    var self = this;\n    self.set('data', data); // 如果正在布局，忽略布局请求\n\n    if (self.isTicking()) {\n      return;\n    }\n\n    var edges = data.edges || [];\n    var nodes = data.nodes || [];\n    var nodeIdMap = {};\n    var error = false;\n    nodes.forEach(function (node) {\n      if (node.x === null || !node.y === null || node.x === undefined || !node.y === undefined) {\n        error = true;\n      }\n\n      nodeIdMap[node.id] = node;\n    });\n    if (error) throw new Error('please layout the graph or assign x and y for nodes first');\n    self.set('nodeIdMap', nodeIdMap); // subdivide each edges\n\n    var divisions = self.get('divisions');\n    var divRate = self.get('divRate');\n    var edgePoints = self.divideEdges(divisions);\n    self.set('edgePoints', edgePoints); // compute the bundles\n\n    var edgeBundles = self.getEdgeBundles();\n    self.set('edgeBundles', edgeBundles); // iterations\n\n    var C = self.get('cycles');\n    var iterations = self.get('iterations');\n    var iterRate = self.get('iterRate');\n    var lambda = self.get('lambda');\n\n    for (var i = 0; i < C; i++) {\n      var _loop_1 = function _loop_1(j) {\n        var forces = [];\n        edges.forEach(function (e, k) {\n          if (e.source === e.target) return;\n          var source = nodeIdMap[e.source];\n          var target = nodeIdMap[e.target];\n          forces[k] = self.getEdgeForces({\n            source: source,\n            target: target\n          }, k, divisions, lambda);\n\n          for (var p = 0; p < divisions + 1; p++) {\n            edgePoints[k][p].x += forces[k][p].x;\n            edgePoints[k][p].y += forces[k][p].y;\n          }\n        });\n      };\n\n      for (var j = 0; j < iterations; j++) {\n        _loop_1(j);\n      } // parameters for nex cycle\n\n\n      lambda = lambda / 2;\n      divisions *= divRate;\n      iterations *= iterRate;\n      edgePoints = self.divideEdges(divisions);\n      self.set('edgePoints', edgePoints);\n    } // change the edges according to edgePoints\n\n\n    edges.forEach(function (e, i) {\n      if (e.source === e.target) return;\n      e.type = 'polyline';\n      e.controlPoints = edgePoints[i].slice(1, edgePoints[i].length - 1);\n    });\n    var graph = self.get('graph');\n    graph.refresh();\n  };\n\n  Bundling.prototype.updateBundling = function (cfg) {\n    var self = this;\n    var data = cfg.data;\n\n    if (data) {\n      self.set('data', data);\n    }\n\n    if (self.get('ticking')) {\n      self.set('ticking', false);\n    }\n\n    Object.keys(cfg).forEach(function (key) {\n      self.set(key, cfg[key]);\n    });\n\n    if (cfg.onTick) {\n      var graph_1 = this.get('graph');\n      self.set('tick', function () {\n        cfg.onTick();\n        graph_1.refresh();\n      });\n    }\n\n    self.bundling(data);\n  };\n\n  Bundling.prototype.divideEdges = function (divisions) {\n    var self = this;\n    var edges = self.get('data').edges;\n    var nodeIdMap = self.get('nodeIdMap');\n    var edgePoints = self.get('edgePoints');\n    if (!edgePoints || edgePoints === undefined) edgePoints = [];\n    edges.forEach(function (edge, i) {\n      if (!edgePoints[i] || edgePoints[i] === undefined) {\n        edgePoints[i] = [];\n      }\n\n      var source = nodeIdMap[edge.source];\n      var target = nodeIdMap[edge.target];\n\n      if (divisions === 1) {\n        edgePoints[i].push({\n          x: source.x,\n          y: source.y\n        }); // source\n\n        edgePoints[i].push({\n          x: 0.5 * (source.x + target.x),\n          y: 0.5 * (source.y + target.y)\n        }); // mid\n\n        edgePoints[i].push({\n          x: target.x,\n          y: target.y\n        }); // target\n      } else {\n        var edgeLength = 0;\n\n        if (!edgePoints[i] || edgePoints[i] === []) {\n          // it is a straight line\n          edgeLength = getEucliDis({\n            x: source.x,\n            y: source.y\n          }, {\n            x: target.x,\n            y: target.y\n          });\n        } else {\n          edgeLength = self.getEdgeLength(edgePoints[i]);\n        }\n\n        var divisionLength_1 = edgeLength / (divisions + 1);\n        var currentDivisonLength_1 = divisionLength_1;\n        var newEdgePoints_1 = [{\n          x: source.x,\n          y: source.y\n        }]; // source\n\n        edgePoints[i].forEach(function (ep, j) {\n          if (j === 0) return;\n          var oriDivisionLength = getEucliDis(ep, edgePoints[i][j - 1]);\n\n          while (oriDivisionLength > currentDivisonLength_1) {\n            var ratio = currentDivisonLength_1 / oriDivisionLength;\n            var edgePoint = {\n              x: edgePoints[i][j - 1].x,\n              y: edgePoints[i][j - 1].y\n            };\n            edgePoint.x += ratio * (ep.x - edgePoints[i][j - 1].x);\n            edgePoint.y += ratio * (ep.y - edgePoints[i][j - 1].y);\n            newEdgePoints_1.push(edgePoint);\n            oriDivisionLength -= currentDivisonLength_1;\n            currentDivisonLength_1 = divisionLength_1;\n          }\n\n          currentDivisonLength_1 -= oriDivisionLength;\n        });\n        newEdgePoints_1.push({\n          x: target.x,\n          y: target.y\n        }); // target\n\n        edgePoints[i] = newEdgePoints_1;\n      }\n    });\n    return edgePoints;\n  };\n  /**\n   * 计算边的长度\n   * @param points\n   */\n\n\n  Bundling.prototype.getEdgeLength = function (points) {\n    var length = 0;\n    points.forEach(function (p, i) {\n      if (i === 0) return;\n      length += getEucliDis(p, points[i - 1]);\n    });\n    return length;\n  };\n\n  Bundling.prototype.getEdgeBundles = function () {\n    var self = this;\n    var data = self.get('data');\n    var edges = data.edges || [];\n    var bundleThreshold = self.get('bundleThreshold');\n    var nodeIdMap = self.get('nodeIdMap');\n    var edgeBundles = self.get('edgeBundles');\n    if (!edgeBundles) edgeBundles = [];\n    edges.forEach(function (e, i) {\n      if (!edgeBundles[i] || edgeBundles[i] === undefined) {\n        edgeBundles[i] = [];\n      }\n    });\n    edges.forEach(function (ei, i) {\n      var iSource = nodeIdMap[ei.source];\n      var iTarget = nodeIdMap[ei.target];\n      edges.forEach(function (ej, j) {\n        if (j <= i) return;\n        var jSource = nodeIdMap[ej.source];\n        var jTarget = nodeIdMap[ej.target];\n        var score = self.getBundleScore({\n          source: iSource,\n          target: iTarget\n        }, {\n          source: jSource,\n          target: jTarget\n        });\n\n        if (score >= bundleThreshold) {\n          edgeBundles[i].push(j);\n          edgeBundles[j].push(i);\n        }\n      });\n    });\n    return edgeBundles;\n  };\n\n  Bundling.prototype.getBundleScore = function (ei, ej) {\n    var self = this;\n    ei.vx = ei.target.x - ei.source.x;\n    ei.vy = ei.target.y - ei.source.y;\n    ej.vx = ej.target.x - ej.source.x;\n    ej.vy = ej.target.y - ej.source.y;\n    ei.length = getEucliDis({\n      x: ei.source.x,\n      y: ei.source.y\n    }, {\n      x: ei.target.x,\n      y: ei.target.y\n    });\n    ej.length = getEucliDis({\n      x: ej.source.x,\n      y: ej.source.y\n    }, {\n      x: ej.target.x,\n      y: ej.target.y\n    }); // angle score\n\n    var aScore = self.getAngleScore(ei, ej); // scale score\n\n    var sScore = self.getScaleScore(ei, ej); // position score\n\n    var pScore = self.getPositionScore(ei, ej); // visibility socre\n\n    var vScore = self.getVisibilityScore(ei, ej);\n    return aScore * sScore * pScore * vScore;\n  };\n\n  Bundling.prototype.getAngleScore = function (ei, ej) {\n    var dotProduct = getDotProduct({\n      x: ei.vx,\n      y: ei.vy\n    }, {\n      x: ej.vx,\n      y: ej.vy\n    });\n    return dotProduct / (ei.length * ej.length);\n  };\n\n  Bundling.prototype.getScaleScore = function (ei, ej) {\n    var aLength = (ei.length + ej.length) / 2;\n    var score = 2 / (aLength / Math.min(ei.length, ej.length) + Math.max(ei.length, ej.length) / aLength);\n    return score;\n  };\n\n  Bundling.prototype.getPositionScore = function (ei, ej) {\n    var aLength = (ei.length + ej.length) / 2;\n    var iMid = {\n      x: (ei.source.x + ei.target.x) / 2,\n      y: (ei.source.y + ei.target.y) / 2\n    };\n    var jMid = {\n      x: (ej.source.x + ej.target.x) / 2,\n      y: (ej.source.y + ej.target.y) / 2\n    };\n    var distance = getEucliDis(iMid, jMid);\n    return aLength / (aLength + distance);\n  };\n\n  Bundling.prototype.getVisibilityScore = function (ei, ej) {\n    var vij = this.getEdgeVisibility(ei, ej);\n    var vji = this.getEdgeVisibility(ej, ei);\n    return vij < vji ? vij : vji;\n  };\n\n  Bundling.prototype.getEdgeVisibility = function (ei, ej) {\n    var ps = projectPointToEdge(ej.source, ei);\n    var pt = projectPointToEdge(ej.target, ei);\n    var pMid = {\n      x: (ps.x + pt.x) / 2,\n      y: (ps.y + pt.y) / 2\n    };\n    var iMid = {\n      x: (ei.source.x + ei.target.x) / 2,\n      y: (ei.source.y + ei.target.y) / 2\n    };\n    return Math.max(0, 1 - 2 * getEucliDis(pMid, iMid) / getEucliDis(ps, pt));\n  };\n\n  Bundling.prototype.getEdgeForces = function (e, eidx, divisions, lambda) {\n    var self = this;\n    var edgePoints = self.get('edgePoints');\n    var K = self.get('K');\n    var kp = K / (getEucliDis(e.source, e.target) * (divisions + 1));\n    var edgePointForces = [{\n      x: 0,\n      y: 0\n    }];\n\n    for (var i = 1; i < divisions; i++) {\n      var force = {\n        x: 0,\n        y: 0\n      };\n      var spring = self.getSpringForce({\n        pre: edgePoints[eidx][i - 1],\n        cur: edgePoints[eidx][i],\n        next: edgePoints[eidx][i + 1]\n      }, kp);\n      var electrostatic = self.getElectrostaticForce(i, eidx);\n      force.x = lambda * (spring.x + electrostatic.x);\n      force.y = lambda * (spring.y + electrostatic.y);\n      edgePointForces.push(force);\n    }\n\n    edgePointForces.push({\n      x: 0,\n      y: 0\n    });\n    return edgePointForces;\n  };\n\n  Bundling.prototype.getSpringForce = function (divisions, kp) {\n    var x = divisions.pre.x + divisions.next.x - 2 * divisions.cur.x;\n    var y = divisions.pre.y + divisions.next.y - 2 * divisions.cur.y;\n    x *= kp;\n    y *= kp;\n    return {\n      x: x,\n      y: y\n    };\n  };\n\n  Bundling.prototype.getElectrostaticForce = function (pidx, eidx) {\n    var self = this;\n    var eps = self.get('eps');\n    var edgeBundles = self.get('edgeBundles');\n    var edgePoints = self.get('edgePoints');\n    var edgeBundle = edgeBundles[eidx];\n    var resForce = {\n      x: 0,\n      y: 0\n    };\n    edgeBundle.forEach(function (eb) {\n      var force = {\n        x: edgePoints[eb][pidx].x - edgePoints[eidx][pidx].x,\n        y: edgePoints[eb][pidx].y - edgePoints[eidx][pidx].y\n      };\n\n      if (Math.abs(force.x) > eps || Math.abs(force.y) > eps) {\n        var length_1 = getEucliDis(edgePoints[eb][pidx], edgePoints[eidx][pidx]);\n        var diff = 1 / length_1;\n        resForce.x += force.x * diff;\n        resForce.y += force.y * diff;\n      }\n    });\n    return resForce;\n  };\n\n  Bundling.prototype.isTicking = function () {\n    return this.get('ticking');\n  };\n\n  Bundling.prototype.getSimulation = function () {\n    return this.get('forceSimulation');\n  };\n\n  Bundling.prototype.destroy = function () {\n    if (this.get('ticking')) {\n      this.getSimulation().stop();\n    }\n\n    _super.prototype.destroy.call(this);\n  };\n\n  return Bundling;\n}(_base__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Bundling);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/bundling/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/edgeFilterLens/index.js":
+/*!****************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/edgeFilterLens/index.js ***!
+  \****************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\nvar distance = _antv_g6_core__WEBPACK_IMPORTED_MODULE_1__[\"Util\"].distance;\nvar DELTA = 0.05;\nvar lensDelegateStyle = {\n  stroke: '#000',\n  strokeOpacity: 0.8,\n  lineWidth: 2,\n  fillOpacity: 1,\n  fill: '#fff'\n};\n\nvar EdgeFilterLens =\n/** @class */\nfunction (_super) {\n  __extends(EdgeFilterLens, _super);\n\n  function EdgeFilterLens() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  EdgeFilterLens.prototype.getDefaultCfgs = function () {\n    return {\n      type: 'both',\n      trigger: 'mousemove',\n      r: 60,\n      delegateStyle: Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"clone\"])(lensDelegateStyle),\n      showLabel: 'edge',\n      scaleRBy: 'wheel'\n    };\n  }; // class-methods-use-this\n\n\n  EdgeFilterLens.prototype.getEvents = function () {\n    var events;\n\n    switch (this.get('trigger')) {\n      case 'click':\n        events = {\n          click: 'filter'\n        };\n        break;\n\n      case 'drag':\n        events = {\n          click: 'createDelegate'\n        };\n        break;\n\n      default:\n        events = {\n          mousemove: 'filter'\n        };\n        break;\n    }\n\n    return events;\n  };\n\n  EdgeFilterLens.prototype.init = function () {\n    var self = this;\n    var showLabel = self.get('showLabel');\n    var showNodeLabel = showLabel === 'node' || showLabel === 'both';\n    var showEdgeLabel = showLabel === 'edge' || showLabel === 'both';\n    self.set('showNodeLabel', showNodeLabel);\n    self.set('showEdgeLabel', showEdgeLabel);\n    var shouldShow = self.get('shouldShow');\n    if (!shouldShow) self.set('shouldShow', function () {\n      return true;\n    });\n  }; // Create the delegate when the trigger is drag\n\n\n  EdgeFilterLens.prototype.createDelegate = function (e) {\n    var self = this;\n    var lensDelegate = self.get('delegate');\n\n    if (!lensDelegate || lensDelegate.destroyed) {\n      self.filter(e);\n      lensDelegate = self.get('delegate'); // drag to move the lens\n\n      lensDelegate.on('dragstart', function (evt) {});\n      lensDelegate.on('drag', function (evt) {\n        self.filter(evt);\n      }); // 绑定调整范围（r）\n      // 由于 drag 用于改变 lens 位置，因此在此模式下，drag 不能用于调整 r\n      // scaling r\n\n      if (this.get('scaleRBy') === 'wheel') {\n        lensDelegate.on('mousewheel', function (evt) {\n          self.scaleRByWheel(evt);\n        });\n      }\n    }\n  };\n  /**\n   * Scale the range by wheel\n   * @param e mouse wheel event\n   */\n\n\n  EdgeFilterLens.prototype.scaleRByWheel = function (e) {\n    var self = this;\n    if (!e || !e.originalEvent) return;\n    if (e.preventDefault) e.preventDefault();\n    var graph = self.get('graph');\n    var ratio;\n    var lensDelegate = self.get('delegate');\n    var lensCenter = lensDelegate ? {\n      x: lensDelegate.attr('x'),\n      y: lensDelegate.attr('y')\n    } : undefined;\n    var mousePos = lensCenter || graph.getPointByClient(e.clientX, e.clientY);\n\n    if (e.originalEvent.wheelDelta < 0) {\n      ratio = 1 - DELTA;\n    } else {\n      ratio = 1 / (1 - DELTA);\n    }\n\n    var maxR = self.get('maxR');\n    var minR = self.get('minR');\n    var r = self.get('r');\n\n    if (r > (maxR || graph.get('height')) && ratio > 1 || r < (minR || graph.get('height') * 0.05) && ratio < 1) {\n      ratio = 1;\n    }\n\n    r *= ratio;\n    self.set('r', r);\n    self.filter(e);\n  };\n  /**\n   * Response function for mousemove, click, or drag to filter out the edges\n   * @param e mouse event\n   */\n\n\n  EdgeFilterLens.prototype.filter = function (e) {\n    var self = this;\n    var graph = self.get('graph');\n    var nodes = graph.getNodes();\n    var hitNodesMap = {};\n    var r = self.get('r');\n    var type = self.get('type');\n    var fCenter = {\n      x: e.x,\n      y: e.y\n    };\n    self.updateDelegate(fCenter, r);\n    var shouldShow = self.get('shouldShow');\n    var vShapes = self.get('vShapes');\n\n    if (vShapes) {\n      vShapes.forEach(function (shape) {\n        shape.remove();\n        shape.destroy();\n      });\n    }\n\n    vShapes = [];\n    nodes.forEach(function (node) {\n      var model = node.getModel();\n      var x = model.x,\n          y = model.y;\n\n      if (distance({\n        x: x,\n        y: y\n      }, fCenter) < r) {\n        hitNodesMap[model.id] = node;\n      }\n    });\n    var edges = graph.getEdges();\n    var hitEdges = [];\n    edges.forEach(function (edge) {\n      var model = edge.getModel();\n      var sourceId = model.source;\n      var targetId = model.target;\n\n      if (shouldShow(model)) {\n        if (type === 'only-source' || type === 'one') {\n          if (hitNodesMap[sourceId] && !hitNodesMap[targetId]) hitEdges.push(edge);\n        } else if (type === 'only-target' || type === 'one') {\n          if (hitNodesMap[targetId] && !hitNodesMap[sourceId]) hitEdges.push(edge);\n        } else if (type === 'both' && hitNodesMap[sourceId] && hitNodesMap[targetId]) {\n          hitEdges.push(edge);\n        }\n      }\n    });\n    var showNodeLabel = self.get('showNodeLabel');\n    var showEdgeLabel = self.get('showEdgelabel'); // copy the shapes in hitEdges\n\n    var group = graph.get('group');\n    hitEdges.forEach(function (edge) {\n      var shapes = edge.get('group').get('children');\n      shapes.forEach(function (shape) {\n        var shapeType = shape.get('type');\n        var vShape = group.addShape(shapeType, {\n          attrs: shape.attr()\n        });\n        vShapes.push(vShape);\n\n        if (showNodeLabel && shapeType === 'text') {\n          vShape.set('visible', true);\n        }\n      });\n    }); // copy the shape sof hitNodes\n\n    Object.keys(hitNodesMap).forEach(function (key) {\n      var node = hitNodesMap[key];\n      var clonedGroup = node.get('group').clone();\n      group.add(clonedGroup);\n      vShapes.push(clonedGroup);\n\n      if (showEdgeLabel) {\n        var shapes = clonedGroup.get('children');\n\n        for (var j = 0; j < shapes.length; j++) {\n          var shape = shapes[j];\n\n          if (shape.get('type') === 'text') {\n            shape.set('visible', true);\n          }\n        }\n      }\n    });\n    self.set('vShapes', vShapes);\n  };\n  /**\n   * Adjust part of the parameters, including trigger, type, r, maxR, minR, shouldShow, showLabel, and scaleRBy\n   * @param {EdgeFilterLensConfig} cfg\n   */\n\n\n  EdgeFilterLens.prototype.updateParams = function (cfg) {\n    var self = this;\n    var r = cfg.r,\n        trigger = cfg.trigger,\n        minR = cfg.minR,\n        maxR = cfg.maxR,\n        scaleRBy = cfg.scaleRBy,\n        showLabel = cfg.showLabel,\n        shouldShow = cfg.shouldShow;\n\n    if (!isNaN(cfg.r)) {\n      self.set('r', r);\n    }\n\n    if (!isNaN(maxR)) {\n      self.set('maxR', maxR);\n    }\n\n    if (!isNaN(minR)) {\n      self.set('minR', minR);\n    }\n\n    if (trigger === 'mousemove' || trigger === 'click') {\n      self.set('trigger', trigger);\n    }\n\n    if (scaleRBy === 'wheel' || scaleRBy === 'unset') {\n      self.set('scaleRBy', scaleRBy);\n      self.get('delegate').remove();\n      self.get('delegate').destroy();\n      var dPercentText = self.get('dPercentText');\n\n      if (dPercentText) {\n        dPercentText.remove();\n        dPercentText.destroy();\n      }\n    }\n\n    if (showLabel === 'node' || showLabel === 'both') {\n      self.set('showNodeLabel', true);\n    }\n\n    if (showLabel === 'edge' || showLabel === 'both') {\n      self.set('showEdgeLabel', true);\n    }\n\n    if (shouldShow) {\n      self.set('shouldShow', shouldShow);\n    }\n  };\n  /**\n   * Update the delegate shape of the lens\n   * @param {Point} mCenter the center of the shape\n   * @param {number} r the radius of the shape\n   */\n\n\n  EdgeFilterLens.prototype.updateDelegate = function (mCenter, r) {\n    var self = this;\n    var graph = self.get('graph');\n    var lensDelegate = self.get('delegate');\n\n    if (!lensDelegate || lensDelegate.destroyed) {\n      // 拖动多个\n      var parent_1 = graph.get('group');\n      var attrs = self.get('delegateStyle') || lensDelegateStyle; // model上的x, y是相对于图形中心的，delegateShape是g实例，x,y是绝对坐标\n\n      lensDelegate = parent_1.addShape('circle', {\n        attrs: __assign({\n          r: r,\n          x: mCenter.x,\n          y: mCenter.y\n        }, attrs),\n        name: 'lens-shape',\n        draggable: true\n      });\n\n      if (this.get('trigger') !== 'drag') {\n        // 调整范围 r 的监听\n        if (this.get('scaleRBy') === 'wheel') {\n          // 使用滚轮调整 r\n          lensDelegate.on('mousewheel', function (evt) {\n            self.scaleRByWheel(evt);\n          });\n        }\n      }\n    } else {\n      lensDelegate.attr({\n        x: mCenter.x,\n        y: mCenter.y,\n        r: r\n      });\n    }\n\n    self.set('delegate', lensDelegate);\n  };\n  /**\n   * Clear the filtering\n   */\n\n\n  EdgeFilterLens.prototype.clear = function () {\n    var self = this;\n    var vShapes = self.get('vShapes');\n\n    if (vShapes) {\n      vShapes.forEach(function (shape) {\n        shape.remove();\n        shape.destroy();\n      });\n    }\n\n    vShapes = [];\n    self.set('vShapes', vShapes);\n    var lensDelegate = self.get('delegate');\n\n    if (lensDelegate && !lensDelegate.destroyed) {\n      lensDelegate.remove();\n      lensDelegate.destroy();\n    }\n  };\n  /**\n   * Destroy the component\n   */\n\n\n  EdgeFilterLens.prototype.destroy = function () {\n    this.clear();\n  };\n\n  return EdgeFilterLens;\n}(_base__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (EdgeFilterLens);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/edgeFilterLens/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/fisheye/index.js":
 /*!*********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/path.js ***!
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/fisheye/index.js ***!
   \*********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\nvar DELTA = 0.05;\nvar lensDelegateStyle = {\n  stroke: '#000',\n  strokeOpacity: 0.8,\n  lineWidth: 2,\n  fillOpacity: 0.1,\n  fill: '#ccc'\n};\n\nvar Fisheye =\n/** @class */\nfunction (_super) {\n  __extends(Fisheye, _super);\n\n  function Fisheye() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Fisheye.prototype.getDefaultCfgs = function () {\n    return {\n      trigger: 'mousemove',\n      d: 1.5,\n      r: 300,\n      delegateStyle: Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"clone\"])(lensDelegateStyle),\n      showLabel: false,\n      maxD: 5,\n      minD: 0,\n      scaleRBy: 'unset',\n      scaleDBy: 'unset',\n      showDPercent: true\n    };\n  }; // class-methods-use-this\n\n\n  Fisheye.prototype.getEvents = function () {\n    var events;\n\n    switch (this.get('trigger')) {\n      case 'click':\n        events = {\n          click: 'magnify'\n        };\n        break;\n\n      case 'drag':\n        events = {\n          click: 'createDelegate'\n        };\n        break;\n\n      default:\n        events = {\n          mousemove: 'magnify'\n        };\n        break;\n    }\n\n    return events;\n  };\n\n  Fisheye.prototype.init = function () {\n    var self = this;\n    var r = self.get('r');\n    self.set('cachedMagnifiedModels', []);\n    self.set('cachedOriginPositions', {});\n    self.set('r2', r * r);\n    var d = self.get('d');\n    self.set('molecularParam', (d + 1) * r);\n  }; // Create the delegate when the trigger is drag\n\n\n  Fisheye.prototype.createDelegate = function (e) {\n    var _this = this;\n\n    var self = this;\n    var lensDelegate = self.get('delegate');\n\n    if (!lensDelegate || lensDelegate.destroyed) {\n      self.magnify(e);\n      lensDelegate = self.get('delegate'); // drag to move the lens\n\n      lensDelegate.on('dragstart', function (evt) {\n        self.set('delegateCenterDiff', {\n          x: lensDelegate.attr('x') - evt.x,\n          y: lensDelegate.attr('y') - evt.y\n        });\n      });\n      lensDelegate.on('drag', function (evt) {\n        self.magnify(evt);\n      }); // 绑定调整范围（r）和缩放系数(d)的监听\n      // 由于 drag 用于改变 lens 位置, 因此在此模式下, drag 不能用于调整 r 和 d\n      // scaling d\n\n      if (this.get('scaleDBy') === 'wheel') {\n        lensDelegate.on('mousewheel', function (evt) {\n          _this.scaleDByWheel(evt);\n        });\n      } // scaling r\n\n\n      if (this.get('scaleRBy') === 'wheel') {\n        lensDelegate.on('mousewheel', function (evt) {\n          self.scaleRByWheel(evt);\n        });\n      }\n    }\n  };\n  /**\n   * Scale the range by wheel\n   * @param e mouse wheel event\n   */\n\n\n  Fisheye.prototype.scaleRByWheel = function (e) {\n    var self = this;\n    if (!e || !e.originalEvent) return;\n    if (e.preventDefault) e.preventDefault();\n    var graph = self.get('graph');\n    var ratio;\n    var lensDelegate = self.get('delegate');\n    var lensCenter = lensDelegate ? {\n      x: lensDelegate.attr('x'),\n      y: lensDelegate.attr('y')\n    } : undefined;\n    var mousePos = lensCenter || graph.getPointByClient(e.clientX, e.clientY);\n\n    if (e.originalEvent.wheelDelta < 0) {\n      ratio = 1 - DELTA;\n    } else {\n      ratio = 1 / (1 - DELTA);\n    }\n\n    var maxR = self.get('maxR');\n    var minR = self.get('minR');\n    var r = self.get('r');\n\n    if (r > (maxR || graph.get('height')) && ratio > 1 || r < (minR || graph.get('height') * 0.05) && ratio < 1) {\n      ratio = 1;\n    }\n\n    r *= ratio;\n    self.set('r', r);\n    self.set('r2', r * r);\n    var d = self.get('d');\n    self.set('molecularParam', (d + 1) * r);\n    self.set('delegateCenterDiff', undefined);\n    self.magnify(e, mousePos);\n  };\n  /**\n   * Scale the range by dragging\n   * @param e mouse event\n   */\n\n\n  Fisheye.prototype.scaleRByDrag = function (e) {\n    var self = this;\n    if (!e) return;\n    var dragPrePos = self.get('dragPrePos');\n    var graph = self.get('graph');\n    var ratio;\n    var mousePos = graph.getPointByClient(e.clientX, e.clientY);\n\n    if (e.x - dragPrePos.x < 0) {\n      ratio = 1 - DELTA;\n    } else {\n      ratio = 1 / (1 - DELTA);\n    }\n\n    var maxR = self.get('maxR');\n    var minR = self.get('minR');\n    var r = self.get('r');\n\n    if (r > (maxR || graph.get('height')) && ratio > 1 || r < (minR || graph.get('height') * 0.05) && ratio < 1) {\n      ratio = 1;\n    }\n\n    r *= ratio;\n    self.set('r', r);\n    self.set('r2', r * r);\n    var d = self.get('d');\n    self.set('molecularParam', (d + 1) * r);\n    self.magnify(e, mousePos);\n    self.set('dragPrePos', {\n      x: e.x,\n      y: e.y\n    });\n  };\n  /**\n   * Scale the magnifying factor by wheel\n   * @param e mouse wheel event\n   */\n\n\n  Fisheye.prototype.scaleDByWheel = function (evt) {\n    var self = this;\n    if (!evt && !evt.originalEvent) return;\n    if (evt.preventDefault) evt.preventDefault();\n    var delta = 0;\n\n    if (evt.originalEvent.wheelDelta < 0) {\n      delta = -0.1;\n    } else {\n      delta = 0.1;\n    }\n\n    var d = self.get('d');\n    var newD = d + delta;\n    var maxD = self.get('maxD');\n    var minD = self.get('minD');\n\n    if (newD < maxD && newD > minD) {\n      self.set('d', newD);\n      var r = self.get('r');\n      self.set('molecularParam', (newD + 1) * r);\n      var lensDelegate = self.get('delegate');\n      var lensCenter = lensDelegate ? {\n        x: lensDelegate.attr('x'),\n        y: lensDelegate.attr('y')\n      } : undefined;\n      self.set('delegateCenterDiff', undefined);\n      self.magnify(evt, lensCenter);\n    }\n  };\n  /**\n   * Scale the magnifying factor by dragging\n   * @param e mouse event\n   */\n\n\n  Fisheye.prototype.scaleDByDrag = function (e) {\n    var self = this;\n    var dragPrePos = self.get('dragPrePos');\n    var delta = e.x - dragPrePos.x > 0 ? 0.1 : -0.1;\n    var d = self.get('d');\n    var newD = d + delta;\n    var maxD = self.get('maxD');\n    var minD = self.get('minD');\n\n    if (newD < maxD && newD > minD) {\n      self.set('d', newD);\n      var r = self.get('r');\n      self.set('molecularParam', (newD + 1) * r);\n      self.magnify(e);\n    }\n\n    self.set('dragPrePos', {\n      x: e.x,\n      y: e.y\n    });\n  };\n  /**\n   * Response function for mousemove, click, or drag to magnify\n   * @param e mouse event\n   */\n\n\n  Fisheye.prototype.magnify = function (e, mousePos) {\n    var self = this;\n    self.restoreCache();\n    var graph = self.get('graph');\n    var cachedMagnifiedModels = self.get('cachedMagnifiedModels');\n    var cachedOriginPositions = self.get('cachedOriginPositions');\n    var showLabel = self.get('showLabel');\n    var r = self.get('r');\n    var r2 = self.get('r2');\n    var d = self.get('d');\n    var molecularParam = self.get('molecularParam');\n    var nodes = graph.getNodes();\n    var nodeLength = nodes.length;\n    var mCenter = mousePos ? {\n      x: mousePos.x,\n      y: mousePos.y\n    } : {\n      x: e.x,\n      y: e.y\n    };\n\n    if (self.get('dragging') && (self.get('trigger') === 'mousemove' || self.get('trigger') === 'click')) {\n      mCenter = self.get('cacheCenter');\n    }\n\n    var delegateCenterDiff = self.get('delegateCenterDiff');\n\n    if (delegateCenterDiff) {\n      mCenter.x += delegateCenterDiff.x;\n      mCenter.y += delegateCenterDiff.y;\n    }\n\n    self.updateDelegate(mCenter, r);\n\n    for (var i = 0; i < nodeLength; i++) {\n      var model = nodes[i].getModel();\n      var x = model.x,\n          y = model.y;\n      if (isNaN(x) || isNaN(y)) continue; // the square of the distance between the node and the magnified center\n\n      var dist2 = (x - mCenter.x) * (x - mCenter.x) + (y - mCenter.y) * (y - mCenter.y);\n\n      if (!isNaN(dist2) && dist2 < r2 && dist2 !== 0) {\n        var dist = Math.sqrt(dist2); // (r * (d + 1) * (dist / r)) / (d * (dist / r) + 1);\n\n        var magnifiedDist = molecularParam * dist / (d * dist + r);\n        var cos = (x - mCenter.x) / dist;\n        var sin = (y - mCenter.y) / dist;\n        model.x = cos * magnifiedDist + mCenter.x;\n        model.y = sin * magnifiedDist + mCenter.y;\n\n        if (!cachedOriginPositions[model.id]) {\n          cachedOriginPositions[model.id] = {\n            x: x,\n            y: y,\n            texts: []\n          };\n        }\n\n        cachedMagnifiedModels.push(model);\n\n        if (showLabel && 2 * dist < r) {\n          var node = nodes[i];\n          var nodeGroup = node.getContainer();\n          var shapes = nodeGroup.getChildren();\n          var shapeLength = shapes.length;\n\n          for (var j = 0; j < shapeLength; j++) {\n            var shape = shapes[j];\n\n            if (shape.get('type') === 'text') {\n              cachedOriginPositions[model.id].texts.push({\n                visible: shape.get('visible'),\n                shape: shape\n              });\n              shape.set('visible', true);\n            }\n          }\n        }\n      }\n    }\n\n    graph.refreshPositions();\n  };\n  /**\n   * Restore the cache nodes while magnifying\n   */\n\n\n  Fisheye.prototype.restoreCache = function () {\n    var self = this;\n    var cachedMagnifiedModels = self.get('cachedMagnifiedModels');\n    var cachedOriginPositions = self.get('cachedOriginPositions');\n    var cacheLength = cachedMagnifiedModels.length;\n\n    for (var i = 0; i < cacheLength; i++) {\n      var node = cachedMagnifiedModels[i];\n      var id = node.id;\n      var ori = cachedOriginPositions[id];\n      node.x = ori.x;\n      node.y = ori.y;\n      var textLength = ori.texts.length;\n\n      for (var j = 0; j < textLength; j++) {\n        var text = ori.texts[j];\n        text.shape.set('visible', text.visible);\n      }\n    }\n\n    self.set('cachedMagnifiedModels', []);\n    self.set('cachedOriginPositions', {});\n  };\n  /**\n   * Adjust part of the parameters, including trigger, d, r, maxR, minR, maxD, minD, scaleRBy, and scaleDBy\n   * @param {FisheyeConfig} cfg\n   */\n\n\n  Fisheye.prototype.updateParams = function (cfg) {\n    var self = this;\n    var r = cfg.r,\n        d = cfg.d,\n        trigger = cfg.trigger,\n        minD = cfg.minD,\n        maxD = cfg.maxD,\n        minR = cfg.minR,\n        maxR = cfg.maxR,\n        scaleDBy = cfg.scaleDBy,\n        scaleRBy = cfg.scaleRBy;\n\n    if (!isNaN(cfg.r)) {\n      self.set('r', r);\n      self.set('r2', r * r);\n    }\n\n    if (!isNaN(d)) {\n      self.set('d', d);\n    }\n\n    if (!isNaN(maxD)) {\n      self.set('maxD', maxD);\n    }\n\n    if (!isNaN(minD)) {\n      self.set('minD', minD);\n    }\n\n    if (!isNaN(maxR)) {\n      self.set('maxR', maxR);\n    }\n\n    if (!isNaN(minR)) {\n      self.set('minR', minR);\n    }\n\n    var nd = self.get('d');\n    var nr = self.get('r');\n    self.set('molecularParam', (nd + 1) * nr);\n\n    if (trigger === 'mousemove' || trigger === 'click' || trigger === 'drag') {\n      self.set('trigger', trigger);\n    }\n\n    if (scaleDBy === 'drag' || scaleDBy === 'wheel' || scaleDBy === 'unset') {\n      self.set('scaleDBy', scaleDBy);\n      self.get('delegate').remove();\n      self.get('delegate').destroy();\n      var dPercentText = self.get('dPercentText');\n\n      if (dPercentText) {\n        dPercentText.remove();\n        dPercentText.destroy();\n      }\n    }\n\n    if (scaleRBy === 'drag' || scaleRBy === 'wheel' || scaleRBy === 'unset') {\n      self.set('scaleRBy', scaleRBy);\n      self.get('delegate').remove();\n      self.get('delegate').destroy();\n      var dPercentText = self.get('dPercentText');\n\n      if (dPercentText) {\n        dPercentText.remove();\n        dPercentText.destroy();\n      }\n    }\n  };\n  /**\n   * Update the delegate shape of the lens\n   * @param {Point} mCenter the center of the shape\n   * @param {number} r the radius of the shape\n   */\n\n\n  Fisheye.prototype.updateDelegate = function (mCenter, r) {\n    var _this = this;\n\n    var self = this;\n    var graph = self.get('graph');\n    var lensDelegate = self.get('delegate');\n\n    if (!lensDelegate || lensDelegate.destroyed) {\n      // 拖动多个\n      var parent_1 = graph.get('group');\n      var attrs = self.get('delegateStyle') || lensDelegateStyle; // model上的x, y是相对于图形中心的, delegateShape是g实例, x,y是绝对坐标\n\n      lensDelegate = parent_1.addShape('circle', {\n        attrs: __assign({\n          r: r / 1.5,\n          x: mCenter.x,\n          y: mCenter.y\n        }, attrs),\n        name: 'lens-shape',\n        draggable: true\n      });\n\n      if (this.get('trigger') !== 'drag') {\n        // 调整范围 r 的监听\n        if (this.get('scaleRBy') === 'wheel') {\n          // 使用滚轮调整 r\n          lensDelegate.on('mousewheel', function (evt) {\n            self.scaleRByWheel(evt);\n          });\n        } else if (this.get('scaleRBy') === 'drag') {\n          // 使用拖拽调整 r\n          lensDelegate.on('dragstart', function (e) {\n            self.set('dragging', true);\n            self.set('cacheCenter', {\n              x: e.x,\n              y: e.y\n            });\n            self.set('dragPrePos', {\n              x: e.x,\n              y: e.y\n            });\n          });\n          lensDelegate.on('drag', function (evt) {\n            self.scaleRByDrag(evt);\n          });\n          lensDelegate.on('dragend', function (e) {\n            self.set('dragging', false);\n          });\n        } // 调整缩放系数 d 的监听\n\n\n        if (this.get('scaleDBy') === 'wheel') {\n          // 使用滚轮调整 d\n          lensDelegate.on('mousewheel', function (evt) {\n            _this.scaleDByWheel(evt);\n          });\n        } else if (this.get('scaleDBy') === 'drag') {\n          // 使用拖拽调整 d\n          lensDelegate.on('dragstart', function (evt) {\n            self.set('dragging', true);\n            self.set('cacheCenter', {\n              x: evt.x,\n              y: evt.y\n            });\n            self.set('dragPrePos', {\n              x: evt.x,\n              y: evt.y\n            });\n          });\n          lensDelegate.on('drag', function (evt) {\n            _this.scaleDByDrag(evt);\n          });\n          lensDelegate.on('dragend', function (evt) {\n            self.set('dragging', false);\n          });\n        }\n      }\n    } else {\n      lensDelegate.attr({\n        x: mCenter.x,\n        y: mCenter.y,\n        r: r / 1.5\n      });\n    } // 绘制缩放系数百分比文本\n\n\n    if (self.get('showDPercent')) {\n      var percent = Math.round((self.get('d') - self.get('minD')) / (self.get('maxD') - self.get('minD')) * 100);\n      var dPercentText = self.get('dPercentText');\n      var textY = mCenter.y + r / 1.5 + 16;\n\n      if (!dPercentText || dPercentText.destroyed) {\n        var parent_2 = graph.get('group');\n        dPercentText = parent_2.addShape('text', {\n          attrs: {\n            text: percent + \"%\",\n            x: mCenter.x,\n            y: textY,\n            fill: '#aaa',\n            stroke: '#fff',\n            lineWidth: 1,\n            fontSize: 12\n          }\n        });\n        self.set('dPercentText', dPercentText);\n      } else {\n        dPercentText.attr({\n          text: percent + \"%\",\n          x: mCenter.x,\n          y: textY\n        });\n      }\n    }\n\n    self.set('delegate', lensDelegate);\n  };\n  /**\n   * Clear the fisheye lens\n   */\n\n\n  Fisheye.prototype.clear = function () {\n    var graph = this.get('graph');\n    this.restoreCache();\n    graph.refreshPositions();\n    var lensDelegate = this.get('delegate');\n\n    if (lensDelegate && !lensDelegate.destroyed) {\n      lensDelegate.remove();\n      lensDelegate.destroy();\n    }\n\n    var dPercentText = this.get('dPercentText');\n\n    if (dPercentText && !dPercentText.destroyed) {\n      dPercentText.remove();\n      dPercentText.destroy();\n    }\n  };\n  /**\n   * Destroy the component\n   */\n\n\n  Fisheye.prototype.destroy = function () {\n    this.clear();\n  };\n\n  return Fisheye;\n}(_base__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Fisheye);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/fisheye/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/grid/index.js":
+/*!******************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/grid/index.js ***!
+  \******************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n // 网格背景图片\n\nvar GRID_PNG = 'url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UwZTBlMCIgb3BhY2l0eT0iMC4yIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=)';\n\nvar Grid =\n/** @class */\nfunction (_super) {\n  __extends(Grid, _super);\n\n  function Grid() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Grid.prototype.getDefaultCfgs = function () {\n    return {\n      img: GRID_PNG\n    };\n  };\n\n  Grid.prototype.init = function () {\n    var graph = this.get('graph');\n    var minZoom = graph.get('minZoom');\n    var graphContainer = graph.get('container');\n    var canvas = graph.get('canvas').get('el');\n    var width = graph.get('width');\n    var height = graph.get('height');\n    var img = this.get('img') || GRID_PNG;\n    var container = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(\"<div class='g6-grid-container' style=\\\"position: absolute; left:0;top:0;right:0;bottom:0;overflow: hidden;z-index: -1;\\\"></div>\");\n    var gridContainer = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(\"<div \\n        class='g6-grid' \\n        style='position:absolute;\\n        transform-origin: 0% 0% 0px;\\n        background-image: \" + img + \";\\n        user-select: none\\n        '></div>\");\n    container.appendChild(gridContainer);\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(container, {\n      width: width + \"px\",\n      height: height + \"px\",\n      left: graphContainer.offsetLeft + \"px\",\n      top: graphContainer.offsetTop + \"px\"\n    });\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(gridContainer, {\n      width: width / minZoom + \"px\",\n      height: height / minZoom + \"px\",\n      left: \"0px\",\n      top: \"0px\"\n    });\n    graphContainer.insertBefore(container, canvas);\n    this.set('container', container);\n    this.set('gridContainer', gridContainer);\n  }; // class-methods-use-this\n\n\n  Grid.prototype.getEvents = function () {\n    return {\n      viewportchange: 'updateGrid'\n    };\n  };\n  /**\n   * viewport change 事件的响应函数\n   * @param param\n   */\n\n\n  Grid.prototype.updateGrid = function (param) {\n    var gridContainer = this.get('gridContainer');\n    var matrix = param.matrix;\n    if (!matrix) matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    var transform = \"matrix(\" + matrix[0] + \", \" + matrix[1] + \", \" + matrix[3] + \", \" + matrix[4] + \", 0, 0)\";\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(gridContainer, {\n      transform: transform\n    });\n  };\n\n  Grid.prototype.getContainer = function () {\n    return this.get('container');\n  };\n\n  Grid.prototype.destroy = function () {\n    var graph = this.get('graph');\n    var graphContainer = graph.get('container');\n    var container = this.get('container');\n    graphContainer.removeChild(container);\n  };\n\n  return Grid;\n}(_base__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Grid);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/grid/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/imageMinimap/index.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/imageMinimap/index.js ***!
+  \**************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_g6_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/g6-core */ \"./node_modules/_@antv_g6-core@0.2.1@@antv/g6-core/es/index.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.0.4@@antv/matrix-util/esm/index.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n\n\n\n\nvar applyMatrix = _antv_g6_core__WEBPACK_IMPORTED_MODULE_3__[\"Util\"].applyMatrix;\n\nfunction getImgNaturalDimension(img, callback) {\n  var nWidth, nHeight;\n\n  if (img.naturalWidth) {\n    // 现代浏览器\n    nWidth = img.naturalWidth;\n    nHeight = img.naturalHeight;\n  } else {\n    // IE6/7/8\n    var image_1 = new Image();\n    image_1.src = img.src;\n\n    image_1.onload = function () {\n      if (callback) callback(image_1.width, image_1.height);\n    };\n  }\n\n  return [nWidth, nHeight];\n}\n\nvar ImageMiniMap =\n/** @class */\nfunction (_super) {\n  __extends(ImageMiniMap, _super);\n\n  function ImageMiniMap() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  ImageMiniMap.prototype.getDefaultCfgs = function () {\n    return {\n      container: null,\n      className: 'g6-minimap',\n      viewportClassName: 'g6-minimap-viewport',\n      width: 200,\n      delegateStyle: {\n        fill: '#40a9ff',\n        stroke: '#096dd9'\n      },\n      refresh: true\n    };\n  };\n\n  ImageMiniMap.prototype.getEvents = function () {\n    return {\n      beforepaint: 'updateViewport',\n      beforeanimate: 'disableRefresh',\n      afteranimate: 'enableRefresh',\n      viewportchange: 'disableOneRefresh'\n    };\n  }; // 若是正在进行动画，不刷新缩略图\n\n\n  ImageMiniMap.prototype.disableRefresh = function () {\n    this.set('refresh', false);\n  };\n\n  ImageMiniMap.prototype.enableRefresh = function () {\n    this.set('refresh', true);\n    this.updateCanvas();\n  };\n\n  ImageMiniMap.prototype.disableOneRefresh = function () {\n    this.set('viewportChange', true);\n  };\n\n  ImageMiniMap.prototype.initViewport = function () {\n    var _this = this;\n\n    var cfgs = this._cfgs; // cWidth and cHeight are the width and height of the minimap's container\n\n    var graph = cfgs.graph;\n    if (this.destroyed) return;\n    var containerDOM = this.get('container');\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(containerDOM)) {\n      containerDOM = document.getElementById(containerDOM);\n    }\n\n    var viewport = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<div class=\" + cfgs.viewportClassName + \"\\n      style='position:absolute;\\n        left:0;\\n        top:0;\\n        box-sizing:border-box;\\n        border: 2px solid #1980ff'>\\n      </div>\"); // 计算拖拽水平方向距离\n\n    var x = 0; // 计算拖拽垂直方向距离\n\n    var y = 0; // 是否在拖拽minimap的视口\n\n    var dragging = false; // 缓存viewport当前对于画布的x\n\n    var left = 0; // 缓存viewport当前对于画布的y\n\n    var top = 0; // 缓存viewport当前宽度\n\n    var width = 0; // 缓存viewport当前高度\n\n    var height = 0;\n    var ratio = 0;\n    var zoom = 0;\n    containerDOM.addEventListener('mousedown', function (e) {\n      cfgs.refresh = false;\n\n      if (e.target !== viewport) {\n        return;\n      } // 如果视口已经最大了，不需要拖拽\n\n\n      var style = viewport.style;\n      width = parseInt(style.width, 10);\n      height = parseInt(style.height, 10);\n\n      var cWidth = _this.get('width');\n\n      var cHeight = _this.get('height');\n\n      if (width > cWidth || height > cHeight) {\n        return;\n      }\n\n      zoom = graph.getZoom();\n      ratio = _this.get('ratio');\n      dragging = true;\n      x = e.clientX;\n      y = e.clientY;\n    }, false);\n    containerDOM.addEventListener('mousemove', function (e) {\n      if (!dragging || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(e.clientX) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isNil\"])(e.clientY)) {\n        return;\n      }\n\n      var cWidth = _this.get('width');\n\n      var cHeight = _this.get('height');\n\n      var style = viewport.style;\n      left = parseInt(style.left, 10);\n      top = parseInt(style.top, 10);\n      width = parseInt(style.width, 10);\n      height = parseInt(style.height, 10);\n      var dx = x - e.clientX;\n      var dy = y - e.clientY; // 若视口移动到最左边或最右边了,仅移动到边界\n\n      if (left - dx < 0) {\n        dx = left;\n      } else if (left - dx + width >= cWidth) {\n        dx = 0;\n      } // 若视口移动到最上或最下边了，仅移动到边界\n\n\n      if (top - dy < 0) {\n        dy = top;\n      } else if (top - dy + height >= cHeight) {\n        dy = 0;\n      }\n\n      left -= dx;\n      top -= dy; // 先移动视口，避免移动到边上以后出现视口闪烁\n\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"modifyCSS\"])(viewport, {\n        left: left + \"px\",\n        top: top + \"px\"\n      }); // graph 移动需要偏移量 dx/dy * 缩放比例才会得到正确的移动距离\n\n      graph.translate(dx * zoom / ratio, dy * zoom / ratio);\n      x = e.clientX;\n      y = e.clientY;\n    }, false);\n    containerDOM.addEventListener('mouseleave', function () {\n      dragging = false;\n      cfgs.refresh = true;\n    }, false);\n    containerDOM.addEventListener('mouseup', function () {\n      dragging = false;\n      cfgs.refresh = true;\n    }, false);\n    this.set('viewport', viewport);\n    containerDOM.appendChild(viewport);\n  };\n  /**\n   * 更新 viewport 视图\n   */\n\n\n  ImageMiniMap.prototype.updateViewport = function () {\n    if (this.destroyed) return;\n    var ratio = this.get('ratio');\n    var cWidth = this.get('width');\n    var cHeight = this.get('height');\n    var graph = this.get('graph');\n    var graphWidth = graph.get('width');\n    var graphHeight = graph.get('height');\n    var aspectRatio = graphWidth / graphHeight;\n    var graphGroup = graph.getGroup(); // 主图的 bbox（矩阵变换相关的 bbox）\n\n    var graphCanvasBBox = graphGroup.getCanvasBBox(); // 扩展 graphBBox 到和 graphWidth / graphHeight 等比\n\n    var graphCanvasBBoxMean = [(graphCanvasBBox.minX + graphCanvasBBox.maxX) / 2, (graphCanvasBBox.minY + graphCanvasBBox.maxY) / 2];\n    var graphCanvasBBoxSize = [graphCanvasBBox.maxX - graphCanvasBBox.minX, graphCanvasBBox.maxY - graphCanvasBBox.minY];\n    var expandedGraphCanvasBBox = {\n      centerX: graphCanvasBBoxMean[0],\n      centerY: graphCanvasBBoxMean[1],\n      width: 0,\n      height: 0,\n      minX: 0,\n      minY: 0\n    };\n\n    if (graphCanvasBBox[0] / graphCanvasBBox[1] > aspectRatio) {\n      expandedGraphCanvasBBox.width = graphCanvasBBoxSize[0];\n      expandedGraphCanvasBBox.height = expandedGraphCanvasBBox.width / aspectRatio;\n    } else {\n      expandedGraphCanvasBBox.height = graphCanvasBBoxSize[1];\n      expandedGraphCanvasBBox.width = expandedGraphCanvasBBox.height * aspectRatio;\n    }\n\n    expandedGraphCanvasBBox.minX = graphCanvasBBoxMean[0] - expandedGraphCanvasBBox.width / 2;\n    expandedGraphCanvasBBox.minY = graphCanvasBBoxMean[1] - expandedGraphCanvasBBox.height / 2;\n    var graphMatrix = graphGroup.getMatrix();\n    if (!graphMatrix) graphMatrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    var invertGraphMatrix = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_4__[\"mat3\"].invert([1, 0, 0, 0, 1, 0, 0, 0, 1], graphMatrix);\n    var minXY = applyMatrix({\n      x: expandedGraphCanvasBBox.minX,\n      y: expandedGraphCanvasBBox.minY\n    }, invertGraphMatrix); // 扩展 graphBBox 后的 bbox 的左上角对应的 canvas container 坐标\n\n    var topLeft = graph.getCanvasByPoint(minXY.x, minXY.y);\n    var viewport = this.get('viewport');\n\n    if (!viewport) {\n      this.initViewport();\n    } // Viewport 与 minimap container 的比例 =  Graph container 与 expandedGraphBBox 比例\n\n\n    var vpToMc = graphWidth / expandedGraphCanvasBBox.width; // viewport 宽高 = vpToMc * minimap container 宽高\n\n    var width = vpToMc * cWidth;\n    var height = vpToMc * cHeight; // vierport 左上角到 minimap container 的距离 / minimap container 宽高\n    // = 主图 expandedBBox 左上角 canvas container 坐标距离 / expandedBBox 宽高\n\n    var left = cWidth * -topLeft.x / expandedGraphCanvasBBox.width;\n    var top = cHeight * -topLeft.y / expandedGraphCanvasBBox.height;\n    var right = left + width;\n    var bottom = top + height;\n\n    if (left < 0) {\n      width += left;\n      left = 0;\n    }\n\n    if (right > cWidth) {\n      width = width - (right - cWidth);\n    }\n\n    if (top < 0) {\n      height += top;\n      top = 0;\n    }\n\n    if (bottom > cHeight) {\n      height = height - (bottom - cHeight);\n    } // 缓存目前缩放比，在移动 minimap 视窗时就不用再计算大图的移动量\n\n\n    this.set('ratio', ratio);\n    var correctLeft = left + \"px\";\n    var correctTop = top + \"px\";\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"modifyCSS\"])(viewport, {\n      left: correctLeft,\n      top: correctTop,\n      width: width + \"px\",\n      height: height + \"px\"\n    });\n  };\n\n  ImageMiniMap.prototype.init = function () {\n    this.initContainer();\n  };\n  /**\n   * 初始化 Minimap 的容器\n   */\n\n\n  ImageMiniMap.prototype.initContainer = function () {\n    var self = this;\n    var graph = self.get('graph');\n    var graphWidth = graph.get('width');\n    var graphHeight = graph.get('height');\n    var aspectRatio = graphHeight / graphWidth;\n    var className = self.get('className');\n    var parentNode = self.get('container'); // size of the minimap's container\n\n    var cWidth = self.get('width');\n    var cHeight = self.get('height');\n\n    if (!cWidth && !cHeight) {\n      cWidth = 200;\n    }\n\n    if (cWidth) {\n      cHeight = aspectRatio * cWidth;\n      self.set('height', cHeight);\n    } else {\n      cWidth = 1 / aspectRatio * cHeight;\n      self.set('width', cWidth);\n    }\n\n    var container = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<div class='\" + className + \"' style='width: \" + cWidth + \"px; height: \" + cHeight + \"px; overflow: hidden; position: relative;'></div>\");\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(parentNode)) {\n      parentNode = document.getElementById(parentNode);\n    }\n\n    if (parentNode) {\n      parentNode.appendChild(container);\n    } else {\n      graph.get('container').appendChild(container);\n    }\n\n    self.set('container', container);\n    var containerDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<div class=\\\"g6-minimap-container\\\" style=\\\"position: relative; width: 100%; height: 100%; text-align: center; display: table;\\\"></div>\");\n    container.appendChild(containerDOM);\n    var span = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<span style=\\\"display: table-cell; vertical-align: middle; \\\"></span>\");\n    containerDOM.appendChild(span);\n    self.set('containerDOM', containerDOM);\n    self.set('containerSpan', span);\n    var img = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<img alt=\\\"\\\" src=\\\"\" + this.get('graphImg') + \"\\\" style=\\\"display: inline-block;\\\" ondragstart=\\\"return false;\\\" onselectstart=\\\"return false;\\\"/>\");\n    self.set('imgDOM', img);\n    self.updateImgSize();\n    span.appendChild(img);\n    self.updateCanvas();\n  };\n\n  ImageMiniMap.prototype.updateImgSize = function () {\n    var self = this;\n    var imgDOM = self.get('imgDOM');\n    var cWidth = self.get('width');\n    var cHeight = self.get('height');\n\n    imgDOM.onload = function () {\n      var naturalSize = getImgNaturalDimension(imgDOM);\n\n      if (naturalSize[0] > naturalSize[1]) {\n        imgDOM.width = cWidth;\n      } else {\n        imgDOM.height = cHeight;\n      }\n    };\n  };\n\n  ImageMiniMap.prototype.updateCanvas = function () {\n    // 如果是在动画，则不刷新视图\n    var isRefresh = this.get('refresh');\n\n    if (!isRefresh) {\n      return;\n    }\n\n    var graph = this.get('graph');\n\n    if (graph.get('destroyed')) {\n      return;\n    } // 如果是视口变换，也不刷新视图，但是需要重置视口大小和位置\n\n\n    if (this.get('viewportChange')) {\n      this.set('viewportChange', false);\n      this.updateViewport();\n    }\n\n    var cWidth = this.get('width');\n    var graphBBox = graph.get('canvas').getCanvasBBox();\n    var width = graphBBox.width;\n    var ratio = cWidth / width; // // 更新minimap视口\n\n    this.set('ratio', ratio);\n    this.updateViewport();\n  };\n  /**\n   * 获取minimap的窗口\n   * @return {HTMLElement} 窗口的dom实例\n   */\n\n\n  ImageMiniMap.prototype.getViewport = function () {\n    return this.get('viewport');\n  };\n  /**\n   * 获取minimap的容器dom\n   * @return {HTMLElement} dom\n   */\n\n\n  ImageMiniMap.prototype.getContainer = function () {\n    return this.get('container');\n  };\n\n  ImageMiniMap.prototype.updateGraphImg = function (img) {\n    var self = this;\n    var oriImgDOM = self.get('imgDOM');\n    oriImgDOM.remove();\n    self.set('graphImg', img);\n    var imgDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<img alt=\\\"\\\" src=\\\"\" + img + \"\\\" style=\\\"display: inline-block;\\\" ondragstart=\\\"return false;\\\" onselectstart=\\\"return false;\\\"/>\");\n    self.set('imgDOM', imgDOM);\n    imgDOM.src = img;\n    self.updateImgSize();\n    var span = self.get('containerSpan');\n    span.appendChild(imgDOM);\n    self.updateCanvas();\n  };\n\n  ImageMiniMap.prototype.destroy = function () {\n    var container = this.get('container');\n    container.parentNode.removeChild(container);\n  };\n\n  return ImageMiniMap;\n}(_base__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ImageMiniMap);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/imageMinimap/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/index.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/index.js ***!
+  \*************************************************************************/
+/*! exports provided: PluginBase, Menu, Grid, Minimap, Bundling, ToolBar, Tooltip, Fisheye, TimeBar, ImageMinimap, EdgeFilterLens, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./grid */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/grid/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Grid\", function() { return _grid__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./menu */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/menu/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Menu\", function() { return _menu__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _minimap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./minimap */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/minimap/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Minimap\", function() { return _minimap__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _bundling__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bundling */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/bundling/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Bundling\", function() { return _bundling__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _fisheye__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fisheye */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/fisheye/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Fisheye\", function() { return _fisheye__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _toolBar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./toolBar */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/toolBar/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ToolBar\", function() { return _toolBar__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tooltip */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/tooltip/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tooltip\", function() { return _tooltip__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _timeBar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./timeBar */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TimeBar\", function() { return _timeBar__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _imageMinimap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./imageMinimap */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/imageMinimap/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ImageMinimap\", function() { return _imageMinimap__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _edgeFilterLens__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./edgeFilterLens */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/edgeFilterLens/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"EdgeFilterLens\", function() { return _edgeFilterLens__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"PluginBase\", function() { return _base__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Plugin = {\n  PluginBase: _base__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n  Menu: _menu__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  Grid: _grid__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  Minimap: _minimap__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  Bundling: _bundling__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  ToolBar: _toolBar__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  Tooltip: _tooltip__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n  Fisheye: _fisheye__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  TimeBar: _timeBar__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  ImageMinimap: _imageMinimap__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n  EdgeFilterLens: _edgeFilterLens__WEBPACK_IMPORTED_MODULE_9__[\"default\"]\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Plugin);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/menu/index.js":
+/*!******************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/menu/index.js ***!
+  \******************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! insert-css */ \"./node_modules/_insert-css@2.0.0@insert-css/index.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(insert_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n\n\n\ninsert_css__WEBPACK_IMPORTED_MODULE_2___default()(\"\\n  .g6-component-contextmenu {\\n    border: 1px solid #e2e2e2;\\n    border-radius: 4px;\\n    font-size: 12px;\\n    color: #545454;\\n    background-color: rgba(255, 255, 255, 0.9);\\n    padding: 10px 8px;\\n    box-shadow: rgb(174, 174, 174) 0px 0px 10px;\\n  }\\n  .g6-contextmenu-ul {\\n    padding: 0;\\n    margin: 0;\\n    list-style: none;\\n  }\\n\\n\");\n\nvar Menu =\n/** @class */\nfunction (_super) {\n  __extends(Menu, _super);\n\n  function Menu() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Menu.prototype.getDefaultCfgs = function () {\n    return {\n      offsetX: 6,\n      offsetY: 6,\n      handleMenuClick: undefined,\n      // 指定菜单内容，function(e) {...}\n      getContent: function getContent(e) {\n        return \"\\n          <ul class='g6-contextmenu-ul'>\\n            <li>\\u83DC\\u5355\\u98791</li>\\n            <li>\\u83DC\\u5355\\u98792</li>\\n          </ul>\\n        \";\n      },\n      shouldBegin: function shouldBegin(e) {\n        return true;\n      },\n      // 菜单隐藏事件\n      onHide: function onHide() {\n        return true;\n      },\n      itemTypes: ['node', 'edge', 'combo']\n    };\n  }; // class-methods-use-this\n\n\n  Menu.prototype.getEvents = function () {\n    return {\n      contextmenu: 'onMenuShow'\n    };\n  };\n\n  Menu.prototype.init = function () {\n    var className = this.get('className');\n    var menu = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(\"<div class=\" + (className || 'g6-component-contextmenu') + \"></div>\");\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(menu, {\n      top: '0px',\n      position: 'absolute',\n      visibility: 'hidden'\n    });\n    var container = this.get('container');\n\n    if (!container) {\n      container = this.get('graph').get('container');\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n      container = document.getElementById(container);\n    }\n\n    container.appendChild(menu);\n    this.set('menu', menu);\n  };\n\n  Menu.prototype.onMenuShow = function (e) {\n    var self = this;\n    e.preventDefault();\n    e.stopPropagation();\n    var itemTypes = this.get('itemTypes');\n\n    if (!e.item) {\n      if (itemTypes.indexOf('canvas') === -1) return;\n    } else {\n      if (e.item && e.item.getType && itemTypes.indexOf(e.item.getType()) === -1) {\n        self.onMenuHide();\n        return;\n      }\n    }\n\n    var shouldBegin = this.get('shouldBegin');\n    if (!shouldBegin(e)) return;\n    var menuDom = this.get('menu');\n    var getContent = this.get('getContent');\n    var graph = this.get('graph');\n    var menu = getContent(e, graph);\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(menu)) {\n      menuDom.innerHTML = menu;\n    } else {\n      menuDom.innerHTML = menu.outerHTML;\n    } // 清除之前监听的事件\n\n\n    this.removeMenuEventListener();\n    var handleMenuClick = this.get('handleMenuClick');\n\n    if (handleMenuClick) {\n      var handleMenuClickWrapper = function handleMenuClickWrapper(evt) {\n        handleMenuClick(evt.target, e.item, graph);\n      };\n\n      this.set('handleMenuClickWrapper', handleMenuClickWrapper);\n      menuDom.addEventListener('click', handleMenuClickWrapper);\n    }\n\n    var width = graph.get('width');\n    var height = graph.get('height');\n    var bbox = menuDom.getBoundingClientRect();\n    var offsetX = this.get('offsetX') || 0;\n    var offsetY = this.get('offsetY') || 0;\n    var graphTop = graph.getContainer().offsetTop;\n    var graphLeft = graph.getContainer().offsetLeft;\n    var x = e.canvasX + graphLeft + offsetX;\n    var y = e.canvasY + graphTop + offsetY; // when the menu is (part of) out of the canvas\n\n    if (x + bbox.width > width) {\n      x = e.canvasX - bbox.width - offsetX + graphLeft;\n    }\n\n    if (y + bbox.height > height) {\n      y = e.canvasY - bbox.height - offsetY + graphTop;\n    }\n\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(menuDom, {\n      top: y + \"px\",\n      left: x + \"px\",\n      visibility: 'visible'\n    });\n\n    var handler = function handler(evt) {\n      self.onMenuHide();\n    }; // 如果在页面中其他任意地方进行click, 隐去菜单\n\n\n    document.body.addEventListener('click', handler);\n    this.set('handler', handler);\n  };\n\n  Menu.prototype.removeMenuEventListener = function () {\n    var handleMenuClickWrapper = this.get('handleMenuClickWrapper');\n    var handler = this.get('handler');\n\n    if (handleMenuClickWrapper) {\n      var menuDom = this.get('menu');\n      menuDom.removeEventListener('click', handleMenuClickWrapper);\n      this.set('handleMenuClickWrapper', null);\n    }\n\n    if (handler) {\n      document.body.removeEventListener('click', handler);\n    }\n  };\n\n  Menu.prototype.onMenuHide = function () {\n    var menuDom = this.get('menu');\n\n    if (menuDom) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(menuDom, {\n        visibility: 'hidden'\n      });\n    } // 隐藏菜单后需要移除事件监听\n\n\n    this.removeMenuEventListener();\n  };\n\n  Menu.prototype.destroy = function () {\n    var menu = this.get('menu');\n    this.removeMenuEventListener();\n\n    if (menu) {\n      var container = this.get('container');\n\n      if (!container) {\n        container = this.get('graph').get('container');\n      }\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n        container = document.getElementById(container);\n      }\n\n      container.removeChild(menu);\n    }\n  };\n\n  return Menu;\n}(_base__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Menu);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/menu/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/minimap/index.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/minimap/index.js ***!
+  \*********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_g_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g-canvas */ \"./node_modules/_@antv_g-canvas@0.5.6@@antv/g-canvas/esm/index.js\");\n/* harmony import */ var _antv_g_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g-svg */ \"./node_modules/_@antv_g-svg@0.5.6@@antv/g-svg/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.0.4@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\nvar max = Math.max;\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_4__[\"ext\"].transform;\nvar DEFAULT_MODE = 'default';\nvar KEYSHAPE_MODE = 'keyShape';\nvar DELEGATE_MODE = 'delegate';\nvar SVG = 'svg';\n\nvar MiniMap =\n/** @class */\nfunction (_super) {\n  __extends(MiniMap, _super);\n\n  function MiniMap() {\n    var _this = _super !== null && _super.apply(this, arguments) || this;\n    /**\n     * 主图更新的监听函数，使用 debounce 减少渲染频率\n     * e.g. 拖拽节点只会在松手后的 100ms 后执行 updateCanvas\n     * e.g. render 时大量 addItem 也只会执行一次 updateCanvas\n     */\n\n\n    _this.handleUpdateCanvas = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"debounce\"])(function (event) {\n      var self = _this;\n      if (self.destroyed) return;\n      self.updateCanvas();\n    }, 100, false);\n    return _this;\n  }\n\n  MiniMap.prototype.getDefaultCfgs = function () {\n    return {\n      container: null,\n      className: 'g6-minimap',\n      viewportClassName: 'g6-minimap-viewport',\n      // Minimap 中默认展示和主图一样的内容，KeyShape 只展示节点和边的 key shape 部分，delegate表示展示自定义的rect，用户可自定义样式\n      type: 'default',\n      padding: 50,\n      size: [200, 120],\n      delegateStyle: {\n        fill: '#40a9ff',\n        stroke: '#096dd9'\n      },\n      refresh: true\n    };\n  };\n\n  MiniMap.prototype.getEvents = function () {\n    return {\n      beforepaint: 'updateViewport',\n      beforeanimate: 'disableRefresh',\n      afteranimate: 'enableRefresh',\n      viewportchange: 'disableOneRefresh'\n    };\n  }; // 若是正在进行动画，不刷新缩略图\n\n\n  MiniMap.prototype.disableRefresh = function () {\n    this.set('refresh', false);\n  };\n\n  MiniMap.prototype.enableRefresh = function () {\n    this.set('refresh', true);\n    this.updateCanvas();\n  };\n\n  MiniMap.prototype.disableOneRefresh = function () {\n    this.set('viewportChange', true);\n  };\n\n  MiniMap.prototype.initViewport = function () {\n    var _this = this;\n\n    var cfgs = this._cfgs;\n    var size = cfgs.size,\n        graph = cfgs.graph;\n    if (this.destroyed) return;\n    var canvas = this.get('canvas');\n    var containerDOM = canvas.get('container');\n    var viewport = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_3__[\"createDom\"])(\"\\n      <div\\n        class=\" + cfgs.viewportClassName + \"\\n        style='position:absolute;\\n          left:0;\\n          top:0;\\n          box-sizing:border-box;\\n          outline: 2px solid #1980ff'\\n        draggable=true>\\n      </div>\");\n    var isFireFox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1; // 计算拖拽水平方向距离\n\n    var x = 0; // 计算拖拽垂直方向距离\n\n    var y = 0; // 是否在拖拽minimap的视口\n\n    var dragging = false; // 缓存viewport当前对于画布的x\n\n    var left = 0; // 缓存viewport当前对于画布的y\n\n    var top = 0; // 缓存viewport当前宽度\n\n    var width = 0; // 缓存viewport当前高度\n\n    var height = 0;\n    var ratio = 0;\n    var zoom = 0;\n    viewport.addEventListener('dragstart', function (e) {\n      var _a, _b;\n\n      if (e.dataTransfer) {\n        var img = new Image();\n        img.src = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cpath /%3E%3C/svg%3E\";\n        (_b = (_a = e.dataTransfer).setDragImage) === null || _b === void 0 ? void 0 : _b.call(_a, img, 0, 0);\n\n        try {\n          e.dataTransfer.setData('text/html', 'view-port-minimap');\n        } catch (_c) {\n          // support IE\n          e.dataTransfer.setData('text', 'view-port-minimap');\n        }\n      }\n\n      cfgs.refresh = false;\n\n      if (e.target !== viewport) {\n        return;\n      } // 如果视口已经最大了，不需要拖拽\n\n\n      var style = viewport.style;\n      left = parseInt(style.left, 10);\n      top = parseInt(style.top, 10);\n      width = parseInt(style.width, 10);\n      height = parseInt(style.height, 10);\n\n      if (width > size[0] || height > size[1]) {\n        return;\n      }\n\n      zoom = graph.getZoom();\n      ratio = _this.get('ratio');\n      dragging = true;\n      x = e.clientX;\n      y = e.clientY;\n    }, false);\n    viewport.addEventListener(isFireFox ? 'dragover' : 'drag', function (e) {\n      if (!dragging || Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isNil\"])(e.clientX) || Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isNil\"])(e.clientY)) {\n        return;\n      }\n\n      var dx = x - e.clientX;\n      var dy = y - e.clientY; // 若视口移动到最左边或最右边了,仅移动到边界\n\n      if (left - dx < 0 || left - dx + width >= size[0]) {\n        dx = 0;\n      } // 若视口移动到最上或最下边了，仅移动到边界\n\n\n      if (top - dy < 0 || top - dy + height >= size[1]) {\n        dy = 0;\n      }\n\n      left -= dx;\n      top -= dy; // 先移动视口，避免移动到边上以后出现视口闪烁\n\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_3__[\"modifyCSS\"])(viewport, {\n        left: left + \"px\",\n        top: top + \"px\"\n      }); // graph 移动需要偏移量 dx/dy * 缩放比例才会得到正确的移动距离\n\n      graph.translate(dx * zoom / ratio, dy * zoom / ratio);\n      x = e.clientX;\n      y = e.clientY;\n    }, false);\n    viewport.addEventListener('dragend', function () {\n      dragging = false;\n      cfgs.refresh = true;\n    }, false);\n    this.set('viewport', viewport);\n    containerDOM.appendChild(viewport);\n  };\n  /**\n   * 更新 viewport 视图\n   */\n\n\n  MiniMap.prototype.updateViewport = function () {\n    if (this.destroyed) return;\n    var ratio = this.get('ratio');\n    var dx = this.get('dx');\n    var dy = this.get('dy');\n    var totaldx = this.get('totaldx');\n    var totaldy = this.get('totaldy');\n    var graph = this.get('graph');\n    var size = this.get('size');\n    var graphWidth = graph.get('width');\n    var graphHeight = graph.get('height');\n    var topLeft = graph.getPointByCanvas(0, 0);\n    var bottomRight = graph.getPointByCanvas(graphWidth, graphHeight);\n    var viewport = this.get('viewport');\n\n    if (!viewport) {\n      this.initViewport();\n    }\n\n    var zoom = graph.getZoom(); // viewport宽高,左上角点的计算\n\n    var width = (bottomRight.x - topLeft.x) * ratio;\n    var height = (bottomRight.y - topLeft.y) * ratio;\n    var left = topLeft.x * ratio + totaldx;\n    var top = topLeft.y * ratio + totaldy;\n    var right = left + width;\n    var bottom = top + height;\n\n    if (left < 0) {\n      width += left;\n      left = 0;\n    }\n\n    if (right > size[0]) {\n      width = width - (right - size[0]);\n    }\n\n    if (top < 0) {\n      height += top;\n      top = 0;\n    }\n\n    if (bottom > size[1]) {\n      height = height - (bottom - size[1]);\n    } // 缓存目前缩放比，在移动 minimap 视窗时就不用再计算大图的移动量\n\n\n    this.set('ratio', ratio);\n    var correctLeft = left + \"px\";\n    var correctTop = top + \"px\";\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_3__[\"modifyCSS\"])(viewport, {\n      left: correctLeft,\n      top: correctTop,\n      width: width + \"px\",\n      height: height + \"px\"\n    });\n  };\n  /**\n   * 将主图上的图形完全复制到小图\n   */\n\n\n  MiniMap.prototype.updateGraphShapes = function () {\n    var graph = this._cfgs.graph;\n    var canvas = this.get('canvas');\n    var graphGroup = graph.get('group');\n    if (graphGroup.destroyed) return;\n    var clonedGroup = graphGroup.clone();\n    clonedGroup.resetMatrix();\n    canvas.clear();\n    canvas.add(clonedGroup); // 当 renderer 是 svg，由于渲染引擎的 bug，这里需要将 visible 为 false 的元素手动隐藏\n\n    var renderer = graph.get('renderer');\n\n    if (renderer === SVG) {\n      // 递归更新子元素\n      this.updateVisible(clonedGroup);\n    }\n  }; // svg 在 canvas.add(clonedGroup) 之后会出现 visible 为 false 的元素被展示出来，需要递归更新\n\n\n  MiniMap.prototype.updateVisible = function (ele) {\n    var _this = this;\n\n    if (!ele.isGroup() && !ele.get('visible')) {\n      ele.hide();\n    } else {\n      var children = ele.get('children');\n      if (!children || !children.length) return;\n      children.forEach(function (child) {\n        if (!child.get('visible')) child.hide();\n\n        _this.updateVisible(child);\n      });\n    }\n  }; // 仅在 minimap 上绘制 keyShape\n  // FIXME 如果用户自定义绘制了其他内容，minimap上就无法画出\n\n\n  MiniMap.prototype.updateKeyShapes = function () {\n    var _this = this;\n\n    var graph = this._cfgs.graph;\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(graph.getEdges(), function (edge) {\n      _this.updateOneEdgeKeyShape(edge);\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(graph.getNodes(), function (node) {\n      _this.updateOneNodeKeyShape(node);\n    });\n    this.clearDestroyedShapes();\n  };\n  /**\n   * 增加/更新单个元素的 keyShape\n   * @param item INode 实例\n   */\n\n\n  MiniMap.prototype.updateOneNodeKeyShape = function (item) {\n    var canvas = this.get('canvas');\n    var group = canvas.get('children')[0] || canvas.addGroup();\n    var itemMap = this.get('itemMap') || {}; // 差量更新 minimap 上的一个节点，对应主图的 item\n\n    var mappedItem = itemMap[item.get('id')];\n    var bbox = item.getBBox(); // 计算了节点父组矩阵的 bbox\n\n    var cKeyShape = item.get('keyShape').clone();\n    var keyShapeStyle = cKeyShape.attr();\n    var attrs = {\n      x: bbox.centerX,\n      y: bbox.centerY\n    };\n\n    if (!mappedItem) {\n      mappedItem = cKeyShape;\n      group.add(mappedItem);\n    } else {\n      attrs = Object.assign(keyShapeStyle, attrs);\n    }\n\n    var shapeType = mappedItem.get('type');\n\n    if (shapeType === 'rect' || shapeType === 'image') {\n      attrs.x = bbox.minX;\n      attrs.y = bbox.minY;\n    }\n\n    mappedItem.attr(attrs);\n\n    if (!item.isVisible()) {\n      mappedItem.hide();\n    }\n\n    mappedItem.exist = true;\n    itemMap[item.get('id')] = mappedItem;\n    this.set('itemMap', itemMap);\n  };\n  /**\n   * Minimap 中展示自定义的rect，支持用户自定义样式和节点大小\n   */\n\n\n  MiniMap.prototype.updateDelegateShapes = function () {\n    var _this = this;\n\n    var graph = this._cfgs.graph; // 差量更新 minimap 上的节点和边\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(graph.getEdges(), function (edge) {\n      _this.updateOneEdgeKeyShape(edge);\n    });\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(graph.getNodes(), function (node) {\n      _this.updateOneNodeDelegateShape(node);\n    });\n    this.clearDestroyedShapes();\n  };\n\n  MiniMap.prototype.clearDestroyedShapes = function () {\n    var itemMap = this.get('itemMap') || {};\n    var keys = Object.keys(itemMap);\n    if (!keys || keys.length === 0) return;\n\n    for (var i = keys.length - 1; i >= 0; i--) {\n      var shape = itemMap[keys[i]];\n      var exist = shape.exist;\n      shape.exist = false;\n\n      if (!exist) {\n        shape.remove();\n        delete itemMap[keys[i]];\n      }\n    }\n  };\n  /**\n   * 设置只显示 edge 的 keyShape\n   * @param item IEdge 实例\n   */\n\n\n  MiniMap.prototype.updateOneEdgeKeyShape = function (item) {\n    var canvas = this.get('canvas');\n    var group = canvas.get('children')[0] || canvas.addGroup();\n    var itemMap = this.get('itemMap') || {}; // 差量更新 minimap 上的一个节点，对应主图的 item\n\n    var mappedItem = itemMap[item.get('id')];\n\n    if (mappedItem) {\n      var path = item.get('keyShape').attr('path');\n      mappedItem.attr('path', path);\n    } else {\n      mappedItem = item.get('keyShape').clone();\n      group.add(mappedItem);\n      mappedItem.toBack();\n    }\n\n    if (!item.isVisible()) {\n      mappedItem.hide();\n    }\n\n    mappedItem.exist = true;\n    itemMap[item.get('id')] = mappedItem;\n    this.set('itemMap', itemMap);\n  };\n  /**\n   * Minimap 中展示自定义的 rect，支持用户自定义样式和节点大小\n   * 增加/更新单个元素\n   * @param item INode 实例\n   */\n\n\n  MiniMap.prototype.updateOneNodeDelegateShape = function (item) {\n    var canvas = this.get('canvas');\n    var group = canvas.get('children')[0] || canvas.addGroup();\n    var delegateStyle = this.get('delegateStyle');\n    var itemMap = this.get('itemMap') || {}; // 差量更新 minimap 上的一个节点，对应主图的 item\n\n    var mappedItem = itemMap[item.get('id')];\n    var bbox = item.getBBox(); // 计算了节点父组矩阵的 bbox\n\n    if (mappedItem) {\n      var attrs = {\n        x: bbox.minX,\n        y: bbox.minY,\n        width: bbox.width,\n        height: bbox.height\n      };\n      mappedItem.attr(attrs);\n    } else {\n      mappedItem = group.addShape('rect', {\n        attrs: __assign({\n          x: bbox.minX,\n          y: bbox.minY,\n          width: bbox.width,\n          height: bbox.height\n        }, delegateStyle),\n        name: 'minimap-node-shape'\n      });\n    }\n\n    if (!item.isVisible()) {\n      mappedItem.hide();\n    }\n\n    mappedItem.exist = true;\n    itemMap[item.get('id')] = mappedItem;\n    this.set('itemMap', itemMap);\n  };\n\n  MiniMap.prototype.init = function () {\n    this.initContainer();\n    this.get('graph').on('afterupdateitem', this.handleUpdateCanvas);\n    this.get('graph').on('afteritemstatechange', this.handleUpdateCanvas);\n    this.get('graph').on('afteradditem', this.handleUpdateCanvas);\n    this.get('graph').on('afterremoveitem', this.handleUpdateCanvas);\n    this.get('graph').on('afterrender', this.handleUpdateCanvas);\n    this.get('graph').on('afterlayout', this.handleUpdateCanvas);\n  };\n  /**\n   * 初始化 Minimap 的容器\n   */\n\n\n  MiniMap.prototype.initContainer = function () {\n    var self = this;\n    var graph = self.get('graph');\n    var size = self.get('size');\n    var className = self.get('className');\n    var parentNode = self.get('container');\n    var container = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_3__[\"createDom\"])(\"<div class='\" + className + \"' style='width: \" + size[0] + \"px; height: \" + size[1] + \"px; overflow: hidden'></div>\");\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isString\"])(parentNode)) {\n      parentNode = document.getElementById(parentNode);\n    }\n\n    if (parentNode) {\n      parentNode.appendChild(container);\n    } else {\n      graph.get('container').appendChild(container);\n    }\n\n    self.set('container', container);\n    var containerDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_3__[\"createDom\"])('<div class=\"g6-minimap-container\" style=\"position: relative;\"></div>');\n    container.appendChild(containerDOM);\n    containerDOM.addEventListener('dragenter', function (e) {\n      e.preventDefault();\n    });\n    containerDOM.addEventListener('dragover', function (e) {\n      e.preventDefault();\n    });\n    var canvas;\n    var renderer = graph.get('renderer');\n\n    if (renderer === SVG) {\n      canvas = new _antv_g_svg__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"]({\n        container: containerDOM,\n        width: size[0],\n        height: size[1]\n      });\n    } else {\n      canvas = new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_0__[\"Canvas\"]({\n        container: containerDOM,\n        width: size[0],\n        height: size[1]\n      });\n    }\n\n    self.set('canvas', canvas);\n    self.updateCanvas();\n  };\n\n  MiniMap.prototype.updateCanvas = function () {\n    // 如果是在动画，则不刷新视图\n    var isRefresh = this.get('refresh');\n\n    if (!isRefresh) {\n      return;\n    }\n\n    var graph = this.get('graph');\n\n    if (graph.get('destroyed')) {\n      return;\n    } // 如果是视口变换，也不刷新视图，但是需要重置视口大小和位置\n\n\n    if (this.get('viewportChange')) {\n      this.set('viewportChange', false);\n      this.updateViewport();\n    }\n\n    var size = this.get('size'); // 用户定义的 minimap size\n\n    var canvas = this.get('canvas'); // minimap 的 canvas\n\n    var type = this.get('type'); // minimap 的类型\n\n    var padding = this.get('padding'); // 用户额定义的 minimap 的 padding\n\n    if (canvas.destroyed) {\n      return;\n    }\n\n    switch (type) {\n      case DEFAULT_MODE:\n        this.updateGraphShapes();\n        break;\n\n      case KEYSHAPE_MODE:\n        this.updateKeyShapes();\n        break;\n\n      case DELEGATE_MODE:\n        // 得到的节点直接带有 x 和 y，每个节点不存在父 group，即每个节点位置不由父 group 控制\n        this.updateDelegateShapes();\n        break;\n\n      default:\n        break;\n    }\n\n    var group = canvas.get('children')[0];\n    if (!group) return;\n    group.resetMatrix(); // 该 bbox 是准确的，不计算 matrix 的包围盒\n\n    var bbox = group.getCanvasBBox(); // 主图的 bbox\n\n    var graphBBox = graph.get('canvas').getCanvasBBox();\n    var width = graphBBox.width;\n    var height = graphBBox.height;\n\n    if (Number.isFinite(bbox.width)) {\n      // 刷新后bbox可能会变，需要重置画布矩阵以缩放到合适的大小\n      width = max(bbox.width, width);\n      height = max(bbox.height, height);\n    }\n\n    width += 2 * padding;\n    height += 2 * padding;\n    var ratio = Math.min(size[0] / width, size[1] / height);\n    var matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    var minX = 0;\n    var minY = 0; // 平移到左上角\n\n    if (Number.isFinite(bbox.minX)) {\n      minX = -bbox.minX;\n    }\n\n    if (Number.isFinite(bbox.minY)) {\n      minY = -bbox.minY;\n    } // 缩放到适合视口后, 平移到画布中心\n\n\n    var dx = (size[0] - (width - 2 * padding) * ratio) / 2;\n    var dy = (size[1] - (height - 2 * padding) * ratio) / 2;\n    matrix = transform(matrix, [['t', minX, minY], ['s', ratio, ratio], ['t', dx, dy] // 移动到画布中心\n    ]);\n    group.setMatrix(matrix); // 更新minimap视口\n\n    this.set('ratio', ratio);\n    this.set('totaldx', dx + minX * ratio);\n    this.set('totaldy', dy + minY * ratio);\n    this.set('dx', dx);\n    this.set('dy', dy);\n    this.updateViewport();\n  };\n  /**\n   * 获取minimap的画布\n   * @return {GCanvas} G的canvas实例\n   */\n\n\n  MiniMap.prototype.getCanvas = function () {\n    return this.get('canvas');\n  };\n  /**\n   * 获取minimap的窗口\n   * @return {HTMLElement} 窗口的dom实例\n   */\n\n\n  MiniMap.prototype.getViewport = function () {\n    return this.get('viewport');\n  };\n  /**\n   * 获取minimap的容器dom\n   * @return {HTMLElement} dom\n   */\n\n\n  MiniMap.prototype.getContainer = function () {\n    return this.get('container');\n  };\n\n  MiniMap.prototype.destroy = function () {\n    this.get('canvas').destroy();\n    var container = this.get('container');\n    container.parentNode.removeChild(container);\n  };\n\n  return MiniMap;\n}(_base__WEBPACK_IMPORTED_MODULE_5__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (MiniMap);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/minimap/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/constant.js":
+/*!************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/constant.js ***!
+  \************************************************************************************/
+/*! exports provided: TIMELINE_START, TIMELINE_END, VALUE_CHANGE, TIMEBAR_CONFIG_CHANGE, PLAY_PAUSE_BTN, NEXT_STEP_BTN, PRE_STEP_BTN */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TIMELINE_START\", function() { return TIMELINE_START; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TIMELINE_END\", function() { return TIMELINE_END; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VALUE_CHANGE\", function() { return VALUE_CHANGE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TIMEBAR_CONFIG_CHANGE\", function() { return TIMEBAR_CONFIG_CHANGE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PLAY_PAUSE_BTN\", function() { return PLAY_PAUSE_BTN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NEXT_STEP_BTN\", function() { return NEXT_STEP_BTN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PRE_STEP_BTN\", function() { return PRE_STEP_BTN; });\nvar TIMELINE_START = 'timelinestart';\nvar TIMELINE_END = 'timelineend';\nvar VALUE_CHANGE = 'valueChange';\nvar TIMEBAR_CONFIG_CHANGE = 'timebarConfigChanged';\nvar PLAY_PAUSE_BTN = 'playPauseBtn';\nvar NEXT_STEP_BTN = 'nextStepBtn';\nvar PRE_STEP_BTN = 'preStepBtn';\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/constant.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/controllerBtn.js":
+/*!*****************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/controllerBtn.js ***!
+  \*****************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_matrix_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/matrix-util */ \"./node_modules/_@antv_matrix-util@3.0.4@@antv/matrix-util/esm/index.js\");\n/* harmony import */ var _timeButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./timeButton */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeButton.js\");\n/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constant */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/constant.js\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\n\nvar transform = _antv_matrix_util__WEBPACK_IMPORTED_MODULE_1__[\"ext\"].transform;\nvar DEFAULT_RECT_FILL = '#aaa';\nvar DEFAULT_RECT_STROKE = 'green';\nvar DEFAULT_PLAYBTN_STYLE = {\n  fill: '#aaa',\n  fillOpacity: 0.35,\n  stroke: '#aaa'\n};\nvar DEFAULT_PREBTN_STYLE = {\n  fill: '#fff'\n};\nvar DEFAULT_NEXTBTN_STYLE = {\n  fill: 'green'\n};\nvar DEFAULT_SPEED_CONTROLLER_STYLE = {\n  pointer: {\n    fill: '#aaa',\n    lineWidth: 0\n  },\n  scroller: {\n    stroke: '#aaa',\n    fill: '#aaa',\n    lineWidth: 1,\n    lineAppendWidth: 5,\n    cursor: 'pointer'\n  },\n  text: {\n    fill: '#aaa',\n    textBaseline: 'top'\n  }\n};\nvar DEFAULT_TIMETYPE_CONTROLLER_STYLE = {\n  check: {\n    stroke: 'green',\n    lineWidth: 3\n  },\n  box: {\n    fill: '#fff',\n    stroke: '#aaa',\n    lineWidth: 2,\n    radius: 3,\n    width: 12,\n    height: 12\n  },\n  text: {\n    fill: '#aaa',\n    fontSize: 12,\n    textBaseline: 'top'\n  }\n};\nvar DEFAULT_CONTROLLER_CONFIG = {\n  speed: 1,\n  loop: false,\n  fill: '#fff',\n  stroke: '#fff',\n  hideTimeTypeController: false,\n  preBtnStyle: {\n    fill: '#aaa',\n    stroke: '#aaa'\n  },\n  nextBtnStyle: {\n    fill: '#aaa',\n    stroke: '#aaa'\n  },\n  playBtnStyle: {\n    fill: '#aaa',\n    stroke: '#aaa',\n    fillOpacity: 0.05\n  },\n  speedControllerStyle: DEFAULT_SPEED_CONTROLLER_STYLE,\n  timeTypeControllerStyle: DEFAULT_TIMETYPE_CONTROLLER_STYLE\n};\nvar SPEED_CONTROLLER_OFFSET = 110;\nvar TOGGLE_MODEL_OFFSET = 50;\n\nvar ControllerBtn =\n/** @class */\nfunction () {\n  function ControllerBtn(cfg) {\n    this.controllerCfg = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"deepMix\"])({}, DEFAULT_CONTROLLER_CONFIG, cfg);\n    this.group = cfg.group;\n    this.controllerGroup = this.group.addGroup({\n      name: 'controller-group'\n    });\n    this.speedAxisY = [];\n    this.currentSpeed = this.controllerCfg.speed;\n    this.currentType = 'range';\n    this.fontFamily = cfg.fontFamily || 'Arial, sans-serif';\n    this.init();\n  }\n\n  ControllerBtn.prototype.init = function () {\n    this.renderPlayButton();\n  };\n  /** 获取播放键 marker path */\n\n\n  ControllerBtn.prototype.getNextMarkerPath = function (x, y, len) {\n    return [['M', x, y - len], ['L', x + len, y], ['L', x, y + len], ['Z', x, y - len], ['M', x, y], ['L', x - len, y - len], ['L', x - len, y + len], ['Z']];\n  };\n\n  ControllerBtn.prototype.getPreMarkerPath = function (x, y, len) {\n    return [['M', x, y - len], ['L', x - len, y], ['L', x, y + len], ['L', x, y - len], ['M', x, y], ['L', x + len, y - len], ['L', x + len, y + len], ['Z']];\n  };\n\n  ControllerBtn.prototype.renderPlayButton = function () {\n    var controllerCfg = this.controllerCfg;\n    var width = controllerCfg.width,\n        height = controllerCfg.height,\n        x = controllerCfg.x,\n        y = controllerCfg.y,\n        hideTimeTypeController = controllerCfg.hideTimeTypeController,\n        _a = controllerCfg.fill,\n        fill = _a === void 0 ? DEFAULT_RECT_FILL : _a,\n        _b = controllerCfg.stroke,\n        stroke = _b === void 0 ? DEFAULT_RECT_STROKE : _b;\n\n    var playBtnStyle = __assign(__assign({}, DEFAULT_PLAYBTN_STYLE), controllerCfg.playBtnStyle || {});\n\n    var preBtnStyle = __assign(__assign({}, DEFAULT_PREBTN_STYLE), controllerCfg.preBtnStyle || {});\n\n    var nextBtnStyle = __assign(__assign({}, DEFAULT_NEXTBTN_STYLE), controllerCfg.nextBtnStyle || {});\n\n    var r = height / 2 - 5;\n    var realY = y + 10; // 绘制最外层的矩形包围框\n\n    var container = this.controllerGroup.addShape('rect', {\n      attrs: {\n        x: x,\n        y: realY,\n        width: width,\n        height: height,\n        stroke: stroke,\n        fill: fill\n      },\n      name: 'container-rect'\n    });\n\n    if (this.playButton) {\n      this.playButton.update({\n        x: width / 2,\n        y: realY,\n        r: r\n      });\n    } else {\n      this.playButton = new _timeButton__WEBPACK_IMPORTED_MODULE_2__[\"default\"]({\n        group: this.controllerGroup,\n        x: width / 2,\n        y: realY + r + 5,\n        r: r,\n        isPlay: this.isPlay,\n        style: playBtnStyle\n      });\n    } // 后退按钮\n\n\n    var prePaddingX = preBtnStyle.offsetX || 0;\n    var prePaddingY = preBtnStyle.offsetY || 0;\n    var preR = (preBtnStyle.scale || 1) * r;\n    this.controllerGroup.addShape('path', {\n      attrs: __assign({\n        path: this.getPreMarkerPath(width / 2 - 5 * r + prePaddingX, realY + r + 5 + prePaddingY, preR * 0.5)\n      }, preBtnStyle),\n      name: _constant__WEBPACK_IMPORTED_MODULE_3__[\"PRE_STEP_BTN\"]\n    }); // 前进按钮\n\n    var nxtPaddingX = nextBtnStyle.offsetX || 0;\n    var nxtPaddingY = nextBtnStyle.offsetY || 0;\n    var nxtR = (nextBtnStyle.scale || 1) * r;\n    this.controllerGroup.addShape('path', {\n      attrs: __assign({\n        path: this.getNextMarkerPath(width / 2 + 5 * r + nxtPaddingX, realY + r + 5 + nxtPaddingY, nxtR * 0.5)\n      }, nextBtnStyle),\n      name: _constant__WEBPACK_IMPORTED_MODULE_3__[\"NEXT_STEP_BTN\"]\n    });\n    container.toBack(); // 调节speed的按钮\n\n    this.renderSpeedBtn();\n\n    if (!hideTimeTypeController) {\n      this.renderToggleTime();\n    }\n\n    this.bindEvent(); // 根据配置的 scale、offsetX，offsetY 缩放和移动控制栏\n\n    var _c = this.controllerCfg.scale,\n        scale = _c === void 0 ? 1 : _c;\n    var currentBBox = this.controllerGroup.getCanvasBBox();\n    var centerX = (currentBBox.maxX + currentBBox.minX) / 2;\n    var centerY = (currentBBox.maxY + currentBBox.minY) / 2;\n    var matrix = transform([1, 0, 0, 0, 1, 0, 0, 0, 1], [['t', -centerX, -centerY], ['s', scale, scale], ['t', centerX, centerY]]);\n    this.controllerGroup.setMatrix(matrix);\n  };\n\n  ControllerBtn.prototype.renderSpeedBtn = function () {\n    var _a = this.controllerCfg,\n        y = _a.y,\n        width = _a.width,\n        hideTimeTypeController = _a.hideTimeTypeController;\n\n    var speedControllerStyle = __assign(__assign({}, DEFAULT_SPEED_CONTROLLER_STYLE), this.controllerCfg.speedControllerStyle || {});\n\n    var _b = speedControllerStyle.scroller,\n        scroller = _b === void 0 ? {} : _b,\n        _c = speedControllerStyle.text,\n        text = _c === void 0 ? {} : _c,\n        _d = speedControllerStyle.pointer,\n        pointer = _d === void 0 ? {} : _d,\n        _e = speedControllerStyle.scale,\n        scale = _e === void 0 ? 1 : _e,\n        _f = speedControllerStyle.offsetX,\n        offsetX = _f === void 0 ? 0 : _f,\n        _g = speedControllerStyle.offsetY,\n        offsetY = _g === void 0 ? 0 : _g;\n    var speedGroup = this.controllerGroup.addGroup({\n      name: 'speed-group'\n    });\n    this.speedGroup = speedGroup;\n    var speedNum = [];\n    var maxSpeed = 5;\n    this.speedAxisY = [19, 22, 26, 32, 39]; // 增加speed刻度\n\n    for (var i = 0; i < 5; i++) {\n      var axisY = y + this.speedAxisY[i]; // 灰色刻度\n\n      var startX = width - (!hideTimeTypeController ? SPEED_CONTROLLER_OFFSET : TOGGLE_MODEL_OFFSET);\n      speedGroup.addShape('line', {\n        attrs: __assign({\n          x1: startX,\n          x2: startX + 15,\n          y1: axisY,\n          y2: axisY\n        }, scroller),\n        speed: maxSpeed,\n        name: 'speed-rect'\n      });\n      this.speedAxisY[i] = axisY;\n      speedNum.push(maxSpeed);\n      maxSpeed = maxSpeed - 1;\n    } // 速度文本\n\n\n    this.speedText = speedGroup.addShape('text', {\n      attrs: __assign({\n        x: width - (!hideTimeTypeController ? SPEED_CONTROLLER_OFFSET : TOGGLE_MODEL_OFFSET) + 20,\n        y: this.speedAxisY[0] + 4,\n        text: \"1.0X\",\n        fontFamily: this.fontFamily || 'Arial, sans-serif'\n      }, text)\n    });\n    this.speedPoint = speedGroup.addShape('path', {\n      attrs: __assign({\n        path: this.getPointerPath(width - (!hideTimeTypeController ? SPEED_CONTROLLER_OFFSET : TOGGLE_MODEL_OFFSET), 0),\n        matrix: [1, 0, 0, 0, 1, 0, 0, this.speedAxisY[4], 1]\n      }, pointer)\n    }); // 根据配置在 speedControllerStyle 中的 scale offsetX offsetY 缩放和移动速度控制器\n\n    var currentBBox = this.speedGroup.getCanvasBBox();\n    var centerX = (currentBBox.maxX + currentBBox.minX) / 2;\n    var centerY = (currentBBox.maxY + currentBBox.minY) / 2;\n    var matrix = this.speedGroup.getMatrix() || [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    matrix = transform(matrix, [['t', -centerX, -centerY], ['s', scale, scale], ['t', centerX + offsetX * scale, centerY + offsetY * scale]]);\n    this.speedGroup.setMatrix(matrix);\n  };\n\n  ControllerBtn.prototype.getPointerPath = function (x, y) {\n    return [['M', x, y], ['L', x - 10, y - 4], ['L', x - 10, y + 4], ['Z']];\n  };\n\n  ControllerBtn.prototype.renderToggleTime = function () {\n    var _a;\n\n    var width = this.controllerCfg.width;\n\n    var timeTypeControllerStyle = __assign(__assign({}, DEFAULT_TIMETYPE_CONTROLLER_STYLE), this.controllerCfg.timeTypeControllerStyle || {});\n\n    var _b = timeTypeControllerStyle.scale,\n        scale = _b === void 0 ? 1 : _b,\n        _c = timeTypeControllerStyle.offsetX,\n        offsetX = _c === void 0 ? 0 : _c,\n        _d = timeTypeControllerStyle.offsetY,\n        offsetY = _d === void 0 ? 0 : _d,\n        _e = timeTypeControllerStyle.box,\n        box = _e === void 0 ? {} : _e,\n        _f = timeTypeControllerStyle.check,\n        check = _f === void 0 ? {} : _f,\n        _g = timeTypeControllerStyle.text,\n        text = _g === void 0 ? {} : _g;\n    this.toggleGroup = this.controllerGroup.addGroup({\n      name: 'toggle-group'\n    });\n    this.toggleGroup.addShape('rect', {\n      attrs: __assign({\n        x: width - TOGGLE_MODEL_OFFSET,\n        y: this.speedAxisY[0] + 3.5\n      }, box),\n      isChecked: false,\n      name: 'toggle-model'\n    });\n    this.checkedIcon = this.toggleGroup.addShape('path', {\n      attrs: __assign({\n        path: [['M', width - TOGGLE_MODEL_OFFSET + 3, this.speedAxisY[1] + 6], ['L', width - TOGGLE_MODEL_OFFSET + 7, this.speedAxisY[1] + 10], ['L', width - TOGGLE_MODEL_OFFSET + 12, this.speedAxisY[1] + 4]]\n      }, check),\n      capture: false\n    });\n    this.checkedIcon.hide();\n    this.checkedText = this.toggleGroup.addShape('text', {\n      attrs: __assign({\n        text: ((_a = this.controllerCfg) === null || _a === void 0 ? void 0 : _a.timePointControllerText) || '单一时间',\n        x: width - TOGGLE_MODEL_OFFSET + 15,\n        y: this.speedAxisY[0] + 4,\n        fontFamily: typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif'\n      }, text)\n    }); // 根据配置在 timeTypeControllerStyle 中的 scale offsetX offsetY 缩放和移动速度控制器\n\n    var currentBBox = this.toggleGroup.getCanvasBBox();\n    var centerX = (currentBBox.maxX + currentBBox.minX) / 2;\n    var centerY = (currentBBox.maxY + currentBBox.minY) / 2;\n    var matrix = this.toggleGroup.getMatrix() || [1, 0, 0, 0, 1, 0, 0, 0, 1];\n    matrix = transform(matrix, [['t', -centerX, -centerY], ['s', scale, scale], ['t', centerX + offsetX * scale, centerY + offsetY * scale]]);\n    this.toggleGroup.setMatrix(matrix);\n  };\n\n  ControllerBtn.prototype.bindEvent = function () {\n    var _this = this;\n\n    this.speedGroup.on('speed-rect:click', function (evt) {\n      var currentPointerY = evt.target.attr('y1');\n\n      var pointerMatrix = _this.speedPoint.attr('matrix');\n\n      var currentYIdx = _this.speedAxisY.indexOf(pointerMatrix[7] || 0);\n\n      var targetYIdx = _this.speedAxisY.indexOf(currentPointerY);\n\n      var yDiff = _this.speedAxisY[targetYIdx] - _this.speedAxisY[currentYIdx];\n      pointerMatrix = transform(pointerMatrix, [['t', 0, yDiff]]);\n\n      _this.speedPoint.setMatrix(pointerMatrix);\n\n      _this.currentSpeed = _this.speedAxisY.length - targetYIdx;\n\n      _this.speedText.attr('text', _this.currentSpeed + \".0X\");\n\n      _this.group.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMEBAR_CONFIG_CHANGE\"], {\n        speed: _this.currentSpeed,\n        type: _this.currentType\n      });\n    });\n    this.speedGroup.on('mousewheel', function (evt) {\n      evt.preventDefault();\n      var pointerMatrix = _this.speedPoint.attr('matrix') || [1, 0, 0, 0, 1, 0, 0, 0, 1];\n      var currentPointerY = pointerMatrix[7];\n\n      var currentYIdx = _this.speedAxisY.indexOf(currentPointerY);\n\n      if (currentYIdx === -1) {\n        // 找到最近的一个 y\n        var minDist_1 = Infinity;\n\n        _this.speedAxisY.forEach(function (y, idx) {\n          var dist = Math.abs(y - currentPointerY);\n\n          if (minDist_1 > dist) {\n            minDist_1 = dist;\n            currentYIdx = idx;\n          }\n        });\n      }\n\n      if (evt.originalEvent.deltaY > 0) currentYIdx = Math.max(0, currentYIdx - 1);else currentYIdx = Math.min(_this.speedAxisY.length - 1, currentYIdx + 1);\n      var yDiff = _this.speedAxisY[currentYIdx] - currentPointerY;\n      pointerMatrix = transform(pointerMatrix, [['t', 0, yDiff]]);\n\n      _this.speedPoint.setMatrix(pointerMatrix);\n\n      _this.currentSpeed = _this.speedAxisY.length - currentYIdx;\n\n      _this.speedText.attr('text', _this.currentSpeed + \".0X\");\n\n      _this.group.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMEBAR_CONFIG_CHANGE\"], {\n        speed: _this.currentSpeed,\n        type: _this.currentType\n      });\n    });\n\n    if (this.toggleGroup) {\n      this.toggleGroup.on('toggle-model:click', function (evt) {\n        var _a, _b;\n\n        var isChecked = evt.target.get('isChecked');\n\n        if (!isChecked) {\n          _this.checkedIcon.show();\n\n          _this.checkedText.attr('text', ((_a = _this.controllerCfg) === null || _a === void 0 ? void 0 : _a.timeRangeControllerText) || '时间范围');\n\n          _this.currentType = 'single';\n        } else {\n          _this.checkedIcon.hide();\n\n          _this.checkedText.attr('text', ((_b = _this.controllerCfg) === null || _b === void 0 ? void 0 : _b.timePointControllerText) || '单一时间');\n\n          _this.currentType = 'range';\n        }\n\n        evt.target.set('isChecked', !isChecked);\n\n        _this.group.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMEBAR_CONFIG_CHANGE\"], {\n          type: _this.currentType,\n          speed: _this.currentSpeed\n        });\n      });\n    }\n  };\n\n  ControllerBtn.prototype.destroy = function () {\n    this.speedGroup.off('speed-rect:click');\n\n    if (this.toggleGroup) {\n      this.toggleGroup.off('toggle-model:click');\n      this.toggleGroup.destroy();\n    }\n\n    this.speedGroup.destroy();\n  };\n\n  return ControllerBtn;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ControllerBtn);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/controllerBtn.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/handler.js":
+/*!***********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/handler.js ***!
+  \***********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\nvar DEFAULT_STYLE = {\n  fill: '#1890ff',\n  stroke: '#1890ff',\n  type: 'trend',\n  radius: 2,\n  opacity: 1,\n  cursor: 'ew-resize',\n  // 高亮的颜色\n  highLightFill: '#0050b3'\n};\nvar SIMPLE_DEFAULT_STYLE = {\n  fill: '#fff',\n  stroke: '#1890ff',\n  radius: 2,\n  opacity: 1,\n  cursor: 'ew-resize'\n};\n\nvar Handler =\n/** @class */\nfunction () {\n  function Handler(cfg) {\n    var group = cfg.group,\n        name = cfg.name,\n        type = cfg.type,\n        _a = cfg.x,\n        x = _a === void 0 ? 0 : _a,\n        _b = cfg.y,\n        y = _b === void 0 ? 0 : _b,\n        _c = cfg.width,\n        width = _c === void 0 ? 2 : _c,\n        _d = cfg.height,\n        height = _d === void 0 ? 24 : _d,\n        _e = cfg.style,\n        style = _e === void 0 ? {} : _e;\n    this.group = group;\n    this.name = name;\n    this.handleType = type;\n    this.x = x;\n    this.y = y;\n    this.width = width;\n    this.height = height;\n\n    if (type === 'trend') {\n      this.style = __assign(__assign({}, DEFAULT_STYLE), style);\n    } else if (type === 'simple') {\n      this.style = __assign(__assign({}, SIMPLE_DEFAULT_STYLE), style);\n    }\n\n    this.renderHandle();\n  }\n  /**\n   * 设置位置 x\n   * @param x\n   */\n\n\n  Handler.prototype.setX = function (x) {\n    this.setXY(x, undefined);\n  };\n  /**\n   * 设置位置 y\n   * @param y\n   */\n\n\n  Handler.prototype.setY = function (y) {\n    this.setXY(undefined, y);\n  };\n\n  Handler.prototype.setXY = function (x, y) {\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNumber\"])(x)) {\n      this.x = x;\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isNumber\"])(y)) {\n      this.y = y;\n    }\n\n    this.updateXY();\n  };\n  /**\n   * 初始化组件\n   * @private\n   */\n\n\n  Handler.prototype.renderHandle = function () {\n    var _a = this,\n        width = _a.width,\n        height = _a.height,\n        style = _a.style,\n        name = _a.name;\n\n    var fill = style.fill,\n        stroke = style.stroke,\n        radius = style.radius,\n        opacity = style.opacity,\n        cursor = style.cursor;\n    this.handleGroup = this.group.addGroup(); // 趋势图时的 handle\n\n    if (this.handleType === 'trend') {\n      // 垂直线\n      this.verticalLine = this.handleGroup.addShape('rect', {\n        attrs: {\n          x: 0,\n          y: 0,\n          width: width,\n          height: height,\n          fill: fill,\n          stroke: stroke,\n          radius: radius,\n          opacity: opacity,\n          cursor: cursor\n        },\n        name: name + \"-handler\"\n      });\n      this.topCircle = this.handleGroup.addShape('circle', {\n        attrs: {\n          x: width / 2,\n          y: 0,\n          r: 2 * width,\n          fill: fill,\n          stroke: stroke,\n          radius: radius,\n          opacity: opacity,\n          cursor: cursor\n        },\n        name: name + \"-handler\"\n      });\n      this.bottomCircle = this.handleGroup.addShape('circle', {\n        attrs: {\n          x: width / 2,\n          y: height,\n          r: 2 * width,\n          fill: fill,\n          stroke: stroke,\n          radius: radius,\n          opacity: opacity,\n          cursor: cursor\n        },\n        name: name + \"-handler\"\n      });\n    } else if (this.handleType === 'simple') {\n      this.topCircle = this.handleGroup.addShape('circle', {\n        attrs: {\n          x: width / 2,\n          y: height / 2,\n          r: 2 * width,\n          fill: fill,\n          stroke: stroke,\n          radius: radius,\n          opacity: opacity,\n          cursor: cursor,\n          lineWidth: 2\n        },\n        name: name + \"-handler\"\n      });\n    } // 移动到对应的位置\n\n\n    this.updateXY();\n\n    if (this.handleType === 'trend') {\n      this.bindTrendEvents();\n    } else if (this.handleType === 'simple') {\n      this.bindSimpleEvents();\n    }\n  };\n\n  Handler.prototype.bindSimpleEvents = function () {\n    var _this = this;\n\n    var name = this.name;\n    this.handleGroup.on(name + \"-handler:mouseenter\", function () {\n      var highLightFill = _this.style.highLightFill;\n\n      _this.topCircle.attr('fill', highLightFill);\n    });\n    this.handleGroup.on(name + \"-handler:mouseleave\", function () {\n      var fill = _this.style.fill;\n\n      _this.topCircle.attr('fill', fill);\n    });\n  };\n\n  Handler.prototype.bindTrendEvents = function () {\n    var _this = this;\n\n    var name = this.name;\n    this.handleGroup.on(name + \"-handler:mouseenter\", function () {\n      var highLightFill = _this.style.highLightFill;\n\n      _this.verticalLine.attr('fill', highLightFill);\n\n      _this.topCircle.attr('fill', highLightFill);\n\n      _this.bottomCircle.attr('fill', highLightFill);\n    });\n    this.handleGroup.on(name + \"-handler:mouseleave\", function () {\n      var fill = _this.style.fill;\n\n      _this.verticalLine.attr('fill', fill);\n\n      _this.topCircle.attr('fill', fill);\n\n      _this.bottomCircle.attr('fill', fill);\n    });\n  };\n\n  Handler.prototype.show = function () {\n    this.handleGroup.show();\n  };\n\n  Handler.prototype.hide = function () {\n    this.handleGroup.hide();\n  };\n\n  Handler.prototype.updateXY = function () {\n    this.handleGroup.setMatrix([1, 0, 0, 0, 1, 0, this.x, this.y, 1]);\n  };\n\n  return Handler;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Handler);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/handler.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/index.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/index.js ***!
+  \*********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_g_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g-canvas */ \"./node_modules/_@antv_g-canvas@0.5.6@@antv/g-canvas/esm/index.js\");\n/* harmony import */ var _antv_g_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g-svg */ \"./node_modules/_@antv_g-svg@0.5.6@@antv/g-svg/esm/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\n/* harmony import */ var _trendTimeBar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./trendTimeBar */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/trendTimeBar.js\");\n/* harmony import */ var _timeBarSlice__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./timeBarSlice */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeBarSlice.js\");\n/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constant */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/constant.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n/**\n * 基于 G 的时间轴组件\n */\n\n\n\n\n\n\n\n\n\n // simple 版本默认高度\n\nvar DEFAULT_SIMPLE_HEIGHT = 4; // trend 版本默认高度\n\nvar DEFAULT_TREND_HEIGHT = 26;\n\nvar TimeBar =\n/** @class */\nfunction (_super) {\n  __extends(TimeBar, _super);\n\n  function TimeBar() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  TimeBar.prototype.getDefaultCfgs = function () {\n    return {\n      container: null,\n      className: 'g6-component-timebar',\n      padding: 10,\n      type: 'trend',\n      trend: {\n        data: [],\n        isArea: false,\n        smooth: true\n      },\n      controllerCfg: {\n        speed: 1,\n        loop: false\n      },\n      slider: {\n        start: 0.1,\n        end: 0.9,\n        minText: 'min',\n        maxText: 'max'\n      },\n      tick: {\n        start: 0.1,\n        end: 0.9,\n        data: []\n      },\n      textStyle: {},\n      filterEdge: false\n    };\n  };\n  /**\n   * 初始化 TimeBar 的容器\n   */\n\n\n  TimeBar.prototype.initContainer = function () {\n    var graph = this.get('graph');\n    var _a = this._cfgs,\n        width = _a.width,\n        height = _a.height;\n    var className = this.get('className') || 'g6-component-timebar';\n    var container = this.get('container');\n    var graphContainer = this.get('graph').get('container');\n    var timeBarContainer;\n\n    if (!container) {\n      timeBarContainer = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"createDom\"])(\"<div class='\" + className + \"'></div>\");\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_2__[\"modifyCSS\"])(timeBarContainer, {\n        position: 'relative'\n      });\n    } else {\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_7__[\"isString\"])(container)) {\n        container = document.getElementById(container);\n      }\n\n      timeBarContainer = container;\n    }\n\n    graphContainer.appendChild(timeBarContainer);\n    this.set('timeBarContainer', timeBarContainer);\n    var canvas;\n    var renderer = graph.get('renderer');\n\n    if (renderer === 'SVG') {\n      canvas = new _antv_g_svg__WEBPACK_IMPORTED_MODULE_1__[\"Canvas\"]({\n        container: timeBarContainer,\n        width: width,\n        height: height\n      });\n    } else {\n      canvas = new _antv_g_canvas__WEBPACK_IMPORTED_MODULE_0__[\"Canvas\"]({\n        container: timeBarContainer,\n        width: width,\n        height: height\n      });\n    }\n\n    this.set('canvas', canvas);\n  };\n\n  TimeBar.prototype.init = function () {\n    this.initContainer();\n    var canvas = this.get('canvas');\n    var timeBarGroup = canvas.addGroup({\n      name: 'timebar-group'\n    });\n    this.set('timeBarGroup', timeBarGroup);\n    this.renderTrend();\n    this.initEvent();\n    var fontFamily = typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif';\n    this.set('fontFamily', fontFamily);\n  };\n\n  TimeBar.prototype.renderTrend = function () {\n    var _a = this._cfgs,\n        width = _a.width,\n        x = _a.x,\n        y = _a.y,\n        padding = _a.padding,\n        type = _a.type,\n        trend = _a.trend,\n        slider = _a.slider,\n        controllerCfg = _a.controllerCfg,\n        textStyle = _a.textStyle,\n        tick = _a.tick,\n        backgroundStyle = _a.backgroundStyle,\n        foregroundStyle = _a.foregroundStyle;\n\n    var data = trend.data,\n        other = __rest(trend, [\"data\"]);\n\n    var realWidth = width - 2 * padding;\n    var defaultHeight = type === 'trend' ? DEFAULT_TREND_HEIGHT : DEFAULT_SIMPLE_HEIGHT;\n    var graph = this.get('graph');\n    var group = this.get('timeBarGroup');\n    var canvas = this.get('canvas');\n    var timebar = null;\n\n    if (type === 'trend' || type === 'simple') {\n      timebar = new _trendTimeBar__WEBPACK_IMPORTED_MODULE_4__[\"default\"](__assign(__assign({\n        graph: graph,\n        canvas: canvas,\n        group: group,\n        type: type,\n        x: x + padding,\n        y: type === 'trend' ? y + padding : y + padding + 15,\n        width: realWidth,\n        height: defaultHeight,\n        padding: padding,\n        backgroundStyle: backgroundStyle,\n        foregroundStyle: foregroundStyle,\n        trendCfg: __assign(__assign({}, other), {\n          data: data.map(function (d) {\n            return d.value;\n          })\n        })\n      }, slider), {\n        tick: {\n          ticks: data,\n          tickLabelFormatter: tick.tickLabelFormatter,\n          tickLabelStyle: tick.tickLabelStyle,\n          tickLineStyle: tick.tickLineStyle\n        },\n        handlerStyle: __assign(__assign({}, slider.handlerStyle), {\n          height: slider.height || defaultHeight\n        }),\n        controllerCfg: controllerCfg,\n        textStyle: textStyle\n      }));\n    } else if (type === 'tick') {\n      // 刻度时间轴\n      timebar = new _timeBarSlice__WEBPACK_IMPORTED_MODULE_5__[\"default\"](__assign({\n        graph: graph,\n        canvas: canvas,\n        group: group,\n        x: x + padding,\n        y: y + padding\n      }, tick));\n    }\n\n    this.set('timebar', timebar);\n  };\n\n  TimeBar.prototype.filterData = function (evt) {\n    var _a;\n\n    var value = evt.value;\n    var trendData = null;\n    var type = this._cfgs.type;\n\n    if (type === 'trend' || type === 'simple') {\n      trendData = this._cfgs.trend.data;\n    } else if (type === 'tick') {\n      trendData = this._cfgs.tick.data;\n    }\n\n    if (!trendData || trendData.length === 0) {\n      console.warn('请配置 TimeBar 组件的数据');\n      return;\n    }\n\n    var rangeChange = this.get('rangeChange');\n    var graph = this.get('graph');\n    var min = Math.round(trendData.length * value[0]);\n    var max = Math.round(trendData.length * value[1]);\n    max = max >= trendData.length ? trendData.length - 1 : max;\n    min = min >= trendData.length ? trendData.length - 1 : min;\n    var tickLabelFormatter = (_a = this._cfgs.tick) === null || _a === void 0 ? void 0 : _a.tickLabelFormatter;\n    var minText = tickLabelFormatter ? tickLabelFormatter(trendData[min]) : trendData[min].date;\n    var maxText = tickLabelFormatter ? tickLabelFormatter(trendData[max]) : trendData[max].date;\n\n    if (type !== 'tick') {\n      var timebar = this.get('timebar');\n      timebar.setText(minText, maxText);\n    }\n\n    if (rangeChange) {\n      rangeChange(graph, minText, maxText);\n    } else {\n      // 自动过滤数据，并渲染 graph\n      if (!this.cacheGraphData || this.cacheGraphData.nodes && this.cacheGraphData.nodes.length === 0) {\n        this.cacheGraphData = graph.get('data'); // graph.save() as GraphData;\n      } // 过滤不在 min 和 max 范围内的节点\n\n\n      var filterData = this.cacheGraphData.nodes.filter(function (d) {\n        return d.date >= trendData[min].date && d.date <= trendData[max].date;\n      });\n      var nodeIds_1 = filterData.map(function (node) {\n        return node.id;\n      });\n      var fileterEdges = [];\n\n      if (this.cacheGraphData.edges) {\n        // 过滤 source 或 target 不在 min 和 max 范围内的边\n        fileterEdges = this.cacheGraphData.edges.filter(function (edge) {\n          return nodeIds_1.includes(edge.source) && nodeIds_1.includes(edge.target);\n        });\n\n        if (this.get('filterEdge')) {\n          fileterEdges = fileterEdges.filter(function (edge) {\n            return edge.date >= trendData[min].date && edge.date <= trendData[max].date;\n          });\n        }\n      }\n\n      graph.changeData({\n        nodes: filterData,\n        edges: fileterEdges\n      });\n    }\n  };\n\n  TimeBar.prototype.initEvent = function () {\n    var _this = this;\n\n    var start = 0;\n    var end = 0;\n    var type = this._cfgs.type;\n\n    if (!type || type === 'trend' || type === 'simple') {\n      start = this._cfgs.slider.start;\n      end = this._cfgs.slider.end;\n    } else if (type === 'tick') {\n      start = this._cfgs.tick.start;\n      end = this._cfgs.tick.end;\n    }\n\n    var graph = this.get('graph');\n    graph.on('afterrender', function (e) {\n      _this.filterData({\n        value: [start, end]\n      });\n    }); // 时间轴的值发生改变的事件\n\n    graph.on(_constant__WEBPACK_IMPORTED_MODULE_6__[\"VALUE_CHANGE\"], Object(_antv_util__WEBPACK_IMPORTED_MODULE_7__[\"throttle\"])(function (e) {\n      _this.filterData(e);\n    }, 200, {\n      trailing: true,\n      leading: true\n    }));\n  };\n\n  TimeBar.prototype.destroy = function () {\n    var timebar = this.get('timebar');\n\n    if (timebar && timebar.destory) {\n      timebar.destory();\n    }\n\n    _super.prototype.destroy.call(this);\n\n    var timeBarContainer = this.get('timeBarContainer');\n\n    if (timeBarContainer) {\n      var container = this.get('container');\n\n      if (!container) {\n        container = this.get('graph').get('container');\n      }\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_7__[\"isString\"])(container)) {\n        container = document.getElementById(container);\n      }\n\n      container.removeChild(timeBarContainer);\n    }\n  };\n\n  return TimeBar;\n}(_base__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (TimeBar);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/path.js":
+/*!********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/path.js ***!
+  \********************************************************************************/
 /*! exports provided: getLinePath, getSmoothLinePath, dataToPath, dataToRectPath, getAreaLineY, linePathToAreaPath, getRectPoints, getRectPath */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getLinePath\", function() { return getLinePath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getSmoothLinePath\", function() { return getSmoothLinePath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"dataToPath\", function() { return dataToPath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"dataToRectPath\", function() { return dataToRectPath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAreaLineY\", function() { return getAreaLineY; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"linePathToAreaPath\", function() { return linePathToAreaPath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getRectPoints\", function() { return getRectPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getRectPath\", function() { return getRectPath; });\n/* harmony import */ var _antv_path_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/path-util */ \"./node_modules/_@antv_path-util@2.0.9@@antv/path-util/esm/index.js\");\n/* harmony import */ var _antv_scale__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/scale */ \"./node_modules/_@antv_scale@0.3.9@@antv/scale/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\nvar __spreadArray = undefined && undefined.__spreadArray || function (to, from) {\n  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) {\n    to[j] = from[i];\n  }\n\n  return to;\n};\n\n\n\n\n/**\n * 点数组转 path\n * @param points\n */\n\nfunction pointsToPath(points) {\n  return Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"map\"])(points, function (p, idx) {\n    var command = idx === 0 ? 'M' : 'L';\n    var x = p[0],\n        y = p[1];\n    return [command, x, y];\n  });\n}\n/**\n * 将点连接成路径 path\n * @param points\n */\n\n\nfunction getLinePath(points) {\n  return pointsToPath(points);\n}\n/**\n * 将点连成平滑的曲线\n * @param points\n */\n\nfunction getSmoothLinePath(points) {\n  if (points.length <= 2) {\n    // 两点以内直接绘制成路径\n    return getLinePath(points);\n  }\n\n  var data = [];\n  Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(points, function (p) {\n    // 当前点和上一个点一样的时候，忽略掉\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isEqual\"])(p, data.slice(data.length - 2))) {\n      data.push(p[0], p[1]);\n    }\n  });\n  var path = _antv_path_util__WEBPACK_IMPORTED_MODULE_0__[\"catmullRom2Bezier\"](data, false);\n\n  var _a = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"head\"])(points),\n      x = _a[0],\n      y = _a[1];\n\n  path.unshift(['M', x, y]);\n  return path;\n}\n/**\n * 将数据转成 path，利用 scale 的归一化能力\n * @param data\n * @param width\n * @param height\n * @param smooth\n */\n\nfunction dataToPath(data, width, height, smooth) {\n  if (smooth === void 0) {\n    smooth = true;\n  } // 利用 scale 来获取 y 上的映射\n\n\n  var y = new _antv_scale__WEBPACK_IMPORTED_MODULE_1__[\"Linear\"]({\n    values: data\n  });\n  var x = new _antv_scale__WEBPACK_IMPORTED_MODULE_1__[\"Category\"]({\n    values: Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"map\"])(data, function (v, idx) {\n      return idx;\n    })\n  });\n  var points = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"map\"])(data, function (v, idx) {\n    return [x.scale(idx) * width, height - y.scale(v) * height];\n  });\n  return smooth ? getSmoothLinePath(points) : getLinePath(points);\n}\nfunction dataToRectPath(data, width, height) {\n  // 利用 scale 来获取 y 上的映射\n  var y = new _antv_scale__WEBPACK_IMPORTED_MODULE_1__[\"Linear\"]({\n    values: data\n  });\n  var x = new _antv_scale__WEBPACK_IMPORTED_MODULE_1__[\"Category\"]({\n    values: Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"map\"])(data, function (v, idx) {\n      return idx;\n    })\n  });\n  var points = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"map\"])(data, function (v, idx) {\n    return [x.scale(idx) * width, height - y.scale(v) * height];\n  });\n  var rectPoints = [];\n\n  for (var i = 0; i < points.length; i++) {\n    var point = points[i];\n    var param = {\n      x: point[0],\n      y: point[1],\n      y0: height,\n      size: 5\n    };\n    var rectPoint = getRectPoints(param);\n    rectPoints.push.apply(rectPoints, rectPoint);\n  }\n\n  return getRectPath(rectPoints);\n}\n/**\n * 获得 area 面积的横向连接线的 px 位置\n * @param data\n * @param width\n * @param height\n */\n\nfunction getAreaLineY(data, height) {\n  var y = new _antv_scale__WEBPACK_IMPORTED_MODULE_1__[\"Linear\"]({\n    values: data\n  });\n  var lineY = Math.max(0, y.min);\n  return height - y.scale(lineY) * height;\n}\n/**\n * 线 path 转 area path\n * @param path\n * @param width\n * @param height\n */\n\nfunction linePathToAreaPath(path, width, height, data) {\n  var areaPath = __spreadArray([], path);\n\n  var lineYPx = getAreaLineY(data, height);\n  areaPath.push(['L', width, lineYPx]);\n  areaPath.push(['L', 0, lineYPx]);\n  areaPath.push(['Z']);\n  return areaPath;\n}\n/**\n * @ignore\n * 根据数据点生成矩形的四个关键点\n * @param pointInfo 数据点信息\n * @returns rect points 返回矩形四个顶点信息\n */\n\nfunction getRectPoints(pointInfo) {\n  var x = pointInfo.x,\n      y = pointInfo.y,\n      y0 = pointInfo.y0,\n      size = pointInfo.size; // 有 4 种情况，\n  // 1. x, y 都不是数组\n  // 2. y是数组，x不是\n  // 3. x是数组，y不是\n  // 4. x, y 都是数组\n\n  var yMin;\n  var yMax;\n\n  if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isArray\"])(y)) {\n    yMin = y[0], yMax = y[1];\n  } else {\n    yMin = y0;\n    yMax = y;\n  }\n\n  var xMin;\n  var xMax;\n\n  if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isArray\"])(x)) {\n    xMin = x[0], xMax = x[1];\n  } else {\n    xMin = x - size / 2;\n    xMax = x + size / 2;\n  }\n\n  var points = [{\n    x: xMin,\n    y: yMin\n  }, {\n    x: xMin,\n    y: yMax\n  }]; // 矩形的四个关键点，结构如下（左下角顺时针连接）\n  // 1 ---- 2\n  // |      |\n  // 0 ---- 3\n\n  points.push({\n    x: xMax,\n    y: yMax\n  }, {\n    x: xMax,\n    y: yMin\n  });\n  return points;\n}\n/**\n * @ignore\n * 根据矩形关键点绘制 path\n * @param points 关键点数组\n * @param isClosed path 是否需要闭合\n * @returns 返回矩形的 path\n */\n\nfunction getRectPath(points, isClosed) {\n  if (isClosed === void 0) {\n    isClosed = true;\n  }\n\n  var path = [];\n  var firstPoint = points[0];\n  path.push(['M', firstPoint.x, firstPoint.y]);\n\n  for (var i = 1, len = points.length; i < len; i++) {\n    path.push(['L', points[i].x, points[i].y]);\n  } // 对于 shape=\"line\" path 不应该闭合，否则会造成 lineCap 绘图属性失效\n\n\n  if (isClosed) {\n    path.push(['L', firstPoint.x, firstPoint.y]); // 需要闭合\n\n    path.push(['z']);\n  }\n\n  return path;\n}\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/path.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getLinePath\", function() { return getLinePath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getSmoothLinePath\", function() { return getSmoothLinePath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"dataToPath\", function() { return dataToPath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"dataToRectPath\", function() { return dataToRectPath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAreaLineY\", function() { return getAreaLineY; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"linePathToAreaPath\", function() { return linePathToAreaPath; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getRectPoints\", function() { return getRectPoints; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getRectPath\", function() { return getRectPath; });\n/* harmony import */ var _antv_path_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/path-util */ \"./node_modules/_@antv_path-util@2.0.9@@antv/path-util/esm/index.js\");\n/* harmony import */ var _antv_scale__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/scale */ \"./node_modules/_@antv_scale@0.3.9@@antv/scale/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\nvar __spreadArray = undefined && undefined.__spreadArray || function (to, from) {\n  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) {\n    to[j] = from[i];\n  }\n\n  return to;\n};\n\n\n\n\n/**\n * 点数组转 path\n * @param points\n */\n\nfunction pointsToPath(points) {\n  return Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"map\"])(points, function (p, idx) {\n    var command = idx === 0 ? 'M' : 'L';\n    var x = p[0],\n        y = p[1];\n    return [command, x, y];\n  });\n}\n/**\n * 将点连接成路径 path\n * @param points\n */\n\n\nfunction getLinePath(points) {\n  return pointsToPath(points);\n}\n/**\n * 将点连成平滑的曲线\n * @param points\n */\n\nfunction getSmoothLinePath(points) {\n  if (points.length <= 2) {\n    // 两点以内直接绘制成路径\n    return getLinePath(points);\n  }\n\n  var data = [];\n  Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"each\"])(points, function (p) {\n    // 当前点和上一个点一样的时候，忽略掉\n    if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isEqual\"])(p, data.slice(data.length - 2))) {\n      data.push(p[0], p[1]);\n    }\n  });\n  var path = _antv_path_util__WEBPACK_IMPORTED_MODULE_0__[\"catmullRom2Bezier\"](data, false);\n\n  var _a = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"head\"])(points),\n      x = _a[0],\n      y = _a[1];\n\n  path.unshift(['M', x, y]);\n  return path;\n}\n/**\n * 将数据转成 path，利用 scale 的归一化能力\n * @param data\n * @param width\n * @param height\n * @param smooth\n */\n\nfunction dataToPath(data, width, height, smooth) {\n  if (smooth === void 0) {\n    smooth = true;\n  } // 利用 scale 来获取 y 上的映射\n\n\n  var y = new _antv_scale__WEBPACK_IMPORTED_MODULE_1__[\"Linear\"]({\n    values: data\n  });\n  var x = new _antv_scale__WEBPACK_IMPORTED_MODULE_1__[\"Category\"]({\n    values: Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"map\"])(data, function (v, idx) {\n      return idx;\n    })\n  });\n  var points = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"map\"])(data, function (v, idx) {\n    return [x.scale(idx) * width, height - y.scale(v) * height];\n  });\n  return smooth ? getSmoothLinePath(points) : getLinePath(points);\n}\nfunction dataToRectPath(data, width, height) {\n  // 利用 scale 来获取 y 上的映射\n  var y = new _antv_scale__WEBPACK_IMPORTED_MODULE_1__[\"Linear\"]({\n    values: data\n  });\n  var x = new _antv_scale__WEBPACK_IMPORTED_MODULE_1__[\"Category\"]({\n    values: Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"map\"])(data, function (v, idx) {\n      return idx;\n    })\n  });\n  var points = Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"map\"])(data, function (v, idx) {\n    return [x.scale(idx) * width, height - y.scale(v) * height];\n  });\n  var rectPoints = [];\n\n  for (var i = 0; i < points.length; i++) {\n    var point = points[i];\n    var param = {\n      x: point[0],\n      y: point[1],\n      y0: height,\n      size: 5\n    };\n    var rectPoint = getRectPoints(param);\n    rectPoints.push.apply(rectPoints, rectPoint);\n  }\n\n  return getRectPath(rectPoints);\n}\n/**\n * 获得 area 面积的横向连接线的 px 位置\n * @param data\n * @param width\n * @param height\n */\n\nfunction getAreaLineY(data, height) {\n  var y = new _antv_scale__WEBPACK_IMPORTED_MODULE_1__[\"Linear\"]({\n    values: data\n  });\n  var lineY = Math.max(0, y.min);\n  return height - y.scale(lineY) * height;\n}\n/**\n * 线 path 转 area path\n * @param path\n * @param width\n * @param height\n */\n\nfunction linePathToAreaPath(path, width, height, data) {\n  var areaPath = __spreadArray([], path);\n\n  var lineYPx = getAreaLineY(data, height);\n  areaPath.push(['L', width, lineYPx]);\n  areaPath.push(['L', 0, lineYPx]);\n  areaPath.push(['Z']);\n  return areaPath;\n}\n/**\n * @ignore\n * 根据数据点生成矩形的四个关键点\n * @param pointInfo 数据点信息\n * @returns rect points 返回矩形四个顶点信息\n */\n\nfunction getRectPoints(pointInfo) {\n  var x = pointInfo.x,\n      y = pointInfo.y,\n      y0 = pointInfo.y0,\n      size = pointInfo.size; // 有 4 种情况，\n  // 1. x, y 都不是数组\n  // 2. y是数组，x不是\n  // 3. x是数组，y不是\n  // 4. x, y 都是数组\n\n  var yMin;\n  var yMax;\n\n  if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isArray\"])(y)) {\n    yMin = y[0], yMax = y[1];\n  } else {\n    yMin = y0;\n    yMax = y;\n  }\n\n  var xMin;\n  var xMax;\n\n  if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_2__[\"isArray\"])(x)) {\n    xMin = x[0], xMax = x[1];\n  } else {\n    xMin = x - size / 2;\n    xMax = x + size / 2;\n  }\n\n  var points = [{\n    x: xMin,\n    y: yMin\n  }, {\n    x: xMin,\n    y: yMax\n  }]; // 矩形的四个关键点，结构如下（左下角顺时针连接）\n  // 1 ---- 2\n  // |      |\n  // 0 ---- 3\n\n  points.push({\n    x: xMax,\n    y: yMax\n  }, {\n    x: xMax,\n    y: yMin\n  });\n  return points;\n}\n/**\n * @ignore\n * 根据矩形关键点绘制 path\n * @param points 关键点数组\n * @param isClosed path 是否需要闭合\n * @returns 返回矩形的 path\n */\n\nfunction getRectPath(points, isClosed) {\n  if (isClosed === void 0) {\n    isClosed = true;\n  }\n\n  var path = [];\n  var firstPoint = points[0];\n  path.push(['M', firstPoint.x, firstPoint.y]);\n\n  for (var i = 1, len = points.length; i < len; i++) {\n    path.push(['L', points[i].x, points[i].y]);\n  } // 对于 shape=\"line\" path 不应该闭合，否则会造成 lineCap 绘图属性失效\n\n\n  if (isClosed) {\n    path.push(['L', firstPoint.x, firstPoint.y]); // 需要闭合\n\n    path.push(['z']);\n  }\n\n  return path;\n}\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/path.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeBarSlice.js":
-/*!*****************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeBarSlice.js ***!
-  \*****************************************************************************************/
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeBarSlice.js":
+/*!****************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeBarSlice.js ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _timeBarTooltip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./timeBarTooltip */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeBarTooltip.js\");\n/* harmony import */ var _controllerBtn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./controllerBtn */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/controllerBtn.js\");\n/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constant */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/constant.js\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\n\nvar DEFAULT_SELECTEDTICK_STYLE = {\n  fill: '#5B8FF9'\n};\nvar DEFAULT_UNSELECTEDTICK_STYLE = {\n  fill: '#e6e8e9'\n};\n\nvar TimeBarSlice =\n/** @class */\nfunction () {\n  function TimeBarSlice(cfgs) {\n    this.frameCount = 0;\n    this.fontFamily = 'Arial, sans-serif';\n    var graph = cfgs.graph,\n        canvas = cfgs.canvas,\n        group = cfgs.group,\n        width = cfgs.width,\n        height = cfgs.height,\n        padding = cfgs.padding,\n        data = cfgs.data,\n        start = cfgs.start,\n        end = cfgs.end,\n        _a = cfgs.x,\n        x = _a === void 0 ? 0 : _a,\n        _b = cfgs.y,\n        y = _b === void 0 ? 0 : _b,\n        tickLabelFormatter = cfgs.tickLabelFormatter,\n        _c = cfgs.selectedTickStyle,\n        selectedTickStyle = _c === void 0 ? DEFAULT_SELECTEDTICK_STYLE : _c,\n        _d = cfgs.unselectedTickStyle,\n        unselectedTickStyle = _d === void 0 ? DEFAULT_UNSELECTEDTICK_STYLE : _d,\n        tooltipBackgroundColor = cfgs.tooltipBackgroundColor,\n        tooltipFomatter = cfgs.tooltipFomatter;\n    this.graph = graph;\n    this.group = group;\n    this.sliceGroup = group.addGroup({\n      name: 'slice-group'\n    });\n    this.canvas = canvas;\n    this.width = width;\n    this.height = height;\n    this.padding = padding;\n    this.data = data;\n    this.start = start;\n    this.end = end;\n    this.tickLabelFormatter = tickLabelFormatter;\n    this.selectedTickStyle = selectedTickStyle;\n    this.unselectedTickStyle = unselectedTickStyle;\n    this.x = x;\n    this.y = y;\n    this.tooltipBackgroundColor = tooltipBackgroundColor;\n    this.tooltipFomatter = tooltipFomatter; // 初始化 fontFamily，如果有浏览器，取 body 上的字体，防止文字更新时局部渲染造成的重影\n\n    this.fontFamily = typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif';\n    this.renderSlices();\n    this.initEvent();\n  }\n\n  TimeBarSlice.prototype.renderSlices = function () {\n    var _this = this;\n\n    var _a = this,\n        width = _a.width,\n        height = _a.height,\n        padding = _a.padding,\n        data = _a.data,\n        start = _a.start,\n        end = _a.end,\n        tickLabelFormatter = _a.tickLabelFormatter,\n        selectedTickStyle = _a.selectedTickStyle,\n        unselectedTickStyle = _a.unselectedTickStyle;\n\n    var realWidth = width - 2 * padding;\n    var fontSize = 10;\n    var labelLineHeight = 4;\n    var labelAreaHeight = 3 * padding + labelLineHeight + fontSize;\n    var ticksAreaHeight = height - labelAreaHeight - 2 * padding;\n    var gap = 2;\n    var ticksLength = data.length;\n    var tickWidth = (realWidth - gap * (ticksLength - 1)) / ticksLength;\n    this.tickWidth = tickWidth;\n    var sliceGroup = this.sliceGroup;\n    var tickRects = [];\n    var labels = [];\n    var startTickId = Math.round(ticksLength * start);\n    var endTickId = Math.round(ticksLength * end);\n    this.startTickRectId = startTickId;\n    this.endTickRectId = endTickId;\n    data.forEach(function (d, i) {\n      // draw the tick rects\n      var selected = i >= startTickId && i <= endTickId;\n      var tickStyle = selected ? selectedTickStyle : unselectedTickStyle;\n      var rect = sliceGroup.addShape('rect', {\n        attrs: __assign({\n          x: padding + i * (tickWidth + gap),\n          y: padding,\n          width: tickWidth,\n          height: ticksAreaHeight\n        }, tickStyle),\n        draggable: true,\n        name: \"tick-rect-\" + i\n      }); // draw the pick tick rects\n\n      var pickRect = sliceGroup.addShape('rect', {\n        attrs: {\n          x: padding + i * tickWidth + gap * (2 * i - 1) / 2,\n          y: padding,\n          width: i === 0 || i === ticksLength - 1 ? tickWidth + gap / 2 : tickWidth + gap,\n          height: ticksAreaHeight,\n          fill: '#fff',\n          opacity: 0\n        },\n        draggable: true,\n        name: \"pick-rect-\" + i\n      });\n      pickRect.toFront();\n      var rectBBox = rect.getBBox();\n      var centerX = (rectBBox.minX + rectBBox.maxX) / 2;\n      tickRects.push({\n        rect: rect,\n        pickRect: pickRect,\n        value: d.date,\n        x: centerX,\n        y: rectBBox.minY\n      });\n      var label;\n\n      if (tickLabelFormatter) {\n        label = tickLabelFormatter(d);\n\n        if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(label) && label) {\n          // return true\n          label = d.date;\n        }\n      } else if (i % Math.round(ticksLength / 10) === 0) {\n        label = d.date;\n      }\n\n      if (label) {\n        labels.push(label); // draw tick lines\n\n        var lineStartY = rectBBox.maxY + padding * 2;\n        sliceGroup.addShape('line', {\n          attrs: {\n            stroke: '#BFBFBF',\n            x1: centerX,\n            y1: lineStartY,\n            x2: centerX,\n            y2: lineStartY + labelLineHeight\n          }\n        });\n        var labelStartY = lineStartY + labelLineHeight + padding;\n        var text = sliceGroup.addShape('text', {\n          attrs: {\n            fill: '#8c8c8c',\n            stroke: '#fff',\n            lineWidth: 1,\n            x: centerX,\n            y: labelStartY,\n            textAlign: 'center',\n            text: label,\n            textBaseline: 'top',\n            fontSize: 10,\n            fontFamily: _this.fontFamily || 'Arial, sans-serif'\n          },\n          capture: false\n        });\n        var textBBox = text.getBBox();\n\n        if (textBBox.maxX > width) {\n          text.attr('textAlign', 'right');\n        } else if (textBBox.minX < 0) {\n          text.attr('textAlign', 'left');\n        } // draw tick labels\n\n      }\n    });\n    this.tickRects = tickRects; // 渲染播放、快进和后退的控制按钮\n\n    var group = this.group;\n    this.currentSpeed = 1;\n    this.controllerBtnGroup = new _controllerBtn__WEBPACK_IMPORTED_MODULE_2__[\"default\"]({\n      group: group,\n      x: this.x,\n      y: this.y + height + 5,\n      width: width,\n      height: 40,\n      hideTimeTypeController: true,\n      speed: this.currentSpeed,\n      fontFamily: this.fontFamily || 'Arial, sans-serif'\n    });\n  };\n\n  TimeBarSlice.prototype.initEvent = function () {\n    var _this = this;\n\n    var sliceGroup = this.sliceGroup;\n    sliceGroup.on('click', function (e) {\n      var targetRect = e.target;\n      if (targetRect.get('type') !== 'rect' || !targetRect.get('name')) return;\n      var id = parseInt(targetRect.get('name').split('-')[2], 10);\n\n      if (!isNaN(id)) {\n        var tickRects_1 = _this.tickRects; // cancel the selected ticks\n\n        var unselectedTickStyle_1 = _this.unselectedTickStyle;\n        tickRects_1.forEach(function (tickRect) {\n          tickRect.rect.attr(unselectedTickStyle_1);\n        });\n        var selectedTickStyle = _this.selectedTickStyle;\n        tickRects_1[id].rect.attr(selectedTickStyle);\n        _this.startTickRectId = id;\n        _this.endTickRectId = id;\n        var ticksLength = tickRects_1.length;\n        var start = id / ticksLength;\n\n        _this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"], {\n          value: [start, start]\n        });\n      }\n    });\n    sliceGroup.on('dragstart', function (e) {\n      var tickRects = _this.tickRects; // cancel the selected ticks\n\n      var unselectedTickStyle = _this.unselectedTickStyle;\n      tickRects.forEach(function (tickRect) {\n        tickRect.rect.attr(unselectedTickStyle);\n      });\n      var targetRect = e.target;\n      var id = parseInt(targetRect.get('name').split('-')[2], 10);\n      var selectedTickStyle = _this.selectedTickStyle;\n      tickRects[id].rect.attr(selectedTickStyle);\n      _this.startTickRectId = id;\n      var ticksLength = tickRects.length;\n      var start = id / ticksLength;\n\n      _this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"], {\n        value: [start, start]\n      });\n\n      _this.dragging = true;\n    });\n    sliceGroup.on('dragover', function (e) {\n      if (!_this.dragging) return;\n      if (e.target.get('type') !== 'rect') return;\n      var id = parseInt(e.target.get('name').split('-')[2], 10);\n      var startTickRectId = _this.startTickRectId;\n      var tickRects = _this.tickRects;\n      var selectedTickStyle = _this.selectedTickStyle;\n      var unselectedTickStyle = _this.unselectedTickStyle;\n\n      for (var i = 0; i < tickRects.length; i++) {\n        var style = i >= startTickRectId && i <= id ? selectedTickStyle : unselectedTickStyle;\n        tickRects[i].rect.attr(style);\n      }\n\n      var ticksLength = tickRects.length;\n      _this.endTickRectId = id;\n      var start = startTickRectId / ticksLength;\n      var end = id / ticksLength;\n\n      _this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"], {\n        value: [start, end]\n      });\n    });\n    sliceGroup.on('drop', function (e) {\n      if (!_this.dragging) return;\n      _this.dragging = false;\n      if (e.target.get('type') !== 'rect') return;\n      var startTickRectId = _this.startTickRectId;\n      var id = parseInt(e.target.get('name').split('-')[2], 10);\n      if (id < startTickRectId) return;\n      var selectedTickStyle = _this.selectedTickStyle;\n      var tickRects = _this.tickRects;\n      tickRects[id].rect.attr(selectedTickStyle);\n      _this.endTickRectId = id;\n      var ticksLength = tickRects.length;\n      var start = startTickRectId / ticksLength;\n      var end = id / ticksLength;\n\n      _this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"], {\n        value: [start, end]\n      });\n    }); // tooltip\n\n    var _a = this,\n        tooltipBackgroundColor = _a.tooltipBackgroundColor,\n        tooltipFomatter = _a.tooltipFomatter,\n        canvas = _a.canvas;\n\n    var tooltip = new _timeBarTooltip__WEBPACK_IMPORTED_MODULE_1__[\"default\"]({\n      container: canvas.get('container'),\n      backgroundColor: tooltipBackgroundColor\n    });\n    var tickRects = this.tickRects;\n    tickRects.forEach(function (tickRect) {\n      var pickRect = tickRect.pickRect;\n      pickRect.on('mouseenter', function (e) {\n        var rect = e.target;\n        if (rect.get('type') !== 'rect') return;\n        var id = parseInt(rect.get('name').split('-')[2], 10);\n        var clientPoint = canvas.getClientByPoint(tickRects[id].x, tickRects[id].y);\n        tooltip.show({\n          x: tickRects[id].x,\n          y: tickRects[id].y,\n          clientX: clientPoint.x,\n          clientY: clientPoint.y,\n          text: tooltipFomatter ? tooltipFomatter(tickRects[id].value) : tickRects[id].value\n        });\n      });\n      pickRect.on('mouseleave', function (e) {\n        tooltip.hide();\n      });\n    }); // play controller events\n\n    var group = this.group; // 播放区按钮控制\n\n    /** 播放/暂停事件 */\n\n    group.on(_constant__WEBPACK_IMPORTED_MODULE_3__[\"PLAY_PAUSE_BTN\"] + \":click\", function () {\n      _this.isPlay = !_this.isPlay;\n\n      _this.changePlayStatus();\n    }); // 处理前进一步的事件\n\n    group.on(_constant__WEBPACK_IMPORTED_MODULE_3__[\"NEXT_STEP_BTN\"] + \":click\", function () {\n      _this.updateStartEnd(1);\n    }); // 处理后退一步的事件\n\n    group.on(_constant__WEBPACK_IMPORTED_MODULE_3__[\"PRE_STEP_BTN\"] + \":click\", function () {\n      _this.updateStartEnd(-1);\n    });\n    group.on(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMEBAR_CONFIG_CHANGE\"], function (_a) {\n      var type = _a.type,\n          speed = _a.speed;\n      _this.currentSpeed = speed;\n    });\n  };\n\n  TimeBarSlice.prototype.changePlayStatus = function (isSync) {\n    if (isSync === void 0) {\n      isSync = true;\n    }\n\n    this.controllerBtnGroup.playButton.update({\n      isPlay: this.isPlay\n    });\n\n    if (this.isPlay) {\n      // 开始播放\n      this.playHandler = this.startPlay();\n      this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMELINE_START\"], null);\n    } else {\n      // 结束播放\n      if (this.playHandler) {\n        if (typeof window !== 'undefined') window.cancelAnimationFrame(this.playHandler);\n\n        if (isSync) {\n          this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMELINE_END\"], null);\n        }\n      }\n    }\n  };\n\n  TimeBarSlice.prototype.startPlay = function () {\n    var _this = this;\n\n    return typeof window !== 'undefined' ? window.requestAnimationFrame(function () {\n      var speed = _this.currentSpeed; // 一分钟刷新一次\n\n      if (_this.frameCount % (60 / speed) === 0) {\n        _this.frameCount = 0;\n\n        _this.updateStartEnd(1);\n      }\n\n      _this.frameCount++;\n\n      if (_this.isPlay) {\n        _this.playHandler = _this.startPlay();\n      }\n    }) : undefined;\n  };\n\n  TimeBarSlice.prototype.updateStartEnd = function (sign) {\n    var self = this;\n    var tickRects = this.tickRects;\n    var ticksLength = tickRects.length;\n    var unselectedTickStyle = this.unselectedTickStyle;\n    var selectedTickStyle = this.selectedTickStyle;\n    var previousEndTickRectId = self.endTickRectId;\n\n    if (sign > 0) {\n      self.endTickRectId++;\n    } else {\n      tickRects[self.endTickRectId].rect.attr(unselectedTickStyle);\n      self.endTickRectId--;\n    } // 若此时 start 与 end 不同，范围前进/后退/播放\n\n\n    if (previousEndTickRectId !== self.startTickRectId) {\n      if (self.endTickRectId < self.startTickRectId) {\n        self.startTickRectId = self.endTickRectId;\n      }\n    } else {\n      // 否则是单帧的前进/后退/播放\n      for (var i = self.startTickRectId; i <= self.endTickRectId - 1; i++) {\n        tickRects[i].rect.attr(unselectedTickStyle);\n      }\n\n      self.startTickRectId = self.endTickRectId;\n    }\n\n    if (tickRects[self.endTickRectId]) {\n      tickRects[self.endTickRectId].rect.attr(selectedTickStyle);\n      var start = self.startTickRectId / ticksLength;\n      var end = self.endTickRectId / ticksLength;\n      this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"], {\n        value: [start, end]\n      });\n    }\n  };\n\n  TimeBarSlice.prototype.destory = function () {\n    this.graph.off(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"]);\n    var group = this.sliceGroup;\n    group.off('click');\n    group.off('dragstart');\n    group.off('dragover');\n    group.off('drop');\n    this.tickRects.forEach(function (tickRect) {\n      var pickRect = tickRect.pickRect;\n      pickRect.off('mouseenter');\n      pickRect.off('mouseleave');\n    });\n    this.tickRects.length = 0;\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_3__[\"PLAY_PAUSE_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_3__[\"NEXT_STEP_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_3__[\"PRE_STEP_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMEBAR_CONFIG_CHANGE\"]);\n    this.sliceGroup.destroy();\n  };\n\n  return TimeBarSlice;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (TimeBarSlice);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeBarSlice.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _timeBarTooltip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./timeBarTooltip */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeBarTooltip.js\");\n/* harmony import */ var _controllerBtn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./controllerBtn */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/controllerBtn.js\");\n/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constant */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/constant.js\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\n\nvar DEFAULT_SELECTEDTICK_STYLE = {\n  fill: '#5B8FF9'\n};\nvar DEFAULT_UNSELECTEDTICK_STYLE = {\n  fill: '#e6e8e9'\n};\n\nvar TimeBarSlice =\n/** @class */\nfunction () {\n  function TimeBarSlice(cfgs) {\n    this.frameCount = 0;\n    this.fontFamily = 'Arial, sans-serif';\n    var graph = cfgs.graph,\n        canvas = cfgs.canvas,\n        group = cfgs.group,\n        width = cfgs.width,\n        height = cfgs.height,\n        padding = cfgs.padding,\n        data = cfgs.data,\n        start = cfgs.start,\n        end = cfgs.end,\n        _a = cfgs.x,\n        x = _a === void 0 ? 0 : _a,\n        _b = cfgs.y,\n        y = _b === void 0 ? 0 : _b,\n        tickLabelFormatter = cfgs.tickLabelFormatter,\n        _c = cfgs.selectedTickStyle,\n        selectedTickStyle = _c === void 0 ? DEFAULT_SELECTEDTICK_STYLE : _c,\n        _d = cfgs.unselectedTickStyle,\n        unselectedTickStyle = _d === void 0 ? DEFAULT_UNSELECTEDTICK_STYLE : _d,\n        tooltipBackgroundColor = cfgs.tooltipBackgroundColor,\n        tooltipFomatter = cfgs.tooltipFomatter;\n    this.graph = graph;\n    this.group = group;\n    this.sliceGroup = group.addGroup({\n      name: 'slice-group'\n    });\n    this.canvas = canvas;\n    this.width = width;\n    this.height = height;\n    this.padding = padding;\n    this.data = data;\n    this.start = start;\n    this.end = end;\n    this.tickLabelFormatter = tickLabelFormatter;\n    this.selectedTickStyle = selectedTickStyle;\n    this.unselectedTickStyle = unselectedTickStyle;\n    this.x = x;\n    this.y = y;\n    this.tooltipBackgroundColor = tooltipBackgroundColor;\n    this.tooltipFomatter = tooltipFomatter; // 初始化 fontFamily，如果有浏览器，取 body 上的字体，防止文字更新时局部渲染造成的重影\n\n    this.fontFamily = typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif';\n    this.renderSlices();\n    this.initEvent();\n  }\n\n  TimeBarSlice.prototype.renderSlices = function () {\n    var _this = this;\n\n    var _a = this,\n        width = _a.width,\n        height = _a.height,\n        padding = _a.padding,\n        data = _a.data,\n        start = _a.start,\n        end = _a.end,\n        tickLabelFormatter = _a.tickLabelFormatter,\n        selectedTickStyle = _a.selectedTickStyle,\n        unselectedTickStyle = _a.unselectedTickStyle;\n\n    var realWidth = width - 2 * padding;\n    var fontSize = 10;\n    var labelLineHeight = 4;\n    var labelAreaHeight = 3 * padding + labelLineHeight + fontSize;\n    var ticksAreaHeight = height - labelAreaHeight - 2 * padding;\n    var gap = 2;\n    var ticksLength = data.length;\n    var tickWidth = (realWidth - gap * (ticksLength - 1)) / ticksLength;\n    this.tickWidth = tickWidth;\n    var sliceGroup = this.sliceGroup;\n    var tickRects = [];\n    var labels = [];\n    var startTickId = Math.round(ticksLength * start);\n    var endTickId = Math.round(ticksLength * end);\n    this.startTickRectId = startTickId;\n    this.endTickRectId = endTickId;\n    data.forEach(function (d, i) {\n      // draw the tick rects\n      var selected = i >= startTickId && i <= endTickId;\n      var tickStyle = selected ? selectedTickStyle : unselectedTickStyle;\n      var rect = sliceGroup.addShape('rect', {\n        attrs: __assign({\n          x: padding + i * (tickWidth + gap),\n          y: padding,\n          width: tickWidth,\n          height: ticksAreaHeight\n        }, tickStyle),\n        draggable: true,\n        name: \"tick-rect-\" + i\n      }); // draw the pick tick rects\n\n      var pickRect = sliceGroup.addShape('rect', {\n        attrs: {\n          x: padding + i * tickWidth + gap * (2 * i - 1) / 2,\n          y: padding,\n          width: i === 0 || i === ticksLength - 1 ? tickWidth + gap / 2 : tickWidth + gap,\n          height: ticksAreaHeight,\n          fill: '#fff',\n          opacity: 0\n        },\n        draggable: true,\n        name: \"pick-rect-\" + i\n      });\n      pickRect.toFront();\n      var rectBBox = rect.getBBox();\n      var centerX = (rectBBox.minX + rectBBox.maxX) / 2;\n      tickRects.push({\n        rect: rect,\n        pickRect: pickRect,\n        value: d.date,\n        x: centerX,\n        y: rectBBox.minY\n      });\n      var label;\n\n      if (tickLabelFormatter) {\n        label = tickLabelFormatter(d);\n\n        if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(label) && label) {\n          // return true\n          label = d.date;\n        }\n      } else if (i % Math.round(ticksLength / 10) === 0) {\n        label = d.date;\n      }\n\n      if (label) {\n        labels.push(label); // draw tick lines\n\n        var lineStartY = rectBBox.maxY + padding * 2;\n        sliceGroup.addShape('line', {\n          attrs: {\n            stroke: '#BFBFBF',\n            x1: centerX,\n            y1: lineStartY,\n            x2: centerX,\n            y2: lineStartY + labelLineHeight\n          }\n        });\n        var labelStartY = lineStartY + labelLineHeight + padding;\n        var text = sliceGroup.addShape('text', {\n          attrs: {\n            fill: '#8c8c8c',\n            stroke: '#fff',\n            lineWidth: 1,\n            x: centerX,\n            y: labelStartY,\n            textAlign: 'center',\n            text: label,\n            textBaseline: 'top',\n            fontSize: 10,\n            fontFamily: _this.fontFamily || 'Arial, sans-serif'\n          },\n          capture: false\n        });\n        var textBBox = text.getBBox();\n\n        if (textBBox.maxX > width) {\n          text.attr('textAlign', 'right');\n        } else if (textBBox.minX < 0) {\n          text.attr('textAlign', 'left');\n        } // draw tick labels\n\n      }\n    });\n    this.tickRects = tickRects; // 渲染播放、快进和后退的控制按钮\n\n    var group = this.group;\n    this.currentSpeed = 1;\n    this.controllerBtnGroup = new _controllerBtn__WEBPACK_IMPORTED_MODULE_2__[\"default\"]({\n      group: group,\n      x: this.x,\n      y: this.y + height + 5,\n      width: width,\n      height: 40,\n      hideTimeTypeController: true,\n      speed: this.currentSpeed,\n      fontFamily: this.fontFamily || 'Arial, sans-serif'\n    });\n  };\n\n  TimeBarSlice.prototype.initEvent = function () {\n    var _this = this;\n\n    var sliceGroup = this.sliceGroup;\n    sliceGroup.on('click', function (e) {\n      var targetRect = e.target;\n      if (targetRect.get('type') !== 'rect' || !targetRect.get('name')) return;\n      var id = parseInt(targetRect.get('name').split('-')[2], 10);\n\n      if (!isNaN(id)) {\n        var tickRects_1 = _this.tickRects; // cancel the selected ticks\n\n        var unselectedTickStyle_1 = _this.unselectedTickStyle;\n        tickRects_1.forEach(function (tickRect) {\n          tickRect.rect.attr(unselectedTickStyle_1);\n        });\n        var selectedTickStyle = _this.selectedTickStyle;\n        tickRects_1[id].rect.attr(selectedTickStyle);\n        _this.startTickRectId = id;\n        _this.endTickRectId = id;\n        var ticksLength = tickRects_1.length;\n        var start = id / ticksLength;\n\n        _this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"], {\n          value: [start, start]\n        });\n      }\n    });\n    sliceGroup.on('dragstart', function (e) {\n      var tickRects = _this.tickRects; // cancel the selected ticks\n\n      var unselectedTickStyle = _this.unselectedTickStyle;\n      tickRects.forEach(function (tickRect) {\n        tickRect.rect.attr(unselectedTickStyle);\n      });\n      var targetRect = e.target;\n      var id = parseInt(targetRect.get('name').split('-')[2], 10);\n      var selectedTickStyle = _this.selectedTickStyle;\n      tickRects[id].rect.attr(selectedTickStyle);\n      _this.startTickRectId = id;\n      var ticksLength = tickRects.length;\n      var start = id / ticksLength;\n\n      _this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"], {\n        value: [start, start]\n      });\n\n      _this.dragging = true;\n    });\n    sliceGroup.on('dragover', function (e) {\n      if (!_this.dragging) return;\n      if (e.target.get('type') !== 'rect') return;\n      var id = parseInt(e.target.get('name').split('-')[2], 10);\n      var startTickRectId = _this.startTickRectId;\n      var tickRects = _this.tickRects;\n      var selectedTickStyle = _this.selectedTickStyle;\n      var unselectedTickStyle = _this.unselectedTickStyle;\n\n      for (var i = 0; i < tickRects.length; i++) {\n        var style = i >= startTickRectId && i <= id ? selectedTickStyle : unselectedTickStyle;\n        tickRects[i].rect.attr(style);\n      }\n\n      var ticksLength = tickRects.length;\n      _this.endTickRectId = id;\n      var start = startTickRectId / ticksLength;\n      var end = id / ticksLength;\n\n      _this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"], {\n        value: [start, end]\n      });\n    });\n    sliceGroup.on('drop', function (e) {\n      if (!_this.dragging) return;\n      _this.dragging = false;\n      if (e.target.get('type') !== 'rect') return;\n      var startTickRectId = _this.startTickRectId;\n      var id = parseInt(e.target.get('name').split('-')[2], 10);\n      if (id < startTickRectId) return;\n      var selectedTickStyle = _this.selectedTickStyle;\n      var tickRects = _this.tickRects;\n      tickRects[id].rect.attr(selectedTickStyle);\n      _this.endTickRectId = id;\n      var ticksLength = tickRects.length;\n      var start = startTickRectId / ticksLength;\n      var end = id / ticksLength;\n\n      _this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"], {\n        value: [start, end]\n      });\n    }); // tooltip\n\n    var _a = this,\n        tooltipBackgroundColor = _a.tooltipBackgroundColor,\n        tooltipFomatter = _a.tooltipFomatter,\n        canvas = _a.canvas;\n\n    var tooltip = new _timeBarTooltip__WEBPACK_IMPORTED_MODULE_1__[\"default\"]({\n      container: canvas.get('container'),\n      backgroundColor: tooltipBackgroundColor\n    });\n    var tickRects = this.tickRects;\n    tickRects.forEach(function (tickRect) {\n      var pickRect = tickRect.pickRect;\n      pickRect.on('mouseenter', function (e) {\n        var rect = e.target;\n        if (rect.get('type') !== 'rect') return;\n        var id = parseInt(rect.get('name').split('-')[2], 10);\n        var clientPoint = canvas.getClientByPoint(tickRects[id].x, tickRects[id].y);\n        tooltip.show({\n          x: tickRects[id].x,\n          y: tickRects[id].y,\n          clientX: clientPoint.x,\n          clientY: clientPoint.y,\n          text: tooltipFomatter ? tooltipFomatter(tickRects[id].value) : tickRects[id].value\n        });\n      });\n      pickRect.on('mouseleave', function (e) {\n        tooltip.hide();\n      });\n    }); // play controller events\n\n    var group = this.group; // 播放区按钮控制\n\n    /** 播放/暂停事件 */\n\n    group.on(_constant__WEBPACK_IMPORTED_MODULE_3__[\"PLAY_PAUSE_BTN\"] + \":click\", function () {\n      _this.isPlay = !_this.isPlay;\n\n      _this.changePlayStatus();\n    }); // 处理前进一步的事件\n\n    group.on(_constant__WEBPACK_IMPORTED_MODULE_3__[\"NEXT_STEP_BTN\"] + \":click\", function () {\n      _this.updateStartEnd(1);\n    }); // 处理后退一步的事件\n\n    group.on(_constant__WEBPACK_IMPORTED_MODULE_3__[\"PRE_STEP_BTN\"] + \":click\", function () {\n      _this.updateStartEnd(-1);\n    });\n    group.on(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMEBAR_CONFIG_CHANGE\"], function (_a) {\n      var type = _a.type,\n          speed = _a.speed;\n      _this.currentSpeed = speed;\n    });\n  };\n\n  TimeBarSlice.prototype.changePlayStatus = function (isSync) {\n    if (isSync === void 0) {\n      isSync = true;\n    }\n\n    this.controllerBtnGroup.playButton.update({\n      isPlay: this.isPlay\n    });\n\n    if (this.isPlay) {\n      // 开始播放\n      this.playHandler = this.startPlay();\n      this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMELINE_START\"], null);\n    } else {\n      // 结束播放\n      if (this.playHandler) {\n        if (typeof window !== 'undefined') window.cancelAnimationFrame(this.playHandler);\n\n        if (isSync) {\n          this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMELINE_END\"], null);\n        }\n      }\n    }\n  };\n\n  TimeBarSlice.prototype.startPlay = function () {\n    var _this = this;\n\n    return typeof window !== 'undefined' ? window.requestAnimationFrame(function () {\n      var speed = _this.currentSpeed; // 一分钟刷新一次\n\n      if (_this.frameCount % (60 / speed) === 0) {\n        _this.frameCount = 0;\n\n        _this.updateStartEnd(1);\n      }\n\n      _this.frameCount++;\n\n      if (_this.isPlay) {\n        _this.playHandler = _this.startPlay();\n      }\n    }) : undefined;\n  };\n\n  TimeBarSlice.prototype.updateStartEnd = function (sign) {\n    var self = this;\n    var tickRects = this.tickRects;\n    var ticksLength = tickRects.length;\n    var unselectedTickStyle = this.unselectedTickStyle;\n    var selectedTickStyle = this.selectedTickStyle;\n    var previousEndTickRectId = self.endTickRectId;\n\n    if (sign > 0) {\n      self.endTickRectId++;\n    } else {\n      tickRects[self.endTickRectId].rect.attr(unselectedTickStyle);\n      self.endTickRectId--;\n    } // 若此时 start 与 end 不同，范围前进/后退/播放\n\n\n    if (previousEndTickRectId !== self.startTickRectId) {\n      if (self.endTickRectId < self.startTickRectId) {\n        self.startTickRectId = self.endTickRectId;\n      }\n    } else {\n      // 否则是单帧的前进/后退/播放\n      for (var i = self.startTickRectId; i <= self.endTickRectId - 1; i++) {\n        tickRects[i].rect.attr(unselectedTickStyle);\n      }\n\n      self.startTickRectId = self.endTickRectId;\n    }\n\n    if (tickRects[self.endTickRectId]) {\n      tickRects[self.endTickRectId].rect.attr(selectedTickStyle);\n      var start = self.startTickRectId / ticksLength;\n      var end = self.endTickRectId / ticksLength;\n      this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"], {\n        value: [start, end]\n      });\n    }\n  };\n\n  TimeBarSlice.prototype.destory = function () {\n    this.graph.off(_constant__WEBPACK_IMPORTED_MODULE_3__[\"VALUE_CHANGE\"]);\n    var group = this.sliceGroup;\n    group.off('click');\n    group.off('dragstart');\n    group.off('dragover');\n    group.off('drop');\n    this.tickRects.forEach(function (tickRect) {\n      var pickRect = tickRect.pickRect;\n      pickRect.off('mouseenter');\n      pickRect.off('mouseleave');\n    });\n    this.tickRects.length = 0;\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_3__[\"PLAY_PAUSE_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_3__[\"NEXT_STEP_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_3__[\"PRE_STEP_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_3__[\"TIMEBAR_CONFIG_CHANGE\"]);\n    this.sliceGroup.destroy();\n  };\n\n  return TimeBarSlice;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (TimeBarSlice);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeBarSlice.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeBarTooltip.js":
-/*!*******************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeBarTooltip.js ***!
-  \*******************************************************************************************/
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeBarTooltip.js":
+/*!******************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeBarTooltip.js ***!
+  \******************************************************************************************/
 /*! exports provided: BACKGROUND_STYLE, ARROW_STYLE, TEXT_STYLE, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BACKGROUND_STYLE\", function() { return BACKGROUND_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ARROW_STYLE\", function() { return ARROW_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TEXT_STYLE\", function() { return TEXT_STYLE; });\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n\n\nvar BACKGROUND_STYLE = {\n  opacity: 0.5,\n  fill: '#000'\n};\nvar ARROW_STYLE = {\n  opacity: 0.5,\n  fill: '#000',\n  r: 5\n};\nvar TEXT_STYLE = {\n  fill: '#fff',\n  fontSize: 12\n};\n/**\n * 缩略趋势图\n */\n\nvar TimeBarTooltip =\n/** @class */\nfunction () {\n  function TimeBarTooltip(cfg) {\n    var _a = cfg.x,\n        x = _a === void 0 ? 0 : _a,\n        _b = cfg.y,\n        y = _b === void 0 ? 0 : _b,\n        container = cfg.container,\n        text = cfg.text,\n        _c = cfg.padding,\n        padding = _c === void 0 ? [4, 4, 4, 4] : _c,\n        _d = cfg.className,\n        className = _d === void 0 ? 'g6-component-timebar-tooltip' : _d,\n        _e = cfg.backgroundColor,\n        backgroundColor = _e === void 0 ? '#000' : _e,\n        _f = cfg.textColor,\n        textColor = _f === void 0 ? '#fff' : _f,\n        _g = cfg.opacity,\n        opacity = _g === void 0 ? 0.8 : _g,\n        _h = cfg.fontSize,\n        fontSize = _h === void 0 ? 12 : _h;\n    this.container = container;\n    this.className = className;\n    this.backgroundColor = backgroundColor;\n    this.textColor = textColor;\n    this.x = x;\n    this.y = y;\n    this.text = text;\n    this.padding = padding;\n    this.opacity = opacity;\n    this.fontSize = fontSize;\n    this.render();\n  }\n  /**\n   * 首次渲染\n   * @private\n   */\n\n\n  TimeBarTooltip.prototype.render = function () {\n    var self = this;\n    var className = self.className,\n        x = self.x,\n        y = self.y,\n        backgroundColor = self.backgroundColor,\n        textColor = self.textColor,\n        text = self.text,\n        padding = self.padding,\n        opacity = self.opacity,\n        fontSize = self.fontSize;\n    var parentNode = self.container;\n    var container = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"createDom\"])(\"<div class='\" + className + \"' style=\\\"position: absolute; width: fit-content; height: fit-content; opacity: \" + opacity + \"\\\"></div>\");\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(parentNode)) {\n      parentNode = document.getElementById(parentNode);\n    }\n\n    parentNode.appendChild(container);\n    self.parentHeight = parentNode.offsetHeight;\n    self.parentWidth = parentNode.offsetWidth;\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(container, {\n      visibility: 'hidden',\n      top: 0,\n      left: 0\n    });\n    var background = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"createDom\"])(\"\\n      <div style='position: absolute; white-space:nowrap; background-color: \" + backgroundColor + \"; font-size: \" + fontSize + \"px; border-radius: 4px; width: fit-content; height: fit-content; color: \" + textColor + \"; padding: \" + padding[0] + \"px \" + padding[1] + \"px \" + padding[2] + \"px \" + padding[3] + \"px'></div>\");\n    background.innerHTML = text;\n    container.appendChild(background);\n    self.backgroundDOM = background;\n    var arrow = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"createDom\"])(\"<div style='position: absolute; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid \" + backgroundColor + \"'></div>\");\n    container.appendChild(arrow);\n    self.arrowDOM = arrow;\n    self.container = container;\n  };\n\n  TimeBarTooltip.prototype.show = function (cfg) {\n    var self = this;\n    var text = cfg.text,\n        x = cfg.x,\n        y = cfg.y,\n        clientX = cfg.clientX,\n        clientY = cfg.clientY;\n    self.backgroundDOM.innerHTML = text;\n    var backgroundWidth = self.backgroundDOM.offsetWidth;\n    var backgroundHeight = self.backgroundDOM.offsetHeight;\n    var arrowWidth = self.arrowDOM.offsetWidth;\n    var arrowHeight = self.arrowDOM.offsetHeight;\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(self.container, {\n      top: -backgroundHeight - arrowHeight + \"px\",\n      left: x + \"px\",\n      visibility: 'visible'\n    });\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(self.backgroundDOM, {\n      marginLeft: -backgroundWidth / 2 + \"px\"\n    });\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(self.arrowDOM, {\n      marginLeft: -arrowWidth / 2 + \"px\",\n      top: backgroundHeight + \"px\"\n    });\n    var left = x - backgroundWidth / 2;\n    var right = x + backgroundWidth / 2;\n\n    if (left < 0) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(self.backgroundDOM, {\n        marginLeft: -backgroundWidth / 2 - left + \"px\"\n      });\n    } else if (right > self.parentWidth) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(self.backgroundDOM, {\n        marginLeft: -backgroundWidth / 2 - right + self.parentWidth + 12 + \"px\"\n      });\n    }\n  };\n\n  TimeBarTooltip.prototype.hide = function () {\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(this.container, {\n      top: 0,\n      left: 0,\n      visibility: 'hidden'\n    });\n  };\n\n  return TimeBarTooltip;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (TimeBarTooltip);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeBarTooltip.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BACKGROUND_STYLE\", function() { return BACKGROUND_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ARROW_STYLE\", function() { return ARROW_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TEXT_STYLE\", function() { return TEXT_STYLE; });\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n\n\nvar BACKGROUND_STYLE = {\n  opacity: 0.5,\n  fill: '#000'\n};\nvar ARROW_STYLE = {\n  opacity: 0.5,\n  fill: '#000',\n  r: 5\n};\nvar TEXT_STYLE = {\n  fill: '#fff',\n  fontSize: 12\n};\n/**\n * 缩略趋势图\n */\n\nvar TimeBarTooltip =\n/** @class */\nfunction () {\n  function TimeBarTooltip(cfg) {\n    var _a = cfg.x,\n        x = _a === void 0 ? 0 : _a,\n        _b = cfg.y,\n        y = _b === void 0 ? 0 : _b,\n        container = cfg.container,\n        text = cfg.text,\n        _c = cfg.padding,\n        padding = _c === void 0 ? [4, 4, 4, 4] : _c,\n        _d = cfg.className,\n        className = _d === void 0 ? 'g6-component-timebar-tooltip' : _d,\n        _e = cfg.backgroundColor,\n        backgroundColor = _e === void 0 ? '#000' : _e,\n        _f = cfg.textColor,\n        textColor = _f === void 0 ? '#fff' : _f,\n        _g = cfg.opacity,\n        opacity = _g === void 0 ? 0.8 : _g,\n        _h = cfg.fontSize,\n        fontSize = _h === void 0 ? 12 : _h;\n    this.container = container;\n    this.className = className;\n    this.backgroundColor = backgroundColor;\n    this.textColor = textColor;\n    this.x = x;\n    this.y = y;\n    this.text = text;\n    this.padding = padding;\n    this.opacity = opacity;\n    this.fontSize = fontSize;\n    this.render();\n  }\n  /**\n   * 首次渲染\n   * @private\n   */\n\n\n  TimeBarTooltip.prototype.render = function () {\n    var self = this;\n    var className = self.className,\n        x = self.x,\n        y = self.y,\n        backgroundColor = self.backgroundColor,\n        textColor = self.textColor,\n        text = self.text,\n        padding = self.padding,\n        opacity = self.opacity,\n        fontSize = self.fontSize;\n    var parentNode = self.container;\n    var container = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"createDom\"])(\"<div class='\" + className + \"' style=\\\"position: absolute; width: fit-content; height: fit-content; opacity: \" + opacity + \"\\\"></div>\");\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(parentNode)) {\n      parentNode = document.getElementById(parentNode);\n    }\n\n    parentNode.appendChild(container);\n    self.parentHeight = parentNode.offsetHeight;\n    self.parentWidth = parentNode.offsetWidth;\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(container, {\n      visibility: 'hidden',\n      top: 0,\n      left: 0\n    });\n    var background = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"createDom\"])(\"\\n      <div style='position: absolute; white-space:nowrap; background-color: \" + backgroundColor + \"; font-size: \" + fontSize + \"px; border-radius: 4px; width: fit-content; height: fit-content; color: \" + textColor + \"; padding: \" + padding[0] + \"px \" + padding[1] + \"px \" + padding[2] + \"px \" + padding[3] + \"px'></div>\");\n    background.innerHTML = text;\n    container.appendChild(background);\n    self.backgroundDOM = background;\n    var arrow = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"createDom\"])(\"<div style='position: absolute; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid \" + backgroundColor + \"'></div>\");\n    container.appendChild(arrow);\n    self.arrowDOM = arrow;\n    self.container = container;\n  };\n\n  TimeBarTooltip.prototype.show = function (cfg) {\n    var self = this;\n    var text = cfg.text,\n        x = cfg.x,\n        y = cfg.y,\n        clientX = cfg.clientX,\n        clientY = cfg.clientY;\n    self.backgroundDOM.innerHTML = text;\n    var backgroundWidth = self.backgroundDOM.offsetWidth;\n    var backgroundHeight = self.backgroundDOM.offsetHeight;\n    var arrowWidth = self.arrowDOM.offsetWidth;\n    var arrowHeight = self.arrowDOM.offsetHeight;\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(self.container, {\n      top: -backgroundHeight - arrowHeight + \"px\",\n      left: x + \"px\",\n      visibility: 'visible'\n    });\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(self.backgroundDOM, {\n      marginLeft: -backgroundWidth / 2 + \"px\"\n    });\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(self.arrowDOM, {\n      marginLeft: -arrowWidth / 2 + \"px\",\n      top: backgroundHeight + \"px\"\n    });\n    var left = x - backgroundWidth / 2;\n    var right = x + backgroundWidth / 2;\n\n    if (left < 0) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(self.backgroundDOM, {\n        marginLeft: -backgroundWidth / 2 - left + \"px\"\n      });\n    } else if (right > self.parentWidth) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(self.backgroundDOM, {\n        marginLeft: -backgroundWidth / 2 - right + self.parentWidth + 12 + \"px\"\n      });\n    }\n  };\n\n  TimeBarTooltip.prototype.hide = function () {\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_1__[\"modifyCSS\"])(this.container, {\n      top: 0,\n      left: 0,\n      visibility: 'hidden'\n    });\n  };\n\n  return TimeBarTooltip;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (TimeBarTooltip);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeBarTooltip.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeButton.js":
-/*!***************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeButton.js ***!
-  \***************************************************************************************/
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeButton.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeButton.js ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constant */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/constant.js\");\n/**\n * 基于 G 的按钮组件\n */\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\nvar Button =\n/** @class */\nfunction () {\n  function Button(cfg) {\n    this.config = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"deepMix\"])({}, cfg);\n    this.init();\n  }\n\n  Button.prototype.update = function (cfg) {\n    this.config = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"deepMix\"])({}, this.config, cfg);\n    this.updateElement();\n    this.renderMarker();\n  };\n\n  Button.prototype.init = function () {\n    this.initElement();\n    this.renderMarker();\n  };\n\n  Button.prototype.initElement = function () {\n    var _a = this.config,\n        group = _a.group,\n        style = _a.style;\n    var _b = style.scale,\n        scale = _b === void 0 ? 1 : _b,\n        _c = style.offsetX,\n        offsetX = _c === void 0 ? 0 : _c,\n        _d = style.offsetY,\n        offsetY = _d === void 0 ? 0 : _d;\n    var x = this.config.x + offsetX;\n    var y = this.config.y + offsetY;\n    var buttonGroup = group.addGroup({\n      name: _constant__WEBPACK_IMPORTED_MODULE_1__[\"PLAY_PAUSE_BTN\"]\n    });\n    this.startMarkerGroup = buttonGroup.addGroup({\n      name: _constant__WEBPACK_IMPORTED_MODULE_1__[\"PLAY_PAUSE_BTN\"]\n    });\n    this.circle = group.addShape('circle', {\n      attrs: __assign({\n        x: x,\n        y: y,\n        r: this.config.r * scale\n      }, style),\n      name: _constant__WEBPACK_IMPORTED_MODULE_1__[\"PLAY_PAUSE_BTN\"]\n    });\n    this.startMarker = this.startMarkerGroup.addShape('path', {\n      attrs: {\n        path: this.getStartMarkerPath(x, y, scale),\n        fill: style.stroke || '#aaa'\n      }\n    });\n    this.pauseMarkerGroup = buttonGroup.addGroup({\n      name: _constant__WEBPACK_IMPORTED_MODULE_1__[\"PLAY_PAUSE_BTN\"]\n    });\n    var width = 0.25 * this.config.r * scale;\n    var height = 0.5 * this.config.r * Math.sqrt(3) * scale;\n    this.pauseLeftMarker = this.pauseMarkerGroup.addShape('rect', {\n      attrs: {\n        x: x - 0.375 * this.config.r * scale,\n        y: y - height / 2,\n        width: width,\n        height: height,\n        fill: style.stroke || '#aaa',\n        lineWidth: 0\n      }\n    });\n    this.pauseRightMarker = this.pauseMarkerGroup.addShape('rect', {\n      attrs: {\n        x: x + 1 / 8 * this.config.r * scale,\n        y: y - height / 2,\n        width: width,\n        height: height,\n        fill: style.stroke || '#aaa',\n        lineWidth: 0\n      }\n    });\n  };\n\n  Button.prototype.updateElement = function () {\n    var _a = this.config.style,\n        _b = _a.scale,\n        scale = _b === void 0 ? 1 : _b,\n        _c = _a.offsetX,\n        offsetX = _c === void 0 ? 0 : _c,\n        _d = _a.offsetY,\n        offsetY = _d === void 0 ? 0 : _d;\n    var x = this.config.x + offsetX;\n    var y = this.config.y + offsetY;\n    this.circle.attr('x', x);\n    this.circle.attr('y', y);\n    this.circle.attr('r', this.config.r * scale);\n    this.startMarker.attr('path', this.getStartMarkerPath(x, y, scale));\n    var width = 0.25 * this.config.r * scale;\n    var height = 0.5 * this.config.r * Math.sqrt(3) * scale;\n    this.pauseLeftMarker.attr('x', x - (1 / 4 + 1 / 8) * this.config.r * scale);\n    this.pauseLeftMarker.attr('y', y - height / 2);\n    this.pauseLeftMarker.attr('width', width);\n    this.pauseLeftMarker.attr('height', height);\n    this.pauseRightMarker.attr('x', x + 1 / 8 * this.config.r * scale);\n    this.pauseRightMarker.attr('y', y - height / 2);\n    this.pauseRightMarker.attr('width', width);\n    this.pauseRightMarker.attr('height', height);\n  };\n\n  Button.prototype.renderMarker = function () {\n    if (this.config.isPlay) {\n      this.startMarkerGroup.hide();\n      this.pauseMarkerGroup.show();\n    } else {\n      this.startMarkerGroup.show();\n      this.pauseMarkerGroup.hide();\n    }\n  };\n  /** 获取播放键 marker path */\n\n\n  Button.prototype.getStartMarkerPath = function (x, y, scale) {\n    var sideLength = 0.5 * this.config.r * Math.sqrt(3) * scale;\n    return [['M', x - sideLength / Math.sqrt(3) / 2, y - sideLength / 2], ['L', x + sideLength / Math.sqrt(3), y], ['L', x - sideLength / Math.sqrt(3) / 2, y + sideLength / 2]];\n  };\n\n  return Button;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Button);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/timeButton.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constant */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/constant.js\");\n/**\n * 基于 G 的按钮组件\n */\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\nvar Button =\n/** @class */\nfunction () {\n  function Button(cfg) {\n    this.config = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"deepMix\"])({}, cfg);\n    this.init();\n  }\n\n  Button.prototype.update = function (cfg) {\n    this.config = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"deepMix\"])({}, this.config, cfg);\n    this.updateElement();\n    this.renderMarker();\n  };\n\n  Button.prototype.init = function () {\n    this.initElement();\n    this.renderMarker();\n  };\n\n  Button.prototype.initElement = function () {\n    var _a = this.config,\n        group = _a.group,\n        style = _a.style;\n    var _b = style.scale,\n        scale = _b === void 0 ? 1 : _b,\n        _c = style.offsetX,\n        offsetX = _c === void 0 ? 0 : _c,\n        _d = style.offsetY,\n        offsetY = _d === void 0 ? 0 : _d;\n    var x = this.config.x + offsetX;\n    var y = this.config.y + offsetY;\n    var buttonGroup = group.addGroup({\n      name: _constant__WEBPACK_IMPORTED_MODULE_1__[\"PLAY_PAUSE_BTN\"]\n    });\n    this.startMarkerGroup = buttonGroup.addGroup({\n      name: _constant__WEBPACK_IMPORTED_MODULE_1__[\"PLAY_PAUSE_BTN\"]\n    });\n    this.circle = group.addShape('circle', {\n      attrs: __assign({\n        x: x,\n        y: y,\n        r: this.config.r * scale\n      }, style),\n      name: _constant__WEBPACK_IMPORTED_MODULE_1__[\"PLAY_PAUSE_BTN\"]\n    });\n    this.startMarker = this.startMarkerGroup.addShape('path', {\n      attrs: {\n        path: this.getStartMarkerPath(x, y, scale),\n        fill: style.stroke || '#aaa'\n      }\n    });\n    this.pauseMarkerGroup = buttonGroup.addGroup({\n      name: _constant__WEBPACK_IMPORTED_MODULE_1__[\"PLAY_PAUSE_BTN\"]\n    });\n    var width = 0.25 * this.config.r * scale;\n    var height = 0.5 * this.config.r * Math.sqrt(3) * scale;\n    this.pauseLeftMarker = this.pauseMarkerGroup.addShape('rect', {\n      attrs: {\n        x: x - 0.375 * this.config.r * scale,\n        y: y - height / 2,\n        width: width,\n        height: height,\n        fill: style.stroke || '#aaa',\n        lineWidth: 0\n      }\n    });\n    this.pauseRightMarker = this.pauseMarkerGroup.addShape('rect', {\n      attrs: {\n        x: x + 1 / 8 * this.config.r * scale,\n        y: y - height / 2,\n        width: width,\n        height: height,\n        fill: style.stroke || '#aaa',\n        lineWidth: 0\n      }\n    });\n  };\n\n  Button.prototype.updateElement = function () {\n    var _a = this.config.style,\n        _b = _a.scale,\n        scale = _b === void 0 ? 1 : _b,\n        _c = _a.offsetX,\n        offsetX = _c === void 0 ? 0 : _c,\n        _d = _a.offsetY,\n        offsetY = _d === void 0 ? 0 : _d;\n    var x = this.config.x + offsetX;\n    var y = this.config.y + offsetY;\n    this.circle.attr('x', x);\n    this.circle.attr('y', y);\n    this.circle.attr('r', this.config.r * scale);\n    this.startMarker.attr('path', this.getStartMarkerPath(x, y, scale));\n    var width = 0.25 * this.config.r * scale;\n    var height = 0.5 * this.config.r * Math.sqrt(3) * scale;\n    this.pauseLeftMarker.attr('x', x - (1 / 4 + 1 / 8) * this.config.r * scale);\n    this.pauseLeftMarker.attr('y', y - height / 2);\n    this.pauseLeftMarker.attr('width', width);\n    this.pauseLeftMarker.attr('height', height);\n    this.pauseRightMarker.attr('x', x + 1 / 8 * this.config.r * scale);\n    this.pauseRightMarker.attr('y', y - height / 2);\n    this.pauseRightMarker.attr('width', width);\n    this.pauseRightMarker.attr('height', height);\n  };\n\n  Button.prototype.renderMarker = function () {\n    if (this.config.isPlay) {\n      this.startMarkerGroup.hide();\n      this.pauseMarkerGroup.show();\n    } else {\n      this.startMarkerGroup.show();\n      this.pauseMarkerGroup.hide();\n    }\n  };\n  /** 获取播放键 marker path */\n\n\n  Button.prototype.getStartMarkerPath = function (x, y, scale) {\n    var sideLength = 0.5 * this.config.r * Math.sqrt(3) * scale;\n    return [['M', x - sideLength / Math.sqrt(3) / 2, y - sideLength / 2], ['L', x + sideLength / Math.sqrt(3), y], ['L', x - sideLength / Math.sqrt(3) / 2, y + sideLength / 2]];\n  };\n\n  return Button;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Button);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/timeButton.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/trend.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/trend.js ***!
-  \**********************************************************************************/
-/*! exports provided: BACKGROUND_STYLE, LINE_STYLE, AREA_STYLE, default */
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/trend.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/trend.js ***!
+  \*********************************************************************************/
+/*! exports provided: LINE_STYLE, AREA_STYLE, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BACKGROUND_STYLE\", function() { return BACKGROUND_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LINE_STYLE\", function() { return LINE_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"AREA_STYLE\", function() { return AREA_STYLE; });\n/* harmony import */ var _path__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./path */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/path.js\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\nvar BACKGROUND_STYLE = {\n  opacity: 0.5\n};\nvar LINE_STYLE = {\n  stroke: '#C5C5C5',\n  strokeOpacity: 0.85\n};\nvar AREA_STYLE = {\n  fill: '#CACED4',\n  opacity: 0.85\n};\n/**\n * 缩略趋势图\n */\n\nvar Trend =\n/** @class */\nfunction () {\n  function Trend(cfg) {\n    var _a = cfg.x,\n        x = _a === void 0 ? 0 : _a,\n        _b = cfg.y,\n        y = _b === void 0 ? 0 : _b,\n        _c = cfg.width,\n        width = _c === void 0 ? 200 : _c,\n        _d = cfg.height,\n        height = _d === void 0 ? 26 : _d,\n        _e = cfg.smooth,\n        smooth = _e === void 0 ? true : _e,\n        _f = cfg.isArea,\n        isArea = _f === void 0 ? false : _f,\n        _g = cfg.data,\n        data = _g === void 0 ? [] : _g,\n        // backgroundStyle,\n    lineStyle = cfg.lineStyle,\n        areaStyle = cfg.areaStyle,\n        group = cfg.group,\n        _h = cfg.interval,\n        interval = _h === void 0 ? null : _h;\n    this.group = group;\n    this.x = x;\n    this.y = y;\n    this.width = width;\n    this.height = height;\n    this.data = data;\n    this.smooth = smooth;\n    this.isArea = isArea; // this.backgroundStyle = Object.assign({} as any, BACKGROUND_STYLE, backgroundStyle);\n\n    this.lineStyle = Object.assign({}, LINE_STYLE, lineStyle);\n    this.areaStyle = Object.assign({}, AREA_STYLE, areaStyle);\n    this.intervalConfig = interval;\n    this.renderLine();\n  }\n  /**\n   * 构造\n   * @private\n   */\n\n\n  Trend.prototype.renderLine = function () {\n    var _a = this,\n        x = _a.x,\n        y = _a.y,\n        width = _a.width,\n        height = _a.height,\n        data = _a.data,\n        smooth = _a.smooth,\n        isArea = _a.isArea,\n        backgroundStyle = _a.backgroundStyle,\n        lineStyle = _a.lineStyle,\n        areaStyle = _a.areaStyle;\n\n    var trendGroup = this.group.addGroup({\n      name: 'trend-group'\n    }); // 背景\n    // trendGroup.addShape('rect', {\n    //   attrs: {\n    //     x,\n    //     y,\n    //     width,\n    //     height,\n    //     ...backgroundStyle,\n    //   },\n    // });\n\n    if (data) {\n      var path = Object(_path__WEBPACK_IMPORTED_MODULE_0__[\"dataToPath\"])(data, width, height, smooth); // 线\n\n      trendGroup.addShape('path', {\n        attrs: __assign({\n          path: path\n        }, lineStyle)\n      }); // 在 line 的基础上，绘制面积图\n\n      if (isArea) {\n        var areaPath = Object(_path__WEBPACK_IMPORTED_MODULE_0__[\"linePathToAreaPath\"])(path, width, height, data);\n        trendGroup.addShape('path', {\n          attrs: __assign({\n            path: areaPath\n          }, areaStyle)\n        });\n      }\n    } // 绘制柱状图📊\n\n\n    if (this.intervalConfig) {\n      trendGroup.addShape('path', {\n        attrs: __assign({\n          path: Object(_path__WEBPACK_IMPORTED_MODULE_0__[\"dataToRectPath\"])(this.intervalConfig.data, width, height)\n        }, this.intervalConfig.style)\n      });\n    } // 统一移动到对应的位置\n\n\n    trendGroup.move(x, y);\n  };\n\n  Trend.prototype.destory = function () {\n    this.group.destroy();\n  };\n\n  return Trend;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Trend);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/trend.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LINE_STYLE\", function() { return LINE_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"AREA_STYLE\", function() { return AREA_STYLE; });\n/* harmony import */ var _path__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./path */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/path.js\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\nvar LINE_STYLE = {\n  stroke: '#C5C5C5',\n  strokeOpacity: 0.85\n};\nvar AREA_STYLE = {\n  fill: '#CACED4',\n  opacity: 0.85\n};\n/**\n * 缩略趋势图\n */\n\nvar Trend =\n/** @class */\nfunction () {\n  function Trend(cfg) {\n    var _a = cfg.x,\n        x = _a === void 0 ? 0 : _a,\n        _b = cfg.y,\n        y = _b === void 0 ? 0 : _b,\n        _c = cfg.width,\n        width = _c === void 0 ? 200 : _c,\n        _d = cfg.height,\n        height = _d === void 0 ? 26 : _d,\n        _e = cfg.smooth,\n        smooth = _e === void 0 ? true : _e,\n        _f = cfg.isArea,\n        isArea = _f === void 0 ? false : _f,\n        _g = cfg.data,\n        data = _g === void 0 ? [] : _g,\n        lineStyle = cfg.lineStyle,\n        areaStyle = cfg.areaStyle,\n        group = cfg.group,\n        _h = cfg.interval,\n        interval = _h === void 0 ? null : _h;\n    this.group = group;\n    this.x = x;\n    this.y = y;\n    this.width = width;\n    this.height = height;\n    this.data = data;\n    this.smooth = smooth;\n    this.isArea = isArea;\n    this.lineStyle = Object.assign({}, LINE_STYLE, lineStyle);\n    this.areaStyle = Object.assign({}, AREA_STYLE, areaStyle);\n    this.intervalConfig = interval;\n    this.renderLine();\n  }\n  /**\n   * 构造\n   * @private\n   */\n\n\n  Trend.prototype.renderLine = function () {\n    var _a = this,\n        x = _a.x,\n        y = _a.y,\n        width = _a.width,\n        height = _a.height,\n        data = _a.data,\n        smooth = _a.smooth,\n        isArea = _a.isArea,\n        lineStyle = _a.lineStyle,\n        areaStyle = _a.areaStyle;\n\n    var trendGroup = this.group.addGroup({\n      name: 'trend-group'\n    });\n\n    if (data) {\n      var path = Object(_path__WEBPACK_IMPORTED_MODULE_0__[\"dataToPath\"])(data, width, height, smooth); // 线\n\n      trendGroup.addShape('path', {\n        attrs: __assign({\n          path: path\n        }, lineStyle)\n      }); // 在 line 的基础上，绘制面积图\n\n      if (isArea) {\n        var areaPath = Object(_path__WEBPACK_IMPORTED_MODULE_0__[\"linePathToAreaPath\"])(path, width, height, data);\n        trendGroup.addShape('path', {\n          attrs: __assign({\n            path: areaPath\n          }, areaStyle)\n        });\n      }\n    } // 绘制柱状图📊\n\n\n    if (this.intervalConfig) {\n      trendGroup.addShape('path', {\n        attrs: __assign({\n          path: Object(_path__WEBPACK_IMPORTED_MODULE_0__[\"dataToRectPath\"])(this.intervalConfig.data, width, height)\n        }, this.intervalConfig.style)\n      });\n    } // 统一移动到对应的位置\n\n\n    trendGroup.move(x, y);\n  };\n\n  Trend.prototype.destory = function () {\n    this.group.destroy();\n  };\n\n  return Trend;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Trend);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/trend.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/trendTimeBar.js":
-/*!*****************************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/trendTimeBar.js ***!
-  \*****************************************************************************************/
-/*! exports provided: BACKGROUND_STYLE, FOREGROUND_STYLE, DEFAULT_HANDLER_WIDTH, HANDLER_STYLE, TEXT_STYLE, default */
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/trendTimeBar.js":
+/*!****************************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/trendTimeBar.js ***!
+  \****************************************************************************************/
+/*! exports provided: BACKGROUND_STYLE, FOREGROUND_STYLE, DEFAULT_HANDLER_WIDTH, HANDLER_STYLE, TEXT_STYLE, TICK_LABEL_STYLE, TICK_LINE_STYLE, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BACKGROUND_STYLE\", function() { return BACKGROUND_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FOREGROUND_STYLE\", function() { return FOREGROUND_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"DEFAULT_HANDLER_WIDTH\", function() { return DEFAULT_HANDLER_WIDTH; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"HANDLER_STYLE\", function() { return HANDLER_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TEXT_STYLE\", function() { return TEXT_STYLE; });\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _trend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./trend */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/trend.js\");\n/* harmony import */ var _handler__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./handler */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/handler.js\");\n/* harmony import */ var _controllerBtn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./controllerBtn */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/controllerBtn.js\");\n/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constant */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/constant.js\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n/**\n * 一些默认的样式配置\n */\n\nvar BACKGROUND_STYLE = {\n  fill: '#416180',\n  opacity: 0.05\n};\nvar SIMPLE_BACKGROUND_STYLE = {\n  fill: '#416180',\n  opacity: 0.15,\n  radius: 5\n};\nvar FOREGROUND_STYLE = {\n  fill: '#5B8FF9',\n  opacity: 0.3,\n  cursor: 'grab'\n};\nvar DEFAULT_HANDLER_WIDTH = 2;\nvar HANDLER_STYLE = {\n  width: DEFAULT_HANDLER_WIDTH,\n  height: 24\n};\nvar TEXT_STYLE = {\n  textBaseline: 'middle',\n  fill: '#000',\n  opacity: 0.45\n};\n\nvar TrendTimeBar =\n/** @class */\nfunction () {\n  function TrendTimeBar(cfg) {\n    var _this = this;\n\n    this.prevX = 0;\n\n    this.onMouseDown = function (handler) {\n      return function (e) {\n        // 1. 记录点击的滑块\n        _this.currentHandler = handler;\n        var event = e.originalEvent; // 2. 存储当前点击位置\n\n        event.stopPropagation();\n        event.preventDefault(); // 兼容移动端获取数据\n\n        _this.prevX = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(event, 'touches.0.pageX', event.pageX); // 3. 开始滑动的时候，绑定 move 和 up 事件\n\n        var containerDOM = _this.canvas.get('container');\n\n        containerDOM.addEventListener('mousemove', _this.onMouseMove);\n        containerDOM.addEventListener('mouseup', _this.onMouseUp);\n        containerDOM.addEventListener('mouseleave', _this.onMouseUp); // 移动端事件\n\n        containerDOM.addEventListener('touchmove', _this.onMouseMove);\n        containerDOM.addEventListener('touchend', _this.onMouseUp);\n        containerDOM.addEventListener('touchcancel', _this.onMouseUp);\n      };\n    };\n\n    this.onMouseMove = function (e) {\n      // 滑动过程中，计算偏移，更新滑块，然后 emit 数据出去\n      e.stopPropagation();\n      e.preventDefault();\n      var x = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(e, 'touches.0.pageX', e.pageX); // 横向的 slider 只处理 x\n\n      var offsetX = x - _this.prevX;\n\n      var offsetXRange = _this.adjustOffsetRange(offsetX / _this.width); // 更新 start end range 范围\n\n\n      _this.updateStartEnd(offsetXRange); // 更新 ui\n\n\n      _this.updateUI();\n\n      _this.prevX = x;\n    };\n\n    this.onMouseUp = function () {\n      // 结束之后，取消绑定的事件\n      if (_this.currentHandler) {\n        _this.currentHandler = undefined;\n      }\n\n      var containerDOM = _this.canvas.get('container');\n\n      if (containerDOM) {\n        containerDOM.removeEventListener('mousemove', _this.onMouseMove);\n        containerDOM.removeEventListener('mouseup', _this.onMouseUp); // 防止滑动到 canvas 外部之后，状态丢失\n\n        containerDOM.removeEventListener('mouseleave', _this.onMouseUp); // 移动端事件\n\n        containerDOM.removeEventListener('touchmove', _this.onMouseMove);\n        containerDOM.removeEventListener('touchend', _this.onMouseUp);\n        containerDOM.removeEventListener('touchcancel', _this.onMouseUp);\n      }\n    };\n\n    var _a = cfg.x,\n        x = _a === void 0 ? 0 : _a,\n        _b = cfg.y,\n        y = _b === void 0 ? 0 : _b,\n        _c = cfg.width,\n        width = _c === void 0 ? 100 : _c,\n        height = cfg.height,\n        _d = cfg.padding,\n        padding = _d === void 0 ? 10 : _d,\n        trendCfg = cfg.trendCfg,\n        _e = cfg.controllerCfg,\n        controllerCfg = _e === void 0 ? {\n      speed: 1\n    } : _e,\n        _f = cfg.backgroundStyle,\n        backgroundStyle = _f === void 0 ? {} : _f,\n        _g = cfg.foregroundStyle,\n        foregroundStyle = _g === void 0 ? {} : _g,\n        _h = cfg.handlerStyle,\n        handlerStyle = _h === void 0 ? {} : _h,\n        _j = cfg.textStyle,\n        textStyle = _j === void 0 ? {} : _j,\n        // 缩略轴的初始位置\n    _k = cfg.start,\n        // 缩略轴的初始位置\n    start = _k === void 0 ? 0 : _k,\n        _l = cfg.end,\n        end = _l === void 0 ? 1 : _l,\n        _m = cfg.minText,\n        minText = _m === void 0 ? '' : _m,\n        _o = cfg.maxText,\n        maxText = _o === void 0 ? '' : _o,\n        group = cfg.group,\n        graph = cfg.graph,\n        canvas = cfg.canvas,\n        tick = cfg.tick,\n        type = cfg.type;\n    this.graph = graph;\n    this.canvas = canvas;\n    this.group = group;\n    this.timeBarType = type; // position size\n\n    this.x = x;\n    this.y = y;\n    this.width = width;\n    this.height = height;\n    this.padding = padding;\n    this.ticks = tick.ticks;\n    this.trendCfg = trendCfg;\n    this.controllerCfg = controllerCfg;\n    this.currentSpeed = controllerCfg.speed || 1;\n    this.tickLabelFormatter = tick.tickLabelFormatter; // style\n\n    if (type === 'trend') {\n      this.backgroundStyle = __assign(__assign({}, BACKGROUND_STYLE), backgroundStyle);\n    } else if (type === 'simple') {\n      this.backgroundStyle = __assign(__assign({}, SIMPLE_BACKGROUND_STYLE), backgroundStyle);\n    }\n\n    this.foregroundStyle = __assign(__assign({}, FOREGROUND_STYLE), foregroundStyle);\n    this.handlerStyle = __assign(__assign({}, HANDLER_STYLE), handlerStyle);\n    this.textStyle = __assign(__assign({}, TEXT_STYLE), textStyle);\n    this.currentMode = 'range'; // 初始信息\n\n    this.start = start;\n    this.end = end;\n    this.minText = minText;\n    this.maxText = maxText; // 初始化 fontFamily，如果有浏览器，取 body 上的字体，防止文字更新时局部渲染造成的重影\n\n    this.fontFamily = typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif';\n    this.renderSlider();\n  }\n  /**\n   * 更新配置\n   * @param cfg\n   */\n\n\n  TrendTimeBar.prototype.update = function (cfg) {\n    var x = cfg.x,\n        y = cfg.y,\n        width = cfg.width,\n        height = cfg.height,\n        minText = cfg.minText,\n        maxText = cfg.maxText,\n        start = cfg.start,\n        end = cfg.end; // start、end 只能是 0~1 范围\n\n    this.start = Math.min(1, Math.max(start, 0));\n    this.end = Math.min(1, Math.max(end, 0)); // 如果传了则更新，没有传则不更新\n    // @ts-ignore\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"assign\"])(this, {\n      x: x,\n      y: y,\n      width: width,\n      height: height,\n      minText: minText,\n      maxText: maxText\n    }); // 更新 ui，不自动绘制\n\n    this.updateUI();\n  };\n\n  TrendTimeBar.prototype.setText = function (minText, maxText) {\n    this.minTextShape.attr('text', minText);\n    this.maxTextShape.attr('text', maxText);\n  };\n  /**\n   * 初始化组件结构\n   * @private\n   */\n\n\n  TrendTimeBar.prototype.renderSlider = function () {\n    var _this = this;\n\n    var _a = this,\n        width = _a.width,\n        height = _a.height,\n        timeBarType = _a.timeBarType; // 趋势图数据\n\n\n    if (timeBarType === 'trend' && Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"size\"])(Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(this.trendCfg, 'data'))) {\n      var trendComponent = new _trend__WEBPACK_IMPORTED_MODULE_1__[\"default\"](__assign(__assign({\n        x: this.x,\n        y: this.y,\n        width: width,\n        height: height\n      }, this.trendCfg), {\n        group: this.group\n      }));\n      this.trendComponent = trendComponent;\n    }\n\n    var sliderGroup = this.group.addGroup({\n      name: 'slider-group'\n    }); // 1. 背景\n\n    sliderGroup.addShape('rect', {\n      attrs: __assign({\n        x: 0,\n        y: 0,\n        width: width,\n        height: height\n      }, this.backgroundStyle)\n    });\n    var textGroup = this.group.addGroup(); // 2. 左右文字\n\n    if (timeBarType === 'trend') {\n      this.minTextShape = textGroup.addShape('text', {\n        attrs: __assign({\n          x: 0,\n          y: height / 2 + this.y,\n          textAlign: 'right',\n          text: this.minText,\n          silent: false,\n          fontFamily: this.fontFamily || 'Arial, sans-serif'\n        }, this.textStyle),\n        capture: false\n      });\n      this.maxTextShape = textGroup.addShape('text', {\n        attrs: __assign({\n          y: height / 2 + this.y,\n          textAlign: 'left',\n          text: this.maxText,\n          silent: false,\n          fontFamily: this.fontFamily || 'Arial, sans-serif'\n        }, this.textStyle),\n        capture: false\n      });\n    } else {\n      this.minTextShape = textGroup.addShape('text', {\n        attrs: __assign({\n          x: 0,\n          y: this.y - 10,\n          textAlign: 'center',\n          text: this.minText,\n          silent: false,\n          fontFamily: this.fontFamily || 'Arial, sans-serif'\n        }, this.textStyle),\n        capture: false\n      });\n      this.maxTextShape = textGroup.addShape('text', {\n        attrs: __assign({\n          y: this.y - 10,\n          textAlign: 'center',\n          text: this.maxText,\n          silent: false,\n          fontFamily: this.fontFamily || 'Arial, sans-serif'\n        }, this.textStyle),\n        capture: false\n      });\n    } // 3. 前景 选中背景框\n\n\n    this.foregroundShape = this.group.addGroup().addShape('rect', {\n      attrs: __assign({\n        x: 0,\n        y: this.y,\n        height: height\n      }, this.foregroundStyle)\n    });\n    this.foregroundShape.on('mousedown', function (e) {\n      e.target.attr('cursor', 'grabbing');\n    });\n    this.foregroundShape.on('mouseup', function (e) {\n      e.target.attr('cursor', _this.foregroundStyle.cursor || 'grab');\n    }); // 滑块相关的大小信息\n\n    var handlerWidth = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(this.handlerStyle, 'width', 2);\n    var handlerHeight = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(this.handlerStyle, 'height', 24);\n    var minHandleGroup = this.group.addGroup({\n      name: 'minHandlerShape'\n    }); // 4. 左右滑块\n\n    this.minHandlerShape = new _handler__WEBPACK_IMPORTED_MODULE_2__[\"default\"](__assign({\n      name: 'minHandlerShape',\n      group: minHandleGroup,\n      type: timeBarType,\n      x: this.x,\n      y: this.y,\n      width: handlerWidth,\n      height: handlerHeight,\n      cursor: 'ew-resize'\n    }, this.handlerStyle));\n    var maxHandleGroup = this.group.addGroup({\n      name: 'maxHandlerShape'\n    });\n    this.maxHandlerShape = new _handler__WEBPACK_IMPORTED_MODULE_2__[\"default\"](__assign({\n      name: 'maxHandlerShape',\n      group: maxHandleGroup,\n      type: timeBarType,\n      x: this.x,\n      y: this.y,\n      width: handlerWidth,\n      height: handlerHeight,\n      cursor: 'ew-resize'\n    }, this.handlerStyle)); // 缩略图下面的时间刻度\n\n    var tickData = this.ticks;\n    var interval = width / (tickData.length - 1);\n    this.tickPosList = [];\n\n    if (this.textList && this.textList.length) {\n      this.textList.forEach(function (text) {\n        text.destroy();\n      });\n    }\n\n    var lastX = -Infinity;\n    this.textList = tickData.map(function (data, index) {\n      _this.tickPosList.push(_this.x + index * interval);\n\n      var label;\n\n      if (_this.tickLabelFormatter) {\n        label = _this.tickLabelFormatter(data);\n\n        if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(label) && label) {\n          // return true\n          label = data.date;\n        }\n      } else {\n        label = data.date;\n      } // 文本刻度\n\n\n      var text = _this.group.addShape('text', {\n        attrs: {\n          x: _this.x + index * interval,\n          y: _this.y + height + 5,\n          text: label,\n          textAlign: 'center',\n          textBaseline: 'top',\n          fill: '#607889',\n          opacity: 0.35,\n          fontFamily: _this.fontFamily || 'Arial, sans-serif'\n        }\n      }); // 文本刻度上面的竖线\n\n\n      var line = _this.group.addShape('line', {\n        attrs: {\n          x1: _this.x + index * interval,\n          y1: _this.y + height + 2,\n          x2: _this.x + index * interval,\n          y2: _this.y + height + 6,\n          lineWidth: 1,\n          stroke: '#ccc'\n        }\n      });\n\n      line.toBack();\n      var bbox = text.getBBox(); // 抽样，标签与标签间距不小于 10\n\n      if (bbox.minX > lastX) {\n        text.show();\n        line.show();\n        lastX = bbox.minX + bbox.width + 10;\n      } else {\n        text.hide();\n        line.hide();\n      }\n\n      return text;\n    }); // 渲染播放、快进和后退的控制按钮\n\n    this.controllerBtnGroup = new _controllerBtn__WEBPACK_IMPORTED_MODULE_3__[\"default\"](__assign({\n      group: this.group,\n      x: this.x,\n      y: this.y + height + 25,\n      width: width,\n      height: 35\n    }, this.controllerCfg)); // 初始化 minText 和 maxText，方便计算它们的 bbox\n\n    this.updateStartEnd(0); // 根据 start end 更新 ui 的位置信息\n\n    this.updateUI(); // 移动到对应的位置\n\n    sliderGroup.move(this.x, this.y); // 绑定事件鼠标事件\n\n    this.bindEvents();\n  };\n  /**\n   * 绑定事件：\n   *  - 点击\n   *  - 滑动\n   *  - 拖拽\n   *  - 滚动\n   * @private\n   */\n\n\n  TrendTimeBar.prototype.bindEvents = function () {\n    var _this = this; // 1. 左滑块的滑动\n\n\n    var minHandleShapeGroup = this.group.find(function (group) {\n      return group.get('name') === 'minHandlerShape';\n    });\n\n    if (minHandleShapeGroup) {\n      minHandleShapeGroup.on('minHandlerShape-handler:mousedown', this.onMouseDown(this.minHandlerShape));\n      minHandleShapeGroup.on('minHandlerShape-handler:touchstart', this.onMouseDown(this.minHandlerShape));\n    }\n\n    var maxHandleShapeGroup = this.group.find(function (group) {\n      return group.get('name') === 'maxHandlerShape';\n    }); // 2. 右滑块的滑动\n\n    if (maxHandleShapeGroup) {\n      maxHandleShapeGroup.on('maxHandlerShape-handler:mousedown', this.onMouseDown(this.maxHandlerShape));\n      maxHandleShapeGroup.on('maxHandlerShape-handler:touchstart', this.onMouseDown(this.maxHandlerShape));\n    } // 3. 前景选中区域\n\n\n    this.foregroundShape.on('mousedown', this.onMouseDown(this.foregroundShape));\n    this.foregroundShape.on('touchstart', this.onMouseDown(this.foregroundShape)); // 播放区按钮控制\n\n    /** 播放/暂停事件 */\n\n    this.group.on(_constant__WEBPACK_IMPORTED_MODULE_4__[\"PLAY_PAUSE_BTN\"] + \":click\", function () {\n      _this.isPlay = !_this.isPlay;\n      _this.currentHandler = _this.maxHandlerShape;\n\n      _this.changePlayStatus();\n    }); // 处理前进一步的事件\n\n    this.group.on(_constant__WEBPACK_IMPORTED_MODULE_4__[\"NEXT_STEP_BTN\"] + \":click\", function () {\n      _this.currentHandler = _this.maxHandlerShape;\n\n      _this.updateStartEnd(0.01);\n\n      _this.updateUI();\n    }); // 处理后退一步的事件\n\n    this.group.on(_constant__WEBPACK_IMPORTED_MODULE_4__[\"PRE_STEP_BTN\"] + \":click\", function () {\n      _this.currentHandler = _this.maxHandlerShape;\n\n      _this.updateStartEnd(-0.01);\n\n      _this.updateUI();\n    });\n    this.group.on(_constant__WEBPACK_IMPORTED_MODULE_4__[\"TIMEBAR_CONFIG_CHANGE\"], function (_a) {\n      var type = _a.type,\n          speed = _a.speed;\n      _this.currentSpeed = speed;\n      _this.currentMode = type;\n\n      if (type === 'single') {\n        _this.minHandlerShape.hide();\n\n        _this.foregroundShape.hide();\n\n        _this.minTextShape.hide();\n      } else if (type === 'range') {\n        _this.minHandlerShape.show();\n\n        _this.foregroundShape.show();\n\n        _this.minTextShape.show();\n      }\n    });\n  };\n  /** 输入当前圆点位置，输出离哪个 tick 的位置最近 */\n\n\n  TrendTimeBar.prototype.adjustTickIndex = function (timeSelectX) {\n    for (var i = 0; i < this.tickPosList.length - 1; i++) {\n      if (this.tickPosList[i] <= timeSelectX && timeSelectX <= this.tickPosList[i + 1]) {\n        return Math.abs(this.tickPosList[i] - timeSelectX) < Math.abs(timeSelectX - this.tickPosList[i + 1]) ? i : i + 1;\n      }\n    }\n\n    return 0;\n  };\n  /**\n   * 调整 offsetRange，因为一些范围的限制\n   * @param offsetRange\n   */\n\n\n  TrendTimeBar.prototype.adjustOffsetRange = function (offsetRange) {\n    // 针对不同的滑动组件，处理的方式不同\n    switch (this.currentHandler) {\n      case this.minHandlerShape:\n        {\n          var min = 0 - this.start;\n          var max = 1 - this.start;\n          return Math.min(max, Math.max(min, offsetRange));\n        }\n\n      case this.maxHandlerShape:\n        {\n          var min = 0 - this.end;\n          var max = 1 - this.end;\n          return Math.min(max, Math.max(min, offsetRange));\n        }\n\n      case this.foregroundShape:\n        {\n          var min = 0 - this.start;\n          var max = 1 - this.end;\n          return Math.min(max, Math.max(min, offsetRange));\n        }\n\n      default:\n        return 0;\n    }\n  };\n  /**\n   * 更新起始、结束的控制块位置、文本、范围值（原始值）\n   * @param offsetRange\n   */\n\n\n  TrendTimeBar.prototype.updateStartEnd = function (offsetRange) {\n    var minData = this.ticks[this.adjustTickIndex(this.start * this.width)];\n    var maxData = this.ticks[this.adjustTickIndex(this.end * this.width)];\n\n    if (!this.currentHandler) {\n      this.minText = this.tickLabelFormatter ? this.tickLabelFormatter(minData) : minData.date;\n      this.maxText = this.tickLabelFormatter ? this.tickLabelFormatter(maxData) : maxData.date;\n      return;\n    } // 操作不同的组件，反馈不一样\n\n\n    switch (this.currentHandler) {\n      case this.minHandlerShape:\n        // 拖动最小滑块时使用当前最大值设置最大值的文本，以便恢复到默认值\n        this.maxText = this.maxTextShape.attr('text');\n        this.start += offsetRange;\n        this.minText = this.tickLabelFormatter ? this.tickLabelFormatter(minData) : minData.date;\n        break;\n\n      case this.maxHandlerShape:\n        // 拖动最大滑块时使用当前最小值设置最小值的文本，以便恢复到默认值\n        this.minText = this.minTextShape.attr('text');\n        this.end += offsetRange;\n        this.maxText = this.tickLabelFormatter ? this.tickLabelFormatter(maxData) : maxData.date;\n        break;\n\n      case this.foregroundShape:\n        this.start += offsetRange;\n        this.end += offsetRange;\n        this.minText = this.tickLabelFormatter ? this.tickLabelFormatter(minData) : minData.date;\n        this.maxText = this.tickLabelFormatter ? this.tickLabelFormatter(maxData) : maxData.date;\n        break;\n\n      default:\n        break;\n    }\n  };\n  /**\n   * 根据移动的比例来更新 ui，更新范围（0-1 范围的比例值）\n   * @private\n   */\n\n\n  TrendTimeBar.prototype.updateUI = function () {\n    var _this = this;\n\n    if (this.start < 0) {\n      this.start = 0;\n    }\n\n    if (this.end > 1) {\n      this.end = 1;\n    }\n\n    var min = this.x + this.start * this.width;\n    var max = this.x + this.end * this.width; // 1. foreground\n\n    this.foregroundShape.attr('x', min);\n    this.foregroundShape.attr('width', max - min); // 滑块相关的大小信息\n\n    var handlerWidth = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(this.handlerStyle, 'width', DEFAULT_HANDLER_WIDTH); // 设置文本\n\n    this.setText(this.minText, this.maxText);\n\n    var _a = this.dodgeText([min, max]),\n        minAttrs = _a[0],\n        maxAttrs = _a[1]; // 2. 左侧滑块和文字位置\n\n\n    this.minHandlerShape.setX(min - handlerWidth / 2);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(minAttrs, function (v, k) {\n      return _this.minTextShape.attr(k, v);\n    }); // 3. 右侧滑块和文字位置\n\n    this.maxHandlerShape.setX(max - handlerWidth / 2);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(maxAttrs, function (v, k) {\n      return _this.maxTextShape.attr(k, v);\n    });\n\n    if (this.currentMode === 'range') {\n      // 因为存储的 start、end 可能不一定是按大小存储的，所以排序一下，对外是 end >= start\n      this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_4__[\"VALUE_CHANGE\"], {\n        value: [this.start, this.end].sort()\n      });\n    } else if (this.currentMode === 'single') {\n      this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_4__[\"VALUE_CHANGE\"], {\n        value: [this.end, this.end]\n      });\n    }\n  };\n  /**\n   * 调整 text 的位置，自动躲避\n   * 根据位置，调整返回新的位置\n   * @param range\n   */\n\n\n  TrendTimeBar.prototype.dodgeText = function (range) {\n    var _a, _b;\n\n    var TEXTPADDING = 2;\n    var handlerWidth = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(this.handlerStyle, 'width', DEFAULT_HANDLER_WIDTH);\n    var minTextShape = this.minTextShape;\n    var maxTextShape = this.maxTextShape;\n    var min = range[0],\n        max = range[1];\n    var sorted = false; // 如果交换了位置，则对应的 min max 也交换\n\n    if (min > max) {\n      _a = [max, min], min = _a[0], max = _a[1];\n      _b = [maxTextShape, minTextShape], minTextShape = _b[0], maxTextShape = _b[1];\n      sorted = true;\n    } // 避让规则，优先显示在两侧，只有显示不下的时候，才显示在中间\n\n\n    var minBBox = minTextShape.getBBox();\n    var maxBBox = maxTextShape.getBBox();\n    var minAttrs = null;\n    var maxAttrs = null;\n\n    if (this.timeBarType === 'trend') {\n      minAttrs = min - minBBox.width < this.x + TEXTPADDING ? {\n        x: min + handlerWidth / 2 + TEXTPADDING,\n        textAlign: 'left'\n      } : {\n        x: min - handlerWidth / 2 - TEXTPADDING,\n        textAlign: 'right'\n      };\n      maxAttrs = max + maxBBox.width > this.x + this.width ? {\n        x: max - handlerWidth / 2 - TEXTPADDING,\n        textAlign: 'right'\n      } : {\n        x: max + handlerWidth / 2 + TEXTPADDING,\n        textAlign: 'left'\n      };\n    } else if (this.timeBarType === 'simple') {\n      minAttrs = minBBox.width > min - TEXTPADDING ? {\n        x: min + handlerWidth / 2 + TEXTPADDING,\n        textAlign: 'center'\n      } : {\n        x: min - handlerWidth / 2 - TEXTPADDING,\n        textAlign: 'center'\n      };\n      maxAttrs = maxBBox.width > this.width - max - TEXTPADDING ? {\n        x: max - handlerWidth / 2 - TEXTPADDING,\n        textAlign: 'center'\n      } : {\n        x: max + handlerWidth / 2 + TEXTPADDING,\n        textAlign: 'center'\n      };\n    }\n\n    return !sorted ? [minAttrs, maxAttrs] : [maxAttrs, minAttrs];\n  };\n\n  TrendTimeBar.prototype.startPlay = function () {\n    var _this = this;\n\n    return typeof window !== 'undefined' ? window.requestAnimationFrame(function () {\n      var _a = _this,\n          ticks = _a.ticks,\n          width = _a.width;\n      var speed = _this.currentSpeed;\n      var tickInterval = width / ticks.length;\n      var offsetX = tickInterval / ((10 - speed) * 1000 / 60);\n\n      var offsetXRange = _this.adjustOffsetRange(offsetX / _this.width);\n\n      _this.updateStartEnd(offsetXRange);\n\n      _this.updateUI();\n\n      if (_this.isPlay) {\n        _this.playHandler = _this.startPlay();\n      }\n    }) : undefined;\n  };\n\n  TrendTimeBar.prototype.changePlayStatus = function (isSync) {\n    if (isSync === void 0) {\n      isSync = true;\n    }\n\n    this.controllerBtnGroup.playButton.update({\n      isPlay: this.isPlay\n    });\n\n    if (this.isPlay) {\n      // 开始播放\n      this.playHandler = this.startPlay();\n      this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_4__[\"TIMELINE_START\"], null);\n    } else {\n      // 结束播放\n      if (this.playHandler) {\n        if (typeof window !== 'undefined') window.cancelAnimationFrame(this.playHandler);\n\n        if (isSync) {\n          this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_4__[\"TIMELINE_END\"], null);\n        }\n      }\n    }\n  };\n\n  TrendTimeBar.prototype.destory = function () {\n    this.graph.off(_constant__WEBPACK_IMPORTED_MODULE_4__[\"VALUE_CHANGE\"]);\n    var group = this.group;\n    var minHandleShapeGroup = group.find(function (g) {\n      return g.get('name') === 'minHandlerShape';\n    });\n\n    if (minHandleShapeGroup) {\n      minHandleShapeGroup.off('minHandlerShape-handler:mousedown');\n      minHandleShapeGroup.off('minHandlerShape-handler:touchstart');\n      minHandleShapeGroup.destroy();\n    }\n\n    var maxHandleShapeGroup = group.find(function (g) {\n      return g.get('name') === 'maxHandlerShape';\n    }); // 2. 右滑块的滑动\n\n    if (maxHandleShapeGroup) {\n      maxHandleShapeGroup.off('maxHandlerShape-handler:mousedown');\n      maxHandleShapeGroup.off('maxHandlerShape-handler:touchstart');\n      maxHandleShapeGroup.destroy();\n    } // 3. 前景选中区域\n\n\n    this.foregroundShape.off('mousedown');\n    this.foregroundShape.off('touchstart');\n    this.foregroundShape.destroy();\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_4__[\"PLAY_PAUSE_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_4__[\"NEXT_STEP_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_4__[\"PRE_STEP_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_4__[\"TIMEBAR_CONFIG_CHANGE\"]);\n    group.destroy();\n\n    if (this.trendComponent) {\n      this.trendComponent.destory();\n    }\n  };\n\n  return TrendTimeBar;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (TrendTimeBar);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/timeBar/trendTimeBar.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BACKGROUND_STYLE\", function() { return BACKGROUND_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FOREGROUND_STYLE\", function() { return FOREGROUND_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"DEFAULT_HANDLER_WIDTH\", function() { return DEFAULT_HANDLER_WIDTH; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"HANDLER_STYLE\", function() { return HANDLER_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TEXT_STYLE\", function() { return TEXT_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TICK_LABEL_STYLE\", function() { return TICK_LABEL_STYLE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TICK_LINE_STYLE\", function() { return TICK_LINE_STYLE; });\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _trend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./trend */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/trend.js\");\n/* harmony import */ var _handler__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./handler */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/handler.js\");\n/* harmony import */ var _controllerBtn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./controllerBtn */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/controllerBtn.js\");\n/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constant */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/constant.js\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n/**\n * 一些默认的样式配置\n */\n\nvar BACKGROUND_STYLE = {\n  fill: '#416180',\n  opacity: 0.05\n};\nvar SIMPLE_BACKGROUND_STYLE = {\n  fill: '#416180',\n  opacity: 0.15,\n  radius: 5\n};\nvar FOREGROUND_STYLE = {\n  fill: '#5B8FF9',\n  opacity: 0.3,\n  cursor: 'grab'\n};\nvar DEFAULT_HANDLER_WIDTH = 2;\nvar HANDLER_STYLE = {\n  width: DEFAULT_HANDLER_WIDTH,\n  height: 24\n};\nvar TEXT_STYLE = {\n  textBaseline: 'middle',\n  fill: '#000',\n  opacity: 0.45\n};\nvar TICK_LABEL_STYLE = {\n  textAlign: 'center',\n  textBaseline: 'top',\n  fill: '#607889',\n  opacity: 0.35\n};\nvar TICK_LINE_STYLE = {\n  lineWidth: 1,\n  stroke: '#ccc'\n};\n\nvar TrendTimeBar =\n/** @class */\nfunction () {\n  function TrendTimeBar(cfg) {\n    var _this = this;\n\n    this.prevX = 0;\n\n    this.onMouseDown = function (handler) {\n      return function (e) {\n        // 1. 记录点击的滑块\n        _this.currentHandler = handler;\n        var event = e.originalEvent; // 2. 存储当前点击位置\n\n        event.stopPropagation();\n        event.preventDefault(); // 兼容移动端获取数据\n\n        _this.prevX = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(event, 'touches.0.pageX', event.pageX); // 3. 开始滑动的时候，绑定 move 和 up 事件\n\n        var containerDOM = _this.canvas.get('container');\n\n        containerDOM.addEventListener('mousemove', _this.onMouseMove);\n        containerDOM.addEventListener('mouseup', _this.onMouseUp);\n        containerDOM.addEventListener('mouseleave', _this.onMouseUp); // 移动端事件\n\n        containerDOM.addEventListener('touchmove', _this.onMouseMove);\n        containerDOM.addEventListener('touchend', _this.onMouseUp);\n        containerDOM.addEventListener('touchcancel', _this.onMouseUp);\n      };\n    };\n\n    this.onMouseMove = function (e) {\n      // 滑动过程中，计算偏移，更新滑块，然后 emit 数据出去\n      e.stopPropagation();\n      e.preventDefault();\n      var x = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(e, 'touches.0.pageX', e.pageX); // 横向的 slider 只处理 x\n\n      var offsetX = x - _this.prevX;\n\n      var offsetXRange = _this.adjustOffsetRange(offsetX / _this.width); // 更新 start end range 范围\n\n\n      _this.updateStartEnd(offsetXRange); // 更新 ui\n\n\n      _this.updateUI();\n\n      _this.prevX = x;\n    };\n\n    this.onMouseUp = function () {\n      // 结束之后，取消绑定的事件\n      if (_this.currentHandler) {\n        _this.currentHandler = undefined;\n      }\n\n      var containerDOM = _this.canvas.get('container');\n\n      if (containerDOM) {\n        containerDOM.removeEventListener('mousemove', _this.onMouseMove);\n        containerDOM.removeEventListener('mouseup', _this.onMouseUp); // 防止滑动到 canvas 外部之后，状态丢失\n\n        containerDOM.removeEventListener('mouseleave', _this.onMouseUp); // 移动端事件\n\n        containerDOM.removeEventListener('touchmove', _this.onMouseMove);\n        containerDOM.removeEventListener('touchend', _this.onMouseUp);\n        containerDOM.removeEventListener('touchcancel', _this.onMouseUp);\n      }\n    };\n\n    var _a = cfg.x,\n        x = _a === void 0 ? 0 : _a,\n        _b = cfg.y,\n        y = _b === void 0 ? 0 : _b,\n        _c = cfg.width,\n        width = _c === void 0 ? 100 : _c,\n        height = cfg.height,\n        _d = cfg.padding,\n        padding = _d === void 0 ? 10 : _d,\n        trendCfg = cfg.trendCfg,\n        _e = cfg.controllerCfg,\n        controllerCfg = _e === void 0 ? {\n      speed: 1\n    } : _e,\n        _f = cfg.backgroundStyle,\n        backgroundStyle = _f === void 0 ? {} : _f,\n        _g = cfg.foregroundStyle,\n        foregroundStyle = _g === void 0 ? {} : _g,\n        _h = cfg.handlerStyle,\n        handlerStyle = _h === void 0 ? {} : _h,\n        _j = cfg.textStyle,\n        textStyle = _j === void 0 ? {} : _j,\n        // 缩略轴的初始位置\n    _k = cfg.start,\n        // 缩略轴的初始位置\n    start = _k === void 0 ? 0 : _k,\n        _l = cfg.end,\n        end = _l === void 0 ? 1 : _l,\n        _m = cfg.minText,\n        minText = _m === void 0 ? '' : _m,\n        _o = cfg.maxText,\n        maxText = _o === void 0 ? '' : _o,\n        group = cfg.group,\n        graph = cfg.graph,\n        canvas = cfg.canvas,\n        _p = cfg.tick,\n        tick = _p === void 0 ? {\n      tickLabelStyle: {},\n      tickLineStyle: {},\n      tickLabelFormatter: function tickLabelFormatter(d) {\n        return d;\n      },\n      ticks: []\n    } : _p,\n        type = cfg.type;\n    this.graph = graph;\n    this.canvas = canvas;\n    this.group = group;\n    this.timeBarType = type; // position size\n\n    this.x = x;\n    this.y = y;\n    this.width = width;\n    this.height = height;\n    this.padding = padding;\n    this.ticks = tick.ticks;\n    this.trendCfg = trendCfg;\n    this.controllerCfg = controllerCfg;\n    this.currentSpeed = controllerCfg.speed || 1;\n    this.tickLabelFormatter = tick.tickLabelFormatter; // style\n\n    if (type === 'trend') {\n      this.backgroundStyle = __assign(__assign({}, BACKGROUND_STYLE), backgroundStyle);\n    } else if (type === 'simple') {\n      this.backgroundStyle = __assign(__assign({}, SIMPLE_BACKGROUND_STYLE), backgroundStyle);\n    }\n\n    this.foregroundStyle = __assign(__assign({}, FOREGROUND_STYLE), foregroundStyle);\n    this.handlerStyle = __assign(__assign({}, HANDLER_STYLE), handlerStyle);\n    this.textStyle = __assign(__assign({}, TEXT_STYLE), textStyle);\n    this.tickLabelStyle = __assign(__assign({}, TICK_LABEL_STYLE), tick.tickLabelStyle);\n    this.tickLineStyle = __assign(__assign({}, TICK_LINE_STYLE), tick.tickLineStyle);\n    this.currentMode = 'range'; // 初始信息\n\n    this.start = start;\n    this.end = end;\n    this.minText = minText;\n    this.maxText = maxText; // 初始化 fontFamily，如果有浏览器，取 body 上的字体，防止文字更新时局部渲染造成的重影\n\n    this.fontFamily = typeof window !== 'undefined' ? window.getComputedStyle(document.body, null).getPropertyValue('font-family') || 'Arial, sans-serif' : 'Arial, sans-serif';\n    this.renderSlider();\n  }\n  /**\n   * 更新配置\n   * @param cfg\n   */\n\n\n  TrendTimeBar.prototype.update = function (cfg) {\n    var x = cfg.x,\n        y = cfg.y,\n        width = cfg.width,\n        height = cfg.height,\n        minText = cfg.minText,\n        maxText = cfg.maxText,\n        start = cfg.start,\n        end = cfg.end; // start、end 只能是 0~1 范围\n\n    this.start = Math.min(1, Math.max(start, 0));\n    this.end = Math.min(1, Math.max(end, 0)); // 如果传了则更新，没有传则不更新\n    // @ts-ignore\n\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"assign\"])(this, {\n      x: x,\n      y: y,\n      width: width,\n      height: height,\n      minText: minText,\n      maxText: maxText\n    }); // 更新 ui，不自动绘制\n\n    this.updateUI();\n  };\n\n  TrendTimeBar.prototype.setText = function (minText, maxText) {\n    this.minTextShape.attr('text', minText);\n    this.maxTextShape.attr('text', maxText);\n  };\n  /**\n   * 初始化组件结构\n   * @private\n   */\n\n\n  TrendTimeBar.prototype.renderSlider = function () {\n    var _this = this;\n\n    var _a = this,\n        width = _a.width,\n        height = _a.height,\n        timeBarType = _a.timeBarType; // 趋势图数据\n\n\n    if (timeBarType === 'trend' && Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"size\"])(Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(this.trendCfg, 'data'))) {\n      var trendComponent = new _trend__WEBPACK_IMPORTED_MODULE_1__[\"default\"](__assign(__assign({\n        x: this.x,\n        y: this.y,\n        width: width,\n        height: height\n      }, this.trendCfg), {\n        group: this.group\n      }));\n      this.trendComponent = trendComponent;\n    }\n\n    var sliderGroup = this.group.addGroup({\n      name: 'slider-group'\n    }); // 1. 背景\n\n    sliderGroup.addShape('rect', {\n      attrs: __assign({\n        x: 0,\n        y: 0,\n        width: width,\n        height: height\n      }, this.backgroundStyle)\n    });\n    var textGroup = this.group.addGroup(); // 2. 左右文字\n\n    if (timeBarType === 'trend') {\n      this.minTextShape = textGroup.addShape('text', {\n        attrs: __assign({\n          x: 0,\n          y: height / 2 + this.y,\n          textAlign: 'right',\n          text: this.minText,\n          silent: false,\n          fontFamily: this.fontFamily || 'Arial, sans-serif'\n        }, this.textStyle),\n        capture: false\n      });\n      this.maxTextShape = textGroup.addShape('text', {\n        attrs: __assign({\n          y: height / 2 + this.y,\n          textAlign: 'left',\n          text: this.maxText,\n          silent: false,\n          fontFamily: this.fontFamily || 'Arial, sans-serif'\n        }, this.textStyle),\n        capture: false\n      });\n    } else {\n      this.minTextShape = textGroup.addShape('text', {\n        attrs: __assign({\n          x: 0,\n          y: this.y - 10,\n          textAlign: 'center',\n          text: this.minText,\n          silent: false,\n          fontFamily: this.fontFamily || 'Arial, sans-serif'\n        }, this.textStyle),\n        capture: false\n      });\n      this.maxTextShape = textGroup.addShape('text', {\n        attrs: __assign({\n          y: this.y - 10,\n          textAlign: 'center',\n          text: this.maxText,\n          silent: false,\n          fontFamily: this.fontFamily || 'Arial, sans-serif'\n        }, this.textStyle),\n        capture: false\n      });\n    } // 3. 前景 选中背景框\n\n\n    this.foregroundShape = this.group.addGroup().addShape('rect', {\n      attrs: __assign({\n        x: 0,\n        y: this.y,\n        height: height\n      }, this.foregroundStyle)\n    });\n    this.foregroundShape.on('mousedown', function (e) {\n      e.target.attr('cursor', 'grabbing');\n    });\n    this.foregroundShape.on('mouseup', function (e) {\n      e.target.attr('cursor', _this.foregroundStyle.cursor || 'grab');\n    }); // 滑块相关的大小信息\n\n    var handlerWidth = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(this.handlerStyle, 'width', 2);\n    var handlerHeight = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(this.handlerStyle, 'height', 24);\n    var minHandleGroup = this.group.addGroup({\n      name: 'minHandlerShape'\n    }); // 4. 左右滑块\n\n    this.minHandlerShape = new _handler__WEBPACK_IMPORTED_MODULE_2__[\"default\"]({\n      name: 'minHandlerShape',\n      group: minHandleGroup,\n      type: timeBarType,\n      x: this.x,\n      y: this.y,\n      width: handlerWidth,\n      height: handlerHeight,\n      style: this.handlerStyle\n    });\n    var maxHandleGroup = this.group.addGroup({\n      name: 'maxHandlerShape'\n    });\n    this.maxHandlerShape = new _handler__WEBPACK_IMPORTED_MODULE_2__[\"default\"]({\n      name: 'maxHandlerShape',\n      group: maxHandleGroup,\n      type: timeBarType,\n      x: this.x,\n      y: this.y,\n      width: handlerWidth,\n      height: handlerHeight,\n      style: this.handlerStyle\n    }); // 缩略图下面的时间刻度\n\n    var tickData = this.ticks;\n    var interval = width / (tickData.length - 1);\n    this.tickPosList = [];\n\n    if (this.textList && this.textList.length) {\n      this.textList.forEach(function (text) {\n        text.destroy();\n      });\n    }\n\n    var lastX = -Infinity;\n    this.textList = tickData.map(function (data, index) {\n      _this.tickPosList.push(_this.x + index * interval);\n\n      var label;\n\n      if (_this.tickLabelFormatter) {\n        label = _this.tickLabelFormatter(data);\n\n        if (!Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"isString\"])(label) && label) {\n          // return true\n          label = data.date;\n        }\n      } else {\n        label = data.date;\n      } // 文本刻度\n\n\n      var text = _this.group.addShape('text', {\n        attrs: __assign({\n          x: _this.x + index * interval,\n          y: _this.y + height + 5,\n          text: label,\n          fontFamily: _this.fontFamily || 'Arial, sans-serif'\n        }, _this.tickLabelStyle)\n      }); // 文本刻度上面的竖线\n\n\n      var line = _this.group.addShape('line', {\n        attrs: __assign({\n          x1: _this.x + index * interval,\n          y1: _this.y + height + 2,\n          x2: _this.x + index * interval,\n          y2: _this.y + height + 6\n        }, _this.tickLineStyle)\n      });\n\n      line.toBack();\n      var bbox = text.getBBox(); // 抽样，标签与标签间距不小于 10\n\n      if (bbox.minX > lastX) {\n        text.show();\n        line.show();\n        lastX = bbox.minX + bbox.width + 10;\n      } else {\n        text.hide();\n        line.hide();\n      }\n\n      return text;\n    }); // 渲染播放、快进和后退的控制按钮\n\n    this.controllerBtnGroup = new _controllerBtn__WEBPACK_IMPORTED_MODULE_3__[\"default\"](__assign({\n      group: this.group,\n      x: this.x,\n      y: this.y + height + 25,\n      width: width,\n      height: 35\n    }, this.controllerCfg)); // 初始化 minText 和 maxText，方便计算它们的 bbox\n\n    this.updateStartEnd(0); // 根据 start end 更新 ui 的位置信息\n\n    this.updateUI(); // 移动到对应的位置\n\n    sliderGroup.move(this.x, this.y); // 绑定事件鼠标事件\n\n    this.bindEvents();\n  };\n  /**\n   * 绑定事件：\n   *  - 点击\n   *  - 滑动\n   *  - 拖拽\n   *  - 滚动\n   * @private\n   */\n\n\n  TrendTimeBar.prototype.bindEvents = function () {\n    var _this = this; // 1. 左滑块的滑动\n\n\n    var minHandleShapeGroup = this.group.find(function (group) {\n      return group.get('name') === 'minHandlerShape';\n    });\n\n    if (minHandleShapeGroup) {\n      minHandleShapeGroup.on('minHandlerShape-handler:mousedown', this.onMouseDown(this.minHandlerShape));\n      minHandleShapeGroup.on('minHandlerShape-handler:touchstart', this.onMouseDown(this.minHandlerShape));\n    }\n\n    var maxHandleShapeGroup = this.group.find(function (group) {\n      return group.get('name') === 'maxHandlerShape';\n    }); // 2. 右滑块的滑动\n\n    if (maxHandleShapeGroup) {\n      maxHandleShapeGroup.on('maxHandlerShape-handler:mousedown', this.onMouseDown(this.maxHandlerShape));\n      maxHandleShapeGroup.on('maxHandlerShape-handler:touchstart', this.onMouseDown(this.maxHandlerShape));\n    } // 3. 前景选中区域\n\n\n    this.foregroundShape.on('mousedown', this.onMouseDown(this.foregroundShape));\n    this.foregroundShape.on('touchstart', this.onMouseDown(this.foregroundShape)); // 播放区按钮控制\n\n    /** 播放/暂停事件 */\n\n    this.group.on(_constant__WEBPACK_IMPORTED_MODULE_4__[\"PLAY_PAUSE_BTN\"] + \":click\", function () {\n      _this.isPlay = !_this.isPlay;\n      _this.currentHandler = _this.maxHandlerShape;\n\n      _this.changePlayStatus();\n    }); // 处理前进一步的事件\n\n    this.group.on(_constant__WEBPACK_IMPORTED_MODULE_4__[\"NEXT_STEP_BTN\"] + \":click\", function () {\n      _this.currentHandler = _this.maxHandlerShape;\n\n      _this.updateStartEnd(0.01);\n\n      _this.updateUI();\n    }); // 处理后退一步的事件\n\n    this.group.on(_constant__WEBPACK_IMPORTED_MODULE_4__[\"PRE_STEP_BTN\"] + \":click\", function () {\n      _this.currentHandler = _this.maxHandlerShape;\n\n      _this.updateStartEnd(-0.01);\n\n      _this.updateUI();\n    });\n    this.group.on(_constant__WEBPACK_IMPORTED_MODULE_4__[\"TIMEBAR_CONFIG_CHANGE\"], function (_a) {\n      var type = _a.type,\n          speed = _a.speed;\n      _this.currentSpeed = speed;\n      _this.currentMode = type;\n\n      if (type === 'single') {\n        _this.minHandlerShape.hide();\n\n        _this.foregroundShape.hide();\n\n        _this.minTextShape.hide();\n      } else if (type === 'range') {\n        _this.minHandlerShape.show();\n\n        _this.foregroundShape.show();\n\n        _this.minTextShape.show();\n      }\n    });\n  };\n  /** 输入当前圆点位置，输出离哪个 tick 的位置最近 */\n\n\n  TrendTimeBar.prototype.adjustTickIndex = function (timeSelectX) {\n    for (var i = 0; i < this.tickPosList.length - 1; i++) {\n      if (this.tickPosList[i] <= timeSelectX && timeSelectX <= this.tickPosList[i + 1]) {\n        return Math.abs(this.tickPosList[i] - timeSelectX) < Math.abs(timeSelectX - this.tickPosList[i + 1]) ? i : i + 1;\n      }\n    }\n\n    return 0;\n  };\n  /**\n   * 调整 offsetRange，因为一些范围的限制\n   * @param offsetRange\n   */\n\n\n  TrendTimeBar.prototype.adjustOffsetRange = function (offsetRange) {\n    // 针对不同的滑动组件，处理的方式不同\n    switch (this.currentHandler) {\n      case this.minHandlerShape:\n        {\n          var min = 0 - this.start;\n          var max = 1 - this.start;\n          return Math.min(max, Math.max(min, offsetRange));\n        }\n\n      case this.maxHandlerShape:\n        {\n          var min = 0 - this.end;\n          var max = 1 - this.end;\n          return Math.min(max, Math.max(min, offsetRange));\n        }\n\n      case this.foregroundShape:\n        {\n          var min = 0 - this.start;\n          var max = 1 - this.end;\n          return Math.min(max, Math.max(min, offsetRange));\n        }\n\n      default:\n        return 0;\n    }\n  };\n  /**\n   * 更新起始、结束的控制块位置、文本、范围值（原始值）\n   * @param offsetRange\n   */\n\n\n  TrendTimeBar.prototype.updateStartEnd = function (offsetRange) {\n    var minData = this.ticks[this.adjustTickIndex(this.start * this.width)];\n    var maxData = this.ticks[this.adjustTickIndex(this.end * this.width)];\n\n    if (!this.currentHandler) {\n      this.minText = this.tickLabelFormatter ? this.tickLabelFormatter(minData) : minData.date;\n      this.maxText = this.tickLabelFormatter ? this.tickLabelFormatter(maxData) : maxData.date;\n      return;\n    } // 操作不同的组件，反馈不一样\n\n\n    switch (this.currentHandler) {\n      case this.minHandlerShape:\n        // 拖动最小滑块时使用当前最大值设置最大值的文本，以便恢复到默认值\n        this.maxText = this.maxTextShape.attr('text');\n        this.start += offsetRange;\n        this.minText = this.tickLabelFormatter ? this.tickLabelFormatter(minData) : minData.date;\n        break;\n\n      case this.maxHandlerShape:\n        // 拖动最大滑块时使用当前最小值设置最小值的文本，以便恢复到默认值\n        this.minText = this.minTextShape.attr('text');\n        this.end += offsetRange;\n        this.maxText = this.tickLabelFormatter ? this.tickLabelFormatter(maxData) : maxData.date;\n        break;\n\n      case this.foregroundShape:\n        this.start += offsetRange;\n        this.end += offsetRange;\n        this.minText = this.tickLabelFormatter ? this.tickLabelFormatter(minData) : minData.date;\n        this.maxText = this.tickLabelFormatter ? this.tickLabelFormatter(maxData) : maxData.date;\n        break;\n\n      default:\n        break;\n    }\n  };\n  /**\n   * 根据移动的比例来更新 ui，更新范围（0-1 范围的比例值）\n   * @private\n   */\n\n\n  TrendTimeBar.prototype.updateUI = function () {\n    var _this = this;\n\n    if (this.start < 0) {\n      this.start = 0;\n    }\n\n    if (this.end > 1) {\n      this.end = 1;\n    }\n\n    var min = this.x + this.start * this.width;\n    var max = this.x + this.end * this.width; // 1. foreground\n\n    this.foregroundShape.attr('x', min);\n    this.foregroundShape.attr('width', max - min); // 滑块相关的大小信息\n\n    var handlerWidth = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(this.handlerStyle, 'width', DEFAULT_HANDLER_WIDTH); // 设置文本\n\n    this.setText(this.minText, this.maxText);\n\n    var _a = this.dodgeText([min, max]),\n        minAttrs = _a[0],\n        maxAttrs = _a[1]; // 2. 左侧滑块和文字位置\n\n\n    this.minHandlerShape.setX(min - handlerWidth / 2);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(minAttrs, function (v, k) {\n      return _this.minTextShape.attr(k, v);\n    }); // 3. 右侧滑块和文字位置\n\n    this.maxHandlerShape.setX(max - handlerWidth / 2);\n    Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"each\"])(maxAttrs, function (v, k) {\n      return _this.maxTextShape.attr(k, v);\n    });\n\n    if (this.currentMode === 'range') {\n      // 因为存储的 start、end 可能不一定是按大小存储的，所以排序一下，对外是 end >= start\n      this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_4__[\"VALUE_CHANGE\"], {\n        value: [this.start, this.end].sort()\n      });\n    } else if (this.currentMode === 'single') {\n      this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_4__[\"VALUE_CHANGE\"], {\n        value: [this.end, this.end]\n      });\n    }\n  };\n  /**\n   * 调整 text 的位置，自动躲避\n   * 根据位置，调整返回新的位置\n   * @param range\n   */\n\n\n  TrendTimeBar.prototype.dodgeText = function (range) {\n    var _a, _b;\n\n    var TEXTPADDING = 2;\n    var handlerWidth = Object(_antv_util__WEBPACK_IMPORTED_MODULE_0__[\"get\"])(this.handlerStyle, 'width', DEFAULT_HANDLER_WIDTH);\n    var minTextShape = this.minTextShape;\n    var maxTextShape = this.maxTextShape;\n    var min = range[0],\n        max = range[1];\n    var sorted = false; // 如果交换了位置，则对应的 min max 也交换\n\n    if (min > max) {\n      _a = [max, min], min = _a[0], max = _a[1];\n      _b = [maxTextShape, minTextShape], minTextShape = _b[0], maxTextShape = _b[1];\n      sorted = true;\n    } // 避让规则，优先显示在两侧，只有显示不下的时候，才显示在中间\n\n\n    var minBBox = minTextShape.getBBox();\n    var maxBBox = maxTextShape.getBBox();\n    var minAttrs = null;\n    var maxAttrs = null;\n\n    if (this.timeBarType === 'trend') {\n      minAttrs = min - minBBox.width < this.x + TEXTPADDING ? {\n        x: min + handlerWidth / 2 + TEXTPADDING,\n        textAlign: 'left'\n      } : {\n        x: min - handlerWidth / 2 - TEXTPADDING,\n        textAlign: 'right'\n      };\n      maxAttrs = max + maxBBox.width > this.x + this.width ? {\n        x: max - handlerWidth / 2 - TEXTPADDING,\n        textAlign: 'right'\n      } : {\n        x: max + handlerWidth / 2 + TEXTPADDING,\n        textAlign: 'left'\n      };\n    } else if (this.timeBarType === 'simple') {\n      minAttrs = minBBox.width > min - TEXTPADDING ? {\n        x: min + handlerWidth / 2 + TEXTPADDING,\n        textAlign: 'center'\n      } : {\n        x: min - handlerWidth / 2 - TEXTPADDING,\n        textAlign: 'center'\n      };\n      maxAttrs = maxBBox.width > this.width - max - TEXTPADDING ? {\n        x: max - handlerWidth / 2 - TEXTPADDING,\n        textAlign: 'center'\n      } : {\n        x: max + handlerWidth / 2 + TEXTPADDING,\n        textAlign: 'center'\n      };\n    }\n\n    return !sorted ? [minAttrs, maxAttrs] : [maxAttrs, minAttrs];\n  };\n\n  TrendTimeBar.prototype.startPlay = function () {\n    var _this = this;\n\n    return typeof window !== 'undefined' ? window.requestAnimationFrame(function () {\n      var _a = _this,\n          ticks = _a.ticks,\n          width = _a.width;\n      var speed = _this.currentSpeed;\n      var tickInterval = width / ticks.length;\n      var offsetX = tickInterval / ((10 - speed) * 1000 / 60);\n\n      var offsetXRange = _this.adjustOffsetRange(offsetX / _this.width);\n\n      _this.updateStartEnd(offsetXRange);\n\n      _this.updateUI();\n\n      if (_this.isPlay) {\n        _this.playHandler = _this.startPlay();\n      }\n    }) : undefined;\n  };\n\n  TrendTimeBar.prototype.changePlayStatus = function (isSync) {\n    if (isSync === void 0) {\n      isSync = true;\n    }\n\n    this.controllerBtnGroup.playButton.update({\n      isPlay: this.isPlay\n    });\n\n    if (this.isPlay) {\n      // 开始播放\n      this.playHandler = this.startPlay();\n      this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_4__[\"TIMELINE_START\"], null);\n    } else {\n      // 结束播放\n      if (this.playHandler) {\n        if (typeof window !== 'undefined') window.cancelAnimationFrame(this.playHandler);\n\n        if (isSync) {\n          this.graph.emit(_constant__WEBPACK_IMPORTED_MODULE_4__[\"TIMELINE_END\"], null);\n        }\n      }\n    }\n  };\n\n  TrendTimeBar.prototype.destory = function () {\n    this.graph.off(_constant__WEBPACK_IMPORTED_MODULE_4__[\"VALUE_CHANGE\"]);\n    var group = this.group;\n    var minHandleShapeGroup = group.find(function (g) {\n      return g.get('name') === 'minHandlerShape';\n    });\n\n    if (minHandleShapeGroup) {\n      minHandleShapeGroup.off('minHandlerShape-handler:mousedown');\n      minHandleShapeGroup.off('minHandlerShape-handler:touchstart');\n      minHandleShapeGroup.destroy();\n    }\n\n    var maxHandleShapeGroup = group.find(function (g) {\n      return g.get('name') === 'maxHandlerShape';\n    }); // 2. 右滑块的滑动\n\n    if (maxHandleShapeGroup) {\n      maxHandleShapeGroup.off('maxHandlerShape-handler:mousedown');\n      maxHandleShapeGroup.off('maxHandlerShape-handler:touchstart');\n      maxHandleShapeGroup.destroy();\n    } // 3. 前景选中区域\n\n\n    this.foregroundShape.off('mousedown');\n    this.foregroundShape.off('touchstart');\n    this.foregroundShape.destroy();\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_4__[\"PLAY_PAUSE_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_4__[\"NEXT_STEP_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_4__[\"PRE_STEP_BTN\"] + \":click\");\n    group.off(_constant__WEBPACK_IMPORTED_MODULE_4__[\"TIMEBAR_CONFIG_CHANGE\"]);\n    group.destroy();\n\n    if (this.trendComponent) {\n      this.trendComponent.destory();\n    }\n  };\n\n  return TrendTimeBar;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (TrendTimeBar);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/timeBar/trendTimeBar.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/toolBar/index.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/toolBar/index.js ***!
-  \**********************************************************************************/
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/toolBar/index.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/toolBar/index.js ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! insert-css */ \"./node_modules/_insert-css@2.0.0@insert-css/index.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(insert_css__WEBPACK_IMPORTED_MODULE_3__);\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n\n\n\nvar DELTA = 0.05;\ninsert_css__WEBPACK_IMPORTED_MODULE_3___default()(\"\\n  .g6-component-toolbar {\\n    position: absolute;\\n    list-style-type: none;\\n    padding: 6px;\\n    left: 0px;\\n    top: 0px;\\n    background-color: rgba(255, 255, 255, 0.9);\\n    border: 1px solid #e2e2e2;\\n    border-radius: 4px;\\n    font-size: 12px;\\n    color: #545454;\\n    margin: 0;\\n  }\\n  .g6-component-toolbar li {\\n    float: left;\\n    text-align: center;\\n    width: 35px;\\n    height: 24px;\\n    cursor: pointer;\\n\\t\\tlist-style-type:none;\\n    list-style: none;\\n    margin-left: 0px;\\n  }\\n  .g6-component-toolbar li .icon {\\n    opacity: 0.7;\\n  }\\n  .g6-component-toolbar li .icon:hover {\\n    opacity: 1;\\n  }\\n\");\n\nvar getEventPath = function getEventPath(evt) {\n  if (!evt) {\n    return [];\n  }\n\n  if (evt.composedPath) {\n    return evt.composedPath();\n  }\n\n  var path = [];\n  var el = evt.target;\n\n  while (el) {\n    path.push(el);\n\n    if (el.tagName === 'HTML') {\n      path.push(document, window);\n      return path;\n    }\n\n    el = el.parentElement;\n  }\n\n  return path;\n};\n\nvar ToolBar =\n/** @class */\nfunction (_super) {\n  __extends(ToolBar, _super);\n\n  function ToolBar() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  ToolBar.prototype.getDefaultCfgs = function () {\n    return {\n      handleClick: undefined,\n      // 指定菜单内容，function(e) {...}\n      getContent: function getContent(graph) {\n        return \"\\n          <ul class='g6-component-toolbar'>\\n            <li code='redo'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\">\\n                <path d=\\\"M256 682.666667c0-102.741333 66.730667-213.333333 213.333333-213.333334 107.008 0 190.762667 56.576 230.570667 125.354667L611.968 682.666667H853.333333v-241.365334l-91.562666 91.562667C704.768 448.469333 601.130667 384 469.333333 384c-196.096 0-298.666667 150.229333-298.666666 298.666667h85.333333z\\\" fill=\\\"\\\" p-id=\\\"2041\\\"></path>\\n              </svg>\\n            </li>\\n            <li code='undo'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\">\\n                <path d=\\\"M170.666667 682.666667h241.365333l-87.936-87.978667C363.904 525.909333 447.658667 469.333333 554.666667 469.333333c146.602667 0 213.333333 110.592 213.333333 213.333334h85.333333c0-148.437333-102.570667-298.666667-298.666666-298.666667-131.797333 0-235.392 64.469333-292.48 148.821333L170.666667 441.301333V682.666667z\\\" fill=\\\"\\\" p-id=\\\"2764\\\"></path>\\n              </svg>\\n            </li>\\n            <li  code='zoomOut'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\">\\n                <path d=\\\"M658.432 428.736a33.216 33.216 0 0 1-33.152 33.152H525.824v99.456a33.216 33.216 0 0 1-66.304 0V461.888H360.064a33.152 33.152 0 0 1 0-66.304H459.52V296.128a33.152 33.152 0 0 1 66.304 0V395.52H625.28c18.24 0 33.152 14.848 33.152 33.152z m299.776 521.792a43.328 43.328 0 0 1-60.864-6.912l-189.248-220.992a362.368 362.368 0 0 1-215.36 70.848 364.8 364.8 0 1 1 364.8-364.736 363.072 363.072 0 0 1-86.912 235.968l192.384 224.64a43.392 43.392 0 0 1-4.8 61.184z m-465.536-223.36a298.816 298.816 0 0 0 298.432-298.432 298.816 298.816 0 0 0-298.432-298.432A298.816 298.816 0 0 0 194.24 428.8a298.816 298.816 0 0 0 298.432 298.432z\\\"></path>\\n              </svg>\\n            </li>\\n            <li code='zoomIn'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\">\\n                <path d=\\\"M639.936 416a32 32 0 0 1-32 32h-256a32 32 0 0 1 0-64h256a32 32 0 0 1 32 32z m289.28 503.552a41.792 41.792 0 0 1-58.752-6.656l-182.656-213.248A349.76 349.76 0 0 1 480 768 352 352 0 1 1 832 416a350.4 350.4 0 0 1-83.84 227.712l185.664 216.768a41.856 41.856 0 0 1-4.608 59.072zM479.936 704c158.784 0 288-129.216 288-288S638.72 128 479.936 128a288.32 288.32 0 0 0-288 288c0 158.784 129.216 288 288 288z\\\" p-id=\\\"3853\\\"></path>\\n              </svg>\\n            </li>\\n            <li code='realZoom'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"20\\\" height=\\\"24\\\">\\n                <path d=\\\"M384 320v384H320V320h64z m256 0v384H576V320h64zM512 576v64H448V576h64z m0-192v64H448V384h64z m355.968 576H92.032A28.16 28.16 0 0 1 64 931.968V28.032C64 12.608 76.608 0 95.168 0h610.368L896 192v739.968a28.16 28.16 0 0 1-28.032 28.032zM704 64v128h128l-128-128z m128 192h-190.464V64H128v832h704V256z\\\"></path>\\n              </svg>\\n            </li>\\n            <li code='autoZoom'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"20\\\" height=\\\"24\\\">\\n                <path d=\\\"M684.288 305.28l0.128-0.64-0.128-0.64V99.712c0-19.84 15.552-35.904 34.496-35.712a35.072 35.072 0 0 1 34.56 35.776v171.008h170.944c19.648 0 35.84 15.488 35.712 34.432a35.072 35.072 0 0 1-35.84 34.496h-204.16l-0.64-0.128a32.768 32.768 0 0 1-20.864-7.552c-1.344-1.024-2.816-1.664-3.968-2.816-0.384-0.32-0.512-0.768-0.832-1.088a33.472 33.472 0 0 1-9.408-22.848zM305.28 64a35.072 35.072 0 0 0-34.56 35.776v171.008H99.776A35.072 35.072 0 0 0 64 305.216c0 18.944 15.872 34.496 35.84 34.496h204.16l0.64-0.128a32.896 32.896 0 0 0 20.864-7.552c1.344-1.024 2.816-1.664 3.904-2.816 0.384-0.32 0.512-0.768 0.768-1.088a33.024 33.024 0 0 0 9.536-22.848l-0.128-0.64 0.128-0.704V99.712A35.008 35.008 0 0 0 305.216 64z m618.944 620.288h-204.16l-0.64 0.128-0.512-0.128c-7.808 0-14.72 3.2-20.48 7.68-1.28 1.024-2.752 1.664-3.84 2.752-0.384 0.32-0.512 0.768-0.832 1.088a33.664 33.664 0 0 0-9.408 22.912l0.128 0.64-0.128 0.704v204.288c0 19.712 15.552 35.904 34.496 35.712a35.072 35.072 0 0 0 34.56-35.776V753.28h170.944c19.648 0 35.84-15.488 35.712-34.432a35.072 35.072 0 0 0-35.84-34.496z m-593.92 11.52c-0.256-0.32-0.384-0.768-0.768-1.088-1.088-1.088-2.56-1.728-3.84-2.688a33.088 33.088 0 0 0-20.48-7.68l-0.512 0.064-0.64-0.128H99.84a35.072 35.072 0 0 0-35.84 34.496 35.072 35.072 0 0 0 35.712 34.432H270.72v171.008c0 19.84 15.552 35.84 34.56 35.776a35.008 35.008 0 0 0 34.432-35.712V720l-0.128-0.64 0.128-0.704a33.344 33.344 0 0 0-9.472-22.848zM512 374.144a137.92 137.92 0 1 0 0.128 275.84A137.92 137.92 0 0 0 512 374.08z\\\"></path>\\n              </svg>\\n            </li>\\n          </ul>\\n        \";\n      },\n      zoomSensitivity: 2\n    };\n  };\n\n  ToolBar.prototype.init = function () {\n    var _this = this;\n\n    var graph = this.get('graph');\n    var getContent = this.get('getContent');\n    var toolBar = getContent(graph);\n    var toolBarDOM = toolBar;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(toolBar)) {\n      toolBarDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(toolBar);\n    }\n\n    var className = this.get('className');\n    toolBarDOM.setAttribute('class', className || 'g6-component-toolbar');\n    var container = this.get('container');\n\n    if (!container) {\n      container = this.get('graph').get('container');\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n      container = document.getElementById(container);\n    }\n\n    container.appendChild(toolBarDOM);\n    this.set('toolBar', toolBarDOM);\n    var handleClick = this.get('handleClick');\n    toolBarDOM.addEventListener('click', function (evt) {\n      var current = getEventPath(evt).filter(function (p) {\n        return p.nodeName === 'LI';\n      });\n\n      if (current.length === 0) {\n        return;\n      }\n\n      var code = current[0].getAttribute('code');\n\n      if (!code) {\n        return;\n      }\n\n      if (handleClick) {\n        handleClick(code, graph);\n      } else {\n        _this.handleDefaultOperator(code, graph);\n      }\n    });\n    var pos = this.get('position');\n\n    if (pos) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(toolBarDOM, {\n        top: pos.y + \"px\",\n        left: pos.x + \"px\"\n      });\n    }\n\n    this.bindUndoRedo();\n  };\n\n  ToolBar.prototype.bindUndoRedo = function () {\n    var graph = this.get('graph');\n    var undoDom = document.querySelector('.g6-component-toolbar li[code=\"undo\"]');\n    var undoDomIcon = document.querySelector('.g6-component-toolbar li[code=\"undo\"] svg');\n    var redoDom = document.querySelector('.g6-component-toolbar li[code=\"redo\"]');\n    var redoDomIcon = document.querySelector('.g6-component-toolbar li[code=\"redo\"] svg');\n\n    if (!undoDom || !undoDomIcon || !redoDom || !redoDomIcon) {\n      return;\n    }\n\n    graph.on('stackchange', function (evt) {\n      var undoStack = evt.undoStack,\n          redoStack = evt.redoStack;\n      var undoStackLen = undoStack.length;\n      var redoStackLen = redoStack.length; // undo 不可用\n\n      if (undoStackLen === 1) {\n        undoDom.setAttribute('style', 'cursor: not-allowed');\n        undoDomIcon.setAttribute('style', 'opacity: 0.4');\n      } else {\n        undoDom.removeAttribute('style');\n        undoDomIcon.removeAttribute('style');\n      } // redo 不可用\n\n\n      if (redoStackLen === 0) {\n        redoDom.setAttribute('style', 'cursor: not-allowed');\n        redoDomIcon.setAttribute('style', 'opacity: 0.4');\n      } else {\n        redoDom.removeAttribute('style');\n        redoDomIcon.removeAttribute('style');\n      }\n    });\n  };\n  /**\n   * undo 操作\n   */\n\n\n  ToolBar.prototype.undo = function () {\n    var graph = this.get('graph');\n    var undoStack = graph.getUndoStack();\n\n    if (!undoStack || undoStack.length === 1) {\n      return;\n    }\n\n    var currentData = undoStack.pop();\n\n    if (currentData) {\n      var action = currentData.action;\n      graph.pushStack(action, Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(currentData.data), 'redo');\n      var data_1 = currentData.data.before;\n\n      if (action === 'add') {\n        data_1 = currentData.data.after;\n      }\n\n      if (!data_1) return;\n\n      switch (action) {\n        case 'visible':\n          {\n            Object.keys(data_1).forEach(function (key) {\n              var array = data_1[key];\n              if (!array) return;\n              array.forEach(function (model) {\n                var item = graph.findById(model.id);\n\n                if (model.visible) {\n                  graph.showItem(item, false);\n                } else {\n                  graph.hideItem(item, false);\n                }\n              });\n            });\n            break;\n          }\n\n        case 'render':\n        case 'update':\n          Object.keys(data_1).forEach(function (key) {\n            var array = data_1[key];\n            if (!array) return;\n            array.forEach(function (model) {\n              graph.updateItem(model.id, model, false);\n            });\n          });\n          break;\n\n        case 'changedata':\n          graph.changeData(data_1, false);\n          break;\n\n        case 'delete':\n          {\n            Object.keys(data_1).forEach(function (key) {\n              var array = data_1[key];\n              if (!array) return;\n              array.forEach(function (model) {\n                var itemType = model.itemType;\n                delete model.itemType;\n                graph.addItem(itemType, model, false);\n              });\n            });\n            break;\n          }\n\n        case 'add':\n          Object.keys(data_1).forEach(function (key) {\n            var array = data_1[key];\n            if (!array) return;\n            array.forEach(function (model) {\n              graph.removeItem(model.id, false);\n            });\n          });\n          break;\n\n        case 'updateComboTree':\n          Object.keys(data_1).forEach(function (key) {\n            var array = data_1[key];\n            if (!array) return;\n            array.forEach(function (model) {\n              graph.updateComboTree(model.id, model.parentId, false);\n            });\n          });\n          break;\n\n        default:\n      }\n    }\n  };\n  /**\n   * redo 操作\n   */\n\n\n  ToolBar.prototype.redo = function () {\n    var graph = this.get('graph');\n    var redoStack = graph.getRedoStack();\n\n    if (!redoStack || redoStack.length === 0) {\n      return;\n    }\n\n    var currentData = redoStack.pop();\n\n    if (currentData) {\n      var action = currentData.action;\n      var data_2 = currentData.data.after;\n      graph.pushStack(action, Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(currentData.data));\n\n      if (action === 'delete') {\n        data_2 = currentData.data.before;\n      }\n\n      if (!data_2) return;\n\n      switch (action) {\n        case 'visible':\n          {\n            Object.keys(data_2).forEach(function (key) {\n              var array = data_2[key];\n              if (!array) return;\n              array.forEach(function (model) {\n                var item = graph.findById(model.id);\n\n                if (model.visible) {\n                  graph.showItem(item, false);\n                } else {\n                  graph.hideItem(item, false);\n                }\n              });\n            });\n            break;\n          }\n\n        case 'render':\n        case 'update':\n          Object.keys(data_2).forEach(function (key) {\n            var array = data_2[key];\n            if (!array) return;\n            array.forEach(function (model) {\n              graph.updateItem(model.id, model, false);\n            });\n          });\n          break;\n\n        case 'changedata':\n          graph.changeData(data_2, false);\n          break;\n\n        case 'delete':\n          if (data_2.edges) {\n            data_2.edges.forEach(function (model) {\n              graph.removeItem(model.id, false);\n            });\n          }\n\n          if (data_2.nodes) {\n            data_2.nodes.forEach(function (model) {\n              graph.removeItem(model.id, false);\n            });\n          }\n\n          if (data_2.combos) {\n            data_2.combos.forEach(function (model) {\n              graph.removeItem(model.id, false);\n            });\n          }\n\n          break;\n\n        case 'add':\n          {\n            Object.keys(data_2).forEach(function (key) {\n              var array = data_2[key];\n              if (!array) return;\n              array.forEach(function (model) {\n                var itemType = model.itemType;\n                delete model.itemType;\n                graph.addItem(itemType, model, false);\n              });\n            });\n            break;\n          }\n\n        case 'updateComboTree':\n          Object.keys(data_2).forEach(function (key) {\n            var array = data_2[key];\n            if (!array) return;\n            array.forEach(function (model) {\n              graph.updateComboTree(model.id, model.parentId, false);\n            });\n          });\n          break;\n\n        default:\n      }\n    }\n  };\n  /**\n   * 根据 Toolbar 上不同类型对图进行操作\n   * @param code 操作类型编码\n   * @param graph Graph 实例\n   */\n\n\n  ToolBar.prototype.handleDefaultOperator = function (code, graph) {\n    var currentZoom = graph.getZoom();\n\n    switch (code) {\n      case 'redo':\n        this.redo();\n        break;\n\n      case 'undo':\n        this.undo();\n        break;\n\n      case 'zoomOut':\n        {\n          var ratioOut = 1 / (1 - DELTA * this.get('zoomSensitivity'));\n          var maxZoom = this.get('maxZoom') || graph.get('maxZoom');\n\n          if (ratioOut * currentZoom > maxZoom) {\n            return;\n          }\n\n          graph.zoomTo(currentZoom * ratioOut);\n          break;\n        }\n\n      case 'zoomIn':\n        {\n          var ratioIn = 1 - DELTA * this.get('zoomSensitivity');\n          var minZoom = this.get('minZoom') || graph.get('minZoom');\n\n          if (ratioIn * currentZoom < minZoom) {\n            return;\n          }\n\n          graph.zoomTo(currentZoom * ratioIn);\n          break;\n        }\n\n      case 'realZoom':\n        graph.zoomTo(1);\n        break;\n\n      case 'autoZoom':\n        graph.fitView([20, 20]);\n        break;\n\n      default:\n    }\n  };\n\n  ToolBar.prototype.destroy = function () {\n    var toolBar = this.get('toolBar');\n\n    if (toolBar) {\n      var container = this.get('container');\n\n      if (!container) {\n        container = this.get('graph').get('container');\n      }\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n        container = document.getElementById(container);\n      }\n\n      container.removeChild(toolBar);\n    }\n\n    var handleClick = this.get('handleClick');\n\n    if (handleClick) {\n      toolBar.removeEventListener('click', handleClick);\n    }\n  };\n\n  return ToolBar;\n}(_base__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ToolBar);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/toolBar/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! insert-css */ \"./node_modules/_insert-css@2.0.0@insert-css/index.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(insert_css__WEBPACK_IMPORTED_MODULE_3__);\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n\n\n\nvar DELTA = 0.05;\ninsert_css__WEBPACK_IMPORTED_MODULE_3___default()(\"\\n  .g6-component-toolbar {\\n    position: absolute;\\n    list-style-type: none;\\n    padding: 6px;\\n    left: 0px;\\n    top: 0px;\\n    background-color: rgba(255, 255, 255, 0.9);\\n    border: 1px solid #e2e2e2;\\n    border-radius: 4px;\\n    font-size: 12px;\\n    color: #545454;\\n    margin: 0;\\n  }\\n  .g6-component-toolbar li {\\n    float: left;\\n    text-align: center;\\n    width: 35px;\\n    height: 24px;\\n    cursor: pointer;\\n\\t\\tlist-style-type:none;\\n    list-style: none;\\n    margin-left: 0px;\\n  }\\n  .g6-component-toolbar li .icon {\\n    opacity: 0.7;\\n  }\\n  .g6-component-toolbar li .icon:hover {\\n    opacity: 1;\\n  }\\n\");\n\nvar getEventPath = function getEventPath(evt) {\n  if (!evt) {\n    return [];\n  }\n\n  if (evt.composedPath) {\n    return evt.composedPath();\n  }\n\n  var path = [];\n  var el = evt.target;\n\n  while (el) {\n    path.push(el);\n\n    if (el.tagName === 'HTML') {\n      path.push(document, window);\n      return path;\n    }\n\n    el = el.parentElement;\n  }\n\n  return path;\n};\n\nvar ToolBar =\n/** @class */\nfunction (_super) {\n  __extends(ToolBar, _super);\n\n  function ToolBar() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  ToolBar.prototype.getDefaultCfgs = function () {\n    return {\n      handleClick: undefined,\n      // 指定菜单内容，function(e) {...}\n      getContent: function getContent(graph) {\n        return \"\\n          <ul class='g6-component-toolbar'>\\n            <li code='redo'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\">\\n                <path d=\\\"M256 682.666667c0-102.741333 66.730667-213.333333 213.333333-213.333334 107.008 0 190.762667 56.576 230.570667 125.354667L611.968 682.666667H853.333333v-241.365334l-91.562666 91.562667C704.768 448.469333 601.130667 384 469.333333 384c-196.096 0-298.666667 150.229333-298.666666 298.666667h85.333333z\\\" fill=\\\"\\\" p-id=\\\"2041\\\"></path>\\n              </svg>\\n            </li>\\n            <li code='undo'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\">\\n                <path d=\\\"M170.666667 682.666667h241.365333l-87.936-87.978667C363.904 525.909333 447.658667 469.333333 554.666667 469.333333c146.602667 0 213.333333 110.592 213.333333 213.333334h85.333333c0-148.437333-102.570667-298.666667-298.666666-298.666667-131.797333 0-235.392 64.469333-292.48 148.821333L170.666667 441.301333V682.666667z\\\" fill=\\\"\\\" p-id=\\\"2764\\\"></path>\\n              </svg>\\n            </li>\\n            <li  code='zoomOut'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\">\\n                <path d=\\\"M658.432 428.736a33.216 33.216 0 0 1-33.152 33.152H525.824v99.456a33.216 33.216 0 0 1-66.304 0V461.888H360.064a33.152 33.152 0 0 1 0-66.304H459.52V296.128a33.152 33.152 0 0 1 66.304 0V395.52H625.28c18.24 0 33.152 14.848 33.152 33.152z m299.776 521.792a43.328 43.328 0 0 1-60.864-6.912l-189.248-220.992a362.368 362.368 0 0 1-215.36 70.848 364.8 364.8 0 1 1 364.8-364.736 363.072 363.072 0 0 1-86.912 235.968l192.384 224.64a43.392 43.392 0 0 1-4.8 61.184z m-465.536-223.36a298.816 298.816 0 0 0 298.432-298.432 298.816 298.816 0 0 0-298.432-298.432A298.816 298.816 0 0 0 194.24 428.8a298.816 298.816 0 0 0 298.432 298.432z\\\"></path>\\n              </svg>\\n            </li>\\n            <li code='zoomIn'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\">\\n                <path d=\\\"M639.936 416a32 32 0 0 1-32 32h-256a32 32 0 0 1 0-64h256a32 32 0 0 1 32 32z m289.28 503.552a41.792 41.792 0 0 1-58.752-6.656l-182.656-213.248A349.76 349.76 0 0 1 480 768 352 352 0 1 1 832 416a350.4 350.4 0 0 1-83.84 227.712l185.664 216.768a41.856 41.856 0 0 1-4.608 59.072zM479.936 704c158.784 0 288-129.216 288-288S638.72 128 479.936 128a288.32 288.32 0 0 0-288 288c0 158.784 129.216 288 288 288z\\\" p-id=\\\"3853\\\"></path>\\n              </svg>\\n            </li>\\n            <li code='realZoom'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"20\\\" height=\\\"24\\\">\\n                <path d=\\\"M384 320v384H320V320h64z m256 0v384H576V320h64zM512 576v64H448V576h64z m0-192v64H448V384h64z m355.968 576H92.032A28.16 28.16 0 0 1 64 931.968V28.032C64 12.608 76.608 0 95.168 0h610.368L896 192v739.968a28.16 28.16 0 0 1-28.032 28.032zM704 64v128h128l-128-128z m128 192h-190.464V64H128v832h704V256z\\\"></path>\\n              </svg>\\n            </li>\\n            <li code='autoZoom'>\\n              <svg class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"20\\\" height=\\\"24\\\">\\n                <path d=\\\"M684.288 305.28l0.128-0.64-0.128-0.64V99.712c0-19.84 15.552-35.904 34.496-35.712a35.072 35.072 0 0 1 34.56 35.776v171.008h170.944c19.648 0 35.84 15.488 35.712 34.432a35.072 35.072 0 0 1-35.84 34.496h-204.16l-0.64-0.128a32.768 32.768 0 0 1-20.864-7.552c-1.344-1.024-2.816-1.664-3.968-2.816-0.384-0.32-0.512-0.768-0.832-1.088a33.472 33.472 0 0 1-9.408-22.848zM305.28 64a35.072 35.072 0 0 0-34.56 35.776v171.008H99.776A35.072 35.072 0 0 0 64 305.216c0 18.944 15.872 34.496 35.84 34.496h204.16l0.64-0.128a32.896 32.896 0 0 0 20.864-7.552c1.344-1.024 2.816-1.664 3.904-2.816 0.384-0.32 0.512-0.768 0.768-1.088a33.024 33.024 0 0 0 9.536-22.848l-0.128-0.64 0.128-0.704V99.712A35.008 35.008 0 0 0 305.216 64z m618.944 620.288h-204.16l-0.64 0.128-0.512-0.128c-7.808 0-14.72 3.2-20.48 7.68-1.28 1.024-2.752 1.664-3.84 2.752-0.384 0.32-0.512 0.768-0.832 1.088a33.664 33.664 0 0 0-9.408 22.912l0.128 0.64-0.128 0.704v204.288c0 19.712 15.552 35.904 34.496 35.712a35.072 35.072 0 0 0 34.56-35.776V753.28h170.944c19.648 0 35.84-15.488 35.712-34.432a35.072 35.072 0 0 0-35.84-34.496z m-593.92 11.52c-0.256-0.32-0.384-0.768-0.768-1.088-1.088-1.088-2.56-1.728-3.84-2.688a33.088 33.088 0 0 0-20.48-7.68l-0.512 0.064-0.64-0.128H99.84a35.072 35.072 0 0 0-35.84 34.496 35.072 35.072 0 0 0 35.712 34.432H270.72v171.008c0 19.84 15.552 35.84 34.56 35.776a35.008 35.008 0 0 0 34.432-35.712V720l-0.128-0.64 0.128-0.704a33.344 33.344 0 0 0-9.472-22.848zM512 374.144a137.92 137.92 0 1 0 0.128 275.84A137.92 137.92 0 0 0 512 374.08z\\\"></path>\\n              </svg>\\n            </li>\\n          </ul>\\n        \";\n      },\n      zoomSensitivity: 2\n    };\n  };\n\n  ToolBar.prototype.init = function () {\n    var _this = this;\n\n    var graph = this.get('graph');\n    var getContent = this.get('getContent');\n    var toolBar = getContent(graph);\n    var toolBarDOM = toolBar;\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(toolBar)) {\n      toolBarDOM = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(toolBar);\n    }\n\n    var className = this.get('className');\n    toolBarDOM.setAttribute('class', className || 'g6-component-toolbar');\n    var container = this.get('container');\n\n    if (!container) {\n      container = this.get('graph').get('container');\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n      container = document.getElementById(container);\n    }\n\n    container.appendChild(toolBarDOM);\n    this.set('toolBar', toolBarDOM);\n    var handleClick = this.get('handleClick');\n    toolBarDOM.addEventListener('click', function (evt) {\n      var current = getEventPath(evt).filter(function (p) {\n        return p.nodeName === 'LI';\n      });\n\n      if (current.length === 0) {\n        return;\n      }\n\n      var code = current[0].getAttribute('code');\n\n      if (!code) {\n        return;\n      }\n\n      if (handleClick) {\n        handleClick(code, graph);\n      } else {\n        _this.handleDefaultOperator(code, graph);\n      }\n    });\n    var pos = this.get('position');\n\n    if (pos) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(toolBarDOM, {\n        top: pos.y + \"px\",\n        left: pos.x + \"px\"\n      });\n    }\n\n    this.bindUndoRedo();\n  };\n\n  ToolBar.prototype.bindUndoRedo = function () {\n    var graph = this.get('graph');\n    var undoDom = document.querySelector('.g6-component-toolbar li[code=\"undo\"]');\n    var undoDomIcon = document.querySelector('.g6-component-toolbar li[code=\"undo\"] svg');\n    var redoDom = document.querySelector('.g6-component-toolbar li[code=\"redo\"]');\n    var redoDomIcon = document.querySelector('.g6-component-toolbar li[code=\"redo\"] svg');\n\n    if (!undoDom || !undoDomIcon || !redoDom || !redoDomIcon) {\n      return;\n    }\n\n    graph.on('stackchange', function (evt) {\n      var undoStack = evt.undoStack,\n          redoStack = evt.redoStack;\n      var undoStackLen = undoStack.length;\n      var redoStackLen = redoStack.length; // undo 不可用\n\n      if (undoStackLen === 1) {\n        undoDom.setAttribute('style', 'cursor: not-allowed');\n        undoDomIcon.setAttribute('style', 'opacity: 0.4');\n      } else {\n        undoDom.removeAttribute('style');\n        undoDomIcon.removeAttribute('style');\n      } // redo 不可用\n\n\n      if (redoStackLen === 0) {\n        redoDom.setAttribute('style', 'cursor: not-allowed');\n        redoDomIcon.setAttribute('style', 'opacity: 0.4');\n      } else {\n        redoDom.removeAttribute('style');\n        redoDomIcon.removeAttribute('style');\n      }\n    });\n  };\n  /**\n   * undo 操作\n   */\n\n\n  ToolBar.prototype.undo = function () {\n    var graph = this.get('graph');\n    var undoStack = graph.getUndoStack();\n\n    if (!undoStack || undoStack.length === 1) {\n      return;\n    }\n\n    var currentData = undoStack.pop();\n\n    if (currentData) {\n      var action = currentData.action;\n      graph.pushStack(action, Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(currentData.data), 'redo');\n      var data_1 = currentData.data.before;\n\n      if (action === 'add') {\n        data_1 = currentData.data.after;\n      }\n\n      if (!data_1) return;\n\n      switch (action) {\n        case 'visible':\n          {\n            Object.keys(data_1).forEach(function (key) {\n              var array = data_1[key];\n              if (!array) return;\n              array.forEach(function (model) {\n                var item = graph.findById(model.id);\n\n                if (model.visible) {\n                  graph.showItem(item, false);\n                } else {\n                  graph.hideItem(item, false);\n                }\n              });\n            });\n            break;\n          }\n\n        case 'render':\n        case 'update':\n          Object.keys(data_1).forEach(function (key) {\n            var array = data_1[key];\n            if (!array) return;\n            array.forEach(function (model) {\n              graph.updateItem(model.id, model, false);\n            });\n          });\n          break;\n\n        case 'changedata':\n          graph.changeData(data_1, false);\n          break;\n\n        case 'delete':\n          {\n            Object.keys(data_1).forEach(function (key) {\n              var array = data_1[key];\n              if (!array) return;\n              array.forEach(function (model) {\n                var itemType = model.itemType;\n                delete model.itemType;\n                graph.addItem(itemType, model, false);\n              });\n            });\n            break;\n          }\n\n        case 'add':\n          Object.keys(data_1).forEach(function (key) {\n            var array = data_1[key];\n            if (!array) return;\n            array.forEach(function (model) {\n              graph.removeItem(model.id, false);\n            });\n          });\n          break;\n\n        case 'updateComboTree':\n          Object.keys(data_1).forEach(function (key) {\n            var array = data_1[key];\n            if (!array) return;\n            array.forEach(function (model) {\n              graph.updateComboTree(model.id, model.parentId, false);\n            });\n          });\n          break;\n\n        default:\n      }\n    }\n  };\n  /**\n   * redo 操作\n   */\n\n\n  ToolBar.prototype.redo = function () {\n    var graph = this.get('graph');\n    var redoStack = graph.getRedoStack();\n\n    if (!redoStack || redoStack.length === 0) {\n      return;\n    }\n\n    var currentData = redoStack.pop();\n\n    if (currentData) {\n      var action = currentData.action;\n      var data_2 = currentData.data.after;\n      graph.pushStack(action, Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"clone\"])(currentData.data));\n\n      if (action === 'delete') {\n        data_2 = currentData.data.before;\n      }\n\n      if (!data_2) return;\n\n      switch (action) {\n        case 'visible':\n          {\n            Object.keys(data_2).forEach(function (key) {\n              var array = data_2[key];\n              if (!array) return;\n              array.forEach(function (model) {\n                var item = graph.findById(model.id);\n\n                if (model.visible) {\n                  graph.showItem(item, false);\n                } else {\n                  graph.hideItem(item, false);\n                }\n              });\n            });\n            break;\n          }\n\n        case 'render':\n        case 'update':\n          Object.keys(data_2).forEach(function (key) {\n            var array = data_2[key];\n            if (!array) return;\n            array.forEach(function (model) {\n              graph.updateItem(model.id, model, false);\n            });\n          });\n          break;\n\n        case 'changedata':\n          graph.changeData(data_2, false);\n          break;\n\n        case 'delete':\n          if (data_2.edges) {\n            data_2.edges.forEach(function (model) {\n              graph.removeItem(model.id, false);\n            });\n          }\n\n          if (data_2.nodes) {\n            data_2.nodes.forEach(function (model) {\n              graph.removeItem(model.id, false);\n            });\n          }\n\n          if (data_2.combos) {\n            data_2.combos.forEach(function (model) {\n              graph.removeItem(model.id, false);\n            });\n          }\n\n          break;\n\n        case 'add':\n          {\n            Object.keys(data_2).forEach(function (key) {\n              var array = data_2[key];\n              if (!array) return;\n              array.forEach(function (model) {\n                var itemType = model.itemType;\n                delete model.itemType;\n                graph.addItem(itemType, model, false);\n              });\n            });\n            break;\n          }\n\n        case 'updateComboTree':\n          Object.keys(data_2).forEach(function (key) {\n            var array = data_2[key];\n            if (!array) return;\n            array.forEach(function (model) {\n              graph.updateComboTree(model.id, model.parentId, false);\n            });\n          });\n          break;\n\n        default:\n      }\n    }\n  };\n  /**\n   * 根据 Toolbar 上不同类型对图进行操作\n   * @param code 操作类型编码\n   * @param graph Graph 实例\n   */\n\n\n  ToolBar.prototype.handleDefaultOperator = function (code, graph) {\n    var currentZoom = graph.getZoom();\n\n    switch (code) {\n      case 'redo':\n        this.redo();\n        break;\n\n      case 'undo':\n        this.undo();\n        break;\n\n      case 'zoomOut':\n        {\n          var ratioOut = 1 / (1 - DELTA * this.get('zoomSensitivity'));\n          var maxZoom = this.get('maxZoom') || graph.get('maxZoom');\n\n          if (ratioOut * currentZoom > maxZoom) {\n            return;\n          }\n\n          graph.zoomTo(currentZoom * ratioOut);\n          break;\n        }\n\n      case 'zoomIn':\n        {\n          var ratioIn = 1 - DELTA * this.get('zoomSensitivity');\n          var minZoom = this.get('minZoom') || graph.get('minZoom');\n\n          if (ratioIn * currentZoom < minZoom) {\n            return;\n          }\n\n          graph.zoomTo(currentZoom * ratioIn);\n          break;\n        }\n\n      case 'realZoom':\n        graph.zoomTo(1);\n        break;\n\n      case 'autoZoom':\n        graph.fitView([20, 20]);\n        break;\n\n      default:\n    }\n  };\n\n  ToolBar.prototype.destroy = function () {\n    var toolBar = this.get('toolBar');\n\n    if (toolBar) {\n      var container = this.get('container');\n\n      if (!container) {\n        container = this.get('graph').get('container');\n      }\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n        container = document.getElementById(container);\n      }\n\n      container.removeChild(toolBar);\n    }\n\n    var handleClick = this.get('handleClick');\n\n    if (handleClick) {\n      toolBar.removeEventListener('click', handleClick);\n    }\n  };\n\n  return ToolBar;\n}(_base__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ToolBar);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/toolBar/index.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/tooltip/index.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/tooltip/index.js ***!
-  \**********************************************************************************/
+/***/ "./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/tooltip/index.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/tooltip/index.js ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! insert-css */ \"./node_modules/_insert-css@2.0.0@insert-css/index.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(insert_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n\n\n\ninsert_css__WEBPACK_IMPORTED_MODULE_2___default()(\"\\n  .g6-component-tooltip {\\n    border: 1px solid #e2e2e2;\\n    border-radius: 4px;\\n    font-size: 12px;\\n    color: #545454;\\n    background-color: rgba(255, 255, 255, 0.9);\\n    padding: 10px 8px;\\n    box-shadow: rgb(174, 174, 174) 0px 0px 10px;\\n  }\\n  .tooltip-type {\\n    padding: 0;\\n    margin: 0;\\n  }\\n  .tooltip-id {\\n    color: #531dab;\\n  }\\n\");\n\nvar Tooltip =\n/** @class */\nfunction (_super) {\n  __extends(Tooltip, _super);\n\n  function Tooltip() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Tooltip.prototype.getDefaultCfgs = function () {\n    return {\n      offsetX: 6,\n      offsetY: 6,\n      // 指定菜单内容，function(e) {...}\n      getContent: function getContent(e) {\n        return \"\\n          <h4 class='tooltip-type'>\\u7C7B\\u578B\\uFF1A\" + e.item.getType() + \"</h4>\\n          <span class='tooltip-id'>ID\\uFF1A\" + e.item.getID() + \"</span>\\n        \";\n      },\n      shouldBegin: function shouldBegin(e) {\n        return true;\n      },\n      itemTypes: ['node', 'edge', 'combo']\n    };\n  }; // class-methods-use-this\n\n\n  Tooltip.prototype.getEvents = function () {\n    return {\n      'node:mouseenter': 'onMouseEnter',\n      'node:mouseleave': 'onMouseLeave',\n      'node:mousemove': 'onMouseMove',\n      'edge:mouseenter': 'onMouseEnter',\n      'edge:mouseleave': 'onMouseLeave',\n      'edge:mousemove': 'onMouseMove',\n      'combo:mouseenter': 'onMouseEnter',\n      'combo:mouseleave': 'onMouseLeave',\n      'combo:mousemove': 'onMouseMove',\n      afterremoveitem: 'onMouseLeave',\n      contextmenu: 'onMouseLeave',\n      'node:drag': 'onMouseLeave'\n    };\n  };\n\n  Tooltip.prototype.init = function () {\n    var className = this.get('className') || 'g6-component-tooltip';\n    var tooltip = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(\"<div class=\" + className + \"></div>\");\n    var container = this.get('container');\n\n    if (!container) {\n      container = this.get('graph').get('container');\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n      container = document.getElementById(container);\n    }\n\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(tooltip, {\n      position: 'absolute',\n      visibility: 'hidden',\n      display: 'none'\n    });\n    container.appendChild(tooltip);\n    this.set('tooltip', tooltip);\n  };\n\n  Tooltip.prototype.onMouseEnter = function (e) {\n    var itemTypes = this.get('itemTypes');\n    if (e.item && e.item.getType && itemTypes.indexOf(e.item.getType()) === -1) return;\n    var item = e.item;\n    var graph = this.get('graph');\n    this.currentTarget = item;\n    this.showTooltip(e);\n    graph.emit('tooltipchange', {\n      item: e.item,\n      action: 'show'\n    });\n  };\n\n  Tooltip.prototype.onMouseMove = function (e) {\n    var itemTypes = this.get('itemTypes');\n    if (e.item && e.item.getType && itemTypes.indexOf(e.item.getType()) === -1) return;\n\n    if (!this.currentTarget || e.item !== this.currentTarget) {\n      return;\n    }\n\n    this.showTooltip(e);\n  };\n\n  Tooltip.prototype.onMouseLeave = function () {\n    this.hideTooltip();\n    var graph = this.get('graph');\n    graph.emit('tooltipchange', {\n      item: this.currentTarget,\n      action: 'hide'\n    });\n    this.currentTarget = null;\n  };\n\n  Tooltip.prototype.showTooltip = function (e) {\n    if (!e.item) {\n      return;\n    }\n\n    var itemTypes = this.get('itemTypes');\n    if (e.item.getType && itemTypes.indexOf(e.item.getType()) === -1) return;\n    var container = this.get('tooltip');\n    var getContent = this.get('getContent');\n    var tooltip = getContent(e);\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(tooltip)) {\n      container.innerHTML = tooltip;\n    } else {\n      container.innerHTML = tooltip.outerHTML;\n    }\n\n    this.updatePosition(e);\n  };\n\n  Tooltip.prototype.hideTooltip = function () {\n    var tooltip = this.get('tooltip');\n\n    if (tooltip) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(tooltip, {\n        visibility: 'hidden',\n        display: 'none'\n      });\n    }\n  };\n\n  Tooltip.prototype.updatePosition = function (e) {\n    var shouldBegin = this.get('shouldBegin');\n    var tooltip = this.get('tooltip');\n\n    if (!shouldBegin(e)) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(tooltip, {\n        visibility: 'hidden',\n        display: 'none'\n      });\n      return;\n    }\n\n    var graph = this.get('graph');\n    var width = graph.get('width');\n    var height = graph.get('height');\n    var offsetX = this.get('offsetX') || 0;\n    var offsetY = this.get('offsetY') || 0; // const mousePos = graph.getPointByClient(e.clientX, e.clientY);\n\n    var point = graph.getPointByClient(e.clientX, e.clientY);\n\n    var _a = graph.getCanvasByPoint(point.x, point.y),\n        x = _a.x,\n        y = _a.y; // let x = mousePos.x + offsetX;\n    // let y = mousePos.y + offsetY;\n    // let x = e.x + offsetX;\n    // let y = e.y + offsetY;\n\n\n    x += offsetX;\n    y += offsetY;\n    var bbox = tooltip.getBoundingClientRect();\n\n    if (x + bbox.width > width) {\n      x = x - bbox.width - offsetX;\n    }\n\n    if (y + bbox.height > height) {\n      y = y - bbox.height - offsetY;\n    }\n\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(tooltip, {\n      left: x + \"px\",\n      top: y + \"px\",\n      visibility: 'visible',\n      display: 'unset'\n    });\n  };\n\n  Tooltip.prototype.hide = function () {\n    this.onMouseLeave();\n  };\n\n  Tooltip.prototype.destroy = function () {\n    var tooltip = this.get('tooltip');\n\n    if (tooltip) {\n      var container = this.get('container');\n\n      if (!container) {\n        container = this.get('graph').get('container');\n      }\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n        container = document.getElementById(container);\n      }\n\n      container.removeChild(tooltip);\n    }\n  };\n\n  return Tooltip;\n}(_base__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Tooltip);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.0.16@@antv/g6-plugin/es/tooltip/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _antv_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/dom-util */ \"./node_modules/_@antv_dom-util@2.0.3@@antv/dom-util/esm/index.js\");\n/* harmony import */ var _antv_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! insert-css */ \"./node_modules/_insert-css@2.0.0@insert-css/index.js\");\n/* harmony import */ var insert_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(insert_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../base */ \"./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/base.js\");\nvar __extends = undefined && undefined.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\n\n\n\n\ninsert_css__WEBPACK_IMPORTED_MODULE_2___default()(\"\\n  .g6-component-tooltip {\\n    border: 1px solid #e2e2e2;\\n    border-radius: 4px;\\n    font-size: 12px;\\n    color: #545454;\\n    background-color: rgba(255, 255, 255, 0.9);\\n    padding: 10px 8px;\\n    box-shadow: rgb(174, 174, 174) 0px 0px 10px;\\n  }\\n  .tooltip-type {\\n    padding: 0;\\n    margin: 0;\\n  }\\n  .tooltip-id {\\n    color: #531dab;\\n  }\\n\");\n\nvar Tooltip =\n/** @class */\nfunction (_super) {\n  __extends(Tooltip, _super);\n\n  function Tooltip() {\n    return _super !== null && _super.apply(this, arguments) || this;\n  }\n\n  Tooltip.prototype.getDefaultCfgs = function () {\n    return {\n      offsetX: 6,\n      offsetY: 6,\n      // 指定菜单内容，function(e) {...}\n      getContent: function getContent(e) {\n        return \"\\n          <h4 class='tooltip-type'>\\u7C7B\\u578B\\uFF1A\" + e.item.getType() + \"</h4>\\n          <span class='tooltip-id'>ID\\uFF1A\" + e.item.getID() + \"</span>\\n        \";\n      },\n      shouldBegin: function shouldBegin(e) {\n        return true;\n      },\n      itemTypes: ['node', 'edge', 'combo'],\n      trigger: 'mouseenter',\n      fixToNode: undefined\n    };\n  }; // class-methods-use-this\n\n\n  Tooltip.prototype.getEvents = function () {\n    if (this.get('trigger') === 'click') {\n      return {\n        'node:click': 'onClick',\n        'edge:click': 'onClick',\n        'combo:click': 'onClick',\n        'canvas:click': 'onMouseLeave',\n        afterremoveitem: 'onMouseLeave',\n        contextmenu: 'onMouseLeave',\n        'drag': 'onMouseLeave'\n      };\n    }\n\n    return {\n      'node:mouseenter': 'onMouseEnter',\n      'node:mouseleave': 'onMouseLeave',\n      'node:mousemove': 'onMouseMove',\n      'edge:mouseenter': 'onMouseEnter',\n      'edge:mouseleave': 'onMouseLeave',\n      'edge:mousemove': 'onMouseMove',\n      'combo:mouseenter': 'onMouseEnter',\n      'combo:mouseleave': 'onMouseLeave',\n      'combo:mousemove': 'onMouseMove',\n      afterremoveitem: 'onMouseLeave',\n      contextmenu: 'onMouseLeave',\n      'node:drag': 'onMouseLeave'\n    };\n  };\n\n  Tooltip.prototype.init = function () {\n    var className = this.get('className') || 'g6-component-tooltip';\n    var tooltip = Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"createDom\"])(\"<div class=\" + className + \"></div>\");\n    var container = this.get('container');\n\n    if (!container) {\n      container = this.get('graph').get('container');\n    }\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n      container = document.getElementById(container);\n    }\n\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(tooltip, {\n      position: 'absolute',\n      visibility: 'hidden',\n      display: 'none'\n    });\n    container.appendChild(tooltip);\n    this.set('tooltip', tooltip);\n  };\n\n  Tooltip.prototype.onClick = function (e) {\n    var itemTypes = this.get('itemTypes');\n    if (e.item && e.item.getType && itemTypes.indexOf(e.item.getType()) === -1) return;\n    var item = e.item;\n    var graph = this.get('graph'); // 若与上一次同一 item，隐藏该 tooltip\n\n    if (this.currentTarget === item) {\n      this.currentTarget = null;\n      this.hideTooltip();\n      graph.emit('tooltipchange', {\n        item: e.item,\n        action: 'hide'\n      });\n    } else {\n      this.currentTarget = item;\n      this.showTooltip(e);\n      graph.emit('tooltipchange', {\n        item: e.item,\n        action: 'show'\n      });\n    }\n  };\n\n  Tooltip.prototype.onMouseEnter = function (e) {\n    var itemTypes = this.get('itemTypes');\n    if (e.item && e.item.getType && itemTypes.indexOf(e.item.getType()) === -1) return;\n    var item = e.item;\n    var graph = this.get('graph');\n    this.currentTarget = item;\n    this.showTooltip(e);\n    graph.emit('tooltipchange', {\n      item: e.item,\n      action: 'show'\n    });\n  };\n\n  Tooltip.prototype.onMouseMove = function (e) {\n    var itemTypes = this.get('itemTypes');\n    if (e.item && e.item.getType && itemTypes.indexOf(e.item.getType()) === -1) return;\n\n    if (!this.currentTarget || e.item !== this.currentTarget) {\n      return;\n    }\n\n    this.showTooltip(e);\n  };\n\n  Tooltip.prototype.onMouseLeave = function () {\n    this.hideTooltip();\n    var graph = this.get('graph');\n    graph.emit('tooltipchange', {\n      item: this.currentTarget,\n      action: 'hide'\n    });\n    this.currentTarget = null;\n  };\n\n  Tooltip.prototype.showTooltip = function (e) {\n    if (!e.item) {\n      return;\n    }\n\n    var itemTypes = this.get('itemTypes');\n    if (e.item.getType && itemTypes.indexOf(e.item.getType()) === -1) return;\n    var container = this.get('tooltip');\n    var getContent = this.get('getContent');\n    var tooltip = getContent(e);\n\n    if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(tooltip)) {\n      container.innerHTML = tooltip;\n    } else {\n      container.innerHTML = tooltip.outerHTML;\n    }\n\n    this.updatePosition(e);\n  };\n\n  Tooltip.prototype.hideTooltip = function () {\n    var tooltip = this.get('tooltip');\n\n    if (tooltip) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(tooltip, {\n        visibility: 'hidden',\n        display: 'none'\n      });\n    }\n  };\n\n  Tooltip.prototype.updatePosition = function (e) {\n    var shouldBegin = this.get('shouldBegin');\n    var tooltip = this.get('tooltip');\n\n    if (!shouldBegin(e)) {\n      Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(tooltip, {\n        visibility: 'hidden',\n        display: 'none'\n      });\n      return;\n    }\n\n    var graph = this.get('graph');\n    var width = graph.get('width');\n    var height = graph.get('height');\n    var offsetX = this.get('offsetX') || 0;\n    var offsetY = this.get('offsetY') || 0; // const mousePos = graph.getPointByClient(e.clientX, e.clientY);\n\n    var point = graph.getPointByClient(e.clientX, e.clientY);\n    var fixToNode = this.get('fixToNode');\n    var item = e.item;\n\n    if (item.getType && item.getType() === 'node' && fixToNode && Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isArray\"])(fixToNode) && fixToNode.length >= 2) {\n      var itemBBox = item.getBBox();\n      point = {\n        x: itemBBox.minX + itemBBox.width * fixToNode[0],\n        y: itemBBox.minY + itemBBox.height * fixToNode[1]\n      };\n    }\n\n    var _a = graph.getCanvasByPoint(point.x, point.y),\n        x = _a.x,\n        y = _a.y;\n\n    var graphContainer = graph.getContainer();\n    var res = {\n      x: x + graphContainer.offsetLeft + offsetX,\n      y: y + graphContainer.offsetTop + offsetY\n    }; // 先修改为 visible 方可正确计算 bbox\n\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(tooltip, {\n      visibility: 'visible',\n      display: 'unset'\n    });\n    var bbox = tooltip.getBoundingClientRect();\n\n    if (x + bbox.width + offsetX > width) {\n      res.x -= bbox.width + offsetX;\n    }\n\n    if (y + bbox.height + offsetY > height) {\n      res.y -= bbox.height + offsetY;\n    }\n\n    Object(_antv_dom_util__WEBPACK_IMPORTED_MODULE_0__[\"modifyCSS\"])(tooltip, {\n      left: res.x + \"px\",\n      top: res.y + \"px\"\n    });\n  };\n\n  Tooltip.prototype.hide = function () {\n    this.onMouseLeave();\n  };\n\n  Tooltip.prototype.destroy = function () {\n    var tooltip = this.get('tooltip');\n\n    if (tooltip) {\n      var container = this.get('container');\n\n      if (!container) {\n        container = this.get('graph').get('container');\n      }\n\n      if (Object(_antv_util__WEBPACK_IMPORTED_MODULE_1__[\"isString\"])(container)) {\n        container = document.getElementById(container);\n      }\n\n      container.removeChild(tooltip);\n    }\n  };\n\n  return Tooltip;\n}(_base__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Tooltip);\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6-plugin@0.2.1@@antv/g6-plugin/es/tooltip/index.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_@antv_g6@4.1.16@@antv/g6/es/index.js":
-/*!************************************************************!*\
-  !*** ./node_modules/_@antv_g6@4.1.16@@antv/g6/es/index.js ***!
-  \************************************************************/
+/***/ "./node_modules/_@antv_g6@4.2.1@@antv/g6/es/index.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/_@antv_g6@4.2.1@@antv/g6/es/index.js ***!
+  \***********************************************************/
 /*! exports provided: G6GraphEvent, G6Event, Node, Edge, Combo, Hull, registerNode, registerCombo, AbstractGraph, registerEdge, registerBehavior, AbstractLayout, AbstractEvent, BaseGlobal, Graph, TreeGraph, Util, Layout, registerLayout, Global, Minimap, Grid, Bundling, Menu, Fisheye, Algorithm, ToolBar, Tooltip, TimeBar, ImageMinimap, EdgeFilterLens, Arrow, Marker, Shape, default, version */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"version\", function() { return version; });\n/* harmony import */ var _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-pc */ \"./node_modules/_@antv_g6-pc@0.1.3@@antv/g6-pc/es/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"G6GraphEvent\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6Event\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"G6Event\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Node\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Node\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Edge\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Edge\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Combo\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Combo\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Hull\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Hull\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerNode\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"registerNode\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerCombo\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"registerCombo\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractGraph\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"AbstractGraph\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerEdge\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"registerEdge\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerBehavior\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"registerBehavior\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractLayout\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"AbstractLayout\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractEvent\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"AbstractEvent\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"BaseGlobal\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"BaseGlobal\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Graph\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Graph\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TreeGraph\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"TreeGraph\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Util\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Util\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Layout\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Layout\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerLayout\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Global\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Global\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Minimap\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Minimap\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Grid\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Grid\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Bundling\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Bundling\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Menu\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Menu\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Fisheye\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Fisheye\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Algorithm\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Algorithm\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ToolBar\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"ToolBar\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tooltip\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Tooltip\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TimeBar\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"TimeBar\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ImageMinimap\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"ImageMinimap\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"EdgeFilterLens\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"EdgeFilterLens\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Arrow\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Arrow\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Marker\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Marker\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Shape\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Shape\"]; });\n\n\n_antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"default\"].version = '4.1.16';\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\nvar version = '4.1.16';\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6@4.1.16@@antv/g6/es/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"version\", function() { return version; });\n/* harmony import */ var _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antv/g6-pc */ \"./node_modules/_@antv_g6-pc@0.2.1@@antv/g6-pc/es/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6GraphEvent\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"G6GraphEvent\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"G6Event\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"G6Event\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Node\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Node\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Edge\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Edge\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Combo\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Combo\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Hull\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Hull\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerNode\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"registerNode\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerCombo\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"registerCombo\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractGraph\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"AbstractGraph\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerEdge\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"registerEdge\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerBehavior\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"registerBehavior\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractLayout\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"AbstractLayout\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AbstractEvent\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"AbstractEvent\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"BaseGlobal\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"BaseGlobal\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Graph\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Graph\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TreeGraph\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"TreeGraph\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Util\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Util\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Layout\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Layout\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"registerLayout\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"registerLayout\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Global\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Global\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Minimap\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Minimap\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Grid\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Grid\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Bundling\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Bundling\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Menu\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Menu\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Fisheye\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Fisheye\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Algorithm\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Algorithm\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ToolBar\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"ToolBar\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tooltip\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Tooltip\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TimeBar\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"TimeBar\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ImageMinimap\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"ImageMinimap\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"EdgeFilterLens\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"EdgeFilterLens\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Arrow\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Arrow\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Marker\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Marker\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Shape\", function() { return _antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"Shape\"]; });\n\n\n_antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"default\"].version = '4.2.1';\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_antv_g6_pc__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\nvar version = '4.2.1';\n\n//# sourceURL=webpack:///./node_modules/_@antv_g6@4.2.1@@antv/g6/es/index.js?");
 
 /***/ }),
 
@@ -6928,7 +6928,7 @@ eval("\n// https://github.com/gpuweb/gpuweb/blob/01b20b4ad93fabae1e8e0d7752515f6
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/web.dom-collections.for-each.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var power_workflow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! power-workflow */ \"./node_modules/_power-workflow@0.0.5@power-workflow/index.js\");\n/* harmony import */ var power_workflow__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(power_workflow__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nvar defaultSize = {\n  width: (document.body.clientWidth - 254) * 0.7,\n  height: 700\n};\nvar dagSize = {\n  default: {\n    width: function width(defaultWidthInc, radio) {\n      return (document.body.clientWidth - defaultWidthInc) * radio;\n    },\n    height: function height() {\n      return document.body.clientHeight;\n    }\n  },\n  fiexd: {\n    width: function width(defaultWidthInc, rightWidth) {\n      return document.body.clientWidth - defaultWidthInc - rightWidth;\n    },\n    height: function height() {\n      return document.body.clientHeight;\n    }\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'PowerWorkflow',\n  data: function data() {\n    return {\n      size: {\n        width: document.body.clientWidth - 254,\n        height: defaultSize.height\n      },\n      powerFlow: null,\n      selectNode: null,\n      zoom: 1\n    };\n  },\n  props: [\"onClickImportNode\", \"defaultWidthInc\", \"nodes\", \"edges\", \"rightFixed\", \"fullInc\", \"mode\", \"interceptSelectedNode\"],\n  mounted: function mounted() {\n    this.size.width = this.defaultWidthInc ? document.body.clientWidth - this.defaultWidthInc : document.body.clientWidth - 254;\n    this.initFlow();\n    window.addEventListener('resize', this.onFullScreenListener);\n  },\n  methods: {\n    /** 初始化图 */\n    initFlow: function initFlow() {\n      var _this = this;\n\n      // 整理节点数据\n      var _this$makeNodes = this.makeNodes(),\n          nodes = _this$makeNodes.nodes,\n          edges = _this$makeNodes.edges;\n\n      var powerFlow = new power_workflow__WEBPACK_IMPORTED_MODULE_3___default.a({\n        container: this.$refs.powerDag,\n        width: this.size.width,\n        height: this.size.height,\n        initNodes: nodes,\n        initEdges: edges,\n        layout: {\n          type: 'dagre',\n          rankdir: 'TB',\n          // 可选，默认为图的中心\n          nodesep: 10,\n          // 可选\n          ranksep: 40 // 可选\n\n        }\n      });\n      powerFlow.graph.setMode('edit');\n      powerFlow.graph.fitCenter(20);\n      this.powerFlow = powerFlow;\n      this.powerFlow.graph.on(\"onSelectNode\", function (item) {\n        if (_this.interceptSelectedNode && !_this.interceptSelectedNode(item)) {\n          _this.$emit('onSelectedNode', item);\n\n          return;\n        } else {\n          _this.selectNode = item;\n\n          _this.$emit('onSelectedNode', item);\n        }\n      });\n      this.powerFlow.graph.on(\"onClearSelectNode\", function () {\n        _this.selectNode = null;\n\n        _this.$emit('onClearSelectNode', null);\n      });\n      if (this.mode) this.powerFlow.graph.setMode(this.mode);\n      this.$emit('getDag', powerFlow, {\n        nodes: nodes,\n        edges: edges,\n        resetNodes: this.resetNodes\n      });\n    },\n\n    /** 重置节点 */\n    resetNodes: function resetNodes() {\n      var _this$makeNodes2 = this.makeNodes(),\n          nodes = _this$makeNodes2.nodes,\n          edges = _this$makeNodes2.edges;\n\n      this.powerFlow.graph.data({\n        nodes: nodes,\n        edges: edges\n      });\n      this.powerFlow.graph.render();\n    },\n\n    /** 整理节点信息 */\n    makeNodes: function makeNodes() {\n      var _this2 = this;\n\n      var width = 0;\n      this.nodes.forEach(function (item) {\n        var len = item.nodeName.length * 9;\n        var curtWidth = len > 250 ? 250 : len;\n        curtWidth = len < 180 ? 180 : len;\n\n        if (curtWidth > width) {\n          width = curtWidth;\n        }\n      });\n      var status = {\n        3: {\n          color: '',\n          text: this.$t('message.running')\n        },\n        4: {\n          color: '#FFADA4',\n          text: this.$t('message.failed')\n        },\n        5: {\n          color: '#C3FFD2',\n          text: this.$t('message.success')\n        },\n        10: {\n          color: '',\n          text: this.$t('message.stopped')\n        }\n      };\n      var nodes = this.nodes.map(function (item) {\n        var statusValue = {};\n        var statusStyle = {};\n\n        if (item.status) {\n          statusValue = {\n            taskStatus: status[item.status] ? status[item.status].text : _this2.$t('message.waitingUpstream'),\n            taskStatusValue: item.status\n          };\n\n          if (status[item.status] && status[item.status].color) {\n            statusStyle = {\n              fill: status[item.status].color\n            };\n          }\n        }\n\n        return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n          id: \"\".concat(item.nodeId),\n          type: \"flow-node\",\n          size: [width, 70],\n          leftText: item.jobId,\n          titleText: item.nodeName,\n          icon1: item.enable ? __webpack_require__(/*! ../../assets/start.svg */ \"./src/assets/start.svg\") : '',\n          icon2: item.skipWhenFailed ? __webpack_require__(/*! ../../assets/skip.svg */ \"./src/assets/skip.svg\") : ''\n        }, statusValue), {}, {\n          style: statusStyle,\n          rightText: item.instanceId ? item.instanceId : null\n        }, item);\n      });\n      var edges = this.edges.map(function (item) {\n        return {\n          source: \"\".concat(item.from),\n          target: \"\".concat(item.to),\n          type: \"cvte-polyline\"\n        };\n      });\n      return {\n        nodes: nodes,\n        edges: edges\n      };\n    },\n\n    /** 监控全屏 */\n    onFullScreenListener: function onFullScreenListener() {\n      var isFull = document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || false;\n      if (isFull === undefined) isFull = false;\n      var incValue = 1;\n\n      if (this.selectNode) {\n        incValue = 0.7;\n      }\n\n      var width = 0;\n      var height = 0;\n      var strage = 'default';\n\n      if (this.rightFixed) {\n        strage = 'fiexd';\n        incValue = this.rightFixed;\n\n        if (!this.selectNode) {\n          incValue = 0;\n        }\n      }\n\n      if (isFull) {\n        // if(!this.selectNode) {\n        //   width = dagSize[strage].width(this.defaultWidthInc, incValue);\n        // }\n        width = dagSize[strage].width(0, incValue);\n        height = dagSize[strage].height();\n        this.size = {\n          width: width,\n          height: height\n        };\n        this.powerFlow.graph.changeSize(this.size.width, this.size.height);\n      } else {\n        width = dagSize[strage].width(this.defaultWidthInc, incValue);\n        height = dagSize[strage].height();\n        this.size = {\n          width: width,\n          height: defaultSize.height\n        };\n        this.powerFlow.graph.changeSize(this.size.width, this.size.height);\n      }\n    },\n\n    /** 缩小 */\n    handleZoomOut: function handleZoomOut() {\n      var zoom = this.powerFlow.graph.getZoom();\n      zoom -= 0.1;\n      this.powerFlow.graph.zoomTo(zoom);\n    },\n\n    /** 放大 */\n    handleZoomIn: function handleZoomIn() {\n      var zoom = this.powerFlow.graph.getZoom();\n      zoom += 0.1;\n      this.powerFlow.graph.zoomTo(zoom);\n    },\n\n    /** 自适应 */\n    handleAutoFit: function handleAutoFit() {\n      this.powerFlow.graph.layout();\n      this.powerFlow.graph.fitView(20);\n    },\n\n    /** 全屏 */\n    fullScreen: function fullScreen() {\n      var el = document.getElementById(this.fullInc) || this.$refs[\"power-job\"];\n      var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;\n\n      if (typeof rfs != \"undefined\" && rfs) {\n        rfs.call(el);\n        return;\n      }\n    }\n  },\n  watch: {\n    /** 监控节点的选中 */\n    selectNode: function selectNode() {\n      this.onFullScreenListener();\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/dag/PowerWorkflow.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.2.2@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/web.dom-collections.for-each.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var power_workflow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! power-workflow */ \"./node_modules/_power-workflow@0.0.11@power-workflow/index.js\");\n/* harmony import */ var power_workflow__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(power_workflow__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nvar defaultSize = {\n  width: (document.body.clientWidth - 254) * 0.7,\n  height: 700\n};\nvar dagSize = {\n  default: {\n    width: function width(defaultWidthInc, radio) {\n      return (document.body.clientWidth - defaultWidthInc) * radio;\n    },\n    height: function height() {\n      return document.body.clientHeight;\n    }\n  },\n  fiexd: {\n    width: function width(defaultWidthInc, rightWidth) {\n      return document.body.clientWidth - defaultWidthInc - rightWidth;\n    },\n    height: function height() {\n      return document.body.clientHeight;\n    }\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'PowerWorkflow',\n  data: function data() {\n    return {\n      size: {\n        width: document.body.clientWidth - 254,\n        height: defaultSize.height\n      },\n      powerFlow: null,\n      selectNode: null,\n      zoom: 1\n    };\n  },\n  props: [\"onClickImportNode\", \"defaultWidthInc\", \"nodes\", \"edges\", \"rightFixed\", \"fullInc\", \"mode\", \"interceptSelectedNode\"],\n  mounted: function mounted() {\n    this.size.width = this.defaultWidthInc ? document.body.clientWidth - this.defaultWidthInc : document.body.clientWidth - 254;\n    this.initFlow();\n    window.addEventListener('resize', this.onFullScreenListener);\n  },\n  methods: {\n    /** 初始化图 */\n    initFlow: function initFlow() {\n      var _this = this;\n\n      // 整理节点数据\n      var _this$makeNodes = this.makeNodes(),\n          nodes = _this$makeNodes.nodes,\n          edges = _this$makeNodes.edges;\n\n      var powerFlow = new power_workflow__WEBPACK_IMPORTED_MODULE_3___default.a({\n        container: this.$refs.powerDag,\n        width: this.size.width,\n        height: this.size.height,\n        initNodes: nodes,\n        initEdges: edges,\n        layout: {\n          type: 'dagre',\n          rankdir: 'TB',\n          // 可选，默认为图的中心\n          nodesep: 10,\n          // 可选\n          ranksep: 40 // 可选\n\n        }\n      });\n      powerFlow.graph.setMode('edit');\n      powerFlow.graph.fitCenter(20);\n      this.powerFlow = powerFlow;\n      this.powerFlow.graph.on(\"onSelectNode\", function (item) {\n        if (_this.interceptSelectedNode && !_this.interceptSelectedNode(item)) {\n          _this.$emit('onSelectedNode', item);\n\n          return;\n        } else {\n          _this.selectNode = item;\n\n          _this.$emit('onSelectedNode', item);\n        }\n      });\n      this.powerFlow.graph.on(\"onClearSelectNode\", function () {\n        _this.selectNode = null;\n\n        _this.$emit('onClearSelectNode', null);\n      });\n      if (this.mode) this.powerFlow.graph.setMode(this.mode);\n      this.$emit('getDag', powerFlow, {\n        nodes: nodes,\n        edges: edges,\n        resetNodes: this.resetNodes\n      });\n    },\n\n    /** 重置节点 */\n    resetNodes: function resetNodes() {\n      var _this$makeNodes2 = this.makeNodes(),\n          nodes = _this$makeNodes2.nodes,\n          edges = _this$makeNodes2.edges;\n\n      this.powerFlow.graph.data({\n        nodes: nodes,\n        edges: edges\n      });\n      this.powerFlow.graph.render();\n    },\n\n    /** 整理节点信息 */\n    makeNodes: function makeNodes() {\n      var _this2 = this;\n\n      var width = 0;\n      this.nodes.forEach(function (item) {\n        var len = item.nodeName.length * 9;\n        var curtWidth = len > 250 ? 250 : len;\n        curtWidth = len < 180 ? 180 : len;\n\n        if (curtWidth > width) {\n          width = curtWidth;\n        }\n      });\n      var status = {\n        3: {\n          color: '',\n          text: this.$t('message.running')\n        },\n        4: {\n          color: '#FFADA4',\n          text: this.$t('message.failed')\n        },\n        5: {\n          color: '#C3FFD2',\n          text: this.$t('message.success')\n        },\n        10: {\n          color: '',\n          text: this.$t('message.stopped')\n        }\n      };\n      var nodes = this.nodes.map(function (item) {\n        var statusValue = {};\n        var statusStyle = {};\n\n        if (item.status) {\n          statusValue = {\n            taskStatus: status[item.status] ? status[item.status].text : _this2.$t('message.waitingUpstream'),\n            taskStatusValue: item.status\n          };\n\n          if (status[item.status] && status[item.status].color) {\n            statusStyle = {\n              fill: status[item.status].color\n            };\n          }\n        }\n\n        return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n          id: \"\".concat(item.nodeId),\n          type: \"flow-node\",\n          size: [width, 70],\n          leftText: item.jobId,\n          titleText: item.nodeName,\n          icon1: item.enable ? __webpack_require__(/*! ../../assets/start.svg */ \"./src/assets/start.svg\") : '',\n          icon2: item.skipWhenFailed ? __webpack_require__(/*! ../../assets/skip.svg */ \"./src/assets/skip.svg\") : ''\n        }, statusValue), {}, {\n          style: statusStyle,\n          rightText: item.instanceId ? item.instanceId : null\n        }, item);\n      });\n      var edges = this.edges.map(function (item) {\n        return {\n          source: \"\".concat(item.from),\n          target: \"\".concat(item.to),\n          type: \"cvte-polyline\"\n        };\n      });\n      return {\n        nodes: nodes,\n        edges: edges\n      };\n    },\n\n    /** 监控全屏 */\n    onFullScreenListener: function onFullScreenListener() {\n      var isFull = document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || false;\n      if (isFull === undefined) isFull = false;\n      var incValue = 1;\n\n      if (this.selectNode) {\n        incValue = 0.7;\n      }\n\n      var width = 0;\n      var height = 0;\n      var strage = 'default';\n\n      if (this.rightFixed) {\n        strage = 'fiexd';\n        incValue = this.rightFixed;\n\n        if (!this.selectNode) {\n          incValue = 0;\n        }\n      }\n\n      if (isFull) {\n        // if(!this.selectNode) {\n        //   width = dagSize[strage].width(this.defaultWidthInc, incValue);\n        // }\n        width = dagSize[strage].width(0, incValue);\n        height = dagSize[strage].height();\n        this.size = {\n          width: width,\n          height: height\n        };\n        this.powerFlow.graph.changeSize(this.size.width, this.size.height);\n      } else {\n        width = dagSize[strage].width(this.defaultWidthInc, incValue);\n        height = dagSize[strage].height();\n        this.size = {\n          width: width,\n          height: defaultSize.height\n        };\n        this.powerFlow.graph.changeSize(this.size.width, this.size.height);\n      }\n    },\n\n    /** 缩小 */\n    handleZoomOut: function handleZoomOut() {\n      var zoom = this.powerFlow.graph.getZoom();\n      zoom -= 0.1;\n      this.powerFlow.graph.zoomTo(zoom);\n    },\n\n    /** 放大 */\n    handleZoomIn: function handleZoomIn() {\n      var zoom = this.powerFlow.graph.getZoom();\n      zoom += 0.1;\n      this.powerFlow.graph.zoomTo(zoom);\n    },\n\n    /** 自适应 */\n    handleAutoFit: function handleAutoFit() {\n      this.powerFlow.graph.layout();\n      this.powerFlow.graph.fitView(20);\n    },\n\n    /** 全屏 */\n    fullScreen: function fullScreen() {\n      var el = document.getElementById(this.fullInc) || this.$refs[\"power-job\"];\n      var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;\n\n      if (typeof rfs != \"undefined\" && rfs) {\n        rfs.call(el);\n        return;\n      }\n    }\n  },\n  watch: {\n    /** 监控节点的选中 */\n    selectNode: function selectNode() {\n      this.onFullScreenListener();\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/dag/PowerWorkflow.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.2.2@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -12995,25 +12995,25 @@ eval("var add = __webpack_require__(/*! gl-vec2/add */ \"./node_modules/_gl-vec2
 
 /***/ }),
 
-/***/ "./node_modules/_power-workflow@0.0.5@power-workflow/dist/power-workflow.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/_power-workflow@0.0.5@power-workflow/dist/power-workflow.js ***!
-  \**********************************************************************************/
+/***/ "./node_modules/_power-workflow@0.0.11@power-workflow/dist/power-workflow.js":
+/*!***********************************************************************************!*\
+  !*** ./node_modules/_power-workflow@0.0.11@power-workflow/dist/power-workflow.js ***!
+  \***********************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("(function webpackUniversalModuleDefinition(root, factory) {\n\tif(true)\n\t\tmodule.exports = factory();\n\telse {}\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// define __esModule on exports\n/******/ \t__webpack_require__.r = function(exports) {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/\n/******/ \t// create a fake namespace object\n/******/ \t// mode & 1: value is a module id, require it\n/******/ \t// mode & 2: merge all properties of value into the ns\n/******/ \t// mode & 4: return value when already ns object\n/******/ \t// mode & 8|1: behave like require\n/******/ \t__webpack_require__.t = function(value, mode) {\n/******/ \t\tif(mode & 1) value = __webpack_require__(value);\n/******/ \t\tif(mode & 8) return value;\n/******/ \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n/******/ \t\tvar ns = Object.create(null);\n/******/ \t\t__webpack_require__.r(ns);\n/******/ \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n/******/ \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n/******/ \t\treturn ns;\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 5);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerManger_1 = __importDefault(__webpack_require__(1));\nvar RegisterBehavior = (function (_super) {\n    __extends(RegisterBehavior, _super);\n    function RegisterBehavior(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = '';\n        return _this;\n    }\n    RegisterBehavior.prototype.register = function (events) {\n        if (events === void 0) { events = {}; }\n        var self = this;\n        this.G6.registerBehavior(this.name, __assign({ getEvents: this.getEvents }, events));\n    };\n    RegisterBehavior.prototype.getEvents = function () {\n        return {};\n    };\n    return RegisterBehavior;\n}(registerManger_1.default));\nexports.default = RegisterBehavior;\n\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar RegisterManger = (function () {\n    function RegisterManger(G6) {\n        this.extendedName = null;\n        this.G6 = G6;\n    }\n    RegisterManger.prototype.register = function (events) {\n        this.G6[this.registerType](this.name, {}, this.extendedName);\n    };\n    return RegisterManger;\n}());\nexports.default = RegisterManger;\n\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerNode_1 = __webpack_require__(3);\nvar nodeStyle_1 = __importDefault(__webpack_require__(4));\nvar AnchorItem_1 = __importDefault(__webpack_require__(8));\nvar stateList = {\n    'hoverNode': function (item, value) {\n        var group = item.getContainer();\n        if (value) {\n            group.showAnchor();\n        }\n        else {\n            group.clearAnchor();\n        }\n    },\n    selectNode: function (item, value) {\n        var group = item.getContainer();\n        var current = group.getChildByIndex(0);\n        if (value) {\n            current.attr(\"opacity\", 1);\n        }\n        else {\n            current.attr(\"opacity\", 0.6);\n        }\n    }\n};\nvar BaseNode = (function (_super) {\n    __extends(BaseNode, _super);\n    function BaseNode(Grid, extendsed) {\n        if (extendsed === void 0) { extendsed = false; }\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'base-node';\n        _this.size = { width: 180, height: 70 };\n        _this.canvas = null;\n        if (!extendsed)\n            _this.register();\n        return _this;\n    }\n    BaseNode.prototype.draw = function (cfg, group, inc) {\n        this.size = this.computeNodeSize(cfg);\n        var keyShape = this.drawKeyShape(cfg, group);\n        return keyShape;\n    };\n    BaseNode.prototype.afterDraw = function (cfg, group, inc) {\n    };\n    BaseNode.prototype.getTextWidth = function (text) {\n        this.canvas = this.canvas || document.createElement(\"canvas\");\n        var context = this.canvas.getContext(\"2d\");\n        context.font = \"10px\";\n        var metrics = context.measureText(text);\n        return metrics.width - text.length * 2;\n    };\n    BaseNode.prototype.getTextWidth1 = function (fontSize, text) {\n        var span = document.createElement(\"span\");\n        span.style.fontSize = fontSize;\n        var result = {};\n        result.width = span.offsetWidth;\n        result.height = span.offsetWidth;\n        span.style.visibility = \"hidden\";\n        document.body.appendChild(span);\n        if (typeof span.textContent != \"undefined\")\n            span.textContent = text;\n        else\n            span.innerText = text;\n        result = span.offsetWidth - result.width;\n        span.parentNode.removeChild(span);\n        return result - text.length * 1.5;\n    };\n    BaseNode.prototype.drawKeyShape = function (cfg, group) {\n        var width = this.size.width;\n        var height = this.size.height;\n        var _a = cfg.style, style = _a === void 0 ? {} : _a;\n        var attrs = __assign(__assign(__assign({}, nodeStyle_1.default.base.origin), { width: width,\n            height: height }), style);\n        var keyShape = group.addShape('rect', {\n            attrs: attrs,\n            name: 'base-node',\n            className: 'base-node'\n        });\n        this.initAnchor(group);\n        return keyShape;\n    };\n    BaseNode.prototype.initAnchor = function (group) {\n        var _this = this;\n        group.anchorShapes = [];\n        group.showAnchor = function () {\n            _this.drawAnchor(group);\n        };\n        group.clearAnchor = function () {\n            _this.clearAnchor(group);\n        };\n    };\n    BaseNode.prototype.drawAnchor = function (group) {\n        var bbox = group.get('children')[0].getBBox();\n        this.getAnchorPoints().forEach(function (point, index) {\n            var anchorContainer = group.addGroup();\n            new AnchorItem_1.default({\n                group: anchorContainer,\n                index: index,\n                model: {\n                    style: {\n                        x: bbox.minX + bbox.width * point[0],\n                        y: bbox.minY + bbox.height * point[1]\n                    }\n                }\n            });\n            group.anchorShapes.push(anchorContainer);\n        });\n    };\n    BaseNode.prototype.clearAnchor = function (group) {\n        group.anchorShapes && group.anchorShapes.forEach(function (a) { return a.remove(); });\n        group.anchorShapes = [];\n    };\n    BaseNode.prototype.computeNodeSize = function (cfg) {\n        var size = cfg.size && Array.isArray(cfg.size) ? cfg.size : [180, 70];\n        var width = size[0] ? size[0] : 180;\n        var height = size[1] ? size[1] : 70;\n        return { width: width, height: height };\n    };\n    BaseNode.prototype.getAnchorPoints = function () {\n        return [\n            [0.5, 0],\n            [1, 0.5],\n            [0.5, 1],\n            [0, 0.5],\n        ];\n    };\n    BaseNode.prototype.setState = function (name, value, item) {\n        stateList[name] && stateList[name].call(this, item, value);\n    };\n    return BaseNode;\n}(registerNode_1.RegisterNode));\nexports.default = BaseNode;\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.RegisterNode = void 0;\nvar registerManger_1 = __importDefault(__webpack_require__(1));\nvar RegisterNode = (function (_super) {\n    __extends(RegisterNode, _super);\n    function RegisterNode(G6) {\n        var _this = _super.call(this, G6) || this;\n        _this.name = '';\n        _this.extendedName = '';\n        return _this;\n    }\n    RegisterNode.prototype.register = function () {\n        var self = this;\n        this.G6.registerNode(this.name, {\n            draw: function (cfg, group) {\n                return self.draw.call(self, cfg, group, this);\n            },\n            afterDraw: function (cfg, group) {\n                return self.afterDraw.call(self, cfg, group, this);\n            },\n            update: function (cfg, group) {\n                self.update.call(self, cfg, group, this);\n            },\n            afterUpdate: function (cfg, group) {\n                self.afterUpdate.call(self, cfg, group, this);\n            },\n            setState: function (name, value, item) {\n                self.setState.call(self, name, value, item, this);\n            },\n            getAnchorPoints: function () {\n                return self.getAnchorPoints.call(self);\n            },\n            drawAnchor: function () {\n                return self.drawAnchor && self.drawAnchor.apply(self, arguments);\n            }\n        });\n    };\n    ;\n    RegisterNode.prototype.draw = function (cfg, group, inc) {\n        var keyShape = group.addShape('rect', {\n            attrs: {\n                width: 170,\n                height: 70,\n                fill: '#C7E4FF',\n                stroke: '#61B3FF',\n                opacity: 0.6,\n                lineWidth: 2,\n                radius: 8,\n                cursor: 'move'\n            },\n            name: 'power-rect-node',\n            className: 'base-node'\n        });\n        return keyShape;\n    };\n    ;\n    RegisterNode.prototype.update = function (cfg, group, inc) { };\n    ;\n    RegisterNode.prototype.afterUpdate = function (cfg, group, inc) { };\n    ;\n    RegisterNode.prototype.afterDraw = function (cfg, group, inc) { };\n    RegisterNode.prototype.setState = function (name, value, item, inc) { };\n    ;\n    RegisterNode.prototype.drawAnchor = function (group) { };\n    RegisterNode.prototype.getAnchorPoints = function () {\n        return [\n            [0.5, 0],\n            [1, 0.5],\n            [0.5, 1],\n            [0, 0.5],\n        ];\n    };\n    return RegisterNode;\n}(registerManger_1.default));\nexports.RegisterNode = RegisterNode;\n\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.default = {\n    base: {\n        origin: {\n            fill: '#C7E4FF',\n            stroke: '#61B3FF',\n            opacity: 0.6,\n            lineWidth: 2,\n            radius: 8,\n            cursor: 'move'\n        }\n    },\n    leftText: {\n        origin: {\n            fill: '#014445',\n            fontSize: 12,\n            x: 12,\n            y: 12,\n            textBaseline: 'middle'\n        }\n    },\n    titleText: {\n        origin: {\n            fontSize: 14,\n            stroke: '#2E4553',\n            textBaseline: 'middle',\n            textAlign: \"center\",\n            cursor: 'move'\n        }\n    },\n    statusShape: {\n        r: 3,\n        text: {\n            textBaseline: 'middle',\n            textAlign: \"center\",\n            fontSize: 12,\n        },\n        origin: {\n            fill: '#00BB2F',\n        },\n        success: {\n            fill: '#00BB2F',\n        },\n        waiting: {\n            fill: '#FE9201',\n        },\n        underway: {\n            fill: '#1990FF',\n        },\n        faild: {\n            fill: '#CA0101'\n        },\n        stop: {\n            fill: '#72007B'\n        }\n    },\n    rightText: {\n        origin: {\n            fill: '#014445',\n            fontSize: 12,\n            textBaseline: 'middle',\n            textAlign: \"right\",\n        }\n    }\n};\n\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar Workflow_1 = __importDefault(__webpack_require__(6));\nvar registerNode_1 = __webpack_require__(3);\nObject.defineProperty(exports, \"RegisterNode\", { enumerable: true, get: function () { return registerNode_1.RegisterNode; } });\nexports.default = Workflow_1.default;\n\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nvar __spreadArrays = (this && this.__spreadArrays) || function () {\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n            r[k] = a[j];\n    return r;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar g6_1 = __importStar(__webpack_require__(7));\nvar BaseNode_1 = __importDefault(__webpack_require__(2));\nvar FlowNode_1 = __importDefault(__webpack_require__(11));\nvar CvtePolyline1_1 = __importDefault(__webpack_require__(12));\nvar BaseAnchor_1 = __importDefault(__webpack_require__(13));\nvar behavior_1 = __webpack_require__(16);\nvar gird = new g6_1.default.Grid({});\nvar CvteWorkflow = (function () {\n    function CvteWorkflow(_a) {\n        var _this = this;\n        var container = _a.container, _b = _a.width, width = _b === void 0 ? document.body.clientWidth : _b, _c = _a.height, height = _c === void 0 ? document.body.clientHeight : _c, _d = _a.plugins, plugins = _d === void 0 ? [] : _d, _e = _a.mode, mode = _e === void 0 ? \"view\" : _e, _f = _a.initEdges, initEdges = _f === void 0 ? [] : _f, _g = _a.initNodes, initNodes = _g === void 0 ? [] : _g, _h = _a.registerNodes, registerNodes = _h === void 0 ? [] : _h, edgeCallback = _a.edgeCallback, layout = _a.layout;\n        this.edgeEndCallback = function (sourceNode, targetNode) {\n            if (!_this.edgeCallback)\n                return true;\n            return _this.edgeCallback(sourceNode, targetNode);\n        };\n        this.container = container;\n        var check = this.checkProps();\n        if (!check)\n            return;\n        this.width = width;\n        this.height = height;\n        this.plugins = plugins;\n        this.mode = mode;\n        this.initEdges = initEdges;\n        this.initNodes = initNodes;\n        this.G6 = g6_1.default;\n        this.registerNodes = registerNodes;\n        this.edgeCallback = edgeCallback;\n        this.layout = layout;\n        new BaseAnchor_1.default(g6_1.default);\n        this.initRegister();\n        this.init();\n    }\n    CvteWorkflow.prototype.init = function () {\n        var _this = this;\n        this.graph = new g6_1.Graph({\n            container: this.container,\n            width: this.width,\n            height: this.height,\n            enabledStack: true,\n            plugins: [gird],\n            modes: this.initMode(),\n            layout: this.layout\n        });\n        this.graph.set('edgeEndCallback', this.edgeEndCallback);\n        document.addEventListener('click', function (e) {\n            if (e.target['nodeName'] === 'CANVAS') {\n                return;\n            }\n            _this.graph.set('noKeyDown', true);\n        });\n        this.initData();\n    };\n    CvteWorkflow.prototype.changeMode = function () { };\n    CvteWorkflow.prototype.getWorkflowData = function () { };\n    CvteWorkflow.prototype.onSelectedItem = function () { };\n    CvteWorkflow.prototype.addNode = function () { };\n    CvteWorkflow.prototype.addEdge = function () { };\n    CvteWorkflow.prototype.checkProps = function () {\n        if (!this.container) {\n            new Error(\"container is required!\");\n            return false;\n        }\n        return true;\n    };\n    CvteWorkflow.prototype.initMode = function () {\n        return {\n            default: ['drag-canvas', { type: \"zoom-canvas\", sensitivity: 1 }],\n            edit: ['drag-canvas', 'cvte-hover-node', 'cvte-hover-anchor', 'cvte-drag-node', 'cvte-drag-anchor', 'cvte-select-node', 'cvte-hover-edge', 'cvte-delete-item'],\n            view: ['drag-canvas', 'cvte-select-node', 'cvte-drag-node']\n        };\n    };\n    CvteWorkflow.prototype.initData = function () {\n        var data = {\n            nodes: this.initNodes,\n            edges: this.initEdges\n        };\n        this.graph.data(data);\n        this.graph.render();\n    };\n    CvteWorkflow.prototype.initRegister = function () {\n        var _this = this;\n        __spreadArrays([BaseNode_1.default, FlowNode_1.default], this.registerNodes).forEach(function (SelfNode) {\n            new SelfNode(_this.G6);\n        });\n        [behavior_1.HoverNode, behavior_1.HoverAnchor, behavior_1.DragNode, behavior_1.DragAnchor, behavior_1.SelectNode, behavior_1.HoverEdge, behavior_1.DeleteItem].forEach(function (SelfNode) {\n            new SelfNode(_this.G6);\n        });\n        CvtePolyline1_1.default(g6_1.default);\n    };\n    return CvteWorkflow;\n}());\nexports.default = CvteWorkflow;\n\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @antv/g6 */ \"./node_modules/_@antv_g6@4.1.16@@antv/g6/es/index.js\");\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar item_1 = __importDefault(__webpack_require__(9));\nvar util_1 = __webpack_require__(10);\nvar Anchor = (function (_super) {\n    __extends(Anchor, _super);\n    function Anchor(props) {\n        var _this = _super.call(this, util_1.deepMix(props, {\n            type: \"anchor\",\n            isActived: true,\n            model: {\n                type: \"anchor\",\n                style: {\n                    r: 4,\n                    fill: \"#fff\",\n                    shadowBlur: 4,\n                    shadowColor: \"#666\",\n                    cursor: \"crosshair\"\n                }\n            }\n        })) || this;\n        _this.enableCapture(true);\n        _this.isAnchor = true;\n        _this.toFront();\n        return _this;\n    }\n    Anchor.prototype.showHotpot = function () {\n        this.hotpot = this.getContainer().addShape('marker', {\n            attrs: __assign(__assign({}, this.get('model').style), { r: 12, fill: '#1890FF', fillOpacity: .25 }),\n            name: 'hotpot-shape',\n            draggable: true,\n        });\n        this.hotpot.toFront();\n    };\n    Anchor.prototype.setHotspotActived = function (active) {\n        this.hotpot && active ? this.hotpot.attr({ r: 14, fill: '#0084FF' }) : this.hotpot.attr({ r: 12, fill: '#1890FF' });\n    };\n    return Anchor;\n}(item_1.default));\nexports.default = Anchor;\n\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @antv/g6-core/lib/item/item */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/lib/item/item.js\");\n\n/***/ }),\n/* 10 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n/***/ }),\n/* 11 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar BaseNode_1 = __importDefault(__webpack_require__(2));\nvar nodeStyle_1 = __importDefault(__webpack_require__(4));\nvar FlowNode = (function (_super) {\n    __extends(FlowNode, _super);\n    function FlowNode(Grid) {\n        var _this = _super.call(this, Grid, true) || this;\n        _this.name = 'flow-node';\n        _this.register();\n        return _this;\n    }\n    FlowNode.prototype.draw = function (cfg, group, inc) {\n        this.size = this.computeNodeSize(cfg);\n        var keyShape = this.drawKeyShape(cfg, group);\n        this.drawLeftText(cfg, group);\n        this.drawTitleText(cfg, group);\n        this.drawStatusShape(cfg, group);\n        this.drawRightText(cfg, group);\n        return keyShape;\n    };\n    FlowNode.prototype.afterDraw = function (cfg, group) {\n        if (cfg.taskStatusValue === 3) {\n            this.drawStatusAnimateShape(cfg, group);\n        }\n    };\n    FlowNode.prototype.drawLeftText = function (cfg, group) {\n        var leftText = cfg.leftText, _a = cfg.leftTextStyle, leftTextStyle = _a === void 0 ? {} : _a;\n        if (!leftText)\n            return;\n        var attrs = __assign(__assign(__assign({}, nodeStyle_1.default.leftText.origin), { text: leftText }), leftTextStyle);\n        group.addShape('text', {\n            attrs: attrs,\n            name: 'power-left-text',\n            className: 'node-left-text'\n        });\n    };\n    FlowNode.prototype.drawRightText = function (cfg, group) {\n        var rightText = cfg.rightText, _a = cfg.rightTextStyle, rightTextStyle = _a === void 0 ? {} : _a;\n        if (!rightText)\n            return;\n        var _b = this.size, width = _b.width, height = _b.height;\n        var attrs = __assign(__assign(__assign({}, nodeStyle_1.default.rightText.origin), { text: rightText, x: width - 12, y: height - 12 }), rightTextStyle);\n        group.addShape('text', {\n            attrs: attrs,\n            name: 'power-right-text',\n            className: 'right-text'\n        });\n    };\n    FlowNode.prototype.drawTitleText = function (cfg, group) {\n        var titleText = cfg.titleText, _a = cfg.titleTextStyle, titleTextStyle = _a === void 0 ? {} : _a;\n        if (!titleText)\n            return;\n        var width = this.size.width;\n        var height = this.size.height;\n        if (titleText.length > 25) {\n            titleText = titleText.slice(0, 24) + '...';\n        }\n        var attrs = __assign(__assign(__assign({}, nodeStyle_1.default.titleText.origin), { text: titleText, x: width / 2, y: height / 2 }), titleTextStyle);\n        group.addShape('text', {\n            attrs: attrs,\n            name: 'power-title-text',\n            className: 'node-title-text',\n            capture: true,\n            draggable: true\n        });\n    };\n    FlowNode.prototype.getStatusStyle = function (cfg) {\n        var taskStatusValue = cfg.taskStatusValue;\n        var statusArr = [3, 4, 5, 10];\n        var style = {\n            3: nodeStyle_1.default.statusShape.underway,\n            1: nodeStyle_1.default.statusShape.waiting,\n            5: nodeStyle_1.default.statusShape.success,\n            4: nodeStyle_1.default.statusShape.faild,\n            10: nodeStyle_1.default.statusShape.stop\n        };\n        if (!taskStatusValue || statusArr.indexOf(taskStatusValue) < 0)\n            taskStatusValue = 1;\n        return style[taskStatusValue];\n    };\n    FlowNode.prototype.drawStatusShape = function (cfg, group) {\n        var width = this.size.width;\n        var taskStatus = cfg.taskStatus;\n        if (!taskStatus)\n            return;\n        var selfStyle = this.getStatusStyle(cfg);\n        this.drawStatusText(cfg, group);\n        var attrs = __assign(__assign({}, selfStyle), { r: nodeStyle_1.default.statusShape.r, x: width - this.getTextWidth1('14px', taskStatus) - 8, y: 12 });\n        group.addShape('circle', {\n            attrs: attrs,\n            name: 'power-status-text',\n            className: 'status-text',\n            capture: true,\n            draggable: true\n        });\n    };\n    FlowNode.prototype.drawStatusText = function (cfg, group) {\n        var width = this.size.width;\n        var taskStatus = cfg.taskStatus, _a = cfg.taskStatusStyle, taskStatusStyle = _a === void 0 ? {} : _a;\n        var selfStyle = this.getStatusStyle(cfg);\n        var attrs = __assign(__assign(__assign(__assign({}, selfStyle), nodeStyle_1.default.statusShape.text), { text: taskStatus, x: width - this.getTextWidth1('14px', taskStatus) / 2 - 4, y: 12 }), taskStatusStyle);\n        group.addShape('text', {\n            attrs: attrs,\n            name: 'power-status-node',\n            className: 'status-node',\n            capture: true,\n            draggable: true\n        });\n    };\n    FlowNode.prototype.drawStatusAnimateShape = function (cfg, group) {\n        var width = this.size.width;\n        var x = width - 52;\n        var y = 12;\n        var r = nodeStyle_1.default.statusShape.r;\n        var back1 = this.createStatusAnimateShape(cfg, group, 'back1-shaoe', -3, 0.6);\n        var back2 = this.createStatusAnimateShape(cfg, group, 'back1-shaoe', -2, 0.6);\n        var back3 = this.createStatusAnimateShape(cfg, group, 'back1-shaoe', -1, 0.6);\n        this.createStatusAnimate(r, back1, 0);\n        this.createStatusAnimate(r, back2, 1000);\n        this.createStatusAnimate(r, back3, 2000);\n    };\n    FlowNode.prototype.createStatusAnimate = function (r, shape, delay) {\n        shape.animate({\n            r: r + 5,\n            opacity: 0.1\n        }, {\n            duration: 3000,\n            easing: \"easeCubic\",\n            delay: delay,\n            repeat: true\n        });\n    };\n    FlowNode.prototype.createStatusAnimateShape = function (cfg, group, name, zIndex, opacity) {\n        var width = this.size.width;\n        var x = width - this.getTextWidth1('14px', cfg.taskStatus) - 8;\n        var y = 12;\n        return group.addShape(\"circle\", {\n            zIndex: zIndex,\n            attrs: {\n                x: x,\n                y: y,\n                r: nodeStyle_1.default.statusShape.r,\n                fill: nodeStyle_1.default.statusShape.underway.fill,\n                opacity: opacity\n            },\n            name: name\n        });\n    };\n    return FlowNode;\n}(BaseNode_1.default));\nexports.default = FlowNode;\n\n\n/***/ }),\n/* 12 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar uniqBy = function (arr, key) {\n    var result = [];\n    arr.forEach(function (i) {\n        if (!result.find(function (r) { return r[key] === i[key]; }))\n            result.push(i);\n    });\n    return result;\n};\nvar stateList = {\n    hoverEdge: function (item, value) {\n        var group = item.getContainer();\n        var current = group.getChildByIndex(0);\n        if (value) {\n            current.attr(\"stroke\", '#60A1DE');\n        }\n        else {\n            current.attr(\"stroke\", '#164979');\n        }\n    },\n    selectEdge: function (item, value) {\n        var group = item.getContainer();\n        var current = group.getChildByIndex(0);\n        if (value) {\n            current.attr({\n                \"opacity\": 1,\n                \"lineWidth\": 2\n            });\n        }\n        else {\n            current.attr({\n                \"opacity\": 0.6,\n                \"lineWidth\": 1\n            });\n        }\n    }\n};\nfunction default_1(G6) {\n    G6.registerEdge('cvte-polyline', {\n        draw: function (cfg, group) {\n            this.group = group;\n            var startPoint = cfg.startPoint;\n            var endPoint = cfg.endPoint;\n            var shape = group.addShape('path', {\n                className: 'edge-shape',\n                attrs: {\n                    stroke: '#164979',\n                    lineWidth: 1,\n                    lineAppendWidth: 8,\n                    path: this.computePath(cfg),\n                    opacity: 0.6,\n                    endArrow: {\n                        path: 'M 0,0 L 6,-2 Q 5 0,6 2 Z',\n                        lineDash: [0, 0],\n                        fill: '#164979',\n                    }\n                },\n                name: 'edge-shape',\n            });\n            return shape;\n        },\n        computePath: function (cfg) {\n            var startPoint = cfg.startPoint;\n            var endPoint = cfg.endPoint;\n            var controlPoints = this.getControlPoints(cfg);\n            var points = [startPoint];\n            if (controlPoints) {\n                points = points.concat(controlPoints);\n            }\n            points.push(endPoint);\n            return this.getPath(points);\n        },\n        getControlPoints: function (cfg) {\n            if (!cfg.sourceNode) {\n                return cfg.controlPoints;\n            }\n            var obj = {\n                sNode: cfg.sourceNode,\n                tNode: cfg.targetNode,\n                sPort: cfg.startPoint,\n                tPort: cfg.endPoint,\n                offset: 15\n            };\n            return this.polylineFinding(obj);\n        },\n        polylineFinding: function (_a) {\n            var sNode = _a.sNode, tNode = _a.tNode, sPort = _a.sPort, tPort = _a.tPort, offset = _a.offset;\n            var sourceBBox = sNode && sNode.getBBox() ? sNode.getBBox() : this.getPointBBox(sPort);\n            var targetBBox = tNode && tNode.getBBox() ? tNode.getBBox() : this.getPointBBox(tPort);\n            var sBBox = this.getExpandedBBox(sourceBBox, offset);\n            var tBBox = this.getExpandedBBox(targetBBox, offset);\n            var sPoint = this.getExpandedPort(sBBox, sPort);\n            var tPoint = this.getExpandedPort(tBBox, tPort);\n            var points = this.getConnectablePoints(sBBox, tBBox, sPoint, tPoint);\n            points = this.filterConnectablePoints(points, sBBox);\n            points = this.filterConnectablePoints(points, tBBox);\n            var polylinePoints = this.AStar(points, sPoint, tPoint, sBBox, tBBox);\n            return polylinePoints;\n        },\n        getPointBBox: function (t) {\n            return { centerX: t.x, centerY: t.y, minX: t.x, minY: t.y, maxX: t.x, maxY: t.y, height: 0, width: 0 };\n        },\n        getExpandedBBox: function (bbox, offset) {\n            return 0 === bbox.width && 0 === bbox.height ? bbox : {\n                centerX: bbox.centerX,\n                centerY: bbox.centerY,\n                minX: bbox.minX - offset,\n                minY: bbox.minY - offset,\n                maxX: bbox.maxX + offset,\n                maxY: bbox.maxY + offset,\n                height: bbox.height + 2 * offset,\n                width: bbox.width + 2 * offset,\n            };\n        },\n        getExpandedPort: function (bbox, point) {\n            return Math.abs(point.x - bbox.centerX) / bbox.width > Math.abs(point.y - bbox.centerY) / bbox.height\n                ? { x: point.x > bbox.centerX ? bbox.maxX : bbox.minX, y: point.y }\n                : { x: point.x, y: point.y > bbox.centerY ? bbox.maxY : bbox.minY };\n        },\n        getConnectablePoints: function (sBBox, tBBox, sPoint, tPoint) {\n            var _this = this;\n            var lineBBox = this.getBBoxFromVertexes(sPoint, tPoint);\n            var outerBBox = this.combineBBoxes(sBBox, tBBox);\n            var sLineBBox = this.combineBBoxes(sBBox, lineBBox);\n            var tLineBBox = this.combineBBoxes(tBBox, lineBBox);\n            var points = [];\n            points = points.concat(this.vertexOfBBox(sLineBBox), this.vertexOfBBox(tLineBBox), this.vertexOfBBox(outerBBox));\n            var centerPoint = { x: outerBBox.centerX, y: outerBBox.centerY };\n            [outerBBox, sLineBBox, tLineBBox, lineBBox].forEach(function (bbox) {\n                points = points.concat(_this.crossPointsByLineAndBBox(bbox, centerPoint));\n            });\n            points.push({ x: sPoint.x, y: tPoint.y });\n            points.push({ x: tPoint.x, y: sPoint.y });\n            return points;\n        },\n        combineBBoxes: function (sBBox, tBBox) {\n            var minX = Math.min(sBBox.minX, tBBox.minX), minY = Math.min(sBBox.minY, tBBox.minY), maxX = Math.max(sBBox.maxX, tBBox.maxX), maxY = Math.max(sBBox.maxY, tBBox.maxY);\n            return {\n                centerX: (minX + maxX) / 2,\n                centerY: (minY + maxY) / 2,\n                minX: minX,\n                minY: minY,\n                maxX: maxX,\n                maxY: maxY,\n                height: maxY - minY,\n                width: maxX - minX,\n            };\n        },\n        vertexOfBBox: function (bbox) {\n            return [{ x: bbox.minX, y: bbox.minY }, { x: bbox.maxX, y: bbox.minY }, { x: bbox.maxX, y: bbox.maxY }, { x: bbox.minX, y: bbox.maxY }];\n        },\n        crossPointsByLineAndBBox: function (bbox, centerPoint) {\n            var crossPoints = [];\n            if (!(centerPoint.x < bbox.minX || centerPoint.x > bbox.maxX))\n                crossPoints = crossPoints.concat([{ x: centerPoint.x, y: bbox.minY }, { x: centerPoint.x, y: bbox.maxY }]);\n            if (!(centerPoint.y < bbox.minY || centerPoint.y > bbox.maxY))\n                crossPoints = crossPoints.concat([{ x: bbox.minX, y: centerPoint.y }, { x: bbox.maxX, y: centerPoint.y }]);\n            return crossPoints;\n        },\n        getBBoxFromVertexes: function (sPoint, tPoint) {\n            var minX = Math.min(sPoint.x, tPoint.x), maxX = Math.max(sPoint.x, tPoint.x), minY = Math.min(sPoint.y, tPoint.y), maxY = Math.max(sPoint.y, tPoint.y);\n            return {\n                centerX: (minX + maxX) / 2,\n                centerY: (minY + maxY) / 2,\n                maxX: maxX,\n                maxY: maxY,\n                minX: minX,\n                minY: minY,\n                height: maxY - minY,\n                width: maxX - minX,\n            };\n        },\n        filterConnectablePoints: function (points, bbox) {\n            return points.filter(function (point) { return point.x <= bbox.minX || point.x >= bbox.maxX || point.y <= bbox.minY || point.y >= bbox.maxY; });\n        },\n        AStar: function (points, sPoint, tPoint, sBBox, tBBox) {\n            var _this = this;\n            var openList = [sPoint];\n            var closeList = [];\n            points = uniqBy(this.fillId(points), 'id');\n            points.push(tPoint);\n            var endPoint;\n            var _loop_1 = function () {\n                var minCostPoint;\n                openList.forEach(function (p, i) {\n                    if (!p.parent)\n                        p.f = 0;\n                    if (!minCostPoint)\n                        minCostPoint = p;\n                    if (p.f < minCostPoint.f)\n                        minCostPoint = p;\n                });\n                if (minCostPoint.x === tPoint.x && minCostPoint.y === tPoint.y) {\n                    endPoint = minCostPoint;\n                    return \"break\";\n                }\n                openList.splice(openList.findIndex(function (o) { return o.x === minCostPoint.x && o.y === minCostPoint.y; }), 1);\n                closeList.push(minCostPoint);\n                var neighbor = points.filter(function (p) { return (p.x === minCostPoint.x || p.y === minCostPoint.y)\n                    && !(p.x === minCostPoint.x && p.y === minCostPoint.y)\n                    && !_this.crossBBox([sBBox, tBBox], minCostPoint, p); });\n                neighbor.forEach(function (p) {\n                    var inOpen = openList.find(function (o) { return o.x === p.x && o.y === p.y; });\n                    var currentG = _this.getCost(p, minCostPoint);\n                    if (closeList.find(function (o) { return o.x === p.x && o.y === p.y; })) {\n                    }\n                    else if (inOpen) {\n                        if (p.g > currentG) {\n                            p.parent = minCostPoint;\n                            p.g = currentG;\n                            p.f = p.g + p.h;\n                        }\n                    }\n                    else {\n                        p.parent = minCostPoint;\n                        p.g = currentG;\n                        var h = _this.getCost(p, tPoint);\n                        if (_this.crossBBox([tBBox], p, tPoint)) {\n                            h += (tBBox.width / 2 + tBBox.height / 2);\n                        }\n                        p.h = h;\n                        p.f = p.g + p.h;\n                        openList.push(p);\n                    }\n                });\n            };\n            while (openList.length > 0) {\n                var state_1 = _loop_1();\n                if (state_1 === \"break\")\n                    break;\n            }\n            if (endPoint) {\n                var result = [];\n                result.push({ x: endPoint.x, y: endPoint.y });\n                while (endPoint.parent) {\n                    endPoint = endPoint.parent;\n                    result.push({ x: endPoint.x, y: endPoint.y });\n                }\n                return result.reverse();\n            }\n            return [];\n        },\n        fillId: function (points) {\n            points.forEach(function (p) {\n                p.id = p.x + '-' + p.y;\n            });\n            return points;\n        },\n        crossBBox: function (bboxes, p1, p2) {\n            for (var i = 0; i < bboxes.length; i++) {\n                var bbox = bboxes[i];\n                if (p1.x === p2.x && bbox.minX < p1.x && bbox.maxX > p1.x) {\n                    if (p1.y < bbox.maxY && p2.y >= bbox.maxY || p2.y < bbox.maxY && p1.y >= bbox.maxY)\n                        return true;\n                }\n                else if (p1.y === p2.y && bbox.minY < p1.y && bbox.maxY > p1.y) {\n                    if (p1.x < bbox.maxX && p2.x >= bbox.maxX || p2.x < bbox.maxX && p1.x >= bbox.maxX)\n                        return true;\n                }\n            }\n            return false;\n        },\n        getCost: function (p1, p2) {\n            return Math.abs(p1.x - p2.x) + Math.abs(p1.y - p2.y);\n        },\n        getPath: function (points) {\n            var path = [];\n            for (var i = 0; i < points.length; i++) {\n                var point = points[i];\n                if (i === 0) {\n                    path.push(['M', point.x, point.y]);\n                }\n                else if (i === points.length - 1) {\n                    path.push(['L', point.x, point.y]);\n                }\n                else {\n                    var prevPoint = points[i - 1];\n                    var nextPoint = points[i + 1];\n                    var cornerLen = 5;\n                    if (Math.abs(point.y - prevPoint.y) > cornerLen || Math.abs(point.x - prevPoint.x) > cornerLen) {\n                        if (prevPoint.x === point.x) {\n                            path.push(['L', point.x, point.y > prevPoint.y ? point.y - cornerLen : point.y + cornerLen]);\n                        }\n                        else if (prevPoint.y === point.y) {\n                            path.push(['L', point.x > prevPoint.x ? point.x - cornerLen : point.x + cornerLen, point.y]);\n                        }\n                    }\n                    var yLen = Math.abs(point.y - nextPoint.y);\n                    var xLen = Math.abs(point.x - nextPoint.x);\n                    if (yLen > 0 && yLen < cornerLen) {\n                        cornerLen = yLen;\n                    }\n                    else if (xLen > 0 && xLen < cornerLen) {\n                        cornerLen = xLen;\n                    }\n                    if (prevPoint.x !== nextPoint.x && nextPoint.x === point.x) {\n                        path.push(['Q', point.x, point.y, point.x, point.y > nextPoint.y ? point.y - cornerLen : point.y + cornerLen]);\n                    }\n                    else if (prevPoint.y !== nextPoint.y && nextPoint.y === point.y) {\n                        path.push(['Q', point.x, point.y, point.x > nextPoint.x ? point.x - cornerLen : point.x + cornerLen, point.y]);\n                    }\n                }\n            }\n            return path;\n        },\n        setState: function (name, value, item) {\n            stateList[name] && stateList[name].call(this, item, value);\n        }\n    }, 'polyline');\n}\nexports.default = default_1;\n\n\n/***/ }),\n/* 13 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar shapeBase_1 = __webpack_require__(14);\nvar shape_1 = __importDefault(__webpack_require__(15));\nvar registerManger_1 = __importDefault(__webpack_require__(1));\nvar BaseAnchor = (function (_super) {\n    __extends(BaseAnchor, _super);\n    function BaseAnchor(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.register();\n        return _this;\n    }\n    BaseAnchor.prototype.register = function () {\n        shape_1.default.registerFactory('anchor', {\n            defaultShapeType: 'marker',\n            getShape: function (type) {\n                var shapeObj = Object.assign({}, shapeBase_1.shapeBase, {\n                    type: 'marker',\n                    itemType: type,\n                    drawShape: function (cfg, group) {\n                        var style = this.getShapeStyle(cfg);\n                        var shape = group.addShape('marker', {\n                            attrs: style,\n                            name: 'anchor-shape',\n                            draggable: true,\n                        });\n                        return shape;\n                    },\n                    setState: function (name, value, item) {\n                        console.log(name);\n                        if (name === 'anchor-active') {\n                            if (value) {\n                                this.update({ style: { fill: '#1990FF', r: 5 } }, item);\n                            }\n                        }\n                    }\n                });\n                return shapeObj;\n            },\n        });\n    };\n    return BaseAnchor;\n}(registerManger_1.default));\nexports.default = BaseAnchor;\n\n\n/***/ }),\n/* 14 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @antv/g6-core/lib/element/shapeBase */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/lib/element/shapeBase.js\");\n\n/***/ }),\n/* 15 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @antv/g6-core/lib/element/shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/lib/element/shape.js\");\n\n/***/ }),\n/* 16 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.DeleteItem = exports.HoverEdge = exports.SelectNode = exports.DragAnchor = exports.DragNode = exports.HoverAnchor = exports.HoverNode = void 0;\nvar hover_1 = __importDefault(__webpack_require__(17));\nexports.HoverNode = hover_1.default;\nvar hover_2 = __importDefault(__webpack_require__(18));\nexports.HoverAnchor = hover_2.default;\nvar drag_1 = __importDefault(__webpack_require__(19));\nexports.DragNode = drag_1.default;\nvar drag_2 = __importDefault(__webpack_require__(20));\nexports.DragAnchor = drag_2.default;\nvar select_1 = __importDefault(__webpack_require__(21));\nexports.SelectNode = select_1.default;\nvar hover_3 = __importDefault(__webpack_require__(22));\nexports.HoverEdge = hover_3.default;\nvar delete_1 = __importDefault(__webpack_require__(23));\nexports.DeleteItem = delete_1.default;\n\n\n/***/ }),\n/* 17 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onNodeMouseEnter: function (e) {\n        this.graph.setItemState(e.item, 'hoverNode', true);\n    },\n    onNodeMouseLeave: function (e) {\n        if (e.target.cfg.name === 'anchor-shape')\n            return;\n        this.graph.setItemState(e.item, 'hoverNode', false);\n    }\n};\nvar HoverNode = (function (_super) {\n    __extends(HoverNode, _super);\n    function HoverNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cvte-hover-node';\n        _this.register(Event);\n        return _this;\n    }\n    HoverNode.prototype.getEvents = function () {\n        return {\n            'node:mouseenter': 'onNodeMouseEnter',\n            'node:mouseleave': 'onNodeMouseLeave'\n        };\n    };\n    return HoverNode;\n}(registerBehavior_1.default));\nexports.default = HoverNode;\n\n\n/***/ }),\n/* 18 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onNodeMouseEnter: function (e) {\n        this.graph.setItemState(e.item, 'hoverNode', true);\n    },\n    onNodeMouseLeave: function (e) {\n        var node = e.item.getContainer().getParent();\n        node && this.graph.setItemState(node.get('item'), 'hoverNode', false);\n    }\n};\nvar HoverAnchor = (function (_super) {\n    __extends(HoverAnchor, _super);\n    function HoverAnchor(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cvte-hover-anchor';\n        _this.register(Event);\n        return _this;\n    }\n    HoverAnchor.prototype.getEvents = function () {\n        return {\n            'anchor:mouseleave': 'onNodeMouseLeave'\n        };\n    };\n    return HoverAnchor;\n}(registerBehavior_1.default));\nexports.default = HoverAnchor;\n\n\n/***/ }),\n/* 19 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    origin: null,\n    target: null,\n    onNodeDragStart: function (e) {\n        this.target = e.item;\n        this.origin = {\n            x: e.x,\n            y: e.y\n        };\n    },\n    onNodeDrag: function (e) {\n        if (!this.origin)\n            return;\n        var model = this.target.get('model');\n        var origin = this.origin;\n        if (!this.point) {\n            this.point = {\n                x: model.x,\n                y: model.y\n            };\n        }\n        var x = e.x - origin.x + this.point.x;\n        var y = e.y - origin.y + this.point.y;\n        this.origin = { x: e.x, y: e.y };\n        this.point = { x: x, y: y };\n        this.moveDelegate(this.target, x, y);\n    },\n    onNodeDragEnd: function (e) {\n        if (!this.origin) {\n            return;\n        }\n        var delegateShape = e.item.get('delegateShape');\n        var bbox = delegateShape.getBBox();\n        var x = bbox.x;\n        var y = bbox.y;\n        delegateShape.remove();\n        this.target.set('delegateShape', null);\n        this.graph.updateItem(this.target, { x: x, y: y });\n        this.point = null;\n        this.origin = null;\n    },\n    moveDelegate: function (item, x, y) {\n        var shape = item.get('delegateShape');\n        var bbox = item.get('keyShape').getBBox();\n        if (!shape) {\n            var parent_1 = this.graph.get('group');\n            var attrs = {\n                stroke: '#1890FF',\n                fill: '#1890FF',\n                fillOpacity: .08,\n                lineDash: [4, 4],\n                radius: 4,\n                lineWidth: 1,\n            };\n            shape = parent_1.addShape('rect', {\n                attrs: __assign({ width: bbox.width, height: bbox.height, x: x - bbox.width / 2, y: y - bbox.height / 2, nodeId: item.get('id') }, attrs)\n            });\n            item.set('delegateShape', shape);\n        }\n        shape.attr({ x: x, y: y });\n        this.graph.paint();\n    }\n};\nvar DragNode = (function (_super) {\n    __extends(DragNode, _super);\n    function DragNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cvte-drag-node';\n        _this.register(Event);\n        return _this;\n    }\n    DragNode.prototype.getEvents = function () {\n        return {\n            \"node:dragstart\": \"onNodeDragStart\",\n            'node:drag': 'onNodeDrag',\n            \"node:dragend\": 'onNodeDragEnd'\n        };\n    };\n    return DragNode;\n}(registerBehavior_1.default));\nexports.default = DragNode;\n\n\n/***/ }),\n/* 20 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    originInfo: null,\n    target: null,\n    isSameNode: function (e) {\n        return e.target.getParent() && e.target.getParent().getParent() && e.target.getParent().getParent().get('item') === this.originInfo.sourceNode;\n    },\n    onDragLeave: function (e) {\n        if (!this.originInfo)\n            return;\n        e.item.setHotspotActived(false);\n        this.originInfo.targetNode = null;\n        this.originInfo.targetAnchor = null;\n    },\n    onDragEnter: function (e) {\n        if (!this.originInfo)\n            return;\n        e.item.setHotspotActived(true);\n        if (!this.isSameNode(e)) {\n            this.originInfo.targetNode = e.target.getParent().getParent().get('item');\n            this.originInfo.targetAnchor = e.item.get('index');\n        }\n    },\n    onDrag: function (e) {\n        this._updateEdgeDelegate(this.target, e.x, e.y);\n    },\n    _updateEdgeDelegate: function (item, x, y) {\n        var edgeShape = item.get('edgeDelegate');\n        var self = this;\n        if (!edgeShape) {\n            var parent_1 = self.graph.get('group');\n            edgeShape = parent_1.addShape('line', {\n                attrs: {\n                    x1: this.originInfo.x,\n                    y1: this.originInfo.y,\n                    x2: x,\n                    y2: y,\n                    stroke: '#1890FF',\n                    lineDash: [4, 4],\n                    lineWidth: 1\n                }\n            });\n            edgeShape.set('capture', false);\n            item.set('edgeDelegate', edgeShape);\n        }\n        edgeShape.attr({ x2: x, y2: y });\n        this.graph.paint();\n    },\n    onDragStart: function (e) {\n        var anchorIndex = e.item.get(\"index\");\n        var sourceNode = e.target.getParent().getParent().get(\"item\");\n        var point = sourceNode.getAnchorPoints()[anchorIndex];\n        this.originInfo = {\n            x: point.x,\n            y: point.y,\n            sourceNode: sourceNode,\n            sourceAnchor: anchorIndex\n        };\n        this.showAllAnchor();\n        this.graph.set('edgeDragging', true);\n        this.target = e.item;\n        console.log(point);\n        console.log(this.origin);\n    },\n    onDragEnd: function (e) {\n        this.clearAllAnchor();\n        var delegateShape = e.item.get('edgeDelegate');\n        if (delegateShape) {\n            delegateShape.remove();\n        }\n        var edgeEndCallback = this.graph.get('edgeEndCallback');\n        var isAddEdge = edgeEndCallback(this.originInfo.sourceNode, this.originInfo.targetNode);\n        if (!isAddEdge)\n            return;\n        if (this.originInfo.targetNode) {\n            this.graph.add('edge', {\n                source: this.originInfo.sourceNode.get('id'),\n                target: this.originInfo.targetNode.get('id'),\n                sourceAnchor: this.originInfo.sourceAnchor,\n                targetAnchor: this.originInfo.targetAnchor,\n                type: 'cvte-polyline'\n            });\n        }\n        this.graph.setItemState(this.originInfo.sourceNode, 'hoverNode', false);\n    },\n    clearAllAnchor: function () {\n        var allNode = this.graph.getNodes();\n        allNode.forEach(function (node) {\n            var group = node.getContainer();\n            group.clearAnchor();\n        });\n        this.graph.setItemState(this.originInfo.sourceNode, 'hover', false);\n    },\n    showAllAnchor: function (func) {\n        var _this = this;\n        var allNode = this.graph.getNodes();\n        var sourceGroupId = this.originInfo.sourceNode.getModel().groupId;\n        allNode.forEach(function (node) {\n            var group = node.getContainer();\n            if (_this.originInfo.sourceNode === node) {\n                group.anchorShapes.forEach(function (a) {\n                    a.get('item').showHotpot();\n                    var index = a.get('item').get('index');\n                    if (index === _this.originInfo.sourceAnchor)\n                        _this.graph.setItemState(a.get('item'), 'anchor-active', true);\n                });\n                return;\n            }\n            group.showAnchor();\n            group.anchorShapes.forEach(function (a) { return a.get('item').showHotpot(); });\n        });\n    }\n};\nvar HoverAnchor = (function (_super) {\n    __extends(HoverAnchor, _super);\n    function HoverAnchor(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cvte-drag-anchor';\n        _this.register(Event);\n        return _this;\n    }\n    HoverAnchor.prototype.getEvents = function () {\n        return {\n            \"anchor:dragstart\": \"onDragStart\",\n            \"anchor:dragend\": \"onDragEnd\",\n            \"anchor:dragenter\": \"onDragEnter\",\n            \"anchor:dragleave\": \"onDragLeave\",\n            \"anchor:drag\": \"onDrag\"\n        };\n    };\n    return HoverAnchor;\n}(registerBehavior_1.default));\nexports.default = HoverAnchor;\n\n\n/***/ }),\n/* 21 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onNodeClick: function (e) {\n        this.clearAllSelected();\n        this.graph.setItemState(e.item, 'selectNode', true);\n        this.graph.set('selectedItem', e.item);\n        this.graph.emit('onSelectNode', e.item);\n        this.graph.set('noKeyDown', false);\n    },\n    onEdgeClick: function (e) {\n        this.clearAllSelected();\n        this.graph.setItemState(e.item, 'selectEdge', true);\n        this.graph.set('selectedItem', e.item);\n        this.graph.set('noKeyDown', false);\n    },\n    onCanvasClick: function (e) {\n        this.graph.set('noKeyDown', false);\n        this.clearAllSelected();\n    },\n    clearAllSelected: function () {\n        var _this = this;\n        var selectedNode = this.graph.findAllByState('node', 'selectNode');\n        this.graph.set('selectedItem', null);\n        var selectedEdge = this.graph.findAllByState('edge', 'selectEdge');\n        selectedNode.forEach(function (node) {\n            _this.graph.setItemState(node, 'selectNode', false);\n        });\n        selectedEdge.forEach(function (node) {\n            _this.graph.setItemState(node, 'selectEdge', false);\n        });\n        this.graph.emit('onClearSelectNode', null);\n    },\n    onNodeDoubleClick: function (e) {\n        this.graph.setItemState(e.item, 'selectNode', true);\n        this.graph.set('selectedItem', e.item);\n        this.graph.emit('onDoubleClickNode', e.item);\n        this.graph.set('noKeyDown', false);\n    }\n};\nvar SelectNode = (function (_super) {\n    __extends(SelectNode, _super);\n    function SelectNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cvte-select-node';\n        _this.register(Event);\n        return _this;\n    }\n    SelectNode.prototype.getEvents = function () {\n        return {\n            'node:click': 'onNodeClick',\n            'canvas:click': 'onCanvasClick',\n            'edge:click': 'onEdgeClick',\n            'node:dblclick': 'onNodeDoubleClick'\n        };\n    };\n    return SelectNode;\n}(registerBehavior_1.default));\nexports.default = SelectNode;\n\n\n/***/ }),\n/* 22 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onEdgeMouseEnter: function (e) {\n        this.graph.setItemState(e.item, 'hoverEdge', true);\n    },\n    onEdgeMouseLeave: function (e) {\n        this.graph.setItemState(e.item, 'hoverEdge', false);\n    }\n};\nvar HoverNode = (function (_super) {\n    __extends(HoverNode, _super);\n    function HoverNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cvte-hover-edge';\n        _this.register(Event);\n        return _this;\n    }\n    HoverNode.prototype.getEvents = function () {\n        return {\n            'edge:mouseenter': 'onEdgeMouseEnter',\n            'edge:mouseleave': 'onEdgeMouseLeave'\n        };\n    };\n    return HoverNode;\n}(registerBehavior_1.default));\nexports.default = HoverNode;\n\n\n/***/ }),\n/* 23 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onKeyDown: function (e) {\n        var item = this.graph.get('selectedItem');\n        if (this.graph.get('noKeyDown')) {\n            return;\n        }\n        if (e.keyCode === 8 && item) {\n            this.graph.remove(item);\n            this.graph.set('selectedItem', null);\n        }\n    }\n};\nvar HoverNode = (function (_super) {\n    __extends(HoverNode, _super);\n    function HoverNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cvte-delete-item';\n        _this.register(Event);\n        return _this;\n    }\n    HoverNode.prototype.getEvents = function () {\n        return {\n            'keydown': 'onKeyDown'\n        };\n    };\n    return HoverNode;\n}(registerBehavior_1.default));\nexports.default = HoverNode;\n\n\n/***/ })\n/******/ ])[\"default\"];\n});\n\n//# sourceURL=webpack:///./node_modules/_power-workflow@0.0.5@power-workflow/dist/power-workflow.js?");
+eval("(function webpackUniversalModuleDefinition(root, factory) {\n\tif(true)\n\t\tmodule.exports = factory();\n\telse {}\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// define __esModule on exports\n/******/ \t__webpack_require__.r = function(exports) {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/\n/******/ \t// create a fake namespace object\n/******/ \t// mode & 1: value is a module id, require it\n/******/ \t// mode & 2: merge all properties of value into the ns\n/******/ \t// mode & 4: return value when already ns object\n/******/ \t// mode & 8|1: behave like require\n/******/ \t__webpack_require__.t = function(value, mode) {\n/******/ \t\tif(mode & 1) value = __webpack_require__(value);\n/******/ \t\tif(mode & 8) return value;\n/******/ \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n/******/ \t\tvar ns = Object.create(null);\n/******/ \t\t__webpack_require__.r(ns);\n/******/ \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n/******/ \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n/******/ \t\treturn ns;\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 5);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerManger_1 = __importDefault(__webpack_require__(1));\nvar RegisterBehavior = (function (_super) {\n    __extends(RegisterBehavior, _super);\n    function RegisterBehavior(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = '';\n        return _this;\n    }\n    RegisterBehavior.prototype.register = function (events) {\n        if (events === void 0) { events = {}; }\n        var self = this;\n        this.G6.registerBehavior(this.name, __assign({ getEvents: this.getEvents }, events));\n    };\n    RegisterBehavior.prototype.getEvents = function () {\n        return {};\n    };\n    return RegisterBehavior;\n}(registerManger_1.default));\nexports.default = RegisterBehavior;\n\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar RegisterManger = (function () {\n    function RegisterManger(G6) {\n        this.extendedName = null;\n        this.G6 = G6;\n    }\n    RegisterManger.prototype.register = function (events) {\n        this.G6[this.registerType](this.name, {}, this.extendedName);\n    };\n    return RegisterManger;\n}());\nexports.default = RegisterManger;\n\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerNode_1 = __webpack_require__(3);\nvar nodeStyle_1 = __importDefault(__webpack_require__(4));\nvar AnchorItem_1 = __importDefault(__webpack_require__(8));\nvar stateList = {\n    'hoverNode': function (item, value) {\n        var group = item.getContainer();\n        if (value) {\n            group.showAnchor();\n        }\n        else {\n            group.clearAnchor();\n        }\n    },\n    selectNode: function (item, value) {\n        var group = item.getContainer();\n        var current = group.getChildByIndex(0);\n        if (value) {\n            current.attr(\"opacity\", 1);\n        }\n        else {\n            current.attr(\"opacity\", 0.6);\n        }\n    },\n    visibleNode: function (item, value) {\n        var group = item.get('group');\n        var nodeModel = item.getModel();\n        console.log(nodeModel);\n        if (value === 'hide') {\n            var startPos = nodeModel.startPos;\n            var endPos_1 = nodeModel.endPos;\n            var distanceX = Math.abs(endPos_1.x - startPos.x);\n            var distanceY = Math.abs(endPos_1.Y - startPos.Y);\n            var disX_1 = 20 / 1000 * distanceX;\n            var disY_1 = 20 / 1000 * distanceY;\n            var startX_1 = nodeModel.startPos.x;\n            var startY_1 = nodeModel.startPos.x;\n            var inc_1 = setInterval(function () {\n                if (startX_1 < endPos_1.x) {\n                    clearInterval(inc_1);\n                }\n                item.update({\n                    x: startX_1 -= disX_1,\n                    y: startY_1 -= disY_1\n                });\n            }, 20);\n        }\n        else {\n        }\n    }\n};\nvar BaseNode = (function (_super) {\n    __extends(BaseNode, _super);\n    function BaseNode(Grid, extendsed) {\n        if (extendsed === void 0) { extendsed = false; }\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'base-node';\n        _this.size = { width: 180, height: 70 };\n        _this.canvas = null;\n        if (!extendsed)\n            _this.register();\n        return _this;\n    }\n    BaseNode.prototype.draw = function (cfg, group, inc) {\n        this.size = this.computeNodeSize(cfg);\n        var keyShape = this.drawKeyShape(cfg, group);\n        return keyShape;\n    };\n    BaseNode.prototype.afterDraw = function (cfg, group, inc) {\n    };\n    BaseNode.prototype.getTextWidth = function (text) {\n        this.canvas = this.canvas || document.createElement(\"canvas\");\n        var context = this.canvas.getContext(\"2d\");\n        context.font = \"10px\";\n        var metrics = context.measureText(text);\n        return metrics.width - text.length * 2;\n    };\n    BaseNode.prototype.getTextWidth1 = function (fontSize, text) {\n        var span = document.createElement(\"span\");\n        span.style.fontSize = fontSize;\n        var result = {};\n        result.width = span.offsetWidth;\n        result.height = span.offsetWidth;\n        span.style.visibility = \"hidden\";\n        document.body.appendChild(span);\n        if (typeof span.textContent != \"undefined\")\n            span.textContent = text;\n        else\n            span.innerText = text;\n        result = span.offsetWidth - result.width;\n        span.parentNode.removeChild(span);\n        return result - text.length * 1.5;\n    };\n    BaseNode.prototype.drawKeyShape = function (cfg, group) {\n        var width = this.size.width;\n        var height = this.size.height;\n        var _a = cfg.style, style = _a === void 0 ? {} : _a;\n        var attrs = __assign(__assign(__assign({}, nodeStyle_1.default.base.origin), { width: width,\n            height: height }), style);\n        var keyShape = group.addShape('rect', {\n            attrs: attrs,\n            name: 'base-node',\n            className: 'base-node'\n        });\n        this.initAnchor(group);\n        return keyShape;\n    };\n    BaseNode.prototype.initAnchor = function (group) {\n        var _this = this;\n        group.anchorShapes = [];\n        group.showAnchor = function () {\n            _this.drawAnchor(group);\n        };\n        group.clearAnchor = function () {\n            _this.clearAnchor(group);\n        };\n    };\n    BaseNode.prototype.drawAnchor = function (group) {\n        var bbox = group.get('children')[0].getBBox();\n        this.getAnchorPoints().forEach(function (point, index) {\n            var anchorContainer = group.addGroup();\n            new AnchorItem_1.default({\n                group: anchorContainer,\n                index: index,\n                model: {\n                    style: {\n                        x: bbox.minX + bbox.width * point[0],\n                        y: bbox.minY + bbox.height * point[1]\n                    }\n                }\n            });\n            group.anchorShapes.push(anchorContainer);\n        });\n    };\n    BaseNode.prototype.clearAnchor = function (group) {\n        group.anchorShapes && group.anchorShapes.forEach(function (a) { return a.remove(); });\n        group.anchorShapes = [];\n    };\n    BaseNode.prototype.computeNodeSize = function (cfg) {\n        var size = cfg.size && Array.isArray(cfg.size) ? cfg.size : [180, 70];\n        var width = size[0] ? size[0] : 180;\n        var height = size[1] ? size[1] : 70;\n        return { width: width, height: height };\n    };\n    BaseNode.prototype.getAnchorPoints = function () {\n        return [\n            [0.5, 0],\n            [1, 0.5],\n            [0.5, 1],\n            [0, 0.5],\n        ];\n    };\n    BaseNode.prototype.setState = function (name, value, item) {\n        stateList[name] && stateList[name].call(this, item, value);\n    };\n    return BaseNode;\n}(registerNode_1.RegisterNode));\nexports.default = BaseNode;\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.RegisterNode = void 0;\nvar registerManger_1 = __importDefault(__webpack_require__(1));\nvar RegisterNode = (function (_super) {\n    __extends(RegisterNode, _super);\n    function RegisterNode(G6) {\n        var _this = _super.call(this, G6) || this;\n        _this.name = '';\n        _this.extendedName = '';\n        return _this;\n    }\n    RegisterNode.prototype.register = function () {\n        var self = this;\n        this.G6.registerNode(this.name, {\n            draw: function (cfg, group) {\n                return self.draw.call(self, cfg, group, this);\n            },\n            afterDraw: function (cfg, group) {\n                return self.afterDraw.call(self, cfg, group, this);\n            },\n            update: function (cfg, group) {\n                self.update.call(self, cfg, group, this);\n            },\n            afterUpdate: function (cfg, group) {\n                self.afterUpdate.call(self, cfg, group, this);\n            },\n            setState: function (name, value, item) {\n                self.setState.call(self, name, value, item, this);\n            },\n            getAnchorPoints: function () {\n                return self.getAnchorPoints.call(self);\n            },\n            drawAnchor: function () {\n                return self.drawAnchor && self.drawAnchor.apply(self, arguments);\n            }\n        });\n    };\n    ;\n    RegisterNode.prototype.draw = function (cfg, group, inc) {\n        var keyShape = group.addShape('rect', {\n            attrs: {\n                width: 170,\n                height: 70,\n                fill: '#C7E4FF',\n                stroke: '#61B3FF',\n                opacity: 0.6,\n                lineWidth: 2,\n                radius: 8,\n                cursor: 'move'\n            },\n            name: 'power-rect-node',\n            className: 'base-node'\n        });\n        return keyShape;\n    };\n    ;\n    RegisterNode.prototype.update = function (cfg, group, inc) { };\n    ;\n    RegisterNode.prototype.afterUpdate = function (cfg, group, inc) { };\n    ;\n    RegisterNode.prototype.afterDraw = function (cfg, group, inc) { };\n    RegisterNode.prototype.setState = function (name, value, item, inc) { };\n    ;\n    RegisterNode.prototype.drawAnchor = function (group) { };\n    RegisterNode.prototype.getAnchorPoints = function () {\n        return [\n            [0.5, 0],\n            [1, 0.5],\n            [0.5, 1],\n            [0, 0.5],\n        ];\n    };\n    return RegisterNode;\n}(registerManger_1.default));\nexports.RegisterNode = RegisterNode;\n\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.default = {\n    base: {\n        origin: {\n            fill: '#C7E4FF',\n            stroke: '#61B3FF',\n            opacity: 0.6,\n            lineWidth: 2,\n            radius: 8,\n            cursor: 'move'\n        }\n    },\n    leftText: {\n        origin: {\n            fill: '#014445',\n            fontSize: 12,\n            x: 12,\n            y: 12,\n            textBaseline: 'middle'\n        }\n    },\n    titleText: {\n        origin: {\n            fontSize: 14,\n            stroke: '#2E4553',\n            textBaseline: 'middle',\n            textAlign: \"center\",\n            cursor: 'move'\n        }\n    },\n    statusShape: {\n        r: 3,\n        text: {\n            textBaseline: 'middle',\n            textAlign: \"center\",\n            fontSize: 12,\n        },\n        origin: {\n            fill: '#00BB2F',\n        },\n        success: {\n            fill: '#00BB2F',\n        },\n        waiting: {\n            fill: '#FE9201',\n        },\n        underway: {\n            fill: '#1990FF',\n        },\n        faild: {\n            fill: '#CA0101'\n        },\n        stop: {\n            fill: '#72007B'\n        }\n    },\n    rightText: {\n        origin: {\n            fill: '#014445',\n            fontSize: 12,\n            textBaseline: 'middle',\n            textAlign: \"right\",\n        }\n    }\n};\n\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar Workflow_1 = __importDefault(__webpack_require__(6));\nvar registerNode_1 = __webpack_require__(3);\nObject.defineProperty(exports, \"RegisterNode\", { enumerable: true, get: function () { return registerNode_1.RegisterNode; } });\nexports.default = Workflow_1.default;\n\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nvar __spreadArrays = (this && this.__spreadArrays) || function () {\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n            r[k] = a[j];\n    return r;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar g6_1 = __importStar(__webpack_require__(7));\nvar BaseNode_1 = __importDefault(__webpack_require__(2));\nvar FlowNode_1 = __importDefault(__webpack_require__(11));\nvar CvtePolyline1_1 = __importDefault(__webpack_require__(12));\nvar circle_1 = __importDefault(__webpack_require__(13));\nvar BaseAnchor_1 = __importDefault(__webpack_require__(14));\nvar behavior_1 = __webpack_require__(17);\nvar gird = new g6_1.default.Grid({});\nvar CvteWorkflow = (function () {\n    function CvteWorkflow(_a) {\n        var _this = this;\n        var container = _a.container, _b = _a.width, width = _b === void 0 ? document.body.clientWidth : _b, _c = _a.height, height = _c === void 0 ? document.body.clientHeight : _c, _d = _a.plugins, plugins = _d === void 0 ? [] : _d, _e = _a.mode, mode = _e === void 0 ? \"view\" : _e, _f = _a.initEdges, initEdges = _f === void 0 ? [] : _f, _g = _a.initNodes, initNodes = _g === void 0 ? [] : _g, _h = _a.registerNodes, registerNodes = _h === void 0 ? [] : _h, edgeCallback = _a.edgeCallback, layout = _a.layout;\n        this.edgeEndCallback = function (sourceNode, targetNode) {\n            if (!_this.edgeCallback)\n                return true;\n            return _this.edgeCallback(sourceNode, targetNode);\n        };\n        this.container = container;\n        var check = this.checkProps();\n        if (!check)\n            return;\n        this.width = width;\n        this.height = height;\n        this.plugins = plugins;\n        this.mode = mode;\n        this.initEdges = initEdges;\n        this.initNodes = initNodes;\n        this.G6 = g6_1.default;\n        this.registerNodes = registerNodes;\n        this.edgeCallback = edgeCallback;\n        this.layout = layout;\n        new BaseAnchor_1.default(g6_1.default);\n        this.initRegister();\n        this.init();\n    }\n    CvteWorkflow.prototype.init = function () {\n        var _this = this;\n        this.graph = new g6_1.Graph({\n            container: this.container,\n            width: this.width,\n            height: this.height,\n            enabledStack: true,\n            plugins: __spreadArrays([gird], this.plugins),\n            modes: this.initMode(),\n            layout: this.layout\n        });\n        this.graph.set('edgeEndCallback', this.edgeEndCallback);\n        document.addEventListener('click', function (e) {\n            if (e.target['nodeName'] === 'CANVAS') {\n                return;\n            }\n            _this.graph.set('noKeyDown', true);\n        });\n        this.initData();\n    };\n    CvteWorkflow.prototype.changeMode = function () { };\n    CvteWorkflow.prototype.getWorkflowData = function () { };\n    CvteWorkflow.prototype.onSelectedItem = function () { };\n    CvteWorkflow.prototype.addNode = function () { };\n    CvteWorkflow.prototype.addEdge = function () { };\n    CvteWorkflow.prototype.checkProps = function () {\n        if (!this.container) {\n            new Error(\"container is required!\");\n            return false;\n        }\n        return true;\n    };\n    CvteWorkflow.prototype.initMode = function () {\n        return {\n            default: ['drag-canvas', { type: \"zoom-canvas\", sensitivity: 1 }],\n            edit: ['drag-canvas', 'cover-hover-node', 'cover-hover-anchor', 'cover-drag-node', 'cover-drag-anchor', 'cover-select-node', 'cover-hover-edge', 'cover-delete-item', 'cover-add-node'],\n            view: ['drag-canvas', 'cover-select-node', 'cover-drag-node']\n        };\n    };\n    CvteWorkflow.prototype.initData = function () {\n        var data = {\n            nodes: this.initNodes,\n            edges: this.initEdges\n        };\n        this.graph.data(data);\n        this.graph.render();\n    };\n    CvteWorkflow.prototype.initRegister = function () {\n        var _this = this;\n        __spreadArrays([BaseNode_1.default, FlowNode_1.default], this.registerNodes).forEach(function (SelfNode) {\n            new SelfNode(_this.G6);\n        });\n        [behavior_1.HoverNode, behavior_1.HoverAnchor, behavior_1.DragNode, behavior_1.DragAnchor, behavior_1.SelectNode, behavior_1.HoverEdge, behavior_1.DeleteItem, behavior_1.addNode].forEach(function (SelfNode) {\n            new SelfNode(_this.G6);\n        });\n        CvtePolyline1_1.default(g6_1.default);\n        circle_1.default(g6_1.default);\n    };\n    return CvteWorkflow;\n}());\nexports.default = CvteWorkflow;\n\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @antv/g6 */ \"./node_modules/_@antv_g6@4.2.1@@antv/g6/es/index.js\");\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar item_1 = __importDefault(__webpack_require__(9));\nvar util_1 = __webpack_require__(10);\nvar Anchor = (function (_super) {\n    __extends(Anchor, _super);\n    function Anchor(props) {\n        var _this = _super.call(this, util_1.deepMix(props, {\n            type: \"anchor\",\n            isActived: true,\n            model: {\n                type: \"anchor\",\n                style: {\n                    r: 4,\n                    fill: \"#fff\",\n                    shadowBlur: 4,\n                    shadowColor: \"#666\",\n                    cursor: \"crosshair\"\n                }\n            }\n        })) || this;\n        _this.enableCapture(true);\n        _this.isAnchor = true;\n        _this.toFront();\n        return _this;\n    }\n    Anchor.prototype.showHotpot = function () {\n        this.hotpot = this.getContainer().addShape('marker', {\n            attrs: __assign(__assign({}, this.get('model').style), { r: 12, fill: '#1890FF', fillOpacity: .25 }),\n            name: 'hotpot-shape',\n            draggable: true,\n        });\n        this.hotpot.toFront();\n    };\n    Anchor.prototype.setHotspotActived = function (active) {\n        this.hotpot && active ? this.hotpot.attr({ r: 14, fill: '#0084FF' }) : this.hotpot.attr({ r: 12, fill: '#1890FF' });\n    };\n    return Anchor;\n}(item_1.default));\nexports.default = Anchor;\n\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @antv/g6-core/lib/item/item */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/lib/item/item.js\");\n\n/***/ }),\n/* 10 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @antv/util */ \"./node_modules/_@antv_util@2.0.13@@antv/util/esm/index.js\");\n\n/***/ }),\n/* 11 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar BaseNode_1 = __importDefault(__webpack_require__(2));\nvar nodeStyle_1 = __importDefault(__webpack_require__(4));\nvar FlowNode = (function (_super) {\n    __extends(FlowNode, _super);\n    function FlowNode(Grid) {\n        var _this = _super.call(this, Grid, true) || this;\n        _this.name = 'flow-node';\n        _this.register();\n        return _this;\n    }\n    FlowNode.prototype.draw = function (cfg, group, inc) {\n        this.size = this.computeNodeSize(cfg);\n        var keyShape = this.drawKeyShape(cfg, group);\n        this.drawLeftText(cfg, group);\n        this.drawTitleText(cfg, group);\n        this.drawStatusShape(cfg, group);\n        this.drawRightText(cfg, group);\n        this.drawIcon(cfg.icon1, group, 6);\n        this.drawIcon(cfg.icon2, group, 24);\n        return keyShape;\n    };\n    FlowNode.prototype.afterDraw = function (cfg, group) {\n        if (cfg.taskStatusValue === 3) {\n            this.drawStatusAnimateShape(cfg, group);\n        }\n    };\n    FlowNode.prototype.drawLeftText = function (cfg, group) {\n        var leftText = cfg.leftText, _a = cfg.leftTextStyle, leftTextStyle = _a === void 0 ? {} : _a;\n        if (!leftText)\n            return;\n        var attrs = __assign(__assign(__assign({}, nodeStyle_1.default.leftText.origin), { text: leftText }), leftTextStyle);\n        group.addShape('text', {\n            attrs: attrs,\n            name: 'power-left-text',\n            className: 'node-left-text'\n        });\n    };\n    FlowNode.prototype.drawRightText = function (cfg, group) {\n        var rightText = cfg.rightText, _a = cfg.rightTextStyle, rightTextStyle = _a === void 0 ? {} : _a;\n        if (!rightText)\n            return;\n        var _b = this.size, width = _b.width, height = _b.height;\n        var attrs = __assign(__assign(__assign({}, nodeStyle_1.default.rightText.origin), { text: rightText, x: width - 12, y: height - 12 }), rightTextStyle);\n        group.addShape('text', {\n            attrs: attrs,\n            name: 'power-right-text',\n            className: 'right-text'\n        });\n    };\n    FlowNode.prototype.drawTitleText = function (cfg, group) {\n        var titleText = cfg.titleText, _a = cfg.titleTextStyle, titleTextStyle = _a === void 0 ? {} : _a;\n        if (!titleText)\n            return;\n        var width = this.size.width;\n        var height = this.size.height;\n        if (titleText.length > 25) {\n            titleText = titleText.slice(0, 24) + '...';\n        }\n        var attrs = __assign(__assign(__assign({}, nodeStyle_1.default.titleText.origin), { text: titleText, x: width / 2, y: height / 2 }), titleTextStyle);\n        group.addShape('text', {\n            attrs: attrs,\n            name: 'power-title-text',\n            className: 'node-title-text',\n            capture: true,\n            draggable: true\n        });\n    };\n    FlowNode.prototype.getStatusStyle = function (cfg) {\n        var taskStatusValue = cfg.taskStatusValue;\n        var statusArr = [3, 4, 5, 10];\n        var style = {\n            3: nodeStyle_1.default.statusShape.underway,\n            1: nodeStyle_1.default.statusShape.waiting,\n            5: nodeStyle_1.default.statusShape.success,\n            4: nodeStyle_1.default.statusShape.faild,\n            10: nodeStyle_1.default.statusShape.stop\n        };\n        if (!taskStatusValue || statusArr.indexOf(taskStatusValue) < 0)\n            taskStatusValue = 1;\n        return style[taskStatusValue];\n    };\n    FlowNode.prototype.drawStatusShape = function (cfg, group) {\n        var width = this.size.width;\n        var taskStatus = cfg.taskStatus;\n        if (!taskStatus)\n            return;\n        var selfStyle = this.getStatusStyle(cfg);\n        this.drawStatusText(cfg, group);\n        var attrs = __assign(__assign({}, selfStyle), { r: nodeStyle_1.default.statusShape.r, x: width - this.getTextWidth1('14px', taskStatus) - 10, y: 12 });\n        group.addShape('circle', {\n            attrs: attrs,\n            name: 'power-status-text',\n            className: 'status-text',\n            capture: true,\n            draggable: true\n        });\n    };\n    FlowNode.prototype.drawStatusText = function (cfg, group) {\n        var width = this.size.width;\n        var taskStatus = cfg.taskStatus, _a = cfg.taskStatusStyle, taskStatusStyle = _a === void 0 ? {} : _a;\n        var selfStyle = this.getStatusStyle(cfg);\n        var attrs = __assign(__assign(__assign(__assign({}, selfStyle), nodeStyle_1.default.statusShape.text), { text: taskStatus, x: width - this.getTextWidth1('14px', taskStatus) / 2 - 4, y: 12 }), taskStatusStyle);\n        group.addShape('text', {\n            attrs: attrs,\n            name: 'power-status-node',\n            className: 'status-node',\n            capture: true,\n            draggable: true\n        });\n    };\n    FlowNode.prototype.drawIcon = function (icon, group, x) {\n        if (x === void 0) { x = 6; }\n        var height = this.size.height;\n        group.addShape(\"image\", {\n            attrs: {\n                img: icon,\n                x: x,\n                y: height - 20,\n                width: 16,\n                height: 16,\n                shadowColor: '#E6E6E6',\n                shadowBlur: 4,\n            },\n            name: \"image-shape\"\n        });\n    };\n    FlowNode.prototype.drawStatusAnimateShape = function (cfg, group) {\n        var width = this.size.width;\n        var x = width - 52;\n        var y = 12;\n        var r = nodeStyle_1.default.statusShape.r;\n        var back1 = this.createStatusAnimateShape(cfg, group, 'back1-shaoe', -3, 0.6);\n        var back2 = this.createStatusAnimateShape(cfg, group, 'back1-shaoe', -2, 0.6);\n        var back3 = this.createStatusAnimateShape(cfg, group, 'back1-shaoe', -1, 0.6);\n        this.createStatusAnimate(r, back1, 0);\n        this.createStatusAnimate(r, back2, 1000);\n        this.createStatusAnimate(r, back3, 2000);\n    };\n    FlowNode.prototype.createStatusAnimate = function (r, shape, delay) {\n        shape.animate({\n            r: r + 5,\n            opacity: 0.1\n        }, {\n            duration: 3000,\n            easing: \"easeCubic\",\n            delay: delay,\n            repeat: true\n        });\n    };\n    FlowNode.prototype.createStatusAnimateShape = function (cfg, group, name, zIndex, opacity) {\n        var width = this.size.width;\n        var x = width - this.getTextWidth1('14px', cfg.taskStatus) - 10;\n        var y = 12;\n        return group.addShape(\"circle\", {\n            zIndex: zIndex,\n            attrs: {\n                x: x,\n                y: y,\n                r: nodeStyle_1.default.statusShape.r,\n                fill: nodeStyle_1.default.statusShape.underway.fill,\n                opacity: opacity\n            },\n            name: name\n        });\n    };\n    return FlowNode;\n}(BaseNode_1.default));\nexports.default = FlowNode;\n\n\n/***/ }),\n/* 12 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar uniqBy = function (arr, key) {\n    var result = [];\n    arr.forEach(function (i) {\n        if (!result.find(function (r) { return r[key] === i[key]; }))\n            result.push(i);\n    });\n    return result;\n};\nvar stateList = {\n    hoverEdge: function (item, value) {\n        var group = item.getContainer();\n        var current = group.getChildByIndex(0);\n        if (value) {\n            current.attr(\"stroke\", '#60A1DE');\n        }\n        else {\n            current.attr(\"stroke\", '#164979');\n        }\n    },\n    selectEdge: function (item, value) {\n        var group = item.getContainer();\n        var current = group.getChildByIndex(0);\n        if (value) {\n            current.attr({\n                \"opacity\": 1,\n                \"lineWidth\": 2\n            });\n        }\n        else {\n            current.attr({\n                \"opacity\": 0.6,\n                \"lineWidth\": 1\n            });\n        }\n    }\n};\nfunction default_1(G6) {\n    G6.registerEdge('cvte-polyline', {\n        draw: function (cfg, group) {\n            this.group = group;\n            var startPoint = cfg.startPoint;\n            var endPoint = cfg.endPoint;\n            var shape = group.addShape('path', {\n                className: 'edge-shape',\n                attrs: {\n                    stroke: '#164979',\n                    lineWidth: 1,\n                    lineAppendWidth: 8,\n                    path: this.computePath(cfg),\n                    opacity: 0.6,\n                    endArrow: {\n                        path: 'M 0,0 L 6,-2 Q 5 0,6 2 Z',\n                        lineDash: [0, 0],\n                        fill: '#164979',\n                    }\n                },\n                name: 'edge-shape',\n            });\n            return shape;\n        },\n        computePath: function (cfg) {\n            var startPoint = cfg.startPoint;\n            var endPoint = cfg.endPoint;\n            var controlPoints = this.getControlPoints(cfg);\n            var points = [startPoint];\n            if (controlPoints) {\n                points = points.concat(controlPoints);\n            }\n            points.push(endPoint);\n            return this.getPath(points);\n        },\n        getControlPoints: function (cfg) {\n            if (!cfg.sourceNode) {\n                return cfg.controlPoints;\n            }\n            var obj = {\n                sNode: cfg.sourceNode,\n                tNode: cfg.targetNode,\n                sPort: cfg.startPoint,\n                tPort: cfg.endPoint,\n                offset: 15\n            };\n            return this.polylineFinding(obj);\n        },\n        polylineFinding: function (_a) {\n            var sNode = _a.sNode, tNode = _a.tNode, sPort = _a.sPort, tPort = _a.tPort, offset = _a.offset;\n            var sourceBBox = sNode && sNode.getBBox() ? sNode.getBBox() : this.getPointBBox(sPort);\n            var targetBBox = tNode && tNode.getBBox() ? tNode.getBBox() : this.getPointBBox(tPort);\n            var sBBox = this.getExpandedBBox(sourceBBox, offset);\n            var tBBox = this.getExpandedBBox(targetBBox, offset);\n            var sPoint = this.getExpandedPort(sBBox, sPort);\n            var tPoint = this.getExpandedPort(tBBox, tPort);\n            var points = this.getConnectablePoints(sBBox, tBBox, sPoint, tPoint);\n            points = this.filterConnectablePoints(points, sBBox);\n            points = this.filterConnectablePoints(points, tBBox);\n            var polylinePoints = this.AStar(points, sPoint, tPoint, sBBox, tBBox);\n            return polylinePoints;\n        },\n        getPointBBox: function (t) {\n            return { centerX: t.x, centerY: t.y, minX: t.x, minY: t.y, maxX: t.x, maxY: t.y, height: 0, width: 0 };\n        },\n        getExpandedBBox: function (bbox, offset) {\n            return 0 === bbox.width && 0 === bbox.height ? bbox : {\n                centerX: bbox.centerX,\n                centerY: bbox.centerY,\n                minX: bbox.minX - offset,\n                minY: bbox.minY - offset,\n                maxX: bbox.maxX + offset,\n                maxY: bbox.maxY + offset,\n                height: bbox.height + 2 * offset,\n                width: bbox.width + 2 * offset,\n            };\n        },\n        getExpandedPort: function (bbox, point) {\n            return Math.abs(point.x - bbox.centerX) / bbox.width > Math.abs(point.y - bbox.centerY) / bbox.height\n                ? { x: point.x > bbox.centerX ? bbox.maxX : bbox.minX, y: point.y }\n                : { x: point.x, y: point.y > bbox.centerY ? bbox.maxY : bbox.minY };\n        },\n        getConnectablePoints: function (sBBox, tBBox, sPoint, tPoint) {\n            var _this = this;\n            var lineBBox = this.getBBoxFromVertexes(sPoint, tPoint);\n            var outerBBox = this.combineBBoxes(sBBox, tBBox);\n            var sLineBBox = this.combineBBoxes(sBBox, lineBBox);\n            var tLineBBox = this.combineBBoxes(tBBox, lineBBox);\n            var points = [];\n            points = points.concat(this.vertexOfBBox(sLineBBox), this.vertexOfBBox(tLineBBox), this.vertexOfBBox(outerBBox));\n            var centerPoint = { x: outerBBox.centerX, y: outerBBox.centerY };\n            [outerBBox, sLineBBox, tLineBBox, lineBBox].forEach(function (bbox) {\n                points = points.concat(_this.crossPointsByLineAndBBox(bbox, centerPoint));\n            });\n            points.push({ x: sPoint.x, y: tPoint.y });\n            points.push({ x: tPoint.x, y: sPoint.y });\n            return points;\n        },\n        combineBBoxes: function (sBBox, tBBox) {\n            var minX = Math.min(sBBox.minX, tBBox.minX), minY = Math.min(sBBox.minY, tBBox.minY), maxX = Math.max(sBBox.maxX, tBBox.maxX), maxY = Math.max(sBBox.maxY, tBBox.maxY);\n            return {\n                centerX: (minX + maxX) / 2,\n                centerY: (minY + maxY) / 2,\n                minX: minX,\n                minY: minY,\n                maxX: maxX,\n                maxY: maxY,\n                height: maxY - minY,\n                width: maxX - minX,\n            };\n        },\n        vertexOfBBox: function (bbox) {\n            return [{ x: bbox.minX, y: bbox.minY }, { x: bbox.maxX, y: bbox.minY }, { x: bbox.maxX, y: bbox.maxY }, { x: bbox.minX, y: bbox.maxY }];\n        },\n        crossPointsByLineAndBBox: function (bbox, centerPoint) {\n            var crossPoints = [];\n            if (!(centerPoint.x < bbox.minX || centerPoint.x > bbox.maxX))\n                crossPoints = crossPoints.concat([{ x: centerPoint.x, y: bbox.minY }, { x: centerPoint.x, y: bbox.maxY }]);\n            if (!(centerPoint.y < bbox.minY || centerPoint.y > bbox.maxY))\n                crossPoints = crossPoints.concat([{ x: bbox.minX, y: centerPoint.y }, { x: bbox.maxX, y: centerPoint.y }]);\n            return crossPoints;\n        },\n        getBBoxFromVertexes: function (sPoint, tPoint) {\n            var minX = Math.min(sPoint.x, tPoint.x), maxX = Math.max(sPoint.x, tPoint.x), minY = Math.min(sPoint.y, tPoint.y), maxY = Math.max(sPoint.y, tPoint.y);\n            return {\n                centerX: (minX + maxX) / 2,\n                centerY: (minY + maxY) / 2,\n                maxX: maxX,\n                maxY: maxY,\n                minX: minX,\n                minY: minY,\n                height: maxY - minY,\n                width: maxX - minX,\n            };\n        },\n        filterConnectablePoints: function (points, bbox) {\n            return points.filter(function (point) { return point.x <= bbox.minX || point.x >= bbox.maxX || point.y <= bbox.minY || point.y >= bbox.maxY; });\n        },\n        AStar: function (points, sPoint, tPoint, sBBox, tBBox) {\n            var _this = this;\n            var openList = [sPoint];\n            var closeList = [];\n            points = uniqBy(this.fillId(points), 'id');\n            points.push(tPoint);\n            var endPoint;\n            var _loop_1 = function () {\n                var minCostPoint;\n                openList.forEach(function (p, i) {\n                    if (!p.parent)\n                        p.f = 0;\n                    if (!minCostPoint)\n                        minCostPoint = p;\n                    if (p.f < minCostPoint.f)\n                        minCostPoint = p;\n                });\n                if (minCostPoint.x === tPoint.x && minCostPoint.y === tPoint.y) {\n                    endPoint = minCostPoint;\n                    return \"break\";\n                }\n                openList.splice(openList.findIndex(function (o) { return o.x === minCostPoint.x && o.y === minCostPoint.y; }), 1);\n                closeList.push(minCostPoint);\n                var neighbor = points.filter(function (p) { return (p.x === minCostPoint.x || p.y === minCostPoint.y)\n                    && !(p.x === minCostPoint.x && p.y === minCostPoint.y)\n                    && !_this.crossBBox([sBBox, tBBox], minCostPoint, p); });\n                neighbor.forEach(function (p) {\n                    var inOpen = openList.find(function (o) { return o.x === p.x && o.y === p.y; });\n                    var currentG = _this.getCost(p, minCostPoint);\n                    if (closeList.find(function (o) { return o.x === p.x && o.y === p.y; })) {\n                    }\n                    else if (inOpen) {\n                        if (p.g > currentG) {\n                            p.parent = minCostPoint;\n                            p.g = currentG;\n                            p.f = p.g + p.h;\n                        }\n                    }\n                    else {\n                        p.parent = minCostPoint;\n                        p.g = currentG;\n                        var h = _this.getCost(p, tPoint);\n                        if (_this.crossBBox([tBBox], p, tPoint)) {\n                            h += (tBBox.width / 2 + tBBox.height / 2);\n                        }\n                        p.h = h;\n                        p.f = p.g + p.h;\n                        openList.push(p);\n                    }\n                });\n            };\n            while (openList.length > 0) {\n                var state_1 = _loop_1();\n                if (state_1 === \"break\")\n                    break;\n            }\n            if (endPoint) {\n                var result = [];\n                result.push({ x: endPoint.x, y: endPoint.y });\n                while (endPoint.parent) {\n                    endPoint = endPoint.parent;\n                    result.push({ x: endPoint.x, y: endPoint.y });\n                }\n                return result.reverse();\n            }\n            return [];\n        },\n        fillId: function (points) {\n            points.forEach(function (p) {\n                p.id = p.x + '-' + p.y;\n            });\n            return points;\n        },\n        crossBBox: function (bboxes, p1, p2) {\n            for (var i = 0; i < bboxes.length; i++) {\n                var bbox = bboxes[i];\n                if (p1.x === p2.x && bbox.minX < p1.x && bbox.maxX > p1.x) {\n                    if (p1.y < bbox.maxY && p2.y >= bbox.maxY || p2.y < bbox.maxY && p1.y >= bbox.maxY)\n                        return true;\n                }\n                else if (p1.y === p2.y && bbox.minY < p1.y && bbox.maxY > p1.y) {\n                    if (p1.x < bbox.maxX && p2.x >= bbox.maxX || p2.x < bbox.maxX && p1.x >= bbox.maxX)\n                        return true;\n                }\n            }\n            return false;\n        },\n        getCost: function (p1, p2) {\n            return Math.abs(p1.x - p2.x) + Math.abs(p1.y - p2.y);\n        },\n        getPath: function (points) {\n            var path = [];\n            for (var i = 0; i < points.length; i++) {\n                var point = points[i];\n                if (i === 0) {\n                    path.push(['M', point.x, point.y]);\n                }\n                else if (i === points.length - 1) {\n                    path.push(['L', point.x, point.y]);\n                }\n                else {\n                    var prevPoint = points[i - 1];\n                    var nextPoint = points[i + 1];\n                    var cornerLen = 5;\n                    if (Math.abs(point.y - prevPoint.y) > cornerLen || Math.abs(point.x - prevPoint.x) > cornerLen) {\n                        if (prevPoint.x === point.x) {\n                            path.push(['L', point.x, point.y > prevPoint.y ? point.y - cornerLen : point.y + cornerLen]);\n                        }\n                        else if (prevPoint.y === point.y) {\n                            path.push(['L', point.x > prevPoint.x ? point.x - cornerLen : point.x + cornerLen, point.y]);\n                        }\n                    }\n                    var yLen = Math.abs(point.y - nextPoint.y);\n                    var xLen = Math.abs(point.x - nextPoint.x);\n                    if (yLen > 0 && yLen < cornerLen) {\n                        cornerLen = yLen;\n                    }\n                    else if (xLen > 0 && xLen < cornerLen) {\n                        cornerLen = xLen;\n                    }\n                    if (prevPoint.x !== nextPoint.x && nextPoint.x === point.x) {\n                        path.push(['Q', point.x, point.y, point.x, point.y > nextPoint.y ? point.y - cornerLen : point.y + cornerLen]);\n                    }\n                    else if (prevPoint.y !== nextPoint.y && nextPoint.y === point.y) {\n                        path.push(['Q', point.x, point.y, point.x > nextPoint.x ? point.x - cornerLen : point.x + cornerLen, point.y]);\n                    }\n                }\n            }\n            return path;\n        },\n        setState: function (name, value, item) {\n            stateList[name] && stateList[name].call(this, item, value);\n        }\n    }, 'polyline');\n}\nexports.default = default_1;\n\n\n/***/ }),\n/* 13 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", { value: true });\nfunction default_1(G6) {\n    G6.registerEdge('cover-cricle', {\n        draw: function (cfg, group) {\n            var startPoint = cfg.startPoint;\n            var endPoint = cfg.endPoint;\n            var centerPoint = {\n                x: (startPoint.x + endPoint.x) / 2,\n                y: (startPoint.y + endPoint.y) / 2\n            };\n            var controlPoint = {\n                x: (startPoint.x + centerPoint.x) / 2,\n                y: startPoint.y\n            };\n            var path = group.addShape(\"path\", {\n                attrs: {\n                    path: [[\"M\", startPoint.x, startPoint.y], [\"Q\", controlPoint.x + 8, controlPoint.y, centerPoint.x, centerPoint.y], [\"T\", endPoint.x - 8, endPoint.y], [\"L\", endPoint.x, endPoint.y]],\n                    stroke: \"#ccc\",\n                    lineWidth: 1.6,\n                    endArrow: {\n                        path: \"M 12,4 L 4,0 L 12,-4 Z\",\n                        d: 4,\n                        fill: '#fff',\n                    }\n                }\n            });\n            return path;\n        },\n    });\n}\nexports.default = default_1;\n\n\n/***/ }),\n/* 14 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar shapeBase_1 = __webpack_require__(15);\nvar shape_1 = __importDefault(__webpack_require__(16));\nvar registerManger_1 = __importDefault(__webpack_require__(1));\nvar BaseAnchor = (function (_super) {\n    __extends(BaseAnchor, _super);\n    function BaseAnchor(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.register();\n        return _this;\n    }\n    BaseAnchor.prototype.register = function () {\n        shape_1.default.registerFactory('anchor', {\n            defaultShapeType: 'marker',\n            getShape: function (type) {\n                var shapeObj = Object.assign({}, shapeBase_1.shapeBase, {\n                    type: 'marker',\n                    itemType: type,\n                    drawShape: function (cfg, group) {\n                        var style = this.getShapeStyle(cfg);\n                        var shape = group.addShape('marker', {\n                            attrs: style,\n                            name: 'anchor-shape',\n                            draggable: true,\n                        });\n                        return shape;\n                    },\n                    setState: function (name, value, item) {\n                        console.log(name);\n                        if (name === 'anchor-active') {\n                            if (value) {\n                                this.update({ style: { fill: '#1990FF', r: 5 } }, item);\n                            }\n                        }\n                    }\n                });\n                return shapeObj;\n            },\n        });\n    };\n    return BaseAnchor;\n}(registerManger_1.default));\nexports.default = BaseAnchor;\n\n\n/***/ }),\n/* 15 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @antv/g6-core/lib/element/shapeBase */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/lib/element/shapeBase.js\");\n\n/***/ }),\n/* 16 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @antv/g6-core/lib/element/shape */ \"./node_modules/_@antv_g6-core@0.0.16@@antv/g6-core/lib/element/shape.js\");\n\n/***/ }),\n/* 17 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.addNode = exports.DeleteItem = exports.HoverEdge = exports.SelectNode = exports.DragAnchor = exports.DragNode = exports.HoverAnchor = exports.HoverNode = void 0;\nvar hover_1 = __importDefault(__webpack_require__(18));\nexports.HoverNode = hover_1.default;\nvar hover_2 = __importDefault(__webpack_require__(19));\nexports.HoverAnchor = hover_2.default;\nvar drag_1 = __importDefault(__webpack_require__(20));\nexports.DragNode = drag_1.default;\nvar drag_2 = __importDefault(__webpack_require__(21));\nexports.DragAnchor = drag_2.default;\nvar select_1 = __importDefault(__webpack_require__(22));\nexports.SelectNode = select_1.default;\nvar hover_3 = __importDefault(__webpack_require__(23));\nexports.HoverEdge = hover_3.default;\nvar delete_1 = __importDefault(__webpack_require__(24));\nexports.DeleteItem = delete_1.default;\nvar addNode_1 = __importDefault(__webpack_require__(25));\nexports.addNode = addNode_1.default;\n\n\n/***/ }),\n/* 18 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onNodeMouseEnter: function (e) {\n        this.graph.setItemState(e.item, 'hoverNode', true);\n    },\n    onNodeMouseLeave: function (e) {\n        if (e.target.cfg.name === 'anchor-shape')\n            return;\n        this.graph.setItemState(e.item, 'hoverNode', false);\n    }\n};\nvar HoverNode = (function (_super) {\n    __extends(HoverNode, _super);\n    function HoverNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cover-hover-node';\n        _this.register(Event);\n        return _this;\n    }\n    HoverNode.prototype.getEvents = function () {\n        return {\n            'node:mouseenter': 'onNodeMouseEnter',\n            'node:mouseleave': 'onNodeMouseLeave'\n        };\n    };\n    return HoverNode;\n}(registerBehavior_1.default));\nexports.default = HoverNode;\n\n\n/***/ }),\n/* 19 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onNodeMouseEnter: function (e) {\n        this.graph.setItemState(e.item, 'hoverNode', true);\n    },\n    onNodeMouseLeave: function (e) {\n        var node = e.item.getContainer().getParent();\n        node && this.graph.setItemState(node.get('item'), 'hoverNode', false);\n    }\n};\nvar HoverAnchor = (function (_super) {\n    __extends(HoverAnchor, _super);\n    function HoverAnchor(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cover-hover-anchor';\n        _this.register(Event);\n        return _this;\n    }\n    HoverAnchor.prototype.getEvents = function () {\n        return {\n            'anchor:mouseleave': 'onNodeMouseLeave'\n        };\n    };\n    return HoverAnchor;\n}(registerBehavior_1.default));\nexports.default = HoverAnchor;\n\n\n/***/ }),\n/* 20 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    origin: null,\n    target: null,\n    onNodeDragStart: function (e) {\n        this.target = e.item;\n        this.origin = {\n            x: e.x,\n            y: e.y\n        };\n    },\n    onNodeDrag: function (e) {\n        if (!this.origin)\n            return;\n        var model = this.target.get('model');\n        var origin = this.origin;\n        if (!this.point) {\n            this.point = {\n                x: model.x,\n                y: model.y\n            };\n        }\n        var x = e.x - origin.x + this.point.x;\n        var y = e.y - origin.y + this.point.y;\n        this.origin = { x: e.x, y: e.y };\n        this.point = { x: x, y: y };\n        this.moveDelegate(this.target, x, y);\n    },\n    onNodeDragEnd: function (e) {\n        if (!this.origin) {\n            return;\n        }\n        var delegateShape = e.item.get('delegateShape');\n        var bbox = delegateShape.getBBox();\n        var x = bbox.x;\n        var y = bbox.y;\n        delegateShape.remove();\n        this.target.set('delegateShape', null);\n        this.graph.updateItem(this.target, { x: x, y: y });\n        this.point = null;\n        this.origin = null;\n    },\n    moveDelegate: function (item, x, y) {\n        var shape = item.get('delegateShape');\n        var bbox = item.get('keyShape').getBBox();\n        if (!shape) {\n            var parent_1 = this.graph.get('group');\n            var attrs = {\n                stroke: '#1890FF',\n                fill: '#1890FF',\n                fillOpacity: .08,\n                lineDash: [4, 4],\n                radius: 4,\n                lineWidth: 1,\n            };\n            shape = parent_1.addShape('rect', {\n                attrs: __assign({ width: bbox.width, height: bbox.height, x: x - bbox.width / 2, y: y - bbox.height / 2, nodeId: item.get('id') }, attrs)\n            });\n            item.set('delegateShape', shape);\n        }\n        shape.attr({ x: x, y: y });\n        this.graph.paint();\n    }\n};\nvar DragNode = (function (_super) {\n    __extends(DragNode, _super);\n    function DragNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cover-drag-node';\n        _this.register(Event);\n        return _this;\n    }\n    DragNode.prototype.getEvents = function () {\n        return {\n            \"node:dragstart\": \"onNodeDragStart\",\n            'node:drag': 'onNodeDrag',\n            \"node:dragend\": 'onNodeDragEnd'\n        };\n    };\n    return DragNode;\n}(registerBehavior_1.default));\nexports.default = DragNode;\n\n\n/***/ }),\n/* 21 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    originInfo: null,\n    target: null,\n    isSameNode: function (e) {\n        return e.target.getParent() && e.target.getParent().getParent() && e.target.getParent().getParent().get('item') === this.originInfo.sourceNode;\n    },\n    onDragLeave: function (e) {\n        if (!this.originInfo)\n            return;\n        e.item.setHotspotActived(false);\n        this.originInfo.targetNode = null;\n        this.originInfo.targetAnchor = null;\n    },\n    onDragEnter: function (e) {\n        if (!this.originInfo)\n            return;\n        e.item.setHotspotActived(true);\n        if (!this.isSameNode(e)) {\n            this.originInfo.targetNode = e.target.getParent().getParent().get('item');\n            this.originInfo.targetAnchor = e.item.get('index');\n        }\n    },\n    onDrag: function (e) {\n        this._updateEdgeDelegate(this.target, e.x, e.y);\n    },\n    _updateEdgeDelegate: function (item, x, y) {\n        var edgeShape = item.get('edgeDelegate');\n        var self = this;\n        if (!edgeShape) {\n            var parent_1 = self.graph.get('group');\n            edgeShape = parent_1.addShape('line', {\n                attrs: {\n                    x1: this.originInfo.x,\n                    y1: this.originInfo.y,\n                    x2: x,\n                    y2: y,\n                    stroke: '#1890FF',\n                    lineDash: [4, 4],\n                    lineWidth: 1\n                }\n            });\n            edgeShape.set('capture', false);\n            item.set('edgeDelegate', edgeShape);\n        }\n        edgeShape.attr({ x2: x, y2: y });\n        this.graph.paint();\n    },\n    onDragStart: function (e) {\n        var anchorIndex = e.item.get(\"index\");\n        var sourceNode = e.target.getParent().getParent().get(\"item\");\n        var point = sourceNode.getAnchorPoints()[anchorIndex];\n        this.originInfo = {\n            x: point.x,\n            y: point.y,\n            sourceNode: sourceNode,\n            sourceAnchor: anchorIndex\n        };\n        this.showAllAnchor();\n        this.graph.set('edgeDragging', true);\n        this.target = e.item;\n        console.log(point);\n        console.log(this.origin);\n    },\n    onDragEnd: function (e) {\n        this.clearAllAnchor();\n        var delegateShape = e.item.get('edgeDelegate');\n        if (delegateShape) {\n            delegateShape.remove();\n        }\n        var edgeEndCallback = this.graph.get('edgeEndCallback');\n        var isAddEdge = edgeEndCallback(this.originInfo.sourceNode, this.originInfo.targetNode);\n        if (!isAddEdge)\n            return;\n        if (this.originInfo.targetNode) {\n            this.graph.add('edge', {\n                source: this.originInfo.sourceNode.get('id'),\n                target: this.originInfo.targetNode.get('id'),\n                sourceAnchor: this.originInfo.sourceAnchor,\n                targetAnchor: this.originInfo.targetAnchor,\n                type: 'cvte-polyline'\n            });\n        }\n        this.graph.setItemState(this.originInfo.sourceNode, 'hoverNode', false);\n    },\n    clearAllAnchor: function () {\n        var allNode = this.graph.getNodes();\n        allNode.forEach(function (node) {\n            var group = node.getContainer();\n            group.clearAnchor();\n        });\n        this.graph.setItemState(this.originInfo.sourceNode, 'hover', false);\n    },\n    showAllAnchor: function (func) {\n        var _this = this;\n        var allNode = this.graph.getNodes();\n        var sourceGroupId = this.originInfo.sourceNode.getModel().groupId;\n        allNode.forEach(function (node) {\n            var group = node.getContainer();\n            if (_this.originInfo.sourceNode === node) {\n                group.anchorShapes.forEach(function (a) {\n                    a.get('item').showHotpot();\n                    var index = a.get('item').get('index');\n                    if (index === _this.originInfo.sourceAnchor)\n                        _this.graph.setItemState(a.get('item'), 'anchor-active', true);\n                });\n                return;\n            }\n            group.showAnchor();\n            group.anchorShapes.forEach(function (a) { return a.get('item').showHotpot(); });\n        });\n    }\n};\nvar HoverAnchor = (function (_super) {\n    __extends(HoverAnchor, _super);\n    function HoverAnchor(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cover-drag-anchor';\n        _this.register(Event);\n        return _this;\n    }\n    HoverAnchor.prototype.getEvents = function () {\n        return {\n            \"anchor:dragstart\": \"onDragStart\",\n            \"anchor:dragend\": \"onDragEnd\",\n            \"anchor:dragenter\": \"onDragEnter\",\n            \"anchor:dragleave\": \"onDragLeave\",\n            \"anchor:drag\": \"onDrag\"\n        };\n    };\n    return HoverAnchor;\n}(registerBehavior_1.default));\nexports.default = HoverAnchor;\n\n\n/***/ }),\n/* 22 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onNodeClick: function (e) {\n        this.clearAllSelected();\n        this.graph.setItemState(e.item, 'selectNode', true);\n        this.graph.set('selectedItem', e.item);\n        this.graph.emit('onSelectNode', e.item);\n        this.graph.set('noKeyDown', false);\n    },\n    onEdgeClick: function (e) {\n        this.clearAllSelected();\n        this.graph.setItemState(e.item, 'selectEdge', true);\n        this.graph.set('selectedItem', e.item);\n        this.graph.set('noKeyDown', false);\n    },\n    onCanvasClick: function (e) {\n        this.graph.set('noKeyDown', false);\n        this.clearAllSelected();\n    },\n    clearAllSelected: function () {\n        var _this = this;\n        var selectedNode = this.graph.findAllByState('node', 'selectNode');\n        this.graph.set('selectedItem', null);\n        var selectedEdge = this.graph.findAllByState('edge', 'selectEdge');\n        selectedNode.forEach(function (node) {\n            _this.graph.setItemState(node, 'selectNode', false);\n        });\n        selectedEdge.forEach(function (node) {\n            _this.graph.setItemState(node, 'selectEdge', false);\n        });\n        this.graph.emit('onClearSelectNode', null);\n    },\n    onNodeDoubleClick: function (e) {\n        this.graph.setItemState(e.item, 'selectNode', true);\n        this.graph.set('selectedItem', e.item);\n        this.graph.emit('onDoubleClickNode', e.item);\n        this.graph.set('noKeyDown', false);\n    }\n};\nvar SelectNode = (function (_super) {\n    __extends(SelectNode, _super);\n    function SelectNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cover-select-node';\n        _this.register(Event);\n        return _this;\n    }\n    SelectNode.prototype.getEvents = function () {\n        return {\n            'node:click': 'onNodeClick',\n            'canvas:click': 'onCanvasClick',\n            'edge:click': 'onEdgeClick',\n            'node:dblclick': 'onNodeDoubleClick'\n        };\n    };\n    return SelectNode;\n}(registerBehavior_1.default));\nexports.default = SelectNode;\n\n\n/***/ }),\n/* 23 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onEdgeMouseEnter: function (e) {\n        this.graph.setItemState(e.item, 'hoverEdge', true);\n    },\n    onEdgeMouseLeave: function (e) {\n        this.graph.setItemState(e.item, 'hoverEdge', false);\n    }\n};\nvar HoverNode = (function (_super) {\n    __extends(HoverNode, _super);\n    function HoverNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cover-hover-edge';\n        _this.register(Event);\n        return _this;\n    }\n    HoverNode.prototype.getEvents = function () {\n        return {\n            'edge:mouseenter': 'onEdgeMouseEnter',\n            'edge:mouseleave': 'onEdgeMouseLeave'\n        };\n    };\n    return HoverNode;\n}(registerBehavior_1.default));\nexports.default = HoverNode;\n\n\n/***/ }),\n/* 24 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onKeyDown: function (e) {\n        var item = this.graph.get('selectedItem');\n        if (this.graph.get('noKeyDown')) {\n            return;\n        }\n        if (e.keyCode === 8 && item) {\n            this.graph.remove(item);\n            this.graph.set('selectedItem', null);\n        }\n    }\n};\nvar HoverNode = (function (_super) {\n    __extends(HoverNode, _super);\n    function HoverNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cover-delete-item';\n        _this.register(Event);\n        return _this;\n    }\n    HoverNode.prototype.getEvents = function () {\n        return {\n            'keydown': 'onKeyDown'\n        };\n    };\n    return HoverNode;\n}(registerBehavior_1.default));\nexports.default = HoverNode;\n\n\n/***/ }),\n/* 25 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar registerBehavior_1 = __importDefault(__webpack_require__(0));\nvar Event = {\n    onMouseUp: function (e) {\n        var addNodeDragging = this.graph.get('addNodeDragging');\n        if (!addNodeDragging)\n            return;\n        var addNodeModel = this.graph.get('addNodeModel');\n        var viewPoint = this.graph.getPointByClient(e.clientX, e.clientY);\n        var x = viewPoint.x - addNodeModel.offsetX;\n        var y = viewPoint.y - addNodeModel.offsetY;\n        var nodeId = new Date().getTime();\n        var model = {\n            type: addNodeModel.nodeType,\n            id: \"\" + nodeId,\n            x: x,\n            y: y\n        };\n        this.graph.addItem('node', model);\n        this.graph.paint();\n    }\n};\nvar CoverAddNode = (function (_super) {\n    __extends(CoverAddNode, _super);\n    function CoverAddNode(Grid) {\n        var _this = _super.call(this, Grid) || this;\n        _this.name = 'cover-add-node';\n        _this.register(Event);\n        return _this;\n    }\n    CoverAddNode.prototype.getEvents = function () {\n        return {\n            'canvas:mouseup': 'onMouseUp',\n        };\n    };\n    return CoverAddNode;\n}(registerBehavior_1.default));\nexports.default = CoverAddNode;\n\n\n/***/ })\n/******/ ])[\"default\"];\n});\n\n//# sourceURL=webpack:///./node_modules/_power-workflow@0.0.11@power-workflow/dist/power-workflow.js?");
 
 /***/ }),
 
-/***/ "./node_modules/_power-workflow@0.0.5@power-workflow/index.js":
-/*!********************************************************************!*\
-  !*** ./node_modules/_power-workflow@0.0.5@power-workflow/index.js ***!
-  \********************************************************************/
+/***/ "./node_modules/_power-workflow@0.0.11@power-workflow/index.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/_power-workflow@0.0.11@power-workflow/index.js ***!
+  \*********************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("if(false) {} else {\n  module.exports = __webpack_require__(/*! ./dist/power-workflow.js */ \"./node_modules/_power-workflow@0.0.5@power-workflow/dist/power-workflow.js\");\n}\n\n//# sourceURL=webpack:///./node_modules/_power-workflow@0.0.5@power-workflow/index.js?");
+eval("if(false) {} else {\n  module.exports = __webpack_require__(/*! ./dist/power-workflow.js */ \"./node_modules/_power-workflow@0.0.11@power-workflow/dist/power-workflow.js\");\n}\n\n//# sourceURL=webpack:///./node_modules/_power-workflow@0.0.11@power-workflow/index.js?");
 
 /***/ }),
 
diff --git a/powerjob-server/powerjob-server-starter/src/main/resources/static/js/10.js b/powerjob-server/powerjob-server-starter/src/main/resources/static/js/10.js
index a4e1037f..b62fcbce 100644
--- a/powerjob-server/powerjob-server-starter/src/main/resources/static/js/10.js
+++ b/powerjob-server/powerjob-server-starter/src/main/resources/static/js/10.js
@@ -20,7 +20,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { attrs: { id: \"instance_manager\" } },\n    [\n      _c(\n        \"el-row\",\n        [\n          _c(\n            \"el-col\",\n            { attrs: { span: 22 } },\n            [\n              _c(\n                \"el-form\",\n                {\n                  staticClass: \"el-form--inline\",\n                  attrs: { inline: true, model: _vm.instanceQueryContent }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: _vm.$t(\"message.jobId\") } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: { placeholder: _vm.$t(\"message.jobId\") },\n                        model: {\n                          value: _vm.instanceQueryContent.jobId,\n                          callback: function($$v) {\n                            _vm.$set(_vm.instanceQueryContent, \"jobId\", $$v)\n                          },\n                          expression: \"instanceQueryContent.jobId\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: _vm.$t(\"message.instanceId\") } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: { placeholder: _vm.$t(\"message.instanceId\") },\n                        model: {\n                          value: _vm.instanceQueryContent.instanceId,\n                          callback: function($$v) {\n                            _vm.$set(\n                              _vm.instanceQueryContent,\n                              \"instanceId\",\n                              $$v\n                            )\n                          },\n                          expression: \"instanceQueryContent.instanceId\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.instanceQueryContent.type === \"WORKFLOW\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: _vm.$t(\"message.wfInstanceId\") } },\n                        [\n                          _c(\"el-input\", {\n                            attrs: {\n                              placeholder: _vm.$t(\"message.wfInstanceId\")\n                            },\n                            model: {\n                              value: _vm.instanceQueryContent.wfInstanceId,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.instanceQueryContent,\n                                  \"wfInstanceId\",\n                                  $$v\n                                )\n                              },\n                              expression: \"instanceQueryContent.wfInstanceId\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: _vm.$t(\"message.status\") } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          attrs: { placeholder: _vm.$t(\"message.status\") },\n                          model: {\n                            value: _vm.instanceQueryContent.status,\n                            callback: function($$v) {\n                              _vm.$set(_vm.instanceQueryContent, \"status\", $$v)\n                            },\n                            expression: \"instanceQueryContent.status\"\n                          }\n                        },\n                        _vm._l(_vm.instanceStatusOptions, function(item) {\n                          return _c(\"el-option\", {\n                            key: item.key,\n                            attrs: { label: item.label, value: item.key }\n                          })\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"el-form-item\",\n                    [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"primary\" },\n                          on: { click: _vm.listInstanceInfos }\n                        },\n                        [_vm._v(_vm._s(_vm.$t(\"message.query\")))]\n                      ),\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"cancel\" },\n                          on: { click: _vm.onClickRest }\n                        },\n                        [_vm._v(_vm._s(_vm.$t(\"message.reset\")))]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\"el-col\", { attrs: { span: 2 } }, [\n            _c(\n              \"div\",\n              { staticStyle: { float: \"right\", \"padding-right\": \"10px\" } },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: { click: _vm.listInstanceInfos }\n                  },\n                  [_vm._v(_vm._s(_vm.$t(\"message.refresh\")))]\n                )\n              ],\n              1\n            )\n          ])\n        ],\n        1\n      ),\n      _c(\n        \"el-tabs\",\n        {\n          attrs: { type: \"card\" },\n          on: { \"tab-click\": _vm.listInstanceInfos },\n          model: {\n            value: _vm.instanceQueryContent.type,\n            callback: function($$v) {\n              _vm.$set(_vm.instanceQueryContent, \"type\", $$v)\n            },\n            expression: \"instanceQueryContent.type\"\n          }\n        },\n        [\n          _c(\"el-tab-pane\", {\n            attrs: { label: _vm.$t(\"message.normalInstance\"), name: \"NORMAL\" }\n          }),\n          _c(\"el-tab-pane\", {\n            attrs: { label: _vm.$t(\"message.wfInstance\"), name: \"WORKFLOW\" }\n          })\n        ],\n        1\n      ),\n      _c(\n        \"el-row\",\n        [\n          _c(\n            \"el-table\",\n            {\n              staticStyle: { width: \"100%\" },\n              attrs: {\n                data: _vm.instancePageResult.data,\n                \"row-class-name\": _vm.instanceTableRowClassName\n              }\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: {\n                  \"show-overflow-tooltip\": true,\n                  prop: \"jobId\",\n                  label: _vm.$t(\"message.jobId\"),\n                  width: \"80\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  \"show-overflow-tooltip\": true,\n                  prop: \"jobName\",\n                  label: _vm.$t(\"message.jobName\")\n                }\n              }),\n              _vm.instanceQueryContent.type === \"WORKFLOW\"\n                ? _c(\"el-table-column\", {\n                    attrs: {\n                      \"show-overflow-tooltip\": true,\n                      prop: \"wfInstanceId\",\n                      label: _vm.$t(\"message.wfInstanceId\"),\n                      width: \"155\"\n                    }\n                  })\n                : _vm._e(),\n              _c(\"el-table-column\", {\n                attrs: {\n                  \"show-overflow-tooltip\": true,\n                  prop: \"instanceId\",\n                  label: _vm.$t(\"message.instanceId\")\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"status\",\n                  label: _vm.$t(\"message.status\"),\n                  width: \"160\"\n                },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function(scope) {\n                      return [_vm._v(_vm._s(_vm.fetchStatus(scope.row.status)))]\n                    }\n                  }\n                ])\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"actualTriggerTime\",\n                  label: _vm.$t(\"message.triggerTime\"),\n                  width: \"150\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"finishedTime\",\n                  label: _vm.$t(\"message.finishedTime\"),\n                  width: \"150\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { label: _vm.$t(\"message.operation\"), width: \"285\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function(scope) {\n                      return [\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"mini\", type: \"primary\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.onClickShowDetail(scope.row)\n                              }\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.$t(\"message.detail\")))]\n                        ),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"mini\", type: \"success\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.onClickShowLog(scope.row)\n                              }\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.$t(\"message.log\")))]\n                        ),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"mini\", type: \"warning\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.onClickRetryJob(scope.row)\n                              }\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.$t(\"message.reRun\")))]\n                        ),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"mini\", type: \"danger\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.onClickStop(scope.row)\n                              }\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.$t(\"message.stop\")))]\n                        )\n                      ]\n                    }\n                  }\n                ])\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-row\",\n        [\n          _c(\n            \"el-col\",\n            { attrs: { span: 24 } },\n            [\n              _c(\"el-pagination\", {\n                attrs: {\n                  total: this.instancePageResult.totalItems,\n                  \"page-size\": this.instancePageResult.pageSize,\n                  layout: \"prev, pager, next\"\n                },\n                on: { \"current-change\": _vm.onClickChangeInstancePage }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm.instanceDetailVisible\n        ? _c(\n            \"el-dialog\",\n            {\n              attrs: { visible: _vm.instanceDetailVisible, width: \"80%\" },\n              on: {\n                \"update:visible\": function($event) {\n                  _vm.instanceDetailVisible = $event\n                }\n              }\n            },\n            [\n              _c(\n                \"div\",\n                { staticClass: \"power-instance-detail-log\" },\n                [\n                  _c(\"InstanceDetail\", {\n                    attrs: { \"instance-id\": _vm.currentInstanceId }\n                  })\n                ],\n                1\n              )\n            ]\n          )\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: { visible: _vm.instanceLogVisible, width: \"80%\" },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.instanceLogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-row\",\n            [\n              _c(\n                \"el-col\",\n                {\n                  staticClass: \"power-instance-log-download\",\n                  staticStyle: { \"margin-bottom\": \"20px\" },\n                  attrs: { span: 24 }\n                },\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: {\n                        type: \"primary\",\n                        size: \"mini\",\n                        icon: \"el-icon-download\"\n                      },\n                      on: {\n                        click: function($event) {\n                          return _vm.onclickDownloadLog()\n                        }\n                      }\n                    },\n                    [_vm._v(_vm._s(_vm.$t(\"message.download\")))]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"power-instance-log-dialog\" },\n            [\n              _c(\n                \"el-row\",\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"h4\", { staticStyle: { \"white-space\": \"pre-line\" } }, [\n                      _vm._v(_vm._s(this.paginableInstanceLog.data))\n                    ])\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"el-row\",\n            [\n              _c(\n                \"el-col\",\n                { attrs: { span: 24 } },\n                [\n                  _c(\"el-pagination\", {\n                    attrs: {\n                      \"page-count\": _vm.paginableInstanceLog.totalPages,\n                      layout: \"prev, pager, next\"\n                    },\n                    on: { \"current-change\": _vm.onClickChangeLogPage }\n                  })\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/views/InstanceManager.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225adedfe8-vue-loader-template%22%7D!./node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { attrs: { id: \"instance_manager\" } },\n    [\n      _c(\n        \"el-row\",\n        [\n          _c(\n            \"el-col\",\n            { attrs: { span: 22 } },\n            [\n              _c(\n                \"el-form\",\n                {\n                  staticClass: \"el-form--inline\",\n                  attrs: { inline: true, model: _vm.instanceQueryContent }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: _vm.$t(\"message.jobId\") } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: { placeholder: _vm.$t(\"message.jobId\") },\n                        model: {\n                          value: _vm.instanceQueryContent.jobId,\n                          callback: function($$v) {\n                            _vm.$set(_vm.instanceQueryContent, \"jobId\", $$v)\n                          },\n                          expression: \"instanceQueryContent.jobId\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: _vm.$t(\"message.instanceId\") } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: { placeholder: _vm.$t(\"message.instanceId\") },\n                        model: {\n                          value: _vm.instanceQueryContent.instanceId,\n                          callback: function($$v) {\n                            _vm.$set(\n                              _vm.instanceQueryContent,\n                              \"instanceId\",\n                              $$v\n                            )\n                          },\n                          expression: \"instanceQueryContent.instanceId\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.instanceQueryContent.type === \"WORKFLOW\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: _vm.$t(\"message.wfInstanceId\") } },\n                        [\n                          _c(\"el-input\", {\n                            attrs: {\n                              placeholder: _vm.$t(\"message.wfInstanceId\")\n                            },\n                            model: {\n                              value: _vm.instanceQueryContent.wfInstanceId,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.instanceQueryContent,\n                                  \"wfInstanceId\",\n                                  $$v\n                                )\n                              },\n                              expression: \"instanceQueryContent.wfInstanceId\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: _vm.$t(\"message.status\") } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          attrs: { placeholder: _vm.$t(\"message.status\") },\n                          model: {\n                            value: _vm.instanceQueryContent.status,\n                            callback: function($$v) {\n                              _vm.$set(_vm.instanceQueryContent, \"status\", $$v)\n                            },\n                            expression: \"instanceQueryContent.status\"\n                          }\n                        },\n                        _vm._l(_vm.instanceStatusOptions, function(item) {\n                          return _c(\"el-option\", {\n                            key: item.key,\n                            attrs: { label: item.label, value: item.key }\n                          })\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"el-form-item\",\n                    [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"primary\" },\n                          on: { click: _vm.listInstanceInfos }\n                        },\n                        [_vm._v(_vm._s(_vm.$t(\"message.query\")))]\n                      ),\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"cancel\" },\n                          on: { click: _vm.onClickRest }\n                        },\n                        [_vm._v(_vm._s(_vm.$t(\"message.reset\")))]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\"el-col\", { attrs: { span: 2 } }, [\n            _c(\n              \"div\",\n              { staticStyle: { float: \"right\", \"padding-right\": \"10px\" } },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: { click: _vm.listInstanceInfos }\n                  },\n                  [_vm._v(_vm._s(_vm.$t(\"message.refresh\")))]\n                )\n              ],\n              1\n            )\n          ])\n        ],\n        1\n      ),\n      _c(\n        \"el-tabs\",\n        {\n          attrs: { type: \"card\" },\n          on: { \"tab-click\": _vm.listInstanceInfos },\n          model: {\n            value: _vm.instanceQueryContent.type,\n            callback: function($$v) {\n              _vm.$set(_vm.instanceQueryContent, \"type\", $$v)\n            },\n            expression: \"instanceQueryContent.type\"\n          }\n        },\n        [\n          _c(\"el-tab-pane\", {\n            attrs: { label: _vm.$t(\"message.normalInstance\"), name: \"NORMAL\" }\n          }),\n          _c(\"el-tab-pane\", {\n            attrs: { label: _vm.$t(\"message.wfInstance\"), name: \"WORKFLOW\" }\n          })\n        ],\n        1\n      ),\n      _c(\n        \"el-row\",\n        [\n          _c(\n            \"el-table\",\n            {\n              staticStyle: { width: \"100%\" },\n              attrs: {\n                data: _vm.instancePageResult.data,\n                \"row-class-name\": _vm.instanceTableRowClassName\n              }\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: {\n                  \"show-overflow-tooltip\": true,\n                  prop: \"jobId\",\n                  label: _vm.$t(\"message.jobId\"),\n                  width: \"80\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  \"show-overflow-tooltip\": true,\n                  prop: \"jobName\",\n                  label: _vm.$t(\"message.jobName\")\n                }\n              }),\n              _vm.instanceQueryContent.type === \"WORKFLOW\"\n                ? _c(\"el-table-column\", {\n                    attrs: {\n                      \"show-overflow-tooltip\": true,\n                      prop: \"wfInstanceId\",\n                      label: _vm.$t(\"message.wfInstanceId\"),\n                      width: \"155\"\n                    }\n                  })\n                : _vm._e(),\n              _c(\"el-table-column\", {\n                attrs: {\n                  \"show-overflow-tooltip\": true,\n                  prop: \"instanceId\",\n                  label: _vm.$t(\"message.instanceId\")\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"status\",\n                  label: _vm.$t(\"message.status\"),\n                  width: \"160\"\n                },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function(scope) {\n                      return [_vm._v(_vm._s(_vm.fetchStatus(scope.row.status)))]\n                    }\n                  }\n                ])\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"actualTriggerTime\",\n                  label: _vm.$t(\"message.triggerTime\"),\n                  width: \"150\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"finishedTime\",\n                  label: _vm.$t(\"message.finishedTime\"),\n                  width: \"150\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { label: _vm.$t(\"message.operation\"), width: \"285\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function(scope) {\n                      return [\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"mini\", type: \"primary\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.onClickShowDetail(scope.row)\n                              }\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.$t(\"message.detail\")))]\n                        ),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"mini\", type: \"success\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.onClickShowLog(scope.row)\n                              }\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.$t(\"message.log\")))]\n                        ),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"mini\", type: \"warning\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.onClickRetryJob(scope.row)\n                              }\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.$t(\"message.reRun\")))]\n                        ),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"mini\", type: \"danger\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.onClickStop(scope.row)\n                              }\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.$t(\"message.stop\")))]\n                        )\n                      ]\n                    }\n                  }\n                ])\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-row\",\n        [\n          _c(\n            \"el-col\",\n            { attrs: { span: 24 } },\n            [\n              _c(\"el-pagination\", {\n                attrs: {\n                  total: this.instancePageResult.totalItems,\n                  \"page-size\": this.instancePageResult.pageSize,\n                  layout: \"prev, pager, next\"\n                },\n                on: { \"current-change\": _vm.onClickChangeInstancePage }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm.instanceDetailVisible\n        ? _c(\n            \"el-dialog\",\n            {\n              attrs: { visible: _vm.instanceDetailVisible, width: \"80%\" },\n              on: {\n                \"update:visible\": function($event) {\n                  _vm.instanceDetailVisible = $event\n                }\n              }\n            },\n            [\n              _c(\n                \"div\",\n                { staticClass: \"power-instance-detail-log\" },\n                [\n                  _c(\"InstanceDetail\", {\n                    attrs: {\n                      \"instance-id\": _vm.currentInstanceId,\n                      resultAll: true\n                    }\n                  })\n                ],\n                1\n              )\n            ]\n          )\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: { visible: _vm.instanceLogVisible, width: \"80%\" },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.instanceLogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-row\",\n            [\n              _c(\n                \"el-col\",\n                {\n                  staticClass: \"power-instance-log-download\",\n                  staticStyle: { \"margin-bottom\": \"20px\" },\n                  attrs: { span: 24 }\n                },\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: {\n                        type: \"primary\",\n                        size: \"mini\",\n                        icon: \"el-icon-download\"\n                      },\n                      on: {\n                        click: function($event) {\n                          return _vm.onclickDownloadLog()\n                        }\n                      }\n                    },\n                    [_vm._v(_vm._s(_vm.$t(\"message.download\")))]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"power-instance-log-dialog\" },\n            [\n              _c(\n                \"el-row\",\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"h4\", { staticStyle: { \"white-space\": \"pre-line\" } }, [\n                      _vm._v(_vm._s(this.paginableInstanceLog.data))\n                    ])\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"el-row\",\n            [\n              _c(\n                \"el-col\",\n                { attrs: { span: 24 } },\n                [\n                  _c(\"el-pagination\", {\n                    attrs: {\n                      \"page-count\": _vm.paginableInstanceLog.totalPages,\n                      layout: \"prev, pager, next\"\n                    },\n                    on: { \"current-change\": _vm.onClickChangeLogPage }\n                  })\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/views/InstanceManager.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225adedfe8-vue-loader-template%22%7D!./node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
diff --git a/powerjob-server/powerjob-server-starter/src/main/resources/static/js/2.js b/powerjob-server/powerjob-server-starter/src/main/resources/static/js/2.js
index 730a97b9..024e84d7 100644
--- a/powerjob-server/powerjob-server-starter/src/main/resources/static/js/2.js
+++ b/powerjob-server/powerjob-server-starter/src/main/resources/static/js/2.js
@@ -8,7 +8,7 @@
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InstanceDetail\",\n  // 数据传递\n  props: [\"instanceId\", \"fixedWidth\"],\n  data: function data() {\n    return {\n      instanceDetail: {}\n    };\n  },\n  methods: {\n    fetchInstanceDetail: function fetchInstanceDetail() {\n      var that = this;\n      var url = \"/instance/detail?instanceId=\" + this.instanceId;\n      this.axios.get(url).then(function (res) {\n        return that.instanceDetail = res;\n      });\n    }\n  },\n  mounted: function mounted() {\n    console.log(\"using InstanceId: \" + this.instanceId);\n    this.fetchInstanceDetail();\n  },\n  watch: {\n    instanceId: function instanceId() {\n      this.fetchInstanceDetail();\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/common/InstanceDetail.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.2.2@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InstanceDetail\",\n  // 数据传递\n  props: [\"instanceId\", \"fixedWidth\", \"resultAll\"],\n  data: function data() {\n    return {\n      instanceDetail: {}\n    };\n  },\n  methods: {\n    fetchInstanceDetail: function fetchInstanceDetail() {\n      var that = this;\n      var url = \"/instance/detail?instanceId=\" + this.instanceId;\n      this.axios.get(url).then(function (res) {\n        return that.instanceDetail = res;\n      });\n    }\n  },\n  mounted: function mounted() {\n    console.log(\"using InstanceId: \" + this.instanceId);\n    this.fetchInstanceDetail();\n  },\n  watch: {\n    instanceId: function instanceId() {\n      this.fetchInstanceDetail();\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/common/InstanceDetail.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.2.2@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -20,7 +20,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"power-job-panl\" },\n    [\n      _c(\"el-row\", [\n        _c(\n          \"div\",\n          { staticClass: \"power-job-button\" },\n          [\n            _c(\n              \"el-button\",\n              {\n                attrs: { type: \"primary\" },\n                on: { click: _vm.fetchInstanceDetail }\n              },\n              [_vm._v(_vm._s(_vm.$t(\"message.refresh\")))]\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\n        \"div\",\n        {\n          staticClass: \"power-job-info\",\n          style: { width: _vm.fixedWidth ? _vm.fixedWidth : \"100%\" }\n        },\n        [\n          _c(\n            \"el-card\",\n            [\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.instanceId\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceId))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.status\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(\n                        _vm._s(\n                          this.common.translateInstanceStatus(\n                            _vm.instanceDetail.status\n                          )\n                        )\n                      )\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.runningTimes\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.runningTimes))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.taskTrackerAddress\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.taskTrackerAddress))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(\n                        _vm._s(_vm.$t(\"message.expectedTriggerTime\")) + \":\"\n                      )\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.expectedTriggerTime))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.startTime\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.actualTriggerTime))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.finishedTime\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.finishedTime))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.nodeParams\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.jobParams))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.instanceParams\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.instanceParams))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"power-job-result\" },\n                      [\n                        _c(\"span\", { staticClass: \"power-job-text\" }, [\n                          _vm._v(_vm._s(_vm.$t(\"message.result\")) + \":\")\n                        ]),\n                        _c(\n                          \"el-popover\",\n                          {\n                            attrs: {\n                              width: \"400\",\n                              placement: \"right\",\n                              trigger: \"click\"\n                            }\n                          },\n                          [\n                            _c(\n                              \"div\",\n                              { staticClass: \"power-job-content-slot\" },\n                              [\n                                _vm._v(\n                                  \" \" + _vm._s(_vm.instanceDetail.result) + \" \"\n                                )\n                              ]\n                            ),\n                            _c(\n                              \"span\",\n                              {\n                                staticClass: \"power-job-content\",\n                                style: {\n                                  width: _vm.fixedWidth\n                                    ? _vm.fixedWidth - 200 + \"px\"\n                                    : \"400px\"\n                                },\n                                attrs: { slot: \"reference\" },\n                                slot: \"reference\"\n                              },\n                              [_vm._v(_vm._s(_vm.instanceDetail.result))]\n                            )\n                          ]\n                        )\n                      ],\n                      1\n                    )\n                  ])\n                ],\n                1\n              ),\n              _vm._t(\"default\"),\n              _vm.instanceDetail.taskDetail\n                ? _c(\n                    \"el-row\",\n                    {\n                      staticClass: \"job-detail-text\",\n                      attrs: { id: \"taskDetail\" }\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"power-job-text\" }, [\n                        _vm._v(_vm._s(_vm.$t(\"message.subTaskInfo\")) + \":\")\n                      ]),\n                      _c(\"span\", { staticClass: \"title\" }, [\n                        _vm._v(_vm._s(_vm.instanceDetail.taskDetail))\n                      ])\n                    ]\n                  )\n                : _vm._e()\n            ],\n            2\n          )\n        ],\n        1\n      ),\n      _vm.instanceDetail.subInstanceDetails\n        ? _c(\"el-divider\", { attrs: { \"content-position\": \"center\" } }, [\n            _vm._v(_vm._s(_vm.$t(\"message.secondlyJobHistory\")))\n          ])\n        : _vm._e(),\n      _vm.instanceDetail.subInstanceDetails\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"power-job-info\",\n              style: { width: _vm.fixedWidth ? _vm.fixedWidth : \"100%\" }\n            },\n            [\n              _c(\n                \"el-card\",\n                [\n                  _c(\n                    \"el-row\",\n                    [\n                      _c(\n                        \"el-table\",\n                        {\n                          staticStyle: { width: \"100%\" },\n                          attrs: { data: _vm.instanceDetail.subInstanceDetails }\n                        },\n                        [\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              \"show-overflow-tooltip\": true,\n                              prop: \"subInstanceId\",\n                              label: _vm.$t(\"message.subInstanceId\"),\n                              width: \"120\"\n                            }\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              \"show-overflow-tooltip\": true,\n                              prop: \"startTime\",\n                              label: _vm.$t(\"message.startTime\"),\n                              width: \"160\"\n                            }\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              \"show-overflow-tooltip\": true,\n                              prop: \"finishedTime\",\n                              label: _vm.$t(\"message.finishedTime\"),\n                              width: \"160\"\n                            }\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              \"show-overflow-tooltip\": true,\n                              label: _vm.$t(\"message.status\"),\n                              width: \"140\"\n                            },\n                            scopedSlots: _vm._u(\n                              [\n                                {\n                                  key: \"default\",\n                                  fn: function(scope) {\n                                    return [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.common.translateInstanceStatus(\n                                            scope.row.status\n                                          )\n                                        )\n                                      )\n                                    ]\n                                  }\n                                }\n                              ],\n                              null,\n                              false,\n                              761641776\n                            )\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              \"show-overflow-tooltip\": true,\n                              prop: \"result\",\n                              label: _vm.$t(\"message.result\")\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        : _vm._e()\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/common/InstanceDetail.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225adedfe8-vue-loader-template%22%7D!./node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"power-job-panl\" },\n    [\n      _c(\"el-row\", [\n        _c(\n          \"div\",\n          { staticClass: \"power-job-button\" },\n          [\n            _c(\n              \"el-button\",\n              {\n                attrs: { type: \"primary\" },\n                on: { click: _vm.fetchInstanceDetail }\n              },\n              [_vm._v(_vm._s(_vm.$t(\"message.refresh\")))]\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\n        \"div\",\n        {\n          staticClass: \"power-job-info\",\n          style: { width: _vm.fixedWidth ? _vm.fixedWidth : \"100%\" }\n        },\n        [\n          _c(\n            \"el-card\",\n            [\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.instanceId\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceId))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.status\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(\n                        _vm._s(\n                          this.common.translateInstanceStatus(\n                            _vm.instanceDetail.status\n                          )\n                        )\n                      )\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.runningTimes\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.runningTimes))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.taskTrackerAddress\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.taskTrackerAddress))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(\n                        _vm._s(_vm.$t(\"message.expectedTriggerTime\")) + \":\"\n                      )\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.expectedTriggerTime))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.startTime\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.actualTriggerTime))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.finishedTime\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.finishedTime))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.nodeParams\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.jobParams))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\"span\", { staticClass: \"power-job-text\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"message.instanceParams\")) + \":\")\n                    ]),\n                    _c(\"span\", { staticClass: \"title\" }, [\n                      _vm._v(_vm._s(_vm.instanceDetail.instanceParams))\n                    ])\n                  ])\n                ],\n                1\n              ),\n              _c(\n                \"el-row\",\n                { staticClass: \"job-detail-text\" },\n                [\n                  _c(\"el-col\", { attrs: { span: 24 } }, [\n                    _c(\n                      \"div\",\n                      {\n                        class: {\n                          \"power-job-result\": true,\n                          \"power-job-result-detail\": _vm.resultAll\n                        }\n                      },\n                      [\n                        _c(\"span\", { staticClass: \"power-job-text\" }, [\n                          _vm._v(_vm._s(_vm.$t(\"message.result\")) + \":\")\n                        ]),\n                        !_vm.resultAll\n                          ? _c(\n                              \"el-popover\",\n                              {\n                                attrs: {\n                                  width: \"400\",\n                                  placement: \"right\",\n                                  trigger: \"click\"\n                                }\n                              },\n                              [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"power-job-content-slot\" },\n                                  [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(_vm.instanceDetail.result) +\n                                        \" \"\n                                    )\n                                  ]\n                                ),\n                                _c(\n                                  \"span\",\n                                  {\n                                    staticClass: \"power-job-content\",\n                                    style: {\n                                      width: _vm.fixedWidth\n                                        ? _vm.fixedWidth - 200 + \"px\"\n                                        : \"400px\"\n                                    },\n                                    attrs: { slot: \"reference\" },\n                                    slot: \"reference\"\n                                  },\n                                  [_vm._v(_vm._s(_vm.instanceDetail.result))]\n                                )\n                              ]\n                            )\n                          : _vm._e(),\n                        _vm.resultAll\n                          ? _c(\"span\", { staticClass: \"title\" }, [\n                              _vm._v(_vm._s(_vm.instanceDetail.result))\n                            ])\n                          : _vm._e()\n                      ],\n                      1\n                    )\n                  ])\n                ],\n                1\n              ),\n              _vm._t(\"default\"),\n              _vm.instanceDetail.taskDetail\n                ? _c(\n                    \"el-row\",\n                    {\n                      staticClass: \"job-detail-text\",\n                      attrs: { id: \"taskDetail\" }\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"power-job-text\" }, [\n                        _vm._v(_vm._s(_vm.$t(\"message.subTaskInfo\")) + \":\")\n                      ]),\n                      _c(\"span\", { staticClass: \"title\" }, [\n                        _vm._v(_vm._s(_vm.instanceDetail.taskDetail))\n                      ])\n                    ]\n                  )\n                : _vm._e()\n            ],\n            2\n          )\n        ],\n        1\n      ),\n      _vm.instanceDetail.subInstanceDetails\n        ? _c(\"el-divider\", { attrs: { \"content-position\": \"center\" } }, [\n            _vm._v(_vm._s(_vm.$t(\"message.secondlyJobHistory\")))\n          ])\n        : _vm._e(),\n      _vm.instanceDetail.subInstanceDetails\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"power-job-info\",\n              style: { width: _vm.fixedWidth ? _vm.fixedWidth : \"100%\" }\n            },\n            [\n              _c(\n                \"el-card\",\n                [\n                  _c(\n                    \"el-row\",\n                    [\n                      _c(\n                        \"el-table\",\n                        {\n                          staticStyle: { width: \"100%\" },\n                          attrs: { data: _vm.instanceDetail.subInstanceDetails }\n                        },\n                        [\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              \"show-overflow-tooltip\": true,\n                              prop: \"subInstanceId\",\n                              label: _vm.$t(\"message.subInstanceId\"),\n                              width: \"120\"\n                            }\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              \"show-overflow-tooltip\": true,\n                              prop: \"startTime\",\n                              label: _vm.$t(\"message.startTime\"),\n                              width: \"160\"\n                            }\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              \"show-overflow-tooltip\": true,\n                              prop: \"finishedTime\",\n                              label: _vm.$t(\"message.finishedTime\"),\n                              width: \"160\"\n                            }\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              \"show-overflow-tooltip\": true,\n                              label: _vm.$t(\"message.status\"),\n                              width: \"140\"\n                            },\n                            scopedSlots: _vm._u(\n                              [\n                                {\n                                  key: \"default\",\n                                  fn: function(scope) {\n                                    return [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.common.translateInstanceStatus(\n                                            scope.row.status\n                                          )\n                                        )\n                                      )\n                                    ]\n                                  }\n                                }\n                              ],\n                              null,\n                              false,\n                              761641776\n                            )\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              \"show-overflow-tooltip\": true,\n                              prop: \"result\",\n                              label: _vm.$t(\"message.result\")\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        : _vm._e()\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/common/InstanceDetail.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225adedfe8-vue-loader-template%22%7D!./node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -31,7 +31,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js */ \"./node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n*[data-v-44a86d2a],\\n*[data-v-44a86d2a]::after,\\n*[data-v-44a86d2a]::before {\\n  box-sizing: border-box;\\n}\\n.title[data-v-44a86d2a] {\\n  display: inline-block;\\n  /* margin: 5px 0; */\\n  font-size: 14px;\\n  font-weight: bold;\\n}\\n.power-job-button[data-v-44a86d2a] {\\n  display: flex;\\n  width: 100%;\\n  justify-content: flex-end;\\n  padding-top: 5px ;\\n  padding-right: 5px;\\n}\\n.power-job-info[data-v-44a86d2a] {\\n  padding: 5px 5px;\\n}\\n.power-job-text[data-v-44a86d2a] {\\n  display: inline-block;\\n  width: 148px;\\n  text-align: right;\\n  margin-right: 4px;\\n  font-size: 14px;\\n}\\n.result[data-v-44a86d2a]:hover {\\n  transition: 0.5s;\\n  color: #52AEFF;\\n}\\n.power-job-result[data-v-44a86d2a] {\\n  display: flex;\\n  align-items: center;\\n}\\n.power-job-content-slot[data-v-44a86d2a] {\\n  max-height: 300px;\\n  overflow-y: scroll;\\n}\\n.power-job-content[data-v-44a86d2a] {\\n  /* width: 205px; */\\n  white-space:nowrap;\\n  overflow:hidden;\\n  text-overflow:ellipsis;\\n  display: inline-block;\\n  font-size: 14px;\\n  /* line-height: 20px; */\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/common/InstanceDetail.vue?./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--6-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js */ \"./node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n*[data-v-44a86d2a],\\n*[data-v-44a86d2a]::after,\\n*[data-v-44a86d2a]::before {\\n  box-sizing: border-box;\\n}\\n.title[data-v-44a86d2a] {\\n  display: inline-block;\\n  /* margin: 5px 0; */\\n  font-size: 14px;\\n  font-weight: bold;\\n  flex: 1;\\n}\\n.power-job-button[data-v-44a86d2a] {\\n  display: flex;\\n  width: 100%;\\n  justify-content: flex-end;\\n  padding-top: 5px ;\\n  padding-right: 5px;\\n}\\n.power-job-info[data-v-44a86d2a] {\\n  padding: 5px 5px;\\n}\\n.power-job-text[data-v-44a86d2a] {\\n  display: inline-block;\\n  width: 148px;\\n  text-align: right;\\n  margin-right: 4px;\\n  font-size: 14px;\\n  word-break: break-all;\\n  flex-basis: 148px;\\n}\\n.result[data-v-44a86d2a]:hover {\\n  transition: 0.5s;\\n  color: #52AEFF;\\n}\\n.power-job-result[data-v-44a86d2a] {\\n  display: flex;\\n  align-items: center;\\n}\\n.power-job-result.power-job-result-detail[data-v-44a86d2a] {\\n  align-items: flex-start;\\n}\\n.power-job-content-slot[data-v-44a86d2a] {\\n  max-height: 300px;\\n  overflow-y: scroll;\\n}\\n.power-job-content[data-v-44a86d2a] {\\n  /* width: 205px; */\\n  white-space:nowrap;\\n  overflow:hidden;\\n  text-overflow:ellipsis;\\n  display: inline-block;\\n  font-size: 14px;\\n  /* line-height: 20px; */\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/common/InstanceDetail.vue?./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--6-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
diff --git a/powerjob-server/powerjob-server-starter/src/main/resources/static/js/3.js b/powerjob-server/powerjob-server-starter/src/main/resources/static/js/3.js
index 8faeb8ff..57963f84 100644
--- a/powerjob-server/powerjob-server-starter/src/main/resources/static/js/3.js
+++ b/powerjob-server/powerjob-server-starter/src/main/resources/static/js/3.js
@@ -92,7 +92,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/toConsumableArray */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/toConsumableArray.js\");\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/asyncToGenerator */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ \"./node_modules/_regenerator-runtime@0.13.7@regenerator-runtime/runtime.js\");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.find-index.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/es.array.find-index.js\");\n/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/web.dom-collections.for-each.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/es.array.concat.js\");\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/es.array.find.js\");\n/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _common_TimeExpressionValidator__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../common/TimeExpressionValidator */ \"./src/components/common/TimeExpressionValidator.vue\");\n/* harmony import */ var _PowerWorkflow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PowerWorkflow */ \"./src/components/dag/PowerWorkflow.vue\");\n\n\n\n\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\nfunction nodeInfoChange(icon, index) {\n  return function (value) {\n    if (!this.selectNode) return;\n    var group = this.selectNode.getContainer();\n    var current = group.getChildByIndex(index);\n\n    if (value) {\n      current.attr({\n        img: icon\n      });\n    } else {\n      current.attr({\n        img: \"\"\n      });\n    }\n  };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"WorkflowEditor\",\n  components: {\n    TimeExpressionValidator: _common_TimeExpressionValidator__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n    PowerWorkflow: _PowerWorkflow__WEBPACK_IMPORTED_MODULE_10__[\"default\"]\n  },\n  data: function data() {\n    return {\n      workflowInfo: {\n        id: \"\",\n        appId: this.$store.state.appInfo.id,\n        enable: true,\n        maxWfInstanceNum: 1,\n        notifyUserIds: [],\n        timeExpression: undefined,\n        timeExpressionType: undefined,\n        wfDescription: undefined,\n        wfName: undefined\n      },\n      nodeInfo: {\n        id: null,\n        jobId: null,\n        nodeName: \"\",\n        nodeParams: \"\",\n        enable: true,\n        skipWhenFailed: true\n      },\n      timeExpressionTypeOptions: [{\n        key: \"API\",\n        label: \"API\"\n      }, {\n        key: \"CRON\",\n        label: \"CRON\"\n      }],\n      userList: [],\n      // 导入任务相关\n      importDrawerVisible: false,\n      jobQueryContent: {\n        appId: this.$store.state.appInfo.id,\n        index: 0,\n        pageSize: 8,\n        jobId: undefined,\n        keyword: undefined\n      },\n      jobInfoPageResult: {\n        pageSize: 20,\n        totalItems: 0,\n        data: []\n      },\n      // 事件（1：新增起点，2：新增终点，3：删除节点；4：删除边）\n      event: undefined,\n      from: undefined,\n      // 时间表达式校验窗口\n      timeExpressionValidatorVisible: false,\n\n      /** DAG信息 */\n      peworkflowDAG: {\n        nodes: [],\n        edges: []\n      },\n\n      /** 保存按钮loading */\n      saveLoading: false,\n\n      /** 流程图实例 */\n      poverFlow: null,\n\n      /** 选中的数据 */\n      multipleSelection: [],\n\n      /** 当前的节点信息 */\n      taskList: [],\n\n      /** 当前选中的节点 */\n      selectNode: null,\n\n      /** 重置节点方法 */\n      resetNodes: null,\n\n      /** 待选任务列表 */\n      waitTaskList: [],\n\n      /** 任务搜索loading */\n      taskLoading: false,\n\n      /** 任务节流 */\n      taskTimeout: null\n    };\n  },\n  methods: {\n    // 返回上一页\n    back: function back() {\n      this.$router.go(-1);\n    },\n\n    /* ******** 导入任务相关，所有函数与 JobManager 重复，需要前端大佬重构！ ******** */\n    // 点击重置按钮\n    onClickReset: function onClickReset() {\n      this.jobQueryContent.keyword = undefined;\n      this.jobQueryContent.jobId = undefined;\n      this.listJobInfos();\n    },\n    // 列出符合当前搜索条件的任务\n    listJobInfos: function listJobInfos() {\n      var that = this;\n      this.axios.post(\"/job/list\", this.jobQueryContent).then(function (res) {\n        that.jobInfoPageResult = res;\n      });\n    },\n    // 点击 换页\n    onClickChangePage: function onClickChangePage(index) {\n      // 后端从0开始，前端从1开始\n      this.jobQueryContent.index = index - 1;\n      this.listJobInfos();\n    },\n    onClickImportNode: function onClickImportNode() {\n      this.listJobInfos();\n      this.importDrawerVisible = true;\n    },\n    onClickValidateTimeExpression: function onClickValidateTimeExpression() {\n      this.timeExpressionValidatorVisible = true;\n    },\n\n    /** 选中节点 */\n    handleSelectedNode: function handleSelectedNode(item) {\n      this.selectNode = item; // 从节点列表找到节点\n\n      var index = this.getNodeIndexById(item.get(\"model\").nodeId);\n      var node = this.taskList[index];\n      this.remoteTaskData(null, node.jobId);\n      this.nodeInfo = {\n        jobId: node.jobId,\n        nodeName: node.nodeName,\n        nodeParams: node.nodeParams,\n        enable: node.enable,\n        skipWhenFailed: node.skipWhenFailed,\n        id: item.get(\"model\").nodeId || item.get(\"model\").id\n      };\n    },\n\n    /** 多选节点 */\n    handleSelectionChange: function handleSelectionChange(val) {\n      this.multipleSelection = val;\n    },\n\n    /** 修改节点名称 */\n    handleNodeName: function handleNodeName(value) {\n      var nodeItem = this.poverFlow.graph.get(\"selectedItem\");\n      var group = nodeItem.getContainer();\n      var current = group.getChildByIndex(2);\n      current.attr(\"text\", value);\n    },\n\n    /** 获取工作流程图实例 */\n    getDag: function getDag(poverFlow, _ref) {\n      var resetNodes = _ref.resetNodes;\n      this.poverFlow = poverFlow;\n      this.resetNodes = resetNodes;\n    },\n\n    /** 根据nodeId找任务节点索引 */\n    getNodeIndexById: function getNodeIndexById(nodeId) {\n      return this.taskList.findIndex(function (item) {\n        return item.nodeId == nodeId;\n      });\n    },\n\n    /** 获取工作流信息 */\n    getWorkflowInfo: function getWorkflowInfo(fit) {\n      var _this = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var res;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return _this.axios.get(\"/workflow/fetch\", {\n                  params: {\n                    workflowId: _this.workflowInfo.id,\n                    appId: _this.workflowInfo.appId\n                  }\n                });\n\n              case 2:\n                res = _context.sent;\n                _this.workflowInfo = Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, _this.workflowInfo), res);\n\n                if (res.peworkflowDAG) {\n                  _this.taskList = res.peworkflowDAG.nodes;\n                  _this.peworkflowDAG = res.peworkflowDAG;\n\n                  _this.$nextTick(function () {\n                    _this.resetNodes();\n\n                    if (fit) {\n                      _this.poverFlow.graph.fitView(20);\n                    }\n                  });\n                }\n\n              case 5:\n              case \"end\":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n\n    /** 保存工作流全局信息 */\n    saveWorkflow: function saveWorkflow() {\n      var _this2 = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {\n        var dagInfo, flowData, res;\n        return regeneratorRuntime.wrap(function _callee2$(_context2) {\n          while (1) {\n            switch (_context2.prev = _context2.next) {\n              case 0:\n                dagInfo = {};\n\n                if (_this2.workflowInfo.id) {\n                  // 获取 DAG 信息\n                  flowData = _this2.poverFlow.graph.save();\n                  console.log(flowData);\n                  dagInfo = {\n                    nodes: flowData.nodes.map(function (item) {\n                      return {\n                        nodeId: item.id\n                      };\n                    }),\n                    edges: flowData.edges.map(function (item) {\n                      return {\n                        from: item.source,\n                        to: item.target\n                      };\n                    })\n                  };\n                }\n\n                _context2.next = 4;\n                return _this2.axios.post(\"/workflow/save\", Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, _this2.workflowInfo), {}, {\n                  dag: dagInfo\n                }));\n\n              case 4:\n                res = _context2.sent;\n\n                _this2.$message.success(_this2.$t(\"message.success\"));\n\n                if (!_this2.workflowInfo.id) _this2.workflowInfo.id = res;\n\n              case 7:\n              case \"end\":\n                return _context2.stop();\n            }\n          }\n        }, _callee2);\n      }))();\n    },\n\n    /** 导入任务节点数据 */\n    importTask: function importTask(taskList) {\n      var _this3 = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {\n        var data, res, zoom, viewPointEnd;\n        return regeneratorRuntime.wrap(function _callee3$(_context3) {\n          while (1) {\n            switch (_context3.prev = _context3.next) {\n              case 0:\n                if (!(taskList.length === 0)) {\n                  _context3.next = 2;\n                  break;\n                }\n\n                return _context3.abrupt(\"return\");\n\n              case 2:\n                data = taskList.map(function (item) {\n                  return {\n                    appId: item.appId,\n                    enable: item.enable,\n                    skipWhenFailed: item.skipWhenFailed,\n                    nodeName: item.jobName,\n                    jobId: item.id,\n                    nodeParams: item.jobParams,\n                    workflowId: _this3.workflowInfo.id,\n                    type: 'JOB'\n                  };\n                });\n                _context3.next = 5;\n                return _this3.axios.post(\"/workflow/saveNode\", data);\n\n              case 5:\n                res = _context3.sent;\n                // 先移动视口一个节点点的位置\n                // 获取缩放比例\n                zoom = _this3.poverFlow.graph.getZoom();\n\n                _this3.poverFlow.graph.translate(260 * zoom, 0);\n\n                viewPointEnd = _this3.poverFlow.graph.getPointByCanvas(0, 0);\n                res.forEach(function (item, index) {\n                  _this3.poverFlow.graph.add(\"node\", Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, item), {}, {\n                    nodeId: \"\".concat(item.id),\n                    type: \"flow-node\",\n                    size: [240, 70],\n                    x: viewPointEnd.x + 20,\n                    y: viewPointEnd.y + 70 * index + 20 + index * 10,\n                    leftText: item.jobId,\n                    titleText: item.nodeName\n                  }));\n                });\n                _this3.taskList = [].concat(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_this3.taskList), Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(res.map(function (item) {\n                  return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, item), {}, {\n                    nodeParams: item.nodeParams,\n                    nodeId: item.id\n                  });\n                })));\n\n              case 11:\n              case \"end\":\n                return _context3.stop();\n            }\n          }\n        }, _callee3);\n      }))();\n    },\n\n    /** 保存单个节点 */\n    handleNodeSave: function handleNodeSave() {\n      var _arguments = arguments,\n          _this4 = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {\n        var value, data, index;\n        return regeneratorRuntime.wrap(function _callee4$(_context4) {\n          while (1) {\n            switch (_context4.prev = _context4.next) {\n              case 0:\n                value = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : {};\n                data = [Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, _this4.nodeInfo), {}, {\n                  appId: _this4.workflowInfo.appId,\n                  workflowId: _this4.workflowInfo.id\n                }, value)];\n                _context4.next = 4;\n                return _this4.axios.post(\"/workflow/saveNode\", data);\n\n              case 4:\n                index = _this4.getNodeIndexById(_this4.nodeInfo.id);\n                _this4.taskList[index] = Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, _this4.taskList[index]), {}, {\n                  nodeName: _this4.nodeInfo.nodeName,\n                  nodeParams: _this4.nodeInfo.nodeParams,\n                  enable: _this4.nodeInfo.enable,\n                  skipWhenFailed: _this4.nodeInfo.skipWhenFailed\n                });\n\n                _this4.$message.success(_this4.$t(\"message.success\"));\n\n              case 7:\n              case \"end\":\n                return _context4.stop();\n            }\n          }\n        }, _callee4);\n      }))();\n    },\n\n    /** 批量导入工作流 */\n    onBulkImport: function onBulkImport() {\n      var _this5 = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {\n        return regeneratorRuntime.wrap(function _callee5$(_context5) {\n          while (1) {\n            switch (_context5.prev = _context5.next) {\n              case 0:\n                if (!(_this5.multipleSelection.length === 0)) {\n                  _context5.next = 3;\n                  break;\n                }\n\n                _this5.$message.warning(_this5.$t(\"message.noSelect\"));\n\n                return _context5.abrupt(\"return\");\n\n              case 3:\n                _context5.next = 5;\n                return _this5.importTask(_this5.multipleSelection);\n\n              case 5:\n              case \"end\":\n                return _context5.stop();\n            }\n          }\n        }, _callee5);\n      }))();\n    },\n\n    /** 远程加载任务列表数据 */\n    remoteTaskData: function remoteTaskData(value, jobId) {\n      var _this6 = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {\n        return regeneratorRuntime.wrap(function _callee6$(_context6) {\n          while (1) {\n            switch (_context6.prev = _context6.next) {\n              case 0:\n                clearTimeout(_this6.taskTimeout);\n                _this6.taskTimeout = setTimeout(function () {\n                  _this6.taskLoading = true;\n\n                  _this6.axios.post(\"/job/list\", Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, _this6.jobQueryContent), {}, {\n                    index: 0,\n                    keyword: value,\n                    jobId: jobId\n                  })).then(function (res) {\n                    _this6.waitTaskList = res.data;\n                    _this6.taskLoading = false;\n                  });\n                }, 100);\n\n              case 2:\n              case \"end\":\n                return _context6.stop();\n            }\n          }\n        }, _callee6);\n      }))();\n    },\n\n    /** 选中任务时 */\n    handleWaitTaskChange: function handleWaitTaskChange(value) {\n      // 找到节点信息\n      var current = this.waitTaskList.find(function (item) {\n        return item.id === value;\n      });\n      var currentShape = this.selectNode.getContainer().getChildByIndex(1);\n      currentShape.attr({\n        text: current.id\n      });\n      var index = this.getNodeIndexById(this.selectNode.get(\"model\").nodeId);\n      this.poverFlow.graph.updateItem(this.selectNode, {\n        leftText: current.id,\n        jobId: current.id\n      });\n      this.taskList[index] = Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, this.taskList[index]), {}, {\n        jobId: current.id\n      });\n      this.nodeInfo.jobId = value;\n    },\n\n    /** 节点外点击时单独处理 */\n    handleWaitFocus: function handleWaitFocus() {\n      this.poverFlow.graph.set('noKeyDown', true);\n    }\n  },\n  mounted: function mounted() {\n    // 加载用户信息\n    var that = this;\n    that.axios.get(\"/user/list\").then(function (res) {\n      return that.userList = res;\n    }); // 读取传递数据，如果是修改，需要先将数据绘制上去\n\n    var modify = this.$route.params.modify;\n\n    if (modify) {\n      this.workflowInfo = this.$route.params.workflowInfo;\n      this.workflowInfo.appId = this.$store.state.appInfo.id;\n      this.getWorkflowInfo(true);\n    }\n  },\n  watch: {\n    \"nodeInfo.enable\": {\n      handler: nodeInfoChange(__webpack_require__(/*! ../../assets/start.svg */ \"./src/assets/start.svg\"), 3)\n    },\n    \"nodeInfo.skipWhenFailed\": {\n      handler: nodeInfoChange(__webpack_require__(/*! ../../assets/skip.svg */ \"./src/assets/skip.svg\"), 4)\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/dag/WorkflowEditor.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.2.2@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/toConsumableArray */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/toConsumableArray.js\");\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/asyncToGenerator */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ \"./node_modules/_regenerator-runtime@0.13.7@regenerator-runtime/runtime.js\");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.find-index.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/es.array.find-index.js\");\n/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/web.dom-collections.for-each.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/es.array.concat.js\");\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ \"./node_modules/_core-js@3.9.1@core-js/modules/es.array.find.js\");\n/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _common_TimeExpressionValidator__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../common/TimeExpressionValidator */ \"./src/components/common/TimeExpressionValidator.vue\");\n/* harmony import */ var _PowerWorkflow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PowerWorkflow */ \"./src/components/dag/PowerWorkflow.vue\");\n\n\n\n\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\nfunction nodeInfoChange(icon, index) {\n  return function (value) {\n    if (!this.selectNode) return;\n    var group = this.selectNode.getContainer();\n    var current = group.getChildByIndex(index);\n\n    if (value) {\n      current.attr({\n        img: icon\n      });\n    } else {\n      current.attr({\n        img: \"\"\n      });\n    }\n  };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"WorkflowEditor\",\n  components: {\n    TimeExpressionValidator: _common_TimeExpressionValidator__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n    PowerWorkflow: _PowerWorkflow__WEBPACK_IMPORTED_MODULE_10__[\"default\"]\n  },\n  data: function data() {\n    return {\n      workflowInfo: {\n        id: \"\",\n        appId: this.$store.state.appInfo.id,\n        enable: true,\n        maxWfInstanceNum: 1,\n        notifyUserIds: [],\n        timeExpression: undefined,\n        timeExpressionType: undefined,\n        wfDescription: undefined,\n        wfName: undefined\n      },\n      nodeInfo: {\n        id: null,\n        jobId: null,\n        nodeName: \"\",\n        nodeParams: \"\",\n        enable: true,\n        skipWhenFailed: true\n      },\n      timeExpressionTypeOptions: [{\n        key: \"API\",\n        label: \"API\"\n      }, {\n        key: \"CRON\",\n        label: \"CRON\"\n      }],\n      userList: [],\n      // 导入任务相关\n      importDrawerVisible: false,\n      jobQueryContent: {\n        appId: this.$store.state.appInfo.id,\n        index: 0,\n        pageSize: 8,\n        jobId: undefined,\n        keyword: undefined\n      },\n      jobInfoPageResult: {\n        pageSize: 20,\n        totalItems: 0,\n        data: []\n      },\n      // 事件（1：新增起点，2：新增终点，3：删除节点；4：删除边）\n      event: undefined,\n      from: undefined,\n      // 时间表达式校验窗口\n      timeExpressionValidatorVisible: false,\n\n      /** DAG信息 */\n      peworkflowDAG: {\n        nodes: [],\n        edges: []\n      },\n\n      /** 保存按钮loading */\n      saveLoading: false,\n\n      /** 流程图实例 */\n      poverFlow: null,\n\n      /** 选中的数据 */\n      multipleSelection: [],\n\n      /** 当前的节点信息 */\n      taskList: [],\n\n      /** 当前选中的节点 */\n      selectNode: null,\n\n      /** 重置节点方法 */\n      resetNodes: null,\n\n      /** 待选任务列表 */\n      waitTaskList: [],\n\n      /** 任务搜索loading */\n      taskLoading: false,\n\n      /** 任务节流 */\n      taskTimeout: null\n    };\n  },\n  methods: {\n    // 返回上一页\n    back: function back() {\n      this.$router.go(-1);\n    },\n\n    /* ******** 导入任务相关，所有函数与 JobManager 重复，需要前端大佬重构！ ******** */\n    // 点击重置按钮\n    onClickReset: function onClickReset() {\n      this.jobQueryContent.keyword = undefined;\n      this.jobQueryContent.jobId = undefined;\n      this.listJobInfos();\n    },\n    // 列出符合当前搜索条件的任务\n    listJobInfos: function listJobInfos() {\n      var that = this;\n      this.axios.post(\"/job/list\", this.jobQueryContent).then(function (res) {\n        that.jobInfoPageResult = res;\n      });\n    },\n    // 点击 换页\n    onClickChangePage: function onClickChangePage(index) {\n      // 后端从0开始，前端从1开始\n      this.jobQueryContent.index = index - 1;\n      this.listJobInfos();\n    },\n    onClickImportNode: function onClickImportNode() {\n      this.listJobInfos();\n      this.importDrawerVisible = true;\n    },\n    onClickValidateTimeExpression: function onClickValidateTimeExpression() {\n      this.timeExpressionValidatorVisible = true;\n    },\n\n    /** 选中节点 */\n    handleSelectedNode: function handleSelectedNode(item) {\n      this.selectNode = item; // 从节点列表找到节点\n\n      var index = this.getNodeIndexById(item.get(\"model\").nodeId);\n      var node = this.taskList[index];\n      this.remoteTaskData(null, node.jobId);\n      this.nodeInfo = {\n        jobId: node.jobId,\n        nodeName: node.nodeName,\n        nodeParams: node.nodeParams,\n        enable: node.enable,\n        skipWhenFailed: node.skipWhenFailed,\n        id: item.get(\"model\").nodeId || item.get(\"model\").id\n      };\n    },\n\n    /** 多选节点 */\n    handleSelectionChange: function handleSelectionChange(val) {\n      this.multipleSelection = val;\n    },\n\n    /** 修改节点名称 */\n    handleNodeName: function handleNodeName(value) {\n      var nodeItem = this.poverFlow.graph.get(\"selectedItem\");\n      var group = nodeItem.getContainer();\n      var current = group.getChildByIndex(2);\n      current.attr(\"text\", value);\n    },\n\n    /** 获取工作流程图实例 */\n    getDag: function getDag(poverFlow, _ref) {\n      var resetNodes = _ref.resetNodes;\n      this.poverFlow = poverFlow;\n      this.resetNodes = resetNodes;\n    },\n\n    /** 根据nodeId找任务节点索引 */\n    getNodeIndexById: function getNodeIndexById(nodeId) {\n      return this.taskList.findIndex(function (item) {\n        return item.nodeId == nodeId;\n      });\n    },\n\n    /** 获取工作流信息 */\n    getWorkflowInfo: function getWorkflowInfo(fit) {\n      var _this = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var res;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return _this.axios.get(\"/workflow/fetch\", {\n                  params: {\n                    workflowId: _this.workflowInfo.id,\n                    appId: _this.workflowInfo.appId\n                  }\n                });\n\n              case 2:\n                res = _context.sent;\n                _this.workflowInfo = Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, _this.workflowInfo), res);\n\n                if (res.peworkflowDAG) {\n                  _this.taskList = res.peworkflowDAG.nodes;\n                  _this.peworkflowDAG = res.peworkflowDAG;\n\n                  _this.$nextTick(function () {\n                    _this.resetNodes();\n\n                    if (fit) {\n                      // this.poverFlow.graph.fitView(20);\n                      // 改为layout适配会对节点少的时候友好一点\n                      _this.poverFlow.graph.layout();\n                    }\n                  });\n                }\n\n              case 5:\n              case \"end\":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n\n    /** 保存工作流全局信息 */\n    saveWorkflow: function saveWorkflow() {\n      var _this2 = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {\n        var flowData, dagInfo, res;\n        return regeneratorRuntime.wrap(function _callee2$(_context2) {\n          while (1) {\n            switch (_context2.prev = _context2.next) {\n              case 0:\n                // 改为不需要dag信息\n                flowData = _this2.poverFlow.graph.save();\n                dagInfo = {\n                  nodes: flowData.nodes.map(function (item) {\n                    return {\n                      nodeId: item.id\n                    };\n                  }),\n                  edges: flowData.edges.map(function (item) {\n                    return {\n                      from: item.source,\n                      to: item.target\n                    };\n                  })\n                };\n                _context2.next = 4;\n                return _this2.axios.post(\"/workflow/save\", Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, _this2.workflowInfo), {}, {\n                  dag: dagInfo\n                }));\n\n              case 4:\n                res = _context2.sent;\n\n                _this2.$message.success(_this2.$t(\"message.success\"));\n\n                if (!_this2.workflowInfo.id) _this2.workflowInfo.id = res;\n\n              case 7:\n              case \"end\":\n                return _context2.stop();\n            }\n          }\n        }, _callee2);\n      }))();\n    },\n\n    /** 导入任务节点数据 */\n    importTask: function importTask(taskList) {\n      var _this3 = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {\n        var data, res, zoom, viewPointEnd;\n        return regeneratorRuntime.wrap(function _callee3$(_context3) {\n          while (1) {\n            switch (_context3.prev = _context3.next) {\n              case 0:\n                if (!(taskList.length === 0)) {\n                  _context3.next = 2;\n                  break;\n                }\n\n                return _context3.abrupt(\"return\");\n\n              case 2:\n                data = taskList.map(function (item) {\n                  return {\n                    appId: item.appId,\n                    enable: item.enable,\n                    skipWhenFailed: item.skipWhenFailed,\n                    nodeName: item.jobName,\n                    jobId: item.id,\n                    nodeParams: item.jobParams,\n                    workflowId: _this3.workflowInfo.id,\n                    type: 'JOB'\n                  };\n                });\n                _context3.next = 5;\n                return _this3.axios.post(\"/workflow/saveNode\", data);\n\n              case 5:\n                res = _context3.sent;\n                // 先移动视口一个节点点的位置\n                // 获取缩放比例\n                zoom = _this3.poverFlow.graph.getZoom();\n\n                _this3.poverFlow.graph.translate(260 * zoom, 0);\n\n                viewPointEnd = _this3.poverFlow.graph.getPointByCanvas(0, 0);\n                res.forEach(function (item, index) {\n                  _this3.poverFlow.graph.add(\"node\", Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, item), {}, {\n                    id: \"\".concat(item.id),\n                    nodeId: \"\".concat(item.id),\n                    type: \"flow-node\",\n                    size: [240, 70],\n                    x: viewPointEnd.x + 20,\n                    y: viewPointEnd.y + 70 * index + 20 + index * 10,\n                    leftText: item.jobId,\n                    titleText: item.nodeName,\n                    icon1: item.enable ? __webpack_require__(/*! ../../assets/start.svg */ \"./src/assets/start.svg\") : '',\n                    icon2: item.skipWhenFailed ? __webpack_require__(/*! ../../assets/skip.svg */ \"./src/assets/skip.svg\") : ''\n                  }));\n                });\n                _this3.taskList = [].concat(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_this3.taskList), Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(res.map(function (item) {\n                  return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, item), {}, {\n                    nodeParams: item.nodeParams,\n                    nodeId: item.id\n                  });\n                })));\n\n              case 11:\n              case \"end\":\n                return _context3.stop();\n            }\n          }\n        }, _callee3);\n      }))();\n    },\n\n    /** 保存单个节点 */\n    handleNodeSave: function handleNodeSave() {\n      var _arguments = arguments,\n          _this4 = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {\n        var value, data, index;\n        return regeneratorRuntime.wrap(function _callee4$(_context4) {\n          while (1) {\n            switch (_context4.prev = _context4.next) {\n              case 0:\n                value = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : {};\n                data = [Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, _this4.nodeInfo), {}, {\n                  appId: _this4.workflowInfo.appId,\n                  workflowId: _this4.workflowInfo.id\n                }, value)];\n                _context4.next = 4;\n                return _this4.axios.post(\"/workflow/saveNode\", data);\n\n              case 4:\n                index = _this4.getNodeIndexById(_this4.nodeInfo.id);\n                _this4.taskList[index] = Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, _this4.taskList[index]), {}, {\n                  nodeName: _this4.nodeInfo.nodeName,\n                  nodeParams: _this4.nodeInfo.nodeParams,\n                  enable: _this4.nodeInfo.enable,\n                  skipWhenFailed: _this4.nodeInfo.skipWhenFailed\n                });\n\n                _this4.$message.success(_this4.$t(\"message.success\"));\n\n              case 7:\n              case \"end\":\n                return _context4.stop();\n            }\n          }\n        }, _callee4);\n      }))();\n    },\n\n    /** 批量导入工作流 */\n    onBulkImport: function onBulkImport() {\n      var _this5 = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {\n        return regeneratorRuntime.wrap(function _callee5$(_context5) {\n          while (1) {\n            switch (_context5.prev = _context5.next) {\n              case 0:\n                if (!(_this5.multipleSelection.length === 0)) {\n                  _context5.next = 3;\n                  break;\n                }\n\n                _this5.$message.warning(_this5.$t(\"message.noSelect\"));\n\n                return _context5.abrupt(\"return\");\n\n              case 3:\n                _context5.next = 5;\n                return _this5.importTask(_this5.multipleSelection);\n\n              case 5:\n              case \"end\":\n                return _context5.stop();\n            }\n          }\n        }, _callee5);\n      }))();\n    },\n\n    /** 远程加载任务列表数据 */\n    remoteTaskData: function remoteTaskData(value, jobId) {\n      var _this6 = this;\n\n      return Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {\n        return regeneratorRuntime.wrap(function _callee6$(_context6) {\n          while (1) {\n            switch (_context6.prev = _context6.next) {\n              case 0:\n                clearTimeout(_this6.taskTimeout);\n                _this6.taskTimeout = setTimeout(function () {\n                  _this6.taskLoading = true;\n\n                  _this6.axios.post(\"/job/list\", Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, _this6.jobQueryContent), {}, {\n                    index: 0,\n                    keyword: value,\n                    jobId: jobId\n                  })).then(function (res) {\n                    _this6.waitTaskList = res.data;\n                    _this6.taskLoading = false;\n                  });\n                }, 100);\n\n              case 2:\n              case \"end\":\n                return _context6.stop();\n            }\n          }\n        }, _callee6);\n      }))();\n    },\n\n    /** 选中任务时 */\n    handleWaitTaskChange: function handleWaitTaskChange(value) {\n      // 找到节点信息\n      var current = this.waitTaskList.find(function (item) {\n        return item.id === value;\n      });\n      var currentShape = this.selectNode.getContainer().getChildByIndex(1);\n      currentShape.attr({\n        text: current.id\n      });\n      var index = this.getNodeIndexById(this.selectNode.get(\"model\").nodeId);\n      this.poverFlow.graph.updateItem(this.selectNode, {\n        leftText: current.id,\n        jobId: current.id\n      });\n      this.taskList[index] = Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, this.taskList[index]), {}, {\n        jobId: current.id\n      });\n      this.nodeInfo.jobId = value;\n    },\n\n    /** 节点外点击时单独处理 */\n    handleWaitFocus: function handleWaitFocus() {\n      this.poverFlow.graph.set('noKeyDown', true);\n    }\n  },\n  mounted: function mounted() {\n    // 加载用户信息\n    var that = this;\n    that.axios.get(\"/user/list\").then(function (res) {\n      return that.userList = res;\n    }); // 读取传递数据，如果是修改，需要先将数据绘制上去\n\n    var modify = this.$route.params.modify;\n\n    if (modify) {\n      this.workflowInfo = this.$route.params.workflowInfo;\n      this.workflowInfo.appId = this.$store.state.appInfo.id;\n      this.getWorkflowInfo(true);\n    }\n  },\n  watch: {\n    \"nodeInfo.enable\": {\n      handler: nodeInfoChange(__webpack_require__(/*! ../../assets/start.svg */ \"./src/assets/start.svg\"), 3)\n    },\n    \"nodeInfo.skipWhenFailed\": {\n      handler: nodeInfoChange(__webpack_require__(/*! ../../assets/skip.svg */ \"./src/assets/skip.svg\"), 4)\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/dag/WorkflowEditor.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.2.2@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -116,7 +116,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"el-row\",\n        {\n          staticStyle: {\n            \"margin-left\": \"0px\",\n            \"margin-bottom\": \"20px\",\n            \"margin-right\": \"25px\"\n          }\n        },\n        [\n          _c(\n            \"el-col\",\n            { attrs: { span: 1 } },\n            [\n              _c(\n                \"el-button\",\n                { attrs: { type: \"primary\" }, on: { click: _vm.back } },\n                [_vm._v(_vm._s(_vm.$t(\"message.back\")))]\n              )\n            ],\n            1\n          ),\n          _c(\n            \"el-col\",\n            { attrs: { span: 1, offset: 22 } },\n            [\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"success\", loading: _vm.saveLoading },\n                  on: { click: _vm.saveWorkflow }\n                },\n                [_vm._v(_vm._s(_vm.$t(\"message.save\")))]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-row\",\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.workflowInfo, \"label-width\": \"100px\" }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: _vm.$t(\"message.wfName\") } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.workflowInfo.wfName,\n                      callback: function($$v) {\n                        _vm.$set(_vm.workflowInfo, \"wfName\", $$v)\n                      },\n                      expression: \"workflowInfo.wfName\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: _vm.$t(\"message.wfDescription\") } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.workflowInfo.wfDescription,\n                      callback: function($$v) {\n                        _vm.$set(_vm.workflowInfo, \"wfDescription\", $$v)\n                      },\n                      expression: \"workflowInfo.wfDescription\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: _vm.$t(\"message.scheduleInfo\") } },\n                [\n                  _c(\n                    \"el-row\",\n                    [\n                      _c(\n                        \"el-col\",\n                        { attrs: { span: 6 } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: {\n                                placeholder: _vm.$t(\n                                  \"message.timeExpressionType\"\n                                )\n                              },\n                              model: {\n                                value: _vm.workflowInfo.timeExpressionType,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.workflowInfo,\n                                    \"timeExpressionType\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"workflowInfo.timeExpressionType\"\n                              }\n                            },\n                            _vm._l(_vm.timeExpressionTypeOptions, function(\n                              item\n                            ) {\n                              return _c(\"el-option\", {\n                                key: item.key,\n                                attrs: { label: item.label, value: item.key }\n                              })\n                            }),\n                            1\n                          )\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"el-col\",\n                        { attrs: { span: 12 } },\n                        [\n                          _c(\"el-input\", {\n                            attrs: {\n                              placeholder: _vm.$t(\"message.wfTimeExpressionPLH\")\n                            },\n                            model: {\n                              value: _vm.workflowInfo.timeExpression,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.workflowInfo,\n                                  \"timeExpression\",\n                                  $$v\n                                )\n                              },\n                              expression: \"workflowInfo.timeExpression\"\n                            }\n                          })\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"el-col\",\n                        { attrs: { span: 4 } },\n                        [\n                          _c(\n                            \"el-button\",\n                            {\n                              attrs: { type: \"text\" },\n                              on: { click: _vm.onClickValidateTimeExpression }\n                            },\n                            [\n                              _vm._v(\n                                _vm._s(_vm.$t(\"message.validateTimeExpression\"))\n                              )\n                            ]\n                          )\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: _vm.$t(\"message.maxInstanceNum\") } },\n                [\n                  _c(\"el-input-number\", {\n                    model: {\n                      value: _vm.workflowInfo.maxWfInstanceNum,\n                      callback: function($$v) {\n                        _vm.$set(_vm.workflowInfo, \"maxWfInstanceNum\", $$v)\n                      },\n                      expression: \"workflowInfo.maxWfInstanceNum\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: _vm.$t(\"message.alarmConfig\") } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: {\n                        multiple: \"\",\n                        filterable: \"\",\n                        placeholder: _vm.$t(\"message.alarmSelectorPLH\")\n                      },\n                      model: {\n                        value: _vm.workflowInfo.notifyUserIds,\n                        callback: function($$v) {\n                          _vm.$set(_vm.workflowInfo, \"notifyUserIds\", $$v)\n                        },\n                        expression: \"workflowInfo.notifyUserIds\"\n                      }\n                    },\n                    _vm._l(_vm.userList, function(user) {\n                      return _c(\"el-option\", {\n                        key: user.id,\n                        attrs: { label: user.username, value: user.id }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\"el-row\", [\n        _vm.workflowInfo.id\n          ? _c(\"div\", { staticClass: \"power-flow\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"power-dag\", attrs: { id: \"fullInc\" } },\n                [\n                  _c(\n                    \"PowerWorkflow\",\n                    {\n                      attrs: {\n                        onClickImportNode: _vm.onClickImportNode,\n                        selectNode: _vm.selectNode,\n                        nodes: _vm.peworkflowDAG.nodes,\n                        edges: _vm.peworkflowDAG.edges,\n                        defaultWidthInc: 234,\n                        fullInc: \"fullInc\"\n                      },\n                      on: {\n                        onSelectedNode: _vm.handleSelectedNode,\n                        getDag: _vm.getDag\n                      }\n                    },\n                    [\n                      _vm.selectNode !== null\n                        ? _c(\n                            \"div\",\n                            { staticClass: \"job-panl\" },\n                            [\n                              _c(\n                                \"el-form\",\n                                { ref: \"form\", attrs: { model: _vm.nodeInfo } },\n                                [\n                                  _c(\n                                    \"el-form-item\",\n                                    {\n                                      attrs: {\n                                        label: _vm.$t(\"message.jobName\")\n                                      }\n                                    },\n                                    [\n                                      _c(\n                                        \"el-select\",\n                                        {\n                                          style: { width: \"calc(100% - 90px)\" },\n                                          attrs: {\n                                            filterable: \"\",\n                                            remote: \"\",\n                                            \"reserve-keyword\": \"\",\n                                            placeholder: \"请输入关键词\",\n                                            \"remote-method\": _vm.remoteTaskData,\n                                            loading: _vm.taskLoading\n                                          },\n                                          on: {\n                                            focus: _vm.handleWaitFocus,\n                                            change: _vm.handleWaitTaskChange\n                                          },\n                                          model: {\n                                            value: _vm.nodeInfo.jobId,\n                                            callback: function($$v) {\n                                              _vm.$set(\n                                                _vm.nodeInfo,\n                                                \"jobId\",\n                                                $$v\n                                              )\n                                            },\n                                            expression: \"nodeInfo.jobId\"\n                                          }\n                                        },\n                                        _vm._l(_vm.waitTaskList, function(\n                                          item\n                                        ) {\n                                          return _c(\"el-option\", {\n                                            key: item.id,\n                                            attrs: {\n                                              label: item.jobName,\n                                              value: item.id\n                                            }\n                                          })\n                                        }),\n                                        1\n                                      )\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    \"el-form-item\",\n                                    {\n                                      attrs: {\n                                        label: _vm.$t(\"message.nodeName\")\n                                      }\n                                    },\n                                    [\n                                      _c(\"el-input\", {\n                                        style: { width: \"calc(100% - 90px)\" },\n                                        on: { input: _vm.handleNodeName },\n                                        model: {\n                                          value: _vm.nodeInfo.nodeName,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              _vm.nodeInfo,\n                                              \"nodeName\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"nodeInfo.nodeName\"\n                                        }\n                                      })\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    \"el-form-item\",\n                                    {\n                                      attrs: {\n                                        label: _vm.$t(\"message.nodeParams\")\n                                      }\n                                    },\n                                    [\n                                      _c(\"el-input\", {\n                                        style: { width: \"calc(100% - 90px)\" },\n                                        model: {\n                                          value: _vm.nodeInfo.nodeParams,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              _vm.nodeInfo,\n                                              \"nodeParams\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"nodeInfo.nodeParams\"\n                                        }\n                                      })\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    \"el-form-item\",\n                                    {\n                                      attrs: { label: _vm.$t(\"message.enable\") }\n                                    },\n                                    [\n                                      _c(\"el-switch\", {\n                                        model: {\n                                          value: _vm.nodeInfo.enable,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              _vm.nodeInfo,\n                                              \"enable\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"nodeInfo.enable\"\n                                        }\n                                      }),\n                                      _vm.nodeInfo.enable\n                                        ? _c(\"img\", {\n                                            staticClass: \"job-panl-icon\",\n                                            attrs: {\n                                              src: __webpack_require__(/*! ../../assets/start.svg */ \"./src/assets/start.svg\"),\n                                              height: \"18\",\n                                              width: \"18\",\n                                              alt: \"\"\n                                            }\n                                          })\n                                        : _vm._e()\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    \"el-form-item\",\n                                    {\n                                      attrs: {\n                                        label: _vm.$t(\"message.skipWhenFailed\")\n                                      }\n                                    },\n                                    [\n                                      _c(\"el-switch\", {\n                                        model: {\n                                          value: _vm.nodeInfo.skipWhenFailed,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              _vm.nodeInfo,\n                                              \"skipWhenFailed\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"nodeInfo.skipWhenFailed\"\n                                        }\n                                      }),\n                                      _vm.nodeInfo.skipWhenFailed\n                                        ? _c(\"img\", {\n                                            staticClass: \"job-panl-icon\",\n                                            attrs: {\n                                              src: __webpack_require__(/*! ../../assets/skip.svg */ \"./src/assets/skip.svg\"),\n                                              height: \"18\",\n                                              width: \"18\",\n                                              alt: \"\"\n                                            }\n                                          })\n                                        : _vm._e()\n                                    ],\n                                    1\n                                  )\n                                ],\n                                1\n                              ),\n                              _c(\n                                \"div\",\n                                { staticClass: \"job-panl-btn\" },\n                                [\n                                  _c(\n                                    \"el-button\",\n                                    {\n                                      attrs: { type: \"success\" },\n                                      on: { click: _vm.handleNodeSave }\n                                    },\n                                    [_vm._v(_vm._s(_vm.$t(\"message.save\")))]\n                                  )\n                                ],\n                                1\n                              )\n                            ],\n                            1\n                          )\n                        : _vm._e()\n                    ]\n                  ),\n                  _c(\n                    \"el-drawer\",\n                    {\n                      attrs: {\n                        title: _vm.$t(\"message.importJobTitle\"),\n                        visible: _vm.importDrawerVisible,\n                        direction: \"rtl\",\n                        size: \"60%\"\n                      },\n                      on: {\n                        \"update:visible\": function($event) {\n                          _vm.importDrawerVisible = $event\n                        }\n                      }\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"power-import-body\" },\n                        [\n                          _c(\n                            \"el-row\",\n                            [\n                              _c(\n                                \"el-form\",\n                                {\n                                  staticClass: \"el-form--inline\",\n                                  attrs: {\n                                    inline: true,\n                                    model: _vm.jobQueryContent\n                                  }\n                                },\n                                [\n                                  _c(\n                                    \"el-form-item\",\n                                    {\n                                      attrs: { label: _vm.$t(\"message.jobId\") }\n                                    },\n                                    [\n                                      _c(\"el-input\", {\n                                        attrs: {\n                                          placeholder: _vm.$t(\"message.jobId\")\n                                        },\n                                        model: {\n                                          value: _vm.jobQueryContent.jobId,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              _vm.jobQueryContent,\n                                              \"jobId\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"jobQueryContent.jobId\"\n                                        }\n                                      })\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    \"el-form-item\",\n                                    {\n                                      attrs: {\n                                        label: _vm.$t(\"message.keyword\")\n                                      }\n                                    },\n                                    [\n                                      _c(\"el-input\", {\n                                        attrs: {\n                                          placeholder: _vm.$t(\"message.keyword\")\n                                        },\n                                        model: {\n                                          value: _vm.jobQueryContent.keyword,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              _vm.jobQueryContent,\n                                              \"keyword\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"jobQueryContent.keyword\"\n                                        }\n                                      })\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    \"el-form-item\",\n                                    [\n                                      _c(\n                                        \"el-button\",\n                                        {\n                                          attrs: { type: \"primary\" },\n                                          on: { click: _vm.listJobInfos }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(_vm.$t(\"message.query\"))\n                                          )\n                                        ]\n                                      ),\n                                      _c(\n                                        \"el-button\",\n                                        {\n                                          attrs: { type: \"cancel\" },\n                                          on: { click: _vm.onClickReset }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(_vm.$t(\"message.reset\"))\n                                          )\n                                        ]\n                                      ),\n                                      _c(\n                                        \"el-button\",\n                                        {\n                                          attrs: { type: \"cancel\" },\n                                          on: { click: _vm.onBulkImport }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(_vm.$t(\"message.bulkImport\"))\n                                          )\n                                        ]\n                                      )\n                                    ],\n                                    1\n                                  )\n                                ],\n                                1\n                              )\n                            ],\n                            1\n                          ),\n                          _c(\n                            \"el-table\",\n                            {\n                              staticClass: \"power-import-table\",\n                              attrs: { data: _vm.jobInfoPageResult.data },\n                              on: {\n                                \"selection-change\": _vm.handleSelectionChange\n                              }\n                            },\n                            [\n                              _c(\"el-table-column\", {\n                                attrs: { type: \"selection\", width: \"55\" }\n                              }),\n                              _c(\"el-table-column\", {\n                                attrs: {\n                                  property: \"id\",\n                                  label: _vm.$t(\"message.jobId\")\n                                }\n                              }),\n                              _c(\"el-table-column\", {\n                                attrs: {\n                                  property: \"jobName\",\n                                  label: _vm.$t(\"message.jobName\")\n                                }\n                              }),\n                              _c(\"el-table-column\", {\n                                attrs: { label: _vm.$t(\"message.operation\") },\n                                scopedSlots: _vm._u(\n                                  [\n                                    {\n                                      key: \"default\",\n                                      fn: function(scope) {\n                                        return [\n                                          _c(\n                                            \"el-button\",\n                                            {\n                                              attrs: { size: \"medium\" },\n                                              on: {\n                                                click: function($event) {\n                                                  return _vm.importTask([\n                                                    scope.row\n                                                  ])\n                                                }\n                                              }\n                                            },\n                                            [\n                                              _vm._v(\n                                                _vm._s(_vm.$t(\"message.import\"))\n                                              )\n                                            ]\n                                          )\n                                        ]\n                                      }\n                                    }\n                                  ],\n                                  null,\n                                  false,\n                                  2187304510\n                                )\n                              })\n                            ],\n                            1\n                          ),\n                          _c(\n                            \"el-row\",\n                            [\n                              _c(\"el-pagination\", {\n                                attrs: {\n                                  layout: \"prev, pager, next\",\n                                  total: this.jobInfoPageResult.totalItems,\n                                  \"page-size\": this.jobInfoPageResult.pageSize\n                                },\n                                on: { \"current-change\": _vm.onClickChangePage }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  )\n                ],\n                1\n              )\n            ])\n          : _vm._e()\n      ]),\n      _vm.timeExpressionValidatorVisible\n        ? _c(\n            \"el-dialog\",\n            {\n              attrs: { visible: _vm.timeExpressionValidatorVisible },\n              on: {\n                \"update:visible\": function($event) {\n                  _vm.timeExpressionValidatorVisible = $event\n                }\n              }\n            },\n            [\n              _c(\"TimeExpressionValidator\", {\n                attrs: {\n                  \"time-expression\": _vm.workflowInfo.timeExpression,\n                  \"time-expression-type\": _vm.workflowInfo.timeExpressionType\n                }\n              })\n            ],\n            1\n          )\n        : _vm._e()\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/dag/WorkflowEditor.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225adedfe8-vue-loader-template%22%7D!./node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"el-row\",\n        {\n          staticStyle: {\n            \"margin-left\": \"0px\",\n            \"margin-bottom\": \"20px\",\n            \"margin-right\": \"25px\"\n          }\n        },\n        [\n          _c(\n            \"el-col\",\n            { attrs: { span: 1 } },\n            [\n              _c(\n                \"el-button\",\n                { attrs: { type: \"primary\" }, on: { click: _vm.back } },\n                [_vm._v(_vm._s(_vm.$t(\"message.back\")))]\n              )\n            ],\n            1\n          ),\n          _c(\n            \"el-col\",\n            { attrs: { span: 1, offset: 22 } },\n            [\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"success\", loading: _vm.saveLoading },\n                  on: { click: _vm.saveWorkflow }\n                },\n                [_vm._v(_vm._s(_vm.$t(\"message.save\")))]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-row\",\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.workflowInfo, \"label-width\": \"100px\" }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: _vm.$t(\"message.wfName\") } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.workflowInfo.wfName,\n                      callback: function($$v) {\n                        _vm.$set(_vm.workflowInfo, \"wfName\", $$v)\n                      },\n                      expression: \"workflowInfo.wfName\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: _vm.$t(\"message.wfDescription\") } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.workflowInfo.wfDescription,\n                      callback: function($$v) {\n                        _vm.$set(_vm.workflowInfo, \"wfDescription\", $$v)\n                      },\n                      expression: \"workflowInfo.wfDescription\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: _vm.$t(\"message.scheduleInfo\") } },\n                [\n                  _c(\n                    \"el-row\",\n                    [\n                      _c(\n                        \"el-col\",\n                        { attrs: { span: 6 } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: {\n                                placeholder: _vm.$t(\n                                  \"message.timeExpressionType\"\n                                )\n                              },\n                              model: {\n                                value: _vm.workflowInfo.timeExpressionType,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.workflowInfo,\n                                    \"timeExpressionType\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"workflowInfo.timeExpressionType\"\n                              }\n                            },\n                            _vm._l(_vm.timeExpressionTypeOptions, function(\n                              item\n                            ) {\n                              return _c(\"el-option\", {\n                                key: item.key,\n                                attrs: { label: item.label, value: item.key }\n                              })\n                            }),\n                            1\n                          )\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"el-col\",\n                        { attrs: { span: 12 } },\n                        [\n                          _c(\"el-input\", {\n                            attrs: {\n                              placeholder: _vm.$t(\"message.wfTimeExpressionPLH\")\n                            },\n                            model: {\n                              value: _vm.workflowInfo.timeExpression,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.workflowInfo,\n                                  \"timeExpression\",\n                                  $$v\n                                )\n                              },\n                              expression: \"workflowInfo.timeExpression\"\n                            }\n                          })\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"el-col\",\n                        { attrs: { span: 4 } },\n                        [\n                          _c(\n                            \"el-button\",\n                            {\n                              attrs: { type: \"text\" },\n                              on: { click: _vm.onClickValidateTimeExpression }\n                            },\n                            [\n                              _vm._v(\n                                _vm._s(_vm.$t(\"message.validateTimeExpression\"))\n                              )\n                            ]\n                          )\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: _vm.$t(\"message.maxInstanceNum\") } },\n                [\n                  _c(\"el-input-number\", {\n                    model: {\n                      value: _vm.workflowInfo.maxWfInstanceNum,\n                      callback: function($$v) {\n                        _vm.$set(_vm.workflowInfo, \"maxWfInstanceNum\", $$v)\n                      },\n                      expression: \"workflowInfo.maxWfInstanceNum\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: _vm.$t(\"message.alarmConfig\") } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: {\n                        multiple: \"\",\n                        filterable: \"\",\n                        placeholder: _vm.$t(\"message.alarmSelectorPLH\")\n                      },\n                      model: {\n                        value: _vm.workflowInfo.notifyUserIds,\n                        callback: function($$v) {\n                          _vm.$set(_vm.workflowInfo, \"notifyUserIds\", $$v)\n                        },\n                        expression: \"workflowInfo.notifyUserIds\"\n                      }\n                    },\n                    _vm._l(_vm.userList, function(user) {\n                      return _c(\"el-option\", {\n                        key: user.id,\n                        attrs: { label: user.username, value: user.id }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\"el-row\", [\n        _c(\"div\", { staticClass: \"power-flow\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"power-dag\", attrs: { id: \"fullInc\" } },\n            [\n              _c(\n                \"PowerWorkflow\",\n                {\n                  attrs: {\n                    onClickImportNode: _vm.onClickImportNode,\n                    selectNode: _vm.selectNode,\n                    nodes: _vm.peworkflowDAG.nodes,\n                    edges: _vm.peworkflowDAG.edges,\n                    defaultWidthInc: 234,\n                    fullInc: \"fullInc\"\n                  },\n                  on: {\n                    onSelectedNode: _vm.handleSelectedNode,\n                    getDag: _vm.getDag\n                  }\n                },\n                [\n                  _vm.selectNode !== null\n                    ? _c(\n                        \"div\",\n                        { staticClass: \"job-panl\" },\n                        [\n                          _c(\n                            \"el-form\",\n                            { ref: \"form\", attrs: { model: _vm.nodeInfo } },\n                            [\n                              _c(\n                                \"el-form-item\",\n                                { attrs: { label: _vm.$t(\"message.jobName\") } },\n                                [\n                                  _c(\n                                    \"el-select\",\n                                    {\n                                      style: { width: \"calc(100% - 90px)\" },\n                                      attrs: {\n                                        filterable: \"\",\n                                        remote: \"\",\n                                        \"reserve-keyword\": \"\",\n                                        placeholder: \"请输入关键词\",\n                                        \"remote-method\": _vm.remoteTaskData,\n                                        loading: _vm.taskLoading\n                                      },\n                                      on: {\n                                        focus: _vm.handleWaitFocus,\n                                        change: _vm.handleWaitTaskChange\n                                      },\n                                      model: {\n                                        value: _vm.nodeInfo.jobId,\n                                        callback: function($$v) {\n                                          _vm.$set(_vm.nodeInfo, \"jobId\", $$v)\n                                        },\n                                        expression: \"nodeInfo.jobId\"\n                                      }\n                                    },\n                                    _vm._l(_vm.waitTaskList, function(item) {\n                                      return _c(\"el-option\", {\n                                        key: item.id,\n                                        attrs: {\n                                          label: item.jobName,\n                                          value: item.id\n                                        }\n                                      })\n                                    }),\n                                    1\n                                  )\n                                ],\n                                1\n                              ),\n                              _c(\n                                \"el-form-item\",\n                                {\n                                  attrs: { label: _vm.$t(\"message.nodeName\") }\n                                },\n                                [\n                                  _c(\"el-input\", {\n                                    style: { width: \"calc(100% - 90px)\" },\n                                    on: { input: _vm.handleNodeName },\n                                    model: {\n                                      value: _vm.nodeInfo.nodeName,\n                                      callback: function($$v) {\n                                        _vm.$set(_vm.nodeInfo, \"nodeName\", $$v)\n                                      },\n                                      expression: \"nodeInfo.nodeName\"\n                                    }\n                                  })\n                                ],\n                                1\n                              ),\n                              _c(\n                                \"el-form-item\",\n                                {\n                                  attrs: { label: _vm.$t(\"message.nodeParams\") }\n                                },\n                                [\n                                  _c(\"el-input\", {\n                                    style: { width: \"calc(100% - 90px)\" },\n                                    model: {\n                                      value: _vm.nodeInfo.nodeParams,\n                                      callback: function($$v) {\n                                        _vm.$set(\n                                          _vm.nodeInfo,\n                                          \"nodeParams\",\n                                          $$v\n                                        )\n                                      },\n                                      expression: \"nodeInfo.nodeParams\"\n                                    }\n                                  })\n                                ],\n                                1\n                              ),\n                              _c(\n                                \"el-form-item\",\n                                { attrs: { label: _vm.$t(\"message.enable\") } },\n                                [\n                                  _c(\"el-switch\", {\n                                    model: {\n                                      value: _vm.nodeInfo.enable,\n                                      callback: function($$v) {\n                                        _vm.$set(_vm.nodeInfo, \"enable\", $$v)\n                                      },\n                                      expression: \"nodeInfo.enable\"\n                                    }\n                                  }),\n                                  _vm.nodeInfo.enable\n                                    ? _c(\"img\", {\n                                        staticClass: \"job-panl-icon\",\n                                        attrs: {\n                                          src: __webpack_require__(/*! ../../assets/start.svg */ \"./src/assets/start.svg\"),\n                                          height: \"18\",\n                                          width: \"18\",\n                                          alt: \"\"\n                                        }\n                                      })\n                                    : _vm._e()\n                                ],\n                                1\n                              ),\n                              _c(\n                                \"el-form-item\",\n                                {\n                                  attrs: {\n                                    label: _vm.$t(\"message.skipWhenFailed\")\n                                  }\n                                },\n                                [\n                                  _c(\"el-switch\", {\n                                    model: {\n                                      value: _vm.nodeInfo.skipWhenFailed,\n                                      callback: function($$v) {\n                                        _vm.$set(\n                                          _vm.nodeInfo,\n                                          \"skipWhenFailed\",\n                                          $$v\n                                        )\n                                      },\n                                      expression: \"nodeInfo.skipWhenFailed\"\n                                    }\n                                  }),\n                                  _vm.nodeInfo.skipWhenFailed\n                                    ? _c(\"img\", {\n                                        staticClass: \"job-panl-icon\",\n                                        attrs: {\n                                          src: __webpack_require__(/*! ../../assets/skip.svg */ \"./src/assets/skip.svg\"),\n                                          height: \"18\",\n                                          width: \"18\",\n                                          alt: \"\"\n                                        }\n                                      })\n                                    : _vm._e()\n                                ],\n                                1\n                              )\n                            ],\n                            1\n                          ),\n                          _c(\n                            \"div\",\n                            { staticClass: \"job-panl-btn\" },\n                            [\n                              _c(\n                                \"el-button\",\n                                {\n                                  attrs: { type: \"success\" },\n                                  on: { click: _vm.handleNodeSave }\n                                },\n                                [_vm._v(_vm._s(_vm.$t(\"message.save\")))]\n                              )\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e()\n                ]\n              ),\n              _c(\n                \"el-drawer\",\n                {\n                  attrs: {\n                    title: _vm.$t(\"message.importJobTitle\"),\n                    visible: _vm.importDrawerVisible,\n                    direction: \"rtl\",\n                    size: \"60%\"\n                  },\n                  on: {\n                    \"update:visible\": function($event) {\n                      _vm.importDrawerVisible = $event\n                    }\n                  }\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"power-import-body\" },\n                    [\n                      _c(\n                        \"el-row\",\n                        [\n                          _c(\n                            \"el-form\",\n                            {\n                              staticClass: \"el-form--inline\",\n                              attrs: {\n                                inline: true,\n                                model: _vm.jobQueryContent\n                              }\n                            },\n                            [\n                              _c(\n                                \"el-form-item\",\n                                { attrs: { label: _vm.$t(\"message.jobId\") } },\n                                [\n                                  _c(\"el-input\", {\n                                    attrs: {\n                                      placeholder: _vm.$t(\"message.jobId\")\n                                    },\n                                    model: {\n                                      value: _vm.jobQueryContent.jobId,\n                                      callback: function($$v) {\n                                        _vm.$set(\n                                          _vm.jobQueryContent,\n                                          \"jobId\",\n                                          $$v\n                                        )\n                                      },\n                                      expression: \"jobQueryContent.jobId\"\n                                    }\n                                  })\n                                ],\n                                1\n                              ),\n                              _c(\n                                \"el-form-item\",\n                                { attrs: { label: _vm.$t(\"message.keyword\") } },\n                                [\n                                  _c(\"el-input\", {\n                                    attrs: {\n                                      placeholder: _vm.$t(\"message.keyword\")\n                                    },\n                                    model: {\n                                      value: _vm.jobQueryContent.keyword,\n                                      callback: function($$v) {\n                                        _vm.$set(\n                                          _vm.jobQueryContent,\n                                          \"keyword\",\n                                          $$v\n                                        )\n                                      },\n                                      expression: \"jobQueryContent.keyword\"\n                                    }\n                                  })\n                                ],\n                                1\n                              ),\n                              _c(\n                                \"el-form-item\",\n                                [\n                                  _c(\n                                    \"el-button\",\n                                    {\n                                      attrs: { type: \"primary\" },\n                                      on: { click: _vm.listJobInfos }\n                                    },\n                                    [_vm._v(_vm._s(_vm.$t(\"message.query\")))]\n                                  ),\n                                  _c(\n                                    \"el-button\",\n                                    {\n                                      attrs: { type: \"cancel\" },\n                                      on: { click: _vm.onClickReset }\n                                    },\n                                    [_vm._v(_vm._s(_vm.$t(\"message.reset\")))]\n                                  ),\n                                  _c(\n                                    \"el-button\",\n                                    {\n                                      attrs: { type: \"cancel\" },\n                                      on: { click: _vm.onBulkImport }\n                                    },\n                                    [\n                                      _vm._v(\n                                        _vm._s(_vm.$t(\"message.bulkImport\"))\n                                      )\n                                    ]\n                                  )\n                                ],\n                                1\n                              )\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"el-table\",\n                        {\n                          staticClass: \"power-import-table\",\n                          attrs: { data: _vm.jobInfoPageResult.data },\n                          on: { \"selection-change\": _vm.handleSelectionChange }\n                        },\n                        [\n                          _c(\"el-table-column\", {\n                            attrs: { type: \"selection\", width: \"55\" }\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              property: \"id\",\n                              label: _vm.$t(\"message.jobId\")\n                            }\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: {\n                              property: \"jobName\",\n                              label: _vm.$t(\"message.jobName\")\n                            }\n                          }),\n                          _c(\"el-table-column\", {\n                            attrs: { label: _vm.$t(\"message.operation\") },\n                            scopedSlots: _vm._u([\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        attrs: { size: \"medium\" },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.importTask([scope.row])\n                                          }\n                                        }\n                                      },\n                                      [_vm._v(_vm._s(_vm.$t(\"message.import\")))]\n                                    )\n                                  ]\n                                }\n                              }\n                            ])\n                          })\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"el-row\",\n                        [\n                          _c(\"el-pagination\", {\n                            attrs: {\n                              layout: \"prev, pager, next\",\n                              total: this.jobInfoPageResult.totalItems,\n                              \"page-size\": this.jobInfoPageResult.pageSize\n                            },\n                            on: { \"current-change\": _vm.onClickChangePage }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ]\n              )\n            ],\n            1\n          )\n        ])\n      ]),\n      _vm.timeExpressionValidatorVisible\n        ? _c(\n            \"el-dialog\",\n            {\n              attrs: { visible: _vm.timeExpressionValidatorVisible },\n              on: {\n                \"update:visible\": function($event) {\n                  _vm.timeExpressionValidatorVisible = $event\n                }\n              }\n            },\n            [\n              _c(\"TimeExpressionValidator\", {\n                attrs: {\n                  \"time-expression\": _vm.workflowInfo.timeExpression,\n                  \"time-expression-type\": _vm.workflowInfo.timeExpressionType\n                }\n              })\n            ],\n            1\n          )\n        : _vm._e()\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/dag/WorkflowEditor.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225adedfe8-vue-loader-template%22%7D!./node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.6@vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
diff --git a/powerjob-server/powerjob-server-starter/src/main/resources/static/js/app.js b/powerjob-server/powerjob-server-starter/src/main/resources/static/js/app.js
index 162fe77f..6839b2ee 100644
--- a/powerjob-server/powerjob-server-starter/src/main/resources/static/js/app.js
+++ b/powerjob-server/powerjob-server-starter/src/main/resources/static/js/app.js
@@ -676,7 +676,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var element_ui_lib_locale_lang_zh_CN__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! element-ui/lib/locale/lang/zh-CN */ \"./node_modules/_element-ui@2.15.1@element-ui/lib/locale/lang/zh-CN.js\");\n/* harmony import */ var element_ui_lib_locale_lang_zh_CN__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_locale_lang_zh_CN__WEBPACK_IMPORTED_MODULE_1__);\n\n\n\nvar cn = Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n  message: {\n    // common\n    'save': '保存',\n    'cancel': '取消',\n    'refresh': '刷新',\n    'query': '查询',\n    'reset': '重置',\n    'bulkImport': '批量导入',\n    'keyword': '关键字',\n    'run': '运行',\n    'edit': '编辑',\n    'delete': '删除',\n    'success': '成功',\n    'failed': '失败',\n    'detail': '详情',\n    'download': '下载',\n    'stop': '停止',\n    'back': '返回',\n    'all': '全部',\n    'more': '| 更多',\n    // 欢迎界面\n    'appRegister': '执行应用注册',\n    'userRegister': '报警用户录入',\n    'appNameInputPLH': '请输入应用名称',\n    'appName': '应用名称',\n    'appPassword': '密码',\n    'register': '注册',\n    'name': '姓名',\n    'phone': '手机号',\n    'email': '邮箱地址',\n    'webhook': 'WebHook',\n    'welcomeTitle': '欢迎使用 PowerJob!',\n    'login': '登陆',\n    'logout': '退出',\n    'changeAppInfo': '修改应用信息',\n    'newPassword': '新密码',\n    'newPassword2': '确认密码',\n    'stayLogged': '保持登录状态',\n    // 左侧tab栏\n    'tabHome': '系统首页',\n    'tabJobManage': '任务管理',\n    'tabJobInstance': '任务实例',\n    'tabWorkflowManage': '工作流管理',\n    'tabWfInstance': '工作流实例',\n    'tabContainerOps': '容器',\n    'tabTemplate': '模版生成',\n    'tabContainerManager': '容器运维',\n    // 系统首页\n    'omsServerTime': '调度服务器时间',\n    'omsServerTimezone': '调度服务器时区',\n    'localBrowserTime': '本地时间',\n    'localBrowserTimezone': '本地时区',\n    'githubURL': '项目地址',\n    'docURL': '文档地址',\n    'totalJobNum': '任务总数',\n    'runningInstanceNum': '当前运行实例数',\n    'recentFailedInstanceNum': '近期失败任务数',\n    'workerNum': '集群机器数',\n    'workerAddress': '机器地址',\n    'cpuLoad': 'CPU 占用',\n    'memoryLoad': '内存占用',\n    'diskLoad': '磁盘占用',\n    // 任务管理\n    'jobId': '任务 ID',\n    'instanceId': '任务实例 ID',\n    'jobName': '任务名称',\n    'scheduleInfo': '定时信息',\n    'executeType': '执行类型',\n    'processorType': '处理器类型',\n    'status': '状态',\n    'operation': '操作',\n    'newJob': '新建任务',\n    'jobDescription': '任务描述',\n    'jobParams': '任务参数',\n    'timeExpressionType': '时间表达式类型',\n    'timeExpressionPlaceHolder': 'CRON 填写 CRON 表达式，秒级任务填写整数，API 无需填写',\n    'executeConfig': '执行配置',\n    'javaProcessorInfoPLH': '全限定类名，eg：com.github.kfcfans.DemoProcessor',\n    'containerProcessorInfoPLH': '容器ID#全限定类名，eg：1#com.github.kfcfans.DemoProcessor',\n    'shellProcessorInfoPLH': 'SHELL 脚本文件内容',\n    'pythonProcessorInfoPLH': 'Python 脚本文件内容',\n    'runtimeConfig': '运行时配置',\n    'maxInstanceNum': '最大实例数',\n    'threadConcurrency': '单机线程并发度',\n    'timeout': '运行时间限制（毫秒）',\n    'retryConfig': '重试配置',\n    'taskRetryTimes': 'Instance 重试次数',\n    'subTaskRetryTimes': \"Task 重试次数\",\n    'workerConfig': '机器配置',\n    'minCPU': '最低 CPU 核心数',\n    'minMemory': '最低内存(GB)',\n    'minDisk': '最低磁盘空间(GB)',\n    'clusterConfig': '集群配置',\n    'designatedWorkerAddress': '执行机器地址',\n    'designatedWorkerAddressPLH': '执行机器地址（可选，不指定代表全部；多值英文逗号分割）',\n    'maxWorkerNum': '最大执行机器数量',\n    'maxWorkerNumPLH': '最大执行机器数量（0代表不限）',\n    'alarmConfig': '报警配置',\n    'alarmSelectorPLH': '选择报警通知人员',\n    'standalone': '单机执行',\n    'broadcast': '广播执行',\n    'map': 'Map执行',\n    'mapReduce': 'MapReduce 执行',\n    'fixRate': '固定频率（毫秒）',\n    'fixDelay': '固定延迟（毫秒）',\n    'workflow': '工作流',\n    'validateTimeExpression': '校验定时参数',\n    'javaContainer': 'Java（容器）',\n    'runHistory': '运行记录',\n    'reRun': '重试',\n    // 任务实例管理\n    'wfInstanceId': '工作流实例 ID',\n    'normalInstance': '普通任务实例',\n    'wfInstance': '工作流任务实例',\n    'triggerTime': '触发时间',\n    'finishedTime': '结束时间',\n    'log': '日志',\n    'runningTimes': '运行次数',\n    'taskTrackerAddress': 'TaskTracker 地址',\n    'startTime': '开始时间',\n    'expectedTriggerTime': '预计执行时间',\n    'result': '任务结果',\n    'subTaskInfo': 'Task 信息',\n    // 'secondlyJobHistory': '最近 10 条秒级任务历史记录（秒级任务专用）',\n    'secondlyJobHistory': '最近 10 条秒级任务历史记录',\n    'subInstanceId': '子任务实例 ID',\n    'instanceParams': '任务实例参数',\n    // 工作流管理\n    'wfId': '工作流 ID',\n    'wfName': '工作流名称',\n    'newWorkflow': '新建工作流',\n    'wfDescription': '工作流描述',\n    'importJob': '导入任务',\n    'deleteJob': '删除任务',\n    'newStartPoint': '新增起点',\n    'newEndPoint': '新增终点',\n    'deleteEdge': '删除边',\n    'importJobTitle': \"请选择需要导入工作流的任务\",\n    'wfTimeExpressionPLH': 'CRON 填写 CRON 表达式，API 无需填写',\n    'import': '导入',\n    'ntfClickNeedDeleteNode': '请点击需要删除的节点',\n    'ntfClickStartPoint': '请点击起始节点',\n    'ntfClickTargetPoint': '请点击目标节点',\n    'ntfClickDeleteEdge': '请点击需要删除的边',\n    'ntfAddStartPointFirst': '请先添加起点!',\n    'ntfInvalidEdge': '非法操作（起点终点相同）！',\n    // 工作流实例\n    'wfTips': 'tips：点击节点可查看任务实例详情',\n    'ntfClickNoInstanceNode': '未生成任务实例，无法查看详情！',\n    'wfInitParams': '启动参数',\n    // 容器\n    'newContainer': '新增容器',\n    'containerType': '容器类型',\n    'containerGitURL': 'Git 仓库地址',\n    'branchName': '分支名称',\n    'username': '用户名',\n    'oldPassword': '旧密码',\n    'password': '密码',\n    'containerId': '容器 ID',\n    'containerName': '容器名称',\n    'containerVersion': '容器版本',\n    'deployTime': '部署时间',\n    'deploy': '部署',\n    'deployedWorkerList': '机器列表',\n    'uploadTips': '拖拽或点击文件后会自动上传',\n    // 任务实例状态\n    'waitingDispatch': '等待派发',\n    'waitingWorkerReceive': '等待Worker接收',\n    'running': '运行中',\n    'stopped': '手动停止',\n    'canceled': '手动取消',\n    'wfWaiting': '等待调度',\n    'waitingUpstream': '等待上游节点',\n    // 新增的提示信息\n    'noSelect': '请至少选中一条数据',\n    'nodeName': '节点名称',\n    'nodeParams': '任务参数',\n    'enable': '是否启用',\n    'skipWhenFailed': '失败跳过',\n    'fullScreen': '全屏',\n    'zoomIn': '放大',\n    'zoomOut': '缩小',\n    'autoFit': '自适应',\n    'markerSuccess': '标记成功',\n    'restart': '重试',\n    'wfContext': '上下文',\n    'yes': 'YES',\n    'no': 'NO',\n    'copy': '复制'\n  }\n}, element_ui_lib_locale_lang_zh_CN__WEBPACK_IMPORTED_MODULE_1___default.a);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (cn);\n\n//# sourceURL=webpack:///./src/i18n/langs/cn.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var element_ui_lib_locale_lang_zh_CN__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! element-ui/lib/locale/lang/zh-CN */ \"./node_modules/_element-ui@2.15.1@element-ui/lib/locale/lang/zh-CN.js\");\n/* harmony import */ var element_ui_lib_locale_lang_zh_CN__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_locale_lang_zh_CN__WEBPACK_IMPORTED_MODULE_1__);\n\n\n\nvar cn = Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n  message: {\n    // common\n    'save': '保存',\n    'cancel': '取消',\n    'refresh': '刷新',\n    'query': '查询',\n    'reset': '重置',\n    'bulkImport': '批量导入',\n    'keyword': '关键字',\n    'run': '运行',\n    'edit': '编辑',\n    'delete': '删除',\n    'success': '成功',\n    'failed': '失败',\n    'detail': '详情',\n    'download': '下载',\n    'stop': '停止',\n    'back': '返回',\n    'all': '全部',\n    'more': '| 更多',\n    // 欢迎界面\n    'appRegister': '执行应用注册',\n    'userRegister': '报警用户录入',\n    'appNameInputPLH': '请输入应用名称',\n    'appName': '应用名称',\n    'appPassword': '密码',\n    'register': '注册',\n    'name': '姓名',\n    'phone': '手机号',\n    'email': '邮箱地址',\n    'webhook': 'WebHook',\n    'welcomeTitle': '欢迎使用 PowerJob!',\n    'login': '登陆',\n    'logout': '退出',\n    'changeAppInfo': '修改应用信息',\n    'newPassword': '新密码',\n    'newPassword2': '确认密码',\n    'stayLogged': '保持登录状态',\n    // 左侧tab栏\n    'tabHome': '系统首页',\n    'tabJobManage': '任务管理',\n    'tabJobInstance': '任务实例',\n    'tabWorkflowManage': '工作流管理',\n    'tabWfInstance': '工作流实例',\n    'tabContainerOps': '容器',\n    'tabTemplate': '模版生成',\n    'tabContainerManager': '容器运维',\n    // 系统首页\n    'omsServerTime': '调度服务器时间',\n    'omsServerTimezone': '调度服务器时区',\n    'localBrowserTime': '本地时间',\n    'localBrowserTimezone': '本地时区',\n    'githubURL': '项目地址',\n    'docURL': '文档地址',\n    'totalJobNum': '任务总数',\n    'runningInstanceNum': '当前运行实例数',\n    'recentFailedInstanceNum': '近期失败任务数',\n    'workerNum': '集群机器数',\n    'workerAddress': '机器地址',\n    'cpuLoad': 'CPU 占用',\n    'memoryLoad': '内存占用',\n    'diskLoad': '磁盘占用',\n    // 任务管理\n    'jobId': '任务 ID',\n    'instanceId': '任务实例 ID',\n    'jobName': '任务名称',\n    'scheduleInfo': '定时信息',\n    'executeType': '执行类型',\n    'processorType': '处理器类型',\n    'status': '状态',\n    'operation': '操作',\n    'newJob': '新建任务',\n    'jobDescription': '任务描述',\n    'jobParams': '任务参数',\n    'timeExpressionType': '时间表达式类型',\n    'timeExpressionPlaceHolder': 'CRON 填写 CRON 表达式，秒级任务填写整数，API 无需填写',\n    'executeConfig': '执行配置',\n    'javaProcessorInfoPLH': '全限定类名，eg：com.github.kfcfans.DemoProcessor',\n    'containerProcessorInfoPLH': '容器ID#全限定类名，eg：1#com.github.kfcfans.DemoProcessor',\n    'shellProcessorInfoPLH': 'SHELL 脚本文件内容',\n    'pythonProcessorInfoPLH': 'Python 脚本文件内容',\n    'runtimeConfig': '运行时配置',\n    'maxInstanceNum': '最大实例数',\n    'threadConcurrency': '单机线程并发度',\n    'timeout': '运行时间限制（毫秒）',\n    'retryConfig': '重试配置',\n    'taskRetryTimes': 'Instance 重试次数',\n    'subTaskRetryTimes': \"Task 重试次数\",\n    'workerConfig': '机器配置',\n    'minCPU': '最低 CPU 核心数',\n    'minMemory': '最低内存(GB)',\n    'minDisk': '最低磁盘空间(GB)',\n    'clusterConfig': '集群配置',\n    'designatedWorkerAddress': '执行机器地址',\n    'designatedWorkerAddressPLH': '执行机器地址（可选，不指定代表全部；多值英文逗号分割）',\n    'maxWorkerNum': '最大执行机器数量',\n    'maxWorkerNumPLH': '最大执行机器数量（0代表不限）',\n    'alarmConfig': '报警配置',\n    'alarmSelectorPLH': '选择报警通知人员',\n    'standalone': '单机执行',\n    'broadcast': '广播执行',\n    'map': 'Map执行',\n    'mapReduce': 'MapReduce 执行',\n    'fixRate': '固定频率（毫秒）',\n    'fixDelay': '固定延迟（毫秒）',\n    'workflow': '工作流',\n    'validateTimeExpression': '校验定时参数',\n    'javaContainer': 'Java（容器）',\n    'runHistory': '运行记录',\n    'reRun': '重试',\n    // 任务实例管理\n    'wfInstanceId': '工作流实例 ID',\n    'normalInstance': '普通任务实例',\n    'wfInstance': '工作流任务实例',\n    'triggerTime': '触发时间',\n    'finishedTime': '结束时间',\n    'log': '日志',\n    'runningTimes': '运行次数',\n    'taskTrackerAddress': 'TaskTracker 地址',\n    'startTime': '开始时间',\n    'expectedTriggerTime': '预计执行时间',\n    'result': '任务结果',\n    'subTaskInfo': 'Task 信息',\n    // 'secondlyJobHistory': '最近 10 条秒级任务历史记录（秒级任务专用）',\n    'secondlyJobHistory': '最近 10 条秒级任务历史记录',\n    'subInstanceId': '子任务实例 ID',\n    'instanceParams': '任务实例参数',\n    // 工作流管理\n    'wfId': '工作流 ID',\n    'wfName': '工作流名称',\n    'newWorkflow': '新建工作流',\n    'wfDescription': '工作流描述',\n    'importJob': '导入任务',\n    'deleteJob': '删除任务',\n    'newStartPoint': '新增起点',\n    'newEndPoint': '新增终点',\n    'deleteEdge': '删除边',\n    'importJobTitle': \"请选择需要导入工作流的任务\",\n    'wfTimeExpressionPLH': 'CRON 填写 CRON 表达式，API 无需填写',\n    'import': '导入',\n    'ntfClickNeedDeleteNode': '请点击需要删除的节点',\n    'ntfClickStartPoint': '请点击起始节点',\n    'ntfClickTargetPoint': '请点击目标节点',\n    'ntfClickDeleteEdge': '请点击需要删除的边',\n    'ntfAddStartPointFirst': '请先添加起点!',\n    'ntfInvalidEdge': '非法操作（起点终点相同）！',\n    // 工作流实例\n    'wfTips': 'tips：点击节点可查看任务实例详情',\n    'ntfClickNoInstanceNode': '未生成任务实例，无法查看详情！',\n    'wfInitParams': '启动参数',\n    // 容器\n    'newContainer': '新增容器',\n    'containerType': '容器类型',\n    'containerGitURL': 'Git 仓库地址',\n    'branchName': '分支名称',\n    'username': '用户名',\n    'oldPassword': '旧密码',\n    'password': '密码',\n    'containerId': '容器 ID',\n    'containerName': '容器名称',\n    'containerVersion': '容器版本',\n    'deployTime': '部署时间',\n    'deploy': '部署',\n    'deployedWorkerList': '机器列表',\n    'uploadTips': '拖拽或点击文件后会自动上传',\n    // 任务实例状态\n    'waitingDispatch': '等待派发',\n    'waitingWorkerReceive': '等待Worker接收',\n    'running': '运行中',\n    'stopped': '手动停止',\n    'canceled': '手动取消',\n    'wfWaiting': '等待调度',\n    'waitingUpstream': '等待上游节点',\n    // 新增的提示信息\n    'noSelect': '请至少选中一条数据',\n    'nodeName': '节点名称',\n    'nodeParams': '节点参数',\n    'enable': '是否启用',\n    'skipWhenFailed': '失败跳过',\n    'fullScreen': '全屏',\n    'zoomIn': '放大',\n    'zoomOut': '缩小',\n    'autoFit': '自适应',\n    'markerSuccess': '标记成功',\n    'restart': '重试',\n    'wfContext': '上下文',\n    'yes': 'YES',\n    'no': 'NO',\n    'copy': '复制'\n  }\n}, element_ui_lib_locale_lang_zh_CN__WEBPACK_IMPORTED_MODULE_1___default.a);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (cn);\n\n//# sourceURL=webpack:///./src/i18n/langs/cn.js?");
 
 /***/ }),
 
@@ -688,7 +688,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Use
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! element-ui/lib/locale/lang/en */ \"./node_modules/_element-ui@2.15.1@element-ui/lib/locale/lang/en.js\");\n/* harmony import */ var element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_1__);\n\n\n\nvar en = Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n  message: {\n    'save': 'Save',\n    'cancel': 'Cancel',\n    'refresh': 'Refresh',\n    'query': 'Query',\n    'reset': 'Reset',\n    'bulkImport': 'Bulk Import',\n    'keyword': 'Keyword',\n    'run': 'Run',\n    'edit': 'Edit',\n    'delete': 'Delete',\n    'success': 'Success',\n    'failed': 'Failed',\n    'detail': 'Detail',\n    'download': 'Download',\n    'stop': 'Stop',\n    'back': 'Back',\n    'all': 'ALL',\n    'more': '| More',\n    // 欢迎界面\n    'appRegister': 'App Registration',\n    'userRegister': 'User Registration',\n    'appNameInputPLH': 'Enter The AppName',\n    'appName': 'AppName',\n    'appPassword': 'AppPassword',\n    'register': 'Register',\n    'name': 'Name',\n    'phone': 'Phone',\n    'email': 'Email',\n    'webhook': 'Webhook',\n    'welcomeTitle': 'Welcome to use PowerJob!',\n    'login': 'Login',\n    'logout': 'Logout',\n    'changeAppInfo': 'Change AppInfo',\n    'newPassword': 'New Password',\n    'newPassword2': 'Check New Password',\n    'stayLogged': 'Keep me logged in',\n    'tabHome': 'Home',\n    'tabJobManage': 'Job management',\n    'tabJobInstance': 'Job instances',\n    'tabWorkflowManage': 'Workflow management',\n    'tabWfInstance': 'Workflow instances',\n    'tabContainerOps': 'Container DevOps',\n    'tabTemplate': 'Template generator',\n    'tabContainerManager': 'Container Management',\n    'omsServerTime': 'Server Time',\n    'omsServerTimezone': 'Server Timezone',\n    'localBrowserTime': 'Local Time',\n    'localBrowserTimezone': 'Local Timezone',\n    'githubURL': 'GitHub Repo',\n    'docURL': 'Document Address',\n    'totalJobNum': 'Total job num',\n    'runningInstanceNum': 'Running instance num',\n    'recentFailedInstanceNum': 'Recent failed instance num',\n    'workerNum': 'Worker node num',\n    'workerAddress': 'Worker address',\n    'cpuLoad': 'CPU Load',\n    'memoryLoad': 'Memory Load',\n    'diskLoad': 'Disk Load',\n    // JobManage\n    'jobId': 'Job ID',\n    'instanceId': 'Instance ID',\n    'jobName': 'Job name',\n    'scheduleInfo': 'Schedule info',\n    'executeType': 'Execution type',\n    'processorType': 'Processor type',\n    'status': 'Status',\n    'operation': 'Operation',\n    'newJob': 'New job',\n    'jobDescription': 'Job description',\n    'jobParams': 'Job params',\n    'timeExpressionType': 'Time expression type',\n    'timeExpressionPlaceHolder': 'Cron expression or number of millions for fixed_rate/fixed_delay job',\n    'executeConfig': 'Execution config',\n    'javaProcessorInfoPLH': 'Classname, eg: com.github.kfcfans.DemoProcessor',\n    'containerProcessorInfoPLH': 'ContainerID#classname, eg: 1#com.github.kfcfans.DemoProcessor',\n    'shellProcessorInfoPLH': 'Shell script',\n    'pythonProcessorInfoPLH': 'Python script',\n    'runtimeConfig': 'Runtime config',\n    'maxInstanceNum': 'Max instance num',\n    'threadConcurrency': 'Thread concurrency',\n    'timeout': 'Time limit (ms)',\n    'retryConfig': 'Retry config',\n    'taskRetryTimes': 'Instance retry times',\n    'subTaskRetryTimes': \"Task retry times\",\n    'workerConfig': 'Worker config',\n    'minCPU': 'MinAvailableCPUCores',\n    'minMemory': 'MinMemory(GB)',\n    'minDisk': 'MinDisk(GB)',\n    'clusterConfig': 'Cluster config',\n    'designatedWorkerAddress': 'Designated worker address',\n    'designatedWorkerAddressPLH': 'Empty for all workers; ip:port,ip:port for specific',\n    'maxWorkerNum': 'Max worker num',\n    'maxWorkerNumPLH': '0 means no limit',\n    'alarmConfig': 'Alarm config',\n    'alarmSelectorPLH': 'Alarm receiver(s)',\n    'standalone': 'Standalone',\n    'broadcast': 'Broadcast',\n    'map': 'MAP',\n    'mapReduce': 'MapReduce',\n    'fixRate': 'Fixed rate (ms)',\n    'fixDelay': 'Fixed delay (ms)',\n    'workflow': 'Workflow',\n    'validateTimeExpression': 'Validate',\n    'javaContainer': 'External',\n    'runHistory': 'History',\n    'reRun': 'Retry',\n    // JobInstance\n    'wfInstanceId': 'WorkflowInstanceId',\n    'normalInstance': 'Normal instance',\n    'wfInstance': 'Workflow instance',\n    'triggerTime': 'Trigger time',\n    'finishedTime': 'Finished time',\n    'log': 'Log',\n    'runningTimes': 'Running times',\n    'taskTrackerAddress': 'TaskTracker address',\n    'startTime': 'Start time',\n    'expectedTriggerTime': 'Expected trigger time',\n    'result': 'Result',\n    'subTaskInfo': 'Task info',\n    'secondlyJobHistory': 'Secondly job history',\n    'subInstanceId': 'SubInstanceId',\n    'instanceParams': 'InstanceParams',\n    // workflowManage\n    'wfId': 'Workflow ID',\n    'wfName': 'Workflow name',\n    'newWorkflow': 'New workflow',\n    'wfDescription': 'Description',\n    'importJob': 'Import job',\n    'deleteJob': 'Delete job',\n    'newStartPoint': 'New starting point',\n    'newEndPoint': 'New ending point',\n    'deleteEdge': 'Delete edge',\n    'importJobTitle': \"Select jobs\",\n    'wfTimeExpressionPLH': 'Cron expression for CRON or empty for API',\n    'import': 'Import',\n    'ntfClickNeedDeleteNode': 'Please click on the node you want to delete.',\n    'ntfClickStartPoint': 'Please click on the start node',\n    'ntfClickTargetPoint': 'Please click on the end node',\n    'ntfClickDeleteEdge': 'Please click on the edge you want to remove.',\n    'ntfAddStartPointFirst': 'Please add the starting point first!',\n    'ntfInvalidEdge': 'Illegal operation (same origin and destination)!',\n    // workflowInstance\n    'wfTips': 'tips：Click on a node to view details of the job instance',\n    'ntfClickNoInstanceNode': 'No instances have been generated, and details cannot be viewed!',\n    'wfInitParams': 'InitParams',\n    // 容器\n    'newContainer': 'New container',\n    'containerType': 'Type',\n    'containerGitURL': 'Git URL',\n    'branchName': 'Branch',\n    'username': 'Username',\n    'oldPassword': 'Old password',\n    'password': 'Password',\n    'containerId': 'ID',\n    'containerName': 'Name',\n    'containerVersion': 'Version',\n    'deployTime': 'Deployed time',\n    'deploy': 'Deploy',\n    'deployedWorkerList': 'Worker list',\n    'uploadTips': 'Drag and drop or click on the file to upload it automatically',\n    // 任务实例状态\n    'waitingDispatch': 'Waiting dispatch',\n    'waitingWorkerReceive': 'Waiting receive',\n    'running': 'Running',\n    'stopped': 'Stopped',\n    'canceled': 'Canceled',\n    'wfWaiting': 'Waiting',\n    'waitingUpstream': 'Waiting upstream',\n    // 新增的提示信息\n    'noSelect': 'Please select at least one data item',\n    'nodeName': 'Node name',\n    'nodeParams': 'Task parameter',\n    'enable': 'Enable',\n    'skipWhenFailed': 'Allow skips when failed',\n    'fullScreen': 'Full Screen',\n    'zoomIn': 'Zoom In',\n    'zoomOut': 'Zoom out',\n    'autoFit': 'Auto Fit',\n    'markerSuccess': 'Marked Success',\n    'restart': 'restart',\n    'wfContext': 'Context',\n    'yes': 'YES',\n    'no': 'NO',\n    'copy': 'Copy'\n  }\n}, element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_1___default.a);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (en);\n\n//# sourceURL=webpack:///./src/i18n/langs/en.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/_@babel_runtime@7.13.9@@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! element-ui/lib/locale/lang/en */ \"./node_modules/_element-ui@2.15.1@element-ui/lib/locale/lang/en.js\");\n/* harmony import */ var element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_1__);\n\n\n\nvar en = Object(_Users_salieri_Desktop_code_PowerJob_Console_node_modules_babel_runtime_7_13_9_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n  message: {\n    'save': 'Save',\n    'cancel': 'Cancel',\n    'refresh': 'Refresh',\n    'query': 'Query',\n    'reset': 'Reset',\n    'bulkImport': 'Bulk Import',\n    'keyword': 'Keyword',\n    'run': 'Run',\n    'edit': 'Edit',\n    'delete': 'Delete',\n    'success': 'Success',\n    'failed': 'Failed',\n    'detail': 'Detail',\n    'download': 'Download',\n    'stop': 'Stop',\n    'back': 'Back',\n    'all': 'ALL',\n    'more': '| More',\n    // 欢迎界面\n    'appRegister': 'App Registration',\n    'userRegister': 'User Registration',\n    'appNameInputPLH': 'Enter The AppName',\n    'appName': 'AppName',\n    'appPassword': 'AppPassword',\n    'register': 'Register',\n    'name': 'Name',\n    'phone': 'Phone',\n    'email': 'Email',\n    'webhook': 'Webhook',\n    'welcomeTitle': 'Welcome to use PowerJob!',\n    'login': 'Login',\n    'logout': 'Logout',\n    'changeAppInfo': 'Change AppInfo',\n    'newPassword': 'New Password',\n    'newPassword2': 'Check New Password',\n    'stayLogged': 'Keep me logged in',\n    'tabHome': 'Home',\n    'tabJobManage': 'Job management',\n    'tabJobInstance': 'Job instances',\n    'tabWorkflowManage': 'Workflow management',\n    'tabWfInstance': 'Workflow instances',\n    'tabContainerOps': 'Container DevOps',\n    'tabTemplate': 'Template generator',\n    'tabContainerManager': 'Container Management',\n    'omsServerTime': 'Server Time',\n    'omsServerTimezone': 'Server Timezone',\n    'localBrowserTime': 'Local Time',\n    'localBrowserTimezone': 'Local Timezone',\n    'githubURL': 'GitHub Repo',\n    'docURL': 'Document Address',\n    'totalJobNum': 'Total job num',\n    'runningInstanceNum': 'Running instance num',\n    'recentFailedInstanceNum': 'Recent failed instance num',\n    'workerNum': 'Worker node num',\n    'workerAddress': 'Worker address',\n    'cpuLoad': 'CPU Load',\n    'memoryLoad': 'Memory Load',\n    'diskLoad': 'Disk Load',\n    // JobManage\n    'jobId': 'Job ID',\n    'instanceId': 'Instance ID',\n    'jobName': 'Job name',\n    'scheduleInfo': 'Schedule info',\n    'executeType': 'Execution type',\n    'processorType': 'Processor type',\n    'status': 'Status',\n    'operation': 'Operation',\n    'newJob': 'New job',\n    'jobDescription': 'Job description',\n    'jobParams': 'Job params',\n    'timeExpressionType': 'Time expression type',\n    'timeExpressionPlaceHolder': 'Cron expression or number of millions for fixed_rate/fixed_delay job',\n    'executeConfig': 'Execution config',\n    'javaProcessorInfoPLH': 'Classname, eg: com.github.kfcfans.DemoProcessor',\n    'containerProcessorInfoPLH': 'ContainerID#classname, eg: 1#com.github.kfcfans.DemoProcessor',\n    'shellProcessorInfoPLH': 'Shell script',\n    'pythonProcessorInfoPLH': 'Python script',\n    'runtimeConfig': 'Runtime config',\n    'maxInstanceNum': 'Max instance num',\n    'threadConcurrency': 'Thread concurrency',\n    'timeout': 'Time limit (ms)',\n    'retryConfig': 'Retry config',\n    'taskRetryTimes': 'Instance retry times',\n    'subTaskRetryTimes': \"Task retry times\",\n    'workerConfig': 'Worker config',\n    'minCPU': 'MinAvailableCPUCores',\n    'minMemory': 'MinMemory(GB)',\n    'minDisk': 'MinDisk(GB)',\n    'clusterConfig': 'Cluster config',\n    'designatedWorkerAddress': 'Designated worker address',\n    'designatedWorkerAddressPLH': 'Empty for all workers; ip:port,ip:port for specific',\n    'maxWorkerNum': 'Max worker num',\n    'maxWorkerNumPLH': '0 means no limit',\n    'alarmConfig': 'Alarm config',\n    'alarmSelectorPLH': 'Alarm receiver(s)',\n    'standalone': 'Standalone',\n    'broadcast': 'Broadcast',\n    'map': 'MAP',\n    'mapReduce': 'MapReduce',\n    'fixRate': 'Fixed rate (ms)',\n    'fixDelay': 'Fixed delay (ms)',\n    'workflow': 'Workflow',\n    'validateTimeExpression': 'Validate',\n    'javaContainer': 'External',\n    'runHistory': 'History',\n    'reRun': 'Retry',\n    // JobInstance\n    'wfInstanceId': 'WorkflowInstanceId',\n    'normalInstance': 'Normal instance',\n    'wfInstance': 'Workflow instance',\n    'triggerTime': 'Trigger time',\n    'finishedTime': 'Finished time',\n    'log': 'Log',\n    'runningTimes': 'Running times',\n    'taskTrackerAddress': 'TaskTracker address',\n    'startTime': 'Start time',\n    'expectedTriggerTime': 'Expected trigger time',\n    'result': 'Result',\n    'subTaskInfo': 'Task info',\n    'secondlyJobHistory': 'Secondly job history',\n    'subInstanceId': 'SubInstanceId',\n    'instanceParams': 'InstanceParams',\n    // workflowManage\n    'wfId': 'Workflow ID',\n    'wfName': 'Workflow name',\n    'newWorkflow': 'New workflow',\n    'wfDescription': 'Description',\n    'importJob': 'Import job',\n    'deleteJob': 'Delete job',\n    'newStartPoint': 'New starting point',\n    'newEndPoint': 'New ending point',\n    'deleteEdge': 'Delete edge',\n    'importJobTitle': \"Select jobs\",\n    'wfTimeExpressionPLH': 'Cron expression for CRON or empty for API',\n    'import': 'Import',\n    'ntfClickNeedDeleteNode': 'Please click on the node you want to delete.',\n    'ntfClickStartPoint': 'Please click on the start node',\n    'ntfClickTargetPoint': 'Please click on the end node',\n    'ntfClickDeleteEdge': 'Please click on the edge you want to remove.',\n    'ntfAddStartPointFirst': 'Please add the starting point first!',\n    'ntfInvalidEdge': 'Illegal operation (same origin and destination)!',\n    // workflowInstance\n    'wfTips': 'tips：Click on a node to view details of the job instance',\n    'ntfClickNoInstanceNode': 'No instances have been generated, and details cannot be viewed!',\n    'wfInitParams': 'InitParams',\n    // 容器\n    'newContainer': 'New container',\n    'containerType': 'Type',\n    'containerGitURL': 'Git URL',\n    'branchName': 'Branch',\n    'username': 'Username',\n    'oldPassword': 'Old password',\n    'password': 'Password',\n    'containerId': 'ID',\n    'containerName': 'Name',\n    'containerVersion': 'Version',\n    'deployTime': 'Deployed time',\n    'deploy': 'Deploy',\n    'deployedWorkerList': 'Worker list',\n    'uploadTips': 'Drag and drop or click on the file to upload it automatically',\n    // 任务实例状态\n    'waitingDispatch': 'Waiting dispatch',\n    'waitingWorkerReceive': 'Waiting receive',\n    'running': 'Running',\n    'stopped': 'Stopped',\n    'canceled': 'Canceled',\n    'wfWaiting': 'Waiting',\n    'waitingUpstream': 'Waiting upstream',\n    // 新增的提示信息\n    'noSelect': 'Please select at least one data item',\n    'nodeName': 'Node name',\n    'nodeParams': 'Node parameter',\n    'enable': 'Enable',\n    'skipWhenFailed': 'Allow skips when failed',\n    'fullScreen': 'Full Screen',\n    'zoomIn': 'Zoom In',\n    'zoomOut': 'Zoom out',\n    'autoFit': 'Auto Fit',\n    'markerSuccess': 'Marked Success',\n    'restart': 'restart',\n    'wfContext': 'Context',\n    'yes': 'YES',\n    'no': 'NO',\n    'copy': 'Copy'\n  }\n}, element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_1___default.a);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (en);\n\n//# sourceURL=webpack:///./src/i18n/langs/en.js?");
 
 /***/ }),