87 lines
2.9 KiB
JavaScript
87 lines
2.9 KiB
JavaScript
import { defineComponent, ref, getCurrentInstance, provide, reactive, toRefs, computed, onMounted, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, renderSlot, vShow, isVNode } from 'vue';
|
|
import { useMutationObserver } from '@vueuse/core';
|
|
import { selectGroupKey } from './token.mjs';
|
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
import { castArray } from 'lodash-unified';
|
|
import { isArray } from '@vue/shared';
|
|
|
|
const _sfc_main = defineComponent({
|
|
name: "ElOptionGroup",
|
|
componentName: "ElOptionGroup",
|
|
props: {
|
|
label: String,
|
|
disabled: Boolean
|
|
},
|
|
setup(props) {
|
|
const ns = useNamespace("select");
|
|
const groupRef = ref();
|
|
const instance = getCurrentInstance();
|
|
const children = ref([]);
|
|
provide(selectGroupKey, reactive({
|
|
...toRefs(props)
|
|
}));
|
|
const visible = computed(() => children.value.some((option) => option.visible === true));
|
|
const isOption = (node) => {
|
|
var _a;
|
|
return node.type.name === "ElOption" && !!((_a = node.component) == null ? void 0 : _a.proxy);
|
|
};
|
|
const flattedChildren = (node) => {
|
|
const nodes = castArray(node);
|
|
const children2 = [];
|
|
nodes.forEach((child) => {
|
|
var _a;
|
|
if (!isVNode(child))
|
|
return;
|
|
if (isOption(child)) {
|
|
children2.push(child.component.proxy);
|
|
} else if (isArray(child.children) && child.children.length) {
|
|
children2.push(...flattedChildren(child.children));
|
|
} else if ((_a = child.component) == null ? void 0 : _a.subTree) {
|
|
children2.push(...flattedChildren(child.component.subTree));
|
|
}
|
|
});
|
|
return children2;
|
|
};
|
|
const updateChildren = () => {
|
|
children.value = flattedChildren(instance.subTree);
|
|
};
|
|
onMounted(() => {
|
|
updateChildren();
|
|
});
|
|
useMutationObserver(groupRef, updateChildren, {
|
|
attributes: true,
|
|
subtree: true,
|
|
childList: true
|
|
});
|
|
return {
|
|
groupRef,
|
|
visible,
|
|
ns
|
|
};
|
|
}
|
|
});
|
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
return withDirectives((openBlock(), createElementBlock("ul", {
|
|
ref: "groupRef",
|
|
class: normalizeClass(_ctx.ns.be("group", "wrap"))
|
|
}, [
|
|
createElementVNode("li", {
|
|
class: normalizeClass(_ctx.ns.be("group", "title"))
|
|
}, toDisplayString(_ctx.label), 3),
|
|
createElementVNode("li", null, [
|
|
createElementVNode("ul", {
|
|
class: normalizeClass(_ctx.ns.b("group"))
|
|
}, [
|
|
renderSlot(_ctx.$slots, "default")
|
|
], 2)
|
|
])
|
|
], 2)), [
|
|
[vShow, _ctx.visible]
|
|
]);
|
|
}
|
|
var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "option-group.vue"]]);
|
|
|
|
export { OptionGroup as default };
|
|
//# sourceMappingURL=option-group.mjs.map
|