Scheme Form 表单项label支持自定义

Aaron
1 parent fe692299
Showing 5 changed files with 13 additions and 4 deletions Show diff stats
examples/main.js
examples/views/docs/form.md
examples/views/page/test.vue
packages/form/index.vue
packages/scheme/index.vue
@@ -18,7 +18,7 @@ const request = axios.create({
   timeout: 1000 * 60,
   withCredentials: true,
   headers: {
-    token: 'ca0b8636568e89d8bdfe394750dea7a0',
+    token: 'ca2bd2fbc89ee1fdf26c975255905f8b',
     'Accept-Language': 'zh-CN'
   }
 });
@@ -48,7 +48,11 @@ export default {
 ```html
 <template>
-  <eagle-form :list="formList" style="width: 500px;"></eagle-form>
+  <eagle-form :list="formList" style="width: 500px;">
+    <template #label-gender="{ label }">
+      <span>自定义 - {{ label }}</span>
+    </template>
+  </eagle-form>
 </template>
 <script>
@@ -7,9 +7,12 @@
     <template #action-btn-new>
       <el-button>按钮</el-button>
     </template>
-    <template #table-operation-btn-edit>
-      <el-button class="eagle-scheme__table-btn" type="text">测试</el-button>
+    <template #form-label-code="{ label }">
+      修改 - {{ label }}
     </template>
+    <!-- <template #table-operation-btn-edit>
+      <el-button class="eagle-scheme__table-btn" type="text">测试</el-button>
+    </template> -->
     <template #table-append>
       <el-table-column prop="createTime" label="创建时间" min-width="180"></el-table-column>
       <el-table-column prop="createUser" label="创建人" min-width="160" show-overflow-tooltip></el-table-column>
@@ -33,6 +33,7 @@
           <template v-for="(item, index) in data.list">
             <el-col v-if="bindItemVisible(item.visible)" v-show="bindItemShow(item.show)" :key="index + 'data'" :span="!item.span ? span : item.span">
               <el-form-item :label="item.label" :label-width="item.label ? undefined : item.labelWidth || '0px'" :prop="item.key" :rules="bindItemRules(item)">
+                <slot v-if="$scopedSlots[`label-${item.key}`] || $slots[`label-${item.key}`]" :name="`label-${item.key}`" slot="label" :model="model" v-bind="item"></slot>
                 <el-tooltip :disabled="!item.tip" v-bind="bindItemTip(item.tip)">
                   <slot v-if="$scopedSlots[`item-${item.key}`] || $slots[`item-${item.key}`]" :name="`item-${item.key}`" :model="model" v-bind="item"></slot>
                   <component v-else :is="item.type || 'el-input'" v-model="model[item.key]" v-bind="bindItemProps(item)" v-on="bindItemEvent(item)" :style="bindItemStyle(item.style)"></component>
@@ -131,6 +131,7 @@
         <!-- 表单项具名插槽 -->
         <template v-for="item in _formList">
           <slot v-if="$scopedSlots[`form-item-${item.key}`] || $slots[`form-item-${item.key}`]" :name="`form-item-${item.key}`" :slot="`item-${item.key}`" :model="formModel"></slot>
+          <slot v-if="$scopedSlots[`form-label-${item.key}`] || $slots[`form-label-${item.key}`]" :name="`form-label-${item.key}`" :slot="`label-${item.key}`" :model="formModel" v-bind="item"></slot>
         </template>
       </eagle-form>
       <eagle-detail v-else-if="dialogType === 'dialog-view' && !$scopedSlots['dialog-view'] && !$slots['dialog-view']" v-model="formModel" :list="list || detailList || _formList" :span="detailProps.span || 8" :formProps="detailProps">
	@@ -18,7 +18,7 @@ const request = axios.create({		@@ -18,7 +18,7 @@ const request = axios.create({
18	timeout: 1000 * 60,	18	timeout: 1000 * 60,
19	withCredentials: true,	19	withCredentials: true,
20	headers: {	20	headers: {
21	- token: 'ca0b8636568e89d8bdfe394750dea7a0',	21	+ token: 'ca2bd2fbc89ee1fdf26c975255905f8b',
22	'Accept-Language': 'zh-CN'	22	'Accept-Language': 'zh-CN'
23	}	23	}
24	});	24	});