@antmjs/vantui/lib/form/demo/demo2.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Demo;
var _react = _interopRequireDefault(require("react"));
var _components = require("@tarojs/components");
var _vantui = require("@antmjs/vantui");
var _jsxRuntime = require("react/jsx-runtime");
/* eslint-disable */

// 可以异步请求初始化，放在state里面
var initialValues = {
  mutiData: {
    a: [1, 2, 3, 4]
  },
  useInfo: [{
    name: 'bbbb',
    age: 12
  }, {
    name: 'aaaa',
    age: 13
  }]
};
function Demo() {
  var formIt = _react.default.useRef(null);
  var multFormItems = function multFormItems() {
    var jsx = [];
    for (var i = 0; i < 2; i++) {
      jsx.push( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.FormItem, {
          label: "\u540D\u79F0(".concat(i + 1, ")"),
          name: ['useInfo', i, 'name'],
          trigger: "onInput",
          valueFormat: function valueFormat(e) {
            return e.detail.value;
          },
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Input, {
            placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D"
          })
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.FormItem, {
          label: "\u5E74\u9F84(".concat(i + 1, ")"),
          name: ['useInfo', i, 'age'],
          trigger: "onInput",
          valueFormat: function valueFormat(e) {
            return e.detail.value;
          },
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Input, {
            placeholder: "\u8BF7\u8F93\u5165\u5E74\u9F84"
          })
        })]
      }));
    }
    return jsx;
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Form, {
    ref: formIt,
    initialValues: initialValues,
    children: [multFormItems(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.FormItem, {
      name: "mutiData",
      mutiLevel: true,
      label: "\u590D\u6742\u6570\u636E",
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutiData, {})
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      className: "van-button-submit",
      formType: "submit",
      onClick: function onClick() {
        var _formIt$current;
        _vantui.Dialog.alert({
          message: "result: ".concat(JSON.stringify((_formIt$current = formIt.current) === null || _formIt$current === void 0 ? void 0 : _formIt$current.getFieldsValue())),
          selector: 'form-demo3'
        });
      },
      children: "\u63D0\u4EA4"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Dialog, {
      id: "form-demo3"
    })]
  });
}
function _MutiData(value) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
    children: JSON.stringify(value)
  });
}