@vue-start/pro 0.5.68 → 0.5.69

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.5.69
+
+- perf: ProLayout 支持 simple 模式；html 添加 device class 标记；ProConfigProvide 提供 device 变量；
+
 # 0.5.68
 
 - fix: ProRouterView include 更新机制使用 nextTick 优化；

package/dist/index.css

@@ -208,6 +208,15 @@
   width: calc(100vw - var(--pro-left-menu-wid));
 }
 
+/*simple*/
+
+.pro-layout-trigger {
+  position: fixed;
+  right: var(--pro-spacing-4);
+  top: calc(var(--pro-header-hei) / 2);
+  transform: translateY(-50%);
+}
+
 /*layout-tabs*/
 
 .pro-layout .pro-layout-tabs {
@@ -595,3 +604,18 @@
   justify-content: center;
   padding: 16px 0;
 }
+
+/***************************** device 适配 ***********************************/
+html.tablet {
+}
+
+html.tablet .pro-modal {
+  width: 80vw !important;
+}
+
+html.mobile {
+}
+
+html.mobile .pro-modal {
+  width: 90vw !important;
+}

package/dist/index.d.ts

@@ -562,6 +562,23 @@ declare const AppConfig: {
 };
 declare type TAppConfig = typeof AppConfig;
 
+declare const DEVICE_MODES: {
+    MOBILE: string;
+    TABLET: string;
+    PC: string;
+    LARGE_PC: string;
+};
+declare type TDeviceMode = typeof DEVICE_MODES[keyof typeof DEVICE_MODES];
+declare const getDeviceMode: (width: number) => string;
+declare const useResponsive: () => {
+    width: vue.Ref<number>;
+    device: vue.ComputedRef<string>;
+    isMobile: vue.ComputedRef<boolean>;
+    isTablet: vue.ComputedRef<boolean>;
+    isPC: vue.ComputedRef<boolean>;
+    isLargePC: vue.ComputedRef<boolean>;
+};
+
 declare const proBasePropsFn: () => {
     /**
      * 组件集
@@ -652,6 +669,7 @@ interface IProConfigProvide {
     appConfig: TAppConfig;
     localeConfig: ComputedRef<Record<string, string>>;
     t: ComputedRef<(k: string) => string>;
+    device: ComputedRef<TDeviceMode>;
 }
 declare const proConfigProps: () => {
     elementMap: {
@@ -2718,7 +2736,7 @@ declare type TLayoutMenu = {
 declare type TLayoutTabMenu = TLayoutMenu & {
     query?: Record<string, any>;
 };
-declare type TLayoutType = "vertical" | "horizontal" | "horizontal-v" | "compose";
+declare type TLayoutType = "vertical" | "horizontal" | "horizontal-v" | "compose" | "simple";
 interface IProLayoutProvide {
     convertName: (route: RouteLocationNormalizedLoaded) => string;
     convertValue: (menu: TLayoutTabMenu) => string;
@@ -2869,6 +2887,15 @@ declare const layoutProps: () => {
         }>>>;
         default: undefined;
     };
+    drawerMenuVisible: {
+        type: BooleanConstructor;
+    };
+    drawerProps: {
+        type: ObjectConstructor;
+    };
+    drawerMenuProps: {
+        type: ObjectConstructor;
+    };
     /**************************** menu相关 *******************************/
     menus: {
         type: PropType<TLayoutMenu[]>;
@@ -3010,6 +3037,15 @@ declare const ProLayout: vue.DefineComponent<Partial<ExtractPropTypes<{
         }>>>;
         default: undefined;
     };
+    drawerMenuVisible: {
+        type: BooleanConstructor;
+    };
+    drawerProps: {
+        type: ObjectConstructor;
+    };
+    drawerMenuProps: {
+        type: ObjectConstructor;
+    };
     /**************************** menu相关 *******************************/
     menus: {
         type: PropType<TLayoutMenu[]>;
@@ -3149,6 +3185,15 @@ declare const ProLayout: vue.DefineComponent<Partial<ExtractPropTypes<{
         }>>>;
         default: undefined;
     };
+    drawerMenuVisible: {
+        type: BooleanConstructor;
+    };
+    drawerProps: {
+        type: ObjectConstructor;
+    };
+    drawerMenuProps: {
+        type: ObjectConstructor;
+    };
     /**************************** menu相关 *******************************/
     menus: {
         type: PropType<TLayoutMenu[]>;
@@ -3894,4 +3939,4 @@ declare const ProAppConfigDrawer: vue.DefineComponent<ProAppConfigDrawerProps, {
     [x: string]: any;
 }>;
 
-export { AddButton, AppConfig, BooleanObjType, BooleanRulesObjType, ColumnSetting, CurdAction, CurdAddAction, CurdCurrentMode, CurdMethods, CurdSubAction, DarkThemeToken, 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, ProAppConfigDrawer, ProAppConfigDrawerProps, 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, TAppConfig, TColor, TColumn, TColumns, TConfigData, TCurdActionEvent, TDark, TDefaultValueType, TElementMap, TExecuteFunName, TExecuteItem, TExecuteName, TFile, TFormExtraMap, TInitialState, TLayoutMenu, TLayoutTabMenu, TLayoutType, TLight, TLogonUserProvide, TMeta, TMetaKey, TOpenMenu, TOption, TOptions, TPageState, TProFormOperate, TRegisterStore, TRegisterStoreMap, TRender, TRouter, TSetData, TSetDataMeta, TSetDataOpts, TSetDataStore, TSubType, TTableColumn, TTableColumns, TValueType, ThemeKey, ThemeToken, TreeOption, TreeOptions, Wrapper, convertPathToList, convertResData, createExpose, createExposeObj, createFormItemCompFn, createModule, createProConfig, createTheme, defaultPage, filterSlotsByPrefix, getColumnFormInputProps, getColumnFormItemName, getColumnValueType, getColumnsOpts, getFirstPropName, getRealRender, getSignValue, getValidValues, isValidConfig, isValidNode, mergeState, mergeStateToList, proBaseProps, provideProCurd, provideProFormList, provideProModule, renderColumn, renderElement, renderElements, renderInputColumn, setColumnsData, showValue, useAccess, useAccessMgr, useAppConfig, useComposeRequestActor, useCurdCommon, useDispatchStore, useDoneRequestActor, useFailedRequestActor, useFormSubmit, useGetCompByKey, useGetMetaStoreName, useHasPer, useHasPer2, useLogonUser, useMeta, useMetaLoading, useMetaRegister, useModuleEvent, useProConfig, useProCurd, useProForm, useProFormList, useProLayout, useProModal, useProModule, useProMsg, useProNotify, useProRouter, useProTable, useReadStore, useRegisterMetas, useRegisterStores, useTheme };
+export { AddButton, AppConfig, BooleanObjType, BooleanRulesObjType, ColumnSetting, CurdAction, CurdAddAction, CurdCurrentMode, CurdMethods, CurdSubAction, DEVICE_MODES, DarkThemeToken, 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, ProAppConfigDrawer, ProAppConfigDrawerProps, 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, TAppConfig, TColor, TColumn, TColumns, TConfigData, TCurdActionEvent, TDark, TDefaultValueType, TDeviceMode, TElementMap, TExecuteFunName, TExecuteItem, TExecuteName, TFile, TFormExtraMap, TInitialState, TLayoutMenu, TLayoutTabMenu, TLayoutType, TLight, TLogonUserProvide, TMeta, TMetaKey, TOpenMenu, TOption, TOptions, TPageState, TProFormOperate, TRegisterStore, TRegisterStoreMap, TRender, TRouter, TSetData, TSetDataMeta, TSetDataOpts, TSetDataStore, TSubType, TTableColumn, TTableColumns, TValueType, ThemeKey, ThemeToken, TreeOption, TreeOptions, Wrapper, convertPathToList, convertResData, createExpose, createExposeObj, createFormItemCompFn, createModule, createProConfig, createTheme, defaultPage, filterSlotsByPrefix, getColumnFormInputProps, getColumnFormItemName, getColumnValueType, getColumnsOpts, getDeviceMode, getFirstPropName, getRealRender, getSignValue, getValidValues, isValidConfig, isValidNode, mergeState, mergeStateToList, proBaseProps, provideProCurd, provideProFormList, provideProModule, renderColumn, renderElement, renderElements, renderInputColumn, setColumnsData, showValue, useAccess, useAccessMgr, useAppConfig, useComposeRequestActor, useCurdCommon, useDispatchStore, useDoneRequestActor, useFailedRequestActor, useFormSubmit, useGetCompByKey, useGetMetaStoreName, useHasPer, useHasPer2, useLogonUser, useMeta, useMetaLoading, useMetaRegister, useModuleEvent, useProConfig, useProCurd, useProForm, useProFormList, useProLayout, useProModal, useProModule, useProMsg, useProNotify, useProRouter, useProTable, useReadStore, useRegisterMetas, useRegisterStores, useResponsive, useTheme };