1 line
19 KiB
Plaintext
1 line
19 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/checkbox/BaseCheckbox.vue","../../src/checkbox/Checkbox.vue","../../src/checkbox/Checkbox.vue?vue&type=template&id=ae8891e8&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport CheckboxStyle from 'primevue/checkbox/style';\n\nexport default {\n name: 'BaseCheckbox',\n extends: BaseInput,\n props: {\n value: null,\n binary: Boolean,\n indeterminate: {\n type: Boolean,\n default: false\n },\n trueValue: {\n type: null,\n default: true\n },\n falseValue: {\n type: null,\n default: false\n },\n readonly: {\n type: Boolean,\n default: false\n },\n required: {\n type: Boolean,\n default: false\n },\n tabindex: {\n type: Number,\n default: null\n },\n inputId: {\n type: String,\n default: null\n },\n inputClass: {\n type: [String, Object],\n default: null\n },\n inputStyle: {\n type: Object,\n default: null\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n }\n },\n style: CheckboxStyle,\n provide() {\n return {\n $pcCheckbox: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-indeterminate=\"d_indeterminate || undefined\" :data-p-disabled=\"disabled\" :data-p=\"dataP\">\n <input\n ref=\"input\"\n :id=\"inputId\"\n type=\"checkbox\"\n :class=\"[cx('input'), inputClass]\"\n :style=\"inputStyle\"\n :value=\"value\"\n :name=\"groupName\"\n :checked=\"checked\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :required=\"required\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n @change=\"onChange\"\n v-bind=\"getPTOptions('input')\"\n />\n <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\" :data-p=\"dataP\">\n <slot name=\"icon\" :checked=\"checked\" :indeterminate=\"d_indeterminate\" :class=\"cx('icon')\" :data-p=\"dataP\">\n <CheckIcon v-if=\"checked\" :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" :data-p=\"dataP\" />\n <MinusIcon v-else-if=\"d_indeterminate\" :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" :data-p=\"dataP\" />\n </slot>\n </div>\n </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { contains, equals } from '@primeuix/utils/object';\nimport CheckIcon from '@primevue/icons/check';\nimport MinusIcon from '@primevue/icons/minus';\nimport BaseCheckbox from './BaseCheckbox.vue';\n\nexport default {\n name: 'Checkbox',\n extends: BaseCheckbox,\n inheritAttrs: false,\n emits: ['change', 'focus', 'blur', 'update:indeterminate'],\n inject: {\n $pcCheckboxGroup: {\n default: undefined\n }\n },\n data() {\n return {\n d_indeterminate: this.indeterminate\n };\n },\n watch: {\n indeterminate(newValue) {\n this.d_indeterminate = newValue;\n\n this.updateIndeterminate();\n },\n },\n mounted() {\n this.updateIndeterminate();\n },\n updated() {\n this.updateIndeterminate();\n },\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n
|