import { defineComponent, computed, mergeProps, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderClass, ssrRenderList, ssrInterpolate, ssrIncludeBooleanAttr, ssrRenderAttr } from 'vue/server-renderer';
import { L as LANG_OPTIONS, l as langName } from './useLangOptions-DMhiAuTa.mjs';
import { _ as _export_sfc } from './server.mjs';

const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "LangSelect",
  __ssrInlineRender: true,
  props: {
    modelValue: {},
    multiple: { type: Boolean, default: false },
    disabled: { type: Boolean, default: false },
    options: { default: void 0 }
  },
  emits: ["update:modelValue"],
  setup(__props, { emit: __emit }) {
    const props = __props;
    const opts = computed(() => props.options && props.options.length ? props.options : LANG_OPTIONS);
    const selected = computed(
      () => (props.modelValue || "").split(",").map((s) => s.trim()).filter(Boolean)
    );
    function nameOf(code) {
      return langName(code);
    }
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "lang-select" }, _attrs))} data-v-4903af59>`);
      if (__props.multiple) {
        _push(`<!--[--><div class="${ssrRenderClass([{ "lang-disabled": __props.disabled }, "lang-chips"])}" data-v-4903af59><!--[-->`);
        ssrRenderList(selected.value, (code) => {
          _push(`<span class="lang-chip" data-v-4903af59>${ssrInterpolate(code)}<span class="lang-chip-name" data-v-4903af59>${ssrInterpolate(nameOf(code))}</span><button type="button" class="lang-x" data-v-4903af59>×</button></span>`);
        });
        _push(`<!--]-->`);
        if (!selected.value.length) {
          _push(`<span class="lang-empty" data-v-4903af59>未选择语言</span>`);
        } else {
          _push(`<!---->`);
        }
        _push(`</div>`);
        if (!__props.disabled) {
          _push(`<details class="lang-dd" data-v-4903af59><summary class="lang-dd-sum" data-v-4903af59>＋ 选择语言（已选 ${ssrInterpolate(selected.value.length)}）</summary><div class="lang-dd-panel" data-v-4903af59><!--[-->`);
          ssrRenderList(opts.value, (o) => {
            _push(`<label class="lang-opt" data-v-4903af59><input type="checkbox" class="checkbox checkbox-xs checkbox-primary"${ssrIncludeBooleanAttr(selected.value.includes(o.code)) ? " checked" : ""} data-v-4903af59><span class="lang-opt-code" data-v-4903af59>${ssrInterpolate(o.code)}</span><span class="lang-opt-name" data-v-4903af59>${ssrInterpolate(o.name)}</span></label>`);
          });
          _push(`<!--]--></div></details>`);
        } else {
          _push(`<!---->`);
        }
        _push(`<!--]-->`);
      } else {
        _push(`<select class="select select-bordered select-sm w-full text-xs"${ssrRenderAttr("value", __props.modelValue)}${ssrIncludeBooleanAttr(__props.disabled) ? " disabled" : ""} data-v-4903af59><option value="" data-v-4903af59>（未设置）</option><!--[-->`);
        ssrRenderList(opts.value, (o) => {
          _push(`<option${ssrRenderAttr("value", o.code)} data-v-4903af59>${ssrInterpolate(o.code)} · ${ssrInterpolate(o.name)}</option>`);
        });
        _push(`<!--]--></select>`);
      }
      _push(`</div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/LangSelect.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const __nuxt_component_0 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main, [["__scopeId", "data-v-4903af59"]]), { __name: "LangSelect" });

export { __nuxt_component_0 as _ };
//# sourceMappingURL=LangSelect-C_QPlcDf.mjs.map