UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 1.8 kB
{"version":3,"file":"marker.mjs","names":[],"sources":["../../../../../../packages/components/slider/src/marker.ts"],"sourcesContent":["import { computed, defineComponent, h } from 'vue'\nimport { buildProps, definePropType, isString } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type {\n CSSProperties,\n ExtractPropTypes,\n ExtractPublicPropTypes,\n} from 'vue'\n\nexport const sliderMarkerProps = buildProps({\n mark: {\n type: definePropType<\n | string\n | {\n style: CSSProperties\n label: any\n }\n >([String, Object]),\n default: undefined,\n },\n} as const)\nexport type SliderMarkerProps = ExtractPropTypes<typeof sliderMarkerProps>\nexport type SliderMarkerPropsPublic = ExtractPublicPropTypes<\n typeof sliderMarkerProps\n>\n\nexport default defineComponent({\n name: 'ElSliderMarker',\n props: sliderMarkerProps,\n setup(props) {\n const ns = useNamespace('slider')\n const label = computed(() => {\n return isString(props.mark) ? props.mark : props.mark!.label\n })\n const style = computed(() =>\n isString(props.mark) ? undefined : props.mark!.style\n )\n\n return () =>\n h(\n 'div',\n {\n class: ns.e('marks-text'),\n style: style.value,\n },\n label.value\n )\n },\n})\n"],"mappings":";;;;;;AAUA,MAAa,oBAAoB,WAAW,EAC1C,MAAM;CACJ,MAAM,eAMJ,CAAC,QAAQ,OAAO,CAAC;CACnB,SAAS;CACV,EACF,CAAU;AAMX,qBAAe,gBAAgB;CAC7B,MAAM;CACN,OAAO;CACP,MAAM,OAAO;EACX,MAAM,KAAK,aAAa,SAAS;EACjC,MAAM,QAAQ,eAAe;AAC3B,UAAO,SAAS,MAAM,KAAK,GAAG,MAAM,OAAO,MAAM,KAAM;IACvD;EACF,MAAM,QAAQ,eACZ,SAAS,MAAM,KAAK,GAAG,SAAY,MAAM,KAAM,MAChD;AAED,eACE,EACE,OACA;GACE,OAAO,GAAG,EAAE,aAAa;GACzB,OAAO,MAAM;GACd,EACD,MAAM,MACP;;CAEN,CAAC"}