@pnkx-lib/ui 1.5.4 → 1.5.5
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.
|
@@ -11814,50 +11814,86 @@ const Sidebar = ({ children, menu }) => {
|
|
|
11814
11814
|
collapse ? "w-60" : "w-16"
|
|
11815
11815
|
),
|
|
11816
11816
|
children: [
|
|
11817
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11818
|
-
"
|
|
11817
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11818
|
+
"div",
|
|
11819
11819
|
{
|
|
11820
|
-
className:
|
|
11821
|
-
|
|
11822
|
-
|
|
11823
|
-
|
|
11824
|
-
|
|
11825
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { className: "flex flex-1 flex-col px-2", children: [
|
|
11826
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("ul", { role: "list", className: "-mx-2 space-y-1 relative", children: menu.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "relative pl-2 cursor-pointer", children: [
|
|
11827
|
-
(activeMainMenu === item.href || item.href === pathUrl) && !collapse && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
11828
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute top-[-40px] right-0 w-10 h-10 rounded-full shadow-[24px_24px_0_white]" }),
|
|
11829
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute bottom-[-40px] right-0 w-10 h-10 rounded-full shadow-[24px_-24px_0_white]" })
|
|
11830
|
-
] }),
|
|
11831
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11832
|
-
"div",
|
|
11820
|
+
className: twMerge(
|
|
11821
|
+
"flex h-16 shrink-0 items-center justify-center bg-[#FFFFFF]"
|
|
11822
|
+
),
|
|
11823
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11824
|
+
"img",
|
|
11833
11825
|
{
|
|
11834
|
-
className: twMerge(
|
|
11835
|
-
|
|
11836
|
-
|
|
11837
|
-
|
|
11838
|
-
|
|
11839
|
-
|
|
11826
|
+
className: twMerge("h-8 w-auto"),
|
|
11827
|
+
src: collapse ? "https://i.ibb.co/XrQYLt6C/logo.png" : "https://i.ibb.co/7tPnGMqx/Type-Collapse-menu.png",
|
|
11828
|
+
alt: "logo"
|
|
11829
|
+
}
|
|
11830
|
+
)
|
|
11831
|
+
}
|
|
11832
|
+
),
|
|
11833
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { className: twMerge("flex flex-1 flex-col px-2"), children: [
|
|
11834
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("ul", { role: "list", className: twMerge("-mx-2 space-y-1 relative"), children: menu.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
11835
|
+
"li",
|
|
11836
|
+
{
|
|
11837
|
+
className: twMerge("relative pl-2 cursor-pointer"),
|
|
11838
|
+
children: [
|
|
11839
|
+
(activeMainMenu === item.href || item.href === pathUrl) && !collapse && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
11840
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11841
|
+
"span",
|
|
11842
|
+
{
|
|
11843
|
+
className: twMerge(
|
|
11844
|
+
"absolute top-[-40px] right-0 w-10 h-10 rounded-full shadow-[24px_24px_0_white]"
|
|
11845
|
+
)
|
|
11846
|
+
}
|
|
11847
|
+
),
|
|
11848
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11849
|
+
"span",
|
|
11850
|
+
{
|
|
11851
|
+
className: twMerge(
|
|
11852
|
+
"absolute bottom-[-40px] right-0 w-10 h-10 rounded-full shadow-[24px_-24px_0_white]"
|
|
11853
|
+
)
|
|
11854
|
+
}
|
|
11855
|
+
)
|
|
11856
|
+
] }),
|
|
11857
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11858
|
+
"div",
|
|
11840
11859
|
{
|
|
11841
|
-
onClick: () => {
|
|
11842
|
-
handleActiveMain(item.href);
|
|
11843
|
-
setCollapse(false);
|
|
11844
|
-
setOpenSubCollapse(true);
|
|
11845
|
-
},
|
|
11846
11860
|
className: twMerge(
|
|
11847
|
-
|
|
11848
|
-
|
|
11861
|
+
"relative group rounded-bl-full rounded-tl-full hover:text-black",
|
|
11862
|
+
!collapse && "hover:bg-[#FFFFFF]"
|
|
11849
11863
|
),
|
|
11850
|
-
children:
|
|
11851
|
-
|
|
11852
|
-
|
|
11853
|
-
|
|
11854
|
-
|
|
11864
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
11865
|
+
"a",
|
|
11866
|
+
{
|
|
11867
|
+
onClick: () => {
|
|
11868
|
+
handleActiveMain(item.href);
|
|
11869
|
+
setCollapse(false);
|
|
11870
|
+
setOpenSubCollapse(true);
|
|
11871
|
+
},
|
|
11872
|
+
className: twMerge(
|
|
11873
|
+
item.href === activeMainMenu || item.href === pathUrl ? "bg-white text-black hover:text-black" : "text-white hover:bg-[#FFFFFF] hover:text-black",
|
|
11874
|
+
"py-2 rounded-md mt-2 text-sm whitespace-nowrap leading-6 font-semibold relative z-10",
|
|
11875
|
+
collapse ? "pl-4 mr-2" : "rounded-bl-full rounded-tl-full justify-center ",
|
|
11876
|
+
"flex items-center gap-2"
|
|
11877
|
+
),
|
|
11878
|
+
children: [
|
|
11879
|
+
item.icon,
|
|
11880
|
+
collapse && item.name,
|
|
11881
|
+
collapse && /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11882
|
+
ForwardRef$2,
|
|
11883
|
+
{
|
|
11884
|
+
className: twMerge("w-4 h-4 ml-auto")
|
|
11885
|
+
}
|
|
11886
|
+
)
|
|
11887
|
+
]
|
|
11888
|
+
}
|
|
11889
|
+
)
|
|
11855
11890
|
}
|
|
11856
11891
|
)
|
|
11857
|
-
|
|
11858
|
-
|
|
11859
|
-
|
|
11860
|
-
|
|
11892
|
+
]
|
|
11893
|
+
},
|
|
11894
|
+
item.name
|
|
11895
|
+
)) }),
|
|
11896
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: twMerge("mt-auto pb-4"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: bottomMenu.map(
|
|
11861
11897
|
(bm) => bm.show && /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11862
11898
|
"li",
|
|
11863
11899
|
{
|
|
@@ -11866,10 +11902,18 @@ const Sidebar = ({ children, menu }) => {
|
|
|
11866
11902
|
bm.extraClass || ""
|
|
11867
11903
|
),
|
|
11868
11904
|
onClick: () => toast(),
|
|
11869
|
-
children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
11870
|
-
|
|
11871
|
-
|
|
11872
|
-
|
|
11905
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
11906
|
+
"div",
|
|
11907
|
+
{
|
|
11908
|
+
className: twMerge(
|
|
11909
|
+
"hover:bg-[#FFFFFF] flex items-center w-full ml-2 mr-2 whitespace-nowrap gap-2 p-2 rounded-md"
|
|
11910
|
+
),
|
|
11911
|
+
children: [
|
|
11912
|
+
bm.icon,
|
|
11913
|
+
collapse && bm.label
|
|
11914
|
+
]
|
|
11915
|
+
}
|
|
11916
|
+
)
|
|
11873
11917
|
},
|
|
11874
11918
|
bm.key
|
|
11875
11919
|
)
|
|
@@ -11882,57 +11926,74 @@ const Sidebar = ({ children, menu }) => {
|
|
|
11882
11926
|
"button",
|
|
11883
11927
|
{
|
|
11884
11928
|
onClick: () => setOpenSubCollapse(false),
|
|
11885
|
-
className:
|
|
11886
|
-
|
|
11929
|
+
className: twMerge(
|
|
11930
|
+
"absolute top-1/19 transform -translate-y-1/2 cursor-pointer bg-white z-10 text-[#3078BD] rounded-full w-10 h-10 flex items-center justify-center shadow transition-all duration-300 left-44 sm:left-40 md:left-48 lg:left-66"
|
|
11931
|
+
),
|
|
11932
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$3, { className: twMerge("w-4 h-4") })
|
|
11933
|
+
}
|
|
11934
|
+
),
|
|
11935
|
+
openSubCollapse && /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
11936
|
+
"div",
|
|
11937
|
+
{
|
|
11938
|
+
className: twMerge(
|
|
11939
|
+
"flex mt-3 flex-col w-40 border-gray-200 bg-white h-screen transition-all duration-300"
|
|
11940
|
+
),
|
|
11941
|
+
children: [
|
|
11942
|
+
!collapse && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: "https://i.ibb.co/0yCpN5wS/Frame-1111113861.png" }) }),
|
|
11943
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11944
|
+
"nav",
|
|
11945
|
+
{
|
|
11946
|
+
className: twMerge(
|
|
11947
|
+
"flex flex-1 transition-all duration-300 flex-col",
|
|
11948
|
+
collapse ? "mt-0" : "mt-6"
|
|
11949
|
+
),
|
|
11950
|
+
children: activeMenu && /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11951
|
+
"ul",
|
|
11952
|
+
{
|
|
11953
|
+
role: "list",
|
|
11954
|
+
className: twMerge("-mx-2 space-y-1 cursor-pointer mt-4"),
|
|
11955
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
|
|
11956
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
11957
|
+
"a",
|
|
11958
|
+
{
|
|
11959
|
+
onClick: () => {
|
|
11960
|
+
handleOpenSubmenu(activeMenu.name);
|
|
11961
|
+
router(activeMenu.href);
|
|
11962
|
+
},
|
|
11963
|
+
className: twMerge(
|
|
11964
|
+
activeMenu.href === pathUrl ? "bg-[#EEEEF0] text-black" : "text-gray-700 hover:bg-[#EEEEF0]",
|
|
11965
|
+
"group flex gap-x-3 rounded-md p-2 text-sm leading-6 transition-all duration-300 font-semibold items-center"
|
|
11966
|
+
),
|
|
11967
|
+
children: [
|
|
11968
|
+
activeMenu.icon,
|
|
11969
|
+
activeMenu.name,
|
|
11970
|
+
openSubmenu === activeMenu.name ? /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$1, { className: twMerge("w-4 h-4 ml-auto") }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$4, { className: twMerge("w-4 h-4 ml-auto") })
|
|
11971
|
+
]
|
|
11972
|
+
}
|
|
11973
|
+
),
|
|
11974
|
+
openSubmenu === activeMenu.name && activeMenu.children && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: twMerge("pl-2 transition-all duration-300"), children: activeMenu.children.map((sub) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
11975
|
+
"li",
|
|
11976
|
+
{
|
|
11977
|
+
onClick: () => router(sub.href),
|
|
11978
|
+
className: twMerge(
|
|
11979
|
+
sub.href === pathUrl ? "bg-[#EEEEF0] text-black" : "",
|
|
11980
|
+
"text-xs hover:bg-[#EEEEF0] transition-all duration-300 mt-2 rounded-md py-2 flex items-center gap-2 p-2"
|
|
11981
|
+
),
|
|
11982
|
+
children: [
|
|
11983
|
+
sub.icon,
|
|
11984
|
+
sub.name
|
|
11985
|
+
]
|
|
11986
|
+
},
|
|
11987
|
+
sub.name
|
|
11988
|
+
)) })
|
|
11989
|
+
] }, activeMenu.name)
|
|
11990
|
+
}
|
|
11991
|
+
)
|
|
11992
|
+
}
|
|
11993
|
+
)
|
|
11994
|
+
]
|
|
11887
11995
|
}
|
|
11888
11996
|
),
|
|
11889
|
-
openSubCollapse && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex mt-3 flex-col w-40 border-gray-200 bg-white h-screen transition-all duration-300", children: [
|
|
11890
|
-
!collapse && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: "https://i.ibb.co/0yCpN5wS/Frame-1111113861.png" }) }),
|
|
11891
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
11892
|
-
"nav",
|
|
11893
|
-
{
|
|
11894
|
-
className: twMerge(
|
|
11895
|
-
"flex flex-1 transition-all duration-300 flex-col",
|
|
11896
|
-
collapse ? "mt-0" : "mt-6"
|
|
11897
|
-
),
|
|
11898
|
-
children: activeMenu && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { role: "list", className: "-mx-2 space-y-1 cursor-pointer mt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
|
|
11899
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
11900
|
-
"a",
|
|
11901
|
-
{
|
|
11902
|
-
onClick: () => {
|
|
11903
|
-
handleOpenSubmenu(activeMenu.name);
|
|
11904
|
-
router(activeMenu.href);
|
|
11905
|
-
},
|
|
11906
|
-
className: twMerge(
|
|
11907
|
-
activeMenu.href === pathUrl ? "bg-[#EEEEF0] text-black" : "text-gray-700 hover:bg-[#EEEEF0]",
|
|
11908
|
-
"group flex gap-x-3 rounded-md p-2 text-sm leading-6 transition-all duration-300 font-semibold items-center"
|
|
11909
|
-
),
|
|
11910
|
-
children: [
|
|
11911
|
-
activeMenu.icon,
|
|
11912
|
-
activeMenu.name,
|
|
11913
|
-
openSubmenu === activeMenu.name ? /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$1, { className: "w-4 h-4 ml-auto" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$4, { className: "w-4 h-4 ml-auto" })
|
|
11914
|
-
]
|
|
11915
|
-
}
|
|
11916
|
-
),
|
|
11917
|
-
openSubmenu === activeMenu.name && activeMenu.children && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "pl-2 transition-all duration-300", children: activeMenu.children.map((sub) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
11918
|
-
"li",
|
|
11919
|
-
{
|
|
11920
|
-
onClick: () => router(sub.href),
|
|
11921
|
-
className: twMerge(
|
|
11922
|
-
sub.href === pathUrl ? "bg-[#EEEEF0] text-black" : "",
|
|
11923
|
-
"text-xs hover:bg-[#EEEEF0] transition-all duration-300 mt-2 rounded-md py-2 flex items-center gap-2 p-2"
|
|
11924
|
-
),
|
|
11925
|
-
children: [
|
|
11926
|
-
sub.icon,
|
|
11927
|
-
sub.name
|
|
11928
|
-
]
|
|
11929
|
-
},
|
|
11930
|
-
sub.name
|
|
11931
|
-
)) })
|
|
11932
|
-
] }, activeMenu.name) })
|
|
11933
|
-
}
|
|
11934
|
-
)
|
|
11935
|
-
] }),
|
|
11936
11997
|
children
|
|
11937
11998
|
] });
|
|
11938
11999
|
};
|
|
@@ -12171,4 +12232,4 @@ const Image = (props) => {
|
|
|
12171
12232
|
};
|
|
12172
12233
|
|
|
12173
12234
|
export { Alert as A, Button as B, CascaderField as C, Dropdown as D, Anchor as E, Flex as F, Appfix as G, Heading as H, AutoComplete as I, PnkxCollapse as J, PnkxColorPicker as K, Layout as L, Modal as M, Empty as N, Image as O, Popover as P, QRCode as Q, Row as R, Skeleton as S, Table as T, Watermark as W, Tooltip as a, Tabs as b, SearchFiltersForm as c, Container as d, Badge as e, Col as f, Breadcrumb as g, Space as h, Splitter as i, Menu as j, Pagination as k, Steps as l, Sidebar as m, Tag as n, Divider as o, Spin as p, Drawer as q, Popconfirm as r, Result as s, typeColorMap as t, Rate as u, Segmented as v, Statistic as w, Timeline as x, Tour as y, Tree as z };
|
|
12174
|
-
//# sourceMappingURL=Image-
|
|
12235
|
+
//# sourceMappingURL=Image-CFyQxi2B.js.map
|