@shwfed/nuxt 0.11.31 → 0.11.32

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

@@ -15,7 +15,8 @@ import {
   SelectFieldC,
   SlotFieldC,
   StringFieldC,
-  TextareaFieldC
+  TextareaFieldC,
+  UploadFieldC
 } from "../fields/schema";
 import { cn } from "../../../utils/cn";
 import { Button } from "../button";
@@ -29,6 +30,7 @@ import {
 } from "../dialog";
 import {
   DropdownMenu,
+  DropdownMenuCheckboxItem,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger
@@ -48,6 +50,7 @@ const open = defineModel("open", { type: Boolean, ...{
 const { $toast } = useNuxtApp();
 const { t } = useI18n();
 const draftOrientation = ref("horizontal");
+const draftBordered = ref(false);
 const draftStyle = ref();
 const search = ref("");
 const selectedItemId = ref("general");
@@ -61,6 +64,7 @@ const fieldTypeOptions = computed(() => [
   { type: "number", label: t("field-type-number") },
   { type: "select", label: t("field-type-select") },
   { type: "calendar", label: t("field-type-calendar") },
+  { type: "upload", label: t("field-type-upload") },
   { type: "empty", label: t("field-type-empty") },
   { type: "slot", label: t("field-type-slot") }
 ]);
@@ -70,6 +74,7 @@ const generalItem = computed(() => ({
 }));
 const normalizedSearch = computed(() => search.value.trim().toLocaleLowerCase());
 const selectedField = computed(() => draftFields.value.find((field) => field.draftId === selectedItemId.value));
+const usesContentsOrientation = computed(() => draftOrientation.value === "contents");
 const selectedFieldValidationRules = computed(() => {
   const field = selectedField.value?.field;
   if (!field || field.type === "slot" || field.type === "empty") {
@@ -96,7 +101,7 @@ function cloneFields(fields) {
   return fields.map(createDraftField);
 }
 function normalizeOrientation(value) {
-  if (value === "vertical" || value === "floating") {
+  if (value === "vertical" || value === "floating" || value === "contents") {
     return value;
   }
   return "horizontal";
@@ -220,6 +225,8 @@ function normalizeField(field) {
         required: field.required ? true : void 0,
         icon: normalizeOptionalString(field.icon ?? ""),
         style: normalizeOptionalString(field.style ?? ""),
+        labelStyle: normalizeOptionalString(field.labelStyle ?? ""),
+        contentStyle: normalizeOptionalString(field.contentStyle ?? ""),
         initialValue: normalizeOptionalString(field.initialValue ?? ""),
         maxLength: normalizeOptionalString(field.maxLength ?? ""),
         hidden: normalizeOptionalString(field.hidden ?? ""),
@@ -234,6 +241,8 @@ function normalizeField(field) {
         required: field.required ? true : void 0,
         icon: normalizeOptionalString(field.icon ?? ""),
         style: normalizeOptionalString(field.style ?? ""),
+        labelStyle: normalizeOptionalString(field.labelStyle ?? ""),
+        contentStyle: normalizeOptionalString(field.contentStyle ?? ""),
         initialValue: normalizeOptionalString(field.initialValue ?? ""),
         min: normalizeOptionalString(field.min ?? ""),
         max: normalizeOptionalString(field.max ?? ""),
@@ -249,6 +258,8 @@ function normalizeField(field) {
         required: field.required ? true : void 0,
         icon: normalizeOptionalString(field.icon ?? ""),
         style: normalizeOptionalString(field.style ?? ""),
+        labelStyle: normalizeOptionalString(field.labelStyle ?? ""),
+        contentStyle: normalizeOptionalString(field.contentStyle ?? ""),
         options: field.options.trim(),
         label: field.label.trim(),
         value: field.value.trim(),
@@ -265,6 +276,8 @@ function normalizeField(field) {
         required: field.required ? true : void 0,
         icon: normalizeOptionalString(field.icon ?? ""),
         style: normalizeOptionalString(field.style ?? ""),
+        labelStyle: normalizeOptionalString(field.labelStyle ?? ""),
+        contentStyle: normalizeOptionalString(field.contentStyle ?? ""),
         display: normalizeOptionalString(field.display ?? ""),
         value: field.value.trim(),
         initialValue: normalizeOptionalString(field.initialValue ?? ""),
@@ -273,6 +286,24 @@ function normalizeField(field) {
         disabled: normalizeOptionalString(field.disabled ?? ""),
         validation: normalizeValidationRules(field.validation)
       };
+    case "upload": {
+      const normalizedAccept = (field.accept ?? []).filter((mime) => mime.trim().length > 0);
+      return {
+        ...field,
+        path: field.path.trim(),
+        required: field.required ? true : void 0,
+        icon: normalizeOptionalString(field.icon ?? ""),
+        style: normalizeOptionalString(field.style ?? ""),
+        labelStyle: normalizeOptionalString(field.labelStyle ?? ""),
+        contentStyle: normalizeOptionalString(field.contentStyle ?? ""),
+        accept: normalizedAccept.length > 0 ? normalizedAccept : void 0,
+        maxCount: normalizeOptionalString(field.maxCount ?? ""),
+        initialValue: normalizeOptionalString(field.initialValue ?? ""),
+        hidden: normalizeOptionalString(field.hidden ?? ""),
+        disabled: normalizeOptionalString(field.disabled ?? ""),
+        validation: normalizeValidationRules(field.validation)
+      };
+    }
     case "slot":
       return {
         ...field,
@@ -324,6 +355,13 @@ function createField(type) {
         mode: "date",
         value: "yyyy-MM-dd"
       };
+    case "upload":
+      return {
+        id,
+        type,
+        path: "",
+        title
+      };
     case "empty":
       return {
         id,
@@ -341,6 +379,7 @@ function resetDraftConfig() {
 }
 function applyDraftConfig(config) {
   draftOrientation.value = config.orientation ?? "horizontal";
+  draftBordered.value = config.bordered ?? false;
   draftStyle.value = normalizeOptionalString(config.style ?? "");
   search.value = "";
   draftFields.value = cloneFields(config.fields);
@@ -448,6 +487,9 @@ function selectItem(itemId) {
 function updateDraftOrientation(value) {
   draftOrientation.value = normalizeOrientation(value);
 }
+function updateDraftBordered(value) {
+  draftBordered.value = value;
+}
 function updateDraftStyle(value) {
   clearError(getGeneralErrorKey("style"));
   draftStyle.value = normalizeOptionalString(String(value));
@@ -532,6 +574,28 @@ function updateSelectedFieldStyle(value) {
     style: normalizeOptionalString(String(value))
   }));
 }
+function updateSelectedFieldLabelStyle(value) {
+  const selected = selectedField.value;
+  if (!selected || isPassiveField(selected.field)) {
+    return;
+  }
+  clearFieldError(selected.draftId, "labelStyle");
+  updateDraftField(selected.draftId, (field) => isPassiveField(field) ? field : {
+    ...field,
+    labelStyle: normalizeOptionalString(String(value))
+  });
+}
+function updateSelectedFieldContentStyle(value) {
+  const selected = selectedField.value;
+  if (!selected || isPassiveField(selected.field)) {
+    return;
+  }
+  clearFieldError(selected.draftId, "contentStyle");
+  updateDraftField(selected.draftId, (field) => isPassiveField(field) ? field : {
+    ...field,
+    contentStyle: normalizeOptionalString(String(value))
+  });
+}
 function updateSelectedFieldHidden(value) {
   const selected = selectedField.value;
   if (!selected) {
@@ -791,6 +855,70 @@ function updateSelectedCalendarDisableDate(value) {
     };
   });
 }
+const UPLOAD_MIME_OPTIONS = [
+  { mime: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", label: "Excel (.xlsx)", icon: "vscode-icons:file-type-excel" },
+  { mime: "application/vnd.ms-excel", label: "Excel (.xls)", icon: "vscode-icons:file-type-excel" },
+  { mime: "application/x-zip-compressed", label: "ZIP", icon: "vscode-icons:file-type-zip" },
+  { mime: "application/zip", label: "ZIP (.zip)", icon: "vscode-icons:file-type-zip" },
+  { mime: "application/pdf", label: "PDF", icon: "vscode-icons:file-type-pdf2" },
+  { mime: "application/ofd", label: "OFD", icon: "vscode-icons:file-type-ofd" },
+  { mime: "application/xml", label: "XML", icon: "vscode-icons:file-type-xml" },
+  { mime: "image/png", label: "PNG", icon: "vscode-icons:file-type-image" },
+  { mime: "image/jpg", label: "JPG", icon: "vscode-icons:file-type-image" },
+  { mime: "image/jpeg", label: "JPEG", icon: "vscode-icons:file-type-image" },
+  { mime: "application/msword", label: "Word (.doc)", icon: "vscode-icons:file-type-word" },
+  { mime: "application/vnd.openxmlformats-officedocument.wordprocessingml.document", label: "Word (.docx)", icon: "vscode-icons:file-type-word" }
+];
+function toggleSelectedUploadAccept(mime) {
+  const selected = selectedField.value;
+  if (!selected || selected.field.type !== "upload") {
+    return;
+  }
+  clearFieldError(selected.draftId, "accept");
+  updateDraftField(selected.draftId, (field) => {
+    if (field.type !== "upload") {
+      return field;
+    }
+    const current = field.accept ?? [];
+    const next = current.includes(mime) ? current.filter((m) => m !== mime) : [...current, mime];
+    return {
+      ...field,
+      accept: next.length > 0 ? next : void 0
+    };
+  });
+}
+function updateSelectedUploadDescription(value) {
+  const selected = selectedField.value;
+  if (!selected || selected.field.type !== "upload") {
+    return;
+  }
+  clearFieldError(selected.draftId, "description");
+  updateDraftField(selected.draftId, (field) => {
+    if (field.type !== "upload") {
+      return field;
+    }
+    return {
+      ...field,
+      description: value
+    };
+  });
+}
+function updateSelectedUploadMaxCount(value) {
+  const selected = selectedField.value;
+  if (!selected || selected.field.type !== "upload") {
+    return;
+  }
+  clearFieldError(selected.draftId, "maxCount");
+  updateDraftField(selected.draftId, (field) => {
+    if (field.type !== "upload") {
+      return field;
+    }
+    return {
+      ...field,
+      maxCount: normalizeOptionalString(String(value))
+    };
+  });
+}
 function addValidationRule() {
   const selected = selectedField.value;
   if (!selected || isPassiveField(selected.field)) {
@@ -933,6 +1061,10 @@ function getSchemaIssues(field) {
       const result = CalendarFieldC.safeParse(field);
       return result.success ? [] : result.error.issues;
     }
+    case "upload": {
+      const result = UploadFieldC.safeParse(field);
+      return result.success ? [] : result.error.issues;
+    }
     case "slot": {
       const result = SlotFieldC.safeParse(field);
       return result.success ? [] : result.error.issues;
@@ -1040,6 +1172,9 @@ function buildDraftConfig() {
   if (draftOrientation.value !== "horizontal") {
     nextBody.orientation = draftOrientation.value;
   }
+  if (draftBordered.value && draftOrientation.value === "contents") {
+    nextBody.bordered = true;
+  }
   if (generalStyleResult.data) {
     nextBody.style = generalStyleResult.data;
   }
@@ -1102,7 +1237,7 @@ function buildDslGuideMarkdown() {
     '- \u65B9\u6CD5\u8C03\u7528\uFF1A`value.method(args)`\uFF0C\u4F8B\u5982 `now.format("yyyy-MM-dd")`\u3002',
     "",
     "### 2. \u5E38\u89C1\u5B57\u6BB5\u4E0E\u7528\u9014",
-    '- `style` \u76F8\u5173\u5B57\u6BB5\u9700\u8981\u8FD4\u56DE style map\uFF0C\u4F8B\u5982 `{"display": "grid"}`\u3002',
+    '- `style`\u3001`labelStyle`\u3001`contentStyle` \u76F8\u5173\u5B57\u6BB5\u9700\u8981\u8FD4\u56DE style map\uFF0C\u4F8B\u5982 `{"display": "grid"}`\u3002',
     "- `initialValue` \u9700\u8981\u8FD4\u56DE\u5BF9\u5E94\u5B57\u6BB5\u6700\u7EC8\u5199\u5165 `path` \u7684\u503C\u3002",
     "- `hidden` / `disabled` / `disableDate` \u9700\u8981\u8FD4\u56DE `bool`\u3002",
     "- `validation[].expression` \u9700\u8981\u8FD4\u56DE `bool`\uFF1B\u8FD4\u56DE `false` \u65F6\u5C55\u793A\u5BF9\u5E94\u6D88\u606F\u3002",
@@ -1112,7 +1247,8 @@ function buildDslGuideMarkdown() {
     "- \u4EE3\u7801\u91CC\u5E94\u5148\u751F\u6210\u5E76\u4F7F\u7528 UUID\uFF0C\u518D\u628A\u540C\u4E00\u4E2A `id` \u7C98\u8D34\u56DE\u5B57\u6BB5\u914D\u7F6E\u3002",
     "- \u6240\u6709\u5B57\u6BB5\u90FD\u5FC5\u987B\u5305\u542B\u552F\u4E00\u4E14\u5408\u6CD5\u7684 UUID `id`\u3002",
     "- \u53EA\u6709\u975E `slot` / `empty` \u5B57\u6BB5\u53EF\u4EE5\u914D\u7F6E `path`\uFF0C\u5E76\u53C2\u4E0E\u8868\u5355\u503C\u8BFB\u5199\u3002",
-    "- `slot` \u548C `empty` \u5B57\u6BB5\u90FD\u4E0D\u4F1A\u7ED1\u5B9A\u6A21\u578B\u503C\uFF0C\u53EA\u5141\u8BB8 `id`\u3001`type` \u548C\u53EF\u9009\u7684 `style`\u3002"
+    "- `slot` \u548C `empty` \u5B57\u6BB5\u90FD\u4E0D\u4F1A\u7ED1\u5B9A\u6A21\u578B\u503C\uFF0C\u53EA\u5141\u8BB8 `id`\u3001`type` \u548C\u53EF\u9009\u7684 `style`\u3002",
+    "- \u666E\u901A\u5B57\u6BB5\u53EF\u989D\u5916\u4F7F\u7528 `labelStyle` \u4E0E `contentStyle`\uFF0C\u7528\u4E8E contents \u5E03\u5C40\u6A21\u5F0F\u4E0B\u5206\u522B\u63A7\u5236\u6807\u7B7E\u4E0E\u5185\u5BB9\u5355\u5143\u683C\u3002"
   ].join("\n");
 }
 function buildMarkdownNotes() {
@@ -1121,6 +1257,7 @@ function buildMarkdownNotes() {
     "- \u5148\u5728\u4EE3\u7801\u91CC\u751F\u6210\u5E76\u4F7F\u7528 UUID\uFF0C\u518D\u628A\u540C\u4E00\u4E2A `id` \u7C98\u8D34\u5230\u5B57\u6BB5\u914D\u7F6E\u4E2D\u3002",
     "- \u6240\u6709\u5B57\u6BB5 `id` \u90FD\u5FC5\u987B\u552F\u4E00\u4E14\u7B26\u5408 UUID \u683C\u5F0F\u3002",
     "- `slot` \u4E0E `empty` \u5B57\u6BB5\u53EA\u80FD\u4F7F\u7528 `id`\u3001`type` \u548C\u53EF\u9009\u7684 `style`\u3002",
+    "- \u666E\u901A\u5B57\u6BB5\u5728 contents \u5E03\u5C40\u6A21\u5F0F\u4E0B\u53EF\u989D\u5916\u4F7F\u7528 `labelStyle` \u4E0E `contentStyle`\u3002",
     "- \u975E `slot` / `empty` \u5B57\u6BB5\u7684 `path` \u5FC5\u987B\u552F\u4E00\u4E14\u4E0D\u80FD\u4E3A\u7A7A\u3002",
     "- \u8868\u8FBE\u5F0F\u5B57\u6BB5\u5FC5\u987B\u4E25\u683C\u9075\u5B88 schema \u7EA6\u675F\uFF1B\u5982\u679C schema \u4E0D\u652F\u6301\uFF0C\u5C31\u76F4\u63A5\u8BF4\u660E\u9650\u5236\u3002"
   ].join("\n");
@@ -1504,9 +1641,27 @@ function confirmChanges() {
                 <NativeSelectOption value="floating">
                   {{ t("fields-orientation-floating") }}
                 </NativeSelectOption>
+                <NativeSelectOption value="contents">
+                  {{ t("fields-orientation-contents") }}
+                </NativeSelectOption>
               </NativeSelect>
             </label>
 
+            <label
+              v-if="usesContentsOrientation"
+              data-slot="fields-configurator-general-bordered-section"
+              class="flex items-center justify-between gap-2"
+            >
+              <span class="text-xs font-medium text-zinc-500">
+                {{ t("fields-bordered") }}
+              </span>
+              <Switch
+                data-slot="fields-configurator-general-bordered-switch"
+                :model-value="draftBordered"
+                @update:model-value="updateDraftBordered"
+              />
+            </label>
+
             <label
               data-slot="fields-configurator-general-style-section"
               class="flex flex-col gap-2 md:col-span-2"
@@ -1661,7 +1816,10 @@ function confirmChanges() {
                 />
               </label>
 
-              <label class="flex flex-col gap-2">
+              <label
+                v-if="!usesContentsOrientation"
+                class="flex flex-col gap-2"
+              >
                 <span class="text-xs font-medium text-zinc-500">
                   {{ t("field-style") }}
                 </span>
@@ -1681,6 +1839,52 @@ function confirmChanges() {
                 </p>
               </label>
 
+              <label
+                v-else
+                class="flex flex-col gap-2"
+              >
+                <span class="text-xs font-medium text-zinc-500">
+                  {{ t("field-label-style") }}
+                </span>
+                <Textarea
+                  data-slot="fields-configurator-field-label-style-input"
+                  :model-value="selectedField.field.labelStyle ?? ''"
+                  :aria-invalid="validationErrors[getFieldErrorKey(selectedField.draftId, 'labelStyle')] ? 'true' : void 0"
+                  :placeholder="t('field-style-placeholder')"
+                  class="min-h-20 font-mono text-sm"
+                  @update:model-value="updateSelectedFieldLabelStyle"
+                />
+                <p
+                  v-if="validationErrors[getFieldErrorKey(selectedField.draftId, 'labelStyle')]"
+                  class="text-xs text-red-500"
+                >
+                  {{ validationErrors[getFieldErrorKey(selectedField.draftId, "labelStyle")] }}
+                </p>
+              </label>
+
+              <label
+                v-if="usesContentsOrientation"
+                class="flex flex-col gap-2"
+              >
+                <span class="text-xs font-medium text-zinc-500">
+                  {{ t("field-content-style") }}
+                </span>
+                <Textarea
+                  data-slot="fields-configurator-field-content-style-input"
+                  :model-value="selectedField.field.contentStyle ?? ''"
+                  :aria-invalid="validationErrors[getFieldErrorKey(selectedField.draftId, 'contentStyle')] ? 'true' : void 0"
+                  :placeholder="t('field-style-placeholder')"
+                  class="min-h-20 font-mono text-sm"
+                  @update:model-value="updateSelectedFieldContentStyle"
+                />
+                <p
+                  v-if="validationErrors[getFieldErrorKey(selectedField.draftId, 'contentStyle')]"
+                  class="text-xs text-red-500"
+                >
+                  {{ validationErrors[getFieldErrorKey(selectedField.draftId, "contentStyle")] }}
+                </p>
+              </label>
+
               <label class="flex flex-col gap-2">
                 <span class="text-xs font-medium text-zinc-500">
                   {{ t("field-hidden") }}
@@ -2010,6 +2214,84 @@ function confirmChanges() {
               </label>
             </section>
 
+            <section
+              v-if="selectedField.field.type === 'upload'"
+              data-slot="fields-configurator-upload-options"
+              class="grid gap-4 md:grid-cols-2"
+            >
+              <div class="flex flex-col gap-2">
+                <span class="text-xs font-medium text-zinc-500">
+                  {{ t("field-upload-accept") }}
+                </span>
+                <DropdownMenu>
+                  <DropdownMenuTrigger
+                    data-slot="fields-configurator-field-upload-accept-trigger"
+                    :aria-invalid="validationErrors[getFieldErrorKey(selectedField.draftId, 'accept')] ? 'true' : void 0"
+                    class="flex h-9 w-full items-center justify-between rounded-md border border-zinc-200 bg-white px-3 text-sm text-zinc-700 hover:bg-zinc-50 aria-invalid:border-red-400"
+                  >
+                    <span class="truncate">
+                      {{ (selectedField.field.accept ?? []).length > 0 ? (selectedField.field.accept ?? []).length + " " + t("field-upload-accept-selected") : t("field-upload-accept-placeholder") }}
+                    </span>
+                    <Icon
+                      icon="fluent:chevron-down-20-regular"
+                      class="shrink-0 text-zinc-400"
+                    />
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent class="w-72">
+                    <DropdownMenuCheckboxItem
+                      v-for="option in UPLOAD_MIME_OPTIONS"
+                      :key="option.mime"
+                      :model-value="(selectedField.field.accept ?? []).includes(option.mime)"
+                      @update:model-value="toggleSelectedUploadAccept(option.mime)"
+                    >
+                      <Icon
+                        :icon="option.icon"
+                        class="text-base"
+                      />
+                      {{ option.label }}
+                    </DropdownMenuCheckboxItem>
+                  </DropdownMenuContent>
+                </DropdownMenu>
+                <p
+                  v-if="validationErrors[getFieldErrorKey(selectedField.draftId, 'accept')]"
+                  class="text-xs text-red-500"
+                >
+                  {{ validationErrors[getFieldErrorKey(selectedField.draftId, "accept")] }}
+                </p>
+              </div>
+
+              <div class="flex flex-col gap-2 md:col-span-2">
+                <span class="text-xs font-medium text-zinc-500">
+                  {{ t("field-upload-description") }}
+                </span>
+                <Locale
+                  data-slot="fields-configurator-field-upload-description-locale"
+                  :model-value="selectedField.field.description"
+                  @update:model-value="updateSelectedUploadDescription"
+                />
+              </div>
+
+              <label class="flex flex-col gap-2">
+                <span class="text-xs font-medium text-zinc-500">
+                  {{ t("field-upload-max-count") }}
+                </span>
+                <Textarea
+                  data-slot="fields-configurator-field-upload-max-count-input"
+                  :model-value="selectedField.field.maxCount ?? ''"
+                  :aria-invalid="validationErrors[getFieldErrorKey(selectedField.draftId, 'maxCount')] ? 'true' : void 0"
+                  :placeholder="t('field-upload-max-count-placeholder')"
+                  class="min-h-20 font-mono text-sm"
+                  @update:model-value="updateSelectedUploadMaxCount"
+                />
+                <p
+                  v-if="validationErrors[getFieldErrorKey(selectedField.draftId, 'maxCount')]"
+                  class="text-xs text-red-500"
+                >
+                  {{ validationErrors[getFieldErrorKey(selectedField.draftId, "maxCount")] }}
+                </p>
+              </label>
+            </section>
+
             <section
               v-if="!isPassiveField(selectedField.field)"
               data-slot="fields-configurator-validation"
@@ -2207,6 +2489,8 @@ function confirmChanges() {
     "fields-orientation-horizontal": "水平",
     "fields-orientation-vertical": "垂直",
     "fields-orientation-floating": "浮动标签",
+    "fields-orientation-contents": "内容透传",
+    "fields-bordered": "表格式边框",
     "paste-config": "粘贴配置",
     "paste-config-invalid-json": "粘贴失败，剪贴板不是有效的 JSON。",
     "paste-config-invalid-schema": "粘贴失败，配置格式无效。",
@@ -2225,6 +2509,7 @@ function confirmChanges() {
     "field-type-number": "数字",
     "field-type-select": "选择",
     "field-type-calendar": "日期",
+    "field-type-upload": "上传",
     "field-type-empty": "空白",
     "field-type-slot": "插槽",
     "field-id": "字段 ID",
@@ -2244,6 +2529,8 @@ function confirmChanges() {
     "field-icon": "图标",
     "field-icon-placeholder": "例如 fluent:person-20-regular",
     "field-style": "样式表达式",
+    "field-label-style": "标签样式表达式",
+    "field-content-style": "内容样式表达式",
     "field-style-placeholder": "例如 width: 100%",
     "field-hidden": "隐藏条件",
     "field-hidden-placeholder": "返回 true 时隐藏字段",
@@ -2280,6 +2567,12 @@ function confirmChanges() {
     "calendar-value-required": "日期存储格式不能为空",
     "field-disable-date": "禁用日期条件",
     "field-disable-date-placeholder": "返回 true 时禁用该日期",
+    "field-upload-accept": "接受文件类型",
+    "field-upload-accept-placeholder": "未选择",
+    "field-upload-accept-selected": "种格式",
+    "field-upload-description": "上传提示文本",
+    "field-upload-max-count": "最大文件数量",
+    "field-upload-max-count-placeholder": "例如 5",
     "field-validation": "校验规则",
     "field-validation-description": "字段失焦时按顺序执行，命中第一个失败规则后停止。",
     "add-validation-rule": "新增规则",
@@ -2312,6 +2605,8 @@ function confirmChanges() {
     "fields-orientation-horizontal": "横並び",
     "fields-orientation-vertical": "縦並び",
     "fields-orientation-floating": "フローティングラベル",
+    "fields-orientation-contents": "コンテンツ透過",
+    "fields-bordered": "テーブルボーダー",
     "paste-config": "設定を貼り付け",
     "paste-config-invalid-json": "貼り付けに失敗しました。クリップボードの内容が有効な JSON ではありません。",
     "paste-config-invalid-schema": "貼り付けに失敗しました。設定形式が無効です。",
@@ -2330,6 +2625,7 @@ function confirmChanges() {
     "field-type-number": "数値",
     "field-type-select": "選択",
     "field-type-calendar": "日付",
+    "field-type-upload": "アップロード",
     "field-type-empty": "空白",
     "field-type-slot": "スロット",
     "field-id": "フィールド ID",
@@ -2349,6 +2645,8 @@ function confirmChanges() {
     "field-icon": "アイコン",
     "field-icon-placeholder": "例: fluent:person-20-regular",
     "field-style": "スタイル式",
+    "field-label-style": "ラベルスタイル式",
+    "field-content-style": "コンテンツスタイル式",
     "field-style-placeholder": "例: width: 100%",
     "field-hidden": "非表示条件",
     "field-hidden-placeholder": "true を返すと非表示になります",
@@ -2385,6 +2683,12 @@ function confirmChanges() {
     "calendar-value-required": "日付の保存形式は必須です",
     "field-disable-date": "無効日条件",
     "field-disable-date-placeholder": "true を返す日付を無効化します",
+    "field-upload-accept": "受け入れファイル形式",
+    "field-upload-accept-placeholder": "未選択",
+    "field-upload-accept-selected": "種類選択済",
+    "field-upload-description": "アップロード説明文",
+    "field-upload-max-count": "最大ファイル数",
+    "field-upload-max-count-placeholder": "例: 5",
     "field-validation": "検証ルール",
     "field-validation-description": "フォーカスを外したときに順番に評価し、最初の失敗で停止します。",
     "add-validation-rule": "ルールを追加",
@@ -2417,6 +2721,8 @@ function confirmChanges() {
     "fields-orientation-horizontal": "Horizontal",
     "fields-orientation-vertical": "Vertical",
     "fields-orientation-floating": "Floating label",
+    "fields-orientation-contents": "Contents passthrough",
+    "fields-bordered": "Table borders",
     "paste-config": "Paste Config",
     "paste-config-invalid-json": "Paste failed because the clipboard does not contain valid JSON.",
     "paste-config-invalid-schema": "Paste failed because the config shape is invalid.",
@@ -2435,6 +2741,7 @@ function confirmChanges() {
     "field-type-number": "Number",
     "field-type-select": "Select",
     "field-type-calendar": "Date",
+    "field-type-upload": "Upload",
     "field-type-empty": "Empty",
     "field-type-slot": "Slot",
     "field-id": "Field ID",
@@ -2454,6 +2761,8 @@ function confirmChanges() {
     "field-icon": "Icon",
     "field-icon-placeholder": "For example fluent:person-20-regular",
     "field-style": "Style expression",
+    "field-label-style": "Label style expression",
+    "field-content-style": "Content style expression",
     "field-style-placeholder": "For example width: 100%",
     "field-hidden": "Hidden expression",
     "field-hidden-placeholder": "Return true to hide the field",
@@ -2490,6 +2799,12 @@ function confirmChanges() {
     "calendar-value-required": "Storage format is required",
     "field-disable-date": "Disabled date expression",
     "field-disable-date-placeholder": "Return true to disable the date",
+    "field-upload-accept": "Accepted file types",
+    "field-upload-accept-placeholder": "None selected",
+    "field-upload-accept-selected": "selected",
+    "field-upload-description": "Upload description",
+    "field-upload-max-count": "Max file count",
+    "field-upload-max-count-placeholder": "For example 5",
     "field-validation": "Validation rules",
     "field-validation-description": "Rules run on blur in order and stop at the first failure.",
     "add-validation-rule": "Add rule",