Merge pull request #45 from ZhaoYangyang0403/bugfix/line-feed-for-for…

…m-item-label

fix line truncation in form item label

frontend/src/components/BugTemplateSelector.vue

@@ -2,7 +2,7 @@
   <Form :label-width="80" class="split-left-template-selector">
     <Row>
       <i-col span="12">
-        <FormItem label="template">
+        <FormItem label="Template">
           <Select
             v-model="selectedTemplateIndex"
             filterable

frontend/src/components/form/CompoundTextAreaFormItem.vue

@@ -1,5 +1,8 @@
 <template>
-  <FormItem :label="data.name" :required="isRequired">
+  <FormItem :required="isRequired">
+    <template v-slot:label>
+      <FormItemLabel :label="data.name"/>
+    </template>
     <div style="background:#eee;padding:10px">
       <Input
         type="textarea"
@@ -16,11 +19,13 @@
 
 <script>
 import MovableDescription from '@/components/form/MovableDescription.vue'
+import FormItemLabel from '@/components/form/FormItemLabel.vue'
 
 export default {
   props: ['data', 'index'],
   components: {
-    MovableDescription
+    MovableDescription,
+    FormItemLabel
   },
   created () {
     this.$bus.$on('addMessage', this.addDesc)

frontend/src/components/form/FormItemLabel.vue

@@ -0,0 +1,21 @@
+<template>
+  <span class="form-item-label">
+    {{  label  }}
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    label: {
+      type: String
+    }
+  }
+}
+</script>
+
+<style>
+.form-item-label {
+  white-space: normal;
+}
+</style>

frontend/src/components/form/InputFormItem.vue

@@ -1,5 +1,8 @@
 <template>
-  <FormItem :label="data.name" :required="isRequired">
+  <FormItem :required="isRequired">
+    <template v-slot:label>
+      <FormItemLabel :label="data.name"/>
+    </template>
     <div>
       <input
         type="text"
@@ -12,7 +15,12 @@
 </template>
 
 <script>
+import FormItemLabel from '@/components/form/FormItemLabel.vue'
+
 export default {
+  components: {
+    FormItemLabel
+  },
   props: ['data', 'index'],
   computed: {
     formItemData: {

frontend/src/components/form/SelectFormItem.vue

@@ -1,5 +1,8 @@
 <template>
-  <FormItem :label="data.name" :required="isRequired">
+  <FormItem :required="isRequired">
+    <template v-slot:label>
+      <FormItemLabel :label="data.name"/>
+    </template>
     <div>
       <Select size="small" :clearable="!data.required" :multiple="data.multiple"
       v-model="formItemData" filterable :placeholder="placeholder">
@@ -14,7 +17,12 @@
 </template>
 
 <script>
+import FormItemLabel from '@/components/form/FormItemLabel.vue'
+
 export default {
+  components: {
+    FormItemLabel
+  },
   props: ['data', 'index'],
   computed: {
     formItemData: {

setup.py

@@ -8,7 +8,7 @@
 
 setup(
     name='lyrebird-bugit',
-    version='1.12.1',
+    version='1.12.2',
     packages=['lyrebird_bugit'],
     url='https://github.com/Meituan-Dianping/lyrebird-bugit',
     author='HBQA',