Enum усередині класу (файл визначення TypeScript)

Я шукав навколо, але не можу знайти відповіді на це, сподіваюся, ви можете допомогти. Як я можу додати перелік до Зображення? Це те, чого я хотів би в ідеалі, але я отримую помилку.

declare module 'Lib' {

  export module Graphics {

    export class Image {

      enum State {}

      static STATE_IDLE: State;
      static STATE_LOADING: State;
      static STATE_READY: State;
      static STATE_ERROR: State;

      constructor();

    }

  }

}

Якщо я переміщую State в модуль Graphics, він працює, але зараз State належить Graphics, що неправильно. Це має бути частиною Іміджу.

Я думаю, що наступне є вдосконаленням рішення KoenT:

export class Image
{
    constructor ()
    {
        this.state = Image.State.Idle;
    }

    state: Image.State;
}

export namespace Image
{
    export enum State
    {
        Idle,
        Loading,
        Ready,
        Error
    }
}

Перевага полягає в тому, що ви можете використовувати іменований імпорт:

import {Image} from './image';
let img = new Image()
img.state = Image.State.Error

Ось моє рішення.

program.ts:

enum Status {
    Deleting,
    Editing,
    Existing,
    New
}

export class Program {
    static readonly Status = Status;
    readonly Status = Program.Status;

    title: string;

    status: Status;

    constructor(init?: Partial<Program>) {
        Object.assign(this, init);
    }
}

Використання:

let program = new Program({ title: `some title` });

program.status = Program.Status.New;

або

program.status = program.Status.New;

Додана перевага для користувачів Angular 2+: це можна використовувати в шаблонах

<div *ngIf="program.status === program.Status.New">
  Only display if status of the program is New
</div>

Я також нещодавно зіткнувся з цією проблемою. Це те, що я зараз використовую як рішення:

// File: Image.ts

class Image
{
    constructor()
    {
        this.state = Image.State.Idle;
    }

    state: Image.State;
}

module Image
{
    export enum State
    {
        Idle,
        Loading,
        Ready,
        Error
    }
}

export = Image;

Потім у місці, де я використовую клас та його перелік:

import Image = require("Image");

let state = Image.State.Idle;
let image = new Image();
state = image.state;

Здається, це працює нормально (хоча я не вважаю це очікуваним способом зробити подібні речі).

Сподіваємось, у TypeScript буде спосіб зробити це таким чином:

class Image
{
    enum State
    {
        Idle,
        Loading,
        Ready,
        Error
    }

    constructor()
    {
        this.state = State.Idle;
    }

    state: State;
}

export = Image;

Я думаю, що ці речі з доповненням модулів - це дуже шалений та неінтуїтивний спосіб * робити щось, тому враховуйте це:

export module Graphics
{
    enum State
    {
        STATE_IDLE,
        STATE_LOADING,
        STATE_READY,
        STATE_ERROR
    }

    export class Image
    {
        constructor() { }
        public static readonly State = State;
    }
}

//...

let imgState = Graphics.Image.State.STATE_ERROR;

Тобто, просто оголосіть перелік в області дії класу, до якого ви хочете додати його, не експортуючи, а потім виставити через член класу.

_{* Що стосується структурування та організації коду, це погано, навіть якщо це технічно працює.}

Оновлення

declare module Lib
{
    enum State
    {
        STATE_IDLE,
        STATE_LOADING,
        STATE_READY,
        STATE_ERROR
    }

    class ImageClass
    {
        constructor();
        public Prop: any;
    }

    export interface Graphics
    {
        Image: typeof State & ImageClass & (new () => typeof State & ImageClass);
    }
}

declare var Graphics: Lib.Graphics;

Потім ви отримуєте текст, як:

var someEnum = Graphics.Image.STATE_ERROR;
var image = new Graphics.Image();
var anotherEnum = image.STATE_IDLE;

Я думаю, що я, можливо, знайшов рішення ... чи дійсний TypeScript, я не знаю, але він працює і не викликає помилок компіляції. Це поєднання вищезазначених відповідей.

declare module 'Lib' {

  module Graphics {

    module Image {
      enum State { }
      var STATE_IDLE: State;
      var STATE_LOADING: State;
      var STATE_READY: State;
      var STATE_ERROR: State;
    }

    class Image {
      constructor();
    }

  }

}

Хтось може виявити будь-які потенційні проблеми з цим, які я не помічав?

Я не впевнений, що ви маєте намір зробити, але я міг би очікувати, що ви хочете, enumщоб представляти можливі значення стану, а потім stateчлен на зображенні, щоб вказати поточний стан зображення.

declare module 'Lib' {
    export module Graphics {

        enum State {
            STATE_IDLE,
            STATE_LOADING,
            STATE_READY,
            STATE_ERROR
        }

        export class Image {
            public state: State;

            constructor();
        }

    }
}

Схоже, ви хочете оголосити клас, який має подібні до переліку елементи, а не оголошувати перелік у класі. тобто:

declare module 'Lib' {

    export module Graphics {

        export class Image {
            static STATE_IDLE: number;
            static STATE_LOADING: number;
            static STATE_READY: number;
            static STATE_ERROR: number;

            constructor();
        }
    }
}

Ви можете створити модуль і клас з однаковим іменем. Це також може допомогти перейменувати ваш перелік, так що вам не доведеться говорити Stateдвічі:

declare module 'Lib' {
    export module Graphics {
        export class Image {
            constructor();
        }

        export module Image {
            export enum State {
                Idle,
                Loading,
                Ready,
                Error
            }
        }
    }
}