@vue-start/pro 0.3.1 → 0.3.2

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.2](https://github.com/zxeryu/vue-start/compare/@vue-start/pro@0.3.1...@vue-start/pro@0.3.2) (2022-08-29)
+
+### Bug Fixes
+
+- bug ([766cfc0](https://github.com/zxeryu/vue-start/commit/766cfc00c621bc4a9b30087540043a96db2df9be))
+
 ## [0.3.1](https://github.com/zxeryu/vue-start/compare/@vue-start/pro@0.3.0...@vue-start/pro@0.3.1) (2022-08-23)
 
 ### Bug Fixes

package/dist/index.d.ts

@@ -1,9 +1,28 @@
 import * as vue from 'vue';
-import { VNode, ExtractPropTypes, PropType } from 'vue';
+import { ExtractPropTypes, PropType, VNode, Ref as Ref$1 } from 'vue';
 import { Ref, UnwrapNestedRefs, ComputedRef } from '@vue/reactivity';
 import { Subject } from 'rxjs';
 import { IRequestActor } from '@vue-start/request';
 
+declare const proGridProps: () => {
+    row: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    col: {
+        type: PropType<Record<string, any>>;
+    };
+    items: {
+        type: PropType<{
+            vNode: VNode;
+            rowKey?: string | number | undefined;
+            col?: Record<string, any> | undefined;
+        }[]>;
+    };
+};
+declare type GridProps = Partial<ExtractPropTypes<ReturnType<typeof proGridProps>>>;
+declare const createGrid: (Row: any, Col: any) => any;
+
 declare type TDefaultValueType = "text" | "textarea" | "password" | "digit" | "date" | "dateRange" | "time" | "timeRange" | "select" | "treeSelect" | "checkbox" | "radio" | "slider" | "switch" | "rate" | "cascader";
 declare type TValueType = TDefaultValueType | string;
 declare type TOption = {
@@ -67,7 +86,15 @@ declare type BooleanObjType = {
 };
 declare type BooleanRulesObjType = {
     [key: string]: (record: any) => boolean;
-};
+};
+/**
+ *
+ */
+interface FieldNames {
+    value?: string;
+    label?: string;
+    children?: string;
+}
 
 /**
  * 获取Column的valueType，默认"text"
@@ -273,8 +300,9 @@ declare type TTableColumn = {
         record: Record<string, any>;
         index: number;
         column: TTableColumn;
-    }) => VNode;
+    }) => VNode | string | number;
     fixed?: boolean | string;
+    width?: number | string;
 } & TColumn;
 declare type TTableColumns = TTableColumn[];
 /**
@@ -324,12 +352,6 @@ declare const proTableProps: () => {
     elementMap: {
         type: PropType<TElementMap>;
     };
-    /**
-     * loading
-     */
-    loading: {
-        type: BooleanConstructor;
-    };
     /**
      * 序号
      */
@@ -339,7 +361,7 @@ declare const proTableProps: () => {
     /**
      * 分页
      */
-    pagination: {
+    paginationState: {
         type: PropType<{
             page?: number | undefined;
             pageSize?: number | undefined;
@@ -353,116 +375,13 @@ declare const proTableProps: () => {
     };
 };
 declare type ProTableProps = Partial<ExtractPropTypes<ReturnType<typeof proTableProps>>>;
-declare const ProTable: vue.DefineComponent<Partial<ExtractPropTypes<{
-    operate: {
-        type: PropType<ITableOperate>;
-    };
-    columnEmptyText: {
-        type: StringConstructor;
-    };
-    /**
-     * 公共column，会merge到columns item中
-     */
-    column: {
-        type: PropType<TTableColumn>;
-    };
-    columns: {
-        type: PropType<TTableColumns>;
-    };
-    columnState: {
-        type: PropType<Record<string, any>>;
-    };
-    /**
-     * 展示控件集合，readonly模式下使用这些组件渲染
-     */
-    elementMap: {
-        type: PropType<TElementMap>;
-    };
-    /**
-     * loading
-     */
-    loading: {
-        type: BooleanConstructor;
-    };
-    /**
-     * 序号
-     */
-    serialNumber: {
-        type: BooleanConstructor;
-    };
-    /**
-     * 分页
-     */
-    pagination: {
-        type: PropType<{
-            page?: number | undefined;
-            pageSize?: number | undefined;
-        }>;
-    };
-    /**
-     * provide传递
-     */
-    provideExtra: {
-        type: PropType<IProTableProvideExtra>;
-    };
-}>>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<Partial<ExtractPropTypes<{
-    operate: {
-        type: PropType<ITableOperate>;
-    };
-    columnEmptyText: {
-        type: StringConstructor;
-    };
-    /**
-     * 公共column，会merge到columns item中
-     */
-    column: {
-        type: PropType<TTableColumn>;
-    };
-    columns: {
-        type: PropType<TTableColumns>;
-    };
-    columnState: {
-        type: PropType<Record<string, any>>;
-    };
-    /**
-     * 展示控件集合，readonly模式下使用这些组件渲染
-     */
-    elementMap: {
-        type: PropType<TElementMap>;
-    };
-    /**
-     * loading
-     */
-    loading: {
-        type: BooleanConstructor;
-    };
-    /**
-     * 序号
-     */
-    serialNumber: {
-        type: BooleanConstructor;
-    };
-    /**
-     * 分页
-     */
-    pagination: {
-        type: PropType<{
-            page?: number | undefined;
-            pageSize?: number | undefined;
-        }>;
-    };
-    /**
-     * provide传递
-     */
-    provideExtra: {
-        type: PropType<IProTableProvideExtra>;
-    };
-}>>>, {}>;
+declare const createTable: (Table: any, Props?: any) => any;
 
-declare const defaultPage: {
+declare type TPageState = {
     page: number;
     pageSize: number;
 };
+declare const defaultPage: TPageState;
 interface IListData extends Record<string, any> {
     total: number;
     dataSource: Record<string, any>[];
@@ -604,176 +523,104 @@ declare type PageCurdProps = Partial<ExtractPropTypes<ReturnType<typeof pageCurd
 declare type ProPageCurdProps = PageCurdProps & ProCurdProps;
 declare const ProPageCurd: vue.DefineComponent<ProPageCurdProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ProPageCurdProps>, {}>;
 
-interface IProFormProvideExtra extends Record<string, any> {
-}
-interface IProFormProvide extends IProFormProvideExtra {
-    formState: UnwrapNestedRefs<Record<string, any>>;
-    showState: UnwrapNestedRefs<Record<string, any>>;
-    readonlyState: UnwrapNestedRefs<Record<string, any>>;
-    disableState: UnwrapNestedRefs<Record<string, any>>;
-    readonly: Ref<boolean | undefined>;
-    elementMap?: TElementMap;
-    formElementMap?: TElementMap;
-    columns: Ref<TColumns>;
-}
-declare const useProForm: () => IProFormProvide;
-declare const proFormProps: () => {
-    /**
-     * 同 antd 或 element  form中的model
-     */
-    model: {
-        type: PropType<Record<string, any>>;
-    };
-    /**
-     *  子组件是否只读样式
-     */
-    readonly: {
+declare const createCurdDesc: (Descriptions: any, DescriptionsItem: any) => any;
+
+declare const proCurdAddOrEditProps: () => {
+    operateBar: {
         type: BooleanConstructor;
-        default: undefined;
-    };
-    /**
-     *  FormComponent 根据此项来确定组件是否显示
-     *  rules 根据rules中方法生成showState对象
-     */
-    showState: {
-        type: PropType<BooleanObjType>;
-    };
-    showStateRules: {
-        type: PropType<BooleanRulesObjType>;
-    };
-    /**
-     * 是否只读
-     */
-    readonlyState: {
-        type: PropType<BooleanObjType>;
-    };
-    readonlyStateRules: {
-        type: PropType<BooleanRulesObjType>;
-    };
-    /**
-     * 是否disabled
-     */
-    disableState: {
-        type: PropType<BooleanObjType>;
+        default: boolean;
     };
-    disableStateRules: {
-        type: PropType<BooleanRulesObjType>;
+    showContinueAdd: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    /**
-     *
-     */
-    columns: {
-        type: PropType<TColumns>;
+    okText: {
+        type: StringConstructor;
+        default: string;
     };
-    columnState: {
+    okButtonProps: {
         type: PropType<Record<string, any>>;
     };
-    /**
-     * 展示控件集合，readonly模式下使用这些组件渲染
-     */
-    elementMap: {
-        type: PropType<TElementMap>;
+    continueText: {
+        type: StringConstructor;
+        default: string;
     };
-    /**
-     * 录入控件集合
-     */
-    formElementMap: {
-        type: PropType<TElementMap>;
+    continueButtonProps: {
+        type: PropType<Record<string, any>>;
     };
+};
+declare type ProCurdAddOrEditProps = Partial<ExtractPropTypes<ReturnType<typeof proCurdAddOrEditProps>>>;
+declare const createCurdForm: (Form: any, Button: any, convertFormProps?: ((curdState: ICurdState) => Record<string, any>) | undefined) => any;
+
+declare const proCurdListProps: () => {
     /**
-     * 是否启用rules验证
+     * extra 是否放到SearchForm中
      */
-    needRules: {
+    extraInSearch: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
-    /**
-     * provide传递
-     */
-    provideExtra: {
-        type: PropType<IProFormProvideExtra>;
+    searchProps: {
+        type: PropType<Record<string, any>>;
     };
-};
-declare type ProFormProps = Partial<ExtractPropTypes<ReturnType<typeof proFormProps>>>;
-declare const ProForm: vue.DefineComponent<{
-    /**
-     * 同 antd 或 element  form中的model
-     */
-    model: {
+    tableProps: {
         type: PropType<Record<string, any>>;
     };
+    pageState: {
+        type: PropType<TPageState>;
+    };
+};
+declare type ProCurdListProps = Partial<ExtractPropTypes<ReturnType<typeof proCurdListProps>>>;
+declare const createCurdList: (SearchForm: any, Table: any) => vue.DefineComponent<Partial<ExtractPropTypes<{
     /**
-     *  子组件是否只读样式
+     * extra 是否放到SearchForm中
      */
-    readonly: {
+    extraInSearch: {
         type: BooleanConstructor;
         default: undefined;
     };
-    /**
-     *  FormComponent 根据此项来确定组件是否显示
-     *  rules 根据rules中方法生成showState对象
-     */
-    showState: {
-        type: PropType<BooleanObjType>;
-    };
-    showStateRules: {
-        type: PropType<BooleanRulesObjType>;
-    };
-    /**
-     * 是否只读
-     */
-    readonlyState: {
-        type: PropType<BooleanObjType>;
-    };
-    readonlyStateRules: {
-        type: PropType<BooleanRulesObjType>;
+    searchProps: {
+        type: PropType<Record<string, any>>;
     };
-    /**
-     * 是否disabled
-     */
-    disableState: {
-        type: PropType<BooleanObjType>;
+    tableProps: {
+        type: PropType<Record<string, any>>;
     };
-    disableStateRules: {
-        type: PropType<BooleanRulesObjType>;
+    pageState: {
+        type: PropType<TPageState>;
     };
+}>>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<Partial<ExtractPropTypes<{
     /**
-     *
+     * extra 是否放到SearchForm中
      */
-    columns: {
-        type: PropType<TColumns>;
+    extraInSearch: {
+        type: BooleanConstructor;
+        default: undefined;
     };
-    columnState: {
+    searchProps: {
         type: PropType<Record<string, any>>;
     };
-    /**
-     * 展示控件集合，readonly模式下使用这些组件渲染
-     */
-    elementMap: {
-        type: PropType<TElementMap>;
-    };
-    /**
-     * 录入控件集合
-     */
-    formElementMap: {
-        type: PropType<TElementMap>;
-    };
-    /**
-     * 是否启用rules验证
-     */
-    needRules: {
-        type: BooleanConstructor;
-        default: boolean;
+    tableProps: {
+        type: PropType<Record<string, any>>;
     };
-    /**
-     * provide传递
-     */
-    provideExtra: {
-        type: PropType<IProFormProvideExtra>;
+    pageState: {
+        type: PropType<TPageState>;
     };
-}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>>>, {}>;
+
+interface IProFormProvideExtra extends Record<string, any> {
+}
+interface IProFormProvide extends IProFormProvideExtra {
+    formState: UnwrapNestedRefs<Record<string, any>>;
+    showState: UnwrapNestedRefs<Record<string, any>>;
+    readonlyState: UnwrapNestedRefs<Record<string, any>>;
+    disableState: UnwrapNestedRefs<Record<string, any>>;
+    readonly: Ref<boolean | undefined>;
+    elementMap?: TElementMap;
+    formElementMap?: TElementMap;
+    columns: Ref<TColumns>;
+}
+declare const useProForm: () => IProFormProvide;
+declare const proFormProps: () => {
     /**
      * 同 antd 或 element  form中的model
      */
@@ -849,10 +696,9 @@ declare const ProForm: vue.DefineComponent<{
     provideExtra: {
         type: PropType<IProFormProvideExtra>;
     };
-}>>, {
-    readonly: boolean;
-    needRules: boolean;
-}>;
+};
+declare type ProFormProps = Partial<ExtractPropTypes<ReturnType<typeof proFormProps>>>;
+declare const createForm: (Form: any, Grid: any) => any;
 
 declare enum SearchMode {
     AUTO = "AUTO",
@@ -894,6 +740,10 @@ declare const proSearchFormProps: () => {
     debounceKeys: {
         type: PropType<string[]>;
     };
+    debounceTypes: {
+        type: PropType<string[]>;
+        default: string[];
+    };
     debounceTime: {
         type: NumberConstructor;
         default: number;
@@ -904,85 +754,7 @@ declare type ProSearchFormProps = Partial<ExtractPropTypes<ReturnType<typeof pro
  * 该组件只是个模式，最终返回null，不做任何渲染，应配合着ProForm的包装类一起使用
  * 针对传入的model（监听对象）做相应的finish（回调）处理
  */
-declare const ProSearchForm: vue.DefineComponent<Partial<ExtractPropTypes<{
-    /**
-     * 需要监听的对象
-     */
-    model: {
-        type: PropType<Record<string, any>>;
-        required: boolean;
-    };
-    /**
-     * 初始化触发 onFinish
-     */
-    initEmit: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     *  模式 自动触发或者手动触发 onFinish
-     */
-    searchMode: {
-        type: PropType<"AUTO" | "MANUAL">;
-        default: SearchMode;
-    };
-    /**
-     * 配置 同ProForm中的columns
-     * 可以根据column中valueType计算出默认的debounceKeys
-     */
-    columns: {
-        type: PropType<TColumns>;
-    };
-    /**
-     * 需要debounce处理的字段
-     */
-    debounceKeys: {
-        type: PropType<string[]>;
-    };
-    debounceTime: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<Partial<ExtractPropTypes<{
-    /**
-     * 需要监听的对象
-     */
-    model: {
-        type: PropType<Record<string, any>>;
-        required: boolean;
-    };
-    /**
-     * 初始化触发 onFinish
-     */
-    initEmit: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     *  模式 自动触发或者手动触发 onFinish
-     */
-    searchMode: {
-        type: PropType<"AUTO" | "MANUAL">;
-        default: SearchMode;
-    };
-    /**
-     * 配置 同ProForm中的columns
-     * 可以根据column中valueType计算出默认的debounceKeys
-     */
-    columns: {
-        type: PropType<TColumns>;
-    };
-    /**
-     * 需要debounce处理的字段
-     */
-    debounceKeys: {
-        type: PropType<string[]>;
-    };
-    debounceTime: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>>>, {}>;
+declare const createSearchForm: (Form: any, Props: any) => any;
 
 interface FormItemProps {
     name?: string | number | (string | number)[];
@@ -1096,25 +868,32 @@ declare const proFormListProps: () => {
     };
 };
 declare type ProFormListProps = Partial<ExtractPropTypes<ReturnType<typeof proFormListProps>>>;
-declare const ProFormList: vue.DefineComponent<Partial<ExtractPropTypes<{
-    rowKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    name: {
-        type: PropType<string | number | (string | number)[]>;
-        required: boolean;
-    };
-}>>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<Partial<ExtractPropTypes<{
-    rowKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    name: {
-        type: PropType<string | number | (string | number)[]>;
-        required: boolean;
-    };
-}>>>, {}>;
+declare const createFormList: (FormItem: any) => any;
+
+declare type TData = Record<string, any>;
+/**
+ * 根据value从treeData中找到对象
+ * @param data
+ * @param value
+ * @param fieldNames
+ * @param cb 对象：同步   方法：回调，可以理解为异步
+ */
+declare const findTargetInTree: (data: TData[], value: TOption["value"], fieldNames: FieldNames, cb: {
+    target?: TData | undefined;
+    index?: number | undefined;
+    list?: TData[] | undefined;
+} | ((index: number, target: TData, list: TData[]) => void)) => void;
+/**
+ * 根据value从treeData中找出对象及父列表
+ * @param data
+ * @param value
+ * @param fieldNames
+ * @param cb
+ * @param parent
+ */
+declare const findTargetListInTree: (data: TData[], value: TOption["value"], fieldNames: FieldNames, cb: {
+    list?: TData[] | undefined;
+} | ((list?: TData[] | undefined) => void), parent?: TData[]) => void;
 
 /**
  * 剔除showState或showStateRules规则为!true的值
@@ -1128,17 +907,23 @@ declare const getValidValues: (values: Record<string, any>, showState?: BooleanO
  * @param path
  */
 declare const convertPathToList: (path: undefined | string | number | (string | number)[]) => undefined | (string | number)[];
-/**
- * 唯一id
- */
-declare const generateId: () => string;
 /**
  * 将listState 中的数据通过id merge到 list item中
  * ps：数组会替换
+ * 注意：mergeWith 会改变原始对象
  * @param list
  * @param listState
  * @param id
  */
 declare const mergeStateToList: (list: Record<string, any>[], listState: Record<string, any>, id: string | number | ((item: Record<string, any>) => string | number)) => Record<string, any>[];
 
-export { BooleanObjType, BooleanRulesObjType, CurdAction, CurdAddAction, CurdCurrentMode, CurdSubAction, FormItemProps, ICurdAction, ICurdAddAction, ICurdCurrentMode, ICurdOperateOpts, ICurdState, ICurdSubAction, IListData, IOperateItem, IProCurdProvide, IProFormProvideExtra, IProModuleProvide, IProTableProvide, IProTableProvideExtra, IRequestOpts, ISearchMode, ITableOperate, ProCurd, ProCurdProps, ProForm, ProFormItemProps, ProFormList, ProFormListProps, ProFormProps, ProModalCurd, ProModalCurdProps, ProModule, ProModuleProps, ProPageCurd, ProPageCurdProps, ProSearchForm, ProSearchFormProps, ProTable, ProTableProps, RequestAction, SearchMode, TActionEvent, TActionState, TColumn, TColumns, TCurdActionEvent, TDefaultValueType, TElementMap, TOption, TOptions, TTableColumn, TTableColumns, TValueType, convertPathToList, createFormItemCompFn, defaultPage, generateId, getColumnFormItemName, getColumnValueType, getFormItemEl, getItemEl, getValidValues, mergeStateToList, provideProCurd, provideProModule, useComposeRequestActor, useDoneRequestActor, useFailedRequestActor, useModuleEvent, useProCurd, useProForm, useProFormList, useProModule, useProTable };
+/**
+ * 唯一id
+ */
+declare const generateId: () => string;
+/**
+ * ref 传递
+ */
+declare const createExpose: (methods: string[], targetRef: Ref$1) => {};
+
+export { BooleanObjType, BooleanRulesObjType, CurdAction, CurdAddAction, CurdCurrentMode, CurdSubAction, FieldNames, FormItemProps, GridProps, ICurdAction, ICurdAddAction, ICurdCurrentMode, ICurdOperateOpts, ICurdState, ICurdSubAction, IListData, IOperateItem, IProCurdProvide, IProFormProvideExtra, IProModuleProvide, IProTableProvide, IProTableProvideExtra, IRequestOpts, ISearchMode, ITableOperate, ProCurd, ProCurdAddOrEditProps, ProCurdListProps, ProCurdProps, ProFormItemProps, ProFormListProps, ProFormProps, ProModalCurd, ProModalCurdProps, ProModule, ProModuleProps, ProPageCurd, ProPageCurdProps, ProSearchFormProps, ProTableProps, RequestAction, SearchMode, TActionEvent, TActionState, TColumn, TColumns, TCurdActionEvent, TData, TDefaultValueType, TElementMap, TOption, TOptions, TPageState, TTableColumn, TTableColumns, TValueType, convertPathToList, createCurdDesc, createCurdForm, createCurdList, createExpose, createForm, createFormItemCompFn, createFormList, createGrid, createSearchForm, createTable, defaultPage, findTargetInTree, findTargetListInTree, generateId, getColumnFormItemName, getColumnValueType, getFormItemEl, getItemEl, getValidValues, mergeStateToList, provideProCurd, provideProModule, useComposeRequestActor, useDoneRequestActor, useFailedRequestActor, useModuleEvent, useProCurd, useProForm, useProFormList, useProModule, useProTable };