mirror of
https://gitee.com/antv/g6.git
synced 2024-11-30 02:38:20 +08:00
Merge pull request #4910 from antvis/v5-shortcuts-refine
fix: shortcuts-call behavior export
This commit is contained in:
Yanyan Wang
GitHub
commit
660773c097
@ -74,13 +74,11 @@
|
||||
"@antv/gui": "0.5.1-alpha.1",
|
||||
"@antv/hierarchy": "latest",
|
||||
"@antv/layout": "^1.2.9",
|
||||
"@antv/hierarchy": "latest",
|
||||
"@antv/layout-gpu": "^1.1.5",
|
||||
"@antv/layout-wasm": "1.3.1",
|
||||
"@antv/matrix-util": "^3.0.4",
|
||||
"@antv/util": "~2.0.5",
|
||||
"@antv/path-util": "3.0.1",
|
||||
"@antv/util": "^3.3.1",
|
||||
"color": "^4.2.3",
|
||||
"insert-css": "^2.0.0",
|
||||
"stats-js": "^1.0.1",
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { ShapeStyle } from '../types/item';
|
||||
import type { StandardPadding } from 'types/common';
|
||||
import { ShapeStyle } from '../types/item';
|
||||
|
||||
export const RESERVED_SHAPE_IDS = [
|
||||
'keyShape',
|
||||
|
||||
@ -13,3 +13,4 @@ export * from './orbit-canvas-3d';
|
||||
export * from './rotate-canvas-3d';
|
||||
export * from './track-canvas-3d';
|
||||
export * from './zoom-canvas-3d';
|
||||
export * from './shortcuts-call';
|
||||
|
||||
@ -4,7 +4,7 @@ import { Behavior } from '../../types/behavior';
|
||||
const DEFAULT_TRIGGER = 'ctrl';
|
||||
const ALLOW_TRIGGERS = ['shift', 'ctrl', 'alt', 'control'] as const;
|
||||
const DEFAULT_COMBINED_KEY = '1';
|
||||
type Trigger = typeof ALLOW_TRIGGERS[number];
|
||||
type Trigger = (typeof ALLOW_TRIGGERS)[number];
|
||||
|
||||
interface ShortcutsCallOptions {
|
||||
/**
|
||||
@ -37,7 +37,7 @@ const DEFAULT_OPTIONS: ShortcutsCallOptions = {
|
||||
functionParams: [],
|
||||
};
|
||||
|
||||
export default class ShortcutsCall extends Behavior {
|
||||
export class ShortcutsCall extends Behavior {
|
||||
triggerKeydown = false;
|
||||
|
||||
constructor(options: Partial<ShortcutsCallOptions>) {
|
||||
|
||||
@ -115,7 +115,6 @@ const stdLib = {
|
||||
...Hierarchy,
|
||||
},
|
||||
behaviors: {
|
||||
|
||||
'drag-canvas': DragCanvas,
|
||||
'zoom-canvas': ZoomCanvas,
|
||||
'drag-node': DragNode,
|
||||
|
||||
@ -42,6 +42,7 @@ export interface IG6GraphEvent
|
||||
currentTarget: IGraph;
|
||||
itemType: 'node' | 'edge' | 'combo' | 'canvas';
|
||||
itemId: ID;
|
||||
key?: string;
|
||||
/** Original event emitted by G */
|
||||
gEvent: Event;
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { createContext } from '../utils';
|
||||
import { resetEntityCounter } from '@antv/g';
|
||||
import { createContext } from '../utils';
|
||||
import TimebarTime from '../../demo/plugins/timebar-time';
|
||||
|
||||
describe('Default Timebar', () => {
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { createContext } from '../utils';
|
||||
import { resetEntityCounter } from '@antv/g';
|
||||
import { createContext } from '../utils';
|
||||
import TimebarTime from '../../demo/plugins/timebar-time';
|
||||
|
||||
describe('Default Timebar', () => {
|
||||
|
||||
@ -154,7 +154,7 @@ export default defineConfig({
|
||||
zh: '入门教程',
|
||||
en: 'Tutorial',
|
||||
},
|
||||
order: 4,
|
||||
order: 5,
|
||||
},
|
||||
// ===========Concepts===================
|
||||
// {
|
||||
@ -474,11 +474,11 @@ export default defineConfig({
|
||||
en: 'News',
|
||||
},
|
||||
title: {
|
||||
zh: '图可视分析与搭建平台 GraphInsight 开源',
|
||||
en: 'GraphInsight is opened source!',
|
||||
zh: 'G6 5.0-beta 闪亮登场',
|
||||
en: 'G6 5.0-beta is released!',
|
||||
},
|
||||
date: '2022.11.22',
|
||||
link: 'https://www.yuque.com/antv/blog/nyl5bkhdkicgm7v8',
|
||||
date: '2023.08.31',
|
||||
link: 'https://zhuanlan.zhihu.com/p/653709725?',
|
||||
},
|
||||
{
|
||||
type: {
|
||||
@ -486,11 +486,11 @@ export default defineConfig({
|
||||
en: 'News',
|
||||
},
|
||||
title: {
|
||||
zh: 'G6 5.0 插件机制与引擎性能蓄势待发',
|
||||
en: 'G6 5.0: extension mechanism and better performance',
|
||||
zh: '图可视分析与搭建平台 GraphInsight 开源',
|
||||
en: 'GraphInsight is opened source!',
|
||||
},
|
||||
date: '2022.11.22',
|
||||
link: 'https://www.yuque.com/antv/blog/fm6setn8p9m9lmh5',
|
||||
link: 'https://www.yuque.com/antv/blog/nyl5bkhdkicgm7v8',
|
||||
},
|
||||
],
|
||||
/** 首页特性介绍 */
|
||||
|
||||
82
packages/site/docs/manual/betaPublish.en.md
Normal file
82
packages/site/docs/manual/betaPublish.en.md
Normal file
@ -0,0 +1,82 @@
|
||||
---
|
||||
title: 🎉 Beta Published
|
||||
order: 2
|
||||
---
|
||||
|
||||
Hi, dear users, let GPT bring you some good news:
|
||||
Behold, we are thrilled to announce that AntV G6 5.0 Beta version is shining today! This is a data visualization feast that will explode your visual senses. It is professional and elegant, and it will definitely give you a satisfying experience!
|
||||
|
||||
## 🚀 High-performance Rendering & Computation
|
||||
|
||||
We have an high performance rendering technology! G6 5.0 Beta uses high-performance Canvas and WebGL rendering, combined with the coolness of WASM and GPU layout. No matter how large your data is, we can handle it with ease!
|
||||
|
||||
Layout computation for thousands of nodes and edges is just a breeze!
|
||||
|
||||
|
||||
## 🌠 3D Large Graph
|
||||
|
||||
Hey, we can not only do ordinary 2D graph visualization! G6 5.0 Beta supports powerful 3D large graph capabilities, allowing you to fully explore complex and massive graph data! Zoom, pan, and interact smoothly, we dare you to challenge us!
|
||||
|
||||
|
||||
## 🎞 Visual and Animation Specifications
|
||||
|
||||
Our designer friends have put a lot of effort into creating a complete set of visual and animation specifications for charts! From color palettes to graph arrangements, as long as you can imagine it, you can achieve it with a simple JSON Spec! Take your charts to new heights!
|
||||
|
||||
Animations on item shapes and view ports:
|
||||
|
||||
|
||||
Information layering, making large graphs less chaotic:
|
||||
|
||||
|
||||
## 🎨 New Theme Mechanism
|
||||
|
||||
What kind of style do you want? With G6 5.0 Beta, it's all up to you! The new theme mechanism allows you to customize the style theme of your charts, whether it's consistent with your brand or pursuing unique individuality, we can meet your requirements!
|
||||
|
||||
|
||||
## 🎄 Fusion of Tree Graph and Graph
|
||||
|
||||
It's time to integrate your graphs - normal graphs with tree graph layout and interaction? No problem! Forests? We can draw them too! Tree graph with rings? We can handle that too!
|
||||
G6 5.0 Beta supports loading both graph data and tree graph data, providing universal interaction and layout capabilities. Whether it's network graph data or hierarchical tree structure data, we have a comprehensive solution for you!
|
||||
|
||||
|
||||
## 🤖 Data Transformers
|
||||
|
||||
Don't worry about data transformations anymore. G6 5.0 Beta provides flexible data processor extensions, allowing you to freely handle data! Filtering, transforming, you can play with data in any way you want! Overwhelmed by the messy data from the backend? Need to convert v4 data format to v5 format with one click? No worries!
|
||||
|
||||
## ⛳️ All is Extensions
|
||||
|
||||
Wow! Extensions for everyone, everything is extensible! Customized implementation = Built-in implementation! You can add various novel interaction methods to your charts, making them full of creativity and visual impact! Your imagination is our limit!
|
||||
|
||||
## 📦 Package Size Optimization
|
||||
|
||||
Small package size, big capabilities, making it easy for your projects to perform at their best! We aim to provide you with the best performance and fastest loading speed!
|
||||
|
||||
|
||||
## 🤔 How to Use These Features?
|
||||
|
||||
Read this comprehensive guide and you'll understand everything~
|
||||
|
||||
- 【[Migrate Guide](https://g6-next.antv.antgroup.com/en/manual/upgrade)】
|
||||
- 【[How to use the Features](https://g6-next.antv.antgroup.com/en/manual/new-features)】
|
||||
- 【[Feature DEMOs](https://g6-next.antv.antgroup.com/en/examples)】
|
||||
|
||||
## 🌸 More Small and Wonderful Changes
|
||||
|
||||
- Hull supports text configuration.
|
||||
- Polyline supports automatic obstacle avoidance.
|
||||
- Text automatically adapts to width.
|
||||
- Improved interactive performance by using a temporary layer canvas.
|
||||
- Legend automatically retrieves styles from the canvas.
|
||||
|
||||
## 💪 We are not Alone!
|
||||
|
||||
G6 belongs to the community, and the successful release of the Beta version is thanks to the contributions from the community. Thank you all for your dedication! Even the smallest contribution makes you a part of the G6 family! Special thanks to all of you (in no particular order):
|
||||
|
||||
Because of G6, there is a romantic connection among developers (Experience the product link in the image below, inquire through GitHub Issue~):
|
||||
|
||||
|
||||
Next, let's move forward to the official version of G6! We continue to recruit community contributors. Please pay attention to the "bounty" labeled issues in GitHub Issue. We will continue to release tasks, such as:
|
||||
|
||||
Come and join our feast, and experience the charm of AntV G6 5.0 Beta version together! Visit the official website of G6 5.0 at [https://g6-next.antv.antgroup.com/en/](https://g6-next.antv.antgroup.com/en/) to access the 【[Migrate Guide](https://g6-next.antv.antgroup.com/en/manual/upgrade)】,【[How to use the Features](https://g6-next.antv.antgroup.com/en/manual/new-features)】，【[Feature DEMOs](https://g6-next.antv.antgroup.com/en/examples)】. And get more detailed information and example code. We look forward to hearing your astonishment and sharing.
|
||||
|
||||
⭐️ Please also give us a GitHub Star at [https://github.com/antvis/G6](https://github.com/antvis/G6) to make G6 even more perfect! The AntV G6 development team is looking forward to creating miracles with you!
|
||||
84
packages/site/docs/manual/betaPublish.zh.md
Normal file
84
packages/site/docs/manual/betaPublish.zh.md
Normal file
@ -0,0 +1,84 @@
|
||||
---
|
||||
title: 🎉 Beta 发布稿
|
||||
order: 2
|
||||
---
|
||||
|
||||
Hi 亲爱的用户，发布稿咱也不想写了，就让 GPT 老师发来喜报吧：
|
||||
瞧瞧，我们正大喜过望地宣告：AntV G6 5.0 Beta 版本今天闪亮登场！这是一次引爆你视觉感官的数据可视化盛宴，专业又优雅，必须让你大呼过瘾！
|
||||
|
||||
### 🚀 高性能渲染 & 计算
|
||||
|
||||
我们拥速度嗖嗖嗖的渲染技术！G6 5.0 Beta 采用高性能 Canvas 和 WebGL 渲染，加上 WASM 和 GPU 布局的酷炫加持，你想玩大规模数据，我们都能秒杀！
|
||||
|
||||
|
||||
几千点边，布局计算就是一瞬间的事！
|
||||
|
||||
|
||||
### 🌠 3D 大图
|
||||
|
||||
嗨，别以为我们只能做平平无奇的 2D 图可视化！G6 5.0 Beta 支持了超强 3D 大图能力，让你尽情嗨玩复杂庞大的图数据吧！唰唰唰，流畅的渲染和交互体验等你来挑战！
|
||||
|
||||
|
||||
### 🎞 视觉和动画规范
|
||||
|
||||
咱们的设计师小伙伴们可是费尽心思打造了一整套图表视觉和动画规范哦！从色板到图形排列，只要你敢想，就能通过简单的 JSON Spec 实现！让你的图表炫出新高度！
|
||||
|
||||
元素图形动画、视口动画，简单定义，优雅呈现：
|
||||
|
||||
|
||||
信息分层，让大图不再混乱：
|
||||
|
||||
|
||||
### 🎨 新增主题机制
|
||||
|
||||
你想要什么样的风格？G6 5.0 Beta 一切随你！新增主题机制，让你尽情定制图表的样式主题，无论是与品牌一致，还是追求个性独特，我们都能满足你的要求！
|
||||
|
||||
|
||||
### 🎄 树图和图融合
|
||||
|
||||
是时候让你的图融会贯通了 —— 普通图用树图布局和交互，能行！森林，能画！树图加环，能画！
|
||||
G6 5.0 Beta 支持图数据和树图数据的读取，提供通用的交互和布局功能。不管是网络图数据还是嵌套结构数据，我们都给你全方位解决方案！
|
||||
|
||||
|
||||
### 🤖 数据处理器
|
||||
|
||||
小小的数据转换还有什么好担心的？G6 5.0 Beta 提供了灵活的数据处理器扩展，让你自由发挥处理数据的能力！筛选、转换，你想怎么玩都行！后端给的数据纷纷扰扰？v4 数据格式一键转换为 v5 格式？根本不在怕的！
|
||||
|
||||
### ⛳️ 全民插件化
|
||||
|
||||
哇哦！全民插件化，一切皆可是扩展！自定义写法 = 内置写法！你可以为图表增添各种新奇的交互方式，让你的图表充满创意和视觉冲击力！你的想象力是我们的极限！
|
||||
|
||||
### 📦 包体积优化
|
||||
|
||||
小小的体积，大大的能力，让你的项目轻松上阵！我们就是要给你最好的性能和最快的加载速度！
|
||||
|
||||
|
||||
### 🌸 还有一些微小而美好的改变
|
||||
|
||||
- 轮廓包裹 Hull 支持文本配置；
|
||||
- 折线支持自动避障；
|
||||
- 文本自动适配宽度；
|
||||
- 采用临时层画布提升交互性能；
|
||||
- 图例自动从画布中获取样式。
|
||||
|
||||
### 🤔 这些功能咋用呢？
|
||||
|
||||
干下这篇十全大补文，你就都懂了～
|
||||
|
||||
- 【[迁移指南](https://g6-next.antv.antgroup.com/manual/upgrade)】；
|
||||
- 【[新功能怎么用](https://g6-next.antv.antgroup.com/manual/new-features)】；
|
||||
- 【[新功能 DEMO](https://g6-next.antv.antgroup.com/examples)】。
|
||||
|
||||
### 💪 不止我们在战斗
|
||||
|
||||
G6 是社区的 G6，Beta 版能够成功发布，还多亏了社区的贡献者们，感谢大家的倾情奉献！即使是再小的修改，你也是 G6 人了！在此特别鸣谢你们（排名不分先后）：
|
||||
|
||||
因为 G6，有了属于开发者们的浪漫连接（体验下图产品链接，GitHub Issue 来询～）：
|
||||
|
||||
|
||||
下一步，向 G6 正式版进发！我们继续招募社区贡献者，请在 GitHub Issue 中关注和检索「悬赏」 label 的 Issue，我们会持续发布任务，例如：
|
||||
|
||||
|
||||
快来参与我们的盛宴，一起体验 AntV G6 5.0 Beta 版本的魅力吧！访问 G6 5.0 的官网：[https://g6-next.antv.antgroup.com/](https://g6-next.antv.antgroup.com/)，获取【[迁移指南](https://g6-next.antv.antgroup.com/manual/upgrade)】、【[新功能 DEMO](https://g6-next.antv.antgroup.com/examples)】、【[新功能怎么用](https://g6-next.antv.antgroup.com/manual/new-features)】。更获取更多详细信息和示例代码。我们期待听到你的惊叹和分享。
|
||||
|
||||
⭐️ 还请大家为我们点亮 GitHub Star [https://github.com/antvis/G6](https://github.com/antvis/G6)，让 G6 变得更加完美！AntV G6 开发团队，期待与你共创奇迹！
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: 🎉 How to Use New Features
|
||||
order: 2
|
||||
order: 3
|
||||
---
|
||||
|
||||
Compared to G6 v4, G6 v5 introduces new capabilities in the following areas:
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: 🎉 新功能怎么用
|
||||
order: 2
|
||||
order: 3
|
||||
---
|
||||
|
||||
相较于 v4，G6 v5 的新能力体现在：
|
||||
|
||||
3158
pnpm-lock.yaml
3158
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user