@orca-fe/antd-plus/lib/form-item-mapping/demo/AddressFormComp.js

Transformer Container

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("antd/lib/space/style");
var _space = _interopRequireDefault(require("antd/lib/space"));
require("antd/lib/input/style");
var _input = _interopRequireDefault(require("antd/lib/input"));
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** 地址组件 */
var Address = function 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__*/(0, _jsxRuntime.jsxs)(_space.default, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
      placeholder: "\u7701",
      value: province,
      onChange: function onChange(e) {
        return onProvinceChange === null || onProvinceChange === void 0 ? void 0 : onProvinceChange(e.target.value);
      }
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
      placeholder: "\u5E02",
      value: city,
      onChange: function onChange(e) {
        return onCityChange === null || onCityChange === void 0 ? void 0 : onCityChange(e.target.value);
      }
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
      placeholder: "\u533A",
      value: district,
      onChange: function onChange(e) {
        return onDistrictChange === null || onDistrictChange === void 0 ? void 0 : onDistrictChange(e.target.value);
      }
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
      placeholder: "\u8857",
      value: street,
      onChange: function onChange(e) {
        return onStreetChange === null || onStreetChange === void 0 ? void 0 : onStreetChange(e.target.value);
      }
    })]
  });
};

/**
 * 对地址组件进行封装
 * @param props
 * @constructor
 */
var AddressFormComp = function 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__*/(0, _jsxRuntime.jsx)(_.FormItemMapping, {
    valueMapping: {
      province: provinceField,
      city: cityField,
      district: districtField,
      street: streetField
    },
    triggerMapping: {
      onProvinceChange: provinceField,
      onCityChange: cityField,
      onDistrictChange: districtField,
      onStreetChange: streetField
    },
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Address, {})
  });
};
var _default = exports.default = AddressFormComp;