@worktile/planet 12.1.1 → 14.0.0-next.0

package/examples/app2/src/app/projects/detail/detail.component.ts

@@ -1,21 +0,0 @@
-import { Component, OnInit, HostBinding } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-
-@Component({
-    selector: 'app2-project-detail',
-    templateUrl: './detail.component.html'
-})
-export class ProjectDetailComponent implements OnInit {
-    @HostBinding('class') class = 'thy-layout';
-
-    projectId: string;
-
-    constructor(private route: ActivatedRoute, router: Router) {
-        this.route.paramMap.subscribe(params => {
-            this.projectId = params.get('id');
-            router.navigateByUrl(`/app2/projects/${this.projectId}/tasks`);
-        });
-    }
-
-    ngOnInit() {}
-}

package/examples/app2/src/app/projects/project-list.component.html

@@ -1,29 +0,0 @@
-<thy-content>
-  <input
-    thyInput
-    class="mt-2 mb-2"
-    [(ngModel)]="search"
-    placeholder="搜索项目"
-    [style.width.px]="300"
-    (thyEnter)="getProjects()"
-  />
-  <thy-table
-    thyClassName="table-hover"
-    [thyModel]="projects"
-    [thyLoadingDone]="loadingDone"
-    (thyOnRowClick)="openDetail($event)"
-    thyTheme="bordered"
-    thyRowKey="id"
-  >
-    <thy-table-column thyTitle="名称" thyModelKey="name" thyClassName="same-name"></thy-table-column>
-    <thy-table-column thyTitle="描述" thyModelKey="desc"></thy-table-column>
-    <thy-table-column thyTitle="操作" thyClassName="thy-operation-links text-center">
-      <ng-template #cell let-row>
-        <a href="javascript:;">设置</a>
-        <a class="link-secondary" href="javascript:;">
-          <i class="wtf wtf-trash-o"></i>
-        </a>
-      </ng-template>
-    </thy-table-column>
-  </thy-table>
-</thy-content>

package/examples/app2/src/app/projects/project-list.component.ts

@@ -1,58 +0,0 @@
-import { Component, EventEmitter, OnInit, DoCheck, ApplicationRef, HostBinding } from '@angular/core';
-import { GlobalEventDispatcher } from 'ngx-planet';
-import { ProjectService } from './projects.service';
-import { ThyDialog } from 'ngx-tethys/dialog';
-import { ProjectDetailComponent } from './detail/detail.component';
-import { Router } from '@angular/router';
-import { ThyTableRowEvent } from 'ngx-tethys/table';
-
-@Component({
-    selector: 'app-project-list',
-    templateUrl: './project-list.component.html'
-})
-export class ProjectListComponent implements OnInit, DoCheck {
-    @HostBinding('class') class = 'thy-layout';
-
-    constructor(
-        private router: Router,
-        private globalEventDispatcher: GlobalEventDispatcher,
-        private projectService: ProjectService,
-        private dialog: ThyDialog,
-        private applicationRef: ApplicationRef
-    ) {}
-
-    click = new EventEmitter<any>();
-
-    projects: any[];
-
-    loadingDone: boolean;
-
-    search: string;
-
-    ngOnInit() {
-        this.getProjects();
-    }
-
-    getProjects() {
-        this.loadingDone = false;
-        setTimeout(() => {
-            this.projects = this.projectService.getProjects();
-            this.loadingDone = true;
-        }, 500);
-    }
-
-    openDetail(event: ThyTableRowEvent) {
-        this.router.navigateByUrl(`/app2/projects/${event.row.id}`);
-        this.click.emit();
-        // this.dialog.open(ProjectDetailComponent, {
-        //     hasBackdrop: true,
-        //     backdropClosable: true,
-        //     closeOnNavigation: true
-        // });
-    }
-
-    ngDoCheck() {
-        // this.applicationRef.tick();
-        // console.log(window['appRef'] === this.applicationRef);
-    }
-}

package/examples/app2/src/app/projects/project.resolver.ts

@@ -1,15 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Resolve, Router, ActivatedRouteSnapshot } from '@angular/router';
-import { ProjectService } from './projects.service';
-
-@Injectable({
-    providedIn: 'root'
-})
-export class ProjectResolver implements Resolve<any> {
-    constructor(private projectService: ProjectService, private router: Router) {}
-
-    resolve(route: ActivatedRouteSnapshot) {
-        const projectId = route.params.id;
-        return this.projectService.fetchProject(projectId);
-    }
-}

package/examples/app2/src/app/projects/projects.service.ts

@@ -1,28 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of } from 'rxjs';
-import { delay } from 'rxjs/operators';
-
-@Injectable({
-    providedIn: 'root'
-})
-export class ProjectService {
-    constructor() {}
-
-    getProjects() {
-        return Array.from({ length: 10 }).map((item, index) => {
-            return {
-                id: index,
-                name: `Data ${index}`,
-                desc: 'This is test data'
-            };
-        });
-    }
-
-    fetchProject(projectId: string) {
-        return of({
-            id: projectId,
-            name: `Data ${projectId}`,
-            desc: 'This is test data'
-        }).pipe(delay(100));
-    }
-}

package/examples/app2/src/app/projects/tasks/tasks.component.html

@@ -1,10 +0,0 @@
-<thy-header thySize="sm">
-  <ng-template #headerContent>
-    <thy-nav thyType="thirdly" thyHorizontal="left">
-      <a thyNavLink [routerLink]="['./view-1']" routerLinkActive="active">View1</a>
-      <a thyNavLink [routerLink]="['./view-2']" routerLinkActive="active">View2</a>
-      <a thyNavLink [routerLink]="['./view-3']" routerLinkActive="active">View3</a>
-    </thy-nav>
-  </ng-template>
-</thy-header>
-<router-outlet></router-outlet>

package/examples/app2/src/app/projects/tasks/tasks.component.ts

@@ -1,16 +0,0 @@
-import { Component, OnInit, HostBinding } from '@angular/core';
-import { Router, ActivatedRoute } from '@angular/router';
-
-@Component({
-    selector: 'app2-tasks',
-    templateUrl: './tasks.component.html'
-})
-export class TasksComponent implements OnInit {
-    @HostBinding('class') class = 'thy-layout';
-
-    constructor(router: Router, route: ActivatedRoute) {
-        router.navigate(['./view-1'], { relativeTo: route });
-    }
-
-    ngOnInit(): void {}
-}

package/examples/app2/src/app/projects/view/view.component.html

@@ -1 +0,0 @@
-viewId: {{ viewId }}

package/examples/app2/src/app/projects/view/view.component.ts

@@ -1,20 +0,0 @@
-import { Component, OnInit, HostBinding } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-
-@Component({
-    selector: 'app2-view',
-    templateUrl: './view.component.html'
-})
-export class ViewComponent implements OnInit {
-    @HostBinding('class') class = 'thy-layout-content';
-
-    viewId: string;
-
-    constructor(private route: ActivatedRoute) {
-        route.paramMap.subscribe(param => {
-            this.viewId = param.get('viewId');
-        });
-    }
-
-    ngOnInit(): void {}
-}

package/examples/app2/src/app/root/root.component.html

@@ -1,14 +0,0 @@
-<thy-layout>
-  <thy-sidebar>
-    <div class="sidebar-header">
-      <span class="title cursor-pointer same-name">App2</span>
-    </div>
-    <div class="sidebar-content">
-      <thy-menu>
-        <a thyMenuItem [routerLink]="['/app2/dashboard']" routerLinkActive="active">App2 Dashboard</a>
-        <a thyMenuItem [routerLink]="['/app2/projects']" routerLinkActive="active">App2 Projects</a>
-      </thy-menu>
-    </div>
-  </thy-sidebar>
-  <router-outlet></router-outlet>
-</thy-layout>

package/examples/app2/src/app/root/root.component.scss

@@ -1,12 +0,0 @@
-.header {
-    margin: 10px 20px;
-}
-
-.same-name {
-    color: green;
-    :not([planet]) {
-        .aa {
-            color: #aaa;
-        }
-    }
-}

package/examples/app2/src/app/root/root.component.ts

@@ -1,28 +0,0 @@
-import { PlanetComponentLoader } from 'ngx-planet';
-import { Component, HostBinding, ComponentFactoryResolver, Injector, ApplicationRef, OnInit } from '@angular/core';
-import { ProjectListComponent } from '../projects/project-list.component';
-@Component({
-    selector: 'app2-root-actual',
-    templateUrl: './root.component.html',
-    styleUrls: ['./root.component.scss']
-})
-export class AppActualRootComponent {
-    @HostBinding(`class.thy-layout`) isThyLayout = true;
-    @HostBinding(`class.thy-layout--has-sidebar`) isThyHasSidebarLayout = true;
-
-    constructor() {}
-}
-
-@Component({
-    selector: 'app2-root',
-    template: '<router-outlet></router-outlet>'
-})
-export class AppRootComponent implements OnInit {
-    @HostBinding(`class.thy-layout`) isThyLayout = true;
-
-    constructor(private planetComponentLoader: PlanetComponentLoader) {}
-
-    ngOnInit() {
-        this.planetComponentLoader.register([{ name: 'project1', component: ProjectListComponent }]);
-    }
-}

package/examples/app2/src/app/shared.module.ts

@@ -1,59 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { ThyLayoutModule } from 'ngx-tethys/layout';
-import { ThyButtonModule } from 'ngx-tethys/button';
-import { ThyListModule } from 'ngx-tethys/list';
-import { ThyDialogModule } from 'ngx-tethys/dialog';
-import { ThyMenuModule } from 'ngx-tethys/menu';
-import { ThyCardModule } from 'ngx-tethys/card';
-import { ThyLoadingModule } from 'ngx-tethys/loading';
-import { ThyTableModule } from 'ngx-tethys/table';
-import { ThyNavModule } from 'ngx-tethys/nav';
-import { ThyInputModule } from 'ngx-tethys/input';
-import { ThyIconModule } from 'ngx-tethys/icon';
-
-import { DemoCommonModule } from '@demo/common';
-import { NgxPlanetModule } from 'ngx-planet';
-import { ThyLabelModule } from 'ngx-tethys';
-
-@NgModule({
-    declarations: [],
-    imports: [
-        CommonModule,
-        RouterModule,
-        ThyLayoutModule,
-        ThyButtonModule,
-        ThyListModule,
-        ThyDialogModule,
-        ThyMenuModule,
-        ThyCardModule,
-        ThyLoadingModule,
-        ThyTableModule,
-        ThyNavModule,
-        ThyInputModule,
-        ThyIconModule,
-        DemoCommonModule,
-        NgxPlanetModule
-    ],
-    exports: [
-        CommonModule,
-        RouterModule,
-        ThyLayoutModule,
-        ThyButtonModule,
-        ThyListModule,
-        ThyDialogModule,
-        ThyMenuModule,
-        ThyCardModule,
-        ThyLoadingModule,
-        ThyTableModule,
-        ThyNavModule,
-        ThyInputModule,
-        ThyIconModule,
-        ThyLabelModule,
-        DemoCommonModule,
-        NgxPlanetModule
-    ],
-    providers: []
-})
-export class SharedModule {}

package/examples/app2/src/environments/environment.prod.ts

@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-};

package/examples/app2/src/environments/environment.ts

@@ -1,16 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-    production: false
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

package/examples/app2/src/index.html

@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>App1</title>
-  <base href="/">
-
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app1-root></app1-root>
-</body>
-</html>

package/examples/app2/src/main.ts

@@ -1,36 +0,0 @@
-import { enableProdMode, NgModuleRef, Type, NgZone } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-import { Router } from '@angular/router';
-import { PlanetPortalApplication, PlanetRouterEvent, GlobalEventDispatcher, defineApplication } from 'ngx-planet';
-
-if (environment.production) {
-    enableProdMode();
-}
-
-// 测试沙箱模拟APP2 引入低版本的 lodash
-window['lodash'] = {
-    version: '1.0.0'
-};
-
-defineApplication('app2', {
-    template: `<app2-root></app2-root>`,
-    bootstrap: (portalApp: PlanetPortalApplication) => {
-        return platformBrowserDynamic([
-            {
-                provide: PlanetPortalApplication,
-                useValue: portalApp
-            }
-        ])
-            .bootstrapModule(AppModule)
-            .then(appModule => {
-                return appModule;
-            })
-            .catch(error => {
-                console.error(error);
-                return null;
-            });
-    }
-});

package/examples/app2/src/polyfills.ts

@@ -1,84 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE9, IE10, IE11, and Chrome <55 requires all of the following polyfills.
- *  This also includes Android Emulators with older versions of Chrome and Google Search/Googlebot
- */
-
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/weak-map';
-// import 'core-js/es6/set';
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following for the Reflect API. */
-// import 'core-js/es6/reflect';
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags.ts';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- *  with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- *  (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js'; // Included with Angular CLI.
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */

package/examples/app2/src/styles.scss

@@ -1,28 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-$layout-content-background: #fff;
-$primary: #348fe4;
-
-$btn-border-radius: 4px;
-$btn-border-radius-lg: 4px;
-$btn-border-radius-sm: 4px;
-$btn-border-radius-xs: 4px;
-
-@import 'ngx-tethys/styles/variables.scss';
-@import 'ngx-tethys/styles/index.scss';
-@import './app/root/root.component.scss';
-
-.section-card {
-    display: block;
-    position: relative;
-    padding: 15px;
-    border: 2px $gray-300 dashed;
-
-    .section-card-header {
-        position: absolute;
-        padding: 0 10px;
-        background: $white;
-        top: -10px;
-        left: 5px;
-        color: $gray-600; // $gray-500;
-    }
-}

package/examples/app2/src/test.ts

@@ -1,14 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
-
-declare const require: any;
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

package/examples/app2/tsconfig.app.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/app",
-    "types": []
-  },
-  "files": ["src/main.ts"],
-  "include": ["src/**/*.d.ts"],
-  "exclude": ["test.ts", "**/*.spec.ts"]
-}

package/examples/app2/tsconfig.spec.json

@@ -1,18 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-    "src/test.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}

package/examples/app2/tslint.json

@@ -1,7 +0,0 @@
-{
-  "extends": "../../tslint.json",
-  "rules": {
-    "directive-selector": [true, "attribute", "app", "camelCase"],
-    "component-selector": [true, "element", "app2", "kebab-case"]
-  }
-}