@shwfed/nuxt 0.11.35 → 0.11.37

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.11.35",
+  "version": "0.11.37",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/fields.d.vue.ts

@@ -171,6 +171,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;
@@ -359,6 +364,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;

package/dist/runtime/components/fields.vue.d.ts

@@ -171,6 +171,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;
@@ -359,6 +364,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;

package/dist/runtime/components/modal.vue

@@ -4,10 +4,10 @@ import { computed, ref, useAttrs, useSlots } from "vue";
 import {
   Dialog,
   DialogClose,
-  DialogContent,
   DialogDescription,
   DialogFooter,
   DialogHeader,
+  DialogScrollContent,
   DialogTitle,
   DialogTrigger
 } from "./ui/dialog";
@@ -39,7 +39,7 @@ const isDesktop = useMediaQuery(props.breakpoint);
 const desktopComponents = {
   Root: Dialog,
   Trigger: DialogTrigger,
-  Content: DialogContent,
+  Content: DialogScrollContent,
   Header: DialogHeader,
   Title: DialogTitle,
   Description: DialogDescription,

package/dist/runtime/components/ui/button-configurator/ButtonConfiguratorDialog.vue

@@ -13,7 +13,7 @@ import {
   ButtonsStyleC
 } from "../buttons/schema";
 import { Checkbox } from "../checkbox";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../dialog";
+import { Dialog, DialogDescription, DialogFooter, DialogHeader, DialogScrollContent, DialogTitle } from "../dialog";
 import { IconPicker } from "../icon-picker";
 import { Input } from "../input";
 import Locale from "../locale/Locale.vue";
@@ -848,7 +848,7 @@ function confirmChanges() {
     :open="open"
     @update:open="open = $event"
   >
-    <DialogContent class="flex h-[min(40rem,calc(100vh-4rem))] w-[calc(100%-2rem)] max-w-[calc(100%-2rem)] flex-col overflow-hidden p-0 sm:w-[72rem] sm:max-w-[72rem]">
+    <DialogScrollContent class="flex h-[min(40rem,calc(100vh-4rem))] w-[calc(100%-2rem)] max-w-[calc(100%-2rem)] flex-col overflow-hidden p-0 sm:w-[72rem] sm:max-w-[72rem]">
       <DialogHeader class="gap-1 border-b border-zinc-200 px-6 py-5">
         <div class="flex items-center gap-3">
           <DialogTitle class="text-xl font-semibold text-zinc-800">
@@ -1382,7 +1382,7 @@ function confirmChanges() {
           </Button>
         </div>
       </DialogFooter>
-    </DialogContent>
+    </DialogScrollContent>
   </Dialog>
 </template>
 

package/dist/runtime/components/ui/command/CommandDialog.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { useForwardPropsEmits } from "reka-ui";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../dialog";
+import { Dialog, DialogDescription, DialogHeader, DialogScrollContent, DialogTitle } from "../dialog";
 import Command from "./Command.vue";
 const props = defineProps({
   open: { type: Boolean, required: false },
@@ -18,7 +18,7 @@ const forwarded = useForwardPropsEmits(props, emits);
     v-slot="slotProps"
     v-bind="forwarded"
   >
-    <DialogContent
+    <DialogScrollContent
       :show-close-button="false"
       class="overflow-hidden p-0"
     >
@@ -29,6 +29,6 @@ const forwarded = useForwardPropsEmits(props, emits);
       <Command>
         <slot v-bind="slotProps" />
       </Command>
-    </DialogContent>
+    </DialogScrollContent>
   </Dialog>
 </template>

package/dist/runtime/components/ui/dialog/DialogScrollContent.d.vue.ts

@@ -2,10 +2,11 @@ import type { DialogContentProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = DialogContentProps & {
     class?: HTMLAttributes['class'];
+    showCloseButton?: boolean;
 };
-declare var __VLS_22: {};
+declare var __VLS_23: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_22) => any;
+    default?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
@@ -14,6 +15,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
     openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
+    "after-close": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
@@ -21,7 +23,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    "onAfter-close"?: (() => any) | undefined;
+}>, {
+    showCloseButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/dialog/DialogScrollContent.vue

@@ -1,6 +1,13 @@
 <script setup>
-import { Icon } from "@iconify/vue";
 import { reactiveOmit } from "@vueuse/core";
+import { Icon } from "@iconify/vue";
+import {
+  computed,
+  onBeforeUnmount,
+  shallowRef,
+  useAttrs,
+  watchEffect
+} from "vue";
 import {
   DialogClose,
   DialogContent,
@@ -17,11 +24,158 @@ const props = defineProps({
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  showCloseButton: { type: Boolean, required: false, default: true }
+});
+const emit = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus", "after-close"]);
+const attrs = useAttrs();
+const delegatedProps = reactiveOmit(props, "class", "showCloseButton");
+const forwarded = useForwardPropsEmits(delegatedProps, emit);
+const contentElement = shallowRef(null);
+let closeFallbackTimer;
+let hasEmittedAfterClose = false;
+function isClosedContentTarget(target) {
+  return target instanceof HTMLElement && target.dataset.state === "closed";
+}
+function isPointerDownOutsideEvent(event) {
+  if (!("detail" in event) || typeof event.detail !== "object" || event.detail === null) {
+    return false;
+  }
+  if (!("originalEvent" in event.detail)) {
+    return false;
+  }
+  return event.detail.originalEvent instanceof MouseEvent;
+}
+function clearCloseFallbackTimer() {
+  if (closeFallbackTimer === void 0) {
+    return;
+  }
+  window.clearTimeout(closeFallbackTimer);
+  closeFallbackTimer = void 0;
+}
+function emitAfterClose() {
+  if (hasEmittedAfterClose) {
+    return;
+  }
+  hasEmittedAfterClose = true;
+  clearCloseFallbackTimer();
+  emit("after-close");
+}
+function parseDurationMs(value) {
+  const normalizedValue = value.trim();
+  if (normalizedValue.endsWith("ms")) {
+    const duration = Number.parseFloat(normalizedValue.slice(0, -2));
+    return Number.isFinite(duration) ? duration : 0;
+  }
+  if (normalizedValue.endsWith("s")) {
+    const duration = Number.parseFloat(normalizedValue.slice(0, -1));
+    return Number.isFinite(duration) ? duration * 1e3 : 0;
+  }
+  return 0;
+}
+function getLongestMotionMs(element) {
+  const style = window.getComputedStyle(element);
+  const animationDurations = style.animationDuration.split(",");
+  const animationDelays = style.animationDelay.split(",");
+  const transitionDurations = style.transitionDuration.split(",");
+  const transitionDelays = style.transitionDelay.split(",");
+  let longestMotionMs = 0;
+  for (const [index, durationValue] of animationDurations.entries()) {
+    const durationMs = parseDurationMs(durationValue);
+    const delayMs = parseDurationMs(animationDelays[index] ?? animationDelays[0] ?? "0s");
+    longestMotionMs = Math.max(longestMotionMs, durationMs + delayMs);
+  }
+  for (const [index, durationValue] of transitionDurations.entries()) {
+    const durationMs = parseDurationMs(durationValue);
+    const delayMs = parseDurationMs(transitionDelays[index] ?? transitionDelays[0] ?? "0s");
+    longestMotionMs = Math.max(longestMotionMs, durationMs + delayMs);
+  }
+  return longestMotionMs;
+}
+function syncCloseFallback() {
+  const element = contentElement.value;
+  clearCloseFallbackTimer();
+  if (!element) {
+    return;
+  }
+  if (element.dataset.state !== "closed") {
+    hasEmittedAfterClose = false;
+    return;
+  }
+  const motionMs = getLongestMotionMs(element);
+  closeFallbackTimer = window.setTimeout(() => {
+    emitAfterClose();
+  }, motionMs > 0 ? motionMs : 0);
+}
+function handleCloseMotionEnd(event) {
+  if (hasEmittedAfterClose || event.target !== event.currentTarget || !isClosedContentTarget(event.currentTarget)) {
+    return;
+  }
+  emitAfterClose();
+}
+function setContentElement(target) {
+  if (target instanceof HTMLElement) {
+    contentElement.value = target;
+    syncCloseFallback();
+    return;
+  }
+  if (target && "$el" in target && target.$el instanceof HTMLElement) {
+    contentElement.value = target.$el;
+    syncCloseFallback();
+    return;
+  }
+  contentElement.value = null;
+  clearCloseFallbackTimer();
+}
+function callEventHandlers(eventHandler, event) {
+  if (typeof eventHandler === "function") {
+    eventHandler(event);
+    return;
+  }
+  if (!Array.isArray(eventHandler)) {
+    return;
+  }
+  for (const handler of eventHandler) {
+    if (typeof handler === "function") {
+      handler(event);
+    }
+  }
+}
+function handlePointerDownOutside(event) {
+  if (isPointerDownOutsideEvent(event) && event.detail.originalEvent.target instanceof HTMLElement) {
+    const target = event.detail.originalEvent.target;
+    if (event.detail.originalEvent.offsetX > target.clientWidth || event.detail.originalEvent.offsetY > target.clientHeight) {
+      event.preventDefault();
+    }
+  }
+  callEventHandlers(Reflect.get(forwarded, "onPointerDownOutside"), event);
+  callEventHandlers(Reflect.get(attrs, "onPointerDownOutside"), event);
+}
+const contentBindings = computed(() => ({
+  ...attrs,
+  ...forwarded,
+  onPointerDownOutside: handlePointerDownOutside
+}));
+watchEffect((onCleanup) => {
+  const element = contentElement.value;
+  if (!element) {
+    return;
+  }
+  const observer = new MutationObserver(() => {
+    syncCloseFallback();
+  });
+  observer.observe(element, {
+    attributes: true,
+    attributeFilter: ["data-state"]
+  });
+  syncCloseFallback();
+  onCleanup(() => {
+    observer.disconnect();
+  });
+});
+onBeforeUnmount(() => {
+  clearCloseFallbackTimer();
 });
-const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
-const delegatedProps = reactiveOmit(props, "class");
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
@@ -30,25 +184,24 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       class="fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
     >
       <DialogContent
+        :ref="setContentElement"
+        data-slot="dialog-content"
         :class="
   cn(
     'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-zinc-200 bg-white p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
     props.class
   )
 "
-        v-bind="{ ...$attrs, ...forwarded }"
-        @pointer-down-outside="(event) => {
-  const originalEvent = event.detail.originalEvent;
-  const target = originalEvent.target;
-  if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
-    event.preventDefault();
-  }
-}"
+        v-bind="contentBindings"
+        @animationend="handleCloseMotionEnd"
+        @transitionend="handleCloseMotionEnd"
       >
         <slot />
 
         <DialogClose
-          class="absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-zinc-100"
+          v-if="showCloseButton"
+          data-slot="dialog-close"
+          class="data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-700 absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
         >
           <Icon icon="fluent:dismiss-20-filled" />
           <span class="sr-only">Close</span>

package/dist/runtime/components/ui/dialog/DialogScrollContent.vue.d.ts

@@ -2,10 +2,11 @@ import type { DialogContentProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = DialogContentProps & {
     class?: HTMLAttributes['class'];
+    showCloseButton?: boolean;
 };
-declare var __VLS_22: {};
+declare var __VLS_23: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_22) => any;
+    default?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
@@ -14,6 +15,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
     openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
+    "after-close": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
@@ -21,7 +23,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    "onAfter-close"?: (() => any) | undefined;
+}>, {
+    showCloseButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/fields/Fields.d.vue.ts

@@ -165,6 +165,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;
@@ -352,6 +357,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;
@@ -535,6 +545,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;
@@ -720,6 +735,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;

package/dist/runtime/components/ui/fields/Fields.vue

@@ -226,6 +226,24 @@ function getFileIcon(filename) {
   const ext = filename.split(".").pop()?.toLowerCase() ?? "";
   return FILE_EXTENSION_ICONS[ext] ?? "vscode-icons:default-file";
 }
+const MIME_TO_ICON = {
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "vscode-icons:file-type-excel",
+  "application/vnd.ms-excel": "vscode-icons:file-type-excel",
+  "application/pdf": "vscode-icons:file-type-pdf2",
+  "application/msword": "vscode-icons:file-type-word",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "vscode-icons:file-type-word",
+  "application/vnd.ms-powerpoint": "vscode-icons:file-type-powerpoint",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "vscode-icons:file-type-powerpoint",
+  "application/x-zip-compressed": "vscode-icons:file-type-zip",
+  "application/zip": "vscode-icons:file-type-zip",
+  "image/png": "vscode-icons:file-type-image",
+  "image/jpg": "vscode-icons:file-type-image",
+  "image/jpeg": "vscode-icons:file-type-image"
+};
+function getUploadTemplateIcon(field) {
+  const first = field.accept?.[0];
+  return (first && MIME_TO_ICON[first]) ?? "fluent:arrow-download-20-regular";
+}
 function getUploadAcceptString(field) {
   if (!field.accept || field.accept.length === 0) {
     return void 0;
@@ -298,6 +316,24 @@ function handleUploadDrop(field, event) {
 function handleUploadDragOver(event) {
   event.preventDefault();
 }
+const templateDownloading = ref({});
+async function handleTemplateDownload(field) {
+  if (!field.template || templateDownloading.value[field.id]) return;
+  templateDownloading.value[field.id] = true;
+  try {
+    const file = await $dsl.evaluate`${field.template}`();
+    const url = URL.createObjectURL(file);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = file.name;
+    a.click();
+    URL.revokeObjectURL(url);
+  } catch (e) {
+    console.error("[Fields] template download failed:", e);
+  } finally {
+    templateDownloading.value[field.id] = false;
+  }
+}
 function stringifySelectValue(value) {
   try {
     return JSON.stringify(value);
@@ -673,6 +709,19 @@ export {
             :icon="field.icon ?? 'fluent:cloud-arrow-up-20-regular'"
             class="text-4xl text-zinc-400"
           />
+          <button
+            v-if="field.template"
+            type="button"
+            class="inline-flex items-center gap-1.5 rounded-md border border-zinc-300 bg-white px-3 py-1.5 text-sm text-zinc-600 transition-colors hover:border-[--el-color-primary] hover:text-[--el-color-primary] disabled:opacity-50"
+            :disabled="templateDownloading[field.id]"
+            @click.prevent.stop="handleTemplateDownload(field)"
+          >
+            <Icon
+              :icon="templateDownloading[field.id] ? 'svg-spinners:ring-resize' : getUploadTemplateIcon(field)"
+              class="text-base"
+            />
+            {{ getLocalizedText(field.templateName, locale) ?? t("upload-download-template") }}
+          </button>
           <p
             v-if="field.description"
             class="text-sm text-zinc-600"
@@ -1105,7 +1154,8 @@ export {
     "upload-click-or-drag": "点击或拖拽文件到此处上传",
     "upload-accept-description": "仅接受 {formats} 格式文件",
     "upload-accept-or": "或",
-    "upload-accept-all": "接受所有格式文件"
+    "upload-accept-all": "接受所有格式文件",
+    "upload-download-template": "下载模板"
   },
   "ja": {
     "clear": "クリア",
@@ -1115,7 +1165,8 @@ export {
     "upload-click-or-drag": "クリックまたはファイルをここにドラッグしてアップロード",
     "upload-accept-description": "{formats} 形式のファイルのみ受け付けます",
     "upload-accept-or": "または",
-    "upload-accept-all": "すべての形式を受け付けます"
+    "upload-accept-all": "すべての形式を受け付けます",
+    "upload-download-template": "テンプレートをダウンロード"
   },
   "en": {
     "clear": "Clear",
@@ -1125,7 +1176,8 @@ export {
     "upload-click-or-drag": "Click or drag files here to upload",
     "upload-accept-description": "Only {formats} format files accepted",
     "upload-accept-or": "or",
-    "upload-accept-all": "All formats accepted"
+    "upload-accept-all": "All formats accepted",
+    "upload-download-template": "Download Template"
   }
 }
 </i18n>

package/dist/runtime/components/ui/fields/Fields.vue.d.ts

@@ -165,6 +165,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;
@@ -352,6 +357,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;
@@ -535,6 +545,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;
@@ -720,6 +735,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;

package/dist/runtime/components/ui/fields/schema.d.ts

@@ -217,6 +217,16 @@ export declare const UploadFieldC: z.ZodObject<{
         message: z.ZodString;
     }, z.core.$strip>>>>;
     maxCount: z.ZodOptional<z.ZodString>;
+    template: z.ZodOptional<z.ZodString>;
+    templateName: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            en: "en";
+            ja: "ja";
+            ko: "ko";
+            zh: "zh";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>>;
     style: z.ZodOptional<z.ZodString>;
     initialValue: z.ZodOptional<z.ZodString>;
     hidden: z.ZodOptional<z.ZodString>;
@@ -437,6 +447,16 @@ export declare const FieldC: z.ZodDiscriminatedUnion<[z.ZodObject<{
         message: z.ZodString;
     }, z.core.$strip>>>>;
     maxCount: z.ZodOptional<z.ZodString>;
+    template: z.ZodOptional<z.ZodString>;
+    templateName: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            en: "en";
+            ja: "ja";
+            ko: "ko";
+            zh: "zh";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>>;
     style: z.ZodOptional<z.ZodString>;
     initialValue: z.ZodOptional<z.ZodString>;
     hidden: z.ZodOptional<z.ZodString>;
@@ -671,6 +691,16 @@ export declare const FieldsBodyC: z.ZodReadonly<z.ZodObject<{
             message: z.ZodString;
         }, z.core.$strip>>>>;
         maxCount: z.ZodOptional<z.ZodString>;
+        template: z.ZodOptional<z.ZodString>;
+        templateName: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                en: "en";
+                ja: "ja";
+                ko: "ko";
+                zh: "zh";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>>;
         style: z.ZodOptional<z.ZodString>;
         initialValue: z.ZodOptional<z.ZodString>;
         hidden: z.ZodOptional<z.ZodString>;
@@ -899,6 +929,16 @@ export declare const FieldsBodyInputC: z.ZodReadonly<z.ZodObject<{
             message: z.ZodString;
         }, z.core.$strip>>>>;
         maxCount: z.ZodOptional<z.ZodString>;
+        template: z.ZodOptional<z.ZodString>;
+        templateName: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                en: "en";
+                ja: "ja";
+                ko: "ko";
+                zh: "zh";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>>;
         style: z.ZodOptional<z.ZodString>;
         initialValue: z.ZodOptional<z.ZodString>;
         hidden: z.ZodOptional<z.ZodString>;
@@ -1127,6 +1167,16 @@ export declare const FieldsConfigC: z.ZodReadonly<z.ZodObject<{
             message: z.ZodString;
         }, z.core.$strip>>>>;
         maxCount: z.ZodOptional<z.ZodString>;
+        template: z.ZodOptional<z.ZodString>;
+        templateName: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                en: "en";
+                ja: "ja";
+                ko: "ko";
+                zh: "zh";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>>;
         style: z.ZodOptional<z.ZodString>;
         initialValue: z.ZodOptional<z.ZodString>;
         hidden: z.ZodOptional<z.ZodString>;
@@ -1357,6 +1407,16 @@ export declare const FieldsConfigInputC: z.ZodReadonly<z.ZodObject<{
             message: z.ZodString;
         }, z.core.$strip>>>>;
         maxCount: z.ZodOptional<z.ZodString>;
+        template: z.ZodOptional<z.ZodString>;
+        templateName: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                en: "en";
+                ja: "ja";
+                ko: "ko";
+                zh: "zh";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>>;
         style: z.ZodOptional<z.ZodString>;
         initialValue: z.ZodOptional<z.ZodString>;
         hidden: z.ZodOptional<z.ZodString>;

package/dist/runtime/components/ui/fields/schema.js

@@ -133,6 +133,8 @@ export const UploadFieldC = z.object({
   accept: z.array(z.string()).readonly().optional().describe("\u5141\u8BB8\u4E0A\u4F20\u7684 MIME \u7C7B\u578B\u6570\u7EC4\uFF0C\u540C\u65F6\u63A7\u5236\u6587\u4EF6\u9009\u62E9\u8FC7\u6EE4\u548C\u533A\u57DF\u63CF\u8FF0\u6587\u5B57"),
   description: localeC.optional().describe("\u4E0A\u4F20\u533A\u57DF\u7684\u63D0\u793A\u6587\u672C\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C\uFF0C\u66FF\u6362\u9ED8\u8BA4\u7684\u300C\u70B9\u51FB\u6216\u62D6\u62FD\u5230\u6B64\u5904\u4E0A\u4F20\u300D"),
   maxCount: expressionC(["int", "dyn"], inheritedFieldContext).optional().describe("\u8FD4\u56DE\u6574\u6570\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u9650\u5236\u6700\u5927\u53EF\u4E0A\u4F20\u6587\u4EF6\u6570\u91CF\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
+  template: expressionC(["File", "dyn"]).optional().describe('\u8FD4\u56DE File \u7684 CEL \u8868\u8FBE\u5F0F\uFF08\u5982 http.post("/url").file()\uFF09\uFF0C\u914D\u7F6E\u540E\u5728\u4E0A\u4F20\u533A\u57DF\u663E\u793A\u300C\u4E0B\u8F7D\u6A21\u677F\u300D\u6309\u94AE'),
+  templateName: localeC.optional().describe("\u4E0B\u8F7D\u6A21\u677F\u6309\u94AE\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C\uFF0C\u7559\u7A7A\u65F6\u663E\u793A\u9ED8\u8BA4\u6587\u672C\u300C\u4E0B\u8F7D\u6A21\u677F\u300D"),
   style: z.string().optional().describe("CSS \u6837\u5F0F\u5BF9\u8C61\u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u5B57\u6BB5\u7684\u5E03\u5C40\u4E0E\u5916\u89C2"),
   initialValue: expressionC(["list(dyn)", "dyn"], inheritedFieldContext).optional().describe("\u8FD4\u56DE\u6570\u7EC4\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
   hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),

package/dist/runtime/components/ui/fields-configurator/FieldsConfiguratorDialog.d.vue.ts

@@ -166,6 +166,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;
@@ -349,6 +354,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;

package/dist/runtime/components/ui/fields-configurator/FieldsConfiguratorDialog.vue

@@ -23,10 +23,10 @@ import { cn } from "../../../utils/cn";
 import { Button } from "../button";
 import {
   Dialog,
-  DialogContent,
   DialogDescription,
   DialogFooter,
   DialogHeader,
+  DialogScrollContent,
   DialogTitle
 } from "../dialog";
 import {
@@ -301,6 +301,7 @@ function normalizeField(field) {
         contentStyle: normalizeOptionalString(field.contentStyle ?? ""),
         accept: normalizedAccept.length > 0 ? normalizedAccept : void 0,
         maxCount: normalizeOptionalString(field.maxCount ?? ""),
+        template: normalizeOptionalString(field.template ?? ""),
         initialValue: normalizeOptionalString(field.initialValue ?? ""),
         hidden: normalizeOptionalString(field.hidden ?? ""),
         disabled: normalizeOptionalString(field.disabled ?? ""),
@@ -907,6 +908,22 @@ function updateSelectedUploadDescription(value) {
     };
   });
 }
+function updateSelectedUploadTemplateName(value) {
+  const selected = selectedField.value;
+  if (!selected || selected.field.type !== "upload") {
+    return;
+  }
+  clearFieldError(selected.draftId, "templateName");
+  updateDraftField(selected.draftId, (field) => {
+    if (field.type !== "upload") {
+      return field;
+    }
+    return {
+      ...field,
+      templateName: value
+    };
+  });
+}
 function updateSelectedUploadMaxCount(value) {
   const selected = selectedField.value;
   if (!selected || selected.field.type !== "upload") {
@@ -923,6 +940,22 @@ function updateSelectedUploadMaxCount(value) {
     };
   });
 }
+function updateSelectedUploadTemplate(value) {
+  const selected = selectedField.value;
+  if (!selected || selected.field.type !== "upload") {
+    return;
+  }
+  clearFieldError(selected.draftId, "template");
+  updateDraftField(selected.draftId, (field) => {
+    if (field.type !== "upload") {
+      return field;
+    }
+    return {
+      ...field,
+      template: normalizeOptionalString(String(value))
+    };
+  });
+}
 function addValidationRule() {
   const selected = selectedField.value;
   if (!selected || isPassiveField(selected.field)) {
@@ -1434,7 +1467,7 @@ function confirmChanges() {
     :open="open"
     @update:open="handleOpenChange"
   >
-    <DialogContent
+    <DialogScrollContent
       class="flex h-[min(42rem,calc(100vh-4rem))] w-[calc(100%-2rem)] max-h-[calc(100vh-4rem)] max-w-[calc(100%-2rem)] flex-col overflow-hidden p-0 sm:w-[80vw] sm:max-w-[80vw]"
       :show-close-button="true"
     >
@@ -2298,6 +2331,37 @@ function confirmChanges() {
                   {{ validationErrors[getFieldErrorKey(selectedField.draftId, "maxCount")] }}
                 </p>
               </label>
+
+              <label class="flex flex-col gap-2 md:col-span-2">
+                <span class="text-xs font-medium text-zinc-500">
+                  {{ t("field-upload-template") }}
+                </span>
+                <Textarea
+                  data-slot="fields-configurator-field-upload-template-input"
+                  :model-value="selectedField.field.template ?? ''"
+                  :aria-invalid="validationErrors[getFieldErrorKey(selectedField.draftId, 'template')] ? 'true' : void 0"
+                  :placeholder="t('field-upload-template-placeholder')"
+                  class="min-h-20 font-mono text-sm"
+                  @update:model-value="updateSelectedUploadTemplate"
+                />
+                <p
+                  v-if="validationErrors[getFieldErrorKey(selectedField.draftId, 'template')]"
+                  class="text-xs text-red-500"
+                >
+                  {{ validationErrors[getFieldErrorKey(selectedField.draftId, "template")] }}
+                </p>
+              </label>
+
+              <div class="flex flex-col gap-2 md:col-span-2">
+                <span class="text-xs font-medium text-zinc-500">
+                  {{ t("field-upload-template-name") }}
+                </span>
+                <Locale
+                  data-slot="fields-configurator-field-upload-template-name-locale"
+                  :model-value="selectedField.field.templateName"
+                  @update:model-value="updateSelectedUploadTemplateName"
+                />
+              </div>
             </section>
 
             <section
@@ -2478,7 +2542,7 @@ function confirmChanges() {
           </Button>
         </div>
       </DialogFooter>
-    </DialogContent>
+    </DialogScrollContent>
   </Dialog>
 </template>
 
@@ -2582,6 +2646,9 @@ function confirmChanges() {
     "field-upload-description": "上传提示文本",
     "field-upload-max-count": "最大文件数量",
     "field-upload-max-count-placeholder": "例如 5",
+    "field-upload-template": "下载模板表达式",
+    "field-upload-template-placeholder": "例如 http.post(\"/api/v1/example/download_template\").file()",
+    "field-upload-template-name": "下载模板按钮名称",
     "field-validation": "校验规则",
     "field-validation-description": "字段失焦时按顺序执行，命中第一个失败规则后停止。",
     "add-validation-rule": "新增规则",
@@ -2699,6 +2766,9 @@ function confirmChanges() {
     "field-upload-description": "アップロード説明文",
     "field-upload-max-count": "最大ファイル数",
     "field-upload-max-count-placeholder": "例: 5",
+    "field-upload-template": "テンプレートダウンロード式",
+    "field-upload-template-placeholder": "例: http.post(\"/api/v1/example/download_template\").file()",
+    "field-upload-template-name": "テンプレートボタン名",
     "field-validation": "検証ルール",
     "field-validation-description": "フォーカスを外したときに順番に評価し、最初の失敗で停止します。",
     "add-validation-rule": "ルールを追加",
@@ -2816,6 +2886,9 @@ function confirmChanges() {
     "field-upload-description": "Upload description",
     "field-upload-max-count": "Max file count",
     "field-upload-max-count-placeholder": "For example 5",
+    "field-upload-template": "Template download expression",
+    "field-upload-template-placeholder": "e.g. http.post(\"/api/v1/example/download_template\").file()",
+    "field-upload-template-name": "Template button name",
     "field-validation": "Validation rules",
     "field-validation-description": "Rules run on blur in order and stop at the first failure.",
     "add-validation-rule": "Add rule",

package/dist/runtime/components/ui/fields-configurator/FieldsConfiguratorDialog.vue.d.ts

@@ -166,6 +166,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;
@@ -349,6 +354,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 message: string;
             }[] | undefined;
             maxCount?: string | undefined;
+            template?: string | undefined;
+            templateName?: readonly {
+                locale: "en" | "ja" | "ko" | "zh";
+                message: string;
+            }[] | undefined;
             style?: string | undefined;
             initialValue?: string | undefined;
             hidden?: string | undefined;

package/dist/runtime/components/ui/menu-tabs-configurator/MenuTabsConfiguratorDialog.vue

@@ -7,10 +7,10 @@ import { cn } from "../../../utils/cn";
 import { Button } from "../button";
 import {
   Dialog,
-  DialogContent,
   DialogDescription,
   DialogFooter,
   DialogHeader,
+  DialogScrollContent,
   DialogTitle
 } from "../dialog";
 import { ExpressionEditor } from "../expression-editor";
@@ -258,7 +258,7 @@ watch(normalizedSearch, async () => {
     :open="open"
     @update:open="open = $event"
   >
-    <DialogContent
+    <DialogScrollContent
       data-slot="menu-tabs-configurator-dialog"
       class="flex h-[min(42rem,calc(100vh-4rem))] w-[calc(100%-2rem)] max-h-[calc(100vh-4rem)] max-w-[calc(100%-2rem)] flex-col overflow-hidden p-0 sm:w-[80vw] sm:max-w-[80vw]"
     >
@@ -419,7 +419,7 @@ watch(normalizedSearch, async () => {
           {{ t("confirm") }}
         </Button>
       </DialogFooter>
-    </DialogContent>
+    </DialogScrollContent>
   </Dialog>
 </template>
 

package/dist/runtime/components/ui/table-configurator/TableConfiguratorDialog.vue

@@ -13,10 +13,10 @@ import { Button } from "../button";
 import { Checkbox } from "../checkbox";
 import {
   Dialog,
-  DialogContent,
   DialogDescription,
   DialogFooter,
   DialogHeader,
+  DialogScrollContent,
   DialogTitle
 } from "../dialog";
 import { Input } from "../input";
@@ -1625,7 +1625,7 @@ function confirmChanges() {
     :open="open"
     @update:open="handleOpenChange"
   >
-    <DialogContent
+    <DialogScrollContent
       class="flex h-[min(42rem,calc(100vh-4rem))] w-[calc(100%-2rem)] max-h-[calc(100vh-4rem)] max-w-[calc(100%-2rem)] flex-col overflow-hidden p-0 sm:w-[80vw] sm:max-w-[80vw]"
       :show-close-button="true"
       @pointer-down-outside="(event) => event.preventDefault()"
@@ -2437,7 +2437,7 @@ function confirmChanges() {
           </Button>
         </div>
       </DialogFooter>
-    </DialogContent>
+    </DialogScrollContent>
   </Dialog>
 </template>
 

package/dist/runtime/plugins/api/index.js

@@ -2,6 +2,7 @@ import { defineNuxtPlugin, useNuxtApp, useRuntimeConfig } from "#app";
 import { useNavigatorLanguage } from "@vueuse/core";
 import { Effect } from "effect";
 import z from "zod";
+import { setFileHandler } from "../cel/http-request.js";
 let isRedirectingAfterTokenExpiry = false;
 const processedResponses = /* @__PURE__ */ new WeakSet();
 export default defineNuxtPlugin({
@@ -121,6 +122,21 @@ export default defineNuxtPlugin({
         data
       });
     }
+    setFileHandler(async (request) => {
+      const headers = new Headers(request.headers);
+      applyRequestHeaders(headers);
+      const response = await fetch(createRequestUrl(request.url, request.query), {
+        method: request.method,
+        headers,
+        body: createRequestBody(request.body, headers)
+      });
+      await handleExpiredFetchResponse(response);
+      if (!response.ok) throw new Error(`Download failed: ${response.status}`);
+      const blob = await response.blob();
+      const disposition = response.headers.get("Content-Disposition");
+      const filename = disposition?.split(/filename=/i)[1]?.replaceAll(/"|'/g, "") ?? "download";
+      return new File([blob], decodeURIComponent(filename), { type: blob.type });
+    });
     const api = $fetch.create({
       baseURL: config.api.host,
       onRequest: ({

package/dist/runtime/plugins/cel/env.js

@@ -1,4 +1,5 @@
 import { Environment, EvaluationError, Optional } from "../../vendor/cel/index.js";
+import { Http, HttpRequest, getFileHandler } from "./http-request.js";
 import { startOfDay, startOfWeek, startOfYear, startOfMonth, endOfDay, endOfWeek, endOfYear, endOfMonth, addYears, addMonths, addDays, addWeeks, setDate, setMonth, setYear, formatDate, isBefore, isAfter, isEqual } from "date-fns";
 import { TZDate } from "@date-fns/tz";
 import { BigNumber } from "bignumber.js";
@@ -184,5 +185,10 @@ export function createEnvironment(f = identity) {
       return Optional.none();
     }
   });
+  env.registerType("Http", Http).registerType("HttpRequest", HttpRequest).registerType("File", File).registerConstant("http", "Http", new Http()).registerFunction("Http.get(string): HttpRequest", (_, url) => new HttpRequest(url, "GET")).registerFunction("Http.post(string): HttpRequest", (_, url) => new HttpRequest(url, "POST")).registerFunction("Http.put(string): HttpRequest", (_, url) => new HttpRequest(url, "PUT")).registerFunction("Http.delete(string): HttpRequest", (_, url) => new HttpRequest(url, "DELETE")).registerFunction("HttpRequest.header(string, string): HttpRequest", (r, k, v) => r.withHeader(k, v)).registerFunction("HttpRequest.query(string, string): HttpRequest", (r, k, v) => r.withQuery(k, v)).registerFunction("HttpRequest.body(dyn): HttpRequest", (r, body) => r.withBody(body)).registerFunction("HttpRequest.file(): File", async (request) => {
+    const handler = getFileHandler();
+    if (!handler) throw new EvaluationError("HttpRequest.file() handler not initialized");
+    return handler(request);
+  });
   return f(env);
 }

package/dist/runtime/plugins/cel/http-request.d.ts

@@ -0,0 +1,16 @@
+export declare class Http {
+    readonly kind: "Http";
+}
+export declare class HttpRequest {
+    readonly url: string;
+    readonly method: string;
+    readonly headers: Record<string, string>;
+    readonly query: Record<string, string>;
+    readonly body: unknown;
+    constructor(url: string, method?: string, headers?: Record<string, string>, query?: Record<string, string>, body?: unknown);
+    withHeader(key: string, value: string): HttpRequest;
+    withQuery(key: string, value: string): HttpRequest;
+    withBody(body: unknown): HttpRequest;
+}
+export declare function getFileHandler(): ((request: HttpRequest) => Promise<File>) | null;
+export declare function setFileHandler(fn: (request: HttpRequest) => Promise<File>): void;

package/dist/runtime/plugins/cel/http-request.js

@@ -0,0 +1,36 @@
+export class Http {
+  kind = "Http";
+}
+export class HttpRequest {
+  url;
+  method;
+  headers;
+  query;
+  body;
+  constructor(url, method = "GET", headers = {}, query = {}, body = void 0) {
+    this.url = url;
+    this.method = method;
+    this.headers = headers;
+    this.query = query;
+    this.body = body;
+    Object.freeze(this);
+  }
+  withHeader(key, value) {
+    return new HttpRequest(this.url, this.method, { ...this.headers, [key]: value }, this.query, this.body);
+  }
+  withQuery(key, value) {
+    return new HttpRequest(this.url, this.method, this.headers, { ...this.query, [key]: value }, this.body);
+  }
+  withBody(body) {
+    return new HttpRequest(this.url, this.method, this.headers, this.query, body);
+  }
+}
+const httpState = {
+  fileHandler: null
+};
+export function getFileHandler() {
+  return httpState.fileHandler;
+}
+export function setFileHandler(fn) {
+  httpState.fileHandler = fn;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.11.35",
+  "version": "0.11.37",
   "description": "",
   "license": "MIT",
   "type": "module",