@ark-ui/vue
Version:
A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.
50 lines (45 loc) • 1.89 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const vue = require('vue');
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
__name: "json-tree-view-value-node",
props: {
node: {}
},
setup(__props) {
return (_ctx, _cache) => {
const _component_JsonTreeViewValueNode = vue.resolveComponent("JsonTreeViewValueNode", true);
return _ctx.node.type === "text" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
_ctx.$slots.renderValue ? vue.renderSlot(_ctx.$slots, "renderValue", {
key: 0,
node: _ctx.node
}, () => [
vue.createTextVNode(vue.toDisplayString(_ctx.node.value), 1)
]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
vue.createTextVNode(vue.toDisplayString(_ctx.node.value), 1)
], 64))
], 64)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.node.tagName), {
key: 1,
"data-root": _ctx.node.properties.root ? "" : void 0,
"data-type": _ctx.node.properties.nodeType,
"data-kind": _ctx.node.properties.kind
}, {
default: vue.withCtx(() => [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.node.children, (child, index) => {
return vue.openBlock(), vue.createBlock(_component_JsonTreeViewValueNode, {
key: index,
node: child
}, {
renderValue: vue.withCtx(({ node: childNode }) => [
vue.renderSlot(_ctx.$slots, "renderValue", { node: childNode })
]),
_: 2
}, 1032, ["node"]);
}), 128))
]),
_: 3
}, 8, ["data-root", "data-type", "data-kind"]));
};
}
});
exports.default = _sfc_main;