@cloudtower/eagle 0.28.0-dry → 0.28.0

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

@@ -0,0 +1,51 @@
+import { CheckboxStyle } from './checkbox.style.js';
+import { Typo } from '../Typo/index.js';
+import { Checkbox as Checkbox$2 } from 'antd';
+import cs from 'classnames';
+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 Checkbox = (_a) => {
+  var _b = _a, { className, children, description, compact } = _b, props = __objRest(_b, ["className", "children", "description", "compact"]);
+  return /* @__PURE__ */ React__default.createElement(
+    Checkbox$2,
+    __spreadProps(__spreadValues({}, props), {
+      "data-test": props["data-test"] || props.value,
+      className: cs(className, CheckboxStyle, compact && "compact")
+    }),
+    children ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: cs("main", Typo.Label.l2_regular) }, children), description ? /* @__PURE__ */ React__default.createElement("div", { className: cs("sub", Typo.Label.l4_regular) }, description) : null) : null
+  );
+};
+var Checkbox$1 = Checkbox;
+
+export { Checkbox$1 as default };

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

@@ -0,0 +1,23 @@
+import { Progress as Progress$1 } from 'antd';
+import React__default from '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.createElement(Progress$1, __spreadValues({}, props));
+var DeprecatedProgress = Progress;
+
+export { DeprecatedProgress as default };

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

@@ -0,0 +1,21 @@
+import { styled } from '@linaria/react';
+import React__default from 'react';
+
+const CardWrapper = /*#__PURE__*/styled('div')({
+  name: "CardWrapper",
+  class: "E_c1uzzomf",
+  propsAsIs: false
+});
+const DetailCard = props => {
+  const {
+    title
+  } = props;
+  return /* @__PURE__ */React__default.createElement(CardWrapper, null, title && /* @__PURE__ */React__default.createElement("div", {
+    className: "card-title"
+  }, title), /* @__PURE__ */React__default.createElement("div", {
+    className: "card-body"
+  }, props.children));
+};
+var DetailCard$1 = DetailCard;
+
+export { DetailCard$1 as default };

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

@@ -0,0 +1,188 @@
+import { styled } from '@linaria/react';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import cs from 'classnames';
+import React__default, { useMemo } from 'react';
+import { PieChart, Pie, Cell, Legend } from 'recharts';
+import Tooltip from '../Tooltip/index.js';
+import { Typo } from '../Typo/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import { Color } from '../../styles/token/color.js';
+
+var DonutChartColor = /* @__PURE__ */(DonutChartColor2 => {
+  DonutChartColor2["RED"] = "red";
+  DonutChartColor2["GREEN"] = "green";
+  DonutChartColor2["YeLLOW"] = "yellow";
+  DonutChartColor2["BLUE"] = "blue";
+  DonutChartColor2["PURPLE"] = "purple";
+  return DonutChartColor2;
+})(DonutChartColor || {});
+const _exp = /*#__PURE__*/() => props => `${props.width}`;
+const DonutChartWrapper = /*#__PURE__*/styled('div')({
+  name: "DonutChartWrapper",
+  class: "E_d1bw7c5z",
+  propsAsIs: false,
+  vars: {
+    "d1bw7c5z-0": [_exp(), "px"]
+  }
+});
+const TooltipDefaultClass = "E_t10pqbtc";
+const ColorMap = {
+  ["blue" /* BLUE */]: [Color.chart.blue["blue-9"], Color.chart.blue["blue-7"], Color.chart.blue["blue-5"], Color.chart.blue["blue-3"], Color.chart.blue["blue-1"]],
+  ["green" /* GREEN */]: [Color.chart.green["green-9"], Color.chart.green["green-7"], Color.chart.green["green-5"], Color.chart.green["green-3"], Color.chart.green["green-1"]],
+  ["red" /* RED */]: [Color.chart.red["red-9"], Color.chart.red["red-7"], Color.chart.red["red-5"], Color.chart.red["red-3"], Color.chart.red["red-1"]],
+  ["yellow" /* YeLLOW */]: [Color.chart.yellow["yellow-9"], Color.chart.yellow["yellow-7"], Color.chart.yellow["yellow-5"], Color.chart.yellow["yellow-3"], Color.chart.yellow["yellow-1"]],
+  ["purple" /* PURPLE */]: [Color.chart.purple["purple-9"], Color.chart.purple["purple-7"], Color.chart.purple["purple-5"], Color.chart.purple["purple-3"], Color.chart.purple["purple-1"]]
+};
+const formatCollapse = (collapseData = []) => {
+  const value = collapseData.reduce((prev, next) => {
+    return prev + next.value;
+  }, 0);
+  return {
+    tooltip: collapseData,
+    value
+  };
+};
+const formatChartData = ({
+  otherData,
+  data,
+  t,
+  collapseText
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  if (otherData && data.length < 5) {
+    return [...data, {
+      name: t("components.other"),
+      value: (_a = formatCollapse(otherData)) == null ? void 0 : _a.value,
+      color: Color.gray["gray-40"],
+      tooltip: (_b = formatCollapse(otherData)) == null ? void 0 : _b.tooltip
+    }];
+  }
+  if (otherData && data.length >= 5) {
+    const remainData = data.slice(0, 3);
+    const needCollapseData = data.slice(3, data.length);
+    return [...remainData, {
+      name: data[3].name + collapseText,
+      value: (_c = formatCollapse(needCollapseData)) == null ? void 0 : _c.value,
+      color: null,
+      tooltip: (_d = formatCollapse(needCollapseData)) == null ? void 0 : _d.tooltip
+    }, {
+      name: t("components.other"),
+      value: (_e = formatCollapse(otherData)) == null ? void 0 : _e.value,
+      color: Color.gray["gray-40"],
+      tooltip: (_f = formatCollapse(otherData)) == null ? void 0 : _f.tooltip
+    }];
+  }
+  if (data.length > 5) {
+    const remainData = data.slice(0, 4);
+    const needCollapseData = data.slice(4, data.length);
+    return [...remainData, {
+      name: data[4].name + collapseText,
+      value: (_g = formatCollapse(needCollapseData)) == null ? void 0 : _g.value,
+      color: null,
+      tooltip: (_h = formatCollapse(needCollapseData)) == null ? void 0 : _h.tooltip
+    }];
+  }
+  return data;
+};
+const DonutChart = ({
+  data,
+  centerRender,
+  className,
+  overlayClassName,
+  color,
+  otherData,
+  collapseText,
+  width = 148,
+  height = 100,
+  innerRadius = 45,
+  outerRadius = 50,
+  widthPadding = true,
+  showLegend = true
+}) => {
+  const initColorMap = color ? ColorMap[color] : [];
+  const {
+    t
+  } = useParrotTranslation();
+  const formatData = useMemo(() => {
+    return formatChartData({
+      data,
+      otherData,
+      collapseText,
+      t
+    });
+  }, [data, otherData, t, collapseText]);
+  return /* @__PURE__ */React__default.createElement(DonutChartWrapper, {
+    width
+  }, /* @__PURE__ */React__default.createElement(PieChart, {
+    width,
+    height,
+    style: {
+      width: "100%"
+    },
+    className,
+    margin: {
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0
+    }
+  }, /* @__PURE__ */React__default.createElement(Pie, {
+    dataKey: "value",
+    data: formatData,
+    innerRadius,
+    outerRadius: outerRadius != null ? outerRadius : height / 2,
+    cx: width / 2,
+    cy: height / 2,
+    paddingAngle: widthPadding ? 4 : 0,
+    blendStroke: !widthPadding,
+    startAngle: 90,
+    endAngle: -270,
+    stroke: "none"
+  }, formatData.map((data2, index) => /* @__PURE__ */React__default.createElement(Cell, {
+    key: `cell-${index}`,
+    fill: (data2 == null ? void 0 : data2.color) || initColorMap[index]
+  }))), showLegend && /* @__PURE__ */React__default.createElement(Legend, {
+    iconSize: 8,
+    iconType: "square",
+    layout: "vertical",
+    formatter: (name, _, index) => {
+      const legendData = formatData[index];
+      return (legendData == null ? void 0 : legendData.tooltip) ? /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(Tooltip, {
+        overlayClassName: cs(TooltipDefaultClass, overlayClassName),
+        title: Array.isArray(legendData.tooltip) ? /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement("div", {
+          className: Typo.Label.l4_bold
+        }, legendData.name), legendData.tooltip.map(item => /* @__PURE__ */React__default.createElement("div", {
+          className: "item"
+        }, /* @__PURE__ */React__default.createElement("span", {
+          className: "name"
+        }, item.name), /* @__PURE__ */React__default.createElement("span", {
+          className: Typo.Label.l4_bold
+        }, item.value)))) : legendData.tooltip
+      }, /* @__PURE__ */React__default.createElement("div", {
+        className: "tooltip-text"
+      }, legendData.name)), /* @__PURE__ */React__default.createElement("span", {
+        className: cs(Typo.Label.l4_regular, "value")
+      }, legendData.value)) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(OverflowTooltip, {
+        content: legendData.name,
+        onClick: () => {
+          var _a;
+          if ("onClick" in legendData) {
+            (_a = legendData.onClick) == null ? void 0 : _a.call(legendData, legendData.name);
+          }
+        }
+      }), /* @__PURE__ */React__default.createElement("span", {
+        className: cs(Typo.Label.l4_regular, "value")
+      }, legendData.value));
+    }
+  })), !!centerRender && /* @__PURE__ */React__default.createElement("div", null, "text" in centerRender ? /* @__PURE__ */React__default.createElement("div", {
+    className: "center"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "number"
+  }, centerRender.number), /* @__PURE__ */React__default.createElement(OverflowTooltip, {
+    className: "text",
+    content: centerRender.text
+  })) : centerRender));
+};
+var DonutChart$1 = DonutChart;
+
+export { DonutChartColor, DonutChart$1 as default, formatChartData, formatCollapse };

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

@@ -0,0 +1,61 @@
+import { cx } from '@linaria/core';
+import Tooltip from '../Tooltip/index.js';
+import { Menu, Dropdown } from 'antd';
+import React__default from 'react';
+
+const DropdownOverlayStyle = "E_d133fzv0";
+const RenderMenuItem = item => {
+  if (item.hidden === true) {
+    return /* @__PURE__ */React__default.createElement(React__default.Fragment, null);
+  }
+  if (item.type === "group") {
+    return /* @__PURE__ */React__default.createElement(Menu.ItemGroup, {
+      title: item.title,
+      key: item.key
+    }, (item.children || []).map(childItem => RenderMenuItem(childItem)));
+  }
+  if (item.type === "divider") {
+    return /* @__PURE__ */React__default.createElement(Menu.Divider, {
+      key: item.key
+    });
+  }
+  if (item.tooltip) {
+    return /* @__PURE__ */React__default.createElement(Menu.Item, {
+      danger: item.danger,
+      key: item.key,
+      disabled: item.disabled,
+      onClick: item.onClick
+    }, /* @__PURE__ */React__default.createElement(Tooltip, {
+      title: item.tooltip
+    }, item.icon ? React__default.cloneElement(item.icon, {}, item.text) : /* @__PURE__ */React__default.createElement("div", null, item.text)));
+  }
+  return /* @__PURE__ */React__default.createElement(Menu.Item, {
+    danger: item.danger,
+    key: item.key,
+    disabled: item.disabled,
+    onClick: item.onClick
+  }, item.icon ? React__default.cloneElement(item.icon, {}, item.text) : item.text);
+};
+const DropdownMenu = ({
+  items,
+  disabled,
+  placement,
+  trigger,
+  customStyle,
+  slotsElements = {}
+}) => {
+  const menuItems = items.filter(item => !item.hidden);
+  const menuDisabled = disabled || menuItems.length === 0;
+  return /* @__PURE__ */React__default.createElement(Dropdown, {
+    disabled: menuDisabled,
+    placement,
+    trigger,
+    overlayClassName: cx(DropdownOverlayStyle, customStyle == null ? void 0 : customStyle.content),
+    overlay: /* @__PURE__ */React__default.createElement(Menu, null, menuItems.map(item => {
+      return RenderMenuItem(item);
+    }))
+  }, /* @__PURE__ */React__default.createElement("span", null, slotsElements.trigger ? slotsElements.trigger({}) : null));
+};
+var DropdownMenu$1 = DropdownMenu;
+
+export { RenderMenuItem, DropdownMenu$1 as default };

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

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+const Empty = (props) => {
+  const { className, style } = props;
+  return /* @__PURE__ */ React__default.createElement("span", { className, style }, "-");
+};
+var Empty$1 = Empty;
+
+export { Empty$1 as default };

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

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+const Error = ({ error }) => /* @__PURE__ */ React__default.createElement("div", { className: "error" }, String(error));
+var Error$1 = Error;
+
+export { Error$1 as default };

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

@@ -0,0 +1,21 @@
+import React__default from 'react';
+import { withTranslation } from 'react-i18next';
+
+class ErrorBoundary extends React__default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ React__default.createElement("div", { title: String(this.state.error) }, this.props.t("components.unknow_error"));
+    }
+    return this.props.children;
+  }
+}
+var ErrorBoundary$1 = withTranslation()(ErrorBoundary);
+
+export { ErrorBoundary$1 as default };

package/dist/esm/core/ExpandableList/ExpandIcon.js

@@ -0,0 +1,15 @@
+import { ArrowChevronUp16SecondaryIcon, ArrowChevronDown16SecondaryIcon } from '@cloudtower/icons-react';
+import React__default from 'react';
+
+const Style = "E_suhck3k";
+const ExpandIcon = props => {
+  const {
+    isActive
+  } = props;
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: Style
+  }, isActive ? /* @__PURE__ */React__default.createElement(ArrowChevronUp16SecondaryIcon, null) : /* @__PURE__ */React__default.createElement(ArrowChevronDown16SecondaryIcon, null));
+};
+var ExpandIcon$1 = ExpandIcon;
+
+export { ExpandIcon$1 as default };

package/dist/esm/core/ExpandableList/ExpandableContainer.js

@@ -0,0 +1,15 @@
+import { Card } from 'antd';
+import React__default from 'react';
+
+const card = "E_c1yyuluq";
+const ExpandableContainer = props => {
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */React__default.createElement(Card, {
+    className: card
+  }, children);
+};
+var ExpandableContainer$1 = ExpandableContainer;
+
+export { ExpandableContainer$1 as default };

package/dist/esm/core/ExpandableList/ExpandableItem.js

@@ -0,0 +1,46 @@
+import ExpandIcon from './ExpandIcon.js';
+import RoundedOrder from './RoundOrder.js';
+import { Collapse } from 'antd';
+import cs from 'classnames';
+import React__default, { useMemo, useState } from 'react';
+
+const CollapseStyle = "E_ccrbeuz";
+const CollapseDisabled = "E_c1fljvag";
+const ExpandableItem = props => {
+  const {
+    children,
+    disableExpand = false,
+    defaultActive = false,
+    header,
+    order
+  } = props;
+  const showExpandOnDisable = useMemo(() => {
+    return disableExpand && defaultActive;
+  }, [defaultActive, disableExpand]);
+  const [activeKey, setActiveKey] = useState(showExpandOnDisable ? ["expandPanelKey"] : []);
+  return /* @__PURE__ */React__default.createElement(Collapse, {
+    className: cs(CollapseStyle, {
+      [CollapseDisabled]: disableExpand
+    }),
+    expandIcon: ExpandIcon,
+    expandIconPosition: "right",
+    defaultActiveKey: showExpandOnDisable ? ["expandPanelKey"] : [],
+    bordered: false,
+    activeKey,
+    onChange: v => {
+      if (disableExpand) {
+        return;
+      }
+      setActiveKey(v);
+    }
+  }, /* @__PURE__ */React__default.createElement(Collapse.Panel, {
+    key: "expandPanelKey",
+    header: /* @__PURE__ */React__default.createElement(RoundedOrder, {
+      order
+    }, header),
+    showArrow: !disableExpand
+  }, children));
+};
+var ExpandableItem$1 = ExpandableItem;
+
+export { ExpandableItem$1 as default };

package/dist/esm/core/ExpandableList/RoundOrder.js

@@ -0,0 +1,20 @@
+import { Typo } from '../Typo/index.js';
+import React__default from 'react';
+
+const RoundedOrderStyle = "E_ryby9ds";
+const RoundedOrder = props => {
+  const {
+    children,
+    order
+  } = props;
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: RoundedOrderStyle
+  }, order != null ? /* @__PURE__ */React__default.createElement("span", {
+    className: "order"
+  }, /* @__PURE__ */React__default.createElement("span", {
+    className: Typo.Label.l2_bold
+  }, order)) : null, children);
+};
+var RoundedOrder$1 = RoundedOrder;
+
+export { RoundedOrder$1 as default };

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

@@ -0,0 +1,30 @@
+import Button from '../Button/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import cs from 'classnames';
+import React__default from 'react';
+
+const FailedLoadStyle = "E_fzh9mnb";
+const FailedLoad = props => {
+  const {
+    error,
+    refetch,
+    className,
+    title,
+    refetchText
+  } = props;
+  const {
+    t
+  } = useParrotTranslation();
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: cs(FailedLoadStyle, className),
+    title
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "error-text"
+  }, String(error)), /* @__PURE__ */React__default.createElement(Button, {
+    type: "ordinary",
+    onClick: () => refetch()
+  }, refetchText || t("common.retry")));
+};
+var FailedLoad$1 = FailedLoad;
+
+export { FailedLoad$1 as default };

package/dist/esm/core/Fields/FieldsBoolean/index.js

@@ -0,0 +1,45 @@
+import React__default from 'react';
+import Checkbox from '../../Checkbox/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;
+};
+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 FieldsBoolean = (_a) => {
+  var _b = _a, { input, children } = _b, props = __objRest(_b, ["input", "children"]);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    Checkbox,
+    __spreadValues({
+      checked: Boolean(input.value),
+      onChange: (e) => input.onChange(e.target.checked)
+    }, props),
+    children
+  ));
+};
+var FieldsBoolean$1 = FieldsBoolean;
+
+export { FieldsBoolean$1 as default };

package/dist/esm/core/Fields/FieldsDateTime/index.js

@@ -0,0 +1,22 @@
+import { DatePicker } from 'antd';
+import React__default from 'react';
+
+const FieldsDateTime = ({ input }) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  DatePicker,
+  {
+    onFocus: () => {
+      var _a;
+      return (_a = input.onFocus) == null ? void 0 : _a.call(input);
+    },
+    onBlur: () => {
+      var _a;
+      return (_a = input.onBlur) == null ? void 0 : _a.call(input);
+    },
+    showTime: true,
+    defaultValue: input.value,
+    onOk: input.onChange
+  }
+));
+var FieldsDateTime$1 = FieldsDateTime;
+
+export { FieldsDateTime$1 as default };

package/dist/esm/core/Fields/FieldsDateTimeRange/index.js

@@ -0,0 +1,48 @@
+import { DatePicker } from 'antd';
+import moment from 'moment';
+import React__default from 'react';
+
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+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 FieldsDateTimeRange = (_a) => {
+  var _b = _a, {
+    input
+  } = _b, props = __objRest(_b, [
+    "input"
+  ]);
+  var _a2, _b2;
+  return /* @__PURE__ */ React__default.createElement("div", { className: "datatime-range" }, /* @__PURE__ */ React__default.createElement(
+    DatePicker.RangePicker,
+    {
+      onFocus: () => {
+        var _a3;
+        return (_a3 = input.onFocus) == null ? void 0 : _a3.call(input);
+      },
+      onBlur: () => {
+        var _a3;
+        return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
+      },
+      showTime: true,
+      defaultValue: (_a2 = input.value) == null ? void 0 : _a2.map((v) => v && moment(v)),
+      onChange: input.onChange,
+      value: (_b2 = input.value) == null ? void 0 : _b2.map((v) => v && moment(v)),
+      format: props.format
+    }
+  ));
+};
+var FieldsDateTimeRange$1 = FieldsDateTimeRange;
+
+export { FieldsDateTimeRange$1 as default };