UNPKG

@gitlab/ui

Version:
107 lines (93 loc) 2.81 kB
import { BFormTextarea } from 'bootstrap-vue/esm/index.js'; import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js'; const model = { prop: 'value', event: 'input' }; var script = { components: { BFormTextarea }, inheritAttrs: false, model, props: { // This prop is needed to map the v-model correctly // https://alligator.io/vuejs/add-v-model-support/ value: { type: String, required: false, default: '' }, noResize: { type: Boolean, required: false, default: true }, submitOnEnter: { type: Boolean, required: false, default: false } }, computed: { listeners() { return { ...this.$listeners, // Swap purpose of input and update events from underlying BFormTextarea. // See https://gitlab.com/gitlab-org/gitlab-ui/-/issues/631. input: (...args) => { /** * Emitted to update the v-model */ this.$emit('update', ...args); }, update: (...args) => { /** * Triggered by user interaction. * Emitted after any formatting (not including 'trim' or 'number' props). * Useful for getting the currently entered value when the 'debounce' or 'lazy' props are set. */ this.$emit(model.event, ...args); } }; }, keypressEvent() { return this.submitOnEnter ? 'keyup' : null; } }, methods: { handleKeyPress(e) { if (e.keyCode === 13 && (e.metaKey || e.ctrlKey)) { this.$emit('submit'); } } } }; /* script */ const __vue_script__ = script; /* template */ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-textarea',_vm._g(_vm._b({staticClass:"gl-form-input gl-form-textarea",attrs:{"no-resize":_vm.noResize,"value":_vm.value},nativeOn:_vm._d({},[_vm.keypressEvent,function($event){return _vm.handleKeyPress($event)}])},'b-form-textarea',_vm.$attrs,false),_vm.listeners))}; var __vue_staticRenderFns__ = []; /* style */ const __vue_inject_styles__ = undefined; /* scoped */ const __vue_scope_id__ = undefined; /* module identifier */ const __vue_module_identifier__ = undefined; /* functional template */ const __vue_is_functional_template__ = false; /* style inject */ /* style inject SSR */ /* style inject shadow dom */ const __vue_component__ = __vue_normalize__( { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined ); export default __vue_component__;