@apexcura/ui-components 0.0.16-Beta33 → 0.0.16-Beta35
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/dist/index.js +14 -21
- package/dist/index.mjs +14 -21
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -777,22 +777,20 @@ var import_antd11 = require("antd");
|
|
|
777
777
|
var { Sider } = import_antd11.Layout;
|
|
778
778
|
var Sidebar = (props) => {
|
|
779
779
|
const [collapsed, setCollapsed] = (0, import_react16.useState)(false);
|
|
780
|
-
|
|
780
|
+
const handleChange = (item) => {
|
|
781
|
+
if (props.onChange) {
|
|
782
|
+
props.onChange(item);
|
|
783
|
+
}
|
|
784
|
+
};
|
|
785
|
+
function getItem(label, key, icon, children, item) {
|
|
781
786
|
return {
|
|
782
|
-
onClick: () => {
|
|
783
|
-
handleChange(items);
|
|
784
|
-
},
|
|
785
787
|
key,
|
|
786
788
|
icon: icon ? /* @__PURE__ */ import_react16.default.createElement("span", { className: props.iconsClassName }, icon) : null,
|
|
787
789
|
children,
|
|
788
|
-
label
|
|
790
|
+
label,
|
|
791
|
+
onClick: () => handleChange(item || { label, key })
|
|
789
792
|
};
|
|
790
793
|
}
|
|
791
|
-
const handleChange = (item) => {
|
|
792
|
-
if (props.onChange) {
|
|
793
|
-
props.onChange(item);
|
|
794
|
-
}
|
|
795
|
-
};
|
|
796
794
|
const items = props.items?.map((eachItem, index) => {
|
|
797
795
|
return getItem(
|
|
798
796
|
eachItem.label,
|
|
@@ -802,9 +800,12 @@ var Sidebar = (props) => {
|
|
|
802
800
|
(child, childIndex) => getItem(
|
|
803
801
|
child.label,
|
|
804
802
|
`${index}-${childIndex}`,
|
|
805
|
-
icons[child.icon]
|
|
803
|
+
icons[child.icon],
|
|
804
|
+
void 0,
|
|
805
|
+
child
|
|
806
806
|
)
|
|
807
|
-
)
|
|
807
|
+
),
|
|
808
|
+
eachItem
|
|
808
809
|
);
|
|
809
810
|
});
|
|
810
811
|
return /* @__PURE__ */ import_react16.default.createElement(import_antd11.Layout, { style: { minHeight: "100vh" } }, /* @__PURE__ */ import_react16.default.createElement(
|
|
@@ -815,15 +816,7 @@ var Sidebar = (props) => {
|
|
|
815
816
|
onCollapse: (value) => setCollapsed(value)
|
|
816
817
|
},
|
|
817
818
|
/* @__PURE__ */ import_react16.default.createElement("div", { className: "demo-logo-vertical" }),
|
|
818
|
-
/* @__PURE__ */ import_react16.default.createElement(
|
|
819
|
-
import_antd11.Menu,
|
|
820
|
-
{
|
|
821
|
-
theme: "dark",
|
|
822
|
-
defaultSelectedKeys: ["1"],
|
|
823
|
-
mode: "inline",
|
|
824
|
-
items
|
|
825
|
-
}
|
|
826
|
-
)
|
|
819
|
+
/* @__PURE__ */ import_react16.default.createElement(import_antd11.Menu, { theme: "dark", defaultSelectedKeys: ["1"], mode: "inline", items })
|
|
827
820
|
));
|
|
828
821
|
};
|
|
829
822
|
|
package/dist/index.mjs
CHANGED
|
@@ -706,22 +706,20 @@ import { Layout, Menu } from "antd";
|
|
|
706
706
|
var { Sider } = Layout;
|
|
707
707
|
var Sidebar = (props) => {
|
|
708
708
|
const [collapsed, setCollapsed] = useState5(false);
|
|
709
|
-
|
|
709
|
+
const handleChange = (item) => {
|
|
710
|
+
if (props.onChange) {
|
|
711
|
+
props.onChange(item);
|
|
712
|
+
}
|
|
713
|
+
};
|
|
714
|
+
function getItem(label, key, icon, children, item) {
|
|
710
715
|
return {
|
|
711
|
-
onClick: () => {
|
|
712
|
-
handleChange(items);
|
|
713
|
-
},
|
|
714
716
|
key,
|
|
715
717
|
icon: icon ? /* @__PURE__ */ React15.createElement("span", { className: props.iconsClassName }, icon) : null,
|
|
716
718
|
children,
|
|
717
|
-
label
|
|
719
|
+
label,
|
|
720
|
+
onClick: () => handleChange(item || { label, key })
|
|
718
721
|
};
|
|
719
722
|
}
|
|
720
|
-
const handleChange = (item) => {
|
|
721
|
-
if (props.onChange) {
|
|
722
|
-
props.onChange(item);
|
|
723
|
-
}
|
|
724
|
-
};
|
|
725
723
|
const items = props.items?.map((eachItem, index) => {
|
|
726
724
|
return getItem(
|
|
727
725
|
eachItem.label,
|
|
@@ -731,9 +729,12 @@ var Sidebar = (props) => {
|
|
|
731
729
|
(child, childIndex) => getItem(
|
|
732
730
|
child.label,
|
|
733
731
|
`${index}-${childIndex}`,
|
|
734
|
-
icons[child.icon]
|
|
732
|
+
icons[child.icon],
|
|
733
|
+
void 0,
|
|
734
|
+
child
|
|
735
735
|
)
|
|
736
|
-
)
|
|
736
|
+
),
|
|
737
|
+
eachItem
|
|
737
738
|
);
|
|
738
739
|
});
|
|
739
740
|
return /* @__PURE__ */ React15.createElement(Layout, { style: { minHeight: "100vh" } }, /* @__PURE__ */ React15.createElement(
|
|
@@ -744,15 +745,7 @@ var Sidebar = (props) => {
|
|
|
744
745
|
onCollapse: (value) => setCollapsed(value)
|
|
745
746
|
},
|
|
746
747
|
/* @__PURE__ */ React15.createElement("div", { className: "demo-logo-vertical" }),
|
|
747
|
-
/* @__PURE__ */ React15.createElement(
|
|
748
|
-
Menu,
|
|
749
|
-
{
|
|
750
|
-
theme: "dark",
|
|
751
|
-
defaultSelectedKeys: ["1"],
|
|
752
|
-
mode: "inline",
|
|
753
|
-
items
|
|
754
|
-
}
|
|
755
|
-
)
|
|
748
|
+
/* @__PURE__ */ React15.createElement(Menu, { theme: "dark", defaultSelectedKeys: ["1"], mode: "inline", items })
|
|
756
749
|
));
|
|
757
750
|
};
|
|
758
751
|
|