@cloudtower/eagle 0.0.0-double-rc-1 → 0.0.0-no-uikit-1

package/dist/esm/core/StepProgress/index.js

@@ -0,0 +1,42 @@
+import cs from 'classnames';
+import React__default, { useRef, useLayoutEffect } from 'react';
+
+const CircleProgressStyle = "E_c1bus5hc";
+const CircleProgress = props => {
+  const {
+    percent,
+    color = "#0080ff",
+    className
+  } = props;
+  const wrapperRef = useRef(null);
+  const childRef = useRef(null);
+  useLayoutEffect(() => {
+    var _a;
+    (_a = wrapperRef.current) == null ? void 0 : _a.style.setProperty("--color", color);
+  }, [color]);
+  useLayoutEffect(() => {
+    let deg = 0;
+    const childStyle = childRef.current.style;
+    if (percent <= 0.5) {
+      deg = 180 * (percent / 0.5);
+      childStyle.background = "white";
+    } else {
+      deg = 180 * ((percent - 0.5) / 0.5);
+      childStyle.background = color;
+    }
+    childStyle.transform = `rotate(${deg}deg)`;
+  }, [percent, color]);
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: cs(CircleProgressStyle, className),
+    ref: wrapperRef
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "circle-inner"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "circle-content"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "circle-child",
+    ref: childRef
+  })));
+};
+
+export { CircleProgress };

package/dist/esm/core/Steps/index.js

@@ -0,0 +1,124 @@
+import { CheckmarkDoneSuccessCorrect16SecondaryIcon } from '@cloudtower/icons-react';
+import { StepsStyle, VerticalStyle, HorizontalStyle, VerticalStepContentStyle, HorizontalStepContentStyle } from './style.js';
+import Tooltip from '../Tooltip/index.js';
+import { Steps as Steps$2 } from 'antd';
+import cs from 'classnames';
+import React__default, { useRef, useState, useLayoutEffect } from '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 StepTitle = (props) => {
+  const { current, step, index, isVerticalMode, preview } = props;
+  const textRef = useRef(null);
+  const [tooltipEnable, setTooltipEnable] = useState({
+    visible: false
+  });
+  const showCompletedIcon = !preview && index < current;
+  useLayoutEffect(() => {
+    if (textRef.current && textRef.current.offsetWidth < textRef.current.scrollWidth) {
+      setTooltipEnable({});
+    }
+  }, [textRef]);
+  return /* @__PURE__ */ React__default.createElement(Tooltip, __spreadProps(__spreadValues({}, tooltipEnable), { title: step.title }), /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: isVerticalMode ? VerticalStepContentStyle : HorizontalStepContentStyle
+    },
+    /* @__PURE__ */ React__default.createElement("span", { className: "step-item-prefix-container" }, showCompletedIcon ? /* @__PURE__ */ React__default.createElement(CheckmarkDoneSuccessCorrect16SecondaryIcon, null) : index + 1),
+    /* @__PURE__ */ React__default.createElement("span", { ref: textRef, className: "step-item-title" }, /* @__PURE__ */ React__default.createElement("span", { className: "step-item-title" }, step.title))
+  ));
+};
+const Steps = (props) => {
+  const _a = props, {
+    stepsConfig,
+    direction,
+    containerClassname,
+    current = 0,
+    disabled,
+    preview = false
+  } = _a, stepsProps = __objRest(_a, [
+    "stepsConfig",
+    "direction",
+    "containerClassname",
+    "current",
+    "disabled",
+    "preview"
+  ]);
+  const isVerticalMode = direction === "vertical";
+  const isPreviewMode = isVerticalMode && preview;
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(
+        containerClassname,
+        StepsStyle,
+        isVerticalMode ? VerticalStyle : HorizontalStyle
+      )
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Steps$2,
+      __spreadProps(__spreadValues({}, stepsProps), {
+        direction,
+        current,
+        type: "default"
+      }),
+      (stepsConfig == null ? void 0 : stepsConfig.length) ? stepsConfig.map((step, index) => {
+        var _a2;
+        return /* @__PURE__ */ React__default.createElement(
+          Steps$2.Step,
+          __spreadProps(__spreadValues({
+            key: index
+          }, step), {
+            disabled: isPreviewMode ? false : (_a2 = disabled != null ? disabled : step == null ? void 0 : step.disabled) != null ? _a2 : index > current,
+            className: cs(
+              step.className,
+              isPreviewMode ? "preview-mode" : ""
+            ),
+            title: /* @__PURE__ */ React__default.createElement(
+              StepTitle,
+              {
+                index,
+                step,
+                current,
+                isVerticalMode,
+                preview: isPreviewMode
+              }
+            )
+          })
+        );
+      }) : props.children
+    )
+  );
+};
+var Steps$1 = Steps;
+
+export { Steps$1 as default };

package/dist/esm/core/Steps/style.js

@@ -0,0 +1,7 @@
+const StepsStyle = "E_sjob3jg";
+const HorizontalStyle = "E_hjvj6s6";
+const VerticalStyle = "E_v4tv3mf";
+const HorizontalStepContentStyle = "E_h6l1tj4";
+const VerticalStepContentStyle = "E_v18frne8";
+
+export { HorizontalStepContentStyle, HorizontalStyle, StepsStyle, VerticalStepContentStyle, VerticalStyle };

package/dist/esm/core/Styled/index.js

@@ -0,0 +1,156 @@
+import { styled } from '@linaria/react';
+
+const CommonContent = /*#__PURE__*/styled('div')({
+  name: "CommonContent",
+  class: "E_cnujxq2",
+  propsAsIs: false
+});
+const ModalBody = /*#__PURE__*/styled('div')({
+  name: "ModalBody",
+  class: "E_m7s48ia",
+  propsAsIs: false
+});
+const WizardBody = /*#__PURE__*/styled('div')({
+  name: "WizardBody",
+  class: "E_wt5zbg6",
+  propsAsIs: false
+});
+const HorizontalWizardModalCompactStyle = "E_h18jprzg";
+const HorizontalWizardModalLooseStyle = "E_h16z9xgz";
+const FormWrapper = /*#__PURE__*/styled('div')({
+  name: "FormWrapper",
+  class: "E_f1lrhghm",
+  propsAsIs: false
+});
+const FormSectionTitle = /*#__PURE__*/styled('h4')({
+  name: "FormSectionTitle",
+  class: "E_f18ot8em",
+  propsAsIs: false
+});
+const FormField = /*#__PURE__*/styled('div')({
+  name: "FormField",
+  class: "E_f1l1g2k0",
+  propsAsIs: false
+});
+const ErrorSpan = /*#__PURE__*/styled('span')({
+  name: "ErrorSpan",
+  class: "E_e1k89cwg",
+  propsAsIs: false
+});
+const Divider = /*#__PURE__*/styled('div')({
+  name: "Divider",
+  class: "E_d1oui1gf",
+  propsAsIs: false
+});
+const LoadingWrapper = /*#__PURE__*/styled('div')({
+  name: "LoadingWrapper",
+  class: "E_l15itdbb",
+  propsAsIs: false
+});
+const Dot = /*#__PURE__*/styled('span')({
+  name: "Dot",
+  class: "E_d1y3z4w",
+  propsAsIs: false
+});
+const ModalWrapper = "E_m177r7a3";
+const _exp = /*#__PURE__*/() => ({
+  color
+}) => {
+  switch (color) {
+    case "red":
+      return "linear-gradient(262.79deg, #FA5F3C 0%, #FF9412 100%)";
+    case "yellow":
+      return "linear-gradient(260.13deg, #FFA600 0%, #FFD900 100%)";
+    case "blue":
+      return "linear-gradient(276.05deg, #0066FF 10.65%, #5CA8FF 89.35%)";
+  }
+};
+const TagSpan = /*#__PURE__*/styled('span')({
+  name: "TagSpan",
+  class: "E_t1wwio3v",
+  propsAsIs: false,
+  vars: {
+    "t1wwio3v-0": [_exp()]
+  }
+});
+const FullView = /*#__PURE__*/styled('div')({
+  name: "FullView",
+  class: "E_f17jvtfk",
+  propsAsIs: false
+});
+const NameTag = /*#__PURE__*/styled('span')({
+  name: "NameTag",
+  class: "E_nzppkea",
+  propsAsIs: false
+});
+const FormItemDiv = /*#__PURE__*/styled('div')({
+  name: "FormItemDiv",
+  class: "E_f4mi9eq",
+  propsAsIs: false
+});
+const FieldTitle = /*#__PURE__*/styled('div')({
+  name: "FieldTitle",
+  class: "E_fh0ewl8",
+  propsAsIs: false
+});
+const ExpandArrow = /*#__PURE__*/styled('i')({
+  name: "ExpandArrow",
+  class: "E_e1qrlvot",
+  propsAsIs: false
+});
+const WarningAlert = "E_w9ic984";
+const NoticeAlert = "E_n1k9qi4r";
+const NormalAlert = "E_n16fsg9x";
+const InfoAlert = "E_i173wxzw";
+const Description = /*#__PURE__*/styled('div')({
+  name: "Description",
+  class: "E_dld369h",
+  propsAsIs: false
+});
+const SelectOptionDisabledText = /*#__PURE__*/styled('div')({
+  name: "SelectOptionDisabledText",
+  class: "E_s1epv22q",
+  propsAsIs: false
+});
+const OperationWraper = /*#__PURE__*/styled('div')({
+  name: "OperationWraper",
+  class: "E_okus5hk",
+  propsAsIs: false
+});
+const TertiaryText = /*#__PURE__*/styled('div')({
+  name: "TertiaryText",
+  class: "E_t1auuzri",
+  propsAsIs: false
+});
+const InputStyle = "E_i74cfyt";
+const KitInputStyle = "E_k1ci6977";
+const LeftEndInputStyle = "E_l1f7td1d";
+const RightEndInputStyle = "E_rf8rlle";
+const LeftEndSelectStyle = "E_llt2k48";
+const RightEndSelectStyle = "E_rdwz7eh";
+const ContentWrapper = /*#__PURE__*/styled('div')({
+  name: "ContentWrapper",
+  class: "E_c3ni091",
+  propsAsIs: false
+});
+const Desc = /*#__PURE__*/styled('div')({
+  name: "Desc",
+  class: "E_d105ju2d",
+  propsAsIs: false
+});
+const _exp2 = /*#__PURE__*/() => Desc;
+const LightDesc = /*#__PURE__*/styled(_exp2())({
+  name: "LightDesc",
+  class: "E_lh0l62z",
+  propsAsIs: true
+});
+const _exp3 = /*#__PURE__*/() => LightDesc;
+const RadioDesc = /*#__PURE__*/styled(_exp3())({
+  name: "RadioDesc",
+  class: "E_r1o4v2oc",
+  propsAsIs: true
+});
+const radioStyle = "E_r1skkc3l";
+const CannotOperationInfo = "E_c3cobmo";
+
+export { CannotOperationInfo, CommonContent, ContentWrapper, Desc, Description, Divider, Dot, ErrorSpan, ExpandArrow, FieldTitle, FormField, FormItemDiv, FormSectionTitle, FormWrapper, FullView, HorizontalWizardModalCompactStyle, HorizontalWizardModalLooseStyle, InfoAlert, InputStyle, KitInputStyle, LeftEndInputStyle, LeftEndSelectStyle, LightDesc, LoadingWrapper, ModalBody, ModalWrapper, NameTag, NormalAlert, NoticeAlert, OperationWraper, RadioDesc, RightEndInputStyle, RightEndSelectStyle, SelectOptionDisabledText, TagSpan, TertiaryText, WarningAlert, WizardBody, radioStyle };

package/dist/esm/core/Switch/index.js

@@ -0,0 +1,59 @@
+import { cx } from '@linaria/core';
+import { styled } from '@linaria/react';
+import { Switch as Switch$2 } from 'antd';
+import React__default from '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 SwitchStyle = "E_s1dizucg";
+const Switch = _a => {
+  var _b = _a,
+    {
+      children,
+      className,
+      checked
+    } = _b,
+    props = __objRest(_b, ["children", "className", "checked"]);
+  const Content = /*#__PURE__*/styled('span')({
+    name: "Content",
+    class: "E_c1up6e3y",
+    propsAsIs: false
+  });
+  const classNames = [className, SwitchStyle, "switch"];
+  if (props.size === "large") classNames.push("ant-switch-large");
+  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(Switch$2, __spreadProps(__spreadValues({
+    className: cx(...classNames),
+    checked: checked || false
+  }, props), {
+    size: props.size
+  })), children ? /* @__PURE__ */React__default.createElement(Content, null, children) : null);
+};
+var Switch$1 = Switch;
+
+export { Switch$1 as default };

package/dist/esm/core/Table/TableWidget.js

@@ -0,0 +1,47 @@
+import { ArrowChevronUp16BoldSecondaryIcon } from '@cloudtower/icons-react';
+import Icon from '../Icon/index.js';
+import cs from 'classnames';
+import React__default, { createContext } from 'react';
+import useElementsSize from '../../hooks/useElementsSize.js';
+
+const TableLoadingStyle = "E_t13ef470";
+const TableLoading = () => {
+  const sizes = useElementsSize({
+    loading: ".ant-table-wrapper .ant-spin"
+  }, {});
+  const rowLength = Math.floor(sizes.loading.height + 8 / 40) || 20;
+  const rows = Array.from({
+    length: rowLength
+  }, (r, i) => i);
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: `${TableLoadingStyle} table-loading`
+  }, rows.map(i => /* @__PURE__ */React__default.createElement("div", {
+    key: i,
+    className: "table-loading-item"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "checkbox-loading"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "td-loading"
+  }))));
+};
+const KitTableContext = createContext({});
+const ColumnTitle = props => {
+  const {
+    title,
+    sortOrder
+  } = props;
+  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, title, /* @__PURE__ */React__default.createElement(Icon, {
+    alt: "arrowChevronUp16BoldSecondary",
+    className: cs("order-icon", sortOrder),
+    src: ArrowChevronUp16BoldSecondaryIcon
+  }));
+};
+const EmptyRowMenu = () => {
+  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null);
+};
+
+export { ColumnTitle, EmptyRowMenu, KitTableContext, TableLoading };

package/dist/esm/core/Table/common.js

@@ -0,0 +1,44 @@
+import { useState, useRef, useMemo, useEffect } from 'react';
+
+function canScroll(el, direction = "vertical") {
+  const overflow = window.getComputedStyle(el).getPropertyValue("overflow");
+  if (overflow === "hidden")
+    return false;
+  if (direction === "vertical") {
+    return el.scrollHeight > el.clientHeight;
+  } else if (direction === "horizontal") {
+    return el.scrollWidth > el.clientWidth;
+  }
+  return false;
+}
+const useTableBodyHasScrollBar = (tableBodyEl, data) => {
+  const [hasScrollBar, setHasScrollBar] = useState(false);
+  const antTableBodyRef = useRef();
+  const observeTableBodyResize = useMemo(
+    () => new ResizeObserver((entries) => {
+      const target = entries[0].target;
+      if (target) {
+        setHasScrollBar(canScroll(target));
+      }
+    }),
+    []
+  );
+  useEffect(() => {
+    var _a;
+    const tableWrapper = (_a = tableBodyEl == null ? void 0 : tableBodyEl.current) == null ? void 0 : _a.querySelector(".ant-table-body");
+    if (tableWrapper) {
+      if (antTableBodyRef.current) {
+        observeTableBodyResize.unobserve(antTableBodyRef.current);
+      }
+      antTableBodyRef.current = tableWrapper;
+      setHasScrollBar(canScroll(antTableBodyRef.current));
+      observeTableBodyResize.observe(antTableBodyRef.current);
+    }
+    return () => {
+      observeTableBodyResize.disconnect();
+    };
+  }, [tableBodyEl, data, observeTableBodyResize]);
+  return hasScrollBar;
+};
+
+export { useTableBodyHasScrollBar };

package/dist/esm/core/Table/index.js

@@ -0,0 +1,106 @@
+import { cx } from '@linaria/core';
+import Loading from '../Loading/index.js';
+import { useTableBodyHasScrollBar } from './common.js';
+import { ColumnTitle, TableLoading } from './TableWidget.js';
+export { EmptyRowMenu, KitTableContext } from './TableWidget.js';
+import { Table as Table$2 } from 'antd';
+import cs from 'classnames';
+import React__default, { useRef, useMemo } from '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));
+const TableContainerStyle = "E_tc97u5y";
+const tableStyleCover = "E_tfzf37v";
+const Table = props => {
+  const {
+    loading,
+    error,
+    dataSource,
+    columns,
+    onSorterChange,
+    onRowClick,
+    rowClassName,
+    scroll,
+    bordered,
+    components,
+    rowSelection,
+    empty,
+    tableLayout = "fixed",
+    initLoading,
+    rowKey,
+    wrapper,
+    pagination,
+    onRow
+  } = props;
+  const orderRef = useRef(null);
+  const hasScrollBard = useTableBodyHasScrollBar(wrapper, dataSource);
+  const _columns = useMemo(() => columns.map(column => {
+    const _column = __spreadValues({}, column);
+    if (_column.sorter && typeof _column.title !== "function") {
+      _column.title = /* @__PURE__ */React__default.createElement(ColumnTitle, {
+        title: column.title,
+        sortOrder: column.sortOrder
+      });
+    }
+    if (_column.align === "right") {
+      _column.className = _column.className ? `${_column.className} align-right` : "align-right";
+    }
+    return _column;
+  }), [columns]);
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: cx(TableContainerStyle, "table-container", !hasScrollBard && "no-scroll-bar")
+  }, /* @__PURE__ */React__default.createElement(Table$2, {
+    className: cs(tableStyleCover, !(dataSource == null ? void 0 : dataSource.length) && "empty-table", initLoading && "table-init-loading", rowSelection && "has-selection"),
+    bordered,
+    loading: {
+      spinning: loading,
+      indicator: initLoading ? /* @__PURE__ */React__default.createElement(TableLoading, null) : /* @__PURE__ */React__default.createElement(Loading, null)
+    },
+    locale: {
+      emptyText: error || /* @__PURE__ */React__default.createElement(React__default.Fragment, null, loading ? "" : empty)
+    },
+    dataSource: dataSource || [],
+    pagination: pagination || false,
+    columns: _columns,
+    components,
+    rowKey: rowKey || "id",
+    tableLayout: (dataSource == null ? void 0 : dataSource.length) ? tableLayout : "auto",
+    size: "small",
+    onChange: (_, filters, sorter) => {
+      if (!(sorter instanceof Array)) {
+        orderRef.current = sorter.order || (orderRef.current === "ascend" ? "descend" : "ascend");
+        onSorterChange == null ? void 0 : onSorterChange(orderRef.current, sorter.columnKey);
+      }
+    },
+    onRow: (record, index) => __spreadValues({
+      onClick: evt => onRowClick == null ? void 0 : onRowClick(record, index, evt)
+    }, onRow == null ? void 0 : onRow(record, index)),
+    rowClassName,
+    scroll,
+    rowSelection: rowSelection && __spreadProps(__spreadValues({}, rowSelection), {
+      columnWidth: 32
+    }),
+    showSorterTooltip: false
+  }));
+};
+var Table$1 = Table;
+
+export { ColumnTitle, TableLoading, Table$1 as default, tableStyleCover, useTableBodyHasScrollBar };