zzz-pc-view 0.0.39 → 0.0.41

package/src/pcViews/components/curd/CreateBtnView.vue.d.ts

@@ -0,0 +1,16 @@
+import { BaseCurdViewProps } from './CurdViewType';
+declare const _default: <M extends object>(__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> & Partial<{}> & BaseCurdViewProps<M>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/src/pcViews/components/curd/CurdFormOperatorView.vue.d.ts

@@ -0,0 +1,20 @@
+import { ZWebUtils } from '../../../index-decorators';
+import { BaseCurdViewProps } from './CurdViewType';
+export interface CurdFormOperatorViewProps<M extends object> extends BaseCurdViewProps<M> {
+    operatorComponents?: (string | ZWebUtils.RawRouteComponent)[];
+}
+declare const _default: <M extends object>(__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> & Partial<{}> & CurdFormOperatorViewProps<M>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/src/pcViews/components/curd/CurdFormView.vue.d.ts

@@ -0,0 +1,16 @@
+import { BaseCurdViewProps } from './CurdViewType';
+declare const _default: <M extends object>(__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> & Partial<{}> & BaseCurdViewProps<M>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/src/pcViews/components/curd/CurdTableOperatorView.vue.d.ts

@@ -0,0 +1,21 @@
+import { ZWebUtils } from '../../../index-decorators';
+import { BaseViewProps } from '../utils';
+import { CurdViewHandler } from './CurdViewHandler';
+export interface CurdTableOperatorViewProps<M extends object> extends BaseViewProps<M, CurdViewHandler<M>> {
+    operatorComponents?: (string | ZWebUtils.RawRouteComponent)[];
+}
+declare const _default: <M extends object>(__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> & Partial<{}> & CurdTableOperatorViewProps<M>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/src/pcViews/components/curd/CurdView.vue.d.ts

@@ -1,5 +1,5 @@
 import { CurdViewHandler } from './CurdViewHandler';
-declare const _default: <T extends object = object>(__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<{
+declare const _default: <T extends object>(__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> & Partial<{}> & {
         viewHandler: CurdViewHandler<T>;
     }> & import('vue').PublicProps;
@@ -9,6 +9,8 @@ declare const _default: <T extends object = object>(__VLS_props: NonNullable<Awa
         "header-before"?(_: {}): any;
         "header-after"?(_: {}): any;
         content?(_: {}): any;
+        editor?(_: {}): any;
+        extra?(_: {}): any;
     };
     emit: {};
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {

package/src/pcViews/components/curd/CurdViewHandler.d.ts

@@ -1,6 +1,15 @@
 import { ZDecorators } from '../../../index-decorators';
 import { FormValidationResult, MessageBoxData } from 'element-plus';
+/**
+ * CurdViewHandler 类继承自 ZDecorators.CurdKey.CurdHandler，用于处理 CURD（创建、读取、更新、删除）视图的相关操作。
+ *
+ * @template T - 泛型类型，表示处理的数据对象类型，默认是 object 类型。
+ */
 export declare class CurdViewHandler<T extends object = object> extends ZDecorators.CurdKey.CurdHandler<T> {
+    /**
+     * 用于存储表格组件实例的浅响应式引用。
+     * 该引用指向一个 `ElTable` 组件实例，可用于访问和操作表格的属性和方法。
+     */
     readonly tableElRef: import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         data: {
             type: import('vue').PropType<import('element-plus/es/components/table/src/table/defaults.mjs').DefaultRow[]>;
@@ -185,7 +194,7 @@ export declare class CurdViewHandler<T extends object = object> extends ZDecorat
         scrollTo: (options: ScrollToOptions | number, yCoord?: number) => void;
         setScrollLeft: (left?: number) => void;
         setScrollTop: (top?: number) => void;
-    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "scroll" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
         data: any[];
         style: import('vue').CSSProperties;
         tableLayout: "fixed" | "auto";
@@ -598,7 +607,7 @@ export declare class CurdViewHandler<T extends object = object> extends ZDecorat
         scrollTo: (options: ScrollToOptions | number, yCoord?: number) => void;
         setScrollLeft: (left?: number) => void;
         setScrollTop: (top?: number) => void;
-    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "scroll" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
         data: any[];
         style: import('vue').CSSProperties;
         tableLayout: "fixed" | "auto";
@@ -828,14 +837,132 @@ export declare class CurdViewHandler<T extends object = object> extends ZDecorat
         flexible: boolean;
         scrollbarTabindex: string | number;
     }> | undefined>;
+    /**
+     * 搜索按钮点击事件处理函数。
+     * 当搜索按钮被点击时，调用 `search` 方法执行搜索操作。
+     */
     readonly onSearchBtnClick: () => void;
+    /**
+     * 编辑器按钮点击事件处理函数。
+     * 当编辑器按钮被点击时，调用 `openEditor` 方法打开编辑器。
+     * 该方法接收与 `ZDecorators.CurdKey.CurdHandler` 类中 `openEditor` 方法相同的参数，
+     * 并将这些参数传递给 `openEditor` 方法。
+     *
+     * @param {...Parameters<ZDecorators.CurdKey.CurdHandler<T>['openEditor']>} args - 传递给 `openEditor` 方法的参数。
+     */
+    readonly onEditorBtnClick: (editTypeId: ZDecorators.CurdKey.EditTypeEnum, data: T) => void;
+    /**
+     * 表格行点击事件处理函数。
+     * 当表格的某一行被点击时，根据当前用户的权限决定打开编辑模式还是详情查看模式。
+     *
+     * @param {T} model - 当前点击行的数据对象。
+     */
+    readonly onTableRowClick: (model: T) => void;
+    /**
+     * 删除按钮点击事件处理函数。
+     * 当删除按钮被点击时，调用 `delete` 方法执行删除操作。
+     * 该方法接收与 `ZDecorators.CurdKey.CurdHandler` 类中 `delete` 方法相同的参数，
+     * 并将这些参数传递给 `delete` 方法。
+     *
+     * @param {...Parameters<ZDecorators.CurdKey.CurdHandler<T>['delete']>} args - 传递给 `delete` 方法的参数。
+     */
+    readonly onDeleteBtnClick: (data: T) => void;
+    /**
+     * 导出按钮点击事件处理函数。
+     * 当导出按钮被点击时，调用 `export` 方法执行导出操作。
+     */
     readonly onExportBtnClick: () => void;
-    constructor(...args: ConstructorParameters<typeof ZDecorators.CurdKey.CurdHandler<T>>);
+    /**
+     * 创建按钮点击事件处理函数。
+     * 当创建按钮被点击时，调用 `openEditor` 方法打开编辑器，进入创建数据的模式。
+     * 此方法会传递编辑类型为创建，并使用 `CurdTarget` 类创建一个新的创建类型实例。
+     */
+    readonly onCreateBtnClick: () => void;
+    /**
+     * 自动聚焦输入框的方法。
+     * 该方法会在编辑器打开时自动聚焦到带有 'auto-focus' 类的输入框。
+     * 仅在有编辑的模式下生效，且需要确保编辑器表单元素和自动聚焦元素存在。
+     */
+    focusInput(): void;
+    /**
+     * 标记编辑器是否打开的布尔值。
+     * 用于跟踪编辑器的打开状态，true 表示编辑器已打开，false 表示编辑器已关闭。
+     */
+    protected editorOpened: boolean;
+    /**
+     * 编辑器打开时的回调方法。
+     * 该方法会在编辑器打开时执行，主要完成以下操作：
+     * 1. 将 editorOpened 状态设置为 true
+     * 2. 调用 focusInput 方法自动聚焦到输入框
+     */
+    readonly onEditorOpened: () => void;
+    /**
+     * 编辑器关闭时的回调方法。
+     * 该方法会在编辑器关闭时执行，将 editorOpened 状态设置为 false，
+     * 用于跟踪编辑器的关闭状态。
+     */
+    readonly onEditorClosed: () => void;
+    /**
+     * 保存按钮点击事件处理函数。
+     * 当保存按钮被点击时，调用 `editorDataSaveAndClose` 方法保存编辑器数据并关闭编辑器。
+     */
+    readonly onSaveBtnClick: () => void;
+    /**
+     * 保存并继续按钮点击事件处理函数。
+     * 当保存并继续按钮被点击时，调用 `editorDataSaveAndContinue` 方法保存编辑器数据并保持编辑器打开状态，以便继续编辑。
+     */
+    readonly onSaveContinueBtnClick: () => void;
+    /**
+     * 关闭编辑器按钮点击事件处理函数。
+     * 当关闭编辑器按钮被点击时，调用 `closeEditor` 方法关闭编辑器。
+     */
+    readonly onCloseEditorBtnClick: () => void;
+    /**
+     * 计算属性，用于确定表单是否禁用。
+     * 当编辑器数据加载状态或保存编辑器数据加载状态为真时，表单将被禁用。
+     * 该属性是一个只读的计算属性，它会根据 `editorDataLoadStatus` 和 `saveEditorDataLoadStatus` 的值动态更新。
+     */
+    readonly formDisabledComputed: import('vue').ComputedRef<boolean>;
+    /**
+     * 获取表单是否禁用的状态。
+     * 该 getter 方法返回 `formDisabledComputed` 计算属性的值，用于确定表单是否应该被禁用。
+     *
+     * @returns {boolean} 表单是否禁用的布尔值。
+     */
+    get formDisabled(): boolean;
+    /**
+     * 表单输入框按下回车键时的处理函数。
+     * 根据当前表单步骤索引和编辑类型，决定是保存并关闭编辑器，还是切换到下一个表单步骤。
+     */
+    readonly onFormKeyEnter: () => void;
+    /**
+     * 当查询验证失败时的处理方法。
+     * 该方法会在查询验证失败时被调用，使用 `ElNotification` 组件显示一个错误通知。
+     * 通知的标题为 '错误'，内容为错误对象的消息，位置在右下角。
+     *
+     * @param {Error} error - 验证失败时抛出的错误对象。
+     */
     protected onValidateQueryFail(error: Error): void;
+    /**
+     * 确认删除操作的提示框方法。
+     * 该方法会弹出一个确认对话框，提示用户是否要永久删除指定的数据记录。
+     * 对话框中会显示要删除的数据的名称（如果有），并提供确认和取消按钮。
+     *
+     * @param {T} data - 要删除的数据对象。
+     * @returns {Promise<MessageBoxData>} - 返回一个 Promise，该 Promise 会在用户点击确认或取消按钮后解析，包含用户的选择信息。
+     */
     protected confirmDelete(data: T): Promise<MessageBoxData>;
+    /**
+     * 删除操作成功后的回调方法。
+     * 当删除操作成功完成时，该方法会被调用，使用 `ElNotification` 组件显示一个成功通知。
+     * 通知的标题为 '成功'，内容为 '删除成功'，位置在右下角。
+     */
     protected onDeleteSuccess(): void;
-    protected afterCloseEditor(): void;
-    protected afterEditorDataReady(): void;
+    /**
+     * 用于存储表单组件实例的浅响应式引用。
+     * 该引用指向一个 `ElForm` 组件实例，可用于访问和操作表单的属性和方法，
+     * 例如表单验证、重置表单等操作。
+     */
     readonly editorFormElRef: import('vue').ShallowRef<({
         $: import('vue').ComponentInternalInstance;
         $data: {};
@@ -1203,8 +1330,46 @@ export declare class CurdViewHandler<T extends object = object> extends ZDecorat
             default?(_: {}): any;
         };
     }) | undefined>;
-    protected validEditorData(): FormValidationResult;
+    /**
+     * 编辑器关闭后的回调方法。
+     * 该方法会在编辑器关闭操作完成后被调用，目前为空方法，可根据具体需求在该方法中添加后续处理逻辑，
+     * 例如清理临时数据、重置状态等操作。
+     */
+    protected afterCloseEditor(): void;
+    /**
+     * 编辑器数据准备好之后的回调方法。
+     * 该方法会在编辑器数据准备好之后被调用，在一个宏任务中执行以下操作：
+     * 1. 清除表单的验证状态
+     * 2. 如果编辑器处于打开状态，则自动聚焦到输入框
+     * 使用 setTimeout 确保这些操作在下一个事件循环中执行，避免与当前渲染周期冲突。
+     */
+    protected afterEditorDataReady(): void;
+    /**
+     * 验证编辑器表单数据的方法。
+     * 该方法调用 `editorFormElRef` 引用的表单实例的 `validate` 方法，对表单数据进行验证。
+     * 并返回验证结果，验证结果的类型为 `FormValidationResult`。
+     *
+     * @returns {FormValidationResult} 表单数据的验证结果。
+     */
+    validEditorData(): FormValidationResult;
+    /**
+     * 保存编辑器数据成功后的回调方法。
+     * 当保存编辑器数据操作成功完成时，该方法会被调用，目前只是简单地将保存成功后的数据打印到控制台。
+     * 可根据具体需求在该方法中添加后续处理逻辑，例如显示成功提示、更新表格数据等操作。
+     *
+     * @param {T} data - 保存成功后的数据对象。
+     */
     protected onSaveEditorDataSuccess(data: T): void;
+    /**
+     * 初始化 CURD 配置后的回调方法。
+     * 该方法会在 CURD 配置初始化完成后被调用，目前为空方法，可根据具体需求在该方法中添加后续处理逻辑，
+     * 例如根据配置初始化一些数据、设置默认值等操作。
+     */
     protected afterInitCurdConfigs(): void;
+    /**
+     * 组件卸载前的钩子函数。
+     * 该方法会在组件实例被卸载之前调用，目前为空方法，可根据具体需求在该方法中添加后续处理逻辑，
+     * 例如清理定时器、取消订阅、释放资源等操作，以避免内存泄漏。
+     */
     protected onBeforeUnmount(): void;
 }

package/src/pcViews/components/curd/CurdViewType.d.ts

@@ -0,0 +1,4 @@
+import { CurdViewHandler } from './CurdViewHandler';
+export interface BaseCurdViewProps<M extends object = object> {
+    viewHandler: CurdViewHandler<M>;
+}

package/src/pcViews/components/curd/DialogEditorView.vue.d.ts

@@ -0,0 +1,21 @@
+import { BaseCurdViewProps } from './CurdViewType';
+export interface DialogEditorViewProps<M extends object> extends BaseCurdViewProps<M> {
+    formHeight: string;
+}
+declare const _default: <M extends object>(__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> & Partial<{}> & DialogEditorViewProps<M>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        header?(_: {}): any;
+    };
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/src/pcViews/components/curd/DrawerEditorView.vue.d.ts

@@ -0,0 +1,16 @@
+import { BaseCurdViewProps } from './CurdViewType';
+declare const _default: <M extends object>(__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> & Partial<{}> & BaseCurdViewProps<M>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/src/pcViews/components/curd/SearchBtnView.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    viewHandler: {
+        queryLoadStatus?: boolean;
+        listLoadStatus?: boolean;
+        onSearchBtnClick(): void;
+    };
+};
+declare const _default: 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>;
+export default _default;

package/src/pcViews/components/curd/index.d.ts

@@ -1,2 +1,8 @@
 export * from './CurdViewHandler';
 export { default as CurdView } from './CurdView.vue';
+export { default as TableOperatorView } from './CurdTableOperatorView.vue';
+export { default as FormOperatorView } from './CurdFormOperatorView.vue';
+export { default as DialogEditorView } from './DialogEditorView.vue';
+export { default as DrawerEditorView } from './DrawerEditorView.vue';
+export { default as CreateBtnView } from './CreateBtnView.vue';
+export { default as SearchBtnView } from './SearchBtnView.vue';

package/src/pcViews/components/forms/MyInputView.vue.d.ts

@@ -0,0 +1,21 @@
+import { ZUtils } from '../../../index-decorators';
+import { BaseInputViewProps } from '../utils';
+interface MyInputSlot<T extends object = object> {
+    modelValue: ZUtils.KeyValType;
+    props: {
+        options: T[];
+        primaryKey: ZUtils.KeyMatch<T, ZUtils.KeyValType>;
+        nameKey: ZUtils.KeyMatch<T, ZUtils.KeyValType>;
+        [key: string]: any;
+    };
+}
+interface MyInputViewProps extends BaseInputViewProps<ZUtils.KeyValType> {
+    prepend?: string | MyInputSlot;
+    append?: string | MyInputSlot;
+}
+declare const _default: import('vue').DefineComponent<MyInputViewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<MyInputViewProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/src/pcViews/components/forms/index.d.ts

@@ -1,4 +1,5 @@
 export { default as VModelView } from './VModelView.vue';
+export { default as MyInputView } from './MyInputView.vue';
 export { default as RadioButtonGroupView } from './RadioButtonGroupView.vue';
 export { default as RadioGroupView } from './RadioGroupView.vue';
 export { default as CheckboxGroupView } from './CheckboxGroupView.vue';

package/src/pcViews/components/layout/DataWrapperView.vue.d.ts

@@ -1,3 +1,7 @@
+/**
+ * 定义组件的 props
+ * @property {string} [bodyViewClass] - 可选的主体视图类名，用于自定义主体部分的样式
+ */
 type __VLS_Props = {
     bodyViewClass?: string;
 };

package/src/pcViews/components/layout/LayoutHeaderView.vue.d.ts

@@ -0,0 +1,3 @@
+import { LayoutHeaderViewProps } from './LayoutViewDeclare';
+declare const _default: import('vue').DefineComponent<LayoutHeaderViewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LayoutHeaderViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/src/pcViews/components/layout/LayoutMainView.vue.d.ts

@@ -1,2 +1,15 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+import { LayoutHeaderViewProps } from './LayoutViewDeclare';
+/**
+ * 定义组件的 props。
+ * @typedef {Object} Props
+ * @property {LayoutHeaderViewProps} headerProps - 传递给 LayoutHeaderView 组件的属性。
+ * @property {boolean} [showTabs] - 可选参数，是否显示标签页，默认为 false。
+ * @property {boolean} [keepAliveView] - 可选参数，是否使用 keep-alive 缓存组件，默认为 false。
+ */
+type __VLS_Props = {
+    headerProps: LayoutHeaderViewProps;
+    showTabs?: boolean;
+    keepAliveView?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/src/pcViews/components/layout/LayoutNavView.vue.d.ts

@@ -0,0 +1,10 @@
+import { ZWebUtils } from '../../../index-decorators';
+/**
+ * 定义组件的 props
+ * @property {ZWebUtils.ZNavWithoutButton[]} navs - 导航项数组，每个导航项不包含按钮类型
+ */
+type __VLS_Props = {
+    navs: ZWebUtils.ZNavWithoutButton[];
+};
+declare const _default: 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>;
+export default _default;

package/src/pcViews/components/layout/LayoutProfileView.vue.d.ts

@@ -0,0 +1,15 @@
+import { LayoutProfileViewProps } from './LayoutViewDeclare';
+/**
+ * 定义组件的 props。
+ *
+ * @property {LayoutProfileViewProps} profile - 包含布局配置文件视图所需的属性的对象。
+ * @property {boolean} [showArrow] - 一个可选的布尔值，用于控制是否显示箭头。
+ * @property {boolean} [arrowRotate] - 一个可选的布尔值，用于控制箭头是否旋转。
+ */
+type __VLS_Props = {
+    profile: LayoutProfileViewProps;
+    showArrow?: boolean;
+    arrowRotate?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/src/pcViews/components/layout/LayoutViewDeclare.d.ts

@@ -0,0 +1,53 @@
+import { ZWebUtils } from '../../../index-decorators';
+/**
+ * 定义图标组件类型，图标组件可以是字符串或者 ZWebUtils 中的原始路由组件
+ */
+export type IconComponent = string | ZWebUtils.RawRouteComponent;
+/**
+ * 定义布局头部视图的系统信息接口
+ * @property {IconComponent} [icon] - 可选的图标组件
+ * @property {string} [title] - 可选的标题
+ */
+export interface LayoutHeaderViewSystemInfo {
+    icon?: IconComponent;
+    title?: string;
+}
+/**
+ * 定义布局个人资料视图的菜单项接口
+ * @property {string} [label] - 可选的菜单项标签
+ * @property {IconComponent} [icon] - 可选的菜单项图标组件
+ * @property {() => void} handler - 菜单项点击处理函数
+ */
+export interface LayoutProfileViewMenu {
+    label?: string;
+    icon?: IconComponent;
+    handler: () => void;
+}
+/**
+ * 定义布局个人资料视图的属性接口
+ * @property {IconComponent} [avatar] - 可选的头像图标组件
+ * @property {string} [nickname] - 可选的昵称
+ */
+export interface LayoutProfileViewProps {
+    avatar?: IconComponent;
+    nickname?: string;
+}
+/**
+ * 定义带有菜单的布局个人资料视图的属性接口，继承自 LayoutProfileViewProps
+ * @property {LayoutProfileViewMenu[]} [menus] - 可选的菜单项数组
+ */
+export interface LayoutProfileViewWithMenu extends LayoutProfileViewProps {
+    menus?: LayoutProfileViewMenu[];
+}
+/**
+ * 定义布局头部视图的属性接口
+ * @property {LayoutHeaderViewSystemInfo} [systemInfo] - 可选的系统信息
+ * @property {ZWebUtils.RawRouteComponent} [toolbarComponent] - 可选的工具栏组件
+ * @property {LayoutProfileViewWithMenu} [profile] - 可选的个人资料视图及菜单信息
+ */
+export interface LayoutHeaderViewProps {
+    systemInfo?: LayoutHeaderViewSystemInfo;
+    toolbarComponent?: ZWebUtils.RawRouteComponent;
+    profile?: LayoutProfileViewWithMenu;
+}
+export {};

package/src/pcViews/components/layout/index.d.ts

@@ -1,2 +1,3 @@
+export * as LayoutViewDeclare from './LayoutViewDeclare';
 export { default as Main } from './LayoutMainView.vue';
 export { default as DataWrapper } from './DataWrapperView.vue';

package/src/pcViews/components/utils.d.ts

@@ -1,4 +1,4 @@
-import { ZDecorators } from '../../index-decorators';
+import { ZDecorators, ZUtils } from '../../index-decorators';
 export interface BaseViewProps<M extends object = object, ViewHandler extends ZDecorators.FilterKey.FilterHandler<M> = ZDecorators.FilterKey.FilterHandler<M>> {
     viewHandler: ViewHandler;
     model: M;
@@ -9,8 +9,8 @@ export interface BaseInputViewProps<V = any> {
 }
 export interface BaseOptionViewProps<V = any, T extends object = object> extends BaseInputViewProps<V> {
     options: T[];
-    primaryKeyConfig: ZDecorators.PrimaryKey.Config<T>;
-    nameKeyConfig: ZDecorators.NameKey.Config<T>;
+    primaryKey: ZUtils.KeyMatch<T, ZUtils.KeyValType>;
+    nameKey: ZUtils.KeyMatch<T, ZUtils.KeyValType>;
 }
 export interface ModelValueEmit<V = any> {
     (e: 'update:modelValue' | 'change', value: V): void;
@@ -22,12 +22,16 @@ export declare const useMappingOption: <M extends object = object, ViewHandler e
     readonly text: any;
     props: {
         readonly options: never[];
-        primaryKeyConfig: ZDecorators.PrimaryKey.Config<never>;
-        nameKeyConfig: ZDecorators.NameKey.Config<never>;
+        primaryKey: never;
+        nameKey: never;
     };
 } | {
     is: any;
     text: M[keyof M];
     props: {};
 }>;
-export declare const useModelValueBridgeComputed: <V = any>(props: BaseInputViewProps<V>, emit: ModelValueEmit<V>) => import('vue').WritableComputedRef<V, V>;
+export declare const useModelValueBridgeComputed: <V>(props: BaseInputViewProps<V>, emit: ModelValueEmit<V>) => import('vue').WritableComputedRef<V, V>;
+export interface ModelValueWithoutChangeEmit<V = any> {
+    (e: 'update:modelValue', value: V): void;
+}
+export declare const useModelValueBridgeWithoutChangeComputed: <V>(props: BaseInputViewProps<V>, emit: ModelValueWithoutChangeEmit<V>) => import('vue').WritableComputedRef<V, V>;

package/src/webUtils/icons/index.d.ts

@@ -0,0 +1 @@
+export declare const webUtilsIconMap: import('..').ComponentViewMap;

package/src/webUtils/index.d.ts

@@ -1,2 +1,4 @@
 export * from './WebSocketManager';
 export * from './useNavStore';
+export * from './utils';
+export * from './useSkeletonRow';