@alifd/chat 0.3.10-beta.9 → 0.3.11-beta.1

package/es/index.js

@@ -24,4 +24,4 @@ export { default as Step } from './step';
 export { default as StopGenerate } from './stop-generate';
 export { default as Reference } from './reference';
 export { default as Recommend } from './recommend';
-export const version = '0.3.10-beta.9';
+export const version = '0.3.11-beta.1';

package/es/recommend/index.js

@@ -25,7 +25,7 @@ const Recommend = forwardRef(({ className, defaultExpanded = false, header = (Re
     };
     const renderRecommendItem = (item, index) => {
         return (React.createElement(CSSTransition, { in: isExpanded, key: index, timeout: { enter: index * 100, exit: 400 }, classNames: "recommend-item", unmountOnExit: true, appear: true },
-            React.createElement("div", { className: "recommend-item", onClick: () => handleRecommendClick(item, index) }, item.name)));
+            React.createElement("div", { className: "recommend-item", onClick: () => handleRecommendClick(item, index) }, item.title || item.name || item.text)));
     };
     return (React.createElement("div", { className: cs(`${PREFIX_DEFAULT}recommend`, className), ref: ref },
         React.createElement("div", { className: "recommend-header", onClick: handleToggle }, header),

package/es/recommend/main.scss

@@ -1,5 +1,8 @@
 @import '../core/variables.scss';
 
+$recommend-item-height: 26px;
+$recommend-item-margin-top: 8px;
+
 .#{$prefix}recommend {
     width: 100%;
     transition: height 0.3s;
@@ -21,7 +24,9 @@
         box-sizing: border-box;
         cursor: pointer;
         padding: 4px 12px;
-        border-radius: 14px;
+        border-radius: calc($recommend-item-height / 2);
+        font-size: 12px;
+        line-height: 18px;
         background-color: $color-fill1-3;
         color: $color-text1-4;
         user-select: none;
@@ -41,8 +46,8 @@
         &-appear-done {
             opacity: 1;
             left: 0;
-            height: 28px;
-            margin-top: 8px;
+            height: $recommend-item-height;
+            margin-top: $recommend-item-margin-top;
             transition:
                 opacity 0.2s 0.1s,
                 left 0.2s 0.1s,
@@ -54,8 +59,8 @@
         &-exit {
             opacity: 1;
             left: 0;
-            height: 28px;
-            margin-top: 8px;
+            height: $recommend-item-height;
+            margin-top: $recommend-item-margin-top;
         }
 
         &-exit-active {

package/es/recommend/types.d.ts

@@ -1,8 +1,9 @@
 import React, { type ReactNode } from 'react';
 import { type CommonProps } from '@alifd/next';
 export interface RecommendItemProps {
-    name: string;
-    title: string;
+    name?: string;
+    title?: string;
+    text?: string;
     url?: string;
 }
 /**

package/es/reference/index.js

@@ -40,7 +40,7 @@ const Reference = forwardRef(({ className, defaultExpanded = false, header, list
     const renderHeader = () => {
         let headerIcon = (header === null || header === void 0 ? void 0 : header.icon) || DEFAULT_REFERENCE_ICON;
         const iconType = isExpanded ? 'arrow-up' : 'arrow-down';
-        return (React.createElement("div", { className: 'reference-header', onClick: handleToggle },
+        return (React.createElement("div", { className: 'reference-header' },
             React.createElement("div", { className: 'reference-name' },
                 renderCommonIcon(headerIcon),
                 React.createElement("div", { className: 'reference-title' }, header === null || header === void 0 ? void 0 : header.title)),

package/es/reference/main.scss

@@ -34,7 +34,13 @@
 
     .reference-operate{
       cursor: pointer;
-      margin-left: 8px;
+      margin: 0px $s-1 0px $s-1;
+      width: $s-3;
+      height: $s-5;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      
       i {
         color: $color-text1-4;
       }
@@ -65,9 +71,12 @@
         }
       }
       .reference-text {
-        font-size: 12px;
+        font-size: $s-3;
         color: $color-link-2;
-        
+        white-space: nowrap; /* 禁止换行 */
+        overflow: hidden;    /* 超出部分隐藏 */
+        text-overflow: ellipsis; /* 以省略号显示溢出文本 */
+        line-height: 18px;
       }
     }
   }

package/lib/index.js

@@ -54,4 +54,4 @@ var reference_1 = require("./reference");
 Object.defineProperty(exports, "Reference", { enumerable: true, get: function () { return tslib_1.__importDefault(reference_1).default; } });
 var recommend_1 = require("./recommend");
 Object.defineProperty(exports, "Recommend", { enumerable: true, get: function () { return tslib_1.__importDefault(recommend_1).default; } });
-exports.version = '0.3.10-beta.9';
+exports.version = '0.3.11-beta.1';

package/lib/recommend/index.js

@@ -28,7 +28,7 @@ const Recommend = (0, react_1.forwardRef)(({ className, defaultExpanded = false,
     };
     const renderRecommendItem = (item, index) => {
         return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: isExpanded, key: index, timeout: { enter: index * 100, exit: 400 }, classNames: "recommend-item", unmountOnExit: true, appear: true },
-            react_1.default.createElement("div", { className: "recommend-item", onClick: () => handleRecommendClick(item, index) }, item.name)));
+            react_1.default.createElement("div", { className: "recommend-item", onClick: () => handleRecommendClick(item, index) }, item.title || item.name || item.text)));
     };
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}recommend`, className), ref: ref },
         react_1.default.createElement("div", { className: "recommend-header", onClick: handleToggle }, header),

package/lib/recommend/main.scss

@@ -1,5 +1,8 @@
 @import '../core/variables.scss';
 
+$recommend-item-height: 26px;
+$recommend-item-margin-top: 8px;
+
 .#{$prefix}recommend {
     width: 100%;
     transition: height 0.3s;
@@ -21,7 +24,9 @@
         box-sizing: border-box;
         cursor: pointer;
         padding: 4px 12px;
-        border-radius: 14px;
+        border-radius: calc($recommend-item-height / 2);
+        font-size: 12px;
+        line-height: 18px;
         background-color: $color-fill1-3;
         color: $color-text1-4;
         user-select: none;
@@ -41,8 +46,8 @@
         &-appear-done {
             opacity: 1;
             left: 0;
-            height: 28px;
-            margin-top: 8px;
+            height: $recommend-item-height;
+            margin-top: $recommend-item-margin-top;
             transition:
                 opacity 0.2s 0.1s,
                 left 0.2s 0.1s,
@@ -54,8 +59,8 @@
         &-exit {
             opacity: 1;
             left: 0;
-            height: 28px;
-            margin-top: 8px;
+            height: $recommend-item-height;
+            margin-top: $recommend-item-margin-top;
         }
 
         &-exit-active {

package/lib/recommend/types.d.ts

@@ -1,8 +1,9 @@
 import React, { type ReactNode } from 'react';
 import { type CommonProps } from '@alifd/next';
 export interface RecommendItemProps {
-    name: string;
-    title: string;
+    name?: string;
+    title?: string;
+    text?: string;
     url?: string;
 }
 /**

package/lib/reference/index.js

@@ -43,7 +43,7 @@ const Reference = (0, react_1.forwardRef)(({ className, defaultExpanded = false,
     const renderHeader = () => {
         let headerIcon = (header === null || header === void 0 ? void 0 : header.icon) || DEFAULT_REFERENCE_ICON;
         const iconType = isExpanded ? 'arrow-up' : 'arrow-down';
-        return (react_1.default.createElement("div", { className: 'reference-header', onClick: handleToggle },
+        return (react_1.default.createElement("div", { className: 'reference-header' },
             react_1.default.createElement("div", { className: 'reference-name' },
                 (0, utils_1.renderCommonIcon)(headerIcon),
                 react_1.default.createElement("div", { className: 'reference-title' }, header === null || header === void 0 ? void 0 : header.title)),

package/lib/reference/main.scss

@@ -34,7 +34,13 @@
 
     .reference-operate{
       cursor: pointer;
-      margin-left: 8px;
+      margin: 0px $s-1 0px $s-1;
+      width: $s-3;
+      height: $s-5;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      
       i {
         color: $color-text1-4;
       }
@@ -65,9 +71,12 @@
         }
       }
       .reference-text {
-        font-size: 12px;
+        font-size: $s-3;
         color: $color-link-2;
-        
+        white-space: nowrap; /* 禁止换行 */
+        overflow: hidden;    /* 超出部分隐藏 */
+        text-overflow: ellipsis; /* 以省略号显示溢出文本 */
+        line-height: 18px;
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.3.10-beta.9",
+  "version": "0.3.11-beta.1",
   "description": "A configurable component library for chat built on React.",
   "main": "lib/index.js",
   "module": "es/index.js",