1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/gaoli.gl-gg-editor

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.en-US.md 3.1 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 30.11.2024 04:28 fe6e288

ГГРедактор

ГГРедактор

Визуальный редактор графов на основе G6 и React.

GitHub npm npm

Установка

npm

npm install gg-editor --save

umd

<script src="https://unpkg.com/gg-editor@${version}/dist/index.js"></script>

Использование

Flow

Редактировать ГГРедактор — Flow

import GGEditor, { Flow } from 'gg-editor';

const data = {
  nodes: [
    {
      id: '0',
      label: 'Узел',
      x: 55,
      y: 55,
    },
    {
      id: '1',
      label: 'Узел',
      x: 55,
      y: 255,
    }
  ],
  edges: [
    {
      label: 'Метка',
      source: '0',
      target: '1'
    }
  ]
};

<GGEditor>
  <Flow data={data} />
</GGEditor>;

Mind

Редактировать ГГРедактор — Mind

import GGEditor, { Mind } from 'gg-editor';

const data = {
  label: 'Центральная тема',
  children: [
    {
      label: 'Основная тема 1',
    },
    {
      label: 'Основная тема 2',
    },
    {
      label: 'Основная тема 3',
    }
  ]
};

<GGEditor>
  <Mind data={data} />
</GGEditor>;

Документация

Примеры

# Клонировать репозиторий
$ git clone https://github.com/alibaba/GGEditor.git

# Изменить каталог
$ cd gg-editor

# Установить зависимости
$ npm install

# Запустить примеры
$ npm start
Тип Пример Источник
граф flow источник
граф mind источник
компонент component-command источник
компонент component-item-panel источник
компонент component-detail-panel источник
плагин plugin-editable-label источник
плагин plugin-item-popover источник
плагин plugin-context-menu источник

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/gaoli.gl-gg-editor.git
git@api.gitlife.ru:oschina-mirror/gaoli.gl-gg-editor.git
oschina-mirror
gaoli.gl-gg-editor
gaoli.gl-gg-editor
master