element-plus/lib/el-option-group/index.js

A Component Library for Vue3.0

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');

const selectGroupKey = 'ElSelectGroup';
const selectKey = 'ElSelect';
const selectEvents = {
    queryChange: 'elOptionQueryChange',
    groupQueryChange: 'elOptionGroupQueryChange',
};

var script = vue.defineComponent({
    name: 'ElOptionGroup',
    componentName: 'ElOptionGroup',
    props: {
        label: String,
        disabled: {
            type: Boolean,
            default: false,
        },
    },
    setup(props) {
        const visible = vue.ref(true);
        vue.provide(selectGroupKey, vue.reactive(Object.assign({}, vue.toRefs(props))));
        const select = vue.inject(selectKey);
        const queryChange = () => {
            var _a;
            visible.value = (_a = select === null || select === void 0 ? void 0 : select.options) === null || _a === void 0 ? void 0 : _a.some(option => option.visible === true);
        };
        select.selectEmitter.on(selectEvents.groupQueryChange, queryChange);
        return {
            visible,
        };
    },
});

const _hoisted_1 = { class: "el-select-group__wrap" };
const _hoisted_2 = { class: "el-select-group__title" };
const _hoisted_3 = { class: "el-select-group" };

function render(_ctx, _cache, $props, $setup, $data, $options) {
  return vue.withDirectives((vue.openBlock(), vue.createBlock("ul", _hoisted_1, [
    vue.createVNode("li", _hoisted_2, vue.toDisplayString(_ctx.label), 1 /* TEXT */),
    vue.createVNode("li", null, [
      vue.createVNode("ul", _hoisted_3, [
        vue.renderSlot(_ctx.$slots, "default")
      ])
    ])
  ], 512 /* NEED_PATCH */)), [
    [vue.vShow, _ctx.visible]
  ])
}

script.render = render;
script.__file = "packages/select/src/option-group.vue";

script.install = (app) => {
    app.component(script.name, script);
};
const _OptionGroup = script;

exports.default = _OptionGroup;