listpage-next 0.0.162 → 0.0.165

package/dist/features/ChatClient/components/Bubble/LinkCard.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface LinkCardProps {
+    icon?: ReactNode;
+    url?: string;
+    title: string;
+    description?: string;
+}
+export declare const LinkCard: (props: LinkCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/features/ChatClient/components/Bubble/LinkCard.js

@@ -0,0 +1,137 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import styled_components from "styled-components";
+import icons, { LinkOutlined } from "@ant-design/icons";
+import { Tooltip } from "antd";
+import { useHover } from "ahooks";
+import { IconDoc } from "../../icons/IconDoc.js";
+const LinkCard = (props)=>{
+    const { icon, title, description, url } = props;
+    const containerRef = useRef(null);
+    const isHovered = useHover(containerRef);
+    return /*#__PURE__*/ jsxs(LinkCardContainer, {
+        ref: containerRef,
+        children: [
+            /*#__PURE__*/ jsx(IconContainer, {
+                children: icon ?? /*#__PURE__*/ jsx(icons, {
+                    component: IconDoc
+                })
+            }),
+            /*#__PURE__*/ jsxs(TextContainer, {
+                children: [
+                    /*#__PURE__*/ jsx(Title, {
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx(Description, {
+                        children: description ?? ' '
+                    })
+                ]
+            }),
+            isHovered && /*#__PURE__*/ jsx(ActionContainer, {
+                children: /*#__PURE__*/ jsx(Tooltip, {
+                    title: "跳转",
+                    placement: "top",
+                    children: /*#__PURE__*/ jsx(ActionItem, {
+                        onClick: ()=>url && window.open(url, '_blank'),
+                        children: /*#__PURE__*/ jsx(LinkOutlined, {})
+                    })
+                })
+            })
+        ]
+    });
+};
+const LinkCardContainer = styled_components.div`
+  padding: 14px;
+  cursor: pointer;
+  border-radius: 12px;
+  border: 1px solid #0003;
+  background: linear-gradient(109deg, #fff 45.34%, #f3f7ff 102.43%);
+  gap: 8px;
+  height: 72px;
+  box-sizing: border-box;
+
+  display: flex;
+
+  &:hover {
+    box-shadow:
+      0px 0px 4px 0px rgba(0, 0, 0, 0.02),
+      0px 6px 10px 0px rgba(47, 53, 64, 0.1);
+  }
+  & * {
+    transition: all 0.2s ease-in-out;
+  }
+`;
+const IconContainer = styled_components.div`
+  font-size: 18px;
+  color: rgb(0, 87, 255);
+
+  padding: 0 9px;
+
+  flex-shrink: 0;
+  flex-grow: 0;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const TextContainer = styled_components.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  flex-grow: 1;
+  flex-shrink: 1;
+`;
+const Title = styled_components.div`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  color: rgba(0, 0, 0, 0.8);
+  opacity: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 22px;
+`;
+const Description = styled_components.div`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  color: rgba(0, 0, 0, 0.3);
+  opacity: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+`;
+const ActionContainer = styled_components.div`
+  flex-shrink: 0;
+
+  display: flex;
+  align-items: center;
+`;
+const ActionItem = styled_components.div`
+  border-radius: 8px;
+  padding: 8px 8px;
+  font-size: 14px;
+  font-weight: 500;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  display: flex;
+  width: fit-content;
+  gap: 4px;
+  align-items: center;
+  box-sizing: border-box;
+  cursor: pointer;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.06);
+  }
+  &:active {
+    background: rgba(0, 0, 0, 0.1);
+  }
+`;
+export { LinkCard };

package/dist/features/ChatClient/components/Bubble/Markdown.js

@@ -23,6 +23,11 @@ md.renderer.rules.link_open = function(tokens, idx, options, env, self) {
     else tokens[idx].attrs[relIndex][1] = 'noopener noreferrer';
     return defaultLinkOpen(tokens, idx, options, env, self);
 };
+md.renderer.rules.text = (tokens, idx)=>{
+    let text = tokens[idx].content;
+    text = text.replace(/\[\[(-?\d+(\.\d+)?)\]\]/g, '<sup>[$1]</sup>');
+    return text;
+};
 const Markdown = (props)=>/*#__PURE__*/ jsx(MarkdownBody, {
         dangerouslySetInnerHTML: {
             __html: md.render(props.content)

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

@@ -2,3 +2,4 @@ export * from './Bubble';
 export * from './Reasoning';
 export * from './ReferenceList';
 export * from './SuggestMessageList';
+export * from './LinkCard';

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

@@ -2,3 +2,4 @@ export * from "./Bubble.js";
 export * from "./Reasoning.js";
 export * from "./ReferenceList.js";
 export * from "./SuggestMessageList.js";
+export * from "./LinkCard.js";

package/dist/features/ChatClient/icons/IconDoc.d.ts

@@ -0,0 +1 @@
+export declare const IconDoc: () => import("react/jsx-runtime").JSX.Element;

package/dist/features/ChatClient/icons/IconDoc.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+const IconDoc = ()=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            "fill-rule": "evenodd",
+            d: "M20.014 9.046a.514.514 0 0 1-.512.454.52.52 0 0 1-.515-.452c-.241-1.445-.452-2.18-.906-2.634-.455-.453-1.186-.66-2.612-.9A.52.52 0 0 1 15 5.002c0-.275.206-.487.473-.513 1.422-.242 2.153-.454 2.607-.91s.666-1.191.907-2.623A.52.52 0 0 1 19.502.5c.273 0 .473.197.512.458.24 1.43.451 2.165.906 2.622.455.455 1.187.667 2.61.909.266.027.47.24.47.513a.52.52 0 0 1-.468.512c-1.425.24-2.157.452-2.612.907-.455.456-.666 1.192-.907 2.625M7 7.75A.75.75 0 0 1 7.75 7h2.5a.75.75 0 0 1 0 1.5h-2.5A.75.75 0 0 1 7 7.75m0 3a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1-.75-.75M7.75 13a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zM19 21v-9.55c1.335-.276 1.744-.708 2-1.95V21a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h12.054c-.084.45-.158.754-.23.972-.05.151-.089.223-.105.25a1.3 1.3 0 0 1-.245.104c-.28.093-.703.19-1.4.309-.354.048-.69.175-.985.365H5v18z",
+            "clip-rule": "evenodd"
+        })
+    });
+export { IconDoc };

package/package.json

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