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

package/dist/esm/components/XAdkSender/QuickList.js

@@ -0,0 +1,96 @@
+import React, { useMemo, useCallback } from "react";
+import { useStyles } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var QuickList = function QuickList(_ref) {
+  var _config$options$norma;
+  var config = _ref.config,
+    _ref$activeIndex = _ref.activeIndex,
+    activeIndex = _ref$activeIndex === void 0 ? 0 : _ref$activeIndex,
+    onSelect = _ref.onSelect,
+    onClose = _ref.onClose,
+    visible = _ref.visible;
+  var styles = useStyles();
+
+  // SDK 内置列表只负责展示 options；搜索、远程过滤、排序等能力由业务方在外部更新 options 实现。
+  var groupedOptions = useMemo(function () {
+    var groups = {};
+    config.options.forEach(function (opt) {
+      var g = opt.group || "";
+      if (!groups[g]) groups[g] = [];
+      groups[g].push(opt);
+    });
+    return groups;
+  }, [config.options]);
+  var handleSelect = useCallback(function (opt) {
+    // 先通知选择，再关闭弹层；插入 tag 的逻辑由 XAdkSender 统一处理。
+    onSelect(opt);
+    onClose();
+  }, [onSelect, onClose]);
+  if (!visible) return null;
+  var normalizedActiveIndex = config.options.length > 0 ? (activeIndex % config.options.length + config.options.length) % config.options.length : 0;
+  var activeOptionId = (_config$options$norma = config.options[normalizedActiveIndex]) === null || _config$options$norma === void 0 ? void 0 : _config$options$norma.id;
+  var getItemClassName = function getItemClassName(opt) {
+    return "".concat(styles.quickListItem).concat(opt.id === activeOptionId ? " active" : "");
+  };
+  var renderOption = function renderOption(opt) {
+    if (config.renderItem) {
+      return /*#__PURE__*/_jsx("div", {
+        className: getItemClassName(opt),
+        onMouseDown: function onMouseDown(event) {
+          return event.preventDefault();
+        },
+        onClick: function onClick() {
+          return handleSelect(opt);
+        },
+        children: config.renderItem(opt)
+      }, opt.id);
+    }
+    return /*#__PURE__*/_jsxs("div", {
+      className: getItemClassName(opt),
+      onMouseDown: function onMouseDown(event) {
+        return event.preventDefault();
+      },
+      onClick: function onClick() {
+        return handleSelect(opt);
+      },
+      children: [opt.icon && /*#__PURE__*/_jsx("span", {
+        className: "quick-list-item-icon",
+        children: opt.icon
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "quick-list-item-content",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "quick-list-item-label",
+          children: opt.label
+        }), opt.description && /*#__PURE__*/_jsx("div", {
+          className: "quick-list-item-desc",
+          children: opt.description
+        })]
+      })]
+    }, opt.id);
+  };
+  var groupKeys = Object.keys(groupedOptions);
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.quickList,
+    children: [config.title && /*#__PURE__*/_jsx("div", {
+      className: styles.quickListHeader,
+      children: config.title
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.quickListBody,
+      children: [groupKeys.length === 0 && /*#__PURE__*/_jsx("div", {
+        className: styles.quickListEmpty,
+        children: "\u6682\u65E0\u53EF\u9009\u9879"
+      }), groupKeys.map(function (group) {
+        var items = groupedOptions[group];
+        return /*#__PURE__*/_jsxs("div", {
+          children: [group && /*#__PURE__*/_jsx("div", {
+            className: styles.quickListGroup,
+            children: group.replace(/_/g, " / ")
+          }), items.map(renderOption)]
+        }, group);
+      })]
+    })]
+  });
+};
+export default QuickList;
+//# sourceMappingURL=QuickList.js.map

package/dist/esm/components/XAdkSender/QuickList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useCallback","useStyles","jsx","_jsx","jsxs","_jsxs","QuickList","_ref","_config$options$norma","config","_ref$activeIndex","activeIndex","onSelect","onClose","visible","styles","groupedOptions","groups","options","forEach","opt","g","group","push","handleSelect","normalizedActiveIndex","length","activeOptionId","id","getItemClassName","concat","quickListItem","renderOption","renderItem","className","onMouseDown","event","preventDefault","onClick","children","icon","label","description","groupKeys","Object","keys","quickList","title","quickListHeader","quickListBody","quickListEmpty","map","items","quickListGroup","replace"],"sources":["../../../../src/components/XAdkSender/QuickList.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from \"react\";\nimport type { QuickListOption, QuickKeyConfig } from \"@/types\";\nimport { useStyles } from \"./styles\";\n\nexport interface QuickListProps {\n  /** 当前触发的快捷键配置 */\n  config: QuickKeyConfig;\n  /** 当前键盘选中的选项下标 */\n  activeIndex?: number;\n  /** 选择回调 */\n  onSelect: (option: QuickListOption) => void;\n  /** 关闭回调 */\n  onClose: () => void;\n  /** 是否可见 */\n  visible: boolean;\n}\n\nconst QuickList: React.FC<QuickListProps> = ({\n  config,\n  activeIndex = 0,\n  onSelect,\n  onClose,\n  visible,\n}) => {\n  const styles = useStyles();\n\n  // SDK 内置列表只负责展示 options；搜索、远程过滤、排序等能力由业务方在外部更新 options 实现。\n  const groupedOptions = useMemo(() => {\n    const groups: Record<string, QuickListOption[]> = {};\n    config.options.forEach((opt) => {\n      const g = opt.group || \"\";\n      if (!groups[g]) groups[g] = [];\n      groups[g].push(opt);\n    });\n    return groups;\n  }, [config.options]);\n\n  const handleSelect = useCallback(\n    (opt: QuickListOption) => {\n      // 先通知选择，再关闭弹层；插入 tag 的逻辑由 XAdkSender 统一处理。\n      onSelect(opt);\n      onClose();\n    },\n    [onSelect, onClose],\n  );\n\n  if (!visible) return null;\n\n  const normalizedActiveIndex =\n    config.options.length > 0\n      ? ((activeIndex % config.options.length) + config.options.length) %\n        config.options.length\n      : 0;\n  const activeOptionId = config.options[normalizedActiveIndex]?.id;\n  const getItemClassName = (opt: QuickListOption) =>\n    `${styles.quickListItem}${opt.id === activeOptionId ? \" active\" : \"\"}`;\n\n  const renderOption = (opt: QuickListOption) => {\n    if (config.renderItem) {\n      return (\n        <div\n          key={opt.id}\n          className={getItemClassName(opt)}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => handleSelect(opt)}\n        >\n          {config.renderItem(opt)}\n        </div>\n      );\n    }\n    return (\n      <div\n        key={opt.id}\n        className={getItemClassName(opt)}\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => handleSelect(opt)}\n      >\n        {opt.icon && <span className=\"quick-list-item-icon\">{opt.icon}</span>}\n        <div className=\"quick-list-item-content\">\n          <div className=\"quick-list-item-label\">{opt.label}</div>\n          {opt.description && (\n            <div className=\"quick-list-item-desc\">{opt.description}</div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  const groupKeys = Object.keys(groupedOptions);\n\n  return (\n    <div className={styles.quickList}>\n      {config.title && (\n        <div className={styles.quickListHeader}>{config.title}</div>\n      )}\n      <div className={styles.quickListBody}>\n        {groupKeys.length === 0 && (\n          <div className={styles.quickListEmpty}>暂无可选项</div>\n        )}\n        {groupKeys.map((group) => {\n          const items = groupedOptions[group];\n          return (\n            <div key={group}>\n              {group && (\n                <div className={styles.quickListGroup}>\n                  {group.replace(/_/g, \" / \")}\n                </div>\n              )}\n              {items.map(renderOption)}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default QuickList;\n"],"mappings":"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"}

package/dist/esm/components/XAdkSender/index.d.ts

@@ -1,9 +1,4 @@
 import React from "react";
 import { XAdkSenderHandle } from "../../types";
 declare const XAdkSender: React.ForwardRefExoticComponent<import("../../types").SenderUIProps & import("../../types").UploaderCoreProps & React.RefAttributes<XAdkSenderHandle>>;
-import XAdkSenderSwitch from "./Switch";
-type XAdkSenderComponent = typeof XAdkSender & {
-    Switch: typeof XAdkSenderSwitch;
-};
-declare const CompoundSender: XAdkSenderComponent;
-export default CompoundSender;
+export default XAdkSender;