操作（operations）

该页面假设你已经阅读过了operations基础配置。如果你还对operations配置不太了解，推荐你先阅读它。

配置指定位置的具名插槽 operation 0.5.0+

slot 属性可以指定operation所在插槽，如list支持 searchs 和 multipleSelect 定制搜索操作和多选操作

以下用list内的配置为例

edit 没有配置slot，会存在默认的每一行数据后面（默认slot）

testSelect 、testNewInput 、 search 、 reset 的 slot 为 search，控制的是搜索区域的操作

selectMulti 、 buttonMulti 的 slot 为 multipleSelect，控制的是多选操作区的操作（多选操作只有在选择了至少一行后才会出现，需要配置list 的 options.multipleSelect 为true）

  1. operations: {
  2.     edit: {
  3.         type: 'button',
  4.         label: '跳转'
  5.     },
  7.     testSelect: {
  8.         slot: 'searchs',
  9.         type: 'field',
  10.         field: 'testSelect'
  11.         // label: '可省略'
  12.     },
  13.     testNewInput: {
  14.         slot: 'searchs',
  15.         type: 'field',
  16.         field: {
  17.             type: 'text',
  18.             props: {
  19.                 placeholder: '折'
  20.             },
  21.             style: {
  22.                 width: '50px'
  23.             }
  24.         }
  25.     },
  26.     search: {
  27.         slot: 'searchs',
  28.         type: 'button',
  29.         props: {
  30.             type: 'primary'
  31.         },
  32.         label: '搜索',
  33.         event: 'list'
  34.     },
  35.     reset: {
  36.         slot: 'searchs',
  37.         type: 'reset',
  38.         label: '重置'
  39.     },
  41.     selectMulti: {
  42.         slot: 'multipleSelect',
  43.         type: 'field',
  44.         field: 'testSelect'
  45.         // label: '可省略'
  46.     },
  47.     buttonMulti: {
  48.         slot: 'multipleSelect',
  49.         type: 'button',
  50.         label: '删除',
  51.         event: 'multi'
  52.     }
  53. }

field operation 0.5.0+

0.5.0 - 0.5.21 默认slot暂不支持field operation，在0.5.22+ 支持

field operation可以生成任意field的edit态操作

可以通过处理 fieldChange 事件来捕获field operation的状态变更，通过判断 path 来响应对应的 field operation。当前值可以通过args.value获取，同时也可以通过 this.data.searchs.testSelect 获取路径和所配置的slot有关（如searchs 和 multipleSelect）

  1. operations: {
  2.     testSelect: {
  3.         slot: 'searchs',
  4.         type: 'field',
  5.         field: 'testSelect'
  6.     },
  7. },
  8. actions: {
  9.     fieldChange(args) {
  10.         // console.log('fieldChange', args)
  11.         if (args.path === 'searchs.testSelect') {
  12.             console.log('searchs.testSelect', args.value)
  13.         }
  14.     }
  15. }

默认值与reset operation

默认值可以在block的初始data内指定，如

  1. data: {
  2.     searchs: {
  3.         testText: 'a',
  4.         testTextarea: 'b'
  5.     }
  6. },

配置一个reset operation 会重置当前slot内的全部field operaiont状态为默认值，reset operation的其它配置参数同button

配置：button 按钮

常规的按钮操作

配置：icon 图标

icon operation可以配置图标，配置label 会显示为tooltip

配置：field 表单

field operation可以生成任意field的edit态操作，参考上面的说明

配置：reset 重置

配置一个reset operation 会重置当前slot内的全部field operaiont状态为默认值，reset operation的其它配置参数同button