init with kirby, vue and pagedjs interactive

public/kirby/config/fields/mixins/datetime.php

@@ -0,0 +1,35 @@
+<?php
+
+use Kirby\Toolkit\Date;
+
+return [
+	'props' => [
+		/**
+		 * Defines a custom format that is used when the field is saved
+		 */
+		'format' => function (string|null $format = null) {
+			return $format;
+		}
+	],
+	'methods' => [
+		'toDatetime' => function ($value, string $format = 'Y-m-d H:i:s') {
+			if ($date = Date::optional($value)) {
+				if ($this->step) {
+					$step = Date::stepConfig($this->step);
+					$date->round($step['unit'], $step['size']);
+				}
+
+				return $date->format($format);
+			}
+
+			return null;
+		}
+	],
+	'save' => function ($value) {
+		if ($date = Date::optional($value)) {
+			return $date->format($this->format);
+		}
+
+		return '';
+	},
+];

public/kirby/config/fields/mixins/filepicker.php

@@ -0,0 +1,14 @@
+<?php
+
+use Kirby\Cms\FilePicker;
+
+return [
+	'methods' => [
+		'filepicker' => function (array $params = []) {
+			// fetch the parent model
+			$params['model'] = $this->model();
+
+			return (new FilePicker($params))->toArray();
+		}
+	]
+];

public/kirby/config/fields/mixins/layout.php

@@ -0,0 +1,24 @@
+<?php
+
+return [
+	'props' => [
+		/**
+		 * Changes the layout of the selected entries.
+		 * Available layouts: `list`, `cardlets`, `cards`
+		 */
+		'layout' => function (string $layout = 'list') {
+			return match ($layout) {
+				'cards'    => 'cards',
+				'cardlets' => 'cardlets',
+				default    => 'list'
+			};
+		},
+
+		/**
+		 * Layout size for cards: `tiny`, `small`, `medium`, `large`, `huge`, `full`
+		 */
+		'size' => function (string $size = 'auto') {
+			return $size;
+		},
+	]
+];

public/kirby/config/fields/mixins/min.php

@@ -0,0 +1,22 @@
+<?php
+
+return [
+	'computed' => [
+		'min' => function () {
+			// set min to at least 1, if required
+			if ($this->required === true) {
+				return $this->min ?? 1;
+			}
+
+			return $this->min;
+		},
+		'required' => function () {
+			// set required to true if min is set
+			if ($this->min) {
+				return true;
+			}
+
+			return $this->required;
+		}
+	]
+];

public/kirby/config/fields/mixins/options.php

@@ -0,0 +1,47 @@
+<?php
+
+use Kirby\Field\FieldOptions;
+
+return [
+	'props' => [
+		/**
+		 * API settings for options requests. This will only take affect when `options` is set to `api`.
+		 */
+		'api' => function ($api = null) {
+			return $api;
+		},
+		/**
+		 * An array with options
+		 */
+		'options' => function ($options = []) {
+			return $options;
+		},
+		/**
+		 * Query settings for options queries. This will only take affect when `options` is set to `query`.
+		 */
+		'query' => function ($query = null) {
+			return $query;
+		},
+	],
+	'computed' => [
+		'options' => function (): array {
+			return $this->getOptions();
+		}
+	],
+	'methods' => [
+		'getOptions' => function () {
+			$props   = FieldOptions::polyfill($this->props);
+			$options = FieldOptions::factory($props['options']);
+			return $options->render($this->model());
+		},
+		'sanitizeOption' => function ($value) {
+			$options = array_column($this->options(), 'value');
+			return in_array($value, $options) ? $value : null;
+		},
+		'sanitizeOptions' => function ($values) {
+			$options = array_column($this->options(), 'value');
+			$options = array_intersect($values, $options);
+			return array_values($options);
+		},
+	]
+];

public/kirby/config/fields/mixins/pagepicker.php

@@ -0,0 +1,14 @@
+<?php
+
+use Kirby\Cms\PagePicker;
+
+return [
+	'methods' => [
+		'pagepicker' => function (array $params = []) {
+			// inject the current model
+			$params['model'] = $this->model();
+
+			return (new PagePicker($params))->toArray();
+		}
+	]
+];

public/kirby/config/fields/mixins/picker.php

@@ -0,0 +1,93 @@
+<?php
+
+use Kirby\Toolkit\I18n;
+use Kirby\Toolkit\Str;
+use Kirby\Uuid\Uuids;
+
+return [
+	'props' => [
+		/**
+		 * The placeholder text if none have been selected yet
+		 */
+		'empty' => function ($empty = null) {
+			return I18n::translate($empty, $empty);
+		},
+
+		/**
+		 * Image settings for each item
+		 */
+		'image' => function ($image = null) {
+			return $image;
+		},
+
+		/**
+		 * Info text for each item
+		 */
+		'info' => function (string|null $info = null) {
+			return $info;
+		},
+
+		/**
+		 * Whether each item should be clickable
+		 */
+		'link' => function (bool $link = true) {
+			return $link;
+		},
+
+		/**
+		 * The minimum number of required selected
+		 */
+		'min' => function (int|null $min = null) {
+			return $min;
+		},
+
+		/**
+		 * The maximum number of allowed selected
+		 */
+		'max' => function (int|null $max = null) {
+			return $max;
+		},
+
+		/**
+		 * If `false`, only a single one can be selected
+		 */
+		'multiple' => function (bool $multiple = true) {
+			return $multiple;
+		},
+
+		/**
+		 * Query for the items to be included in the picker
+		 */
+		'query' => function (string|null $query = null) {
+			return $query;
+		},
+
+		/**
+		 * Enable/disable the search field in the picker
+		 */
+		'search' => function (bool $search = true) {
+			return $search;
+		},
+
+		/**
+		 * Whether to store UUID or ID in the
+		 * content file of the model
+		 *
+		 * @param string $store 'uuid'|'id'
+		 */
+		'store' => function (string $store = 'uuid') {
+			// fall back to ID, if UUIDs globally disabled
+			return match (Uuids::enabled()) {
+				false   => 'id',
+				default => Str::lower($store)
+			};
+		},
+
+		/**
+		 * Main text for each item
+		 */
+		'text' => function (string|null $text = null) {
+			return $text;
+		},
+	],
+];

public/kirby/config/fields/mixins/upload.php

@@ -0,0 +1,97 @@
+<?php
+
+use Kirby\Cms\Api;
+use Kirby\Cms\File;
+use Kirby\Exception\Exception;
+use Kirby\Exception\InvalidArgumentException;
+
+return [
+	'props' => [
+		/**
+		 * Sets the upload options for linked files (since 3.2.0)
+		 */
+		'uploads' => function ($uploads = []) {
+			if ($uploads === false) {
+				return false;
+			}
+
+			if (is_string($uploads) === true) {
+				$uploads = ['template' => $uploads];
+			}
+
+			if (is_array($uploads) === false) {
+				$uploads = [];
+			}
+
+			$uploads['accept']  = '*';
+
+			if ($preview = $this->image) {
+				$uploads['preview'] = $preview;
+			}
+
+			if ($template = $uploads['template'] ?? null) {
+				// get parent object for upload target
+				$parent = $this->uploadParent($uploads['parent'] ?? null);
+
+				if ($parent === null) {
+					throw new InvalidArgumentException(
+						message: '"' . $uploads['parent'] . '" could not be resolved as a valid parent for the upload'
+					);
+				}
+
+				$file = new File([
+					'filename' => 'tmp',
+					'parent'   => $parent,
+					'template' => $template
+				]);
+
+				$uploads['accept'] = $file->blueprint()->acceptAttribute();
+			}
+
+			return $uploads;
+		},
+	],
+	'methods' => [
+		'upload' => function (Api $api, $params, Closure $map) {
+			if ($params === false) {
+				throw new Exception(
+					message: 'Uploads are disabled for this field'
+				);
+			}
+
+			$parent = $this->uploadParent($params['parent'] ?? null);
+
+			return $api->upload(function ($source, $filename) use ($parent, $params, $map) {
+				$props = [
+					'source'   => $source,
+					'template' => $params['template'] ?? null,
+					'filename' => $filename,
+				];
+
+				// move the source file from the temp dir
+				$file = $parent->createFile($props, true);
+
+				if ($file instanceof File === false) {
+					throw new Exception(
+						message: 'The file could not be uploaded'
+					);
+				}
+
+				return $map($file, $parent);
+			});
+		},
+		'uploadParent' => function (string|null $parentQuery = null) {
+			$parent = $this->model();
+
+			if ($parentQuery) {
+				$parent = $parent->query($parentQuery);
+			}
+
+			if ($parent instanceof File) {
+				$parent = $parent->parent();
+			}
+
+			return $parent;
+		}
+	]
+];

public/kirby/config/fields/mixins/userpicker.php

@@ -0,0 +1,13 @@
+<?php
+
+use Kirby\Cms\UserPicker;
+
+return [
+	'methods' => [
+		'userpicker' => function (array $params = []) {
+			$params['model'] = $this->model();
+
+			return (new UserPicker($params))->toArray();
+		}
+	]
+];