@vtx/components 3.1.149 → 3.1.150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
21
21
|
|
|
22
22
|
var _context = require("./context");
|
|
23
23
|
|
|
24
|
-
var _excluded = ["weights", "label", "inline", "hideTooltip", "disableHtmlFor"];
|
|
24
|
+
var _excluded = ["weights", "label", "inline", "hideTooltip", "disableHtmlFor", "tooltip"];
|
|
25
25
|
|
|
26
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
27
|
|
|
@@ -46,6 +46,7 @@ function FormItem(props) {
|
|
|
46
46
|
hideTooltip = props.hideTooltip,
|
|
47
47
|
_props$disableHtmlFor = props.disableHtmlFor,
|
|
48
48
|
disableHtmlFor = _props$disableHtmlFor === void 0 ? true : _props$disableHtmlFor,
|
|
49
|
+
tooltip = props.tooltip,
|
|
49
50
|
rest = _objectWithoutProperties(props, _excluded);
|
|
50
51
|
|
|
51
52
|
var _useContext = (0, _react.useContext)(_context.StoreCtx),
|
|
@@ -72,7 +73,21 @@ function FormItem(props) {
|
|
|
72
73
|
return /*#__PURE__*/_react["default"].createElement(_col["default"], {
|
|
73
74
|
span: SPAN * weights / cols,
|
|
74
75
|
className: "vtx-form-item-col"
|
|
76
|
+
}, disableHtmlFor ? /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
|
77
|
+
className: (0, _classnames["default"])('vtx-form-item', {
|
|
78
|
+
'vtx-form-item-vertical': formLayout === 'vertical' && mode !== 'view'
|
|
79
|
+
}, {
|
|
80
|
+
'vtx-form-item--view': mode === 'view'
|
|
81
|
+
}, {
|
|
82
|
+
'vtx-form-item--inline': inline && mode !== 'view'
|
|
83
|
+
}),
|
|
84
|
+
tooltip: tooltip,
|
|
85
|
+
label: hideTooltip ? label : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
86
|
+
title: label
|
|
87
|
+
}, label)
|
|
75
88
|
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, _extends({
|
|
89
|
+
noStyle: true
|
|
90
|
+
}, formItemLayout, rest), props.children)) : /*#__PURE__*/_react["default"].createElement(_form["default"].Item, _extends({
|
|
76
91
|
className: (0, _classnames["default"])('vtx-form-item', {
|
|
77
92
|
'vtx-form-item-vertical': formLayout === 'vertical' && mode !== 'view'
|
|
78
93
|
}, {
|
|
@@ -81,15 +96,9 @@ function FormItem(props) {
|
|
|
81
96
|
'vtx-form-item--inline': inline && mode !== 'view'
|
|
82
97
|
})
|
|
83
98
|
}, formItemLayout, {
|
|
84
|
-
label: /*#__PURE__*/_react["default"].createElement("
|
|
85
|
-
onClick: function onClick(e) {
|
|
86
|
-
if (disableHtmlFor) {
|
|
87
|
-
e.preventDefault();
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}, hideTooltip ? label : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
99
|
+
label: hideTooltip ? label : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
91
100
|
title: label
|
|
92
|
-
}, label)
|
|
101
|
+
}, label)
|
|
93
102
|
}, rest), props.children));
|
|
94
103
|
}
|
|
95
104
|
|
|
@@ -99,7 +108,7 @@ FormItem.propTypes = {
|
|
|
99
108
|
inline: _propTypes["default"].bool,
|
|
100
109
|
hideTooltip: _propTypes["default"].bool,
|
|
101
110
|
disableHtmlFor: _propTypes["default"].bool,
|
|
102
|
-
|
|
111
|
+
tooltip: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
|
|
103
112
|
label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
|
|
104
113
|
};
|
|
105
114
|
//# sourceMappingURL=FormItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormItem.js","names":["SPAN","FormItem","props","weights","label","inline","hideTooltip","disableHtmlFor","rest","useContext","StoreCtx","labelColSpan","cols","mode","formLayout","layout","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","classnames","
|
|
1
|
+
{"version":3,"file":"FormItem.js","names":["SPAN","FormItem","props","weights","label","inline","hideTooltip","disableHtmlFor","tooltip","rest","useContext","StoreCtx","labelColSpan","cols","mode","formLayout","layout","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","classnames","children","propTypes","PropTypes","number","node","bool","oneOfType","string"],"sources":["vtx-form-layout/FormItem.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'antd/lib/form';\nimport Col from 'antd/lib/col';\nimport Tooltip from 'antd/lib/tooltip';\nimport classnames from 'classnames';\nimport { StoreCtx } from './context';\n\n// 24 栅格\nconst SPAN = 24;\n\nexport default function FormItem(props) {\n const { weights = 1, label, inline, hideTooltip, disableHtmlFor=true, tooltip, ...rest } = props;\n const { labelColSpan, cols, mode, layout: formLayout } = useContext(StoreCtx);\n\n let formItemLayout = null;\n if (formLayout === 'horizontal') {\n const conversionLabelColSpan = labelColSpan / weights;\n const wrapperColSpan = SPAN - conversionLabelColSpan;\n formItemLayout = {\n labelCol: { span: conversionLabelColSpan },\n wrapperCol: { span: wrapperColSpan },\n };\n }\n\n return (\n <Col span={(SPAN * weights) / cols} className=\"vtx-form-item-col\">\n {\n disableHtmlFor?\n <Form.Item\n className={classnames(\n 'vtx-form-item',\n { 'vtx-form-item-vertical': formLayout === 'vertical' && mode !== 'view' },\n { 'vtx-form-item--view': mode === 'view' },\n { 'vtx-form-item--inline': inline && mode !== 'view' },\n )}\n tooltip={tooltip}\n label={\n hideTooltip?\n label:\n <Tooltip title={label}>{label}</Tooltip>\n }\n >\n <Form.Item\n noStyle\n {...formItemLayout}\n {...rest}\n >\n {props.children}\n </Form.Item>\n </Form.Item>\n :\n <Form.Item\n className={classnames(\n 'vtx-form-item',\n { 'vtx-form-item-vertical': formLayout === 'vertical' && mode !== 'view' },\n { 'vtx-form-item--view': mode === 'view' },\n { 'vtx-form-item--inline': inline && mode !== 'view' },\n )}\n {...formItemLayout}\n label={\n hideTooltip?\n label:\n <Tooltip title={label}>{label}</Tooltip>\n }\n {...rest}\n >\n {props.children}\n </Form.Item>\n }\n </Col>\n );\n}\n\nFormItem.propTypes = {\n weights: PropTypes.number,\n children: PropTypes.node,\n inline: PropTypes.bool,\n hideTooltip: PropTypes.bool,\n disableHtmlFor: PropTypes.bool,\n tooltip: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n"],"mappings":"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"}
|