@moneko/react 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/app.js +1 -1
- package/lib/app.js.map +1 -1
- package/lib/components/app-router.d.ts +2 -4
- package/lib/components/app-router.js +1 -1
- package/lib/components/app-router.js.map +1 -1
- package/lib/entry.d.ts +1 -9
- package/lib/entry.js +1 -1
- package/lib/entry.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/packages/back-stage/app.js +1 -1
- package/lib/packages/back-stage/app.js.map +1 -1
- package/lib/suspense-comp.d.ts +7 -0
- package/lib/suspense-comp.js +2 -0
- package/lib/suspense-comp.js.map +1 -0
- package/package.json +1 -1
package/lib/app.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{useEffect as o}from"react";import{RouterProvider as a}from"react-router-dom";import{
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{useEffect as o}from"react";import{RouterProvider as a}from"react-router-dom";import{createRouter as m,routerData as e}from"./components/app-router.js";import t from"@app/fallback";import{lang as p,setLang as f}from"@app/locales";import i from"@app";export default(({basename:l=i.base,fallback:n=t&&r(t,{}),language:s})=>(o(()=>{s&&s!==p.language&&f(s)},[s,p.language]),r(a,{router:m(e,{basename:l,window:window}),fallbackElement:n})));
|
|
2
2
|
//# sourceMappingURL=app.js.map
|
package/lib/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/app.tsx"],"sourcesContent":["import React, { type FC, type ReactElement, useEffect } from 'react';\nimport { RouterProvider } from 'react-router-dom';\nimport {
|
|
1
|
+
{"version":3,"sources":["../src/app.tsx"],"sourcesContent":["import React, { type FC, type ReactElement, useEffect } from 'react';\nimport { RouterProvider } from 'react-router-dom';\nimport { createRouter, routerData } from './components/app-router.js';\nimport Fallback from '@app/fallback';\nimport { lang, setLang } from '@app/locales';\nimport app from '@app';\n\nconst App: FC<{ basename?: string; fallback?: ReactElement; language?: string }> = ({\n basename = app.base,\n fallback = Fallback && <Fallback />,\n language,\n}) => {\n useEffect(() => {\n if (language && language !== lang.language) {\n setLang(language);\n }\n }, [language, lang.language]);\n return (\n <RouterProvider\n router={createRouter(routerData, {\n basename: basename,\n window: window,\n })}\n fallbackElement={fallback}\n />\n );\n};\n\nexport default App;\n"],"names":["useEffect","RouterProvider","createRouter","routerData","Fallback","lang","setLang","app","basename","base","fallback","language","router","window","fallbackElement"],"mappings":"uCAAA,QAA4CA,aAAAA,CAAS,KAAQ,OAAQ,AACrE,QAASC,kBAAAA,CAAc,KAAQ,kBAAmB,AAClD,QAASC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,KAAQ,4BAA6B,AACtE,QAAOC,MAAc,eAAgB,AACrC,QAASC,QAAAA,CAAI,CAAEC,WAAAA,CAAO,KAAQ,cAAe,AAC7C,QAAOC,MAAS,MAAO,AAuBvB,eArBmF,CAAA,CAAC,CAClFC,SAAAA,EAAWD,EAAIE,IAAI,CACnBC,SAAAA,EAAWN,GAAY,EAACA,KAAW,CACnCO,SAAAA,CAAQ,CACT,IACCX,EAAU,KACJW,GAAYA,IAAaN,EAAKM,UAChCL,EAAQK,EAEZ,EAAG,CAACA,EAAUN,EAAKM,SAAS,EAE1B,EAACV,GACCW,OAAQV,EAAaC,EAAY,CAC/BK,SAAUA,EACVK,OAAQA,MACV,GACAC,gBAAiBJ,IAGvB,CAEmB"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { type ReactElement
|
|
2
|
-
import { AliveScope } from 'react-activation';
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
3
2
|
import { createHashRouter } from 'react-router-dom';
|
|
4
|
-
import { RouteConfig } from '@app/routes';
|
|
3
|
+
import { type RouteConfig } from '@app/routes';
|
|
5
4
|
export declare const createRouter: typeof createHashRouter;
|
|
6
|
-
export declare let RouterFragment: typeof ReactFragment | typeof AliveScope;
|
|
7
5
|
export declare function prefixRouter(list: RouteConfig[], fallback: ReactElement | null): RouteConfig[];
|
|
8
6
|
export declare const routerData: RouteConfig[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{Suspense as r,cloneElement as t,createElement as o,isValidElement as a}from"react";import{createBrowserRouter as p,createHashRouter as m}from"react-router-dom";import i from"@app/fallback";import l from"@app/routes";import n from"@app";export const createRouter="hash"===n.routerMode?m:p;export function prefixRouter(p,m){return p.map(p=>{let i=Object.assign({},p);if(i.element){let l=Object.assign({path:i.key},i.props),n=a(i.element)?t(i.element,l):o(i.element,l);i.element=e(r,{fallback:p.fallback||m,children:n})}return Array.isArray(i.children)&&(i.children=prefixRouter(i.children,m)),i})}export const routerData=prefixRouter(l,i?e(i,{}):null);
|
|
2
2
|
//# sourceMappingURL=app-router.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/app-router.tsx"],"sourcesContent":["import React, {\n type ReactElement,\n
|
|
1
|
+
{"version":3,"sources":["../../src/components/app-router.tsx"],"sourcesContent":["import React, {\n type ReactElement,\n Suspense,\n cloneElement,\n createElement,\n isValidElement,\n} from 'react';\nimport { createBrowserRouter, createHashRouter } from 'react-router-dom';\nimport Fallback from '@app/fallback';\nimport routes, { type RouteConfig } from '@app/routes';\nimport app from '@app';\n\nexport const createRouter =\n app.routerMode === 'hash' ? createHashRouter : createBrowserRouter;\n\nexport function prefixRouter(list: RouteConfig[], fallback: ReactElement | null) {\n return list.map((r) => {\n const _ = Object.assign({}, r);\n\n if (_.element) {\n const props = Object.assign({ path: _.key }, _.props);\n const ele = isValidElement(_.element) ? cloneElement(_.element, props) : createElement(_.element, props);\n\n _.element = <Suspense fallback={r.fallback || fallback}>{ele}</Suspense>;\n }\n\n if (Array.isArray(_.children)) {\n _.children = prefixRouter(_.children, fallback);\n }\n return _;\n });\n}\n\nexport const routerData = prefixRouter(routes, Fallback ? <Fallback /> : null);\n"],"names":["Suspense","cloneElement","createElement","isValidElement","createBrowserRouter","createHashRouter","Fallback","routes","app","createRouter","routerMode","prefixRouter","list","fallback","map","r","_","Object","assign","element","props","path","key","ele","Array","isArray","children","routerData"],"mappings":"uCAAA,QAEEA,YAAAA,CAAQ,CACRC,gBAAAA,CAAY,CACZC,iBAAAA,CAAa,CACbC,kBAAAA,CAAc,KACT,OAAQ,AACf,QAASC,uBAAAA,CAAmB,CAAEC,oBAAAA,CAAgB,KAAQ,kBAAmB,AACzE,QAAOC,MAAc,eAAgB,AACrC,QAAOC,MAAkC,aAAc,AACvD,QAAOC,MAAS,MAAO,AAEvB,QAAO,MAAMC,aACXD,AAAmB,SAAnBA,EAAIE,WAAwBL,EAAmBD,CAAoB,AAErE,QAAO,SAASO,aAAaC,CAAmB,CAAEC,CAA6B,EAC7E,OAAOD,EAAKE,IAAI,AAACC,IACf,IAAMC,EAAIC,OAAOC,OAAO,CAAC,EAAGH,GAE5B,GAAIC,EAAEG,QAAS,CACb,IAAMC,EAAQH,OAAOC,OAAO,CAAEG,KAAML,EAAEM,GAAI,EAAGN,EAAEI,OACzCG,EAAMpB,EAAea,EAAEG,SAAWlB,EAAae,EAAEG,QAASC,GAASlB,EAAcc,EAAEG,QAASC,EAElGJ,CAAAA,EAAEG,QAAU,EAACnB,GAASa,SAAUE,EAAEF,UAAYA,WAAWU,GAC3D,CAKA,OAHIC,MAAMC,QAAQT,EAAEU,WAClBV,CAAAA,EAAEU,SAAWf,aAAaK,EAAEU,SAAUb,EAAQ,EAEzCG,CACT,EACF,CAEA,OAAO,MAAMW,WAAahB,aAAaJ,EAAQD,EAAW,EAACA,MAAc,KAAM"}
|
package/lib/entry.d.ts
CHANGED
|
@@ -1,9 +1 @@
|
|
|
1
|
-
|
|
2
|
-
type RenderAppProps = {
|
|
3
|
-
container?: HTMLElement;
|
|
4
|
-
basename?: string;
|
|
5
|
-
fallback?: React.ReactElement;
|
|
6
|
-
language?: string;
|
|
7
|
-
};
|
|
8
|
-
declare function renderApp(props?: RenderAppProps): () => void;
|
|
9
|
-
export default renderApp;
|
|
1
|
+
export * from '@/entry';
|
package/lib/entry.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
export*from"@/entry";
|
|
2
2
|
//# sourceMappingURL=entry.js.map
|
package/lib/entry.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/entry.tsx"],"sourcesContent":["import React from 'react';\
|
|
1
|
+
{"version":3,"sources":["../src/entry.tsx"],"sourcesContent":["// import React from 'react';\n// import app from '@app';\n// import { createRoot } from 'react-dom/client';\n// import App from './app.js';\n\n// type RenderAppProps = {\n// container?: HTMLElement;\n// basename?: string;\n// fallback?: React.ReactElement;\n// language?: string;\n// };\n\n// function renderApp(props: RenderAppProps = {}) {\n// const { container, basename = app.base, fallback, language, ...args } = props;\n// const _container = container?.querySelector('#root') || document.getElementById('root');\n\n// window.mainApp = {\n// currentTarget: {},\n// ...args,\n// container: _container as HTMLElement,\n// };\n// const rootInstance = createRoot(window.mainApp.container);\n\n// rootInstance.render(<App basename={basename} fallback={fallback} language={language} />);\n// return rootInstance.unmount;\n// }\n\n// export default renderApp;\n\nexport * from '@/entry';\n"],"names":[],"mappings":"AA6BA,WAAc,SAAU"}
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"./prefix/react-router-dom.js";export{default as sso}from"shared-store-object";export{default as persistentKey}from"./persistentKey.js";
|
|
1
|
+
export*from"./prefix/react-router-dom.js";export{default as sso}from"shared-store-object";export{default as persistentKey}from"./persistentKey.js";export*from"./prefix/react-reouter-dom.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './prefix/react-router-dom.js';\nexport { default as sso, type SSOConfig, type PrivateSSOConfig } from 'shared-store-object';\n\
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './prefix/react-router-dom.js';\nexport { default as sso, type SSOConfig, type PrivateSSOConfig } from 'shared-store-object';\n\nexport { default as persistentKey } from './persistentKey.js';\nexport * from './prefix/react-reouter-dom.js';\n"],"names":["default","sso","persistentKey"],"mappings":"AAAA,WAAc,8BAA+B,AAC7C,QAASA,WAAWC,GAAG,KAA+C,qBAAsB,AAE5F,QAASD,WAAWE,aAAa,KAAQ,oBAAqB,AAC9D,YAAc,+BAAgC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useMemo as r}from"react";import{ConfigProvider as o}from"antd";import t from"antd/es/locale/en_US";import a from"antd/es/locale/zh_CN";import l from"dayjs";import"dayjs/locale/en.js";import"dayjs/locale/zh.js";import m from"dayjs/plugin/relativeTime";import{RouterProvider as i}from"react-router-dom";import{
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useMemo as r}from"react";import{ConfigProvider as o}from"antd";import t from"antd/es/locale/en_US";import a from"antd/es/locale/zh_CN";import l from"dayjs";import"dayjs/locale/en.js";import"dayjs/locale/zh.js";import m from"dayjs/plugin/relativeTime";import{RouterProvider as i}from"react-router-dom";import{createRouter as p,prefixRouter as s,routerData as f}from"../../components/app-router";import n from"@app/fallback";import{t as c,lang as d}from"@app/locales";import{global as h}from"@/store";import j from"@app";let u=[],x={zh_CN:a,en_US:t};l.extend(m),o.config({prefixCls:j.prefixCls,iconPrefixCls:j.iconPrefixCls,theme:j.theme});export default(()=>{let{isLogin:t}=h,{language:l}=d,m=r(()=>({validateMessages:{required:`${c["ph:please-fill"]}\${label}!`,types:{email:`\${label}${c["wrong-format"]}`},pattern:{mismatch:`${c["ph:fill-correct"]}\${label}!`}},locale:x[l]||a}),[l,c]);return e(o,{...m,children:e(i,{router:p(t?f:s(u,n&&e(n,{})),{basename:j.base,window:window}),fallbackElement:n&&e(n,{})})})});
|
|
2
2
|
//# sourceMappingURL=app.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/packages/back-stage/app.tsx"],"sourcesContent":["import React, { type FC, useMemo } from 'react';\nimport { ConfigProvider } from 'antd';\nimport en_US from 'antd/es/locale/en_US';\nimport zh_CN from 'antd/es/locale/zh_CN';\nimport dayjs from 'dayjs';\nimport 'dayjs/locale/en.js';\nimport 'dayjs/locale/zh.js';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport { RouterProvider } from 'react-router-dom';\nimport {
|
|
1
|
+
{"version":3,"sources":["../../../src/packages/back-stage/app.tsx"],"sourcesContent":["import React, { type FC, useMemo } from 'react';\nimport { ConfigProvider } from 'antd';\nimport en_US from 'antd/es/locale/en_US';\nimport zh_CN from 'antd/es/locale/zh_CN';\nimport dayjs from 'dayjs';\nimport 'dayjs/locale/en.js';\nimport 'dayjs/locale/zh.js';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport { RouterProvider } from 'react-router-dom';\nimport { createRouter, prefixRouter, routerData } from '../../components/app-router';\nimport Fallback from '@app/fallback';\nimport { t, lang } from '@app/locales';\nimport type { Locale } from 'antd/es/locale';\nimport { global } from '@/store';\nimport app from '@app';\nimport { RouteConfig } from '@app/routes';\n\nconst onlyLoginRouter: RouteConfig[] = [];\nconst localeDictionary: Partial<Record<string, Locale>> = {\n zh_CN,\n en_US,\n};\n\ndayjs.extend(relativeTime);\nConfigProvider.config({\n prefixCls: app.prefixCls,\n iconPrefixCls: app.iconPrefixCls,\n theme: app.theme,\n});\n\nconst App: FC = () => {\n const { isLogin } = global;\n const { language } = lang;\n const antdProviderConfig = useMemo(() => {\n return {\n validateMessages: {\n required: `${t['ph:please-fill']}\\${label}!`,\n types: {\n email: `\\${label}${t['wrong-format']}`,\n },\n pattern: {\n mismatch: `${t['ph:fill-correct']}\\${label}!`,\n },\n },\n locale: localeDictionary[language] || zh_CN,\n };\n }, [language, t]);\n\n return (\n <ConfigProvider {...antdProviderConfig}>\n <RouterProvider\n router={createRouter(\n isLogin ? routerData : prefixRouter(onlyLoginRouter, Fallback && <Fallback />),\n {\n basename: app.base,\n window: window,\n },\n )}\n fallbackElement={Fallback && <Fallback />}\n />\n </ConfigProvider>\n );\n};\n\nexport default App;\n"],"names":["useMemo","ConfigProvider","en_US","zh_CN","dayjs","relativeTime","RouterProvider","createRouter","prefixRouter","routerData","Fallback","t","lang","global","app","onlyLoginRouter","localeDictionary","extend","config","prefixCls","iconPrefixCls","theme","isLogin","language","antdProviderConfig","validateMessages","required","types","email","pattern","mismatch","locale","router","basename","base","window","fallbackElement"],"mappings":"uCAAA,QAAyBA,WAAAA,CAAO,KAAQ,OAAQ,AAChD,QAASC,kBAAAA,CAAc,KAAQ,MAAO,AACtC,QAAOC,MAAW,sBAAuB,AACzC,QAAOC,MAAW,sBAAuB,AACzC,QAAOC,MAAW,OAAQ,AAC1B,OAAO,oBAAqB,AAC5B,OAAO,oBAAqB,AAC5B,QAAOC,MAAkB,2BAA4B,AACrD,QAASC,kBAAAA,CAAc,KAAQ,kBAAmB,AAClD,QAASC,gBAAAA,CAAY,CAAEC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,KAAQ,6BAA8B,AACrF,QAAOC,MAAc,eAAgB,AACrC,QAASC,KAAAA,CAAC,CAAEC,QAAAA,CAAI,KAAQ,cAAe,AAEvC,QAASC,UAAAA,CAAM,KAAQ,SAAU,AACjC,QAAOC,MAAS,MAAO,CAGvB,IAAMC,EAAiC,EAAE,CACnCC,EAAoD,CACxDb,MAAAA,EACAD,MAAAA,CACF,EAEAE,EAAMa,OAAOZ,GACbJ,EAAeiB,OAAO,CACpBC,UAAWL,EAAIK,UACfC,cAAeN,EAAIM,cACnBC,MAAOP,EAAIO,KACb,EAoCA,eAlCgB,CAAA,KACd,GAAM,CAAEC,QAAAA,CAAO,CAAE,CAAGT,EACd,CAAEU,SAAAA,CAAQ,CAAE,CAAGX,EACfY,EAAqBxB,EAAQ,IAC1B,CAAA,CACLyB,iBAAkB,CAChBC,SAAU,CAAC,EAAEf,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAC5CgB,MAAO,CACLC,MAAO,CAAC,SAAS,EAAEjB,CAAC,CAAC,eAAe,CAAC,CAAC,AACxC,EACAkB,QAAS,CACPC,SAAU,CAAC,EAAEnB,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,AAC/C,CACF,EACAoB,OAAQf,CAAgB,CAACO,EAAS,EAAIpB,CACxC,CAAA,EACC,CAACoB,EAAUZ,EAAE,EAEhB,OACE,EAACV,GAAgB,GAAGuB,CAAkB,UACpC,EAAClB,GACC0B,OAAQzB,EACNe,EAAUb,EAAaD,EAAaO,EAAiBL,GAAY,EAACA,OAClE,CACEuB,SAAUnB,EAAIoB,KACdC,OAAQA,MACV,GAEFC,gBAAiB1B,GAAY,EAACA,SAItC,CAAA,CAEmB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import o,{Suspense as p}from"react";import t from"@app";import m from"@app/fallback";import a from"@app/mdx-scope";export default function(e){let c=o.lazy(e.comp),f="library"===t.type?{components:a}:{};return r(p,{fallback:m&&r(m,{}),children:r(c,{...f})})};
|
|
2
|
+
//# sourceMappingURL=suspense-comp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/suspense-comp.tsx"],"sourcesContent":["import React, { ComponentType, LazyExoticComponent, Suspense } from 'react';\nimport app from '@app';\nimport Fallback from '@app/fallback';\nimport scope from '@app/mdx-scope';\n\nfunction SuspenseComp(props: { comp: () => Promise<{ default: ComponentType }> }) {\n const Lazy: LazyExoticComponent<ComponentType<object>> = React.lazy(props.comp);\n const prop = app.type === 'library' ? { components: scope } : {};\n\n return (\n <Suspense fallback={Fallback && <Fallback />}>\n <Lazy {...prop} />\n </Suspense>\n );\n}\n\nexport default SuspenseComp;\n"],"names":["React","Suspense","app","Fallback","scope","props","Lazy","lazy","comp","prop","type","components","fallback"],"mappings":"uCAAA,QAAOA,GAA6CC,YAAAA,CAAQ,KAAQ,OAAQ,AAC5E,QAAOC,MAAS,MAAO,AACvB,QAAOC,MAAc,eAAgB,AACrC,QAAOC,MAAW,gBAAiB,AAanC,gBAXA,SAAsBC,CAA0D,EAC9E,IAAMC,EAAmDN,EAAMO,KAAKF,EAAMG,MACpEC,EAAOP,AAAa,YAAbA,EAAIQ,KAAqB,CAAEC,WAAYP,CAAM,EAAI,CAAC,EAE/D,OACE,EAACH,GAASW,SAAUT,GAAY,EAACA,eAC/B,EAACG,GAAM,GAAGG,CAAI,IAGpB,CAE4B"}
|