@cloudtower/eagle 0.27.66 → 0.27.69

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

@@ -0,0 +1,29 @@
+'use strict';
+
+var antd = require('antd');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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 Progress = (props) => /* @__PURE__ */ React__default.default.createElement(antd.Progress, __spreadValues({}, props));
+var DeprecatedProgress = Progress;
+
+module.exports = DeprecatedProgress;

package/dist/cjs/core/Progress/components.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var react = require('@linaria/react');
+var index$2 = require('../Icon/index.js');
+var progress_const = require('./progress.const.js');
+var progress_style = require('./progress.style.js');
+var index$1 = require('../Typo/index.js');
+var index = require('../../coreX/OverflowTooltip/index.js');
+var cs = require('classnames');
+var React = require('react');
+
+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 __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 _exp = () => ({
+  color
+}) => color || "";
+const IconFieldText = /*#__PURE__*/react.styled('div')({
+  name: "IconFieldText",
+  class: "E_i14c7jc8",
+  propsAsIs: false,
+  vars: {
+    "i14c7jc8-0": [_exp()]
+  }
+});
+const StatusIconMap = {
+  success: /* @__PURE__ */React__default.default.createElement(iconsReact.CheckmarkDoneSuccessCorrect16GreenIcon, null),
+  failed: /* @__PURE__ */React__default.default.createElement(iconsReact.XmarkFailed16RedIcon, null),
+  paused: /* @__PURE__ */React__default.default.createElement(iconsReact.NoticeTriangleFill16YellowIcon, null),
+  active: /* @__PURE__ */React__default.default.createElement(index$2, {
+    src: iconsReact.LoadingBlue16Icon,
+    isRotate: true
+  })
+};
+const IconFieldWrapper = /*#__PURE__*/react.styled('div')({
+  name: "IconFieldWrapper",
+  class: "E_i1ibuolf",
+  propsAsIs: false
+});
+const IconField = _a => {
+  var _b = _a,
+    {
+      src,
+      children,
+      status,
+      className
+    } = _b,
+    restProps = __objRest(_b, ["src", "children", "status", "className"]);
+  const iconNode = status ? StatusIconMap[status] : src ? /* @__PURE__ */React__default.default.createElement(index$2, {
+    src
+  }) : null;
+  const color = status && status !== "active" ? progress_const.StatusColorMap[status] : void 0;
+  return /* @__PURE__ */React__default.default.createElement(IconFieldWrapper, __spreadProps(__spreadValues({}, restProps), {
+    className: core.cx("progress-status-field", className)
+  }), iconNode, /* @__PURE__ */React__default.default.createElement(IconFieldText, {
+    color
+  }, children));
+};
+const Info = ({
+  children,
+  type,
+  multiLines
+}) => {
+  const isTitle = type === "title";
+  return /* @__PURE__ */React__default.default.createElement(index, {
+    className: cs__default.default({
+      "progress-title": isTitle,
+      [index$1.Typo.Label.l2_bold]: isTitle,
+      "progress-desc": !isTitle,
+      [progress_style.DescriptionStyle]: !isTitle
+    }),
+    multiLines,
+    content: children
+  });
+};
+
+exports.IconField = IconField;
+exports.Info = Info;
+exports.StatusIconMap = StatusIconMap;

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

@@ -1,6 +1,12 @@
 'use strict';
 
-var antd = require('antd');
+var core = require('@linaria/core');
+var react = require('@linaria/react');
+var progress_const = require('./progress.const.js');
+var progress_style = require('./progress.style.js');
+var progress_widgets = require('./progress.widgets.js');
+var isStringArr = require('../../utils/isStringArr.js');
+var antd5 = require('antd5');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -8,22 +14,128 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 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 __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]);
-    }
+  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 Progress = (props) => /* @__PURE__ */ React__default.default.createElement(antd.Progress, __spreadValues({}, props));
-var Progress$1 = Progress;
+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 Row = /*#__PURE__*/react.styled('div')({
+  name: "Row",
+  class: "E_r77hffu",
+  propsAsIs: false
+});
+const _exp = () => ({
+  type
+}) => type === "rich" ? "6px" : "4px";
+const ProgressContainer = /*#__PURE__*/react.styled('div')({
+  name: "ProgressContainer",
+  class: "E_p1cmxsf7",
+  propsAsIs: false,
+  vars: {
+    "p1cmxsf7-0": [_exp()]
+  }
+});
+const getStatus = (status, percent, indeterminate) => {
+  if (indeterminate) return "active";
+  if (!status && percent >= 100) return "success";
+  return status || "active";
+};
+const createAreaNode = (content, className, type, gap = 6) => {
+  return typeof content === "string" ? /* @__PURE__ */React__default.default.createElement(progress_widgets.Area, {
+    className,
+    items: [{
+      type,
+      children: content
+    }],
+    gap
+  }) : content;
+};
+const Progress = _a => {
+  var _b = _a,
+    {
+      type = "simple",
+      status,
+      size = "small",
+      leftTop,
+      rightTop,
+      leftBottom,
+      rightBottom,
+      percent = 0,
+      className,
+      indeterminate
+    } = _b,
+    props = __objRest(_b, ["type", "status", "size", "leftTop", "rightTop", "leftBottom", "rightBottom", "percent", "className", "indeterminate"]);
+  const finalStatus = getStatus(status, percent, indeterminate);
+  const storkeWidth = size === "small" ? 4 : 8;
+  const isBaseProgress = type === "base";
+  const isRichProgress = type === "rich";
+  let titleNode;
+  let actionNode = rightBottom;
+  let statusTextNode;
+  if (type === "simple") {
+    let items;
+    if (!rightBottom) {
+      items = [`${percent}%`];
+    } else if (isStringArr.isStringArray(rightBottom)) {
+      items = [...rightBottom, `${percent}%`];
+    }
+    if (items) {
+      actionNode = /* @__PURE__ */React__default.default.createElement(progress_widgets.Area, {
+        items: items.map(desc => ({
+          type: "description",
+          children: desc
+        })),
+        split: "dot"
+      });
+    }
+    titleNode = createAreaNode(leftTop, core.cx(progress_style.FlexFullContentStyle, "progress-leftTop"), "description");
+  } else {
+    statusTextNode = createAreaNode(rightTop, "progress-status", "description", 2);
+    titleNode = createAreaNode(leftTop, "progress-leftTop", "title");
+  }
+  return /* @__PURE__ */React__default.default.createElement(ProgressContainer, {
+    type,
+    className: core.cx(className, progress_style.ProgressStyle)
+  }, titleNode ? /* @__PURE__ */React__default.default.createElement(Row, null, titleNode, statusTextNode) : null, /* @__PURE__ */React__default.default.createElement(antd5.Progress, __spreadProps(__spreadValues({
+    className: isBaseProgress ? progress_style.BaseProgressStyle : "",
+    strokeWidth: storkeWidth,
+    showInfo: false
+  }, props), {
+    status: finalStatus === "active" ? "active" : void 0,
+    percent: indeterminate ? 100 : percent,
+    strokeColor: progress_const.StatusColorMap[finalStatus]
+  })), leftBottom || actionNode ? /* @__PURE__ */React__default.default.createElement(Row, null, isStringArr.isStringArray(leftBottom) ? /* @__PURE__ */React__default.default.createElement(progress_widgets.Area, {
+    className: progress_style.FlexFullContentStyle,
+    items: leftBottom.map(desc => ({
+      type: "description",
+      children: desc,
+      multiLines: !rightBottom ? 2 : 1
+    })),
+    gap: isRichProgress ? 2 : 0,
+    split: "dot"
+  }) : leftBottom, actionNode) : null);
+};
 
-module.exports = Progress$1;
+exports.Progress = Progress;

package/dist/cjs/core/Progress/progress.const.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var color = require('../../styles/token/color.js');
+
+const StatusColorMap = {
+  success: color.Color.fill.positive.base,
+  failed: color.Color.fill.serious.base,
+  paused: color.Color.fill.notice.base,
+  active: color.Color.blue["blue-50"]
+};
+
+exports.StatusColorMap = StatusColorMap;

package/dist/cjs/core/Progress/progress.style.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const DescriptionStyle = "E_d1u4ndxc";
+const FlexFullContentStyle = "E_f6xb0iv";
+const BaseProgressStyle = "E_b1dhu7ov";
+const ProgressStyle = "E_p1as1j2z";
+
+exports.BaseProgressStyle = BaseProgressStyle;
+exports.DescriptionStyle = DescriptionStyle;
+exports.FlexFullContentStyle = FlexFullContentStyle;
+exports.ProgressStyle = ProgressStyle;

package/dist/cjs/core/Progress/progress.widgets.js

@@ -0,0 +1,135 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var react = require('@linaria/react');
+var index$1 = require('../Link/index.js');
+var components = require('./components.js');
+var index = require('../Tag/index.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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 splitMap = {
+  dot: /* @__PURE__ */React__default.default.createElement(iconsReact.DotIntervalSeparation16TertiaryIcon, null)
+};
+const titleAreaStyle = "E_t1gvlxt5";
+const _exp = () => props => props.gap;
+const AreaWrapper = /*#__PURE__*/react.styled('div')({
+  name: "AreaWrapper",
+  class: "E_a1ji6r68",
+  propsAsIs: false,
+  vars: {
+    "a1ji6r68-0": [_exp(), "px"]
+  }
+});
+const Area = ({
+  items,
+  gap = 6,
+  split,
+  className
+}) => {
+  const splitNode = typeof split === "string" ? splitMap[split] || split : split;
+  return /* @__PURE__ */React__default.default.createElement(AreaWrapper, {
+    className,
+    gap
+  }, items.map((item, idx) => {
+    const _a = item,
+      {
+        type
+      } = _a,
+      props = __objRest(_a, ["type"]);
+    return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, {
+      key: idx
+    }, getComponent(type, props), split && idx < items.length - 1 && splitNode);
+  }));
+};
+const TitleArea = ({
+  title,
+  tag,
+  subtitle
+}) => {
+  const items = [];
+  if (tag) {
+    items.push(__spreadValues({
+      type: "tag"
+    }, tag));
+  }
+  items.push({
+    type: "title",
+    children: title
+  });
+  if (subtitle) {
+    items.push({
+      type: "description",
+      children: subtitle
+    });
+  }
+  return /* @__PURE__ */React__default.default.createElement(Area, {
+    gap: 6,
+    className: titleAreaStyle,
+    items
+  });
+};
+function getComponent(type, props) {
+  switch (type) {
+    case "description":
+    case "title":
+      return /* @__PURE__ */React__default.default.createElement(components.Info, __spreadProps(__spreadValues({}, props), {
+        type
+      }));
+    case "iconField":
+      return /* @__PURE__ */React__default.default.createElement(components.IconField, __spreadValues({}, props));
+    case "link":
+      const _a = props,
+        {
+          linkType
+        } = _a,
+        restLinkProps = __objRest(_a, ["linkType"]);
+      const defaultLinkType = restLinkProps.prefixIcon ? "secondary" : "default";
+      return /* @__PURE__ */React__default.default.createElement(index$1, __spreadProps(__spreadValues({}, restLinkProps), {
+        type: linkType || defaultLinkType
+      }));
+    case "tag":
+      const _b = props,
+        {
+          color
+        } = _b,
+        restTagProps = __objRest(_b, ["color"]);
+      return /* @__PURE__ */React__default.default.createElement(index.default, __spreadProps(__spreadValues({}, restTagProps), {
+        color: color || "blue"
+      }));
+  }
+}
+
+exports.Area = Area;
+exports.TitleArea = TitleArea;

package/dist/cjs/core/antd.js

@@ -38,6 +38,7 @@ var index$d = require('./Byte/index.js');
 var index$C = require('./Calendar/index.js');
 var index$D = require('./Card/index.js');
 var index$a = require('./Checkbox/index.js');
+var index$q = require('./DeprecatedProgress/index.js');
 var index$l = require('./Empty/index.js');
 var ExpandableContainer = require('./ExpandableList/ExpandableContainer.js');
 var ExpandableItem = require('./ExpandableList/ExpandableItem.js');
@@ -52,7 +53,6 @@ var index$r = require('./message/index.js');
 var index$5 = require('./Modal/index.js');
 var index$1 = require('./Pagination/index.js');
 var index$c = require('./Percent/index.js');
-var index$q = require('./Progress/index.js');
 var index$p = require('./Radio/index.js');
 var index$n = require('./SearchInput/index.js');
 var index$j = require('./Second/index.js');
@@ -116,7 +116,7 @@ function getAntdKit() {
     radioGroup: index$p.RadioGroup,
     radioButton: index$p.RadioButton,
     tree: antd.Tree,
-    progress: index$q,
+    DeprecatedProgress: index$q,
     divider: antd.Divider,
     skeleton: antd.Skeleton,
     skeletonButton: antd.Skeleton.Button,

package/dist/cjs/index.js

@@ -4,10 +4,12 @@ var index$d = require('./core/Cascader/index.js');
 var cascader_style = require('./core/Cascader/cascader.style.js');
 var cascader_widget = require('./core/Cascader/cascader.widget.js');
 var index$e = require('./core/DropdownMenu/index.js');
+var index$f = require('./core/Progress/index.js');
+var progress_widgets = require('./core/Progress/progress.widgets.js');
 var types = require('./core/TableForm/types.js');
 var type = require('./spec/type.js');
-var index$f = require('./store/index.js');
-var index$g = require('./UIKitProvider/index.js');
+var index$g = require('./store/index.js');
+var index$h = require('./UIKitProvider/index.js');
 var parrot = require('@cloudtower/parrot');
 var antd$1 = require('antd');
 var useElementsSize = require('./hooks/useElementsSize.js');
@@ -27,14 +29,15 @@ var metric = require('./core/Metric/metric.js');
 var index$b = require('./core/Truncate/index.js');
 var index$c = require('./core/Typo/index.js');
 var modal = require('./store/modal.js');
-var index$h = require('./coreX/BarChart/index.js');
-var index$i = require('./coreX/BatchOperation/index.js');
-var index$j = require('./coreX/CronPlan/index.js');
-var index$k = require('./coreX/DateRangePicker/index.js');
+var index$i = require('./coreX/BarChart/index.js');
+var index$j = require('./coreX/BatchOperation/index.js');
+var index$k = require('./coreX/CronPlan/index.js');
+var index$l = require('./coreX/DateRangePicker/index.js');
 var AbsoluteDate = require('./coreX/DateRangePicker/AbsoluteDate.js');
 var Calendar = require('./coreX/DateRangePicker/Calendar.js');
 var InputTime = require('./coreX/DateRangePicker/InputTime.js');
 var RelativeTime = require('./coreX/DateRangePicker/RelativeTime.js');
+var animation = require('./styles/token/animation.js');
 var color = require('./styles/token/color.js');
 var zIndices = require('./styles/token/zIndices.js');
 
@@ -59,15 +62,18 @@ exports.PresetCascaderRender = cascader_widget.PresetCascaderRender;
 exports.defaultTagRender = cascader_widget.defaultTagRender;
 exports.DropdownMenu = index$e.default;
 exports.RenderMenuItem = index$e.RenderMenuItem;
+exports.Progress = index$f.Progress;
+exports.Area = progress_widgets.Area;
+exports.TitleArea = progress_widgets.TitleArea;
 exports.ValidateTriggerType = types.ValidateTriggerType;
 exports.Architecture = type.Architecture;
-exports.UIKitStore = index$f.UIKitStore;
-exports.closeModal = index$f.closeModal;
-exports.popModal = index$f.popModal;
-exports.pushModal = index$f.pushModal;
-exports.UIKitProvider = index$g.default;
-exports.kitContext = index$g.kitContext;
-exports.useUIKit = index$g.useUIKit;
+exports.UIKitStore = index$g.UIKitStore;
+exports.closeModal = index$g.closeModal;
+exports.popModal = index$g.popModal;
+exports.pushModal = index$g.pushModal;
+exports.UIKitProvider = index$h.default;
+exports.kitContext = index$h.kitContext;
+exports.useUIKit = index$h.useUIKit;
 Object.defineProperty(exports, 'Col', {
   enumerable: true,
   get: function () { return antd$1.Col; }
@@ -102,16 +108,17 @@ exports.tickFormatter = metric.tickFormatter;
 exports.Truncate = index$b;
 exports.Typo = index$c.Typo;
 exports.ModalActions = modal.ModalActions;
-exports.BarChart = index$h.default;
-exports.getWidth = index$h.getWidth;
-exports.BatchOperation = index$i.default;
-exports.renderBatchOperationMenuItem = index$i.renderBatchOperationMenuItem;
-exports.stringifyPlan = index$j.stringifyPlan;
-exports.DateRangePicker = index$k.default;
+exports.BarChart = index$i.default;
+exports.getWidth = index$i.getWidth;
+exports.BatchOperation = index$j.default;
+exports.renderBatchOperationMenuItem = index$j.renderBatchOperationMenuItem;
+exports.stringifyPlan = index$k.stringifyPlan;
+exports.DateRangePicker = index$l.default;
 exports.AbsoluteDate = AbsoluteDate;
 exports.Calendar = Calendar;
 exports.InputTime = InputTime;
 exports.RelativeTime = RelativeTime;
+exports.Animation = animation.Animation;
 exports.Color = color.Color;
 exports.zIndices = zIndices.zIndices;
 Object.keys(parrot).forEach(function (k) {