fuma 1.0.16 → 1.0.18

package/dist/ui/input/InputCheckboxsMenu.svelte

@@ -1,54 +1,38 @@
-<script lang="ts">
-	import { goto } from '$app/navigation'
-	import { page } from '$app/stores'
-	import { mdiClose } from '@mdi/js'
-
-	import { urlParam } from '../../store/index.js'
-	import { jsonParse, type Options, parseOptions } from '../../utils/index.js'
-	import { Icon } from '../icon/index.js'
-	import { DropDown } from '../menu/index.js'
-	import { FormControl, type InputProps } from './index.js'
-
-	type $$Props = InputProps<string[]> & {
-		key: string
-		options: Options
-		right?: boolean
-		btnClass?: string
-		badgePrimary?: boolean
-	}
-	$: ({
-		input,
-		value: _value,
-		options: _1,
-		class: klass,
-		label,
-		right,
-		btnClass,
-		badgePrimary,
-		...props
-	} = $$props as $$Props)
-
-	export let key: string
-	export let options: Options
-	export let value: string[] | null | undefined =
-		_value || jsonParse($page.url.searchParams.get(key), [])
-
-	let dropdown: DropDown
-
-	$: _options = parseOptions(options)
-
-	async function writeUrl() {
-		const url = value?.length
-			? $urlParam.with({ [key]: JSON.stringify(value) })
-			: $urlParam.without(key)
-		return goto(url, { replaceState: true, noScroll: true })
-	}
-
-	function handleReset() {
-		dropdown.hide()
-		value = []
-		goto($urlParam.without(key), { replaceState: true })
-	}
+<script>import { goto } from "$app/navigation";
+import { page } from "$app/stores";
+import { mdiClose } from "@mdi/js";
+import { urlParam } from "../../store/index.js";
+import { jsonParse, parseOptions } from "../../utils/index.js";
+import { Icon } from "../icon/index.js";
+import { DropDown } from "../menu/index.js";
+import { FormControl } from "./index.js";
+$:
+  ({
+    input,
+    value: _value,
+    options: _1,
+    class: klass,
+    label,
+    right,
+    btnClass,
+    badgePrimary,
+    ...props
+  } = $$props);
+export let key;
+export let options;
+export let value = _value || jsonParse($page.url.searchParams.get(key), []);
+let dropdown;
+$:
+  _options = parseOptions(options);
+async function writeUrl() {
+  const url = value?.length ? $urlParam.with({ [key]: JSON.stringify(value) }) : $urlParam.without(key);
+  return goto(url, { replaceState: true, noScroll: true });
+}
+function handleReset() {
+  dropdown.hide();
+  value = [];
+  goto($urlParam.without(key), { replaceState: true });
+}
 </script>
 
 <input type="hidden" name={key} value={JSON.stringify(value)} />

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

@@ -12,9 +12,6 @@ declare const __propDef: {
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
         labelPosition?: ("top" | "left" | "right") | undefined;
-        children?: import("svelte").Snippet<[{
-            key: string;
-        }]> | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputCheckboxsTree.svelte

@@ -1,12 +1,9 @@
-<script lang="ts">
-	import InputCheckboxsTreeNodes, {
-		type OptionsNode
-	} from './InputCheckboxsTreeNodes.svelte'
-
-	export let label: string
-	export let options: OptionsNode
-	let klass = ''
-	export { klass as class }
+<script>import InputCheckboxsTreeNodes, {
+} from "./InputCheckboxsTreeNodes.svelte";
+export let label;
+export let options;
+let klass = "";
+export { klass as class };
 </script>
 
 <div class={klass}>

package/dist/ui/input/InputCheckboxsTreeNodes.svelte

@@ -1,39 +1,31 @@
-<script lang="ts" context="module">
-	export type OptionsNode = Record<
-		string,
-		{ label: string; value?: boolean; options?: OptionsNode }
-	>
-</script>
-
-<script lang="ts">
-	import { createEventDispatcher } from 'svelte'
-	import { InputBoolean } from './index.js'
-	export let options: OptionsNode
-
-	type Events = { setTrue: void }
-	const dispatch = createEventDispatcher<Events>()
-
-	function handleChange(newValue: boolean, option: OptionsNode[string]) {
-		if (newValue === true) dispatch('setTrue')
-		else if (option.options) {
-			option.options = setFalse(option.options)
-		}
-	}
+<script context="module"></script>
 
-	function setFalse(_options?: OptionsNode): OptionsNode | undefined {
-		if (!_options) return undefined
-		return Object.entries(_options).reduce<OptionsNode>(
-			(acc, [key, opt]) => ({
-				...acc,
-				[key]: {
-					label: opt.label,
-					value: false,
-					options: setFalse(opt.options)
-				}
-			}),
-			{}
-		)
-	}
+<script>import { createEventDispatcher } from "svelte";
+import { InputBoolean } from "./index.js";
+export let options;
+const dispatch = createEventDispatcher();
+function handleChange(newValue, option) {
+  if (newValue === true)
+    dispatch("setTrue");
+  else if (option.options) {
+    option.options = setFalse(option.options);
+  }
+}
+function setFalse(_options) {
+  if (!_options)
+    return void 0;
+  return Object.entries(_options).reduce(
+    (acc, [key, opt]) => ({
+      ...acc,
+      [key]: {
+        label: opt.label,
+        value: false,
+        options: setFalse(opt.options)
+      }
+    }),
+    {}
+  );
+}
 </script>
 
 {#each Object.keys(options) as key (key)}

package/dist/ui/input/InputCombo.svelte

@@ -1,46 +1,37 @@
-<script lang="ts">
-	import { createEventDispatcher, tick } from 'svelte'
-
-	import type { InputProps } from './types.js'
-	import type { TippyProps } from '../../utils/tippy.js'
-	import { type Options, type Option, parseOptions } from '../../utils/options.js'
-	import { FormControl, SelectorList } from './index.js'
-	import { DropDown } from '../menu/index.js'
-	import { Icon } from '../icon/index.js'
-
-	type $$Props = InputProps & { options: Options; tippyProps?: TippyProps }
-	$: ({ input, value: _value, options, tippyProps, ...props } = $$props as $$Props)
-	$: ({ class: inputClass, ...inputProps } = input || {})
-	export let value = _value
-	export let inputElement: HTMLInputElement | undefined = undefined
-
-	let focusIndex = 0
-	let searchValue = ''
-
-	const dispatch = createEventDispatcher<{ input: string }>()
-	let filteredOptions: (Option & { id: string })[] = []
-	$: _options = parseOptions(options)
-	$: selectedOption = _options.find((opt) => opt.value === value)
-
-	function filterOptions(value: string) {
-		const reg = new RegExp(value, 'i')
-		filteredOptions = _options
-			.filter((opt) => opt.label.match(reg) || opt.value.match(reg))
-			.map((opt) => ({ id: opt.value, ...opt }))
-	}
-
-	export async function clear() {
-		searchValue = ''
-		value = ''
-		filterOptions('')
-		await tick()
-		inputElement?.focus()
-	}
-
-	async function select(index = focusIndex) {
-		value = _options[index].value
-		dispatch('input', value)
-	}
+<script>import { createEventDispatcher, tick } from "svelte";
+import { parseOptions } from "../../utils/options.js";
+import { FormControl, SelectorList } from "./index.js";
+import { DropDown } from "../menu/index.js";
+import { Icon } from "../icon/index.js";
+$:
+  ({ input, value: _value, options, tippyProps, ...props } = $$props);
+$:
+  ({ class: inputClass, ...inputProps } = input || {});
+export let value = _value;
+export let inputElement = void 0;
+let focusIndex = 0;
+let searchValue = "";
+const dispatch = createEventDispatcher();
+let filteredOptions = [];
+$:
+  _options = parseOptions(options);
+$:
+  selectedOption = _options.find((opt) => opt.value === value);
+function filterOptions(value2) {
+  const reg = new RegExp(value2, "i");
+  filteredOptions = _options.filter((opt) => opt.label.match(reg) || opt.value.match(reg)).map((opt) => ({ id: opt.value, ...opt }));
+}
+export async function clear() {
+  searchValue = "";
+  value = "";
+  filterOptions("");
+  await tick();
+  inputElement?.focus();
+}
+async function select(index = focusIndex) {
+  value = _options[index].value;
+  dispatch("input", value);
+}
 </script>
 
 <DropDown {tippyProps}>

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

@@ -15,9 +15,6 @@ declare const __propDef: {
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
         labelPosition?: ("top" | "left" | "right") | undefined;
-        children?: import("svelte").Snippet<[{
-            key: string;
-        }]> | undefined;
     } & {
         input?: import("svelte/elements").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputDate.svelte

@@ -1,25 +1,20 @@
-<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>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>
 
 <FormControl {...$$restProps} let:key>

package/dist/ui/input/InputDateTime.svelte

@@ -1,26 +1,21 @@
-<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>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>
 
 <FormControl {...$$restProps} let:key>

package/dist/ui/input/InputImage.svelte

@@ -1,56 +1,49 @@
-<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 context="module"></script>
 
-	function handleValidation() {
-		close()
-		if (crop && image) dispatch('submit', { crop, image })
-	}
+<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 });
+}
 </script>
 
 <DropDown tippyProps={{ arrow: true }} hideOnBlur bind:tip>

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

@@ -12,7 +12,6 @@ declare const __propDef: {
         formaction?: string | undefined;
         key?: string | undefined;
         close?: (() => void) | undefined;
-        children?: import("svelte").Snippet<[]> | undefined;
     };
     events: {
         submit: CustomEvent<{

package/dist/ui/input/InputImagePreview.svelte

@@ -1,27 +1,23 @@
-<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>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>
 
 <InputImage {key} {title} {aspect} on:submit={({ detail }) => handleSubmit(detail)}>

package/dist/ui/input/InputNumber.svelte

@@ -1,13 +1,8 @@
-<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>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>
 
 <FormControl {...$$restProps} let:key>

package/dist/ui/input/InputOptionInParam.svelte

@@ -1,15 +1,13 @@
-<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>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>
 
 <div class="join {klass}">