@agentscope-ai/design 1.0.26 → 1.0.27

package/llms/components/commonComponents/InputSearch/index.zh-CN.llms.txt

@@ -0,0 +1,6 @@
+
+
+<DemoTitle title="InputSearch" desc="带搜索按钮的输入框，用于搜索场景。">
+#### API
+
+<AntdApiRef url="https://ant.design/components/input-cn/#inputsearch"></AntdApiRef>

package/llms/components/commonComponents/MediaPreview/index.zh-CN.llms.txt

@@ -0,0 +1,21 @@
+
+
+<DemoTitle title="MediaPreview" desc="用于预览图片和视频的弹窗组件">
+#### API
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| visible | 是否显示预览 | boolean | false | 
+| mediaList | 媒体列表 | MediaItem[] | [] | 
+| currentIndex | 当前选中的索引 | number | 0 | 
+| onClose | 关闭回调 | () => void | - | 
+| className | 自定义样式类名 | string | - | 
+
+
+#### MediaItem
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| type | 媒体类型 | 'image' \| 'video' | - | 
+| src | 媒体资源地址 | string | - | 
+| alt | 媒体替代文本 | string | - | 

package/llms/docs/changelog/index.zh-CN.llms.txt

@@ -1,5 +1,27 @@
 
 
+### 1.0.27
+`2025-01-27`
+
+##### Changed
+
+- 补充 InputSearch 组件文档
+
+##### Fixed
+
+- Table 组件在表头固定时，表头样式默认圆角改为直角
+- Empty 组件修复了引入多个 Empty 组件的情况下，可能导致的 svg 丢失的问题
+- 文档搜索白屏问题修复
+
+### 1.0.26
+`2025-01-21`
+
+##### Changed
+
+- Audio 组件探测逻辑重构、使用 useCallback 提升性能
+- Audio 与 Video 新增 SVG icons，支持在 FileIcon 组件中透出展示
+- 文档新增 icons 列表展示与复制功能
+
 ### 1.0.25
 `2025-01-07`
 

package/llms/index.llms.txt

@@ -1,53 +1,5 @@
 # 索引
 
-- [](components/commonComponents/Video/index.zh-CN.llms.txt)
-- [](components/commonComponents/Upload/index.zh-CN.llms.txt)
-- [](components/commonComponents/Tooltip/index.zh-CN.llms.txt)
 - [](components/commonComponents/Table/index.zh-CN.llms.txt)
-- [](components/commonComponents/Tag/index.zh-CN.llms.txt)
-- [](components/commonComponents/Tabs/index.zh-CN.llms.txt)
-- [](components/commonComponents/Switch/index.zh-CN.llms.txt)
-- [](components/commonComponents/TimePicker/index.zh-CN.llms.txt)
-- [](components/commonComponents/Steps/index.zh-CN.llms.txt)
-- [](components/commonComponents/Statistic/index.zh-CN.llms.txt)
-- [](components/commonComponents/Spinner/index.zh-CN.llms.txt)
-- [](components/commonComponents/Slider/index.zh-CN.llms.txt)
-- [](components/commonComponents/Skeleton/index.zh-CN.llms.txt)
-- [](components/commonComponents/RadioButton/index.zh-CN.llms.txt)
-- [](components/commonComponents/Select/index.zh-CN.llms.txt)
-- [](components/commonComponents/Result/index.zh-CN.llms.txt)
-- [](components/commonComponents/Progress/index.zh-CN.llms.txt)
-- [](components/commonComponents/Radio/index.zh-CN.llms.txt)
-- [](components/commonComponents/PromptsEditor/index.zh-CN.llms.txt)
-- [](components/commonComponents/Popover/index.zh-CN.llms.txt)
-- [](components/commonComponents/Popconfirm/index.zh-CN.llms.txt)
-- [](components/commonComponents/Pagination/index.zh-CN.llms.txt)
-- [](components/commonComponents/Notification/index.zh-CN.llms.txt)
-- [](components/commonComponents/Modal/index.zh-CN.llms.txt)
-- [](components/commonComponents/Message/index.zh-CN.llms.txt)
-- [](components/commonComponents/InputNumber/index.zh-CN.llms.txt)
-- [](components/commonComponents/Image/index.zh-CN.llms.txt)
-- [](components/commonComponents/Input/index.zh-CN.llms.txt)
-- [](components/commonComponents/IconButton/index.zh-CN.llms.txt)
-- [](components/commonComponents/Form/index.zh-CN.llms.txt)
-- [](components/commonComponents/FloatButton/index.zh-CN.llms.txt)
-- [](components/commonComponents/Dropdown/index.zh-CN.llms.txt)
-- [](components/commonComponents/Empty/index.zh-CN.llms.txt)
-- [](components/commonComponents/Descriptions/index.zh-CN.llms.txt)
-- [](components/commonComponents/FileIcon/index.zh-CN.llms.txt)
-- [](components/commonComponents/DatePicker/index.zh-CN.llms.txt)
-- [](components/commonComponents/Drawer/index.zh-CN.llms.txt)
-- [](components/commonComponents/CollapsePanel/index.zh-CN.llms.txt)
-- [](components/commonComponents/Checkbox/index.zh-CN.llms.txt)
-- [](components/commonComponents/CodeBlock/index.zh-CN.llms.txt)
-- [](components/commonComponents/Collapse/index.zh-CN.llms.txt)
-- [](components/commonComponents/Button/index.zh-CN.llms.txt)
-- [](components/commonComponents/Breadcrumb/index.zh-CN.llms.txt)
-- [](components/commonComponents/Card/index.zh-CN.llms.txt)
-- [](components/commonComponents/Avatar/index.zh-CN.llms.txt)
-- [](components/commonComponents/Audio/index.zh-CN.llms.txt)
-- [](components/commonComponents/Anchor/index.zh-CN.llms.txt)
-- [](components/commonComponents/AlertDialog/index.zh-CN.llms.txt)
-- [](components/commonComponents/Alert/index.zh-CN.llms.txt)
-- [使用](docs/guide/sparkIcons.zh-CN.llms.txt)
-- [Icon Library](docs/icons/iconLibrary.zh-CN.llms.txt)
+- [](components/commonComponents/InputSearch/index.zh-CN.llms.txt)
+- [](docs/changelog/index.zh-CN.llms.txt)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/design",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "description": "AgentScope Spark Design - UI Library for AgentScope AI",
   "repository": {
     "type": "git",

package/llms/docs/guide/iconLibrary.zh-CN.llms.txt

@@ -1,150 +0,0 @@
-
-
-# Icon Library
-
-
-
-```tsx
-import React, { useMemo, useState } from 'react';
-import * as SparkIcons from '@agentscope-ai/icons';
-import { Input, Radio, message, copy } from '@agentscope-ai/design';
-
-/**
- * Icons Library
- * - 自动枚举并展示 @agentscope-ai/icons 的全部导出图标
- * - 支持搜索、点击复制
- */
-
-interface IconItem {
-  /** 图标导出名称 */
-  name: string;
-  /** 图标 React 组件 */
-  Icon: React.ComponentType<any>;
-}
-
-type CopyMode = 'name' | 'import' | 'jsx';
-
-const GRID_STYLE: React.CSSProperties = {
-  display: 'grid',
-  gridTemplateColumns: 'repeat(auto-fill, minmax(140px, 1fr))',
-  gap: 12,
-};
-
-const CARD_STYLE: React.CSSProperties = {
-  padding: 12,
-  borderRadius: 8,
-  cursor: 'pointer',
-  border: '1px solid var(--sps-color-border-secondary)',
-  background: 'var(--sps-color-bg-base)',
-};
-
-const NAME_STYLE: React.CSSProperties = {
-  marginTop: 8,
-  fontSize: 12,
-  lineHeight: '16px',
-  color: 'var(--sps-color-text-tertiary)',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  width: '100%',
-  fontFamily:
-    'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
-};
-
-export default function IconLibrary() {
-  const [keyword, setKeyword] = useState<string>('');
-  const [copyMode, setCopyMode] = useState<CopyMode>('name');
-
-  const allIcons = useMemo<IconItem[]>(() => {
-    return Object.entries(SparkIcons)
-      .filter(([name, Icon]) => {
-        if (!name.startsWith('Spark')) return false;
-        return typeof Icon === 'function';
-      })
-      .map(([name, Icon]) => ({
-        name,
-        Icon: Icon as React.ComponentType<any>,
-      }))
-      .sort((a, b) => a.name.localeCompare(b.name));
-  }, []);
-
-  const filteredIcons = useMemo<IconItem[]>(() => {
-    const q = keyword.trim().toLowerCase();
-    if (!q) return allIcons;
-    return allIcons.filter((item) => item.name.toLowerCase().includes(q));
-  }, [allIcons, keyword]);
-
-  const handleCopy = (item: IconItem) => {
-    let text = item.name;
-    if (copyMode === 'import') {
-      text = `import { ${item.name} } from '@agentscope-ai/icons';`;
-    }
-    if (copyMode === 'jsx') {
-      text = `<${item.name} style={{ fontSize: 24 }} />`;
-    }
-
-    copy(text);
-    message.success('已复制');
-  };
-
-  return (
-    <div style={{ padding: 16 }}>
-      <div style={{ display: 'flex', gap: 12, alignItems: 'center' }}>
-        <Input
-          placeholder="搜索图标（按导出名）"
-          value={keyword}
-          onChange={(e) => setKeyword((e?.target as any)?.value || '')}
-          style={{ maxWidth: 360 }}
-          allowClear
-        />
-        <Radio.Group
-          value={copyMode}
-          onChange={(e) => setCopyMode(e.target.value)}
-          optionType="button"
-          buttonStyle="solid"
-          options={[
-            { label: '复制名称', value: 'name' },
-            { label: '复制 import', value: 'import' },
-            { label: '复制 JSX', value: 'jsx' },
-          ]}
-        />
-        <div style={{ color: 'var(--sps-color-text-tertiary)', fontSize: 12 }}>
-          共 {filteredIcons.length} 个
-        </div>
-      </div>
-
-      <div style={{ marginTop: 16, ...GRID_STYLE }}>
-        {filteredIcons.map((item) => {
-          const Icon = item.Icon;
-          return (
-            <div
-              key={item.name}
-              style={CARD_STYLE}
-              onClick={() => handleCopy(item)}
-            >
-              <div
-                style={{
-                  width: 48,
-                  height: 48,
-                  display: 'flex',
-                  alignItems: 'center',
-                  justifyContent: 'center',
-                }}
-              >
-                <Icon style={{ fontSize: 24 }} />
-              </div>
-              <div style={NAME_STYLE} title={item.name}>
-                {item.name}
-              </div>
-            </div>
-          );
-        })}
-      </div>
-    </div>
-  );
-}
-
-
-```
-
-查看全部图标

package/llms/docs/icons/sparkIcons.zh-CN.llms.txt

@@ -1,25 +0,0 @@
-
-
-# 使用
-
-
-
-```tsx
-import { SparkLoadingLine } from '@agentscope-ai/icons';
-
-export default () => {
-  return (
-    <SparkLoadingLine
-      className="your-class-name"
-      style={{ color: 'var(--sps-color-primary)' }}
-      spin
-      size={48}
-    />
-  );
-};
-
-```
-
-基本用法
-
-访问 [Icon Library](https://sparkdesign.agentscope.io/#/resources/icons) 查看全部 Icon