listpage-next 0.0.62 → 0.0.64

package/dist/components/InfiniteList/index.d.ts

@@ -17,5 +17,4 @@ export interface InfiniteListProps<DataType = any> {
     pageSize?: number;
     rowKey?: string;
 }
-declare const InfiniteList: <DataType = any>(props: InfiniteListProps<DataType>) => import("react/jsx-runtime").JSX.Element;
-export default InfiniteList;
+export declare const InfiniteList: <DataType = any>(props: InfiniteListProps<DataType>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/InfiniteList/index.js

@@ -120,5 +120,4 @@ const ListContainer = styled_components(List)`
     }
   }
 `;
-const components_InfiniteList = InfiniteList;
-export { components_InfiniteList as default };
+export { InfiniteList };

package/dist/demos/demo3.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Avatar, Button, List } from "antd";
-import InfiniteList from "../components/InfiniteList/index.js";
+import { InfiniteList } from "../components/InfiniteList/index.js";
 const request = async ({ current, pageSize })=>{
     const fakeDataUrl = `https://660d2bd96ddfa2943b33731c.mockapi.io/api/users?page=${current}&limit=${pageSize}`;
     const response = await fetch(fakeDataUrl);

package/dist/demos/demo8.js

@@ -1,3 +1,7 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-const Demo8 = ()=>/*#__PURE__*/ jsx(Fragment, {});
+import { jsx } from "react/jsx-runtime";
+import { ChatGuidance } from "../features/ChatClient/index.js";
+const Demo8 = ()=>/*#__PURE__*/ jsx(ChatGuidance, {
+        skill: "深入研究",
+        greetingText: "搜索海量信息，生成研究报告"
+    });
 export { Demo8 };

package/dist/features/ChatClient/components/ChatGuidance/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface ChatGuidanceProps {
+    greetingText?: string;
+    skill?: string;
+    extra?: React.ReactNode;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+export declare const ChatGuidance: (props: ChatGuidanceProps) => import("react/jsx-runtime").JSX.Element;

package/dist/features/ChatClient/components/ChatGuidance/index.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Button, Divider, Input } from "antd";
+import { useControllableValue } from "ahooks";
+import { ChatInputBottom, ChatInputContent, ChatInputPanel, GreetingText } from "./styles.js";
+const ChatGuidance = (props)=>{
+    const { greetingText, extra } = props;
+    const [value, onChange] = useControllableValue(props);
+    const disabled = !value;
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsx(GreetingText, {
+                children: greetingText
+            }),
+            /*#__PURE__*/ jsxs(ChatInputPanel, {
+                children: [
+                    /*#__PURE__*/ jsx(ChatInputContent, {
+                        children: /*#__PURE__*/ jsx(Input.TextArea, {
+                            value: value,
+                            onChange: (e)=>onChange(e.target.value),
+                            autoSize: false
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(ChatInputBottom, {
+                        children: [
+                            extra,
+                            extra && /*#__PURE__*/ jsx(Divider, {
+                                variant: "solid",
+                                size: "large",
+                                type: "vertical"
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                type: "primary",
+                                disabled: disabled,
+                                children: "发送"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { ChatGuidance };

package/dist/features/ChatClient/components/ChatGuidance/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const GreetingText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChatInputPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChatInputContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SkillTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("antd").TagProps & import("react").RefAttributes<HTMLSpanElement>, never>> & string & Omit<import("antd").TagType, keyof import("react").Component<any, {}, any>>;
+export declare const ChatInputBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/features/ChatClient/components/ChatGuidance/styles.js

@@ -0,0 +1,71 @@
+import { Tag } from "antd";
+import styled_components from "styled-components";
+const GreetingText = styled_components.div`
+    font-size: 32px;
+    margin-bottom: 32px;
+    min-height: 45px;
+
+    font-family: Montserrat;
+    position: relative;
+
+    color: #000000d9;
+    font-weight: 600;
+
+    margin-bottom: 32px;
+    text-align: center;
+`;
+const ChatInputPanel = styled_components.div`
+    position: relative;
+    max-height: 300px;
+    min-height: 140px;
+    padding: 12px;
+    border-radius: 20px;
+    border: 1px solid rgb(107, 164, 238);
+    box-shadow: 0 0 20px 0 #c8efff80;
+    gap: 12px;
+
+    bottom-height: 36px;
+    display: flex;
+    flex-direction: column;
+`;
+const ChatInputContent = styled_components.div`
+    outline: none;
+    border: none;
+    flex-grow: 1;
+    max-height: 220px;
+    flex-shrink: 1;
+    overflow: auto;
+    &:focus-visible {
+        outline: none;
+    }
+
+    .ant-input {
+        border: none;
+        outline: none;
+        &:hover {
+            border: none;
+            outline: none;
+            box-shadow: none;
+        }
+        min-height: 100px;
+        max-height: 220px;
+        resize: none;
+    }
+`;
+const SkillTag = styled_components(Tag)`
+    color: #0057ff;
+    margin-right: 4px;
+    padding: 2px 8px;
+    font-weight: 600;
+    line-height: 150%;
+
+    cursor: pointer;
+`;
+const ChatInputBottom = styled_components.div`
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+
+    flex-shrink: 0;
+`;
+export { ChatInputBottom, ChatInputContent, ChatInputPanel, GreetingText, SkillTag };

package/dist/features/ChatClient/components/HistoryConversation/index.js

@@ -3,7 +3,7 @@ import { useRef } from "react";
 import { Avatar, Button, Dropdown, Tooltip, Typography } from "antd";
 import { useHover } from "ahooks";
 import { ClockCircleOutlined, MessageOutlined, MoreOutlined } from "@ant-design/icons";
-import InfiniteList from "../../../../components/InfiniteList/index.js";
+import { InfiniteList } from "../../../../components/InfiniteList/index.js";
 import { HeaderContainer, HeaderTitle, HistoryConversationContainer, ListContainer, ListItemContainer, ListText } from "./styles.js";
 const HistoryConversation = (props)=>{
     const { request, activeKey, rowKey = "id", onDelete, onRename, onSelect } = props;

package/dist/features/ChatClient/components/HistoryConversation/styles.js

@@ -8,7 +8,6 @@ const HeaderContainer = styled_components.div`
     display: flex;
     justify-content: space-between;
     align-items: center;
-
     padding: 8px;
 `;
 const HeaderTitle = styled_components.div`
@@ -18,14 +17,13 @@ const HeaderTitle = styled_components.div`
     font-size: 12px;
     font-weight: 600;
     min-width: 0;
-    colro: #0000004d;
+    color: #0000004d;
     line-height: 20px;
     height: 20px;
 `;
 const ListContainer = styled_components.div`
     flex: 1;
     overflow: hidden;
-
     padding: 8px;
 `;
 const ListItemContainer = styled_components.div`

package/dist/features/ChatClient/components/NewConversation/index.js

@@ -10,6 +10,7 @@ const FakeButtonStyle = styled.div`
     &:hover {
         background-color: #0000000a;
     }
+    color: #000000;
     display: flex;
     align-items: center;
     padding: 8px;

package/dist/features/ChatClient/index.d.ts

@@ -1 +1,2 @@
 export * from './components/Layout';
+export * from './components/ChatGuidance';

package/dist/features/ChatClient/index.js

@@ -1 +1,2 @@
 export * from "./components/Layout/index.js";
+export * from "./components/ChatGuidance/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",