@ark-ui/vue 5.14.2 → 5.15.1
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/components/index.cjs +6 -0
- package/dist/components/index.js +3 -0
- package/dist/components/listbox/index.cjs +2 -0
- package/dist/components/listbox/index.d.cts +1 -0
- package/dist/components/listbox/index.d.ts +1 -0
- package/dist/components/listbox/index.js +1 -0
- package/dist/components/listbox/listbox-item-context.vue.cjs +18 -0
- package/dist/components/listbox/listbox-item-context.vue.d.cts +17 -0
- package/dist/components/listbox/listbox-item-context.vue.d.ts +17 -0
- package/dist/components/listbox/listbox-item-context.vue.js +14 -0
- package/dist/components/listbox/listbox-item-context.vue2.cjs +9 -0
- package/dist/components/listbox/listbox-item-context.vue2.js +5 -0
- package/dist/components/listbox/listbox.cjs +2 -0
- package/dist/components/listbox/listbox.d.cts +1 -0
- package/dist/components/listbox/listbox.d.ts +1 -0
- package/dist/components/listbox/listbox.js +1 -0
- package/dist/components/password-input/password-input-context.vue.d.cts +6 -6
- package/dist/components/password-input/password-input-context.vue.d.ts +6 -6
- package/dist/components/tree-view/index.cjs +4 -0
- package/dist/components/tree-view/index.d.cts +2 -0
- package/dist/components/tree-view/index.d.ts +2 -0
- package/dist/components/tree-view/index.js +2 -0
- package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.cjs +22 -0
- package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.d.cts +22 -0
- package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.d.ts +22 -0
- package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.js +18 -0
- package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue2.cjs +9 -0
- package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue2.js +5 -0
- package/dist/components/tree-view/tree-view-node-checkbox.vue.cjs +31 -0
- package/dist/components/tree-view/tree-view-node-checkbox.vue.d.cts +19 -0
- package/dist/components/tree-view/tree-view-node-checkbox.vue.d.ts +19 -0
- package/dist/components/tree-view/tree-view-node-checkbox.vue.js +27 -0
- package/dist/components/tree-view/tree-view-node-checkbox.vue2.cjs +9 -0
- package/dist/components/tree-view/tree-view-node-checkbox.vue2.js +5 -0
- package/dist/components/tree-view/tree-view-root.vue.cjs +4 -1
- package/dist/components/tree-view/tree-view-root.vue.d.cts +6 -3
- package/dist/components/tree-view/tree-view-root.vue.d.ts +6 -3
- package/dist/components/tree-view/tree-view-root.vue.js +4 -1
- package/dist/components/tree-view/tree-view.cjs +4 -0
- package/dist/components/tree-view/tree-view.d.cts +2 -0
- package/dist/components/tree-view/tree-view.d.ts +2 -0
- package/dist/components/tree-view/tree-view.js +2 -0
- package/dist/components/tree-view/tree-view.types.d.cts +33 -7
- package/dist/components/tree-view/tree-view.types.d.ts +33 -7
- package/dist/components/tree-view/use-tree-view.cjs +9 -0
- package/dist/components/tree-view/use-tree-view.js +9 -0
- package/dist/index.cjs +6 -0
- package/dist/index.js +3 -0
- package/package.json +55 -55
|
@@ -285,6 +285,7 @@ const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox/li
|
|
|
285
285
|
const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-content.vue.cjs');
|
|
286
286
|
const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-input.vue.cjs');
|
|
287
287
|
const listboxItem_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item.vue.cjs');
|
|
288
|
+
const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-context.vue.cjs');
|
|
288
289
|
const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-group.vue.cjs');
|
|
289
290
|
const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-group-label.vue.cjs');
|
|
290
291
|
const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-indicator.vue.cjs');
|
|
@@ -659,6 +660,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./tre
|
|
|
659
660
|
const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-item-text.vue.cjs');
|
|
660
661
|
const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-item.vue.cjs');
|
|
661
662
|
const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-label.vue.cjs');
|
|
663
|
+
const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox.vue.cjs');
|
|
664
|
+
const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox-indicator.vue.cjs');
|
|
662
665
|
const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-context.vue.cjs');
|
|
663
666
|
const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-provider.vue.cjs');
|
|
664
667
|
const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-root-provider.vue.cjs');
|
|
@@ -999,6 +1002,7 @@ exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.defa
|
|
|
999
1002
|
exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
|
|
1000
1003
|
exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;
|
|
1001
1004
|
exports.ListboxItem = listboxItem_vue_vue_type_script_setup_true_lang.default;
|
|
1005
|
+
exports.ListboxItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
|
|
1002
1006
|
exports.ListboxItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
|
|
1003
1007
|
exports.ListboxItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
|
|
1004
1008
|
exports.ListboxItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -1377,6 +1381,8 @@ exports.TreeViewItemIndicator = treeViewItemIndicator_vue_vue_type_script_setup_
|
|
|
1377
1381
|
exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
|
|
1378
1382
|
exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
|
|
1379
1383
|
exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
|
|
1384
|
+
exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
|
|
1385
|
+
exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
1380
1386
|
exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
|
|
1381
1387
|
exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
|
|
1382
1388
|
exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
|
package/dist/components/index.js
CHANGED
|
@@ -299,6 +299,7 @@ export { default as ListboxContext } from './listbox/listbox-context.vue.js';
|
|
|
299
299
|
export { default as ListboxContent } from './listbox/listbox-content.vue.js';
|
|
300
300
|
export { default as ListboxInput } from './listbox/listbox-input.vue.js';
|
|
301
301
|
export { default as ListboxItem } from './listbox/listbox-item.vue.js';
|
|
302
|
+
export { default as ListboxItemContext } from './listbox/listbox-item-context.vue.js';
|
|
302
303
|
export { default as ListboxItemGroup } from './listbox/listbox-item-group.vue.js';
|
|
303
304
|
export { default as ListboxItemGroupLabel } from './listbox/listbox-item-group-label.vue.js';
|
|
304
305
|
export { default as ListboxItemIndicator } from './listbox/listbox-item-indicator.vue.js';
|
|
@@ -700,6 +701,8 @@ export { default as TreeViewItemIndicator } from './tree-view/tree-view-item-ind
|
|
|
700
701
|
export { default as TreeViewItemText } from './tree-view/tree-view-item-text.vue.js';
|
|
701
702
|
export { default as TreeViewItem } from './tree-view/tree-view-item.vue.js';
|
|
702
703
|
export { default as TreeViewLabel } from './tree-view/tree-view-label.vue.js';
|
|
704
|
+
export { default as TreeViewNodeCheckbox } from './tree-view/tree-view-node-checkbox.vue.js';
|
|
705
|
+
export { default as TreeViewNodeCheckboxIndicator } from './tree-view/tree-view-node-checkbox-indicator.vue.js';
|
|
703
706
|
export { default as TreeViewNodeContext } from './tree-view/tree-view-node-context.vue.js';
|
|
704
707
|
export { default as TreeViewNodeProvider } from './tree-view/tree-view-node-provider.vue.js';
|
|
705
708
|
export { default as TreeViewRootProvider } from './tree-view/tree-view-root-provider.vue.js';
|
|
@@ -7,6 +7,7 @@ const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox-co
|
|
|
7
7
|
const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox-content.vue.cjs');
|
|
8
8
|
const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox-input.vue.cjs');
|
|
9
9
|
const listboxItem_vue_vue_type_script_setup_true_lang = require('./listbox-item.vue.cjs');
|
|
10
|
+
const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox-item-context.vue.cjs');
|
|
10
11
|
const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./listbox-item-group.vue.cjs');
|
|
11
12
|
const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./listbox-item-group-label.vue.cjs');
|
|
12
13
|
const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./listbox-item-indicator.vue.cjs');
|
|
@@ -28,6 +29,7 @@ exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.defa
|
|
|
28
29
|
exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
|
|
29
30
|
exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;
|
|
30
31
|
exports.ListboxItem = listboxItem_vue_vue_type_script_setup_true_lang.default;
|
|
32
|
+
exports.ListboxItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
|
|
31
33
|
exports.ListboxItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
|
|
32
34
|
exports.ListboxItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
|
|
33
35
|
exports.ListboxItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -4,6 +4,7 @@ export { default as ListboxContext, type ListboxContextProps } from './listbox-c
|
|
|
4
4
|
export { default as ListboxContent, type ListboxContentBaseProps, type ListboxContentProps, } from './listbox-content.vue';
|
|
5
5
|
export { default as ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input.vue';
|
|
6
6
|
export { default as ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item.vue';
|
|
7
|
+
export { default as ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context.vue';
|
|
7
8
|
export { default as ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps, } from './listbox-item-group.vue';
|
|
8
9
|
export { default as ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label.vue';
|
|
9
10
|
export { default as ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator.vue';
|
|
@@ -4,6 +4,7 @@ export { default as ListboxContext, type ListboxContextProps } from './listbox-c
|
|
|
4
4
|
export { default as ListboxContent, type ListboxContentBaseProps, type ListboxContentProps, } from './listbox-content.vue';
|
|
5
5
|
export { default as ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input.vue';
|
|
6
6
|
export { default as ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item.vue';
|
|
7
|
+
export { default as ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context.vue';
|
|
7
8
|
export { default as ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps, } from './listbox-item-group.vue';
|
|
8
9
|
export { default as ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label.vue';
|
|
9
10
|
export { default as ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator.vue';
|
|
@@ -3,6 +3,7 @@ export { default as ListboxContext } from './listbox-context.vue.js';
|
|
|
3
3
|
export { default as ListboxContent } from './listbox-content.vue.js';
|
|
4
4
|
export { default as ListboxInput } from './listbox-input.vue.js';
|
|
5
5
|
export { default as ListboxItem } from './listbox-item.vue.js';
|
|
6
|
+
export { default as ListboxItemContext } from './listbox-item-context.vue.js';
|
|
6
7
|
export { default as ListboxItemGroup } from './listbox-item-group.vue.js';
|
|
7
8
|
export { default as ListboxItemGroupLabel } from './listbox-item-group-label.vue.js';
|
|
8
9
|
export { default as ListboxItemIndicator } from './listbox-item-indicator.vue.js';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const useListboxItemContext = require('./use-listbox-item-context.cjs');
|
|
7
|
+
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
9
|
+
__name: "listbox-item-context",
|
|
10
|
+
setup(__props) {
|
|
11
|
+
const context = useListboxItemContext.useListboxItemContext();
|
|
12
|
+
return (_ctx, _cache) => {
|
|
13
|
+
return vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(context))));
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SlotsType, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { UseListboxItemContext } from './use-listbox-item-context';
|
|
3
|
+
export interface ListboxItemContextProps extends SlotsType<{
|
|
4
|
+
default: UnwrapRef<UseListboxItemContext>;
|
|
5
|
+
}> {
|
|
6
|
+
}
|
|
7
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
|
|
8
|
+
default(context: UnwrapRef<UseListboxItemContext>): unknown;
|
|
9
|
+
}> & {
|
|
10
|
+
default(context: UnwrapRef<UseListboxItemContext>): unknown;
|
|
11
|
+
}>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SlotsType, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { UseListboxItemContext } from './use-listbox-item-context';
|
|
3
|
+
export interface ListboxItemContextProps extends SlotsType<{
|
|
4
|
+
default: UnwrapRef<UseListboxItemContext>;
|
|
5
|
+
}> {
|
|
6
|
+
}
|
|
7
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
|
|
8
|
+
default(context: UnwrapRef<UseListboxItemContext>): unknown;
|
|
9
|
+
}> & {
|
|
10
|
+
default(context: UnwrapRef<UseListboxItemContext>): unknown;
|
|
11
|
+
}>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { defineComponent, renderSlot, normalizeProps, guardReactiveProps, unref } from 'vue';
|
|
2
|
+
import { useListboxItemContext } from './use-listbox-item-context.js';
|
|
3
|
+
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "listbox-item-context",
|
|
6
|
+
setup(__props) {
|
|
7
|
+
const context = useListboxItemContext();
|
|
8
|
+
return (_ctx, _cache) => {
|
|
9
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(context))));
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox-item-context.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
5
5
|
const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox-context.vue.cjs');
|
|
6
6
|
const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox-content.vue.cjs');
|
|
7
7
|
const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox-input.vue.cjs');
|
|
8
|
+
const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox-item-context.vue.cjs');
|
|
8
9
|
const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./listbox-item-group-label.vue.cjs');
|
|
9
10
|
const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./listbox-item-group.vue.cjs');
|
|
10
11
|
const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./listbox-item-indicator.vue.cjs');
|
|
@@ -20,6 +21,7 @@ const listboxValueText_vue_vue_type_script_setup_true_lang = require('./listbox-
|
|
|
20
21
|
exports.Context = listboxContext_vue_vue_type_script_setup_true_lang.default;
|
|
21
22
|
exports.Content = listboxContent_vue_vue_type_script_setup_true_lang.default;
|
|
22
23
|
exports.Input = listboxInput_vue_vue_type_script_setup_true_lang.default;
|
|
24
|
+
exports.ItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
|
|
23
25
|
exports.ItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
|
|
24
26
|
exports.ItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
|
|
25
27
|
exports.ItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -2,6 +2,7 @@ export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, Se
|
|
|
2
2
|
export { default as Context, type ListboxContextProps as ContextProps } from './listbox-context.vue';
|
|
3
3
|
export { default as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content.vue';
|
|
4
4
|
export { default as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input.vue';
|
|
5
|
+
export { default as ItemContext, type ListboxItemContextProps as ItemContextProps } from './listbox-item-context.vue';
|
|
5
6
|
export { default as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label.vue';
|
|
6
7
|
export { default as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group.vue';
|
|
7
8
|
export { default as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator.vue';
|
|
@@ -2,6 +2,7 @@ export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, Se
|
|
|
2
2
|
export { default as Context, type ListboxContextProps as ContextProps } from './listbox-context.vue';
|
|
3
3
|
export { default as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content.vue';
|
|
4
4
|
export { default as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input.vue';
|
|
5
|
+
export { default as ItemContext, type ListboxItemContextProps as ItemContextProps } from './listbox-item-context.vue';
|
|
5
6
|
export { default as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label.vue';
|
|
6
7
|
export { default as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group.vue';
|
|
7
8
|
export { default as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator.vue';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { default as Context } from './listbox-context.vue.js';
|
|
2
2
|
export { default as Content } from './listbox-content.vue.js';
|
|
3
3
|
export { default as Input } from './listbox-input.vue.js';
|
|
4
|
+
export { default as ItemContext } from './listbox-item-context.vue.js';
|
|
4
5
|
export { default as ItemGroupLabel } from './listbox-item-group-label.vue.js';
|
|
5
6
|
export { default as ItemGroup } from './listbox-item-group.vue.js';
|
|
6
7
|
export { default as ItemIndicator } from './listbox-item-indicator.vue.js';
|
|
@@ -12,19 +12,19 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PasswordInputCo
|
|
|
12
12
|
setVisible(value: boolean): void;
|
|
13
13
|
toggleVisible(): void;
|
|
14
14
|
getRootProps(): HTMLAttributes & {
|
|
15
|
-
key?: string | number | symbol;
|
|
16
|
-
ref?: VNodeRef;
|
|
15
|
+
key?: string | number | symbol | undefined;
|
|
16
|
+
ref?: VNodeRef | undefined;
|
|
17
17
|
};
|
|
18
18
|
getLabelProps(): LabelHTMLAttributes & ReservedProps;
|
|
19
19
|
getInputProps(): InputHTMLAttributes & ReservedProps;
|
|
20
20
|
getVisibilityTriggerProps(): ButtonHTMLAttributes & ReservedProps;
|
|
21
21
|
getIndicatorProps(): HTMLAttributes & {
|
|
22
|
-
key?: string | number | symbol;
|
|
23
|
-
ref?: VNodeRef;
|
|
22
|
+
key?: string | number | symbol | undefined;
|
|
23
|
+
ref?: VNodeRef | undefined;
|
|
24
24
|
};
|
|
25
25
|
getControlProps(): HTMLAttributes & {
|
|
26
|
-
key?: string | number | symbol;
|
|
27
|
-
ref?: VNodeRef;
|
|
26
|
+
key?: string | number | symbol | undefined;
|
|
27
|
+
ref?: VNodeRef | undefined;
|
|
28
28
|
};
|
|
29
29
|
}): any;
|
|
30
30
|
}>;
|
|
@@ -12,19 +12,19 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PasswordInputCo
|
|
|
12
12
|
setVisible(value: boolean): void;
|
|
13
13
|
toggleVisible(): void;
|
|
14
14
|
getRootProps(): HTMLAttributes & {
|
|
15
|
-
key?: string | number | symbol;
|
|
16
|
-
ref?: VNodeRef;
|
|
15
|
+
key?: string | number | symbol | undefined;
|
|
16
|
+
ref?: VNodeRef | undefined;
|
|
17
17
|
};
|
|
18
18
|
getLabelProps(): LabelHTMLAttributes & ReservedProps;
|
|
19
19
|
getInputProps(): InputHTMLAttributes & ReservedProps;
|
|
20
20
|
getVisibilityTriggerProps(): ButtonHTMLAttributes & ReservedProps;
|
|
21
21
|
getIndicatorProps(): HTMLAttributes & {
|
|
22
|
-
key?: string | number | symbol;
|
|
23
|
-
ref?: VNodeRef;
|
|
22
|
+
key?: string | number | symbol | undefined;
|
|
23
|
+
ref?: VNodeRef | undefined;
|
|
24
24
|
};
|
|
25
25
|
getControlProps(): HTMLAttributes & {
|
|
26
|
-
key?: string | number | symbol;
|
|
27
|
-
ref?: VNodeRef;
|
|
26
|
+
key?: string | number | symbol | undefined;
|
|
27
|
+
ref?: VNodeRef | undefined;
|
|
28
28
|
};
|
|
29
29
|
}): any;
|
|
30
30
|
}>;
|
|
@@ -15,6 +15,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./tre
|
|
|
15
15
|
const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./tree-view-item-text.vue.cjs');
|
|
16
16
|
const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view-item.vue.cjs');
|
|
17
17
|
const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view-label.vue.cjs');
|
|
18
|
+
const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox.vue.cjs');
|
|
19
|
+
const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox-indicator.vue.cjs');
|
|
18
20
|
const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view-node-context.vue.cjs');
|
|
19
21
|
const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-node-provider.vue.cjs');
|
|
20
22
|
const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-root-provider.vue.cjs');
|
|
@@ -42,6 +44,8 @@ exports.TreeViewItemIndicator = treeViewItemIndicator_vue_vue_type_script_setup_
|
|
|
42
44
|
exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
|
|
43
45
|
exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
|
|
44
46
|
exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
|
|
47
|
+
exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
|
|
48
|
+
exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
45
49
|
exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
|
|
46
50
|
exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
|
|
47
51
|
exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -12,6 +12,8 @@ export { default as TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps,
|
|
|
12
12
|
export { default as TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text.vue';
|
|
13
13
|
export { default as TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item.vue';
|
|
14
14
|
export { default as TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label.vue';
|
|
15
|
+
export { default as TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox.vue';
|
|
16
|
+
export { default as TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
|
|
15
17
|
export { default as TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.vue';
|
|
16
18
|
export { default as TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider.vue';
|
|
17
19
|
export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider.vue';
|
|
@@ -12,6 +12,8 @@ export { default as TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps,
|
|
|
12
12
|
export { default as TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text.vue';
|
|
13
13
|
export { default as TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item.vue';
|
|
14
14
|
export { default as TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label.vue';
|
|
15
|
+
export { default as TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox.vue';
|
|
16
|
+
export { default as TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
|
|
15
17
|
export { default as TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.vue';
|
|
16
18
|
export { default as TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider.vue';
|
|
17
19
|
export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider.vue';
|
|
@@ -11,6 +11,8 @@ export { default as TreeViewItemIndicator } from './tree-view-item-indicator.vue
|
|
|
11
11
|
export { default as TreeViewItemText } from './tree-view-item-text.vue.js';
|
|
12
12
|
export { default as TreeViewItem } from './tree-view-item.vue.js';
|
|
13
13
|
export { default as TreeViewLabel } from './tree-view-label.vue.js';
|
|
14
|
+
export { default as TreeViewNodeCheckbox } from './tree-view-node-checkbox.vue.js';
|
|
15
|
+
export { default as TreeViewNodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.vue.js';
|
|
14
16
|
export { default as TreeViewNodeContext } from './tree-view-node-context.vue.js';
|
|
15
17
|
export { default as TreeViewNodeProvider } from './tree-view-node-provider.vue.js';
|
|
16
18
|
export { default as TreeViewRootProvider } from './tree-view-root-provider.vue.js';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
|
|
7
|
+
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
9
|
+
__name: "tree-view-node-checkbox-indicator",
|
|
10
|
+
props: {
|
|
11
|
+
indeterminate: {},
|
|
12
|
+
fallback: {}
|
|
13
|
+
},
|
|
14
|
+
setup(__props) {
|
|
15
|
+
const nodeState = useTreeViewNodeContext.useTreeViewNodeContext();
|
|
16
|
+
return (_ctx, _cache) => {
|
|
17
|
+
return vue.unref(nodeState).checked === "indeterminate" ? vue.renderSlot(_ctx.$slots, "indeterminate", { key: 0 }) : vue.unref(nodeState).checked === true ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.renderSlot(_ctx.$slots, "fallback", { key: 2 });
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
export interface TreeViewNodeCheckboxIndicatorBaseProps {
|
|
3
|
+
indeterminate?: unknown;
|
|
4
|
+
fallback?: unknown;
|
|
5
|
+
}
|
|
6
|
+
export interface TreeViewNodeCheckboxIndicatorProps extends TreeViewNodeCheckboxIndicatorBaseProps {
|
|
7
|
+
}
|
|
8
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
|
|
9
|
+
default(): void;
|
|
10
|
+
indeterminate(): void;
|
|
11
|
+
fallback(): void;
|
|
12
|
+
}> & {
|
|
13
|
+
default(): void;
|
|
14
|
+
indeterminate(): void;
|
|
15
|
+
fallback(): void;
|
|
16
|
+
}>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
export interface TreeViewNodeCheckboxIndicatorBaseProps {
|
|
3
|
+
indeterminate?: unknown;
|
|
4
|
+
fallback?: unknown;
|
|
5
|
+
}
|
|
6
|
+
export interface TreeViewNodeCheckboxIndicatorProps extends TreeViewNodeCheckboxIndicatorBaseProps {
|
|
7
|
+
}
|
|
8
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
|
|
9
|
+
default(): void;
|
|
10
|
+
indeterminate(): void;
|
|
11
|
+
fallback(): void;
|
|
12
|
+
}> & {
|
|
13
|
+
default(): void;
|
|
14
|
+
indeterminate(): void;
|
|
15
|
+
fallback(): void;
|
|
16
|
+
}>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { defineComponent, renderSlot, unref } from 'vue';
|
|
2
|
+
import { useTreeViewNodeContext } from './use-tree-view-node-context.js';
|
|
3
|
+
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "tree-view-node-checkbox-indicator",
|
|
6
|
+
props: {
|
|
7
|
+
indeterminate: {},
|
|
8
|
+
fallback: {}
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
const nodeState = useTreeViewNodeContext();
|
|
12
|
+
return (_ctx, _cache) => {
|
|
13
|
+
return unref(nodeState).checked === "indeterminate" ? renderSlot(_ctx.$slots, "indeterminate", { key: 0 }) : unref(nodeState).checked === true ? renderSlot(_ctx.$slots, "default", { key: 1 }) : renderSlot(_ctx.$slots, "fallback", { key: 2 });
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox-indicator.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const useForwardExpose = require('../../utils/use-forward-expose.cjs');
|
|
7
|
+
const factory = require('../factory.cjs');
|
|
8
|
+
const useTreeViewContext = require('./use-tree-view-context.cjs');
|
|
9
|
+
const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
|
|
10
|
+
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
12
|
+
__name: "tree-view-node-checkbox",
|
|
13
|
+
props: {
|
|
14
|
+
asChild: { type: Boolean }
|
|
15
|
+
},
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const treeView = useTreeViewContext.useTreeViewContext();
|
|
18
|
+
const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
|
|
19
|
+
useForwardExpose.useForwardExpose();
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(treeView).getNodeCheckboxProps(vue.unref(nodeProps)), { "as-child": _ctx.asChild }), {
|
|
22
|
+
default: vue.withCtx(() => [
|
|
23
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
24
|
+
]),
|
|
25
|
+
_: 3
|
|
26
|
+
}, 16, ["as-child"]);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface TreeViewNodeCheckboxProps extends TreeViewNodeCheckboxBaseProps,
|
|
6
|
+
/**
|
|
7
|
+
* @vue-ignore
|
|
8
|
+
*/
|
|
9
|
+
HTMLAttributes {
|
|
10
|
+
}
|
|
11
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
}>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface TreeViewNodeCheckboxProps extends TreeViewNodeCheckboxBaseProps,
|
|
6
|
+
/**
|
|
7
|
+
* @vue-ignore
|
|
8
|
+
*/
|
|
9
|
+
HTMLAttributes {
|
|
10
|
+
}
|
|
11
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
}>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import { useForwardExpose } from '../../utils/use-forward-expose.js';
|
|
3
|
+
import { ark } from '../factory.js';
|
|
4
|
+
import { useTreeViewContext } from './use-tree-view-context.js';
|
|
5
|
+
import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
|
|
6
|
+
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "tree-view-node-checkbox",
|
|
9
|
+
props: {
|
|
10
|
+
asChild: { type: Boolean }
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const treeView = useTreeViewContext();
|
|
14
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
15
|
+
useForwardExpose();
|
|
16
|
+
return (_ctx, _cache) => {
|
|
17
|
+
return openBlock(), createBlock(unref(ark).span, mergeProps(unref(treeView).getNodeCheckboxProps(unref(nodeProps)), { "as-child": _ctx.asChild }), {
|
|
18
|
+
default: withCtx(() => [
|
|
19
|
+
renderSlot(_ctx.$slots, "default")
|
|
20
|
+
]),
|
|
21
|
+
_: 3
|
|
22
|
+
}, 16, ["as-child"]);
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -15,6 +15,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
15
15
|
collection: {},
|
|
16
16
|
defaultExpandedValue: {},
|
|
17
17
|
defaultSelectedValue: {},
|
|
18
|
+
defaultCheckedValue: {},
|
|
19
|
+
defaultFocusedValue: {},
|
|
20
|
+
checkedValue: {},
|
|
18
21
|
expandOnClick: { type: Boolean },
|
|
19
22
|
expandedValue: {},
|
|
20
23
|
focusedValue: {},
|
|
@@ -31,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
31
34
|
expandOnClick: void 0,
|
|
32
35
|
typeahead: void 0
|
|
33
36
|
}),
|
|
34
|
-
emits: ["expandedChange", "focusChange", "selectionChange", "loadChildrenComplete", "update:expandedValue", "update:focusedValue", "update:selectedValue"],
|
|
37
|
+
emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
|
|
35
38
|
setup(__props, { emit: __emit }) {
|
|
36
39
|
const props = __props;
|
|
37
40
|
const emits = __emit;
|
|
@@ -3,7 +3,7 @@ import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps
|
|
|
3
3
|
import { TreeNode } from '../collection';
|
|
4
4
|
import { PolymorphicProps } from '../factory';
|
|
5
5
|
import { RootProps } from './tree-view.types';
|
|
6
|
-
import { FocusChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails } from '@zag-js/tree-view';
|
|
6
|
+
import { FocusChangeDetails, CheckedChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails, LoadChildrenErrorDetails } from '@zag-js/tree-view';
|
|
7
7
|
export interface TreeViewRootBaseProps<T extends TreeNode> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
|
|
8
8
|
}
|
|
9
9
|
export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseProps<T>,
|
|
@@ -16,19 +16,22 @@ export type { RootEmits as TreeViewRootEmits } from './tree-view.types';
|
|
|
16
16
|
declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
17
17
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
18
18
|
readonly onFocusChange?: ((details: FocusChangeDetails) => any) | undefined;
|
|
19
|
+
readonly onCheckedChange?: ((details: CheckedChangeDetails) => any) | undefined;
|
|
19
20
|
readonly "onUpdate:focusedValue"?: ((value: string | null) => any) | undefined;
|
|
20
21
|
readonly onExpandedChange?: ((details: ExpandedChangeDetails) => any) | undefined;
|
|
21
22
|
readonly onSelectionChange?: ((details: SelectionChangeDetails) => any) | undefined;
|
|
22
23
|
readonly onLoadChildrenComplete?: ((details: LoadChildrenCompleteDetails<T>) => any) | undefined;
|
|
24
|
+
readonly onLoadChildrenError?: ((details: LoadChildrenErrorDetails<T>) => any) | undefined;
|
|
23
25
|
readonly "onUpdate:expandedValue"?: ((value: string[]) => any) | undefined;
|
|
24
26
|
readonly "onUpdate:selectedValue"?: ((value: string[]) => any) | undefined;
|
|
25
|
-
|
|
27
|
+
readonly "onUpdate:checkedValue"?: ((value: string[]) => any) | undefined;
|
|
28
|
+
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onCheckedChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onLoadChildrenError" | "onUpdate:expandedValue" | "onUpdate:selectedValue" | "onUpdate:checkedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
|
|
26
29
|
expose(exposed: ShallowUnwrapRef<{}>): void;
|
|
27
30
|
attrs: any;
|
|
28
31
|
slots: {
|
|
29
32
|
default?(_: {}): any;
|
|
30
33
|
};
|
|
31
|
-
emit: ((evt: "focusChange", details: FocusChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails) => void) & ((evt: "selectionChange", details: SelectionChangeDetails) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void);
|
|
34
|
+
emit: ((evt: "focusChange", details: FocusChangeDetails) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails) => void) & ((evt: "selectionChange", details: SelectionChangeDetails) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
|
|
32
35
|
}>) => VNode & {
|
|
33
36
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
34
37
|
};
|
|
@@ -3,7 +3,7 @@ import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps
|
|
|
3
3
|
import { TreeNode } from '../collection';
|
|
4
4
|
import { PolymorphicProps } from '../factory';
|
|
5
5
|
import { RootProps } from './tree-view.types';
|
|
6
|
-
import { FocusChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails } from '@zag-js/tree-view';
|
|
6
|
+
import { FocusChangeDetails, CheckedChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails, LoadChildrenErrorDetails } from '@zag-js/tree-view';
|
|
7
7
|
export interface TreeViewRootBaseProps<T extends TreeNode> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
|
|
8
8
|
}
|
|
9
9
|
export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseProps<T>,
|
|
@@ -16,19 +16,22 @@ export type { RootEmits as TreeViewRootEmits } from './tree-view.types';
|
|
|
16
16
|
declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
17
17
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
18
18
|
readonly onFocusChange?: ((details: FocusChangeDetails) => any) | undefined;
|
|
19
|
+
readonly onCheckedChange?: ((details: CheckedChangeDetails) => any) | undefined;
|
|
19
20
|
readonly "onUpdate:focusedValue"?: ((value: string | null) => any) | undefined;
|
|
20
21
|
readonly onExpandedChange?: ((details: ExpandedChangeDetails) => any) | undefined;
|
|
21
22
|
readonly onSelectionChange?: ((details: SelectionChangeDetails) => any) | undefined;
|
|
22
23
|
readonly onLoadChildrenComplete?: ((details: LoadChildrenCompleteDetails<T>) => any) | undefined;
|
|
24
|
+
readonly onLoadChildrenError?: ((details: LoadChildrenErrorDetails<T>) => any) | undefined;
|
|
23
25
|
readonly "onUpdate:expandedValue"?: ((value: string[]) => any) | undefined;
|
|
24
26
|
readonly "onUpdate:selectedValue"?: ((value: string[]) => any) | undefined;
|
|
25
|
-
|
|
27
|
+
readonly "onUpdate:checkedValue"?: ((value: string[]) => any) | undefined;
|
|
28
|
+
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onCheckedChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onLoadChildrenError" | "onUpdate:expandedValue" | "onUpdate:selectedValue" | "onUpdate:checkedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
|
|
26
29
|
expose(exposed: ShallowUnwrapRef<{}>): void;
|
|
27
30
|
attrs: any;
|
|
28
31
|
slots: {
|
|
29
32
|
default?(_: {}): any;
|
|
30
33
|
};
|
|
31
|
-
emit: ((evt: "focusChange", details: FocusChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails) => void) & ((evt: "selectionChange", details: SelectionChangeDetails) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void);
|
|
34
|
+
emit: ((evt: "focusChange", details: FocusChangeDetails) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails) => void) & ((evt: "selectionChange", details: SelectionChangeDetails) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
|
|
32
35
|
}>) => VNode & {
|
|
33
36
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
34
37
|
};
|
|
@@ -11,6 +11,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
11
11
|
collection: {},
|
|
12
12
|
defaultExpandedValue: {},
|
|
13
13
|
defaultSelectedValue: {},
|
|
14
|
+
defaultCheckedValue: {},
|
|
15
|
+
defaultFocusedValue: {},
|
|
16
|
+
checkedValue: {},
|
|
14
17
|
expandOnClick: { type: Boolean },
|
|
15
18
|
expandedValue: {},
|
|
16
19
|
focusedValue: {},
|
|
@@ -27,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27
30
|
expandOnClick: void 0,
|
|
28
31
|
typeahead: void 0
|
|
29
32
|
}),
|
|
30
|
-
emits: ["expandedChange", "focusChange", "selectionChange", "loadChildrenComplete", "update:expandedValue", "update:focusedValue", "update:selectedValue"],
|
|
33
|
+
emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
|
|
31
34
|
setup(__props, { emit: __emit }) {
|
|
32
35
|
const props = __props;
|
|
33
36
|
const emits = __emit;
|
|
@@ -14,6 +14,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./tre
|
|
|
14
14
|
const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./tree-view-item-text.vue.cjs');
|
|
15
15
|
const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view-item.vue.cjs');
|
|
16
16
|
const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view-label.vue.cjs');
|
|
17
|
+
const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox.vue.cjs');
|
|
18
|
+
const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox-indicator.vue.cjs');
|
|
17
19
|
const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view-node-context.vue.cjs');
|
|
18
20
|
const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-node-provider.vue.cjs');
|
|
19
21
|
const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-root-provider.vue.cjs');
|
|
@@ -34,6 +36,8 @@ exports.ItemIndicator = treeViewItemIndicator_vue_vue_type_script_setup_true_lan
|
|
|
34
36
|
exports.ItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
|
|
35
37
|
exports.Item = treeViewItem_vue_vue_type_script_setup_true_lang.default;
|
|
36
38
|
exports.Label = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
|
|
39
|
+
exports.NodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
|
|
40
|
+
exports.NodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
37
41
|
exports.NodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
|
|
38
42
|
exports.NodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
|
|
39
43
|
exports.RootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -11,6 +11,8 @@ export { default as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIn
|
|
|
11
11
|
export { default as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text.vue';
|
|
12
12
|
export { default as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, } from './tree-view-item.vue';
|
|
13
13
|
export { default as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label.vue';
|
|
14
|
+
export { default as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.vue';
|
|
15
|
+
export { default as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
|
|
14
16
|
export { default as NodeContext, type TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context.vue';
|
|
15
17
|
export { default as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.vue';
|
|
16
18
|
export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';
|
|
@@ -11,6 +11,8 @@ export { default as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIn
|
|
|
11
11
|
export { default as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text.vue';
|
|
12
12
|
export { default as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, } from './tree-view-item.vue';
|
|
13
13
|
export { default as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label.vue';
|
|
14
|
+
export { default as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.vue';
|
|
15
|
+
export { default as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
|
|
14
16
|
export { default as NodeContext, type TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context.vue';
|
|
15
17
|
export { default as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.vue';
|
|
16
18
|
export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';
|
|
@@ -10,6 +10,8 @@ export { default as ItemIndicator } from './tree-view-item-indicator.vue.js';
|
|
|
10
10
|
export { default as ItemText } from './tree-view-item-text.vue.js';
|
|
11
11
|
export { default as Item } from './tree-view-item.vue.js';
|
|
12
12
|
export { default as Label } from './tree-view-label.vue.js';
|
|
13
|
+
export { default as NodeCheckbox } from './tree-view-node-checkbox.vue.js';
|
|
14
|
+
export { default as NodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.vue.js';
|
|
13
15
|
export { default as NodeContext } from './tree-view-node-context.vue.js';
|
|
14
16
|
export { default as NodeProvider } from './tree-view-node-provider.vue.js';
|
|
15
17
|
export { default as RootProvider } from './tree-view-root-provider.vue.js';
|
|
@@ -6,22 +6,36 @@ export interface RootProps<T extends TreeNode> {
|
|
|
6
6
|
*/
|
|
7
7
|
collection: TreeCollection<T>;
|
|
8
8
|
/**
|
|
9
|
-
* The initial expanded node
|
|
10
|
-
* Use when you don't need to control the expanded node
|
|
9
|
+
* The initial expanded node values when rendered.
|
|
10
|
+
* Use when you don't need to control the expanded node values.
|
|
11
11
|
*/
|
|
12
12
|
defaultExpandedValue?: string[];
|
|
13
13
|
/**
|
|
14
|
-
* The initial selected node
|
|
15
|
-
* Use when you don't need to control the selected node
|
|
14
|
+
* The initial selected node values when rendered.
|
|
15
|
+
* Use when you don't need to control the selected node values.
|
|
16
16
|
*/
|
|
17
17
|
defaultSelectedValue?: string[];
|
|
18
|
+
/**
|
|
19
|
+
* The initial checked node values when rendered.
|
|
20
|
+
* Use when you don't need to control the checked node values.
|
|
21
|
+
*/
|
|
22
|
+
defaultCheckedValue?: string[];
|
|
23
|
+
/**
|
|
24
|
+
* The initial focused node value when rendered.
|
|
25
|
+
* Use when you don't need to control the focused node value.
|
|
26
|
+
*/
|
|
27
|
+
defaultFocusedValue?: string;
|
|
28
|
+
/**
|
|
29
|
+
* The controlled checked node values
|
|
30
|
+
*/
|
|
31
|
+
checkedValue?: string[];
|
|
18
32
|
/**
|
|
19
33
|
* Whether clicking on a branch should open it or not
|
|
20
34
|
* @default true
|
|
21
35
|
*/
|
|
22
36
|
expandOnClick?: boolean;
|
|
23
37
|
/**
|
|
24
|
-
* The controlled expanded node
|
|
38
|
+
* The controlled expanded node values
|
|
25
39
|
*/
|
|
26
40
|
expandedValue?: string[];
|
|
27
41
|
/**
|
|
@@ -42,7 +56,7 @@ export interface RootProps<T extends TreeNode> {
|
|
|
42
56
|
node(value: string): string;
|
|
43
57
|
}>;
|
|
44
58
|
/**
|
|
45
|
-
* The controlled selected node
|
|
59
|
+
* The controlled selected node values
|
|
46
60
|
*/
|
|
47
61
|
selectedValue?: string[];
|
|
48
62
|
/**
|
|
@@ -77,9 +91,17 @@ export type RootEmits<T extends TreeNode> = {
|
|
|
77
91
|
*/
|
|
78
92
|
selectionChange: [details: treeView.SelectionChangeDetails];
|
|
79
93
|
/**
|
|
80
|
-
*
|
|
94
|
+
* Called when the checked value changes
|
|
95
|
+
*/
|
|
96
|
+
checkedChange: [details: treeView.CheckedChangeDetails];
|
|
97
|
+
/**
|
|
98
|
+
* A function that is called when the children are loaded successfully.
|
|
81
99
|
*/
|
|
82
100
|
loadChildrenComplete: [details: treeView.LoadChildrenCompleteDetails<T>];
|
|
101
|
+
/**
|
|
102
|
+
* A function that is called when there is an error loading the children.
|
|
103
|
+
*/
|
|
104
|
+
loadChildrenError: [details: treeView.LoadChildrenErrorDetails<T>];
|
|
83
105
|
/**
|
|
84
106
|
* Called when the expanded value changes
|
|
85
107
|
*/
|
|
@@ -92,4 +114,8 @@ export type RootEmits<T extends TreeNode> = {
|
|
|
92
114
|
* Called when the selected value changes
|
|
93
115
|
*/
|
|
94
116
|
'update:selectedValue': [value: string[]];
|
|
117
|
+
/**
|
|
118
|
+
* Called when the checked value changes
|
|
119
|
+
*/
|
|
120
|
+
'update:checkedValue': [value: string[]];
|
|
95
121
|
};
|
|
@@ -6,22 +6,36 @@ export interface RootProps<T extends TreeNode> {
|
|
|
6
6
|
*/
|
|
7
7
|
collection: TreeCollection<T>;
|
|
8
8
|
/**
|
|
9
|
-
* The initial expanded node
|
|
10
|
-
* Use when you don't need to control the expanded node
|
|
9
|
+
* The initial expanded node values when rendered.
|
|
10
|
+
* Use when you don't need to control the expanded node values.
|
|
11
11
|
*/
|
|
12
12
|
defaultExpandedValue?: string[];
|
|
13
13
|
/**
|
|
14
|
-
* The initial selected node
|
|
15
|
-
* Use when you don't need to control the selected node
|
|
14
|
+
* The initial selected node values when rendered.
|
|
15
|
+
* Use when you don't need to control the selected node values.
|
|
16
16
|
*/
|
|
17
17
|
defaultSelectedValue?: string[];
|
|
18
|
+
/**
|
|
19
|
+
* The initial checked node values when rendered.
|
|
20
|
+
* Use when you don't need to control the checked node values.
|
|
21
|
+
*/
|
|
22
|
+
defaultCheckedValue?: string[];
|
|
23
|
+
/**
|
|
24
|
+
* The initial focused node value when rendered.
|
|
25
|
+
* Use when you don't need to control the focused node value.
|
|
26
|
+
*/
|
|
27
|
+
defaultFocusedValue?: string;
|
|
28
|
+
/**
|
|
29
|
+
* The controlled checked node values
|
|
30
|
+
*/
|
|
31
|
+
checkedValue?: string[];
|
|
18
32
|
/**
|
|
19
33
|
* Whether clicking on a branch should open it or not
|
|
20
34
|
* @default true
|
|
21
35
|
*/
|
|
22
36
|
expandOnClick?: boolean;
|
|
23
37
|
/**
|
|
24
|
-
* The controlled expanded node
|
|
38
|
+
* The controlled expanded node values
|
|
25
39
|
*/
|
|
26
40
|
expandedValue?: string[];
|
|
27
41
|
/**
|
|
@@ -42,7 +56,7 @@ export interface RootProps<T extends TreeNode> {
|
|
|
42
56
|
node(value: string): string;
|
|
43
57
|
}>;
|
|
44
58
|
/**
|
|
45
|
-
* The controlled selected node
|
|
59
|
+
* The controlled selected node values
|
|
46
60
|
*/
|
|
47
61
|
selectedValue?: string[];
|
|
48
62
|
/**
|
|
@@ -77,9 +91,17 @@ export type RootEmits<T extends TreeNode> = {
|
|
|
77
91
|
*/
|
|
78
92
|
selectionChange: [details: treeView.SelectionChangeDetails];
|
|
79
93
|
/**
|
|
80
|
-
*
|
|
94
|
+
* Called when the checked value changes
|
|
95
|
+
*/
|
|
96
|
+
checkedChange: [details: treeView.CheckedChangeDetails];
|
|
97
|
+
/**
|
|
98
|
+
* A function that is called when the children are loaded successfully.
|
|
81
99
|
*/
|
|
82
100
|
loadChildrenComplete: [details: treeView.LoadChildrenCompleteDetails<T>];
|
|
101
|
+
/**
|
|
102
|
+
* A function that is called when there is an error loading the children.
|
|
103
|
+
*/
|
|
104
|
+
loadChildrenError: [details: treeView.LoadChildrenErrorDetails<T>];
|
|
83
105
|
/**
|
|
84
106
|
* Called when the expanded value changes
|
|
85
107
|
*/
|
|
@@ -92,4 +114,8 @@ export type RootEmits<T extends TreeNode> = {
|
|
|
92
114
|
* Called when the selected value changes
|
|
93
115
|
*/
|
|
94
116
|
'update:selectedValue': [value: string[]];
|
|
117
|
+
/**
|
|
118
|
+
* Called when the checked value changes
|
|
119
|
+
*/
|
|
120
|
+
'update:checkedValue': [value: string[]];
|
|
95
121
|
};
|
|
@@ -54,9 +54,18 @@ const useTreeView = (props, emit) => {
|
|
|
54
54
|
emit?.("update:selectedValue", details.selectedValue);
|
|
55
55
|
localeProps.onSelectionChange?.(details);
|
|
56
56
|
},
|
|
57
|
+
onCheckedChange: (details) => {
|
|
58
|
+
emit?.("checkedChange", details);
|
|
59
|
+
emit?.("update:checkedValue", details.checkedValue);
|
|
60
|
+
localeProps.onCheckedChange?.(details);
|
|
61
|
+
},
|
|
57
62
|
onLoadChildrenComplete: (details) => {
|
|
58
63
|
emit?.("loadChildrenComplete", details);
|
|
59
64
|
localeProps.onLoadChildrenComplete?.(details);
|
|
65
|
+
},
|
|
66
|
+
onLoadChildrenError: (details) => {
|
|
67
|
+
emit?.("loadChildrenError", details);
|
|
68
|
+
localeProps.onLoadChildrenError?.(details);
|
|
60
69
|
}
|
|
61
70
|
};
|
|
62
71
|
});
|
|
@@ -31,9 +31,18 @@ const useTreeView = (props, emit) => {
|
|
|
31
31
|
emit?.("update:selectedValue", details.selectedValue);
|
|
32
32
|
localeProps.onSelectionChange?.(details);
|
|
33
33
|
},
|
|
34
|
+
onCheckedChange: (details) => {
|
|
35
|
+
emit?.("checkedChange", details);
|
|
36
|
+
emit?.("update:checkedValue", details.checkedValue);
|
|
37
|
+
localeProps.onCheckedChange?.(details);
|
|
38
|
+
},
|
|
34
39
|
onLoadChildrenComplete: (details) => {
|
|
35
40
|
emit?.("loadChildrenComplete", details);
|
|
36
41
|
localeProps.onLoadChildrenComplete?.(details);
|
|
42
|
+
},
|
|
43
|
+
onLoadChildrenError: (details) => {
|
|
44
|
+
emit?.("loadChildrenError", details);
|
|
45
|
+
localeProps.onLoadChildrenError?.(details);
|
|
37
46
|
}
|
|
38
47
|
};
|
|
39
48
|
});
|
package/dist/index.cjs
CHANGED
|
@@ -285,6 +285,7 @@ const listboxContext_vue_vue_type_script_setup_true_lang = require('./components
|
|
|
285
285
|
const listboxContent_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-content.vue.cjs');
|
|
286
286
|
const listboxInput_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-input.vue.cjs');
|
|
287
287
|
const listboxItem_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item.vue.cjs');
|
|
288
|
+
const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-context.vue.cjs');
|
|
288
289
|
const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-group.vue.cjs');
|
|
289
290
|
const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-group-label.vue.cjs');
|
|
290
291
|
const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-indicator.vue.cjs');
|
|
@@ -659,6 +660,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./com
|
|
|
659
660
|
const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-item-text.vue.cjs');
|
|
660
661
|
const treeViewItem_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-item.vue.cjs');
|
|
661
662
|
const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-label.vue.cjs');
|
|
663
|
+
const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-checkbox.vue.cjs');
|
|
664
|
+
const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-checkbox-indicator.vue.cjs');
|
|
662
665
|
const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-context.vue.cjs');
|
|
663
666
|
const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-provider.vue.cjs');
|
|
664
667
|
const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-root-provider.vue.cjs');
|
|
@@ -1008,6 +1011,7 @@ exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.defa
|
|
|
1008
1011
|
exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
|
|
1009
1012
|
exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;
|
|
1010
1013
|
exports.ListboxItem = listboxItem_vue_vue_type_script_setup_true_lang.default;
|
|
1014
|
+
exports.ListboxItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
|
|
1011
1015
|
exports.ListboxItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
|
|
1012
1016
|
exports.ListboxItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
|
|
1013
1017
|
exports.ListboxItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -1386,6 +1390,8 @@ exports.TreeViewItemIndicator = treeViewItemIndicator_vue_vue_type_script_setup_
|
|
|
1386
1390
|
exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
|
|
1387
1391
|
exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
|
|
1388
1392
|
exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
|
|
1393
|
+
exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
|
|
1394
|
+
exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
1389
1395
|
exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
|
|
1390
1396
|
exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
|
|
1391
1397
|
exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
|
package/dist/index.js
CHANGED
|
@@ -299,6 +299,7 @@ export { default as ListboxContext } from './components/listbox/listbox-context.
|
|
|
299
299
|
export { default as ListboxContent } from './components/listbox/listbox-content.vue.js';
|
|
300
300
|
export { default as ListboxInput } from './components/listbox/listbox-input.vue.js';
|
|
301
301
|
export { default as ListboxItem } from './components/listbox/listbox-item.vue.js';
|
|
302
|
+
export { default as ListboxItemContext } from './components/listbox/listbox-item-context.vue.js';
|
|
302
303
|
export { default as ListboxItemGroup } from './components/listbox/listbox-item-group.vue.js';
|
|
303
304
|
export { default as ListboxItemGroupLabel } from './components/listbox/listbox-item-group-label.vue.js';
|
|
304
305
|
export { default as ListboxItemIndicator } from './components/listbox/listbox-item-indicator.vue.js';
|
|
@@ -700,6 +701,8 @@ export { default as TreeViewItemIndicator } from './components/tree-view/tree-vi
|
|
|
700
701
|
export { default as TreeViewItemText } from './components/tree-view/tree-view-item-text.vue.js';
|
|
701
702
|
export { default as TreeViewItem } from './components/tree-view/tree-view-item.vue.js';
|
|
702
703
|
export { default as TreeViewLabel } from './components/tree-view/tree-view-label.vue.js';
|
|
704
|
+
export { default as TreeViewNodeCheckbox } from './components/tree-view/tree-view-node-checkbox.vue.js';
|
|
705
|
+
export { default as TreeViewNodeCheckboxIndicator } from './components/tree-view/tree-view-node-checkbox-indicator.vue.js';
|
|
703
706
|
export { default as TreeViewNodeContext } from './components/tree-view/tree-view-node-context.vue.js';
|
|
704
707
|
export { default as TreeViewNodeProvider } from './components/tree-view/tree-view-node-provider.vue.js';
|
|
705
708
|
export { default as TreeViewRootProvider } from './components/tree-view/tree-view-root-provider.vue.js';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ark-ui/vue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.15.1",
|
|
5
5
|
"description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"accordion",
|
|
@@ -140,60 +140,60 @@
|
|
|
140
140
|
"sideEffects": false,
|
|
141
141
|
"dependencies": {
|
|
142
142
|
"@internationalized/date": "3.8.2",
|
|
143
|
-
"@zag-js/accordion": "1.
|
|
144
|
-
"@zag-js/angle-slider": "1.
|
|
145
|
-
"@zag-js/anatomy": "1.
|
|
146
|
-
"@zag-js/auto-resize": "1.
|
|
147
|
-
"@zag-js/avatar": "1.
|
|
148
|
-
"@zag-js/carousel": "1.
|
|
149
|
-
"@zag-js/checkbox": "1.
|
|
150
|
-
"@zag-js/clipboard": "1.
|
|
151
|
-
"@zag-js/collapsible": "1.
|
|
152
|
-
"@zag-js/collection": "1.
|
|
153
|
-
"@zag-js/color-picker": "1.
|
|
154
|
-
"@zag-js/combobox": "1.
|
|
155
|
-
"@zag-js/date-picker": "1.
|
|
156
|
-
"@zag-js/dialog": "1.
|
|
157
|
-
"@zag-js/dom-query": "1.
|
|
158
|
-
"@zag-js/editable": "1.
|
|
159
|
-
"@zag-js/file-upload": "1.
|
|
160
|
-
"@zag-js/file-utils": "1.
|
|
161
|
-
"@zag-js/focus-trap": "1.
|
|
162
|
-
"@zag-js/floating-panel": "1.
|
|
163
|
-
"@zag-js/highlight-word": "1.
|
|
164
|
-
"@zag-js/hover-card": "1.
|
|
165
|
-
"@zag-js/i18n-utils": "1.
|
|
166
|
-
"@zag-js/listbox": "1.
|
|
167
|
-
"@zag-js/menu": "1.
|
|
168
|
-
"@zag-js/number-input": "1.
|
|
169
|
-
"@zag-js/pagination": "1.
|
|
170
|
-
"@zag-js/pin-input": "1.
|
|
171
|
-
"@zag-js/popover": "1.
|
|
172
|
-
"@zag-js/presence": "1.
|
|
173
|
-
"@zag-js/progress": "1.
|
|
174
|
-
"@zag-js/qr-code": "1.
|
|
175
|
-
"@zag-js/radio-group": "1.
|
|
176
|
-
"@zag-js/rating-group": "1.
|
|
177
|
-
"@zag-js/select": "1.
|
|
178
|
-
"@zag-js/signature-pad": "1.
|
|
179
|
-
"@zag-js/slider": "1.
|
|
180
|
-
"@zag-js/splitter": "1.
|
|
181
|
-
"@zag-js/switch": "1.
|
|
182
|
-
"@zag-js/tabs": "1.
|
|
183
|
-
"@zag-js/tags-input": "1.
|
|
184
|
-
"@zag-js/time-picker": "1.
|
|
185
|
-
"@zag-js/timer": "1.
|
|
186
|
-
"@zag-js/toast": "1.
|
|
187
|
-
"@zag-js/toggle": "1.
|
|
188
|
-
"@zag-js/toggle-group": "1.
|
|
189
|
-
"@zag-js/tooltip": "1.
|
|
190
|
-
"@zag-js/tour": "1.
|
|
191
|
-
"@zag-js/tree-view": "1.
|
|
192
|
-
"@zag-js/types": "1.
|
|
193
|
-
"@zag-js/utils": "1.
|
|
194
|
-
"@zag-js/steps": "1.
|
|
195
|
-
"@zag-js/store": "1.
|
|
196
|
-
"@zag-js/vue": "1.
|
|
143
|
+
"@zag-js/accordion": "1.17.0",
|
|
144
|
+
"@zag-js/angle-slider": "1.17.0",
|
|
145
|
+
"@zag-js/anatomy": "1.17.0",
|
|
146
|
+
"@zag-js/auto-resize": "1.17.0",
|
|
147
|
+
"@zag-js/avatar": "1.17.0",
|
|
148
|
+
"@zag-js/carousel": "1.17.0",
|
|
149
|
+
"@zag-js/checkbox": "1.17.0",
|
|
150
|
+
"@zag-js/clipboard": "1.17.0",
|
|
151
|
+
"@zag-js/collapsible": "1.17.0",
|
|
152
|
+
"@zag-js/collection": "1.17.0",
|
|
153
|
+
"@zag-js/color-picker": "1.17.0",
|
|
154
|
+
"@zag-js/combobox": "1.17.0",
|
|
155
|
+
"@zag-js/date-picker": "1.17.0",
|
|
156
|
+
"@zag-js/dialog": "1.17.0",
|
|
157
|
+
"@zag-js/dom-query": "1.17.0",
|
|
158
|
+
"@zag-js/editable": "1.17.0",
|
|
159
|
+
"@zag-js/file-upload": "1.17.0",
|
|
160
|
+
"@zag-js/file-utils": "1.17.0",
|
|
161
|
+
"@zag-js/focus-trap": "1.17.0",
|
|
162
|
+
"@zag-js/floating-panel": "1.17.0",
|
|
163
|
+
"@zag-js/highlight-word": "1.17.0",
|
|
164
|
+
"@zag-js/hover-card": "1.17.0",
|
|
165
|
+
"@zag-js/i18n-utils": "1.17.0",
|
|
166
|
+
"@zag-js/listbox": "1.17.0",
|
|
167
|
+
"@zag-js/menu": "1.17.0",
|
|
168
|
+
"@zag-js/number-input": "1.17.0",
|
|
169
|
+
"@zag-js/pagination": "1.17.0",
|
|
170
|
+
"@zag-js/pin-input": "1.17.0",
|
|
171
|
+
"@zag-js/popover": "1.17.0",
|
|
172
|
+
"@zag-js/presence": "1.17.0",
|
|
173
|
+
"@zag-js/progress": "1.17.0",
|
|
174
|
+
"@zag-js/qr-code": "1.17.0",
|
|
175
|
+
"@zag-js/radio-group": "1.17.0",
|
|
176
|
+
"@zag-js/rating-group": "1.17.0",
|
|
177
|
+
"@zag-js/select": "1.17.0",
|
|
178
|
+
"@zag-js/signature-pad": "1.17.0",
|
|
179
|
+
"@zag-js/slider": "1.17.0",
|
|
180
|
+
"@zag-js/splitter": "1.17.0",
|
|
181
|
+
"@zag-js/switch": "1.17.0",
|
|
182
|
+
"@zag-js/tabs": "1.17.0",
|
|
183
|
+
"@zag-js/tags-input": "1.17.0",
|
|
184
|
+
"@zag-js/time-picker": "1.17.0",
|
|
185
|
+
"@zag-js/timer": "1.17.0",
|
|
186
|
+
"@zag-js/toast": "1.17.0",
|
|
187
|
+
"@zag-js/toggle": "1.17.0",
|
|
188
|
+
"@zag-js/toggle-group": "1.17.0",
|
|
189
|
+
"@zag-js/tooltip": "1.17.0",
|
|
190
|
+
"@zag-js/tour": "1.17.0",
|
|
191
|
+
"@zag-js/tree-view": "1.17.0",
|
|
192
|
+
"@zag-js/types": "1.17.0",
|
|
193
|
+
"@zag-js/utils": "1.17.0",
|
|
194
|
+
"@zag-js/steps": "1.17.0",
|
|
195
|
+
"@zag-js/store": "1.17.0",
|
|
196
|
+
"@zag-js/vue": "1.17.0"
|
|
197
197
|
},
|
|
198
198
|
"devDependencies": {
|
|
199
199
|
"@biomejs/biome": "1.9.4",
|