@juzhenfe/page-model 3.22.3 → 3.22.6

package/dist/components/form/constructor.d.ts

@@ -2,83 +2,82 @@ import { default as PageModelManager } from '../page-model/constructor';
 import { ComponentPublicInstance } from 'vue';
 import { default as IManager } from '../../utils/manager';
 import { default as EventEmitter } from '../../utils/event-emitter';
-
-export default class FormManager<MODEL = AnyObject> extends IManager {
-    propsForm?: PageModel.Form;
-    /**
-     * 表单数据
-     */
-    formData: MODEL;
-    /**
-     * formRef
-     */
-    formRef: ComponentPublicInstance;
-    /**
-     * 提交数据loading
-     */
-    submitLoading: boolean;
-    status: PageModel.FormStatus;
-    errorProp?: string;
-    formUpdateEvent: EventEmitter<string>;
-    constructor(form?: PageModel.Form);
-    get form(): PageModel.Form;
-    get isCustomMode(): boolean;
-    updatePropsForm(form: PageModel.Form): void;
-    updateFormRef(formRef: ComponentPublicInstance): void;
-    updateSubmitLoading(loading: boolean): void;
-    updateReflections(reflections: PageModel.Reflections): void;
-    /**
-     * 设置表单的初始数据
-     */
-    tempFormData?: MODEL;
-    /**
-     * 数据和初始设置是否改变
-     */
-    isFormDataChange(): boolean;
-    /**
-     * 获取离开前的提示文字
-     */
-    getLeaveConfirmMessage(): {
-        title: string;
-        message: string;
-    };
-    /**
-     * 表单弹窗是否可见
-     */
-    isFormVisible: boolean;
-    /**
-     * 设置表单弹窗的可见性
-     * @param visible 是否可见
-     */
-    updateFormVisible(visible: boolean): void;
-    /**
-     * 更新表单数据
-     * @param formData
-     * @returns
-     */
-    updateFormData(formData: MODEL): Promise<void | false>;
-    /**
-     * 更新表单数据
-     * @param formData 表单数据
-     * @param isView 是否查看模式
-     */
-    setFormData(formData?: MODEL, isView?: boolean): void;
-    /**
-     * 将参数表单合并进表单数据
-     * @param formData 表单数据
-     */
-    setFormDataPartial(formData: MODEL): void;
-    toastErrorMessage(error: any): void;
-    getSubmitFormData(formData: AnyObject, isValid?: boolean): Promise<false | AnyObject>;
-    getInitialData(): MODEL;
-    /**
-     * 打开布局模式
-     * @param context
-     */
-    showFormClumnTool(): void;
-    updateContext(context: ComponentPublicInstance): void;
-    onConfigUpdated(): void;
-    register(manager: PageModelManager): void;
-    getReqParams(): AnyObject;
-    destroy(): void;
-}
+export default class FormManager<MODEL = AnyObject> extends IManager {
+    propsForm?: PageModel.Form;
+    /**
+     * 表单数据
+     */
+    formData: MODEL;
+    /**
+     * formRef
+     */
+    formRef: ComponentPublicInstance;
+    /**
+     * 提交数据loading
+     */
+    submitLoading: boolean;
+    status: PageModel.FormStatus;
+    errorProp?: string;
+    formUpdateEvent: EventEmitter<string>;
+    constructor(form?: PageModel.Form);
+    get form(): PageModel.Form;
+    get isCustomMode(): boolean;
+    updatePropsForm(form: PageModel.Form): void;
+    updateFormRef(formRef: ComponentPublicInstance): void;
+    updateSubmitLoading(loading: boolean): void;
+    updateReflections(reflections: PageModel.Reflections): void;
+    /**
+     * 设置表单的初始数据
+     */
+    tempFormData?: MODEL;
+    /**
+     * 数据和初始设置是否改变
+     */
+    isFormDataChange(): boolean;
+    /**
+     * 获取离开前的提示文字
+     */
+    getLeaveConfirmMessage(): {
+        title: string;
+        message: string;
+    };
+    /**
+     * 表单弹窗是否可见
+     */
+    isFormVisible: boolean;
+    /**
+     * 设置表单弹窗的可见性
+     * @param visible 是否可见
+     */
+    updateFormVisible(visible: boolean): void;
+    /**
+     * 更新表单数据
+     * @param formData
+     * @returns
+     */
+    updateFormData(formData: MODEL): Promise<void | false>;
+    /**
+     * 更新表单数据
+     * @param formData 表单数据
+     * @param isView 是否查看模式
+     */
+    setFormData(formData?: MODEL, isView?: boolean): void;
+    /**
+     * 将参数表单合并进表单数据
+     * @param formData 表单数据
+     */
+    setFormDataPartial(formData: MODEL): void;
+    toastErrorMessage(error: any): void;
+    getSubmitFormData(formData: AnyObject, isValid?: boolean): Promise<false | AnyObject>;
+    getInitialData(): MODEL;
+    /**
+     * 打开布局模式
+     * @param context
+     */
+    showFormClumnTool(): void;
+    updateContext(context: ComponentPublicInstance): void;
+    onConfigUpdated(): void;
+    register(manager: PageModelManager): void;
+    getReqParams(): AnyObject;
+    destroy(): void;
+}

package/dist/components/form/index.d.ts

@@ -1,5 +1,4 @@
 import { default as FormManager } from './constructor';
 import { default as PageModelForm } from './index.vue';
-
-declare const defineForm: <Model = any>(form: PageModel.Form<Model, FormManager<AnyObject>>) => PageModel.Form<Model, FormManager<AnyObject>>;
-export { PageModelForm, defineForm };
+declare const defineForm: <Model = any>(form: PageModel.Form<Model, FormManager>) => PageModel.Form<Model, FormManager>;
+export { PageModelForm, defineForm };

package/dist/components/form/index.vue.d.ts

@@ -0,0 +1,19 @@
+import { default as PageModelManager } from '../page-model/constructor';
+import { default as FormManager } from './constructor';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    form?: PageModel.Form<any, any>;
+    manager?: PageModelManager;
+    reflections?: PageModel.Reflections;
+}, {
+    setFormData: (formData?: AnyObject) => void;
+    setFormDataPartial: (formData: AnyObject) => void;
+    formManager: FormManager<AnyObject>;
+    getFormData: (isValid?: boolean) => Promise<false | AnyObject>;
+    showFormClumnTool: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    form?: PageModel.Form<any, any>;
+    manager?: PageModelManager;
+    reflections?: PageModel.Reflections;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/form/type.d.ts

@@ -0,0 +1,168 @@
+/// <reference path="../../types/common.d.ts" />
+
+import { ColProps, RowProps, CollapseProps, TabsProps, DrawerProps } from 'element-plus';
+import { Component } from 'vue';
+
+
+
+declare global {
+  namespace PageModel {
+
+    type FormMode = 'dialog' | 'fullpage' | 'drawer' | 'custom'
+  
+    type FormStatus = 'add' | 'edit' | 'view'
+
+    type ContainerMode = 'Col'
+  
+    type ModuleType = 'tabs'
+
+    type ModuleProps = Partial<CollapseProps & TabsProps>
+
+    type DialogProps = {
+      title: string | ((status: FormStatus) => string);
+      width: string | number;
+      fullscreen: boolean;
+      top: string;
+      modal: boolean;
+      appendToBody: boolean;
+      lockScroll: boolean;
+      customClass: string;
+      openDelay: number;
+      closeDelay: number;
+      closeOnClickModal: boolean;
+      closeOnPressEscape: boolean;
+      showClose: boolean;
+      beforeClose: (done: Function) => void;
+      draggable: boolean;
+      center: boolean;
+      destroyOnClose: boolean;
+    }
+
+    type FullPageProps = {
+      title?: string | ((status: FormStatus) => string);
+      show?: boolean;
+    }
+
+    type ServerValidateError = {
+      errors: { [key: string]: string[] };
+      status: number;
+      title: string;
+      type: string;
+      traceId: string;
+    }
+    
+    type ServerError = {
+      data: ServerValidateError
+    }
+  
+    type FormProps = {
+      rules: AnyObject;
+      inline: boolean;
+      labelPosition: 'left' | 'right' | 'top';
+      labelWidth: string;
+      labelSuffix: string;
+      hideRequiredAsterisk: boolean;
+      showMessage: boolean;
+      inlineMessage: boolean;
+      statusIcon: boolean;
+      size: Size;
+      disabled: boolean;
+      validateOnRuleChange: boolean;
+      class: string;
+    }
+
+    type ColLayout = {
+      col?: Partial<ColProps>
+    }
+
+    type FormRowProps = Partial<RowProps>
+
+    type GridLayout = {}
+
+    type FormItem<MODEL = AnyObject, CTX = any> = LinkedFormItem<MODEL, CTX> & ColLayout & GridLayout
+    
+
+    type Form<MODEL = AnyObject, CTX = any> = {
+      // 表单容器的显示模式
+      mode?: FormMode;
+      // 弹窗模式配置参数
+      dialogProps?: CreatePropsFromElement<Omit<DrawerProps, 'title'> & { title?: CreateDeType<string, CTX> }, undefined, CTX>;
+      // 抽屉的参数
+      drawerProps?: CreatePropsFromElement<(Omit<DrawerProps, 'title'>) & { title?: CreateDeType<string, CTX> }, undefined, CTX>;
+      // 全屏表单模式参数
+      fullpageProps?: FullPageProps;
+      // 容器组件
+      formContainer?: Component;
+      // 容器组件自定义样式
+      formContainerProps?: AnyObject;
+      // 表单参数
+      props?: Partial<FormProps>;
+      // 表单模块类型
+      moduleConfig?: {
+        type: ModuleType;
+        props?: ModuleProps;
+      };
+      // 块级配置
+      sectionConfig?: {
+        // 模式
+        mode?: 'card' | 'collapse';
+        // 是否可以折叠
+        collapse?: boolean
+        // 块的单独默认配置
+        sections?: {
+          [key: string]: {
+            // 是否可以折叠
+            collapse?: boolean
+            // 默认收缩
+            defaultCollapse?: boolean
+          }
+        }
+      }
+      
+      // 表单初始数据
+      initialData?: AnyObject;
+      
+      // 表单打开
+      onFormOpened?: (this: CTX) => void;
+
+      // 表单隐藏
+      onFormClosed?: (this: CTX) => void;
+
+      // 绑定前的处理函数
+      bindData?: CreateDePromiseResult<(this: CTX, data: MODEL) => AnyObject | false>;
+      
+      // 提交前的处理逻辑
+      beforeSubmit?: CreateDePromiseResult<(this: CTX, data: MODEL) => AnyObject | false>;
+
+      // 新增接口完成
+      onAdded?: (this: CTX, data: any) => any;
+      
+      // 更新接口完成
+      onUpdated?: (this: CTX, data: any) => any;
+
+      // 表单数据变化回调
+      onFormDataChange?: (this: CTX, data: MODEL) => void;
+  
+      // 表单字段校验
+      required?: (keyof MODEL)[];
+      
+      // 列表展示的模式
+      containerMode?: ContainerMode;
+
+      // row属性
+      rowProps?: FormRowProps;
+      
+      // 表单元素
+      els: FormItem<MODEL, CTX>[];
+
+      /**
+       * 是否离开前判断表单变化
+       */
+      leaveConfirm?: boolean;
+      /**
+       * 离开前提示信息
+       */
+      leaveConfirmMessage?: string | ((this: CTX, model: MODEL) => string);
+    }
+  }
+}

package/dist/components/form/utils/save-columns.d.ts

@@ -1,30 +1,30 @@
-/**
- * 用户列配置
- * 保存到本地
- */
-export declare type SavedColumnItem = {
-    /**
-     * 原来的el位置索引
-     */
-    index: number;
-    /**
-     * 用户配置sectionName
-     */
-    usn?: string;
-    /**
-     * 用户配置moduleName
-     */
-    umn?: string;
-};
-/**
- * section配置
- */
-export declare const SECTION_EL: {
-    label: string;
-    priop: string;
-}[];
-export declare const getUseSectionConfig: (form: any) => any;
-export declare const saveTableColumns: any;
-export declare const genSaveColumnName: any;
-export declare const saveColumns: any;
-export declare const getColumns: any;
+/**
+ * 用户列配置
+ * 保存到本地
+ */
+export type SavedColumnItem = {
+    /**
+     * 原来的el位置索引
+     */
+    index: number;
+    /**
+     * 用户配置sectionName
+     */
+    usn?: string;
+    /**
+     * 用户配置moduleName
+     */
+    umn?: string;
+};
+/**
+ * section配置
+ */
+export declare const SECTION_EL: {
+    label: string;
+    priop: string;
+}[];
+export declare const getUseSectionConfig: (form: any) => any;
+export declare const saveTableColumns: any;
+export declare const genSaveColumnName: any;
+export declare const saveColumns: any;
+export declare const getColumns: any;

package/dist/components/form/utils/use-form-els.d.ts

@@ -1,4 +1,4 @@
-/**
- * 获取table的渲染els
- */
-export declare function useFormEls(originFormEls: any[]): any[];
+/**
+ * 获取table的渲染els
+ */
+export declare function useFormEls(originFormEls: any[]): any[];

package/dist/components/form-container/components/dialog-mode/index.vue.d.ts

@@ -0,0 +1,29 @@
+import { default as FormManager } from '../../../form/constructor';
+type Props = {
+    props?: PageModel.DialogProps;
+    formManager?: FormManager;
+};
+declare var __VLS_8: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    bottom?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {
+    show: () => void;
+    hide: (needLeaveConfirm?: boolean) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: () => any;
+    hide: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSubmit?: () => any;
+    onHide?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form-container/components/drawer-mode/index.vue.d.ts

@@ -0,0 +1,29 @@
+import { default as FormManager } from '../../../form/constructor';
+type Props = {
+    props?: PageModel.DialogProps;
+    formManager?: FormManager;
+};
+declare var __VLS_9: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    bottom?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {
+    show: () => void;
+    hide: (needLeaveConfirm?: boolean) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: () => any;
+    hide: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSubmit?: () => any;
+    onHide?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form-container/components/full-page/index.vue.d.ts

@@ -0,0 +1,29 @@
+import { default as FormManager } from '../../../form/constructor';
+type Props = {
+    props?: PageModel.FullPageProps;
+    formManager?: FormManager;
+};
+declare var __VLS_15: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    bottom?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {
+    show: () => void;
+    hide: (needLeaveConfirm?: boolean) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: () => any;
+    hide: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSubmit?: () => any;
+    onHide?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form-container/index.vue.d.ts

@@ -0,0 +1,27 @@
+import { default as FormManager } from '../form/constructor';
+type Props = {
+    form: PageModel.Form;
+    formManager?: FormManager;
+};
+declare var __VLS_11: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+} & {
+    bottom?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {
+    show: () => void;
+    hide: (needLeaveConfirm?: boolean) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    closed: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClosed?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form-dialog/index.vue.d.ts

@@ -0,0 +1,30 @@
+type Props = {
+    modelValue: boolean;
+    title?: string;
+    width?: string;
+    dialogProps?: AnyObject;
+    dialogEvents?: AnyObject;
+    customClass?: string;
+};
+declare var __VLS_12: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+} & {
+    bottom?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:model-value": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:model-value"?: (value: boolean) => any;
+}>, {
+    width: string;
+    customClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form-dialog/use-move.d.ts

@@ -1,19 +1,19 @@
-/**
- * 拖动事件
- */
-/**
- * 使用拖动事件
- * @param element 目标元素
- * @param callback
- */
-declare const useMove: (callback: (event: {
-    delta: {
-        x: number;
-        y: number;
-    };
-    element: HTMLElement;
-}) => void) => {
-    destroy: () => void;
-    bind: (bindElement: HTMLElement) => void;
-};
-export { useMove };
+/**
+ * 拖动事件
+ */
+/**
+ * 使用拖动事件
+ * @param element 目标元素
+ * @param callback
+ */
+declare const useMove: (callback: (event: {
+    delta: {
+        x: number;
+        y: number;
+    };
+    element: HTMLElement;
+}) => void) => {
+    destroy: () => void;
+    bind: (bindElement: HTMLElement) => void;
+};
+export { useMove };

package/dist/components/form-drawer/index.vue.d.ts

@@ -0,0 +1,35 @@
+type Props = {
+    modelValue: boolean;
+    title?: string;
+    width?: string;
+    dialogProps?: AnyObject;
+    dialogEvents?: AnyObject;
+    customClass?: string;
+    noPaddingTop?: boolean;
+};
+declare var __VLS_12: {}, __VLS_14: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    bottom?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {
+    drawerRef: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:model-value": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:model-value"?: (value: boolean) => any;
+}>, {
+    customClass: string;
+    noPaddingTop: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};