@orca-fe/antd-plus
Version:
Transformer Container
67 lines (66 loc) • 2.47 kB
JavaScript
import { Input, Space } from 'antd';
import React from 'react';
import { FormItemMapping } from "../..";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
/** 地址组件 */
var Address = props => {
var province = props.province,
street = props.street,
onStreetChange = props.onStreetChange,
onDistrictChange = props.onDistrictChange,
district = props.district,
onProvinceChange = props.onProvinceChange,
onCityChange = props.onCityChange,
city = props.city;
return /*#__PURE__*/_jsxs(Space, {
children: [/*#__PURE__*/_jsx(Input, {
placeholder: "\u7701",
value: province,
onChange: e => onProvinceChange === null || onProvinceChange === void 0 ? void 0 : onProvinceChange(e.target.value)
}), /*#__PURE__*/_jsx(Input, {
placeholder: "\u5E02",
value: city,
onChange: e => onCityChange === null || onCityChange === void 0 ? void 0 : onCityChange(e.target.value)
}), /*#__PURE__*/_jsx(Input, {
placeholder: "\u533A",
value: district,
onChange: e => onDistrictChange === null || onDistrictChange === void 0 ? void 0 : onDistrictChange(e.target.value)
}), /*#__PURE__*/_jsx(Input, {
placeholder: "\u8857",
value: street,
onChange: e => onStreetChange === null || onStreetChange === void 0 ? void 0 : onStreetChange(e.target.value)
})]
});
};
/**
* 对地址组件进行封装
* @param props
* @constructor
*/
var AddressFormComp = props => {
var _props$provinceField = props.provinceField,
provinceField = _props$provinceField === void 0 ? 'province' : _props$provinceField,
_props$cityField = props.cityField,
cityField = _props$cityField === void 0 ? 'city' : _props$cityField,
_props$districtField = props.districtField,
districtField = _props$districtField === void 0 ? 'district' : _props$districtField,
_props$streetField = props.streetField,
streetField = _props$streetField === void 0 ? 'street' : _props$streetField;
return /*#__PURE__*/_jsx(FormItemMapping, {
valueMapping: {
province: provinceField,
city: cityField,
district: districtField,
street: streetField
},
triggerMapping: {
onProvinceChange: provinceField,
onCityChange: cityField,
onDistrictChange: districtField,
onStreetChange: streetField
},
children: /*#__PURE__*/_jsx(Address, {})
});
};
export default AddressFormComp;