@shwfed/config 1.1.4 → 2.0.0

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

@@ -1,56 +0,0 @@
-import { Schema } from 'effect';
-import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
-export declare const type: "com.shwfed.form.field.number";
-export declare const compatibilityDate: "2026-04-28";
-export declare const metadata: {
-    readonly name: "数值输入";
-    readonly icon: "fluent:number-symbol-20-regular";
-    readonly w: {
-        readonly initial: 8;
-        readonly min: 4;
-        readonly max: number;
-    };
-    readonly h: {
-        readonly initial: 2;
-        readonly min: 2;
-        readonly max: 2;
-    };
-};
-export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
-    label: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
-        locale: Schema.Literal<["zh"]>;
-        message: Schema.SchemaClass<string, string, never>;
-    }>], [Schema.Struct<{
-        locale: Schema.Literal<["ja", "en", "ko"]>;
-        message: Schema.SchemaClass<string, string, never>;
-    }>]>>;
-    placeholder: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
-        locale: Schema.Literal<["zh"]>;
-        message: Schema.SchemaClass<string, string, never>;
-    }>], [Schema.Struct<{
-        locale: Schema.Literal<["ja", "en", "ko"]>;
-        message: Schema.SchemaClass<string, string, never>;
-    }>]>>;
-    tooltip: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
-        locale: Schema.Literal<["zh"]>;
-        message: Schema.SchemaClass<string, string, never>;
-    }>], [Schema.Struct<{
-        locale: Schema.Literal<["ja", "en", "ko"]>;
-        message: Schema.SchemaClass<string, string, never>;
-    }>]>>;
-    orientation: Schema.optional<Schema.Literal<["vertical", "floating"]>>;
-    binding: Schema.optional<Schema.refine<string, typeof Schema.String>>;
-    disabled: Schema.optional<Schema.Schema<string, string, never>>;
-    readonly: Schema.optional<Schema.Schema<string, string, never>>;
-    precision: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
-    roundingMode: Schema.optional<Schema.Literal<["round", "floor", "ceil"]>>;
-    step: Schema.optional<Schema.refine<number, typeof Schema.Number>>;
-    min: Schema.optional<Schema.Schema<string, string, never>>;
-    max: Schema.optional<Schema.Schema<string, string, never>>;
-    id: Schema.refine<string, typeof Schema.String>;
-    displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
-    hidden: Schema.optional<Schema.Schema<string, string, never>>;
-    type: Schema.Literal<["com.shwfed.form.field.number"]>;
-    compatibilityDate: Schema.Literal<["2026-04-28"]>;
-}>;
-export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;

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

@@ -1,69 +0,0 @@
-import { Schema } from "effect";
-import { Expression } from "../../../../../share/expression.js";
-import { Locale } from "../../../../../share/locale.js";
-import { commonFieldFields, FieldOrientationSchema } from "../../../utils/common.js";
-export const type = "com.shwfed.form.field.number";
-export const compatibilityDate = "2026-04-28";
-export const metadata = {
-  name: "\u6570\u503C\u8F93\u5165",
-  icon: "fluent:number-symbol-20-regular",
-  w: { initial: 8, min: 4, max: Infinity },
-  h: { initial: 2, min: 2, max: 2 }
-};
-export function schema(configure) {
-  const CelBool = Expression({ configure, resultType: "bool" });
-  const CelNumber = Expression({ configure, resultType: "number" });
-  return Schema.Struct({
-    type: Schema.Literal(type),
-    compatibilityDate: Schema.Literal(compatibilityDate),
-    ...commonFieldFields(configure),
-    label: Schema.optional(Locale.annotations({
-      title: "\u6807\u7B7E",
-      description: "\u5B57\u6BB5\u524D\u5C55\u793A\u7684\u6587\u672C\uFF1B\u7559\u7A7A\u5219\u4E0D\u6E32\u67D3\u6807\u7B7E"
-    })),
-    placeholder: Schema.optional(Locale.annotations({
-      title: "\u5360\u4F4D\u7B26",
-      description: "\u8F93\u5165\u4E3A\u7A7A\u65F6\u7684\u5360\u4F4D\u6587\u672C"
-    })),
-    tooltip: Schema.optional(Locale.annotations({
-      title: "\u63D0\u793A",
-      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 `user.age`\uFF1B\u7559\u7A7A\u5219\u4E3A\u975E\u53D7\u63A7\u5B57\u6BB5\uFF0C\u4E0D\u5199\u5165\u8868\u5355\u72B6\u6001"
-    })),
-    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"
-    })),
-    readonly: Schema.optional(CelBool.annotations({
-      title: "\u53EA\u8BFB\u6761\u4EF6",
-      description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u503C"
-    })),
-    precision: Schema.optional(Schema.Number.pipe(Schema.int(), Schema.nonNegative()).annotations({
-      title: "\u5C0F\u6570\u4F4D\u6570",
-      description: "\u4FDD\u7559\u7684\u5C0F\u6570\u4F4D\u6570\uFF1B\u7559\u7A7A\u8868\u793A\u4E0D\u9650\u5236\uFF08\u4EFB\u610F\u7CBE\u5EA6\uFF09"
-    })),
-    roundingMode: Schema.optional(Schema.Literal("round", "floor", "ceil").annotations({
-      title: "\u53D6\u6574\u6A21\u5F0F",
-      description: "\u8BBE\u7F6E\u4E86\u300C\u5C0F\u6570\u4F4D\u6570\u300D\u65F6\uFF0C\u5931\u7126\u65F6\u6309\u6B64\u6A21\u5F0F\u5C06\u503C\u53D6\u6574\uFF1B\u9ED8\u8BA4 `round`\uFF08\u56DB\u820D\u4E94\u5165\uFF09"
-    })),
-    step: Schema.optional(Schema.Number.pipe(Schema.positive()).annotations({
-      title: "\u6B65\u957F",
-      description: "\u53D6\u503C\u7684\u6700\u5C0F\u6B65\u957F\uFF1B\u7559\u7A7A\u65F6\u4E0D\u9650\u5236\uFF08\u4EFB\u610F\u7CBE\u5EA6\uFF09"
-    })),
-    min: Schema.optional(CelNumber.annotations({
-      title: "\u6700\u5C0F\u503C",
-      description: "\u5141\u8BB8\u8F93\u5165\u7684\u6700\u5C0F\u503C\u8868\u8FBE\u5F0F\uFF1B\u7559\u7A7A\u65F6\u4E0D\u9650\u5236\u4E0B\u9650"
-    })),
-    max: Schema.optional(CelNumber.annotations({
-      title: "\u6700\u5927\u503C",
-      description: "\u5141\u8BB8\u8F93\u5165\u7684\u6700\u5927\u503C\u8868\u8FBE\u5F0F\uFF1B\u7559\u7A7A\u65F6\u4E0D\u9650\u5236\u4E0A\u9650"
-    }))
-  }).annotations({
-    title: "NumberField",
-    description: "\u6570\u503C\u8F93\u5165"
-  });
-}

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

@@ -1,99 +0,0 @@
-import { type Value } from './schema.js';
-type __VLS_ModelProps = {
-    modelValue: Value;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: {
-        readonly label?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly disabled?: string | undefined;
-        readonly type: "com.shwfed.form.field.numberrange";
-        readonly id: string;
-        readonly hidden?: string | undefined;
-        readonly tooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly displayName?: string | undefined;
-        readonly compatibilityDate: "2026-04-28";
-        readonly orientation?: "vertical" | "floating" | undefined;
-        readonly min?: string | undefined;
-        readonly max?: string | undefined;
-        readonly step?: number | undefined;
-        readonly readonly?: string | undefined;
-        readonly rangeSeparatorIcon?: string | undefined;
-        readonly startPlaceholder?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly endPlaceholder?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly binding?: string | undefined;
-        readonly precision?: number | undefined;
-        readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: {
-        readonly label?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly disabled?: string | undefined;
-        readonly type: "com.shwfed.form.field.numberrange";
-        readonly id: string;
-        readonly hidden?: string | undefined;
-        readonly tooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly displayName?: string | undefined;
-        readonly compatibilityDate: "2026-04-28";
-        readonly orientation?: "vertical" | "floating" | undefined;
-        readonly min?: string | undefined;
-        readonly max?: string | undefined;
-        readonly step?: number | undefined;
-        readonly readonly?: string | undefined;
-        readonly rangeSeparatorIcon?: string | undefined;
-        readonly startPlaceholder?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly endPlaceholder?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly binding?: string | undefined;
-        readonly precision?: number | undefined;
-        readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,457 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import { Icon } from "@iconify/vue";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger
-} from "../../../../ui/dropdown-menu";
-import { ExpressionEditor } from "../../../../ui/expression-editor";
-import { Field, FieldLabel } from "../../../../ui/field";
-import { IconPicker } from "../../../../ui/icon-picker";
-import {
-  InputGroup,
-  InputGroupAddon,
-  InputGroupButton,
-  InputGroupInput,
-  InputGroupNumberField
-} from "../../../../ui/input-group";
-import { Locale as LocaleField } from "../../../../ui/locale";
-import { Markdown } from "../../../../ui/markdown";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "../../../../ui/select";
-import { getStructFieldDescription, getStructFieldTitle } from "../../../schema";
-import { DEFAULT_FIELD_ORIENTATION, FIELD_ORIENTATION_OPTIONS } from "../../../utils/common";
-import { schema } from "./schema";
-defineOptions({ name: "ShwfedNumberRangeFieldConfig" });
-const value = defineModel({ type: null, ...{ required: true } });
-const fieldSchema = schema(() => {
-});
-const fieldTitle = (f) => getStructFieldTitle(fieldSchema, f) ?? f;
-const fieldDescription = (f) => getStructFieldDescription(fieldSchema, f);
-const ROUNDING_MODE_OPTIONS = [
-  { value: "round", label: "\u56DB\u820D\u4E94\u5165" },
-  { value: "floor", label: "\u5411\u4E0B\u53D6\u6574" },
-  { value: "ceil", label: "\u5411\u4E0A\u53D6\u6574" }
-];
-const pathText = computed({
-  get: () => value.value.binding ?? "",
-  set: (next) => {
-    const trimmed = next.trim();
-    if (trimmed.length === 0) {
-      const { binding: _omit, ...rest } = value.value;
-      value.value = rest;
-    } else {
-      value.value = { ...value.value, binding: trimmed };
-    }
-  }
-});
-const currentRoundingModeLabel = computed(
-  () => ROUNDING_MODE_OPTIONS.find((o) => o.value === (value.value.roundingMode ?? "round"))?.label
-);
-function onPrecisionChange(v) {
-  if (v === void 0) {
-    const { precision: _p, roundingMode: _r, ...rest } = value.value;
-    value.value = rest;
-  } else if (value.value.roundingMode === void 0) {
-    value.value = { ...value.value, precision: v, roundingMode: "round" };
-  } else {
-    value.value = { ...value.value, precision: v };
-  }
-}
-function onRoundingModeChange(mode) {
-  value.value = { ...value.value, roundingMode: mode };
-}
-function onStepChange(v) {
-  if (v === void 0 || !(v > 0)) {
-    const { step: _omit, ...rest } = value.value;
-    value.value = rest;
-  } else {
-    value.value = { ...value.value, step: v };
-  }
-}
-function setSeparatorIcon(next) {
-  const trimmed = next.trim();
-  if (trimmed.length === 0) {
-    const { rangeSeparatorIcon: _omit, ...rest } = value.value;
-    value.value = rest;
-  } else {
-    value.value = { ...value.value, rangeSeparatorIcon: trimmed };
-  }
-}
-</script>
-
-<template>
-  <div class="flex flex-col gap-3">
-    <div class="grid grid-cols-2 gap-3">
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="fieldDescription('displayName')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('displayName')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("displayName") }}
-        </FieldLabel>
-        <InputGroup>
-          <InputGroupInput
-            :model-value="value.displayName ?? ''"
-            placeholder="例：分数范围"
-            @update:model-value="(v) => {
-  const s = String(v ?? '');
-  value = { ...value, displayName: s.length > 0 ? s : void 0 };
-}"
-          />
-        </InputGroup>
-      </Field>
-
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template #tooltip>
-            <Markdown
-              source="写入表单状态的嵌套键路径，使用 `.` 分隔；写入值为 `[start, end]` 数值数组"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("binding") }}
-        </FieldLabel>
-        <InputGroup>
-          <InputGroupInput
-            v-model="pathText"
-            placeholder="例：score.range"
-            class="font-mono"
-          />
-        </InputGroup>
-      </Field>
-    </div>
-
-    <div class="grid grid-cols-2 gap-3">
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="fieldDescription('label')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('label')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("label") }}
-        </FieldLabel>
-        <LocaleField
-          :model-value="value.label"
-          @update:model-value="(v) => value = { ...value, label: v }"
-        />
-      </Field>
-
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="fieldDescription('tooltip')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('tooltip')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("tooltip") }}
-        </FieldLabel>
-        <LocaleField
-          :model-value="value.tooltip"
-          @update:model-value="(v) => value = { ...value, tooltip: v }"
-        />
-      </Field>
-    </div>
-
-    <div class="grid grid-cols-2 gap-3">
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="fieldDescription('startPlaceholder')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('startPlaceholder')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("startPlaceholder") }}
-        </FieldLabel>
-        <LocaleField
-          :model-value="value.startPlaceholder"
-          @update:model-value="(v) => value = { ...value, startPlaceholder: v }"
-        />
-      </Field>
-
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="fieldDescription('endPlaceholder')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('endPlaceholder')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("endPlaceholder") }}
-        </FieldLabel>
-        <LocaleField
-          :model-value="value.endPlaceholder"
-          @update:model-value="(v) => value = { ...value, endPlaceholder: v }"
-        />
-      </Field>
-    </div>
-
-    <div class="grid grid-cols-3 gap-3">
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="fieldDescription('precision')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('precision')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("precision") }}
-        </FieldLabel>
-        <InputGroup>
-          <InputGroupNumberField
-            :model-value="value.precision"
-            :min="0"
-            @update:model-value="onPrecisionChange"
-          />
-          <InputGroupAddon
-            v-if="value.precision !== void 0"
-            align="inline-end"
-          >
-            <DropdownMenu>
-              <DropdownMenuTrigger as-child>
-                <InputGroupButton
-                  variant="ghost"
-                  class="pr-1.5! text-xs"
-                >
-                  {{ currentRoundingModeLabel }}
-                  <Icon
-                    icon="lucide:chevron-down"
-                    class="size-3"
-                  />
-                </InputGroupButton>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="end">
-                <DropdownMenuItem
-                  v-for="opt in ROUNDING_MODE_OPTIONS"
-                  :key="opt.value"
-                  @select="onRoundingModeChange(opt.value)"
-                >
-                  {{ opt.label }}
-                </DropdownMenuItem>
-              </DropdownMenuContent>
-            </DropdownMenu>
-          </InputGroupAddon>
-        </InputGroup>
-      </Field>
-
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="fieldDescription('step')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('step')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("step") }}
-        </FieldLabel>
-        <InputGroup>
-          <InputGroupNumberField
-            :model-value="value.step"
-            :min="0"
-            @update:model-value="onStepChange"
-          />
-        </InputGroup>
-      </Field>
-
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="fieldDescription('orientation')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('orientation')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("orientation") }}
-        </FieldLabel>
-        <Select
-          :model-value="value.orientation ?? DEFAULT_FIELD_ORIENTATION"
-          @update:model-value="(v) => value = { ...value, orientation: v }"
-        >
-          <SelectTrigger class="w-full">
-            <SelectValue />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectItem
-              v-for="opt in FIELD_ORIENTATION_OPTIONS"
-              :key="opt.value"
-              :value="opt.value"
-            >
-              {{ opt.label }}
-            </SelectItem>
-          </SelectContent>
-        </Select>
-      </Field>
-    </div>
-
-    <div class="grid grid-cols-2 gap-3">
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template #tooltip>
-            <Markdown
-              :source="fieldDescription('min') ?? '\u5141\u8BB8\u8F93\u5165\u7684\u6700\u5C0F\u503C\u8868\u8FBE\u5F0F'"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("min") }}
-        </FieldLabel>
-        <ExpressionEditor
-          :model-value="value.min ?? ''"
-          placeholder="例：0"
-          result-type="number"
-          class="min-h-10"
-          @update:model-value="(v) => value = { ...value, min: v.length > 0 ? v : void 0 }"
-        />
-      </Field>
-
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template #tooltip>
-            <Markdown
-              :source="fieldDescription('max') ?? '\u5141\u8BB8\u8F93\u5165\u7684\u6700\u5927\u503C\u8868\u8FBE\u5F0F'"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("max") }}
-        </FieldLabel>
-        <ExpressionEditor
-          :model-value="value.max ?? ''"
-          placeholder="例：100"
-          result-type="number"
-          class="min-h-10"
-          @update:model-value="(v) => value = { ...value, max: v.length > 0 ? v : void 0 }"
-        />
-      </Field>
-    </div>
-
-    <div class="grid grid-cols-2 gap-3">
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template #tooltip>
-            <Markdown
-              :source="fieldDescription('rangeSeparatorIcon') ?? '\u8303\u56F4\u4E24\u7AEF\u4E4B\u95F4\u5206\u9694\u56FE\u6807\u7684 Iconify \u540D\u79F0'"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("rangeSeparatorIcon") }}
-        </FieldLabel>
-        <IconPicker
-          :model-value="value.rangeSeparatorIcon ?? ''"
-          placeholder="例：lucide:arrow-right"
-          @update:model-value="setSeparatorIcon"
-        />
-      </Field>
-    </div>
-
-    <div class="grid grid-cols-3 gap-3">
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template #tooltip>
-            <Markdown
-              :source="fieldDescription('hidden') ?? '\u8FD4\u56DE `true` \u65F6\u5B57\u6BB5\u5728\u6240\u6709\u5E03\u5C40\u4E2D\u90FD\u4E0D\u6E32\u67D3'"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("hidden") }}
-        </FieldLabel>
-        <ExpressionEditor
-          :model-value="value.hidden ?? ''"
-          placeholder="例：form.role == 'guest'"
-          result-type="bool"
-          class="min-h-10"
-          @update:model-value="(v) => value = { ...value, hidden: v.length > 0 ? v : void 0 }"
-        />
-      </Field>
-
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template #tooltip>
-            <Markdown
-              :source="fieldDescription('disabled') ?? '\u8FD4\u56DE `true` \u65F6\u8F93\u5165\u6846\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u7F16\u8F91'"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("disabled") }}
-        </FieldLabel>
-        <ExpressionEditor
-          :model-value="value.disabled ?? ''"
-          placeholder="例：form.status == 'locked'"
-          result-type="bool"
-          class="min-h-10"
-          @update:model-value="(v) => value = { ...value, disabled: v.length > 0 ? v : void 0 }"
-        />
-      </Field>
-
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template #tooltip>
-            <Markdown
-              :source="fieldDescription('readonly') ?? '\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u503C'"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("readonly") }}
-        </FieldLabel>
-        <ExpressionEditor
-          :model-value="value.readonly ?? ''"
-          placeholder="例：form.id != null"
-          result-type="bool"
-          class="min-h-10"
-          @update:model-value="(v) => value = { ...value, readonly: v.length > 0 ? v : void 0 }"
-        />
-      </Field>
-    </div>
-  </div>
-</template>