@hsu-react/ui 0.0.1

package/lib/components/Chat/ChatHistory/_components/HistoryItem/index.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _antd = require("antd");
+var _Icon = _interopRequireDefault(require("../../../../Icon"));
+var _Input = _interopRequireDefault(require("../../../../Input"));
+var _SecondConf = _interopRequireDefault(require("../../../../SecondConf"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _utils = require("../../_utils");
+var _TextEllipsis = _interopRequireDefault(require("../../../../TextEllipsis"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const HistoryItem = ({
+  item,
+  isActive,
+  updateTitle,
+  deleteHistory,
+  onClick
+}) => {
+  // 重命名相关状态
+  const [isRenaming, setIsRenaming] = (0, _react.useState)(false);
+  const [renameTitle, setRenameTitle] = (0, _react.useState)("");
+  const [currentTitle, setCurrentTitle] = (0, _react.useState)((0, _utils.formatChatName)(item.name));
+  // 用于跟踪是否刚刚完成重命名，避免立即被外部更新覆盖
+  const justRenamedRef = (0, _react.useRef)(false);
+
+  // 删除确认弹窗状态
+  const [deleteModal, setDeleteModal] = (0, _react.useState)(false);
+
+  // 初始化重命名标题
+  (0, _react.useEffect)(() => {
+    if (isRenaming) {
+      setRenameTitle(currentTitle);
+    }
+  }, [isRenaming, currentTitle]);
+
+  // 同步 item.name 的变化到 currentTitle（仅在非重命名状态下）
+  (0, _react.useEffect)(() => {
+    if (!isRenaming && !justRenamedRef.current) {
+      const formattedName = (0, _utils.formatChatName)(item.name);
+      setCurrentTitle(formattedName);
+    }
+    // 重置重命名标记
+    if (justRenamedRef.current) {
+      justRenamedRef.current = false;
+    }
+  }, [item.name, item.conversationId, isRenaming]);
+  const handleRename = () => {
+    setIsRenaming(true);
+  };
+  const handleRenameConfirm = () => {
+    const newTitle = renameTitle.trim();
+    if (newTitle && updateTitle) {
+      updateTitle(item.conversationId, newTitle);
+      // 先更新显示的标题，确保立即显示用户输入的名称
+      setCurrentTitle(newTitle);
+      // 标记刚刚完成重命名，避免立即被外部更新覆盖
+      justRenamedRef.current = true;
+    }
+    setIsRenaming(false);
+    setRenameTitle("");
+  };
+  const handleRenameCancel = () => {
+    setIsRenaming(false);
+    setRenameTitle("");
+    setCurrentTitle((0, _utils.formatChatName)(item.name));
+  };
+  const handleDelete = () => {
+    setDeleteModal(true);
+  };
+  const handleDeleteConfirm = () => {
+    setDeleteModal(false);
+    deleteHistory?.(item);
+  };
+  const dropdownItems = [{
+    key: "rename",
+    label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: _indexModule.default.dropdownItem,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        icon: "ri:pencil-line"
+      }), "\u91CD\u547D\u540D"]
+    }),
+    onClick: handleRename
+  }, {
+    key: "delete",
+    label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: (0, _classnames.default)(_indexModule.default.dropdownItem, _indexModule.default.delete),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        icon: "ri:delete-bin-line"
+      }), "\u5220\u9664"]
+    }),
+    onClick: handleDelete
+  }];
+  if (isRenaming) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+      className: _indexModule.default.renameInput,
+      onClick: e => e.stopPropagation(),
+      value: renameTitle,
+      onChange: value => setRenameTitle(value),
+      onBlur: handleRenameCancel,
+      onPressEnter: handleRenameConfirm,
+      autoFocus: true
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(_indexModule.default.historyItem, {
+        [_indexModule.default.active]: isActive
+      }),
+      onClick: () => onClick?.(item),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEllipsis.default, {
+        children: currentTitle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Dropdown, {
+        menu: {
+          items: dropdownItems,
+          onClick: ({
+            domEvent
+          }) => {
+            domEvent.stopPropagation();
+          }
+        },
+        placement: "bottomRight",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _indexModule.default.operation,
+          onClick: e => e.stopPropagation(),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            icon: "ri:more-fill"
+          })
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondConf.default, {
+      open: deleteModal,
+      onCancel: () => setDeleteModal(false),
+      contentTitle: "\u5220\u9664",
+      contentText: "\u5220\u9664\u540E\uFF0C\u8BE5\u4F1A\u8BDD\u5C06\u65E0\u6CD5\u6062\u590D\uFF0C\u8BF7\u786E\u8BA4\u662F\u5426\u7EE7\u7EED\uFF1F",
+      okButtonProps: {
+        danger: true
+      },
+      onOk: handleDeleteConfirm,
+      width: "40%"
+    })]
+  });
+};
+var _default = exports.default = HistoryItem;

package/lib/components/Chat/ChatHistory/_components/HistoryItem/index.module.less

@@ -0,0 +1,74 @@
+.renameInput {
+  width: 100%;
+  height: 32px;
+  min-height: 32px;
+}
+
+.historyItem {
+  position: relative;
+
+  display: flex;
+  align-items: center;
+  column-gap: 10px;
+
+  height: 32px;
+  line-height: 32px;
+  padding: 0 10px;
+
+  font-size: 14px;
+  white-space: nowrap;
+  text-overflow: clip;
+
+  overflow: hidden;
+
+  border-radius: 6px;
+
+  cursor: pointer;
+
+  &:hover {
+    background: #0000000a;
+
+    .operation {
+      display: flex;
+    }
+  }
+
+  &.active {
+    background: #0000000a;
+
+    color: #126dff;
+  }
+
+  .operation {
+    display: none;
+    align-items: center;
+    justify-content: center;
+
+    width: 24px;
+    height: 24px;
+
+    font-size: 16px;
+
+    border-radius: 8px;
+
+    transition: color 0.3s;
+
+    background-color: transparent;
+
+    color: #0a0a0a;
+
+    &:hover {
+      color: #126dff;
+    }
+  }
+}
+
+.dropdownItem {
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+
+  &.delete {
+    color: #ff4d4f;
+  }
+}

package/lib/components/Chat/ChatHistory/_components/NewChatButton/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface NewChatButtonProps {
+    onClick?: () => void;
+}
+declare const NewChatButton: React.FC<NewChatButtonProps>;
+export default NewChatButton;

package/lib/components/Chat/ChatHistory/_components/NewChatButton/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _Icon = _interopRequireDefault(require("../../../../Icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const NewChatButton = ({
+  onClick
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _indexModule.default.newChatContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _indexModule.default.newChat,
+      onClick: onClick,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        icon: "lets-icons:chat-alt-add",
+        fontSize: 18
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "\u65B0\u5BF9\u8BDD"
+      })]
+    })
+  });
+};
+var _default = exports.default = NewChatButton;

package/lib/components/Chat/ChatHistory/_components/NewChatButton/index.module.less

@@ -0,0 +1,34 @@
+.newChatContainer {
+  position: sticky;
+  top: 0;
+  z-index: 9;
+
+  padding: 0px 10px;
+
+  background-color: #f9f9f9;
+
+  .newChat {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    column-gap: 8px;
+
+    width: 100%;
+    height: 32px;
+
+    font-size: 14px;
+
+    background-color: #fff;
+
+    border-radius: 6px;
+    border: 1px solid #0d0d0d0d;
+
+    cursor: pointer;
+
+    transition: box-shadow 0.3s;
+
+    &:hover {
+      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+    }
+  }
+}

package/lib/components/Chat/ChatHistory/_components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as NewChatButton } from "./NewChatButton";
+export { default as HistoryGroup } from "./HistoryGroup";
+export { default as HistoryItem } from "./HistoryItem";

package/lib/components/Chat/ChatHistory/_components/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HistoryGroup", {
+  enumerable: true,
+  get: function () {
+    return _HistoryGroup.default;
+  }
+});
+Object.defineProperty(exports, "HistoryItem", {
+  enumerable: true,
+  get: function () {
+    return _HistoryItem.default;
+  }
+});
+Object.defineProperty(exports, "NewChatButton", {
+  enumerable: true,
+  get: function () {
+    return _NewChatButton.default;
+  }
+});
+var _NewChatButton = _interopRequireDefault(require("./NewChatButton"));
+var _HistoryGroup = _interopRequireDefault(require("./HistoryGroup"));
+var _HistoryItem = _interopRequireDefault(require("./HistoryItem"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/Chat/ChatHistory/_hooks/index.d.ts

@@ -0,0 +1 @@
+export { useRename } from "./useRename";

package/lib/components/Chat/ChatHistory/_hooks/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useRename", {
+  enumerable: true,
+  get: function () {
+    return _useRename.useRename;
+  }
+});
+var _useRename = require("./useRename");

package/lib/components/Chat/ChatHistory/_hooks/useRename.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const useRename: (updateTitle?: ((chatId: string, title: string) => void) | undefined) => {
+    renamingChatId: string | null;
+    title: string;
+    setTitle: import("react").Dispatch<import("react").SetStateAction<string>>;
+    handleRename: (chatId: string, currentName: string) => void;
+    handleRenameConfirm: (chatId: string) => void;
+    handleRenameCancel: () => void;
+};

package/lib/components/Chat/ChatHistory/_hooks/useRename.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRename = void 0;
+var _react = require("react");
+const useRename = updateTitle => {
+  const [renamingChatId, setRenamingChatId] = (0, _react.useState)(null);
+  const [title, setTitle] = (0, _react.useState)("");
+  const handleRename = (chatId, currentName) => {
+    setRenamingChatId(chatId);
+    setTitle(currentName);
+  };
+  const handleRenameConfirm = chatId => {
+    setRenamingChatId(null);
+    setTitle("");
+    updateTitle?.(chatId, title);
+  };
+  const handleRenameCancel = () => {
+    setRenamingChatId(null);
+    setTitle("");
+  };
+  return {
+    renamingChatId,
+    title,
+    setTitle,
+    handleRename,
+    handleRenameConfirm,
+    handleRenameCancel
+  };
+};
+exports.useRename = useRename;

package/lib/components/Chat/ChatHistory/_utils/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 格式化聊天名称（截取省略号前的部分）
+ */
+export declare const formatChatName: (name: string) => string;

package/lib/components/Chat/ChatHistory/_utils/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatChatName = void 0;
+/**
+ * 格式化聊天名称（截取省略号前的部分）
+ */
+const formatChatName = name => {
+  return name.split("…")[0];
+};
+exports.formatChatName = formatChatName;

package/lib/components/Chat/ChatHistory/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from "react";
+export interface ChatHistoryData {
+    id: string;
+    name: string;
+    conversationId: string;
+    [key: string]: unknown;
+}
+export interface ChatHistoryProps {
+    historyList?: Record<string, ChatHistoryData[]>;
+    updateTitle?: (chatId: string, title: string) => void;
+    currentChatId?: string;
+    deleteHistory?: (item?: ChatHistoryData) => void;
+    onNewChat?: () => void;
+    onChatItemClick?: (item: ChatHistoryData) => void;
+    width?: string;
+    onScrollEnd?: () => void;
+    tools?: ReactNode;
+}
+declare const ChatHistory: React.FC<ChatHistoryProps>;
+export default ChatHistory;

package/lib/components/Chat/ChatHistory/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _components = require("./_components");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ChatHistory = props => {
+  const {
+    historyList,
+    currentChatId,
+    updateTitle,
+    deleteHistory,
+    onNewChat,
+    onChatItemClick,
+    width,
+    onScrollEnd,
+    tools
+  } = props;
+  const scrollContainerRef = (0, _react.useRef)(null);
+
+  // 滚动到底部处理
+  (0, _react.useEffect)(() => {
+    const scrollContainer = scrollContainerRef.current;
+    if (!scrollContainer || !onScrollEnd) return;
+    const handleScroll = () => {
+      const {
+        scrollTop,
+        scrollHeight,
+        clientHeight
+      } = scrollContainer;
+      // 当滚动到底部时（允许 5px 的误差）
+      if (scrollHeight - scrollTop - clientHeight < 5) {
+        onScrollEnd();
+      }
+    };
+    scrollContainer.addEventListener("scroll", handleScroll);
+    return () => {
+      scrollContainer.removeEventListener("scroll", handleScroll);
+    };
+  }, [onScrollEnd]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: scrollContainerRef,
+    className: _indexModule.default.historyContent,
+    style: {
+      width
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NewChatButton, {
+      onClick: onNewChat
+    }), tools && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _indexModule.default.tools,
+      children: tools
+    }), historyList && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _indexModule.default.historyList,
+      children: Object.keys(historyList)?.map(key => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.HistoryGroup, {
+        title: key,
+        items: historyList[key],
+        currentChatId: currentChatId,
+        updateTitle: updateTitle,
+        deleteHistory: deleteHistory,
+        onItemClick: onChatItemClick
+      }, key))
+    })]
+  });
+};
+var _default = exports.default = ChatHistory;

package/lib/components/Chat/ChatHistory/index.module.less

@@ -0,0 +1,54 @@
+.historyContent {
+  position: relative;
+
+  display: flex;
+  flex-direction: column;
+  row-gap: 10px;
+
+  width: 260px;
+  height: 100%;
+  padding: 10px 0px;
+
+  background-color: #f9f9f9;
+
+  border-right: 1px solid #0d0d0d0d;
+
+  .tools {
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+
+    width: 100%;
+    padding: 0 10px;
+  }
+
+  .historyList {
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+
+    flex: 1;
+    width: 100%;
+    min-height: 0px;
+    padding: 0 10px;
+
+    overflow: hidden auto;
+
+    scrollbar-gutter: stable;
+
+    &::-webkit-scrollbar-thumb {
+      width: 10px;
+
+      background-color: #0000001a;
+
+      border-radius: 10px;
+    }
+    &::-webkit-scrollbar-track {
+      width: 10px;
+
+      background-color: transparent;
+
+      border-radius: 10px;
+    }
+  }
+}

package/lib/components/Chat/ChatInput/_components/AgentToggleButton/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface AgentToggleConfig {
+    key: string;
+    icon: string;
+    label: string;
+    className?: string;
+}
+interface AgentToggleButtonProps {
+    config: AgentToggleConfig;
+    active: boolean;
+    onClick: () => void;
+}
+declare const AgentToggleButton: React.FC<AgentToggleButtonProps>;
+export default AgentToggleButton;

package/lib/components/Chat/ChatInput/_components/AgentToggleButton/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Icon = _interopRequireDefault(require("../../../../Icon"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const AgentToggleButton = ({
+  config,
+  active,
+  onClick
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(_indexModule.default.featureToggle, config.className, {
+        [_indexModule.default.active]: active
+      }),
+      onClick: onClick,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        icon: config.icon,
+        className: _indexModule.default.icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: config.label
+      })]
+    })
+  });
+};
+var _default = exports.default = AgentToggleButton;

package/lib/components/Chat/ChatInput/_components/AgentToggleButton/index.module.less

@@ -0,0 +1,29 @@
+.featureToggle {
+  display: flex;
+  align-items: center;
+  column-gap: 2px;
+  padding: 0 11px;
+  border-radius: 4px;
+  border: 1px solid #0e59ef;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.3s;
+  height: 100%;
+  background-color: #fff;
+
+  .icon {
+    font-size: 22px;
+  }
+
+  &.active {
+    color: #0e59ef;
+    border-color: #0e59ef;
+    background-color: #0e59ef22;
+  }
+
+  &:hover {
+    color: #4c4c4c;
+    border-color: rgba(0, 0, 0, 0.12);
+    background-color: #e0e4ed;
+  }
+}

package/lib/components/Chat/ChatInput/_components/FileList/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { UploadFile } from "antd";
+interface FileListProps {
+    fileList: UploadFile[];
+    onRemove: (uid: string) => void;
+}
+declare const FileList: React.FC<FileListProps>;
+export default FileList;

package/lib/components/Chat/ChatInput/_components/FileList/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icon = _interopRequireDefault(require("../../../../Icon"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FileList = ({
+  fileList,
+  onRemove
+}) => {
+  if (!fileList.length) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _indexModule.default.fileList,
+    children: fileList?.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: item.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        icon: "heroicons-outline:x",
+        className: _indexModule.default.close,
+        onClick: () => onRemove(item.uid)
+      })]
+    }, item.uid))
+  });
+};
+var _default = exports.default = FileList;