@vef-framework/starter 1.0.38
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/README.md +25 -0
- package/es/app.js +3 -0
- package/es/components/index.js +3 -0
- package/es/components/vef-app/index.js +3 -0
- package/es/components/vef-dev-assistant/index.js +12 -0
- package/es/components/vef-error-page/index.js +3 -0
- package/es/components/vef-not-found-page/index.js +3 -0
- package/es/components/vef-router-provider/index.js +3 -0
- package/es/index.js +3 -0
- package/es/router.js +3 -0
- package/es/routes/index.js +3 -0
- package/es/routes/layout.js +3 -0
- package/es/routes/root.js +3 -0
- package/lib/app.cjs +3 -0
- package/lib/components/index.cjs +3 -0
- package/lib/components/vef-app/index.cjs +3 -0
- package/lib/components/vef-app/props.cjs +3 -0
- package/lib/components/vef-dev-assistant/index.cjs +12 -0
- package/lib/components/vef-dev-assistant/props.cjs +3 -0
- package/lib/components/vef-error-page/index.cjs +3 -0
- package/lib/components/vef-error-page/props.cjs +3 -0
- package/lib/components/vef-not-found-page/index.cjs +3 -0
- package/lib/components/vef-not-found-page/props.cjs +3 -0
- package/lib/components/vef-router-provider/index.cjs +3 -0
- package/lib/components/vef-router-provider/props.cjs +3 -0
- package/lib/index.cjs +3 -0
- package/lib/router.cjs +3 -0
- package/lib/routes/index.cjs +3 -0
- package/lib/routes/layout.cjs +3 -0
- package/lib/routes/root.cjs +3 -0
- package/lib/types.cjs +3 -0
- package/package.json +54 -0
- package/types/app.d.ts +10 -0
- package/types/components/index.d.ts +5 -0
- package/types/components/vef-app/index.d.ts +5 -0
- package/types/components/vef-app/props.d.ts +7 -0
- package/types/components/vef-dev-assistant/index.d.ts +5 -0
- package/types/components/vef-dev-assistant/props.d.ts +5 -0
- package/types/components/vef-error-page/index.d.ts +5 -0
- package/types/components/vef-error-page/props.d.ts +6 -0
- package/types/components/vef-not-found-page/index.d.ts +5 -0
- package/types/components/vef-not-found-page/props.d.ts +6 -0
- package/types/components/vef-router-provider/index.d.ts +5 -0
- package/types/components/vef-router-provider/props.d.ts +16 -0
- package/types/index.d.ts +5 -0
- package/types/router.d.ts +18 -0
- package/types/routes/index.d.ts +2 -0
- package/types/routes/layout.d.ts +8 -0
- package/types/routes/root.d.ts +7 -0
- package/types/types.d.ts +5 -0
package/README.md
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
# The Starter of VEF Framework
|
|
2
|
+
|
|
3
|
+
VEF framework made by Venus is built on top of React, and it provides a set of components that are essential for building a modern web application. These components are designed to be highly customizable and reusable, allowing developers to build complex and dynamic user interfaces with ease.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
To install the VEF framework starter, you can use pnpm or any other package manager you like:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
pnpm add @vef-framework/starter
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
To use the VEF framework starter in your project, you can import them from the package, for example:
|
|
16
|
+
|
|
17
|
+
```ts
|
|
18
|
+
import { xxx } from "@vef-framework/starter";
|
|
19
|
+
|
|
20
|
+
// ...
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Documentation
|
|
24
|
+
|
|
25
|
+
For more details on how to use the VEF framework starter, please refer to the [official documentation](https://vef.ilxqx.com/docs).
|
package/es/app.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
import{createElement as e}from"react";import{createRoot as n}from"react-dom/client";import"./components/index.js";import o from"./components/vef-app/index.js";function t(){const t=n(document.getElementById("root"),{identifierPrefix:"vef-"});return{render:n=>{t.render(e(o,n))},unmount:()=>t.unmount()}}export{t as createApp};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
export{default as VefApp}from"./vef-app/index.js";export{default as VefDevAssistant}from"./vef-dev-assistant/index.js";export{default as VefErrorPage}from"./vef-error-page/index.js";export{default as VefNotFoundPage}from"./vef-not-found-page/index.js";export{default as VefRouterProvider}from"./vef-router-provider/index.js";
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
import{jsx as r}from"@emotion/react/jsx-runtime";import{VefConfigProvider as o}from"@vef-framework/components";import{StrictMode as e}from"react";import t from"../vef-router-provider/index.js";const m=({router:m,...i})=>r(e,{children:r(o,{...i,children:r(t,{router:m})})});export{m as default};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
import{jsxs as o,Fragment as t,jsx as r}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{ReactQueryDevtoolsPanel as i}from"@tanstack/react-query-devtools";import{TanStackRouterDevtoolsPanel as n}from"@tanstack/router-devtools";import{VefFloatButtonGroup as c,VefIcon as a,VefFloatButton as l}from"@vef-framework/components";import{CoffeeIcon as m,CompassIcon as p,SendIcon as s}from"lucide-react";import{AnimatePresence as u,motion as d}from"motion/react";import{useState as f,useCallback as y}from"react";const h=e`
|
|
3
|
+
position: fixed;
|
|
4
|
+
bottom: 0;
|
|
5
|
+
width: 100%;
|
|
6
|
+
z-index: 2;
|
|
7
|
+
|
|
8
|
+
.tsqd-text-logo-container {
|
|
9
|
+
display: none;
|
|
10
|
+
}
|
|
11
|
+
`,q=()=>{const[e,q]=f(null),x=y((()=>{q((o=>"query"===o?null:"query"))}),[]),k=y((()=>{q((o=>"router"===o?null:"router"))}),[]);return o(t,{children:[o(c,{collapsable:!0,shape:"square",icon:r(a,{children:r(m,{})}),children:[r(l,{tip:"API调试控制台",icon:r(a,{children:r(p,{})}),onClick:x}),r(l,{tip:"路由调试控制台",icon:r(a,{children:r(s,{})}),onClick:k})]}),r(u,{children:null!==e&&r(d.div,{css:h,animate:{opacity:1,y:0,transition:{type:"spring",bounce:0,duration:.3}},exit:{opacity:0,y:"50%"},initial:{opacity:0,y:"50%"},children:"query"===e?r(i,{}):r(n,{isOpen:"router"===e,setIsOpen:k})})})]})};export{q as default};
|
|
12
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
import{jsx as o}from"@emotion/react/jsx-runtime";import{VefError as r}from"@vef-framework/components";const e=({error:e,info:t,reset:m})=>o(r,{componentStack:t?.componentStack,error:e,reset:m});export{e as default};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
import{jsx as t}from"@emotion/react/jsx-runtime";import{useNavigate as o,useLocation as r}from"@tanstack/react-router";import{VefNotFound as e}from"@vef-framework/components";import{useCallback as m}from"react";const a=()=>{const a=o(),n=m((()=>a({to:"/"})),[a]),{pathname:i}=r();return t(e,{uri:i,onNavigateHome:n})};export{a as default};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
import{jsx as r}from"@emotion/react/jsx-runtime";import{RouterProvider as t}from"@tanstack/react-router";import{useApiContext as e}from"@vef-framework/core";import{useMemo as o}from"react";const m=({router:m})=>{const{fetchApiQuery:c}=e(),f=o((()=>({fetchApiQuery:c})),[c]);return r(t,{context:f,router:m})};export{m as default};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/es/index.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
export{createApp}from"./app.js";import"./components/index.js";export{createRouter}from"./router.js";import"./routes/index.js";export{Link,Outlet,createFileRoute,createLazyFileRoute,createRootRoute,createRootRouteWithContext,redirect,useLocation,useNavigate,useRouter,useSearch}from"@tanstack/react-router";export{default as VefApp}from"./components/vef-app/index.js";export{default as VefDevAssistant}from"./components/vef-dev-assistant/index.js";export{default as VefErrorPage}from"./components/vef-error-page/index.js";export{default as VefNotFoundPage}from"./components/vef-not-found-page/index.js";export{default as VefRouterProvider}from"./components/vef-router-provider/index.js";export{createLayoutRouteOptions}from"./routes/layout.js";
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/es/router.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
import{createRouter as e,createBrowserHistory as r}from"@tanstack/react-router";import{VefText as t}from"@vef-framework/components";import{showErrorNotification as a}from"@vef-framework/shared";import{createElement as o}from"react";const n=6e5;function l({routeTree:l}){return e({routeTree:l,trailingSlash:"never",caseSensitive:!0,history:r(),search:{strict:!0},notFoundMode:"root",defaultPendingMs:500,defaultPendingMinMs:300,defaultSsr:!1,defaultStructuralSharing:!0,defaultHashScrollIntoView:{behavior:"smooth",block:"start",inline:"center"},defaultPreload:"intent",defaultPreloadDelay:50,defaultPreloadGcTime:n,defaultGcTime:n,defaultOnCatch(e,r){a(e.message||e.name,o(t,{color:"error",children:o("pre",{children:e.stack||r.componentStack||"No stack trace available"})}))}})}export{l as createRouter};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
export{createLayoutRouteOptions}from"./layout.js";export{createRootRoute}from"./root.js";
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
import{jsx as r}from"@emotion/react/jsx-runtime";import{Outlet as o}from"@tanstack/react-router";import{VefLayout as t}from"@vef-framework/components";function e(){return{component:()=>r(t,{children:r(o,{})})}}export{e as createLayoutRouteOptions};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
import{jsxs as o,Fragment as n,jsx as e}from"@emotion/react/jsx-runtime";import{createRootRouteWithContext as r,Outlet as t}from"@tanstack/react-router";import{VefLoadingPlaceholder as m}from"@vef-framework/components";import"../components/index.js";import p from"../components/vef-dev-assistant/index.js";import s from"../components/vef-error-page/index.js";import i from"../components/vef-not-found-page/index.js";function f(){return r()({component:()=>o(n,{children:[e(t,{}),"development"===process.env.NODE_ENV&&e(p,{})]}),errorComponent:s,notFoundComponent:i,pendingComponent:m,ssr:!1})}export{f as createRootRoute};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/app.cjs
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom/client");require("./components/index.cjs");const r=require("./components/vef-app/index.cjs");exports.createApp=function(){const n=t.createRoot(document.getElementById("root"),{identifierPrefix:"vef-"});return{render:t=>{n.render(e.createElement(r.default,t))},unmount:()=>n.unmount()}};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vef-app/index.cjs"),r=require("./vef-dev-assistant/index.cjs"),t=require("./vef-error-page/index.cjs"),o=require("./vef-not-found-page/index.cjs"),s=require("./vef-router-provider/index.cjs");exports.VefApp=e.default,exports.VefDevAssistant=r.default,exports.VefErrorPage=t.default,exports.VefNotFoundPage=o.default,exports.VefRouterProvider=s.default;
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/components"),t=require("react"),o=require("../vef-router-provider/index.cjs");exports.default=({router:i,...u})=>e.jsx(t.StrictMode,{children:e.jsx(r.VefConfigProvider,{...u,children:e.jsx(o.default,{router:i})})});
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),o=require("@tanstack/react-query-devtools"),r=require("@tanstack/router-devtools"),n=require("@vef-framework/components"),i=require("lucide-react"),s=require("motion/react"),a=require("react"),c=t.css`
|
|
3
|
+
position: fixed;
|
|
4
|
+
bottom: 0;
|
|
5
|
+
width: 100%;
|
|
6
|
+
z-index: 2;
|
|
7
|
+
|
|
8
|
+
.tsqd-text-logo-container {
|
|
9
|
+
display: none;
|
|
10
|
+
}
|
|
11
|
+
`;exports.default=()=>{const[t,l]=a.useState(null),u=a.useCallback((()=>{l((e=>"query"===e?null:"query"))}),[]),d=a.useCallback((()=>{l((e=>"router"===e?null:"router"))}),[]);return e.jsxs(e.Fragment,{children:[e.jsxs(n.VefFloatButtonGroup,{collapsable:!0,shape:"square",icon:e.jsx(n.VefIcon,{children:e.jsx(i.CoffeeIcon,{})}),children:[e.jsx(n.VefFloatButton,{tip:"API调试控制台",icon:e.jsx(n.VefIcon,{children:e.jsx(i.CompassIcon,{})}),onClick:u}),e.jsx(n.VefFloatButton,{tip:"路由调试控制台",icon:e.jsx(n.VefIcon,{children:e.jsx(i.SendIcon,{})}),onClick:d})]}),e.jsx(s.AnimatePresence,{children:null!==t&&e.jsx(s.motion.div,{css:c,animate:{opacity:1,y:0,transition:{type:"spring",bounce:0,duration:.3}},exit:{opacity:0,y:"50%"},initial:{opacity:0,y:"50%"},children:"query"===t?e.jsx(o.ReactQueryDevtoolsPanel,{}):e.jsx(r.TanStackRouterDevtoolsPanel,{isOpen:"router"===t,setIsOpen:d})})})]})};
|
|
12
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/components");exports.default=({error:o,info:t,reset:n})=>e.jsx(r.VefError,{componentStack:t?.componentStack,error:o,reset:n});
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@tanstack/react-router"),r=require("@vef-framework/components"),o=require("react");exports.default=()=>{const a=t.useNavigate(),u=o.useCallback((()=>a({to:"/"})),[a]),{pathname:s}=t.useLocation();return e.jsx(r.VefNotFound,{uri:s,onNavigateHome:u})};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@tanstack/react-router"),t=require("@vef-framework/core"),o=require("react");exports.default=({router:u})=>{const{fetchApiQuery:i}=t.useApiContext(),s=o.useMemo((()=>({fetchApiQuery:i})),[i]);return e.jsx(r.RouterProvider,{context:s,router:u})};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/index.cjs
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./app.cjs");require("./components/index.cjs");const t=require("./router.cjs");require("./routes/index.cjs");const r=require("@tanstack/react-router"),o=require("./components/vef-app/index.cjs"),u=require("./components/vef-dev-assistant/index.cjs"),n=require("./components/vef-error-page/index.cjs"),s=require("./components/vef-not-found-page/index.cjs"),a=require("./components/vef-router-provider/index.cjs"),c=require("./routes/layout.cjs");exports.createApp=e.createApp,exports.createRouter=t.createRouter,Object.defineProperty(exports,"Link",{enumerable:!0,get:()=>r.Link}),Object.defineProperty(exports,"Outlet",{enumerable:!0,get:()=>r.Outlet}),Object.defineProperty(exports,"createFileRoute",{enumerable:!0,get:()=>r.createFileRoute}),Object.defineProperty(exports,"createLazyFileRoute",{enumerable:!0,get:()=>r.createLazyFileRoute}),Object.defineProperty(exports,"createRootRoute",{enumerable:!0,get:()=>r.createRootRoute}),Object.defineProperty(exports,"createRootRouteWithContext",{enumerable:!0,get:()=>r.createRootRouteWithContext}),Object.defineProperty(exports,"redirect",{enumerable:!0,get:()=>r.redirect}),Object.defineProperty(exports,"useLocation",{enumerable:!0,get:()=>r.useLocation}),Object.defineProperty(exports,"useNavigate",{enumerable:!0,get:()=>r.useNavigate}),Object.defineProperty(exports,"useRouter",{enumerable:!0,get:()=>r.useRouter}),Object.defineProperty(exports,"useSearch",{enumerable:!0,get:()=>r.useSearch}),exports.VefApp=o.default,exports.VefDevAssistant=u.default,exports.VefErrorPage=n.default,exports.VefNotFoundPage=s.default,exports.VefRouterProvider=a.default,exports.createLayoutRouteOptions=c.createLayoutRouteOptions;
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/router.cjs
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@tanstack/react-router"),r=require("@vef-framework/components"),t=require("@vef-framework/shared"),a=require("react"),o=6e5;exports.createRouter=function({routeTree:n}){return e.createRouter({routeTree:n,trailingSlash:"never",caseSensitive:!0,history:e.createBrowserHistory(),search:{strict:!0},notFoundMode:"root",defaultPendingMs:500,defaultPendingMinMs:300,defaultSsr:!1,defaultStructuralSharing:!0,defaultHashScrollIntoView:{behavior:"smooth",block:"start",inline:"center"},defaultPreload:"intent",defaultPreloadDelay:50,defaultPreloadGcTime:o,defaultGcTime:o,defaultOnCatch(e,o){t.showErrorNotification(e.message||e.name,a.createElement(r.VefText,{color:"error",children:a.createElement("pre",{children:e.stack||o.componentStack||"No stack trace available"})}))}})};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./layout.cjs"),t=require("./root.cjs");exports.createLayoutRouteOptions=e.createLayoutRouteOptions,exports.createRootRoute=t.createRootRoute;
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),t=require("@tanstack/react-router"),r=require("@vef-framework/components");exports.createLayoutRouteOptions=function(){return{component:()=>e.jsx(r.VefLayout,{children:e.jsx(t.Outlet,{})})}};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! VefFramework version: 1.0.38, build time: 2024-12-22T14:17:02.848Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),o=require("@tanstack/react-router"),t=require("@vef-framework/components");require("../components/index.cjs");const n=require("../components/vef-dev-assistant/index.cjs"),r=require("../components/vef-error-page/index.cjs"),s=require("../components/vef-not-found-page/index.cjs");exports.createRootRoute=function(){return o.createRootRouteWithContext()({component:()=>e.jsxs(e.Fragment,{children:[e.jsx(o.Outlet,{}),"development"===process.env.NODE_ENV&&e.jsx(n.default,{})]}),errorComponent:r.default,notFoundComponent:s.default,pendingComponent:t.VefLoadingPlaceholder,ssr:!1})};
|
|
3
|
+
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/types.cjs
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@vef-framework/starter",
|
|
3
|
+
"type": "module",
|
|
4
|
+
"version": "1.0.38",
|
|
5
|
+
"private": false,
|
|
6
|
+
"packageManager": "pnpm@9.15.0",
|
|
7
|
+
"description": "The starter of the VEF framework",
|
|
8
|
+
"author": "Venus",
|
|
9
|
+
"keywords": [
|
|
10
|
+
"vef",
|
|
11
|
+
"vef-framework",
|
|
12
|
+
"vef-starter"
|
|
13
|
+
],
|
|
14
|
+
"sideEffects": false,
|
|
15
|
+
"exports": {
|
|
16
|
+
".": {
|
|
17
|
+
"types": "./types/index.d.ts",
|
|
18
|
+
"import": "./es/index.js",
|
|
19
|
+
"require": "./lib/index.cjs"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
"main": "es/index.js",
|
|
23
|
+
"types": "types/index.d.ts",
|
|
24
|
+
"files": [
|
|
25
|
+
"*"
|
|
26
|
+
],
|
|
27
|
+
"engines": {
|
|
28
|
+
"node": ">=20"
|
|
29
|
+
},
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"@emotion/cache": "11.14.0",
|
|
32
|
+
"@emotion/react": "11.14.0",
|
|
33
|
+
"@emotion/styled": "11.14.0",
|
|
34
|
+
"antd": "5.22.4",
|
|
35
|
+
"tslib": "2.8.1",
|
|
36
|
+
"use-sync-external-store": "^1.4.0",
|
|
37
|
+
"@tanstack/react-query-devtools": "^5.62.8",
|
|
38
|
+
"@tanstack/react-router": "1.91.3",
|
|
39
|
+
"@tanstack/router-devtools": "^1.92.1",
|
|
40
|
+
"@vef-framework/components": "1.0.38",
|
|
41
|
+
"@vef-framework/core": "1.0.38",
|
|
42
|
+
"@vef-framework/hooks": "1.0.38",
|
|
43
|
+
"@vef-framework/shared": "1.0.38",
|
|
44
|
+
"lucide-react": "^0.468.0",
|
|
45
|
+
"motion": "11.14.0"
|
|
46
|
+
},
|
|
47
|
+
"publishConfig": {
|
|
48
|
+
"access": "public"
|
|
49
|
+
},
|
|
50
|
+
"peerDependencies": {
|
|
51
|
+
"react": "18.3.1",
|
|
52
|
+
"react-dom": "18.3.1"
|
|
53
|
+
}
|
|
54
|
+
}
|
package/types/app.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as VefApp, type VefAppProps } from "./vef-app";
|
|
2
|
+
export { default as VefDevAssistant, type VefDevAssistantProps } from "./vef-dev-assistant";
|
|
3
|
+
export { default as VefErrorPage, type VefErrorPageProps } from "./vef-error-page";
|
|
4
|
+
export { default as VefNotFoundPage, type VefNotFoundPageProps } from "./vef-not-found-page";
|
|
5
|
+
export { default as VefRouterProvider, type RouterContext, type VefRouterProviderProps } from "./vef-router-provider";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { VefConfigProviderProps } from "@vef-framework/components";
|
|
2
|
+
import type { VefRouterProviderProps } from "../vef-router-provider";
|
|
3
|
+
/**
|
|
4
|
+
* The props of the VefApp component.
|
|
5
|
+
*/
|
|
6
|
+
export interface VefAppProps extends VefConfigProviderProps, VefRouterProviderProps {
|
|
7
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { RouterProps } from "@tanstack/react-router";
|
|
2
|
+
import type { ApiClient } from "@vef-framework/core";
|
|
3
|
+
/**
|
|
4
|
+
* The context of the router.
|
|
5
|
+
*/
|
|
6
|
+
export interface RouterContext {
|
|
7
|
+
/**
|
|
8
|
+
* The fetchApiQuery function.
|
|
9
|
+
*/
|
|
10
|
+
fetchApiQuery: ApiClient["fetchApiQuery"];
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* The props of the VefRouterProvider component.
|
|
14
|
+
*/
|
|
15
|
+
export interface VefRouterProviderProps extends Pick<RouterProps, "router"> {
|
|
16
|
+
}
|
package/types/index.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from "./app";
|
|
2
|
+
export * from "./components";
|
|
3
|
+
export * from "./router";
|
|
4
|
+
export * from "./routes";
|
|
5
|
+
export { createFileRoute, createLazyFileRoute, createRootRoute, createRootRouteWithContext, Link, Outlet, redirect, useLocation, useNavigate, useRouter, useSearch, } from "@tanstack/react-router";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type AnyRoute } from "@tanstack/react-router";
|
|
2
|
+
/**
|
|
3
|
+
* The options for creating a router.
|
|
4
|
+
*/
|
|
5
|
+
export interface RouterOptions {
|
|
6
|
+
/**
|
|
7
|
+
* The route tree to create the router from.
|
|
8
|
+
*/
|
|
9
|
+
routeTree: AnyRoute;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Creates a router.
|
|
13
|
+
*
|
|
14
|
+
* @param options The options for creating the router.
|
|
15
|
+
* @param options.routeTree The route tree to create the router from.
|
|
16
|
+
* @returns The created router.
|
|
17
|
+
*/
|
|
18
|
+
export declare function createRouter({ routeTree, }: RouterOptions): import("@tanstack/react-router").Router<AnyRoute, "never", true, import("@tanstack/history").RouterHistory, Record<string, any>, Record<string, any>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type AnyRoute, type FileRoutesByPath, type RouteConstraints } from "@tanstack/react-router";
|
|
2
|
+
import type { RouteOptions } from "../types";
|
|
3
|
+
/**
|
|
4
|
+
* Creates the options for the layout route.
|
|
5
|
+
*
|
|
6
|
+
* @returns The options for the layout route.
|
|
7
|
+
*/
|
|
8
|
+
export declare function createLayoutRouteOptions<TFilePath extends keyof FileRoutesByPath, TParentRoute extends AnyRoute = FileRoutesByPath[TFilePath]["parentRoute"], TId extends RouteConstraints["TId"] = FileRoutesByPath[TFilePath]["id"], TPath extends RouteConstraints["TPath"] = FileRoutesByPath[TFilePath]["path"], TFullPath extends RouteConstraints["TFullPath"] = FileRoutesByPath[TFilePath]["fullPath"]>(): RouteOptions<TFilePath, TParentRoute, TId, TPath, TFullPath>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type RouterContext } from "../components";
|
|
2
|
+
/**
|
|
3
|
+
* Create the root route.
|
|
4
|
+
*
|
|
5
|
+
* @returns The root route.
|
|
6
|
+
*/
|
|
7
|
+
export declare function createRootRoute(): import("@tanstack/react-router").RootRoute<undefined, RouterContext, import("@tanstack/react-router").AnyContext, import("@tanstack/react-router").AnyContext, {}, undefined, unknown, unknown>;
|
package/types/types.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { AnyRoute, FileRoute, FileRoutesByPath, RouteConstraints } from "@tanstack/react-router";
|
|
2
|
+
/**
|
|
3
|
+
* The options for creating a route.
|
|
4
|
+
*/
|
|
5
|
+
export type RouteOptions<TFilePath extends keyof FileRoutesByPath, TParentRoute extends AnyRoute = FileRoutesByPath[TFilePath]["parentRoute"], TId extends RouteConstraints["TId"] = FileRoutesByPath[TFilePath]["id"], TPath extends RouteConstraints["TPath"] = FileRoutesByPath[TFilePath]["path"], TFullPath extends RouteConstraints["TFullPath"] = FileRoutesByPath[TFilePath]["fullPath"]> = Parameters<FileRoute<TFilePath, TParentRoute, TId, TPath, TFullPath>["createRoute"]>[0];
|