feat: init vite

[@antv/x6@2.1.0](https://www.npmjs.com/package/@antv/x6/v/2.1.0)
[@antv/x6@2.1.0](https://github.com/antvis/X6/releases/tag/%40antv/x6%402.1.0)

.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/public
+query-filters:
+  - exclude:
+      id: js/use-before-declaration
+  - exclude:
+      id: js/polynomial-redos

.github/workflows/release.yml

@@ -57,8 +57,9 @@ jobs:
           private_key: ${{ secrets.PRIVATE_KEY }}
 
       - name: 📦　Semantic Release
-        run: pnpm srm --debug --comment-footer 'Thanks for being a part of the [AntV](https://github.com/antvis) community! 💪💯'
+        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 }}
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
           GITHUB_TOKEN: ${{ env.BOT_TOKEN }}

.gitignore

@@ -15,3 +15,5 @@ dist
 tmp
 test/coverage
 packages/**/src/style/raw.ts
+.eslintcache
+.stylelintcache

.lgtm.yml

@@ -1,12 +0,0 @@
-# @see https://help.semmle.com/lgtm-enterprise/user/help/lgtm.yml-configuration-file.html
-# @template https://lgtm.com/static/downloads/lgtm.template.yml
-
-queries:
-  - exclude: js/use-before-declaration
-  - exclude: js/polynomial-redos
-
-extraction:
-  javascript:
-    index:
-      filters:
-        - exclude: "sites/x6-sites/static"

.prettierignore

@@ -12,5 +12,5 @@ es/
 lib/
 dist/
 coverage/
-sites/x6-sites/static/demos
+sites/public
 csstype.ts

.releaserc

@@ -11,22 +11,17 @@
     [
       "@semantic-release/commit-analyzer",
       {
-        "preset": "angular",
-        "parserOpts": {
-          "noteKeywords": ["BREAKING CHANGE", "BREAKING CHANGES"]
-        },
         "releaseRules": [
-          { "breaking": true, "release": "major" },
           { "revert": true, "release": "patch" },
           { "type": "feat", "release": "minor" },
-          { "type": "ci", "release": "patch" },
           { "type": "build", "release": "patch" },
-          { "type": "chore", "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 }
         ]
       }

.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
   }
 }

CONTRIBUTORS

@@ -27,6 +27,7 @@ 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>
@@ -58,6 +59,7 @@ 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>

README.en-us.md

@@ -17,7 +17,7 @@
 <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://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
@@ -84,8 +84,8 @@ graph.addEdge({
 
 ## Links
 
-- [Documents](https://x6.antv.vision/zh/docs/tutorial/about)
-- [Samples](https://x6.antv.vision/zh/examples/gallery)
+- [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)

README.md

@@ -6,8 +6,8 @@
 <p align="center"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</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://github.com/antvis/X6/actions/workflows/ci.yml"><img alt="build" src="https://img.shields.io/github/actions/workflow/status/antvis/x6/ci.yml?branch=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>
@@ -17,7 +17,7 @@
 <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://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>
 
 ## 特性
@@ -29,12 +29,12 @@
 
 ## 兼容环境
 
-- 现代浏览器和 IE11（需要 polyfills）
+- 现代浏览器
 - 支持服务端渲染。
 
-| [<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                                                                                                                                                                                              |
+| [<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                                                                                                                                                                                              |
 
 ## 安装
 
@@ -84,12 +84,12 @@ graph.addEdge({
 
 ## 链接
 
-- [文档](https://x6.antv.vision/zh/docs/tutorial/about)
-- [示例](https://x6.antv.vision/zh/examples/gallery)
-- [博客](https://www.yuque.com/antv/x6/gcinvi)
+- [文档](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/be9pfx)
-- [CodeSanbox 模板](https://codesandbox.io/s/qosj0?file=/src/app.tsx)
+- [常见问题](https://www.yuque.com/antv/x6/tox1ukbz5cw57qfy)
+- [CodeSanbox 模板](https://codesandbox.io/s/mo-ban-wchooy?file=/src/App.tsx)
 
 ## 本地开发
 

examples/vite-example/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

examples/vite-example/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/antv.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>s</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>

examples/vite-example/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@antv/vite-project",
+  "private": true,
+  "version": "2.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "prebuild": "rimraf dist",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "lodash-es": "^4.17.15",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-helmet": "^6.0.0",
+    "react-router": "^6.5.0",
+    "react-router-dom": "^6.5.0"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.4",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
+    "@types/react-helmet": "^6.0.0",
+    "@vitejs/plugin-react-swc": "^3.0.0",
+    "less": "^4.1.1",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0"
+  }
+}

examples/vite-example/public/antv.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="28"><defs><linearGradient id="a" x1=".004%" x2="100.131%" y1="49.993%" y2="49.993%"><stop offset="0%" stop-color="#6500FF"/><stop offset="16%" stop-color="#6A09FF"/><stop offset="43%" stop-color="#7623FF"/><stop offset="77%" stop-color="#8A4CFF"/><stop offset="99%" stop-color="#996BFF"/></linearGradient><linearGradient id="b" x1="50.004%" x2="50.004%" y1="100.012%" y2="0%"><stop offset="0%" stop-color="#6500FF"/><stop offset="16%" stop-color="#6909FF"/><stop offset="43%" stop-color="#7523FF"/><stop offset="77%" stop-color="#894CFF"/><stop offset="99%" stop-color="#976BFF"/></linearGradient><linearGradient id="c" x1="49.854%" x2="49.854%" y1="100.255%" y2="0%"><stop offset="0%" stop-color="#FF6E06"/><stop offset="28%" stop-color="#FF770C"/><stop offset="75%" stop-color="#FF911C"/><stop offset="100%" stop-color="#FFA126"/></linearGradient><linearGradient id="d" x1="57351%" x2="57351%" y1="59860%" y2="35023%"><stop offset="0%" stop-color="#FF6E06"/><stop offset="28%" stop-color="#FF770C"/><stop offset="75%" stop-color="#FF911C"/><stop offset="100%" stop-color="#FFA126"/></linearGradient></defs><g fill="none" fill-rule="nonzero"><path fill="url(#a)" d="M1.955.004c-.029 0-.057 0-.088.002a1.41 1.41 0 0 0-.197.017A2.312 2.312 0 0 0 1.4.08a3.479 3.479 0 0 0-.179.061 3.768 3.768 0 0 0-.075.032l-.029.013-.057.028-.031.016L.98.257.95.275.91.298.883.317.825.355.79.381l-.03.022L.728.43.7.453C.68.468.662.483.645.5L.621.521.588.553l-.02.02A1.898 1.898 0 0 0 .46.691L.446.709.414.75A2.707 2.707 0 0 0 .348.84L.337.857.308.9l-.01.017L.29.931l3.784 2.214.801.855a.406.406 0 0 1-.019-.42.446.446 0 0 1 .37-.227H18.12c.045.003.09.005.137.005.961-.014 1.734-.758 1.737-1.674.002-.916-.765-1.664-1.726-1.683L1.955.004Z" transform="translate(.006)"/><path fill="url(#b)" d="m22.737 11.315-6.392 11.01a.438.438 0 0 1-.74.025l-4.063-6.995a1.724 1.724 0 0 0-.117-.23L4.667 3.459a2.32 2.32 0 0 1-.005-2.248A2.345 2.345 0 0 1 6.57.005L1.981.001A1.899 1.899 0 0 0 .908.294l-.1.068a2.405 2.405 0 0 0-.15.12A1.7 1.7 0 0 0 .462.69a1.797 1.797 0 0 0-.17.243 1.767 1.767 0 0 0-.028 1.9l.166.289 13.874 23.895a1.882 1.882 0 0 0 .793.776l.108.05a2.537 2.537 0 0 0 .18.069 2.14 2.14 0 0 0 .28.066 2.148 2.148 0 0 0 .19.02l.106.002c.04 0 .063 0 .086-.002a1.206 1.206 0 0 0 .19-.016 2.065 2.065 0 0 0 .27-.06 1.927 1.927 0 0 0 .168-.06l.089-.038.07-.036c.058-.03.073-.04.088-.048a2.596 2.596 0 0 0 .207-.142 1.851 1.851 0 0 0 .464-.537l.376-.64.081-.14 7.68-13.225a1.716 1.716 0 0 0 .047-1.75 1.74 1.74 0 0 0-3.039.01Z" transform="translate(.006)"/><path fill="url(#c)" d="M30.137 0h-6.459c-.935.018-1.684.847-1.684 1.863s.75 1.845 1.684 1.864c.046 0 .09-.003.134-.006h2.925c.214.032.374.23.374.465a.501.501 0 0 1-.025.157l-1.542 2.9c-.454.904-.147 2.036.685 2.53.832.492 1.874.159 2.328-.745l3.19-6c.029-.055.056-.111.08-.17l.003-.007c.015-.036.03-.072.043-.11l.002-.005.017-.052.008-.027c.008-.024.015-.048.021-.073l.012-.042.01-.04a2.826 2.826 0 0 0 .033-.191 2.31 2.31 0 0 0 .01-.077v-.011l.005-.09v-.022l.003-.091c0-1.115-.83-2.019-1.857-2.02Z" transform="translate(.006)"/><path fill="url(#d)" d="M19.881 7.41a.84.84 0 0 0-.725-.41h-6.325a.84.84 0 0 0-.725.41.804.804 0 0 0 0 .82l3.163 5.36a.84.84 0 0 0 .725.41.84.84 0 0 0 .725-.41l3.162-5.36a.804.804 0 0 0 0-.82Z" transform="translate(.006)"/></g></svg>

examples/vite-example/src/index.less

@@ -0,0 +1,72 @@
+:root {
+  color: rgb(255 255 255 / 87%);
+  font-weight: 400;
+  font-size: 16px;
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 24px;
+  background-color: #242424;
+
+  color-scheme: light dark;
+
+  font-synthesis: none;
+  text-rendering: optimizelegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-size-adjust: 100%;
+}
+
+a {
+  color: #646cff;
+  font-weight: 500;
+  text-decoration: inherit;
+}
+
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+}
+
+html,
+body,
+#root {
+  height: 100%;
+}
+
+button {
+  padding: 0.6em 1.2em;
+  font-weight: 500;
+  font-size: 1em;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+
+button:hover {
+  border-color: #646cff;
+}
+
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #fff;
+  }
+
+  a:hover {
+    color: #747bff;
+  }
+
+  button {
+    background-color: #f9f9f9;
+  }
+}

examples/vite-example/src/index.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { createBrowserRouter, RouterProvider } from 'react-router-dom'
+import { getRoutes } from './routes'
+import './index.less'
+
+const routes = getRoutes()
+const router = createBrowserRouter(routes)
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <RouterProvider router={router} />
+  </React.StrictMode>,
+)

examples/vite-example/src/pages/_layout.module.less

@@ -0,0 +1,43 @@
+.wrap {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+}
+
+.nav {
+  display: flex;
+  flex-direction: column;
+  width: 220px;
+  padding: 0 16px;
+  border-right: 1px solid #e9e9e9;
+
+  section {
+    flex: 1;
+    overflow-x: hidden;
+    overflow-y: auto;
+
+    > ul {
+      margin: 0;
+      padding: 0;
+    }
+
+    ul {
+      padding-left: 16px;
+
+      li {
+        line-height: 1.6;
+        list-style: none;
+      }
+    }
+  }
+}
+
+.content {
+  flex: 1;
+  box-sizing: border-box;
+  padding: 24px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #fff;
+}

examples/vite-example/src/pages/_layout.tsx

@@ -0,0 +1,57 @@
+import React from 'react'
+import { RouteObject } from 'react-router'
+import { Outlet, NavLink } from 'react-router-dom'
+import style from './_layout.module.less'
+
+function renderLink(route: RouteObject, parentPath: string) {
+  let children = route.children
+  let indexRoute: RouteObject | null = null
+  if (children) {
+    children = children.slice()
+    const idx = children.findIndex((r) => r.index)
+    if (idx >= 0) {
+      indexRoute = children[idx]
+      children.splice(idx, 1)
+    }
+  }
+
+  const routeName = route.path
+  const routePath = `${parentPath}/${routeName}`
+  const element = indexRoute ? indexRoute.element : route.element
+
+  return (
+    <React.Fragment key={routePath}>
+      <li>
+        {element ? (
+          <NavLink
+            to={routePath}
+            className={({ isActive }) => (isActive ? 'active' : undefined)}
+          >
+            {routeName}
+          </NavLink>
+        ) : (
+          routeName
+        )}
+      </li>
+      {children && <li>{renderLinks(children, routePath)}</li>}
+    </React.Fragment>
+  )
+}
+
+function renderLinks(routes: RouteObject[], parentPath = '') {
+  return <ul>{routes.map((route) => renderLink(route, parentPath))}</ul>
+}
+
+export default function Layout(props: { routes: RouteObject[] }) {
+  return (
+    <div className={style.wrap}>
+      <div className={style.nav}>
+        <h2>Examples</h2>
+        <section>{renderLinks(props.routes)}</section>
+      </div>
+      <div className={style.content}>
+        <Outlet />
+      </div>
+    </div>
+  )
+}

examples/vite-example/src/pages/animation/transition.tsx

@@ -0,0 +1,5 @@
+import React from 'react'
+
+export default function transition() {
+  return <div>transition</div>
+}

examples/vite-example/src/pages/auto-resize/index.tsx

@@ -0,0 +1,5 @@
+import React from 'react'
+
+export default function transition() {
+  return <div>auto-size</div>
+}

examples/vite-example/src/routes.tsx

@@ -0,0 +1,87 @@
+import React from 'react'
+import { set } from 'lodash-es'
+import { RouteObject } from 'react-router'
+import { Helmet } from 'react-helmet'
+
+function parseRouteConfig() {
+  const modules = import.meta.glob(`/src/pages/**/*.tsx`)
+  const config: Record<string, any> = {}
+  Object.keys(modules).forEach((filePath) => {
+    const routeParts = filePath
+      .replace(/^\/src\/pages\//, '') // 去除 /src/pages
+      .replace(/.tsx$/, '') // 去除文件名后缀
+      .replace(/\[([\w-]+)]/, ':$1') // 转换动态路由 [foo].tsx => :foo
+      .split('/')
+
+    set(config, routeParts, modules[filePath])
+  })
+  return config
+}
+
+function wrapSuspense(
+  mod: () => Promise<{
+    default: React.ComponentType<{ routes?: RouteObject[] }>
+  }>,
+  routes?: RouteObject[],
+  title?: string,
+) {
+  if (!mod) {
+    return undefined
+  }
+
+  const Component = React.lazy(mod)
+  // 结合 Suspense ，这里可以自定义 loading 组件
+  return (
+    <React.Suspense fallback={null}>
+      {title && (
+        <Helmet>
+          <title>{title}</title>
+        </Helmet>
+      )}
+      {title ? <Component /> : <Component routes={routes} />}
+    </React.Suspense>
+  )
+}
+
+function wrapLayout(
+  routePath: string,
+  routeConfig: Record<string, any>,
+): RouteObject {
+  const { _layout, ...rest } = routeConfig
+  const routes = routeConfigToRoute(rest, routePath)
+  return {
+    path: routePath,
+    element: wrapSuspense(_layout, routes),
+    children: routes,
+  }
+}
+
+function routeConfigToRoute(
+  config: Record<string, any>,
+  parentPath: string,
+): RouteObject[] {
+  return Object.entries(config).map(([routePath, child]) => {
+    // () => import() 语法判断
+    if (typeof child === 'function') {
+      // 等于 index 则映射为当前根路由
+      const isIndex = routePath === 'index'
+      return {
+        index: isIndex,
+        path: isIndex ? undefined : routePath,
+        // 转换为组件
+        element: wrapSuspense(
+          child,
+          undefined,
+          isIndex ? parentPath : `${parentPath}/${routePath}`,
+        ),
+      }
+    }
+    // 否则为目录，则查找下一层级
+    return wrapLayout(routePath, child)
+  })
+}
+
+export function getRoutes(): RouteObject[] {
+  const routeConfig = parseRouteConfig()
+  return [wrapLayout('/', routeConfig)]
+}

examples/vite-example/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

examples/vite-example/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

examples/vite-example/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

examples/vite-example/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react-swc'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+})

examples/x6-example-features/CHANGELOG.md

@@ -1,3 +1,10 @@
+## @antv/x6-example-features [2.0.1](https://github.com/antvis/X6/compare/@antv/x6-example-features@2.0.0...@antv/x6-example-features@2.0.1) (2022-12-16)
+
+
+### Bug Fixes
+
+* make resizing options take effect ([#3014](https://github.com/antvis/X6/issues/3014)) ([604c024](https://github.com/antvis/X6/commit/604c0244cd71ec8e911754dfe524f12c04e4e9ad))
+
 # @antv/x6-example-features [2.0.0](https://github.com/antvis/X6/compare/@antv/x6-example-features@1.1.2...@antv/x6-example-features@2.0.0) (2022-11-24)
 
 

examples/x6-example-features/package.json

@@ -1,17 +1,18 @@
 {
   "private": true,
   "name": "@antv/x6-example-features",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "scripts": {
     "start": "umi dev",
     "build": "umi build",
-    "lint": "eslint 'src/**/*.{js,ts}?(x)' --fix",
-    "precommit": "lint-staged"
+    "lint": "eslint 'src/**/*.{js,ts}?(x)' --fix"
   },
   "dependencies": {
+    "@antv/hierarchy": "^0.6.8",
     "@antv/x6": "^2.x",
     "@antv/x6-plugin-clipboard": "^2.x",
     "@antv/x6-plugin-dnd": "^2.x",
+    "@antv/x6-plugin-export": "^2.x",
     "@antv/x6-plugin-history": "^2.x",
     "@antv/x6-plugin-keyboard": "^2.x",
     "@antv/x6-plugin-minimap": "^2.x",
@@ -20,42 +21,34 @@
     "@antv/x6-plugin-snapline": "^2.x",
     "@antv/x6-plugin-stencil": "^2.x",
     "@antv/x6-plugin-transform": "^2.x",
-    "@antv/x6-plugin-export": "^2.x",
     "@antv/x6-react-components": "^2.x",
     "@antv/x6-react-shape": "^2.x",
     "antd": "^4.4.2",
     "classnames": "^2.2.6",
     "dagre": "^0.8.5",
-    "elkjs": "^0.7.1",
+    "elkjs": "^0.8.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-helmet": "^6.0.0",
-    "@antv/hierarchy": "^0.6.8"
+    "react-helmet": "^6.0.0"
   },
   "devDependencies": {
     "@ant-design/icons": "^4.2.2",
-    "@types/jest": "^25.2.1",
+    "@types/jest": "^29.2.4",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/react-helmet": "^6.0.0",
-    "@types/react-test-renderer": "^16.0.3",
-    "eslint": "^7.16.0",
+    "@types/react-test-renderer": "^18.0.0",
+    "babel-plugin-import": "^1.13.5",
+    "eslint": "^8.29.0",
     "eslint-config-umi": "^1.4.0",
-    "eslint-plugin-flowtype": "^4.7.0",
+    "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-react": "^7.11.1",
-    "lint-staged": "^10.5.3",
     "react-test-renderer": "^16.7.0",
     "umi": "^2.9.0",
     "umi-plugin-react": "^1.8.0",
-    "umi-types": "^0.3.0",
-    "babel-plugin-import": "^1.13.5"
-  },
-  "lint-staged": {
-    "src/**/*.ts": [
-      "eslint --fix"
-    ]
+    "umi-types": "^0.3.0"
   },
   "engines": {
     "node": ">=8.0.0"

examples/x6-example-features/src/layouts/index.less

@@ -7,17 +7,17 @@
 
 .nav {
   position: absolute;
-  z-index: 101;
   top: 0;
   bottom: 0;
   left: 0;
-  font-size: 13px;
-  overflow-x: hidden;
-  overflow-y: auto;
+  z-index: 101;
+  box-sizing: border-box;
   width: 220px;
   padding: 0 16px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  font-size: 13px;
   border-right: 1px solid #e9e9e9;
-  box-sizing: border-box;
 
   ul {
     padding-left: 16px;
@@ -29,11 +29,11 @@
 }
 
 .content {
+  flex-grow: 1;
   box-sizing: border-box;
+  margin-left: 220px;
+  padding: 34px;
   overflow-x: hidden;
   overflow-y: auto;
-  flex-grow: 1;
-  margin-left: 220px;
-  background: #ffffff;
-  padding: 34px;
+  background: #fff;
 }

examples/x6-example-features/src/pages/case/index.less

@@ -8,13 +8,15 @@
     border: 1px solid #c2c8d5;
     border-left: 4px solid #1890ff;
     border-radius: 4px;
-    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 5px 1px rgb(0 0 0 / 6%);
+
     img {
+      flex-shrink: 0;
       width: 20px;
       height: 20px;
-      flex-shrink: 0;
       margin-left: 8px;
     }
+
     .label {
       display: inline-block;
       flex-shrink: 0;
@@ -23,15 +25,19 @@
       color: #666;
       font-size: 12px;
     }
+
     .status {
       flex-shrink: 0;
     }
+
     &.success {
       border-left: 4px solid #52c41a;
     }
+
     &.failed {
       border-left: 4px solid #ff4d4f;
     }
+
     &.running .status img {
       animation: spin 1s linear infinite;
     }
@@ -43,11 +49,13 @@
       border-radius: 2px;
       box-shadow: 0 0 0 4px #d4e8fe;
     }
+
     .node.success {
       border-color: #52c41a;
       border-radius: 2px;
       box-shadow: 0 0 0 4px #ccecc0;
     }
+
     .node.failed {
       border-color: #ff4d4f;
       border-radius: 2px;
@@ -80,6 +88,7 @@
   from {
     transform: rotate(0deg);
   }
+
   to {
     transform: rotate(360deg);
   }

examples/x6-example-features/src/pages/case/mind.less

@@ -4,6 +4,7 @@
       visibility: hidden;
       cursor: pointer;
     }
+
     &:hover image {
       visibility: visible;
     }

examples/x6-example-features/src/pages/dnd/index.less

@@ -2,24 +2,25 @@
   position: relative;
 }
 
-.validating:after {
+.validating::after {
   position: absolute;
   top: 4px;
   left: 4px;
-  content: ' ';
   display: block;
   width: 50px;
   height: 50px;
-  border-radius: 50%;
   border: 6px solid #873bf4;
-  border-color: #873bf4 transparent #873bf4 transparent;
+  border-color: #873bf4 transparent;
+  border-radius: 50%;
   animation: lds-dual-ring 1.2s linear infinite;
+  content: ' ';
 }
 
 @keyframes lds-dual-ring {
   0% {
     transform: rotate(0deg);
   }
+
   100% {
     transform: rotate(360deg);
   }

examples/x6-example-features/src/pages/graph/index.less

@@ -2,14 +2,14 @@
   .x6-example-wrap {
     width: 100%;
     height: 100%;
-    background-color: #ffffff;
+    background-color: #fff;
 
     .left-side {
       position: fixed;
-      width: 336px;
-      left: 24px;
-      top: 0px;
+      top: 0;
       bottom: 0;
+      left: 24px;
+      width: 336px;
       padding: 0 8px;
       overflow-x: visible;
       overflow-y: auto;
@@ -17,18 +17,18 @@
 
     .right-side {
       position: fixed;
+      top: 0;
       right: 24px;
+      bottom: 0;
       width: 336px;
       padding: 0 8px;
-      top: 0px;
-      bottom: 0;
       overflow-x: visible;
       overflow-y: auto;
     }
 
     .ant-card {
-      box-shadow: 0 0 10px 1px #e9e9e9;
       margin-top: 24px;
+      box-shadow: 0 0 10px 1px #e9e9e9;
     }
 
     .ant-row-flex {
@@ -36,14 +36,14 @@
     }
 
     .slider-value {
-      background: #eee;
-      color: #333333;
-      padding: 3px 7px;
-      border-radius: 10px;
       display: inline-block;
-      font-size: 12px;
       margin-left: 8px;
+      padding: 3px 7px;
+      color: #333;
+      font-size: 12px;
       line-height: 1.25;
+      background: #eee;
+      border-radius: 10px;
     }
 
     .x6-graph {
@@ -52,15 +52,15 @@
 
     .x6-node {
       path {
-        fill: #6a6c8a;
-        stroke-width: 0px;
         transition: fill 0.1s;
+        fill: #6a6c8a;
+        stroke-width: 0;
       }
 
       text {
-        fill: #fff;
-        font-size: 12px;
         font-weight: lighter;
+        font-size: 12px;
+        fill: #fff;
       }
 
       &:hover path {
@@ -80,37 +80,37 @@
     }
 
     .bbox {
+      transition-duration: 0.5s;
+      transition-property: stroke-opacity;
+      pointer-events: none;
+      fill: none;
       stroke: #16a085;
       stroke-width: 2;
       stroke-opacity: 0;
-      fill: none;
-      transition-property: stroke-opacity;
-      transition-duration: 0.5s;
-      pointer-events: none;
     }
 
     .axis {
+      pointer-events: none;
       stroke: #95a5a6;
       stroke-dasharray: 2, 4;
       stroke-width: 1;
-      pointer-events: none;
     }
 
     .padding {
+      transition-duration: 1s;
+      transition-property: stroke-opacity;
+      pointer-events: none;
       stroke: #1abc9c;
       stroke-opacity: 0;
-      transition-property: stroke-opacity;
-      transition-duration: 1s;
-      pointer-events: none;
     }
 
     .grid {
+      transition-duration: 1s;
+      transition-property: stroke-opacity;
+      pointer-events: none;
       stroke: #16a085;
       stroke-width: 0.5;
       stroke-opacity: 0;
-      transition-property: stroke-opacity;
-      transition-duration: 1s;
-      pointer-events: none;
     }
 
     .active {

examples/x6-example-features/src/pages/html/index.less

@@ -1,9 +1,9 @@
 .custom-html {
-  width: 100%;
-  height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 100%;
+  height: 100%;
   color: #000;
   font-size: 16px;
   border: 1px solid #000;

examples/x6-example-features/src/pages/index.less

@@ -1,27 +1,27 @@
 .x6-graph-wrap {
   width: 100%;
   height: 100%;
-  background-color: #ffffff;
-  overflow: auto;
   padding: 32px 0;
+  overflow: auto;
+  background-color: #fff;
 
   > h1 {
     display: block;
     width: 800px;
-    margin: 0 auto 32px auto;
+    margin: 0 auto 32px;
   }
 }
 
 .x6-graph-tools {
   width: 800px;
-  margin: 0 auto 32px auto;
+  margin: 0 auto 32px;
 }
 
 .x6-graph {
   width: 100%;
   height: 100%;
-  box-shadow: 0 0 10px 1px #e9e9e9;
   margin: 0 auto;
+  box-shadow: 0 0 10px 1px #e9e9e9;
 }
 
 .x6-node-selected {

examples/x6-example-features/src/pages/react/index.less

@@ -1,10 +1,10 @@
 .react-algo-node {
+  display: flex;
+  align-items: center;
   width: 100%;
   height: 100%;
   border: 1px solid #5f95ff;
   border-radius: 14px;
-  display: flex;
-  align-items: center;
 
   img {
     width: 24px;
@@ -13,8 +13,8 @@
 
   span {
     margin-left: 4px;
-    font-size: 12px;
     color: #000000a6;
+    font-size: 12px;
   }
 
   &.dark {

examples/x6-example-features/src/pages/react/port.less

@@ -2,20 +2,20 @@
   .my-port {
     width: 100%;
     height: 100%;
+    background: #eee;
     border: 1px solid #808080;
     border-radius: 100%;
-    background: #eee;
 
     &.connected {
       width: 0;
       height: 0;
       margin-top: 5px;
       margin-left: 1px;
-      border-width: 5px 4px 0;
-      border-style: solid;
-      border-color: #808080 transparent transparent;
-      border-radius: 0;
       background-color: transparent;
+      border-color: #808080 transparent transparent;
+      border-style: solid;
+      border-width: 5px 4px 0;
+      border-radius: 0;
     }
   }
 
@@ -30,30 +30,30 @@
     }
 
     body > div::before {
-      content: ' ';
       float: left;
+      box-sizing: border-box;
       width: 20px;
       height: 20px;
       margin-top: -5px;
       margin-left: -5px;
+      background-color: rgb(57 202 116 / 60%);
       border-radius: 50%;
-      background-color: rgba(57, 202, 116, 0.6);
-      box-sizing: border-box;
+      content: ' ';
     }
 
     body > div::after {
-      content: ' ';
+      position: relative;
+      z-index: 10;
       float: left;
       clear: both;
+      box-sizing: border-box;
       width: 10px;
       height: 10px;
       margin-top: -15px;
-      border-radius: 50%;
       background-color: #fff;
       border: 1px solid #39ca74;
-      position: relative;
-      z-index: 10;
-      box-sizing: border-box;
+      border-radius: 50%;
+      content: ' ';
     }
   }
 
@@ -65,30 +65,30 @@
     }
 
     body > div::before {
-      content: ' ';
       float: left;
+      box-sizing: border-box;
       width: 28px;
       height: 28px;
       margin-top: -9px;
       margin-left: -9px;
+      background-color: rgb(57 202 116 / 60%);
       border-radius: 50%;
-      background-color: rgba(57, 202, 116, 0.6);
-      box-sizing: border-box;
+      content: ' ';
     }
 
     body > div::after {
-      content: ' ';
+      position: relative;
+      z-index: 10;
       float: left;
       clear: both;
+      box-sizing: border-box;
       width: 10px;
       height: 10px;
       margin-top: -19px;
-      border-radius: 50%;
       background-color: #fff;
       border: 1px solid #39ca74;
-      position: relative;
-      z-index: 10;
-      box-sizing: border-box;
+      border-radius: 50%;
+      content: ' ';
     }
   }
 }

examples/x6-example-features/src/pages/scroller/index.less

@@ -1,4 +1,4 @@
 .x6-graph-scroller {
-  box-shadow: 0 0 10px 1px #e9e9e9;
   margin: 0 auto;
+  box-shadow: 0 0 10px 1px #e9e9e9;
 }

examples/x6-example-features/src/pages/selection/index.tsx

@@ -25,7 +25,6 @@ export default class Example extends React.Component {
       strict: true,
       showNodeSelectionBox: true,
       selectCellOnMoved: false,
-      useCellGeometry: true,
       filter(cell) {
         return cell !== a
       },

examples/x6-example-features/src/pages/table/component.less

@@ -1,20 +1,20 @@
 .react-table {
   width: 100%;
   height: 100%;
-  border: 1px solid #edf2f5;
-  background-color: #fff;
-  border-radius: 5px;
   overflow: hidden;
+  background-color: #fff;
+  border: 1px solid #edf2f5;
+  border-radius: 5px;
 
   .inner {
+    display: flex;
+    flex-direction: column;
     width: 100%;
     height: 100%;
     padding: 12px;
-    border: 1px solid #fff;
     background: #edf2f5;
+    border: 1px solid #fff;
     border-radius: 5px;
-    display: flex;
-    flex-direction: column;
   }
 
   .header {
@@ -36,21 +36,21 @@
   }
 
   ul {
-    padding: 0;
     margin: 0;
+    padding: 0;
   }
 
   li {
-    list-style: none;
     height: 40px;
-    line-height: 40px;
     padding-left: 16px;
+    line-height: 40px;
+    list-style: none;
     border: 1px solid transparent;
 
     &:hover {
-      border: 1px solid #1890ff;
       // background: rgba(230,247,255,.92);
       z-index: 0;
+      border: 1px solid #1890ff;
     }
   }
 }
@@ -58,8 +58,8 @@
 .react-table-port {
   width: 100%;
   height: 100%;
+  overflow: hidden;
+  background: #eee;
   border: 1px solid #808080;
   border-radius: 100%;
-  background: #eee;
-  overflow: hidden;
 }

examples/x6-example-features/src/pages/v2/index.less

@@ -1,41 +1,44 @@
 .tools {
   width: 800px;
   margin: 32px auto;
+
   .ant-input {
     margin-bottom: 16px;
   }
 }
 
 .react-node {
+  display: flex;
+  align-items: center;
   width: 100%;
   height: 100%;
   border: 1px solid #5f95ff;
   border-radius: 14px;
-  display: flex;
-  align-items: center;
+
   img {
     width: 24px;
     height: 24px;
   }
+
   span {
     margin-left: 4px;
-    font-size: 12px;
     color: #000000a6;
+    font-size: 12px;
   }
 }
 
 .stutterer {
-  transform: scale(1.5);
-  height: 310px;
-  width: 310px;
   position: absolute;
-  left: 0;
-  right: 0;
   top: 0;
+  right: 0;
   bottom: 0;
+  left: 0;
+  width: 310px;
+  height: 310px;
   margin: auto;
-  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);
   border-radius: 200px;
+  box-shadow: 0 0 10px 10px rgb(0 0 0 / 20%);
+  transform: scale(1.5);
 }
 
 .clockHand {
@@ -50,12 +53,12 @@
 }
 
 .innerLine {
-  border-radius: 6px;
   position: absolute;
-  height: 149px;
-  left: 47.5%;
   top: 0%;
+  left: 47.5%;
   width: 5%;
+  height: 149px;
   background-color: red;
+  border-radius: 6px;
   transform-origin: bottom center;
 }

karma.conf.js

@@ -96,7 +96,7 @@ module.exports = function (config, base, karmaTypescriptConfig) {
         },
         coverageOptions: {
           instrumentation: !isDebug,
-          exclude: /\.test|spec\.ts$/,
+          exclude: /\.(test|spec)\.ts$/,
         },
         reports: {
           html: reportsDir,

package.json

@@ -3,8 +3,8 @@
   "private": true,
   "scripts": {
     "preinstall": "node ./scripts/preinstall",
-    "lint:ts": "eslint '**/src/**/*.{js,ts}?(x)' --fix",
-    "lint:style": "stylelint '**/src/**/*.less' --syntax less --fix",
+    "lint:ts": "eslint '**/src/**/*.{js,ts}?(x)' --cache --fix",
+    "lint:style": "stylelint '**/src/**/*.less' --customSyntax postcss-less --cache --fix",
     "lint": "run-s lint:ts lint:style",
     "prettier": "prettier --write '**/*.{js,mjs,jsx,tsx,ts,less,md,json}'",
     "pretty-quick": "pretty-quick",
@@ -15,7 +15,6 @@
     "build:dev": "turbo run build:dev --filter=./packages/*",
     "build:umd": "turbo run build:umd --filter=./packages/*",
     "build:demos": "sh ./scripts/build-demos",
-    "build:sites": "sh ./scripts/build-sites",
     "clean:turbo": "pnpm -r --if-present --parallel --filter=./packages/* run clean:turbo",
     "clean:build": "pnpm -r --if-present --parallel --filter=./packages/* run clean",
     "clean:modules": "pnpm -r --parallel exec rimraf node_modules && rimraf node_modules",
@@ -37,8 +36,8 @@
     "build:umd": "pnpm run --if-present build:less && rollup -c ../../rollup.config.js --bundleConfigAsCjs",
     "build:dev": "pnpm run --if-present build:less && run-p -s build:cjs build:esm",
     "build:watch": "run-s -s build:watch:esm",
-    "build:watch:esm": "run-s -s 'build:esm -w'",
-    "build:watch:cjs": "run-s -s 'build:cjs -w'",
+    "build:watch:esm": "run-s -s 'build:esm -- -w'",
+    "build:watch:cjs": "run-s -s 'build:cjs -- -w'",
     "build": "run-p -s build:dev build:umd",
     "prebuild": "run-s -s clean:build",
     "test": {
@@ -52,7 +51,7 @@
       "prettier --write --ignore-unknown"
     ],
     "*.less": [
-      "stylelint --syntax less --fix"
+      "stylelint --custom-syntax postcss-less --fix"
     ],
     "*.js": [
       "prettier --write"
@@ -89,40 +88,40 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.20.2",
+    "@babel/core": "^7.20.5",
     "@babel/plugin-syntax-flow": "^7.18.6",
     "@babel/plugin-transform-react-jsx": "^7.19.0",
-    "@commitlint/config-conventional": "^17.2.0",
-    "@rollup/plugin-commonjs": "^23.0.2",
+    "@commitlint/config-conventional": "^17.3.0",
+    "@rollup/plugin-commonjs": "^23.0.5",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.1",
-    "@rollup/plugin-typescript": "^8.2.5",
-    "@semantic-release-monorepo/cli": "^2.0.0",
-    "@semantic-release/changelog": "^6.0.1",
+    "@rollup/plugin-typescript": "^10.0.1",
+    "@semantic-release-monorepo/cli": "^2.1.2",
+    "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
     "@types/jasmine": "^4.3.0",
-    "@types/jest": "^29.2.2",
-    "@types/node": "^18.11.9",
+    "@types/jest": "^29.2.4",
+    "@types/node": "^18.11.15",
     "@types/sinon": "^10.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.42.0",
-    "@typescript-eslint/parser": "^5.42.0",
+    "@typescript-eslint/eslint-plugin": "^5.46.1",
+    "@typescript-eslint/parser": "^5.46.1",
     "boxen": "^7.0.0",
     "colors": "^1.4.0",
     "coveralls": "^3.1.1",
-    "eslint": "^8.26.0",
+    "eslint": "^8.29.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-jest": "^27.1.4",
+    "eslint-plugin-jest": "^27.1.7",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.25.1",
+    "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-unicorn": "^44.0.2",
-    "fs-extra": "^10.0.0",
+    "eslint-plugin-unicorn": "^45.0.2",
+    "fs-extra": "^11.1.0",
     "husky": "^8.0.1",
     "is-ci": "^3.0.0",
     "jasmine-core": "^4.5.0",
@@ -131,27 +130,26 @@
     "karma-chrome-launcher": "^3.1.0",
     "karma-cli": "^2.0.0",
     "karma-jasmine": "^5.1.0",
-    "karma-spec-reporter": "^0.0.34",
+    "karma-spec-reporter": "^0.0.36",
     "karma-typescript": "5.5.3",
     "karma-typescript-es6-transform": "5.5.3",
     "less": "^4.1.1",
     "lodash": "^4.17.21",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.3.6",
-    "prettier": "^2.4.0",
+    "postcss": "^8.4.20",
+    "prettier": "^2.8.0",
     "pretty-quick": "^3.1.1",
     "rimraf": "^3.0.2",
-    "rollup": "^3.2.5",
+    "rollup": "^3.7.4",
     "rollup-plugin-auto-external": "^2.0.0",
     "rollup-plugin-filesize": "^9.1.1",
     "rollup-plugin-postcss": "^4.0.1",
     "rollup-plugin-progress": "^1.1.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "run-shared-scripts": "^1.0.2",
+    "run-shared-scripts": "^1.1.5",
     "semantic-release": "^19.0.5",
-    "sinon": "^14.0.1",
-    "stylelint": "^14.14.1",
-    "stylelint-config-prettier": "^9.0.3",
+    "sinon": "^15.0.1",
+    "stylelint": "^14.15.0",
+    "stylelint-config-prettier": "^9.0.4",
     "stylelint-config-rational-order": "^0.1.2",
     "stylelint-config-standard": "^29.0.0",
     "stylelint-declaration-block-no-ignored-properties": "^2.4.0",
@@ -160,6 +158,10 @@
     "ts-node": "^10.2.1",
     "tslib": "^2.4.1",
     "turbo": "^1.6.3",
-    "typescript": "^4.4.3"
+    "typescript": "^4.9.3"
+  },
+  "devDependencies": {
+    "@rollup/plugin-terser": "^0.2.0",
+    "postcss-less": "^6.0.0"
   }
 }

packages/x6-common/CHANGELOG.md

@@ -1 +1,8 @@
+## @antv/x6-common [2.0.1](https://github.com/antvis/x6/compare/@antv/x6-common@2.0.0...@antv/x6-common@2.0.1) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
 ## @antv/x6-common [2.0.1](https://github.com/antvis/x6/compare/@antv/x6-common@2.0.0...@antv/x6-common@2.0.1) (2022-11-24)

packages/x6-common/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-common",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "Basic toolkit for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,13 +48,13 @@
     "email": "vectorse@126.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-common"
   },
   "publishConfig": {

packages/x6-common/src/array/array.ts

@@ -6,5 +6,5 @@ export {
   sortBy,
   groupBy,
   difference,
-  max
+  max,
 } from 'lodash-es'

packages/x6-common/src/color/index.ts

@@ -1,3 +1,5 @@
+/* eslint-disable no-constructor-return */
+
 import { NumberExt } from '../number'
 
 export class Color {

packages/x6-common/src/dom/class.ts

@@ -33,7 +33,7 @@ export function addClass(
   }
 
   if (typeof selector === 'string' && elem.nodeType === 1) {
-    const classes = selector.match(rnotwhite) || []
+    const classes: string[] = selector.match(rnotwhite) || []
     const oldValue = fillSpaces(getClass(elem)).replace(rclass, ' ')
     let newValue = classes.reduce((memo, cls) => {
       if (memo.indexOf(fillSpaces(cls)) < 0) {
@@ -63,7 +63,7 @@ export function removeClass(
   }
 
   if ((!selector || typeof selector === 'string') && elem.nodeType === 1) {
-    const classes = (selector || '').match(rnotwhite) || []
+    const classes: string[] = (selector || '').match(rnotwhite) || []
     const oldValue = fillSpaces(getClass(elem)).replace(rclass, ' ')
     let newValue = classes.reduce((memo, cls) => {
       const className = fillSpaces(cls)

packages/x6-common/src/dom/data.ts

@@ -1,26 +1,25 @@
 import { StringExt } from '../string'
 
-export function getData(dataset: Record<string, any>, name: string) {
-  const value = dataset[name] || dataset[StringExt.camelCase(name)]
-  try {
-    return JSON.parse(value)
-  } catch {
-    return value
+const dataset: WeakMap<Element, Record<string, any>> = new WeakMap()
+
+export function getData(elem: Element, name: string) {
+  const key = StringExt.camelCase(name)
+  const cache = dataset.get(elem)
+  if (cache) {
+    return cache[key]
   }
 }
 
-export function setData(
-  dataset: Record<string, any>,
-  name: string,
-  value: any,
-) {
-  let val = value
-  try {
-    val = JSON.stringify(val)
-  } catch (e) {
-    // paas
+export function setData(elem: Element, name: string, value: any) {
+  const key = StringExt.camelCase(name)
+  const cache = dataset.get(elem)
+  if (cache) {
+    cache[key] = value
+  } else {
+    dataset.set(elem, {
+      [key]: value,
+    })
   }
-  dataset[StringExt.camelCase(name)] = val
 }
 
 export function data(elem: Element): Record<string, any> | undefined
@@ -34,20 +33,17 @@ export function data(
 ) {
   if (!name) {
     const datas: Record<string, any> = {}
-    const dataset = (elem as any).dataset
-    // eslint-disable-next-line
-    for (const key in dataset) {
-      datas[key] = getData(dataset, key)
-    }
+    Object.keys(dataset).forEach((key) => {
+      datas[key] = getData(elem, key)
+    })
     return datas
   }
 
   if (typeof name === 'string') {
-    const dataset = (elem as any).dataset
     if (value === undefined) {
-      return getData(dataset, name)
+      return getData(elem, name)
     }
-    setData(dataset, name, value)
+    setData(elem, name, value)
 
     return
   }

packages/x6-common/src/object/object.ts

@@ -117,6 +117,7 @@ export function unsetByPath(
   return obj
 }
 
+// eslint-disable-next-line default-param-last
 export function flatten(obj: any, delim = '/', stop?: (val: any) => boolean) {
   const ret: { [key: string]: any } = {}
 

packages/x6-geometry/CHANGELOG.md

@@ -1 +1,12 @@
+## @antv/x6-geometry [2.0.4](https://github.com/antvis/x6/compare/@antv/x6-geometry@2.0.3...@antv/x6-geometry@2.0.4) (2022-11-29)
+
+## @antv/x6-geometry [2.0.3](https://github.com/antvis/x6/compare/@antv/x6-geometry@2.0.2...@antv/x6-geometry@2.0.3) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-geometry [2.0.2](https://github.com/antvis/x6/compare/@antv/x6-geometry@2.0.1...@antv/x6-geometry@2.0.2) (2022-11-25)
+
 ## @antv/x6-geometry [2.0.1](https://github.com/antvis/x6/compare/@antv/x6-geometry@2.0.0...@antv/x6-geometry@2.0.1) (2022-11-24)

packages/x6-geometry/README.md

@@ -5,7 +5,7 @@
 <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://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>
 <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&flag=x6-geometry&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>

packages/x6-geometry/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.1",
+  "version": "2.0.4",
   "name": "@antv/x6-geometry",
   "description": "Geometry operations for X6",
   "main": "lib/index.js",
@@ -41,13 +41,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-geometry"
   },
   "publishConfig": {

packages/x6-geometry/src/path/util.ts

@@ -1,6 +1,8 @@
+/* eslint-disable default-param-last */
+
 import { Point } from '../point'
 
-const regexSupportedData = new RegExp(`^[\\s\\dLMCZz,.]*$`)
+const regexSupportedData = new RegExp(`^[\\s\\dLMCZz,.]*$`) // eslint-disable-line prefer-regex-literals
 
 export function isValid(data: any) {
   if (typeof data !== 'string') {

packages/x6-geometry/src/polyline.ts

@@ -1,3 +1,5 @@
+/* eslint-disable no-constructor-return */
+
 import { Line } from './line'
 import { Point } from './point'
 import { Rectangle } from './rectangle'

packages/x6-plugin-clipboard/CHANGELOG.md

@@ -1,3 +1,19 @@
+## @antv/x6-plugin-clipboard [2.1.3](https://github.com/antvis/x6/compare/@antv/x6-plugin-clipboard@2.1.2...@antv/x6-plugin-clipboard@2.1.3) (2022-11-25)
+
+
+### Bug Fixes
+
+* broken file ([d6df2d5](https://github.com/antvis/x6/commit/d6df2d59811dc18791208af36b452e11e6391f3b))
+
+## @antv/x6-plugin-clipboard [2.1.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-clipboard@2.1.1...@antv/x6-plugin-clipboard@2.1.2) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-clipboard [2.1.1](https://github.com/antvis/x6/compare/@antv/x6-plugin-clipboard@2.1.0...@antv/x6-plugin-clipboard@2.1.1) (2022-11-25)
+
 # @antv/x6-plugin-clipboard [2.1.0](https://github.com/antvis/x6/compare/@antv/x6-plugin-clipboard@2.0.0...@antv/x6-plugin-clipboard@2.1.0) (2022-11-24)
 
 

packages/x6-plugin-clipboard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-clipboard",
-  "version": "2.1.0",
+  "version": "2.1.3",
   "description": "clipboard plugin for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -47,13 +47,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/clipboard",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-clipboard"
   },
   "publishConfig": {

packages/x6-plugin-dnd/CHANGELOG.md

@@ -1,3 +1,12 @@
+## @antv/x6-plugin-dnd [2.0.3](https://github.com/antvis/x6/compare/@antv/x6-plugin-dnd@2.0.2...@antv/x6-plugin-dnd@2.0.3) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-dnd [2.0.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-dnd@2.0.1...@antv/x6-plugin-dnd@2.0.2) (2022-11-25)
+
 ## @antv/x6-plugin-dnd [2.0.1](https://github.com/antvis/x6/compare/@antv/x6-plugin-dnd@2.0.0...@antv/x6-plugin-dnd@2.0.1) (2022-11-24)
 
 

packages/x6-plugin-dnd/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-dnd",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "dnd plugin for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,13 +48,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/dnd",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-dnd"
   },
   "publishConfig": {

packages/x6-plugin-export/CHANGELOG.md

@@ -1,3 +1,12 @@
+## @antv/x6-plugin-export [2.1.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-export@2.1.1...@antv/x6-plugin-export@2.1.2) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-export [2.1.1](https://github.com/antvis/x6/compare/@antv/x6-plugin-export@2.1.0...@antv/x6-plugin-export@2.1.1) (2022-11-25)
+
 # @antv/x6-plugin-export [2.1.0](https://github.com/antvis/x6/compare/@antv/x6-plugin-export@2.0.0...@antv/x6-plugin-export@2.1.0) (2022-11-24)
 
 

packages/x6-plugin-export/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-export",
-  "version": "2.1.0",
+  "version": "2.1.5",
   "description": "export plugin for X6.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -46,13 +46,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/export",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-export"
   },
   "publishConfig": {

packages/x6-plugin-export/src/api.ts

@@ -3,12 +3,54 @@ import { Export } from './index'
 
 declare module '@antv/x6/lib/graph/graph' {
   interface Graph {
+    toSVG: (
+      callback: Export.ToSVGCallback,
+      options?: Export.ToSVGOptions,
+    ) => void
+    toPNG: (
+      callback: Export.ToSVGCallback,
+      options?: Export.ToImageOptions,
+    ) => void
+    toJPEG: (
+      callback: Export.ToSVGCallback,
+      options?: Export.ToImageOptions,
+    ) => void
     exportPNG: (fileName?: string, options?: Export.ToImageOptions) => void
     exportJPEG: (fileName?: string, options?: Export.ToImageOptions) => void
     exportSVG: (fileName?: string, options?: Export.ToSVGOptions) => void
   }
 }
 
+Graph.prototype.toSVG = function (
+  callback: Export.ToSVGCallback,
+  options?: Export.ToSVGOptions,
+) {
+  const instance = this.getPlugin('export') as Export
+  if (instance) {
+    instance.toSVG(callback, options)
+  }
+}
+
+Graph.prototype.toPNG = function (
+  callback: Export.ToSVGCallback,
+  options?: Export.ToImageOptions,
+) {
+  const instance = this.getPlugin('export') as Export
+  if (instance) {
+    instance.toPNG(callback, options)
+  }
+}
+
+Graph.prototype.toJPEG = function (
+  callback: Export.ToSVGCallback,
+  options?: Export.ToImageOptions,
+) {
+  const instance = this.getPlugin('export') as Export
+  if (instance) {
+    instance.toJPEG(callback, options)
+  }
+}
+
 Graph.prototype.exportPNG = function (
   fileName?: string,
   options?: Export.ToImageOptions,

packages/x6-plugin-history/CHANGELOG.md

@@ -1,3 +1,19 @@
+## @antv/x6-plugin-history [2.1.3](https://github.com/antvis/x6/compare/@antv/x6-plugin-history@2.1.2...@antv/x6-plugin-history@2.1.3) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-history [2.1.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-history@2.1.1...@antv/x6-plugin-history@2.1.2) (2022-11-25)
+
+## @antv/x6-plugin-history [2.1.1](https://github.com/antvis/x6/compare/@antv/x6-plugin-history@2.1.0...@antv/x6-plugin-history@2.1.1) (2022-11-24)
+
+
+### Bug Fixes
+
+* deep clone instead of shallow clone ([#2924](https://github.com/antvis/x6/issues/2924)) ([75f4297](https://github.com/antvis/x6/commit/75f42978cb0ed4c9e7c7ac141ffa29603cb27596))
+
 # @antv/x6-plugin-history [2.1.0](https://github.com/antvis/x6/compare/@antv/x6-plugin-history@2.0.0...@antv/x6-plugin-history@2.1.0) (2022-11-24)
 
 

packages/x6-plugin-history/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-history",
-  "version": "2.1.0",
+  "version": "2.1.3",
   "description": "history plugin for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -47,13 +47,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/history",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-history"
   },
   "publishConfig": {

packages/x6-plugin-keyboard/CHANGELOG.md

@@ -1,3 +1,26 @@
+## @antv/x6-plugin-keyboard [2.1.4](https://github.com/antvis/x6/compare/@antv/x6-plugin-keyboard@2.1.3...@antv/x6-plugin-keyboard@2.1.4) (2022-11-29)
+
+
+### Bug Fixes
+
+* not trigger keyboard event whith delete key in contenteditable elem ([#2965](https://github.com/antvis/x6/issues/2965)) ([4978110](https://github.com/antvis/x6/commit/4978110b4594aee801d39c74f5c190432846eba4))
+
+## @antv/x6-plugin-keyboard [2.1.3](https://github.com/antvis/x6/compare/@antv/x6-plugin-keyboard@2.1.2...@antv/x6-plugin-keyboard@2.1.3) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-keyboard [2.1.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-keyboard@2.1.1...@antv/x6-plugin-keyboard@2.1.2) (2022-11-25)
+
+## @antv/x6-plugin-keyboard [2.1.1](https://github.com/antvis/x6/compare/@antv/x6-plugin-keyboard@2.1.0...@antv/x6-plugin-keyboard@2.1.1) (2022-11-25)
+
+
+### Performance Improvements
+
+* update deps ([f20127a](https://github.com/antvis/x6/commit/f20127af555d9b7beaac3a07ac308d5c0d4e53a3))
+
 # @antv/x6-plugin-keyboard [2.1.0](https://github.com/antvis/x6/compare/@antv/x6-plugin-keyboard@2.0.0...@antv/x6-plugin-keyboard@2.1.0) (2022-11-24)
 
 

packages/x6-plugin-keyboard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-keyboard",
-  "version": "2.1.0",
+  "version": "2.1.4",
   "description": "keyboard plugin for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -44,20 +44,20 @@
   },
   "devDependencies": {
     "@antv/x6": "^2.x",
-    "@types/mousetrap": "^1.6.5"
+    "@types/mousetrap": "^1.6.11"
   },
   "author": {
     "name": "bubkoo",
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/keyboard",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-keyboard"
   },
   "publishConfig": {

packages/x6-plugin-keyboard/src/keyboard.ts

@@ -129,15 +129,18 @@ export class KeyboardImpl extends Disposable implements IDisablable {
   isInputEvent(e: KeyboardEvent | Dom.MouseUpEvent) {
     const target = e.target as Element
     const tagName = target?.tagName?.toLowerCase()
-    return ['input', 'textarea'].includes(tagName)
+    let isInput = ['input', 'textarea'].includes(tagName)
+    if (Dom.attr(target, 'contenteditable') === 'true') {
+      isInput = true
+    }
+    return isInput
   }
 
   isEnabledForEvent(e: KeyboardEvent) {
     const allowed = !this.disabled && this.isGraphEvent(e)
     const isInputEvent = this.isInputEvent(e)
     if (allowed) {
-      const code = e.keyCode || e.which
-      if (isInputEvent && (code === 8 || code === 46)) {
+      if (isInputEvent && (e.key === 'Backspace' || e.key === 'Delete')) {
         return false
       }
       if (this.options.guard) {

packages/x6-plugin-minimap/CHANGELOG.md

@@ -1,3 +1,12 @@
+## @antv/x6-plugin-minimap [2.0.3](https://github.com/antvis/x6/compare/@antv/x6-plugin-minimap@2.0.2...@antv/x6-plugin-minimap@2.0.3) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-minimap [2.0.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-minimap@2.0.1...@antv/x6-plugin-minimap@2.0.2) (2022-11-25)
+
 ## @antv/x6-plugin-minimap [2.0.1](https://github.com/antvis/x6/compare/@antv/x6-plugin-minimap@2.0.0...@antv/x6-plugin-minimap@2.0.1) (2022-11-24)
 
 

packages/x6-plugin-minimap/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-minimap",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "minimap plugin for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,13 +48,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/minimap",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-minimap"
   },
   "publishConfig": {

packages/x6-plugin-minimap/src/index.less

@@ -17,7 +17,7 @@
 
     > svg {
       pointer-events: none;
-      shape-rendering: optimizeSpeed;
+      shape-rendering: optimizespeed;
     }
 
     .x6-node * {

packages/x6-plugin-scroller/CHANGELOG.md

@@ -1,3 +1,12 @@
+## @antv/x6-plugin-scroller [2.0.3](https://github.com/antvis/x6/compare/@antv/x6-plugin-scroller@2.0.2...@antv/x6-plugin-scroller@2.0.3) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-scroller [2.0.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-scroller@2.0.1...@antv/x6-plugin-scroller@2.0.2) (2022-11-25)
+
 ## @antv/x6-plugin-scroller [2.0.1](https://github.com/antvis/x6/compare/@antv/x6-plugin-scroller@2.0.0...@antv/x6-plugin-scroller@2.0.1) (2022-11-24)
 
 

packages/x6-plugin-scroller/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-scroller",
-  "version": "2.0.1",
+  "version": "2.0.7",
   "description": "scroller plugin for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,13 +48,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/scroller",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-scroller"
   },
   "publishConfig": {

packages/x6-plugin-scroller/src/index.less

@@ -37,14 +37,10 @@
 
   &&-pannable[data-panning='false'] {
     cursor: grab;
-    cursor: -moz-grab;
-    cursor: -webkit-grab;
   }
 
   &&-pannable[data-panning='true'] {
     cursor: grabbing;
-    cursor: -moz-grabbing;
-    cursor: -webkit-grabbing;
     user-select: none;
   }
 }

packages/x6-plugin-selection/CHANGELOG.md

@@ -1,3 +1,19 @@
+## @antv/x6-plugin-selection [2.1.4](https://github.com/antvis/x6/compare/@antv/x6-plugin-selection@2.1.3...@antv/x6-plugin-selection@2.1.4) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-selection [2.1.3](https://github.com/antvis/x6/compare/@antv/x6-plugin-selection@2.1.2...@antv/x6-plugin-selection@2.1.3) (2022-11-25)
+
+## @antv/x6-plugin-selection [2.1.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-selection@2.1.1...@antv/x6-plugin-selection@2.1.2) (2022-11-24)
+
+
+### Bug Fixes
+
+* support antd5 in react components ([#2933](https://github.com/antvis/x6/issues/2933)) ([2ecc213](https://github.com/antvis/x6/commit/2ecc213094250b476b533b444c0f3716f88b7987))
+
 ## @antv/x6-plugin-selection [2.1.1](https://github.com/antvis/x6/compare/@antv/x6-plugin-selection@2.1.0...@antv/x6-plugin-selection@2.1.1) (2022-11-24)
 
 

packages/x6-plugin-selection/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-selection",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "selection plugin for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,13 +48,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/selection",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-selection"
   },
   "publishConfig": {

packages/x6-plugin-selection/src/index.ts

@@ -464,7 +464,6 @@ export namespace Selection {
     multipleSelectionModifiers: ['ctrl', 'meta'],
     movable: true,
     strict: false,
-    useCellGeometry: false,
     selectCellOnMoved: false,
     selectNodeOnMoved: false,
     selectEdgeOnMoved: false,

packages/x6-plugin-selection/src/selection.ts

@@ -607,29 +607,21 @@ export class SelectionImpl extends View<SelectionImpl.EventArgs> {
     let views: CellView[] = []
 
     if (this.options.rubberNode) {
-      if (this.options.useCellGeometry) {
-        views = views.concat(
-          graph.model
-            .getNodesInArea(rect, options)
-            .map((node) => graph.renderer.findViewByCell(node))
-            .filter((view) => view != null) as CellView[],
-        )
-      } else {
-        views = views.concat(graph.renderer.findViewsInArea(rect, options))
-      }
+      views = views.concat(
+        graph.model
+          .getNodesInArea(rect, options)
+          .map((node) => graph.renderer.findViewByCell(node))
+          .filter((view) => view != null) as CellView[],
+      )
     }
 
     if (this.options.rubberEdge) {
-      if (this.options.useCellGeometry) {
-        views = views.concat(
-          graph.model
-            .getEdgesInArea(rect, options)
-            .map((edge) => graph.renderer.findViewByCell(edge))
-            .filter((view) => view != null) as CellView[],
-        )
-      } else {
-        views = views.concat(graph.renderer.findEdgeViewsInArea(rect, options))
-      }
+      views = views.concat(
+        graph.model
+          .getEdgesInArea(rect, options)
+          .map((edge) => graph.renderer.findViewByCell(edge))
+          .filter((view) => view != null) as CellView[],
+      )
     }
 
     return views
@@ -761,7 +753,7 @@ export class SelectionImpl extends View<SelectionImpl.EventArgs> {
       const view = this.graph.renderer.findViewByCell(cell)
       if (view) {
         const bbox = view.getBBox({
-          useCellGeometry: this.options.useCellGeometry,
+          useCellGeometry: true,
         })
         origin.x = Math.min(origin.x, bbox.x)
         origin.y = Math.min(origin.y, bbox.y)
@@ -822,7 +814,7 @@ export class SelectionImpl extends View<SelectionImpl.EventArgs> {
       const view = this.graph.renderer.findViewByCell(cell)
       if (view) {
         const bbox = view.getBBox({
-          useCellGeometry: this.options.useCellGeometry,
+          useCellGeometry: true,
         })
 
         const className = this.boxClassName
@@ -899,7 +891,7 @@ export class SelectionImpl extends View<SelectionImpl.EventArgs> {
   protected onCellAdded({ cell }: Collection.EventArgs['added']) {
     // The collection do not known the cell was removed when cell was
     // removed by interaction(such as, by "delete" shortcut), so we should
-    // manually listen to cell's remove evnet.
+    // manually listen to cell's remove event.
     this.listenCellRemoveEvent(cell)
     this.createSelectionBox(cell)
     this.updateContainer()
@@ -971,7 +963,6 @@ export namespace SelectionImpl {
     showNodeSelectionBox?: boolean
     movable?: boolean
     following?: boolean
-    useCellGeometry?: boolean
     content?: Content
 
     // Can select node or edge when rubberband

packages/x6-plugin-snapline/CHANGELOG.md

@@ -1,3 +1,12 @@
+## @antv/x6-plugin-snapline [2.1.4](https://github.com/antvis/x6/compare/@antv/x6-plugin-snapline@2.1.3...@antv/x6-plugin-snapline@2.1.4) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-snapline [2.1.3](https://github.com/antvis/x6/compare/@antv/x6-plugin-snapline@2.1.2...@antv/x6-plugin-snapline@2.1.3) (2022-11-25)
+
 ## @antv/x6-plugin-snapline [2.1.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-snapline@2.1.1...@antv/x6-plugin-snapline@2.1.2) (2022-11-24)
 
 

packages/x6-plugin-snapline/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-snapline",
-  "version": "2.1.2",
+  "version": "2.1.6",
   "description": "snapline plugin for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,13 +48,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/snapline",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-snapline"
   },
   "publishConfig": {

packages/x6-plugin-snapline/src/index.ts

@@ -5,10 +5,12 @@ import './api'
 
 export class Snapline extends Disposable {
   private snaplineImpl: SnaplineImpl
+  public options: Snapline.Options
   public name = 'snapline'
 
-  constructor(public readonly options: Snapline.Options) {
+  constructor(options: Snapline.Options) {
     super()
+    this.options = { tolerance: 10, ...options }
     CssLoader.ensure(this.name, content)
   }
 

packages/x6-plugin-snapline/src/snapline.ts

@@ -47,7 +47,7 @@ export class SnaplineImpl extends View implements IDisablable {
 
     const { graph, ...others } = options
     this.graph = graph
-    this.options = { tolerance: 10, ...others }
+    this.options = { ...others }
     this.offset = { x: 0, y: 0 }
     this.render()
     if (!this.disabled) {

packages/x6-plugin-stencil/CHANGELOG.md

@@ -1,3 +1,12 @@
+## @antv/x6-plugin-stencil [2.0.3](https://github.com/antvis/x6/compare/@antv/x6-plugin-stencil@2.0.2...@antv/x6-plugin-stencil@2.0.3) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-stencil [2.0.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-stencil@2.0.1...@antv/x6-plugin-stencil@2.0.2) (2022-11-25)
+
 ## @antv/x6-plugin-stencil [2.0.1](https://github.com/antvis/x6/compare/@antv/x6-plugin-stencil@2.0.0...@antv/x6-plugin-stencil@2.0.1) (2022-11-24)
 
 

packages/x6-plugin-stencil/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-stencil",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "stencil plugin for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -50,13 +50,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/stencil",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-stencil"
   },
   "publishConfig": {

packages/x6-plugin-stencil/src/index.less

@@ -247,12 +247,12 @@
   }
 
   input[type='search'] {
-    -webkit-appearance: textfield;
+    appearance: textfield;
   }
 
   input[type='search']::-webkit-search-cancel-button,
   input[type='search']::-webkit-search-decoration {
-    -webkit-appearance: none;
+    appearance: none;
   }
 
   &-search-text {

packages/x6-plugin-transform/CHANGELOG.md

@@ -1,3 +1,19 @@
+## @antv/x6-plugin-transform [2.1.4](https://github.com/antvis/x6/compare/@antv/x6-plugin-transform@2.1.3...@antv/x6-plugin-transform@2.1.4) (2022-12-07)
+
+
+### Bug Fixes
+
+* make resizing options take effect ([#3014](https://github.com/antvis/x6/issues/3014)) ([604c024](https://github.com/antvis/x6/commit/604c0244cd71ec8e911754dfe524f12c04e4e9ad))
+
+## @antv/x6-plugin-transform [2.1.2](https://github.com/antvis/x6/compare/@antv/x6-plugin-transform@2.1.1...@antv/x6-plugin-transform@2.1.2) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-plugin-transform [2.1.1](https://github.com/antvis/x6/compare/@antv/x6-plugin-transform@2.1.0...@antv/x6-plugin-transform@2.1.1) (2022-11-25)
+
 # @antv/x6-plugin-transform [2.1.0](https://github.com/antvis/x6/compare/@antv/x6-plugin-transform@2.0.0...@antv/x6-plugin-transform@2.1.0) (2022-11-24)
 
 

packages/x6-plugin-transform/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-plugin-transform",
-  "version": "2.1.0",
+  "version": "2.1.4",
   "description": "transform plugin for X6",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,13 +48,13 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com/tutorial/plugins/transform",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-plugin-transform"
   },
   "publishConfig": {

packages/x6-plugin-transform/src/index.ts

@@ -19,16 +19,16 @@ export class Transform extends Basecoat<Transform.EventArgs> {
   }
 
   protected startListening() {
-    this.graph.on('node:mouseup', this.onNodeMouseUp, this)
+    this.graph.on('node:click', this.onNodeClick, this)
     this.graph.on('blank:mousedown', this.onBlankMouseDown, this)
   }
 
   protected stopListening() {
-    this.graph.off('node:mouseup', this.onNodeMouseUp, this)
+    this.graph.off('node:click', this.onNodeClick, this)
     this.graph.off('blank:mousedown', this.onBlankMouseDown, this)
   }
 
-  protected onNodeMouseUp({ node }: EventArgs['node:mouseup']) {
+  protected onNodeClick({ node }: EventArgs['node:click']) {
     this.clearWidgets()
     const widget = this.createTransform(node)
     if (widget) {
@@ -90,18 +90,23 @@ export class Transform extends Basecoat<Transform.EventArgs> {
     )
 
     const options: TransformImpl.Options = {
-      resizable: resizing.enabled,
+      resizable: !!resizing.enabled,
       minWidth: resizing.minWidth || 0,
       maxWidth: resizing.maxWidth || Number.MAX_SAFE_INTEGER,
       minHeight: resizing.minHeight || 0,
       maxHeight: resizing.maxHeight || Number.MAX_SAFE_INTEGER,
-      orthogonalResizing: resizing.orthogonal || true,
-      restrictedResizing: resizing.restrict || false,
-      autoScrollOnResizing: resizing.autoScroll || true,
-      preserveAspectRatio: resizing.preserveAspectRatio || false,
-      allowReverse: resizing.allowReverse || true,
+      orthogonalResizing:
+        typeof resizing.orthogonal === 'boolean' ? resizing.orthogonal : true,
+      restrictedResizing: !!resizing.restrict,
+      autoScrollOnResizing:
+        typeof resizing.autoScroll === 'boolean' ? resizing.autoScroll : true,
+      preserveAspectRatio: !!resizing.preserveAspectRatio,
+      allowReverse:
+        typeof resizing.allowReverse === 'boolean'
+          ? resizing.allowReverse
+          : true,
 
-      rotatable: rotating.enabled || false,
+      rotatable: !!rotating.enabled,
       rotateGrid: rotating.grid || 15,
     }
 
@@ -109,7 +114,11 @@ export class Transform extends Basecoat<Transform.EventArgs> {
   }
 
   protected clearWidgets() {
-    this.widgets.forEach((widget) => widget.dispose())
+    this.widgets.forEach((widget, node) => {
+      if (this.graph.getCellById(node.id)) {
+        widget.dispose()
+      }
+    })
     this.widgets.clear()
   }
 

packages/x6-react-components/CHANGELOG.md

@@ -1,3 +1,33 @@
+## @antv/x6-react-components [2.0.5](https://github.com/antvis/x6/compare/@antv/x6-react-components@2.0.4...@antv/x6-react-components@2.0.5) (2022-11-25)
+
+
+### Bug Fixes
+
+* npm version ([cb0cfde](https://github.com/antvis/x6/commit/cb0cfdeb4dbe8858569e6899db08ccb9ab8ba4e7))
+
+## @antv/x6-react-components [2.0.4](https://github.com/antvis/x6/compare/@antv/x6-react-components@2.0.3...@antv/x6-react-components@2.0.4) (2022-11-25)
+
+## @antv/x6-react-components [2.0.3](https://github.com/antvis/x6/compare/@antv/x6-react-components@2.0.2...@antv/x6-react-components@2.0.3) (2022-11-25)
+
+
+### Bug Fixes
+
+* support antd5 in react components ([#2933](https://github.com/antvis/x6/issues/2933)) ([2ecc213](https://github.com/antvis/x6/commit/2ecc213094250b476b533b444c0f3716f88b7987))
+* update react type version ([#2937](https://github.com/antvis/x6/issues/2937)) ([d4df46a](https://github.com/antvis/x6/commit/d4df46ab40c0f2fb6e7a76fc0083d7b4710555b9))
+
+
+### Performance Improvements
+
+* update deps ([f20127a](https://github.com/antvis/x6/commit/f20127af555d9b7beaac3a07ac308d5c0d4e53a3))
+
+## @antv/x6-react-components [2.0.3](https://github.com/antvis/x6/compare/@antv/x6-react-components@2.0.2...@antv/x6-react-components@2.0.3) (2022-11-24)
+
+
+### Bug Fixes
+
+* support antd5 in react components ([#2933](https://github.com/antvis/x6/issues/2933)) ([2ecc213](https://github.com/antvis/x6/commit/2ecc213094250b476b533b444c0f3716f88b7987))
+* update react type version ([#2937](https://github.com/antvis/x6/issues/2937)) ([d4df46a](https://github.com/antvis/x6/commit/d4df46ab40c0f2fb6e7a76fc0083d7b4710555b9))
+
 ## @antv/x6-react-components [2.0.2](https://github.com/antvis/x6/compare/@antv/x6-react-components@2.0.1...@antv/x6-react-components@2.0.2) (2022-11-24)
 
 

packages/x6-react-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-react-components",
-  "version": "2.0.2",
+  "version": "2.0.5",
   "description": "React components for building x6 editors",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -57,17 +57,17 @@
     "classnames": "^2.2.6",
     "rc-dropdown": "^3.0.0-alpha.0",
     "rc-util": "^4.15.7",
-    "react-color": "2.17.1",
+    "react-color": "2.19.3",
     "react-resize-detector": "^7.0.0",
     "ua-parser-js": "^0.7.20"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
     "@types/react-color": "^3.0.1",
-    "@types/react-dom": "^18.0.0",
+    "@types/react-dom": "^18.0.9",
     "@types/react-resize-detector": "^6.1.0",
     "@types/ua-parser-js": "^0.7.33",
-    "antd": "^5.0.0",
+    "antd": "^5.0.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
@@ -76,18 +76,17 @@
     "email": "bubkoo.wy@gmail.com"
   },
   "license": "MIT",
-  "homepage": "https://github.com/antvis/x6",
+  "homepage": "https://x6.antv.antgroup.com",
   "bugs": {
     "url": "https://github.com/antvis/x6/issues"
   },
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com/antvis/x6.git",
+    "url": "https://github.com/antvis/x6.git",
     "directory": "packages/x6-react-components"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
-  },
-  "gitHead": "576fa342fa65a6867ead29f6801a30dcb31bcdb5"
+  }
 }

packages/x6-react-components/src/auto-scroll-box/style/index.less

@@ -1 +1 @@
-@import '../../style/themes/index';
+@import url('../../style/themes/index');

packages/x6-react-components/src/color-picker/style/index.less

@@ -1,4 +1,4 @@
-@import '../../style/themes/index';
+@import url('../../style/themes/index');
 
 @color-picker-prefix-cls: ~'@{x6-prefix}-color-picker';
 
@@ -27,7 +27,7 @@
       background: transparent;
 
       .sketch-picker {
-        box-shadow: #e9e9e9 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 8px 16px !important;
+        box-shadow: #e9e9e9 0 0 0 1px, rgb(0 0 0 / 10%) 0 8px 16px !important;
       }
     }
   }

packages/x6-react-components/src/context-menu/style/index.less

@@ -1,2 +1,2 @@
-@import '../../style/themes/index';
-@import '../../menu/style/index';
+@import url('../../style/themes/index');
+@import url('../../menu/style/index');

packages/x6-react-components/src/dropdown/style/index.less

@@ -1,4 +1,4 @@
-@import '../../style/themes/index';
+@import url('../../style/themes/index');
 
 @dropdown-prefix-cls: ~'@{x6-prefix}-dropdown';
 
@@ -11,7 +11,7 @@
   max-height: 320px;
   overflow-y: scroll;
   border-radius: 3px;
-  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
 
   // &::before {
   //   position: absolute;

packages/x6-react-components/src/menu/style/index.less

@@ -1,4 +1,4 @@
-@import '../../style/themes/index';
+@import url('../../style/themes/index');
 
 @menu-prefix-cls: ~'@{x6-prefix}-menu';
 
@@ -103,8 +103,8 @@
     right: 12px;
     width: 0;
     height: 0;
-    border-top: 4px solid rgba(0, 0, 0, 0);
-    border-bottom: 4px solid rgba(0, 0, 0, 0);
+    border-top: 4px solid rgb(0 0 0 / 0%);
+    border-bottom: 4px solid rgb(0 0 0 / 0%);
     border-left: 5px solid @menu-submenu-arrow-color;
     opacity: 0.4;
     pointer-events: none;

packages/x6-react-components/src/menubar/style/index.less

@@ -1,5 +1,5 @@
-@import '../../style/themes/index';
-@import '../../menu/style/index';
+@import url('../../style/themes/index');
+@import url('../../menu/style/index');
 
 @menubar-prefix-cls: ~'@{x6-prefix}-menubar';
 
@@ -96,7 +96,7 @@
     }
 
     & > .@{menu-prefix-cls} {
-      border-radius: 0 4px 4px 4px;
+      border-radius: 0 4px 4px;
     }
 
     .@{menu-prefix-cls}-submenu-menu {

packages/x6-react-components/src/scroll-box/style/index.less

@@ -1,5 +1,5 @@
-@import '../../style/themes/index';
-@import '../../scrollbar/style/index';
+@import url('../../style/themes/index');
+@import url('../../scrollbar/style/index');
 
 @scrollBox-prefix-cls: ~'@{x6-prefix}-scroll-box';
 

packages/x6-react-components/src/scrollbar/style/index.less

@@ -1,4 +1,4 @@
-@import '../../style/themes/index';
+@import url('../../style/themes/index');
 
 @scrollbar-prefix-cls: ~'@{x6-prefix}-scrollbar';
 

packages/x6-react-components/src/split-box/style/index.less

@@ -1,4 +1,4 @@
-@import '../../style/themes/index';
+@import url('../../style/themes/index');
 
 @splitBox-prefix-cls: ~'@{x6-prefix}-split-box';
 

packages/x6-react-components/src/style/index.less

@@ -1 +1 @@
-@import './themes/index';
+@import url('./themes/index');