linkmore-flow

Getting Started

Install dependencies,

$ npm i

Start the dev server,

$ npm start

Build documentation,

$ npm run docs:build

Run test,

$ npm test

Build library via father,

$ npm run build

提交规范

git commit 弃用，使用 git cz

目录结构

|-- linkmore-flow
    |-- index.ts
    |-- Flow
    |   |-- README.md                  // API文档
    |   |-- apiDoc.tsx                 // 自动生成Api文档
    |   |-- constants.ts               // 常量定义
    |   |-- flow.tsx                   // 默认参数定义
    |   |-- index.tsx                  // 文件向外暴露
    |   |-- interface.tsx              // 接口定义
    |   |-- shape.tsx                  // 默认X6基类注
    |   |-- components                 // 组件目录
    |   |   |-- DefaultNode.tsx        // 默认渲染的节点组件
    |   |   |-- Label.tsx              // 默认渲染的标签组件
    |   |   |-- index.ts               // 文件向外暴露
    |   |-- demos                      // 默认示例
    |   |   |-- basic.tsx              // 基础示例
    |   |-- fns                        // Hooks方法收集
    |   |   |-- index.ts               // 方法处理及抛出
    |   |   |-- useApplication.tsx     // 应用节点方法事件
    |   |   |-- useEnd.ts              // 终止节点方法事件
    |   |   |-- useExtends.ts          // 收集抽离出的Hooks拓展
    |   |   |-- useJudge.ts            // 分支判断节点方法事件
    |   |   |-- useLoop.ts             // 循环节点方法事件
    |   |   |-- useMount.tsx           // 初始化挂载Graph
    |   |-- wrapper                    // 包装目录
    |       |-- Root.tsx               // 核心文件/数据收集
    |       |-- reducer.ts             // 统一状态管理
    |-- docs                           // 文档统一管理
        |-- README.md                  // 文档集合
        |-- demos                      // 示例目录
            |-- basic.tsx              // 基础示例
            |-- centerContent.tsx      // 居中示例