@ai-group/chat-sdk 3.7.1-alpha1 → 3.7.1-alpha2

package/dist/cjs/components/Sources/components/CarouselCard.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { SourcesItem, SourcesProps } from "../../../types/Sources";
+export interface CarouselCardProps {
+    activeKey?: SourcesProps['activeKey'];
+    prefixCls: string;
+    items?: SourcesProps['items'];
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (item: SourcesItem) => void;
+}
+declare const CarouselCard: React.FC<CarouselCardProps>;
+export default CarouselCard;

package/dist/cjs/components/Sources/components/CarouselCard.js

@@ -0,0 +1,130 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Sources/components/CarouselCard.tsx
+var CarouselCard_exports = {};
+__export(CarouselCard_exports, {
+  default: () => CarouselCard_default
+});
+module.exports = __toCommonJS(CarouselCard_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_clsx = require("clsx");
+var import_react = __toESM(require("react"));
+var import_styles = __toESM(require("../styles"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var CarouselCard = (props) => {
+  const { prefixCls, items, activeKey, className, style } = props;
+  const styles = (0, import_styles.default)();
+  const activeSlideIndex = import_react.default.useMemo(
+    () => Math.max(0, (items == null ? void 0 : items.findIndex(({ key }) => key === activeKey)) ?? 0),
+    [items, activeKey]
+  );
+  const [slide, setSlide] = (0, import_react.useState)(activeSlideIndex);
+  const carouselRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    setSlide(activeSlideIndex);
+    if (carouselRef.current) {
+      carouselRef.current.goTo(activeSlideIndex, false);
+    }
+  }, [activeSlideIndex]);
+  const handleClick = (item) => {
+    var _a;
+    item.url && window.open(item.url, "_blank", "noopener,noreferrer");
+    (_a = props.onClick) == null ? void 0 : _a.call(props, item);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style, className: (0, import_clsx.clsx)(styles.carouselWrapper, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.carouselTitle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.carouselBtnWrapper, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: (0, import_clsx.clsx)(styles.carouselBtn, {
+              [styles.carouselBtnDisabled]: slide === 0
+            }),
+            onClick: () => {
+              var _a;
+              if (slide > 0) {
+                const next = slide - 1;
+                setSlide(next);
+                (_a = carouselRef.current) == null ? void 0 : _a.goTo(next, false);
+              }
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LeftOutlined, {})
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: (0, import_clsx.clsx)(styles.carouselBtn, {
+              [styles.carouselBtnDisabled]: slide === ((items == null ? void 0 : items.length) || 1) - 1
+            }),
+            onClick: () => {
+              var _a;
+              const max = ((items == null ? void 0 : items.length) || 1) - 1;
+              if (slide < max) {
+                const next = slide + 1;
+                setSlide(next);
+                (_a = carouselRef.current) == null ? void 0 : _a.goTo(next, false);
+              }
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.RightOutlined, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.carouselPage, children: `${slide + 1}/${(items == null ? void 0 : items.length) || 1}` })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_antd.Carousel,
+      {
+        ref: carouselRef,
+        arrows: false,
+        infinite: false,
+        dots: false,
+        afterChange: setSlide,
+        children: items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: styles.carouselItem,
+            onClick: () => handleClick(item),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.carouselItemTitleWrapper, children: [
+                item.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.carouselItemTitle, children: item.title })
+              ] }),
+              item.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.carouselItemDescription, children: item.description })
+            ]
+          },
+          item.key || index
+        ))
+      }
+    )
+  ] });
+};
+var CarouselCard_default = CarouselCard;
+//# sourceMappingURL=CarouselCard.js.map

package/dist/cjs/components/Sources/components/CarouselCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Sources/components/CarouselCard.tsx"],
+  "sourcesContent": ["import { LeftOutlined, RightOutlined } from '@ant-design/icons';\nimport { Carousel } from 'antd';\nimport { clsx } from 'clsx';\nimport React, { useEffect, useRef, useState } from 'react';\nimport type { SourcesItem, SourcesProps } from '@/types/Sources';\nimport useStyle from '../styles';\n\nexport interface CarouselCardProps {\n  activeKey?: SourcesProps['activeKey'];\n  prefixCls: string;\n  items?: SourcesProps['items'];\n  className?: string;\n  style?: React.CSSProperties;\n  onClick?: (item: SourcesItem) => void;\n}\n\nconst CarouselCard: React.FC<CarouselCardProps> = (props) => {\n  const { prefixCls, items, activeKey, className, style } = props;\n  const styles = useStyle();\n\n  // Derive the target slide index from activeKey\n  const activeSlideIndex = React.useMemo(\n    () => Math.max(0, items?.findIndex(({ key }) => key === activeKey) ?? 0),\n    [items, activeKey],\n  );\n\n  const [slide, setSlide] = useState<number>(activeSlideIndex);\n\n  const carouselRef = useRef<React.ComponentRef<typeof Carousel>>(null);\n\n  useEffect(() => {\n    setSlide(activeSlideIndex);\n    if (carouselRef.current) {\n      carouselRef.current.goTo(activeSlideIndex, false);\n    }\n  }, [activeSlideIndex]);\n\n  const handleClick = (item: SourcesItem) => {\n    item.url && window.open(item.url, '_blank', 'noopener,noreferrer');\n    props.onClick?.(item);\n  };\n\n  return (\n    <div style={style} className={clsx(styles.carouselWrapper, className)}>\n      <div className={styles.carouselTitle}>\n        <div className={styles.carouselBtnWrapper}>\n          <span\n            className={clsx(styles.carouselBtn, {\n              [styles.carouselBtnDisabled]: slide === 0,\n            })}\n            onClick={() => {\n              if (slide > 0) {\n                const next = slide - 1;\n                setSlide(next);\n                carouselRef.current?.goTo(next, false);\n              }\n            }}\n          >\n            <LeftOutlined />\n          </span>\n          <span\n            className={clsx(styles.carouselBtn, {\n              [styles.carouselBtnDisabled]: slide === (items?.length || 1) - 1,\n            })}\n            onClick={() => {\n              const max = (items?.length || 1) - 1;\n              if (slide < max) {\n                const next = slide + 1;\n                setSlide(next);\n                carouselRef.current?.goTo(next, false);\n              }\n            }}\n          >\n            <RightOutlined />\n          </span>\n        </div>\n        <div className={styles.carouselPage}>{`${slide + 1}/${items?.length || 1}`}</div>\n      </div>\n      <Carousel\n        ref={carouselRef}\n        arrows={false}\n        infinite={false}\n        dots={false}\n        afterChange={setSlide}\n      >\n        {items?.map((item, index) => (\n          <div\n            key={item.key || index}\n            className={styles.carouselItem}\n            onClick={() => handleClick(item)}\n          >\n            <div className={styles.carouselItemTitleWrapper}>\n              {item.icon && <span>{item.icon}</span>}\n              <span className={styles.carouselItemTitle}>{item.title}</span>\n            </div>\n            {item.description && (\n              <div className={styles.carouselItemDescription}>{item.description}</div>\n            )}\n          </div>\n        ))}\n      </Carousel>\n    </div>\n  );\n};\n\nexport default CarouselCard;"],
+  "mappings": "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",
+  "names": ["useStyle", "React"]
+}

package/dist/cjs/components/Sources/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SourcesProps, SourcesRef } from "../../types/Sources";
+declare const ForwardSources: React.ForwardRefExoticComponent<SourcesProps & React.RefAttributes<SourcesRef>>;
+export default ForwardSources;
+export type { SourcesProps, SourcesItem, SourcesRef } from "../../types/Sources";

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

@@ -0,0 +1,162 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Sources/index.tsx
+var Sources_exports = {};
+__export(Sources_exports, {
+  default: () => Sources_default
+});
+module.exports = __toCommonJS(Sources_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_clsx = require("clsx");
+var import_react = __toESM(require("react"));
+var import_CarouselCard = __toESM(require("./components/CarouselCard"));
+var import_styles = __toESM(require("./styles"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Sources = (props, ref) => {
+  const {
+    style,
+    className,
+    rootClassName,
+    title,
+    expandIconPosition = "start",
+    inline = false,
+    expanded,
+    defaultExpanded,
+    onExpand,
+    activeKey,
+    items,
+    onClick,
+    popoverOverlayWidth = 300,
+    ...restProps
+  } = props;
+  const styles = (0, import_styles.default)();
+  const sourcesRef = import_react.default.useRef(null);
+  import_react.default.useImperativeHandle(ref, () => ({
+    nativeElement: sourcesRef.current
+  }));
+  const [isExpand, setIsExpand] = (0, import_react.useState)(defaultExpanded ?? true);
+  const isControlled = expanded !== void 0;
+  const actualExpanded = isControlled ? expanded : isExpand;
+  const handleToggle = (0, import_react.useCallback)(() => {
+    const newExpand = !actualExpanded;
+    if (!isControlled) {
+      setIsExpand(newExpand);
+    }
+    onExpand == null ? void 0 : onExpand(newExpand);
+  }, [actualExpanded, isControlled, onExpand]);
+  const mergedCls = (0, import_clsx.clsx)(
+    styles.sources,
+    className,
+    rootClassName,
+    {
+      [styles.sourcesInline]: inline
+    }
+  );
+  const ContentNode = items ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: styles.sourcesList, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "li",
+    {
+      className: styles.sourcesListItem,
+      onClick: () => onClick == null ? void 0 : onClick(item),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "a",
+        {
+          className: styles.sourcesLink,
+          href: item.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: [
+            item.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.sourcesLinkIcon, children: item.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.sourcesLinkTitle, children: item.title })
+          ]
+        }
+      )
+    },
+    item.key || index
+  )) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref: sourcesRef,
+      className: mergedCls,
+      style,
+      ...restProps,
+      children: inline ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Popover,
+        {
+          content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_CarouselCard.default,
+            {
+              className: (0, import_clsx.clsx)(styles.sources, className),
+              style,
+              activeKey,
+              prefixCls: "sources",
+              items,
+              onClick
+            }
+          ),
+          open: inline ? void 0 : false,
+          overlayStyle: { width: popoverOverlayWidth },
+          placement: "top",
+          forceRender: true,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.sourcesTitleWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title }) })
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: (0, import_clsx.clsx)(
+              styles.sourcesTitleWrapper,
+              expandIconPosition === "end" && styles.sourcesIconPositionEnd
+            ),
+            onClick: handleToggle,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_icons.RightOutlined,
+                {
+                  className: (0, import_clsx.clsx)(styles.sourcesTitleDownIcon, {
+                    [styles.sourcesTitleDownIconExpanded]: actualExpanded
+                  })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title })
+            ]
+          }
+        ),
+        actualExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.sourcesContent, children: ContentNode })
+      ] })
+    }
+  );
+};
+var ForwardSources = import_react.default.forwardRef(Sources);
+if (process.env.NODE_ENV !== "production") {
+  ForwardSources.displayName = "Sources";
+}
+var Sources_default = ForwardSources;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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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",
+  "names": ["useStyle", "React", "CarouselCard"]
+}

package/dist/cjs/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/cjs/components/Sources/styles.js

@@ -0,0 +1,179 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Sources/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  default: () => styles_default,
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(styles_exports);
+var import_css = require("@emotion/css");
+var import_common = require("../../styles/common");
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  sources: import_css.css`
+    position: relative;
+  `,
+  sourcesTitleWrapper: import_css.css`
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+    align-items: center;
+    font-size: 14px;
+    color: #888;
+    line-height: 1.5;
+    cursor: pointer;
+    margin-bottom: 12px;
+    width: fit-content;
+  `,
+  sourcesTitleDownIcon: import_css.css`
+    font-size: 12px;
+    transition: transform 0.3s ease;
+  `,
+  sourcesTitleDownIconExpanded: import_css.css`
+    transform: rotate(90deg);
+  `,
+  sourcesIconPositionEnd: import_css.css`
+    .sources-title-down-icon {
+      order: 1;
+    }
+  `,
+  sourcesList: import_css.css`
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    ul, ol {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+  `,
+  sourcesListItem: import_css.css`
+    margin-bottom: 8px;
+  `,
+  sourcesLink: import_css.css`
+    color: #333;
+    display: flex;
+    gap: 4px;
+    text-decoration: none;
+    &:hover {
+      color: #1677ff;
+    }
+  `,
+  sourcesLinkIcon: import_css.css`
+    flex-shrink: 0;
+  `,
+  sourcesLinkTitle: import_css.css`
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+  sourcesContent: import_css.css`
+    overflow: hidden;
+    transition: all 0.3s ease;
+  `,
+  sourcesContentHidden: import_css.css`
+    display: none;
+  `,
+  sourcesInline: import_css.css`
+    display: inline-flex;
+    .sources-title-wrapper {
+      background: #f5f5f5;
+      border-radius: 10px;
+      height: 24px;
+      line-height: 24px;
+      font-size: 12px;
+      color: #888;
+      font-weight: 400;
+      padding-inline: 6px;
+      padding-block: 0;
+      margin-inline: 4px;
+      margin-block: 0;
+    }
+  `,
+  // ========== Carousel 相关 ==========
+  carouselWrapper: import_css.css`
+    min-width: 260px;
+  `,
+  carouselTitle: import_css.css`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+  `,
+  carouselBtnWrapper: import_css.css`
+    display: flex;
+    gap: 4px;
+  `,
+  carouselBtn: import_css.css`
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    height: 32px;
+    width: 32px;
+    border-radius: 6px;
+    transition: background 0.2s ease;
+    &:not(.carousel-btn-disabled):hover {
+      background: #f5f5f5;
+    }
+  `,
+  carouselBtnDisabled: import_css.css`
+    opacity: 0.4;
+    cursor: not-allowed;
+    pointer-events: none;
+  `,
+  carouselPage: import_css.css`
+    font-size: 12px;
+    color: #888;
+  `,
+  carouselItem: import_css.css`
+    padding: 8px;
+    box-sizing: border-box;
+    font-size: 14px;
+    line-height: 1.5;
+    cursor: pointer;
+  `,
+  carouselItemTitleWrapper: import_css.css`
+    display: flex;
+    gap: 4px;
+    align-items: center;
+  `,
+  carouselItemTitle: import_css.css`
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+  carouselItemDescription: import_css.css`
+    opacity: 0.8;
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    text-overflow: ellipsis;
+    margin-top: 4px;
+    font-size: 12px;
+    color: #888;
+  `
+}));
+var styles_default = useStyles;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,SAAS;AAAA;AAAA;AAAA,EAIT,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAarB,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAKtB,8BAA8B;AAAA;AAAA;AAAA,EAI9B,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWb,iBAAiB;AAAA;AAAA;AAAA,EAIjB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUb,iBAAiB;AAAA;AAAA;AAAA,EAIjB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,gBAAgB;AAAA;AAAA;AAAA;AAAA,EAKhB,sBAAsB;AAAA;AAAA;AAAA,EAItB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBf,iBAAiB;AAAA;AAAA;AAAA,EAIjB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOf,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAKpB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcb,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMrB,cAAc;AAAA;AAAA;AAAA;AAAA,EAKd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQd,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA,EAM1B,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnB,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW3B,EAAE;AAEF,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/cjs/components/XAdkSender/InlineTagInput.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
-import type { InlineTagRenderInfo, InputTag } from "../../types";
+import type { InlineTagRenderInfo, InputTag, XAdkSenderSubmitPart } from "../../types";
 export interface InlineTagInputRef {
     focus: () => void;
     getText: () => string;
+    getParts: () => XAdkSenderSubmitPart[];
     getCursorOffset: () => number;
     insertTag: (tag: InputTag, replace?: {
         start: number;

package/dist/cjs/components/XAdkSender/InlineTagInput.js

@@ -81,6 +81,28 @@ var InlineTagInput = (0, import_react.forwardRef)(
       });
       return normalizeText(text);
     }, []);
+    const getParts = (0, import_react.useCallback)(() => {
+      const editor = editorRef.current;
+      if (!editor)
+        return [];
+      const tagMap = new Map(latestTagsRef.current.map((tag) => [tag.id, tag]));
+      const parts = [];
+      editor.childNodes.forEach((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          const text = normalizeText(node.textContent || "");
+          if (text)
+            parts.push({ type: "text", text });
+          return;
+        }
+        if (node instanceof HTMLElement && node.hasAttribute(TAG_ATTR)) {
+          const tagId = node.dataset.xadkInlineTagId || "";
+          const tag = tagMap.get(tagId);
+          if (tag)
+            parts.push({ type: "tag", tag });
+        }
+      });
+      return parts;
+    }, []);
     const emitChange = (0, import_react.useCallback)(() => {
       onChange(getPlainText());
       onTagsChange(getOrderedTags());
@@ -366,9 +388,10 @@ var InlineTagInput = (0, import_react.forwardRef)(
         return (_a = editorRef.current) == null ? void 0 : _a.focus();
       },
       getText: getPlainText,
+      getParts,
       getCursorOffset: getOffsetInEditor,
       insertTag
-    }), [getOffsetInEditor, getPlainText, insertTag]);
+    }), [getOffsetInEditor, getParts, getPlainText, insertTag]);
     (0, import_react.useEffect)(() => {
       const editor = editorRef.current;
       if (!editor || editor.childNodes.length > 0)
@@ -431,11 +454,12 @@ var InlineTagInput = (0, import_react.forwardRef)(
       }
       onKeyDown == null ? void 0 : onKeyDown(event);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.inlineInputWrapper, "data-placeholder": placeholder, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.inlineInputWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref: editorRef,
         className: styles.inlineInput,
+        "data-placeholder": placeholder,
         contentEditable: !disabled,
         suppressContentEditableWarning: true,
         role: "textbox",