react-toolkits 0.0.1 → 0.0.3

package/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: [require.resolve('@everythingflow/eslint-config-mono/react')],
+  extends: [require.resolve('@flow97/eslint-config-mono/react')],
 }

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> react-toolkits@0.0.1 build /home/runner/work/everythingflow/everythingflow/packages/react-toolkits
+> react-toolkits@0.0.3 build /home/runner/work/everythingflow/everythingflow/packages/react-toolkits
 > tsup
 
 CLI Building entry: src/index.ts
@@ -11,10 +11,10 @@
 ESM Build start
 DTS Build start
 ESM dist/512_orange_nobackground-L6MFCL6M.png 9.49 KB
-ESM dist/index.css                            4.48 KB
-ESM dist/index.css.map                        7.60 KB
-ESM dist/index.esm.js                         116.12 KB
-ESM dist/index.esm.js.map                     161.86 KB
-ESM ⚡️ Build success in 1818ms
-DTS ⚡️ Build success in 8437ms
-DTS dist/index.d.mts 7.49 KB
+ESM dist/index.css                            4.51 KB
+ESM dist/index.css.map                        7.65 KB
+ESM dist/index.esm.js                         115.82 KB
+ESM dist/index.esm.js.map                     160.66 KB
+ESM ⚡️ Build success in 1423ms
+DTS ⚡️ Build success in 7010ms
+DTS dist/index.d.mts 7.43 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # react-toolkits
 
+## 0.0.3
+
+### Patch Changes
+
+- 1d40a67: filter nav items by permission
+
+## 0.0.2
+
+### Patch Changes
+
+- 732b9bd: use org flow97
+
 ## 0.0.1
 
 ### Patch Changes

package/dist/index.css

@@ -168,6 +168,9 @@
 .hidden {
   display: none;
 }
+.h-8 {
+  height: 2rem;
+}
 .h-screen {
   height: 100vh;
 }

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles/index.css"],"sourcesContent":["@import \"antd/dist/reset.css\";\n\n*, ::before, ::after{\n\n    --tw-border-spacing-x: 0;\n\n    --tw-border-spacing-y: 0;\n\n    --tw-translate-x: 0;\n\n    --tw-translate-y: 0;\n\n    --tw-rotate: 0;\n\n    --tw-skew-x: 0;\n\n    --tw-skew-y: 0;\n\n    --tw-scale-x: 1;\n\n    --tw-scale-y: 1;\n\n    --tw-pan-x:  ;\n\n    --tw-pan-y:  ;\n\n    --tw-pinch-zoom:  ;\n\n    --tw-scroll-snap-strictness: proximity;\n\n    --tw-gradient-from-position:  ;\n\n    --tw-gradient-via-position:  ;\n\n    --tw-gradient-to-position:  ;\n\n    --tw-ordinal:  ;\n\n    --tw-slashed-zero:  ;\n\n    --tw-numeric-figure:  ;\n\n    --tw-numeric-spacing:  ;\n\n    --tw-numeric-fraction:  ;\n\n    --tw-ring-inset:  ;\n\n    --tw-ring-offset-width: 0px;\n\n    --tw-ring-offset-color: #fff;\n\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n\n    --tw-ring-offset-shadow: 0 0 #0000;\n\n    --tw-ring-shadow: 0 0 #0000;\n\n    --tw-shadow: 0 0 #0000;\n\n    --tw-shadow-colored: 0 0 #0000;\n\n    --tw-blur:  ;\n\n    --tw-brightness:  ;\n\n    --tw-contrast:  ;\n\n    --tw-grayscale:  ;\n\n    --tw-hue-rotate:  ;\n\n    --tw-invert:  ;\n\n    --tw-saturate:  ;\n\n    --tw-sepia:  ;\n\n    --tw-drop-shadow:  ;\n\n    --tw-backdrop-blur:  ;\n\n    --tw-backdrop-brightness:  ;\n\n    --tw-backdrop-contrast:  ;\n\n    --tw-backdrop-grayscale:  ;\n\n    --tw-backdrop-hue-rotate:  ;\n\n    --tw-backdrop-invert:  ;\n\n    --tw-backdrop-opacity:  ;\n\n    --tw-backdrop-saturate:  ;\n\n    --tw-backdrop-sepia:  \n}\n\n::backdrop{\n\n    --tw-border-spacing-x: 0;\n\n    --tw-border-spacing-y: 0;\n\n    --tw-translate-x: 0;\n\n    --tw-translate-y: 0;\n\n    --tw-rotate: 0;\n\n    --tw-skew-x: 0;\n\n    --tw-skew-y: 0;\n\n    --tw-scale-x: 1;\n\n    --tw-scale-y: 1;\n\n    --tw-pan-x:  ;\n\n    --tw-pan-y:  ;\n\n    --tw-pinch-zoom:  ;\n\n    --tw-scroll-snap-strictness: proximity;\n\n    --tw-gradient-from-position:  ;\n\n    --tw-gradient-via-position:  ;\n\n    --tw-gradient-to-position:  ;\n\n    --tw-ordinal:  ;\n\n    --tw-slashed-zero:  ;\n\n    --tw-numeric-figure:  ;\n\n    --tw-numeric-spacing:  ;\n\n    --tw-numeric-fraction:  ;\n\n    --tw-ring-inset:  ;\n\n    --tw-ring-offset-width: 0px;\n\n    --tw-ring-offset-color: #fff;\n\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n\n    --tw-ring-offset-shadow: 0 0 #0000;\n\n    --tw-ring-shadow: 0 0 #0000;\n\n    --tw-shadow: 0 0 #0000;\n\n    --tw-shadow-colored: 0 0 #0000;\n\n    --tw-blur:  ;\n\n    --tw-brightness:  ;\n\n    --tw-contrast:  ;\n\n    --tw-grayscale:  ;\n\n    --tw-hue-rotate:  ;\n\n    --tw-invert:  ;\n\n    --tw-saturate:  ;\n\n    --tw-sepia:  ;\n\n    --tw-drop-shadow:  ;\n\n    --tw-backdrop-blur:  ;\n\n    --tw-backdrop-brightness:  ;\n\n    --tw-backdrop-contrast:  ;\n\n    --tw-backdrop-grayscale:  ;\n\n    --tw-backdrop-hue-rotate:  ;\n\n    --tw-backdrop-invert:  ;\n\n    --tw-backdrop-opacity:  ;\n\n    --tw-backdrop-saturate:  ;\n\n    --tw-backdrop-sepia:  \n}\n.container{\n\n    width: 100%\n}\n@media (min-width: 640px){\n\n    .container{\n\n        max-width: 640px\n    }\n}\n@media (min-width: 768px){\n\n    .container{\n\n        max-width: 768px\n    }\n}\n@media (min-width: 1024px){\n\n    .container{\n\n        max-width: 1024px\n    }\n}\n@media (min-width: 1280px){\n\n    .container{\n\n        max-width: 1280px\n    }\n}\n@media (min-width: 1536px){\n\n    .container{\n\n        max-width: 1536px\n    }\n}\n.fixed{\n\n    position: fixed\n}\n.absolute{\n\n    position: absolute\n}\n.relative{\n\n    position: relative\n}\n.-top-12{\n\n    top: -3rem\n}\n.left-0{\n\n    left: 0px\n}\n.right-0{\n\n    right: 0px\n}\n.top-1\\/2{\n\n    top: 50%\n}\n.mb-6{\n\n    margin-bottom: 1.5rem\n}\n.ml-2{\n\n    margin-left: 0.5rem\n}\n.ml-64{\n\n    margin-left: 16rem\n}\n.inline{\n\n    display: inline\n}\n.flex{\n\n    display: flex\n}\n.hidden{\n\n    display: none\n}\n.h-screen{\n\n    height: 100vh\n}\n.w-8{\n\n    width: 2rem\n}\n.w-full{\n\n    width: 100%\n}\n.-translate-y-1\\/2{\n\n    --tw-translate-y: -50%;\n\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.transform{\n\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.items-end{\n\n    align-items: flex-end\n}\n.items-center{\n\n    align-items: center\n}\n.justify-end{\n\n    justify-content: flex-end\n}\n.justify-center{\n\n    justify-content: center\n}\n.overflow-auto{\n\n    overflow: auto\n}\n.bg-gray-50{\n\n    --tw-bg-opacity: 1;\n\n    background-color: rgb(249 250 251 / var(--tw-bg-opacity))\n}\n.p-6{\n\n    padding: 1.5rem\n}\n.px-6{\n\n    padding-left: 1.5rem;\n\n    padding-right: 1.5rem\n}\n.py-4{\n\n    padding-top: 1rem;\n\n    padding-bottom: 1rem\n}\n.text-center{\n\n    text-align: center\n}\n.text-lg{\n\n    font-size: 1.125rem;\n\n    line-height: 1.75rem\n}\n.font-bold{\n\n    font-weight: 700\n}\n.filter{\n\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/styles/index.css"],"sourcesContent":["@import \"antd/dist/reset.css\";\n\n*, ::before, ::after{\n\n    --tw-border-spacing-x: 0;\n\n    --tw-border-spacing-y: 0;\n\n    --tw-translate-x: 0;\n\n    --tw-translate-y: 0;\n\n    --tw-rotate: 0;\n\n    --tw-skew-x: 0;\n\n    --tw-skew-y: 0;\n\n    --tw-scale-x: 1;\n\n    --tw-scale-y: 1;\n\n    --tw-pan-x:  ;\n\n    --tw-pan-y:  ;\n\n    --tw-pinch-zoom:  ;\n\n    --tw-scroll-snap-strictness: proximity;\n\n    --tw-gradient-from-position:  ;\n\n    --tw-gradient-via-position:  ;\n\n    --tw-gradient-to-position:  ;\n\n    --tw-ordinal:  ;\n\n    --tw-slashed-zero:  ;\n\n    --tw-numeric-figure:  ;\n\n    --tw-numeric-spacing:  ;\n\n    --tw-numeric-fraction:  ;\n\n    --tw-ring-inset:  ;\n\n    --tw-ring-offset-width: 0px;\n\n    --tw-ring-offset-color: #fff;\n\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n\n    --tw-ring-offset-shadow: 0 0 #0000;\n\n    --tw-ring-shadow: 0 0 #0000;\n\n    --tw-shadow: 0 0 #0000;\n\n    --tw-shadow-colored: 0 0 #0000;\n\n    --tw-blur:  ;\n\n    --tw-brightness:  ;\n\n    --tw-contrast:  ;\n\n    --tw-grayscale:  ;\n\n    --tw-hue-rotate:  ;\n\n    --tw-invert:  ;\n\n    --tw-saturate:  ;\n\n    --tw-sepia:  ;\n\n    --tw-drop-shadow:  ;\n\n    --tw-backdrop-blur:  ;\n\n    --tw-backdrop-brightness:  ;\n\n    --tw-backdrop-contrast:  ;\n\n    --tw-backdrop-grayscale:  ;\n\n    --tw-backdrop-hue-rotate:  ;\n\n    --tw-backdrop-invert:  ;\n\n    --tw-backdrop-opacity:  ;\n\n    --tw-backdrop-saturate:  ;\n\n    --tw-backdrop-sepia:  \n}\n\n::backdrop{\n\n    --tw-border-spacing-x: 0;\n\n    --tw-border-spacing-y: 0;\n\n    --tw-translate-x: 0;\n\n    --tw-translate-y: 0;\n\n    --tw-rotate: 0;\n\n    --tw-skew-x: 0;\n\n    --tw-skew-y: 0;\n\n    --tw-scale-x: 1;\n\n    --tw-scale-y: 1;\n\n    --tw-pan-x:  ;\n\n    --tw-pan-y:  ;\n\n    --tw-pinch-zoom:  ;\n\n    --tw-scroll-snap-strictness: proximity;\n\n    --tw-gradient-from-position:  ;\n\n    --tw-gradient-via-position:  ;\n\n    --tw-gradient-to-position:  ;\n\n    --tw-ordinal:  ;\n\n    --tw-slashed-zero:  ;\n\n    --tw-numeric-figure:  ;\n\n    --tw-numeric-spacing:  ;\n\n    --tw-numeric-fraction:  ;\n\n    --tw-ring-inset:  ;\n\n    --tw-ring-offset-width: 0px;\n\n    --tw-ring-offset-color: #fff;\n\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n\n    --tw-ring-offset-shadow: 0 0 #0000;\n\n    --tw-ring-shadow: 0 0 #0000;\n\n    --tw-shadow: 0 0 #0000;\n\n    --tw-shadow-colored: 0 0 #0000;\n\n    --tw-blur:  ;\n\n    --tw-brightness:  ;\n\n    --tw-contrast:  ;\n\n    --tw-grayscale:  ;\n\n    --tw-hue-rotate:  ;\n\n    --tw-invert:  ;\n\n    --tw-saturate:  ;\n\n    --tw-sepia:  ;\n\n    --tw-drop-shadow:  ;\n\n    --tw-backdrop-blur:  ;\n\n    --tw-backdrop-brightness:  ;\n\n    --tw-backdrop-contrast:  ;\n\n    --tw-backdrop-grayscale:  ;\n\n    --tw-backdrop-hue-rotate:  ;\n\n    --tw-backdrop-invert:  ;\n\n    --tw-backdrop-opacity:  ;\n\n    --tw-backdrop-saturate:  ;\n\n    --tw-backdrop-sepia:  \n}\n.container{\n\n    width: 100%\n}\n@media (min-width: 640px){\n\n    .container{\n\n        max-width: 640px\n    }\n}\n@media (min-width: 768px){\n\n    .container{\n\n        max-width: 768px\n    }\n}\n@media (min-width: 1024px){\n\n    .container{\n\n        max-width: 1024px\n    }\n}\n@media (min-width: 1280px){\n\n    .container{\n\n        max-width: 1280px\n    }\n}\n@media (min-width: 1536px){\n\n    .container{\n\n        max-width: 1536px\n    }\n}\n.fixed{\n\n    position: fixed\n}\n.absolute{\n\n    position: absolute\n}\n.relative{\n\n    position: relative\n}\n.-top-12{\n\n    top: -3rem\n}\n.left-0{\n\n    left: 0px\n}\n.right-0{\n\n    right: 0px\n}\n.top-1\\/2{\n\n    top: 50%\n}\n.mb-6{\n\n    margin-bottom: 1.5rem\n}\n.ml-2{\n\n    margin-left: 0.5rem\n}\n.ml-64{\n\n    margin-left: 16rem\n}\n.inline{\n\n    display: inline\n}\n.flex{\n\n    display: flex\n}\n.hidden{\n\n    display: none\n}\n.h-8{\n\n    height: 2rem\n}\n.h-screen{\n\n    height: 100vh\n}\n.w-8{\n\n    width: 2rem\n}\n.w-full{\n\n    width: 100%\n}\n.-translate-y-1\\/2{\n\n    --tw-translate-y: -50%;\n\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.transform{\n\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.items-end{\n\n    align-items: flex-end\n}\n.items-center{\n\n    align-items: center\n}\n.justify-end{\n\n    justify-content: flex-end\n}\n.justify-center{\n\n    justify-content: center\n}\n.overflow-auto{\n\n    overflow: auto\n}\n.bg-gray-50{\n\n    --tw-bg-opacity: 1;\n\n    background-color: rgb(249 250 251 / var(--tw-bg-opacity))\n}\n.p-6{\n\n    padding: 1.5rem\n}\n.px-6{\n\n    padding-left: 1.5rem;\n\n    padding-right: 1.5rem\n}\n.py-4{\n\n    padding-top: 1rem;\n\n    padding-bottom: 1rem\n}\n.text-center{\n\n    text-align: center\n}\n.text-lg{\n\n    font-size: 1.125rem;\n\n    line-height: 1.75rem\n}\n.font-bold{\n\n    font-weight: 700\n}\n.filter{\n\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -73,14 +73,12 @@ interface PermissionButtonProps extends Omit<ButtonProps, 'disabled'> {
 }
 declare const PermissionButton: FC<PropsWithChildren<PermissionButtonProps>>;
 
-type MenuItemType2 = Merge<Omit<MenuItemType, 'icon'>, {
+type MenuItemType2 = Merge<MenuItemType, {
     code /** 权限编号 **/?: string;
     route /** 前端路由地址 **/?: string;
-    icon?: string;
 }>;
-type SubMenuType2 = Merge<Omit<SubMenuType, 'icon'>, {
+type SubMenuType2 = Merge<SubMenuType, {
     children?: ItemType2[];
-    icon?: string;
 }>;
 type MenuItemGroupType2 = Merge<MenuItemGroupType, {
     children?: ItemType2[];
@@ -115,7 +113,7 @@ declare function useFetcher(): <T = unknown>(config: AxiosRequestConfig) => Prom
 interface PermissionCheckResult {
     [k: string]: boolean;
 }
-declare function usePermissions(codes: Record<string, string>): {
+declare function usePermissions(codes: string[]): {
     data: Record<string, boolean> | undefined;
     isLoading: boolean;
 };
@@ -186,6 +184,6 @@ interface LayoutProps {
     items: ItemType2[];
     header?: ReactNode;
 }
-declare const Layout: FC<LayoutProps>;
+declare const Layout: FC<PropsWithChildren<LayoutProps>>;
 
 export { DynamicTags, DynamicTagsProps, FetcherError, FilterForm, FilterFormProps, FormModal, FormModalProps, FormModalRef, Highlight, HighlightTextsProps, ItemType2, Layout, LayoutProps, Login, MenuState, NavBarProps, PermissionButton, PermissionButtonProps, PermissionCheckResult, QueryList, QueryListKey, QueryListProps, QueryTriggerState, TokenState, UseFormModalProps, routes as permission, useFetcher, useFormModal, useMenuStore, usePermission, usePermissions, useQueryTriggerStore, useTokenStore };

package/dist/index.esm.js

@@ -1,14 +1,13 @@
-import * as Icon from '@ant-design/icons';
-import Icon__default, { AliyunOutlined, UserAddOutlined, UsergroupAddOutlined, PlusOutlined } from '@ant-design/icons';
+import { AliyunOutlined, UserAddOutlined, UsergroupAddOutlined, PlusOutlined } from '@ant-design/icons';
 import { App, Spin, Row, Col, Card, Alert, Divider, Space, Button, theme, Layout as Layout$1, Tag, Form, Input, Breadcrumb, Skeleton, Descriptions, Typography, Modal, Tooltip, Result, Table, Select, Menu, Collapse, Checkbox } from 'antd';
-import { lazy, useState, useRef, useCallback, useMemo, useEffect, Suspense, forwardRef, useId, useImperativeHandle } from 'react';
+import { lazy, useState, useRef, useCallback, useMemo, useEffect, forwardRef, useId, useImperativeHandle } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal, flushSync } from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import axios from 'axios';
-import { useNavigate, useSearchParams, Navigate, Link, Outlet, useParams, useLocation } from 'react-router-dom';
+import { useNavigate, useSearchParams, Navigate, Link, useParams, useLocation } from 'react-router-dom';
 import useSWRImmutable from 'swr/immutable';
 import useSWRMutation2 from 'swr/mutation';
 import useSWR from 'swr';
@@ -558,14 +557,14 @@ var init_use_fetcher = __esm({
 function usePermissions(codes) {
   const fetcher = useFetcher();
   const { data, isLoading } = useSWRImmutable(
-    Object.keys(codes).length > 0 ? {
+    codes.length > 0 ? {
       method: "POST",
       url: "/api/usystem/user/check",
-      data: { permissions: Object.values(codes) }
+      data: { permissions: codes }
     } : null,
     (config) => fetcher(config).then((res) => {
       if (res.has_all) {
-        return Object.keys(codes).reduce(
+        return codes.reduce(
           (acc, curr) => {
             acc[curr] = true;
             return acc;
@@ -573,9 +572,9 @@ function usePermissions(codes) {
           {}
         );
       }
-      return Object.entries(codes).reduce(
+      return codes.reduce(
         (acc, curr) => {
-          acc[curr[0]] = res[curr[1]];
+          acc[curr] = res[curr];
           return acc;
         },
         {}
@@ -586,7 +585,7 @@ function usePermissions(codes) {
 }
 function usePermission(code) {
   var _a;
-  const { data, isLoading } = usePermissions(code ? { [code]: code } : {});
+  const { data, isLoading } = usePermissions(code ? [code] : []);
   if (!code) {
     return {
       accessible: true,
@@ -2987,6 +2986,7 @@ init_esm_shims();
 
 // src/layouts/NavBar.tsx
 init_esm_shims();
+init_hooks2();
 init_stores();
 var withLink = (label, route) => {
   if (!label) {
@@ -2997,7 +2997,7 @@ var withLink = (label, route) => {
   }
   return label;
 };
-function transformItems(items) {
+function transformItems(items, permissions) {
   const result = [];
   for (let i = 0; i < items.length; i++) {
     if (items[i] === null) {
@@ -3005,19 +3005,17 @@ function transformItems(items) {
     } else if (items[i].type === "divider") {
       result[i] = __spreadValues({}, items[i]);
     } else {
-      const iconName = items[i].icon;
       if (items[i].children) {
         const _a = items[i], { children } = _a, restProps = __objRest(_a, ["children"]);
         result[i] = __spreadProps(__spreadValues({}, restProps), {
-          children: transformItems(children != null ? children : []),
-          icon: iconName ? /* @__PURE__ */ jsx(Icon__default, { component: Icon[iconName] }) : null
+          children: transformItems(children != null ? children : [], permissions)
         });
       } else {
         const _b = items[i], { route, label, code } = _b, restProps = __objRest(_b, ["route", "label", "code"]);
-        result[i] = __spreadProps(__spreadValues({}, restProps), {
-          label: withLink(label, route),
-          icon: iconName ? /* @__PURE__ */ jsx(Icon__default, { component: Icon[iconName] }) : null
-        }) ;
+        const isPass = !code || !permissions || permissions[code];
+        result[i] = isPass ? __spreadProps(__spreadValues({}, restProps), {
+          label: withLink(label, route)
+        }) : null;
       }
     }
   }
@@ -3039,10 +3037,9 @@ var NavBar = (props) => {
   const { items } = props;
   const location = useLocation();
   const flattenItems = useMemo(() => flatItems(items != null ? items : []), [items]);
-  const [internalItems, setInternalItems] = useState([]);
-  useEffect(() => {
-    setInternalItems(transformItems(items != null ? items : []));
-  }, [items]);
+  const codes = flattenItems.map((item) => item.code).filter(Boolean);
+  const { data: permissions, isLoading } = usePermissions(codes);
+  const internalItems = useMemo(() => transformItems(items != null ? items : [], permissions), [items, permissions]);
   const openKeys = useMenuStore((state) => state.openKeys);
   const selectedKeys = useMenuStore((state) => state.selectedKeys);
   const setOpenKeys = useMenuStore((state) => state.setOpenKeys);
@@ -3066,6 +3063,19 @@ var NavBar = (props) => {
       setOpenKeys(keypath);
     }
   }, [flattenItems, location, setOpenKeys, setSelectedKeys]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      Spin,
+      {
+        style: {
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          height: "calc(100vh - 64px)"
+        }
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     Menu,
     {
@@ -3081,7 +3091,7 @@ var NavBar = (props) => {
 var NavBar_default = NavBar;
 var { Header, Sider, Content } = Layout$1;
 var Layout = (props) => {
-  const { title, items, header } = props;
+  const { title, items, header, children } = props;
   const {
     token: { colorBgContainer, colorBorder }
   } = theme.useToken();
@@ -3104,7 +3114,7 @@ var Layout = (props) => {
         theme: "light",
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-end px-6 py-4", children: [
-            /* @__PURE__ */ jsx("img", { src: logo, alt: "logo", className: "w-8" }),
+            /* @__PURE__ */ jsx("img", { src: logo, alt: "logo", className: "w-8 h-8" }),
             /* @__PURE__ */ jsx(Link, { className: "font-bold text-lg ml-2", to: "/", children: title })
           ] }),
           /* @__PURE__ */ jsx(NavBar_default, { items })
@@ -3125,23 +3135,7 @@ var Layout = (props) => {
           children: header
         }
       ),
-      /* @__PURE__ */ jsx(Content, { className: "p-6 overflow-auto bg-gray-50", children: /* @__PURE__ */ jsx(
-        Suspense,
-        {
-          fallback: /* @__PURE__ */ jsx(
-            Spin,
-            {
-              style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "50vh"
-              }
-            }
-          ),
-          children: /* @__PURE__ */ jsx(Outlet, {})
-        }
-      ) })
+      /* @__PURE__ */ jsx(Content, { className: "p-6 overflow-auto bg-gray-50", children })
     ] })
   ] });
 };