修改pro-layout文件引入后缀

packages/demo-antd/src/home/index.tsx

@@ -1,5 +1,10 @@
-import { createRoot } from 'react-dom/client';
+import { bootstrap } from '@hyperse/pro-layout';
 import { Demo } from './Demo';
 import './index.less';
 
-createRoot(document.getElementById('app')!).render(<Demo />);
+// createRoot(document.getElementById('app')!).render(<Demo />);
+
+bootstrap({
+  layoutMode: 'no-layout',
+  routeList: [{ path: '/', element: <Demo /> }],
+});

packages/demo-antd/tsconfig.json

@@ -12,7 +12,8 @@
     "moduleResolution": "node",
     "paths": {
       "@hyperse/antd": ["../antd/src/index.ts"],
-      "@hyperse/utils": ["../utils/src/index.ts"]
+      "@hyperse/utils": ["../utils/src/index.ts"],
+      "@hyperse/pro-layout": ["../pro-layout/src/index.ts"]
     }
   },
   "exclude": ["node_modules", "**/.*/", "dist", "build", "public"]

packages/pro-layout/src/app-layout.tsx

@@ -2,14 +2,14 @@ import { Fragment } from 'react';
 import { Layout } from 'antd';
 import { classNames } from '@dimjs/utils';
 import { isWindowsEnv } from '@hyperse/utils';
-import { AppRoutes } from './app-routes.js';
-import useAntdApp from './compts/antd-app/index.js';
-import { Header } from './compts/header/index.js';
-import { SiderBar } from './compts/sider-bar/index.js';
+import { AppRoutes } from './app-routes.jsx';
+import useAntdApp from './compts/antd-app/index.jsx';
+import { Header } from './compts/header/index.jsx';
+import { SiderBar } from './compts/sider-bar/index.jsx';
 import { useLayoutCtx } from './context/layout-ctx.js';
-import { EventHandling } from './layout/layout-iframe/event-handling/index.js';
-import { LayoutIFrame } from './layout/layout-iframe/index.js';
-import { LayoutPage } from './layout/layout-page/index.js';
+import { EventHandling } from './layout/layout-iframe/event-handling/index.jsx';
+import { LayoutIFrame } from './layout/layout-iframe/index.jsx';
+import { LayoutPage } from './layout/layout-page/index.jsx';
 
 export const App = () => {
   const layoutCtx = useLayoutCtx();

packages/pro-layout/src/app-no-layout.tsx

@@ -1,10 +1,10 @@
 import { Fragment } from 'react';
-import { type AppRouteProps, AppRoutes } from './app-routes.js';
-import useAntdApp from './compts/antd-app/index.js';
-import { ContentLayoutCheck } from './compts/content-layout-check/index.js';
-import { ErrorHandling } from './compts/error-handling/index.js';
-import { IframeTabRoutesTiming } from './compts/routes-timing/iframe-tab-timing.js';
-import { LayoutPage } from './layout/layout-page/index.js';
+import { type AppRouteProps, AppRoutes } from './app-routes.jsx';
+import useAntdApp from './compts/antd-app/index.jsx';
+import { ContentLayoutCheck } from './compts/content-layout-check/index.jsx';
+import { ErrorHandling } from './compts/error-handling/index.jsx';
+import { IframeTabRoutesTiming } from './compts/routes-timing/iframe-tab-timing.jsx';
+import { LayoutPage } from './layout/layout-page/index.jsx';
 import { type BootstrapOptions } from './types/index.js';
 
 export type AppProps = AppRouteProps & {

packages/pro-layout/src/app-provider.tsx

@@ -11,9 +11,9 @@ import {
   treeToArray,
   valueIsEqual,
 } from '@hyperse/utils';
-import { App } from './app-layout.js';
-import { ErrorHandling } from './compts/error-handling/index.js';
-import { NormalRoutesTiming } from './compts/routes-timing/normal-timing.js';
+import { App } from './app-layout.jsx';
+import { ErrorHandling } from './compts/error-handling/index.jsx';
+import { NormalRoutesTiming } from './compts/routes-timing/normal-timing.jsx';
 import { LayoutProvider } from './context/layout-ctx.js';
 import {
   type IframeTabItem,

packages/pro-layout/src/app-routes.tsx

@@ -10,7 +10,7 @@ import {
 } from '@hyperse/utils';
 import { NotFound } from './compts/404/index.js';
 import { Bread } from './compts/bread/index.js';
-import { Loader } from './compts/loader/loader.js';
+import { Loader } from './compts/loader/loader.jsx';
 import {
   type BootstrapOptions,
   BreadConfigItem,

packages/pro-layout/src/bootstrap.tsx

@@ -12,13 +12,13 @@ import {
   toArray,
   urlJoin,
 } from '@hyperse/utils';
-import { AntdAppWrapper } from './antd-app.js';
-import { AppNoLayout } from './app-no-layout.js';
-import { AppProvider } from './app-provider.js';
+import { AntdAppWrapper } from './antd-app.jsx';
+import { AppNoLayout } from './app-no-layout.jsx';
+import { AppProvider } from './app-provider.jsx';
 import { ErrorBoundary, ErrorFallback } from './compts/error-boundary/index.js';
-import { Container } from './container.js';
+import { Container } from './container.jsx';
 import { BootstrapCtx } from './context/layout-ctx.js';
-import { IframeMainRegister } from './iframe-register.js';
+import { IframeMainRegister } from './iframe-register.jsx';
 import { proLayoutModels } from './model/layout-model.js';
 import {
   type BreadConfigItem,

packages/pro-layout/src/compts/404/index.ts

@@ -1 +1 @@
-export * from './not-found.js';
+export * from './not-found.jsx';

packages/pro-layout/src/compts/bread/index.ts

@@ -1 +1 @@
-export * from './bread.js';
+export * from './bread.jsx';

packages/pro-layout/src/compts/content-layout-check/index.tsx

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { BootstrapOptions } from '../../types/layout.js';
 import { IframeTabMode } from './iframe-tab-mode.js';
-import { NoLayoutMode } from './no-layout-mode.js';
+import { NoLayoutMode } from './no-layout-mode.jsx';
 
 type ContentLayoutCheckProps = {
   layoutMode?: BootstrapOptions['layoutMode'];

packages/pro-layout/src/compts/error-boundary/index.ts

@@ -1,2 +1,2 @@
-export * from './error-boundary.js';
-export * from './error-fallback.js';
+export * from './error-boundary.jsx';
+export * from './error-fallback.jsx';

packages/pro-layout/src/compts/header/index.tsx

@@ -17,9 +17,9 @@ import {
   guessIframeMainLink,
   guessNormalItemLink,
 } from '../../utils/utils.js';
-import { Shrink } from '../shrink/index.js';
-import { HeaderAccount } from './account/index.js';
-import { HeaderBrand } from './brand/index.js';
+import { Shrink } from '../shrink/index.jsx';
+import { HeaderAccount } from './account/index.jsx';
+import { HeaderBrand } from './brand/index.jsx';
 import './style.less';
 
 const HeaderBarIcon = (props: {

packages/pro-layout/src/compts/loader/index.ts

@@ -1 +1 @@
-export * from './loader.js';
+export * from './loader.jsx';

packages/pro-layout/src/compts/page/index.ts

@@ -1,2 +1,2 @@
-export * from './page.js';
-export * from './page-wrapper.js';
+export * from './page.jsx';
+export * from './page-wrapper.jsx';

packages/pro-layout/src/compts/page/page-wrapper.tsx

@@ -12,7 +12,7 @@ import { dialogLoading, fbaHooks } from '@hyperse/antd';
 import { TAny, TPlainObject } from '@hyperse/utils';
 import { hooks } from '@wove/react';
 import { PageWrapperCtxProvider, usePageWrapperCtx } from './ctx.js';
-import { Page, PageProps } from './page.js';
+import { Page, PageProps } from './page.jsx';
 
 type PageContentProps = Omit<PageWrapperProps, 'serviceConfig'> & {
   respData?: TAny;

packages/pro-layout/src/compts/page/page.tsx

@@ -10,7 +10,7 @@ import { isUndefined } from '@dimjs/lang';
 import { classNames } from '@dimjs/utils';
 import { isWindowsEnv } from '@hyperse/utils';
 import { hooks } from '@wove/react';
-import { Loader } from '../loader/loader.js';
+import { Loader } from '../loader/loader.jsx';
 import './style.less';
 
 export interface PageProps {

packages/pro-layout/src/compts/sider-bar/index.tsx

@@ -19,8 +19,8 @@ import {
 import { hooks } from '@wove/react';
 import { useLayoutCtx } from '../../context/layout-ctx.js';
 import { type TMenuItem } from '../../types/menu.js';
-import { HeaderBrand } from '../header/brand/index.js';
-import { Shrink } from '../shrink/index.js';
+import { HeaderBrand } from '../header/brand/index.jsx';
+import { Shrink } from '../shrink/index.jsx';
 import './style.less';
 
 const { Sider } = Layout;

packages/pro-layout/src/entry.tsx

@@ -1,5 +1,5 @@
 import { createRoot } from 'react-dom/client';
-import { Bootstrap } from './bootstrap.js';
+import { Bootstrap } from './bootstrap.jsx';
 import { type BootstrapOptions } from './types/layout.js';
 
 /**

packages/pro-layout/src/index.ts

@@ -1,11 +1,11 @@
 import './style.less';
-export * from './compts/antd-app/index.js';
+export * from './compts/antd-app/index.jsx';
 export * from './compts/bread/index.js';
-export * from './compts/history-back-button/index.js';
+export * from './compts/history-back-button/index.jsx';
 export * from './compts/page/index.js';
-export * from './entry.js';
+export * from './entry.jsx';
 export * from './hooks/use-refresh-iframe-tab.js';
 export * from './layout/layout-iframe/use-iframe.js';
-export * from './layout/layout-page/index.js';
+export * from './layout/layout-page/index.jsx';
 export * from './model/layout-model.js';
 export * from './types/index.js';

packages/pro-layout/src/layout/layout-iframe/index.tsx

@@ -17,9 +17,9 @@ import {
   valueIsEqual,
 } from '@hyperse/utils';
 import { hooks } from '@wove/react';
-import { Loader } from '../../compts/loader/loader.js';
+import { Loader } from '../../compts/loader/loader.jsx';
 import { useLayoutCtx } from '../../context/layout-ctx.js';
-import { IframePage } from './iframe-page.js';
+import { IframePage } from './iframe-page.jsx';
 import './style.less';
 /**
  * 此处如果存在面包屑/tabbar路由菜单, 需要处理layout/flex布局问题