fuma 1.0.20 → 2.0.0

package/dist/ui/input/InputDate.svelte

@@ -1,33 +1,40 @@
-<script>import { createEventDispatcher } from "svelte";
-import dayjs from "dayjs";
-import { FormControl } from "./index.js";
-import { USE_COERCE_DATE } from "../../utils/constant.js";
-export let value = void 0;
-export let input = {};
-$:
-  ({ class: inputClass = "", ...inputProps } = input);
-const dispatch = createEventDispatcher();
-const handleInput = ({ currentTarget }) => {
-  const newValue = currentTarget.valueAsDate;
-  if (newValue === null)
-    value = null;
-  newValue?.setHours(value?.getHours() || 0, value?.getMinutes() || 0, value?.getSeconds() || 0);
-  value = newValue;
-  dispatch("input", value);
-};
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte'
+	import type { FormEventHandler, HTMLInputAttributes } from 'svelte/elements'
+	import dayjs from 'dayjs'
+
+	import { FormControl, type InputProps } from './index.js'
+	import { USE_COERCE_DATE } from '../../utils/constant.js'
+
+	type $$Props = InputProps<Date | null | undefined>
+	export let value: Date | null | undefined = undefined
+	export let input: HTMLInputAttributes = {}
+	$: ({ class: inputClass = '', ...inputProps } = input)
+
+	const dispatch = createEventDispatcher<{ input: Date | null }>()
+
+	const handleInput: FormEventHandler<HTMLInputElement> = ({ currentTarget }) => {
+		const newValue = currentTarget.valueAsDate
+		if (newValue === null) value = null
+		newValue?.setHours(value?.getHours() || 0, value?.getMinutes() || 0, value?.getSeconds() || 0)
+		value = newValue
+		dispatch('input', value)
+	}
 </script>
 
-<FormControl {...$$restProps} let:key>
-	<input
-		value={value && dayjs(value).format('YYYY-MM-DD')}
-		on:input={handleInput}
-		on:focus
-		on:blur
-		type="date"
-		id={key}
-		class="input input-bordered {inputClass}"
-		{...inputProps}
-	/>
+<FormControl {...$$restProps}>
+	{#snippet children({ key })}
+		<input
+			value={value && dayjs(value).format('YYYY-MM-DD')}
+			on:input={handleInput}
+			on:focus
+			on:blur
+			type="date"
+			id={key}
+			class="input input-bordered {inputClass}"
+			{...inputProps}
+		/>
 
-	<input type="hidden" name={key} value="{USE_COERCE_DATE}{value?.toJSON()}" />
+		<input type="hidden" name={key} value="{USE_COERCE_DATE}{value?.toJSON()}" />
+	{/snippet}
 </FormControl>

package/dist/ui/input/InputDate.svelte.d.ts

@@ -1,19 +1,23 @@
-import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
-declare const __propDef: {
-    props: InputProps<Date | null | undefined>;
-    events: {
-        focus: FocusEvent;
-        blur: FocusEvent;
-        input: CustomEvent<Date | null>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type InputDateProps = typeof __propDef.props;
-export type InputDateEvents = typeof __propDef.events;
-export type InputDateSlots = typeof __propDef.slots;
-export default class InputDate extends SvelteComponent<InputDateProps, InputDateEvents, InputDateSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputDate: $$__sveltets_2_IsomorphicComponent<InputProps<Date | null | undefined>, {
+    focus: FocusEvent;
+    blur: FocusEvent;
+    input: CustomEvent<Date | null>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputDate = InstanceType<typeof InputDate>;
+export default InputDate;

package/dist/ui/input/InputDateTime.svelte

@@ -1,34 +1,41 @@
-<script>import { USE_COERCE_DATE } from "../../utils/constant.js";
-import { FormControl } from "./index.js";
-import { createEventDispatcher } from "svelte";
-import dayjs from "dayjs";
-export let value = void 0;
-export let input = {};
-$:
-  ({ class: inputClass = "", ...inputProps } = input);
-const dispatch = createEventDispatcher();
-const handleInput = ({ currentTarget }) => {
-  value = getDateTime(currentTarget.value);
-  dispatch("input", value);
-};
-function getDateTime(v) {
-  if (typeof v !== "string")
-    return null;
-  return new Date(v);
-}
+<script lang="ts">
+	import type { FormEventHandler, HTMLInputAttributes } from 'svelte/elements'
+	import { USE_COERCE_DATE } from '../../utils/constant.js'
+	import { FormControl, type InputProps } from './index.js'
+	import { createEventDispatcher } from 'svelte'
+	import dayjs from 'dayjs'
+
+	type $$Props = InputProps<Date | null | undefined>
+	export let value: Date | null | undefined = undefined
+	export let input: HTMLInputAttributes = {}
+	$: ({ class: inputClass = '', ...inputProps } = input)
+
+	const dispatch = createEventDispatcher<{ input: Date | null }>()
+
+	const handleInput: FormEventHandler<HTMLInputElement> = ({ currentTarget }) => {
+		value = getDateTime(currentTarget.value)
+		dispatch('input', value)
+	}
+
+	function getDateTime(v: string | null | undefined): Date | null {
+		if (typeof v !== 'string') return null
+		return new Date(v)
+	}
 </script>
 
-<FormControl {...$$restProps} let:key>
-	<input
-		value={value && dayjs(value).format('YYYY-MM-DDTHH:mm')}
-		on:input={handleInput}
-		on:focus
-		on:blur
-		type="datetime-local"
-		id={key}
-		class="input input-bordered {inputClass}"
-		{...inputProps}
-	/>
+<FormControl {...$$restProps}>
+	{#snippet children({ key })}
+		<input
+			value={value && dayjs(value).format('YYYY-MM-DDTHH:mm')}
+			on:input={handleInput}
+			on:focus
+			on:blur
+			type="datetime-local"
+			id={key}
+			class="input input-bordered {inputClass}"
+			{...inputProps}
+		/>
 
-	<input type="hidden" name={key} value="{USE_COERCE_DATE}{value?.toJSON()}" />
+		<input type="hidden" name={key} value="{USE_COERCE_DATE}{value?.toJSON()}" />
+	{/snippet}
 </FormControl>

package/dist/ui/input/InputDateTime.svelte.d.ts

@@ -1,19 +1,23 @@
-import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
-declare const __propDef: {
-    props: InputProps<Date | null | undefined>;
-    events: {
-        focus: FocusEvent;
-        blur: FocusEvent;
-        input: CustomEvent<Date | null>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type InputDateTimeProps = typeof __propDef.props;
-export type InputDateTimeEvents = typeof __propDef.events;
-export type InputDateTimeSlots = typeof __propDef.slots;
-export default class InputDateTime extends SvelteComponent<InputDateTimeProps, InputDateTimeEvents, InputDateTimeSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputDateTime: $$__sveltets_2_IsomorphicComponent<InputProps<Date | null | undefined>, {
+    focus: FocusEvent;
+    blur: FocusEvent;
+    input: CustomEvent<Date | null>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputDateTime = InstanceType<typeof InputDateTime>;
+export default InputDateTime;

package/dist/ui/input/InputImage.svelte

@@ -1,49 +1,56 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+	export type Crop = { width: number; height: number; x: number; y: number }
+</script>
+
+<script lang="ts">
+	import { onMount, createEventDispatcher } from 'svelte'
+	import Cropper from 'svelte-easy-crop'
+	import { mdiTrayArrowUp } from '@mdi/js'
+
+	import type { TippyInstance } from '../../utils/tippy.js'
+	import { Icon } from '../icon/index.js'
+	import { DropDown } from '../menu/index.js'
+	import { Dialog } from '../dialog/index.js'
+
+	export let aspect = 1
+	export let title = 'Image'
+	export let formaction: string | undefined = undefined
+	export let key = ''
+	let dialog: HTMLDialogElement
+	let tip: TippyInstance
+	let image = ''
+	let crop: Crop | undefined = undefined
+	let inputFile: HTMLInputElement
+
+	const dispatch = createEventDispatcher<{ submit: { crop: Crop; image: string } }>()
+
+	function onFileSelected() {
+		if (!inputFile.files) return
+		const file = inputFile.files[0]
+		const reader = new FileReader()
+		reader.onload = ({ target }) => {
+			image = (target?.result || '') as string
+			dialog?.showModal()
+		}
+		reader.readAsDataURL(file)
+	}
+
+	export function close() {
+		tip?.hide()
+		dialog?.close()
+	}
+
+	onMount(() => {
+		if (!$$slots.actions) tip.disable()
+	})
+	function handleClickActivator() {
+		if (!$$slots.actions) inputFile.click()
+	}
 
-<script>import { onMount, createEventDispatcher } from "svelte";
-import Cropper from "svelte-easy-crop";
-import { mdiTrayArrowUp } from "@mdi/js";
-import { Icon } from "../icon/index.js";
-import { DropDown } from "../menu/index.js";
-import { Dialog } from "../dialog/index.js";
-export let aspect = 1;
-export let title = "Image";
-export let formaction = void 0;
-export let key = "";
-let dialog;
-let tip;
-let image = "";
-let crop = void 0;
-let inputFile;
-const dispatch = createEventDispatcher();
-function onFileSelected() {
-  if (!inputFile.files)
-    return;
-  const file = inputFile.files[0];
-  const reader = new FileReader();
-  reader.onload = ({ target }) => {
-    image = target?.result || "";
-    dialog?.showModal();
-  };
-  reader.readAsDataURL(file);
-}
-export function close() {
-  tip?.hide();
-  dialog?.close();
-}
-onMount(() => {
-  if (!$$slots.actions)
-    tip.disable();
-});
-function handleClickActivator() {
-  if (!$$slots.actions)
-    inputFile.click();
-}
-function handleValidation() {
-  close();
-  if (crop && image)
-    dispatch("submit", { crop, image });
-}
+	function handleValidation() {
+		close()
+		if (crop && image) dispatch('submit', { crop, image })
+	}
 </script>
 
 <DropDown tippyProps={{ arrow: true }} hideOnBlur bind:tip>

package/dist/ui/input/InputImage.svelte.d.ts

@@ -1,35 +1,48 @@
-import { SvelteComponent } from "svelte";
 export type Crop = {
     width: number;
     height: number;
     x: number;
     y: number;
 };
-declare const __propDef: {
-    props: {
-        aspect?: number | undefined;
-        title?: string | undefined;
-        formaction?: string | undefined;
-        key?: string | undefined;
-        close?: (() => void) | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        submit: CustomEvent<{
-            crop: Crop;
-            image: string;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-        actions: {};
-    };
-};
-export type InputImageProps = typeof __propDef.props;
-export type InputImageEvents = typeof __propDef.events;
-export type InputImageSlots = typeof __propDef.slots;
-export default class InputImage extends SvelteComponent<InputImageProps, InputImageEvents, InputImageSlots> {
-    get close(): () => void;
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const InputImage: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    aspect?: number;
+    title?: string;
+    formaction?: string | undefined;
+    key?: string;
+    close?: () => void;
+}, {
+    default: {};
+    actions: {};
+}>, {
+    submit: CustomEvent<{
+        crop: Crop;
+        image: string;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+    actions: {};
+}, {
+    close: () => void;
+}, string>;
+type InputImage = InstanceType<typeof InputImage>;
+export default InputImage;

package/dist/ui/input/InputImagePreview.svelte

@@ -1,23 +1,27 @@
-<script>import { InputImage } from "./index.js";
-import { PlaceholderImage } from "../placeholder/index.js";
-export let key = "";
-export let src = "";
-export let alt = "";
-let klass = "";
-export { klass as class };
-export let title = "Image";
-export let x;
-export let y;
-export let aspect = x / y;
-let crop = null;
-let image = "";
-let scale = 0;
-let preview;
-async function handleSubmit(detail) {
-  crop = detail.crop;
-  image = detail.image;
-  scale = x / crop.width;
-}
+<script lang="ts">
+	import { InputImage, type Crop } from './index.js'
+	import { PlaceholderImage } from '../placeholder/index.js'
+
+	export let key = ''
+	export let src = ''
+	export let alt = ''
+	let klass = ''
+	export { klass as class }
+	export let title = 'Image'
+	export let x: number
+	export let y: number
+	export let aspect = x / y
+
+	let crop: Crop | null = null
+	let image = ''
+	let scale = 0
+	let preview: HTMLImageElement
+
+	async function handleSubmit(detail: { crop: Crop; image: string }) {
+		crop = detail.crop
+		image = detail.image
+		scale = x / crop.width
+	}
 </script>
 
 <InputImage {key} {title} {aspect} on:submit={({ detail }) => handleSubmit(detail)}>

package/dist/ui/input/InputImagePreview.svelte.d.ts

@@ -1,23 +1,27 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        key?: string | undefined;
-        src?: string | undefined;
-        alt?: string | undefined;
-        class?: string | undefined;
-        title?: string | undefined;
-        x: number;
-        y: number;
-        aspect?: number | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputImagePreviewProps = typeof __propDef.props;
-export type InputImagePreviewEvents = typeof __propDef.events;
-export type InputImagePreviewSlots = typeof __propDef.slots;
-export default class InputImagePreview extends SvelteComponent<InputImagePreviewProps, InputImagePreviewEvents, InputImagePreviewSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputImagePreview: $$__sveltets_2_IsomorphicComponent<{
+    key?: string;
+    src?: string;
+    alt?: string;
+    class?: string;
+    title?: string;
+    x: number;
+    y: number;
+    aspect?: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputImagePreview = InstanceType<typeof InputImagePreview>;
+export default InputImagePreview;

package/dist/ui/input/InputNumber.svelte

@@ -1,25 +1,31 @@
-<script>import { USE_COERCE_NUMBER } from "../../utils/constant.js";
-import { FormControl } from "./index.js";
-export let value = void 0;
-export let input = void 0;
-export let inputElement = void 0;
+<script lang="ts">
+	import { USE_COERCE_NUMBER } from '../../utils/constant.js'
+	import { FormControl, type InputProps } from './index.js'
+	import type { HTMLInputAttributes } from 'svelte/elements'
+
+	type $$Props = InputProps<number>
+
+	export let value: number | null | undefined = undefined
+	export let input: HTMLInputAttributes | undefined = undefined
+	export let inputElement: HTMLInputElement | undefined = undefined
 </script>
 
-<FormControl {...$$restProps} let:key>
-	<slot name="label_append" slot="label_append" />
-	<input
-		bind:value
-		bind:this={inputElement}
-		on:input
-		on:focus
-		on:blur
-		type="number"
-		id={key}
-		inputmode="numeric"
-		class="input input-bordered"
-		{...input}
-	/>
-	{#if value !== undefined}
-		<input type="hidden" name={key} value="{USE_COERCE_NUMBER}{value}" />
-	{/if}
+<FormControl {...$$restProps}>
+	{#snippet children({ key })}
+		<input
+			bind:value
+			bind:this={inputElement}
+			on:input
+			on:focus
+			on:blur
+			type="number"
+			id={key}
+			inputmode="numeric"
+			class="input input-bordered"
+			{...input}
+		/>
+		{#if value !== undefined}
+			<input type="hidden" name={key} value="{USE_COERCE_NUMBER}{value}" />
+		{/if}
+	{/snippet}
 </FormControl>

package/dist/ui/input/InputNumber.svelte.d.ts

@@ -1,23 +1,23 @@
-import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
-declare const __propDef: {
-    props: InputProps<number>;
-    events: {
-        input: Event;
-        focus: FocusEvent;
-        blur: FocusEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {
-        label_append: {
-            slot: string;
-        };
-    };
-};
-export type InputNumberProps = typeof __propDef.props;
-export type InputNumberEvents = typeof __propDef.events;
-export type InputNumberSlots = typeof __propDef.slots;
-export default class InputNumber extends SvelteComponent<InputNumberProps, InputNumberEvents, InputNumberSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputNumber: $$__sveltets_2_IsomorphicComponent<InputProps<number>, {
+    input: Event;
+    focus: FocusEvent;
+    blur: FocusEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputNumber = InstanceType<typeof InputNumber>;
+export default InputNumber;

package/dist/ui/input/InputOptionInParam.svelte

@@ -1,13 +1,15 @@
-<script>import { Icon } from "../icon/index.js";
-import { parseOptions } from "../../utils/options.js";
-import { urlParam } from "../../store/param.js";
-let klass = "";
-export { klass as class };
-export let key;
-export let options;
-export let removeKeys = [];
-$:
-  _options = parseOptions(options);
+<script lang="ts">
+	import { Icon } from '../icon/index.js'
+	import { parseOptions, type Options } from '../../utils/options.js'
+	import { urlParam } from '../../store/param.js'
+
+	let klass = ''
+	export { klass as class }
+	export let key: string
+	export let options: Options
+	export let removeKeys: string[] = []
+
+	$: _options = parseOptions(options)
 </script>
 
 <div class="join {klass}">