From b438c7318712385a77026885063299958f23356e Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 13 七月 2021 17:00:49 +0800
Subject: [PATCH] 2021-07-13
---
src/menu/components/card/balcony/wrapsetting/settingform/index.jsx | 122 +++++++++++++++++++++++++++++++++++++++-
1 files changed, 118 insertions(+), 4 deletions(-)
diff --git a/src/menu/components/card/balcony/wrapsetting/settingform/index.jsx b/src/menu/components/card/balcony/wrapsetting/settingform/index.jsx
index 3cc7bf6..d0124d5 100644
--- a/src/menu/components/card/balcony/wrapsetting/settingform/index.jsx
+++ b/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>
--
Gitblit v1.8.0