2025-01-24

king

2025-01-24 e1cee96b38805bcccf48e7bcb9d296f2bc54c720

 src/menu/components/tabs/antv-tabs/options.jsx

@@ -42,14 +42,14 @@
    //   tooltip: '当禁用字段值与隐藏标记相等时，标签页会隐藏。注：1、多个值请用逗号分隔，2、@pass@值表示忽略此设置（始终显示），2、@pass_empty@值表示忽略空值，即未获取上级组件信息时显示（可与其他值拼接）。',
    //   required: false,
    // },
    {
      type: 'text',
      field: 'selectVal',
      label: '选中标记',
      initval: tab.selectVal || '',
      tooltip: '当选中字段值与选中标记相等时，标签页默认选中。',
      required: false
    },
    // {
    //   type: 'text',
    //   field: 'selectVal',
    //   label: '选中标记',
    //   initval: tab.selectVal || '',
    //   tooltip: '当选中字段值与选中标记相等时，标签页默认选中。',
    //   required: false
    // },
    {
      type: 'color',
      field: 'backgroundColor',
@@ -105,7 +105,10 @@
    roleList = []
  }

  let controlVals = subtabs.map(item => ({uuid: item.uuid, label: item.label, value: item.controlVal}))
  let controlVals = subtabs.map(item => ({uuid: item.uuid, label: item.label, value: item.controlVal || ''}))
  let selectVals = subtabs.map(item => ({uuid: item.uuid, label: item.label, value: item.selectVal || ''}))

  let tabStyle = setting.cusClass || setting.tabStyle

  const tabForm = [
    {
@@ -140,21 +143,51 @@
        {value: 'right', label: 'right'},
      ],
      controlFields: [
        {field: 'display', values: ['top', 'bottom']},
        // {field: 'cusClass', values: ['top']},
        {field: 'tabStyle', values: ['top']},
      ]
    },
    {
      type: 'radio',
      type: 'select',
      field: 'tabStyle',
      label: '页签样式',
      initval: setting.tabStyle || 'line',
      tooltip: '标签位置为top时有效，默认值为line。',
      initval: tabStyle || 'line',
      tooltip: '按钮样式在运行时可见',
      required: true,
      options: [
        {value: 'line', label: 'line'},
        {value: 'card', label: 'card'},
        {value: 'mk-tab-button', label: '按钮（左）'},
        {value: 'mk-tab-button tab-right', label: '按钮（右）'},
      ],
      controlFields: [
        {field: 'tabAlign', values: ['line']},
      ]
    },
    {
      type: 'select',
      field: 'tabAlign',
      label: '对齐方式',
      initval: setting.tabAlign || 'left',
      required: true,
      options: [
        {value: 'left', label: '左对齐'},
        {value: 'center', label: '居中对齐'},
        {value: 'right', label: '右对齐'},
      ],
    },
    // {
    //   type: 'select',
    //   field: 'cusClass',
    //   label: '自定义样式',
    //   initval: setting.cusClass || '',
    //   required: false,
    //   options: [
    //     {value: '', label: '无'},
    //     {value: 'mk-tab-button', label: '按钮（左）'},
    //     {value: 'mk-tab-button tab-right', label: '按钮（右）'},
    //   ]
    // },
    {
      type: 'radio',
      field: 'autoSwitch',
@@ -221,7 +254,10 @@
      label: '选中字段',
      initval: setting.selectField || '',
      tooltip: '用于控制标签页初始化选中，在标签中填入选中标记，注：数据来源于url参数。',
      required: false
      required: false,
      controlFields: [
        {field: 'selectVals', notNull: true},
      ]
    },
    {
      type: 'color',
@@ -254,11 +290,11 @@
    {
      type: 'table',
      field: 'controlVals',
      label: '标签组',
      label: '标签组(禁用)',
      initval: controlVals,
      tooltip: '当禁用字段值与隐藏标记相等时，标签页会隐藏。注：1、多个值请用逗号分隔，2、@pass@值表示忽略此设置（始终显示），2、@pass_empty@值表示忽略空值，即未获取上级组件信息时显示（可与其他值拼接）。',
      required: false,
      fixed: true,
      actions: ['edit'],
      span: 24,
      columns: [
        {
@@ -277,6 +313,33 @@
          width: '50%'
        }
      ]
    },
    {
      type: 'table',
      field: 'selectVals',
      label: '标签组(选中)',
      initval: selectVals,
      tooltip: '当选中字段值与选中标记相等时，标签页默认选中。',
      required: false,
      actions: ['edit'],
      span: 24,
      columns: [
        {
          title: '标签名称',
          dataIndex: 'label',
          editable: false,
          required: false,
          width: '30%'
        },
        {
          title: '选中标记',
          dataIndex: 'value',
          inputType: 'input',
          editable: true,
          required: false,
          width: '50%'
        }
      ]
    }
  ]