update 搬迁icon-selector

web-react/src/pages/system/app/form.jsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import { Form, Input, InputNumber, Spin } from 'antd'
-import { AntIcon } from 'components'
+import { AntIcon, IconSelector } from 'components'
 import { cloneDeep } from 'lodash'
 
 const initialValues = {
@@ -17,6 +17,8 @@ export default class form extends Component {
     // 表单实例
     form = React.createRef()
 
+    iconSelector = React.createRef()
+
     // 初始化数据
     record = {}
 
@@ -74,6 +76,7 @@ export default class form extends Component {
             <Form
                 initialValues={initialValues}
                 ref={this.form}
+                className="yo-form"
             >
                 <Spin spinning={this.state.loading} indicator={<AntIcon type="loading" />}>
                     <div className="yo-form-group">
@@ -83,6 +86,23 @@ export default class form extends Component {
                         <Form.Item label="唯一编码" name="code" rules={[{ required: true, message: '请输入唯一编码' }]}>
                             <Input autoComplete="off" placeholder="请输入唯一编码" />
                         </Form.Item>
+                        <Form.Item label="图标" name="icon">
+                            <Input
+                                disabled
+                                placeholder="请选择图标"
+                                addonAfter={
+                                    <AntIcon
+                                        type="setting"
+                                        onClick={() =>
+                                            this
+                                                .iconSelector
+                                                .current
+                                                .open(this.form.current.getFieldValue('icon'))
+                                        }
+                                    />
+                                }
+                            />
+                        </Form.Item>
                         <Form.Item label="排序" name="sort">
                             <InputNumber
                                 max={1000}
@@ -93,6 +113,9 @@ export default class form extends Component {
                         </Form.Item>
                     </div>
                 </Spin>
+                <IconSelector ref={this.iconSelector} onSelect={(icon) => this.form.current.setFieldsValue({
+                    icon
+                })} />
             </Form>
         )
     }