@ant-design/agentic-ui 2.0.16 → 2.0.17

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -404,9 +404,10 @@ 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` : `${collapsedHeight}px`,
+            minHeight: `${collapsedHeight}px`,
+            height: isEnlarged ? `${(_k = (_j = props.enlargeable) == null ? void 0 : _j.height) != null ? _k : 980}px` : `max(${collapsedHeight}px,100%)`,
             borderRadius: borderRadius || 16,
-            maxHeight: isEnlarged ? "none" : `${collapsedHeightPx}px`,
+            maxHeight: isEnlarged ? "none" : `max(${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"
           }),
           tabIndex: 1,
@@ -431,28 +432,24 @@ var MarkdownInputField = (_a) => {
         /* @__PURE__ */ React.createElement(
           "div",
           {
+            className: classNames(`${baseCls}-border-wrapper`, hashId),
             style: {
-              backgroundColor: "#fff",
-              width: "calc(100% - 4px)",
-              height: isEnlarged ? "calc(100% - 4px)" : "calc(100% - 4px)",
-              maxHeight: isEnlarged ? "calc(100% - 4px)" : "calc(100% - 4px)",
-              display: "flex",
-              zIndex: 9,
-              flexDirection: "column",
-              boxSizing: "border-box",
+              height: isEnlarged ? "100%" : "auto",
+              maxHeight: isEnlarged ? "100%" : "auto",
               borderRadius: (borderRadius || 16) - 2 || 10,
               cursor: isLoading || props.disabled ? "not-allowed" : "auto",
               opacity: props.disabled ? 0.5 : 1,
               minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : void 0
             }
           },
-          /* @__PURE__ */ React.createElement(
+          /* @__PURE__ */ React.createElement("div", { className: classNames(`${baseCls}-content-wrapper`, hashId) }, /* @__PURE__ */ React.createElement(
             "div",
             {
               style: {
                 display: "flex",
                 flexDirection: "column",
-                borderRadius: (borderRadius || 16) - 2 || 10,
+                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;
@@ -475,65 +472,74 @@ var MarkdownInputField = (_a) => {
                 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-card-base)"
-                },
-                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(
+            /* @__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-card-base)"
+                  },
+                  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",
+                borderBottomLeftRadius: (borderRadius || 16) - 2 || 10,
+                borderBottomRightRadius: (borderRadius || 16) - 2 || 10,
                 flexDirection: "row",
                 alignItems: "center",
                 justifyContent: "space-between",
@@ -562,8 +568,7 @@ var MarkdownInputField = (_a) => {
               }))
             ),
             sendActionsNode
-          ) : sendActionsNode,
-          (props == null ? void 0 : props.quickActionRender) || ((_m = props.refinePrompt) == null ? void 0 : _m.enable) ? /* @__PURE__ */ React.createElement(
+          ) : sendActionsNode, (props == null ? void 0 : props.quickActionRender) || ((_m = props.refinePrompt) == null ? void 0 : _m.enable) ? /* @__PURE__ */ React.createElement(
             QuickActions,
             {
               ref: quickActionsRef,
@@ -592,7 +597,7 @@ var MarkdownInputField = (_a) => {
                 setQuickRightOffset(rightOffset);
               }
             }
-          ) : null
+          ) : null)
         )
       )
     ))

package/dist/MarkdownInputField/style.js

@@ -162,6 +162,20 @@ var genStyle = (token) => {
           opacity: 1
         }
       },
+      "&-border-wrapper": {
+        width: "100%",
+        border: "2px solid transparent",
+        zIndex: 9,
+        boxSizing: "border-box"
+      },
+      "&-content-wrapper": {
+        backgroundColor: "#fff",
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        height: "100%",
+        borderRadius: "inherit"
+      },
       "&-editor": {
         boxSizing: "border-box",
         backgroundColor: "var(--color-gray-bg-card-white)",
@@ -169,7 +183,6 @@ var genStyle = (token) => {
         zIndex: 9,
         maxHeight: 400,
         height: "100%",
-        borderRadius: "inherit",
         overflowY: "visible",
         scrollbarColor: "var(--color-gray-text-tertiary) transparent",
         scrollbarWidth: "thin",
@@ -186,8 +199,7 @@ var genStyle = (token) => {
         overflowY: "auto",
         maxHeight: "inherit",
         scrollbarColor: "var(--color-gray-text-tertiary) transparent",
-        scrollbarWidth: "thin",
-        borderRadius: "inherit"
+        scrollbarWidth: "thin"
       },
       "&&-disabled": {
         backgroundColor: "rgba(0,0,0,0.04)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.0.16",
+  "version": "2.0.17",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",

package/dist/Components/Loading/style.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare function useStyle(prefixCls?: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
-    hashId: string;
-};

package/dist/Components/Loading/style.js

@@ -1,46 +0,0 @@
-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));
-
-// src/Components/Loading/style.ts
-import {
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      position: "relative",
-      zIndex: 0
-    }
-  };
-};
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("loading", (token) => {
-    const loadingToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
-    });
-    return [genStyle(loadingToken)];
-  });
-}
-export {
-  useStyle
-};