@openreachtech/furo-vue 1.6.0 → 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/README.ja.md +2 -0
- package/README.md +2 -0
- package/docs/design-tokens.md +419 -0
- package/docs/furo-accordion.md +109 -0
- package/docs/furo-alert-dialog.md +107 -0
- package/docs/furo-attachment.md +133 -0
- package/docs/furo-autocomplete-field.md +719 -0
- package/docs/furo-avatar-group.md +87 -0
- package/docs/furo-avatar.md +101 -0
- package/docs/furo-badge.md +126 -0
- package/docs/furo-breadcrumb.md +89 -0
- package/docs/furo-button.md +263 -0
- package/docs/furo-checkbox.md +384 -0
- package/docs/furo-collapsible.md +104 -0
- package/docs/furo-control-block.md +102 -0
- package/docs/furo-date-picker.md +270 -0
- package/docs/furo-date-time-picker.md +110 -0
- package/docs/furo-dialog.md +88 -0
- package/docs/furo-drawer.md +122 -0
- package/docs/furo-dropdown-menu.md +298 -0
- package/docs/furo-editable-field.md +391 -0
- package/docs/furo-editor.md +304 -0
- package/docs/furo-email-field.md +93 -0
- package/docs/furo-empty-state.md +97 -0
- package/docs/furo-error-state.md +97 -0
- package/docs/furo-file-field.md +163 -0
- package/docs/furo-icon.md +288 -0
- package/docs/furo-number-field.md +397 -0
- package/docs/furo-pagination.md +101 -0
- package/docs/furo-password-field.md +75 -0
- package/docs/furo-popover.md +114 -0
- package/docs/furo-radio.md +125 -0
- package/docs/furo-scroll-area.md +112 -0
- package/docs/furo-search-field.md +94 -0
- package/docs/furo-section-header.md +135 -0
- package/docs/furo-select.md +443 -0
- package/docs/furo-separator.md +87 -0
- package/docs/furo-sidebar.md +178 -0
- package/docs/furo-skeleton.md +92 -0
- package/docs/furo-splitter.md +103 -0
- package/docs/furo-stepper.md +127 -0
- package/docs/furo-switch.md +107 -0
- package/docs/furo-table.md +233 -0
- package/docs/furo-tabs.md +173 -0
- package/docs/furo-text-field.md +249 -0
- package/docs/furo-textarea.md +214 -0
- package/docs/furo-time-field.md +276 -0
- package/docs/furo-toast.md +217 -0
- package/docs/furo-toggle-group.md +123 -0
- package/docs/furo-toggle.md +104 -0
- package/docs/furo-tool-bar.md +88 -0
- package/docs/furo-tooltip.md +107 -0
- package/lib/components/atoms/FuroButton/FuroButtonContext.js +8 -8
- package/lib/components/atoms/FuroCheckbox/FuroCheckboxContext.js +1 -1
- package/lib/components/atoms/FuroSwitch/FuroSwitchContext.js +1 -1
- package/lib/components/atoms/FuroToggle/FuroToggleContext.js +1 -1
- package/lib/components/molecules/FuroAccordion/FuroAccordionContext.js +1 -1
- package/lib/components/molecules/FuroCollapsible/FuroCollapsibleContext.js +1 -1
- package/lib/components/molecules/FuroDropdownMenu/FuroDropdownMenuContext.js +1 -2
- package/lib/components/molecules/FuroPopover/FuroPopoverContext.js +1 -1
- package/lib/components/molecules/FuroSelect/FuroSelect.vue +8 -6
- package/lib/components/molecules/FuroSelect/FuroSelectContext.js +35 -0
- package/lib/components/molecules/FuroSelect/FuroSelectOptionText.vue +40 -0
- package/lib/components/molecules/FuroSelect/FuroSelectOptionTextContext.js +275 -0
- package/lib/components/molecules/FuroSplitter/FuroSplitterContext.js +1 -1
- package/lib/components/molecules/FuroToggleGroup/FuroToggleGroupContext.js +1 -1
- package/lib/components/molecules/FuroTooltip/FuroTooltipContext.js +1 -1
- package/lib/components/organisms/FuroTable/FuroTableContext.js +3 -3
- package/lib/components/organisms/FuroToast/FuroToastContext.js +6 -2
- package/lib/components/organisms/FuroToast/ToastQueue.js +4 -4
- package/nuxt/index.js +9 -9
- package/package.json +24 -22
- package/public/furo-vue/components.json +1 -1
- package/types/generated/components/atoms/FuroAvatar/FuroAvatar.vue.d.ts +6 -15
- package/types/generated/components/atoms/FuroBadge/FuroBadge.vue.d.ts +8 -43
- package/types/generated/components/atoms/FuroButton/FuroButton.vue.d.ts +10 -45
- package/types/generated/components/atoms/FuroButton/FuroButtonContext.d.ts +4 -4
- package/types/generated/components/atoms/FuroCheckbox/FuroCheckbox.vue.d.ts +8 -20
- package/types/generated/components/atoms/FuroNumberField/FuroNumberField.vue.d.ts +12 -12
- package/types/generated/components/atoms/FuroRadio/FuroRadio.vue.d.ts +8 -24
- package/types/generated/components/atoms/FuroSwitch/FuroSwitch.vue.d.ts +0 -13
- package/types/generated/components/atoms/FuroToggle/FuroToggle.vue.d.ts +8 -19
- package/types/generated/components/molecules/FuroAccordion/FuroAccordion.vue.d.ts +14 -30
- package/types/generated/components/molecules/FuroAttachment/FuroAttachment.vue.d.ts +8 -44
- package/types/generated/components/molecules/FuroAutocompleteField/FuroAutocompleteField.vue.d.ts +74 -105
- package/types/generated/components/molecules/FuroAvatarGroup/FuroAvatarGroup.vue.d.ts +9 -18
- package/types/generated/components/molecules/FuroBreadcrumb/FuroBreadcrumb.vue.d.ts +22 -48
- package/types/generated/components/molecules/FuroCollapsible/FuroCollapsible.vue.d.ts +12 -23
- package/types/generated/components/molecules/FuroControlBlock/FuroControlBlock.vue.d.ts +6 -4
- package/types/generated/components/molecules/FuroDatePicker/FuroDatePicker.vue.d.ts +14 -16
- package/types/generated/components/molecules/FuroDropdownMenu/FuroDropdownMenu.vue.d.ts +13 -13
- package/types/generated/components/molecules/FuroDropdownMenu/FuroDropdownMenuOptionRows.vue.d.ts +34 -47
- package/types/generated/components/molecules/FuroEditableField/FuroEditableField.vue.d.ts +93 -115
- package/types/generated/components/molecules/FuroEmptyState/FuroEmptyState.vue.d.ts +8 -7
- package/types/generated/components/molecules/FuroErrorState/FuroErrorState.vue.d.ts +8 -7
- package/types/generated/components/molecules/FuroPagination/FuroPagination.vue.d.ts +14 -15
- package/types/generated/components/molecules/FuroPopover/FuroPopover.vue.d.ts +8 -7
- package/types/generated/components/molecules/FuroScrollArea/FuroScrollArea.vue.d.ts +6 -4
- package/types/generated/components/molecules/FuroSearchField/FuroSearchField.vue.d.ts +8 -22
- package/types/generated/components/molecules/FuroSectionHeader/FuroSectionHeader.vue.d.ts +10 -25
- package/types/generated/components/molecules/FuroSelect/FuroSelect.vue.d.ts +97 -108
- package/types/generated/components/molecules/FuroSelect/FuroSelectContext.d.ts +14 -0
- package/types/generated/components/molecules/FuroSelect/FuroSelectOptionText.vue.d.ts +52 -0
- package/types/generated/components/molecules/FuroSelect/FuroSelectOptionTextContext.d.ts +141 -0
- package/types/generated/components/molecules/FuroSplitter/FuroSplitter.vue.d.ts +14 -29
- package/types/generated/components/molecules/FuroTimeField/FuroTimeField.vue.d.ts +8 -7
- package/types/generated/components/molecules/FuroToggleGroup/FuroToggleGroup.vue.d.ts +9 -24
- package/types/generated/components/molecules/FuroToolBar/FuroToolBar.vue.d.ts +6 -9
- package/types/generated/components/molecules/FuroTooltip/FuroTooltip.vue.d.ts +8 -7
- package/types/generated/components/organisms/FuroAlertDialog/FuroAlertDialog.vue.d.ts +17 -19
- package/types/generated/components/organisms/FuroDialog/FuroDialog.vue.d.ts +20 -24
- package/types/generated/components/organisms/FuroDrawer/FuroDrawer.vue.d.ts +20 -24
- package/types/generated/components/organisms/FuroEditor/FuroEditor.vue.d.ts +9 -42
- package/types/generated/components/organisms/FuroSidebar/FuroSidebar.vue.d.ts +23 -62
- package/types/generated/components/organisms/FuroStepper/FuroStepper.vue.d.ts +19 -19
- package/types/generated/components/organisms/FuroTable/FuroTable.vue.d.ts +54 -71
- package/types/generated/components/organisms/FuroTable/FuroTableContext.d.ts +2 -2
- package/types/generated/components/organisms/FuroTabs/FuroTabs.vue.d.ts +17 -17
- package/types/generated/components/organisms/FuroToast/FuroToast.vue.d.ts +25 -31
|
@@ -3,45 +3,7 @@ export default _default;
|
|
|
3
3
|
export type __VLS_LocalComponents = typeof __VLS_componentsOption;
|
|
4
4
|
export type __VLS_GlobalComponents = import("vue").GlobalComponents;
|
|
5
5
|
export type __VLS_LocalDirectives = {};
|
|
6
|
-
export type __VLS_Slots =
|
|
7
|
-
"trigger-content"?: (props: typeof __VLS_15) => any;
|
|
8
|
-
} & {
|
|
9
|
-
"trigger-text"?: (props: typeof __VLS_23) => any;
|
|
10
|
-
} & {
|
|
11
|
-
"trigger-loading-icon"?: (props: typeof __VLS_31) => any;
|
|
12
|
-
} & {
|
|
13
|
-
"trigger-icon"?: (props: typeof __VLS_38) => any;
|
|
14
|
-
} & {
|
|
15
|
-
"content-before"?: (props: typeof __VLS_57) => any;
|
|
16
|
-
} & {
|
|
17
|
-
"scroll-up-button"?: (props: typeof __VLS_65) => any;
|
|
18
|
-
} & {
|
|
19
|
-
group?: (props: typeof __VLS_85) => any;
|
|
20
|
-
} & {
|
|
21
|
-
"group-label"?: (props: typeof __VLS_93) => any;
|
|
22
|
-
} & {
|
|
23
|
-
option?: (props: typeof __VLS_102) => any;
|
|
24
|
-
} & {
|
|
25
|
-
"option-text"?: (props: typeof __VLS_110) => any;
|
|
26
|
-
} & {
|
|
27
|
-
"option-indicator"?: (props: typeof __VLS_118) => any;
|
|
28
|
-
} & {
|
|
29
|
-
separator?: (props: typeof __VLS_125) => any;
|
|
30
|
-
} & {
|
|
31
|
-
option?: (props: typeof __VLS_138) => any;
|
|
32
|
-
} & {
|
|
33
|
-
"option-text"?: (props: typeof __VLS_146) => any;
|
|
34
|
-
} & {
|
|
35
|
-
"option-indicator"?: (props: typeof __VLS_154) => any;
|
|
36
|
-
} & {
|
|
37
|
-
separator?: (props: typeof __VLS_161) => any;
|
|
38
|
-
} & {
|
|
39
|
-
empty?: (props: typeof __VLS_182) => any;
|
|
40
|
-
} & {
|
|
41
|
-
"scroll-down-button"?: (props: typeof __VLS_190) => any;
|
|
42
|
-
} & {
|
|
43
|
-
"content-after"?: (props: typeof __VLS_197) => any;
|
|
44
|
-
};
|
|
6
|
+
export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
|
|
45
7
|
declare const __VLS_export: import("vue").DefineComponent<{
|
|
46
8
|
innerHTML?: string | undefined;
|
|
47
9
|
class?: import("vue").ClassValue | undefined;
|
|
@@ -461,6 +423,27 @@ declare const __VLS_export: import("vue").DefineComponent<{
|
|
|
461
423
|
}> & Readonly<{}>, {
|
|
462
424
|
size: string | number;
|
|
463
425
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
426
|
+
FuroSelectOptionText: import("vue").DefineComponent<{}, {
|
|
427
|
+
context: import("./FuroSelectOptionTextContext.js").default;
|
|
428
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
|
|
429
|
+
SelectOptionText: {
|
|
430
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
431
|
+
P: {};
|
|
432
|
+
B: {};
|
|
433
|
+
D: {};
|
|
434
|
+
C: {};
|
|
435
|
+
M: {};
|
|
436
|
+
Defaults: {};
|
|
437
|
+
}, Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
438
|
+
__isFragment?: never;
|
|
439
|
+
__isTeleport?: never;
|
|
440
|
+
__isSuspense?: never;
|
|
441
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
442
|
+
$slots: {
|
|
443
|
+
default?: (props: {}) => any;
|
|
444
|
+
};
|
|
445
|
+
});
|
|
446
|
+
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
464
447
|
SelectRoot: <T extends import("reka-ui").AcceptableValue = import("reka-ui").AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
465
448
|
attrs: any;
|
|
466
449
|
slots: {
|
|
@@ -780,6 +763,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
|
|
|
780
763
|
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
781
764
|
declare namespace __VLS_componentsOption {
|
|
782
765
|
export { FuroIcon };
|
|
766
|
+
export { FuroSelectOptionText };
|
|
783
767
|
export let SelectRoot: <T extends import("reka-ui").AcceptableValue = import("reka-ui").AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
784
768
|
attrs: any;
|
|
785
769
|
slots: {
|
|
@@ -1097,75 +1081,80 @@ declare namespace __VLS_componentsOption {
|
|
|
1097
1081
|
};
|
|
1098
1082
|
});
|
|
1099
1083
|
}
|
|
1100
|
-
declare
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
}
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
}
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
}
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
}
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
}
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
}
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1084
|
+
declare function __VLS_template(): {
|
|
1085
|
+
__VLS_Slots: {
|
|
1086
|
+
'trigger-content'?: (props: {}) => any;
|
|
1087
|
+
} & {
|
|
1088
|
+
'trigger-text'?: (props: {}) => any;
|
|
1089
|
+
} & {
|
|
1090
|
+
'trigger-loading-icon'?: (props: {}) => any;
|
|
1091
|
+
} & {
|
|
1092
|
+
'trigger-icon'?: (props: {}) => any;
|
|
1093
|
+
} & {
|
|
1094
|
+
'content-before'?: (props: {}) => any;
|
|
1095
|
+
} & {
|
|
1096
|
+
'scroll-up-button'?: (props: {}) => any;
|
|
1097
|
+
} & {
|
|
1098
|
+
group?: (props: {
|
|
1099
|
+
group: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1100
|
+
groupIndex: number;
|
|
1101
|
+
}) => any;
|
|
1102
|
+
} & {
|
|
1103
|
+
'group-label'?: (props: {
|
|
1104
|
+
group: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1105
|
+
groupIndex: number;
|
|
1106
|
+
}) => any;
|
|
1107
|
+
} & {
|
|
1108
|
+
option?: (props: {
|
|
1109
|
+
group: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1110
|
+
groupIndex: number;
|
|
1111
|
+
option: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1112
|
+
optionIndex: number;
|
|
1113
|
+
}) => any;
|
|
1114
|
+
} & {
|
|
1115
|
+
'option-text'?: (props: {
|
|
1116
|
+
option: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1117
|
+
optionIndex: number;
|
|
1118
|
+
}) => any;
|
|
1119
|
+
} & {
|
|
1120
|
+
'option-indicator'?: (props: {
|
|
1121
|
+
option: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1122
|
+
optionIndex: number;
|
|
1123
|
+
}) => any;
|
|
1124
|
+
} & {
|
|
1125
|
+
separator?: (props: {
|
|
1126
|
+
option: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1127
|
+
optionIndex: number;
|
|
1128
|
+
}) => any;
|
|
1129
|
+
} & {
|
|
1130
|
+
option?: (props: {
|
|
1131
|
+
option: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1132
|
+
optionIndex: number;
|
|
1133
|
+
}) => any;
|
|
1134
|
+
} & {
|
|
1135
|
+
'option-text'?: (props: {
|
|
1136
|
+
option: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1137
|
+
optionIndex: number;
|
|
1138
|
+
}) => any;
|
|
1139
|
+
} & {
|
|
1140
|
+
'option-indicator'?: (props: {
|
|
1141
|
+
option: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1142
|
+
optionIndex: number;
|
|
1143
|
+
}) => any;
|
|
1144
|
+
} & {
|
|
1145
|
+
separator?: (props: {
|
|
1146
|
+
option: import("./SelectEmitPayload.js").FuroSelectOption;
|
|
1147
|
+
optionIndex: number;
|
|
1148
|
+
}) => any;
|
|
1149
|
+
} & {
|
|
1150
|
+
empty?: (props: {}) => any;
|
|
1151
|
+
} & {
|
|
1152
|
+
'scroll-down-button'?: (props: {}) => any;
|
|
1153
|
+
} & {
|
|
1154
|
+
'content-after'?: (props: {}) => any;
|
|
1155
|
+
};
|
|
1156
|
+
};
|
|
1169
1157
|
import FuroSelectContext from './FuroSelectContext.js';
|
|
1170
1158
|
import type { FuroSelectSlots } from './FuroSelectContext.js';
|
|
1171
1159
|
import FuroIcon from '../../atoms/FuroIcon/FuroIcon.vue';
|
|
1160
|
+
import FuroSelectOptionText from './FuroSelectOptionText.vue';
|
|
@@ -165,6 +165,20 @@ export default class FuroSelectContext extends BaseFuroContext<null, Props, "CHA
|
|
|
165
165
|
resolveOptionValue({ option, }: {
|
|
166
166
|
option: FuroSelectOption;
|
|
167
167
|
}): FuroSelectValue;
|
|
168
|
+
/**
|
|
169
|
+
* Build an option's render key from its value and label, so a change to either
|
|
170
|
+
* remounts the item, because the item records both only when it mounts.
|
|
171
|
+
*
|
|
172
|
+
* @param {{
|
|
173
|
+
* option: FuroSelectOption
|
|
174
|
+
* index: number
|
|
175
|
+
* }} params - Parameters of this method.
|
|
176
|
+
* @returns {string} Render key.
|
|
177
|
+
*/
|
|
178
|
+
generateOptionKey({ option, index, }: {
|
|
179
|
+
option: FuroSelectOption;
|
|
180
|
+
index: number;
|
|
181
|
+
}): string;
|
|
168
182
|
/**
|
|
169
183
|
* Setup component context.
|
|
170
184
|
*
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
declare const _default: typeof __VLS_export;
|
|
2
|
+
export default _default;
|
|
3
|
+
export type __VLS_LocalComponents = typeof __VLS_componentsOption;
|
|
4
|
+
export type __VLS_GlobalComponents = import("vue").GlobalComponents;
|
|
5
|
+
export type __VLS_LocalDirectives = {};
|
|
6
|
+
export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<{}, {
|
|
8
|
+
context: FuroSelectOptionTextContext;
|
|
9
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
|
|
10
|
+
SelectOptionText: {
|
|
11
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
12
|
+
P: {};
|
|
13
|
+
B: {};
|
|
14
|
+
D: {};
|
|
15
|
+
C: {};
|
|
16
|
+
M: {};
|
|
17
|
+
Defaults: {};
|
|
18
|
+
}, Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
19
|
+
__isFragment?: never;
|
|
20
|
+
__isTeleport?: never;
|
|
21
|
+
__isSuspense?: never;
|
|
22
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
23
|
+
$slots: {
|
|
24
|
+
default?: (props: {}) => any;
|
|
25
|
+
};
|
|
26
|
+
});
|
|
27
|
+
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
28
|
+
declare namespace __VLS_componentsOption {
|
|
29
|
+
let SelectOptionText: {
|
|
30
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
31
|
+
P: {};
|
|
32
|
+
B: {};
|
|
33
|
+
D: {};
|
|
34
|
+
C: {};
|
|
35
|
+
M: {};
|
|
36
|
+
Defaults: {};
|
|
37
|
+
}, Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
38
|
+
__isFragment?: never;
|
|
39
|
+
__isTeleport?: never;
|
|
40
|
+
__isSuspense?: never;
|
|
41
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
42
|
+
$slots: {
|
|
43
|
+
default?: (props: {}) => any;
|
|
44
|
+
};
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
declare function __VLS_template(): {
|
|
48
|
+
__VLS_Slots: {
|
|
49
|
+
default?: (props: {}) => any;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
import FuroSelectOptionTextContext from './FuroSelectOptionTextContext.js';
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Context class for the text of one FuroSelect option.
|
|
3
|
+
*
|
|
4
|
+
* @extends {BaseFuroContext<null, {}, never>}
|
|
5
|
+
*/
|
|
6
|
+
export default class FuroSelectOptionTextContext extends BaseFuroContext<null, {}, never> {
|
|
7
|
+
/**
|
|
8
|
+
* Factory method.
|
|
9
|
+
*
|
|
10
|
+
* @template {X extends typeof FuroSelectOptionTextContext ? X : never} T, X
|
|
11
|
+
* @override
|
|
12
|
+
* @param {FuroSelectOptionTextContextFactoryParams} params - Parameters of this factory method.
|
|
13
|
+
* @returns {InstanceType<T>} An instance of this class.
|
|
14
|
+
* @this {T}
|
|
15
|
+
*/
|
|
16
|
+
static override create<T extends X extends typeof FuroSelectOptionTextContext ? X : never, X>(this: T, { props, componentContext, refHash, selectRootContext, selectItemContext, }: FuroSelectOptionTextContextFactoryParams): InstanceType<T>;
|
|
17
|
+
/**
|
|
18
|
+
* Build ref hash.
|
|
19
|
+
*
|
|
20
|
+
* @override
|
|
21
|
+
* @returns {FuroSelectOptionTextContextParams['refHash']}
|
|
22
|
+
*/
|
|
23
|
+
static override buildRefHash(): FuroSelectOptionTextContextParams["refHash"];
|
|
24
|
+
/**
|
|
25
|
+
* Inject the select root context, which holds the text the trigger shows.
|
|
26
|
+
*
|
|
27
|
+
* @returns {FuroSelectRootContext}
|
|
28
|
+
*/
|
|
29
|
+
static injectSelectRootContext(): FuroSelectRootContext;
|
|
30
|
+
/**
|
|
31
|
+
* Inject the context of the option that holds this text.
|
|
32
|
+
*
|
|
33
|
+
* @returns {FuroSelectItemContext}
|
|
34
|
+
*/
|
|
35
|
+
static injectSelectItemContext(): FuroSelectItemContext;
|
|
36
|
+
/**
|
|
37
|
+
* Constructor.
|
|
38
|
+
*
|
|
39
|
+
* @param {FuroSelectOptionTextContextParams} params - Parameters of this constructor.
|
|
40
|
+
*/
|
|
41
|
+
constructor({ props, componentContext, refHash, selectRootContext, selectItemContext, }: FuroSelectOptionTextContextParams);
|
|
42
|
+
refHash: {
|
|
43
|
+
textComponentRef: import("vue").ShallowRef<{
|
|
44
|
+
$el: HTMLElement;
|
|
45
|
+
} | null>;
|
|
46
|
+
observerRef: import("vue").ShallowRef<MutationObserver | null>;
|
|
47
|
+
recordedTextRef: import("vue").Ref<string | null>;
|
|
48
|
+
};
|
|
49
|
+
selectRootContext: FuroSelectRootContext;
|
|
50
|
+
selectItemContext: FuroSelectItemContext;
|
|
51
|
+
/**
|
|
52
|
+
* get: Ctor
|
|
53
|
+
*
|
|
54
|
+
* @override
|
|
55
|
+
* @returns {typeof FuroSelectOptionTextContext}
|
|
56
|
+
*/
|
|
57
|
+
override get Ctor(): typeof FuroSelectOptionTextContext;
|
|
58
|
+
/**
|
|
59
|
+
* get: textComponentRef
|
|
60
|
+
*
|
|
61
|
+
* @returns {import('vue').ShallowRef<{ $el: HTMLElement } | null>}
|
|
62
|
+
*/
|
|
63
|
+
get textComponentRef(): import("vue").ShallowRef<{
|
|
64
|
+
$el: HTMLElement;
|
|
65
|
+
} | null>;
|
|
66
|
+
/**
|
|
67
|
+
* get: observerRef
|
|
68
|
+
*
|
|
69
|
+
* @returns {import('vue').ShallowRef<MutationObserver | null>}
|
|
70
|
+
*/
|
|
71
|
+
get observerRef(): import("vue").ShallowRef<MutationObserver | null>;
|
|
72
|
+
/**
|
|
73
|
+
* get: recordedTextRef
|
|
74
|
+
*
|
|
75
|
+
* @returns {import('vue').Ref<string | null>}
|
|
76
|
+
*/
|
|
77
|
+
get recordedTextRef(): import("vue").Ref<string | null>;
|
|
78
|
+
/**
|
|
79
|
+
* Setup component context.
|
|
80
|
+
*
|
|
81
|
+
* @template {X extends FuroSelectOptionTextContext ? X : never} T, X
|
|
82
|
+
* @override
|
|
83
|
+
* @returns {T} - For method chaining.
|
|
84
|
+
* @this {T}
|
|
85
|
+
*/
|
|
86
|
+
override setupComponent<T extends X extends FuroSelectOptionTextContext ? X : never, X>(this: T): T;
|
|
87
|
+
/**
|
|
88
|
+
* Extract the rendered text element.
|
|
89
|
+
*
|
|
90
|
+
* @returns {HTMLElement | null}
|
|
91
|
+
*/
|
|
92
|
+
extractTextElement(): HTMLElement | null;
|
|
93
|
+
/**
|
|
94
|
+
* Extract the rendered text.
|
|
95
|
+
*
|
|
96
|
+
* @returns {string | null}
|
|
97
|
+
*/
|
|
98
|
+
extractText(): string | null;
|
|
99
|
+
/**
|
|
100
|
+
* Watch the rendered text for changes.
|
|
101
|
+
*/
|
|
102
|
+
observeTextElement(): void;
|
|
103
|
+
/**
|
|
104
|
+
* Replace the recorded option text when the rendered text differs from it.
|
|
105
|
+
*/
|
|
106
|
+
syncText(): void;
|
|
107
|
+
/**
|
|
108
|
+
* Stop watching the rendered text.
|
|
109
|
+
*/
|
|
110
|
+
disconnectObserver(): void;
|
|
111
|
+
}
|
|
112
|
+
export type FuroSelectRootContext = {
|
|
113
|
+
onOptionAdd: (option: {
|
|
114
|
+
value: unknown;
|
|
115
|
+
disabled: boolean;
|
|
116
|
+
textContent: string;
|
|
117
|
+
}) => void;
|
|
118
|
+
};
|
|
119
|
+
export type FuroSelectItemContext = {
|
|
120
|
+
value: unknown;
|
|
121
|
+
disabled: import("vue").Ref<boolean>;
|
|
122
|
+
};
|
|
123
|
+
export type FuroSelectOptionTextContextParams = import("../../../contexts/BaseFuroContext.js").BaseFuroContextParams & {
|
|
124
|
+
props: {};
|
|
125
|
+
componentContext: import("vue").SetupContext;
|
|
126
|
+
refHash: {
|
|
127
|
+
textComponentRef: import("vue").ShallowRef<{
|
|
128
|
+
$el: HTMLElement;
|
|
129
|
+
} | null>;
|
|
130
|
+
observerRef: import("vue").ShallowRef<MutationObserver | null>;
|
|
131
|
+
recordedTextRef: import("vue").Ref<string | null>;
|
|
132
|
+
};
|
|
133
|
+
selectRootContext: FuroSelectRootContext;
|
|
134
|
+
selectItemContext: FuroSelectItemContext;
|
|
135
|
+
};
|
|
136
|
+
export type FuroSelectOptionTextContextFactoryParams = Omit<FuroSelectOptionTextContextParams, "refHash" | "selectRootContext" | "selectItemContext"> & {
|
|
137
|
+
refHash?: FuroSelectOptionTextContextParams["refHash"];
|
|
138
|
+
selectRootContext?: FuroSelectRootContext;
|
|
139
|
+
selectItemContext?: FuroSelectItemContext;
|
|
140
|
+
};
|
|
141
|
+
import BaseFuroContext from '../../../contexts/BaseFuroContext.js';
|
|
@@ -3,26 +3,7 @@ export default _default;
|
|
|
3
3
|
export type __VLS_LocalComponents = typeof __VLS_componentsOption;
|
|
4
4
|
export type __VLS_GlobalComponents = import("vue").GlobalComponents;
|
|
5
5
|
export type __VLS_LocalDirectives = {};
|
|
6
|
-
export type
|
|
7
|
-
"unit-splitter": boolean;
|
|
8
|
-
} & {
|
|
9
|
-
"vertical": boolean;
|
|
10
|
-
} & {
|
|
11
|
-
"unit-splitter-pane": boolean;
|
|
12
|
-
} & {
|
|
13
|
-
"unit-splitter-handle": boolean;
|
|
14
|
-
} & {
|
|
15
|
-
"horizontal": boolean;
|
|
16
|
-
} & {
|
|
17
|
-
"grip": boolean;
|
|
18
|
-
} & {
|
|
19
|
-
"plain": boolean;
|
|
20
|
-
};
|
|
21
|
-
export type __VLS_Slots = {} & {
|
|
22
|
-
panel?: (props: typeof __VLS_16) => any;
|
|
23
|
-
} & {
|
|
24
|
-
handle?: (props: typeof __VLS_24) => any;
|
|
25
|
-
};
|
|
6
|
+
export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
|
|
26
7
|
declare const __VLS_export: import("vue").DefineComponent<{
|
|
27
8
|
parcel?: import("./FuroSplitterContext.js").FuroSplitterParcel | null;
|
|
28
9
|
}, {
|
|
@@ -281,13 +262,17 @@ declare namespace __VLS_componentsOption {
|
|
|
281
262
|
};
|
|
282
263
|
});
|
|
283
264
|
}
|
|
284
|
-
declare
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
265
|
+
declare function __VLS_template(): {
|
|
266
|
+
__VLS_Slots: {
|
|
267
|
+
panel?: (props: {
|
|
268
|
+
id: string;
|
|
269
|
+
panel: import("./FuroSplitterContext.js").FuroSplitterPanel;
|
|
270
|
+
index: number;
|
|
271
|
+
}) => any;
|
|
272
|
+
} & {
|
|
273
|
+
handle?: (props: {
|
|
274
|
+
index: number;
|
|
275
|
+
}) => any;
|
|
276
|
+
};
|
|
277
|
+
};
|
|
293
278
|
import FuroSplitterContext from './FuroSplitterContext.js';
|
|
@@ -3,11 +3,7 @@ export default _default;
|
|
|
3
3
|
export type __VLS_LocalComponents = typeof __VLS_componentsOption;
|
|
4
4
|
export type __VLS_GlobalComponents = import("vue").GlobalComponents;
|
|
5
5
|
export type __VLS_LocalDirectives = {};
|
|
6
|
-
export type __VLS_Slots =
|
|
7
|
-
"decrement-icon"?: (props: typeof __VLS_1) => any;
|
|
8
|
-
} & {
|
|
9
|
-
"increment-icon"?: (props: typeof __VLS_29) => any;
|
|
10
|
-
};
|
|
6
|
+
export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
|
|
11
7
|
declare const __VLS_export: import("vue").DefineComponent<{
|
|
12
8
|
innerHTML?: string | undefined;
|
|
13
9
|
class?: import("vue").ClassValue | undefined;
|
|
@@ -568,7 +564,12 @@ declare namespace __VLS_componentsOption {
|
|
|
568
564
|
});
|
|
569
565
|
export { FuroIcon };
|
|
570
566
|
}
|
|
571
|
-
declare
|
|
572
|
-
|
|
567
|
+
declare function __VLS_template(): {
|
|
568
|
+
__VLS_Slots: {
|
|
569
|
+
'decrement-icon'?: (props: {}) => any;
|
|
570
|
+
} & {
|
|
571
|
+
'increment-icon'?: (props: {}) => any;
|
|
572
|
+
};
|
|
573
|
+
};
|
|
573
574
|
import FuroTimeFieldContext from './FuroTimeFieldContext.js';
|
|
574
575
|
import FuroIcon from '../../atoms/FuroIcon/FuroIcon.vue';
|
|
@@ -3,26 +3,7 @@ export default _default;
|
|
|
3
3
|
export type __VLS_LocalComponents = typeof __VLS_componentsOption;
|
|
4
4
|
export type __VLS_GlobalComponents = import("vue").GlobalComponents;
|
|
5
5
|
export type __VLS_LocalDirectives = {};
|
|
6
|
-
export type
|
|
7
|
-
"unit-toggle-group": boolean;
|
|
8
|
-
} & {
|
|
9
|
-
"vertical": boolean;
|
|
10
|
-
} & {
|
|
11
|
-
"disabled": boolean;
|
|
12
|
-
} & {
|
|
13
|
-
"unit-toggle-group-item": boolean;
|
|
14
|
-
} & {
|
|
15
|
-
"default": boolean;
|
|
16
|
-
} & {
|
|
17
|
-
"outline": boolean;
|
|
18
|
-
} & {
|
|
19
|
-
"size-sm": boolean;
|
|
20
|
-
} & {
|
|
21
|
-
"size-lg": boolean;
|
|
22
|
-
};
|
|
23
|
-
export type __VLS_Slots = {} & {
|
|
24
|
-
option?: (props: typeof __VLS_16) => any;
|
|
25
|
-
};
|
|
6
|
+
export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
|
|
26
7
|
declare const __VLS_export: import("vue").DefineComponent<{
|
|
27
8
|
parcel?: import("./FuroToggleGroupContext.js").FuroToggleGroupParcel | null;
|
|
28
9
|
}, {
|
|
@@ -143,8 +124,12 @@ declare namespace __VLS_componentsOption {
|
|
|
143
124
|
};
|
|
144
125
|
});
|
|
145
126
|
}
|
|
146
|
-
declare
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
127
|
+
declare function __VLS_template(): {
|
|
128
|
+
__VLS_Slots: {
|
|
129
|
+
option?: (props: {
|
|
130
|
+
option: import("./FuroToggleGroupContext.js").FuroToggleGroupOption;
|
|
131
|
+
pressed: boolean;
|
|
132
|
+
}) => any;
|
|
133
|
+
};
|
|
134
|
+
};
|
|
150
135
|
import FuroToggleGroupContext from './FuroToggleGroupContext.js';
|
|
@@ -3,14 +3,7 @@ export default _default;
|
|
|
3
3
|
export type __VLS_LocalComponents = typeof __VLS_componentsOption;
|
|
4
4
|
export type __VLS_GlobalComponents = import("vue").GlobalComponents;
|
|
5
5
|
export type __VLS_LocalDirectives = {};
|
|
6
|
-
export type
|
|
7
|
-
"unit-tool-bar": boolean;
|
|
8
|
-
} & {
|
|
9
|
-
"vertical": boolean;
|
|
10
|
-
};
|
|
11
|
-
export type __VLS_Slots = {} & {
|
|
12
|
-
default?: (props: typeof __VLS_7) => any;
|
|
13
|
-
};
|
|
6
|
+
export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
|
|
14
7
|
declare const __VLS_export: import("vue").DefineComponent<{
|
|
15
8
|
parcel: import("./FuroToolBarContext.js").FuroToolBarParcel | null;
|
|
16
9
|
}, {
|
|
@@ -41,6 +34,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
|
|
|
41
34
|
declare namespace __VLS_componentsOption {
|
|
42
35
|
export { RekaToolbarRoot };
|
|
43
36
|
}
|
|
44
|
-
declare
|
|
37
|
+
declare function __VLS_template(): {
|
|
38
|
+
__VLS_Slots: {
|
|
39
|
+
default?: (props: {}) => any;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
45
42
|
import FuroToolBarContext from './FuroToolBarContext.js';
|
|
46
43
|
import { ToolbarRoot as RekaToolbarRoot } from 'reka-ui';
|
|
@@ -3,11 +3,7 @@ export default _default;
|
|
|
3
3
|
export type __VLS_LocalComponents = typeof __VLS_componentsOption;
|
|
4
4
|
export type __VLS_GlobalComponents = import("vue").GlobalComponents;
|
|
5
5
|
export type __VLS_LocalDirectives = {};
|
|
6
|
-
export type __VLS_Slots =
|
|
7
|
-
trigger?: (props: typeof __VLS_21) => any;
|
|
8
|
-
} & {
|
|
9
|
-
content?: (props: typeof __VLS_35) => any;
|
|
10
|
-
};
|
|
6
|
+
export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
|
|
11
7
|
declare const __VLS_export: import("vue").DefineComponent<{
|
|
12
8
|
innerHTML?: string | undefined;
|
|
13
9
|
class?: import("vue").ClassValue | undefined;
|
|
@@ -537,8 +533,13 @@ declare namespace __VLS_componentsOption {
|
|
|
537
533
|
export { RekaTooltipContent };
|
|
538
534
|
export { RekaTooltipArrow };
|
|
539
535
|
}
|
|
540
|
-
declare
|
|
541
|
-
|
|
536
|
+
declare function __VLS_template(): {
|
|
537
|
+
__VLS_Slots: {
|
|
538
|
+
trigger?: (props: {}) => any;
|
|
539
|
+
} & {
|
|
540
|
+
content?: (props: {}) => any;
|
|
541
|
+
};
|
|
542
|
+
};
|
|
542
543
|
import FuroTooltipContext from './FuroTooltipContext.js';
|
|
543
544
|
import { TooltipProvider as RekaTooltipProvider } from 'reka-ui';
|
|
544
545
|
import { TooltipRoot as RekaTooltipRoot } from 'reka-ui';
|