narrat 2.0.6 → 2.0.9-rc-1

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2020 Liana Pigeot
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2020 Liana Pigeot
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,38 +1,105 @@
-# 🚀 Narrat
-
-## Narrat 2.0
-
-This is the narrat 2.0 branch. See the [Narrat 2.0 update docs](https://docs.get-narrat.com/readme/narrat-2.0) for more info, or look at the changelog.
-
-2.0 version can be installed with `npm install narrat@next`, as it's not pushed as the main release yet (main release is still 1.x).
-
-There are syntax changes in usage of $if functions and also an auto script converter available in the [2.0 update docs](https://docs.get-narrat.com/readme/narrat-2.0).
-
-## Original Docs
-
-![example workflow](https://github.com/nialna/narrat/actions/workflows/main.yml/badge.svg)
-
-A narrative game engine for text-based games. Inspired by renpy syntax, but built to be customisable, extendable and web-focused. See the [website](https://get-narrat.com)
-
-![Narrat banner image](https://gblobscdn.gitbook.com/assets%2F-Mh95QNKFZeeRV90-ZSq%2F-MiI7tyjjriQTQI80bhM%2F-MiI83Ys6ED75AlZ_dVT%2Fnarrat-banner.jpg?alt=media&token=9d72e03f-c2ba-4fcb-8579-491b0f8940d8)
-
-You can [try a little demo](https://get-narrat.com/demo/). It contains a built version of the [narrat demo repo](https://github.com/nialna/narrat-demo).
-
-Game dialogue info is written in files with a similar syntax to Renpy (.rpy files). Those files get loaded by the game engine which plays through them. This allows us to use [renpy syntax highlighting](https://marketplace.visualstudio.com/items?itemName=LuqueDaniel.languague-renpy) in vs code easily. It is **not renpy** though, just inspired from it. Eventually narrat might have its own language and file extension support.
-
-## Usage
-
-See the [Documentation](https://docs.get-narrat.com/) for more info, or jump directly in the [Getting Started Guide](https://docs.get-narrat.com/getting-started)
-
-## Features
-
-- Flexible dialog writing with branching and conditions
-- Multiple script files support with labels and jumps to organise script writing
-- Multiple speaking characters support with icons and poses
-- Custom variables in scripts to create flags or other data the game needs to track
-- Seamless saving and reloading
-- UI with buttons that can be used for example to create world maps with clickable locations (the buttons can be controlled in scripts)
-- Sound and music support
-- Delays between script lines
-- Electron build to turn the game into a pc/mac/linux app (template to be updated with example soon)
-- Skill checks (Feature still early, needs a UI for viewing skills and creating characters)
+# 🚀 Narrat
+
+![example workflow](https://github.com/nialna/narrat/actions/workflows/main.yml/badge.svg)
+
+Narrat is a game engine for making interactive narrative RPGs packed with features.. Create your game by editing with a Simple scripting syntax. It supports Skills with skill check rolls, an Items inventory, and has a Quests System. The script system is very powerful and allows branching choices, functions, variables and conditions.
+
+More info on the [narrat website](https://get-narrat.com). There is an [online demo](https://get-narrat.com/demo/) available to try in the browser.
+
+## Getting Started
+
+The best way to get started in a minute is to follow the [Getting Started](https://docs.get-narrat.com/guides/getting-started) documentation page. It shows you to download the ready-to-use game template to get started writing a game with narrat.
+
+## Development (for contributors)
+
+Narrat is written in [TypeScript](https://www.typescriptlang.org/). It uses the [Vue](https://vuejs.org/) framework for front-end development. It also uses [pinia](https://pinia.vuejs.org/) for state management
+
+### Requirements
+
+- [node.js](https://nodejs.org/en/) (Downloading LTS is fine)
+- A text editor capable of editing a TypeScript and Vue.js project. Recommended: [VSCode](https://code.visualstudio.com/) and the extension [Volar](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-volar) for Vue.
+
+### Running the engine for development
+
+1. Install dependencies
+
+`npm install`
+
+2. Run the demo
+
+`npm start`
+
+This starts the engine on the demo page with the `example.rpy` demo script loaded for testing.
+
+### Available npm commands
+
+- `start`: Start the demo for development
+- `build`: The main build command, builds the library in a state ready to use or publish.
+- `test`: Unit tests, used in CI
+- `dev`: Same as start
+- `generate-types`: Generates `.d.ts` type declaration files for the library (auto run on builds)
+- `fix-type-aliases`: Uses [tsc-alias](https://www.npmjs.com/package/tsc-alias) to auto-replace [path mappings](https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping) in the built files, as the TypeScript compiler doesn't do it. (auto run at the end of builds)
+- `lint`: Runs the linter on the code (used in CI)
+- `check-types`: Validates TypeScript types.
+
+### CI info
+
+The following tasks run on CI, and CI is required to pass for pull requests to be merged:
+
+- Linting
+- Engine build
+- Unit tests (currently only the parser is unit tested)
+- TypeScript type checking.
+
+Please make sure your code passes lint/tests/build/type checks before opening a PR.
+
+### Working on the code
+
+The narrat codebase isn't currently documented, outside of the [usage docs](https://docs.get-narrat.com). The code is fully written in TypeScript though and should be clearly separated enough to be approachable.
+
+### Engine architecture
+
+The narrat engine runs primarily as a Vue app. All the UI in the game is made of Vue components, and when a game uses narrat it effectively creates a Vue app.
+
+#### App state
+
+The engine's state is stored in pinia. It is split in separate pinia modules for different areas of the engine. They can all be found in the [src/stores](src/stores) folder.
+
+- `audio`: handles playing and stopping audio and music
+- `dialog`: Receives and stores all lines of dialogue created by game scripts which appear at the right of the game in the main interactive narrative view.
+- `hud`: Stores stats which are displayed on the hud
+- `inventory`: Manages the player's item inventory
+- `main`: Manages app-level logic and other generic systems like startup/reset/load/save
+- `notifications`: Manages notifications which appear at the top of the screen
+- `quests`: Manages quests and objectives
+- `rendering`: Manages the layout's state for dynamically placing and resizing the game UI
+- `skills`: Manages player skills and xp. Also store skill check states
+- `vm`: Manages the virtual machine which runs the scripting language and controls the game flow.
+
+All stores can be accessed anywhere in the code with the `use` hooks (example: `useVM()`).
+
+#### Scripting language (VM and parser)
+
+The scripting language for narrat runs in a virtual machine which has its state stored in the Vue app with Pinia.
+
+The narrat scripting language relies on the parser and the vm. The code for the parser is mainly in [src/vm/vm-parser.ts](src/vm/vm-parser.ts). The parser is in charge of taking the `.rpy` files as input, and returning a tree of parsed expressions that the engine can use.
+
+The actual VM is what runs narrat games, and generally controls the flow of the application. The general logic for the vm is in the `vm` store, but there is also some logic sprinkled in the `src/vm` file.
+
+All the actual operations available to the scripting language (like `talk`) are defined as Command plugins. The built-in commands included in the language by default are in the [src/vm/commands](src/vm/commands/) folder. More command can be added by games by registering plugins.
+
+#### Adding new commands
+
+Language commands are defined in the `vm/commands` folder. It should be easy to add new commands to the game engine by looking at the existing commands as an example. New command plugins are included in the `vm/commands/index` file.
+
+#### Config file
+
+The main config file has a type defined in `src/config.ts`. The vast majority of the config options for narrat are passed in this config files, which games must provide to the engine when starting. New options for the engine should be added to the type for the config file, and also have their default value included in the `src/defaultConfig.ts` file.
+
+Engine code can access the config with the `getConfig()` function.
+
+#### Plugin system
+
+There is now a plugin system developers can use to add new functionality to narrat (more documentation soon). See the [narrat-bitsy](https://github.com/liana-pigeot/narrat-bitsy) plugin for an example.
+
+(Note: The narrat-bitsy plugin hasn't been updated for 2.0.0 and might be a bit out of date).

package/dist/app.vue.d.ts

@@ -1,106 +1,96 @@
-import { PropType } from 'vue';
-import { DialogBoxParameters } from './types/dialog-box-types';
-import { GameConfig } from './types/app-types';
-import { AppOptions } from './config';
-import { DialogKey } from './stores/dialog-store';
-declare const _default: import("vue").DefineComponent<{
-    config: PropType<GameConfig>;
-    options: PropType<AppOptions>;
-}, {
-    dialog: import("vue").ComputedRef<{
-        speaker: string;
-        text: string;
-        pose?: string | undefined;
-        choices?: {
-            choice: string;
-            originalIndex: number;
-            allowed: boolean;
-        }[] | undefined;
-        textField?: boolean | undefined;
-        interactive: boolean;
-        id: string;
-    }[]>;
-    stack: import("vue").ComputedRef<{
-        currentIndex: number;
-        branchData: {
-            branch: {
-                code: string;
-                command: {
-                    commandType: string;
-                    operator: string;
-                    args: (import("./types/parser").Parser.Primitive | {
-                        code: string;
-                        command: any;
-                        fileName: string;
-                        line: number;
-                    })[];
-                    options: import("./types/parser").Parser.DefaultArg;
-                    staticOptions: {};
-                };
-                fileName: string;
-                line: number;
-            }[];
-            args?: string[] | undefined;
-        };
-        label: string;
-        scope: {
-            [key: string]: any;
-        };
-        onComplete?: ((result: any) => void) | undefined;
-        returnValue: any;
-    }[]>;
-    modal: import("vue").ComputedRef<string | false>;
-    flowState: import("vue").ComputedRef<"menu" | "playing">;
-}, {
-    lineTitle: string;
-    lineText: string;
-    gameLoaded: boolean;
-    loadingStep: string;
-    loadingPercentage: number;
-    hasSave: boolean;
-}, {
-    dialogLength(): number;
-    lastDialog(): DialogKey | undefined;
-    picture(): string | undefined;
-    backgroundStyle(): any;
-    layoutWidth(): number;
-    gameTitle(): string;
-    inGame(): boolean;
-    layoutHeight(): number;
-    backgroundSize(): {
-        width: number;
-        height: number;
-        left: number;
-        top: number;
-    };
-    dialogWidth(): number;
-    dialogStyle(): any;
-    gameWidth(): number;
-    gameHeight(): number;
-    appStyle(): any;
-    gameStyle(): any;
-    screenRatio(): number;
-    dialogContainerStyle(): any;
-    currentLine: () => import("./types/parser").Parser.ParsedExpression<import("./types/parser").Parser.DefaultArg, {}> | undefined;
-    screenWidth: () => number;
-    screenHeight: () => number;
-    canvasWidth: () => number;
-    canvasHeight: () => number;
-    topOffset: () => number;
-    leftOffset: () => number;
-    layoutMode: () => "horizontal" | "vertical";
-}, {
-    setupMachine(): Promise<void>;
-    getSaveFile(): string | null;
-    startGame(): Promise<void>;
-    loadGame(): Promise<void>;
-    isDialogActive(i: number): boolean;
-    nextLine(): void;
-    updateScreenSize(): void;
-    closeModal(): void;
-    getDialogBoxOptions(dialogKey: DialogKey, index: number): DialogBoxParameters;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    config: PropType<GameConfig>;
-    options: PropType<AppOptions>;
-}>>, {}>;
-export default _default;
+import { PropType } from 'vue';
+import { GameConfig } from './types/app-types';
+import { AppOptions } from './config';
+declare const _default: import("vue").DefineComponent<{
+    config: PropType<GameConfig>;
+    options: PropType<AppOptions>;
+}, {
+    dialog: import("vue").ComputedRef<{
+        speaker: string;
+        text: string;
+        pose?: string | undefined;
+        choices?: {
+            choice: string;
+            originalIndex: number;
+            allowed: boolean;
+        }[] | undefined;
+        textField?: boolean | undefined;
+        interactive: boolean;
+        id: string;
+    }[]>;
+    stack: import("vue").ComputedRef<{
+        currentIndex: number;
+        branchData: {
+            branch: {
+                code: string;
+                command: {
+                    commandType: string;
+                    operator: string;
+                    args: (import("./types/parser").Parser.Primitive | {
+                        code: string;
+                        command: any;
+                        fileName: string;
+                        line: number;
+                    })[];
+                    options: import("./types/parser").Parser.DefaultArg;
+                    staticOptions: {};
+                };
+                fileName: string;
+                line: number;
+            }[];
+            args?: string[] | undefined;
+        };
+        label: string;
+        scope: {
+            [key: string]: any;
+        };
+        onComplete?: ((result: any) => void) | undefined;
+        returnValue: any;
+    }[]>;
+    modal: import("vue").ComputedRef<string | false>;
+    flowState: import("vue").ComputedRef<"menu" | "playing">;
+}, {
+    lineTitle: string;
+    lineText: string;
+    gameLoaded: boolean;
+    loadingStep: string;
+    loadingPercentage: number;
+    hasSave: boolean;
+}, {
+    backgroundStyle(): any;
+    layoutWidth(): number;
+    gameTitle(): string;
+    inGame(): boolean;
+    layoutHeight(): number;
+    backgroundSize(): {
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    };
+    gameWidth(): number;
+    gameHeight(): number;
+    appStyle(): any;
+    gameStyle(): any;
+    screenRatio(): number;
+    currentLine: () => import("./types/parser").Parser.ParsedExpression<import("./types/parser").Parser.DefaultArg, {}> | undefined;
+    screenWidth: () => number;
+    screenHeight: () => number;
+    canvasWidth: () => number;
+    canvasHeight: () => number;
+    topOffset: () => number;
+    leftOffset: () => number;
+    layoutMode: () => "horizontal" | "vertical";
+}, {
+    setupMachine(): Promise<void>;
+    getSaveFile(): string | null;
+    startGame(): Promise<void>;
+    loadGame(): Promise<void>;
+    nextLine(): void;
+    updateScreenSize(): void;
+    closeModal(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    config: PropType<GameConfig>;
+    options: PropType<AppOptions>;
+}>>, {}>;
+export default _default;

package/dist/components/MainMenu.vue.d.ts

@@ -1,12 +1,12 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {
-    playTime: () => {
-        start: number;
-        previousPlaytime: number;
-    };
-}, {
-    quit(): void;
-    mainMenu(): void;
-    closeMenu(): void;
-    getPlayTimeString(): string;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {
+    playTime: () => {
+        start: number;
+        previousPlaytime: number;
+    };
+}, {
+    quit(): void;
+    mainMenu(): void;
+    closeMenu(): void;
+    getPlayTimeString(): string;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/components/Skills.vue.d.ts

@@ -1,22 +1,22 @@
-import { SkillData } from '../config';
-import { SkillsState } from '../stores/skills';
-declare const _default: import("vue").DefineComponent<{}, {
-    skills: import("vue").ComputedRef<SkillsState>;
-}, {
-    chosenSkill: boolean | String;
-}, {
-    skillsToDisplay(): SkillsState;
-    skillConf(): {
-        [key: string]: SkillData;
-    };
-    xpPerLevel(): number;
-}, {
-    getSkillStyle(skill: string): any;
-    getSkillName(skill: string): string;
-    clickSkill(skill: string): void;
-    closeSkill(): void;
-    xpBarWidth(xp: number): {
-        width: string;
-    };
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;
+import { SkillData } from '../config';
+import { SkillsState } from '../stores/skills';
+declare const _default: import("vue").DefineComponent<{}, {
+    skills: import("vue").ComputedRef<SkillsState>;
+}, {
+    chosenSkill: boolean | String;
+}, {
+    skillsToDisplay(): SkillsState;
+    skillConf(): {
+        [key: string]: SkillData;
+    };
+    xpPerLevel(): number;
+}, {
+    getSkillStyle(skill: string): any;
+    getSkillName(skill: string): string;
+    clickSkill(skill: string): void;
+    closeSkill(): void;
+    xpBarWidth(xp: number): {
+        width: string;
+    };
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/components/debug/debug-menu.vue.d.ts

@@ -1,48 +1,48 @@
-import { Parser } from '../../types/parser';
-declare const _default: import("vue").DefineComponent<{}, {
-    skills: import("vue").ComputedRef<import("../../stores/skills").SkillsState>;
-    skillChecks: import("vue").ComputedRef<{
-        [key: string]: import("../../stores/skills").SkillCheckState;
-    }>;
-}, {
-    showDebug: boolean;
-    jumping: boolean;
-    searchString: string;
-    matches: string[];
-    matchCursor: number;
-}, {
-    labels(): string[];
-    variables(): {
-        [key: string]: any;
-    };
-    playing: () => boolean;
-    errors: () => {
-        text: string;
-    }[];
-    playTime: () => {
-        start: number;
-        previousPlaytime: number;
-    };
-    flowState: () => "menu" | "playing";
-    data: () => import("../../stores/vm-store").DataState;
-    script: () => Parser.ParsedScript;
-}, {
-    finishJumping(): void;
-    labelSelected(event: any): void;
-    close(): void;
-    closeErrors(): void;
-    open(): void;
-    toggle(): void;
-    jump(): void;
-    getMatchResultStyle(index: number): {
-        background: string;
-    } | undefined;
-    onSearchInput(): void;
-    save(): void;
-    wordCount(): void;
-    countWordsInScriptLine(scriptLine: Parser.ParsedExpression): number;
-    countWordsInString(string: string): number;
-    countWordsInScriptBranch(branch: Parser.Branch): number;
-    getPlayTimeString(): string;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;
+import { Parser } from '../../types/parser';
+declare const _default: import("vue").DefineComponent<{}, {
+    skills: import("vue").ComputedRef<import("../../stores/skills").SkillsState>;
+    skillChecks: import("vue").ComputedRef<{
+        [key: string]: import("../../stores/skills").SkillCheckState;
+    }>;
+}, {
+    showDebug: boolean;
+    jumping: boolean;
+    searchString: string;
+    matches: string[];
+    matchCursor: number;
+}, {
+    labels(): string[];
+    variables(): {
+        [key: string]: any;
+    };
+    playing: () => boolean;
+    errors: () => {
+        text: string;
+    }[];
+    playTime: () => {
+        start: number;
+        previousPlaytime: number;
+    };
+    flowState: () => "menu" | "playing";
+    data: () => import("../../stores/vm-store").DataState;
+    script: () => Parser.ParsedScript;
+}, {
+    finishJumping(): void;
+    labelSelected(event: any): void;
+    close(): void;
+    closeErrors(): void;
+    open(): void;
+    toggle(): void;
+    jump(): void;
+    getMatchResultStyle(index: number): {
+        background: string;
+    } | undefined;
+    onSearchInput(): void;
+    save(): void;
+    wordCount(): void;
+    countWordsInScriptLine(scriptLine: Parser.ParsedExpression): number;
+    countWordsInString(string: string): number;
+    countWordsInScriptBranch(branch: Parser.Branch): number;
+    getPlayTimeString(): string;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/components/dialog-picture.vue.d.ts

@@ -1,9 +1,9 @@
-declare const _default: import("vue").DefineComponent<{
-    pictureUrl: StringConstructor;
-}, unknown, unknown, {
-    boxStyle(): any;
-    layoutMode: () => "horizontal" | "vertical";
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    pictureUrl: StringConstructor;
-}>>, {}>;
-export default _default;
+declare const _default: import("vue").DefineComponent<{
+    pictureUrl: StringConstructor;
+}, unknown, unknown, {
+    boxStyle(): any;
+    layoutMode: () => "horizontal" | "vertical";
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    pictureUrl: StringConstructor;
+}>>, {}>;
+export default _default;