@storybook/vue3 7.0.0-beta.29 → 7.0.0-beta.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/config.d.ts +3 -1
- package/dist/config.js +1 -1
- package/dist/config.mjs +1 -1
- package/package.json +6 -6
package/dist/config.d.ts
CHANGED
@@ -12,7 +12,9 @@ declare function decorateStory(storyFn: LegacyStoryFn<VueRenderer>, decorators:
|
|
12
12
|
|
13
13
|
declare const parameters: {
|
14
14
|
docs: {
|
15
|
-
|
15
|
+
story: {
|
16
|
+
inline: boolean;
|
17
|
+
};
|
16
18
|
extractArgTypes: lib_docs_tools_dist.ArgTypesExtractor;
|
17
19
|
extractComponentDescription: typeof lib_docs_tools_dist.extractComponentDescription;
|
18
20
|
};
|
package/dist/config.js
CHANGED
@@ -43,7 +43,7 @@ ${childrenSource}
|
|
43
43
|
`)}function getArgsInAttrs(args,attributes){return Object.keys(args).reduce((acc,prop)=>{attributes!=null&&attributes.find(attr=>attr.name==="v-bind")&&(acc[prop]=args[prop]);let attribute=attributes==null?void 0:attributes.find(attr=>attr.name===prop||attr.name===`:${prop}`);return attribute&&(acc[prop]=attribute.name===`:${prop}`?args[prop]:attribute.value),Object.keys(acc).length===0&&(attributes==null||attributes.forEach(attr=>{acc[attr.name]=JSON.parse(JSON.stringify(attr.value))})),acc},{})}var sourceDecorator=(storyFn,context)=>{var _a,_b,_c;let channel=import_preview_api.addons.getChannel(),skip=skipSourceRender(context),story=storyFn(),source;if((0,import_preview_api.useEffect)(()=>{!skip&&source&&channel.emit(import_docs_tools2.SNIPPET_RENDERED,(context||{}).id,source,"vue")}),skip)return story;let{args={},component:ctxtComponent,argTypes={}}=context||{},components=getTemplates(context==null?void 0:context.originalStoryFn),storyComponent=components.length?components:ctxtComponent,withScript=((_c=(_b=(_a=context==null?void 0:context.parameters)==null?void 0:_a.docs)==null?void 0:_b.source)==null?void 0:_c.withScriptSetup)||!1,generatedScript=withScript?generateScriptSetup(args,argTypes,components):"",generatedTemplate=generateSource(storyComponent,args,argTypes,withScript);return generatedTemplate&&(source=`${generatedScript}
|
44
44
|
<template>
|
45
45
|
${generatedTemplate}
|
46
|
-
</template>`),story};var parameters={docs:{
|
46
|
+
</template>`),story};var parameters={docs:{story:{inline:!0},extractArgTypes,extractComponentDescription:import_docs_tools3.extractComponentDescription}},decorators=[sourceDecorator],argTypesEnhancers=[import_docs_tools3.enhanceArgTypes];var import_ts_dedent=require("ts-dedent"),import_vue=require("vue"),render=(props,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return(0,import_vue.h)(Component,props,getSlots(props,context))},setupFunction=_app=>{};var map=new Map;function renderToCanvas({title,name,storyFn,showMain,showError,showException},canvasElement){var _a;let element,storybookApp=(0,import_vue.createApp)({unmounted(){map.delete(canvasElement)},render(){return map.set(canvasElement,storybookApp),setupFunction(storybookApp),(0,import_vue.h)(element)}});if(storybookApp.config.errorHandler=e=>showException(e),element=storyFn(),!element){showError({title:`Expecting a Vue component from the story: "${name}" of "${title}".`,description:import_ts_dedent.dedent`
|
47
47
|
Did you forget to return the Vue component from the story?
|
48
48
|
Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
|
49
49
|
`});return}showMain(),(_a=map.get(canvasElement))==null||_a.unmount(),storybookApp.mount(canvasElement)}function getSlots(props,context){let{argTypes}=context,slots=Object.entries(props).filter(([key,value])=>{var _a,_b;return((_b=(_a=argTypes[key])==null?void 0:_a.table)==null?void 0:_b.category)==="slots"}).map(([key,value])=>[key,()=>(0,import_vue.h)("span",JSON.stringify(value))]);return Object.fromEntries(slots)}var import_vue2=require("vue"),import_preview_api2=require("@storybook/preview-api");function normalizeFunctionalComponent(options){return typeof options=="function"?{render:options,name:options.name}:options}function prepare(rawStory,innerStory){let story=rawStory;return story==null?null:innerStory?{...normalizeFunctionalComponent(story),components:{...story.components||{},story:innerStory}}:{render(){return(0,import_vue2.h)(story)}}}function decorateStory(storyFn,decorators2){return decorators2.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...(0,import_preview_api2.sanitizeStoryContextUpdate)(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepare(decoratedStory,story)},context=>prepare(storyFn(context)))}var parameters2={framework:"vue3",...parameters};0&&(module.exports={applyDecorators,argTypesEnhancers,decorators,parameters,render,renderToCanvas});
|
package/dist/config.mjs
CHANGED
@@ -43,4 +43,4 @@ ${childrenSource}
|
|
43
43
|
`)}function getArgsInAttrs(args,attributes){return Object.keys(args).reduce((acc,prop)=>{attributes?.find(attr=>attr.name==="v-bind")&&(acc[prop]=args[prop]);let attribute=attributes?.find(attr=>attr.name===prop||attr.name===`:${prop}`);return attribute&&(acc[prop]=attribute.name===`:${prop}`?args[prop]:attribute.value),Object.keys(acc).length===0&&attributes?.forEach(attr=>{acc[attr.name]=JSON.parse(JSON.stringify(attr.value))}),acc},{})}var sourceDecorator=(storyFn,context)=>{let channel=addons.getChannel(),skip=skipSourceRender(context),story=storyFn(),source;if(useEffect(()=>{!skip&&source&&channel.emit(SNIPPET_RENDERED,(context||{}).id,source,"vue")}),skip)return story;let{args={},component:ctxtComponent,argTypes={}}=context||{},components=getTemplates(context?.originalStoryFn),storyComponent=components.length?components:ctxtComponent,withScript=context?.parameters?.docs?.source?.withScriptSetup||!1,generatedScript=withScript?generateScriptSetup(args,argTypes,components):"",generatedTemplate=generateSource(storyComponent,args,argTypes,withScript);return generatedTemplate&&(source=`${generatedScript}
|
44
44
|
<template>
|
45
45
|
${generatedTemplate}
|
46
|
-
</template>`),story};var parameters={docs:{
|
46
|
+
</template>`),story};var parameters={docs:{story:{inline:!0},extractArgTypes,extractComponentDescription}},decorators=[sourceDecorator],argTypesEnhancers=[enhanceArgTypes];var parameters2={framework:"vue3",...parameters};export{decorateStory as applyDecorators,argTypesEnhancers,decorators,parameters2 as parameters,render,renderToCanvas};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@storybook/vue3",
|
3
|
-
"version": "7.0.0-beta.
|
3
|
+
"version": "7.0.0-beta.30",
|
4
4
|
"description": "Storybook Vue 3 renderer",
|
5
5
|
"keywords": [
|
6
6
|
"storybook"
|
@@ -48,11 +48,11 @@
|
|
48
48
|
"prep": "../../../scripts/prepare/bundle.ts"
|
49
49
|
},
|
50
50
|
"dependencies": {
|
51
|
-
"@storybook/core-client": "7.0.0-beta.
|
52
|
-
"@storybook/docs-tools": "7.0.0-beta.
|
51
|
+
"@storybook/core-client": "7.0.0-beta.30",
|
52
|
+
"@storybook/docs-tools": "7.0.0-beta.30",
|
53
53
|
"@storybook/global": "^5.0.0",
|
54
|
-
"@storybook/preview-api": "7.0.0-beta.
|
55
|
-
"@storybook/types": "7.0.0-beta.
|
54
|
+
"@storybook/preview-api": "7.0.0-beta.30",
|
55
|
+
"@storybook/types": "7.0.0-beta.30",
|
56
56
|
"ts-dedent": "^2.0.0",
|
57
57
|
"type-fest": "2.19.0"
|
58
58
|
},
|
@@ -80,5 +80,5 @@
|
|
80
80
|
],
|
81
81
|
"platform": "browser"
|
82
82
|
},
|
83
|
-
"gitHead": "
|
83
|
+
"gitHead": "633f95bec79fb65524a7bcae867448b351920831"
|
84
84
|
}
|