1
This commit is contained in:
86
admin/node_modules/element-plus/es/components/select/src/option-group.mjs
generated
vendored
Normal file
86
admin/node_modules/element-plus/es/components/select/src/option-group.mjs
generated
vendored
Normal file
@@ -0,0 +1,86 @@
|
||||
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
|
||||
Reference in New Issue
Block a user