@cloudtower/eagle 0.31.0 → 0.31.2

package/dist/esm/coreX/Sider/index.js

@@ -0,0 +1,102 @@
+import { cx } from '@linaria/core';
+import { Layout, Menu, Tooltip } from 'antd';
+import cs from 'classnames';
+import React__default from 'react';
+import Icon from '../../core/Icon/index.js';
+import { Typo } from '../../core/Typo/index.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  }
+  return a;
+};
+const SiderStyle = "E_s1at6qmn";
+const ShrinkStyle = "E_s1wu0lms";
+const NavLinkStyle = "E_n1ugzfva";
+const NormalWidth = 256;
+const ShrinkWidth = 52;
+const Sider = ({
+  config = [],
+  selectedKeys,
+  isShrink,
+  onClick,
+  children,
+  antdSiderProps
+}) => {
+  const renderItem = item => {
+    const iconSrc = selectedKeys.includes(item.key || "") ? item.icon.active : item.icon.normal;
+    const icon = /* @__PURE__ */React__default.createElement(Icon, {
+      iconWidth: 24,
+      iconHeight: 24,
+      src: iconSrc,
+      style: {
+        opacity: item.disabled ? 0.5 : 1
+      }
+    });
+    const _onClick = () => {
+      if (item.onClick) {
+        item.onClick(item.key);
+      }
+      onClick == null ? void 0 : onClick(item.key);
+    };
+    if (isShrink) {
+      return /* @__PURE__ */React__default.createElement("div", {
+        className: NavLinkStyle,
+        onClick: _onClick
+      }, /* @__PURE__ */React__default.createElement(Tooltip, {
+        title: item.title,
+        placement: "right"
+      }, icon));
+    } else {
+      return /* @__PURE__ */React__default.createElement("div", {
+        className: NavLinkStyle,
+        onClick: _onClick
+      }, icon, /* @__PURE__ */React__default.createElement("span", {
+        className: "link-title"
+      }, item.title));
+    }
+  };
+  return /* @__PURE__ */React__default.createElement(Layout.Sider, __spreadValues({
+    className: cx(SiderStyle, ShrinkStyle, isShrink ? "shrink" : ""),
+    width: isShrink ? ShrinkWidth : NormalWidth
+  }, antdSiderProps), /* @__PURE__ */React__default.createElement(Menu, {
+    className: cx(Typo.Label.l2_regular),
+    selectedKeys
+  }, config.filter(item => !item.hidden).map(item => {
+    if ("items" in item) {
+      return /* @__PURE__ */React__default.createElement(Menu.ItemGroup, {
+        className: cs({
+          split: item.isShowDivider
+        }),
+        key: item.key,
+        title: item.title ? /* @__PURE__ */React__default.createElement("span", {
+          className: Typo.Heading.h3_regular_upper
+        }, item.title) : null
+      }, (item.items || []).filter(childItem => !childItem.hidden).map(childItem => {
+        return /* @__PURE__ */React__default.createElement(Menu.Item, {
+          key: childItem.key,
+          disabled: childItem.disabled
+        }, renderItem(childItem));
+      }));
+    }
+    return /* @__PURE__ */React__default.createElement(Menu.Item, {
+      key: item.key,
+      disabled: item.disabled
+    }, renderItem(item));
+  })), /* @__PURE__ */React__default.createElement("footer", null, children));
+};
+var Sider$1 = Sider;
+
+export { Sider$1 as default };

package/dist/esm/index.js

@@ -117,6 +117,7 @@ export { default as I18nNameTag } from './coreX/I18nNameTag/index.js';
 export { default as NamesTooltip } from './coreX/NamesTooltip/index.js';
 export { default as OverflowTooltip } from './coreX/OverflowTooltip/index.js';
 export { default as SidebarSubtitle } from './coreX/SidebarSubtitle/index.js';
+export { default as Sider } from './coreX/Sider/index.js';
 export { default as SortableList } from './coreX/SortableList/index.js';
 export { default as SummaryTable, SummaryTableRow } from './coreX/SummaryTable/index.js';
 export { default as SwitchWithText } from './coreX/SwitchWithText/index.js';