| | |
| | | } |
| | | .ant-modal-body::-webkit-scrollbar { |
| | | width: 7px; |
| | | height: 0; |
| | | } |
| | | .ant-modal-body::-webkit-scrollbar-thumb { |
| | | border-radius: 5px; |
| | |
| | | mark = false |
| | | } |
| | | |
| | | let className = 'ant-col card-cell ant-col-' + card.width |
| | | |
| | | if (card.noValue === 'hide') { |
| | | className += ' no-value-hide' |
| | | } |
| | | |
| | | return ( |
| | | <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ |
| | | <div className="mk-popover-control" onDoubleClick={(e) => e.stopPropagation()}> |
| | |
| | | {mark ? <MarkColumn field={card.field || ''} columns={fields} type={card.eleType} marks={card.marks} onSubmit={(vals) => updateMarks({...card, marks: vals})} /> : null } |
| | | </div> |
| | | } trigger="hover"> |
| | | <div ref={node => drag(drop(node))} style={_style_} className={'ant-col card-cell ant-col-' + card.width}> |
| | | <div ref={node => drag(drop(node))} style={_style_} className={className}> |
| | | <div style={_style} onClick={clickComponent} onDoubleClick={() => able && editCard(id)} id={card.uuid}> |
| | | {getContent()} |
| | | </div> |
| | |
| | | left: 0px; |
| | | } |
| | | } |
| | | .no-value-hide >div::before { |
| | | content: '*'; |
| | | position: absolute; |
| | | top: 0px; |
| | | left: 0px; |
| | | font-size: 18px; |
| | | color: orange; |
| | | line-height: 1; |
| | | height: 8px; |
| | | opacity: 0; |
| | | } |
| | | .no-value-hide:hover >div::before { |
| | | opacity: 1; |
| | | } |
| | | } |
| | | td:hover { |
| | | .card-detail-row { |
| | | .no-value-hide >div::before { |
| | | opacity: 1; |
| | | } |
| | | } |
| | | } |
| | |
| | | } else if (_card.eleType === 'button') { // 拆分style |
| | | _card.style = fromJS(style).toJS() |
| | | |
| | | if (style.float === 'center') { |
| | | delete _card.style.float |
| | | } else if (style.float) { |
| | | if (style.float) { |
| | | _card.wrapStyle = {textAlign: style.float} |
| | | delete _card.style.float |
| | | } |
| | | if (style.textAlign === 'center') { |
| | | delete _card.style.textAlign |
| | | } |
| | | if (style.minHeight === '28px') { |
| | | delete _card.style.minHeight |
| | |
| | | background-position: center center; |
| | | height: auto; |
| | | min-height: 28px; |
| | | text-align: inherit; |
| | | // text-align: inherit; |
| | | border-width: 0; |
| | | padding: 0; |
| | | overflow: hidden; |
| | |
| | | import React, {Component} from 'react' |
| | | import { is, fromJS } from 'immutable' |
| | | import { Collapse, Form, Col, InputNumber, Input, Select, Radio, Drawer, Button, message, Checkbox } from 'antd' |
| | | import { Collapse, Form, Col, InputNumber, Input, Select, Radio, Drawer, Button, message, Checkbox, Tooltip } from 'antd' |
| | | import { |
| | | ColumnHeightOutlined, |
| | | FontSizeOutlined, |
| | |
| | | SwapOutlined, |
| | | EnterOutlined, |
| | | DragOutlined, |
| | | EyeOutlined |
| | | EyeOutlined, |
| | | QuestionCircleOutlined |
| | | } from '@ant-design/icons' |
| | | |
| | | import MKEmitter from '@/utils/events.js' |
| | |
| | | </Form.Item> |
| | | </Col> |
| | | </Panel> : null} |
| | | {options.includes('float') ? <Panel header="对齐方式" key="float"> |
| | | {options.includes('float') ? <Panel header={<Tooltip placement="topLeft" title="按钮相对于栅格的位置,注:设置宽度时有效。">对齐方式<QuestionCircleOutlined style={{marginLeft: '3px'}} /></Tooltip>} key="float"> |
| | | <Col span={24}> |
| | | <Form.Item |
| | | colon={false} |
| | |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {property === 'menu' && copyMenu ? <Col span={12}> |
| | | {property === 'menu' && copyMenu ? <Col span={22}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="复制菜单时,是否清空原页面中的关联菜单。"> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | |
| | | min-height: 28px; |
| | | padding: 0; |
| | | overflow: hidden; |
| | | text-align: inherit; |
| | | // text-align: inherit; |
| | | } |
| | | .ant-checkbox-wrapper:not(.square) { |
| | | .ant-checkbox-inner, .ant-checkbox-checked::after { |
| | |
| | | body { |
| | | overflow-y: hidden; |
| | | } |
| | | |
| | | .user-component-wrap { |
| | | display: none!important; |
| | | } |
| | |
| | | body { |
| | | overflow-y: hidden; |
| | | } |
| | | .user-component-wrap { |
| | | display: none!important; |
| | | } |