{"version":3,"file":"optionGroup.mjs","sources":["../../src/select/optionGroup.tsx"],"sourcesContent":["import { defineComponent, inject, computed } from 'vue';\nimport { useTNodeJSX } from '../hooks/tnode';\nimport props from './option-group-props';\nimport { usePrefixClass, useCommonClassName } from '../hooks/useConfig';\nimport { selectInjectKey } from './helper';\n\nexport default defineComponent({\n  name: 'XOptionGroup',\n  props: { ...props },\n  setup(props) {\n    const selectProvider = inject(selectInjectKey);\n    const COMPONENT_NAME = usePrefixClass('select-option-group');\n    const { SIZE } = useCommonClassName();\n    const renderTNodeJSX = useTNodeJSX();\n\n    const classes = computed(() => [\n      COMPONENT_NAME.value,\n      SIZE.value[selectProvider.value.size],\n      {\n        [`${COMPONENT_NAME.value}__divider`]: props.divider,\n      },\n    ]);\n\n    return () => (\n      <li class={classes.value}>\n        <div class={`${COMPONENT_NAME.value}__header`}>{props.label}</div>\n        {renderTNodeJSX('default')}\n      </li>\n    );\n  },\n});\n"],"names":["name","props","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,mBAAA,eAAA,CAAA;AACEA,EAAAA,IAAAA,EAAAA,cAAAA;AACAC,EAAAA,KAAAA,EAAAA,aAAAA,CAAAA,EAAAA,EAAAA,KAAAA,CAAAA;;AAEQ,IAAA,IAAA,cAAA,GAAA,MAAA,CAAA,eAAA,CAAA,CAAA;AACA,IAAA,IAAA,cAAA,GAAA,cAAA,CAAA,qBAAA,CAAA,CAAA;AACA,IAAA,IAAA,mBAAA,GAAA,kBAAA,EAAA;;AACN,IAAA,IAAA,cAAA,GAAA,WAAA,EAAA,CAAA;;;;;AAUO,MAAA,OAAAC,WAAA,CAAA,IAAA,EAAA;AAAA,QAAA,OAAA,EAAA,OAAA,CAAA,KAAA;AACc,OAAA,EAAA,CAAAA,WAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,EAAA,CAAA,MAAA,CAAA,cAAA,CAAA,KAAA,EAAA,UAAA,CAAA;AAC+BD,OAAAA,EAAAA,CAAAA,MAAAA,CAAAA,KAAAA,CAAAA,CAAAA,EAAAA,cAAAA,CAAAA,SAAAA,CAAAA,CAAAA,CAAAA,CAAAA;;AAItD,GAAA;AACF,CAAA,CAAA;;;;"}