@apexcura/ui-components 0.0.16-Beta33 → 0.0.16-Beta34
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 +13 -25
- package/dist/index.mjs +13 -25
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -777,34 +777,30 @@ 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, onClick) {
|
|
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
|
|
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) => {
|
|
795
|
+
const itemOnClick = () => handleChange(eachItem);
|
|
797
796
|
return getItem(
|
|
798
797
|
eachItem.label,
|
|
799
798
|
index.toString(),
|
|
800
799
|
icons[eachItem.icon],
|
|
801
800
|
eachItem.children?.map(
|
|
802
|
-
(child, childIndex) => getItem(
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
icons[child.icon]
|
|
806
|
-
)
|
|
807
|
-
)
|
|
801
|
+
(child, childIndex) => getItem(child.label, `${index}-${childIndex}`, icons[child.icon], void 0, () => handleChange(child))
|
|
802
|
+
),
|
|
803
|
+
itemOnClick
|
|
808
804
|
);
|
|
809
805
|
});
|
|
810
806
|
return /* @__PURE__ */ import_react16.default.createElement(import_antd11.Layout, { style: { minHeight: "100vh" } }, /* @__PURE__ */ import_react16.default.createElement(
|
|
@@ -815,15 +811,7 @@ var Sidebar = (props) => {
|
|
|
815
811
|
onCollapse: (value) => setCollapsed(value)
|
|
816
812
|
},
|
|
817
813
|
/* @__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
|
-
)
|
|
814
|
+
/* @__PURE__ */ import_react16.default.createElement(import_antd11.Menu, { theme: "dark", defaultSelectedKeys: ["1"], mode: "inline", items })
|
|
827
815
|
));
|
|
828
816
|
};
|
|
829
817
|
|
package/dist/index.mjs
CHANGED
|
@@ -706,34 +706,30 @@ 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, onClick) {
|
|
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
|
|
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) => {
|
|
724
|
+
const itemOnClick = () => handleChange(eachItem);
|
|
726
725
|
return getItem(
|
|
727
726
|
eachItem.label,
|
|
728
727
|
index.toString(),
|
|
729
728
|
icons[eachItem.icon],
|
|
730
729
|
eachItem.children?.map(
|
|
731
|
-
(child, childIndex) => getItem(
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
icons[child.icon]
|
|
735
|
-
)
|
|
736
|
-
)
|
|
730
|
+
(child, childIndex) => getItem(child.label, `${index}-${childIndex}`, icons[child.icon], void 0, () => handleChange(child))
|
|
731
|
+
),
|
|
732
|
+
itemOnClick
|
|
737
733
|
);
|
|
738
734
|
});
|
|
739
735
|
return /* @__PURE__ */ React15.createElement(Layout, { style: { minHeight: "100vh" } }, /* @__PURE__ */ React15.createElement(
|
|
@@ -744,15 +740,7 @@ var Sidebar = (props) => {
|
|
|
744
740
|
onCollapse: (value) => setCollapsed(value)
|
|
745
741
|
},
|
|
746
742
|
/* @__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
|
-
)
|
|
743
|
+
/* @__PURE__ */ React15.createElement(Menu, { theme: "dark", defaultSelectedKeys: ["1"], mode: "inline", items })
|
|
756
744
|
));
|
|
757
745
|
};
|
|
758
746
|
|