2022-01-21

king

2022-01-21 46f79b491173d284a4900d19e7aecf7509481438

 src/menu/components/share/markcomponent/index.jsx

@@ -1,16 +1,18 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { fromJS } from 'immutable'
import { Icon, Modal, Col } from 'antd'
import { Modal, Col } from 'antd'
import { AntDesignOutlined } from '@ant-design/icons'

import Utils from '@/utils/utils.js'
import asyncComponent from '@/utils/asyncComponent'
import MarkForm from './markform'
import './index.scss'
import MkIcon from '@/components/mk-icon'
import { minkeIconSystem } from '@/utils/option.js'
import zhCN from '@/locales/zh-CN/model.js'
import enUS from '@/locales/en-US/model.js'
import '@/assets/css/table.scss'
import './index.scss'

const EditTable = asyncComponent(() => import('@/templates/zshare/editTable'))
const { confirm } = Modal
@@ -82,15 +84,17 @@
        options: [],
        render: text => {
          let sign = {
            'font': '文字颜色',
            'font': '文字',
            'background': '背景',
            'underline': '下划线',
            'line-through': '中划线',
            'icon': '图标'
            'icon': '图标',
            'iconfront': '图标',
            'iconback': '图标',
          }

          return (
            <div>{sign[text[0]]} {text[3] ? <Icon type={text[3]} /> : null}</div>
            <div>{sign[text[0]]} {text[2] ? <MkIcon type={text[text.length - 1]} /> : null}</div>
          )
        }
      }
@@ -164,7 +168,7 @@
        children: minkeIconSystem.direction.map(cell => {
          return {
            value: cell,
            label: (<Icon type={cell} />)
            label: (<MkIcon type={cell} />)
          }
        })
      },
@@ -174,7 +178,7 @@
        children: minkeIconSystem.hint.map(cell => {
          return {
            value: cell,
            label: (<Icon type={cell} />)
            label: (<MkIcon type={cell} />)
          }
        })
      },
@@ -184,7 +188,7 @@
        children: minkeIconSystem.edit.map(cell => {
          return {
            value: cell,
            label: (<Icon type={cell} />)
            label: (<MkIcon type={cell} />)
          }
        })
      },
@@ -194,17 +198,7 @@
        children: minkeIconSystem.data.map(cell => {
          return {
            value: cell,
            label: (<Icon type={cell} />)
          }
        })
      },
      {
        value: 'trademark',
        label: '品牌和标识',
        children: minkeIconSystem.trademark.map(cell => {
          return {
            value: cell,
            label: (<Icon type={cell} />)
            label: (<MkIcon type={cell} />)
          }
        })
      },
@@ -214,7 +208,7 @@
        children: minkeIconSystem.normal.map(cell => {
          return {
            value: cell,
            label: (<Icon type={cell} />)
            label: (<MkIcon type={cell} />)
          }
        })
      }
@@ -222,7 +216,7 @@
    let signs = [
      {
        value: 'font',
        label: '文字颜色'
        label: '文字'
      },
      {
        value: 'background',
@@ -237,24 +231,19 @@
        label: '中划线'
      },
      {
        value: 'icon',
        label: '图标',
        children: [
          {
            value: 'front',
            label: '内容前',
            children: icons
          },
          {
            value: 'back',
            label: '内容后',
            children: icons
          }
        ]
        value: 'iconfront',
        label: '图标（前）',
        children: icons
      },
      {
        value: 'iconback',
        label: '图标（后）',
        children: icons
      }
    ]

    if (type === 'line' || type === 'sequence') {
      signs.pop()
      signs.pop()
    } else if (type === 'slider') {
      markColumns = markColumns.filter(col => {
@@ -264,9 +253,17 @@
      signs = []
    }

    let _marks = marks ? fromJS(marks).toJS() : []
    _marks = _marks.map(item => {
      if (item.signType && item.signType[0] === 'icon') {
        item.signType = [item.signType[0] + item.signType[1], item.signType[2], item.signType[3]]
      }
      return item
    })

    this.setState({
      visible: true,
      marks: marks ? fromJS(marks).toJS() : [],
      marks: _marks,
      markColumns: markColumns.map(col => {
        if (col.dataIndex === 'field') {
          col.options = options
@@ -332,7 +329,7 @@

    return (
      <div style={{display: 'inline-block'}}>
        <Icon className="profile" title="标记" type="ant-design" onClick={this.resetMark} />
        <AntDesignOutlined className="profile" title="标记" onClick={this.resetMark} />
        <Modal
          wrapClassName="model-table-column-mark-modal"
          title={'标记设置'}