@manohub/app-kit 0.1.0

package/dist/components/app-filter.js

@@ -0,0 +1,200 @@
+import { defineComponent, ref, onMounted, onUnmounted, watch, createVNode } from "vue";
+import { FQuerySolution } from "@farris/ui-vue";
+const SENTINEL = "all";
+const READY_TICK = 100;
+function appFilterSelect(options) {
+  return {
+    type: "combo-list",
+    valueField: "value",
+    textField: "name",
+    enumValueType: "string",
+    data: options.map((o) => ({
+      value: o.value,
+      name: o.label
+    })),
+    enableClear: true
+  };
+}
+function appFilterInput(placeholder) {
+  return {
+    type: "input-group",
+    placeholder,
+    updateOn: "change"
+  };
+}
+function normalizeConditions(raw) {
+  const result = {};
+  for (const item of raw) {
+    const node = item ?? {};
+    const code = String(node.code ?? node.labelCode ?? node.FilterField ?? node.id ?? "");
+    if (!code) continue;
+    let value = node.Value;
+    if (typeof value !== "string" && typeof value !== "number") {
+      const legacy = node.value;
+      if (legacy && typeof legacy === "object" && "value" in legacy) {
+        value = legacy.value ?? "";
+      } else {
+        value = Array.isArray(legacy) ? legacy[0] ?? "" : legacy ?? "";
+      }
+    }
+    const text = String(value ?? "");
+    result[code] = text === SENTINEL ? "" : text;
+  }
+  return result;
+}
+const AppFilter = /* @__PURE__ */ defineComponent({
+  name: "AppFilter",
+  inheritAttrs: false,
+  props: {
+    fields: {
+      type: Array,
+      required: true
+    },
+    /** 默认值：字段 **id** → 业务值（哨兵 `all` 表示「全部」）；内部翻译为 farris defaultValues */
+    defaults: {
+      type: Object,
+      default: void 0
+    },
+    searchFields: {
+      type: String,
+      default: void 0
+    },
+    searchPlaceholder: {
+      type: String,
+      default: ""
+    },
+    /** 条件区横向内联（farris isControlInline） */
+    inline: {
+      type: Boolean,
+      default: true
+    },
+    expanded: {
+      type: Boolean,
+      default: true
+    },
+    /** 关键字字段 code（命中者并入事件 meta.keyword，大小写不敏感） */
+    keywordCodes: {
+      type: Array,
+      default: () => ["fuzzysearch", "keyword", "name", "displayname"]
+    },
+    /** 就绪轮询上限（100ms/次） */
+    readyTries: {
+      type: Number,
+      default: 100
+    },
+    /** 忽略条件区重建后挂载即触发的首次空条件事件（就绪后自动复位） */
+    ignoreInitialEmpty: {
+      type: Boolean,
+      default: false
+    },
+    onChange: {
+      type: Function,
+      default: void 0
+    },
+    onQuery: {
+      type: Function,
+      default: void 0
+    },
+    onReady: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    const solutionRef = ref(null);
+    const defaultValues = ref(null);
+    let solutionReady = false;
+    let readyTimer;
+    let ignoreEmpty = props.ignoreInitialEmpty;
+    const toFarrisDefaults = () => {
+      const data = Object.entries(props.defaults ?? {}).filter(([, value]) => value !== void 0 && value !== null && value !== "").map(([id, value]) => ({
+        id,
+        value: {
+          value: String(value)
+        }
+      }));
+      return {
+        scope: "default",
+        data
+      };
+    };
+    const applyFields = () => {
+      solutionRef.value?.updateFields?.(props.fields);
+    };
+    const applyDefaults = () => {
+      if (!solutionReady) return;
+      const next = toFarrisDefaults();
+      if (JSON.stringify(next) === JSON.stringify(defaultValues.value)) return;
+      defaultValues.value = next;
+    };
+    const stopReadyTimer = () => {
+      if (readyTimer !== void 0) {
+        window.clearInterval(readyTimer);
+        readyTimer = void 0;
+      }
+    };
+    const markReady = () => {
+      if (solutionReady) return;
+      solutionReady = true;
+      ignoreEmpty = false;
+      applyFields();
+      applyDefaults();
+      props.onReady?.();
+    };
+    const waitSolutionReady = () => {
+      stopReadyTimer();
+      let tries = 0;
+      readyTimer = window.setInterval(() => {
+        const ready = !!solutionRef.value?.getConditions?.().length;
+        if (ready || ++tries > props.readyTries) {
+          stopReadyTimer();
+          if (ready) markReady();
+        }
+      }, READY_TICK);
+    };
+    onMounted(waitSolutionReady);
+    onUnmounted(stopReadyTimer);
+    watch(() => props.fields, applyFields);
+    watch(() => props.defaults, applyDefaults, {
+      deep: true
+    });
+    const emitConditions = (raw, query) => {
+      const list = Array.isArray(raw) ? raw : [];
+      if (list.length === 0 && ignoreEmpty) return;
+      const values = normalizeConditions(list);
+      const lower = new Map(Object.keys(values).map((key) => [key.toLowerCase(), values[key]]));
+      const keyword = props.keywordCodes.map((code) => lower.get(code.toLowerCase()) ?? "").find((v) => v) ?? "";
+      const meta = {
+        keyword,
+        query
+      };
+      if (query) props.onQuery?.(values, meta);
+      else props.onChange?.(values, meta);
+    };
+    return () => createVNode("div", {
+      "class": ["ak-filter", "farris-form", "farris-form-controls-inline", attrs.class].filter(Boolean).join(" ")
+    }, [createVNode(FQuerySolution, {
+      "ref": solutionRef,
+      "fields": props.fields,
+      "presetFields": props.fields,
+      "defaultValues": defaultValues.value,
+      "searchFields": props.searchFields || void 0,
+      "searchPlaceHolder": props.searchPlaceholder,
+      "isControlInline": props.inline,
+      "expanded": props.expanded,
+      "changeQuery": false,
+      "initQuery": true,
+      "willSetDefaultValues": true,
+      "onQuery": (raw) => emitConditions(raw, true),
+      "onConditionChange": (raw) => emitConditions(raw, false),
+      "onLoadedSolution": markReady
+    }, null)]);
+  }
+});
+export {
+  AppFilter,
+  appFilterInput,
+  appFilterSelect
+};

package/dist/components/app-form.d.ts

@@ -0,0 +1,446 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+/** label 列的水平对齐：`right`（默认，与 farris / 主流水平表单一致）或 `left` */
+export type AppFormLabelAlign = 'left' | 'right';
+export interface AppFormProps {
+    /** 表单级 label 列宽（px）；缺省取令牌 `--ui-form-label-width`（120）。px 不跟随根字号，见 CONTRACT「已知偏差」 */
+    labelWidth?: number;
+    /**
+     * 表单级 label 对齐：`right`（默认，文本贴着控件列）或 `left`（所有 label 起点一致）。
+     * `AppForm.Item` 上再写则只改那一行。
+     */
+    labelAlign?: AppFormLabelAlign;
+    /**
+     * 表单级控件列宽上限（px）；缺省**撑满**剩余宽度。
+     *
+     * 宽表单（>600px）里让输入框一路拉到右边缘很难看，两种收法二选一：
+     * ① 收宽度 —— 传 `controlWidth={360}`，控件列封顶、右侧留白；
+     * ② 分两列 —— 传 `columns={2}`，把行并排起来（更充分地用宽度，见下）。
+     */
+    controlWidth?: number;
+    /**
+     * 列数：`1`（默认，逐行）或 `2`（**容器够宽才并排**，窄了按列最小宽度自动回落一列）。
+     *
+     * 两列下每一行都要能独立成格，所以「整行内容」（说明行、卡片组、表格、文本域）记得
+     * 在对应 `AppForm.Item` 上给 `fullWidth`，否则会被压成半宽。
+     */
+    columns?: 1 | 2;
+}
+export interface AppFormItemProps {
+    /**
+     * 字段名（label 文本）。缺省且非必填时**不渲染 label 列**：控件列占满整行
+     * —— 用于无字段名的整块内容（如列编辑区）与纯说明行。
+     */
+    label?: string;
+    /** 必填标记：星号渲染在 label 文本**左侧**（沿 farris 表单字段的同一约定；label 整体右对齐） */
+    required?: boolean;
+    /** 校验错误文案：非空即进入 invalid 态，文案排布在控件**下方**（不遮挡后续行） */
+    error?: string;
+    /** 字段说明文案（常驻，排在错误之后） */
+    hint?: string;
+    /** 本行 label 列宽（px）；覆盖 `AppForm` 的表单级设置 */
+    labelWidth?: number;
+    /** 本行 label 对齐；覆盖 `AppForm` 的表单级设置 */
+    labelAlign?: AppFormLabelAlign;
+    /**
+     * 本行控件列宽上限（px）；覆盖 `AppForm` 的表单级设置。
+     * 缺省撑满剩余宽度（宽表单里的选型字段用它收敛，避免长条下拉）。
+     */
+    controlWidth?: number;
+    /** 在两列表单里跨满整行（说明行 / 卡片组 / 表格 / 文本域等整块内容） */
+    fullWidth?: boolean;
+    /**
+     * **只读文本形态**：传了它（含空串）即不走控件插槽，改为在控件位渲染纯文本 ——
+     * 用于「摘要 / 详情」这类静态表单行（同一个表单里 label 列、行距、错误、说明全部复用）。
+     *
+     * 空值（`''` / 全空白）由组件统一显示 `—`，消费方不必每处写 `value || '—'`；
+     * 换行符原样保留（SQL where 这类多行文本回显不会被压成一行）。
+     *
+     * 传了它这一行的 label 会降一档**次要色**（与正文色的值拉开层级），控件行不受影响。
+     */
+    text?: string;
+    /**
+     * **只读展示行**：只把 label 弱化（次要色），内容仍走默认插槽 ——
+     * 用于控件位不是纯文本的只读内容（徽标 / 链接这类）。
+     *
+     * 纯文本一律用 `text`（它自带只读语义，不必再传本开关）；本开关与 `text` 互斥不会冲突 ——
+     * 两个都给时 `text` 优先（`readonly` 只是把 label 的弱化带过去）。
+     */
+    readonly?: boolean;
+}
+/**
+ * 表单行（**自建**）：`label + 控件 + 错误 + 说明` 四件。
+ *
+ * 为什么不封装 farris 的 `FDynamicFormGroup`：那是动态表单（元数据驱动）体系里的分组件 ——
+ * 控件要经 `editor` 描述对象交给它渲染，label 宽度 / 控件限宽由 farris 表单类写死
+ * （inline 6rem 右对齐、字段 max-width 26.625rem），校验信息走**绝对定位的浮层提示条**。
+ * 与本仓三条口径冲突：① 控件由消费方直接写（不构造底层配置对象）；② 数据入参只收朴素业务值；
+ * ③ 错误与说明按文档流排布（浮层在弹窗里会压住下一行的控件）。故按「缺件处置流程」自建，
+ * 沿 farris 的既有约定：必填星号固定在 label 文本左侧；**label 对齐是维度**（`labelAlign`，
+ * 默认 `right`（与 farris / 主流水平表单一致），`left` 时所有 label 起点一致）。
+ *
+ * ## 宽表单怎么处理（两条杠杆，可叠加）
+ *
+ * - **限宽**：`controlWidth` 封顶控件列（表单级给默认、逐行可覆盖）—— 单列表单不至于把输入框拉成长条；
+ * - **分两列**：`columns={2}` 让行并排，宽度用得更充分；列最小宽度取令牌
+ *   `--ui-form-column-min`（默认 320），所以窄容器会**自动回落成一列**，不需要消费方写媒体查询。
+ *   两列下「整块内容」记得 `fullWidth`。
+ *
+ * `AppForm.Item` 是唯一入口（`AppForm` 只承载表单级设置与行间距/列数），
+ * 控件从默认插槽进，因此输入框 / 下拉 / 文本域 / 自绘分组卡片共用同一个容器。
+ *
+ * ## 静态表单（摘要 / 详情）
+ *
+ * `AppForm.Item` 传 `text` 即切成**只读文本行**，三类行可以在同一个表单里混排 ——
+ * label 列宽、行距、错误与说明全部共用，所以「向导最后一步的确认摘要」「详情弹窗」不需要
+ * 另起一套描述列表件（自绘表格的 label/value 几何与表单行迟早会漂开）。
+ * 空值占位 `—`、长文案折行、换行符保留都由组件给；只读行的 label 自动降一档次要色，
+ * 字段名与取值一眼分得开（应用侧写不了 `color`，这层区分只能由组件给）。
+ * 控件位要放徽标 / 链接这类**非文本**只读内容时传 `readonly`：内容走默认插槽，label 的弱化照旧。
+ *
+ * @example
+ * <AppForm labelWidth={120} columns={2}>
+ *   <AppForm.Item label="编码" required error={errors.code} hint="保存后不可修改">
+ *     <AppInput modelValue={form.code} onChange={(v) => (form.code = v)} />
+ *   </AppForm.Item>
+ *   <AppForm.Item label="缓存策略" controlWidth={360}>
+ *     <AppSelect options={cacheOptions} modelValue={form.cache} onChange={…} />
+ *   </AppForm.Item>
+ *   <AppForm.Item label="过滤条件" fullWidth>
+ *     <AppTextarea modelValue={form.filter} onChange={…} />
+ *   </AppForm.Item>
+ * </AppForm>
+ */
+export declare const AppFormItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    labelAlign: {
+        type: PropType<AppFormLabelAlign>;
+        default: undefined;
+    };
+    controlWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** `undefined` 与「传了空串」必须区分：前者走插槽（控件形态），后者是「值为空的只读行」 */
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 只读展示行（label 弱化，内容走插槽）：用于控件位是徽标 / 链接这类非文本的只读内容 */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    labelAlign: {
+        type: PropType<AppFormLabelAlign>;
+        default: undefined;
+    };
+    controlWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** `undefined` 与「传了空串」必须区分：前者走插槽（控件形态），后者是「值为空的只读行」 */
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 只读展示行（label 弱化，内容走插槽）：用于控件位是徽标 / 链接这类非文本的只读内容 */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    text: string;
+    error: string;
+    required: boolean;
+    readonly: boolean;
+    hint: string;
+    labelWidth: number;
+    labelAlign: AppFormLabelAlign;
+    controlWidth: number;
+    fullWidth: boolean;
+}, SlotsType<{
+    default?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 表单内分组：**就是 `AppSection` 本身**（同一个对象、同一套样式），保留这个名字只为让表单里读起来贴语境
+ * ——「区块」这件事只有一套实现，不要在这里另写一份（改样式请改 `app-section.tsx` / `.ak-section*`）。
+ */
+export declare const AppFormSection: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+}, SlotsType<{
+    default?: () => VNodeChild;
+    extra?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 复合件入口：`AppForm` + `AppForm.Item` + `AppForm.Section`（与 `AppPanel` / `AppShell` 同款 Object.assign 复合写法） */
+export declare const AppForm: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        /** 表单级 label 列宽（px）；`AppForm.Item` 的 `labelWidth` 优先级更高 */
+        labelWidth: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        /** 表单级 label 对齐；`AppForm.Item` 的 `labelAlign` 优先级更高 */
+        labelAlign: {
+            type: PropType<AppFormLabelAlign>;
+            default: undefined;
+        };
+        /** 表单级控件列宽上限（px）；`AppForm.Item` 的 `controlWidth` 优先级更高 */
+        controlWidth: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        /** 列数：1（逐行，默认）/ 2（容器够宽才并排，窄了自动回落一列） */
+        columns: {
+            type: PropType<1 | 2>;
+            default: number;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        columns: 1 | 2;
+        labelWidth: number;
+        labelAlign: AppFormLabelAlign;
+        controlWidth: number;
+    }, true, {}, SlotsType<{
+        default?: () => VNodeChild;
+    }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        /** 表单级 label 列宽（px）；`AppForm.Item` 的 `labelWidth` 优先级更高 */
+        labelWidth: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        /** 表单级 label 对齐；`AppForm.Item` 的 `labelAlign` 优先级更高 */
+        labelAlign: {
+            type: PropType<AppFormLabelAlign>;
+            default: undefined;
+        };
+        /** 表单级控件列宽上限（px）；`AppForm.Item` 的 `controlWidth` 优先级更高 */
+        controlWidth: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        /** 列数：1（逐行，默认）/ 2（容器够宽才并排，窄了自动回落一列） */
+        columns: {
+            type: PropType<1 | 2>;
+            default: number;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        columns: 1 | 2;
+        labelWidth: number;
+        labelAlign: AppFormLabelAlign;
+        controlWidth: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    /** 表单级 label 列宽（px）；`AppForm.Item` 的 `labelWidth` 优先级更高 */
+    labelWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** 表单级 label 对齐；`AppForm.Item` 的 `labelAlign` 优先级更高 */
+    labelAlign: {
+        type: PropType<AppFormLabelAlign>;
+        default: undefined;
+    };
+    /** 表单级控件列宽上限（px）；`AppForm.Item` 的 `controlWidth` 优先级更高 */
+    controlWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** 列数：1（逐行，默认）/ 2（容器够宽才并排，窄了自动回落一列） */
+    columns: {
+        type: PropType<1 | 2>;
+        default: number;
+    };
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    columns: 1 | 2;
+    labelWidth: number;
+    labelAlign: AppFormLabelAlign;
+    controlWidth: number;
+}, {}, string, SlotsType<{
+    default?: () => VNodeChild;
+}>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    Item: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: StringConstructor;
+            default: string;
+        };
+        hint: {
+            type: StringConstructor;
+            default: string;
+        };
+        labelWidth: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        labelAlign: {
+            type: PropType<AppFormLabelAlign>;
+            default: undefined;
+        };
+        controlWidth: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        fullWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** `undefined` 与「传了空串」必须区分：前者走插槽（控件形态），后者是「值为空的只读行」 */
+        text: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 只读展示行（label 弱化，内容走插槽）：用于控件位是徽标 / 链接这类非文本的只读内容 */
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: StringConstructor;
+            default: string;
+        };
+        hint: {
+            type: StringConstructor;
+            default: string;
+        };
+        labelWidth: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        labelAlign: {
+            type: PropType<AppFormLabelAlign>;
+            default: undefined;
+        };
+        controlWidth: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        fullWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** `undefined` 与「传了空串」必须区分：前者走插槽（控件形态），后者是「值为空的只读行」 */
+        text: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 只读展示行（label 弱化，内容走插槽）：用于控件位是徽标 / 链接这类非文本的只读内容 */
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        label: string;
+        text: string;
+        error: string;
+        required: boolean;
+        readonly: boolean;
+        hint: string;
+        labelWidth: number;
+        labelAlign: AppFormLabelAlign;
+        controlWidth: number;
+        fullWidth: boolean;
+    }, SlotsType<{
+        default?: () => VNodeChild;
+    }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Section: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        title: string;
+    }, SlotsType<{
+        default?: () => VNodeChild;
+        extra?: () => VNodeChild;
+    }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+export type AppFormCompound = typeof AppForm;