@antmjs/vantui/lib/form-render/index.js

一套适用于Taro3及React的vantui组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _form = require("../form");
var _formItem = require("../form-item");
var _defaultProps = require("../default-props");
var _register = require("./register");
var _utils = require("./utils");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["type", "fields", "label", "props", "options"],
  _excluded2 = ["component", "transformProps"];
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /* eslint-disable @typescript-eslint/no-unused-vars */
var clsPrefix = 'van';
var initIndex = 0;
function FormRender(props) {
  var _useState = (0, _react.useState)((0, _defaultProps.get)().FormRender),
    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
    d = _useState2[0];
  var _d$props = _objectSpread(_objectSpread({}, d), props),
    config = _d$props.config,
    defaultValues = _d$props.defaultValues,
    form = _d$props.form,
    onChange = _d$props.onChange;
  var _useState3 = (0, _react.useState)(initIndex++),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
    componentIndex = _useState4[0];
  var renderItem = (0, _react.useCallback)(function (item, index) {
    var type = item.type,
      fields = item.fields,
      label = item.label,
      props = item.props,
      options = item.options,
      others = (0, _objectWithoutProperties2.default)(item, _excluded);
    var componentInfo = _register.formComponents[type];
    var component = componentInfo.component,
      transformProps = componentInfo.transformProps,
      formItemProps = (0, _objectWithoutProperties2.default)(componentInfo, _excluded2);
    var Component = component;
    var propsNew = transformProps === null || transformProps === void 0 ? void 0 : transformProps(props || {}, _objectSpread({
      label: label,
      options: options
    }, others));
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formItem.FormItem, _objectSpread(_objectSpread({}, Object.assign(formItemProps, others)), {}, {
      label: label,
      name: fields,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, propsNew))
    }), "".concat(index, "_antm-FormRender_").concat(componentIndex));
  }, [componentIndex]);
  var _defaultValues = (0, _react.useMemo)(function () {
    return (0, _utils.transformValueByType)(defaultValues || {}, config, _register.formComponents);
  }, [config, defaultValues]);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form, {
    initialValues: _defaultValues || {},
    className: "".concat(clsPrefix, "-form-render"),
    form: form,
    onChange: onChange,
    children: config.map(function (it, index) {
      return renderItem(it, index);
    })
  });
}
FormRender['resiterComponent'] = _register.resiterComponent;
FormRender['showComponents'] = _register.showComponents;
FormRender['useForm'] = _form.Form['useForm'];
var _default = FormRender;
exports.default = _default;