@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/ToolUseBar/ToolUseBarThink.js

@@ -23,129 +23,150 @@ import {
   ChevronsUpDown
 } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
-import classNamesFn from "classnames";
+import classNames from "classnames";
 import { motion } from "framer-motion";
 import { useMergedState } from "rc-util";
-import React, {
-  memo,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo
-} from "react";
+import React, { memo, useCallback, useContext, useEffect } from "react";
 import { useStyle } from "./thinkStyle";
-var LightModeIconComponent = ({
+var getChevronStyle = (expanded) => ({
+  transform: expanded ? "rotate(0deg)" : "rotate(-90deg)",
+  transition: "transform 0.2s"
+});
+var FLOATING_ICON_STYLE = {
+  fontSize: 16,
+  color: "var(--color-gray-text-light)"
+};
+var LOADING_ANIMATION = {
+  animate: {
+    "--rotate": ["0deg", "360deg"]
+  },
+  transition: {
+    "--rotate": {
+      duration: 1,
+      repeat: Infinity,
+      ease: "linear"
+    }
+  },
+  style: {
+    "--rotation": "360deg"
+  }
+};
+var IDLE_ANIMATION = {
+  animate: {},
+  transition: {},
+  style: {
+    "--rotation": "0deg"
+  }
+};
+var HEADER_RIGHT_LOADING_ANIMATION = {
+  animate: {
+    maskImage: [
+      "linear-gradient(to right, rgba(0,0,0,0.99)  -50%, rgba(0,0,0,0.15)   -50%,rgba(0,0,0,0.99)  150%)",
+      "linear-gradient(to right, rgba(0,0,0,0.99)  -50%,  rgba(0,0,0,0.15)  150%,rgba(0,0,0,0.99)  150%)"
+    ]
+  },
+  transition: {
+    maskImage: {
+      duration: 1,
+      repeat: Infinity,
+      ease: "linear"
+    }
+  },
+  style: {
+    maskImage: "linear-gradient(to right, rgba(0,0,0,0.99) -30%, rgba(0,0,0,0.15) -50%, rgba(0,0,0,0.99) 120%)"
+  }
+};
+var buildClassName = (...args) => classNames(...args);
+var LightModeIcon = ({
   prefixCls,
   hashId,
   hover,
   expandedState
 }) => {
-  const iconClassName = useMemo(() => {
-    return classNamesFn(
-      `${prefixCls}-header-left-icon`,
-      {
-        [`${prefixCls}-header-left-icon-light`]: true
-      },
-      hashId
-    );
-  }, [prefixCls, hashId]);
-  const chevronStyle = useMemo(() => {
-    return {
-      transform: expandedState ? "rotate(0deg)" : "rotate(-90deg)",
-      transition: "transform 0.2s"
-    };
-  }, [expandedState]);
-  const iconElement = useMemo(() => {
-    return hover ? /* @__PURE__ */ React.createElement(ChevronDown, { style: chevronStyle }) : /* @__PURE__ */ React.createElement(Brain, null);
-  }, [hover, chevronStyle]);
-  return /* @__PURE__ */ React.createElement("div", { className: iconClassName }, iconElement);
+  const iconClassName = buildClassName(
+    `${prefixCls}-header-left-icon`,
+    `${prefixCls}-header-left-icon-light`,
+    hashId
+  );
+  const chevronStyle = getChevronStyle(expandedState);
+  const icon = hover ? /* @__PURE__ */ React.createElement(ChevronDown, { style: chevronStyle }) : /* @__PURE__ */ React.createElement(Brain, null);
+  return /* @__PURE__ */ React.createElement("div", { className: iconClassName }, icon);
 };
-var LightModeIcon = memo(LightModeIconComponent);
-var HeaderContentComponent = ({
+var HeaderContent = ({
   toolName,
   toolTarget,
   prefixCls,
   hashId,
   light,
-  classNames,
+  classNames: customClassNames,
   styles
 }) => {
-  const nameClassName = useMemo(() => {
-    return classNamesFn(
-      `${prefixCls}-name`,
-      {
-        [`${prefixCls}-name-light`]: light
-      },
-      hashId,
-      classNames == null ? void 0 : classNames.name
-    );
-  }, [prefixCls, hashId, light, classNames == null ? void 0 : classNames.name]);
-  const targetClassName = useMemo(() => {
-    return classNamesFn(`${prefixCls}-target`, hashId, classNames == null ? void 0 : classNames.target);
-  }, [prefixCls, hashId, classNames == null ? void 0 : classNames.target]);
-  const nameElement = useMemo(() => {
-    return toolName ? /* @__PURE__ */ React.createElement("div", { className: nameClassName, style: styles == null ? void 0 : styles.name }, toolName) : null;
-  }, [toolName, nameClassName, styles == null ? void 0 : styles.name]);
-  const targetElement = useMemo(() => {
-    return toolTarget ? /* @__PURE__ */ React.createElement("div", { className: targetClassName, style: styles == null ? void 0 : styles.target }, toolTarget) : /* @__PURE__ */ React.createElement("div", null);
-  }, [toolTarget, targetClassName, styles == null ? void 0 : styles.target]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, nameElement, targetElement);
+  const nameClassName = buildClassName(
+    `${prefixCls}-name`,
+    { [`${prefixCls}-name-light`]: light },
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.name
+  );
+  const targetClassName = buildClassName(
+    `${prefixCls}-target`,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.target
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, toolName && /* @__PURE__ */ React.createElement("div", { className: nameClassName, style: styles == null ? void 0 : styles.name }, toolName), toolTarget ? /* @__PURE__ */ React.createElement("div", { className: targetClassName, style: styles == null ? void 0 : styles.target }, toolTarget) : /* @__PURE__ */ React.createElement("div", null));
 };
-var HeaderContent = memo(HeaderContentComponent);
-var TimeElementComponent = ({
+var TimeElement = ({
   time,
   prefixCls,
   hashId,
-  classNames,
+  classNames: customClassNames,
   styles
 }) => {
-  const timeClassName = useMemo(() => {
-    return classNamesFn(`${prefixCls}-time`, hashId, classNames == null ? void 0 : classNames.time);
-  }, [prefixCls, hashId, classNames == null ? void 0 : classNames.time]);
-  const timeElement = useMemo(() => {
-    return time ? /* @__PURE__ */ React.createElement("div", { className: timeClassName, style: styles == null ? void 0 : styles.time }, time) : null;
-  }, [time, timeClassName, styles == null ? void 0 : styles.time]);
-  return timeElement;
+  if (!time)
+    return null;
+  const timeClassName = buildClassName(
+    `${prefixCls}-time`,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.time
+  );
+  return /* @__PURE__ */ React.createElement("div", { className: timeClassName, style: styles == null ? void 0 : styles.time }, time);
 };
-var TimeElement = memo(TimeElementComponent);
-var ExpandButtonComponent = ({
+var ExpandButton = ({
   thinkContent,
   light,
   expandedState,
   prefixCls,
   hashId,
-  classNames,
+  classNames: customClassNames,
   styles,
   onToggleExpand
 }) => {
-  const expandClassName = useMemo(() => {
-    return classNamesFn(`${prefixCls}-expand`, hashId, classNames == null ? void 0 : classNames.expand);
-  }, [prefixCls, hashId, classNames == null ? void 0 : classNames.expand]);
-  const expandIcon = useMemo(() => {
-    return !expandedState ? /* @__PURE__ */ React.createElement(ChevronsUpDown, null) : /* @__PURE__ */ React.createElement(ChevronsDownUp, null);
-  }, [expandedState]);
-  const expandElement = useMemo(() => {
-    return thinkContent && !light ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: expandClassName,
-        onClick: onToggleExpand,
-        style: styles == null ? void 0 : styles.expand
-      },
-      expandIcon
-    ) : null;
-  }, [
-    thinkContent,
-    light,
-    expandClassName,
-    onToggleExpand,
-    styles == null ? void 0 : styles.expand,
+  if (!thinkContent || light)
+    return null;
+  const expandClassName = buildClassName(
+    `${prefixCls}-expand`,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.expand
+  );
+  const expandIcon = expandedState ? /* @__PURE__ */ React.createElement(ChevronsDownUp, null) : /* @__PURE__ */ React.createElement(ChevronsUpDown, null);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: expandClassName,
+      onClick: onToggleExpand,
+      style: styles == null ? void 0 : styles.expand
+    },
     expandIcon
-  ]);
-  return expandElement;
+  );
 };
-var ExpandButton = memo(ExpandButtonComponent);
-var ThinkContainerComponent = ({
+var getContainerStyle = (expanded, customStyle) => __spreadValues(__spreadValues({}, expanded ? {} : {
+  height: 1,
+  padding: "0 8px",
+  margin: 0,
+  overflow: "hidden",
+  minHeight: 0,
+  visibility: "hidden"
+}), customStyle);
+var ThinkContainer = ({
   thinkContent,
   expandedState,
   floatingExpandedState,
@@ -153,65 +174,46 @@ var ThinkContainerComponent = ({
   light,
   prefixCls,
   hashId,
-  classNames,
+  classNames: customClassNames,
   styles,
   onToggleFloatingExpand
 }) => {
-  const containerClassName = useMemo(() => {
-    return classNamesFn(
-      `${prefixCls}-container`,
-      hashId,
-      classNames == null ? void 0 : classNames.container,
-      {
-        [`${prefixCls}-container-expanded`]: expandedState,
-        [`${prefixCls}-container-loading`]: status === "loading" && !floatingExpandedState,
-        [`${prefixCls}-container-light`]: light,
-        [`${prefixCls}-container-floating-expanded`]: floatingExpandedState
-      }
-    );
-  }, [
-    prefixCls,
+  if (!thinkContent)
+    return null;
+  const containerClassName = buildClassName(
+    `${prefixCls}-container`,
     hashId,
-    classNames == null ? void 0 : classNames.container,
-    expandedState,
-    status,
-    floatingExpandedState,
-    light
-  ]);
-  const containerStyle = useMemo(() => {
-    return __spreadValues(__spreadValues({}, expandedState ? {} : {
-      height: 1,
-      padding: "0 8px",
-      margin: 0,
-      overflow: "hidden",
-      minHeight: 0,
-      visibility: "hidden"
-    }), styles == null ? void 0 : styles.container);
-  }, [expandedState, styles == null ? void 0 : styles.container]);
-  const contentClassName = useMemo(() => {
-    return classNamesFn(`${prefixCls}-content`, hashId, classNames == null ? void 0 : classNames.content);
-  }, [prefixCls, hashId, classNames == null ? void 0 : classNames.content]);
-  const floatingExpandClassName = useMemo(() => {
-    return classNamesFn(
-      `${prefixCls}-floating-expand`,
-      hashId,
-      classNames == null ? void 0 : classNames.floatingExpand
-    );
-  }, [prefixCls, hashId, classNames == null ? void 0 : classNames.floatingExpand]);
-  const floatingIconStyle = useMemo(() => {
-    return {
-      fontSize: 16,
-      color: "var(--color-gray-text-light)"
-    };
-  }, []);
-  const floatingIcon = useMemo(() => {
-    return !floatingExpandedState ? /* @__PURE__ */ React.createElement(ChevronsUpDown, { style: floatingIconStyle }) : /* @__PURE__ */ React.createElement(ChevronsDownUp, { style: floatingIconStyle });
-  }, [floatingExpandedState, floatingIconStyle]);
-  const floatingText = useMemo(() => {
-    return floatingExpandedState ? "收起" : "展开";
-  }, [floatingExpandedState]);
-  const floatingExpandElement = useMemo(() => {
-    return status === "loading" && !light ? /* @__PURE__ */ React.createElement(
+    customClassNames == null ? void 0 : customClassNames.container,
+    {
+      [`${prefixCls}-container-expanded`]: expandedState,
+      [`${prefixCls}-container-loading`]: status === "loading" && !floatingExpandedState,
+      [`${prefixCls}-container-light`]: light,
+      [`${prefixCls}-container-floating-expanded`]: floatingExpandedState
+    }
+  );
+  const containerStyle = getContainerStyle(expandedState, styles == null ? void 0 : styles.container);
+  const contentClassName = buildClassName(
+    `${prefixCls}-content`,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.content
+  );
+  const floatingExpandClassName = buildClassName(
+    `${prefixCls}-floating-expand`,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.floatingExpand
+  );
+  const floatingIcon = floatingExpandedState ? /* @__PURE__ */ React.createElement(ChevronsDownUp, { style: FLOATING_ICON_STYLE }) : /* @__PURE__ */ React.createElement(ChevronsUpDown, { style: FLOATING_ICON_STYLE });
+  const floatingText = floatingExpandedState ? "收起" : "展开";
+  const showFloatingExpand = status === "loading" && !light;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: containerClassName,
+      "data-testid": "tool-use-bar-think-container",
+      style: containerStyle
+    },
+    /* @__PURE__ */ React.createElement("div", { className: contentClassName, style: styles == null ? void 0 : styles.content }, thinkContent),
+    showFloatingExpand && /* @__PURE__ */ React.createElement(
       "div",
       {
         className: floatingExpandClassName,
@@ -221,38 +223,9 @@ var ThinkContainerComponent = ({
       },
       floatingIcon,
       floatingText
-    ) : null;
-  }, [
-    status,
-    light,
-    floatingExpandClassName,
-    onToggleFloatingExpand,
-    styles == null ? void 0 : styles.floatingExpand,
-    floatingIcon,
-    floatingText
-  ]);
-  const containerElement = useMemo(() => {
-    return thinkContent ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: containerClassName,
-        "data-testid": "tool-use-bar-think-container",
-        style: containerStyle
-      },
-      /* @__PURE__ */ React.createElement("div", { className: contentClassName, style: styles == null ? void 0 : styles.content }, thinkContent),
-      floatingExpandElement
-    ) : null;
-  }, [
-    thinkContent,
-    containerClassName,
-    containerStyle,
-    contentClassName,
-    styles == null ? void 0 : styles.content,
-    floatingExpandElement
-  ]);
-  return containerElement;
+    )
+  );
 };
-var ThinkContainer = memo(ThinkContainerComponent);
 var ToolUseBarThinkComponent = ({
   toolName,
   toolTarget,
@@ -267,7 +240,7 @@ var ToolUseBarThinkComponent = ({
   floatingExpanded,
   defaultFloatingExpanded = false,
   onFloatingExpandedChange,
-  classNames,
+  classNames: customClassNames,
   styles,
   light = false
 }) => {
@@ -285,7 +258,7 @@ var ToolUseBarThinkComponent = ({
       onChange: onFloatingExpandedChange
     }
   );
-  const defaultIcon = useMemo(() => /* @__PURE__ */ React.createElement(Brain, null), []);
+  const [hover, setHover] = React.useState(false);
   const handleToggleExpand = useCallback(() => {
     setExpandedState(!expandedState);
   }, [expandedState, setExpandedState]);
@@ -297,85 +270,54 @@ var ToolUseBarThinkComponent = ({
       setExpandedState(true);
     }
   }, [status, setExpandedState]);
-  const [hover, setHover] = React.useState(false);
-  const rootClassName = useMemo(() => {
-    return classNamesFn(prefixCls, hashId, classNames == null ? void 0 : classNames.root, {
+  const rootClassName = buildClassName(
+    prefixCls,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.root,
+    {
       [`${prefixCls}-expanded`]: !expandedState,
       [`${prefixCls}-loading`]: status === "loading",
       [`${prefixCls}-active`]: expandedState,
       [`${prefixCls}-success`]: status === "success",
       [`${prefixCls}-light`]: light
-    });
-  }, [prefixCls, hashId, classNames == null ? void 0 : classNames.root, expandedState, status, light]);
-  const barClassName = useMemo(() => {
-    return classNamesFn(`${prefixCls}-bar`, hashId, classNames == null ? void 0 : classNames.bar);
-  }, [prefixCls, hashId, classNames == null ? void 0 : classNames.bar]);
-  const headerClassName = useMemo(() => {
-    return classNamesFn(`${prefixCls}-header`, hashId, classNames == null ? void 0 : classNames.header, {
-      [`${prefixCls}-header-light`]: light
-    });
-  }, [prefixCls, hashId, classNames == null ? void 0 : classNames.header, light]);
-  const headerLeftClassName = useMemo(() => {
-    return classNamesFn(
-      `${prefixCls}-header-left`,
-      hashId,
-      classNames == null ? void 0 : classNames.headerLeft
-    );
-  }, [prefixCls, hashId, classNames == null ? void 0 : classNames.headerLeft]);
-  const loadingAnimationConfig = useMemo(
-    () => ({
-      animate: {
-        "--rotate": ["0deg", "360deg"]
-      },
-      transition: {
-        "--rotate": {
-          duration: 1,
-          repeat: Infinity,
-          ease: "linear"
-        }
-      },
-      style: {
-        "--rotation": "360deg"
-      }
-    }),
-    []
+    }
   );
-  const idleAnimationConfig = useMemo(
-    () => ({
-      animate: {},
-      transition: {},
-      style: {
-        "--rotation": "0deg"
-      }
-    }),
-    []
+  const barClassName = buildClassName(
+    `${prefixCls}-bar`,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.bar
   );
-  const imageAnimationProps = useMemo(() => {
-    return status === "loading" ? loadingAnimationConfig : idleAnimationConfig;
-  }, [status, loadingAnimationConfig, idleAnimationConfig]);
-  const headerRightAnimationConfig = useMemo(() => {
-    if (status === "loading") {
-      return {
-        animate: {
-          maskImage: [
-            "linear-gradient(to right, rgba(0,0,0,0.99)  -50%, rgba(0,0,0,0.15)   -50%,rgba(0,0,0,0.99)  150%)",
-            "linear-gradient(to right, rgba(0,0,0,0.99)  -50%,  rgba(0,0,0,0.15)  150%,rgba(0,0,0,0.99)  150%)"
-          ]
-        },
-        transition: {
-          maskImage: {
-            duration: 1,
-            repeat: Infinity,
-            ease: "linear"
-          }
-        },
-        style: {
-          maskImage: "linear-gradient(to right, rgba(0,0,0,0.99) -30%, rgba(0,0,0,0.15) -50%, rgba(0,0,0,0.99) 120%)"
-        }
-      };
+  const headerClassName = buildClassName(
+    `${prefixCls}-header`,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.header,
+    { [`${prefixCls}-header-light`]: light }
+  );
+  const headerLeftClassName = buildClassName(
+    `${prefixCls}-header-left`,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.headerLeft
+  );
+  const imageAnimationProps = status === "loading" ? LOADING_ANIMATION : IDLE_ANIMATION;
+  const headerRightAnimation = status === "loading" ? HEADER_RIGHT_LOADING_ANIMATION : {};
+  const imageWrapperClassName = buildClassName(
+    `${prefixCls}-image-wrapper`,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.imageWrapper,
+    {
+      [`${prefixCls}-image-wrapper-rotating`]: status === "loading",
+      [`${prefixCls}-image-wrapper-loading`]: status === "loading"
     }
-    return {};
-  }, [status]);
+  );
+  const imageClassName = buildClassName(
+    `${prefixCls}-image`,
+    hashId,
+    customClassNames == null ? void 0 : customClassNames.image
+  );
+  const headerRightClassName = buildClassName(
+    `${prefixCls}-header-right`,
+    hashId
+  );
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",
@@ -407,40 +349,20 @@ var ToolUseBarThinkComponent = ({
               prefixCls,
               hashId,
               hover,
-              expandedState,
-              classNames
+              expandedState
             }
           ) : /* @__PURE__ */ React.createElement(
             motion.div,
             __spreadValues({
-              className: classNamesFn(
-                `${prefixCls}-image-wrapper`,
-                hashId,
-                classNames == null ? void 0 : classNames.imageWrapper,
-                {
-                  [`${prefixCls}-image-wrapper-rotating`]: status === "loading",
-                  [`${prefixCls}-image-wrapper-loading`]: status === "loading"
-                }
-              )
+              className: imageWrapperClassName
             }, imageAnimationProps),
-            icon || /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                className: classNamesFn(
-                  `${prefixCls}-image`,
-                  hashId,
-                  classNames == null ? void 0 : classNames.image
-                ),
-                style: styles == null ? void 0 : styles.image
-              },
-              defaultIcon
-            )
+            icon || /* @__PURE__ */ React.createElement("div", { className: imageClassName, style: styles == null ? void 0 : styles.image }, /* @__PURE__ */ React.createElement(Brain, null))
           )),
           /* @__PURE__ */ React.createElement(
             motion.div,
             __spreadValues({
-              className: classNamesFn(`${prefixCls}-header-right`, hashId)
-            }, headerRightAnimationConfig),
+              className: headerRightClassName
+            }, headerRightAnimation),
             /* @__PURE__ */ React.createElement(
               HeaderContent,
               {
@@ -449,7 +371,7 @@ var ToolUseBarThinkComponent = ({
                 prefixCls,
                 hashId,
                 light,
-                classNames,
+                classNames: customClassNames,
                 styles
               }
             )
@@ -461,7 +383,7 @@ var ToolUseBarThinkComponent = ({
             time,
             prefixCls,
             hashId,
-            classNames,
+            classNames: customClassNames,
             styles
           }
         ),
@@ -473,7 +395,7 @@ var ToolUseBarThinkComponent = ({
             expandedState,
             prefixCls,
             hashId,
-            classNames,
+            classNames: customClassNames,
             styles,
             onToggleExpand: handleToggleExpand
           }
@@ -489,7 +411,7 @@ var ToolUseBarThinkComponent = ({
           light,
           prefixCls,
           hashId,
-          classNames,
+          classNames: customClassNames,
           styles,
           onToggleFloatingExpand: handleToggleFloatingExpand
         }

package/dist/ToolUseBar/style.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/ToolUseBar/style.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/ToolUseBar/thinkStyle.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/ToolUseBar/thinkStyle.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/Utils/easings.js

@@ -0,0 +1,13 @@
+// src/Utils/easings.ts
+function easeInOutCubic(_t, b, c, d) {
+  let t = _t;
+  const cc = c - b;
+  t /= d / 2;
+  if (t < 1) {
+    return cc / 2 * t * t * t + b;
+  }
+  return cc / 2 * ((t -= 2) * t * t + 2) + b;
+}
+export {
+  easeInOutCubic
+};

package/dist/Utils/formatTime.js

@@ -0,0 +1,19 @@
+// src/Utils/formatTime.ts
+import dayjs from "dayjs";
+var formatTime = (time) => {
+  if (typeof process !== "undefined" && false) {
+    return "2024-02-27 17:20:00";
+  }
+  const now = dayjs();
+  const target = dayjs(time);
+  if (target.isSame(now, "day")) {
+    return target.format("HH:mm:ss");
+  } else if (target.isSame(now, "year")) {
+    return target.format("MM-DD HH:mm:ss");
+  } else {
+    return target.format("YYYY-MM-DD HH:mm:ss");
+  }
+};
+export {
+  formatTime
+};