2021-07-13

king

2021-07-13 b438c7318712385a77026885063299958f23356e

 src/menu/components/card/balcony/wrapsetting/settingform/index.jsx

@@ -74,6 +74,84 @@
    }
  }

  chose = (val) => {
    let values = {}
    if (val === 'top') {
      values = {
        top: '0px',
        left: '50%',
        right: '',
        bottom: '',
        transform: 'translateX(-50%)'
      }
    } else if (val === 'top-left') {
      values = {
        top: '0px',
        left: '0px',
        right: '',
        bottom: '',
        transform: ''
      }
    } else if (val === 'top-right') {
      values = {
        top: '0px',
        left: '',
        right: '0px',
        bottom: '',
        transform: ''
      }
    } else if (val === 'left-middle') {
      values = {
        top: '50%',
        left: '0px',
        right: '',
        bottom: '',
        transform: 'translateY(-50%)'
      }
    } else if (val === 'right-middle') {
      values = {
        top: '50%',
        left: '',
        right: '0px',
        bottom: '',
        transform: 'translateY(-50%)'
      }
    } else if (val === 'bottom-left') {
      values = {
        top: '',
        left: '0px',
        right: '',
        bottom: '0px',
        transform: ''
      }
    } else if (val === 'bottom-right') {
      values = {
        top: '',
        left: '',
        right: '0px',
        bottom: '0px',
        transform: ''
      }
    } else if (val === 'bottom') {
      values = {
        top: '',
        left: '50%',
        right: '',
        bottom: '0px',
        transform: 'translateX(-50%)'
      }
    } else if (val === 'middle') {
      values = {
        top: '50%',
        left: '50%',
        right: '',
        bottom: '',
        transform: 'translate(-50%, -50%)'
      }
    }
    this.props.form.setFieldsValue(values)
  }

  render() {
    const { wrap } = this.props
    const { getFieldDecorator } = this.props.form
@@ -138,7 +216,7 @@
                </Tooltip>
              }>
                {getFieldDecorator('datatype', {
                  initialValue: wrap.datatype || 'dynamic'
                  initialValue: wrap.datatype
                })(
                  <Radio.Group>
                    <Radio value="dynamic">动态</Radio>
@@ -180,6 +258,18 @@
                )}
              </Form.Item>
            </Col> : null}
            {linkType === 'sup' ? <Col span={12}>
              <Form.Item label="显示控制">
                {getFieldDecorator('supControl', {
                  initialValue: wrap.supControl || 'show'
                })(
                  <Radio.Group>
                    <Radio key="hidden" value="hidden"> 选行显示 </Radio>
                    <Radio key="show" value="show"> 始终显示 </Radio>
                  </Radio.Group>
                )}
              </Form.Item>
            </Col> : null}
            {linkType === 'sync' ? <Col span={12}>
              <Form.Item label="同步组件">
                {getFieldDecorator('syncModule', {
@@ -196,7 +286,12 @@
              </Form.Item>
            </Col> : null}
            {linkType === 'sync' ? <Col span={12}>
              <Form.Item label="全选">
              <Form.Item label={
                <Tooltip placement="topLeft" title="当同步组件可多选时，设置全选有效。">
                  <Icon type="question-circle" />
                  全选
                </Tooltip>
              }>
                {getFieldDecorator('checkAll', {
                  initialValue: wrap.checkAll || 'hidden'
                })(
@@ -224,6 +319,21 @@
                )}
              </Form.Item>
            </Col>
            {position === 'fixed' ? <Col span={12}>
              <Form.Item label="快捷选择">
                <Select onSelect={this.chose}>
                  <Select.Option key='1' value={'top'}>上</Select.Option>
                  <Select.Option key='2' value={'top-left'}>左上</Select.Option>
                  <Select.Option key='3' value={'top-right'}>右上</Select.Option>
                  <Select.Option key='4' value={'left-middle'}>左中</Select.Option>
                  <Select.Option key='5' value={'right-middle'}>右中</Select.Option>
                  <Select.Option key='6' value={'bottom-left'}>左下</Select.Option>
                  <Select.Option key='7' value={'bottom-right'}>右下</Select.Option>
                  <Select.Option key='8' value={'bottom'}>下</Select.Option>
                  <Select.Option key='9' value={'middle'}>中间</Select.Option>
                </Select>
              </Form.Item>
            </Col> : null}
            {position === 'fixed' ? <Col span={12}>
              <Form.Item label="距上">
                {getFieldDecorator('top', {
@@ -268,8 +378,12 @@
                    <Select.Option key='1' value={''}>无</Select.Option>
                    <Select.Option key='2' value={'translateY(-50%)'}>上移50%</Select.Option>
                    <Select.Option key='3' value={'translateY(50%)'}>下移50%</Select.Option>
                    <Select.Option key='5' value={'translateX(-50%)'}>左移50%</Select.Option>
                    <Select.Option key='4' value={'translateX(50%)'}>右移50%</Select.Option>
                    <Select.Option key='4' value={'translateX(-50%)'}>左移50%</Select.Option>
                    <Select.Option key='5' value={'translateX(50%)'}>右移50%</Select.Option>
                    <Select.Option key='6' value={'translate(-50%, -50%)'}>左上移50%</Select.Option>
                    <Select.Option key='7' value={'translate(-50%, 50%)'}>左下移50%</Select.Option>
                    <Select.Option key='8' value={'translate(50%, -50%)'}>右上移50%</Select.Option>
                    <Select.Option key='9' value={'translate(50%, 50%)'}>右下移50%</Select.Option>
                  </Select>
                )}
              </Form.Item>