1 line
4.2 KiB
Plaintext
1 line
4.2 KiB
Plaintext
|
{"version":3,"file":"checkbox.mjs","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n <component\n :is=\"!hasOwnLabel && isLabeledByFormItem ? 'span' : 'label'\"\n :class=\"compKls\"\n :aria-controls=\"indeterminate ? ariaControls : null\"\n @click=\"onClickRoot\"\n >\n <span :class=\"spanKls\">\n <input\n :id=\"inputId\"\n v-model=\"model\"\n :class=\"ns.e('original')\"\n type=\"checkbox\"\n :indeterminate=\"indeterminate\"\n :name=\"name\"\n :tabindex=\"tabindex\"\n :disabled=\"isDisabled\"\n v-bind=\"inputBindings\"\n @change=\"handleChange\"\n @focus=\"isFocused = true\"\n @blur=\"isFocused = false\"\n @click.stop\n />\n <span :class=\"ns.e('inner')\" />\n </span>\n <span v-if=\"hasOwnLabel\" :class=\"ns.e('label')\">\n <slot />\n <template v-if=\"!$slots.default\">{{ label }}</template>\n </span>\n </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { checkboxEmits, checkboxProps } from './checkbox'\nimport { useCheckbox } from './composables'\n\ndefineOptions({\n name: 'ElCheckbox',\n})\n\nconst props = defineProps(checkboxProps)\ndefineEmits(checkboxEmits)\nconst slots = useSlots()\n\nconst {\n inputId,\n isLabeledByFormItem,\n isChecked,\n isDisabled,\n isFocused,\n checkboxSize,\n hasOwnLabel,\n model,\n actualValue,\n handleChange,\n onClickRoot,\n} = useCheckbox(props, slots)\n\nconst inputBindings = computed(() => {\n if (\n props.trueValue ||\n props.falseValue ||\n props.trueLabel ||\n props.falseLabel\n ) {\n return {\n 'true-value': props.trueValue ?? props.trueLabel ?? true,\n 'false-value': props.falseValue ?? props.falseLabel ?? false,\n }\n }\n return {\n value: actualValue.value,\n }\n})\n\nconst ns = useNamespace('checkbox')\n\nconst compKls = computed(() => {\n return [\n ns.b(),\n ns.m(checkboxSize.value),\n ns.is('disabled', isDisabled.value),\n ns.is('bordered', props.border),\n ns.is('checked', isChecked.value),\n ]\n})\n\nconst spanKls = computed(() => {\n return [\n ns.e('input'),\n ns.is('disabled', isDisabled.value),\n ns.is('checked', isChecked.value),\n ns.is('indeterminate', props.indeterminate),\n ns.is('focus', isFocused.value),\n ]\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCAsCc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA;AAAA,MACJ,OAAA;AAAA,MACA,mBAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,KACF,GAAI,WAAY,CAAA,KAAA,EAAO,KAAK,CAAA,CAAA;AAE5B,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,IACE,MAAM,EACN,EAAA,EAAA,EAAA,CAAA;AAIA,MAAO,IAAA,KAAA,CAAA,SAAA,IAAA,KAAA,CAAA,UAAA,IAAA,KAAA,CAAA,SAAA,IAAA,KAAA,CAAA,UAAA,EAAA;AAAA,QAAA,OACS;AAAsC,UACpD,YAAe,EAAA,CAAA,EAAA,GAAA,CAAM,EAAc,GAAA,KAAA,CAAA,SAAM,KAAc,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,EAAA,GAAA,IAAA;AAAA,UACzD,aAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,UAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA,UAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA;AAAA,SACF,CAAA;AACA,OAAO;AAAA,MAAA;AACc,QACrB,KAAA,EAAA,WAAA,CAAA,KAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AAEN,IAAM,MAAA,EAAA,GAAA,uBAAyB,CAAA,CAAA;AAC7B,IAAO,MAAA,OAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MAAA,OACA;AAAA,QACL,EAAA,CAAG,CAAE,EAAA;AAAkB,QACvB,EAAG,CAAA,CAAA,CAAA,YAAe,CAAA,KAAA,CAAA;AAAgB,QAClC,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,UAAY,CAAA,KAAA,CAAA;AAAA,QAC9B,EAAG,CAAA,EAAA,CAAG,UAAW,EAAA,KAAA,CAAA,MAAe,CAAA;AAAA,QAClC,EAAA,CAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAAA,KAAA,CAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAO,MAAA,OAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACL,OAAK;AAAO,QACZ,EAAG,CAAA,CAAA,CAAA,OAAe,CAAA;AAAgB,QAClC,EAAG,CAAA,EAAA,CAAG,UAAW,EAAA,UAAe,CAAA,KAAA,CAAA;AAAA,QAChC,EAAG,CAAA,EAAA,CAAG,SAAiB,EAAA,SAAA,CAAA,KAAmB,CAAA;AAAA,QAC1C,EAAG,CAAA,EAAA,CAAG,
|