@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.
Files changed (137) hide show
  1. package/dist/{chunk-EGIQPUEL.mjs → chunk-5C32WCQY.mjs} +8 -6
  2. package/dist/{chunk-QFG452MD.mjs → chunk-5RXYJWNA.mjs} +53 -28
  3. package/dist/{chunk-36TZA5BH.mjs → chunk-A5QYJSHK.mjs} +0 -3
  4. package/dist/{chunk-H26JXVJX.mjs → chunk-A7QIMKWQ.mjs} +1 -1
  5. package/dist/{chunk-7JT5ZIHC.mjs → chunk-BCU7GYF6.mjs} +16 -8
  6. package/dist/{chunk-7CPMXNLK.mjs → chunk-BNYA5IUB.mjs} +26 -2
  7. package/dist/{chunk-CFH5T3V2.mjs → chunk-DKMKJZ7A.mjs} +1 -1
  8. package/dist/{chunk-SUORTZUY.mjs → chunk-EZZD4OCV.mjs} +47 -19
  9. package/dist/{chunk-IMFHJEUX.mjs → chunk-JKPXJ3VB.mjs} +6 -1
  10. package/dist/{chunk-3NQUEQJT.mjs → chunk-NP6DZQ3O.mjs} +53 -37
  11. package/dist/{chunk-5KPO3EDM.mjs → chunk-OTHJIFDV.mjs} +28 -15
  12. package/dist/{chunk-BNNTDSLJ.mjs → chunk-SK2QJ66E.mjs} +0 -1
  13. package/dist/{chunk-JZCETBUV.mjs → chunk-WUQMFKQ6.mjs} +29 -16
  14. package/dist/{chunk-GWFVBG22.mjs → chunk-XGXZF27U.mjs} +28 -15
  15. package/dist/{chunk-JVQPU4M2.mjs → chunk-ZGA66PSG.mjs} +28 -15
  16. package/dist/components/ActivityFeed.d.mts +6 -6
  17. package/dist/components/ActivityFeed.mjs +1 -1
  18. package/dist/components/Alert.d.mts +3 -3
  19. package/dist/components/Anchor.d.mts +1 -1
  20. package/dist/components/AreaChart.d.mts +3 -3
  21. package/dist/components/AreaChart.mjs +1 -1
  22. package/dist/components/AutoComplete.d.mts +5 -5
  23. package/dist/components/Avatar.d.mts +1 -1
  24. package/dist/components/AvatarGroup.d.mts +2 -2
  25. package/dist/components/BackTop.d.mts +1 -1
  26. package/dist/components/Badge.d.mts +4 -4
  27. package/dist/components/BarChart.d.mts +2 -2
  28. package/dist/components/BarChart.mjs +1 -1
  29. package/dist/components/Breadcrumb.d.mts +3 -3
  30. package/dist/components/Button.d.mts +3 -3
  31. package/dist/components/ButtonGroup.d.mts +1 -1
  32. package/dist/components/Calendar.d.mts +2 -2
  33. package/dist/components/Card.d.mts +2 -2
  34. package/dist/components/Carousel.d.mts +2 -2
  35. package/dist/components/Cascader.d.mts +3 -3
  36. package/dist/components/ChartCanvas.d.mts +1 -1
  37. package/dist/components/ChartGrid.d.mts +1 -1
  38. package/dist/components/ChartLegend.d.mts +1 -1
  39. package/dist/components/ChatWindow.d.mts +4 -4
  40. package/dist/components/CodeEditor.d.mts +3 -3
  41. package/dist/components/Collapse.d.mts +1 -1
  42. package/dist/components/CollapsePanel.d.mts +1 -1
  43. package/dist/components/ColorSwatch.d.mts +2 -2
  44. package/dist/components/CommentThread.d.mts +2 -2
  45. package/dist/components/CommentThread.mjs +1 -1
  46. package/dist/components/ConfigProvider.d.mts +1 -1
  47. package/dist/components/Container.d.mts +1 -1
  48. package/dist/components/Countdown.d.mts +2 -2
  49. package/dist/components/CronEditor.d.mts +2 -2
  50. package/dist/components/CropUpload.d.mts +1 -1
  51. package/dist/components/CropUpload.mjs +2 -2
  52. package/dist/components/DataExport.d.mts +2 -2
  53. package/dist/components/DataExport.mjs +2 -2
  54. package/dist/components/DataTableWithToolbar.d.mts +11 -11
  55. package/dist/components/DatePicker.d.mts +3 -3
  56. package/dist/components/Descriptions.d.mts +2 -2
  57. package/dist/components/DonutChart.d.mts +3 -3
  58. package/dist/components/Drawer.d.mts +4 -4
  59. package/dist/components/Dropdown.mjs +1 -1
  60. package/dist/components/Empty.d.mts +1 -1
  61. package/dist/components/FileManager.d.mts +2 -2
  62. package/dist/components/FloatButton.d.mts +4 -4
  63. package/dist/components/Form.d.mts +2 -2
  64. package/dist/components/FormWizard.d.mts +5 -5
  65. package/dist/components/FunnelChart.d.mts +3 -3
  66. package/dist/components/Gantt.d.mts +2 -2
  67. package/dist/components/GaugeChart.d.mts +2 -2
  68. package/dist/components/HeatmapChart.d.mts +3 -3
  69. package/dist/components/Icon.d.mts +2 -2
  70. package/dist/components/Image.d.mts +2 -2
  71. package/dist/components/Image.mjs +1 -1
  72. package/dist/components/ImageAnnotation.d.mts +5 -5
  73. package/dist/components/ImageCropper.d.mts +1 -1
  74. package/dist/components/ImageCropper.mjs +1 -1
  75. package/dist/components/ImageViewer.d.mts +1 -1
  76. package/dist/components/InfiniteScroll.d.mts +3 -3
  77. package/dist/components/InfiniteScroll.mjs +1 -1
  78. package/dist/components/Input.d.mts +4 -4
  79. package/dist/components/InputGroup.d.mts +1 -1
  80. package/dist/components/InputNumber.d.mts +1 -1
  81. package/dist/components/Kanban.d.mts +1 -1
  82. package/dist/components/LineChart.d.mts +2 -2
  83. package/dist/components/LineChart.mjs +1 -1
  84. package/dist/components/Link.d.mts +1 -1
  85. package/dist/components/List.d.mts +7 -7
  86. package/dist/components/Loading.d.mts +6 -6
  87. package/dist/components/MarkdownEditor.d.mts +5 -5
  88. package/dist/components/Mentions.d.mts +3 -3
  89. package/dist/components/Menu.d.mts +4 -4
  90. package/dist/components/Modal.d.mts +7 -7
  91. package/dist/components/NotificationCenter.d.mts +5 -5
  92. package/dist/components/NotificationCenter.mjs +1 -1
  93. package/dist/components/NumberKeyboard.d.mts +5 -5
  94. package/dist/components/OrgChart.d.mts +3 -3
  95. package/dist/components/Pagination.d.mts +5 -5
  96. package/dist/components/PieChart.d.mts +3 -3
  97. package/dist/components/Popconfirm.d.mts +2 -2
  98. package/dist/components/Popover.d.mts +1 -1
  99. package/dist/components/Progress.d.mts +3 -3
  100. package/dist/components/QRCode.d.mts +3 -3
  101. package/dist/components/RadarChart.d.mts +3 -3
  102. package/dist/components/Rate.d.mts +2 -2
  103. package/dist/components/Result.d.mts +1 -1
  104. package/dist/components/RichTextEditor.d.mts +4 -4
  105. package/dist/components/Row.d.mts +1 -1
  106. package/dist/components/ScatterChart.d.mts +2 -2
  107. package/dist/components/ScatterChart.mjs +1 -1
  108. package/dist/components/ScrollSpy.d.mts +3 -3
  109. package/dist/components/Select.d.mts +3 -3
  110. package/dist/components/Signature.d.mts +5 -5
  111. package/dist/components/Skeleton.d.mts +1 -1
  112. package/dist/components/Space.d.mts +2 -2
  113. package/dist/components/Splitter.d.mts +1 -1
  114. package/dist/components/Spotlight.d.mts +4 -4
  115. package/dist/components/Steps.d.mts +3 -3
  116. package/dist/components/SunburstChart.d.mts +2 -2
  117. package/dist/components/Table.d.mts +5 -5
  118. package/dist/components/Tabs.d.mts +4 -4
  119. package/dist/components/Tag.d.mts +2 -2
  120. package/dist/components/TaskBoard.d.mts +2 -2
  121. package/dist/components/Text.d.mts +3 -3
  122. package/dist/components/Textarea.d.mts +3 -3
  123. package/dist/components/TimePicker.d.mts +4 -4
  124. package/dist/components/Timeline.d.mts +4 -4
  125. package/dist/components/Tooltip.d.mts +1 -1
  126. package/dist/components/Tour.d.mts +2 -2
  127. package/dist/components/Transfer.d.mts +3 -3
  128. package/dist/components/Tree.d.mts +4 -4
  129. package/dist/components/TreeMapChart.d.mts +2 -2
  130. package/dist/components/TreeSelect.d.mts +3 -3
  131. package/dist/components/Upload.d.mts +4 -4
  132. package/dist/components/Upload.mjs +1 -1
  133. package/dist/components/VirtualTable.d.mts +3 -3
  134. package/dist/components/VirtualTable.mjs +1 -1
  135. package/dist/components/Watermark.d.mts +1 -1
  136. package/dist/index.d.mts +1 -1
  137. 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: "inline-flex items-center px-2.5 py-1 rounded-lg hover:bg-blue-50/50 dark:hover:bg-blue-950/20 text-xs font-semibold transition-all duration-200",
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: "shrink-0 ring-2 ring-white dark:ring-gray-900 shadow-sm transition-transform hover:scale-105 duration-200"
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: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate"
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: "shrink-0 whitespace-nowrap font-medium text-gray-400 dark:text-gray-500"
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
- "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"
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: "text-blue-500 dark:text-blue-400 font-medium"
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 bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden"
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: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
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 bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden"
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: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20"
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: "text-gray-900 dark:text-gray-100 uppercase tracking-wider"
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 baseDotClass = "w-3 h-3 rounded-full border-2 border-white dark:border-gray-950 shadow-sm";
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
- pulseClass ? h("span", {
358
- class: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}`
373
+ dotClasses.pulse ? h("span", {
374
+ class: `${activityFeedDotPulseBaseClasses} ${dotClasses.pulse}`
359
375
  }) : null,
360
- h("span", { class: `${baseDotClass} ${colorClass} relative z-10` })
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("div", { class: "inline-block relative" }, [chart, tooltip]);
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("div", { class: wrapperClasses.value }, [
465
- chart,
466
- h(ChartLegend, {
467
- items: legendItems.value,
468
- position: props.legendPosition,
469
- markerSize: props.legendMarkerSize,
470
- gap: props.legendGap,
471
- interactive: props.hoverable || props.selectable,
472
- onItemClick: handleLegendClick,
473
- onItemHover: handleLegendHover,
474
- onItemLeave: handleLegendLeave
475
- }),
476
- tooltip
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("div", { class: "inline-block relative" }, [chart, tooltip]);
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("div", { class: wrapperClasses.value }, [
355
- chart,
356
- h(ChartLegend, {
357
- items: legendItems.value,
358
- position: props.legendPosition,
359
- markerSize: props.legendMarkerSize,
360
- gap: props.legendGap,
361
- ariaLabel: labels.value.legendAriaLabel,
362
- interactive: props.hoverable || props.selectable,
363
- onItemClick: handleLegendClick,
364
- onItemHover: handleLegendHover,
365
- onItemLeave: handleLegendLeave
366
- }),
367
- tooltip
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("div", { class: "inline-block relative" }, [chart, tooltip]);
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("div", { class: wrapperClasses.value }, [
679
- chart,
680
- h(ChartLegend, {
681
- items: legendItems.value,
682
- position: props.legendPosition,
683
- markerSize: props.legendMarkerSize,
684
- gap: props.legendGap,
685
- interactive: props.hoverable || props.selectable,
686
- onItemClick: handleLegendClick,
687
- onItemHover: handleLegendHover,
688
- onItemLeave: handleLegendLeave
689
- }),
690
- tooltip
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("div", { class: "inline-block relative" }, [chart, tooltip]);
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("div", { class: wrapperClasses.value }, [
723
- chart,
724
- h(ChartLegend, {
725
- items: legendItems.value,
726
- position: props.legendPosition,
727
- markerSize: props.legendMarkerSize,
728
- gap: props.legendGap,
729
- interactive: props.hoverable || props.selectable,
730
- onItemClick: handleSeriesSelect,
731
- onItemHover: handleSeriesHoverEnter,
732
- onItemLeave: handleSeriesHoverLeave
733
- }),
734
- tooltip
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 };
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  ActivityFeed,
3
3
  ActivityFeed_default
4
- } from "../chunk-3NQUEQJT.mjs";
4
+ } from "../chunk-NP6DZQ3O.mjs";
5
5
  import "../chunk-JQSIWPNM.mjs";
6
6
  import "../chunk-3MO7A4GU.mjs";
7
7
  import "../chunk-O6BN5R6J.mjs";
@@ -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;
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  AreaChart,
3
3
  AreaChart_default
4
- } from "../chunk-JVQPU4M2.mjs";
4
+ } from "../chunk-ZGA66PSG.mjs";
5
5
  import "../chunk-PE5OA4YG.mjs";
6
6
  import "../chunk-SPFL55TF.mjs";
7
7
  import "../chunk-ZWVA7HT3.mjs";
@@ -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, ("change" | "select" | "update:modelValue" | "update:searchValue" | "search-change")[], "change" | "select" | "update:modelValue" | "update:searchValue" | "search-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
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
- disabled: boolean;
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;
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  BarChart,
3
3
  BarChart_default
4
- } from "../chunk-5KPO3EDM.mjs";
4
+ } from "../chunk-OTHJIFDV.mjs";
5
5
  import "../chunk-PE5OA4YG.mjs";
6
6
  import "../chunk-SPFL55TF.mjs";
7
7
  import "../chunk-ZWVA7HT3.mjs";
@@ -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>;