@expcat/tigercat-vue 2.1.1 → 2.1.2
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-OHR7IUBQ.mjs → chunk-5OILGUNU.mjs} +2 -2
- package/dist/{chunk-4PQZMDBK.mjs → chunk-EC62TY2Y.mjs} +51 -11
- package/dist/{chunk-ABNS4B5V.mjs → chunk-IFASMNTU.mjs} +1 -1
- package/dist/{chunk-BZ6MVFV7.mjs → chunk-K5RYFPOQ.mjs} +17 -19
- package/dist/{chunk-562Z32GR.mjs → chunk-KIUGJNQO.mjs} +2 -2
- package/dist/{chunk-FSJRNEZK.mjs → chunk-YLO73TDM.mjs} +4 -4
- package/dist/components/ActivityFeed.d.mts +8 -8
- package/dist/components/Alert.d.mts +3 -3
- package/dist/components/Anchor.d.mts +2 -2
- package/dist/components/AreaChart.d.mts +3 -3
- package/dist/components/AutoComplete.d.mts +5 -5
- package/dist/components/Avatar.d.mts +1 -1
- package/dist/components/AvatarGroup.d.mts +1 -1
- package/dist/components/BackTop.d.mts +2 -2
- package/dist/components/Badge.d.mts +4 -4
- package/dist/components/BarChart.d.mts +2 -2
- 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 +1 -1
- package/dist/components/Card.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 +5 -5
- package/dist/components/Code.d.mts +2 -2
- 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/ColorPicker.d.mts +19 -1
- package/dist/components/ColorPicker.mjs +3 -1
- package/dist/components/ColorSwatch.d.mts +2 -2
- package/dist/components/CommentThread.d.mts +5 -5
- package/dist/components/Container.d.mts +1 -1
- package/dist/components/ContextMenu.d.mts +1 -1
- package/dist/components/Countdown.d.mts +4 -4
- package/dist/components/CronEditor.d.mts +2 -2
- package/dist/components/DataTableWithToolbar.d.mts +9 -9
- package/dist/components/DataTableWithToolbar.mjs +3 -3
- package/dist/components/DatePicker.d.mts +3 -3
- package/dist/components/Descriptions.d.mts +3 -3
- package/dist/components/DonutChart.d.mts +3 -3
- package/dist/components/Drawer.d.mts +4 -4
- package/dist/components/Dropdown.d.mts +1 -1
- package/dist/components/FileManager.d.mts +2 -2
- package/dist/components/FloatButton.d.mts +5 -5
- 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 +3 -3
- package/dist/components/ImageAnnotation.d.mts +4 -4
- package/dist/components/ImageCompare.d.mts +2 -2
- package/dist/components/InfiniteScroll.d.mts +3 -3
- package/dist/components/Input.d.mts +3 -3
- package/dist/components/InputGroup.d.mts +1 -1
- package/dist/components/InputNumber.d.mts +1 -1
- package/dist/components/InputOTP.d.mts +4 -4
- package/dist/components/Kbd.d.mts +1 -1
- package/dist/components/LineChart.d.mts +2 -2
- package/dist/components/Link.d.mts +2 -2
- package/dist/components/List.d.mts +6 -6
- package/dist/components/Loading.d.mts +6 -6
- package/dist/components/LoadingBarContainer.d.mts +3 -3
- package/dist/components/MarkdownEditor.d.mts +3 -3
- package/dist/components/MarkdownEditor.mjs +1 -1
- package/dist/components/Marquee.d.mts +2 -2
- package/dist/components/MaskInput.d.mts +2 -2
- package/dist/components/Mentions.d.mts +3 -3
- package/dist/components/Menu.d.mts +6 -6
- package/dist/components/Modal.d.mts +7 -7
- package/dist/components/NavigationMenu.d.mts +4 -4
- package/dist/components/NotificationCenter.d.mts +8 -8
- package/dist/components/NumberKeyboard.d.mts +5 -5
- package/dist/components/OrgChart.d.mts +3 -3
- package/dist/components/PageHeader.d.mts +1 -1
- package/dist/components/Pagination.d.mts +4 -4
- package/dist/components/PieChart.d.mts +3 -3
- package/dist/components/Popconfirm.d.mts +3 -3
- package/dist/components/Popover.d.mts +3 -3
- package/dist/components/Progress.d.mts +3 -3
- package/dist/components/QRCode.d.mts +2 -2
- package/dist/components/RadarChart.d.mts +3 -3
- package/dist/components/Rate.d.mts +1 -1
- package/dist/components/Result.d.mts +2 -2
- package/dist/components/RichTextEditor.d.mts +2 -2
- package/dist/components/RichTextEditor.mjs +1 -1
- package/dist/components/Row.d.mts +1 -1
- package/dist/components/ScatterChart.d.mts +2 -2
- package/dist/components/ScrollArea.d.mts +2 -2
- package/dist/components/ScrollSpy.d.mts +3 -3
- package/dist/components/Select.d.mts +7 -9
- package/dist/components/Select.mjs +1 -1
- package/dist/components/Signature.d.mts +4 -4
- package/dist/components/Skeleton.d.mts +1 -1
- package/dist/components/Space.d.mts +2 -2
- package/dist/components/SplitButton.d.mts +4 -4
- package/dist/components/Splitter.d.mts +1 -1
- package/dist/components/Spotlight.d.mts +5 -5
- package/dist/components/Statistic.d.mts +2 -2
- 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/Table.mjs +2 -2
- package/dist/components/Tabs.d.mts +3 -3
- package/dist/components/Tag.d.mts +2 -2
- package/dist/components/TagsInput.d.mts +4 -4
- package/dist/components/Text.d.mts +4 -4
- package/dist/components/Textarea.d.mts +3 -3
- package/dist/components/TimePicker.d.mts +3 -3
- package/dist/components/Timeline.d.mts +3 -3
- package/dist/components/Tooltip.d.mts +2 -2
- 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 +3 -3
- package/dist/components/VirtualTable.d.mts +3 -3
- package/dist/components/Watermark.d.mts +2 -2
- package/dist/index.d.mts +1 -1
- package/dist/index.mjs +6 -0
- package/package.json +2 -2
|
@@ -13,7 +13,7 @@ import {
|
|
|
13
13
|
richTextToolbarClasses,
|
|
14
14
|
richTextToolbarSeparatorClasses,
|
|
15
15
|
richTextPlaceholderClasses,
|
|
16
|
-
|
|
16
|
+
createDefaultRichTextToolbar,
|
|
17
17
|
isInlineFormat,
|
|
18
18
|
findHotkeyMatch,
|
|
19
19
|
isContentEmpty,
|
|
@@ -62,10 +62,10 @@ var RichTextEditor = defineComponent({
|
|
|
62
62
|
const currentContent = computed(
|
|
63
63
|
() => props.value !== void 0 ? props.value : internalValue.value
|
|
64
64
|
);
|
|
65
|
-
const toolbarItems = computed(() => props.toolbar ?? defaultToolbar);
|
|
66
65
|
const isEmpty = computed(() => isContentEmpty(currentContent.value));
|
|
67
66
|
const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
|
|
68
67
|
const labels = computed(() => getRichTextEditorLabels(mergedLocale.value, props.labels));
|
|
68
|
+
const toolbarItems = computed(() => props.toolbar ?? createDefaultRichTextToolbar(labels.value));
|
|
69
69
|
watch(
|
|
70
70
|
() => props.value,
|
|
71
71
|
(newVal) => {
|
|
@@ -2,6 +2,9 @@ import {
|
|
|
2
2
|
renderVueOverlayTeleport,
|
|
3
3
|
useVueAnchoredOverlay
|
|
4
4
|
} from "./chunk-Q7Y22OFX.mjs";
|
|
5
|
+
import {
|
|
6
|
+
useTigerConfig
|
|
7
|
+
} from "./chunk-UOJOJBEU.mjs";
|
|
5
8
|
|
|
6
9
|
// src/components/ColorPicker.ts
|
|
7
10
|
import { defineComponent, h, ref, computed, watch } from "vue";
|
|
@@ -18,7 +21,10 @@ import {
|
|
|
18
21
|
parseColorInput,
|
|
19
22
|
parseColorParts,
|
|
20
23
|
classNames,
|
|
21
|
-
coerceClassValue
|
|
24
|
+
coerceClassValue,
|
|
25
|
+
mergeTigerLocale,
|
|
26
|
+
getColorPickerLabels,
|
|
27
|
+
formatColorPickerSelectPreset
|
|
22
28
|
} from "@expcat/tigercat-core";
|
|
23
29
|
function rgbFromValue(value) {
|
|
24
30
|
const parts = parseColorParts(value);
|
|
@@ -37,10 +43,15 @@ var ColorPicker = defineComponent({
|
|
|
37
43
|
size: { type: String, default: "md" },
|
|
38
44
|
showAlpha: { type: Boolean, default: false },
|
|
39
45
|
format: { type: String, default: "hex" },
|
|
40
|
-
presets: { type: Array, default: void 0 }
|
|
46
|
+
presets: { type: Array, default: void 0 },
|
|
47
|
+
locale: { type: Object, default: void 0 },
|
|
48
|
+
labels: { type: Object, default: void 0 }
|
|
41
49
|
},
|
|
42
50
|
emits: ["update:modelValue", "change"],
|
|
43
51
|
setup(props, { emit, attrs }) {
|
|
52
|
+
const config = useTigerConfig();
|
|
53
|
+
const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
|
|
54
|
+
const labels = computed(() => getColorPickerLabels(mergedLocale.value, props.labels));
|
|
44
55
|
const isOpen = ref(false);
|
|
45
56
|
const alpha = ref(explicitAlphaFromValue(props.modelValue) ?? 1);
|
|
46
57
|
const containerRef = ref(null);
|
|
@@ -133,6 +144,10 @@ var ColorPicker = defineComponent({
|
|
|
133
144
|
handlePresetClick(color);
|
|
134
145
|
}
|
|
135
146
|
}
|
|
147
|
+
function handleClear() {
|
|
148
|
+
emit("update:modelValue", "");
|
|
149
|
+
emit("change", "");
|
|
150
|
+
}
|
|
136
151
|
return () => h(
|
|
137
152
|
"div",
|
|
138
153
|
{
|
|
@@ -146,7 +161,9 @@ var ColorPicker = defineComponent({
|
|
|
146
161
|
class: getColorPickerTriggerClasses(props.size, props.disabled),
|
|
147
162
|
style: { backgroundColor: swatchColor.value },
|
|
148
163
|
role: "button",
|
|
149
|
-
"
|
|
164
|
+
"data-tiger-colorpicker-trigger": "",
|
|
165
|
+
"aria-label": labels.value.trigger,
|
|
166
|
+
title: labels.value.trigger,
|
|
150
167
|
"aria-haspopup": "dialog",
|
|
151
168
|
"aria-expanded": isOpen.value,
|
|
152
169
|
"aria-disabled": props.disabled || void 0,
|
|
@@ -162,15 +179,35 @@ var ColorPicker = defineComponent({
|
|
|
162
179
|
ref: panelRef,
|
|
163
180
|
class: classNames(colorPickerPanelClasses, overlay.floatingClasses.value),
|
|
164
181
|
style: overlay.floatingStyles.value,
|
|
165
|
-
"data-positioned": overlay.positioned.value
|
|
182
|
+
"data-positioned": overlay.positioned.value,
|
|
183
|
+
"data-tiger-colorpicker-panel": "",
|
|
184
|
+
role: "dialog",
|
|
185
|
+
"aria-label": labels.value.panelTitle
|
|
166
186
|
},
|
|
167
187
|
[
|
|
188
|
+
h("div", { class: "mb-2 flex items-center justify-between gap-2" }, [
|
|
189
|
+
h(
|
|
190
|
+
"span",
|
|
191
|
+
{ class: "text-xs font-medium text-[var(--tiger-text,#111827)]" },
|
|
192
|
+
labels.value.panelTitle
|
|
193
|
+
),
|
|
194
|
+
h(
|
|
195
|
+
"button",
|
|
196
|
+
{
|
|
197
|
+
type: "button",
|
|
198
|
+
class: "text-xs text-[var(--tiger-primary,#2563eb)] hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-primary,#2563eb)]",
|
|
199
|
+
"data-tiger-colorpicker-clear": "",
|
|
200
|
+
onClick: handleClear
|
|
201
|
+
},
|
|
202
|
+
labels.value.clear
|
|
203
|
+
)
|
|
204
|
+
]),
|
|
168
205
|
// Hue slider
|
|
169
206
|
h("div", { class: "mb-2" }, [
|
|
170
207
|
h(
|
|
171
208
|
"label",
|
|
172
209
|
{ class: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1" },
|
|
173
|
-
|
|
210
|
+
labels.value.hue
|
|
174
211
|
),
|
|
175
212
|
h("input", {
|
|
176
213
|
type: "range",
|
|
@@ -178,7 +215,7 @@ var ColorPicker = defineComponent({
|
|
|
178
215
|
max: 360,
|
|
179
216
|
value: hsv.value.h,
|
|
180
217
|
class: "w-full h-2 rounded-full cursor-pointer accent-[var(--tiger-primary,#2563eb)]",
|
|
181
|
-
"aria-label":
|
|
218
|
+
"aria-label": labels.value.hue,
|
|
182
219
|
onInput: handleHueChange
|
|
183
220
|
})
|
|
184
221
|
]),
|
|
@@ -187,7 +224,7 @@ var ColorPicker = defineComponent({
|
|
|
187
224
|
h(
|
|
188
225
|
"label",
|
|
189
226
|
{ class: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1" },
|
|
190
|
-
|
|
227
|
+
labels.value.alpha
|
|
191
228
|
),
|
|
192
229
|
h("input", {
|
|
193
230
|
type: "range",
|
|
@@ -195,7 +232,7 @@ var ColorPicker = defineComponent({
|
|
|
195
232
|
max: 100,
|
|
196
233
|
value: Math.round(alpha.value * 100),
|
|
197
234
|
class: "w-full h-2 rounded-full cursor-pointer accent-[var(--tiger-primary,#2563eb)]",
|
|
198
|
-
"aria-label":
|
|
235
|
+
"aria-label": labels.value.alpha,
|
|
199
236
|
onInput: handleAlphaChange
|
|
200
237
|
})
|
|
201
238
|
]) : null,
|
|
@@ -212,7 +249,7 @@ var ColorPicker = defineComponent({
|
|
|
212
249
|
type: "text",
|
|
213
250
|
class: colorPickerInputClasses,
|
|
214
251
|
value: inputValue.value,
|
|
215
|
-
"aria-label":
|
|
252
|
+
"aria-label": labels.value.value,
|
|
216
253
|
onInput: handleInputChange
|
|
217
254
|
})
|
|
218
255
|
]),
|
|
@@ -221,7 +258,7 @@ var ColorPicker = defineComponent({
|
|
|
221
258
|
h("div", {
|
|
222
259
|
class: "w-8 h-8 rounded border border-[var(--tiger-border,#d1d5db)]",
|
|
223
260
|
style: { backgroundColor: swatchColor.value },
|
|
224
|
-
"aria-label":
|
|
261
|
+
"aria-label": labels.value.preview
|
|
225
262
|
}),
|
|
226
263
|
h(
|
|
227
264
|
"span",
|
|
@@ -238,7 +275,10 @@ var ColorPicker = defineComponent({
|
|
|
238
275
|
style: { backgroundColor: color },
|
|
239
276
|
role: "button",
|
|
240
277
|
tabindex: 0,
|
|
241
|
-
"aria-label":
|
|
278
|
+
"aria-label": formatColorPickerSelectPreset(
|
|
279
|
+
labels.value.selectPreset,
|
|
280
|
+
color
|
|
281
|
+
),
|
|
242
282
|
onClick: () => handlePresetClick(color),
|
|
243
283
|
onKeydown: (e) => handlePresetKeydown(e, color)
|
|
244
284
|
})
|
|
@@ -118,12 +118,11 @@ var Select = defineComponent({
|
|
|
118
118
|
*/
|
|
119
119
|
disabled: Boolean,
|
|
120
120
|
/**
|
|
121
|
-
* Placeholder text
|
|
122
|
-
* @default 'Select an option'
|
|
121
|
+
* Placeholder text. Defaults to ConfigProvider locale `select.placeholder`.
|
|
123
122
|
*/
|
|
124
123
|
placeholder: {
|
|
125
124
|
type: String,
|
|
126
|
-
default:
|
|
125
|
+
default: void 0
|
|
127
126
|
},
|
|
128
127
|
/**
|
|
129
128
|
* Enable search functionality
|
|
@@ -284,36 +283,39 @@ var Select = defineComponent({
|
|
|
284
283
|
const flatSelectableOptions = computed(() => {
|
|
285
284
|
return creatableOption.value ? [...flatFilteredOptions.value, creatableOption.value] : flatFilteredOptions.value;
|
|
286
285
|
});
|
|
286
|
+
const labels = computed(() => getSelectLabels(mergedLocale.value, props.labels));
|
|
287
|
+
const placeholderText = computed(
|
|
288
|
+
() => resolveLocaleText(labels.value.placeholder, props.placeholder)
|
|
289
|
+
);
|
|
290
|
+
const doneText = computed(() => resolveLocaleText(labels.value.doneText));
|
|
287
291
|
const displayText = computed(() => {
|
|
288
292
|
if (props.multiple && Array.isArray(props.modelValue)) {
|
|
289
293
|
if (props.modelValue.length === 0) {
|
|
290
|
-
return
|
|
294
|
+
return placeholderText.value;
|
|
291
295
|
}
|
|
292
296
|
const currentValue = props.modelValue;
|
|
293
297
|
const selectedOptions = [...allOptions.value, ...createdOptions.value].filter(
|
|
294
298
|
(opt) => currentValue.includes(opt.value)
|
|
295
299
|
);
|
|
296
|
-
const
|
|
297
|
-
if (props.maxTagCount !== void 0 &&
|
|
298
|
-
const visible =
|
|
299
|
-
return `${visible.join(", ")} +${
|
|
300
|
+
const optionLabels = selectedOptions.map((opt) => opt.label);
|
|
301
|
+
if (props.maxTagCount !== void 0 && optionLabels.length > props.maxTagCount) {
|
|
302
|
+
const visible = optionLabels.slice(0, props.maxTagCount);
|
|
303
|
+
return `${visible.join(", ")} +${optionLabels.length - props.maxTagCount}`;
|
|
300
304
|
}
|
|
301
|
-
return
|
|
305
|
+
return optionLabels.join(", ");
|
|
302
306
|
}
|
|
303
307
|
const value = Array.isArray(props.modelValue) ? void 0 : props.modelValue;
|
|
304
308
|
if (value === void 0 || value === null || value === "") {
|
|
305
|
-
return
|
|
309
|
+
return placeholderText.value;
|
|
306
310
|
}
|
|
307
311
|
const option = [...allOptions.value, ...createdOptions.value].find(
|
|
308
312
|
(opt) => opt.value === value
|
|
309
313
|
);
|
|
310
|
-
return option ? option.label :
|
|
314
|
+
return option ? option.label : placeholderText.value;
|
|
311
315
|
});
|
|
312
316
|
const showClearButton = computed(() => {
|
|
313
317
|
return props.clearable && !props.disabled && props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "" && (!Array.isArray(props.modelValue) || props.modelValue.length > 0);
|
|
314
318
|
});
|
|
315
|
-
const labels = computed(() => getSelectLabels(mergedLocale.value, props.labels));
|
|
316
|
-
const doneText = computed(() => resolveLocaleText(labels.value.doneText));
|
|
317
319
|
function isSelected(option) {
|
|
318
320
|
if (props.multiple && Array.isArray(props.modelValue)) {
|
|
319
321
|
return props.modelValue.includes(option.value);
|
|
@@ -615,7 +617,7 @@ var Select = defineComponent({
|
|
|
615
617
|
{
|
|
616
618
|
class: classNames(
|
|
617
619
|
"flex-1 text-left truncate",
|
|
618
|
-
displayText.value ===
|
|
620
|
+
displayText.value === placeholderText.value && "text-[var(--tiger-select-placeholder,var(--tiger-text-muted,#9ca3af))]"
|
|
619
621
|
)
|
|
620
622
|
},
|
|
621
623
|
displayText.value
|
|
@@ -816,11 +818,7 @@ var Select = defineComponent({
|
|
|
816
818
|
})() : h(
|
|
817
819
|
"div",
|
|
818
820
|
{ class: selectEmptyStateClasses },
|
|
819
|
-
resolveLocaleText(
|
|
820
|
-
"No options found",
|
|
821
|
-
props.emptyText,
|
|
822
|
-
mergedLocale.value?.common?.emptyText
|
|
823
|
-
)
|
|
821
|
+
resolveLocaleText(labels.value.emptyText, props.emptyText)
|
|
824
822
|
),
|
|
825
823
|
h("div", { class: selectDoneActionClasses }, [
|
|
826
824
|
h(
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
applyMarkdownToolbarAction,
|
|
9
9
|
classNames,
|
|
10
10
|
coerceClassValue,
|
|
11
|
-
|
|
11
|
+
createDefaultMarkdownToolbar,
|
|
12
12
|
findMarkdownHotkeyMatch,
|
|
13
13
|
getMarkdownBodyClasses,
|
|
14
14
|
getMarkdownContainerClasses,
|
|
@@ -74,9 +74,6 @@ var MarkdownEditor = defineComponent({
|
|
|
74
74
|
() => props.value !== void 0 ? props.value : internalValue.value
|
|
75
75
|
);
|
|
76
76
|
const currentMode = computed(() => props.mode ?? internalMode.value);
|
|
77
|
-
const toolbarItems = computed(
|
|
78
|
-
() => props.toolbar === false ? [] : props.toolbar ?? defaultMarkdownToolbar
|
|
79
|
-
);
|
|
80
77
|
const previewHtml = computed(() => renderMarkdownToHtml(currentValue.value, props.renderer));
|
|
81
78
|
const showFormattingToolbar = computed(() => props.toolbar !== false);
|
|
82
79
|
const showTopbar = computed(() => showFormattingToolbar.value || props.showModeSwitch);
|
|
@@ -86,6 +83,9 @@ var MarkdownEditor = defineComponent({
|
|
|
86
83
|
);
|
|
87
84
|
const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
|
|
88
85
|
const labels = computed(() => getMarkdownEditorLabels(mergedLocale.value, props.labels));
|
|
86
|
+
const toolbarItems = computed(
|
|
87
|
+
() => props.toolbar === false ? [] : props.toolbar ?? createDefaultMarkdownToolbar(labels.value)
|
|
88
|
+
);
|
|
89
89
|
const modeLabels = computed(() => ({
|
|
90
90
|
edit: labels.value.editModeLabel,
|
|
91
91
|
split: labels.value.splitModeLabel,
|
|
@@ -123,20 +123,20 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
123
123
|
default: undefined;
|
|
124
124
|
};
|
|
125
125
|
}>> & Readonly<{}>, {
|
|
126
|
-
|
|
127
|
-
groups: ActivityGroup[];
|
|
128
|
-
groupBy: (item: ActivityItem) => string;
|
|
129
|
-
groupOrder: string[];
|
|
130
|
-
loading: boolean;
|
|
126
|
+
locale: Partial<TigerLocale>;
|
|
131
127
|
loadingText: string;
|
|
132
128
|
emptyText: string;
|
|
133
|
-
locale: Partial<TigerLocale>;
|
|
134
129
|
labels: Partial<TigerLocaleActivityFeed>;
|
|
130
|
+
className: string;
|
|
131
|
+
style: Record<string, string | number>;
|
|
132
|
+
loading: boolean;
|
|
133
|
+
groups: ActivityGroup[];
|
|
134
|
+
groupBy: (item: ActivityItem) => string;
|
|
135
|
+
items: ActivityItem[];
|
|
136
|
+
groupOrder: string[];
|
|
135
137
|
showAvatar: boolean;
|
|
136
138
|
showTime: boolean;
|
|
137
139
|
showGroupTitle: boolean;
|
|
138
|
-
className: string;
|
|
139
|
-
style: Record<string, string | number>;
|
|
140
140
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
141
141
|
|
|
142
142
|
export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };
|
|
@@ -204,13 +204,13 @@ 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;
|
|
209
|
+
title: string;
|
|
207
210
|
size: AlertSize;
|
|
208
211
|
className: string;
|
|
209
212
|
style: Record<string, string | number>;
|
|
210
|
-
type: AlertType;
|
|
211
|
-
title: string;
|
|
212
213
|
closable: boolean;
|
|
213
|
-
closeAriaLabel: string;
|
|
214
214
|
duration: number;
|
|
215
215
|
description: string;
|
|
216
216
|
showIcon: boolean;
|
|
@@ -84,8 +84,8 @@ declare const AnchorLink: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
84
84
|
default: undefined;
|
|
85
85
|
};
|
|
86
86
|
}>> & Readonly<{}>, {
|
|
87
|
-
className: string;
|
|
88
87
|
title: string;
|
|
88
|
+
className: string;
|
|
89
89
|
target: string;
|
|
90
90
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
91
91
|
declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
@@ -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,9 +63,9 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
63
63
|
default: undefined;
|
|
64
64
|
};
|
|
65
65
|
}>> & Readonly<{}>, {
|
|
66
|
-
size: AvatarSize;
|
|
67
66
|
locale: Partial<TigerLocale>;
|
|
68
67
|
labels: Partial<TigerLocaleAvatarGroup>;
|
|
68
|
+
size: AvatarSize;
|
|
69
69
|
className: string;
|
|
70
70
|
max: number;
|
|
71
71
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
@@ -104,10 +104,10 @@ declare const BackTop: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
104
104
|
}>, {
|
|
105
105
|
className: string;
|
|
106
106
|
style: Record<string, unknown>;
|
|
107
|
-
position: BackTopPosition;
|
|
108
|
-
target: () => HTMLElement | Window | null;
|
|
109
107
|
placement: ViewportPlacement;
|
|
110
108
|
offset: ViewportOffset;
|
|
109
|
+
target: () => HTMLElement | Window | null;
|
|
110
|
+
position: BackTopPosition;
|
|
111
111
|
duration: number;
|
|
112
112
|
visibilityHeight: number;
|
|
113
113
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
@@ -100,15 +100,15 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
100
100
|
default: undefined;
|
|
101
101
|
};
|
|
102
102
|
}>> & Readonly<{}>, {
|
|
103
|
-
size: BadgeSize;
|
|
104
103
|
locale: Partial<TigerLocale>;
|
|
104
|
+
type: BadgeType;
|
|
105
|
+
size: BadgeSize;
|
|
105
106
|
className: string;
|
|
106
107
|
style: Record<string, string | number>;
|
|
107
|
-
type: BadgeType;
|
|
108
108
|
variant: BadgeVariant;
|
|
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>;
|
|
@@ -132,13 +132,13 @@ declare const Button: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
132
132
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
133
133
|
}>, {
|
|
134
134
|
size: ButtonSize;
|
|
135
|
-
loading: boolean;
|
|
136
135
|
className: string;
|
|
137
136
|
style: Record<string, unknown>;
|
|
138
|
-
variant: ButtonVariant;
|
|
139
|
-
danger: boolean;
|
|
140
137
|
disabled: boolean;
|
|
138
|
+
loading: boolean;
|
|
141
139
|
block: boolean;
|
|
140
|
+
danger: boolean;
|
|
141
|
+
variant: ButtonVariant;
|
|
142
142
|
iconPosition: ButtonIconPosition;
|
|
143
143
|
htmlType: ButtonHtmlType;
|
|
144
144
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
@@ -34,9 +34,9 @@ declare const ButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
34
34
|
default: undefined;
|
|
35
35
|
};
|
|
36
36
|
}>> & Readonly<{}>, {
|
|
37
|
+
vertical: boolean;
|
|
37
38
|
size: ButtonSize;
|
|
38
39
|
className: string;
|
|
39
|
-
vertical: boolean;
|
|
40
40
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
41
41
|
|
|
42
42
|
export { BUTTON_GROUP_INJECTION_KEY, ButtonGroup, type ButtonGroupContext, type VueButtonGroupProps, ButtonGroup as default };
|
|
@@ -70,8 +70,8 @@ declare const Calendar: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
70
70
|
locale: Partial<TigerLocale>;
|
|
71
71
|
className: string;
|
|
72
72
|
mode: CalendarMode;
|
|
73
|
-
fullscreen: boolean;
|
|
74
73
|
modelValue: Date;
|
|
74
|
+
fullscreen: boolean;
|
|
75
75
|
disabledDate: (date: Date) => boolean;
|
|
76
76
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
77
77
|
|
|
@@ -156,14 +156,14 @@ declare const Card: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
156
156
|
default: undefined;
|
|
157
157
|
};
|
|
158
158
|
}>> & Readonly<{}>, {
|
|
159
|
+
direction: "vertical" | "horizontal" | undefined;
|
|
159
160
|
size: CardSize;
|
|
160
161
|
className: string;
|
|
161
162
|
style: Record<string, string | number>;
|
|
162
|
-
direction: "horizontal" | "vertical" | undefined;
|
|
163
163
|
variant: CardVariant;
|
|
164
|
+
cover: string;
|
|
164
165
|
padding: string | boolean;
|
|
165
166
|
hoverable: boolean;
|
|
166
|
-
cover: string;
|
|
167
167
|
coverAlt: string;
|
|
168
168
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
169
169
|
|
|
@@ -178,11 +178,11 @@ declare const Cascader: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
178
178
|
"onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
|
|
179
179
|
"onSearch-change"?: ((...args: any[]) => any) | undefined;
|
|
180
180
|
}>, {
|
|
181
|
-
size: ComponentSize;
|
|
182
|
-
emptyText: string;
|
|
183
181
|
locale: Partial<TigerLocale>;
|
|
184
|
-
|
|
182
|
+
emptyText: string;
|
|
185
183
|
placeholder: string;
|
|
184
|
+
size: ComponentSize;
|
|
185
|
+
disabled: boolean;
|
|
186
186
|
modelValue: CascaderValue;
|
|
187
187
|
searchable: boolean | CascaderSearchConfig;
|
|
188
188
|
virtual: boolean;
|
|
@@ -64,9 +64,9 @@ declare const ChartCanvas: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
64
64
|
}>> & Readonly<{
|
|
65
65
|
"onResolved-size-change"?: ((_size: ChartCanvasSize) => any) | undefined;
|
|
66
66
|
}>, {
|
|
67
|
-
padding: ChartPadding;
|
|
68
67
|
width: number;
|
|
69
68
|
height: number;
|
|
69
|
+
padding: ChartPadding;
|
|
70
70
|
responsive: boolean;
|
|
71
71
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
72
72
|
|
|
@@ -97,11 +97,11 @@ declare const ChartGrid: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
97
97
|
type: StringConstructor;
|
|
98
98
|
};
|
|
99
99
|
}>> & Readonly<{}>, {
|
|
100
|
-
strokeWidth: number;
|
|
101
100
|
x: number;
|
|
102
101
|
y: number;
|
|
103
102
|
show: ChartGridLine;
|
|
104
103
|
lineStyle: ChartGridLineStyle;
|
|
104
|
+
strokeWidth: number;
|
|
105
105
|
xTicks: number;
|
|
106
106
|
yTicks: number;
|
|
107
107
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
@@ -74,8 +74,8 @@ declare const ChartLegend: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
74
74
|
"onItem-hover"?: ((...args: any[]) => any) | undefined;
|
|
75
75
|
"onItem-leave"?: ((...args: any[]) => any) | undefined;
|
|
76
76
|
}>, {
|
|
77
|
-
position: ChartLegendPosition;
|
|
78
77
|
ariaLabel: string;
|
|
78
|
+
position: ChartLegendPosition;
|
|
79
79
|
gap: number;
|
|
80
80
|
markerSize: number;
|
|
81
81
|
interactive: boolean;
|