@expcat/tigercat-vue 2.0.0-rc.2 → 2.0.0
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.
- package/dist/{chunk-EGIQPUEL.mjs → chunk-5C32WCQY.mjs} +8 -6
- package/dist/{chunk-QFG452MD.mjs → chunk-5RXYJWNA.mjs} +53 -28
- package/dist/{chunk-36TZA5BH.mjs → chunk-A5QYJSHK.mjs} +0 -3
- package/dist/{chunk-H26JXVJX.mjs → chunk-A7QIMKWQ.mjs} +1 -1
- package/dist/{chunk-7JT5ZIHC.mjs → chunk-BCU7GYF6.mjs} +16 -8
- package/dist/{chunk-7CPMXNLK.mjs → chunk-BNYA5IUB.mjs} +26 -2
- package/dist/{chunk-CFH5T3V2.mjs → chunk-DKMKJZ7A.mjs} +1 -1
- package/dist/{chunk-SUORTZUY.mjs → chunk-EZZD4OCV.mjs} +47 -19
- package/dist/{chunk-IMFHJEUX.mjs → chunk-JKPXJ3VB.mjs} +6 -1
- package/dist/{chunk-3NQUEQJT.mjs → chunk-NP6DZQ3O.mjs} +53 -37
- package/dist/{chunk-5KPO3EDM.mjs → chunk-OTHJIFDV.mjs} +28 -15
- package/dist/{chunk-BNNTDSLJ.mjs → chunk-SK2QJ66E.mjs} +0 -1
- package/dist/{chunk-JZCETBUV.mjs → chunk-WUQMFKQ6.mjs} +29 -16
- package/dist/{chunk-GWFVBG22.mjs → chunk-XGXZF27U.mjs} +28 -15
- package/dist/{chunk-JVQPU4M2.mjs → chunk-ZGA66PSG.mjs} +28 -15
- package/dist/components/ActivityFeed.d.mts +6 -6
- package/dist/components/ActivityFeed.mjs +1 -1
- package/dist/components/Alert.d.mts +3 -3
- package/dist/components/Anchor.d.mts +1 -1
- package/dist/components/AreaChart.d.mts +3 -3
- package/dist/components/AreaChart.mjs +1 -1
- package/dist/components/AutoComplete.d.mts +5 -5
- package/dist/components/Avatar.d.mts +1 -1
- package/dist/components/AvatarGroup.d.mts +2 -2
- package/dist/components/BackTop.d.mts +1 -1
- package/dist/components/Badge.d.mts +4 -4
- package/dist/components/BarChart.d.mts +2 -2
- package/dist/components/BarChart.mjs +1 -1
- package/dist/components/Breadcrumb.d.mts +3 -3
- package/dist/components/Button.d.mts +3 -3
- package/dist/components/ButtonGroup.d.mts +1 -1
- package/dist/components/Calendar.d.mts +2 -2
- package/dist/components/Card.d.mts +2 -2
- package/dist/components/Carousel.d.mts +2 -2
- package/dist/components/Cascader.d.mts +3 -3
- package/dist/components/ChartCanvas.d.mts +1 -1
- package/dist/components/ChartGrid.d.mts +1 -1
- package/dist/components/ChartLegend.d.mts +1 -1
- package/dist/components/ChatWindow.d.mts +4 -4
- package/dist/components/CodeEditor.d.mts +3 -3
- package/dist/components/Collapse.d.mts +1 -1
- package/dist/components/CollapsePanel.d.mts +1 -1
- package/dist/components/ColorSwatch.d.mts +2 -2
- package/dist/components/CommentThread.d.mts +2 -2
- package/dist/components/CommentThread.mjs +1 -1
- package/dist/components/ConfigProvider.d.mts +1 -1
- package/dist/components/Container.d.mts +1 -1
- package/dist/components/Countdown.d.mts +2 -2
- package/dist/components/CronEditor.d.mts +2 -2
- package/dist/components/CropUpload.d.mts +1 -1
- package/dist/components/CropUpload.mjs +2 -2
- package/dist/components/DataExport.d.mts +2 -2
- package/dist/components/DataExport.mjs +2 -2
- package/dist/components/DataTableWithToolbar.d.mts +11 -11
- package/dist/components/DatePicker.d.mts +3 -3
- package/dist/components/Descriptions.d.mts +2 -2
- package/dist/components/DonutChart.d.mts +3 -3
- package/dist/components/Drawer.d.mts +4 -4
- package/dist/components/Dropdown.mjs +1 -1
- package/dist/components/Empty.d.mts +1 -1
- package/dist/components/FileManager.d.mts +2 -2
- package/dist/components/FloatButton.d.mts +4 -4
- package/dist/components/Form.d.mts +2 -2
- package/dist/components/FormWizard.d.mts +5 -5
- package/dist/components/FunnelChart.d.mts +3 -3
- package/dist/components/Gantt.d.mts +2 -2
- package/dist/components/GaugeChart.d.mts +2 -2
- package/dist/components/HeatmapChart.d.mts +3 -3
- package/dist/components/Icon.d.mts +2 -2
- package/dist/components/Image.d.mts +2 -2
- package/dist/components/Image.mjs +1 -1
- package/dist/components/ImageAnnotation.d.mts +5 -5
- package/dist/components/ImageCropper.d.mts +1 -1
- package/dist/components/ImageCropper.mjs +1 -1
- package/dist/components/ImageViewer.d.mts +1 -1
- package/dist/components/InfiniteScroll.d.mts +3 -3
- package/dist/components/InfiniteScroll.mjs +1 -1
- package/dist/components/Input.d.mts +4 -4
- package/dist/components/InputGroup.d.mts +1 -1
- package/dist/components/InputNumber.d.mts +1 -1
- package/dist/components/Kanban.d.mts +1 -1
- package/dist/components/LineChart.d.mts +2 -2
- package/dist/components/LineChart.mjs +1 -1
- package/dist/components/Link.d.mts +1 -1
- package/dist/components/List.d.mts +7 -7
- package/dist/components/Loading.d.mts +6 -6
- package/dist/components/MarkdownEditor.d.mts +5 -5
- package/dist/components/Mentions.d.mts +3 -3
- package/dist/components/Menu.d.mts +4 -4
- package/dist/components/Modal.d.mts +7 -7
- package/dist/components/NotificationCenter.d.mts +5 -5
- package/dist/components/NotificationCenter.mjs +1 -1
- package/dist/components/NumberKeyboard.d.mts +5 -5
- package/dist/components/OrgChart.d.mts +3 -3
- package/dist/components/Pagination.d.mts +5 -5
- package/dist/components/PieChart.d.mts +3 -3
- package/dist/components/Popconfirm.d.mts +2 -2
- package/dist/components/Popover.d.mts +1 -1
- package/dist/components/Progress.d.mts +3 -3
- package/dist/components/QRCode.d.mts +3 -3
- package/dist/components/RadarChart.d.mts +3 -3
- package/dist/components/Rate.d.mts +2 -2
- package/dist/components/Result.d.mts +1 -1
- package/dist/components/RichTextEditor.d.mts +4 -4
- package/dist/components/Row.d.mts +1 -1
- package/dist/components/ScatterChart.d.mts +2 -2
- package/dist/components/ScatterChart.mjs +1 -1
- package/dist/components/ScrollSpy.d.mts +3 -3
- package/dist/components/Select.d.mts +3 -3
- package/dist/components/Signature.d.mts +5 -5
- package/dist/components/Skeleton.d.mts +1 -1
- package/dist/components/Space.d.mts +2 -2
- package/dist/components/Splitter.d.mts +1 -1
- package/dist/components/Spotlight.d.mts +4 -4
- package/dist/components/Steps.d.mts +3 -3
- package/dist/components/SunburstChart.d.mts +2 -2
- package/dist/components/Table.d.mts +5 -5
- package/dist/components/Tabs.d.mts +4 -4
- package/dist/components/Tag.d.mts +2 -2
- package/dist/components/TaskBoard.d.mts +2 -2
- package/dist/components/Text.d.mts +3 -3
- package/dist/components/Textarea.d.mts +3 -3
- package/dist/components/TimePicker.d.mts +4 -4
- package/dist/components/Timeline.d.mts +4 -4
- package/dist/components/Tooltip.d.mts +1 -1
- package/dist/components/Tour.d.mts +2 -2
- package/dist/components/Transfer.d.mts +3 -3
- package/dist/components/Tree.d.mts +4 -4
- package/dist/components/TreeMapChart.d.mts +2 -2
- package/dist/components/TreeSelect.d.mts +3 -3
- package/dist/components/Upload.d.mts +4 -4
- package/dist/components/Upload.mjs +1 -1
- package/dist/components/VirtualTable.d.mts +3 -3
- package/dist/components/VirtualTable.mjs +1 -1
- package/dist/components/Watermark.d.mts +1 -1
- package/dist/index.d.mts +1 -1
- package/package.json +2 -2
|
@@ -37,6 +37,43 @@ import {
|
|
|
37
37
|
activityItemDescriptionClasses,
|
|
38
38
|
activityItemActionsClasses
|
|
39
39
|
} from "@expcat/tigercat-core";
|
|
40
|
+
|
|
41
|
+
// ../core/src/internal/activity-feed-styles.ts
|
|
42
|
+
var activityFeedActionClasses = "tiger-motion-aware inline-flex items-center px-2.5 py-1 rounded-[var(--tiger-radius-md,0.5rem)] text-xs font-semibold text-[var(--tiger-primary,#2563eb)] hover:bg-[var(--tiger-outline-bg-hover,#eff6ff)] [transition:var(--tiger-transition-base,all_200ms_cubic-bezier(0.4,0,0.2,1))]";
|
|
43
|
+
var activityFeedItemSurfaceClasses = "tiger-motion-aware p-4 rounded-[var(--tiger-radius-xl,1rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-[var(--tiger-shadow-sm,0_1px_2px_rgb(0_0_0_/_0.05))] [transition:var(--tiger-transition-base,all_200ms_cubic-bezier(0.4,0,0.2,1))] hover:shadow-[var(--tiger-shadow-glass-strong,0_4px_6px_-1px_rgb(0_0_0_/_0.1))] hover:-translate-y-0.5 w-full";
|
|
44
|
+
var activityFeedAvatarClasses = "tiger-motion-aware shrink-0 ring-2 ring-[var(--tiger-surface,#ffffff)] shadow-[var(--tiger-shadow-sm,0_1px_2px_rgb(0_0_0_/_0.05))] [transition:var(--tiger-transition-base,all_200ms_cubic-bezier(0.4,0,0.2,1))] hover:scale-105";
|
|
45
|
+
var activityFeedTitleClasses = "tiger-motion-aware text-[var(--tiger-text,#111827)] hover:text-[var(--tiger-primary,#2563eb)] transition-colors cursor-pointer truncate";
|
|
46
|
+
var activityFeedTimeClasses = "shrink-0 whitespace-nowrap font-medium text-[var(--tiger-text-muted,#6b7280)]";
|
|
47
|
+
var activityFeedDescriptionClasses = "text-[var(--tiger-text-secondary,#4b5563)] leading-relaxed pl-0.5 mt-1";
|
|
48
|
+
var activityFeedStateCardClasses = "bg-[var(--tiger-surface,#ffffff)] border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-xl,1rem)] shadow-[var(--tiger-shadow-sm,0_1px_2px_rgb(0_0_0_/_0.05))] overflow-hidden";
|
|
49
|
+
var activityFeedLoadingClasses = "text-[var(--tiger-primary,#2563eb)] font-medium";
|
|
50
|
+
var activityFeedEmptyIconClasses = "tiger-motion-aware w-12 h-12 text-[var(--tiger-text-muted,#9ca3af)] mb-3 animate-pulse";
|
|
51
|
+
var activityFeedGroupMarkerClasses = "w-1.5 h-3.5 bg-[var(--tiger-primary,#2563eb)] rounded-full shadow-sm";
|
|
52
|
+
var activityFeedGroupTitleClasses = "text-[var(--tiger-text,#111827)] uppercase tracking-wider";
|
|
53
|
+
var activityFeedDotBaseClasses = "w-3 h-3 rounded-full border-2 border-[var(--tiger-surface,#ffffff)] shadow-sm relative z-10";
|
|
54
|
+
var activityFeedDotPulseBaseClasses = "tiger-motion-aware absolute inline-flex h-full w-full rounded-full animate-ping opacity-75";
|
|
55
|
+
var dotVariantClasses = {
|
|
56
|
+
success: "bg-[var(--tiger-success,#16a34a)]",
|
|
57
|
+
warning: "bg-[var(--tiger-warning,#d97706)]",
|
|
58
|
+
error: "bg-[var(--tiger-error,#dc2626)]",
|
|
59
|
+
danger: "bg-[var(--tiger-error,#dc2626)]",
|
|
60
|
+
primary: "bg-[var(--tiger-primary,#2563eb)]",
|
|
61
|
+
info: "bg-[var(--tiger-primary,#2563eb)]"
|
|
62
|
+
};
|
|
63
|
+
var dotPulseVariantClasses = {
|
|
64
|
+
success: "bg-[var(--tiger-success,#16a34a)]/30",
|
|
65
|
+
warning: "bg-[var(--tiger-warning,#d97706)]/30",
|
|
66
|
+
error: "bg-[var(--tiger-error,#dc2626)]/30",
|
|
67
|
+
danger: "bg-[var(--tiger-error,#dc2626)]/30",
|
|
68
|
+
primary: "bg-[var(--tiger-primary,#2563eb)]/30",
|
|
69
|
+
info: "bg-[var(--tiger-primary,#2563eb)]/30"
|
|
70
|
+
};
|
|
71
|
+
var getActivityFeedDotClasses = (variant) => ({
|
|
72
|
+
dot: dotVariantClasses[variant ?? ""] ?? "bg-[var(--tiger-border,#d1d5db)]",
|
|
73
|
+
pulse: dotPulseVariantClasses[variant ?? ""] ?? ""
|
|
74
|
+
});
|
|
75
|
+
|
|
76
|
+
// src/components/ActivityFeed.ts
|
|
40
77
|
var renderAction = (item, action, index) => {
|
|
41
78
|
const key = action.key ?? `${item.id}-action-${index}`;
|
|
42
79
|
return h(
|
|
@@ -49,7 +86,7 @@ var renderAction = (item, action, index) => {
|
|
|
49
86
|
href: action.href,
|
|
50
87
|
target: action.target,
|
|
51
88
|
disabled: action.disabled,
|
|
52
|
-
className:
|
|
89
|
+
className: activityFeedActionClasses,
|
|
53
90
|
onClick: () => action.onClick?.(item, action)
|
|
54
91
|
},
|
|
55
92
|
{
|
|
@@ -140,10 +177,7 @@ var ActivityFeed = defineComponent({
|
|
|
140
177
|
return h(
|
|
141
178
|
"div",
|
|
142
179
|
{
|
|
143
|
-
class: classNames(
|
|
144
|
-
activityItemClasses,
|
|
145
|
-
"p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"
|
|
146
|
-
)
|
|
180
|
+
class: classNames(activityItemClasses, activityFeedItemSurfaceClasses)
|
|
147
181
|
},
|
|
148
182
|
[
|
|
149
183
|
h("div", { class: activityItemLayoutClasses }, [
|
|
@@ -151,7 +185,7 @@ var ActivityFeed = defineComponent({
|
|
|
151
185
|
size: "sm",
|
|
152
186
|
src: item.user.avatar,
|
|
153
187
|
text: item.user.name,
|
|
154
|
-
className:
|
|
188
|
+
className: activityFeedAvatarClasses
|
|
155
189
|
}) : null,
|
|
156
190
|
h("div", { class: activityItemBodyClasses }, [
|
|
157
191
|
h("div", { class: activityItemHeaderClasses }, [
|
|
@@ -162,7 +196,7 @@ var ActivityFeed = defineComponent({
|
|
|
162
196
|
tag: "div",
|
|
163
197
|
size: "sm",
|
|
164
198
|
weight: "semibold",
|
|
165
|
-
class:
|
|
199
|
+
class: activityFeedTitleClasses
|
|
166
200
|
},
|
|
167
201
|
{ default: () => titleText }
|
|
168
202
|
) : null,
|
|
@@ -182,7 +216,7 @@ var ActivityFeed = defineComponent({
|
|
|
182
216
|
tag: "div",
|
|
183
217
|
size: "xs",
|
|
184
218
|
color: "muted",
|
|
185
|
-
class:
|
|
219
|
+
class: activityFeedTimeClasses
|
|
186
220
|
},
|
|
187
221
|
{ default: () => timeText }
|
|
188
222
|
) : null
|
|
@@ -195,7 +229,7 @@ var ActivityFeed = defineComponent({
|
|
|
195
229
|
color: "muted",
|
|
196
230
|
class: classNames(
|
|
197
231
|
activityItemDescriptionClasses,
|
|
198
|
-
|
|
232
|
+
activityFeedDescriptionClasses
|
|
199
233
|
)
|
|
200
234
|
},
|
|
201
235
|
{ default: () => descriptionText }
|
|
@@ -219,7 +253,7 @@ var ActivityFeed = defineComponent({
|
|
|
219
253
|
if (props.loading) {
|
|
220
254
|
const loadingNode = slots.loading ? slots.loading() : h(Loading, {
|
|
221
255
|
text: props.loadingText,
|
|
222
|
-
class:
|
|
256
|
+
class: activityFeedLoadingClasses
|
|
223
257
|
});
|
|
224
258
|
return h(
|
|
225
259
|
"div",
|
|
@@ -238,7 +272,7 @@ var ActivityFeed = defineComponent({
|
|
|
238
272
|
{
|
|
239
273
|
variant: "bordered",
|
|
240
274
|
size: "sm",
|
|
241
|
-
className: "tiger-activity-feed-loading
|
|
275
|
+
className: classNames("tiger-activity-feed-loading", activityFeedStateCardClasses)
|
|
242
276
|
},
|
|
243
277
|
{
|
|
244
278
|
default: () => h("div", { class: "flex items-center justify-center py-8" }, loadingNode)
|
|
@@ -252,7 +286,7 @@ var ActivityFeed = defineComponent({
|
|
|
252
286
|
h(
|
|
253
287
|
"svg",
|
|
254
288
|
{
|
|
255
|
-
class:
|
|
289
|
+
class: activityFeedEmptyIconClasses,
|
|
256
290
|
fill: "none",
|
|
257
291
|
viewBox: "0 0 24 24",
|
|
258
292
|
stroke: "currentColor",
|
|
@@ -288,7 +322,7 @@ var ActivityFeed = defineComponent({
|
|
|
288
322
|
{
|
|
289
323
|
variant: "bordered",
|
|
290
324
|
size: "sm",
|
|
291
|
-
className: "tiger-activity-feed-empty
|
|
325
|
+
className: classNames("tiger-activity-feed-empty", activityFeedStateCardClasses)
|
|
292
326
|
},
|
|
293
327
|
{
|
|
294
328
|
default: () => emptyNode
|
|
@@ -314,7 +348,7 @@ var ActivityFeed = defineComponent({
|
|
|
314
348
|
return h("div", { key: group.key ?? groupIndex, class: "space-y-3" }, [
|
|
315
349
|
props.showGroupTitle && groupTitle ? headerNode ?? h("div", { class: "flex items-center gap-2 mb-2" }, [
|
|
316
350
|
h("span", {
|
|
317
|
-
class:
|
|
351
|
+
class: activityFeedGroupMarkerClasses
|
|
318
352
|
}),
|
|
319
353
|
h(
|
|
320
354
|
Text,
|
|
@@ -322,7 +356,7 @@ var ActivityFeed = defineComponent({
|
|
|
322
356
|
tag: "span",
|
|
323
357
|
size: "sm",
|
|
324
358
|
weight: "bold",
|
|
325
|
-
class:
|
|
359
|
+
class: activityFeedGroupTitleClasses
|
|
326
360
|
},
|
|
327
361
|
{ default: () => groupTitle }
|
|
328
362
|
)
|
|
@@ -331,33 +365,15 @@ var ActivityFeed = defineComponent({
|
|
|
331
365
|
Timeline,
|
|
332
366
|
{
|
|
333
367
|
items: timelineItems,
|
|
334
|
-
style: {
|
|
335
|
-
"--tiger-border": "rgba(156, 163, 175, 0.18)"
|
|
336
|
-
},
|
|
337
368
|
renderDot: (timelineItem) => {
|
|
338
369
|
const activity = timelineItem.activity;
|
|
339
370
|
const statusVariant = activity?.status?.variant ?? "default";
|
|
340
|
-
const
|
|
341
|
-
let colorClass = "bg-gray-300 dark:bg-gray-700";
|
|
342
|
-
let pulseClass = "";
|
|
343
|
-
if (statusVariant === "success") {
|
|
344
|
-
colorClass = "bg-emerald-500";
|
|
345
|
-
pulseClass = "bg-emerald-500/30";
|
|
346
|
-
} else if (statusVariant === "warning") {
|
|
347
|
-
colorClass = "bg-amber-500";
|
|
348
|
-
pulseClass = "bg-amber-500/30";
|
|
349
|
-
} else if (statusVariant === "error" || statusVariant === "danger") {
|
|
350
|
-
colorClass = "bg-rose-500";
|
|
351
|
-
pulseClass = "bg-rose-500/30";
|
|
352
|
-
} else if (statusVariant === "primary" || statusVariant === "info") {
|
|
353
|
-
colorClass = "bg-blue-500";
|
|
354
|
-
pulseClass = "bg-blue-500/30";
|
|
355
|
-
}
|
|
371
|
+
const dotClasses = getActivityFeedDotClasses(statusVariant);
|
|
356
372
|
return h("div", { class: "relative flex items-center justify-center w-4 h-4" }, [
|
|
357
|
-
|
|
358
|
-
class:
|
|
373
|
+
dotClasses.pulse ? h("span", {
|
|
374
|
+
class: `${activityFeedDotPulseBaseClasses} ${dotClasses.pulse}`
|
|
359
375
|
}) : null,
|
|
360
|
-
h("span", { class: `${
|
|
376
|
+
h("span", { class: `${activityFeedDotBaseClasses} ${dotClasses.dot}` })
|
|
361
377
|
]);
|
|
362
378
|
}
|
|
363
379
|
},
|
|
@@ -459,22 +459,35 @@ var BarChart = defineComponent({
|
|
|
459
459
|
y: tooltipPosition.value.y
|
|
460
460
|
}) : null;
|
|
461
461
|
if (!props.showLegend) {
|
|
462
|
-
return h(
|
|
462
|
+
return h(
|
|
463
|
+
"div",
|
|
464
|
+
{
|
|
465
|
+
class: classNames(
|
|
466
|
+
"relative",
|
|
467
|
+
props.responsive ? "block w-full min-w-0" : "inline-block"
|
|
468
|
+
)
|
|
469
|
+
},
|
|
470
|
+
[chart, tooltip]
|
|
471
|
+
);
|
|
463
472
|
}
|
|
464
|
-
return h(
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
473
|
+
return h(
|
|
474
|
+
"div",
|
|
475
|
+
{ class: classNames(wrapperClasses.value, props.responsive && "w-full min-w-0") },
|
|
476
|
+
[
|
|
477
|
+
chart,
|
|
478
|
+
h(ChartLegend, {
|
|
479
|
+
items: legendItems.value,
|
|
480
|
+
position: props.legendPosition,
|
|
481
|
+
markerSize: props.legendMarkerSize,
|
|
482
|
+
gap: props.legendGap,
|
|
483
|
+
interactive: props.hoverable || props.selectable,
|
|
484
|
+
onItemClick: handleLegendClick,
|
|
485
|
+
onItemHover: handleLegendHover,
|
|
486
|
+
onItemLeave: handleLegendLeave
|
|
487
|
+
}),
|
|
488
|
+
tooltip
|
|
489
|
+
]
|
|
490
|
+
);
|
|
478
491
|
};
|
|
479
492
|
}
|
|
480
493
|
});
|
|
@@ -390,7 +390,6 @@ var Dropdown = defineComponent({
|
|
|
390
390
|
}
|
|
391
391
|
);
|
|
392
392
|
provide(DropdownContextKey, dropdownContext);
|
|
393
|
-
const _menuItemTabIndex = -1;
|
|
394
393
|
return () => {
|
|
395
394
|
const defaultSlot = slots.default?.();
|
|
396
395
|
const triggerSlot = slots.trigger?.({ open: currentVisible.value });
|
|
@@ -349,23 +349,36 @@ var ScatterChart = defineComponent({
|
|
|
349
349
|
y: tooltipPosition.value.y
|
|
350
350
|
}) : null;
|
|
351
351
|
if (!props.showLegend) {
|
|
352
|
-
return h(
|
|
352
|
+
return h(
|
|
353
|
+
"div",
|
|
354
|
+
{
|
|
355
|
+
class: classNames(
|
|
356
|
+
"relative",
|
|
357
|
+
props.responsive ? "block w-full min-w-0" : "inline-block"
|
|
358
|
+
)
|
|
359
|
+
},
|
|
360
|
+
[chart, tooltip]
|
|
361
|
+
);
|
|
353
362
|
}
|
|
354
|
-
return h(
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
363
|
+
return h(
|
|
364
|
+
"div",
|
|
365
|
+
{ class: classNames(wrapperClasses.value, props.responsive && "w-full min-w-0") },
|
|
366
|
+
[
|
|
367
|
+
chart,
|
|
368
|
+
h(ChartLegend, {
|
|
369
|
+
items: legendItems.value,
|
|
370
|
+
position: props.legendPosition,
|
|
371
|
+
markerSize: props.legendMarkerSize,
|
|
372
|
+
gap: props.legendGap,
|
|
373
|
+
ariaLabel: labels.value.legendAriaLabel,
|
|
374
|
+
interactive: props.hoverable || props.selectable,
|
|
375
|
+
onItemClick: handleLegendClick,
|
|
376
|
+
onItemHover: handleLegendHover,
|
|
377
|
+
onItemLeave: handleLegendLeave
|
|
378
|
+
}),
|
|
379
|
+
tooltip
|
|
380
|
+
]
|
|
381
|
+
);
|
|
369
382
|
};
|
|
370
383
|
}
|
|
371
384
|
});
|
|
@@ -673,22 +673,35 @@ var LineChart = defineComponent({
|
|
|
673
673
|
y: tooltipPosition.value.y
|
|
674
674
|
}) : null;
|
|
675
675
|
if (!props.showLegend) {
|
|
676
|
-
return h(
|
|
676
|
+
return h(
|
|
677
|
+
"div",
|
|
678
|
+
{
|
|
679
|
+
class: classNames(
|
|
680
|
+
"relative",
|
|
681
|
+
props.responsive ? "block w-full min-w-0" : "inline-block"
|
|
682
|
+
)
|
|
683
|
+
},
|
|
684
|
+
[chart, tooltip]
|
|
685
|
+
);
|
|
677
686
|
}
|
|
678
|
-
return h(
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
687
|
+
return h(
|
|
688
|
+
"div",
|
|
689
|
+
{ class: classNames(wrapperClasses.value, props.responsive && "w-full min-w-0") },
|
|
690
|
+
[
|
|
691
|
+
chart,
|
|
692
|
+
h(ChartLegend, {
|
|
693
|
+
items: legendItems.value,
|
|
694
|
+
position: props.legendPosition,
|
|
695
|
+
markerSize: props.legendMarkerSize,
|
|
696
|
+
gap: props.legendGap,
|
|
697
|
+
interactive: props.hoverable || props.selectable,
|
|
698
|
+
onItemClick: handleLegendClick,
|
|
699
|
+
onItemHover: handleLegendHover,
|
|
700
|
+
onItemLeave: handleLegendLeave
|
|
701
|
+
}),
|
|
702
|
+
tooltip
|
|
703
|
+
]
|
|
704
|
+
);
|
|
692
705
|
};
|
|
693
706
|
}
|
|
694
707
|
});
|
|
@@ -717,22 +717,35 @@ var AreaChart = defineComponent({
|
|
|
717
717
|
y: tooltipPosition.value.y
|
|
718
718
|
}) : null;
|
|
719
719
|
if (!props.showLegend) {
|
|
720
|
-
return h(
|
|
720
|
+
return h(
|
|
721
|
+
"div",
|
|
722
|
+
{
|
|
723
|
+
class: classNames(
|
|
724
|
+
"relative",
|
|
725
|
+
props.responsive ? "block w-full min-w-0" : "inline-block"
|
|
726
|
+
)
|
|
727
|
+
},
|
|
728
|
+
[chart, tooltip]
|
|
729
|
+
);
|
|
721
730
|
}
|
|
722
|
-
return h(
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
731
|
+
return h(
|
|
732
|
+
"div",
|
|
733
|
+
{ class: classNames(wrapperClasses.value, props.responsive && "w-full min-w-0") },
|
|
734
|
+
[
|
|
735
|
+
chart,
|
|
736
|
+
h(ChartLegend, {
|
|
737
|
+
items: legendItems.value,
|
|
738
|
+
position: props.legendPosition,
|
|
739
|
+
markerSize: props.legendMarkerSize,
|
|
740
|
+
gap: props.legendGap,
|
|
741
|
+
interactive: props.hoverable || props.selectable,
|
|
742
|
+
onItemClick: handleSeriesSelect,
|
|
743
|
+
onItemHover: handleSeriesHoverEnter,
|
|
744
|
+
onItemLeave: handleSeriesHoverLeave
|
|
745
|
+
}),
|
|
746
|
+
tooltip
|
|
747
|
+
]
|
|
748
|
+
);
|
|
736
749
|
};
|
|
737
750
|
}
|
|
738
751
|
});
|
|
@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
107
107
|
default: undefined;
|
|
108
108
|
};
|
|
109
109
|
}>> & Readonly<{}>, {
|
|
110
|
+
loadingText: string;
|
|
111
|
+
emptyText: string;
|
|
112
|
+
className: string;
|
|
113
|
+
style: Record<string, string | number>;
|
|
114
|
+
loading: boolean;
|
|
115
|
+
groupBy: (item: ActivityItem) => string;
|
|
110
116
|
items: ActivityItem[];
|
|
111
117
|
groups: ActivityGroup[];
|
|
112
|
-
groupBy: (item: ActivityItem) => string;
|
|
113
118
|
groupOrder: string[];
|
|
114
|
-
loading: boolean;
|
|
115
|
-
loadingText: string;
|
|
116
|
-
emptyText: string;
|
|
117
119
|
showAvatar: boolean;
|
|
118
120
|
showTime: boolean;
|
|
119
121
|
showGroupTitle: boolean;
|
|
120
|
-
className: string;
|
|
121
|
-
style: Record<string, string | number>;
|
|
122
122
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
123
123
|
|
|
124
124
|
export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };
|
|
@@ -204,14 +204,14 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
204
204
|
}>> & Readonly<{
|
|
205
205
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
206
206
|
}>, {
|
|
207
|
+
type: AlertType;
|
|
208
|
+
closeAriaLabel: string;
|
|
207
209
|
size: AlertSize;
|
|
208
210
|
className: string;
|
|
209
211
|
style: Record<string, string | number>;
|
|
210
|
-
type: AlertType;
|
|
211
212
|
title: string;
|
|
212
|
-
closable: boolean;
|
|
213
|
-
closeAriaLabel: string;
|
|
214
213
|
description: string;
|
|
214
|
+
closable: boolean;
|
|
215
215
|
showIcon: boolean;
|
|
216
216
|
duration: number;
|
|
217
217
|
banner: boolean;
|
|
@@ -236,9 +236,9 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
236
236
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
237
237
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
238
238
|
}>, {
|
|
239
|
+
direction: AnchorDirection;
|
|
239
240
|
className: string;
|
|
240
241
|
style: Record<string, unknown>;
|
|
241
|
-
direction: AnchorDirection;
|
|
242
242
|
offsetTop: number;
|
|
243
243
|
targetOffset: number;
|
|
244
244
|
bounds: number;
|
|
@@ -421,12 +421,12 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
421
421
|
"onSeries-click"?: ((...args: any[]) => any) | undefined;
|
|
422
422
|
"onSeries-hover"?: ((...args: any[]) => any) | undefined;
|
|
423
423
|
}>, {
|
|
424
|
-
padding: ChartPadding;
|
|
425
|
-
hoverable: boolean;
|
|
426
|
-
strokeWidth: number;
|
|
427
424
|
width: number;
|
|
428
425
|
height: number;
|
|
426
|
+
padding: ChartPadding;
|
|
429
427
|
gradient: boolean;
|
|
428
|
+
hoverable: boolean;
|
|
429
|
+
strokeWidth: number;
|
|
430
430
|
fillOpacity: number;
|
|
431
431
|
selectable: boolean;
|
|
432
432
|
responsive: boolean;
|
|
@@ -58,7 +58,7 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
58
58
|
};
|
|
59
59
|
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
60
60
|
[key: string]: any;
|
|
61
|
-
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("
|
|
61
|
+
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "change" | "update:modelValue" | "update:searchValue" | "search-change")[], "select" | "change" | "update:modelValue" | "update:searchValue" | "search-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
62
62
|
modelValue: {
|
|
63
63
|
type: PropType<string | number>;
|
|
64
64
|
default: string;
|
|
@@ -112,17 +112,17 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
112
112
|
default: undefined;
|
|
113
113
|
};
|
|
114
114
|
}>> & Readonly<{
|
|
115
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
116
115
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
116
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
117
117
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
118
118
|
"onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
|
|
119
119
|
"onSearch-change"?: ((...args: any[]) => any) | undefined;
|
|
120
120
|
}>, {
|
|
121
|
-
size: ComponentSize;
|
|
122
|
-
emptyText: string;
|
|
123
121
|
locale: Partial<TigerLocale>;
|
|
124
|
-
|
|
122
|
+
emptyText: string;
|
|
125
123
|
placeholder: string;
|
|
124
|
+
size: ComponentSize;
|
|
125
|
+
disabled: boolean;
|
|
126
126
|
modelValue: string | number;
|
|
127
127
|
options: AutoCompleteOption[];
|
|
128
128
|
searchValue: string;
|
|
@@ -151,9 +151,9 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
151
151
|
size: AvatarSize;
|
|
152
152
|
className: string;
|
|
153
153
|
style: Record<string, string | number>;
|
|
154
|
+
text: string;
|
|
154
155
|
src: string;
|
|
155
156
|
alt: string;
|
|
156
|
-
text: string;
|
|
157
157
|
shape: AvatarShape;
|
|
158
158
|
bgColor: string;
|
|
159
159
|
textColor: string;
|
|
@@ -63,10 +63,10 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
63
63
|
default: undefined;
|
|
64
64
|
};
|
|
65
65
|
}>> & Readonly<{}>, {
|
|
66
|
-
size: AvatarSize;
|
|
67
|
-
className: string;
|
|
68
66
|
locale: Partial<TigerLocale>;
|
|
69
67
|
labels: Partial<TigerLocaleAvatarGroup>;
|
|
68
|
+
size: AvatarSize;
|
|
69
|
+
className: string;
|
|
70
70
|
max: number;
|
|
71
71
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
72
72
|
|
|
@@ -104,8 +104,8 @@ declare const BackTop: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
104
104
|
}>, {
|
|
105
105
|
className: string;
|
|
106
106
|
style: Record<string, unknown>;
|
|
107
|
-
position: BackTopPosition;
|
|
108
107
|
target: () => HTMLElement | Window | null;
|
|
108
|
+
position: BackTopPosition;
|
|
109
109
|
offset: ViewportOffset;
|
|
110
110
|
placement: ViewportPlacement;
|
|
111
111
|
duration: number;
|
|
@@ -100,15 +100,15 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
100
100
|
default: undefined;
|
|
101
101
|
};
|
|
102
102
|
}>> & Readonly<{}>, {
|
|
103
|
+
locale: Partial<TigerLocale>;
|
|
104
|
+
type: BadgeType;
|
|
103
105
|
size: BadgeSize;
|
|
104
106
|
className: string;
|
|
105
107
|
style: Record<string, string | number>;
|
|
106
|
-
type: BadgeType;
|
|
107
108
|
variant: BadgeVariant;
|
|
108
|
-
locale: Partial<TigerLocale>;
|
|
109
|
-
position: BadgePosition;
|
|
110
|
-
content: string | number;
|
|
111
109
|
max: number;
|
|
110
|
+
content: string | number;
|
|
111
|
+
position: BadgePosition;
|
|
112
112
|
showZero: boolean;
|
|
113
113
|
standalone: boolean;
|
|
114
114
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
@@ -382,11 +382,11 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
382
382
|
"onBar-click"?: ((...args: any[]) => any) | undefined;
|
|
383
383
|
"onBar-hover"?: ((...args: any[]) => any) | undefined;
|
|
384
384
|
}>, {
|
|
385
|
-
padding: ChartPadding;
|
|
386
|
-
hoverable: boolean;
|
|
387
385
|
width: number;
|
|
388
386
|
height: number;
|
|
387
|
+
padding: ChartPadding;
|
|
389
388
|
gradient: boolean;
|
|
389
|
+
hoverable: boolean;
|
|
390
390
|
selectable: boolean;
|
|
391
391
|
responsive: boolean;
|
|
392
392
|
xTicks: number;
|
|
@@ -136,12 +136,12 @@ declare const BreadcrumbItem: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
136
136
|
}>, {
|
|
137
137
|
className: string;
|
|
138
138
|
style: Record<string, unknown>;
|
|
139
|
-
href: string;
|
|
140
|
-
target: "_blank" | "_self" | "_parent" | "_top";
|
|
141
139
|
icon: string | VNode<vue.RendererNode, vue.RendererElement, {
|
|
142
140
|
[key: string]: any;
|
|
143
141
|
}>;
|
|
144
142
|
separator: string;
|
|
143
|
+
target: "_blank" | "_self" | "_parent" | "_top";
|
|
144
|
+
href: string;
|
|
145
145
|
current: boolean;
|
|
146
146
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
147
147
|
declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
@@ -225,9 +225,9 @@ declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
225
225
|
default: undefined;
|
|
226
226
|
};
|
|
227
227
|
}>> & Readonly<{}>, {
|
|
228
|
+
maxItems: number;
|
|
228
229
|
className: string;
|
|
229
230
|
style: Record<string, unknown>;
|
|
230
|
-
maxItems: number;
|
|
231
231
|
separator: string;
|
|
232
232
|
extra: VNodeChild | VNodeChild[];
|
|
233
233
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|