vxe-table-demonic/es/select/src/optgroup.js

一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...

import { defineComponent, h, onUnmounted, provide, inject, ref, onMounted } from 'vue';
import { createOption, watchOption, destroyOption, assemOption } from './util';
export default defineComponent({
    name: 'VxeOptgroup',
    props: {
        label: { type: [String, Number, Boolean], default: '' },
        visible: { type: Boolean, default: null },
        className: [String, Function],
        disabled: Boolean
    },
    setup: function (props, _a) {
        var slots = _a.slots;
        var elem = ref();
        var $xeselect = inject('$xeselect', {});
        var option = createOption($xeselect, props);
        var xeoption = { option: option };
        option.options = [];
        provide('xeoptgroup', xeoption);
        watchOption(props, option);
        onMounted(function () {
            assemOption($xeselect, elem.value, option);
        });
        onUnmounted(function () {
            destroyOption($xeselect, option);
        });
        return function () {
            return h('div', {
                ref: elem
            }, slots.default ? slots.default() : []);
        };
    }
});