@vue-start/pro 0.5.46 → 0.5.48

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.5.48
+
+- perf: ProLayout 非 tabs 模式下 keep-live 规则支持；
+- feat: ProCurdListPage 组件；
+- feat: ProCurdPageFormConnect 组件（modal 模式拓展）；
+- feat: ProCurdModule 复合组件；
+- perf: ProCurd 新增 title 属性，支持 modal 模式弹出组件标题拼接；
+- perf: ProTable operate 项支持 routeOpts 路由跳转配置；
+
 # 0.5.46
 
 - perf: ProLayout 左侧菜单添加 key；

package/dist/index.css

@@ -49,6 +49,9 @@
   --pro-spacing-7: 28px;
   --pro-spacing-8: 32px;
   --pro-spacing-9: 36px;
+
+  /* 变量声明 - 不报错 */
+  --pro-table-toolbar-hei: 0px;
 }
 
 /********************************** pro-layout ***********************************/
@@ -273,6 +276,8 @@
 
 /********************************** pro-search-form ***********************************/
 .pro-search-form {
+  display: flex;
+  flex-wrap: wrap;
 }
 
 .pro-search-form .pro-form-operate {
@@ -285,6 +290,12 @@
   margin-left: 12px;
 }
 
+.pro-search-form .pro-curd-list-search-end {
+  display: flex;
+  flex-direction: row-reverse;
+  flex-grow: 1;
+}
+
 /********************************** pro-form-list ***********************************/
 
 .pro-form-list {
@@ -345,22 +356,34 @@
 /********************************** pro-page ***********************************/
 
 .pro-page {
-  --pro-page-header-hei: 40px;
-  --pro-page-footer-hei: 46px;
+  --pro-page-hei: var(--pro-secion-hei);
+  --pro-page-header-hei: 0px;
+  --pro-page-footer-hei: 0px;
 
-  height: var(--pro-secion-hei);
-  max-height: var(--pro-secion-hei);
+  height: var(--pro-page-hei);
+  max-height: var(--pro-page-hei);
   overflow-y: auto;
   box-sizing: border-box;
 }
 
+.pro-page.has-header {
+  --pro-page-header-hei: 40px;
+}
+
+.pro-page.has-footer {
+  --pro-page-footer-hei: 46px;
+}
+
+/* 子页模式 */
+
 .pro-page-sub {
   position: absolute !important;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
-  /*overflow-y: auto;*/
+  z-index: 9;
+  background-color: white;
 }
 
 .pro-page-header {
@@ -400,6 +423,8 @@
 }
 
 .pro-page .pro-page-content {
+  box-sizing: border-box;
+  min-height: calc(var(--pro-page-hei) - var(--pro-page-header-hei) - var(--pro-page-footer-hei));
 }
 
 .pro-page .pro-page-footer {
@@ -421,9 +446,6 @@
   background-color: white;
 }
 
-.pro-page-fill .pro-page-content {
-}
-
 .pro-page-fill .pro-page-footer {
   position: sticky;
   bottom: 0;
@@ -433,6 +455,43 @@
   background-color: white;
 }
 
+/********************************** curd-list ***********************************/
+.pro-page.curd-list {
+}
+
+.pro-page.curd-list .pro-page-content {
+  height: calc(100% - var(--pro-page-header-hei));
+}
+
+.pro-page.curd-list .pro-curd-list {
+  height: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.pro-page.curd-list .pro-curd-list .curd-list-grow {
+  flex-grow: 1;
+}
+
+.pro-page.curd-list .pro-curd-list .pro-table {
+  overflow: hidden;
+}
+
+.pro-page.curd-list .pro-curd-list .pro-table .el-table {
+  height: calc(100% - var(--pro-table-toolbar-hei));
+}
+
+.pro-page.curd-list .pro-curd-list.has-pagination .pro-list-pagination {
+  height: var(--pro-page-footer-hei);
+  min-height: var(--pro-page-footer-hei);
+}
+
+.pro-curd-list .pro-list-pagination {
+  display: flex;
+}
+
 /********************************** pro-tip ***********************************/
 .pro-tip-dom {
   display: inline-block;

package/dist/index.d.ts

@@ -1346,6 +1346,11 @@ interface IOperateItem {
     perSuffix?: string;
     tip?: string | VNode | ((record: Record<string, any>) => string | VNode);
     tipProps?: Record<string, any> | ((record: Record<string, any>) => Record<string, any>);
+    title?: string;
+    routeOpts?: {
+        name: string;
+        query: string[];
+    } | ((record: Record<string, any>) => Record<string, any>);
 }
 /**
  * 整个操作栏描述
@@ -2251,6 +2256,7 @@ interface IProLayoutProvide {
     convertName: (route: RouteLocationNormalizedLoaded) => string;
     convertValue: (menu: TLayoutTabMenu) => string;
     menus: Ref<TLayoutMenu[]>;
+    showMenus: Ref<TLayoutMenu[]>;
     menuMap: Ref<Record<string, TLayoutMenu>>;
     tabs: Ref<TLayoutTabMenu[]>;
     showTabs: Ref<boolean>;
@@ -2263,16 +2269,19 @@ declare const useProLayout: () => IProLayoutProvide;
 declare const routerViewProps: () => {
     includes: {
         type: PropType<string[]>;
+        default: never[];
     };
 };
 declare type ProRouterViewProps = Partial<ExtractPropTypes<ReturnType<typeof routerViewProps>>>;
 declare const ProRouterView: vue.DefineComponent<Partial<ExtractPropTypes<{
     includes: {
         type: PropType<string[]>;
+        default: never[];
     };
 }>>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<Partial<ExtractPropTypes<{
     includes: {
         type: PropType<string[]>;
+        default: never[];
     };
 }>>>, {}>;
 
@@ -2336,6 +2345,7 @@ declare const layoutProps: () => {
         type: PropType<Partial<ExtractPropTypes<{
             includes: {
                 type: PropType<string[]>;
+                default: never[];
             };
         }>>>;
         default: undefined;
@@ -2444,6 +2454,7 @@ declare const ProLayout: vue.DefineComponent<Partial<ExtractPropTypes<{
         type: PropType<Partial<ExtractPropTypes<{
             includes: {
                 type: PropType<string[]>;
+                default: never[];
             };
         }>>>;
         default: undefined;
@@ -2550,6 +2561,7 @@ declare const ProLayout: vue.DefineComponent<Partial<ExtractPropTypes<{
         type: PropType<Partial<ExtractPropTypes<{
             includes: {
                 type: PropType<string[]>;
+                default: never[];
             };
         }>>>;
         default: undefined;
@@ -2760,6 +2772,15 @@ declare const proCurdProps: () => {
     convertOperate: {
         type: PropType<(operate: ICurdOperateOpts, origin: ICurdOperateOpts) => ICurdOperateOpts>;
     };
+    defaultAddRecord: {
+        type: PropType<Record<string, any>>;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    useMenuName: {
+        type: BooleanConstructor;
+    };
     /************************* 子组件props *******************************/
     listProps: {
         type: PropType<Record<string, any>>;
@@ -2773,6 +2794,12 @@ declare const proCurdProps: () => {
     modalProps: {
         type: PropType<Record<string, any>>;
     };
+    pageProps: {
+        type: PropType<Record<string, any>>;
+    };
+    subPageProps: {
+        type: PropType<Record<string, any>>;
+    };
 };
 declare type CurdProps = Partial<ExtractPropTypes<ReturnType<typeof proCurdProps>>> & ProBaseProps;
 declare const CurdMethods: string[];
@@ -2780,6 +2807,11 @@ declare type ProCurdProps = CurdProps & Omit<ProModuleProps, "state" | "requests
     curdState?: UnwrapNestedRefs<ICurdState>;
 };
 declare const ProCurd: vue.DefineComponent<ProCurdProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ProCurdProps>, {}>;
+declare const useCurdCommon: () => {
+    clearMode: () => void;
+    operate: vue.ComputedRef<ICurdOperateOpts | undefined>;
+    opeTitle: vue.ComputedRef<string>;
+};
 
 interface IProCurdProvide {
     columns: Ref<TColumns>;
@@ -2796,11 +2828,15 @@ interface IProCurdProvide {
     operates: ICurdOperateOpts[];
     getOperate: (action: ICurdAction) => ICurdOperateOpts | undefined;
     refreshList: (extra?: Record<string, any>) => void;
+    defaultAddRecord?: ComputedRef<Record<string, any> | undefined>;
+    title?: string;
     /******************子组件参数*******************/
     listProps?: ComputedRef<Record<string, any> | undefined>;
     formProps?: ComputedRef<Record<string, any> | undefined>;
     descProps?: ComputedRef<Record<string, any> | undefined>;
     modalProps?: ComputedRef<Record<string, any> | undefined>;
+    pageProps?: ComputedRef<Record<string, any> | undefined>;
+    subPageProps?: ComputedRef<Record<string, any> | undefined>;
 }
 declare const useProCurd: <T extends IProCurdProvide>() => T;
 declare const provideProCurd: (ctx: IProCurdProvide) => void;
@@ -2878,6 +2914,18 @@ declare type PageCurdProps = Partial<ExtractPropTypes<ReturnType<typeof pageCurd
 declare type ProPageCurdProps = PageCurdProps & ProCurdProps;
 declare const ProPageCurd: vue.DefineComponent<ProPageCurdProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ProPageCurdProps>, {}>;
 
+declare const proCurdModuleProps: () => {
+    listType: {
+        type: PropType<"page" | "list" | "none">;
+        default: string;
+    };
+    modalType: {
+        type: PropType<"page" | "modal">;
+    };
+};
+declare type ProCurdModuleProps = Partial<ExtractPropTypes<ReturnType<typeof proCurdModuleProps>>> & ProCurdProps;
+declare const ProCurdModule: vue.DefineComponent<ProCurdModuleProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ProCurdModuleProps>, {}>;
+
 declare const curdListProps: () => {
     addConfig: {
         type: PropType<{
@@ -2900,6 +2948,10 @@ declare type ProCurdListProps = Partial<ExtractPropTypes<ReturnType<typeof curdL
  */
 declare const ProCurdList: vue.DefineComponent<ProCurdListProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ProCurdListProps>, {}>;
 declare const ProCurdListConnect: vue.DefineComponent<unknown, () => JSX.Element, {}, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<unknown>, {}>;
+declare const ProCurdListPage: vue.DefineComponent<any, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const ProCurdListPageConnect: vue.DefineComponent<unknown, () => JSX.Element, {}, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<unknown>, {}>;
 
 declare const proCurdFormProps: () => {
     signName: {
@@ -2945,6 +2997,13 @@ declare const ProCurdModalForm: vue.DefineComponent<{
     formProps: ObjectConstructor;
 }>>, {}>;
 declare const ProCurdModalFormConnect: vue.DefineComponent<unknown, () => JSX.Element, {}, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<unknown>, {}>;
+declare const ProCurdPage: vue.DefineComponent<any, () => JSX.Element | null, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const ProCurdFormPage: vue.DefineComponent<any, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const ProCurdPageConnect: vue.DefineComponent<unknown, () => JSX.Element, {}, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<unknown>, {}>;
 
 declare const AddButton: vue.DefineComponent<{
     buttonProps: ObjectConstructor;
@@ -3050,7 +3109,10 @@ interface ITheme {
         inner: string;
     };
 }
-declare const useTheme: () => ITheme;
+interface IThemeProvide {
+    theme: ITheme;
+}
+declare const useTheme: () => IThemeProvide;
 interface IThemeToken {
     color?: {
         primary?: string;
@@ -3118,4 +3180,4 @@ declare const ProTheme: vue.DefineComponent<{
     global: boolean;
 }>;
 
-export { AddButton, BooleanObjType, BooleanRulesObjType, ColumnSetting, CurdAction, CurdAddAction, CurdCurrentMode, CurdMethods, CurdSubAction, ElementKeys, FieldNames, FormAction, FormItemProps, FormRulePrefixMap, IAccess, ICurdAction, ICurdAddAction, ICurdCurrentMode, ICurdOperateOpts, ICurdState, ICurdSubAction, IElementConfig, IHighConfig, IListData, IOpeItem, IOperateItem, IPer, IProConfigProvide, IProCurdProvide, IProFormProvideExtra, IProLayoutProvide, IProModuleProvide, IProTableProvide, IProTableProvideExtra, IRequestOpts, ISearchMode, ITableOperate, ITheme, IThemeToken, IUser, InternalNamePath, LogonUser, LogonUserKey, ModalCurdOpe, MustLogon, NamePath, PageHeader, PageHeaderProps, PaginationSlotProps, PerSuffix, Permission, PermissionProps, ProBaseProps, ProColumnSettingProps, ProConfig, ProConfigProps, ProCurd, ProCurdDesc, ProCurdDescConnect, ProCurdDescProps, ProCurdForm, ProCurdFormConnect, ProCurdFormProps, ProCurdList, ProCurdListConnect, ProCurdListProps, ProCurdModal, ProCurdModalForm, ProCurdModalFormConnect, ProCurdModalProps, ProCurdProps, ProDesc, ProDescProps, ProDispatchRequestType, ProForm, ProFormItemProps, ProFormList, ProFormListProps, ProFormProps, ProGrid, ProGridProps, ProLayout, ProLayoutKey, ProLayoutProps, ProList, ProListProps, ProModalCurd, ProModalCurdProps, ProModule, ProModuleProps, ProOperate, ProOperateProps, ProPage, ProPageCurd, ProPageCurdProps, ProPageProps, ProRouterView, ProRouterViewProps, ProSearchForm, ProSearchFormProps, ProShowDate, ProShowDigit, ProShowOptions, ProShowText, ProShowTree, ProTable, ProTableProps, ProTheme, ProTip, ProTipProps, ProTypography, ProTypographyProps, ProUploadList, ProUploaderText, ProValue, ProWatermark, ProWatermarkProps, RequestAction, RouterMethods, SearchMode, SearchSlotProps, TAccess, TActionEvent, TActionState, TColor, TColumn, TColumns, TConfigData, TCurdActionEvent, TDark, TDefaultValueType, TElementMap, TExecuteFunName, TExecuteItem, TExecuteName, TFile, TFormExtraMap, TInitialState, TLayoutMenu, TLayoutTabMenu, TLayoutType, TLight, TLogonUserProvide, TMeta, TOpenMenu, TOption, TOptions, TPageState, TProFormOperate, TRegisterStore, TRegisterStoreMap, TRender, TRouter, TSubType, TTableColumn, TTableColumns, TValueType, ThemeKey, ThemeToken, TreeOption, TreeOptions, Wrapper, convertPathToList, convertResData, createExpose, createExposeObj, createFormItemCompFn, createModule, createProConfig, createTheme, defaultPage, filterSlotsByPrefix, getColumnFormItemName, getColumnValueType, getFirstPropName, getRealRender, getSignValue, getValidValues, isValidConfig, isValidNode, mergeState, mergeStateToList, proBaseProps, provideProCurd, provideProFormList, provideProModule, renderColumn, renderElement, renderElements, renderInputColumn, showValue, useAccess, useAccessMgr, useComposeRequestActor, useDispatchStore, useDoneRequestActor, useFailedRequestActor, useFormSubmit, useGetCompByKey, useHasPer, useHasPer2, useLogonUser, useMeta, useMetaRegister, useModuleEvent, useProConfig, useProCurd, useProForm, useProFormList, useProLayout, useProModal, useProModule, useProMsg, useProNotify, useProRouter, useProTable, useReadStore, useTheme };
+export { AddButton, BooleanObjType, BooleanRulesObjType, ColumnSetting, CurdAction, CurdAddAction, CurdCurrentMode, CurdMethods, CurdSubAction, ElementKeys, FieldNames, FormAction, FormItemProps, FormRulePrefixMap, IAccess, ICurdAction, ICurdAddAction, ICurdCurrentMode, ICurdOperateOpts, ICurdState, ICurdSubAction, IElementConfig, IHighConfig, IListData, IOpeItem, IOperateItem, IPer, IProConfigProvide, IProCurdProvide, IProFormProvideExtra, IProLayoutProvide, IProModuleProvide, IProTableProvide, IProTableProvideExtra, IRequestOpts, ISearchMode, ITableOperate, ITheme, IThemeProvide, IThemeToken, IUser, InternalNamePath, LogonUser, LogonUserKey, ModalCurdOpe, MustLogon, NamePath, PageHeader, PageHeaderProps, PaginationSlotProps, PerSuffix, Permission, PermissionProps, ProBaseProps, ProColumnSettingProps, ProConfig, ProConfigProps, ProCurd, ProCurdDesc, ProCurdDescConnect, ProCurdDescProps, ProCurdForm, ProCurdFormConnect, ProCurdFormPage, ProCurdFormProps, ProCurdList, ProCurdListConnect, ProCurdListPage, ProCurdListPageConnect, ProCurdListProps, ProCurdModal, ProCurdModalForm, ProCurdModalFormConnect, ProCurdModalProps, ProCurdModule, ProCurdModuleProps, ProCurdPage, ProCurdPageConnect, ProCurdProps, ProDesc, ProDescProps, ProDispatchRequestType, ProForm, ProFormItemProps, ProFormList, ProFormListProps, ProFormProps, ProGrid, ProGridProps, ProLayout, ProLayoutKey, ProLayoutProps, ProList, ProListProps, ProModalCurd, ProModalCurdProps, ProModule, ProModuleProps, ProOperate, ProOperateProps, ProPage, ProPageCurd, ProPageCurdProps, ProPageProps, ProRouterView, ProRouterViewProps, ProSearchForm, ProSearchFormProps, ProShowDate, ProShowDigit, ProShowOptions, ProShowText, ProShowTree, ProTable, ProTableProps, ProTheme, ProTip, ProTipProps, ProTypography, ProTypographyProps, ProUploadList, ProUploaderText, ProValue, ProWatermark, ProWatermarkProps, RequestAction, RouterMethods, SearchMode, SearchSlotProps, TAccess, TActionEvent, TActionState, TColor, TColumn, TColumns, TConfigData, TCurdActionEvent, TDark, TDefaultValueType, TElementMap, TExecuteFunName, TExecuteItem, TExecuteName, TFile, TFormExtraMap, TInitialState, TLayoutMenu, TLayoutTabMenu, TLayoutType, TLight, TLogonUserProvide, TMeta, TOpenMenu, TOption, TOptions, TPageState, TProFormOperate, TRegisterStore, TRegisterStoreMap, TRender, TRouter, TSubType, TTableColumn, TTableColumns, TValueType, ThemeKey, ThemeToken, TreeOption, TreeOptions, Wrapper, convertPathToList, convertResData, createExpose, createExposeObj, createFormItemCompFn, createModule, createProConfig, createTheme, defaultPage, filterSlotsByPrefix, getColumnFormItemName, getColumnValueType, getFirstPropName, getRealRender, getSignValue, getValidValues, isValidConfig, isValidNode, mergeState, mergeStateToList, proBaseProps, provideProCurd, provideProFormList, provideProModule, renderColumn, renderElement, renderElements, renderInputColumn, showValue, useAccess, useAccessMgr, useComposeRequestActor, useCurdCommon, useDispatchStore, useDoneRequestActor, useFailedRequestActor, useFormSubmit, useGetCompByKey, useHasPer, useHasPer2, useLogonUser, useMeta, useMetaRegister, useModuleEvent, useProConfig, useProCurd, useProForm, useProFormList, useProLayout, useProModal, useProModule, useProMsg, useProNotify, useProRouter, useProTable, useReadStore, useTheme };