UNPKG

@ark-ui/vue

Version:

A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.

44 lines (39 loc) 1.89 kB
'use strict'; Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } }); const vue = require('vue'); const useForwardExpose = require('../../utils/use-forward-expose.cjs'); const useRenderStrategy = require('../../utils/use-render-strategy.cjs'); const collapsible = require('../collapsible/collapsible.cjs'); const useTreeViewContext = require('./use-tree-view-context.cjs'); const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs'); const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs'); const _sfc_main = /* @__PURE__ */ vue.defineComponent({ __name: "tree-view-branch", props: { asChild: { type: Boolean } }, setup(__props) { const treeView = useTreeViewContext.useTreeViewContext(); const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext(); const nodeState = useTreeViewNodeContext.useTreeViewNodeContext(); const renderStrategyProps = useRenderStrategy.useRenderStrategyProps(); const branchContentProps = vue.computed(() => treeView.value.getBranchContentProps(nodeProps)); useForwardExpose.useForwardExpose(); return (_ctx, _cache) => { return vue.openBlock(), vue.createBlock(vue.unref(collapsible).Root, vue.mergeProps({ open: vue.unref(nodeState).expanded, ids: { content: branchContentProps.value.id } }, vue.unref(treeView).getBranchProps(vue.unref(nodeProps)), { "lazy-mount": vue.unref(renderStrategyProps).lazyMount, "unmount-on-exit": vue.unref(renderStrategyProps).unmountOnExit, "as-child": __props.asChild }), { default: vue.withCtx(() => [ vue.renderSlot(_ctx.$slots, "default") ]), _: 3 }, 16, ["open", "ids", "lazy-mount", "unmount-on-exit", "as-child"]); }; } }); exports.default = _sfc_main;