@shwfed/config 1.1.5 → 2.0.0

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/config.vue

@@ -1,332 +0,0 @@
-<script setup>
-import { computed, inject, onBeforeUnmount, onMounted, ref } from "vue";
-import { ExpressionEditor } from "../../../../ui/expression-editor";
-import { Field, FieldLabel } from "../../../../ui/field";
-import {
-  InputGroup,
-  InputGroupInput,
-  InputGroupNumberField
-} from "../../../../ui/input-group";
-import { Locale as LocaleField } from "../../../../ui/locale";
-import { Markdown } from "../../../../ui/markdown";
-import { Switch } from "../../../../ui/switch";
-import { FORM_FIELD_LAYOUT_KEY } from "../../../field-layout";
-import {
-  getStructFieldDescription,
-  getStructFieldTitle
-} from "../../../schema";
-import ShwfedFormUnitConfig, {
-} from "../../../unit-config.vue";
-import { schema } from "./schema";
-defineOptions({ name: "ShwfedListFieldConfig" });
-const value = defineModel({ type: null, ...{ required: true } });
-const fieldSchema = schema(() => {
-});
-const fieldTitle = (f) => getStructFieldTitle(fieldSchema, f) ?? f;
-const fieldDescription = (f) => getStructFieldDescription(fieldSchema, f);
-const layout = inject(FORM_FIELD_LAYOUT_KEY, null);
-onMounted(() => {
-  if (layout) layout.fullPane.value = true;
-});
-onBeforeUnmount(() => {
-  if (layout) layout.fullPane.value = false;
-});
-const unitModel = computed({
-  get: () => value.value.unit,
-  set: (next) => {
-    value.value = { ...value.value, unit: next };
-  }
-});
-const EXTRAS = [
-  { id: "general", label: "\u901A\u7528\u914D\u7F6E", icon: "fluent:settings-20-regular" }
-];
-const selection = ref({ kind: "extras", id: "general" });
-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 };
-    }
-  }
-});
-function patchOptionalNumber(key, next) {
-  if (next == null) {
-    const { [key]: _omit, ...rest } = value.value;
-    value.value = rest;
-  } else {
-    value.value = { ...value.value, [key]: next };
-  }
-}
-const reorderable = computed({
-  get: () => value.value.reorderable ?? true,
-  set: (next) => {
-    if (next === true) {
-      const { reorderable: _omit, ...rest } = value.value;
-      value.value = rest;
-    } else {
-      value.value = { ...value.value, reorderable: false };
-    }
-  }
-});
-</script>
-
-<template>
-  <ShwfedFormUnitConfig
-    v-model="unitModel"
-    v-model:selection="selection"
-    :extras="EXTRAS"
-  >
-    <template #extras-pane>
-      <div class="flex flex-col gap-3 p-6">
-        <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
-                v-if="fieldDescription('binding')"
-                #tooltip
-              >
-                <Markdown
-                  :source="fieldDescription('binding')"
-                  block
-                  class="prose prose-sm prose-zinc"
-                />
-              </template>
-              {{ fieldTitle("binding") }}
-            </FieldLabel>
-            <InputGroup>
-              <InputGroupInput
-                v-model="pathText"
-                placeholder="例：members"
-                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('addLabel')"
-                #tooltip
-              >
-                <Markdown
-                  :source="fieldDescription('addLabel')"
-                  block
-                  class="prose prose-sm prose-zinc"
-                />
-              </template>
-              {{ fieldTitle("addLabel") }}
-            </FieldLabel>
-            <LocaleField
-              :model-value="value.addLabel"
-              @update:model-value="(v) => value = { ...value, addLabel: v }"
-            />
-          </Field>
-
-          <Field orientation="vertical">
-            <FieldLabel class="text-xs text-zinc-500">
-              <template
-                v-if="fieldDescription('removeLabel')"
-                #tooltip
-              >
-                <Markdown
-                  :source="fieldDescription('removeLabel')"
-                  block
-                  class="prose prose-sm prose-zinc"
-                />
-              </template>
-              {{ fieldTitle("removeLabel") }}
-            </FieldLabel>
-            <LocaleField
-              :model-value="value.removeLabel"
-              @update:model-value="(v) => value = { ...value, removeLabel: 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('min')"
-                #tooltip
-              >
-                <Markdown
-                  :source="fieldDescription('min')"
-                  block
-                  class="prose prose-sm prose-zinc"
-                />
-              </template>
-              {{ fieldTitle("min") }}
-            </FieldLabel>
-            <InputGroup>
-              <InputGroupNumberField
-                :model-value="value.min"
-                :min="0"
-                @update:model-value="(v) => patchOptionalNumber('min', v)"
-              />
-            </InputGroup>
-          </Field>
-
-          <Field orientation="vertical">
-            <FieldLabel class="text-xs text-zinc-500">
-              <template
-                v-if="fieldDescription('max')"
-                #tooltip
-              >
-                <Markdown
-                  :source="fieldDescription('max')"
-                  block
-                  class="prose prose-sm prose-zinc"
-                />
-              </template>
-              {{ fieldTitle("max") }}
-            </FieldLabel>
-            <InputGroup>
-              <InputGroupNumberField
-                :model-value="value.max"
-                :min="1"
-                @update:model-value="(v) => patchOptionalNumber('max', v)"
-              />
-            </InputGroup>
-          </Field>
-
-          <Field
-            orientation="horizontal"
-            class="h-9 w-auto gap-2 self-end"
-          >
-            <Switch v-model="reorderable" />
-            <FieldLabel class="text-sm text-zinc-600">
-              <template
-                v-if="fieldDescription('reorderable')"
-                #tooltip
-              >
-                <Markdown
-                  :source="fieldDescription('reorderable')"
-                  block
-                  class="prose prose-sm prose-zinc"
-                />
-              </template>
-              {{ fieldTitle("reorderable") }}
-            </FieldLabel>
-          </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('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\u6574\u4E2A\u5217\u8868\u53EA\u8BFB\uFF0C\u4E0D\u80FD\u65B0\u589E/\u5220\u9664/\u91CD\u6392'"
-                  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>
-        </div>
-      </div>
-    </template>
-  </ShwfedFormUnitConfig>
-</template>

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/config.vue.d.ts

@@ -1,105 +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.list";
-        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-05-13";
-        readonly min?: number | undefined;
-        readonly max?: number | undefined;
-        readonly unit: Readonly<{
-            fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
-            layouts: readonly Readonly<{
-                name: string;
-                media?: string;
-                layout: import("../../../schema.js").LayoutValue;
-            }>[];
-        }>;
-        readonly binding?: string | undefined;
-        readonly addLabel?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly removeLabel?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly reorderable?: boolean | 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.list";
-        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-05-13";
-        readonly min?: number | undefined;
-        readonly max?: number | undefined;
-        readonly unit: Readonly<{
-            fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
-            layouts: readonly Readonly<{
-                name: string;
-                media?: string;
-                layout: import("../../../schema.js").LayoutValue;
-            }>[];
-        }>;
-        readonly binding?: string | undefined;
-        readonly addLabel?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly removeLabel?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly reorderable?: boolean | 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-05-13/com.shwfed.form.field.list/row.d.vue.ts

@@ -1,16 +0,0 @@
-import type { FormUnitValue } from '../../../schema.js';
-import { type FormState } from '../../../utils/state.js';
-type __VLS_Props = {
-    unit: FormUnitValue;
-};
-type __VLS_ModelProps = {
-    modelValue: FormState;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: FormState) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: FormState) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/row.vue

@@ -1,119 +0,0 @@
-<script setup>
-import { useNuxtApp } from "#app";
-import { Effect } from "effect";
-import { computed, onMounted, ref, watch } from "vue";
-import { celBindings, injectCELContext } from "../../../../../plugins/cel/context";
-import { findField } from "../../../utils/resolve";
-import { provideFormState } from "../../../utils/state";
-defineOptions({ name: "ShwfedListFieldRow" });
-const state = defineModel({ type: Object, ...{ required: true } });
-const props = defineProps({
-  unit: { type: Object, required: true }
-});
-provideFormState(state);
-const { $cel: _rawCel } = useNuxtApp();
-const inherited = injectCELContext();
-const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
-function pickLayout(sets) {
-  for (const set of sets) {
-    if (!set.media) return set;
-    try {
-      if (Effect.runSync($cel(set.media))) return set;
-    } catch (err) {
-      console.error(`[shwfed-form] list field: failed to evaluate layout media for ${set.name}:`, err);
-    }
-  }
-  return sets[sets.length - 1];
-}
-const activeLayout = ref();
-onMounted(() => {
-  activeLayout.value = pickLayout(props.unit.layouts);
-});
-watch(() => props.unit.layouts, (sets) => {
-  activeLayout.value = pickLayout(sets);
-}, { deep: false });
-const warnedMissing = /* @__PURE__ */ new Set();
-const placedFields = computed(() => {
-  const layout = activeLayout.value?.layout;
-  if (!layout) return [];
-  const out = [];
-  for (const field of props.unit.fields) {
-    const placement = layout.placements[field.id];
-    if (!placement) continue;
-    const entry = findField(field.type, field.compatibilityDate);
-    if (!entry) {
-      const key = `${field.type}@${field.compatibilityDate}`;
-      if (!warnedMissing.has(key)) {
-        warnedMissing.add(key);
-        console.warn(`[shwfed-form] list field: no registered field type for ${key}`);
-      }
-      continue;
-    }
-    out.push({ field, placement, entry });
-  }
-  return out;
-});
-const gridStyle = computed(() => {
-  const l = activeLayout.value?.layout;
-  if (!l) return "";
-  const colTemplate = `repeat(${l.columns}, minmax(0, 1fr))`;
-  let rowTemplate = "";
-  if (l.rows) {
-    const grows = Array.from({ length: l.rows }, () => false);
-    for (const p of placedFields.value) {
-      if (!p.entry.metadata.h.grow) continue;
-      const [[, y1], [, y2]] = p.placement.area;
-      const lo = Math.max(1, y1);
-      const hi = Math.min(l.rows, y2 - 1);
-      for (let r = lo; r <= hi; r++) grows[r - 1] = true;
-    }
-    rowTemplate = grows.map((g) => g ? "auto" : "minmax(0, 1fr)").join(" ");
-  }
-  const parts = [
-    "display: grid",
-    `grid-template-columns: ${colTemplate}`,
-    rowTemplate ? `grid-template-rows: ${rowTemplate}` : "",
-    l.gap ? `gap: calc(${l.gap} * 0.25rem)` : "",
-    l.style ?? ""
-  ].filter(Boolean);
-  return parts.join("; ");
-});
-function cellStyle(placement) {
-  const [[x1, y1], [x2, y2]] = placement.area;
-  const parts = [`grid-column: ${x1} / ${x2}`, `grid-row: ${y1} / ${y2}`, "min-width: 0"];
-  const h = placement.h && placement.h !== "stretch" ? placement.h : null;
-  const v = placement.v && placement.v !== "stretch" ? placement.v : null;
-  if (h || v) {
-    parts.push("display: flex");
-    const toFlex = (a) => a === "start" ? "flex-start" : a === "end" ? "flex-end" : "center";
-    if (h) parts.push(`justify-content: ${toFlex(h)}`);
-    if (v) parts.push(`align-items: ${toFlex(v)}`);
-  }
-  return parts.join("; ");
-}
-const rendered = computed(
-  () => placedFields.value.map((p) => ({
-    key: p.field.id,
-    style: cellStyle(p.placement),
-    component: p.entry.runtime,
-    fieldId: p.field.id,
-    config: p.field
-  }))
-);
-</script>
-
-<template>
-  <div :style="gridStyle">
-    <div
-      v-for="r in rendered"
-      :key="r.key"
-      :style="r.style"
-    >
-      <component
-        :is="r.component"
-        :field-id="r.fieldId"
-        :config="r.config"
-      />
-    </div>
-  </div>
-</template>

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/row.vue.d.ts

@@ -1,16 +0,0 @@
-import type { FormUnitValue } from '../../../schema.js';
-import { type FormState } from '../../../utils/state.js';
-type __VLS_Props = {
-    unit: FormUnitValue;
-};
-type __VLS_ModelProps = {
-    modelValue: FormState;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: FormState) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: FormState) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/runtime.d.vue.ts

@@ -1,8 +0,0 @@
-import type { Value } from './schema.js';
-type __VLS_Props = {
-    fieldId: string;
-    config: Value;
-};
-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;