@ant-design/agentic-ui 2.0.20 → 2.0.22

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -149,6 +149,23 @@ var MarkdownInputField = (_a) => {
     props == null ? void 0 : props.actionsRender,
     props == null ? void 0 : props.toolsRender
   ]);
+  const computedMinHeight = useMemo(() => {
+    var _a3, _b3, _c2;
+    if (isEnlarged)
+      return "auto";
+    if (((_a3 = props == null ? void 0 : props.enlargeable) == null ? void 0 : _a3.enable) && ((_b3 = props == null ? void 0 : props.refinePrompt) == null ? void 0 : _b3.enable)) {
+      return 140;
+    }
+    if (isMultiRowLayout)
+      return 106;
+    return ((_c2 = props.style) == null ? void 0 : _c2.minHeight) || 0;
+  }, [
+    isEnlarged,
+    (_h = props == null ? void 0 : props.enlargeable) == null ? void 0 : _h.enable,
+    (_i = props == null ? void 0 : props.refinePrompt) == null ? void 0 : _i.enable,
+    isMultiRowLayout,
+    (_j = props.style) == null ? void 0 : _j.minHeight
+  ]);
   const {
     fileUploadDone,
     supportedFormat,
@@ -284,7 +301,7 @@ var MarkdownInputField = (_a) => {
     );
   }, [
     fileMap,
-    (_h = props.attachment) == null ? void 0 : _h.enable,
+    (_k = props.attachment) == null ? void 0 : _k.enable,
     handleFileRemoval,
     handleFileRetry,
     updateAttachmentFiles
@@ -323,7 +340,7 @@ var MarkdownInputField = (_a) => {
         supportedFormat,
         fileMap,
         onFileMapChange: setFileMap,
-        upload: ((_i = props.attachment) == null ? void 0 : _i.upload) ? (file) => props.attachment.upload(file, 0) : void 0
+        upload: ((_l = props.attachment) == null ? void 0 : _l.upload) ? (file) => props.attachment.upload(file, 0) : void 0
       }),
       voiceRecognizer: props.voiceRecognizer,
       value,
@@ -378,8 +395,11 @@ var MarkdownInputField = (_a) => {
             [`${baseCls}-enlarged`]: isEnlarged
           }),
           style: __spreadProps(__spreadValues(__spreadValues({}, props.style), enlargedStyle), {
-            height: isEnlarged ? `${(_k = (_j = props.enlargeable) == null ? void 0 : _j.height) != null ? _k : 980}px` : `min(${collapsedHeightPx}px,100%)`,
+            height: isEnlarged ? `${(_n = (_m = props.enlargeable) == null ? void 0 : _m.height) != null ? _n : 980}px` : `min(${collapsedHeightPx}px,100%)`,
             borderRadius: borderRadius || 16,
+            minHeight: computedMinHeight,
+            cursor: isLoading || props.disabled ? "not-allowed" : "auto",
+            opacity: props.disabled ? 0.5 : 1,
             maxHeight: isEnlarged ? "none" : `min(${collapsedHeightPx}px,100%)`,
             transition: "height, max-height 0.3s,border-radius 0.3s,box-shadow 0.3s,transform 0.3s,opacity 0.3s,background 0.3s"
           }),
@@ -391,196 +411,153 @@ var MarkdownInputField = (_a) => {
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(`${baseCls}-background`, hashId, {
-              [`${baseCls}-hover`]: isHover
-            }),
             style: {
-              minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_l = props.style) == null ? void 0 : _l.minHeight) || 0,
-              height: "100%",
-              width: "100%"
+              display: "flex",
+              flexDirection: "column",
+              borderTopLeftRadius: "inherit",
+              borderTopRightRadius: "inherit",
+              maxHeight: isEnlarged ? "none" : (() => {
+                var _a3, _b3;
+                const mh = (_a3 = props.style) == null ? void 0 : _a3.maxHeight;
+                const base = typeof mh === "number" ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
+                const extra = ((_b3 = props.attachment) == null ? void 0 : _b3.enable) ? 90 : 0;
+                return `min(${base + extra}px)`;
+              })(),
+              height: isEnlarged ? "100%" : "auto",
+              flex: 1
+            },
+            className: classNames(`${baseCls}-editor`, hashId, {
+              [`${baseCls}-editor-hover`]: isHover,
+              [`${baseCls}-editor-disabled`]: props.disabled
+            })
+          },
+          /* @__PURE__ */ React.createElement(
+            SkillModeBar,
+            {
+              skillMode: props.skillMode,
+              onSkillModeOpenChange: props.onSkillModeOpenChange
             }
-          }
+          ),
+          /* @__PURE__ */ React.createElement("div", { className: classNames(`${baseCls}-editor-content`, hashId) }, attachmentList, /* @__PURE__ */ React.createElement(
+            BaseMarkdownEditor,
+            __spreadValues({
+              editorRef: markdownEditorRef,
+              leafRender: props.leafRender,
+              style: {
+                width: "100%",
+                flex: 1,
+                padding: 0,
+                paddingRight: computedRightPadding
+              },
+              toolBar: {
+                enable: false
+              },
+              floatBar: {
+                enable: false
+              },
+              readonly: isLoading,
+              contentStyle: {
+                padding: "var(--padding-3x)"
+              },
+              textAreaProps: {
+                enable: true,
+                placeholder: props.placeholder,
+                triggerSendKey: props.triggerSendKey || "Enter"
+              },
+              tagInputProps: __spreadValues({
+                enable: true,
+                type: "dropdown"
+              }, tagInputProps),
+              initValue: props.value,
+              onChange: (value2) => {
+                var _a3;
+                setValue(value2);
+                (_a3 = props.onChange) == null ? void 0 : _a3.call(props, value2);
+              },
+              onFocus: (value2, schema, e) => {
+                onFocus == null ? void 0 : onFocus(value2, schema, e);
+                activeInput(true);
+              },
+              onBlur: (value2, schema, e) => {
+                onBlur == null ? void 0 : onBlur(value2, schema, e);
+                activeInput(false);
+              },
+              onPaste: (e) => {
+                handlePaste(e);
+              },
+              titlePlaceholderContent: props.placeholder,
+              toc: false,
+              pasteConfig: props.pasteConfig
+            }, markdownProps)
+          ))
         ),
-        /* @__PURE__ */ React.createElement(
+        props.toolsRender ? /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(`${baseCls}-border-wrapper`, hashId),
             style: {
-              height: isEnlarged ? "100%" : "100%",
-              maxHeight: isEnlarged ? "100%" : "100%",
-              borderRadius: (borderRadius || 16) - 2 || 10,
-              cursor: isLoading || props.disabled ? "not-allowed" : "auto",
-              opacity: props.disabled ? 0.5 : 1,
-              minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_m = props.style) == null ? void 0 : _m.minHeight) || 0
+              backgroundColor: "#fff",
+              display: "flex",
+              boxSizing: "border-box",
+              borderRadius: "inherit",
+              flexDirection: "row",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: 8,
+              width: "100%",
+              paddingRight: "var(--padding-3x)",
+              paddingLeft: "var(--padding-3x)",
+              paddingBottom: "var(--padding-3x)"
             }
           },
           /* @__PURE__ */ React.createElement(
             "div",
             {
-              className: classNames(`${baseCls}-content-wrapper`, hashId),
-              style: {
-                minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_n = props.style) == null ? void 0 : _n.minHeight) || 0
-              }
+              ref: actionsRef,
+              contentEditable: false,
+              className: classNames(`${baseCls}-send-tools`, hashId)
             },
-            /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  borderTopLeftRadius: (borderRadius || 16) - 2 || 10,
-                  borderTopRightRadius: (borderRadius || 16) - 2 || 10,
-                  maxHeight: isEnlarged ? "none" : (() => {
-                    var _a3, _b3;
-                    const mh = (_a3 = props.style) == null ? void 0 : _a3.maxHeight;
-                    const base = typeof mh === "number" ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
-                    const extra = ((_b3 = props.attachment) == null ? void 0 : _b3.enable) ? 90 : 0;
-                    return `min(${base + extra}px)`;
-                  })(),
-                  height: isEnlarged ? "100%" : "auto",
-                  flex: 1
-                },
-                className: classNames(`${baseCls}-editor`, hashId, {
-                  [`${baseCls}-editor-hover`]: isHover,
-                  [`${baseCls}-editor-disabled`]: props.disabled
-                })
-              },
-              /* @__PURE__ */ React.createElement(
-                SkillModeBar,
-                {
-                  skillMode: props.skillMode,
-                  onSkillModeOpenChange: props.onSkillModeOpenChange
-                }
-              ),
-              /* @__PURE__ */ React.createElement(
-                "div",
-                {
-                  className: classNames(`${baseCls}-editor-content`, hashId)
-                },
-                attachmentList,
-                /* @__PURE__ */ React.createElement(
-                  BaseMarkdownEditor,
-                  __spreadValues({
-                    editorRef: markdownEditorRef,
-                    leafRender: props.leafRender,
-                    style: {
-                      width: "100%",
-                      flex: 1,
-                      padding: 0,
-                      paddingRight: computedRightPadding
-                    },
-                    toolBar: {
-                      enable: false
-                    },
-                    floatBar: {
-                      enable: false
-                    },
-                    readonly: isLoading,
-                    contentStyle: {
-                      padding: "var(--padding-3x)"
-                    },
-                    textAreaProps: {
-                      enable: true,
-                      placeholder: props.placeholder,
-                      triggerSendKey: props.triggerSendKey || "Enter"
-                    },
-                    tagInputProps: __spreadValues({
-                      enable: true,
-                      type: "dropdown"
-                    }, tagInputProps),
-                    initValue: props.value,
-                    onChange: (value2) => {
-                      var _a3;
-                      setValue(value2);
-                      (_a3 = props.onChange) == null ? void 0 : _a3.call(props, value2);
-                    },
-                    onFocus: (value2, schema, e) => {
-                      onFocus == null ? void 0 : onFocus(value2, schema, e);
-                      activeInput(true);
-                    },
-                    onBlur: (value2, schema, e) => {
-                      onBlur == null ? void 0 : onBlur(value2, schema, e);
-                      activeInput(false);
-                    },
-                    onPaste: (e) => {
-                      handlePaste(e);
-                    },
-                    titlePlaceholderContent: props.placeholder,
-                    toc: false,
-                    pasteConfig: props.pasteConfig
-                  }, markdownProps)
-                )
-              )
-            ),
-            props.toolsRender ? /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: {
-                  backgroundColor: "#fff",
-                  display: "flex",
-                  boxSizing: "border-box",
-                  borderRadius: "inherit",
-                  flexDirection: "row",
-                  alignItems: "center",
-                  justifyContent: "space-between",
-                  gap: 8,
-                  width: "100%",
-                  paddingRight: "var(--padding-3x)",
-                  paddingLeft: "var(--padding-3x)",
-                  paddingBottom: "var(--padding-3x)"
-                }
-              },
-              /* @__PURE__ */ React.createElement(
-                "div",
-                {
-                  ref: actionsRef,
-                  contentEditable: false,
-                  className: classNames(`${baseCls}-send-tools`, hashId)
-                },
-                props.toolsRender(__spreadProps(__spreadValues({
-                  value,
-                  fileMap,
-                  onFileMapChange: setFileMap
-                }, props), {
-                  isHover,
-                  isLoading,
-                  fileUploadStatus: fileUploadDone ? "done" : "uploading"
-                }))
-              ),
-              sendActionsNode
-            ) : sendActionsNode,
-            (props == null ? void 0 : props.quickActionRender) || ((_o = props.refinePrompt) == null ? void 0 : _o.enable) ? /* @__PURE__ */ React.createElement(
-              QuickActions,
-              {
-                ref: quickActionsRef,
-                value,
-                fileMap,
-                onFileMapChange: setFileMap,
-                isHover,
-                isLoading,
-                disabled: props.disabled,
-                fileUploadStatus: fileUploadDone ? "done" : "uploading",
-                refinePrompt: props.refinePrompt,
-                editorRef: markdownEditorRef,
-                onValueChange: (text) => {
-                  var _a3;
-                  setValue(text);
-                  (_a3 = props.onChange) == null ? void 0 : _a3.call(props, text);
-                },
-                quickActionRender: props.quickActionRender,
-                prefixCls: baseCls,
-                hashId,
-                enlargeable: !!((_p = props.enlargeable) == null ? void 0 : _p.enable),
-                isEnlarged,
-                onEnlargeClick: handleEnlargeClick,
-                onResize: (width, rightOffset) => {
-                  setTopRightPadding(width);
-                  setQuickRightOffset(rightOffset);
-                }
-              }
-            ) : null
-          )
-        )
+            props.toolsRender(__spreadProps(__spreadValues({
+              value,
+              fileMap,
+              onFileMapChange: setFileMap
+            }, props), {
+              isHover,
+              isLoading,
+              fileUploadStatus: fileUploadDone ? "done" : "uploading"
+            }))
+          ),
+          sendActionsNode
+        ) : sendActionsNode,
+        (props == null ? void 0 : props.quickActionRender) || ((_o = props.refinePrompt) == null ? void 0 : _o.enable) ? /* @__PURE__ */ React.createElement(
+          QuickActions,
+          {
+            ref: quickActionsRef,
+            value,
+            fileMap,
+            onFileMapChange: setFileMap,
+            isHover,
+            isLoading,
+            disabled: props.disabled,
+            fileUploadStatus: fileUploadDone ? "done" : "uploading",
+            refinePrompt: props.refinePrompt,
+            editorRef: markdownEditorRef,
+            onValueChange: (text) => {
+              var _a3;
+              setValue(text);
+              (_a3 = props.onChange) == null ? void 0 : _a3.call(props, text);
+            },
+            quickActionRender: props.quickActionRender,
+            prefixCls: baseCls,
+            hashId,
+            enlargeable: !!((_p = props.enlargeable) == null ? void 0 : _p.enable),
+            isEnlarged,
+            onEnlargeClick: handleEnlargeClick,
+            onResize: (width, rightOffset) => {
+              setTopRightPadding(width);
+              setQuickRightOffset(rightOffset);
+            }
+          }
+        ) : null
       )
     ))
   );

package/dist/MarkdownInputField/VoiceInput/style.js

@@ -39,7 +39,7 @@ var genStyle = (token) => {
       gap: "4px",
       color: "var(--color-gray-text-secondary)",
       "&:hover": {
-        background: "rgba(0, 28, 57, 0.0353)"
+        background: "var(--color-gray-control-fill-hover)"
       },
       "&&-disabled": {
         cursor: "not-allowed",

package/dist/MarkdownInputField/style.js

@@ -65,24 +65,8 @@ var stopIconRotate = new Keyframes("stopIconRotate", {
     transform: "rotate(360deg)"
   }
 });
-var rotateFadeOnce = new Keyframes("rotateFadeOnce", {
-  "0%": {
-    "--mif-angle": "42deg",
-    opacity: 1
-  },
-  "100%": {
-    "--mif-angle": "calc(42deg + 1turn)",
-    opacity: 0
-  }
-});
 var genStyle = (token) => {
   return {
-    // 声明 CSS 自定义属性 --mif-angle，使其可动画（需浏览器支持 @property）
-    "@property --mif-angle": {
-      syntax: '"<angle>"',
-      "initial-value": "0deg",
-      inherits: false
-    },
     [token.componentCls]: {
       width: "100%",
       height: "100%",
@@ -101,24 +85,9 @@ var genStyle = (token) => {
         boxSizing: "border-box"
       },
       "&:active,&.active": {
-        [`${token.componentCls}-background`]: {
-          opacity: 0,
-          height: "100%",
-          backgroundImage: "radial-gradient(127% 127% at 0% 0%, rgba(255, 255, 255, 0) 57%, #EEF0F5 84%),linear-gradient(var(--mif-angle), #D7B9FF 14%, #9BA0FF 57%, #09B1FF 98%)",
-          // 单一动画：一次性旋转并淡出
-          animationName: rotateFadeOnce,
-          animationDuration: "2.5s",
-          animationTimingFunction: "ease-in-out",
-          animationIterationCount: "1"
-        }
+        outline: "1px solid transparent"
       },
       "&-enlarged": {
-        "> div:last-child": {
-          flex: 1,
-          height: "100%",
-          minHeight: "100%",
-          width: "100%"
-        },
         [`${token.componentCls}-editor`]: {
           flex: 1,
           height: "100%",
@@ -134,28 +103,8 @@ var genStyle = (token) => {
           maxHeight: "none",
           overflow: "auto",
           width: "100%"
-        },
-        [`${token.componentCls}-background`]: {
-          // 放大时保持和普通状态相同的背景效果
-          opacity: 1
         }
       },
-      "&-background": {
-        boxSizing: "border-box",
-        position: "absolute",
-        width: "calc(100% - 4px)",
-        height: "calc(100% - 4px)",
-        zIndex: 2,
-        backgroundColor: "transparent",
-        pointerEvents: "none",
-        borderRadius: "inherit",
-        // 自定义属性控制线性渐变角度，默认与原始设计保持一致 42deg
-        "--mif-angle": "42deg",
-        // 提示浏览器该节点将频繁重绘背景图像
-        willChange: "background-image",
-        // 限定绘制范围，降低重绘影响
-        contain: "paint"
-      },
       "&-border-wrapper": {
         width: "100%",
         zIndex: 9,
@@ -226,9 +175,9 @@ var genStyle = (token) => {
       "&-quick-actions": {
         position: "absolute",
         userSelect: "none",
-        right: 0,
-        width: "40px",
+        width: "32px",
         top: 12,
+        right: 12,
         boxSizing: "border-box",
         zIndex: 99,
         display: "flex",

package/dist/Plugins/chart/DonutChart/style.js

@@ -59,6 +59,7 @@ var genStyle = (token) => {
       "&-row": {
         display: "flex",
         alignItems: "center",
+        flexDirection: "row",
         [`@media (max-width: 768px)`]: {
           flexDirection: "column",
           alignItems: "stretch"

package/dist/Plugins/chart/LineChart/index.js

@@ -42,6 +42,7 @@ import {
   PointElement,
   Tooltip
 } from "chart.js";
+import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Line } from "react-chartjs-2";
 import {
@@ -56,6 +57,7 @@ import {
   extractAndSortXValues,
   findDataPointByXValue
 } from "../utils";
+import { useStyle } from "./style";
 ChartJS.register(
   CategoryScale,
   LinearScale,
@@ -125,6 +127,7 @@ var LineChart = (_a) => {
   }, []);
   const context = useContext(ConfigProvider.ConfigContext);
   const baseClassName = context == null ? void 0 : context.getPrefixCls("line-chart-container");
+  const { wrapSSR, hashId } = useStyle(baseClassName);
   const chartRef = useRef(null);
   const statistics = useMemo(() => {
     if (!statisticConfig)
@@ -325,65 +328,73 @@ var LineChart = (_a) => {
   const handleDownload = () => {
     downloadChart(chartRef.current, "line-chart");
   };
-  return /* @__PURE__ */ React.createElement(
-    ChartContainer,
-    {
-      baseClassName,
-      className,
-      theme,
-      isMobile,
-      variant: props.variant,
-      style: {
-        width: responsiveWidth
-      }
-    },
+  return wrapSSR(
     /* @__PURE__ */ React.createElement(
-      ChartToolBar,
+      ChartContainer,
       {
-        title,
+        baseClassName,
+        className,
         theme,
-        onDownload: handleDownload,
-        extra: toolbarExtra,
-        dataTime,
-        filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
-          ChartFilter,
-          __spreadProps(__spreadValues({
-            filterOptions,
-            selectedFilter,
-            onFilterChange: setSelectedFilter
-          }, filterLabels && {
-            customOptions: filteredDataByFilterLabel,
-            selectedCustomSelection: selectedFilterLabel,
-            onSelectionChange: setSelectedFilterLabel
-          }), {
-            theme,
-            variant: "compact"
-          })
-        ) : void 0
-      }
-    ),
-    statistics && /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-statistic-container` }, statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))),
-    !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
-      ChartFilter,
-      __spreadProps(__spreadValues({
-        filterOptions,
-        selectedFilter,
-        onFilterChange: setSelectedFilter
-      }, filterLabels && {
-        customOptions: filteredDataByFilterLabel,
-        selectedCustomSelection: selectedFilterLabel,
-        onSelectionChange: setSelectedFilterLabel
-      }), {
-        theme
-      })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${baseClassName}-wrapper`,
-        style: { height: responsiveHeight }
+        isMobile,
+        variant: props.variant,
+        style: {
+          width: responsiveWidth
+        }
       },
-      /* @__PURE__ */ React.createElement(Line, { ref: chartRef, data: processedData, options })
+      /* @__PURE__ */ React.createElement(
+        ChartToolBar,
+        {
+          title,
+          theme,
+          onDownload: handleDownload,
+          extra: toolbarExtra,
+          dataTime,
+          filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
+            ChartFilter,
+            __spreadProps(__spreadValues({
+              filterOptions,
+              selectedFilter,
+              onFilterChange: setSelectedFilter
+            }, filterLabels && {
+              customOptions: filteredDataByFilterLabel,
+              selectedCustomSelection: selectedFilterLabel,
+              onSelectionChange: setSelectedFilterLabel
+            }), {
+              theme,
+              variant: "compact"
+            })
+          ) : void 0
+        }
+      ),
+      statistics && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(`${baseClassName}-statistic-container`, hashId)
+        },
+        statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))
+      ),
+      !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
+        ChartFilter,
+        __spreadProps(__spreadValues({
+          filterOptions,
+          selectedFilter,
+          onFilterChange: setSelectedFilter
+        }, filterLabels && {
+          customOptions: filteredDataByFilterLabel,
+          selectedCustomSelection: selectedFilterLabel,
+          onSelectionChange: setSelectedFilterLabel
+        }), {
+          theme
+        })
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${baseClassName}-wrapper`,
+          style: { height: responsiveHeight }
+        },
+        /* @__PURE__ */ React.createElement(Line, { ref: chartRef, data: processedData, options })
+      )
     )
   );
 };

package/dist/Plugins/chart/LineChart/style.js

@@ -26,6 +26,14 @@ var genStyle = (token) => {
   return {
     [token.componentCls]: {
       // 折线图容器样式
+      // 统计数据容器样式
+      "&-statistic-container": {
+        display: "flex",
+        gap: "16px",
+        marginBottom: "16px",
+        flexWrap: "wrap",
+        alignItems: "flex-start"
+      },
       ".chart-wrapper": {
         width: "100%",
         height: "calc(100% - 120px)",

package/dist/Schema/SchemaRenderer/index.js

@@ -49,11 +49,11 @@ import React, {
   useState
 } from "react";
 import partialParse from "../../MarkdownEditor/editor/parser/json-parse";
-import { mdDataSchemaValidator } from "../validator";
 import {
   createSandbox,
   DEFAULT_SANDBOX_CONFIG
 } from "../../Utils/proxySandbox";
+import { mdDataSchemaValidator } from "../validator";
 import { TemplateEngine } from "./templateEngine";
 export * from "./templateEngine";
 var ErrorBoundary = class extends Component {