@shwfed/nuxt 0.11.36 → 0.11.37

package/dist/module.json

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

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

@@ -172,6 +172,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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;
@@ -361,6 +365,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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

@@ -172,6 +172,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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;
@@ -361,6 +365,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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

@@ -166,6 +166,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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;
@@ -354,6 +358,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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;
@@ -538,6 +546,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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;
@@ -724,6 +736,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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;
@@ -678,19 +696,6 @@ export {
             >*</sup>
           </span>
         </p>
-        <button
-          v-if="field.template"
-          type="button"
-          class="inline-flex items-center gap-1 self-start text-sm text-[--el-color-primary] hover:underline disabled:opacity-50"
-          :disabled="templateDownloading[field.id]"
-          @click="handleTemplateDownload(field)"
-        >
-          <Icon
-            :icon="templateDownloading[field.id] ? 'svg-spinners:ring-resize' : 'fluent:arrow-download-20-regular'"
-            class="text-base"
-          />
-          {{ t("upload-download-template") }}
-        </button>
         <label
           v-if="getUploadFiles(field).length < getUploadMaxCount(field)"
           :class="[
@@ -704,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"

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

@@ -166,6 +166,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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;
@@ -354,6 +358,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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;
@@ -538,6 +546,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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;
@@ -724,6 +736,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[] | 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

@@ -218,6 +218,15 @@ export declare const UploadFieldC: z.ZodObject<{
     }, 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>;
@@ -439,6 +448,15 @@ export declare const FieldC: z.ZodDiscriminatedUnion<[z.ZodObject<{
     }, 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>;
@@ -674,6 +692,15 @@ export declare const FieldsBodyC: z.ZodReadonly<z.ZodObject<{
         }, 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>;
@@ -903,6 +930,15 @@ export declare const FieldsBodyInputC: z.ZodReadonly<z.ZodObject<{
         }, 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>;
@@ -1132,6 +1168,15 @@ export declare const FieldsConfigC: z.ZodReadonly<z.ZodObject<{
         }, 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>;
@@ -1363,6 +1408,15 @@ export declare const FieldsConfigInputC: z.ZodReadonly<z.ZodObject<{
         }, 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

@@ -134,6 +134,7 @@ export const UploadFieldC = z.object({
   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

@@ -167,6 +167,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }[] | 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;
@@ -351,6 +355,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }[] | 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 {
@@ -908,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") {
@@ -1451,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"
     >
@@ -2335,6 +2351,17 @@ function confirmChanges() {
                   {{ 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
@@ -2515,7 +2542,7 @@ function confirmChanges() {
           </Button>
         </div>
       </DialogFooter>
-    </DialogContent>
+    </DialogScrollContent>
   </Dialog>
 </template>
 
@@ -2621,6 +2648,7 @@ function confirmChanges() {
     "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": "新增规则",
@@ -2740,6 +2768,7 @@ function confirmChanges() {
     "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": "ルールを追加",
@@ -2859,6 +2888,7 @@ function confirmChanges() {
     "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

@@ -167,6 +167,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }[] | 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;
@@ -351,6 +355,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }[] | 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/package.json

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