GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 16:11:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adds requiresComponentDeclaration option

Browse Source
This commit is contained in:
Max Sagan 2019-03-29 11:08:55 +11:00
parent a27a523c7a
commit 24b98d9fc4
5 changed files with 40 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
addons/storyshots/storyshots-core/src/frameworks/angular/helpers.ts
View File

@ -34,9 +34,24 @@ const createComponentFromTemplate = (template: string) => {
};
export const initModuleData = (storyObj: NgStory): any => {
const { component, template, props, moduleMetadata = {} } = storyObj;
const {
component,
template,
props,
moduleMetadata = {},
requiresComponentDeclaration: componentRequiresDeclaration = true,
} = storyObj;
const AnnotatedComponent = template ? createComponentFromTemplate(template) : component;
const isCreatingComponentFromTemplate = Boolean(template);
const AnnotatedComponent = isCreatingComponentFromTemplate
? createComponentFromTemplate(template)
: component;
const componentDeclarations =
isCreatingComponentFromTemplate || componentRequiresDeclaration
? [AppComponent, AnnotatedComponent]
: [AppComponent];
const story = {
component: AnnotatedComponent,
@ -44,7 +59,7 @@ export const initModuleData = (storyObj: NgStory): any => {
};
const moduleMeta = getModuleMeta(
[AppComponent, AnnotatedComponent],
componentDeclarations,
[AnnotatedComponent],
[AppComponent],
story,

1
addons/storyshots/storyshots-core/src/frameworks/angular/types.ts
View File

@ -12,6 +12,7 @@ export interface ICollection {
export interface NgStory {
component?: any;
requiresComponentDeclaration?: boolean;
props: ICollection;
propsMeta?: ICollection;
moduleMetadata?: NgModuleMetadata;

1
app/angular/index.d.ts vendored
View File

@ -22,6 +22,7 @@ export interface IStory {
props?: ICollection;
moduleMetadata?: Partial<NgModuleMetadata>;
component?: any;
requiresComponentDeclaration?: boolean;
template?: string;
}

22
app/angular/src/client/preview/angular/helpers.ts
View File

@ -47,9 +47,25 @@ const createComponentFromTemplate = (template: string, styles: string[]) => {
const initModule = (storyFn: IStoryFn) => {
const storyObj = storyFn();
const { component, template, props, styles, moduleMetadata = {} } = storyObj;
const {
component,
template,
props,
styles,
moduleMetadata = {},
requiresComponentDeclaration: componentRequiresDeclaration = true,
} = storyObj;
let AnnotatedComponent = template ? createComponentFromTemplate(template, styles) : component;
const isCreatingComponentFromTemplate = Boolean(template);
const AnnotatedComponent = isCreatingComponentFromTemplate
? createComponentFromTemplate(template, styles)
: component;
const componentDeclarations =
isCreatingComponentFromTemplate || componentRequiresDeclaration
? [AppComponent, AnnotatedComponent]
: [AppComponent];
const story = {
component: AnnotatedComponent,
@ -57,7 +73,7 @@ const initModule = (storyFn: IStoryFn) => {
};
return getModule(
[AppComponent, AnnotatedComponent],
componentDeclarations,
[AnnotatedComponent],
[AppComponent],
story,

1
app/angular/src/client/preview/angular/types.ts
View File

@ -12,6 +12,7 @@ export interface ICollection {
export interface NgStory {
component?: any;
requiresComponentDeclaration?: boolean;
props: ICollection;
propsMeta?: ICollection;
moduleMetadata?: NgModuleMetadata;