@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
81 lines (80 loc) • 2.48 kB
JavaScript
/* eslint-disable */
import react from 'react';
import { Input } from '@tarojs/components';
import { FormItem, Form, Button, Dialog } from '@antmjs/vantui';
// 可以异步请求初始化，放在state里面
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var initialValues = {
mutiData: {
a: [1, 2, 3, 4]
},
useInfo: [{
name: 'bbbb',
age: 12
}, {
name: 'aaaa',
age: 13
}]
};
export default function Demo() {
var formIt = react.useRef(null);
var multFormItems = function multFormItems() {
var jsx = [];
for (var i = 0; i < 2; i++) {
jsx.push( /*#__PURE__*/_jsxs(_Fragment, {
children: [/*#__PURE__*/_jsx(FormItem, {
label: "\u540D\u79F0(".concat(i + 1, ")"),
name: ['useInfo', i, 'name'],
trigger: "onInput",
valueFormat: function valueFormat(e) {
return e.detail.value;
},
children: /*#__PURE__*/_jsx(Input, {
placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D"
})
}), /*#__PURE__*/_jsx(FormItem, {
label: "\u5E74\u9F84(".concat(i + 1, ")"),
name: ['useInfo', i, 'age'],
trigger: "onInput",
valueFormat: function valueFormat(e) {
return e.detail.value;
},
children: /*#__PURE__*/_jsx(Input, {
placeholder: "\u8BF7\u8F93\u5165\u5E74\u9F84"
})
})]
}));
}
return jsx;
};
return /*#__PURE__*/_jsxs(Form, {
ref: formIt,
initialValues: initialValues,
children: [multFormItems(), /*#__PURE__*/_jsx(FormItem, {
name: "mutiData",
mutiLevel: true,
label: "\u590D\u6742\u6570\u636E",
children: /*#__PURE__*/_jsx(_MutiData, {})
}), /*#__PURE__*/_jsx(Button, {
className: "van-button-submit",
formType: "submit",
onClick: function onClick() {
var _formIt$current;
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__*/_jsx(Dialog, {
id: "form-demo3"
})]
});
}
function _MutiData(value) {
return /*#__PURE__*/_jsx(_Fragment, {
children: JSON.stringify(value)
});
}