@cloudtower/eagle 0.30.2 → 0.30.4

package/dist/cjs/core/Loading/index.js

@@ -3,10 +3,12 @@
 var style = require('./style.js');
 var index = require('../Styled/index.js');
 var React = require('react');
+var cs = require('classnames');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
+var cs__default = /*#__PURE__*/_interopDefault(cs);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -27,10 +29,29 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const Loading = ({ fullView = true }) => {
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Loading = (_a) => {
+  var _b = _a, {
+    fullView = true,
+    className
+  } = _b, restProps = __objRest(_b, [
+    "fullView",
+    "className"
+  ]);
   const Wrapper = fullView ? index.FullView : React.Fragment;
   const props = fullView ? { className: "loading-full-view" } : {};
-  return /* @__PURE__ */ React__default.default.createElement(Wrapper, __spreadProps(__spreadValues({}, props), { "data-testid": "loading" }), /* @__PURE__ */ React__default.default.createElement("div", { className: style.LoadingWrapper }, /* @__PURE__ */ React__default.default.createElement("div", { className: style.LoadingLine1 }), /* @__PURE__ */ React__default.default.createElement("div", { className: style.LoadingLine2 }), /* @__PURE__ */ React__default.default.createElement("div", { className: style.LoadingLine3 })));
+  return /* @__PURE__ */ React__default.default.createElement(Wrapper, __spreadProps(__spreadValues({}, props), { "data-testid": "loading" }), /* @__PURE__ */ React__default.default.createElement("div", __spreadValues({ className: cs__default.default(style.LoadingWrapper, className) }, restProps), /* @__PURE__ */ React__default.default.createElement("div", { className: style.LoadingLine1 }), /* @__PURE__ */ React__default.default.createElement("div", { className: style.LoadingLine2 }), /* @__PURE__ */ React__default.default.createElement("div", { className: style.LoadingLine3 })));
 };
 var Loading$1 = Loading;
 

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

@@ -0,0 +1,66 @@
+'use strict';
+
+var index$1 = require('../../core/Styled/index.js');
+var index = require('../../core/Icon/index.js');
+var React = require('react');
+var cs = require('classnames');
+var iconsReact = require('@cloudtower/icons-react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const LoadingWrapper = "E_l12xdkhl";
+const CircleLoading = _a => {
+  var _b = _a,
+    {
+      fullView = true,
+      className
+    } = _b,
+    restProps = __objRest(_b, ["fullView", "className"]);
+  const Wrapper = fullView ? index$1.FullView : React.Fragment;
+  const props = fullView ? {
+    className: "loading-full-view"
+  } : {};
+  return /* @__PURE__ */React__default.default.createElement(Wrapper, __spreadProps(__spreadValues({}, props), {
+    "data-testid": "loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", __spreadValues({
+    className: cs__default.default(LoadingWrapper, className)
+  }, restProps), /* @__PURE__ */React__default.default.createElement(index, {
+    src: iconsReact.Loading64GradientBlueIcon,
+    iconWidth: 64,
+    iconHeight: 64
+  })));
+};
+var CircleLoading$1 = CircleLoading;
+
+module.exports = CircleLoading$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,13 @@ 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 index$1y = require('./coreX/CircleLoading/index.js');
 var getCalendarTitle = require('./coreX/common/getCalendarTitle.js');
 var AbsoluteDate = require('./coreX/DateRangePicker/AbsoluteDate.js');
 var Calendar = require('./coreX/DateRangePicker/Calendar.js');
@@ -501,19 +503,22 @@ 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.CircleLoading = index$1y;
 exports.getCalendarTitle = getCalendarTitle.getCalendarTitle;
 exports.AbsoluteDate = AbsoluteDate;
 exports.DateRangePickerCalendar = Calendar;
 exports.InputTime = InputTime;
 exports.RelativeTime = RelativeTime;
 exports.Animation = animation.Animation;
+exports.Keyframes = animation.Keyframes;
 exports.Color = color.Color;
 exports.zIndices = zIndices.zIndices;
 Object.keys(parrot).forEach(function (k) {