UNPKG

@gitlab/ui

Version:
155 lines (133 loc) 4.24 kB
import { BFormTextarea } from 'bootstrap-vue/esm/index.js'; import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js'; function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function _objectSpread2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } var model = { prop: 'value', event: 'input' }; var script = { components: { BFormTextarea: BFormTextarea }, inheritAttrs: false, model: 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: function listeners() { var _this = this; return _objectSpread2(_objectSpread2({}, this.$listeners), {}, { // Swap purpose of input and update events from underlying BFormTextarea. // See https://gitlab.com/gitlab-org/gitlab-ui/-/issues/631. input: function input() { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this.$emit.apply(_this, ['update'].concat(args)); }, update: function update() { for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } _this.$emit.apply(_this, [model.event].concat(args)); } }); }, keypressEvent: function keypressEvent() { return this.submitOnEnter ? 'keyup' : null; } }, methods: { handleKeyPress: function 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__;