@seemusic/ui-components
Version:
A Vue 3 UI Library. Uses Composable.
1 lines • 2.19 kB
Source Map (JSON)
{"version":3,"file":"SopStatus.mjs","sources":["../../../src/components/SopStatus/SopStatus.tsx"],"sourcesContent":["import { defineComponent, computed } from 'vue';\n\nexport type StatusTypeEnum = 'primary' | 'warning' | 'info' | 'danger' | 'all' | 'success';\n\nexport default defineComponent({\n name: 'SopStatus',\n props: {\n type: {\n type: String,\n default: 'primary',\n validator(value: string) {\n return [\n 'primary', 'warning', 'info', 'danger', 'all', 'success'\n ].indexOf(value) !== -1;\n }\n },\n color: {\n type: String,\n default: ''\n },\n text: {\n type: String,\n default: ''\n }\n },\n setup(props) {\n const iconColorStyle = computed(() => {\n if (props.color !== '') {\n return {\n backgroundColor: props.color\n };\n }\n\n return {};\n });\n\n return () => (\n <span class=\"sop-status\">\n <i\n class={`sop-status__icon--${props.type}`}\n style={iconColorStyle.value}\n />\n {\n props.text &&\n <em class=\"sop-status__text\">\n {props.text}\n </em>\n }\n </span>\n );\n },\n});\n"],"names":["defineComponent","name","props","type","String","default","validator","value","indexOf","color","text","setup","iconColorStyle","computed","backgroundColor","_createVNode"],"mappings":";AAIA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,MAAM;AAAA,MACJA,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,UAAUC,OAAe;AACvB,eAAO,CACL,WAAW,WAAW,QAAQ,UAAU,OAAO,SAAS,EACxDC,QAAQD,KAAK,MAAM;AAAA,MACvB;AAAA,IACD;AAAA,IACDE,OAAO;AAAA,MACLN,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA,IACDK,MAAM;AAAA,MACJP,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACDM,MAAMT,OAAO;AACX,UAAMU,iBAAiBC,SAAS,MAAM;AACpC,UAAIX,MAAMO,UAAU,IAAI;AACtB,eAAO;AAAA,UACLK,iBAAiBZ,MAAMO;AAAAA;MAE3B;AAEA,aAAO;IACT,CAAC;AAED,WAAO,MAAAM,YAAA,QAAA;AAAA,MAAA,SAAA;AAAA,IAAA,GAAA,CAAAA,YAAA,KAAA;AAAA,MAAA,SAGO,qBAAoBb,MAAMC,IAAK;AAAA,MAAC,SACjCS,eAAeL;AAAAA,IAAK,GAAA,IAAA,GAG3BL,MAAMQ,QAAIK,YAAA,MAAA;AAAA,MAAA,SAAA;AAAA,IAAA,GAAA,CAEPb,MAAMQ,IAAI,CAAA,CACR,CAGV;AAAA,EACH;AACF,CAAC;"}