fix: trigger preventDefault by origin event (#3017)

[@antv/x6-plugin-transform@2.1.4](https://www.npmjs.com/package/@antv/x6-plugin-transform/v/2.1.4)
[@antv/x6-plugin-transform@2.1.4](https://github.com/antvis/X6/releases/tag/%40antv/x6-plugin-transform%402.1.4)

.codecov.yml

@@ -0,0 +1,45 @@
+# Setting coverage targets per flag
+coverage:
+  round: down
+  range: 60..95
+  precision: 2
+  status:
+    patch: off
+    project:
+      default: off
+      x6:
+        threshold: 1%
+        flags:
+          - x6
+      x6-common:
+        threshold: 1%
+        flags:
+          - x6-common
+      x6-geometry:
+        threshold: 1%
+        flags:
+          - x6-geometry
+
+flags:
+  x6:
+    paths:
+      # filter the folder(s) you wish to measure by that flag
+      - packages/x6
+  x6-common:
+    paths:
+      - packages/x6-common
+  x6-geometry:
+    paths:
+      - packages/x6-geometry
+
+comment:
+  layout: "reach, diff, flags, files"
+  behavior: default
+  require_changes: true # only post the comment if coverage changes
+
+github_checks:
+  annotations: false
+
+flag_management:
+  default_rules:
+    carryforward: false

.eslintignore

@@ -0,0 +1,5 @@
+node_modules
+*.min.js
+es/**
+lib/**
+dist/**

.eslintrc

@@ -1,16 +1,156 @@
 {
-  "extends": ["airbnb-base/legacy", "prettier"],
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "plugins": [
+    "@typescript-eslint",
+    "eslint-comments",
+    "import",
+    "flowtype",
+    "jest",
+    "jsx-a11y",
+    "prettier",
+    "promise",
+    "react",
+    "react-hooks",
+    "unicorn"
+  ],
+  "extends": [
+    "airbnb-base",
+    "eslint:recommended",
+    "prettier",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:jsx-a11y/recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings",
+    "plugin:promise/recommended",
+    "plugin:prettier/recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended"
+  ],
   "env": {
+    "browser": true,
+    "commonjs": true,
     "es6": true,
+    "jest": true,
     "node": true,
-    "browser": true
+    "mocha": true,
+    "jasmine": true
   },
   "parserOptions": {
-    "sourceType": "module"
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "requireConfigFile": false
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
   },
   "rules": {
-    "semi": "off",
-    "no-console": "off",
-    "no-multi-spaces": "off"
-  }
+    "no-bitwise": 0,
+    "no-continue": 0,
+    "no-lonely-if": 0,
+    "no-multi-assign": 0,
+    "no-nested-ternary": 0,
+    "no-inner-declarations": 0,
+    "no-unused-expressions": 0,
+    "max-classes-per-file": 0,
+    "prefer-destructuring": 0,
+    "class-methods-use-this": 0,
+    "implicit-arrow-linebreak": 0,
+    "lines-between-class-members": 0,
+    "@typescript-eslint/lines-between-class-members": 0,
+    "consistent-return": 0,
+    "no-return-assign": [2, "except-parens"],
+    "no-param-reassign": [
+      2,
+      {
+        "props": false
+      }
+    ],
+    "no-cond-assign": [2, "except-parens"],
+    "no-console": [
+      2,
+      {
+        "allow": ["warn", "error"]
+      }
+    ],
+    "@typescript-eslint/no-unused-expressions": [
+      2,
+      {
+        "allowShortCircuit": true,
+        "allowTernary": true
+      }
+    ],
+    "eqeqeq": [
+      2,
+      "always",
+      {
+        "null": "ignore"
+      }
+    ],
+    "func-names": [
+      1,
+      "never",
+      {
+        "generators": "as-needed"
+      }
+    ],
+    "import/export": 0,
+    "import/no-cycle": 0,
+    "import/extensions": 0,
+    "import/no-unresolved": 0,
+    "import/prefer-default-export": 0,
+    "import/no-extraneous-dependencies": 0,
+    "promise/always-return": 0,
+    "promise/catch-or-return": 0,
+    "@typescript-eslint/no-namespace": 0,
+    "@typescript-eslint/no-var-requires": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/no-non-null-assertion": 0,
+    "@typescript-eslint/no-empty-function": 0,
+    "@typescript-eslint/no-empty-interface": 0,
+    "@typescript-eslint/explicit-module-boundary-types": 0,
+    "no-shadow": 0,
+    "@typescript-eslint/no-shadow": 0,
+    "camelcase": 0,
+    "@typescript-eslint/camelcase": 0,
+    "no-use-before-define": 0,
+    "@typescript-eslint/no-use-before-define": 0,
+    "no-useless-constructor": 0,
+    "@typescript-eslint/no-useless-constructor": 0,
+    "no-unused-vars": 0,
+    "@typescript-eslint/no-unused-vars": [
+      2,
+      {
+        "vars": "all",
+        "args": "after-used",
+        "ignoreRestSiblings": true
+      }
+    ],
+    "no-redeclare": 0,
+    "@typescript-eslint/no-redeclare": [
+      2,
+      {
+        "ignoreDeclarationMerge": true
+      }
+    ],
+    "react/sort-comp": 0,
+    "react/prop-types": 0,
+    "react/jsx-props-no-spreading": 0,
+    "react/destructuring-assignment": 0,
+    "react/no-access-state-in-setstate": 0
+  },
+  "overrides": [
+    {
+      "files": ["**/*.js"],
+      "rules": {
+        "no-console": 0,
+        "global-require": 0
+      }
+    }
+  ]
 }

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,58 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: 'bug'
-assignees: ''
----
-
-<!--- Provide a general summary of the issue in the Title above. -->
-
-### Expected Behavior
-
-<!--- What should happen. -->
-
-### Current Behavior
-
-<!--- What happens instead. -->
-
-### Possible Solution
-
-<!--- Suggest a fix/reason for the bug. -->
-<!--- Any solutions you've considered. -->
-
-### Steps To Reproduce
-
-<!--- Provide a link to a live example, or an unambiguous -->
-<!--- set of steps to reproduce this bug. Include code to -->
-<!--- reproduce if relevant. -->
-
-1. ...
-2. ...
-3. ...
-
-<details><summary>Error Message & Stack Trace</summary><p>
-
-```txt
-<!-- Provide a log message if relevant -->
-```
-
-</p></details>
-
-### Additional Context
-
-<!--- How has this issue affected you? -->
-<!--- What are you trying to accomplish? -->
-<!--- Provide screenshots if possible. -->
-
-<!--- Providing context helps us come up with a -->
-<!--- solution that is most useful in the real world. -->
-
-### Your Environment
-
-<!--- Include as many relevant details about the -->
-<!--- environment you experienced the bug in. -->
-
-- x6: [e.g. 1.0.0]
-- OS: [e.g. macOS Sierra 10.12.3]
-- Browser: [e.g. chrome 78.0.3904.108]

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,85 @@
+name: '🐞 Bug Report'
+description: Report a reproducible error or regression
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for reporting an issue :pray:.
+
+        This issue tracker is for reporting bugs found in X6 (https://github.com/antvis/X6)
+        If you have a question about how to achieve something and are struggling, please post a question
+        inside of X6's Discussion's tab: https://github.com/antvis/X6/discussions
+
+        Before submitting a new bug/issue, please check the links below to see if there is a solution or question posted there already:
+         - X6's Issue's tab: https://github.com/antvis/X6/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc
+         - X6's Closed issues tab: https://github.com/antvis/X6/issues?q=is%3Aissue+sort%3Aupdated-desc+is%3Aclosed
+         - X6 Discussion's tab: https://github.com/antvis/X6/discussions
+
+        The more information you fill in, the better the community can help you.
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the bug
+      description: Provide a clear and concise description of the challenge you are running into.
+    validations:
+      required: true
+  - type: input
+    id: link
+    attributes:
+      label: Your Example Website or App
+      description: |
+        Which website or app were you using when the bug happened?
+        Note:
+        - Your bug will may get fixed much faster if we can run your code and it doesn't have dependencies other than the X6 npm package.
+        - To create a shareable code example you can use Stackblitz (https://stackblitz.com/) or CodeSandbox (https://codesandbox.io/s/new). Please no localhost URLs.
+        - Please read these tips for providing a minimal example: https://stackoverflow.com/help/mcve.
+      placeholder: |
+        e.g. Stackblitz, Code Sandbox app url
+    validations:
+      required: true
+  - type: textarea
+    id: steps
+    attributes:
+      label: Steps to Reproduce the Bug or Issue
+      description: Describe the steps we have to take to reproduce the behavior.
+      placeholder: |
+        1. Go to '...'
+        2. Click on '....'
+        3. Scroll down to '....'
+        4. See error
+    validations:
+      required: true
+  - type: textarea
+    id: expected
+    attributes:
+      label: Expected behavior
+      description: Provide a clear and concise description of what you expected to happen.
+      placeholder: |
+        As a user, I expected ___ behavior but i am seeing ___
+    validations:
+      required: true
+  - type: textarea
+    id: screenshots_or_videos
+    attributes:
+      label: Screenshots or Videos
+      description: |
+        If applicable, add screenshots or a video to help explain your problem.
+        For more information on the supported file image/file types and the file size limits, please refer
+        to the following link: https://docs.github.com/en/github/writing-on-github/working-with-advanced-formatting/attaching-files
+      placeholder: |
+        You can drag your video or image files inside of this editor ↓
+  - type: textarea
+    id: platform
+    attributes:
+      label: Platform
+      value: |
+        - OS: [e.g. macOS, Windows, Linux]
+        - Browser: [e.g. Chrome, Safari, Firefox]
+        - Version: [e.g. 91.1]
+    validations:
+      required: true
+  - type: textarea
+    id: additional
+    attributes:
+      label: Additional context
+      description: Add any other context about the problem here.

.github/ISSUE_TEMPLATE/bug_report_zh.yml

@@ -0,0 +1,69 @@
+name: '🐞 新 Issue'
+description: 创建一个新的 issue，如果你的 issue 不符合规范，它将会被自动关闭。
+body:
+  - type: markdown
+    attributes:
+      value: |
+        在提交新 issue 之前，先通过以下链接查看有没有类似的 bug 或者建议:
+         - [X6 Issues](https://github.com/antvis/X6/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc)
+         - [X6 Closed Issues](https://github.com/antvis/X6/issues?q=is%3Aissue+sort%3Aupdated-desc+is%3Aclosed)
+         - [X6 Discussions](https://github.com/antvis/X6/discussions)
+  - type: textarea
+    id: description
+    attributes:
+      label: 问题描述
+      description: 简洁清晰地描述你遇到的问题。
+    validations:
+      required: true
+  - type: input
+    id: link
+    attributes:
+      label: 重现链接
+      description: |
+        可以使用 CodeSandbox(https://codesandbox.io/s/new) 或者 StackBlitz(https://stackblitz.com/) 重现你的问题。
+      placeholder: |
+        示例: CodeSandBox 或者 StackBlitz URL
+    validations:
+      required: true
+  - type: textarea
+    id: steps
+    attributes:
+      label: 重现步骤
+      description: 简洁清晰的重现步骤能够帮助我们更迅速地定位问题所在。
+      placeholder: |
+        1.进入页面...
+        2.点击....
+        3.查看错误....
+    validations:
+      required: true
+  - type: textarea
+    id: expected
+    attributes:
+      label: 预期行为
+      description: 描述你期望的结果以及实际的结果。
+      placeholder: |
+        我期望看到...，但我看到了...
+    validations:
+      required: true
+  - type: textarea
+    id: platform
+    attributes:
+      label: 平台
+      value: |
+        - 操作系统: [macOS, Windows, Linux, React Native ...]
+        - 网页浏览器: [Google Chrome, Safari, Firefox]
+        - X6 版本: [1.28.2 ... ]
+    validations:
+      required: true
+  - type: textarea
+    id: screenshots_or_videos
+    attributes:
+      label: 屏幕截图或视频（可选）
+      description: 可以添加屏幕截图或视频帮助你解释问题。
+      placeholder: |
+        可以将你的图片或者视频拖拽到此处↓
+  - type: textarea
+    id: additional
+    attributes:
+      label: 补充说明（可选）
+      description: 比如：遇到这个 bug 的业务场景、上下文。

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,8 @@
+blank_issues_enabled: false
+contact_links:
+  - name: 💬 Questions & Answers
+    url: https://github.com/antvis/X6/discussions/categories/q-a
+    about: Please ask and answer questions here →
+  - name: 💬 提问与分享
+    url: https://github.com/antvis/X6/discussions/categories/q-a
+    about: 在此提出问题和分享你的解决方案→

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,26 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: 'enhancement'
-assignees: ''
----
-
-<!--- Provide a general summary of the feature in the Title above. -->
-
-### Expected Behavior
-
-<!--- What should happen. -->
-
-### Possible Solution
-
-<!--- Any solutions you've considered. -->
-
-### Additional Context
-
-<!--- How has this issue affected you? -->
-<!--- What are you trying to accomplish? -->
-<!--- Provide screenshots if possible. -->
-
-<!--- Providing context helps us come up with a -->
-<!--- solution that is most useful in the real world. -->

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,53 @@
+name: 💡 Feature Request
+description: Create a feature request for X6
+labels: ["template: story"]
+body:
+  - type: markdown
+    attributes:
+      value: Thanks for taking the time to file a feature request! Please fill out this form as completely as possible.
+  - type: markdown
+    attributes:
+      value: 'Feature requests will be converted to the GitHub Discussions "💡 Ideas" section (https://github.com/antvis/X6/discussions/categories/ideas)'
+  - type: textarea
+    attributes:
+      label: Describe the feature you'd like to request
+      description: A clear and concise description of what you want and what your use case is. The more context & description you provide the team the better it will help us understand your problem and save time.
+    validations:
+      required: true
+  - type: textarea
+    id: describe_solution
+    attributes:
+      label: Describe the solution you'd like
+      description: A clear and concise description of what you want to happen.
+    validations:
+      required: true
+  - type: textarea
+    id: describe_alternatives
+    attributes:
+      label: Describe alternatives you've considered
+      description: A clear and concise description of any alternative solutions or features you've considered.
+    validations:
+      required: true
+  - type: input
+    id: code_link
+    attributes:
+      label: Your Example Website or App
+      description: |
+        Which website or app were you using when the bug happened?
+        Note:
+        - Your bug will may get fixed much faster if we can run your code and it doesn't have dependencies other than the G6 npm package.
+        - To create a shareable code example you can use Stackblitz (https://stackblitz.com/) or CodeSandbox (https://codesandbox.io/s/new). Please no localhost URLs.
+        - Please read these tips for providing a minimal example: https://stackoverflow.com/help/mcve.
+      placeholder: |
+        e.g. Stackblitz, Code Sandbox app url
+  - type: textarea
+    id: screenshots_or_videos
+    attributes:
+      label: Screenshots or Videos
+      description: |
+        If applicable, add screenshots or a video to help explain your problem.
+        Please do share examples (links, image, video etc) from other libraries or frameworks if you think that will help capture your idea.
+        For more information on the supported file image/file types and the file size limits, please refer
+        to the following link: https://docs.github.com/en/github/writing-on-github/working-with-advanced-formatting/attaching-files
+      placeholder: |
+        You can drag your video or image files inside of this editor ↓

.github/ISSUE_TEMPLATE/feature_request_zh.yml

@@ -0,0 +1,18 @@
+name: 💡 新功能
+description: 给 X6 提出新的功能要求。
+labels: ["template: story"]
+body:
+  - type: textarea
+    id: describe_feature
+    attributes:
+      label: 功能描述
+      description: 请尽可能详尽地说明这个功能的场景以及解决了什么问题。
+    validations:
+      required: true
+  - type: textarea
+    id: describe_solution
+    attributes:
+      label: 期望解决方案
+      description: 描述你期望这个新功能的使用方式或者实现方式。
+    validations:
+      required: true

.github/apps/wip.yml

@@ -0,0 +1,13 @@
+locations:
+  - title
+  - label
+  - commit
+
+terms:
+  - wip
+  - rfc
+  - work in progress
+  - work-in-progress
+  - do not merge
+  - do-not-merge
+  - 🚧

.github/issue-branch.yml

@@ -18,3 +18,9 @@ branches:
     skip: true
 experimental:
   branchNameArgument: true
+commentMessage: |
+  @${issue.user.login}
+
+  Branch [${branchName}](${repository.html_url}/tree/${branchName}) was created for this issue. We will investigate into the matter and get back to you as soon as possible.
+
+  感谢反馈问题或提供改进建议，我们创建了 [${branchName}](${repository.html_url}/tree/${branchName}) 分支来处理这个问题，你可以继续跟进后续的解决方案。

.github/weekly-digest.yml

@@ -1,7 +0,0 @@
-# Configuration for weekly-digest - https://github.com/apps/weekly-digest
-publishDay: sun
-canPublishIssues: true
-canPublishPullRequests: true
-canPublishContributors: true
-canPublishStargazers: true
-canPublishCommits: true

.github/workflows/auto-close-fixed-issues.yml

@@ -8,13 +8,12 @@ jobs:
   run:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/auto-close-fixed-issues@v1
+      - uses: wow-actions/auto-close-fixed-issues@v1
         with:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
           comment: |
             This issue was closed by #{{ pr }}.

.github/workflows/auto-comment.yml

@@ -1,14 +1,13 @@
 name: 💬　Auto Comment
 on: [issues, pull_request_target]
 jobs:
-  run:
+  comment:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/auto-comment@v1
+      - uses: wow-actions/auto-comment@v1
         with:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}

.github/workflows/backup/auto-assign.yml

@@ -8,12 +8,12 @@ jobs:
   run:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/auto-assign@v1
+
+      - uses: wow-actions/auto-assign@v1
         with:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
           CONFIG_FILE: .github/workflows/config/auto-assign.yml

.github/workflows/backup/delete-stale-releases.yml

@@ -0,0 +1,48 @@
+name: 🚫　Delete Stale Releases
+# on:
+#   repository_dispatch:
+#     types: [released]
+# jobs:
+#   clean:
+#     runs-on: ubuntu-latest
+#     steps:
+#       - uses: wow-actions/use-app-token@v2
+#         with:
+#           app_id: ${{ secrets.APP_ID }}
+#           private_key: ${{ secrets.PRIVATE_KEY }}
+#
+#       - uses: wow-actions/delete-stale-releases@v1
+#         with:
+#           GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
+#           delete_tags: true
+#           keep_latest_count: 3
+#           group: '(?!^)@.*$'
+#           exclude: |
+#             @antv/x6@**
+#             @antv/x6-common@**
+#             @antv/x6-geometry@**
+#             @antv/x6-plugin-**@**
+#             @antv/x6-vue-shape@**
+#             @antv/x6-react-shape@**
+#             @antv/x6-angular-shape@**
+#             @antv/x6-react-components@**
+
+# delete all releases and tag
+on:
+  push:
+    branches:
+      - master
+jobs:
+  clean:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: wow-actions/use-app-token@v2
+        with:
+          app_id: ${{ secrets.APP_ID }}
+          private_key: ${{ secrets.PRIVATE_KEY }}
+
+      - uses: wow-actions/delete-stale-releases@v1
+        with:
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
+          delete_tags: true
+          keep_latest_count: -1

.github/workflows/backup/gitleaks.yml

@@ -1,18 +1,16 @@
 name: 🥤　GitLeaks
-
 on:
+  pull_request:
   push:
     branches:
       - master
       - alpha
       - beta
-  pull_request_target:
-
 jobs:
   gitleaks:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v3
       with:
         fetch-depth: '1'
     - name: wget

.github/workflows/ci.yml

@@ -1,6 +1,6 @@
 name: 👷　CI
-
 on:
+  pull_request_target:
   push:
     branches:
       - master
@@ -8,45 +8,84 @@ on:
       - next-major
       - alpha
       - beta
-  pull_request_target:
-
 jobs:
   ci:
-    runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [12.x]
+        codecov: [x6, x6-common, x6-geometry]
+    runs-on: ubuntu-latest
+    env:
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
     steps:
       - name: ⤵️　Checkout
-        uses: actions/checkout@v2
-      - name: 🎉　Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
+        uses: actions/checkout@v3
+
+      - name: 🎉　Setup nodejs
+        uses: actions/setup-node@v3
         with:
-          node-version: ${{ matrix.node-version }}
-      - name: 🌱　Get Cache Directory
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-      - name: 🚸　Setup Cacha
-        uses: actions/cache@v2
+          node-version: 16.x
+
+      - name: 🎉　Setup pnpm
+        uses: pnpm/action-setup@v2
         with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          version: 7
+          run_install: false
+
+      - name: 🌱　Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: 🚸　Setup pnpm cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
-      - name: 🚧　Prepare
-        run: yarn global add lerna
-      - name: 🚀　Bootstrap
-        run: yarn bootstrap
+            ${{ runner.os }}-pnpm-store-
+
+      - name: 🚧　Install
+        run: pnpm install --no-frozen-lockfile --ignore-scripts
+
+      - name: 🚀　Build
+        run: pnpm run build
+
       - name: ✅　Test
-        run: yarn test
+        run: pnpm run test
+
       - name: 🔑　Generate Token
-        uses: bubkoo/use-app-token@v1
+        uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - name: 💡　Coveralls
-        uses: coverallsapp/github-action@master
+
+
+      - name: 💡　Codecov
+        uses: codecov/codecov-action@v1
         with:
-          github-token: ${{ env.bot_token }}
-          path-to-lcov: ./packages/x6/test/coverage/lcov.info
+          token: ${{ secrets.CODECOV_TOKEN }}
+          files: ./packages/${{ matrix.codecov }}/test/coverage/lcov.info
+          flags: ${{ matrix.codecov }}
+
+      - name: 🔀　Dispatch(ci_passed)
+        uses: peter-evans/repository-dispatch@v2
+        with:
+          token: ${{ env.BOT_TOKEN }}
+          event-type: ci_passed
+
+      - name: 🔀　Dispatch(ci_pr_passed)
+        if: github.event_name == 'pull_request_target'
+        uses: peter-evans/repository-dispatch@v2
+        with:
+          token: ${{ env.BOT_TOKEN }}
+          event-type: ci_pr_passed
+
+      - name: 🔀　Dispatch(ci_master_passed)
+        if: github.event_name == 'push'
+        uses: peter-evans/repository-dispatch@v2
+        with:
+          token: ${{ env.BOT_TOKEN }}
+          event-type: ci_master_passed
+

.github/workflows/codeql.yml

@@ -0,0 +1,42 @@
+name: ⛵️　CodeQL
+
+on:
+  push:
+    branches: [ "master", "bot", "gh-pages", "v1" ]
+  pull_request:
+    branches: [ "master" ]
+  schedule:
+    - cron: "41 2 * * 1"
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ javascript ]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v2
+        with:
+          languages: ${{ matrix.language }}
+          config-file: ./.github/workflows/config/codeql.yml
+          queries: +security-and-quality
+
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v2
+
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v2
+        with:
+          category: "/language:${{ matrix.language }}"

.github/workflows/config/codeql.yml

@@ -0,0 +1,7 @@
+paths-ignore:
+  - sites/x6-sites/static
+query-filters:
+  - exclude:
+      id: js/use-before-declaration
+  - exclude:
+      id: js/polynomial-redos

.github/workflows/config/labels.yml

@@ -138,9 +138,6 @@
 - name: pkg:x6
   color: eeeeee
   description: Denotes a PR that changes packages/x6
-- name: pkg:x6-react
-  color: eeeeee
-  description: Denotes a PR that changes packages/x6-react
 - name: pkg:x6-react-shape
   color: eeeeee
   description: Denotes a PR that changes packages/x6-react-shape

.github/workflows/create-issue-branch.yml

@@ -1,17 +1,16 @@
 name: 🚧　Create Issue Branch
 on:
   issue_comment:
-      types: [created]
+    types: [created]
 jobs:
-  run:
+  cib:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: robvanderleek/create-issue-branch@master
+
+      - uses: robvanderleek/create-issue-branch@main
         env:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}

.github/workflows/delete-stale-releases.yml

@@ -1,27 +0,0 @@
-name: 🚫　Delete Stale Releases
-on:
-  repository_dispatch:
-    types: [released]
-
-jobs:
-  run:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: bubkoo/use-app-token@v1
-        with:
-          app_id: ${{ secrets.APP_ID }}
-          private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/delete-stale-releases@v1
-        with:
-          GITHUB_TOKEN: ${{ env.bot_token }}
-          delete_tags: true
-          keep_latest_count: 3
-          group: '(?!^)@.*$'
-          exclude: |
-            @antv/x6@**
-            @antv/x6-react@**
-            @antv/x6-vue-shape@**
-            @antv/x6-react-shape@**
-            @antv/x6-react-components@**

.github/workflows/deploy-sites.yml

@@ -2,16 +2,15 @@ name: 🚀　Deploy Sites
 on:
   repository_dispatch:
     types: [released]
-
 jobs:
-  run:
+  deploy:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [12.x]
+        node-version: [16.x]
     steps:
       - name: ⤵️　Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       - name: 🎉　Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v1
         with:
@@ -21,7 +20,7 @@ jobs:
         id: yarn-cache-dir-path
         run: echo "::set-output name=dir::$(yarn cache dir)"
 
-      - name: 🚸　Setup Yarn Cacha
+      - name: 🚸　Setup Cache
         uses: actions/cache@v2
         with:
           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
@@ -65,15 +64,15 @@ jobs:
         run: yarn build:sites
 
       - name: 🔑　Generate Token
-        uses: bubkoo/use-app-token@v1
+        uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
+
 
       - name: ✅　Deploy sites
         uses: peaceiris/actions-gh-pages@v3
         with:
-          github_token: ${{ env.bot_token }}
+          github_token: ${{ env.BOT_TOKEN }}
           publish_dir: ./sites/x6-sites/public
           publish_branch: gh-pages

.github/workflows/label-commands.yml

@@ -5,15 +5,15 @@ on:
   issues:
     types: [labeled, unlabeled]
 jobs:
-  run:
+  cmd:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/label-commands@v1
+
+      - uses: wow-actions/label-commands@v1
         with:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
           CONFIG_FILE: .github/workflows/config/label-commands.yml

.github/workflows/lock.yml

@@ -3,17 +3,17 @@ on:
   schedule:
     - cron: 0 0 * * *
 jobs:
-  run:
+  lock:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
+
       - uses: dessant/lock-threads@v2
         with:
-          github-token: ${{ env.bot_token }}
+          github-token: ${{ env.BOT_TOKEN }}
           issue-lock-inactive-days: 365
           issue-lock-comment: |
             This thread has been automatically locked because it has not had recent activity.

.github/workflows/needs-more-info.yml

@@ -5,16 +5,16 @@ on:
   issues:
     types: [opened]
 jobs:
-  run:
+  evaluate:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/needs-more-info@v1
+
+      - uses: wow-actions/needs-more-info@v1
         with:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
           CONFIG_FILE: .github/workflows/config/needs-more-info.yml
 

.github/workflows/potential-duplicates.yml

@@ -6,11 +6,11 @@ jobs:
   run:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/potential-duplicates@v1
+
+      - uses: wow-actions/potential-duplicates@v1
         with:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}

.github/workflows/pr-label-branch-name.yml

@@ -3,16 +3,16 @@ on:
   pull_request_target:
     types: [opened]
 jobs:
-  run:
+  label:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
+
       - uses: TimonVS/pr-labeler-action@v3
         with:
           configuration-path: .github/workflows/config/pr-label-branch-name.yml
         env:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}

.github/workflows/pr-label-file-paths.yml

@@ -1,15 +1,15 @@
 name: 🏷️　Label(File Paths)
 on: pull_request_target
 jobs:
-  run:
+  label:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
+
       - uses: actions/labeler@v2
         with:
-          repo-token: ${{ env.bot_token }}
+          repo-token: ${{ env.BOT_TOKEN }}
           configuration-path: .github/workflows/config/pr-label-file-paths.yml

.github/workflows/pr-label-patch-size.yml

@@ -1,16 +1,15 @@
 name: 🏷️　Label(Patch Size)
 on: pull_request_target
 jobs:
-  run:
+  label:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: pascalgn/size-label-action@v0.1.1
+
+      - uses: pascalgn/size-label-action@v0.4.3
         env:
-          GITHUB_TOKEN: ${{ env.bot_token }}
-          IGNORED: "!.gitignore\nyarn.lock"
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
+          IGNORED: "!.gitignore\nyarn.lock\npnpm-lock.yaml"

.github/workflows/pr-label-status-dummy.yml

@@ -0,0 +1,9 @@
+name: 🏷️　Label(Status) Dummy
+on:
+  pull_request_review:
+    types: [submitted, dismissed]
+jobs:
+  dummy:
+    runs-on: ubuntu-latest
+    steps:
+      - run: echo "this is a dummy workflow that triggers a workflow_run; it's necessary because otherwise the repo secrets will not be in scope for externally forked pull requests"

.github/workflows/pr-label-status.yml

@@ -0,0 +1,20 @@
+name: 🏷️　Label(Status)
+on:
+  pull_request_target:
+    types: [opened, closed, edited, reopened, synchronize, ready_for_review]
+  workflow_run:
+    workflows: ['🏷️　Label(Status) Dummy'] # the workflow in step 1
+    types: [requested]
+jobs:
+  triage:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: wow-actions/use-app-token@v2
+        with:
+          app_id: ${{ secrets.APP_ID }}
+          private_key: ${{ secrets.PRIVATE_KEY }}
+
+      - uses: wow-actions/pr-triage@v1
+        with:
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
+          WORKFLOW-ID: ${{ github.event.workflow_run.id }}

.github/workflows/pr-label-title-body.yml

@@ -8,17 +8,18 @@ on:
   pull_request_target:
     types: [opened]
 jobs:
-  run:
+  label:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
+
       - uses: Naturalclar/issue-action@v2.0.1
         with:
           title-or-body: title
+          github-token: ${{ env.BOT_TOKEN }}
           parameters: >
             [
               {
@@ -30,4 +31,3 @@ jobs:
                 "labels": ["help-wanted"]
               }
             ]
-          github-token: ${{ env.bot_token }}

.github/workflows/preview.yml

@@ -11,11 +11,9 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [12.x]
+        node-version: [16.x]
     steps:
-      - uses: actions/checkout@v2
-        with:
-          ref: refs/pull/${{ github.event.pull_request.number }}/merge
+      - uses: actions/checkout@v3
 
       - name: 🌱　Get yarn cache directory path
         id: yarn-cache-dir-path
@@ -71,17 +69,17 @@ jobs:
         run: yarn build:sites
 
       - name: 🔑　Generate Token
-        uses: bubkoo/use-app-token@v1
+        uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
+
 
       - name: ✅　Deploy Sites
         uses: afc163/surge-preview@v1
         with:
           surge_token: ${{ secrets.SURGE_TOKEN }}
-          github_token: ${{ env.bot_token }}
+          github_token: ${{ env.BOT_TOKEN }}
           build: |
             echo Create sites preview
           dist: sites/x6-sites/public

.github/workflows/rebase.yml

@@ -3,18 +3,18 @@ on:
   issue_comment:
     types: [created]
 jobs:
-  run:
+  rebase:
     if: github.event.issue.pull_request != '' && contains(github.event.comment.body, '/rebase')
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@master
         with:
           fetch-depth: 0
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
+
       - uses: cirrus-actions/rebase@master
         env:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}

.github/workflows/release.yml

@@ -10,57 +10,67 @@ on:
       - alpha
       - beta
 jobs:
-  run:
+  release:
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [12.x]
     steps:
       - name: ⤵️　Checkout
-        uses: actions/checkout@v2
-      - name: 🎉　Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
+        uses: actions/checkout@v3
+
+      - name: 🎉　Setup nodejs
+        uses: actions/setup-node@v3
         with:
-          node-version: ${{ matrix.node-version }}
-      - name: 🌱　Get Cache Directory
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-      - name: 🚸　Setup Cacha
-        uses: actions/cache@v2
+          node-version: 16.x
+
+      - name: 🎉　Setup pnpm
+        uses: pnpm/action-setup@v2
         with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          version: 7
+          run_install: false
+
+      - name: 🌱　Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: 🚸　Setup pnpm cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
-      - name: 🚧　Prepare
-        run: yarn global add lerna
-      - name: 🚀　Bootstrap
-        run: yarn bootstrap
-      - name: ✅　Test
-        run: yarn test
+            ${{ runner.os }}-pnpm-store-
+
+      - name: 🚧　Install dependencies
+        run: pnpm install --no-frozen-lockfile --ignore-scripts
+
+      - name: 📦　build
+        run: pnpm run build
+
+      # - name: ✅　Test
+      #   run: pnpm run test
 
       - name: 🔑　Generate Token
-        uses: bubkoo/use-app-token@v1
+        uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
 
       - name: 📦　Semantic Release
-        run: |
-          sh ./scripts/release
+        run: pnpm srm --combine-commits --comment-footer 'Thanks for being a part of the [AntV](https://github.com/antvis) community! 💪💯'
         env:
+          SRM_DEBUG: ${{ secrets.SRM_DEBUG }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-          GITHUB_TOKEN: ${{ env.bot_token }}
-          ACTION_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          GIT_AUTHOR_NAME: x6-bot
-          GIT_AUTHOR_EMAIL: x6-bot@users.noreply.github.com
-          GIT_COMMITTER_NAME: x6-bot
-          GIT_COMMITTER_EMAIL: x6-bot@users.noreply.github.com
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
+          GIT_AUTHOR_NAME: ${{ env.BOT_NAME }}[bot]
+          GIT_AUTHOR_EMAIL: ${{ env.BOT_NAME }}[bot]@users.noreply.github.com
+          GIT_COMMITTER_NAME: ${{ env.BOT_NAME }}[bot]
+          GIT_COMMITTER_EMAIL: ${{ env.BOT_NAME }}[bot]@users.noreply.github.com
 
       - name: 🔀　Repository Dispatch
         if: github.ref == 'refs/heads/master'
-        uses: peter-evans/repository-dispatch@v1
+        uses: peter-evans/repository-dispatch@v2
         with:
-          token: ${{ env.bot_token }}
+          token: ${{ env.BOT_TOKEN }}
           event-type: released

.github/workflows/report-monthly.yml

@@ -0,0 +1,16 @@
+name: 📆　Monthly Report
+on:
+  schedule:
+    - cron: '0 3 1 * *'
+jobs:
+  run:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: wow-actions/use-app-token@v2
+        with:
+          app_id: ${{ secrets.APP_ID }}
+          private_key: ${{ secrets.PRIVATE_KEY }}
+
+      - uses: wow-actions/activity-report@v1
+        with:
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}

.github/workflows/report-weekly.yml

@@ -0,0 +1,16 @@
+name: 📆　Weekly Report
+on:
+  schedule:
+    - cron: '30 17 * * 5'
+jobs:
+  run:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: wow-actions/use-app-token@v2
+        with:
+          app_id: ${{ secrets.APP_ID }}
+          private_key: ${{ secrets.PRIVATE_KEY }}
+
+      - uses: wow-actions/activity-report@v1
+        with:
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}

.github/workflows/slash-commands.yml

@@ -3,15 +3,15 @@ on:
   issue_comment:
     types: [created]
 jobs:
-  run:
+  cmd:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/slash-commands@v1
+
+      - uses: wow-actions/slash-commands@v1
         with:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
           CONFIG_FILE: .github/workflows/config/slash-commands.yml

.github/workflows/stale.yml

@@ -3,17 +3,17 @@ on:
   schedule:
   - cron: "0 0 * * *"
 jobs:
-  run:
+  stale:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
+
       - uses: actions/stale@v3
         with:
-          repo-token: ${{ env.bot_token }}
+          repo-token: ${{ env.BOT_TOKEN }}
           stale-issue-message: |
             Hiya!
 

.github/workflows/sync-labels.yml

@@ -6,17 +6,16 @@ on:
     paths:
       - .github/workflows/config/labels.yml
 jobs:
-  run:
+  sync:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
+
       - uses: micnncim/action-label-syncer@v1
         env:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
         with:
           manifest: .github/workflows/config/labels.yml

.github/workflows/sync-to-gitee.yml

@@ -1,7 +1,14 @@
-name: 🔁　Sync to Gitee Mirror
+# https://github.com/marketplace/actions/gitee-pages-action
+# 配置步骤如下
+# 1. 在命令行终端或 Git Bash 使用命令 ssh-keygen -t rsa -C "youremail@example.com" 生成 SSH Key，注意替换为自己的邮箱。生成的 id_rsa 是私钥，id_rsa.pub 是公钥。(⚠️注意此处不要设置密码)
+# 2. 在 GitHub 项目的「​Settings -> Secrets」路径下配置好命名为 GITEE_RSA_PRIVATE_KEY 和 GITEE_PASSWORD 的两个密钥。其中：GITEE_RSA_PRIVATE_KEY 存放 id_rsa 私钥；GITEE_PASSWORD 存放 Gitee 帐号的密码。
+# 3. 在 GitHub 的个人设置页面「Settings -> SSH and GPG keys」​ 配置 SSH 公钥（即：id_rsa.pub），命名随意。或者在仓库设置页面添加一个部署公钥。
+# 4. 在 Gitee 的个人设置页面「安全设置 -> SSH 公钥」​ 配置 SSH 公钥（即：id_rsa.pub），命名随意。
+
+name: 🔁　Sync to Gitee
 on: [push]
 jobs:
-  run:
+  sync:
     runs-on: ubuntu-latest
     steps:
       - name: 🔁　Sync to Gitee
@@ -14,7 +21,6 @@ jobs:
           source-repo: 'git@github.com:antvis/X6.git'
           # 注意替换为你的 Gitee 目标仓库地址
           destination-repo: 'git@gitee.com:antv-x6/antv-x6.git'
-
       - name: 📦　Build Gitee Pages
         uses: yanglbme/gitee-pages-action@master
         with:
@@ -25,4 +31,4 @@ jobs:
           # 注意替换为你的 Gitee 仓库
           gitee-repo: antv-x6/antv-x6
           # 要部署的分支
-          branch: gh-pages
+          branch: gh-pages

.github/workflows/update-authors.yml

@@ -3,21 +3,25 @@ on:
   push:
     branches:
       - master
+      - next
+      - next-major
       - alpha
       - beta
 jobs:
-  run:
+  authors:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           fetch-depth: 0
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/update-authors@v1
+
+      - uses: wow-actions/update-authors@v1
         with:
-          GITHUB_TOKEN: ${{ env.bot_token  }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN  }}
           bots: false
+          path: CONTRIBUTORS
+          commit: 'chore: update CONTRIBUTORS [skip ci]'

.github/workflows/update-contributors.yml

@@ -1,22 +1,24 @@
-name: 🤝　Contributors
+name: 🤝　Update Contributors
 on:
   schedule:
     - cron: '0 1 * * *'
   push:
     branches:
       - master
+      - next
+      - next-major
       - alpha
       - beta
 jobs:
-  run:
+  contributors:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/contributors-list@v1
+
+      - uses: wow-actions/contributors-list@v1
         with:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
           excludeUsers: semantic-release-bot ImgBotApp

.github/workflows/update-license.yml

@@ -0,0 +1,19 @@
+name: 🔑　Update License
+on:
+  schedule:
+    - cron: '0 3 1 1 *' # At 03:00 on day-of-month 1 in January.
+jobs:
+  update:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+      with:
+        fetch-depth: 0
+    - uses: wow-actions/use-app-token@v2
+      with:
+        app_id: ${{ secrets.APP_ID }}
+        private_key: ${{ secrets.PRIVATE_KEY }}
+
+    - uses: FantasticFiasco/action-update-license-year@v2
+      with:
+        token: ${{ env.BOT_TOKEN }}

.github/workflows/welcome.yml

@@ -5,17 +5,17 @@ on:
   issues:
     types: [opened]
 jobs:
-  run:
+  welcome:
     runs-on: ubuntu-latest
     steps:
-      - uses: bubkoo/use-app-token@v1
+      - uses: wow-actions/use-app-token@v2
         with:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.PRIVATE_KEY }}
-          env_name: bot_token
-      - uses: bubkoo/welcome-action@v1
+
+      - uses: wow-actions/welcome@v1
         with:
-          GITHUB_TOKEN: ${{ env.bot_token }}
+          GITHUB_TOKEN: ${{ env.BOT_TOKEN }}
           FIRST_ISSUE: |
             👋 @{{ author }}
 

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 .vscode
 .idea
+.turbo
 npm-debug.log
 yarn-error.log
 lerna-debug.log
@@ -11,3 +12,8 @@ es
 dist
 *.pem
 !mock-cert.pem
+tmp
+test/coverage
+packages/**/src/style/raw.ts
+.eslintcache
+.stylelintcache

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx @commitlint/cli --edit "$1"

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.husky/pre-push

@@ -0,0 +1,14 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+branch="$(git rev-parse --abbrev-ref HEAD)"
+user="$(git config user.name)"
+whitelist=("bubkoo" "NewByVector")
+
+if [[ ! " ${whitelist[@]} " =~ " ${user} " ]]; then
+  if [ "$branch" = "master" ]; then
+    echo "Push to master branch is forbidden."
+    echo "Checkout your owne branch then submit a pr."
+    exit 1
+  fi
+fi

.lgtm.yml

@@ -1,5 +0,0 @@
-extraction:
-  javascript:
-    index:
-      filters:
-        - exclude: "sites/x6-sites/static"

.prettierignore

@@ -3,29 +3,13 @@
 *.yml
 *.svg
 *.gif
+*.log
 .DS_Store
-.gitignore
-.npmignore
-.prettierignore
-.babelrc
-.editorconfig
-.eslintrc
-.eslintignore
-.stylelintrc.json
-.umi
-.umi-production
-yarn.lock
-yarn-error.log
-npm-debug.log
-lerna-debug.log
-package.json
-tsconfig.json
-tslint.json
-AUTHORS.txt
 CNAME
+AUTHORS
 LICENSE
-lib/
 es/
+lib/
 dist/
 coverage/
 sites/x6-sites/static/demos

.prettierrc

@@ -4,8 +4,12 @@
   "printWidth": 80,
   "trailingComma": "all",
   "proseWrap": "never",
+  "endOfLine": "auto",
+  "useTabs": false,
   "overrides": [
     { "files": ".eslintrc", "options": { "parser": "json" } },
-    { "files": ".prettierrc", "options": { "parser": "json" } }
+    { "files": ".prettierrc", "options": { "parser": "json" } },
+    { "files": ".releaserc", "options": { "parser": "json" } },
+    { "files": ".stylelintrc", "options": { "parser": "json" } }
   ]
 }

.releaserc

@@ -0,0 +1,51 @@
+{
+  "branches": [
+    "+([0-9])?(.{+([0-9]),x}).x",
+    "master",
+    "next",
+    "next-major",
+    { "name": "beta", "prerelease": true },
+    { "name": "alpha", "prerelease": true }
+  ],
+  "plugins": [
+    [
+      "@semantic-release/commit-analyzer",
+      {
+        "releaseRules": [
+          { "revert": true, "release": "patch" },
+          { "type": "feat", "release": "minor" },
+          { "type": "build", "release": "patch" },
+          { "type": "docs", "release": "patch" },
+          { "type": "perf", "release": "patch" },
+          { "type": "style", "release": "patch" },
+          { "type": "test", "release": "patch" },
+          { "type": "refactor", "release": "patch" },
+          { "type": "ci", "release": false },
+          { "type": "chore", "release": false },
+          { "scope": "no-release", "release": false }
+        ]
+      }
+    ],
+    "@semantic-release/release-notes-generator",
+    "@semantic-release/changelog",
+    [
+      "@semantic-release/npm",
+      {
+        "npmPublish": true
+      }
+    ],
+    [
+      "@semantic-release/github",
+      {
+        "addReleases": "bottom"
+      }
+    ],
+    [
+      "@semantic-release/git",
+      {
+        "assets": ["package.json", "CHANGELOG.md"],
+        "message": "chore(release): ${nextRelease.gitTag} [skip ci]"
+      }
+    ]
+  ]
+}

.stylelintrc

@@ -15,6 +15,11 @@
     "no-invalid-double-slash-comments": null,
     "no-descending-specificity": null,
     "declaration-empty-line-before": null,
-    "no-duplicate-selectors": null
+    "no-duplicate-selectors": null,
+    "value-no-vendor-prefix": null,
+    "selector-pseudo-class-no-unknown": null,
+    "selector-class-pattern": null,
+    "keyframes-name-pattern": null,
+    "number-max-precision": null
   }
 }

.travis.yml

@@ -1,19 +0,0 @@
-language: node_js
-node_js:
-  - 12
-branches:
-  only:
-    - master
-cache:
-  yarn: true
-  directories:
-    - node_modules
-install:
-  - npm install -g yarn
-  - npm install -g lerna
-  - yarn bootstrap
-script:
-  - yarn build:dev
-#   - yarn test
-# after_script:
-#   - yarn coveralls

AUTHORS

@@ -1,29 +0,0 @@
-ImgBotApp <ImgBotHelp@gmail.com>
-Lyn <47809781+lyn-boyu@users.noreply.github.com>
-NewByVector <NewByVector@users.noreply.github.com>
-Sindori <441933726@qq.com>
-Zhenyu <o>
-boyu.zlj <boyu.zlj@antgroup.com>
-bubkoo <bubkoo.wy@gmail.com>
-bubkoo <bubkoo@users.noreply.github.com>
-daigang <1210242662@qq.com>
-luchunwei <luchunwei@gmail.com>
-pengxingjian.pxj <pengxingjian.pxj@alibaba-inc.com>
-qingchi <qinky94@163.com>
-semantic-release-bot <semantic-release-bot@martynus.net>
-vector <vectorse@126.com>
-wtzeng1 <wtzeng1@gmail.com>
-x6-bot <x6-bot@users.noreply.github.com>
-xrkffgg <xrkffgg@gmail.com>
-zdc1111 <39116292+zdc1111@users.noreply.github.com>
-zdc1111 <963887018@qq.com>
-偏右 <afc163@gmail.com>
-小耀 <jinyue.gjy@antfin.com>
-崖崖崖 <bubkoo.wy@gmail.com>
-文瑀 <wenyu.jqq@antfin.com>
-李通洲 <carter.li@eoitek.com>
-柏愚 <boyu.zlj@antfin.com>
-金强强 <wenyu.jqq@antfin.com>
-问崖 <bubkoo.wy@gmail.com>
-问崖 <pengxingjian.pxj@antfin.com>
-顾金跃 <361143552@qq.com>

CONTRIBUTING.md

@@ -41,7 +41,7 @@ No one can guarantee how much will be remembered about certain PR after some tim
 
 ### Style Guide
 
-tslint can help to identify styling issues that may exist in your code. Your code is required to pass the test from tslint. Run the test locally by `$ yarn lint`.
+eslint can help to identify styling issues that may exist in your code. Your code is required to pass the test from eslint. Run the test locally by `$ npm run lint`.
 
 ### Commit Message Format
 
@@ -110,8 +110,8 @@ Look at [these files](https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJyg
 
 X6 uses semantic versioning in release process based on [semver](https://semver.org/).
 
-- [Publishing maintenance releases](https://github.com/semantic-release/semantic-release/blob/master/docs/recipes/maintenance-releases.md)
-- [Publishing pre-releases](https://github.com/semantic-release/semantic-release/blob/master/docs/recipes/pre-releases.md)
+- [Publishing maintenance releases](https://github.com/semantic-release/semantic-release/blob/master/docs/recipes/release-workflow/maintenance-releases.md)
+- [Publishing pre-releases](https://github.com/semantic-release/semantic-release/blob/master/docs/recipes/release-workflow/pre-releases.md)
 
 ### Branch Strategy
 

CONTRIBUTING.zh-CN.md

@@ -1,6 +1,6 @@
 # 代码贡献规范
 
-有任何疑问，欢迎提交 [issue](https://github.com/antvis/x6/issues) 或 [PR](https://github.com/antvis/x6/pulls)!
+如果你有任何疑问，欢迎提交 [issue](https://github.com/antvis/x6/issues) 或 [PR](https://github.com/antvis/x6/pulls)!
 
 ## 提交 issue
 
@@ -41,7 +41,7 @@ $ git push origin branch-name
 
 ### 代码风格
 
-你的代码风格必须通过 tslint，你可以运行 `$ yarn lint` 本地测试。
+你的代码风格必须通过 eslint，你可以运行 `$ npm run lint` 本地测试。
 
 ### Commit 提交规范
 
@@ -109,8 +109,8 @@ BREAKING CHANGE:
 
 ## 发布管理
 
-- [Publishing maintenance releases](https://github.com/semantic-release/semantic-release/blob/master/docs/recipes/maintenance-releases.md)
-- [Publishing pre-releases](https://github.com/semantic-release/semantic-release/blob/master/docs/recipes/pre-releases.md)
+- [发布维护版本](https://github.com/semantic-release/semantic-release/blob/master/docs/recipes/release-workflow/maintenance-releases.md)
+- [发布预发版本](https://github.com/semantic-release/semantic-release/blob/master/docs/recipes/release-workflow/pre-releases.md)
 
 X6 基于 [semver](http://semver.org/lang/zh-CN/) 语义化版本号进行发布。
 
@@ -121,7 +121,7 @@ X6 基于 [semver](http://semver.org/lang/zh-CN/) 语义化版本号进行发布
 
 ### 发布策略
 
-每个大版本都有一个发布经理管理（PM），他/她要做的事情
+在每个大版本的发布中，都会有一个PM，他在发布的不同阶段负有以下职责：
 
 #### 准备工作：
 
@@ -135,6 +135,6 @@ X6 基于 [semver](http://semver.org/lang/zh-CN/) 语义化版本号进行发布
 
 #### 发布时：
 
-- 将老的稳定版本（master）备份到以当前大版本为名字的分支上（例如 `1.x`），并设置 tag 为 {v}.x`（ v 为当前版本，例如 `1.x`）。
+- 将老的稳定版本（master）备份到以当前大版本为名字的分支上（例如 `1.x`），并设置 tag 为 {v}.x（ v 为当前版本，例如 `1.x`）。
 - 发布新的稳定版本到 [npm](http://npmjs.com)，并通知上层框架进行更新。
 - `npm publish` 之前，请先阅读[『我是如何发布一个 npm 包的』](https://fengmk2.com/blog/2016/how-i-publish-a-npm-package)。

CONTRIBUTORS

@@ -0,0 +1,95 @@
+BARM <284942955@qq.com>
+Candy <563378816@qq.com>
+Chaoqi <HAN>
+Clifford <ajard>
+DaiGang <42136433+daigang666@users.noreply.github.com>
+Dong <48054715+halodong@users.noreply.github.com>
+Draco <Draco.coder@gmail.com>
+Eve-Sama <17764594863@163.com>
+Eve-Sama <948832626@qq.com>
+Gossypol <31892817+gossypol@users.noreply.github.com>
+ImgBotApp <ImgBotHelp@gmail.com>
+Indomi <indomi126@gmail.com>
+James <san>
+Jógvan <lse>
+Ken <ei>
+Limbo <49612796+JUST-Limbo@users.noreply.github.com>
+Lixu <37231473+wflixu@users.noreply.github.com>
+Lloyd <ho>
+Lyn <47809781+lyn-boyu@users.noreply.github.com>
+MOMO <329053928@qq.com>
+Mingfei <az8641683@163.com>
+MrMengJ <2646973632@qq.com>
+Naveen <172697+naveensrinivasan@users.noreply.github.com>
+NewByVector <NewByVector@users.noreply.github.com>
+Olive.Wang <olivewind.wang@gmail.com>
+Opportunity <opportunity@live.in>
+Questions <chip@twostewards.com>
+RuiLin <on>
+SSC <273702440@qq.com>
+Simon <>
+Sindori <441933726@qq.com>
+Susan <527971893@qq.com>
+Thomas <eugne>
+Tony <>
+Utopia <greatauk11@gmail.com>
+XLZY <1017866168@qq.com>
+Xingjian <han>
+Zhenyu <o>
+arthur657834 <kingkom7834@126.com>
+boyu.zlj <boyu.zlj@antgroup.com>
+breezefaith <nyzhangzc@qq.com>
+bubkoo <bubkoo.wy@gmail.com>
+bubkoo <bubkoo@users.noreply.github.com>
+budlion <dongqi.ldq@alibaba-inc.com>
+cuidong626 <cuidong1234@outlook.com>
+daigang <1210242662@qq.com>
+doublewu <592581554@qq.com>
+iceytea <liyunheasap@yeah.net>
+jiqili <43718732+jiqili@users.noreply.github.com>
+kelin.zrh <34393362+AricZhu@users.noreply.github.com>
+kingshuaishuai <ken.wang@mrs.ai>
+kio <1421104933@qq.com>
+lijing666 <lijing241@yeah.net>
+lopn <lopnxrp@126.com>
+luchunwei <luchunwei@gmail.com>
+luzhuang <364439895@qq.com>
+lvhuiyang <ilvhuiyang@gmail.com>
+myzxlin <myzxlin@163.com>
+newbyvector <vectorse@126.com>
+niexq <1879633916@qq.com>
+niexq <niexq@firstgrid.cn>
+njshuisheng <34205271+njshuisheng@users.noreply.github.com>
+pengxingjian.pxj <pengxingjian.pxj@alibaba-inc.com>
+pfdgithub <pfdgithub@users.noreply.github.com>
+qingchi <qinky94@163.com>
+qu <33251372+Qujh97@users.noreply.github.com>
+sallen450 <qinghua10199@gmail.com>
+semantic-release-bot <semantic-release-bot@martynus.net>
+vector <vectorse@126.com>
+wenbei <38773084+wb-wenbei@users.noreply.github.com>
+wgf <34190465+evelope@users.noreply.github.com>
+wind <>
+wjqsummer <52412389+wjqsummer@users.noreply.github.com>
+wtzeng1 <wtzeng1@gmail.com>
+x6-bot <x6-bot@users.noreply.github.com>
+xrkffgg <xrkffgg@gmail.com>
+yaojin2070 <48686959+yaojin2070@users.noreply.github.com>
+zdc1111 <39116292+zdc1111@users.noreply.github.com>
+€alix <qq287649920@gmail.com>
+九思⚡⚡⚡ <2228429150@qq.com>
+何腾飞 <avrin.live.cn@outlook.com>
+偏右 <afc163@gmail.com>
+小耀 <jinyue.gjy@antfin.com>
+崖 <bubkoo.wy@gmail.com>
+崖崖崖 <bubkoo.wy@gmail.com>
+文瑀 <wenyu.jqq@antfin.com>
+映月 <38279397+orientMoon@users.noreply.github.com>
+杨凌 <89915256@qq.com>
+柏愚 <boyu.zlj@antfin.com>
+粑粑超 <842486229@qq.com>
+诸岳 <dengfuping_private@163.com>
+金强强 <wenyu.jqq@antfin.com>
+问崖 <bubkoo.wy@gmail.com>
+问崖 <pengxingjian.pxj@antfin.com>
+阿良仔 <32487868+cijiugechu@users.noreply.github.com>

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 Alipay.inc
+Copyright (c) 2021-2022 Alipay.inc
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.en-us.md

@@ -0,0 +1,119 @@
+[简体中文](/README.md) | English
+
+<p align="center"><img src="/flow.svg"></p>
+
+<p align="center"><strong>Graph Editing Engine Of AntV</strong></p>
+<p align="center"><strong>JavaScript diagramming library that uses SVG and HTML for rendering</strong></p>
+
+<p align="center">
+<a href="https://github.com/antvis/X6/actions/workflows/ci.yml"><img alt="build" src="https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square"></a>
+<a href="https://app.codecov.io/gh/antvis/X6"><img alt="coverage" src="https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV"></a>
+<a href="https://lgtm.com/projects/g/antvis/x6/context:javascript"><img alt="Language grade: JavaScript" src="https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square"></a>
+<a href="https://www.npmjs.com/package/@antv/x6"><img alt="NPM Package" src="https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square"></a>
+<a href="https://www.npmjs.com/package/@antv/x6"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square"></a>
+</p>
+
+<p align="center">
+<a href="/LICENSE"><img src="https://img.shields.io/github/license/antvis/x6?style=flat-square" alt="MIT License"></a>
+<a href="https://www.typescriptlang.org"><img alt="Language" src="https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square"></a>
+<a href="https://github.com/antvis/x6/pulls"><img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square"></a>
+<a href="https://x6.antv.antgroup.com/"><img alt="website" src="https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6"></a>
+</p>
+
+## Features
+
+- 🌱　Easy-to-customize: based on well known SVG/HTML/CSS or React/Vue/Angular to custom nodes and edges
+- 🚀　Out-of-the-box: built-in 10+ plugins, such as selection, dnd, redo/undo, snapline, minimap, etc.
+- 🧲　Data-driven: base on MVC architecture, you can focus on data logic and business logic
+- 💯　Highly-event-driven: you can react on any event that happens inside the graph
+
+## Environment Support
+
+- Modern browsers and Internet Explorer 11 (with polyfills)
+- Server-side Rendering
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari |
+|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| IE11, Edge                                                                                                                                                                                                     | last 2 versions                                                                                                                                                                                                  | last 2 versions                                                                                                                                                                                              | last 2 versions                                                                                                                                                                                              |
+
+## Installation
+
+```shell
+# npm
+$ npm install @antv/x6 --save
+
+# yarn
+$ yarn add @antv/x6
+```
+
+## Usage
+
+```html
+<div id="container" style="width: 600px; height: 400px"></div>
+```
+
+```ts
+import { Graph } from '@antv/x6'
+
+const graph = new Graph({
+  container: document.getElementById('container'),
+  grid: true
+})
+
+const source = graph.addNode({
+  x: 300,
+  y: 40,
+  width: 80,
+  height: 40,
+  label: 'Hello',
+})
+
+const target = graph.addNode({
+  x: 420,
+  y: 180,
+  width: 80,
+  height: 40,
+  label: 'World',
+})
+
+graph.addEdge({
+  source,
+  target,
+})
+```
+
+## Links
+
+- [Documents](https://x6.antv.antgroup.com/tutorial/about)
+- [Samples](https://x6.antv.antgroup.com/examples)
+- [Blog](https://www.yuque.com/antv/x6/gcinvi)
+- [Versioning Release Note](https://www.yuque.com/antv/x6/bbfu6r)
+- [FAQ](https://www.yuque.com/antv/x6/be9pfx)
+- [CodeSanbox Template](https://codesandbox.io/s/qosj0?file=/src/app.tsx)
+
+## Development
+
+```shell
+# install deps and build
+$ pnpm install
+
+# enter the specified project development and debugging
+cd packages/x6
+pnpm run build:watch
+
+# start example to see the effect
+cd examples/x6-example-features
+pnpm run start
+```
+
+## Contributing
+
+To become a contributor, please follow our [contributing guide](/CONTRIBUTING.md). If you are an active contributor, you can apply to be a outside collaborator.
+
+<a href="https://github.com/antvis/x6/graphs/contributors">
+  <img src="/CONTRIBUTORS.svg" alt="Contributors" width="740" />
+</a>
+
+## License
+
+The scripts and documentation in this project are released under the [MIT License](/LICENSE).

README.md

@@ -1,35 +1,42 @@
-<p align="center"><img src="/flow.svg"></p>
+简体中文 | [English](/README.en-us.md)
 
-<p align="center"><strong>JavaScript diagramming library that uses SVG and HTML for rendering.</strong></p>
+<p align="center"><img alt="flow" src="/flow.svg"></p>
+
+<p align="center"><strong>X6 是 AntV 旗下的图编辑引擎</strong></p>
+<p align="center"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</strong></p>
 
 <p align="center">
-<a href="/LICENSE"><img src="https://img.shields.io/badge/license-MIT_License-green.svg?style=flat-square" alt="MIT License"></a>
+<a href="https://github.com/antvis/X6/actions/workflows/ci.yml"><img alt="build" src="https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square"></a>
+<!-- <a href="https://app.codecov.io/gh/antvis/X6"><img alt="coverage" src="https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV"></a> -->
+<a href="https://lgtm.com/projects/g/antvis/x6/context:javascript"><img alt="Language grade: JavaScript" src="https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square"></a>
+<a href="https://www.npmjs.com/package/@antv/x6"><img alt="NPM Package" src="https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square"></a>
+<a href="https://www.npmjs.com/package/@antv/x6"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square"></a>
+</p>
+
+<p align="center">
+<a href="/LICENSE"><img src="https://img.shields.io/github/license/antvis/x6?style=flat-square" alt="MIT License"></a>
 <a href="https://www.typescriptlang.org"><img alt="Language" src="https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square"></a>
 <a href="https://github.com/antvis/x6/pulls"><img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square"></a>
-<a href="https://x6.antv.vision"><img alt="website" src="https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6"></a>
-<a href="https://travis-ci.org/antvis/x6"><img alt="build" src="https://img.shields.io/travis/antvis/x6.svg?style=flat-square"></a>
-<a href="https://coveralls.io/github/antvis/x6"><img alt="coverage" src="https://img.shields.io/coveralls/antvis/x6/master.svg?style=flat-square"></a>
-<a href="https://lgtm.com/projects/g/antvis/x6/context:javascript"><img alt="Language grade: JavaScript" src="https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square"></a>
+<a href="https://x6.antv.antgroup.com"><img alt="website" src="https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6"></a>
 </p>
 
-<p align="center">
-<a href="https://www.npmjs.com/package/@antv/x6"><img alt="NPM Package" src="https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square"></a>
-<a href="https://www.npmjs.com/package/@antv/x6"><img alt="NPM Downloads" src="http://img.shields.io/npm/dm/@antv/x6.svg?style=flat-square"></a>
-<a href="https://david-dm.org/antvis/x6"><img alt="NPM Dependencies" src="https://david-dm.org/antvis/x6.svg?style=flat-square"></a>
-<a href="https://david-dm.org/antvis/x6?path=packages/x6"><img alt="Dependency Status" src="https://david-dm.org/antvis/x6.svg?style=flat-square&path=packages/x6"></a>
-<a href="https://david-dm.org/antvis/x6?type=dev&path=packages/x6"><img alt="devDependencies Status" src="https://david-dm.org/antvis/x6/dev-status.svg?style=flat-square&path=packages/x6" ></a>
-</p>
+## 特性
 
-## Features
+- 🌱　极易定制：支持使用 SVG/HTML/React/Vue/Angular 定制节点样式和交互
+- 🚀　开箱即用：内置 10+ 图编辑配套扩展，如框选、对齐线、小地图等
+- 🧲　数据驱动：基于 MVC 架构，用户更加专注于数据逻辑和业务逻辑
+- 💯　事件驱动：完备的事件系统，可以监听图表内发生的任何事件
 
-- 🌱　easy-to-customize: based on well known SVG/HTML/CSS or React to custom nodes and edges
-- 🚀　out-of-the-box: built-in 10+ plugins, such as selection, dnd, redo/undo, snapline, minimap, etc.
-- 🧲　data-driven: base on MVC architecture, you can focus on data logic and business logic
-- 💯　highly-event-driven: you can react on any event that happens inside the graph
+## 兼容环境
 
-## Installation
+- 现代浏览器
+- 支持服务端渲染。
 
-### NPM/Yarn
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari |
+|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| last 2 versions                                                                                                                                                                                                  | last 2 versions                                                                                                                                                                                              | last 2 versions                                                                                                                                                                                              |
+
+## 安装
 
 ```shell
 # npm
@@ -39,48 +46,20 @@ $ npm install @antv/x6 --save
 $ yarn add @antv/x6
 ```
 
-### CDNs
-
-For learning purposes, you can use the latest version with one of the CDN:
-
-- https://unpkg.com/@antv/x6/dist/x6.js
-- https://cdn.jsdelivr.net/npm/@antv/x6/dist/x6.js
-- https://cdnjs.cloudflare.com/ajax/libs/antv-x6/1.3.20/x6.js (the latest version is not supported)
-
-```html
-<script src="https://unpkg.com/@antv/x6/dist/x6.js"></script>
-```
-
-For production, we recommend linking to a specific version number to avoid unexpected breakage from newer versions:
-
-- https://unpkg.com/@antv/x6@1.1.1/dist/x6.js
-- https://cdn.jsdelivr.net/npm/@antv/x6@1.1.1/dist/x6.js
-- https://cdnjs.cloudflare.com/ajax/libs/antv-x6/1.1.1/x6.js
-
-```html
-<script src="https://unpkg.com/@antv/x6@1.1.1/dist/x6.js"></script>
-```
-
-## Usage
-
-**Step 1**: specify a container the render the diagram.
+## 示例
 
 ```html
 <div id="container" style="width: 600px; height: 400px"></div>
 ```
 
-**Step 2**: render nodes and edges.
-
 ```ts
 import { Graph } from '@antv/x6'
 
-// Create an instance of Graph.
 const graph = new Graph({
   container: document.getElementById('container'),
   grid: true
 })
 
-// Render source node.
 const source = graph.addNode({
   x: 300,
   y: 40,
@@ -89,7 +68,6 @@ const source = graph.addNode({
   label: 'Hello',
 })
 
-// Render target node.
 const target = graph.addNode({
   x: 420,
   y: 180,
@@ -98,95 +76,45 @@ const target = graph.addNode({
   label: 'World',
 })
 
-// Render edge from source to target.
 graph.addEdge({
   source,
   target,
 })
 ```
 
-<img src="https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*o4W3RLZicagAAAAAAAAAAAAAARQnAQ" alt="HelloWorld" />
+## 链接
 
-## Documentation
+- [文档](http://x6.antv.antgroup.com/tutorial/about)
+- [示例](http://x6.antv.antgroup.com/examples)
+- [博客](https://www.yuque.com/antv/x6/huhla47wqalq5n7r)
+- [更新日志](https://www.yuque.com/antv/x6/bbfu6r)
+- [常见问题](https://www.yuque.com/antv/x6/tox1ukbz5cw57qfy)
+- [CodeSanbox 模板](https://codesandbox.io/s/mo-ban-wchooy?file=/src/App.tsx)
 
-- [About](https://x6.antv.vision/zh/docs/tutorial/about)
-- [Getting started](https://x6.antv.vision/zh/docs/tutorial/getting-started)
-- [Basic usage](https://x6.antv.vision/zh/docs/tutorial/basic/graph)
-- [Advanced practice](https://x6.antv.vision/zh/docs/tutorial/intermediate/serialization)
-- [Senior guidance](https://x6.antv.vision/zh/docs/tutorial/advanced/animation)
-
-## App Demos Build with X6
-
-### Flowchart
-
-A [flowchart](https://en.wikipedia.org/wiki/Flowchart) is a type of diagram that represents a workflow or process. A flowchart can also be defined as a diagrammatic representation of an algorithm, a step-by-step approach to solving a task.
-
-- Online Demo: [https://x6.antv.vision/apps/draw](https://x6.antv.vision/apps/draw)
-- Source Code: [https://github.com/antvis/x6/tree/master/examples/x6-app-draw](https://github.com/antvis/x6/tree/master/examples/x6-app-draw)
-
-<a href="https://x6.antv.vision/apps/draw" target="_blank" rel="noopener noreferrer">
-  <img src="https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*vFqjSZ-dXKkAAAAAAAAAAAAAARQnAQ" alt="draw" />
-</a>
-
-### DAG
-
-DAG is short for [Directed Acyclic Graph](https://en.wikipedia.org/wiki/Directed_acyclic_graph), which is a [directed graph](https://en.wikipedia.org/wiki/Directed_graph) with no [directed cycles](https://en.wikipedia.org/wiki/Cycle_graph#Directed_cycle_graph). It was originally a common data structure in the computer field. Due to the excellent characteristics brought by the unique topology structure, it is often used to deal with dynamic programming, searching for the shortest path in navigation, data compression and other algorithms.
-
-- Online Demo: [https://x6.antv.vision/apps/dag](https://x6.antv.vision/apps/dag)
-- Source Code: [https://github.com/antvis/x6/tree/master/examples/x6-app-dag](https://github.com/antvis/x6/tree/master/examples/x6-app-dag)
-
-<a href="https://x6.antv.vision/apps/dag" target="_blank" rel="noopener noreferrer">
-  <img src="https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*pJmUSoDLVWEAAAAAAAAAAAAAARQnAQ" alt="dag" />
-</a>
-
-### ERD
-
-An entity relationship diagram (ERD) shows the relationships of entity sets stored in a database. An entity in this context is an object, a component of data. An entity set is a collection of similar entities. These entities can have attributes that define its properties. By defining the entities, their attributes, and showing the relationships between them, an ER diagram illustrates the logical structure of databases.
-
-- Online Demo: [https://x6.antv.vision/apps/er](https://x6.antv.vision/apps/er)
-- Source Code: [https://github.com/antvis/x6/tree/master/examples/x6-app-er](https://github.com/antvis/x6/tree/master/examples/x6-app-er)
-
-<a href="https://x6.antv.vision/apps/er" target="_blank" rel="noopener noreferrer">
-  <img src="https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*pwvaToTpiEwAAAAAAAAAAAAAARQnAQ" alt="er" />
-</a>
-
-## Communication
-
-Welcome to join the **X6 Communication Group** (Scan the QR Code to Join us). We also welcome the github [issues](https://github.com/antvis/x6/issues).
-
-<a href="https://qr.dingtalk.com/action/joingroup?code=v1,k1,rOHuvgq5s0EHDktyyQJffDE3ZAmHnbB2e6iwn/w4BKs=&_dt_no_comment=1&origin=11" target="_blank" rel="noopener noreferrer">
-  <img src="https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*tFvBSaPCiHsAAAAAAAAAAAAAARQnAQ" alt="X6 图可视化交流群" width="375" />
-</a>
-
-## Development
+## 本地开发
 
 ```shell
-# install yarn and lerna
-$ npm install yarn -g
-$ npm install lerna -g
+# 安装项目依赖和初始化构建
+$ pnpm install
 
-# install deps and build
-$ yarn bootstrap
+# 进入到指定项目开发和调试
+cd packages/x6
+pnpm run build:watch
 
-# run tests
-$ yarn test
-
-# build
-$ yarn build
+# 启动 example 查看效果
+cd examples/x6-example-features
+pnpm run start
 ```
 
-## Contributing
+## 参与共建
 
-Please let us know how can we help. Do check out [issues](https://github.com/antvis/x6/issues) for bug reports or suggestions first.
-
-To become a contributor, please follow our [contributing guide](/CONTRIBUTING.md).
-
-## Contributors
+如果希望参与到 X6 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡献度足够活跃，你可以申请成为社区协作者。
 
 <a href="https://github.com/antvis/x6/graphs/contributors">
-  <img src="/CONTRIBUTORS.svg" alt="Contributors" width="740" />
+  <img src="https://raw.githubusercontent.com/antvis/X6/master/CONTRIBUTORS.svg" alt="Contributors" />
 </a>
 
-## License
 
-The scripts and documentation in this project are released under the [MIT License](/LICENSE).
+## 开源协议
+
+该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。

SECURITY.md

@@ -0,0 +1,21 @@
+# Security Policy
+
+## Supported Versions
+
+Use this section to tell people about which versions of your project are
+currently being supported with security updates.
+
+| Version | Supported          |
+| ------- | ------------------ |
+| 5.1.x   | :white_check_mark: |
+| 5.0.x   | :x:                |
+| 4.0.x   | :white_check_mark: |
+| < 4.0   | :x:                |
+
+## Reporting a Vulnerability
+
+Use this section to tell people how to report a vulnerability.
+
+Tell them where to go, how often they can expect to get an update on a
+reported vulnerability, what to expect if the vulnerability is accepted or
+declined, etc.

examples/x6-app-dag/.editorconfig

@@ -1,16 +0,0 @@
-# http://editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false
-
-[Makefile]
-indent_style = tab

examples/x6-app-dag/.gitignore

@@ -1,20 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/npm-debug.log*
-/yarn-error.log
-/yarn.lock
-/package-lock.json
-
-# production
-/dist
-
-# misc
-.DS_Store
-
-# umi
-/src/.umi
-/src/.umi-production
-/src/.umi-test
-/.env.local

examples/x6-app-dag/.prettierignore

@@ -1,8 +0,0 @@
-**/*.md
-**/*.svg
-**/*.ejs
-**/*.html
-package.json
-.umi
-.umi-production
-.umi-test

examples/x6-app-dag/.prettierrc

@@ -1,14 +0,0 @@
-{
-  "singleQuote": true,
-  "trailingComma": "all",
-  "semi": false,
-  "printWidth": 80,
-  "overrides": [
-    {
-      "files": ".prettierrc",
-      "options": {
-        "parser": "json"
-      }
-    }
-  ]
-}

examples/x6-app-dag/.umirc.ts

@@ -1,24 +0,0 @@
-import { defineConfig } from 'umi'
-
-export default defineConfig({
-  publicPath: './',
-  routes: [
-    { path: '/', component: '@/pages/index' },
-    { path: '/apps/dag', component: '@/pages/index' },
-  ],
-  theme: {
-    '@ant-prefix': 'ant',
-    '@menu-item-active-bg': '#f0f5ff',
-  },
-  extraBabelPlugins: [
-    [
-      'import',
-      {
-        libraryName: '@antv/x6-react-components',
-        libraryDirectory: 'es',
-        transformToDefaultImport: false,
-        style: true,
-      },
-    ],
-  ],
-})

examples/x6-app-dag/README.md

@@ -1,15 +0,0 @@
-# X6 DAG React demo project
-
-## Getting Started
-
-Install dependencies,
-
-```bash
-$ yarn
-```
-
-Start the dev server,
-
-```bash
-$ yarn start
-```

examples/x6-app-dag/package.json

@@ -1,50 +0,0 @@
-{
-  "private": true,
-  "name": "@antv/x6-app-dag",
-  "version": "1.1.2",
-  "scripts": {
-    "start": "umi dev",
-    "build": "umi build",
-    "postinstall": "umi generate tmp",
-    "prettier": "prettier --write '**/*.{js,jsx,tsx,ts,less,md,json}'",
-    "test": "umi-test",
-    "lint": "umi-lint --eslint src/ -p.no-semi  --prettier --fix",
-    "test:coverage": "umi-test --coverage"
-  },
-  "gitHooks": {
-    "pre-commit": "lint-staged"
-  },
-  "lint-staged": {
-    "*.{js,jsx,less,md,json}": [
-      "prettier --write"
-    ],
-    "*.ts?(x)": [
-      "prettier --parser=typescript --write"
-    ]
-  },
-  "dependencies": {
-    "@ant-design/icons": "^4.2.1",
-    "@antv/x6": "^1.11.5",
-    "@antv/x6-react-components": "^1.1.1",
-    "@antv/x6-react-shape": "^1.2.4",
-    "@types/dompurify": "^2.0.4",
-    "ahooks": "^2.7.0",
-    "antd": "^4.4.2",
-    "classnames": "^2.2.6",
-    "dompurify": "^2.1.1",
-    "react": "^16.13.1",
-    "react-dnd": "^11.1.3",
-    "react-dnd-html5-backend": "^11.1.3",
-    "react-dom": "^16.13.1",
-    "umi-lint": "^2.0.2"
-  },
-  "devDependencies": {
-    "@ant-design/pro-layout": "^5.0.12",
-    "@umijs/preset-react": "1.x",
-    "@umijs/test": "^3.2.19",
-    "lint-staged": "^10.5.3",
-    "prettier": "^2.2.1",
-    "umi": "^3.2.19",
-    "yorkie": "^2.0.0"
-  }
-}

examples/x6-app-dag/src/common/hooks/useObservableState.ts

@@ -1,29 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react'
-import { BehaviorSubject, Observable } from 'rxjs'
-
-export const useObservableState = <T extends any>(
-  source$: Observable<T> | { (): Observable<T> },
-  initialState?: T,
-): [T, React.Dispatch<React.SetStateAction<T>>] => {
-  const source = useMemo<Observable<T>>(() => {
-    if (typeof source$ === 'function') {
-      return source$()
-    }
-    return source$
-  }, [source$])
-  const [state, setState] = useState<T>(() => {
-    if (source instanceof BehaviorSubject) {
-      return source.getValue()
-    }
-    return initialState
-  })
-  useEffect(() => {
-    const sub = source.subscribe((v) => {
-      setState(v)
-    })
-    return () => {
-      sub.unsubscribe()
-    }
-  }, [source])
-  return [state, setState]
-}

examples/x6-app-dag/src/common/utils.ts

@@ -1,50 +0,0 @@
-export { unescape } from 'lodash-es'
-
-export class Deferred<T> {
-  resolve!: (value?: T) => void
-
-  reject!: (err?: any) => void
-
-  promise: Promise<T>
-
-  constructor() {
-    this.promise = new Promise<T>((resolve, reject) => {
-      this.resolve = resolve
-      this.reject = reject
-    })
-  }
-}
-
-// 解析 JSON 字符串不引起报错
-export const safeJson = (jsonStr = '{}', defaultVal = {}) => {
-  try {
-    return JSON.parse(jsonStr)
-  } catch (error) {
-    console.warn(`${jsonStr} is not valid json`)
-    return defaultVal
-  }
-}
-
-export class CodeName {
-  static parse(codeName = '') {
-    return codeName.replace(/_\d+$/, '').toLocaleLowerCase()
-  }
-
-  static equal(c1: string, c2: string) {
-    return CodeName.parse(c1) === CodeName.parse(c2)
-  }
-
-  static some(list: string[], c2: string) {
-    return list.some((c1) => CodeName.equal(c1, c2))
-  }
-
-  static getFromNode(node: any = {}) {
-    const { codeName = '' } = node
-    return CodeName.parse(codeName)
-  }
-}
-
-export const isPromise = (obj: any) =>
-  !!obj &&
-  (typeof obj === 'object' || typeof obj === 'function') &&
-  typeof obj.then === 'function'

examples/x6-app-dag/src/component/cut.less

@@ -1,6 +0,0 @@
-.no-wrap {
-  display: inline-block;
-  overflow: hidden;
-  white-space: nowrap;
-  vertical-align: middle;
-}

examples/x6-app-dag/src/component/cut.tsx

@@ -1,36 +0,0 @@
-import React, { useCallback } from 'react'
-import styles from './cut.less'
-
-interface Props {
-  left: number
-  right: number
-  max: number
-  children: string
-}
-
-export const Cut: React.FC<Props> = (props) => {
-  const { left, right = 0, max, children } = props
-  const getText = useCallback(() => {
-    const len = children.length
-    const ellipsis = '...'
-    let leftStr = ''
-    let rightStr = ''
-
-    if (len > max) {
-      if (left && len) {
-        leftStr = children.substr(0, left)
-      } else {
-        leftStr = children.substr(0, max)
-      }
-
-      if (right) {
-        rightStr = children.substr(-right, right)
-      }
-
-      return `${leftStr}${ellipsis}${rightStr}`
-    }
-
-    return children
-  }, [left, right, max, children])
-  return <span className={styles['no-wrap']}>{getText()}</span>
-}

examples/x6-app-dag/src/component/item-name.tsx

@@ -1,26 +0,0 @@
-import React from 'react'
-import { unescape } from 'lodash-es'
-import { Cut } from '@/component/cut'
-import { Keyword } from '@/component/keyword'
-
-interface Props {
-  data: any
-}
-
-export const ItemName: React.FC<Props> = (props) => {
-  const { data } = props
-  const { keyword, cutParas = {} } = data
-  const name = unescape(data.name)
-  const { max, side } = cutParas
-  if (keyword) {
-    return <Keyword raw={name} keyword={keyword} />
-  }
-  if (max) {
-    return (
-      <Cut max={max} left={side} right={side}>
-        {name}
-      </Cut>
-    )
-  }
-  return <span>{name}</span>
-}

examples/x6-app-dag/src/component/keyword.less

@@ -1,11 +0,0 @@
-.keywordWrapper {
-  strong {
-    color: #dd4b39;
-    font-weight: normal;
-    font-style: normal;
-  }
-
-  max-width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}

examples/x6-app-dag/src/component/keyword.tsx

@@ -1,37 +0,0 @@
-import React from 'react'
-import classnames from 'classnames'
-import styles from './keyword.less'
-
-interface Props {
-  raw: string
-  keyword: string
-  className?: string
-}
-
-export const Keyword: React.FC<Props> = (props) => {
-  const { raw, keyword, className } = props
-  if (keyword) {
-    const regex = new RegExp(keyword, 'ig')
-    const arr = raw.split(regex)
-    return (
-      <span
-        className={classnames({
-          [styles.keywordWrapper]: true,
-          [className!]: !!className,
-        })}
-      >
-        {arr.map((section, index) =>
-          index !== arr.length - 1 ? (
-            <span key={section + index}>
-              {section}
-              <strong>{keyword}</strong>
-            </span>
-          ) : (
-            section
-          ),
-        )}
-      </span>
-    )
-  }
-  return null
-}

examples/x6-app-dag/src/component/modal/index.tsx

@@ -1,80 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import { Modal, ConfigProvider } from 'antd'
-import { ModalFuncProps, ModalProps } from 'antd/es/modal'
-import { isPromise } from '@/common/utils'
-import { ANT_PREFIX } from '@/constants/global'
-
-type ShowProps = ModalProps & {
-  afterClose?: (...args: any[]) => void
-  children: React.ReactNode
-}
-
-export const showModal = (props: ShowProps) => {
-  const div = document.createElement('div')
-  document.body.appendChild(div)
-
-  let config: ShowProps = {
-    ...props,
-    visible: true,
-    onCancel: close,
-    onOk: (e) => {
-      if (typeof props.onOk === 'function') {
-        const ret = props.onOk(e)
-        if (isPromise(ret as any)) {
-          ;(ret as any).then(() => {
-            close()
-          })
-        }
-      } else {
-        close()
-      }
-    },
-  }
-
-  function destroy(...args: any[]) {
-    const unmountResult = ReactDOM.unmountComponentAtNode(div)
-    if (unmountResult && div.parentNode) {
-      div.parentNode.removeChild(div)
-    }
-    if (typeof props.afterClose === 'function') {
-      props.afterClose(...args)
-    }
-  }
-
-  function update(newConfig: ModalFuncProps) {
-    config = {
-      ...config,
-      ...newConfig,
-    }
-    render(config)
-  }
-
-  function close(...args: any[]) {
-    const nextConfig = {
-      ...config,
-      visible: false,
-      afterClose: destroy.bind(undefined, ...args),
-    }
-    update(nextConfig)
-  }
-
-  function render(usedConfig: ModalProps & { children: React.ReactNode }) {
-    const { children, ...others } = usedConfig
-    setTimeout(() => {
-      ReactDOM.render(
-        <ConfigProvider prefixCls={ANT_PREFIX}>
-          <Modal {...others}>{children}</Modal>
-        </ConfigProvider>,
-        div,
-      )
-    }, 0)
-  }
-
-  render(config)
-
-  return {
-    close,
-    update,
-  }
-}

examples/x6-app-dag/src/component/rx-component/rx-input.tsx

@@ -1,20 +0,0 @@
-import React from 'react'
-import { Observable } from 'rxjs'
-import { Input, ConfigProvider } from 'antd'
-import { InputProps } from 'antd/es/input'
-import { useObservableState } from '@/common/hooks/useObservableState'
-import { ANT_PREFIX } from '@/constants/global'
-
-interface RxInputProps extends Omit<InputProps, 'value'> {
-  value: Observable<string>
-}
-
-export const RxInput: React.FC<RxInputProps> = (props) => {
-  const { value, ...otherProps } = props
-  const [realValue] = useObservableState(() => value)
-  return (
-    <ConfigProvider prefixCls={ANT_PREFIX}>
-      <Input value={realValue} {...otherProps} />
-    </ConfigProvider>
-  )
-}

examples/x6-app-dag/src/constants/global.ts

@@ -1 +0,0 @@
-export const ANT_PREFIX = 'ant'

examples/x6-app-dag/src/constants/graph.ts

@@ -1,14 +0,0 @@
-export const GROUP_HORIZONTAL__PADDING = 24 // 分组横向 padding
-export const GROUP_VERTICAL__PADDING = 40 // 分组纵向 padding
-export const NODE_WIDTH = 180
-export const NODE_HEIGHT = 32
-
-// 触发画布重新渲染事件
-export const RERENDER_EVENT = 'RERENDER_EVENT'
-
-/*
- * 以下是拖拽相关
- */
-
-export const DRAGGABLE_ALGO_COMPONENT = 'ALGO_COMPONENT'
-export const DRAGGABLE_MODEL = 'MODEL'

examples/x6-app-dag/src/layout/header/experiment-title/index.less

@@ -1,42 +0,0 @@
-.menuWrap {
-  max-height: 316px;
-  overflow: auto;
-  position: relative;
-  top: -10px;
-  left: -1px;
-  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
-  :global {
-    .@{ant-prefix}-menu-item {
-      height: 28px;
-      line-height: 28px;
-      padding: 0px 8px;
-      margin: 0 !important;
-      color: rgba(0, 0, 0, 0.45);
-      font-size: 13px;
-      &:hover {
-        color: #1890ff;
-        background-color: @menu-item-active-bg;
-      }
-    }
-  }
-}
-
-.name {
-  padding-right: 2px;
-  color: rgba(0, 0, 0, 0.45);
-}
-
-.wrap {
-  height: 48px;
-  margin-left: 24px;
-  cursor: pointer;
-}
-
-.divider {
-  color: #ccc;
-}
-
-.dropdown {
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 12px;
-}

examples/x6-app-dag/src/layout/header/experiment-title/index.tsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import css from './index.less'
-
-export interface IProps {
-  experimentName?: string
-}
-
-export const ExperimentTitle: React.FC<IProps> = ({ experimentName }) => {
-  return (
-    <div className={css.wrap}>
-      <span className={css.name}> {experimentName} </span>
-    </div>
-  )
-}

examples/x6-app-dag/src/layout/header/index.less

@@ -1,38 +0,0 @@
-.header {
-  z-index: 99;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 48px;
-  min-height: 48px;
-  overflow: hidden;
-  line-height: 48px;
-  background: #fff;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
-  padding: 0;
-  .headerLeft,
-  .headerRight {
-    display: flex;
-  }
-}
-
-.doc {
-  margin-right: 32px;
-  font-size: 12px;
-  a {
-    color: rgba(0, 0, 0, 0.65);
-  }
-
-  .text {
-    padding: 0 4px;
-    color: rgba(0, 0, 0, 0.65);
-  }
-
-  :global {
-    .anticon {
-      position: relative;
-      color: rgba(0, 0, 0, 0.45);
-      font-size: 14px;
-    }
-  }
-}

examples/x6-app-dag/src/layout/header/index.tsx

@@ -1,86 +0,0 @@
-import React, { useState } from 'react'
-import { Layout, Modal, Typography } from 'antd'
-import { useObservableState } from '@/common/hooks/useObservableState'
-import { useExperimentGraph } from '@/pages/rx-models/experiment-graph'
-import { GithubOutlined } from '@ant-design/icons'
-import { SimpleLogo } from './logo'
-import { ExperimentTitle } from './experiment-title'
-
-import css from './index.less'
-
-const { Header } = Layout
-const { Title, Paragraph, Text } = Typography
-
-interface IProps {
-  experimentId: string
-}
-
-export const GuideHeader: React.FC<IProps> = (props) => {
-  const expGraph = useExperimentGraph(props.experimentId)
-  const [activeExperiment] = useObservableState(expGraph.experiment$)
-  const [designShow, setDesignShow] = useState(true)
-
-  const openGithub = () => {
-    window.open(
-      'https://github.com/antvis/X6/tree/master/examples/x6-app-dag',
-      '_blank',
-    )
-  }
-
-  return (
-    <>
-      <Header className={css.header}>
-        <div className={css.headerLeft}>
-          <SimpleLogo />
-          <ExperimentTitle experimentName={activeExperiment.name} />
-        </div>
-        <div className={css.headerRight}>
-          <div className={css.doc}>
-            <span
-              style={{ marginRight: 16, cursor: 'pointer' }}
-              onClick={() => setDesignShow(true)}
-            >
-              设计指南
-            </span>
-            <GithubOutlined onClick={openGithub} />
-          </div>
-        </div>
-        <Modal
-          width={540}
-          visible={designShow}
-          footer={null}
-          onCancel={() => setDesignShow(false)}
-        >
-          <Typography>
-            <Title level={3}>DAG图</Title>
-            <Paragraph>
-              DAG 是 Directed Acyclic Graph
-              的缩写，即有向无环图，它是指图中一个点经过两种路线到达另一个点没有闭环。
-              它原本是计算机领域一种常用数据结构，因为独特的拓扑结构所带来的优异特性，经常被用于处理动态规划、导航中寻求最短路径、数据压缩等多种算法场景。
-            </Paragraph>
-            <Title level={5}>使用场景</Title>
-            <Paragraph>DAG 图常用来描述业务流程，典型场景：</Paragraph>
-            <Paragraph>
-              <ul>
-                <li>
-                  <Text strong>人工智能产品：</Text>可以通过 DAG
-                  图可以将一个复杂的人工智能实验流程给图形化出来，大大降低理解成本。
-                </li>
-                <li>
-                  <Text strong>系统架构：</Text>
-                  表达一个系统架构各个层各个实例之间的关系，有明确的分层。
-                </li>
-                <li>
-                  <Text strong>交易系统：</Text>表达资金、交易等流转情况。
-                </li>
-              </ul>
-            </Paragraph>
-            <Paragraph style={{ textAlign: 'right' }}>
-              <Text>设计师：不过</Text>
-            </Paragraph>
-          </Typography>
-        </Modal>
-      </Header>
-    </>
-  )
-}

examples/x6-app-dag/src/layout/header/logo/index.less

@@ -1,15 +0,0 @@
-.root {
-  height: 48px;
-  width: 64px;
-  line-height: 48px;
-  position: relative;
-  border-right: 1px solid rgba(0, 0, 0, 0.08);
-  color: #fba831;
-}
-
-.logo {
-  top: 8px;
-  left: 18px;
-  position: absolute;
-  font-size: 28px;
-}

examples/x6-app-dag/src/layout/header/logo/index.tsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import { ApartmentOutlined } from '@ant-design/icons'
-import css from './index.less'
-
-interface Props {
-  border?: boolean
-}
-
-export const SimpleLogo: React.FC<Props> = ({ border }) => {
-  return (
-    <div className={`${css.root} `}>
-      <ApartmentOutlined className={css.logo} />
-    </div>
-  )
-}

examples/x6-app-dag/src/mock/algo.ts

@@ -1,268 +0,0 @@
-export const algoData = [
-  {
-    id: 'recentlyUsed',
-    name: '最近使用',
-    isDir: true,
-    children: [
-      {
-        id: 10,
-        defSource: 2,
-        docUrl: '',
-        ioType: 0,
-        up: 148,
-        down: 11,
-        iconType: 1,
-        isDisabled: false,
-        author: 'demo author',
-        codeName: 'algo_1',
-        catId: 1,
-        lastModifyTime: '2020-08-25 15:43:39',
-        createdTime: '2015-04-16 13:38:11',
-        engineType: 0,
-        isComposite: false,
-        sequence: 0,
-        owner: 'system',
-        description: '组件描述信息',
-        name: '算法组件1',
-        parentId: 'recentlyUsed',
-        isBranch: false,
-        social: {
-          defSource: 2,
-          isEnabled: true,
-          docUrl: '#',
-          iconType: 1,
-          isDisabled: false,
-          author: 'demo author',
-          codeName: 'algo_1',
-          catId: 1,
-          lastModifyTime: '2020-08-25 15:43:39',
-          createdTime: '2015-04-16 13:38:11',
-          owner: 'system',
-          description: '组件描述信息',
-          name: '算法组件1',
-          id: 10,
-        },
-      },
-      {
-        id: 11,
-        defSource: 2,
-        docUrl: '',
-        ioType: 0,
-        up: 148,
-        down: 11,
-        iconType: 1,
-        isDisabled: false,
-        author: 'demo author',
-        codeName: 'algo_2',
-        catId: 1,
-        lastModifyTime: '2020-08-25 15:43:39',
-        createdTime: '2015-04-16 13:38:11',
-        engineType: 0,
-        isComposite: false,
-        sequence: 0,
-        owner: 'system',
-        description: '组件描述信息',
-        name: '算法组件2',
-        parentId: 'recentlyUsed',
-        isBranch: false,
-        social: {
-          defSource: 2,
-          isEnabled: true,
-          docUrl: '#',
-          iconType: 1,
-          isDisabled: false,
-          author: 'demo author',
-          codeName: 'algo_2',
-          catId: 1,
-          lastModifyTime: '2020-08-25 15:43:39',
-          createdTime: '2015-04-16 13:38:11',
-          owner: 'system',
-          description: '组件描述信息',
-          name: '算法组件2',
-          id: 11,
-        },
-      },
-      {
-        id: 12,
-        defSource: 2,
-        docUrl: '',
-        ioType: 0,
-        up: 148,
-        down: 11,
-        iconType: 1,
-        isDisabled: false,
-        author: 'demo author',
-        codeName: 'algo_3',
-        catId: 1,
-        lastModifyTime: '2020-08-25 15:43:39',
-        createdTime: '2015-04-16 13:38:11',
-        engineType: 0,
-        isComposite: false,
-        sequence: 0,
-        owner: 'system',
-        description: '组件描述信息',
-        name: '算法组件3',
-        parentId: 'recentlyUsed',
-        isBranch: false,
-        social: {
-          defSource: 2,
-          isEnabled: true,
-          docUrl: '#',
-          iconType: 1,
-          isDisabled: false,
-          author: 'demo author',
-          codeName: 'algo_3',
-          catId: 1,
-          lastModifyTime: '2020-08-25 15:43:39',
-          createdTime: '2015-04-16 13:38:11',
-          owner: 'system',
-          description: '组件描述信息',
-          name: '算法组件3',
-          id: 12,
-        },
-      },
-    ],
-  },
-  {
-    name: '数据读写',
-    id: 21,
-    category: 'source',
-    isDir: true,
-    children: [
-      {
-        defSource: 2,
-        docUrl: '',
-        ioType: 0,
-        up: 148,
-        down: 11,
-        iconType: 1,
-        isDisabled: false,
-        author: 'demo author',
-        codeName: 'odps_source',
-        catId: 1,
-        lastModifyTime: '2020-08-25 15:43:39',
-        createdTime: '2015-04-16 13:38:11',
-        engineType: 0,
-        isComposite: false,
-        sequence: 0,
-        owner: 'system',
-        description: '组件描述信息',
-        name: '读数据表',
-        id: 100,
-        parentId: 'recentlyUsed',
-        isBranch: false,
-        social: {
-          defSource: 2,
-          isEnabled: true,
-          docUrl: '#',
-          iconType: 1,
-          isDisabled: false,
-          author: 'demo author',
-          codeName: 'odps_source',
-          catId: 1,
-          lastModifyTime: '2020-08-25 15:43:39',
-          createdTime: '2015-04-16 13:38:11',
-          owner: 'system',
-          description: '组件描述信息',
-          name: '读数据表',
-          id: 100,
-        },
-      },
-    ],
-    isBranch: true,
-    isExpanded: false,
-    codeName: 'source',
-    parentId: 'platformAlgo',
-  },
-  {
-    name: '统计分析',
-    id: 22,
-    category: 'analytics',
-    isDir: true,
-    children: [],
-    isBranch: true,
-    isExpanded: false,
-    codeName: 'analytics',
-    parentId: 'platformAlgo',
-  },
-  {
-    name: '算法',
-    id: 23,
-    category: 'ai_algo',
-    isDir: true,
-    children: [],
-    isBranch: true,
-    isExpanded: false,
-    codeName: 'algorithm',
-    parentId: 'platformAlgo',
-  },
-  {
-    name: '预测',
-    id: 24,
-    category: 'predict',
-    isDir: true,
-    children: [],
-    isBranch: true,
-    isExpanded: false,
-    codeName: 'predict',
-    parentId: 'platformAlgo',
-  },
-  {
-    name: '评估',
-    id: 25,
-    category: 'evaluation',
-    isDir: true,
-    children: [],
-    isBranch: true,
-    isExpanded: false,
-    codeName: 'evaluation',
-    parentId: 'platformAlgo',
-  },
-]
-
-export const searchByKeyword = async (keyword: string) => {
-  return Array(10)
-    .fill(null)
-    .map((i, idx) => {
-      return {
-        defSource: 2,
-        docUrl: '',
-        ioType: 0,
-        up: 148,
-        down: 11,
-        iconType: 1,
-        isDir: false,
-        isDisabled: false,
-        author: 'demo author',
-        codeName: `${keyword}${idx}`,
-        catId: 1,
-        lastModifyTime: '2020-08-25 15:43:39',
-        createdTime: '2015-04-16 13:38:11',
-        engineType: 0,
-        isComposite: false,
-        sequence: 0,
-        owner: 'system',
-        description: '组件描述信息',
-        name: `${keyword}__${idx}`,
-        id: idx,
-        parentId: 'recentlyUsed',
-        isBranch: false,
-        social: {
-          defSource: 2,
-          isEnabled: true,
-          docUrl: '#',
-          iconType: 1,
-          isDisabled: false,
-          author: 'demo author',
-          name: `${keyword}-${idx}`,
-          codeName: `${keyword}${idx}`,
-          catId: 1,
-          lastModifyTime: '2020-08-25 15:43:39',
-          createdTime: '2015-04-16 13:38:11',
-          owner: 'system',
-          description: '组件描述信息',
-          id: idx,
-        },
-      }
-    })
-}

examples/x6-app-dag/src/mock/graph.ts

@@ -1,720 +0,0 @@
-import random from 'lodash/random'
-
-interface NodeParams {
-  name: string
-  x: number
-  y: number
-}
-
-export const copyNode = ({ name, x, y }: NodeParams) => {
-  const id = `${Date.now()}`
-  return {
-    id,
-    name,
-    inPorts: [
-      {
-        tableName: 'germany_credit_data',
-        sequence: 1,
-        description: '输入1',
-        id: id + 100000,
-      },
-      {
-        tableName: 'germany_credit_data',
-        sequence: 2,
-        description: '输入2',
-        id: id + 200000,
-      },
-    ],
-    outPorts: [
-      {
-        tableName: 'germany_credit_data',
-        sequence: 1,
-        description: '输出表1',
-        id: id + 300000,
-      },
-      {
-        tableName: 'germany_credit_data',
-        sequence: 2,
-        description: '输出表2',
-        id: id + 400000,
-      },
-    ],
-    positionX: x + 200 + random(20, false),
-    positionY: y + random(10, false),
-    codeName: 'source_11111',
-    catId: 1,
-    nodeDefId: 111111,
-    category: 'source',
-    status: 3,
-    groupId: 0,
-  }
-}
-export const addNode = ({ name, x, y }: NodeParams) => {
-  const id = `${Date.now()}`
-  return {
-    id,
-    name,
-    inPorts: [
-      {
-        tableName: 'germany_credit_data',
-        sequence: 1,
-        description: '输入1',
-        id: id + '_in_1',
-      },
-      {
-        tableName: 'germany_credit_data',
-        sequence: 2,
-        description: '输入2',
-        id: id + '_in_2',
-      },
-    ],
-    outPorts: [
-      {
-        tableName: 'germany_credit_data',
-        sequence: 1,
-        description: '输出表1',
-        id: id + '_out_1',
-      },
-      {
-        tableName: 'germany_credit_data',
-        sequence: 2,
-        description: '输出表2',
-        id: id + '_out_2',
-      },
-    ],
-    positionX: x,
-    positionY: y,
-    codeName: 'source_11111',
-    catId: 1,
-    nodeDefId: 111111,
-    category: 'source',
-    status: 3,
-    groupId: 0,
-  }
-}
-
-export const queryGraph = (id: string) => {
-  return {
-    lang: 'zh_CN',
-    success: true,
-    data: initData,
-    Lang: 'zh_CN',
-  }
-}
-
-export const addNodeGroup = async (groupName: string) => {
-  return {
-    success: true,
-    data: {
-      group: {
-        name: groupName,
-        id: Date.now(),
-      },
-    },
-  }
-}
-
-const initData = {
-  nodes: [
-    {
-      id: '1603716783816',
-      name: '算法组件1',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716783816_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716783816_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716783816_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716783816_out_2',
-        },
-      ],
-      positionX: -200,
-      positionY: -300,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716786205',
-      name: '算法组件2',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716786205_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716786205_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716786205_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716786205_out_2',
-        },
-      ],
-      positionX: -369,
-      positionY: -161,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716788394',
-      name: '算法组件2',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716788394_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716788394_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716788394_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716788394_out_2',
-        },
-      ],
-      positionX: -154,
-      positionY: -161,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716792826',
-      name: '算法组件3',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716792826_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716792826_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716792826_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716792826_out_2',
-        },
-      ],
-      positionX: -520,
-      positionY: -30,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716795011',
-      name: '算法组件2',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716795011_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716795011_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716795011_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716795011_out_2',
-        },
-      ],
-      positionX: 74,
-      positionY: -160,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716814719',
-      name: '算法组件3',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716814719_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716814719_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716814719_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716814719_out_2',
-        },
-      ],
-      positionX: -310,
-      positionY: -30,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716822805',
-      name: '算法组件3',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716822805_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716822805_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716822805_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716822805_out_2',
-        },
-      ],
-      positionX: -50,
-      positionY: -30,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716828657',
-      name: '算法组件3',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716828657_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716828657_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716828657_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716828657_out_2',
-        },
-      ],
-      positionX: 160,
-      positionY: -30,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716834901',
-      name: '算法组件2',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716834901_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716834901_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716834901_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716834901_out_2',
-        },
-      ],
-      positionX: -390,
-      positionY: 90,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716844054',
-      name: '算法组件2',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716844054_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716844054_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716844054_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716844054_out_2',
-        },
-      ],
-      positionX: -170,
-      positionY: 90,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716854368',
-      name: '算法组件2',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716854368_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716854368_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716854368_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716854368_out_2',
-        },
-      ],
-      positionX: 40,
-      positionY: 90,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716858435',
-      name: '算法组件3',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716858435_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716858435_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716858435_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716858435_out_2',
-        },
-      ],
-      positionX: -310,
-      positionY: 230,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-    {
-      id: '1603716868041',
-      name: '算法组件2',
-      inPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输入1',
-          id: '1603716868041_in_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输入2',
-          id: '1603716868041_in_2',
-        },
-      ],
-      outPorts: [
-        {
-          tableName: 'germany_credit_data',
-          sequence: 1,
-          description: '输出表1',
-          id: '1603716868041_out_1',
-        },
-        {
-          tableName: 'germany_credit_data',
-          sequence: 2,
-          description: '输出表2',
-          id: '1603716868041_out_2',
-        },
-      ],
-      positionX: -100,
-      positionY: 230,
-      codeName: 'source_11111',
-      catId: 1,
-      nodeDefId: 111111,
-      category: 'source',
-      status: 3,
-      groupId: 0,
-    },
-  ],
-  links: [
-    {
-      source: '1603716783816',
-      target: '1603716786205',
-      outputPortId: '1603716783816_out_1',
-      inputPortId: '1603716786205_in_1',
-    },
-    {
-      source: '1603716783816',
-      target: '1603716788394',
-      outputPortId: '1603716783816_out_2',
-      inputPortId: '1603716788394_in_1',
-    },
-    {
-      source: '1603716783816',
-      target: '1603716795011',
-      outputPortId: '1603716783816_out_2',
-      inputPortId: '1603716795011_in_1',
-    },
-    {
-      source: '1603716786205',
-      target: '1603716792826',
-      outputPortId: '1603716786205_out_1',
-      inputPortId: '1603716792826_in_1',
-    },
-    {
-      source: '1603716788394',
-      target: '1603716814719',
-      outputPortId: '1603716788394_out_1',
-      inputPortId: '1603716814719_in_1',
-    },
-    {
-      source: '1603716795011',
-      target: '1603716822805',
-      outputPortId: '1603716795011_out_1',
-      inputPortId: '1603716822805_in_1',
-    },
-    {
-      source: '1603716795011',
-      target: '1603716828657',
-      outputPortId: '1603716795011_out_2',
-      inputPortId: '1603716828657_in_2',
-    },
-    {
-      source: '1603716792826',
-      target: '1603716834901',
-      outputPortId: '1603716792826_out_1',
-      inputPortId: '1603716834901_in_1',
-    },
-    {
-      source: '1603716814719',
-      target: '1603716844054',
-      outputPortId: '1603716814719_out_1',
-      inputPortId: '1603716844054_in_1',
-    },
-    {
-      source: '1603716822805',
-      target: '1603716854368',
-      outputPortId: '1603716822805_out_1',
-      inputPortId: '1603716854368_in_1',
-    },
-    {
-      source: '1603716834901',
-      target: '1603716858435',
-      outputPortId: '1603716834901_out_1',
-      inputPortId: '1603716858435_in_1',
-    },
-    {
-      source: '1603716844054',
-      target: '1603716858435',
-      outputPortId: '1603716844054_out_1',
-      inputPortId: '1603716858435_in_2',
-    },
-    {
-      source: '1603716854368',
-      target: '1603716868041',
-      outputPortId: '1603716854368_out_1',
-      inputPortId: '1603716868041_in_1',
-    },
-  ],
-}

examples/x6-app-dag/src/mock/status.ts

@@ -1,108 +0,0 @@
-import get from 'lodash/get'
-import set from 'lodash/set'
-import cloneDeep from 'lodash/cloneDeep'
-
-let state = {
-  idx: 0,
-  running: false,
-  statusRes: {
-    lang: 'zh_CN',
-    success: true,
-    data: {
-      instStatus: {
-        '10571193': 'success',
-        '10571194': 'success',
-        '10571195': 'success',
-        '10571196': 'success',
-        '10571197': 'success',
-      },
-      execInfo: {
-        '10571193': {
-          jobStatus: 'success',
-          defName: '读数据表',
-          name: 'germany_credit_data',
-          id: 10571193,
-        },
-        '10571194': {
-          jobStatus: 'success',
-          defName: '离散值特征分析',
-          name: '离散值特征分析',
-          id: 10571194,
-        },
-        '10571195': {
-          jobStatus: 'success',
-          defName: '分箱',
-          startTime: '2020-10-19 13:28:55',
-          endTime: '2020-10-19 13:30:20',
-          name: '分箱',
-          id: 10571195,
-        },
-        '10571196': {
-          jobStatus: 'success',
-          defName: '评分卡训练',
-          startTime: '2020-10-19 13:28:55',
-          endTime: '2020-10-19 13:32:02',
-          name: '评分卡训练-1',
-          id: 10571196,
-        },
-      },
-      status: 'default',
-    },
-    Lang: 'zh_CN',
-  } as any,
-}
-
-export const runGraph = async (nodes: any[]) => {
-  const newState = getStatus()
-  newState.data.instStatus = {}
-  newState.data.execInfo = {}
-  nodes.forEach((node) => {
-    newState.data.instStatus[node.id] = 'default'
-    newState.data.execInfo[node.id] = {
-      jobStatus: 'default',
-      defName: node.name,
-      startTime: '2020-10-19 13:28:55',
-      endTime: '2020-10-19 13:32:02',
-      name: node.name,
-      id: 10571196,
-    }
-  })
-  state.running = true
-  state.idx = 0
-  state.statusRes = newState
-  return { success: true }
-}
-
-export const stopGraphRun = () => {
-  state.running = false
-  state.idx = 0
-  return { success: true }
-}
-
-const getStatus = () => cloneDeep(state.statusRes)
-
-export const queryGraphStatus = async () => {
-  const newState = getStatus()
-  // console.log('Call Api QueryGraphStatus', state)
-  if (state.running) {
-    const { instStatus, execInfo } = newState.data
-    const idList = Object.keys(instStatus)
-    if (state.idx === idList.length) {
-      state.idx = 0
-      state.running = false
-      idList.forEach((id) => {
-        set(instStatus, id, 'success')
-        set(execInfo, `${id}.jobStatus`, 'success')
-        set(newState, 'data.status', 'success')
-      })
-      return newState
-    }
-    const key = get(idList, state.idx)
-    set(instStatus, key, 'running')
-    set(execInfo, `${key}.jobStatus`, 'running')
-    set(newState, 'data.status', 'running')
-    state.idx += 1
-    return newState
-  }
-  return newState
-}

examples/x6-app-dag/src/models/guide-algo-component.ts

@@ -1,123 +0,0 @@
-/* eslint-disable no-param-reassign */
-import { useCallback, useState } from 'react'
-import { algoData, searchByKeyword } from '../mock/algo'
-
-export namespace Res {
-  export interface Data {
-    defs: NodeDef[]
-    cats: Cat[]
-  }
-
-  export interface NodeDef {
-    up: number
-    down: number
-    defSource: number
-    catName: string
-    isDeprecated: boolean
-    isSubscribed: boolean
-    isEnabled: boolean
-    iconType: number
-    docUrl: string
-    sequence: number
-    author?: string
-    ioType: number
-    lastModifyTime: string
-    createdTime: string
-    catId: number
-    isComposite: boolean
-    codeName: string
-    engineType?: number
-    description?: string
-    name: string
-    id: number
-    type: number
-    owner: string
-    algoSourceType?: number
-  }
-
-  export interface Cat {
-    defSource: number
-    isEnabled: boolean
-    iconType: number
-    codeName: string
-    description: string
-    sequence: number
-    name: string
-    id: number
-    category?: string
-  }
-}
-
-function dfs(
-  path = '',
-  nodes: any[],
-  isTarget: (node: any) => boolean,
-  result: string[] = [],
-) {
-  nodes.forEach((node, idx) => {
-    if (node.children) {
-      const currentIdx = path ? `${path}.${idx}.children` : `${idx}.children`
-      dfs(currentIdx, node.children, isTarget, result)
-    }
-
-    if (isTarget(node)) {
-      const currentIdx = path ? `${path}.${idx}` : idx
-      result.push(currentIdx.toString())
-    }
-  })
-}
-
-export default () => {
-  const [keyword, setKeyword] = useState<string>('') // 搜索关键字
-  const [loading, setLoading] = useState<boolean>(false) // 加载状态
-  const [componentTreeNodes, setComponentTreeNodes] = useState<any[]>([])
-  const [searchList, setSearchList] = useState<any[]>([]) // 搜索结果列表
-
-  // 加载组件
-  const loadComponentNodes = useCallback(() => {
-    setLoading(true)
-    const load = async () => {
-      try {
-        if (algoData) {
-          setComponentTreeNodes(algoData)
-        }
-      } finally {
-        setLoading(false)
-      }
-    }
-
-    return load()
-  }, [])
-
-  // 搜索组件
-  const search = useCallback((params: { keyword: string }) => {
-    setKeyword(params.keyword ? params.keyword : '')
-    if (!params.keyword) {
-      return
-    }
-    setLoading(true)
-
-    const load = async () => {
-      try {
-        const nodes = ([] = await searchByKeyword(params.keyword))
-        setSearchList(nodes)
-      } finally {
-        setLoading(false)
-      }
-    }
-    load()
-  }, [])
-
-  return {
-    // 状态
-    keyword,
-    loading,
-    componentTreeNodes,
-    searchList,
-
-    // 方法
-    setKeyword,
-    loadComponentNodes,
-    search,
-  }
-}

examples/x6-app-dag/src/pages/common/canvas-handler/index.less

@@ -1,36 +0,0 @@
-@import (reference) '~antd/es/style/themes/default.less';
-
-.handler {
-  position: absolute;
-  top: 61px;
-  right: 14px;
-  z-index: 99;
-  width: 32px;
-  margin: 0;
-  padding: 3px 0;
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 16px;
-  list-style-type: none;
-  background-color: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.04);
-  border-radius: 3px;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.01);
-
-  .item {
-    text-align: center;
-    cursor: pointer;
-
-    &:hover {
-      color: #000;
-      background-color: #e0e0e0;
-    }
-  }
-}
-
-.popover {
-  :global {
-    .@{ant-prefix}-popover-inner-content {
-      padding: 3px 8px;
-    }
-  }
-}

examples/x6-app-dag/src/pages/common/canvas-handler/index.tsx

@@ -1,63 +0,0 @@
-import React from 'react'
-import { Popover } from 'antd'
-import {
-  CompressOutlined,
-  OneToOneOutlined,
-  ZoomInOutlined,
-  ZoomOutOutlined,
-} from '@ant-design/icons'
-import classNames from 'classnames'
-import styles from './index.less'
-
-interface Props {
-  className?: string
-  onZoomIn: () => void
-  onZoomOut: () => void
-  onFitContent: () => void
-  onRealContent: () => void
-}
-
-export const CanvasHandler: React.FC<Props> = (props) => {
-  const { className, onZoomIn, onZoomOut, onFitContent, onRealContent } = props
-
-  return (
-    <ul className={classNames(styles.handler, className)}>
-      <Popover
-        overlayClassName={styles.popover}
-        content="放大"
-        placement="left"
-      >
-        <li onClick={onZoomIn} className={styles.item}>
-          <ZoomInOutlined />
-        </li>
-      </Popover>
-      <Popover
-        overlayClassName={styles.popover}
-        content="缩小"
-        placement="left"
-      >
-        <li onClick={onZoomOut} className={styles.item}>
-          <ZoomOutOutlined />
-        </li>
-      </Popover>
-      <Popover
-        overlayClassName={styles.popover}
-        content="实际尺寸"
-        placement="left"
-      >
-        <li onClick={onRealContent} className={styles.item}>
-          <OneToOneOutlined />
-        </li>
-      </Popover>
-      <Popover
-        overlayClassName={styles.popover}
-        content="适应画布"
-        placement="left"
-      >
-        <li onClick={onFitContent} className={styles.item}>
-          <CompressOutlined />
-        </li>
-      </Popover>
-    </ul>
-  )
-}