@shwfed/config 1.0.0 → 1.0.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "shwfed",
   "configKey": "shwfed",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,23 +1,117 @@
-import '@nuxt/kit';
-export { m as default } from './shared/config.DW2OtAXe.mjs';
-import '@tailwindcss/vite';
-import 'defu';
-import 'node:path';
-import 'node:fs';
-import 'node:buffer';
-import 'node:querystring';
-import 'node:url';
-import 'node:process';
-import 'path';
-import 'constants';
-import 'tty';
-import 'util';
-import 'node:module';
-import 'module';
-import 'fs';
-import 'os';
-import 'child_process';
-import 'crypto';
-import 'stream';
-import 'events';
-import 'vue/compiler-sfc';
+import { defineNuxtModule, createResolver, addVitePlugin, extendViteConfig, addPlugin, addRouteMiddleware, addComponent, addImports } from '@nuxt/kit';
+import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
+import TailwindCSS from '@tailwindcss/vite';
+import { defu } from 'defu';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "shwfed",
+    configKey: "shwfed"
+  },
+  moduleDependencies: {
+    "@nuxt/fonts": {
+      version: "^0.14.0",
+      defaults: {
+        providers: {
+          google: false,
+          googleicons: false
+        },
+        families: [
+          { name: "Noto Sans", provider: "bunny" },
+          { name: "Noto Sans SC", provider: "bunny" },
+          { name: "Noto Sans JP", provider: "bunny" },
+          { name: "Fira Mono", provider: "bunny" }
+        ]
+      }
+    }
+  },
+  defaults: {},
+  setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+    const resolvedConfig = defu(options, {
+      git: {
+        commit: process.env.GIT_COMMIT,
+        branch: process.env.GIT_LOCAL_BRANCH
+      },
+      ci: {
+        job: process.env.JOB_NAME,
+        build: process.env.BUILD_NUMBER ? Number.parseInt(process.env.BUILD_NUMBER) : void 0
+      },
+      api: {
+        host: process.env.NUXT_PUBLIC_API_URI,
+        logout: process.env.NUXT_PUBLIC_SSO_LOGOUT_URI
+      },
+      headers: {
+        token: process.env.NUXT_PUBLIC_TOKEN_HEADER_NAME
+      },
+      config: options
+    });
+    nuxt.options.runtimeConfig.public.shwfed = resolvedConfig;
+    addVitePlugin(VueI18nPlugin({
+      ssr: true
+    }));
+    addVitePlugin(TailwindCSS());
+    nuxt.options.css.push(resolver.resolve("./runtime/style.css"));
+    nuxt.options.css.push("vue-sonner/style.css");
+    extendViteConfig((config) => {
+      config.optimizeDeps ||= {};
+      config.optimizeDeps.include ||= [];
+      config.optimizeDeps.include.push(
+        "reka-ui",
+        "reka-ui/namespaced",
+        "vue-sonner",
+        "@tanstack/vue-table",
+        "@tanstack/vue-virtual",
+        "effect",
+        "fx-fetch",
+        "@vueuse/core",
+        "date-fns",
+        "@date-fns/tz",
+        "class-variance-authority",
+        "vue-i18n",
+        "markdown-it",
+        "@iconify/vue",
+        "clsx",
+        "tailwind-merge",
+        "@atlaskit/pragmatic-drag-and-drop/combine",
+        "@atlaskit/pragmatic-drag-and-drop/element/adapter",
+        "@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item",
+        "vaul-vue",
+        "dot-prop",
+        "@internationalized/date",
+        "reka-ui/date"
+      );
+    });
+    addPlugin(resolver.resolve("./runtime/plugins/i18n"));
+    addPlugin(resolver.resolve("./runtime/plugins/http"));
+    addPlugin(resolver.resolve("./runtime/plugins/cel"));
+    addPlugin(resolver.resolve("./runtime/plugins/toast"));
+    addPlugin(resolver.resolve("./runtime/plugins/ai"));
+    addRouteMiddleware({
+      path: resolver.resolve("./runtime/middleware/token"),
+      name: "shwfed-token",
+      global: true
+    });
+    addComponent({
+      name: "ShwfedApp",
+      filePath: resolver.resolve("./runtime/components/app.vue")
+    });
+    addComponent({
+      name: "ShwfedModal",
+      filePath: resolver.resolve("./runtime/components/modal.vue")
+    });
+    addComponent({
+      name: "ShwfedConfig",
+      filePath: resolver.resolve("./runtime/components/config/index.vue")
+    });
+    addImports([
+      { name: "provideCELContext", from: resolver.resolve("./runtime/plugins/cel/context") },
+      { name: "openModal", from: resolver.resolve("./runtime/composables/useOverlay") },
+      { name: "confirm", from: resolver.resolve("./runtime/composables/useOverlay") },
+      { name: "reject", from: resolver.resolve("./runtime/composables/useOverlay") },
+      { name: "useCel", from: resolver.resolve("./runtime/composables/useCel") }
+    ]);
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/components/config/footer.vue

@@ -1,6 +1,5 @@
 <script setup>
 import { Icon } from "@iconify/vue";
-import AiByokButton from "../ai/byok-button.vue";
 import { Button } from "../ui/button";
 defineOptions({ name: "ShwfedConfigEditorFooter" });
 const props = defineProps({
@@ -23,7 +22,6 @@ function onConfirm() {
 
 <template>
   <div class="flex w-full items-center justify-between gap-3">
-    <AiByokButton />
     <div class="flex flex-1 flex-col gap-1 text-xs">
       <span
         v-if="props.state.validationError.value"

package/dist/runtime/components/config/index.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref, watch } from "vue";
+import { injectCELContext } from "../../plugins/cel/context";
 import SlotRenderer from "../../share/slot-renderer.vue";
 import ShwfedModal from "../modal.vue";
 import EditorBody from "./config.vue";
@@ -13,11 +14,20 @@ const props = defineProps({
   configure: { type: Function, required: false },
   editable: { type: Boolean, required: false }
 });
-const configure = props.configure ?? (() => {
+const inheritedCEL = injectCELContext();
+const hostConfigure = props.configure ?? (() => {
 });
+const mergedConfigure = (env) => {
+  hostConfigure(env);
+  const existing = new Set(env.getDefinitions().variables.map((v) => v.name));
+  for (const [name, v] of Object.entries(inheritedCEL)) {
+    if (existing.has(name)) continue;
+    env.registerVariable(name, v.type, { description: v.description });
+  }
+};
 const editorOpen = ref(false);
 const editorState = useConfigEditor(config, {
-  configure,
+  configure: mergedConfigure,
   onClose: () => {
     editorOpen.value = false;
   }
@@ -45,7 +55,7 @@ function updateSlot(next) {
     >
       <SlotRenderer
         :slot-value="config.slot"
-        :configure="configure"
+        :configure="mergedConfigure"
         :find-entry="findBlock"
         @update:slot-value="updateSlot"
       >

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/config.d.vue.ts

@@ -44,7 +44,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";
@@ -100,7 +100,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/config.vue

@@ -69,8 +69,11 @@ function setPresetStart(index, expr) {
 function setPresetEnd(index, expr) {
   patchPreset(index, { end: expr });
 }
-const pathText = computed({
-  get: () => value.value.binding ?? "",
+const bindingMode = computed(
+  () => Array.isArray(value.value.binding) ? "split" : "single"
+);
+const singlePathText = computed({
+  get: () => typeof value.value.binding === "string" ? value.value.binding : "",
   set: (next) => {
     const trimmed = next.trim();
     if (trimmed.length === 0) {
@@ -81,6 +84,28 @@ const pathText = computed({
     }
   }
 });
+const splitStartText = computed(
+  () => Array.isArray(value.value.binding) ? value.value.binding[0] : ""
+);
+const splitEndText = computed(
+  () => Array.isArray(value.value.binding) ? value.value.binding[1] : ""
+);
+function setSplitStart(next) {
+  const cur = Array.isArray(value.value.binding) ? value.value.binding : ["", ""];
+  value.value = { ...value.value, binding: [next.trim(), cur[1]] };
+}
+function setSplitEnd(next) {
+  const cur = Array.isArray(value.value.binding) ? value.value.binding : ["", ""];
+  value.value = { ...value.value, binding: [cur[0], next.trim()] };
+}
+function toggleBindingMode() {
+  if (bindingMode.value === "single") {
+    value.value = { ...value.value, binding: ["", ""] };
+  } else {
+    const { binding: _omit, ...rest } = value.value;
+    value.value = rest;
+  }
+}
 const formatText = computed({
   get: () => value.value.format ?? "",
   set: (next) => {
@@ -167,20 +192,70 @@ const valueFormatExample = computed(() => previewFormat(value.value.valueFormat
         <FieldLabel class="text-xs text-zinc-500">
           <template #tooltip>
             <Markdown
-              source="写入表单状态的嵌套键路径，使用 `.` 分隔；写入值为 `[start, end]` 字符串数组"
+              source="写入表单状态的嵌套键路径，使用 `.` 分隔。单路径模式写入 `[start, end]` 字符串数组；拆分模式分别写入起始与结束两端"
               block
               class="prose prose-sm prose-zinc"
             />
           </template>
           {{ fieldTitle("binding") }}
         </FieldLabel>
-        <InputGroup>
-          <InputGroupInput
-            v-model="pathText"
-            placeholder="例：event.range"
-            class="font-mono"
-          />
-        </InputGroup>
+        <template v-if="bindingMode === 'single'">
+          <InputGroup>
+            <InputGroupInput
+              v-model="singlePathText"
+              placeholder="例：event.range"
+              class="font-mono"
+            />
+            <InputGroupAddon align="inline-end">
+              <InputGroupButton
+                size="icon-xs"
+                aria-label="拆分起止绑定路径"
+                @click="toggleBindingMode"
+              >
+                <Icon icon="fluent:split-horizontal-20-regular" />
+              </InputGroupButton>
+            </InputGroupAddon>
+          </InputGroup>
+        </template>
+        <template v-else>
+          <div class="grid grid-cols-2 gap-2">
+            <InputGroup>
+              <InputGroupAddon align="inline-start">
+                <InputGroupText class="text-xs text-zinc-400">
+                  起
+                </InputGroupText>
+              </InputGroupAddon>
+              <InputGroupInput
+                :model-value="splitStartText"
+                placeholder="例：event.start"
+                class="font-mono"
+                @update:model-value="(v) => setSplitStart(String(v ?? ''))"
+              />
+            </InputGroup>
+            <InputGroup>
+              <InputGroupAddon align="inline-start">
+                <InputGroupText class="text-xs text-zinc-400">
+                  止
+                </InputGroupText>
+              </InputGroupAddon>
+              <InputGroupInput
+                :model-value="splitEndText"
+                placeholder="例：event.end"
+                class="font-mono"
+                @update:model-value="(v) => setSplitEnd(String(v ?? ''))"
+              />
+              <InputGroupAddon align="inline-end">
+                <InputGroupButton
+                  size="icon-xs"
+                  aria-label="合并起止绑定路径"
+                  @click="toggleBindingMode"
+                >
+                  <Icon icon="fluent:merge-vertical-20-regular" />
+                </InputGroupButton>
+              </InputGroupAddon>
+            </InputGroup>
+          </div>
+        </template>
       </Field>
     </div>
 

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/config.vue.d.ts

@@ -44,7 +44,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";
@@ -100,7 +100,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/runtime.vue

@@ -71,20 +71,32 @@ function asRange(raw) {
   if (a.length === 0 || b.length === 0) return void 0;
   return [a, b];
 }
+function asString(raw) {
+  return typeof raw === "string" && raw.length > 0 ? raw : void 0;
+}
 const uncontrolled = ref(void 0);
 const model = computed({
   get: () => {
-    const path = props.config.binding;
-    if (path == null) return uncontrolled.value;
-    return asRange(getAt(path));
+    const binding = props.config.binding;
+    if (binding == null) return uncontrolled.value;
+    if (typeof binding === "string") return asRange(getAt(binding));
+    const a = asString(getAt(binding[0]));
+    const b = asString(getAt(binding[1]));
+    if (a == null || b == null) return void 0;
+    return [a, b];
   },
   set: (next) => {
-    const path = props.config.binding;
-    if (path == null) {
+    const binding = props.config.binding;
+    if (binding == null) {
       uncontrolled.value = next;
       return;
     }
-    setAt(path, next);
+    if (typeof binding === "string") {
+      setAt(binding, next);
+      return;
+    }
+    setAt(binding[0], next?.[0]);
+    setAt(binding[1], next?.[1]);
   }
 });
 const readonlyText = computed(() => {

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/schema.d.ts

@@ -58,7 +58,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         message: Schema.SchemaClass<string, string, never>;
     }>]>>;
     orientation: Schema.optional<Schema.Literal<["vertical", "floating"]>>;
-    binding: Schema.optional<Schema.refine<string, typeof Schema.String>>;
+    binding: Schema.optional<Schema.Union<[Schema.filter<typeof Schema.String>, Schema.filter<Schema.Tuple2<Schema.filter<typeof Schema.String>, Schema.filter<typeof Schema.String>>>]>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;
     readonly: Schema.optional<Schema.Schema<string, string, never>>;
     format: Schema.optional<Schema.refine<string, typeof Schema.String>>;

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/schema.js

@@ -4,6 +4,16 @@ import { Locale } from "../../../../../share/locale.js";
 import { commonFieldFields, FieldOrientationSchema } from "../../../utils/common.js";
 export const type = "com.shwfed.form.field.daterange";
 export const compatibilityDate = "2026-04-27";
+const BindingPath = Schema.String.pipe(Schema.minLength(1));
+const SplitBinding = Schema.Tuple(BindingPath, BindingPath).pipe(
+  Schema.filter(([a, b]) => a !== b, {
+    message: () => "\u8D77\u59CB\u4E0E\u7ED3\u675F\u7ED1\u5B9A\u8DEF\u5F84\u4E0D\u80FD\u76F8\u540C"
+  })
+);
+const bindingSchema = Schema.Union(BindingPath, SplitBinding).annotations({
+  title: "\u7ED1\u5B9A\u8DEF\u5F84",
+  description: "\u5199\u5165\u8868\u5355\u72B6\u6001\u7684 `dot-prop` \u8DEF\u5F84\uFF1B\u586B\u5199\u5355\u4E2A\u8DEF\u5F84\u65F6\u5199\u5165 `[start, end]` \u5B57\u7B26\u4E32\u6570\u7EC4\uFF0C\u4F8B\u5982 `event.range`\uFF1B\u586B\u5199 `[\u8D77\u59CB\u8DEF\u5F84, \u7ED3\u675F\u8DEF\u5F84]` \u5143\u7EC4\u65F6\u5206\u522B\u5199\u5165\u4E24\u7AEF\uFF1B\u7559\u7A7A\u5219\u4E3A\u975E\u53D7\u63A7\u5B57\u6BB5"
+});
 export const metadata = {
   name: "\u65E5\u671F\u8303\u56F4",
   icon: "fluent:calendar-arrow-right-20-regular",
@@ -54,10 +64,7 @@ export function schema(configure) {
       description: "\u9F20\u6807\u60AC\u505C\u5728\u6807\u7B7E\u4E0A\u65F6\u5C55\u793A\u7684\u8BF4\u660E"
     })),
     orientation: Schema.optional(FieldOrientationSchema),
-    binding: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
-      title: "\u7ED1\u5B9A\u8DEF\u5F84",
-      description: "\u5199\u5165\u8868\u5355\u72B6\u6001\u7684 `dot-prop` \u8DEF\u5F84\uFF0C\u4F8B\u5982 `event.range`\uFF1B\u5199\u5165\u503C\u4E3A `[start, end]` \u5B57\u7B26\u4E32\u6570\u7EC4\uFF1B\u7559\u7A7A\u5219\u4E3A\u975E\u53D7\u63A7\u5B57\u6BB5"
-    })),
+    binding: Schema.optional(bindingSchema),
     disabled: Schema.optional(CelBool.annotations({
       title: "\u7981\u7528\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u8F93\u5165\u6846\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u7F16\u8F91"

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetimerange/config.d.vue.ts

@@ -46,7 +46,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";
@@ -104,7 +104,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetimerange/config.vue

@@ -69,8 +69,11 @@ function setPresetStart(index, expr) {
 function setPresetEnd(index, expr) {
   patchPreset(index, { end: expr });
 }
-const pathText = computed({
-  get: () => value.value.binding ?? "",
+const bindingMode = computed(
+  () => Array.isArray(value.value.binding) ? "split" : "single"
+);
+const singlePathText = computed({
+  get: () => typeof value.value.binding === "string" ? value.value.binding : "",
   set: (next) => {
     const trimmed = next.trim();
     if (trimmed.length === 0) {
@@ -81,6 +84,28 @@ const pathText = computed({
     }
   }
 });
+const splitStartText = computed(
+  () => Array.isArray(value.value.binding) ? value.value.binding[0] : ""
+);
+const splitEndText = computed(
+  () => Array.isArray(value.value.binding) ? value.value.binding[1] : ""
+);
+function setSplitStart(next) {
+  const cur = Array.isArray(value.value.binding) ? value.value.binding : ["", ""];
+  value.value = { ...value.value, binding: [next.trim(), cur[1]] };
+}
+function setSplitEnd(next) {
+  const cur = Array.isArray(value.value.binding) ? value.value.binding : ["", ""];
+  value.value = { ...value.value, binding: [cur[0], next.trim()] };
+}
+function toggleBindingMode() {
+  if (bindingMode.value === "single") {
+    value.value = { ...value.value, binding: ["", ""] };
+  } else {
+    const { binding: _omit, ...rest } = value.value;
+    value.value = rest;
+  }
+}
 const formatText = computed({
   get: () => value.value.format ?? "",
   set: (next) => {
@@ -189,20 +214,70 @@ const valueFormatExample = computed(() => previewFormat(value.value.valueFormat
         <FieldLabel class="text-xs text-zinc-500">
           <template #tooltip>
             <Markdown
-              source="写入表单状态的嵌套键路径，使用 `.` 分隔；写入值为 `[start, end]` 字符串数组"
+              source="写入表单状态的嵌套键路径，使用 `.` 分隔。单路径模式写入 `[start, end]` 字符串数组；拆分模式分别写入起始与结束两端"
               block
               class="prose prose-sm prose-zinc"
             />
           </template>
           {{ fieldTitle("binding") }}
         </FieldLabel>
-        <InputGroup>
-          <InputGroupInput
-            v-model="pathText"
-            placeholder="例：event.range"
-            class="font-mono"
-          />
-        </InputGroup>
+        <template v-if="bindingMode === 'single'">
+          <InputGroup>
+            <InputGroupInput
+              v-model="singlePathText"
+              placeholder="例：event.range"
+              class="font-mono"
+            />
+            <InputGroupAddon align="inline-end">
+              <InputGroupButton
+                size="icon-xs"
+                aria-label="拆分起止绑定路径"
+                @click="toggleBindingMode"
+              >
+                <Icon icon="fluent:split-horizontal-20-regular" />
+              </InputGroupButton>
+            </InputGroupAddon>
+          </InputGroup>
+        </template>
+        <template v-else>
+          <div class="grid grid-cols-2 gap-2">
+            <InputGroup>
+              <InputGroupAddon align="inline-start">
+                <InputGroupText class="text-xs text-zinc-400">
+                  起
+                </InputGroupText>
+              </InputGroupAddon>
+              <InputGroupInput
+                :model-value="splitStartText"
+                placeholder="例：event.start"
+                class="font-mono"
+                @update:model-value="(v) => setSplitStart(String(v ?? ''))"
+              />
+            </InputGroup>
+            <InputGroup>
+              <InputGroupAddon align="inline-start">
+                <InputGroupText class="text-xs text-zinc-400">
+                  止
+                </InputGroupText>
+              </InputGroupAddon>
+              <InputGroupInput
+                :model-value="splitEndText"
+                placeholder="例：event.end"
+                class="font-mono"
+                @update:model-value="(v) => setSplitEnd(String(v ?? ''))"
+              />
+              <InputGroupAddon align="inline-end">
+                <InputGroupButton
+                  size="icon-xs"
+                  aria-label="合并起止绑定路径"
+                  @click="toggleBindingMode"
+                >
+                  <Icon icon="fluent:merge-vertical-20-regular" />
+                </InputGroupButton>
+              </InputGroupAddon>
+            </InputGroup>
+          </div>
+        </template>
       </Field>
     </div>
 

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetimerange/config.vue.d.ts

@@ -46,7 +46,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";
@@ -104,7 +104,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetimerange/runtime.vue

@@ -71,20 +71,32 @@ function asRange(raw) {
   if (a.length === 0 || b.length === 0) return void 0;
   return [a, b];
 }
+function asString(raw) {
+  return typeof raw === "string" && raw.length > 0 ? raw : void 0;
+}
 const uncontrolled = ref(void 0);
 const model = computed({
   get: () => {
-    const path = props.config.binding;
-    if (path == null) return uncontrolled.value;
-    return asRange(getAt(path));
+    const binding = props.config.binding;
+    if (binding == null) return uncontrolled.value;
+    if (typeof binding === "string") return asRange(getAt(binding));
+    const a = asString(getAt(binding[0]));
+    const b = asString(getAt(binding[1]));
+    if (a == null || b == null) return void 0;
+    return [a, b];
   },
   set: (next) => {
-    const path = props.config.binding;
-    if (path == null) {
+    const binding = props.config.binding;
+    if (binding == null) {
       uncontrolled.value = next;
       return;
     }
-    setAt(path, next);
+    if (typeof binding === "string") {
+      setAt(binding, next);
+      return;
+    }
+    setAt(binding[0], next?.[0]);
+    setAt(binding[1], next?.[1]);
   }
 });
 const readonlyText = computed(() => {

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetimerange/schema.d.ts

@@ -68,7 +68,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         message: Schema.SchemaClass<string, string, never>;
     }>]>>;
     orientation: Schema.optional<Schema.Literal<["vertical", "floating"]>>;
-    binding: Schema.optional<Schema.refine<string, typeof Schema.String>>;
+    binding: Schema.optional<Schema.Union<[Schema.filter<typeof Schema.String>, Schema.filter<Schema.Tuple2<Schema.filter<typeof Schema.String>, Schema.filter<typeof Schema.String>>>]>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;
     readonly: Schema.optional<Schema.Schema<string, string, never>>;
     format: Schema.optional<Schema.refine<string, typeof Schema.String>>;