@done-coding/admin-core 0.6.1-alpha.0 → 0.7.1-alpha.0

package/types/components/form/types.d.ts

@@ -1,4 +1,4 @@
-import { FormItemRule, ColProps, FormItemProps } from 'element-plus';
+import { FormItemRule, ColProps, FormItemProps, ButtonProps, AffixProps } from 'element-plus';
 import { VNode, ComputedRef } from 'vue';
 export type OnlyOneKey<T extends Record<string, any>> = {
     [K in keyof T]: {
@@ -131,13 +131,16 @@ SV extends PK extends keyof SO ? SO[PK] : PV> {
     config: FormItemConfig<PO, SO, PK, PV, SV>;
 }
 /** FormMain expose类型 */
-export interface FormMainInstance {
+export interface FormMainInstance<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> {
     validate: () => Promise<void>;
     resetFields: () => void;
     clearValidate: (key?: string) => void;
+    generate: () => PO;
+    parse: (stringifyData: ExtractFormStringifyFromObject<PO, SO>) => PO;
+    stringify: () => ExcludeNeverProperties<ExtractFormStringifyRawFromObject<PO, SO>>;
 }
 /** FormSearch expose类型 */
-export interface FormSearchInstance extends FormMainInstance {
+export interface FormSearchInstance<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> extends Omit<FormMainInstance<PO, SO>, "generate" | "parse" | "stringify"> {
     /** 触发搜索 */
     triggerSearch: () => void;
     /** 触发重置 */
@@ -243,8 +246,70 @@ SO extends Record<string, any>> extends FormItemConfigSwiftOptionsCommon<PO, SO>
      */
     rules?: FormItemConfig["rules"];
 }
+/** 表单数据信息 */
+export interface FormDataInfo<PO extends Record<string, any>, 
+/** 需要格式化的模型 */
+SO extends Record<string, any>> {
+    /** 表单模型数据 */
+    parseData: PO;
+    /** 表单序列化数据 */
+    stringifyData: ExtractFormStringifyFromObject<PO, SO>;
+}
 /** 表单配置项快捷生成类型 */
 export type FormItemConfigSwiftOptions<PO extends Record<string, any>, 
 /** 需要格式化的模型 */
 SO extends Record<string, any>> = FormItemConfigSwiftOptionsRequired<PO, SO> | FormItemConfigSwiftOptionsRules<PO, SO>;
+/** 表单提交按钮 */
+export type FormSubmitBtnProps<PO extends Record<string, any>, SO extends Record<string, any>> = Omit<ButtonProps, "loading"> & {
+    /** form main expose */
+    formMainInstance: FormMainInstance<PO, SO>;
+    /** 提交按钮文本 */
+    submitText?: string;
+    /** 提交方法 */
+    submitFn: (stringifyData: ExcludeNeverProperties<ExtractFormStringifyRawFromObject<PO, SO>>) => Promise<unknown>;
+};
+/** 表单提交按钮扁平属性 */
+export type FormSubmitPanelFlatProps = Extract<keyof FormSubmitBtnProps<Record<string, any>, Record<string, any>>, "submitText" | "submitFn">;
+/**
+ * 表单提交面板 props——= FormMain props 透传 + 提交相关。
+ * 容器内编排 FormMain + FormSubmitBtn（formMainInstance 内部自动接线），对称 FormSearch。
+ */
+export type FormSubmitPanelProps<PO extends Record<string, any>, SO extends Record<string, any>> = Omit<FormMainProps<PO, SO>, "data"> & {
+    /**
+     * 序列化的数据
+     * -----
+     * 此属性不为空 那么优先使用此字段转换为PO数据模型， 否则内部会基于表单配置化 生成初始化 PO 数据模型
+     */
+    stringifyData?: ExcludeNeverProperties<ExtractFormStringifyRawFromObject<PO, SO>>;
+} & Pick<FormSubmitBtnProps<PO, SO>, FormSubmitPanelFlatProps> & {
+    submitBtnProps?: Omit<FormSubmitBtnProps<PO, SO>, FormSubmitPanelFlatProps | "formMainInstance">;
+} & {
+    labelPosition?: "right" | "left" | "top";
+    labelWidth?: string;
+    /**
+     * 取消按钮
+     * -----
+     * 同名插槽优先级高于props,如果是props则只是取消按钮的文字 为空则不展示
+     * ----
+     * 默认的cancelBtn插槽的按钮点击后触发 cancel 事件
+     */
+    cancelBtn?: string;
+    /** 重置按钮
+     * -----
+     * 同名插槽优先级高于props,如果是props则只是重置按钮的文字 为空则不展示
+     * ----
+     * 默认的resetBtn插槽的按钮点击后触发 reset 事件
+     */
+    resetBtn?: string;
+    /** 操作区位置
+     * ----
+     * 默认值 bottom-center
+     */
+    operationPosition?: "bottom-center" | "bottom-right" | "top-right";
+    /** 操作区是否做图钉
+     * ----
+     * 默认值 false
+     */
+    operationAffix?: boolean | AffixProps;
+};
 export {};

package/types/components/list-page/ListPage.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: <T extends Record<string, any>, PO extends Record<string
         beforeSearch?: ((data: import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>>, type: FormSearchSearchType) => import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>>) | undefined;
         clearTableFilterOnReset?: boolean;
     }) & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<ListPageInstance<PO>>): void;
+    expose(exposed: import('vue').ShallowUnwrapRef<ListPageInstance<PO, Record<string, any>>>): void;
     attrs: any;
     slots: Readonly<{
         /** 头部插槽（无 scope） */

package/types/components/list-page/types.d.ts

@@ -34,7 +34,7 @@ F extends Record<string, any>> = Partial<Pick<FormSearchProps<PO, SO, {}>, FormS
     /** 在点击搜索重置按钮时，是否同时调用清空表格表头过滤 */
     clearTableFilterOnReset?: boolean;
 };
-export interface ListPageInstance<PO extends Record<string, any> = Record<string, any>> extends FormSearchInstance, TableMainInstance {
+export interface ListPageInstance<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> extends FormSearchInstance<PO, SO>, TableMainInstance {
     /** 更新表单数据 */
     update: (key: Extract<keyof PO, string>, value: any) => void;
 }

package/types/components/misc/index.d.ts

@@ -1,8 +1,6 @@
 import { default as TriggerAutoImport } from './TriggerAutoImport.vue';
 import { default as AutoRefresh } from './AutoRefresh.vue';
 import { default as AutoRefreshGroup } from './AutoRefreshGroup.vue';
-import { default as ActionBtn } from './ActionBtn.vue';
-import { default as ActionConfirm } from './ActionConfirm.vue';
 import { default as SelectModule } from './SelectModule.vue';
 export * from './types';
 export { 
@@ -10,4 +8,4 @@ export {
  * @deprecated 全局样式引入后已无用——main.ts `import "element-plus/dist/index.css"`
  * + ElementPlusResolver `importStyle: false` 即可，无需本组件触发按需样式。下个 MAJOR 删除。
  */
-TriggerAutoImport, AutoRefresh, AutoRefreshGroup, ActionBtn, ActionConfirm, SelectModule, };
+TriggerAutoImport, AutoRefresh, AutoRefreshGroup, SelectModule, };

package/types/components/misc/types.d.ts

@@ -1,91 +1,3 @@
-import { VNode } from 'vue';
-import { ButtonProps } from 'element-plus';
-/** ActionConfirm 确认交互形态：弹层气泡 / 居中模态框 */
-export type ActionConfirmMode = "popconfirm" | "messageConfirm";
-/**
- * ActionConfirm 文案解析器。
- * - string：直接渲染
- * - 无参函数：返回字符串或 VNode 数组（富文本）；动态数据由调用方闭包捕获
- */
-export type ActionConfirmTextResolver = string | (() => string | VNode[]);
-/**
- * ActionBtn 的确认配置（嵌套对象；无此配置则为普通按钮，不触发确认）。
- *
- * ⚠️ 瞬时用户激活限制：`confirmConfig` 与 `beforeOpen` 均会异步打断点击的瞬时
- * 用户激活窗口（transient user activation）——confirm 后 / beforeOpen 之后的
- * handler 与原始点击之间隔了一次异步等待，原始激活此时已过期（注意：事件对象
- * `isTrusted` 仍为 true，失效的是激活窗口而非事件本身）。故 confirm 后 /
- * beforeOpen 之后的 handler [MUST NOT] 调用依赖瞬时用户激活的 API——
- * `window.open`、`navigator.clipboard.*`、`requestFullscreen` 等会被浏览器
- * 拦截。需要这类操作时改用无 `confirmConfig` 且无 `beforeOpen` 的 ActionBtn /
- * 普通按钮。此为 confirm-gate / async-prefetch 模式固有代价，组件层无法绕过。
- */
-export interface ActionBtnConfirmConfig {
-    /** 确认标题 */
-    title?: ActionConfirmTextResolver;
-    /** 确认正文内容 */
-    content?: ActionConfirmTextResolver;
-    /** 确认按钮文案，默认"确定" */
-    confirmText?: string;
-    /** 取消按钮文案，默认"取消" */
-    cancelText?: string;
-    /** 确认按钮 type */
-    type?: ButtonProps["type"];
-}
-/**
- * ActionBtn 组件 props。
- * 完全兼容 ElButton（继承 ButtonProps），仅一处改写 + 三个增量：
- * - `loading` 被 Omit：有意的 ElButton 不兼容，唯一接管项——loading 由组件内部
- *   独占，对接异步 confirm / beforeOpen 的进行态（innerLoading），对外不可设置。
- * - `disabled` 原生透传，不改写不扩展。
- * - 增量：`confirmMode` / `confirmConfig` / `beforeOpen`。
- * - 泛型 `T`：由 `beforeOpen` 返回值反推，并透传给 `confirmConfig` 函数形态的
- *   入参；未传 `beforeOpen` 时默认 `T = void`，函数形态的 `data = undefined`。
- */
-export type ActionBtnProps<T = void> = Omit<ButtonProps, "loading"> & {
-    /** 确认交互形态，仅在 confirmConfig 存在时生效，默认 "popconfirm" */
-    confirmMode?: ActionConfirmMode;
-    /**
-     * 确认配置；存在时点击需经确认闸门，确认后才触发 click。
-     * - 对象形态：静态确认配置（向后兼容）。
-     * - 函数形态：`(data: T) => ActionBtnConfirmConfig`，`data` 来自 `beforeOpen`
-     *   返回值；无 `beforeOpen` 时 `data = undefined`（T 默认 `void`）。
-     */
-    confirmConfig?: ActionBtnConfirmConfig | ((data: T) => ActionBtnConfirmConfig);
-    /**
-     * 点击后、弹层前的异步预取钩子。
-     * - 返回值类型 `T` 反推给 `confirmConfig` 函数形态的入参。
-     * - 失败时静默退出（不弹层、不触发 `@click` handler）；调用方 [MUST] 在内部
-     *   自行 catch 并显示反馈（如 `ElMessage.error`），忘记 catch 会"点了没反应"。
-     * - 期间按钮显 loading 态（`innerLoading`）；同 `confirmConfig` 一样消耗
-     *   瞬时用户激活（详见 {@link ActionBtnConfirmConfig} 顶部注释）。
-     */
-    beforeOpen?: () => Promise<T>;
-};
-/**
- * ActionConfirm 组件 props（扁平，confirm 原语；可独立于 ActionBtn 消费）。
- * 触发元素由默认 slot 提供；弹层可见性由 `v-model:show` 声明式驱动。
- */
-export interface ActionConfirmProps {
-    /** 确认交互形态 */
-    mode: ActionConfirmMode;
-    /** 确认标题 */
-    title?: ActionConfirmTextResolver;
-    /** 确认正文内容 */
-    content?: ActionConfirmTextResolver;
-    /** 确认按钮文案，默认"确定" */
-    confirmText?: string;
-    /** 取消按钮文案，默认"取消" */
-    cancelText?: string;
-    /** 确认按钮 type */
-    type?: ButtonProps["type"];
-    /**
-     * 点击确认后调用。返回 Promise 时确认按钮 loading + 弹层保持不关，
-     * **仅成功（fulfill）才关闭弹层**；失败（reject 或同步 throw）时清 loading、
-     * 弹层保持打开，错误由 `submitFn` 内部自行 catch 反馈。
-     */
-    submitFn: () => void | Promise<void>;
-}
 /** AutoRefresh 组件 props */
 export interface AutoRefreshProps {
     /** 刷新方法，返回 Promise。失败不影响下轮定时 */

package/types/components/panel/PanelItem.vue.d.ts

@@ -1,12 +1,20 @@
 import { PanelItemProps } from './types';
-type __VLS_Props = PanelItemProps;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    refresh: () => any;
-    "update:editing": (value: boolean) => any;
-    submitFinish: (success: boolean, data: Record<string, any>) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRefresh?: (() => any) | undefined;
-    "onUpdate:editing"?: ((value: boolean) => any) | undefined;
-    onSubmitFinish?: ((success: boolean, data: Record<string, any>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+import { FormDataInfo } from '../form/types.ts';
+declare const _default: <PO extends Record<string, any>, SO extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:editing"?: ((value: boolean) => any) | undefined;
+        readonly onSubmitSuccess?: ((data: FormDataInfo<PO, SO>) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSubmitSuccess" | "onUpdate:editing"> & ({
+        editing?: boolean;
+    } & PanelItemProps<PO, SO>) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: ((e: "submitSuccess", data: FormDataInfo<PO, SO>) => void) & ((evt: "update:editing", value: boolean) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/components/panel/PanelMain.vue.d.ts

@@ -1,12 +1,10 @@
 import { PanelMainProps } from './types';
-declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onRefresh?: ((data: T) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onRefresh"> & PanelMainProps<T> & Partial<{}>> & import('vue').PublicProps;
+declare const _default: <PO extends Record<string, any>, SO extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & PanelMainProps<PO, SO> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
-    emit: (e: "refresh", data: T) => void;
+    emit: {};
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/types/components/panel/types.d.ts

@@ -1,25 +1,34 @@
 import { VNode } from 'vue';
-import { ColProps } from 'element-plus';
-/** Panel 只读渲染作用域（render 用） */
-export interface PanelScope<T extends Record<string, any> = Record<string, any>> {
+import { ColProps, CardProps } from 'element-plus';
+import { ExtractFormStringifyFromObject, FormDataInfo, FormItemConfig, FormSubmitPanelProps } from '../form';
+/**
+ * 通用作用于
+ * -----
+ * 用于 render 、editorRender 及 判断
+ */
+export interface PanelScopeBase<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> {
     /** 原始数据（只读消费，[MUST NOT] 在 render 内修改） */
-    data: T;
+    data: ExtractFormStringifyFromObject<PO, SO>;
     /** data[config.key] */
     value: any;
-    config: PanelItemConfig<T>;
-    /** 请求 PanelMain 向父层触发 refresh（preview 组件绕开 PanelEditSwitch 刷新用） */
-    refresh?: () => void;
+    /** 配置项 */
+    config: PanelItemConfig<PO, SO>;
 }
-/** Panel 编辑器作用域（editorRender 用，data = 深克隆副本） */
-export interface PanelEditorScope<T extends Record<string, any> = Record<string, any>> {
-    /** PanelEditSwitch 内部深克隆副本（编辑器直接改它） */
-    data: T;
-    /** data[config.key]（克隆体上的值） */
-    value: any;
-    config: PanelItemConfig<T>;
+/**
+ * Panel render 作用域
+ * -----
+ * 应用于 render \ editorRender
+ */
+export interface PanelRenderScope<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> extends PanelScopeBase<PO, SO> {
+    /** 是否编辑态 */
+    editing: boolean;
+    /** 请求 PanelMain 向父层触发 refresh（preview 组件绕开 PanelEditSwitch 刷新用） */
+    refresh?: () => Promise<unknown> | void;
+    /** 结束编辑态 */
+    closeEdit?: () => void;
 }
 /** Panel 配置项 */
-export interface PanelItemConfig<T extends Record<string, any> = Record<string, any>> {
+export interface PanelItemConfig<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> {
     /** 数据键 */
     key: string;
     /** 标签，非必填 */
@@ -29,33 +38,55 @@ export interface PanelItemConfig<T extends Record<string, any> = Record<string,
     /** 顺序，缺省按数组序 */
     order?: number;
     /** 隐藏 */
-    hide?: boolean | ((scope: PanelScope<T>) => boolean);
+    hide?: boolean | ((scope: PanelScopeBase<PO, SO>) => boolean);
     /** 只读渲染；缺省=纯文本 data[key] */
-    render?: string | Record<string, any> | ((scope: PanelScope<T>) => VNode);
+    render?: string | Record<string, any> | ((scope: PanelRenderScope<PO, SO>) => VNode[]);
     /** 是否可就地编辑 */
-    editable?: boolean | ((scope: PanelScope<T>) => boolean);
-    /** 编辑器渲染；仅 editable 时需要 */
-    editorRender?: string | Record<string, any> | ((scope: PanelEditorScope<T>) => VNode);
+    editable?: boolean | ((scope: PanelScopeBase<PO, SO>) => boolean);
+    /** 编辑器渲染；仅 editable 时需要
+     * ----
+     * 使用优先级高于 editorConfig
+     */
+    editorRender?: string | Record<string, any> | ((scope: PanelRenderScope<PO, SO>) => VNode[]);
+    /** 编辑器表单配置；仅 editable 时需要
+     * ----
+     * 使用优先级次于 editorRender
+     * 但是优先级高于 render 即编辑态时使用render
+     */
+    editorConfig?: Omit<FormItemConfig<PO, SO>, "key" | "label" | "labelHide" | "layout">;
     /** 单字段提交；仅 editable 时需要。draft = 深克隆副本 */
-    submitFn?: (draft: T) => Promise<unknown>;
+    submitFn?: FormSubmitPanelProps<PO, SO>["submitFn"];
 }
 /** Panel 配置项列表 */
-export type PanelItemConfigList<T extends Record<string, any> = Record<string, any>> = PanelItemConfig<T>[];
+export type PanelItemConfigList<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> = PanelItemConfig<PO, SO>[];
 /** PanelMain props */
-export interface PanelMainProps<T extends Record<string, any> = Record<string, any>> {
-    data: T;
+export interface PanelMainProps<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> {
+    data: ExtractFormStringifyFromObject<PO, SO>;
+    /** 行水平间距 */
+    rowGutter?: number;
     layout?: Partial<ColProps>;
-    list: PanelItemConfigList<T>;
+    list: PanelItemConfigList<PO, SO>;
+    /** item是否包括Card */
+    itemCard?: boolean | Partial<CardProps & {
+        /** 最后一个 margin bottom */
+        lastMarginBottom?: string;
+    }>;
+    refreshFn?: (stringifyData: any, parseData: any) => Promise<unknown> | void;
 }
 /** PanelItem props */
-export interface PanelItemProps<T extends Record<string, any> = Record<string, any>> {
-    data: T;
-    config: PanelItemConfig<T>;
-    editing: boolean;
+export interface PanelItemProps<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> {
+    data: ExtractFormStringifyFromObject<PO, SO>;
+    config: PanelItemConfig<PO, SO>;
+    refreshFn?: (info: FormDataInfo<PO, SO>) => Promise<unknown> | void;
 }
 /** PanelEditSwitch props */
-export interface PanelEditSwitchProps<T extends Record<string, any> = Record<string, any>> {
-    data: T;
-    editing: boolean;
-    submitFn?: (draft: T) => Promise<unknown>;
+export interface PanelEditSwitchProps<PO extends Record<string, any> = Record<string, any>, SO extends Record<string, any> = Record<string, any>> extends Partial<Pick<FormSubmitPanelProps<PO, SO>, "submitFn">> {
+    data: ExtractFormStringifyFromObject<PO, SO>;
+    /** panel 配置项 */
+    config: Omit<PanelItemConfig<PO, SO>, "editorConfig"> & {
+        /** 缺失的key label 由 PanelItem补齐 */
+        editorConfig?: FormItemConfig<PO, SO>;
+    };
+    /** 是否可编辑 */
+    editable?: boolean;
 }

package/types/components/panel/PanelEditSwitch.vue.d.ts

@@ -1,28 +0,0 @@
-import { PanelEditSwitchProps } from './types';
-type __VLS_Props = PanelEditSwitchProps;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        editor?(_: {
-            data: Record<string, any>;
-        }): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:editing": (value: boolean) => any;
-    submitFinish: (success: boolean, data: Record<string, any>) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:editing"?: ((value: boolean) => any) | undefined;
-    onSubmitFinish?: ((success: boolean, data: Record<string, any>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};