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

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

import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
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) { _defineProperty(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 */
import { useCallback, useMemo, useState } from 'react';
import { Form } from '../form';
import { FormItem } from '../form-item';
import { get } from '../default-props';
import { formComponents, resiterComponent, showComponents } from './register';
import { transformValueByType } from './utils';
import { jsx as _jsx } from "react/jsx-runtime";
var clsPrefix = 'van';
var initIndex = 0;
function FormRender(props) {
  var _useState = useState(get().FormRender),
    _useState2 = _slicedToArray(_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 = useState(initIndex++),
    _useState4 = _slicedToArray(_useState3, 1),
    componentIndex = _useState4[0];
  var renderItem = useCallback(function (item, index) {
    var type = item.type,
      fields = item.fields,
      label = item.label,
      props = item.props,
      options = item.options,
      others = _objectWithoutProperties(item, _excluded);
    var componentInfo = formComponents[type];
    var component = componentInfo.component,
      transformProps = componentInfo.transformProps,
      formItemProps = _objectWithoutProperties(componentInfo, _excluded2);
    var Component = component;
    var propsNew = transformProps === null || transformProps === void 0 ? void 0 : transformProps(props || {}, _objectSpread({
      label: label,
      options: options
    }, others));
    return /*#__PURE__*/_jsx(FormItem, _objectSpread(_objectSpread({}, Object.assign(formItemProps, others)), {}, {
      label: label,
      name: fields,
      children: /*#__PURE__*/_jsx(Component, _objectSpread({}, propsNew))
    }), "".concat(index, "_antm-FormRender_").concat(componentIndex));
  }, [componentIndex]);
  var _defaultValues = useMemo(function () {
    return transformValueByType(defaultValues || {}, config, formComponents);
  }, [config, defaultValues]);
  return /*#__PURE__*/_jsx(Form, {
    initialValues: _defaultValues || {},
    className: "".concat(clsPrefix, "-form-render"),
    form: form,
    onChange: onChange,
    children: config.map(function (it, index) {
      return renderItem(it, index);
    })
  });
}
FormRender['resiterComponent'] = resiterComponent;
FormRender['showComponents'] = showComponents;
FormRender['useForm'] = Form['useForm'];
export default FormRender;