@shwfed/config 2.3.27 → 2.3.29

package/dist/runtime/components/table/columns/2026-05-27/com.shwfed.table.column.tree-combobox-single/runtime.vue

@@ -0,0 +1,429 @@
+<script setup>
+import { Icon } from "@iconify/vue";
+import { Effect, Fiber, Option } from "effect";
+import { computed, ref, shallowRef, watch } from "vue";
+import { useI18n } from "vue-i18n";
+import { cel as _rawCel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { getLocalizedText } from "../../../../../share/locale";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
+import { Markdown } from "../../../../ui/markdown";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
+import { Skeleton } from "../../../../ui/skeleton";
+import { Tree as UiTree } from "../../../../ui/tree";
+import { useFormState } from "../../../../form/utils/state";
+import { interpolateMarkdown } from "../../../utils/runtime";
+import { useSharedFetchLayer } from "../../../utils/shared-fetch";
+import {
+  findWrappedPath,
+  getWrappedChildren,
+  wrapStructuralAll
+} from "../tree-combobox-shared";
+defineOptions({ name: "ShwfedTableTreeComboboxSingleRendererRuntime" });
+const props = defineProps({
+  column: { type: null, required: true },
+  ctx: { type: Object, required: true }
+});
+const { locale, t } = useI18n({
+  inheritLocale: true,
+  messages: {
+    zh: {
+      "tree-combobox-single-placeholder": "\u8BF7\u9009\u62E9",
+      "tree-combobox-single-search-placeholder": "\u641C\u7D22\u2026",
+      "tree-combobox-single-empty": "\u65E0\u53EF\u9009\u9879",
+      "tree-combobox-single-load-error": "\u52A0\u8F7D\u5931\u8D25",
+      "tree-combobox-single-retry": "\u91CD\u8BD5"
+    },
+    en: {
+      "tree-combobox-single-placeholder": "Select\u2026",
+      "tree-combobox-single-search-placeholder": "Search\u2026",
+      "tree-combobox-single-empty": "No options",
+      "tree-combobox-single-load-error": "Failed to load",
+      "tree-combobox-single-retry": "Retry"
+    },
+    ja: {
+      "tree-combobox-single-placeholder": "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
+      "tree-combobox-single-search-placeholder": "\u691C\u7D22\u2026",
+      "tree-combobox-single-empty": "\u9078\u629E\u80A2\u306A\u3057",
+      "tree-combobox-single-load-error": "\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
+      "tree-combobox-single-retry": "\u518D\u8A66\u884C"
+    }
+  }
+});
+const formState = useFormState();
+const inherited = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+const sharedFetchLayer = useSharedFetchLayer();
+const row = computed(() => props.ctx.row.original);
+const rowIndex = computed(() => props.ctx.row.index);
+const placeholderText = computed(
+  () => props.column.placeholder ? getLocalizedText(props.column.placeholder, locale.value) : t("tree-combobox-single-placeholder")
+);
+function evalBool(expression, label) {
+  if (!expression) return false;
+  try {
+    return Effect.runSync($cel(expression, { row: row.value, index: rowIndex.value })) === true;
+  } catch (e) {
+    console.error(`[shwfed-table] tree-combobox-single ${label} failed`, e);
+    return false;
+  }
+}
+const isHidden = computed(() => evalBool(props.column.hidden, "hidden"));
+const isDisabled = computed(() => evalBool(props.column.disabled, "disabled"));
+const isReadonly = computed(() => evalBool(props.column.readonly, "readonly"));
+const effectiveReadonly = computed(
+  () => isReadonly.value || props.column.derived?.mode === "formula"
+);
+const model = computed({
+  get: () => {
+    const raw = formState.getAt(props.column.binding);
+    if (raw == null) return void 0;
+    return String(raw);
+  },
+  set: (next) => {
+    formState.setAt(props.column.binding, next == null ? void 0 : String(next));
+  }
+});
+function nodeCtx(raw) {
+  return { row: row.value, index: rowIndex.value, node: raw };
+}
+function nodeKey(raw) {
+  try {
+    return String(Effect.runSync($cel(props.column.nodeKey, nodeCtx(raw))));
+  } catch (e) {
+    console.error("[shwfed-table] tree-combobox-single nodeKey failed", e);
+    return "";
+  }
+}
+function nodeChildrenList(raw) {
+  let v;
+  try {
+    v = Effect.runSync($cel(props.column.nodeChildren, nodeCtx(raw)));
+  } catch (e) {
+    console.error("[shwfed-table] tree-combobox-single nodeChildren failed", e);
+    return void 0;
+  }
+  if (v == null) return void 0;
+  if (!Array.isArray(v)) return void 0;
+  return v;
+}
+function safeInterpolate(tpl, raw) {
+  try {
+    return interpolateMarkdown(tpl, $cel, nodeCtx(raw));
+  } catch (e) {
+    console.error("[shwfed-table] tree-combobox-single node interpolation failed", e);
+    return tpl;
+  }
+}
+function wrappedLabelText(w) {
+  const tpl = getLocalizedText(props.column.nodeLabel, locale.value) ?? "";
+  return tpl ? safeInterpolate(tpl, w.raw) : "";
+}
+function wrappedTooltipText(w) {
+  if (!props.column.nodeTooltip) return void 0;
+  const tpl = getLocalizedText(props.column.nodeTooltip, locale.value);
+  return tpl ? safeInterpolate(tpl, w.raw) : void 0;
+}
+function wrappedSelectable(w, _depth) {
+  if (isDisabled.value) return false;
+  const expr = props.column.nodeSelectable;
+  if (!expr) return true;
+  try {
+    return Effect.runSync($cel(expr, nodeCtx(w.raw)));
+  } catch {
+    return false;
+  }
+}
+const rawRoots = shallowRef([]);
+const loading = ref(false);
+const fetchError = ref(null);
+async function fetchTree() {
+  const dataSource = props.column.dataSource;
+  if (!dataSource) {
+    rawRoots.value = [];
+    return;
+  }
+  const effect = Effect.gen(function* () {
+    let jsonOpt = Option.none();
+    if (dataSource.request) {
+      const builder = yield* $cel(dataSource.request, {
+        row: row.value,
+        index: rowIndex.value
+      });
+      const response = yield* builder.json();
+      jsonOpt = Option.some(response);
+    }
+    const dataRaw = yield* $cel(dataSource.data, {
+      row: row.value,
+      index: rowIndex.value,
+      json: jsonOpt
+    });
+    return Array.isArray(dataRaw) ? dataRaw : [];
+  });
+  const program = Effect.gen(function* () {
+    const showMaskFiber = yield* Effect.fork(
+      Effect.sync(() => {
+        loading.value = true;
+      }).pipe(Effect.delay("30 millis"))
+    );
+    return yield* Effect.ensuring(effect, Fiber.interrupt(showMaskFiber));
+  }).pipe(
+    Effect.ensuring(Effect.sync(() => {
+      loading.value = false;
+    }))
+  );
+  try {
+    const result = await Effect.runPromise(Effect.provide(program, sharedFetchLayer));
+    rawRoots.value = result;
+    fetchError.value = null;
+  } catch (e) {
+    console.warn("[shwfed-table] tree-combobox-single dataSource fetch failed", e);
+    fetchError.value = e;
+  }
+}
+watch(
+  () => [props.column.dataSource?.request, props.column.dataSource?.data],
+  () => {
+    void fetchTree();
+  },
+  { immediate: true }
+);
+const roots = computed(
+  () => wrapStructuralAll(rawRoots.value, {
+    nodeKey,
+    nodeChildren: nodeChildrenList
+  })
+);
+const triggerLabel = computed(() => {
+  const k = model.value;
+  if (!k) return "";
+  const path = findWrappedPath(roots.value, k);
+  if (!path || path.length === 0) return "";
+  const leaf = path[path.length - 1];
+  return wrappedLabelText(leaf);
+});
+const initialExpanded = computed(() => {
+  if (!props.column.expandAll) return [];
+  const out = [];
+  const stack = [...roots.value];
+  while (stack.length) {
+    const n = stack.pop();
+    if (n.kind === "branch") {
+      out.push(n.key);
+      stack.push(...n.children);
+    }
+  }
+  return out;
+});
+const filterQuery = ref("");
+function filterPredicate(w, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return true;
+  return wrappedLabelText(w).trim().toLowerCase().includes(q);
+}
+const open = ref(false);
+function handleUpdate(next) {
+  const k = typeof next === "string" ? next : void 0;
+  model.value = k;
+  if (k) open.value = false;
+}
+const showClear = computed(
+  () => !isDisabled.value && !loading.value && !!model.value
+);
+function handleClear() {
+  model.value = void 0;
+  open.value = false;
+}
+const hoveredKey = ref(null);
+watch(open, (isOpen) => {
+  if (!isOpen) hoveredKey.value = null;
+});
+function collectTooltipNodes(out, siblings) {
+  for (const n of siblings) {
+    if (wrappedTooltipText(n)) out.push(n.key);
+    if (n.kind === "branch") collectTooltipNodes(out, n.children);
+  }
+}
+const anyHasTooltip = computed(() => {
+  if (!props.column.nodeTooltip) return false;
+  const out = [];
+  collectTooltipNodes(out, roots.value);
+  return out.length > 0;
+});
+const hoveredTooltip = computed(() => {
+  const k = hoveredKey.value;
+  if (!k) return void 0;
+  const path = findWrappedPath(roots.value, k);
+  if (!path || path.length === 0) return void 0;
+  return wrappedTooltipText(path[path.length - 1]);
+});
+</script>
+
+<template>
+  <div class="p-[0.125rem] w-full">
+    <span
+      v-if="isHidden"
+      class="block h-7 w-full"
+    />
+    <span
+      v-else-if="effectiveReadonly"
+      class="flex items-center h-7 w-full px-2 text-[0.75rem] text-zinc-700 truncate"
+    >
+      {{ triggerLabel || "\u2014" }}
+    </span>
+    <Popover
+      v-else
+      v-model:open="open"
+    >
+      <PopoverAnchor as-child>
+        <InputGroup
+          class="group/tree-combobox-single h-7 rounded border-zinc-200/30 hover:border-zinc-200 focus-within:border-zinc-200 transition-colors ease-out duration-180"
+          :data-disabled="isDisabled ? 'true' : void 0"
+        >
+          <PopoverTrigger as-child>
+            <InputGroupInput
+              :model-value="triggerLabel"
+              :disabled="isDisabled"
+              :placeholder="placeholderText"
+              class="h-7 text-[0.75rem] md:text-[0.75rem] px-2 cursor-pointer text-left"
+              readonly
+            />
+          </PopoverTrigger>
+          <InputGroupAddon
+            v-if="loading"
+            align="inline-end"
+            data-slot="tree-combobox-single-loading"
+            class="text-zinc-400"
+          >
+            <Icon
+              icon="fluent:spinner-ios-20-regular"
+              class="size-3 animate-spin"
+            />
+          </InputGroupAddon>
+          <InputGroupAddon
+            v-else-if="showClear"
+            align="inline-end"
+            class="[@media(hover:hover)]:opacity-0 transition-opacity group-hover/tree-combobox-single:opacity-100 focus-within:opacity-100"
+          >
+            <InputGroupButton
+              size="icon-xs"
+              data-slot="tree-combobox-single-clear"
+              class="size-4 text-zinc-500 hover:text-zinc-700"
+              tabindex="-1"
+              @mousedown.prevent
+              @click.stop="handleClear"
+            >
+              <Icon
+                icon="fluent:dismiss-20-regular"
+                class="size-3"
+              />
+            </InputGroupButton>
+          </InputGroupAddon>
+        </InputGroup>
+      </PopoverAnchor>
+      <PopoverContent
+        class="p-0"
+        :style="{ width: 'var(--reka-popover-trigger-width)' }"
+      >
+        <div
+          data-slot="tree-combobox-single-search"
+          class="flex h-7 items-center gap-2 border-b border-zinc-200 px-2"
+        >
+          <Icon
+            icon="fluent:search-20-filled"
+            class="size-3 shrink-0 opacity-50"
+          />
+          <input
+            v-model="filterQuery"
+            :disabled="isDisabled"
+            :placeholder="t('tree-combobox-single-search-placeholder')"
+            class="flex h-7 w-full bg-transparent text-[0.75rem] outline-hidden placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50"
+          >
+        </div>
+        <div class="flex flex-col p-1">
+          <div
+            v-if="fetchError && roots.length === 0"
+            class="min-h-7 px-2 py-1 text-[0.75rem] text-red-500"
+          >
+            {{ t("tree-combobox-single-load-error") }}
+          </div>
+          <div
+            v-else-if="loading && roots.length === 0"
+            class="flex flex-col gap-1 px-2 py-1"
+            aria-busy="true"
+          >
+            <Skeleton class="h-4 w-2/3" />
+            <Skeleton class="h-4 w-1/2" />
+            <Skeleton class="h-4 w-3/5" />
+          </div>
+
+          <UiTree
+            v-else
+            :roots="roots"
+            :get-key="(w) => w.key"
+            :get-children="getWrappedChildren"
+            selection-mode="single"
+            :model-value="model"
+            :selectable="wrappedSelectable"
+            :filter-predicate="filterPredicate"
+            :filter-query="filterQuery"
+            :initial-expanded="initialExpanded"
+            :show-focused-row="false"
+            :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
+            class="max-h-72 overflow-y-auto"
+            @update:model-value="handleUpdate"
+          >
+            <template #node="{ node, selected }">
+              <span
+                class="flex flex-1 min-w-0 items-center justify-between gap-2"
+                @mouseenter="hoveredKey = node.key"
+                @focusin="hoveredKey = node.key"
+              >
+                <Markdown
+                  :source="wrappedLabelText(node)"
+                  class="prose prose-xs prose-zinc text-zinc-700 min-w-0"
+                />
+                <Icon
+                  v-if="selected"
+                  icon="fluent:checkmark-20-regular"
+                  class="size-3 shrink-0 text-zinc-700"
+                />
+              </span>
+            </template>
+
+            <template #empty>
+              <div class="min-h-7 px-2 py-1 text-[0.75rem] text-zinc-400">
+                {{ t("tree-combobox-single-empty") }}
+              </div>
+            </template>
+
+            <template #error="{ error, retry }">
+              <span class="inline-flex items-center gap-1 text-xs text-red-500">
+                {{ t("tree-combobox-single-load-error") }}
+                <button
+                  type="button"
+                  class="underline hover:text-red-600"
+                  @click.stop="retry"
+                >
+                  {{ t("tree-combobox-single-retry") }}
+                </button>
+                <span class="sr-only">{{ String(error) }}</span>
+              </span>
+            </template>
+          </UiTree>
+        </div>
+        <div
+          v-if="anyHasTooltip && hoveredTooltip"
+          data-slot="tree-combobox-single-tooltip"
+          class="border-t border-zinc-200 px-2 py-1.5"
+        >
+          <Markdown
+            :source="hoveredTooltip"
+            block
+            class="prose prose-xs prose-zinc"
+          />
+        </div>
+      </PopoverContent>
+    </Popover>
+  </div>
+</template>

package/dist/runtime/components/table/columns/2026-05-27/com.shwfed.table.column.tree-combobox-single/runtime.vue.d.ts

@@ -0,0 +1,9 @@
+import type { CellContext } from '@tanstack/vue-table';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: CellContext<unknown, unknown>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/columns/2026-05-27/com.shwfed.table.column.tree-combobox-single/schema.d.ts

@@ -0,0 +1,87 @@
+import { Schema } from 'effect';
+import type { ColumnDef } from '@tanstack/vue-table';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import type { ColumnDefDeps } from '../../../utils/resolve.js';
+export declare const type: "com.shwfed.table.column.tree-combobox-single";
+export declare const compatibilityDate: "2026-05-27";
+export declare const metadata: {
+    readonly name: "下拉树（单选）";
+    readonly icon: "fluent:tree-evergreen-20-regular";
+};
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    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>;
+    }>]>>;
+    hidden: Schema.optional<Schema.Schema<string, string, never>>;
+    disabled: Schema.optional<Schema.Schema<string, string, never>>;
+    readonly: Schema.optional<Schema.Schema<string, string, never>>;
+    derived: Schema.optional<Schema.Struct<{
+        mode: Schema.Literal<["formula", "prefill"]>;
+        expression: Schema.Schema<string, string, never>;
+    }>>;
+    dataSource: Schema.Struct<{
+        request: Schema.optional<Schema.Schema<string, string, never>>;
+        data: Schema.Schema<string, string, never>;
+    }>;
+    nodeKey: Schema.Schema<string, string, never>;
+    nodeChildren: Schema.Schema<string, string, never>;
+    nodeLabel: Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], 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>;
+    }>]>>;
+    nodeTooltip: Schema.optional<Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], 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>;
+    }>]>>>;
+    nodeSelectable: Schema.optional<Schema.Schema<string, string, never>>;
+    expandAll: Schema.optionalWith<typeof Schema.Boolean, {
+        default: () => false;
+    }>;
+    title: 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>;
+    }>]>;
+    binding: Schema.refine<string, typeof Schema.String>;
+    enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+    grow: Schema.optional<Schema.SchemaClass<boolean, boolean, 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>;
+    }>]>>;
+    id: Schema.refine<string, typeof Schema.String>;
+    groupId: Schema.optional<typeof Schema.UUID>;
+    type: Schema.Literal<["com.shwfed.table.column.tree-combobox-single"]>;
+    compatibilityDate: Schema.Literal<["2026-05-27"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function defaults(): Partial<Value>;
+export declare function toColumnDef(value: Value, { getLocaleText }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;

package/dist/runtime/components/table/columns/2026-05-27/com.shwfed.table.column.tree-combobox-single/schema.js

@@ -0,0 +1,135 @@
+import { Schema } from "effect";
+import { getProperty } from "dot-prop";
+import { Locale } from "../../../../../share/locale.js";
+import { Expression, LocaleMarkdown } from "../../../../../share/expression.js";
+import {
+  CelRowAccess,
+  derivedRowField,
+  editableColumnFields,
+  editableHeader,
+  registerRowVariablesIfAbsent
+} from "../../../utils/shared.js";
+export const type = "com.shwfed.table.column.tree-combobox-single";
+export const compatibilityDate = "2026-05-27";
+export const metadata = {
+  name: "\u4E0B\u62C9\u6811\uFF08\u5355\u9009\uFF09",
+  icon: "fluent:tree-evergreen-20-regular"
+};
+const isListLike = (t) => t === "dyn" || t.startsWith("list") || t.startsWith("optional");
+const isKeyType = (t) => t === "string" || t === "number" || t === "dyn";
+function withRowAndNode(configure) {
+  return (env) => {
+    configure(env);
+    registerRowVariablesIfAbsent(env);
+    env.registerVariable("node", "dyn", { description: "`\u6570\u636E\u6E90` \u8FD4\u56DE\u7684\u8282\u70B9\uFF1B\u7531\u6811\u9010\u5C42\u5411\u4E0B\u8BFB\u53D6" });
+  };
+}
+export function schema(configure) {
+  const CelBool = CelRowAccess(configure, { resultType: "bool" });
+  const CelNodeKey = Expression({ configure: withRowAndNode(configure), resultType: isKeyType });
+  const CelNodeChildren = Expression({ configure: withRowAndNode(configure), resultType: isListLike });
+  const CelNodeBool = Expression({ configure: withRowAndNode(configure), resultType: "bool" });
+  const NodeLocaleMd = LocaleMarkdown({ configure: withRowAndNode(configure) });
+  const dataSourceConfigure = (env) => {
+    configure(env);
+    registerRowVariablesIfAbsent(env);
+  };
+  const CelDataSourceRequest = Expression({
+    configure: dataSourceConfigure,
+    resultType: "HttpRequest"
+  });
+  const CelDataSourceData = Expression({
+    configure: (env) => {
+      dataSourceConfigure(env);
+      env.registerVariable("json", "optional<dyn>", {
+        description: "HTTP \u54CD\u5E94\u4F53\uFF08\u5DF2\u89E3\u6790 JSON\uFF09\uFF1B\u672A\u914D\u7F6E `request` \u65F6\u4E3A `none`"
+      });
+    },
+    resultType: (t) => t.startsWith("list") || t === "dyn" || t.startsWith("optional")
+  });
+  const TreeDataSource = Schema.Struct({
+    request: Schema.optional(CelDataSourceRequest).annotations({
+      title: "\u8BF7\u6C42",
+      description: "\u53EF\u9009\u7684 HTTP \u8BF7\u6C42\u8868\u8FBE\u5F0F\uFF1B\u672A\u914D\u7F6E\u65F6\u6570\u636E\u4ECE `data` \u8868\u8FBE\u5F0F\u4E2D\u8BFB\u53D6"
+    }),
+    data: CelDataSourceData.annotations({
+      title: "\u6570\u636E",
+      description: "\u8FD4\u56DE\u884C\u6570\u636E\u5217\u8868\u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u914D\u7F6E\u4E86 `request` \u65F6\u53EF\u901A\u8FC7 `json` \u5F15\u7528\u54CD\u5E94\u4F53"
+    })
+  }).annotations({ title: "DataSource", description: "\u6570\u636E\u6E90\u914D\u7F6E" });
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    ...editableColumnFields(),
+    placeholder: Schema.optional(Locale.annotations({
+      title: "\u5360\u4F4D\u7B26",
+      description: "\u672A\u9009\u4E2D\u4EFB\u4F55\u9009\u9879\u65F6\u8F93\u5165\u6846\u4E2D\u7684\u5360\u4F4D\u6587\u672C"
+    })),
+    hidden: Schema.optional(CelBool.annotations({
+      title: "\u9690\u85CF\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u8BE5\u884C\u7684\u4E0B\u62C9\u6811\u4E0D\u6E32\u67D3\uFF08\u5176\u4F59\u884C\u4E0D\u53D7\u5F71\u54CD\uFF09"
+    })),
+    disabled: Schema.optional(CelBool.annotations({
+      title: "\u7981\u7528\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u4E0B\u62C9\u6811\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u9009\u62E9"
+    })),
+    readonly: Schema.optional(CelBool.annotations({
+      title: "\u53EA\u8BFB\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u9009\u9879\u7684\u6807\u7B7E"
+    })),
+    derived: derivedRowField(configure, "dyn"),
+    dataSource: TreeDataSource.annotations({
+      title: "\u6570\u636E\u6E90",
+      description: "\u8FD4\u56DE\u5B8C\u6574\u6811\uFF08\u6839\u8282\u70B9\u5217\u8868\uFF09\u7684\u6570\u636E\u6E90\uFF1B\u901A\u8FC7 `\u8282\u70B9\u5B50\u7EA7` \u8868\u8FBE\u5F0F\u9010\u5C42\u5411\u4E0B\u8BFB\u53D6\uFF1B\u53EF\u8BBF\u95EE `row`\u3001`index`"
+    }),
+    nodeKey: CelNodeKey.annotations({
+      title: "\u8282\u70B9 ID",
+      description: "\u4E3A\u6BCF\u4E2A\u8282\u70B9\u8BA1\u7B97\u7A33\u5B9A\u552F\u4E00 ID \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u8BBF\u95EE `node`\u3001`row`\u3001`index`\uFF1B\u8FD0\u884C\u65F6\u4EE5\u5B57\u7B26\u4E32\u5F62\u5F0F\u5B58\u50A8"
+    }),
+    nodeChildren: CelNodeChildren.annotations({
+      title: "\u8282\u70B9\u5B50\u7EA7",
+      description: "\u8FD4\u56DE\u5F53\u524D\u8282\u70B9\u5B50\u7EA7\u5217\u8868\u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u8FD4\u56DE `none`/`null` \u6216\u7A7A\u6570\u7EC4\u65F6\u8BE5\u8282\u70B9\u89C6\u4E3A\u53F6\u5B50\uFF08\u7EC8\u7AEF\u8282\u70B9\uFF09"
+    }),
+    nodeLabel: NodeLocaleMd.annotations({
+      title: "\u8282\u70B9\u6807\u7B7E",
+      description: "\u8282\u70B9\u5C55\u793A\u7684\u672C\u5730\u5316\u6587\u672C\uFF0C\u652F\u6301 Markdown \u4E0E `{{ node.foo }}` / `{{ row.foo }}` \u63D2\u503C"
+    }),
+    nodeTooltip: Schema.optional(NodeLocaleMd.annotations({
+      title: "\u8282\u70B9\u63D0\u793A",
+      description: "\u9F20\u6807\u60AC\u505C\u5728\u8282\u70B9\u4E0A\u65F6\u5C55\u793A\u7684\u672C\u5730\u5316\u63D0\u793A"
+    })),
+    nodeSelectable: Schema.optional(CelNodeBool.annotations({
+      title: "\u8282\u70B9\u53EF\u9009\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u8868\u793A\u8BE5\u8282\u70B9\u53EF\u88AB\u9009\u4E2D\uFF1B\u9ED8\u8BA4\u5168\u90E8\u53EF\u9009"
+    })),
+    expandAll: Schema.optionalWith(Schema.Boolean, { default: () => false }).annotations({
+      title: "\u9ED8\u8BA4\u5168\u90E8\u5C55\u5F00",
+      description: "\u5F00\u542F\u540E\u6302\u8F7D\u65F6\u5C55\u5F00\u6240\u6709\u975E\u53F6\u5B50\u8282\u70B9"
+    })
+  }).annotations({ title: "TreeComboboxSingleRenderer", description: "\u4E0B\u62C9\u6811\u5355\u9009\u6E32\u67D3\u5668\uFF08\u53EF\u7F16\u8F91\uFF09" });
+}
+export function defaults() {
+  return {
+    dataSource: { data: "[]" },
+    nodeKey: "string(node.id)",
+    nodeChildren: "has(node.children) ? node.children : null",
+    nodeLabel: [{ locale: "zh", message: "{{ node.label }}" }],
+    expandAll: false
+  };
+}
+export function toColumnDef(value, { getLocaleText }) {
+  return {
+    header: editableHeader(getLocaleText(value.title)),
+    accessorFn: (row) => {
+      if (!row || typeof row !== "object") return void 0;
+      return getProperty(row, value.binding);
+    },
+    enableSorting: value.enableSorting ?? false,
+    sortingFn: "basic",
+    size: value.size,
+    meta: {
+      grow: value.grow ?? false,
+      tooltip: getLocaleText(value.tooltip)
+    }
+  };
+}