@worktile/gantt 12.0.1 → 12.1.1

package/docs/guides/intro/index.md

@@ -1,51 +0,0 @@
----
-title: 介绍
-path: 'intro'
-order: 1
----
-
-# 一句话介绍
-
-`ngx-gantt` 是一款基于 Angular 框架的甘特图组件，支持多种视图展示并支持多种高级的特性，能快速的帮助开发者搭建自己的甘特图应用。
-
-# 特性
-
-- 5 种视图（日、周、月、季、年）
-- 任务分组展示
-- 树形结构数据展示并支持异步加载
-- 任务前后置依赖关联及展示
-- 任务拖拽更改时间
-- 表格自定义
-- 滚动加载数据
-- 导出为图片
-- 可定制化开发
-
-# 动机
-
-2020 年，[PingCode](https://pingcode.com) 准备做一款项目集管理的产品 Plan，Plan 这款产品包含多项目路线图管理，进度管理，资源跟踪以及里程碑管理，其中涉及到路线图，里程碑等功能都需要基于甘特图来实现，随后我们开始调研 Github 中开源的一些甘特图的组件，最终都因为不能满足我们的需求而 pass，其中主要的原因有以下几点：
-
-- 不能很好的支持 Angular
-- 有一些功能强大的库依旧依赖 JQuery
-- 不支持多层级展示
-- 默认支持的视图不满足我们的场景
-- 不够灵活
-
-基于上述原因，我们决定自己造轮子，做一款基于 Angular 的甘特图组件。
-
-## 当前版本
-
-[![npm (scoped)](https://img.shields.io/npm/v/@worktile/gantt?style=flat-square)](https://www.npmjs.com/package/@worktile/gantt)
-
-## 支持 Angular 版本
-
-`ngx-gantt` 与 `@angular/core` 保持相同的主版本号，目前支持 Angular ^12.0.0 版本。
-
-## 依赖第三方库
-
-- Components Dev Kit (Angular CDK)
-- date-fns
-- html2canvas
-
-# 参与贡献
-
-Gantt 目前还处于开发中，欢迎一起参与贡献 https://github.com/worktile/ngx-gantt 。

package/example/browserslist

@@ -1,12 +0,0 @@
-# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-
-# You can see what browsers were selected by your queries by running:
-#   npx browserslist
-
-> 0.5%
-last 2 versions
-Firefox ESR
-not dead
-not IE 9-11 # For IE 9-11 support, remove 'not'.

package/example/src/app/app-routing.module.ts

@@ -1,26 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-import { AppGanttExampleComponent } from './gantt/gantt.component';
-import { AppGanttAdvancedExampleComponent } from './gantt-advanced/gantt-advanced.component';
-import { AppGanttRangeExampleComponent } from './gantt-range/gantt-range.component';
-import { AppExampleComponentsComponent } from './components/components.component';
-import { AppGanttGroupsExampleComponent } from './gantt-groups/gantt-groups.component';
-
-const routes: Routes = [
-    {
-        path: 'components',
-        component: AppExampleComponentsComponent,
-        children: [
-            { path: '', redirectTo: 'basic', pathMatch: 'full' },
-            { path: 'basic', component: AppGanttExampleComponent },
-            { path: 'groups', component: AppGanttGroupsExampleComponent },
-            { path: 'advanced', component: AppGanttAdvancedExampleComponent }
-        ]
-    }
-];
-
-@NgModule({
-    imports: [RouterModule.forRoot(routes)],
-    exports: [RouterModule]
-})
-export class AppRoutingModule {}

package/example/src/app/app.component.html

@@ -1,2 +0,0 @@
-<dg-navbar></dg-navbar>
-<router-outlet></router-outlet>

package/example/src/app/app.component.ts

@@ -1,11 +0,0 @@
-import { Component, HostBinding } from '@angular/core';
-
-@Component({
-    selector: 'example-root',
-    templateUrl: `./app.component.html`,
-    styles: [],
-})
-export class AppComponent {
-    @HostBinding(`class.dg-main`) isRoot = true;
-    title = 'example';
-}

package/example/src/app/app.module.ts

@@ -1,57 +0,0 @@
-import { ThyLayoutModule } from 'ngx-tethys/layout';
-import { setPrintErrorWhenIconNotFound } from 'ngx-tethys/icon';
-import { ThyNavModule } from 'ngx-tethys/nav';
-import { ThyButtonModule } from 'ngx-tethys/button';
-import { ThyCheckboxModule } from 'ngx-tethys/checkbox';
-import { ThyNotifyModule } from 'ngx-tethys/notify';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { NgxGanttModule } from 'ngx-gantt';
-import { AppComponent } from './app.component';
-import { AppGanttExampleComponent } from './gantt/gantt.component';
-import { AppRoutingModule } from './app-routing.module';
-import { CommonModule } from '@angular/common';
-import { AppGanttAdvancedExampleComponent } from './gantt-advanced/gantt-advanced.component';
-import { AppGanttRangeExampleComponent } from './gantt-range/gantt-range.component';
-import { DOCGENI_SITE_PROVIDERS } from './content/index';
-import { DocgeniTemplateModule } from '@docgeni/template';
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { AppGanttFlatComponent } from './gantt-advanced/component/flat.component';
-import { EXAMPLE_MODULES } from './content/example-modules';
-import { AppExampleComponentsComponent } from './components/components.component';
-import { AppGanttGroupsExampleComponent } from './gantt-groups/gantt-groups.component';
-
-@NgModule({
-    declarations: [
-        AppComponent,
-        AppExampleComponentsComponent,
-        AppGanttExampleComponent,
-        AppGanttAdvancedExampleComponent,
-        AppGanttGroupsExampleComponent,
-        AppGanttRangeExampleComponent,
-        AppGanttFlatComponent
-    ],
-    imports: [
-        BrowserModule,
-        BrowserAnimationsModule,
-        CommonModule,
-        DocgeniTemplateModule,
-        NgxGanttModule,
-        AppRoutingModule,
-        RouterModule.forRoot([]),
-        ThyButtonModule,
-        ThyNavModule,
-        ThyLayoutModule,
-        ThyCheckboxModule,
-        ThyNotifyModule,
-        ...EXAMPLE_MODULES
-    ],
-    providers: [...DOCGENI_SITE_PROVIDERS],
-    bootstrap: [AppComponent]
-})
-export class AppModule {
-    constructor() {
-        setPrintErrorWhenIconNotFound(false);
-    }
-}

package/example/src/app/components/components.component.html

@@ -1,6 +0,0 @@
-<div class="dg-layout dg-scroll-container">
-  <dg-sidebar [menus]="menus"></dg-sidebar>
-  <div class="gantt-example-content" style="margin-left: 300px">
-    <router-outlet></router-outlet>
-  </div>
-</div>

package/example/src/app/components/components.component.ts

@@ -1,33 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { DocItem } from '@docgeni/template';
-
-@Component({
-    selector: 'app-example-components',
-    templateUrl: './components.component.html'
-})
-export class AppExampleComponentsComponent implements OnInit {
-    menus: DocItem[] = [
-        {
-            id: 'basic',
-            title: '基本使用',
-            subtitle: 'Basic',
-            path: 'basic'
-        },
-        {
-            id: 'groups',
-            title: '分组展示',
-            subtitle: 'Groups',
-            path: 'groups'
-        },
-        {
-            id: 'advanced',
-            title: '高级使用',
-            subtitle: 'Advanced',
-            path: 'advanced'
-        }
-    ];
-
-    constructor() {}
-
-    ngOnInit() {}
-}

package/example/src/app/configuration/parameters/api/zh-cn.js

@@ -1,350 +0,0 @@
-module.exports = [
-    {
-        type: 'component',
-        name: 'ngx-gantt',
-        description: '',
-        properties: [
-            {
-                name: 'items',
-                description: `设置数据项，如果单独设置items则会以列表形式展示，如果需要分组展示，则需要设置属性groupId对应分组数据`,
-                type: 'GanttItem[]'
-            },
-            {
-                name: 'groups',
-                description: `设置分组数据`,
-                type: 'GanttGroup[]'
-            },
-            {
-                name: 'viewType',
-                description: `设置视图类型`,
-                type: `day | month | quarter`,
-                default: 'month'
-            },
-            {
-                name: 'start',
-                description: `设置甘特图开始时间，格式为10位时间戳`,
-                type: 'number'
-            },
-            {
-                name: 'end',
-                description: `设置甘特图结束时间，格式为10位时间戳`,
-                type: 'number'
-            },
-            {
-                name: 'draggable',
-                description: `设置是否可拖拽`,
-                type: 'boolean',
-                default: 'false'
-            },
-
-            {
-                name: 'linkable',
-                description: `设置是否可连接关联关系`,
-                type: 'boolean',
-                default: 'false'
-            },
-
-            {
-                name: 'maxLevel',
-                description: `设置最大展示层级`,
-                type: 'number',
-                default: 2
-            },
-
-            {
-                name: 'async',
-                description: `设置是否开始异步`,
-                type: 'boolean',
-                default: 'false'
-            },
-            {
-                name: 'childrenResolve',
-                description: `设置异步数据源返回函数，返回值为 Observable 数据流`,
-                type: 'Function'
-            },
-
-            {
-                name: 'styles',
-                description: `配置内置的样式选项`,
-                type: 'GanttStyles'
-            },
-            {
-                name: 'viewOptions',
-                description: `配置视图选项`,
-                type: 'GanttViewOptions'
-            },
-            {
-                name: 'disabledLoadOnScroll',
-                description: `设置是否禁用滚动加载`,
-                type: 'boolean',
-                default: false
-            },
-            {
-                name: 'loadOnScroll',
-                description: `滚动加载事件`,
-                type: 'EventEmitter<GanttLoadOnScrollEvent>'
-            },
-            {
-                name: 'dragStarted',
-                description: `拖拽开始后事件`,
-                type: 'EventEmitter<GanttDragEvent>'
-            },
-            {
-                name: 'dragEnded',
-                description: `拖拽结束后事件`,
-                type: 'EventEmitter<GanttDragEvent>'
-            },
-            {
-                name: 'linkDragStarted',
-                description: `关联关系拖拽开始后事件`,
-                type: 'EventEmitter<GanttLinkDragEvent>'
-            },
-            {
-                name: 'linkDragEnded',
-                description: `关联关系拖拽结束后事件`,
-                type: 'EventEmitter<GanttLinkDragEvent>'
-            },
-            {
-                name: 'barClick',
-                description: `右侧时间条点击事件`,
-                type: 'EventEmitter<GanttBarClickEvent>'
-            },
-            {
-                name: 'lineClick',
-                description: `关联关系线点击时间`,
-                type: 'EventEmitter<GanttLinkDragEvent>'
-            },
-            {
-                name: '#group',
-                description: `设置分组显示模板`,
-                type: 'TemplateRef<any>'
-            },
-            {
-                name: '#bar',
-                description: `设置时间条显示模板`,
-                type: 'TemplateRef<any>'
-            },
-            {
-                name: '#groupHeader',
-                description: `设置分组头部显示模板`,
-                type: 'TemplateRef<any>'
-            },
-            {
-                name: '#tableEmpty',
-                description: `设置空表格模板`,
-                type: 'TemplateRef<any>'
-            }
-        ]
-    },
-    {
-        type: 'component',
-        name: 'ngx-gantt-table',
-        description: '甘特图左侧表格',
-        properties: [
-            {
-                name: 'columnChanges',
-                description: `列宽变化事件集`,
-                type: 'EventEmitter<GanttTableEvent>'
-            }
-        ]
-    },
-    {
-        type: 'component',
-        name: 'ngx-gantt-column',
-        description: '甘特图左侧列',
-        properties: [
-            {
-                name: 'name',
-                description: `设置列名称`,
-                type: 'string'
-            },
-            {
-                name: 'width',
-                description: `设置列宽`,
-                type: 'string ｜ number'
-            },
-            {
-                name: '#header',
-                description: `设置每列头部模板`,
-                type: 'TemplateRef<any>'
-            },
-            {
-                name: '#cell',
-                description: `设置每列内容模板`,
-                type: 'TemplateRef<any>'
-            }
-        ]
-    },
-    {
-        type: 'component',
-        name: 'ngx-gantt-bar',
-        description: '数据项条形图展示组件',
-        properties: [
-            {
-                name: 'template',
-                description: `设置时间条显示模板`,
-                type: 'TemplateRef<any>'
-            },
-            {
-                name: 'item',
-                description: `设置时间条显示数据`,
-                type: 'GanttItemInternal'
-            },
-            {
-                name: 'barClick',
-                description: `数据项条形图点击事件`,
-                type: 'EventEmitter<GanttBarClickEvent>'
-            }
-        ]
-    },
-    {
-        type: 'component',
-        name: 'ngx-gantt-range',
-        description: '数据项区间展示组件',
-        properties: [
-            {
-                name: 'template',
-                description: `设置区间展示模板`,
-                type: 'TemplateRef<any>'
-            },
-            {
-                name: 'item',
-                description: `设置区间展示数据`,
-                type: 'GanttItemInternal'
-            }
-        ]
-    },
-    {
-        type: 'component',
-        name: 'ngx-gantt-root',
-        description: '甘特图根组件',
-        properties: [
-            {
-                name: 'sideWidth',
-                description: `设置甘特图左侧内容宽度`,
-                type: 'number'
-            },
-            {
-                name: 'sideTemplate',
-                description: `设置甘特图左侧内容模板`,
-                type: 'TemplateRef<any>'
-            },
-            {
-                name: 'mainTemplate',
-                description: `设置甘特图右侧主要内容模板`,
-                type: 'TemplateRef<any>'
-            }
-        ]
-    }
-    // {
-    //     type: 'class',
-    //     name: 'GanttItem',
-    //     description: '数据项格式定义',
-    //     properties: [
-    //         {
-    //             name: 'id',
-    //             description: `唯一标识`,
-    //             type: 'string'
-    //         },
-    //         {
-    //             name: 'title',
-    //             description: `名称`,
-    //             type: 'string'
-    //         },
-    //         {
-    //             name: 'start',
-    //             description: `开始时间`,
-    //             type: 'number'
-    //         },
-    //         {
-    //             name: 'end',
-    //             description: `截止时间`,
-    //             type: 'number'
-    //         },
-    //         {
-    //             name: 'group_id',
-    //             description: `对应分组的Id`,
-    //             type: 'string'
-    //         },
-    //         {
-    //             name: 'links',
-    //             description: `关联数据项Ids`,
-    //             type: 'string[]'
-    //         },
-    //         {
-    //             name: 'color',
-    //             description: `设置颜色`,
-    //             type: 'string'
-    //         },
-    //         {
-    //             name: 'draggable',
-    //             description: `设置是否可拖拽`,
-    //             type: 'boolean'
-    //         },
-    //         {
-    //             name: 'linkable',
-    //             description: `设置是否可关联/被关联`,
-    //             type: 'boolean'
-    //         },
-    //         {
-    //             name: 'expand',
-    //             description: `设置是否展开`,
-    //             type: 'boolean',
-    //             default: 'false'
-    //         },
-    //         {
-    //             name: 'children',
-    //             description: `设置子数据`,
-    //             type: 'GanttItem[]',
-    //             default: ''
-    //         },
-    //         {
-    //             name: 'origin',
-    //             description: `设置原始数据`,
-    //             type: 'T',
-    //             default: ''
-    //         },
-    //         {
-    //             name: 'type',
-    //             description: `数据展示方式（区间展示和普通展示）`,
-    //             type: 'GanttItemType',
-    //             default: ''
-    //         },
-    //         {
-    //             name: 'progress',
-    //             description: `进度`,
-    //             type: 'number',
-    //             default: ''
-    //         }
-    //     ]
-    // },
-    // {
-    //     type: 'class',
-    //     name: 'GanttGroup',
-    //     description: '分组数据格式定义',
-    //     properties: [
-    //         {
-    //             name: 'id',
-    //             description: `唯一标识`,
-    //             type: 'string'
-    //         },
-    //         {
-    //             name: 'title',
-    //             description: `名称`,
-    //             type: 'string'
-    //         },
-    //         {
-    //             name: 'expand',
-    //             description: `设置是否展开`,
-    //             type: 'boolean',
-    //             default: 'true'
-    //         },
-    //         {
-    //             name: 'origin',
-    //             description: `设置原始数据`,
-    //             type: 'T',
-    //             default: ''
-    //         }
-    //     ]
-    // }
-];

package/example/src/app/configuration/parameters/doc/zh-cn.md

@@ -1,5 +0,0 @@
----
-category: config
-title: 参数
-subtitle: Parameters
----

package/example/src/app/gantt/gantt.component.html

@@ -1,51 +0,0 @@
-<thy-layout>
-  <thy-header>
-    <ng-template #headerContent>
-      <thy-button-group thySize="sm" thyType="outline-default">
-        <button thyButton *ngFor="let view of views" [class.active]="view.value === viewType" (click)="viewType = view.value">
-          {{ view.name }}
-        </button>
-      </thy-button-group>
-      &nbsp; &nbsp; &nbsp;
-      <thy-button thyType="primary" thySize="sm" (click)="print('gantt-example')"> ↓ 导出为图片 </thy-button>
-    </ng-template>
-    <ng-template #headerOperation>
-      <a href="https://github.com/worktile/ngx-gantt/blob/master/example/src/app/gantt" target="_blank">查看源码</a>
-    </ng-template>
-  </thy-header>
-  <thy-content>
-    <ngx-gantt
-      #gantt
-      [items]="items"
-      [viewType]="viewType"
-      [async]="true"
-      [childrenResolve]="childrenResolve"
-      [draggable]="true"
-      [linkable]="true"
-      (barClick)="barClick($event)"
-      (lineClick)="lineClick($event)"
-      (dragEnded)="dragEnded($event)"
-      (linkDragEnded)="linkDragEnded($event)"
-    >
-      <ngx-gantt-table>
-        <ngx-gantt-column name="标题" width="180px">
-          <ng-template #cell let-item="item"> {{ item.title }} </ng-template>
-        </ngx-gantt-column>
-        <ngx-gantt-column name="开始时间" width="140px">
-          <ng-template #cell let-item="item">
-            {{ item.start * 1000 | date: 'yyyy-MM-dd' }}
-          </ng-template>
-        </ngx-gantt-column>
-        <ngx-gantt-column name="截止时间" width="140px">
-          <ng-template #cell let-item="item">
-            {{ item.end * 1000 | date: 'yyyy-MM-dd' }}
-          </ng-template>
-        </ngx-gantt-column>
-      </ngx-gantt-table>
-
-      <ng-template #bar let-item="item">
-        <span style="color: #fff">&nbsp;&nbsp;{{ item.title }} </span>
-      </ng-template>
-    </ngx-gantt>
-  </thy-content>
-</thy-layout>