2020-07-22

king

2020-07-22 0c94290767a88c913ed736e65970eafee9e41519

2020-07-22

 src/assets/css/table.scss

@@ -9,7 +9,7 @@
.mingke-table {
  .ant-cascader-menu {
    min-width: 120px;
    height: 300px;
    height: 200px;
  }
  .ant-cascader-menu + .ant-cascader-menu {
    min-width: 130px;

 src/components/sidemenu/index.scss

@@ -21,6 +21,12 @@
    line-height: 38px;
    margin: 0px;
    border-bottom: 1px solid #000c17;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    a {
      display: inline-block;
    }
    .edit-check {
      top: -5px;
    }

 src/mob/components/login/mob-login-1/index.scss

@@ -162,9 +162,9 @@
    border-color: #535353;
  }
  .company-msg {
    width: 88%;
    max-width: 280px;
    min-height: 10px;
    margin-left: 6%;
    margin: 0 auto;
    font-size: 12px;
    color: #fafafa;
    text-align: center;

 src/tabviews/commontable/index.jsx

@@ -1125,6 +1125,7 @@
                    logcolumns={this.state.logcolumns}
                    ContainerId={this.state.ContainerId}
                    refreshdata={this.refreshbyaction}
                    getexceloutparam={this.getexceloutparam}
                    handleTableId={this.handleTableId}
                  />
                </Col>

 src/tabviews/commontable/index.scss

@@ -71,6 +71,7 @@
    }
  }
  > .ant-tabs {
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 20px;
    .ant-tabs-tab:not(.ant-tabs-tab-active) {

 src/tabviews/subtable/index.jsx

@@ -881,6 +881,7 @@
                    logcolumns={this.state.logcolumns}
                    refreshdata={this.refreshbyaction}
                    handleTableId={this.handleTableId}
                    getexceloutparam={this.getexceloutparam}
                  />
                </Col>
              )

 src/tabviews/zshare/actionList/excelInbutton/excelin/index.jsx

@@ -47,7 +47,7 @@
          errors = 'notexit'
        } else if (range === 1) {
          let header = XLSX.utils.sheet_to_json(workbook.Sheets[btn.verify.sheet], {header: columns})[0]
          

          if (!header) {
            errors = 'empty'
          } else {

 src/tabviews/zshare/actionList/excelInbutton/index.jsx

@@ -205,7 +205,7 @@
      } else if (errors === 'headerError') {
        notification.warning({
          top: 92,
          message: '工作表《' + btn.verify.sheet + '》表头设置错误！',
          message: '工作表《' + btn.verify.sheet + '》表头设置错误，请检查表头中的名称及顺序，与按钮Excel列信息是否一致！',
          duration: 5
        })
      }

 src/tabviews/zshare/cardcomponent/asyncButtonComponent.jsx

New file
@@ -0,0 +1,33 @@
import React, {Component} from 'react'
import { Button } from 'antd'

/**
 * @description 异步加载模块
 * @param {*} importComponent
 */
export default function asyncComponent(importComponent) {
  return class extends Component {
    constructor(props) {
      super(props)

      this.state = {
        component: null
      }
    }

    async componentDidMount() {
      const {default: component} = await importComponent()

      this.setState({component})
    }

    render() {
      const C = this.state.component
      const btn = this.props.btn || {}

      return C ?
        <C {...this.props} /> :
        <Button icon={btn.OpenType === 'excelOut' ? 'download' : 'upload'} disabled={true} title={btn.label} style={{border: 0, background: 'transparent'}}></Button>
    }
  }
}

 src/tabviews/zshare/cardcomponent/index.jsx

@@ -4,11 +4,14 @@
import { Icon, Card, Spin, Empty, Tabs } from 'antd'

import asyncComponent from '@/utils/asyncComponent'
import asyncExcelComponent from './asyncButtonComponent'
import '@/assets/css/table.scss'
import './index.scss'

const NormalButton = asyncComponent(() => import('@/tabviews/zshare/actionList/normalbutton'))
const PopupButton = asyncComponent(() => import('@/tabviews/zshare/actionList/popupbutton'))
const ExcelInButton = asyncExcelComponent(() => import('@/tabviews/zshare/actionList/excelInbutton'))
const ExcelOutButton = asyncExcelComponent(() => import('@/tabviews/zshare/actionList/exceloutbutton'))
const TabButton = asyncComponent(() => import('@/tabviews/zshare/actionList/tabbutton'))
const NewPageButton = asyncComponent(() => import('@/tabviews/zshare/actionList/newpagebutton'))
const ChangeUserButton = asyncComponent(() => import('@/tabviews/zshare/actionList/changeuserbutton'))
@@ -530,13 +533,15 @@
    loading: PropTypes.bool,
    data: PropTypes.array,
    refreshdata: PropTypes.func,
    getexceloutparam: PropTypes.func,
    handleTableId: PropTypes.func
  }

  state = {
    card: null,
    colMap: null,
    selectKey: ''
    selectKey: '',
    actionList: null
  }

  /**
@@ -551,6 +556,7 @@
    let columns = fromJS(config.columns).toJS()
    let actions = fromJS(config.action).toJS()
    let insertAction = null
    let actionList = []

    columns.forEach(col => {
      if (col.field) {
@@ -563,6 +569,8 @@
        actionMap.set(item.uuid, item)
      } else if (plot.insert === 'true' && !insertAction && item.OpenType === 'pop' && item.sqlType === 'insert' && item.Ot === 'notRequired') {
        insertAction = item
      } else if (plot.actions && plot.actions.length > 0 && plot.actions.includes(item.uuid) && (item.OpenType === 'excelOut' || (item.OpenType === 'excelIn' && item.Ot === 'notRequired'))) {
        actionList.push(item)
      }
    })

@@ -702,7 +710,7 @@

    card.insertAction = insertAction // 添加卡片

    this.setState({card: card, colMap: colMap})
    this.setState({card: card, colMap: colMap, actionList: actionList})
  }

  UNSAFE_componentWillReceiveProps(nextProps) {
@@ -764,8 +772,8 @@

  render() {
    const { plot, data, loading, BID, BData, Tab, MenuID, config, logcolumns, ContainerId } = this.props
    const { card, colMap, selectKey } = this.state

    const { card, colMap, selectKey, actionList } = this.state
    
    return (
      <div className="card-row-box mingke-table" ref={(ref) => this.cardRef = ref} style={!plot.title ? {paddingTop: '15px'} : null}>
        {loading ?
@@ -774,7 +782,40 @@
            <Spin />
          </div> : null
        }
        {plot.title ? <p className="chart-title">{plot.title}</p> : null}
        <div>
          {plot.title ? <p className="chart-title">{plot.title}</p> : null}
          <div style={{float: 'right', marginRight: 10}}>
            {actionList && actionList.map(action => {
              if (action.OpenType === 'excelIn') {
                return (
                  <ExcelInButton
                    key={action.uuid}
                    BID={BID}
                    Tab={Tab}
                    btn={action}
                    show="icon"
                    setting={config.setting}
                    updateStatus={() => {}}
                  />
                )
              } else {
                return (
                  <ExcelOutButton
                    key={action.uuid}
                    BID={BID}
                    Tab={Tab}
                    btn={action}
                    show="icon"
                    setting={config.setting}
                    getexceloutparam={this.props.getexceloutparam}
                    updateStatus={() => {}}
                  />
                )
              }
            })}
          </div>
          <div style={{clear: 'both'}}></div>
        </div>
        {plot.over !== 'roll' && data && data.length > 0 &&
          data.map((item, i) => (
            <CardCell

 src/templates/sharecomponent/actioncomponent/verifyexcelin/customscript/index.jsx

@@ -1,5 +1,6 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { is, fromJS } from 'immutable'
import { Form, Row, Col, Input, Button, notification, Modal, Icon, Tooltip, Radio, Select } from 'antd'
import moment from 'moment'

@@ -48,6 +49,31 @@
    })
  }

  UNSAFE_componentWillReceiveProps (nextProps) {
    const { btn } = this.props

    if (nextProps.usefulfields && !is(fromJS(this.props.usefulfields), fromJS(nextProps.usefulfields))) {

      let fields = nextProps.usefulfields.map(item => item.Column)
      if (!fields.includes('ID')) {
        fields.unshift('ID')
      }
      if (!fields.includes('BID')) {
        fields.unshift('BID')
      }

      let _sql = `Declare @${btn.sheet} table (${nextProps.usefulfields.map(item => item.Column + ' ' + item.type).join(',')},jskey nvarchar(50) )
        Declare @UserName nvarchar(50),@FullName nvarchar(50),@ErrorCode nvarchar(50), @retmsg nvarchar(4000),@tbid Nvarchar(512)
        Select @ErrorCode='', @retmsg=''
      `
      
      this.setState({
        verifySql: _sql,
        usefulfields: fields.join(', ')
      })
    }
  }

  edit = (record) => {
    this.setState({
      editItem: record

 src/templates/sharecomponent/actioncomponent/verifyexcelin/index.jsx

@@ -1,6 +1,6 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { Form, Tabs, Row, Col, Input, Button, Table, Popconfirm, Icon, notification, Modal, message, InputNumber, Radio, Typography } from 'antd'
import { Form, Tabs, Row, Col, Input, Button, Table, Popconfirm, Icon, Tooltip, notification, Modal, message, InputNumber, Radio, Typography } from 'antd'
import moment from 'moment'

import Api from '@/api'
@@ -25,6 +25,7 @@
  state = {
    verify: {},
    systemScripts: [],
    activeKey: 'basemsg',
    excelColumns: [
      {
        title: this.props.dict['model.form.field'],
@@ -298,7 +299,7 @@
      if (col.field && !_cols.includes(col.field)) {
        let _type = 'Nvarchar(50)'
        let _limit = '50'
        if (col.type === 'number' && col.decimal === 0) {
        if (col.type === 'number' && !col.decimal) {
          _type = 'Int'
          _limit = ''
        } else if (col.type === 'number') {
@@ -330,6 +331,26 @@
        ...verify,
        columns: _columns
      }
    })
  }

  clearField = () => {
    const { verify } = this.state
    const _this = this

    confirm({
      content: `确定清空Excel列吗？`,
      okText: this.props.dict['model.confirm'],
      cancelText: this.props.dict['model.cancel'],
      onOk() {
        _this.setState({
          verify: {
            ...verify,
            columns: []
          }
        })
      },
      onCancel() {}
    })
  }

@@ -564,14 +585,18 @@
          let _loading = false
          if (this.columnForm && this.columnForm.state.editItem) {
            _loading = true
            this.setState({activeKey: 'excelcolumn'})
          } else if (this.scriptsForm && this.scriptsForm.state.editItem) {
            _loading = true
            this.setState({activeKey: 'scripts'})
          } else if (this.uniqueForm && this.uniqueForm.state.editItem) {
            _loading = true
            this.setState({activeKey: 'unique'})
          }

          if (this.scriptsForm && this.scriptsForm.props.form.getFieldValue('sql')) {
            _loading = true
            this.setState({activeKey: 'scripts'})
          }

          if (_loading) {
@@ -648,10 +673,24 @@
    })
  }

  tabchange = (val) => {
    const { activeKey } = this.state

    if (activeKey === 'basemsg') {
      this.props.form.validateFieldsAndScroll((err, values) => {
        if (!err) {
          this.setState({activeKey: val})
        }
      })
    } else {
      this.setState({activeKey: val})
    }
  }

  render() {
    const { card } = this.props
    const { getFieldDecorator } = this.props.form
    const { verify, excelColumns, scriptsColumns, uniqueColumns } = this.state
    const { verify, excelColumns, scriptsColumns, uniqueColumns, activeKey } = this.state
    const formItemLayout = {
      labelCol: {
        xs: { span: 24 },
@@ -665,8 +704,8 @@

    return (
      <div id="verify-excel-box-tab">
        <Tabs defaultActiveKey="1" className="verify-card-box" onChange={this.tabchange}>
          <TabPane tab="基础验证" key="1">
        <Tabs activeKey={activeKey} className="verify-card-box" onChange={this.tabchange}>
          <TabPane tab="基础验证" key="basemsg">
            <Form {...formItemLayout}>
              <Row gutter={24}>
                <Col span={8}>
@@ -683,7 +722,12 @@
                  </Form.Item>
                </Col>
                <Col span={8}>
                  <Form.Item label={'忽略行'}>
                  <Form.Item label={
                    <Tooltip placement="bottomLeft" title="忽略首行时，会校验excel中表头名称与excel列设置是否一致。">
                      <Icon type="question-circle" style={{color: '#c49f47', marginRight: '5px'}}/>
                      忽略行
                    </Tooltip>
                  }>
                    {getFieldDecorator('range', {
                      initialValue: verify.range || 0
                    })(<InputNumber min={0} max={100} precision={0} />)}
@@ -700,7 +744,7 @@
              </Row>
            </Form>
          </TabPane>
          <TabPane tab="Excel列设置" key="2x">
          <TabPane tab="Excel列设置" key="excelcolumn">
            <ColumnForm
              dict={this.props.dict}
              columns={verify.columns}
@@ -709,6 +753,9 @@
            />
            <Button className="excel-col-add mk-green" title="添加显示列字段" onClick={this.columnFieldInput}>
              同步显示列
            </Button>
            <Button className="excel-col-add mk-red" title="清空Excel列" onClick={this.clearField}>
              清空Excel列
            </Button>
            <Table
              bordered
@@ -719,7 +766,7 @@
              pagination={false}
            />
          </TabPane>
          {card.intertype === 'inner' && !card.innerFunc ? <TabPane tab="唯一性验证" key="3">
          {card.intertype === 'inner' && !card.innerFunc ? <TabPane tab="唯一性验证" key="unique">
            <UniqueForm
              fields={verify.columns}
              dict={this.props.dict}
@@ -735,7 +782,7 @@
              pagination={false}
            />
          </TabPane> : null}
          {card.intertype === 'inner' && !card.innerFunc ? <TabPane tab="自定义脚本" key="6">
          {card.intertype === 'inner' && !card.innerFunc ? <TabPane tab="自定义脚本" key="scripts">
            <CustomScript
              dict={this.props.dict}
              btn={this.props.card}
@@ -754,7 +801,7 @@
              pagination={false}
            />
          </TabPane> : null}
          <TabPane tab="信息提示" key="7">
          <TabPane tab="信息提示" key="tip">
            <Form {...formItemLayout}>
              <Row gutter={24}>
                <Col offset={6} span={6}>

 src/templates/sharecomponent/actioncomponent/verifyexcelin/index.scss

@@ -68,6 +68,8 @@
    .excel-col-add {
      position: relative;
      float: right;
      right: -9px;
      margin-right: 10px;
      top: -40px;
      z-index: 1;
    }

 src/templates/sharecomponent/actioncomponent/verifyexcelout/index.jsx

@@ -12,6 +12,7 @@

const { TabPane } = Tabs
const { TextArea } = Input
const { confirm } = Modal

class VerifyCard extends Component {
  static propTpyes = {
@@ -399,6 +400,26 @@
    })
  }

  clearField = () => {
    const { verify } = this.state
    const _this = this

    confirm({
      content: `确定清空Excel列吗？`,
      okText: this.props.dict['model.confirm'],
      cancelText: this.props.dict['model.cancel'],
      onOk() {
        _this.setState({
          verify: {
            ...verify,
            columns: []
          }
        })
      },
      onCancel() {}
    })
  }

  render() {
    const { card } = this.props
    const { verify, excelColumns, defaultscript } = this.state
@@ -426,6 +447,9 @@
            <Button className="excel-col-add mk-green" title="添加显示列字段" onClick={this.columnFieldInput}>
              同步显示列
            </Button>
            <Button className="excel-col-add mk-red" title="清空Excel列" onClick={this.clearField}>
              清空Excel列
            </Button>
            <Table
              bordered
              rowKey="uuid"

 src/templates/sharecomponent/actioncomponent/verifyexcelout/index.scss

@@ -66,6 +66,8 @@
    .excel-col-add {
      position: relative;
      float: right;
      right: -9px;
      margin-right: 10px;
      top: -5px;
      z-index: 1;
    }

 src/templates/sharecomponent/cardcomponent/dragdetail/index.scss

@@ -16,11 +16,13 @@
      word-break: break-word;
      white-space: nowrap;
      text-overflow: ellipsis;
      cursor: move;
    }
    .content:not(.line1) {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      cursor: move;
    }
    .content.line2 {
      -webkit-line-clamp: 2;

 src/templates/sharecomponent/chartcomponent/chartcompile/index.jsx

@@ -229,6 +229,8 @@
    const { plot, fieldName, enabled, colorOptions, shapeOptions } = this.state
    const fields = []

    if (!plot.customs) return null

    fields.push(<Col span={12} key="enabled">
      <Form.Item label="是否启用" style={{marginBottom: 10}}>
        {getFieldDecorator('enabled', {

 src/templates/sharecomponent/chartgroupcomponent/chartform/index.jsx

@@ -210,7 +210,7 @@
      columns: _columns,
      selectlegend: _selectlegend,
      formlist: formlist.map(item => {
        if (item.key === 'actions' && ['table', 'card'].includes(_type)) { // 按钮组
        if (item.key === 'actions' && ['table'].includes(_type)) { // 按钮组
          item.hidden = true
        } else if (item.key === 'height' && ['table', 'card'].includes(_type)) {
          item.hidden = true
@@ -264,7 +264,7 @@
        legends: syslegends[value] || null,
        selectlegend: syslegends[value] ? syslegends[value][0] : null,
        formlist: formlist.map(item => {
          if (item.key === 'actions' && ['table', 'card'].includes(value)) { // 按钮组
          if (item.key === 'actions' && ['table'].includes(value)) { // 按钮组
            item.hidden = true
          } else if (item.key === 'height' && ['table', 'card'].includes(value)) {
            item.hidden = true

 src/utils/option.js

@@ -439,15 +439,15 @@
    value: 'DustRed',
    label: '薄暮',
    children: [
      { value: 'dust-red-1', label: 'dust-red-1' },
      // { value: 'dust-red-1', label: 'dust-red-1' },
      { value: 'dust-red-2', label: 'dust-red-2' },
      { value: 'dust-red-3', label: 'dust-red-3' },
      // { value: 'dust-red-3', label: 'dust-red-3' },
      { value: 'dust-red-4', label: 'dust-red-4' },
      { value: 'dust-red-5', label: 'dust-red-5' },
      // { value: 'dust-red-5', label: 'dust-red-5' },
      { value: 'dust-red-6', label: 'dust-red-6' },
      { value: 'dust-red-7', label: 'dust-red-7' },
      // { value: 'dust-red-7', label: 'dust-red-7' },
      { value: 'dust-red-8', label: 'dust-red-8' },
      { value: 'dust-red-9', label: 'dust-red-9' },
      // { value: 'dust-red-9', label: 'dust-red-9' },
      { value: 'dust-red-10', label: 'dust-red-10' }
    ]
  },
@@ -455,15 +455,15 @@
    value: 'Volcano',
    label: '火山',
    children: [
      { value: 'volcano-1', label: 'volcano-1' },
      // { value: 'volcano-1', label: 'volcano-1' },
      { value: 'volcano-2', label: 'volcano-2' },
      { value: 'volcano-3', label: 'volcano-3' },
      // { value: 'volcano-3', label: 'volcano-3' },
      { value: 'volcano-4', label: 'volcano-4' },
      { value: 'volcano-5', label: 'volcano-5' },
      // { value: 'volcano-5', label: 'volcano-5' },
      { value: 'volcano-6', label: 'volcano-6' },
      { value: 'volcano-7', label: 'volcano-7' },
      // { value: 'volcano-7', label: 'volcano-7' },
      { value: 'volcano-8', label: 'volcano-8' },
      { value: 'volcano-9', label: 'volcano-9' },
      // { value: 'volcano-9', label: 'volcano-9' },
      { value: 'volcano-10', label: 'volcano-10' }
    ],
  },
@@ -471,15 +471,15 @@
    value: 'SunsetOrange',
    label: '日暮',
    children: [
      { value: 'orange-1', label: 'orange-1' },
      // { value: 'orange-1', label: 'orange-1' },
      { value: 'orange-2', label: 'orange-2' },
      { value: 'orange-3', label: 'orange-3' },
      // { value: 'orange-3', label: 'orange-3' },
      { value: 'orange-4', label: 'orange-4' },
      { value: 'orange-5', label: 'orange-5' },
      // { value: 'orange-5', label: 'orange-5' },
      { value: 'orange-6', label: 'orange-6' },
      { value: 'orange-7', label: 'orange-7' },
      // { value: 'orange-7', label: 'orange-7' },
      { value: 'orange-8', label: 'orange-8' },
      { value: 'orange-9', label: 'orange-9' },
      // { value: 'orange-9', label: 'orange-9' },
      { value: 'orange-10', label: 'orange-10' }
    ]
  },
@@ -487,15 +487,15 @@
    value: 'CalendulaGold',
    label: '金盏花',
    children: [
      { value: 'gold-1', label: 'gold-1' },
      // { value: 'gold-1', label: 'gold-1' },
      { value: 'gold-2', label: 'gold-2' },
      { value: 'gold-3', label: 'gold-3' },
      // { value: 'gold-3', label: 'gold-3' },
      { value: 'gold-4', label: 'gold-4' },
      { value: 'gold-5', label: 'gold-5' },
      // { value: 'gold-5', label: 'gold-5' },
      { value: 'gold-6', label: 'gold-6' },
      { value: 'gold-7', label: 'gold-7' },
      // { value: 'gold-7', label: 'gold-7' },
      { value: 'gold-8', label: 'gold-8' },
      { value: 'gold-9', label: 'gold-9' },
      // { value: 'gold-9', label: 'gold-9' },
      { value: 'gold-10', label: 'gold-10' }
    ]
  },
@@ -503,15 +503,15 @@
    value: 'SunriseYellow',
    label: '日出',
    children: [
      { value: 'yellow-1', label: 'yellow-1' },
      // { value: 'yellow-1', label: 'yellow-1' },
      { value: 'yellow-2', label: 'yellow-2' },
      { value: 'yellow-3', label: 'yellow-3' },
      // { value: 'yellow-3', label: 'yellow-3' },
      { value: 'yellow-4', label: 'yellow-4' },
      { value: 'yellow-5', label: 'yellow-5' },
      // { value: 'yellow-5', label: 'yellow-5' },
      { value: 'yellow-6', label: 'yellow-6' },
      { value: 'yellow-7', label: 'yellow-7' },
      // { value: 'yellow-7', label: 'yellow-7' },
      { value: 'yellow-8', label: 'yellow-8' },
      { value: 'yellow-9', label: 'yellow-9' },
      // { value: 'yellow-9', label: 'yellow-9' },
      { value: 'yellow-10', label: 'yellow-10' }
    ]
  },
@@ -519,15 +519,15 @@
    value: 'Lime',
    label: '青柠',
    children: [
      { value: 'lime-1', label: 'lime-1' },
      // { value: 'lime-1', label: 'lime-1' },
      { value: 'lime-2', label: 'lime-2' },
      { value: 'lime-3', label: 'lime-3' },
      // { value: 'lime-3', label: 'lime-3' },
      { value: 'lime-4', label: 'lime-4' },
      { value: 'lime-5', label: 'lime-5' },
      // { value: 'lime-5', label: 'lime-5' },
      { value: 'lime-6', label: 'lime-6' },
      { value: 'lime-7', label: 'lime-7' },
      // { value: 'lime-7', label: 'lime-7' },
      { value: 'lime-8', label: 'lime-8' },
      { value: 'lime-9', label: 'lime-9' },
      // { value: 'lime-9', label: 'lime-9' },
      { value: 'lime-10', label: 'lime-10' }
    ]
  },
@@ -535,15 +535,15 @@
    value: 'PolarGreen',
    label: '极光绿',
    children: [
      { value: 'green-1', label: 'green-1' },
      // { value: 'green-1', label: 'green-1' },
      { value: 'green-2', label: 'green-2' },
      { value: 'green-3', label: 'green-3' },
      // { value: 'green-3', label: 'green-3' },
      { value: 'green-4', label: 'green-4' },
      { value: 'green-5', label: 'green-5' },
      // { value: 'green-5', label: 'green-5' },
      { value: 'green-6', label: 'green-6' },
      { value: 'green-7', label: 'green-7' },
      // { value: 'green-7', label: 'green-7' },
      { value: 'green-8', label: 'green-8' },
      { value: 'green-9', label: 'green-9' },
      // { value: 'green-9', label: 'green-9' },
      { value: 'green-10', label: 'green-10' }
    ]
  },
@@ -551,15 +551,15 @@
    value: 'Cyan',
    label: '明青',
    children: [
      { value: 'cyan-1', label: 'cyan-1' },
      // { value: 'cyan-1', label: 'cyan-1' },
      { value: 'cyan-2', label: 'cyan-2' },
      { value: 'cyan-3', label: 'cyan-3' },
      // { value: 'cyan-3', label: 'cyan-3' },
      { value: 'cyan-4', label: 'cyan-4' },
      { value: 'cyan-5', label: 'cyan-5' },
      // { value: 'cyan-5', label: 'cyan-5' },
      { value: 'cyan-6', label: 'cyan-6' },
      { value: 'cyan-7', label: 'cyan-7' },
      // { value: 'cyan-7', label: 'cyan-7' },
      { value: 'cyan-8', label: 'cyan-8' },
      { value: 'cyan-9', label: 'cyan-9' },
      // { value: 'cyan-9', label: 'cyan-9' },
      { value: 'cyan-10', label: 'cyan-10' }
    ]
  },
@@ -567,15 +567,15 @@
    value: 'DaybreakBlue',
    label: '拂晓蓝',
    children: [
      { value: 'blue-1', label: 'blue-1' },
      // { value: 'blue-1', label: 'blue-1' },
      { value: 'blue-2', label: 'blue-2' },
      { value: 'blue-3', label: 'blue-3' },
      // { value: 'blue-3', label: 'blue-3' },
      { value: 'blue-4', label: 'blue-4' },
      { value: 'blue-5', label: 'blue-5' },
      // { value: 'blue-5', label: 'blue-5' },
      { value: 'blue-6', label: 'blue-6' },
      { value: 'blue-7', label: 'blue-7' },
      // { value: 'blue-7', label: 'blue-7' },
      { value: 'blue-8', label: 'blue-8' },
      { value: 'blue-9', label: 'blue-9' },
      // { value: 'blue-9', label: 'blue-9' },
      { value: 'blue-10', label: 'blue-10' }
    ]
  },
@@ -583,15 +583,15 @@
    value: 'GeekBlue',
    label: '极客蓝',
    children: [
      { value: 'geekblue-1', label: 'geekblue-1' },
      // { value: 'geekblue-1', label: 'geekblue-1' },
      { value: 'geekblue-2', label: 'geekblue-2' },
      { value: 'geekblue-3', label: 'geekblue-3' },
      // { value: 'geekblue-3', label: 'geekblue-3' },
      { value: 'geekblue-4', label: 'geekblue-4' },
      { value: 'geekblue-5', label: 'geekblue-5' },
      // { value: 'geekblue-5', label: 'geekblue-5' },
      { value: 'geekblue-6', label: 'geekblue-6' },
      { value: 'geekblue-7', label: 'geekblue-7' },
      // { value: 'geekblue-7', label: 'geekblue-7' },
      { value: 'geekblue-8', label: 'geekblue-8' },
      { value: 'geekblue-9', label: 'geekblue-9' },
      // { value: 'geekblue-9', label: 'geekblue-9' },
      { value: 'geekblue-10', label: 'geekblue-10' }
    ]
  },
@@ -599,15 +599,15 @@
    value: 'GoldenPurple',
    label: '酱紫',
    children: [
      { value: 'purple-1', label: 'purple-1' },
      // { value: 'purple-1', label: 'purple-1' },
      { value: 'purple-2', label: 'purple-2' },
      { value: 'purple-3', label: 'purple-3' },
      // { value: 'purple-3', label: 'purple-3' },
      { value: 'purple-4', label: 'purple-4' },
      { value: 'purple-5', label: 'purple-5' },
      // { value: 'purple-5', label: 'purple-5' },
      { value: 'purple-6', label: 'purple-6' },
      { value: 'purple-7', label: 'purple-7' },
      // { value: 'purple-7', label: 'purple-7' },
      { value: 'purple-8', label: 'purple-8' },
      { value: 'purple-9', label: 'purple-9' },
      // { value: 'purple-9', label: 'purple-9' },
      { value: 'purple-10', label: 'purple-10' }
    ]
  },
@@ -615,15 +615,15 @@
    value: 'Magenta',
    label: '法式洋红',
    children: [
      { value: 'magenta-1', label: 'magenta-1' },
      // { value: 'magenta-1', label: 'magenta-1' },
      { value: 'magenta-2', label: 'magenta-2' },
      { value: 'magenta-3', label: 'magenta-3' },
      // { value: 'magenta-3', label: 'magenta-3' },
      { value: 'magenta-4', label: 'magenta-4' },
      { value: 'magenta-5', label: 'magenta-5' },
      // { value: 'magenta-5', label: 'magenta-5' },
      { value: 'magenta-6', label: 'magenta-6' },
      { value: 'magenta-7', label: 'magenta-7' },
      // { value: 'magenta-7', label: 'magenta-7' },
      { value: 'magenta-8', label: 'magenta-8' },
      { value: 'magenta-9', label: 'magenta-9' },
      // { value: 'magenta-9', label: 'magenta-9' },
      { value: 'magenta-10', label: 'magenta-10' }
    ]
  },
@@ -631,15 +631,15 @@
    value: 'Gray',
    label: '中性色',
    children: [
      { value: 'gray-1', label: 'gray-1' },
      // { value: 'gray-1', label: 'gray-1' },
      { value: 'gray-2', label: 'gray-2' },
      { value: 'gray-3', label: 'gray-3' },
      // { value: 'gray-3', label: 'gray-3' },
      { value: 'gray-4', label: 'gray-4' },
      { value: 'gray-5', label: 'gray-5' },
      // { value: 'gray-5', label: 'gray-5' },
      { value: 'gray-6', label: 'gray-6' },
      { value: 'gray-7', label: 'gray-7' },
      // { value: 'gray-7', label: 'gray-7' },
      { value: 'gray-8', label: 'gray-8' },
      { value: 'gray-9', label: 'gray-9' },
      // { value: 'gray-9', label: 'gray-9' },
      { value: 'gray-10', label: 'gray-10' }
    ]
  }