@orca-fe/antd-plus
Version:
Transformer Container
57 lines (55 loc) • 2.17 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("antd/lib/form/style");
var _form = _interopRequireDefault(require("antd/lib/form"));
var _react = _interopRequireDefault(require("react"));
var _2 = require("../..");
var _AddressFormComp = _interopRequireDefault(require("./AddressFormComp"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* title: FormItemMappingValue
* description: 这个 Demo 用了一个新组件，展示 `FormItemMappingValue` 和 `FormItemMapping` 的差异
*/
// 地址展示组件，该组件只接收一个 value 属性
var AddressDisplay = function AddressDisplay(props) {
var value = props.value;
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
children: [value === null || value === void 0 ? void 0 : value.province, value === null || value === void 0 ? void 0 : value.city, value === null || value === void 0 ? void 0 : value.district, value === null || value === void 0 ? void 0 : value.street]
});
};
var Demo2 = function Demo2() {
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_form.default, {
initialValues: {
province: '广东省',
city: '深圳市',
district: '南山区',
street: '科技园',
areaCode: '0755',
number: '12345678',
firstName: '张',
lastName: '三'
},
onValuesChange: function onValuesChange(_, allValue) {
console.warn(allValue);
},
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_form.default.Item, {
label: "\u5730\u5740",
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AddressFormComp.default, {})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.FormItemMappingValue, {
valueMapping: {
province: 'province',
city: 'city',
district: 'district',
street: 'street'
},
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AddressDisplay, {})
})]
})
});
};
var _default = exports.default = Demo2;