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

OSCHINA-MIRROR/gaoli.gl-gg-editor

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

GGEditor

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

GitHub npm npm

Установка

npm

npm install gg-editor --save

umd

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

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

Поток диаграммы

Edit GGEditor — Flow

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

const data = {
  nodes: [
    {
      id: '0',
      label: 'Node',
      x: 55,
      y: 55,
    },
    {
      id: '1',
      label: 'Node',
      x: 55,
      y: 255,
    }
  ],
  edges: [
    {
      label: 'Label',
      source: '0',
      target: '1'
    }
  ]
};

<GGEditor>
  <Flow style={{ width: 500, height: 500 }} data={data} />
</GGEditor>;

Диаграмма разума

Edit GGEditor — Mind

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

const data = {
  label: 'Central Topic',
  children: [
    {
      label: 'Main Topic 1'
    },
    {
      label: 'Main Topic 2'
    },
    {
      label: 'Main Topic 3'
    }
  ]
};

<GGEditor>
  <Mind style={{ width: 500, height: 500 }} data={data} />
</GGEditor>;

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

Примеры

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

# Перейти в каталог  
$ cd gg-editor  

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

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

Комментарии ( 0 )

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

Введение

Визуальный редактор диаграмм на основе G6 и React. Развернуть Свернуть
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
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