@ai-group/chat-sdk 3.7.0 → 3.7.1-alpha10

package/dist/esm/components/Sources/index.js

@@ -0,0 +1,127 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["style", "className", "rootClassName", "title", "expandIconPosition", "inline", "expanded", "defaultExpanded", "onExpand", "activeKey", "items", "onClick", "popoverOverlayWidth"];
+import { RightOutlined } from '@ant-design/icons';
+import { Popover } from 'antd';
+import { clsx } from 'clsx';
+import React, { useState, useCallback } from 'react';
+import CarouselCard from "./components/CarouselCard";
+import useStyle from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var Sources = function Sources(props, ref) {
+  var style = props.style,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    title = props.title,
+    _props$expandIconPosi = props.expandIconPosition,
+    expandIconPosition = _props$expandIconPosi === void 0 ? 'start' : _props$expandIconPosi,
+    _props$inline = props.inline,
+    inline = _props$inline === void 0 ? false : _props$inline,
+    expanded = props.expanded,
+    defaultExpanded = props.defaultExpanded,
+    onExpand = props.onExpand,
+    activeKey = props.activeKey,
+    items = props.items,
+    _onClick = props.onClick,
+    _props$popoverOverlay = props.popoverOverlayWidth,
+    popoverOverlayWidth = _props$popoverOverlay === void 0 ? 300 : _props$popoverOverlay,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var styles = useStyle();
+  var sourcesRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return {
+      nativeElement: sourcesRef.current
+    };
+  });
+
+  // ============================ Collapsible ============================
+  var _useState = useState(defaultExpanded !== null && defaultExpanded !== void 0 ? defaultExpanded : true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isExpand = _useState2[0],
+    setIsExpand = _useState2[1];
+  var isControlled = expanded !== undefined;
+  var actualExpanded = isControlled ? expanded : isExpand;
+  var handleToggle = useCallback(function () {
+    var newExpand = !actualExpanded;
+    if (!isControlled) {
+      setIsExpand(newExpand);
+    }
+    onExpand === null || onExpand === void 0 || onExpand(newExpand);
+  }, [actualExpanded, isControlled, onExpand]);
+  var mergedCls = clsx(styles.sources, className, rootClassName, _defineProperty({}, styles.sourcesInline, inline));
+  var ContentNode = items ? /*#__PURE__*/_jsx("ul", {
+    className: styles.sourcesList,
+    children: items.map(function (item, index) {
+      return /*#__PURE__*/_jsx("li", {
+        className: styles.sourcesListItem,
+        onClick: function onClick() {
+          return _onClick === null || _onClick === void 0 ? void 0 : _onClick(item);
+        },
+        children: /*#__PURE__*/_jsxs("a", {
+          className: styles.sourcesLink,
+          href: item.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: [item.icon && /*#__PURE__*/_jsx("span", {
+            className: styles.sourcesLinkIcon,
+            children: item.icon
+          }), /*#__PURE__*/_jsx("span", {
+            className: styles.sourcesLinkTitle,
+            children: item.title
+          })]
+        })
+      }, item.key || index);
+    })
+  }) : null;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    ref: sourcesRef,
+    className: mergedCls,
+    style: style
+  }, restProps), {}, {
+    children: inline ? /*#__PURE__*/_jsx(Popover, {
+      content: /*#__PURE__*/_jsx(CarouselCard, {
+        className: clsx(styles.sources, className),
+        style: style,
+        activeKey: activeKey,
+        prefixCls: "sources",
+        items: items,
+        onClick: _onClick
+      }),
+      open: inline ? undefined : false,
+      overlayStyle: {
+        width: popoverOverlayWidth
+      },
+      placement: "top",
+      forceRender: true,
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.sourcesTitleWrapper,
+        children: /*#__PURE__*/_jsx("span", {
+          children: title
+        })
+      })
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: clsx(styles.sourcesTitleWrapper, expandIconPosition === 'end' && styles.sourcesIconPositionEnd),
+        onClick: handleToggle,
+        children: [/*#__PURE__*/_jsx(RightOutlined, {
+          className: clsx(styles.sourcesTitleDownIcon, _defineProperty({}, styles.sourcesTitleDownIconExpanded, actualExpanded))
+        }), /*#__PURE__*/_jsx("span", {
+          children: title
+        })]
+      }), actualExpanded && /*#__PURE__*/_jsx("div", {
+        className: styles.sourcesContent,
+        children: ContentNode
+      })]
+    })
+  }));
+};
+var ForwardSources = /*#__PURE__*/React.forwardRef(Sources);
+if (process.env.NODE_ENV !== 'production') {
+  ForwardSources.displayName = 'Sources';
+}
+export default ForwardSources;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Sources/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RightOutlined","Popover","clsx","React","useState","useCallback","CarouselCard","useStyle","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Sources","props","ref","style","className","rootClassName","title","_props$expandIconPosi","expandIconPosition","_props$inline","inline","expanded","defaultExpanded","onExpand","activeKey","items","onClick","_props$popoverOverlay","popoverOverlayWidth","restProps","_objectWithoutProperties","_excluded","styles","sourcesRef","useRef","useImperativeHandle","nativeElement","current","_useState","_useState2","_slicedToArray","isExpand","setIsExpand","isControlled","undefined","actualExpanded","handleToggle","newExpand","mergedCls","sources","_defineProperty","sourcesInline","ContentNode","sourcesList","children","map","item","index","sourcesListItem","sourcesLink","href","url","target","rel","icon","sourcesLinkIcon","sourcesLinkTitle","key","_objectSpread","content","prefixCls","open","overlayStyle","width","placement","forceRender","sourcesTitleWrapper","sourcesIconPositionEnd","sourcesTitleDownIcon","sourcesTitleDownIconExpanded","sourcesContent","ForwardSources","forwardRef","process","env","NODE_ENV","displayName"],"sources":["../../../../src/components/Sources/index.tsx"],"sourcesContent":["import { RightOutlined } from '@ant-design/icons';\nimport { Popover } from 'antd';\nimport { clsx } from 'clsx';\nimport React, { useState, useCallback } from 'react';\nimport type { SourcesProps, SourcesRef } from '@/types/Sources';\nimport CarouselCard from './components/CarouselCard';\nimport useStyle from './styles';\n\nconst Sources: React.ForwardRefRenderFunction<SourcesRef, SourcesProps> = (props, ref) => {\n  const {\n    style,\n    className,\n    rootClassName,\n    title,\n    expandIconPosition = 'start',\n    inline = false,\n    expanded,\n    defaultExpanded,\n    onExpand,\n    activeKey,\n    items,\n    onClick,\n    popoverOverlayWidth = 300,\n    ...restProps\n  } = props;\n\n  const styles = useStyle();\n\n  const sourcesRef = React.useRef<HTMLDivElement>(null);\n  React.useImperativeHandle(ref, () => ({\n    nativeElement: sourcesRef.current!,\n  }));\n\n  // ============================ Collapsible ============================\n  const [isExpand, setIsExpand] = useState<boolean>(defaultExpanded ?? true);\n  const isControlled = expanded !== undefined;\n  const actualExpanded = isControlled ? expanded : isExpand;\n\n  const handleToggle = useCallback(() => {\n    const newExpand = !actualExpanded;\n    if (!isControlled) {\n      setIsExpand(newExpand);\n    }\n    onExpand?.(newExpand);\n  }, [actualExpanded, isControlled, onExpand]);\n\n  const mergedCls = clsx(\n    styles.sources,\n    className,\n    rootClassName,\n    {\n      [styles.sourcesInline]: inline,\n    },\n  );\n\n  const ContentNode = items ? (\n    <ul className={styles.sourcesList}>\n      {items.map((item, index) => (\n        <li\n          key={item.key || index}\n          className={styles.sourcesListItem}\n          onClick={() => onClick?.(item)}\n        >\n          <a\n            className={styles.sourcesLink}\n            href={item.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            {item.icon && <span className={styles.sourcesLinkIcon}>{item.icon}</span>}\n            <span className={styles.sourcesLinkTitle}>{item.title}</span>\n          </a>\n        </li>\n      ))}\n    </ul>\n  ) : null;\n\n  return (\n    <div\n      ref={sourcesRef}\n      className={mergedCls}\n      style={style}\n      {...restProps}\n    >\n      {inline ? (\n        <Popover\n          content={\n            <CarouselCard\n              className={clsx(styles.sources, className)}\n              style={style}\n              activeKey={activeKey}\n              prefixCls=\"sources\"\n              items={items}\n              onClick={onClick}\n            />\n          }\n          open={inline ? undefined : false}\n          overlayStyle={{ width: popoverOverlayWidth }}\n          placement=\"top\"\n          forceRender\n        >\n          <div className={styles.sourcesTitleWrapper}>\n            <span>{title}</span>\n          </div>\n        </Popover>\n      ) : (\n        <>\n          <div\n            className={clsx(\n              styles.sourcesTitleWrapper,\n              expandIconPosition === 'end' && styles.sourcesIconPositionEnd,\n            )}\n            onClick={handleToggle}\n          >\n            <RightOutlined\n              className={clsx(styles.sourcesTitleDownIcon, {\n                [styles.sourcesTitleDownIconExpanded]: actualExpanded,\n              })}\n            />\n            <span>{title}</span>\n          </div>\n          {actualExpanded && (\n            <div className={styles.sourcesContent}>\n              {ContentNode}\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nconst ForwardSources = React.forwardRef(Sources);\n\nif (process.env.NODE_ENV !== 'production') {\n  ForwardSources.displayName = 'Sources';\n}\n\nexport default ForwardSources;\nexport type { SourcesProps, SourcesItem, SourcesRef } from '@/types/Sources';"],"mappings":"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"}

package/dist/esm/components/Sources/styles.d.ts

@@ -0,0 +1,59 @@
+export declare const useStyles: () => {
+    sources: string;
+    sourcesTitleWrapper: string;
+    sourcesTitleDownIcon: string;
+    sourcesTitleDownIconExpanded: string;
+    sourcesIconPositionEnd: string;
+    sourcesList: string;
+    sourcesListItem: string;
+    sourcesLink: string;
+    sourcesLinkIcon: string;
+    sourcesLinkTitle: string;
+    sourcesContent: string;
+    sourcesContentHidden: string;
+    sourcesInline: string;
+    carouselWrapper: string;
+    carouselTitle: string;
+    carouselBtnWrapper: string;
+    carouselBtn: string;
+    carouselBtnDisabled: string;
+    carouselPage: string;
+    carouselItem: string;
+    carouselItemTitleWrapper: string;
+    carouselItemTitle: string;
+    carouselItemDescription: string;
+} & {
+    w: (width: string | number) => string;
+    h: (height: string | number) => string;
+    p: (padding: string) => string;
+    pb: (padding: string | number) => string;
+    pt: (padding: string | number) => string;
+    pl: (padding: string | number) => string;
+    pr: (padding: string | number) => string;
+    m: (margin: string) => string;
+    mb: (margin: string | number) => string;
+    mt: (margin: string | number) => string;
+    ml: (margin: string | number) => string;
+    mr: (margin: string | number) => string;
+    text: (size: string | number) => string;
+    weight: (size: number) => string;
+    textColor: (c: string) => string;
+    bg: (c: string) => string;
+    rs: (radius: string | number) => string;
+    gap: (g: string | number) => string;
+    flex: string;
+    flexCenter: string;
+    flexBetween: string;
+    flexColumn: string;
+    flex1: string;
+    cursor: (type: string) => string;
+    border: (color: string, width?: string) => string;
+    boxShadow: (shadow: string) => string;
+    transition: (property?: string, duration?: string) => string;
+    overflow: (type: string) => string;
+    position: (type: string) => string;
+    zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
+};
+export default useStyles;

package/dist/esm/components/Sources/styles.js

@@ -0,0 +1,34 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
+import { css } from "@emotion/css";
+import { withBasicStyles } from "../../styles/common";
+export var useStyles = withBasicStyles(function () {
+  return {
+    sources: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n  "]))),
+    sourcesTitleWrapper: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: center;\n    font-size: 14px;\n    color: #888;\n    line-height: 1.5;\n    cursor: pointer;\n    margin-bottom: 12px;\n    width: fit-content;\n  "]))),
+    sourcesTitleDownIcon: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    transition: transform 0.3s ease;\n  "]))),
+    sourcesTitleDownIconExpanded: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    transform: rotate(90deg);\n  "]))),
+    sourcesIconPositionEnd: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    .sources-title-down-icon {\n      order: 1;\n    }\n  "]))),
+    sourcesList: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    ul, ol {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n  "]))),
+    sourcesListItem: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-bottom: 8px;\n  "]))),
+    sourcesLink: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    color: #333;\n    display: flex;\n    gap: 4px;\n    text-decoration: none;\n    &:hover {\n      color: #1677ff;\n    }\n  "]))),
+    sourcesLinkIcon: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex-shrink: 0;\n  "]))),
+    sourcesLinkTitle: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
+    sourcesContent: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    transition: all 0.3s ease;\n  "]))),
+    sourcesContentHidden: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    display: none;\n  "]))),
+    sourcesInline: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    display: inline-flex;\n    .sources-title-wrapper {\n      background: #f5f5f5;\n      border-radius: 10px;\n      height: 24px;\n      line-height: 24px;\n      font-size: 12px;\n      color: #888;\n      font-weight: 400;\n      padding-inline: 6px;\n      padding-block: 0;\n      margin-inline: 4px;\n      margin-block: 0;\n    }\n  "]))),
+    // ========== Carousel 相关 ==========
+    carouselWrapper: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    min-width: 260px;\n  "]))),
+    carouselTitle: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n  "]))),
+    carouselBtnWrapper: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    display: flex;\n    gap: 4px;\n  "]))),
+    carouselBtn: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    height: 32px;\n    width: 32px;\n    border-radius: 6px;\n    transition: background 0.2s ease;\n    &:not(.carousel-btn-disabled):hover {\n      background: #f5f5f5;\n    }\n  "]))),
+    carouselBtnDisabled: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    opacity: 0.4;\n    cursor: not-allowed;\n    pointer-events: none;\n  "]))),
+    carouselPage: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    color: #888;\n  "]))),
+    carouselItem: css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    padding: 8px;\n    box-sizing: border-box;\n    font-size: 14px;\n    line-height: 1.5;\n    cursor: pointer;\n  "]))),
+    carouselItemTitleWrapper: css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  "]))),
+    carouselItemTitle: css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
+    carouselItemDescription: css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    opacity: 0.8;\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n    text-overflow: ellipsis;\n    margin-top: 4px;\n    font-size: 12px;\n    color: #888;\n  "])))
+  };
+});
+export default useStyles;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/Sources/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","withBasicStyles","useStyles","sources","_templateObject","_taggedTemplateLiteral","sourcesTitleWrapper","_templateObject2","sourcesTitleDownIcon","_templateObject3","sourcesTitleDownIconExpanded","_templateObject4","sourcesIconPositionEnd","_templateObject5","sourcesList","_templateObject6","sourcesListItem","_templateObject7","sourcesLink","_templateObject8","sourcesLinkIcon","_templateObject9","sourcesLinkTitle","_templateObject10","sourcesContent","_templateObject11","sourcesContentHidden","_templateObject12","sourcesInline","_templateObject13","carouselWrapper","_templateObject14","carouselTitle","_templateObject15","carouselBtnWrapper","_templateObject16","carouselBtn","_templateObject17","carouselBtnDisabled","_templateObject18","carouselPage","_templateObject19","carouselItem","_templateObject20","carouselItemTitleWrapper","_templateObject21","carouselItemTitle","_templateObject22","carouselItemDescription","_templateObject23"],"sources":["../../../../src/components/Sources/styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  sources: css`\n    position: relative;\n  `,\n\n  sourcesTitleWrapper: css`\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: center;\n    font-size: 14px;\n    color: #888;\n    line-height: 1.5;\n    cursor: pointer;\n    margin-bottom: 12px;\n    width: fit-content;\n  `,\n\n  sourcesTitleDownIcon: css`\n    font-size: 12px;\n    transition: transform 0.3s ease;\n  `,\n\n  sourcesTitleDownIconExpanded: css`\n    transform: rotate(90deg);\n  `,\n\n  sourcesIconPositionEnd: css`\n    .sources-title-down-icon {\n      order: 1;\n    }\n  `,\n\n  sourcesList: css`\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    ul, ol {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n  `,\n\n  sourcesListItem: css`\n    margin-bottom: 8px;\n  `,\n\n  sourcesLink: css`\n    color: #333;\n    display: flex;\n    gap: 4px;\n    text-decoration: none;\n    &:hover {\n      color: #1677ff;\n    }\n  `,\n\n  sourcesLinkIcon: css`\n    flex-shrink: 0;\n  `,\n\n  sourcesLinkTitle: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  sourcesContent: css`\n    overflow: hidden;\n    transition: all 0.3s ease;\n  `,\n\n  sourcesContentHidden: css`\n    display: none;\n  `,\n\n  sourcesInline: css`\n    display: inline-flex;\n    .sources-title-wrapper {\n      background: #f5f5f5;\n      border-radius: 10px;\n      height: 24px;\n      line-height: 24px;\n      font-size: 12px;\n      color: #888;\n      font-weight: 400;\n      padding-inline: 6px;\n      padding-block: 0;\n      margin-inline: 4px;\n      margin-block: 0;\n    }\n  `,\n\n  // ========== Carousel 相关 ==========\n  carouselWrapper: css`\n    min-width: 260px;\n  `,\n\n  carouselTitle: css`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n  `,\n\n  carouselBtnWrapper: css`\n    display: flex;\n    gap: 4px;\n  `,\n\n  carouselBtn: css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    height: 32px;\n    width: 32px;\n    border-radius: 6px;\n    transition: background 0.2s ease;\n    &:not(.carousel-btn-disabled):hover {\n      background: #f5f5f5;\n    }\n  `,\n\n  carouselBtnDisabled: css`\n    opacity: 0.4;\n    cursor: not-allowed;\n    pointer-events: none;\n  `,\n\n  carouselPage: css`\n    font-size: 12px;\n    color: #888;\n  `,\n\n  carouselItem: css`\n    padding: 8px;\n    box-sizing: border-box;\n    font-size: 14px;\n    line-height: 1.5;\n    cursor: pointer;\n  `,\n\n  carouselItemTitleWrapper: css`\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  `,\n\n  carouselItemTitle: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  carouselItemDescription: css`\n    opacity: 0.8;\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n    text-overflow: ellipsis;\n    margin-top: 4px;\n    font-size: 12px;\n    color: #888;\n  `,\n}));\n\nexport default useStyles;"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,OAAO,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,qCAEX;IAEDC,mBAAmB,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,2OAWvB;IAEDG,oBAAoB,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,wEAGxB;IAEDK,4BAA4B,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,2CAEhC;IAEDO,sBAAsB,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,oEAI1B;IAEDS,WAAW,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,uJASf;IAEDW,eAAe,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,qCAEnB;IAEDa,WAAW,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,0IAQf;IAEDe,eAAe,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,iCAEnB;IAEDiB,gBAAgB,EAAEtB,GAAG,CAAAuB,iBAAA,KAAAA,iBAAA,GAAAlB,sBAAA,2FAIpB;IAEDmB,cAAc,EAAExB,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAApB,sBAAA,mEAGlB;IAEDqB,oBAAoB,EAAE1B,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAAtB,sBAAA,gCAExB;IAEDuB,aAAa,EAAE5B,GAAG,CAAA6B,iBAAA,KAAAA,iBAAA,GAAAxB,sBAAA,gWAejB;IAED;IACAyB,eAAe,EAAE9B,GAAG,CAAA+B,iBAAA,KAAAA,iBAAA,GAAA1B,sBAAA,mCAEnB;IAED2B,aAAa,EAAEhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA5B,sBAAA,wHAKjB;IAED6B,kBAAkB,EAAElC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA9B,sBAAA,+CAGtB;IAED+B,WAAW,EAAEpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAhC,sBAAA,wSAYf;IAEDiC,mBAAmB,EAAEtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAlC,sBAAA,oFAIvB;IAEDmC,YAAY,EAAExC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAApC,sBAAA,oDAGhB;IAEDqC,YAAY,EAAE1C,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAAtC,sBAAA,+HAMhB;IAEDuC,wBAAwB,EAAE5C,GAAG,CAAA6C,iBAAA,KAAAA,iBAAA,GAAAxC,sBAAA,yEAI5B;IAEDyC,iBAAiB,EAAE9C,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAA1C,sBAAA,2FAIrB;IAED2C,uBAAuB,EAAEhD,GAAG,CAAAiD,iBAAA,KAAAA,iBAAA,GAAA5C,sBAAA;EAW9B,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeH,SAAS"}

package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.d.ts

@@ -1,10 +1,28 @@
 import React from "react";
 import "@ant-design/x-markdown/themes/light.css";
-import type { FileItem } from "../../../../types";
+import type { FileItem, MarkdownExtension, MarkdownResourceLink, RenderMarkdownResourceLink } from "../../../../types";
 export interface MarkdownRenderProps {
     text: string;
+    /** 紧凑布局，适合用户消息气泡等内联场景 */
+    compact?: boolean;
+    /** Markdown 资源链接协议白名单，未命中的协议保持普通 Markdown 行为 */
+    resourceLinkSchemes?: readonly string[];
     /** 点击 Markdown 中识别到的文件链接的回调 */
     onFileClick?: (file: FileItem) => void;
+    /** 点击 Markdown 中识别到的资源链接标签，如 [@skill](skill://xxx) */
+    onResourceLinkClick?: (link: MarkdownResourceLink) => void;
+    /** 自定义资源链接渲染，返回 null 时使用默认标签样式 */
+    renderResourceLink?: RenderMarkdownResourceLink;
+    /** Markdown/XML 自定义标签扩展 */
+    markdownExtensions?: readonly MarkdownExtension[];
+    /**
+     * 将命中文件扩展名的裸 URL 当作纯文本展示，不升级为 FileGallery。
+     * 用户消息应如实展示输入文本，除资源链接等业务扩展外不做额外富化。
+     * 默认 false，保留 Agent 消息现有行为。
+     */
+    bareUrlAsText?: boolean;
+    /** 将已经丢失资源 URI 的 @name 兼容渲染成只读高亮标签。 */
+    highlightPlainMentions?: boolean;
 }
 declare const MarkdownRender: React.FC<MarkdownRenderProps>;
 export default MarkdownRender;

package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.js

@@ -1,3 +1,5 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import React from "react";
 import XMarkdown from "@ant-design/x-markdown";
 import "@ant-design/x-markdown/themes/light.css";
@@ -7,9 +9,12 @@ import Latex from "@ant-design/x-markdown/plugins/Latex";
 import { useStyles } from "./styles";
 import { BarsOutlined, BulbOutlined, ThunderboltOutlined, CheckCircleOutlined } from "@ant-design/icons";
 import FileGallery from "../../../FileGallery";
+import { parseMarkdownResourceHref, getMarkdownResourceDisplayLabel, replaceMarkdownResourceLinks } from "../../../../utils/markdownResource";
+
+// 支持识别的文件扩展名
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-// 支持识别的文件扩展名
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var FILE_EXT_REGEX = /\.(pdf|doc|docx|xls|xlsx|csv|ppt|pptx|zip|rar|7z|txt|md|json|xml|mp3|wav|m4a|aac|ogg|flac|mp4|mov|webm|mkv|avi|png|jpg|jpeg|gif|webp|bmp|svg)(\?.*)?$/i;
 var MIME_MAP = {
   pdf: "application/pdf",
@@ -55,6 +60,17 @@ var extractExt = function extractExt(str) {
   if (!match) return "";
   return match[1].toLowerCase();
 };
+var escapeMarkdownLabel = function escapeMarkdownLabel(value) {
+  return value.replace(/\\/g, "\\\\").replace(/\]/g, "\\]");
+};
+
+// 使用标准 https 链接作为 Markdown AST 的内部载体，避免自定义 HTML 标签被解析器降级成纯文本。
+var RESOURCE_LINK_SENTINEL = "https://xadk.local/resource";
+var PLAIN_MENTION_SENTINEL = "https://xadk.local/mention";
+// 仅开放符合 Custom Element 命名规则的标签，避免覆盖 a/code 等内置 Markdown 节点。
+var CUSTOM_TAG_NAME_REGEX = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)+$/;
+var CUSTOM_ATTRIBUTE_NAME_REGEX = /^[a-z][a-z0-9-]*$/;
+var EMPTY_MARKDOWN_EXTENSIONS = [];
 var CodeComponent = function CodeComponent(props) {
   var _className$match;
   var className = props.className,
@@ -105,23 +121,159 @@ var extractText = function extractText(children) {
   if ( /*#__PURE__*/React.isValidElement(children)) return extractText(children.props.children);
   return "";
 };
-var MarkdownRender = function MarkdownRender(_ref) {
-  var text = _ref.text,
-    onFileClick = _ref.onFileClick;
+
+// 从组件 props 中获取自定义 Markdown 扩展属性值，支持 kebab-case、camelCase 和 compactCase。
+var getExtensionAttribute = function getExtensionAttribute(props, attribute) {
+  var _ref, _record$attribute;
+  var record = props;
+  var camelCase = attribute.replace(/-([a-z])/g, function (_, char) {
+    return char.toUpperCase();
+  });
+  var compact = attribute.replaceAll("-", "");
+  var value = (_ref = (_record$attribute = record[attribute]) !== null && _record$attribute !== void 0 ? _record$attribute : record[camelCase]) !== null && _ref !== void 0 ? _ref : record[compact];
+  return value === undefined || value === null ? undefined : String(value);
+};
+
+// 仅允许自定义 Markdown 扩展的安全属性，避免 XSS 注入。s
+var getAllowedExtensionAttributes = function getAllowedExtensionAttributes(extension) {
+  return (extension.allowedAttributes || []).filter(function (attribute) {
+    return CUSTOM_ATTRIBUTE_NAME_REGEX.test(attribute) && !attribute.startsWith("on") && attribute !== "style" && attribute !== "srcdoc";
+  });
+};
+var createMarkdownExtensionComponent = function createMarkdownExtensionComponent(extension) {
+  var MarkdownExtensionComponent = function MarkdownExtensionComponent(props) {
+    var attributes = Object.fromEntries(getAllowedExtensionAttributes(extension).flatMap(function (attribute) {
+      var value = getExtensionAttribute(props, attribute);
+      return value === undefined ? [] : [[attribute, value]];
+    }));
+    var node = {
+      tagName: extension.tagName,
+      attributes: attributes,
+      text: extractText(props.children).trim(),
+      children: props.children
+    };
+    var customNode = extension.render(node);
+    return customNode === null ? /*#__PURE__*/_jsx(_Fragment, {
+      children: props.children
+    }) : customNode;
+  };
+  MarkdownExtensionComponent.displayName = "MarkdownExtension(".concat(extension.tagName, ")");
+  return MarkdownExtensionComponent;
+};
+var MarkdownRender = function MarkdownRender(_ref2) {
+  var text = _ref2.text,
+    _ref2$compact = _ref2.compact,
+    compact = _ref2$compact === void 0 ? false : _ref2$compact,
+    resourceLinkSchemes = _ref2.resourceLinkSchemes,
+    onFileClick = _ref2.onFileClick,
+    onResourceLinkClick = _ref2.onResourceLinkClick,
+    renderResourceLink = _ref2.renderResourceLink,
+    _ref2$markdownExtensi = _ref2.markdownExtensions,
+    markdownExtensions = _ref2$markdownExtensi === void 0 ? EMPTY_MARKDOWN_EXTENSIONS : _ref2$markdownExtensi,
+    _ref2$bareUrlAsText = _ref2.bareUrlAsText,
+    bareUrlAsText = _ref2$bareUrlAsText === void 0 ? false : _ref2$bareUrlAsText,
+    _ref2$highlightPlainM = _ref2.highlightPlainMentions,
+    highlightPlainMentions = _ref2$highlightPlainM === void 0 ? false : _ref2$highlightPlainM;
   var styles = useStyles();
-  var markdown = text.replaceAll(/\/\*\s*PLANNING\s*\*\//g, '<tag type="planning"></tag>').replaceAll(/\/\*\s*REPLANNING\s*\*\//g, '<tag type="replanning"></tag>').replaceAll(/\/\*\s*REASONING\s*\*\//g, '<tag type="reasoning"></tag>').replaceAll(/\/\*\s*ACTION\s*\*\//g, '<tag type="action"></tag>').replaceAll(/\/\*\s*FINAL_ANSWER\s*\*\//g, '<tag type="final_answer"></tag>');
+  var displayText = highlightPlainMentions ? text.replace(/(^|[^\[a-z0-9_])@([a-z0-9][a-z0-9._-]*)/gi, function (_source, prefix, label) {
+    return "".concat(prefix, "[").concat(escapeMarkdownLabel(label), "](").concat(PLAIN_MENTION_SENTINEL, "?label=").concat(encodeURIComponent(label), ")");
+  }) : text;
+  var markdown = replaceMarkdownResourceLinks(displayText, function (link) {
+    // 非 http(s) 协议会被 Markdown 引擎清洗，先编码到内部标准链接中交给 a renderer 恢复。
+    return "[".concat(escapeMarkdownLabel(link.label), "](").concat(RESOURCE_LINK_SENTINEL, "?href=").concat(encodeURIComponent(link.href), "&label=").concat(encodeURIComponent(link.label), ")");
+  }, {
+    schemes: resourceLinkSchemes
+  }).replaceAll(/\/\*\s*PLANNING\s*\*\//g, '<tag type="planning"></tag>').replaceAll(/\/\*\s*REPLANNING\s*\*\//g, '<tag type="replanning"></tag>').replaceAll(/\/\*\s*REASONING\s*\*\//g, '<tag type="reasoning"></tag>').replaceAll(/\/\*\s*ACTION\s*\*\//g, '<tag type="action"></tag>').replaceAll(/\/\*\s*FINAL_ANSWER\s*\*\//g, '<tag type="final_answer"></tag>');
+  var ResourceLinkComponent = React.useCallback(function (props) {
+    var href = String(props.href || "");
+    var linkText = String(props.label || "") || extractText(props.children);
+    var resourceLink = parseMarkdownResourceHref(href, linkText, {
+      schemes: resourceLinkSchemes
+    });
+    if (!resourceLink) return /*#__PURE__*/_jsx(_Fragment, {
+      children: props.children
+    });
+    var displayLabel = getMarkdownResourceDisplayLabel(resourceLink.label);
+    var customNode = renderResourceLink === null || renderResourceLink === void 0 ? void 0 : renderResourceLink(resourceLink);
+    if (customNode) return customNode;
+    return /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: styles.resourceLink,
+      onClick: function onClick() {
+        return onResourceLinkClick === null || onResourceLinkClick === void 0 ? void 0 : onResourceLinkClick(resourceLink);
+      },
+      "aria-label": displayLabel,
+      "data-xadk-resource-link": resourceLink.type,
+      "data-resource-markdown": "[".concat(resourceLink.label, "](").concat(resourceLink.href, ")"),
+      children: displayLabel
+    });
+  }, [onResourceLinkClick, renderResourceLink, resourceLinkSchemes, styles.resourceLink]);
+  var PlainMentionComponent = React.useCallback(function (props) {
+    var label = String(props.label || "") || extractText(props.children);
+    return /*#__PURE__*/_jsx("span", {
+      className: styles.resourceLink,
+      "aria-label": label,
+      "data-xadk-resource-link": "true",
+      children: label
+    });
+  }, [styles.resourceLink]);
 
-  // 自定义 a 标签渲染：识别文件链接并渲染为 FileGallery 卡片
+  // 自定义 a 标签渲染：资源协议渲染为标签，文件链接渲染为 FileGallery，其余保持普通链接。
   var LinkComponent = React.useCallback(function (props) {
     var href = String(props.href || "");
     // 用递归提取纯文本，避免 children 是 React node 时 String() 得到 "[object Object]"
     var linkText = extractText(props.children);
+    var resolvedHref = href;
+    var resolvedLabel = linkText;
+    try {
+      var internalUrl = new URL(href);
+      if (internalUrl.origin + internalUrl.pathname === PLAIN_MENTION_SENTINEL) {
+        var label = internalUrl.searchParams.get("label") || linkText;
+        return /*#__PURE__*/_jsx("span", {
+          className: styles.resourceLink,
+          "aria-label": label,
+          "data-xadk-resource-link": "true",
+          children: label
+        });
+      }
+      if (internalUrl.origin + internalUrl.pathname === RESOURCE_LINK_SENTINEL) {
+        resolvedHref = internalUrl.searchParams.get("href") || "";
+        resolvedLabel = internalUrl.searchParams.get("label") || linkText;
+      }
+    } catch (_unused) {
+      // 相对链接及非标准 URL 继续走原有解析逻辑。
+    }
+    var resourceLink = parseMarkdownResourceHref(resolvedHref, resolvedLabel, {
+      schemes: resourceLinkSchemes
+    });
+    if (resourceLink) {
+      var displayLabel = getMarkdownResourceDisplayLabel(resourceLink.label);
+      var customNode = renderResourceLink === null || renderResourceLink === void 0 ? void 0 : renderResourceLink(resourceLink);
+      if (customNode) return customNode;
+      return /*#__PURE__*/_jsx("button", {
+        type: "button",
+        className: styles.resourceLink,
+        onClick: function onClick() {
+          return onResourceLinkClick === null || onResourceLinkClick === void 0 ? void 0 : onResourceLinkClick(resourceLink);
+        },
+        "aria-label": displayLabel,
+        "data-xadk-resource-link": resourceLink.type,
+        "data-resource-markdown": "[".concat(resourceLink.label, "](").concat(resourceLink.href, ")"),
+        children: displayLabel
+      });
+    }
 
     // 先识别 name（链接文字），再识别 url（href）
     var ext = extractExt(linkText) || extractExt(href);
     if (ext) {
       // href 为空说明链接还在流式截断中，不渲染，避免显示出错误文字
       if (!href) return null;
+      // 用户消息场景：裸 URL 不富化，直接展示为纯文本字符串
+      if (bareUrlAsText) {
+        return /*#__PURE__*/_jsx(_Fragment, {
+          children: linkText || href
+        });
+      }
       var mimeType = MIME_MAP[ext] || "";
       var fileItem = {
         displayName: linkText || href,
@@ -141,23 +293,50 @@ var MarkdownRender = function MarkdownRender(_ref) {
       rel: "noopener noreferrer",
       children: props.children
     });
-  }, [onFileClick]);
+  }, [onFileClick, onResourceLinkClick, renderResourceLink, resourceLinkSchemes, styles.resourceLink, bareUrlAsText]);
+  var enabledMarkdownExtensions = React.useMemo(function () {
+    var registeredTags = new Set();
+    return markdownExtensions.filter(function (extension) {
+      var tagName = extension.tagName.toLowerCase();
+      if (!CUSTOM_TAG_NAME_REGEX.test(tagName) || registeredTags.has(tagName)) {
+        return false;
+      }
+      registeredTags.add(tagName);
+      return true;
+    });
+  }, [markdownExtensions]);
+  var dompurifyConfig = React.useMemo(function () {
+    var allowedAttributes = Array.from(new Set(enabledMarkdownExtensions.flatMap(function (extension) {
+      return _toConsumableArray(getAllowedExtensionAttributes(extension));
+    })));
+    return allowedAttributes.length ? {
+      ADD_ATTR: allowedAttributes
+    } : undefined;
+  }, [enabledMarkdownExtensions]);
+  var extensionComponents = React.useMemo(function () {
+    return Object.fromEntries(enabledMarkdownExtensions.map(function (extension) {
+      return [extension.tagName.toLowerCase(), createMarkdownExtensionComponent(extension)];
+    }));
+  }, [enabledMarkdownExtensions]);
   return /*#__PURE__*/_jsx("div", {
-    className: styles.markdownWrapper,
+    className: "".concat(styles.markdownWrapper).concat(compact ? " ".concat(styles.markdownWrapperCompact) : ""),
     children: /*#__PURE__*/_jsx("div", {
-      className: styles.markdownHost,
+      className: "".concat(styles.markdownHost).concat(compact ? " ".concat(styles.markdownHostCompact) : ""),
       children: /*#__PURE__*/_jsx(XMarkdown, {
         content: markdown,
         className: "x-markdown-light",
         paragraphTag: "div",
+        dompurifyConfig: dompurifyConfig,
         config: {
           extensions: Latex()
         },
-        components: {
+        components: _objectSpread({
           tag: ThinkComponent,
+          "resource-link": ResourceLinkComponent,
+          "plain-mention": PlainMentionComponent,
           code: CodeComponent,
           a: LinkComponent
-        },
+        }, extensionComponents),
         streaming: {
           enableAnimation: true,
           animationConfig: {