@cloudtower/eagle 0.31.0 → 0.31.1

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

@@ -0,0 +1,109 @@
+'use strict';
+
+var core = require('@linaria/core');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+var index$1 = require('../../core/Icon/index.js');
+var index = require('../../core/Typo/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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.default.createElement(index$1, {
+      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.default.createElement("div", {
+        className: NavLinkStyle,
+        onClick: _onClick
+      }, /* @__PURE__ */React__default.default.createElement(antd.Tooltip, {
+        title: item.title,
+        placement: "right"
+      }, icon));
+    } else {
+      return /* @__PURE__ */React__default.default.createElement("div", {
+        className: NavLinkStyle,
+        onClick: _onClick
+      }, icon, /* @__PURE__ */React__default.default.createElement("span", {
+        className: "link-title"
+      }, item.title));
+    }
+  };
+  return /* @__PURE__ */React__default.default.createElement(antd.Layout.Sider, __spreadValues({
+    className: core.cx(SiderStyle, ShrinkStyle, isShrink ? "shrink" : ""),
+    width: isShrink ? ShrinkWidth : NormalWidth
+  }, antdSiderProps), /* @__PURE__ */React__default.default.createElement(antd.Menu, {
+    className: core.cx(index.Typo.Label.l2_regular),
+    selectedKeys
+  }, config.filter(item => !item.hidden).map(item => {
+    if ("items" in item) {
+      return /* @__PURE__ */React__default.default.createElement(antd.Menu.ItemGroup, {
+        className: cs__default.default({
+          split: item.isShowDivider
+        }),
+        key: item.key,
+        title: item.title ? /* @__PURE__ */React__default.default.createElement("span", {
+          className: index.Typo.Heading.h3_regular_upper
+        }, item.title) : null
+      }, (item.items || []).filter(childItem => !childItem.hidden).map(childItem => {
+        return /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
+          key: childItem.key,
+          disabled: childItem.disabled
+        }, renderItem(childItem));
+      }));
+    }
+    return /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
+      key: item.key,
+      disabled: item.disabled
+    }, renderItem(item));
+  })), /* @__PURE__ */React__default.default.createElement("footer", null, children));
+};
+var Sider$1 = Sider;
+
+module.exports = Sider$1;

package/dist/cjs/index.js

@@ -119,11 +119,12 @@ var index$1o = require('./coreX/I18nNameTag/index.js');
 var index$1p = require('./coreX/NamesTooltip/index.js');
 var index$1q = require('./coreX/OverflowTooltip/index.js');
 var index$1r = require('./coreX/SidebarSubtitle/index.js');
-var index$1s = require('./coreX/SortableList/index.js');
-var index$1t = require('./coreX/SummaryTable/index.js');
-var index$1u = require('./coreX/SwitchWithText/index.js');
-var index$1v = require('./coreX/TabMenu/index.js');
-var index$1w = require('./coreX/UnitWithChart/index.js');
+var index$1s = require('./coreX/Sider/index.js');
+var index$1t = require('./coreX/SortableList/index.js');
+var index$1u = require('./coreX/SummaryTable/index.js');
+var index$1v = require('./coreX/SwitchWithText/index.js');
+var index$1w = require('./coreX/TabMenu/index.js');
+var index$1x = require('./coreX/UnitWithChart/index.js');
 var getCalendarTitle = require('./coreX/common/getCalendarTitle.js');
 var AbsoluteDate = require('./coreX/DateRangePicker/AbsoluteDate.js');
 var Calendar = require('./coreX/DateRangePicker/Calendar.js');
@@ -501,13 +502,14 @@ exports.I18nNameTag = index$1o;
 exports.NamesTooltip = index$1p;
 exports.OverflowTooltip = index$1q;
 exports.SidebarSubtitle = index$1r;
-exports.SortableList = index$1s;
-exports.SummaryTable = index$1t.default;
-exports.SummaryTableRow = index$1t.SummaryTableRow;
-exports.SwitchWithText = index$1u;
-exports.TabMenu = index$1v;
-exports.UnitWithChart = index$1w.default;
-exports.UnitWrapper = index$1w.UnitWrapper;
+exports.Sider = index$1s;
+exports.SortableList = index$1t;
+exports.SummaryTable = index$1u.default;
+exports.SummaryTableRow = index$1u.SummaryTableRow;
+exports.SwitchWithText = index$1v;
+exports.TabMenu = index$1w;
+exports.UnitWithChart = index$1x.default;
+exports.UnitWrapper = index$1x.UnitWrapper;
 exports.getCalendarTitle = getCalendarTitle.getCalendarTitle;
 exports.AbsoluteDate = AbsoluteDate;
 exports.DateRangePickerCalendar = Calendar;