one-design-next 0.0.75 → 0.0.77
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { IconName } from '../icon';
|
|
2
|
-
import type { ArtifactFileIconType } from './icons';
|
|
3
2
|
/** 点击产物时的预期行为类型。 */
|
|
4
3
|
export type ArtifactActionKind = 'preview' | 'download';
|
|
5
4
|
export interface ArtifactAction {
|
|
@@ -9,9 +8,5 @@ export interface ArtifactAction {
|
|
|
9
8
|
/** hover 时展示的操作 Icon */
|
|
10
9
|
icon: IconName;
|
|
11
10
|
}
|
|
12
|
-
/**
|
|
13
|
-
|
|
14
|
-
* - html / md / csv / file → 预览(arrow-right)
|
|
15
|
-
* - pdf / xlsx / docx / pptx → 下载(arrow-down-to-line)
|
|
16
|
-
*/
|
|
17
|
-
export declare function getArtifactAction(fileType: ArtifactFileIconType): ArtifactAction;
|
|
11
|
+
/** 根据 actionKind 返回对应的 ArtifactAction(label + icon)。 */
|
|
12
|
+
export declare function getArtifactActionFromKind(kind: ArtifactActionKind): ArtifactAction;
|
package/dist/artifact/actions.js
CHANGED
|
@@ -1,25 +1,15 @@
|
|
|
1
1
|
/** 点击产物时的预期行为类型。 */
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
*/
|
|
8
|
-
export function getArtifactAction(fileType) {
|
|
9
|
-
switch (fileType) {
|
|
10
|
-
case 'html':
|
|
11
|
-
case 'md':
|
|
12
|
-
case 'csv':
|
|
13
|
-
case 'file':
|
|
3
|
+
/** 根据 actionKind 返回对应的 ArtifactAction(label + icon)。 */
|
|
4
|
+
export function getArtifactActionFromKind(kind) {
|
|
5
|
+
switch (kind) {
|
|
6
|
+
case 'preview':
|
|
14
7
|
return {
|
|
15
8
|
kind: 'preview',
|
|
16
9
|
label: '预览详情',
|
|
17
10
|
icon: 'arrow-right'
|
|
18
11
|
};
|
|
19
|
-
case '
|
|
20
|
-
case 'xlsx':
|
|
21
|
-
case 'docx':
|
|
22
|
-
case 'pptx':
|
|
12
|
+
case 'download':
|
|
23
13
|
return {
|
|
24
14
|
kind: 'download',
|
|
25
15
|
label: '下载导出',
|
package/dist/artifact/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { type CSSProperties } from 'react';
|
|
2
|
+
import { type ArtifactActionKind } from './actions';
|
|
2
3
|
import { type ArtifactFileIconType } from './icons';
|
|
3
4
|
import './style';
|
|
4
|
-
export {
|
|
5
|
+
export { getArtifactActionFromKind, type ArtifactAction, type ArtifactActionKind, } from './actions';
|
|
5
6
|
export { ARTIFACT_FILE_GLOW_COLORS, getArtifactGlowColor } from './glow';
|
|
6
7
|
export { ARTIFACT_DEDICATED_FILE_ICON_TYPES, ARTIFACT_FILE_ICON_MEDIUM_SIZE, ARTIFACT_FILE_ICON_MEDIUM_VIEWBOX, ARTIFACT_FILE_ICON_SMALL_SIZE, ARTIFACT_FILE_ICON_SMALL_VIEWBOX, ARTIFACT_FILE_ICON_TYPES, ArtifactFileIcon, artifactFileIcons, artifactFileIconsMedium, artifactFileIconsSmall, getArtifactFileIconUrl, } from './icons';
|
|
7
8
|
export type { ArtifactFileIconProps, ArtifactFileIconSize, ArtifactFileIconType, } from './icons';
|
|
@@ -14,6 +15,8 @@ export type ArtifactSize = 'medium' | 'small';
|
|
|
14
15
|
export interface ArtifactProps {
|
|
15
16
|
/** 文件名 / 产物标题 */
|
|
16
17
|
title: string;
|
|
18
|
+
/** 点击产物时的行为:`'preview'` 预览 或 `'download'` 下载,由调用方决定。 */
|
|
19
|
+
actionKind: ArtifactActionKind;
|
|
17
20
|
/**
|
|
18
21
|
* 文件类型图标。
|
|
19
22
|
* 不传时从 `title` 扩展名推断;无专属 Icon 时回退 `file`(浅灰通用 File Icon)。
|
|
@@ -39,7 +42,7 @@ export interface ArtifactProps {
|
|
|
39
42
|
* - medium / Card:左 Icon + 右标题 / 大小·日期;可点 hover 时 Icon 后退缩小、文案左移遮罩,右侧浮出操作预期
|
|
40
43
|
* - small / Small:无底色/描边;hover 用 HoverFill 叠灰底(不展示预览/下载操作预期)
|
|
41
44
|
*/
|
|
42
|
-
export declare function Artifact({ title, fileType, fileSize, date, size, status, onOpen, className, style, }: ArtifactProps): import("react").JSX.Element;
|
|
45
|
+
export declare function Artifact({ title, actionKind, fileType, fileSize, date, size, status, onOpen, className, style, }: ArtifactProps): import("react").JSX.Element;
|
|
43
46
|
export declare namespace Artifact {
|
|
44
47
|
var displayName: string;
|
|
45
48
|
}
|
package/dist/artifact/index.js
CHANGED
|
@@ -6,11 +6,11 @@ import { useCallback, useRef, useState } from 'react';
|
|
|
6
6
|
import HoverFill from "../hover-fill";
|
|
7
7
|
import Icon from "../icon";
|
|
8
8
|
import Tooltip from "../tooltip";
|
|
9
|
-
import {
|
|
9
|
+
import { getArtifactActionFromKind } from "./actions";
|
|
10
10
|
import { getArtifactGlowColor } from "./glow";
|
|
11
11
|
import { ARTIFACT_DEDICATED_FILE_ICON_TYPES, ArtifactFileIcon } from "./icons";
|
|
12
12
|
import "./style";
|
|
13
|
-
export {
|
|
13
|
+
export { getArtifactActionFromKind } from "./actions";
|
|
14
14
|
export { ARTIFACT_FILE_GLOW_COLORS, getArtifactGlowColor } from "./glow";
|
|
15
15
|
export { ARTIFACT_DEDICATED_FILE_ICON_TYPES, ARTIFACT_FILE_ICON_MEDIUM_SIZE, ARTIFACT_FILE_ICON_MEDIUM_VIEWBOX, ARTIFACT_FILE_ICON_SMALL_SIZE, ARTIFACT_FILE_ICON_SMALL_VIEWBOX, ARTIFACT_FILE_ICON_TYPES, ArtifactFileIcon, artifactFileIcons, artifactFileIconsMedium, artifactFileIconsSmall, getArtifactFileIconUrl } from "./icons";
|
|
16
16
|
|
|
@@ -77,6 +77,7 @@ function ArtifactActionCue(_ref) {
|
|
|
77
77
|
*/
|
|
78
78
|
export function Artifact(_ref2) {
|
|
79
79
|
var title = _ref2.title,
|
|
80
|
+
actionKind = _ref2.actionKind,
|
|
80
81
|
fileType = _ref2.fileType,
|
|
81
82
|
fileSize = _ref2.fileSize,
|
|
82
83
|
date = _ref2.date,
|
|
@@ -91,7 +92,7 @@ export function Artifact(_ref2) {
|
|
|
91
92
|
var isInteractive = !!onOpen && !isGenerating;
|
|
92
93
|
var resolvedType = fileType !== null && fileType !== void 0 ? fileType : inferFileType(title);
|
|
93
94
|
var iconSize = size;
|
|
94
|
-
var action =
|
|
95
|
+
var action = getArtifactActionFromKind(actionKind);
|
|
95
96
|
var _splitTitleParts = splitTitleParts(title),
|
|
96
97
|
titleHead = _splitTitleParts.head,
|
|
97
98
|
titleTail = _splitTitleParts.tail,
|
|
@@ -199,7 +199,7 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
|
|
|
199
199
|
border-radius: 6px;
|
|
200
200
|
background: transparent;
|
|
201
201
|
color: var(--odn-color-black-11);
|
|
202
|
-
font-size:
|
|
202
|
+
font-size: var(--odn-font-size-text-sm);
|
|
203
203
|
font-weight: 400;
|
|
204
204
|
line-height: 1.5;
|
|
205
205
|
text-align: left;
|
|
@@ -326,7 +326,7 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
|
|
|
326
326
|
border: none;
|
|
327
327
|
background: transparent;
|
|
328
328
|
box-shadow: none;
|
|
329
|
-
font-size:
|
|
329
|
+
font-size: var(--odn-font-size-text-sm);
|
|
330
330
|
line-height: 20px;
|
|
331
331
|
color: var(--odn-color-brand-7);
|
|
332
332
|
}
|
|
@@ -528,28 +528,36 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
|
|
|
528
528
|
align-items: center;
|
|
529
529
|
gap: 8px;
|
|
530
530
|
}
|
|
531
|
-
[data-odn-clarify-dock-input-row] > .odn-input
|
|
532
|
-
[data-odn-clarify-dock-input-row] > .odn-date-picker,
|
|
533
|
-
[data-odn-clarify-dock-input-row] > .odn-date-range-picker {
|
|
531
|
+
[data-odn-clarify-dock-input-row] > .odn-input {
|
|
534
532
|
flex: 1 1 auto;
|
|
535
533
|
min-width: 0;
|
|
536
534
|
}
|
|
535
|
+
[data-odn-clarify-dock-input-row] {
|
|
536
|
+
/* PopBase 对 Fragment 包 [data-odn-reference];保持收缩包裹,勿拉满 */
|
|
537
|
+
}
|
|
538
|
+
[data-odn-clarify-dock-input-row] > [data-odn-reference] {
|
|
539
|
+
flex: 0 0 auto;
|
|
540
|
+
}
|
|
537
541
|
[data-odn-clarify-dock-input-row] > [data-odn-button] {
|
|
538
542
|
flex: 0 0 auto;
|
|
539
543
|
}
|
|
540
544
|
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
545
|
+
div[data-odn-clarify-dock] [data-odn-date-picker-container]:not([data-odn-date-picker-container-range]) {
|
|
546
|
+
display: inline-block;
|
|
547
|
+
box-sizing: border-box;
|
|
548
|
+
width: calc(12ch + 10px + 32px + 2px);
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
div[data-odn-clarify-dock] [data-odn-date-picker-container-range] {
|
|
552
|
+
display: inline-block;
|
|
553
|
+
box-sizing: border-box;
|
|
554
|
+
width: calc(25ch + 10px + 32px + 2px);
|
|
547
555
|
}
|
|
548
556
|
|
|
549
557
|
div[data-odn-clarify-dock] [data-odn-date-picker-input] {
|
|
550
558
|
height: 32px;
|
|
551
559
|
padding: 4px 32px 4px 10px;
|
|
552
|
-
font-size:
|
|
560
|
+
font-size: var(--odn-font-size-text-sm);
|
|
553
561
|
line-height: 1.5;
|
|
554
562
|
}
|
|
555
563
|
|
package/dist/index.d.ts
CHANGED
|
@@ -55,7 +55,7 @@ export { default as ActionBar, type ActionBarProps } from './action-bar';
|
|
|
55
55
|
export { default as AgentStep, type AgentStepGroupProps, type AgentStepProps, } from './agent-step';
|
|
56
56
|
export { default as AgentThink, type AgentThinkProps } from './agent-think';
|
|
57
57
|
export { APPROVAL_DEFAULT_ACTIONS_HINT, default as Approval, type ApprovalDecision, type ApprovalProps, type ApprovalResolvePayload, type ApprovalSpec, type ApprovalSummaryItem, } from './approval';
|
|
58
|
-
export { ARTIFACT_DEDICATED_FILE_ICON_TYPES, ARTIFACT_FILE_GLOW_COLORS, ARTIFACT_FILE_ICON_TYPES, default as Artifact, ArtifactFileIcon,
|
|
58
|
+
export { ARTIFACT_DEDICATED_FILE_ICON_TYPES, ARTIFACT_FILE_GLOW_COLORS, ARTIFACT_FILE_ICON_TYPES, default as Artifact, ArtifactFileIcon, getArtifactActionFromKind, getArtifactGlowColor, type ArtifactAction, type ArtifactActionKind, type ArtifactFileIconProps, type ArtifactFileIconSize, type ArtifactFileIconType, type ArtifactProps, type ArtifactSize, } from './artifact';
|
|
59
59
|
export { default as Attachments, type AttachmentsProps } from './attachments';
|
|
60
60
|
export { default as ChatItem, formatRelativeTime, type ChatItemProps, } from './chat-item';
|
|
61
61
|
export { default as ChatList, matchChatListFilterTime, matchChatListFilterType, type ChatListFilterTime, type ChatListFilterType, type ChatListItem, type ChatListProps, } from './chat-list';
|
package/dist/index.js
CHANGED
|
@@ -61,7 +61,7 @@ export { default as ActionBar } from "./action-bar";
|
|
|
61
61
|
export { default as AgentStep } from "./agent-step";
|
|
62
62
|
export { default as AgentThink } from "./agent-think";
|
|
63
63
|
export { APPROVAL_DEFAULT_ACTIONS_HINT, default as Approval } from "./approval";
|
|
64
|
-
export { ARTIFACT_DEDICATED_FILE_ICON_TYPES, ARTIFACT_FILE_GLOW_COLORS, ARTIFACT_FILE_ICON_TYPES, default as Artifact, ArtifactFileIcon,
|
|
64
|
+
export { ARTIFACT_DEDICATED_FILE_ICON_TYPES, ARTIFACT_FILE_GLOW_COLORS, ARTIFACT_FILE_ICON_TYPES, default as Artifact, ArtifactFileIcon, getArtifactActionFromKind, getArtifactGlowColor } from "./artifact";
|
|
65
65
|
export { default as Attachments } from "./attachments";
|
|
66
66
|
export { default as ChatItem, formatRelativeTime } from "./chat-item";
|
|
67
67
|
export { default as ChatList, matchChatListFilterTime, matchChatListFilterType } from "./chat-list";
|