bin-lib

说明文档

介绍

Для реализации организационной структуры была создана упрощённая версия организационной структуры, компоненты которой зависят от vue-org-tree. На этой основе часть исходного кода была оптимизирована и модифицирована, а labelWidth был изменён на labelStyle, чтобы предоставить полный доступ к изменению стиля меток извне. Также прилагаются тестовые примеры и документация по разработке.

Установка

CDN установка

На unpkg.com/bin-tree-org можно найти последние версии ресурсов, а также выбрать нужную версию. Чтобы начать использовать, достаточно импортировать файлы js и css на страницу:

<!-- import Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- import bin-tree-org -->
<link href="https://unpkg.com/bin-tree-org@1.0.0/lib/style/style.css">
<script src="https://unpkg.com/bin-tree-org@1.0.0/lib/index.min.js"></script>

@1.0.0 обозначает номер версии. Рекомендуется зафиксировать номер версии для обеспечения стабильности кода.

npm установка

Рекомендуется установить с помощью npm, так как это позволяет лучше интегрироваться с инструментом сборки webpack и поддерживает импорт только необходимых компонентов.

npm i bin-tree-org -S
# or 
yarn add bin-tree-org

Если вы знакомы с node.js, npm и хотите использовать webpack, ознакомьтесь со следующим разделом: «Быстрое начало работы» (/#/start).

Импорт

В main.js добавьте следующий код:

import Vue from 'vue'
import BinOrgTree from 'bin-tree-org'

Vue.use(BinOrgTree)

Последняя версия

Связанные ссылки

bin-ui