mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
67 lines
1.1 KiB
Vue
67 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<el-checkbox
|
||
|
|
v-bind="$props"
|
||
|
|
:disabled="disabled"
|
||
|
|
:indeterminate="indeterminate"
|
||
|
|
:value="value"
|
||
|
|
@change="onChange"
|
||
|
|
>
|
||
|
|
<n8n-input-label
|
||
|
|
:label="label"
|
||
|
|
:tooltipText="tooltipText"
|
||
|
|
:bold="false"
|
||
|
|
:size="labelSize"
|
||
|
|
></n8n-input-label>
|
||
|
|
</el-checkbox>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import Vue from 'vue';
|
||
|
|
import ElCheckbox from 'element-ui/lib/checkbox';
|
||
|
|
import N8nInputLabel from '../N8nInputLabel';
|
||
|
|
|
||
|
|
export default Vue.extend({
|
||
|
|
name: 'n8n-checkbox',
|
||
|
|
components: {
|
||
|
|
ElCheckbox,
|
||
|
|
N8nInputLabel,
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
label: {
|
||
|
|
type: String,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
disabled: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false,
|
||
|
|
},
|
||
|
|
tooltipText: {
|
||
|
|
type: String,
|
||
|
|
required: false,
|
||
|
|
},
|
||
|
|
indeterminate: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false,
|
||
|
|
},
|
||
|
|
value: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false,
|
||
|
|
},
|
||
|
|
labelSize: {
|
||
|
|
type: String,
|
||
|
|
default: 'medium',
|
||
|
|
validator: (value: string): boolean =>
|
||
|
|
['small', 'medium'].includes(value),
|
||
|
|
},
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onChange(e) {
|
||
|
|
this.$emit("input", e);
|
||
|
|
},
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" module>
|
||
|
|
</style>
|