@shwfed/config 2.10.7 → 2.10.9

package/dist/runtime/components/form/fields/2026-06-20/com.shwfed.form.field.tabs/schema.js

@@ -0,0 +1,86 @@
+import { Schema } from "effect";
+import { Locale } from "../../../../../share/locale.js";
+import { FormUnit } from "../../../schema.js";
+export const type = "com.shwfed.form.field.tabs";
+export const compatibilityDate = "2026-06-20";
+export const metadata = {
+  name: "\u6807\u7B7E\u9875",
+  icon: "fluent:tabs-20-regular",
+  w: { initial: 12, min: 4, max: Infinity },
+  h: { initial: 6, min: 2, max: Infinity, grow: true },
+  // Hosts a nested sub-form per tab (each tab's own fields + layout) — too
+  // complex for the fullscreen inline-config pane; keep the drill-down.
+  inlineConfig: false
+};
+export const TabMeta = Schema.Struct({
+  label: Locale.annotations({
+    title: "\u6807\u7B7E\u540D",
+    description: "\u8BE5\u6807\u7B7E\u9875\u7684\u672C\u5730\u5316\u663E\u793A\u540D"
+  })
+});
+export function schema(configure) {
+  const Unit = Schema.suspend(() => FormUnit(configure));
+  const Tab = Schema.Struct({
+    id: Schema.UUID.annotations({ description: "\u6807\u7B7E\u9875\u552F\u4E00\u6807\u8BC6" }),
+    ...TabMeta.fields,
+    unit: Unit.annotations({
+      identifier: "FormFieldTabsUnit",
+      title: "\u6807\u7B7E\u5185\u5BB9",
+      description: "\u8BE5\u6807\u7B7E\u5185\u7684\u5B57\u6BB5\u4E0E\u5E03\u5C40\uFF1B\u8FD9\u4E9B\u5B57\u6BB5\u5728\u8868\u5355\u72B6\u6001\u4E2D\u4FDD\u6301\u6241\u5E73\uFF0C\u4E0D\u4F1A\u56E0\u4E3A\u5206\u7EC4\u800C\u5F15\u5165\u65B0\u7684\u72B6\u6001\u5C42\u7EA7"
+    })
+  }).annotations({
+    title: "Tab",
+    description: "\u5355\u4E2A\u6807\u7B7E\u9875\uFF1A\u540D\u79F0 + \u5185\u5BB9 Unit"
+  });
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    id: Schema.UUID.annotations({ description: "\u5B57\u6BB5\u552F\u4E00\u6807\u8BC6\uFF1B\u5E03\u5C40\u901A\u8FC7\u8BE5 id \u5F15\u7528\u5B57\u6BB5" }),
+    displayName: Schema.optional(Schema.String.annotations({
+      title: "\u5185\u90E8\u540D\u79F0",
+      description: "\u4EC5\u5728\u7F16\u8F91\u5668\u5185\u53EF\u89C1\u7684\u533A\u57DF\u540D\uFF0C\u7528\u4E8E\u5728\u4FA7\u8FB9\u680F\u548C\u5E03\u5C40\u7F16\u8F91\u5668\u4E2D\u8BC6\u522B\u8BE5\u6807\u7B7E\u9875\uFF1B\u8FD0\u884C\u65F6\u4E0D\u5C55\u793A"
+    })),
+    style: Schema.optional(Schema.String.annotations({
+      title: "\u5BB9\u5668\u6837\u5F0F",
+      description: "\u5E94\u7528\u5728\u6807\u7B7E\u9875\u6700\u5916\u5C42\u5BB9\u5668\u4E0A\u7684 CSS \u6837\u5F0F\u5B57\u7B26\u4E32"
+    })),
+    tabs: Schema.Array(Tab).pipe(
+      Schema.minItems(1),
+      Schema.filter((tabs) => {
+        const ids = /* @__PURE__ */ new Set();
+        for (const t of tabs) {
+          if (ids.has(t.id)) return `\u6807\u7B7E\u9875 id \u91CD\u590D: ${t.id}`;
+          ids.add(t.id);
+        }
+        return true;
+      })
+    ).annotations({
+      title: "\u6807\u7B7E\u9875",
+      description: "\u81F3\u5C11 1 \u9879\uFF0C\u6309\u987A\u5E8F\u6E32\u67D3"
+    })
+  }).annotations({
+    title: "TabsField",
+    description: "\u5C06\u4E00\u7EC4\u5E26\u6807\u7B7E\u7684\u5B50\u8868\u5355\u5355\u5143\u4F5C\u4E3A\u6807\u7B7E\u9875\u5206\u7EC4\uFF1B\u4EC5\u7528\u4E8E\u89C6\u89C9\u5206\u7EC4\uFF0C\u4E0D\u5F71\u54CD\u5B57\u6BB5\u5728\u8868\u5355\u72B6\u6001\u4E2D\u7684\u5C42\u7EA7"
+  });
+}
+function makeId() {
+  if (typeof crypto !== "undefined" && "randomUUID" in crypto) return crypto.randomUUID();
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    return (c === "x" ? r : r & 3 | 8).toString(16);
+  });
+}
+export function defaults() {
+  return {
+    tabs: [
+      {
+        id: makeId(),
+        label: [{ locale: "zh", message: "\u6807\u7B7E 1" }],
+        unit: {
+          fields: [],
+          layouts: [{ name: "\u9ED8\u8BA4", layout: { columns: 1, placements: {} } }]
+        }
+      }
+    ]
+  };
+}

package/dist/runtime/components/form/unit-config.d.vue.ts

@@ -33,12 +33,39 @@ type __VLS_Props = {
      * host component, above this provide.
      */
     fieldCelScope?: CELContext;
+    /**
+     * Identity of the unit currently bound to `v-model`. When a host swaps the
+     * bound unit *in place* (e.g. the tabs field switching the active tab's
+     * unit) the editor's drill stack / active-layout index belong to the old
+     * unit and would point at fields/layouts that don't exist in the new one.
+     * Changing `scopeKey` resets that transient view state without forcing a
+     * remount (which would flicker host-injected rail content). Hosts that own
+     * a single stable unit (collapsible, list, form root) leave it undefined.
+     */
+    scopeKey?: string;
 };
 type __VLS_Slots = {
     /** Pane content for the currently-selected extra. Receives `{ id }`. */
     'extras-pane'(props: {
         id: string;
     }): unknown;
+    /**
+     * Extra rail content rendered as its own half-height list above the layouts
+     * list (top-level view only — hidden while drilled into a field). The tabs
+     * field injects its tab list here so the rail reads as two parallel lists.
+     */
+    'rail-extra'(): unknown;
+    /**
+     * Foot button for the `rail-extra` list, pinned below its scroll area (the
+     * tabs field's “新增标签页”). Mirrors the layouts list's “新增布局”.
+     */
+    'rail-extra-foot'(): unknown;
+    /**
+     * Content rendered above the layout canvas in the 布局 view. The tabs field
+     * injects the active tab's label editor here, mirroring the block-tabs
+     * config's pane header.
+     */
+    'pane-header'(): unknown;
 };
 type __VLS_ModelProps = {
     modelValue: FormUnitValue;

package/dist/runtime/components/form/unit-config.vue

@@ -31,13 +31,18 @@ const selection = defineModel("selection", { type: Object, ...{
 const props = defineProps({
   extras: { type: Array, required: false },
   configure: { type: Function, required: false },
-  fieldCelScope: { type: Object, required: false }
+  fieldCelScope: { type: Object, required: false },
+  scopeKey: { type: String, required: false }
 });
 defineSlots();
 const activeLayoutIndex = ref(0);
 const stack = ref([{ kind: "top" }]);
 const top = computed(() => stack.value[stack.value.length - 1]);
 const isDrilled = computed(() => stack.value.length > 1);
+watch(() => props.scopeKey, () => {
+  if (stack.value.length > 1) stack.value = [{ kind: "top" }];
+  activeLayoutIndex.value = 0;
+});
 function popOne() {
   if (stack.value.length <= 1) return;
   stack.value = stack.value.slice(0, -1);
@@ -313,47 +318,66 @@ function isExtraActive(id) {
     :to="takeoverTarget"
   >
     <template v-if="!isDrilled">
-      <ScrollArea class="flex-1">
-        <template v-if="extras && extras.length > 0">
-          <div
-            v-for="extra in extras"
-            :key="extra.id"
-            class="row general-row pl-2"
-            :class="[
+      <!-- Extras rows pinned at the top of the rail. -->
+      <template v-if="extras && extras.length > 0">
+        <div
+          v-for="extra in extras"
+          :key="extra.id"
+          class="row general-row pl-2"
+          :class="[
   isExtraActive(extra.id) ? 'bg-[color-mix(in_srgb,var(--primary)_10%,white)] text-(--primary)' : 'text-zinc-600 hover:bg-zinc-50'
 ]"
-            @click.stop="selectExtra(extra.id)"
-          >
-            <Icon
-              :icon="extra.icon"
-              class="size-4 shrink-0"
-            />
-            <span class="flex-1 truncate">{{ extra.label }}</span>
-          </div>
+          @click.stop="selectExtra(extra.id)"
+        >
+          <Icon
+            :icon="extra.icon"
+            class="size-4 shrink-0"
+          />
+          <span class="flex-1 truncate">{{ extra.label }}</span>
+        </div>
 
-          <Separator class="my-1" />
-        </template>
+        <Separator class="my-1" />
+      </template>
 
-        <LayoutsSidebar
-          ref="sidebarRef"
-          v-model="layoutsModel"
-          v-model:active-index="activeLayoutIndex"
-          :active="selection.kind === 'layout'"
-          @select="selectLayout()"
-        />
-      </ScrollArea>
+      <!-- Host-injected rail list (e.g. the tabs field's tab list): its own
+           half-height scroll + foot button, so the rail reads as two parallel
+           lists rather than one long one. -->
+      <template v-if="$slots['rail-extra']">
+        <div class="flex flex-1 min-h-0 flex-col">
+          <ScrollArea class="flex-1">
+            <slot name="rail-extra" />
+          </ScrollArea>
+          <slot name="rail-extra-foot" />
+        </div>
 
-      <Button
-        variant="ghost"
-        size="sm"
-        @click="addLayout()"
-      >
-        <Icon
-          icon="fluent:add-20-regular"
-          class="size-4"
-        />
-        <span>新增布局</span>
-      </Button>
+        <Separator class="my-1" />
+      </template>
+
+      <!-- Layouts list — its own half-height scroll + add button. -->
+      <div class="flex flex-1 min-h-0 flex-col">
+        <ScrollArea class="flex-1">
+          <LayoutsSidebar
+            ref="sidebarRef"
+            v-model="layoutsModel"
+            v-model:active-index="activeLayoutIndex"
+            :active="selection.kind === 'layout'"
+            @select="selectLayout()"
+          />
+        </ScrollArea>
+
+        <Button
+          variant="ghost"
+          size="sm"
+          class="w-full justify-start"
+          @click="addLayout()"
+        >
+          <Icon
+            icon="fluent:add-20-regular"
+            class="size-4"
+          />
+          <span>新增布局</span>
+        </Button>
+      </div>
     </template>
     <template v-else>
       <ScrollArea class="flex-1">
@@ -390,47 +414,66 @@ function isExtraActive(id) {
       class="flex w-64 shrink-0 flex-col"
     >
       <template v-if="!isDrilled">
-        <ScrollArea class="flex-1">
-          <template v-if="extras && extras.length > 0">
-            <div
-              v-for="extra in extras"
-              :key="extra.id"
-              class="row general-row pl-2"
-              :class="[
+        <!-- Extras rows pinned at the top of the rail. -->
+        <template v-if="extras && extras.length > 0">
+          <div
+            v-for="extra in extras"
+            :key="extra.id"
+            class="row general-row pl-2"
+            :class="[
   isExtraActive(extra.id) ? 'bg-[color-mix(in_srgb,var(--primary)_10%,white)] text-(--primary)' : 'text-zinc-600 hover:bg-zinc-50'
 ]"
-              @click.stop="selectExtra(extra.id)"
-            >
-              <Icon
-                :icon="extra.icon"
-                class="size-4 shrink-0"
-              />
-              <span class="flex-1 truncate">{{ extra.label }}</span>
-            </div>
+            @click.stop="selectExtra(extra.id)"
+          >
+            <Icon
+              :icon="extra.icon"
+              class="size-4 shrink-0"
+            />
+            <span class="flex-1 truncate">{{ extra.label }}</span>
+          </div>
 
-            <Separator class="my-1" />
-          </template>
+          <Separator class="my-1" />
+        </template>
 
-          <LayoutsSidebar
-            ref="sidebarRef"
-            v-model="layoutsModel"
-            v-model:active-index="activeLayoutIndex"
-            :active="selection.kind === 'layout'"
-            @select="selectLayout()"
-          />
-        </ScrollArea>
+        <!-- Host-injected rail list (e.g. the tabs field's tab list): its own
+             half-height scroll + foot button, so the rail reads as two
+             parallel lists rather than one long one. -->
+        <template v-if="$slots['rail-extra']">
+          <div class="flex flex-1 min-h-0 flex-col">
+            <ScrollArea class="flex-1">
+              <slot name="rail-extra" />
+            </ScrollArea>
+            <slot name="rail-extra-foot" />
+          </div>
 
-        <Button
-          variant="ghost"
-          size="sm"
-          @click="addLayout()"
-        >
-          <Icon
-            icon="fluent:add-20-regular"
-            class="size-4"
-          />
-          <span>新增布局</span>
-        </Button>
+          <Separator class="my-1" />
+        </template>
+
+        <!-- Layouts list — its own half-height scroll + add button. -->
+        <div class="flex flex-1 min-h-0 flex-col">
+          <ScrollArea class="flex-1">
+            <LayoutsSidebar
+              ref="sidebarRef"
+              v-model="layoutsModel"
+              v-model:active-index="activeLayoutIndex"
+              :active="selection.kind === 'layout'"
+              @select="selectLayout()"
+            />
+          </ScrollArea>
+
+          <Button
+            variant="ghost"
+            size="sm"
+            class="w-full justify-start"
+            @click="addLayout()"
+          >
+            <Icon
+              icon="fluent:add-20-regular"
+              class="size-4"
+            />
+            <span>新增布局</span>
+          </Button>
+        </div>
       </template>
       <template v-else>
         <ScrollArea class="flex-1">
@@ -473,6 +516,7 @@ function isExtraActive(id) {
         v-else-if="!isDrilled && selection.kind === 'layout'"
         class="flex flex-1 flex-col gap-2"
       >
+        <slot name="pane-header" />
         <LayoutMetaStrip
           v-model="layoutsModel"
           :index="activeLayoutIndex"

package/dist/runtime/components/form/unit-config.vue.d.ts

@@ -33,12 +33,39 @@ type __VLS_Props = {
      * host component, above this provide.
      */
     fieldCelScope?: CELContext;
+    /**
+     * Identity of the unit currently bound to `v-model`. When a host swaps the
+     * bound unit *in place* (e.g. the tabs field switching the active tab's
+     * unit) the editor's drill stack / active-layout index belong to the old
+     * unit and would point at fields/layouts that don't exist in the new one.
+     * Changing `scopeKey` resets that transient view state without forcing a
+     * remount (which would flicker host-injected rail content). Hosts that own
+     * a single stable unit (collapsible, list, form root) leave it undefined.
+     */
+    scopeKey?: string;
 };
 type __VLS_Slots = {
     /** Pane content for the currently-selected extra. Receives `{ id }`. */
     'extras-pane'(props: {
         id: string;
     }): unknown;
+    /**
+     * Extra rail content rendered as its own half-height list above the layouts
+     * list (top-level view only — hidden while drilled into a field). The tabs
+     * field injects its tab list here so the rail reads as two parallel lists.
+     */
+    'rail-extra'(): unknown;
+    /**
+     * Foot button for the `rail-extra` list, pinned below its scroll area (the
+     * tabs field's “新增标签页”). Mirrors the layouts list's “新增布局”.
+     */
+    'rail-extra-foot'(): unknown;
+    /**
+     * Content rendered above the layout canvas in the 布局 view. The tabs field
+     * injects the active tab's label editor here, mirroring the block-tabs
+     * config's pane header.
+     */
+    'pane-header'(): unknown;
 };
 type __VLS_ModelProps = {
     modelValue: FormUnitValue;

package/dist/runtime/components/table/schema.js

@@ -137,52 +137,49 @@ const SORTS_VAR_DESCRIPTION = md`
 
   未排序的字段，**不会出现在这个列表中**。
 `;
+function registerVariableIfAbsent(env, name, type, opts) {
+  const declared = env.getDefinitions().variables.some((v) => v.name === name);
+  if (!declared) env.registerVariable(name, type, opts);
+}
 export function configureTableActionsScope(env, configure) {
   configure(env);
-  const declared = new Set(env.getDefinitions().variables.map((v) => v.name));
-  if (!declared.has("selected")) {
-    env.registerVariable("selected", "list<dyn>", {
-      label: "\u5DF2\u9009\u884C",
-      description: "\u5F53\u524D\u5DF2\u52FE\u9009\u7684\u6240\u6709\u884C\uFF08`row` \u7684\u6570\u7EC4\uFF09"
-    });
-  }
-  if (!declared.has("query")) {
-    env.registerVariable("query", "dyn", {
-      label: "\u641C\u7D22\u6761\u4EF6",
-      description: QUERY_VAR_DESCRIPTION
-    });
-  }
-  if (!declared.has("sorts")) {
-    env.registerVariable("sorts", "list<map<string, string>>", {
-      label: "\u6392\u5E8F\u72B6\u6001",
-      description: SORTS_VAR_DESCRIPTION
-    });
-  }
+  registerVariableIfAbsent(env, "selected", "list<dyn>", {
+    label: "\u5DF2\u9009\u884C",
+    description: "\u5F53\u524D\u5DF2\u52FE\u9009\u7684\u6240\u6709\u884C\uFF08`row` \u7684\u6570\u7EC4\uFF09"
+  });
+  registerVariableIfAbsent(env, "query", "dyn", {
+    label: "\u641C\u7D22\u6761\u4EF6",
+    description: QUERY_VAR_DESCRIPTION
+  });
+  registerVariableIfAbsent(env, "sorts", "list<map<string, string>>", {
+    label: "\u6392\u5E8F\u72B6\u6001",
+    description: SORTS_VAR_DESCRIPTION
+  });
 }
 export function registerDataSourceRequestVars(env) {
-  env.registerVariable("pageIndex", "number", {
+  registerVariableIfAbsent(env, "pageIndex", "number", {
     label: "\u5F53\u524D\u9875\u7801",
     description: "\u4ECE `0` \u5F00\u59CB\uFF1B\u672A\u542F\u7528\u5206\u9875\u65F6\u4E3A `0`"
   });
-  env.registerVariable("pageSize", "number", {
+  registerVariableIfAbsent(env, "pageSize", "number", {
     label: "\u6BCF\u9875\u884C\u6570",
     description: "\u5F53\u524D\u6BCF\u9875\u884C\u6570\uFF1B\u672A\u542F\u7528\u5206\u9875\u65F6\u4E3A `0`"
   });
-  env.registerVariable("sorts", "list<map<string, string>>", {
+  registerVariableIfAbsent(env, "sorts", "list<map<string, string>>", {
     label: "\u6392\u5E8F\u72B6\u6001",
     description: SORTS_VAR_DESCRIPTION
   });
-  env.registerVariable("query", "dyn", {
+  registerVariableIfAbsent(env, "query", "dyn", {
     label: "\u641C\u7D22\u6761\u4EF6",
     description: QUERY_VAR_DESCRIPTION
   });
 }
 export function registerDataSourceResponseVars(env) {
-  env.registerVariable("json", "optional<dyn>", {
+  registerVariableIfAbsent(env, "json", "optional<dyn>", {
     label: "HTTP \u54CD\u5E94\u4F53",
     description: JSON_VAR_DESCRIPTION
   });
-  env.registerVariable("query", "dyn", {
+  registerVariableIfAbsent(env, "query", "dyn", {
     label: "\u641C\u7D22\u6761\u4EF6",
     description: QUERY_VAR_DESCRIPTION
   });
@@ -273,6 +270,8 @@ export function TableConfig(configure) {
     configure: (env) => {
       configure(env);
       registerRowVariablesIfAbsent(env);
+      const declared = new Set(env.getDefinitions().variables.map((v) => v.name));
+      if (declared.has("selected")) env.deleteVariable("selected");
       env.registerVariable("id", "string", { description: "\u5217 ID" });
       env.registerVariable("selected", "bool", { description: "\u884C\u662F\u5426\u9009\u4E2D" });
       env.registerVariable("pinned", "dyn", { description: "\u5217\u56FA\u5B9A\u72B6\u6001" });

package/dist/runtime/components/ui/date-picker/DatePickerInput.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((args_0: Date | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-picker/DatePickerInput.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((args_0: Date | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-picker/DatePickerTimeInput.d.vue.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     size: "sm" | "md" | "lg";
     granularity: "hour" | "minute" | "second";
     hourCycle: 12 | 24;
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-picker/DatePickerTimeInput.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     size: "sm" | "md" | "lg";
     granularity: "hour" | "minute" | "second";
     hourCycle: 12 | 24;
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.d.vue.ts

@@ -29,8 +29,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:endValue"?: ((args_0: Date | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.vue.d.ts

@@ -29,8 +29,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:endValue"?: ((args_0: Date | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    clearable: boolean;
     clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerTimeInput.d.vue.ts

@@ -26,9 +26,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     size: "sm" | "md" | "lg";
     granularity: "hour" | "minute" | "second";
     hourCycle: 12 | 24;
-    clearable: boolean;
-    clearIcon: string;
     rangeSeparatorIcon: string;
+    clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerTimeInput.vue.d.ts

@@ -26,9 +26,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     size: "sm" | "md" | "lg";
     granularity: "hour" | "minute" | "second";
     hourCycle: 12 | 24;
-    clearable: boolean;
-    clearIcon: string;
     rangeSeparatorIcon: string;
+    clearIcon: string;
+    clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;