{"version":3,"file":"list-item.mjs","sources":["../../src/list/list-item.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\nimport props from './props';\nimport { usePrefixClass } from '../hooks/useConfig';\nimport { useTNodeJSX } from '../hooks/tnode';\n\nexport default defineComponent({\n  name: 'XListItem',\n  props,\n  setup() {\n    const COMPONENT_NAME = usePrefixClass('list-item');\n    const renderTNodeJSX = useTNodeJSX();\n\n    return () => {\n      const propsContent = renderTNodeJSX('content');\n      const propsDefaultContent = renderTNodeJSX('default');\n      const propsActionContent = renderTNodeJSX('action');\n\n      return (\n        <li class={COMPONENT_NAME.value}>\n          <div class={`${COMPONENT_NAME.value}-main`}>\n            {propsDefaultContent || propsContent}\n            {propsActionContent && <li class={`${COMPONENT_NAME.value}__action`}>{propsActionContent}</li>}\n          </div>\n        </li>\n      );\n    };\n  },\n});\n"],"names":["name","props","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,gBAAA,eAAA,CAAA;AACEA,EAAAA,IAAAA,EAAAA,WAAAA;AACAC,EAAAA,KAAAA,EAAAA,KAAAA;;AAEQ,IAAA,IAAA,cAAA,GAAA,cAAA,CAAA,WAAA,CAAA,CAAA;AACN,IAAA,IAAA,cAAA,GAAA,WAAA,EAAA,CAAA;AAEA,IAAA,OAAA,YAAA;AACQ,MAAA,IAAA,YAAA,GAAA,cAAA,CAAA,SAAA,CAAA,CAAA;AACA,MAAA,IAAA,mBAAA,GAAA,cAAA,CAAA,SAAA,CAAA,CAAA;AACA,MAAA,IAAA,kBAAA,GAAA,cAAA,CAAA,QAAA,CAAA,CAAA;AAGJ,MAAA,OAAAC,WAAA,CAAA,IAAA,EAAA;AAAA,QAAA,OAAA,EAAA,cAAA,CAAA,KAAA;;;AACgC,OAAA,EAAA,CAAA,mBAAA,IAAA,YAAA,EAAA,kBAAA,IAAAA,WAAA,CAAA,IAAA,EAAA;AAE3B,QAAA,OAAA,EAAA,EAAA,CAAA,MAAA,CAAA,cAAA,CAAA,KAAA,EAAA,UAAA,CAAA;AAAmD,OAAA,EAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;AAK9D,GAAA;AACF,CAAA,CAAA;;;;"}