@antmjs/vantui/lib/area/demo/demo3.js

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Demo;
var _areaData = require("@vant/area-data");
var _components = require("@tarojs/components");
var _vantui = require("@antmjs/vantui");
var _jsxRuntime = require("react/jsx-runtime");
function Demo() {
  var formIt = _vantui.Form.useForm();
  var showFormFields = function showFormFields() {
    formIt.validateFields(function (_, res) {
      alert(JSON.stringify(res));
    });
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Form, {
      initialValues: {
        area1: ['120000', '120100', '120106']
      },
      form: formIt,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.FormItem, {
        mutiLevel: true,
        valueFormat: function valueFormat(e) {
          return e.detail.value;
        },
        trigger: "onInput",
        label: "\u7701\u5E02\u533A",
        name: "area1",
        controllFlexEnd: true,
        borderBottom: true,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Area, {
          showArrowRight: true,
          columnsPlaceholder: ['请选择', '请选择', '请选择'],
          mode: "content",
          areaList: _areaData.areaList
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.FormItem, {
        mutiLevel: true,
        valueFormat: function valueFormat(e) {
          return e.detail.value;
        },
        trigger: "onInput",
        label: "\u7701\u5E02",
        name: "area2",
        controllFlexEnd: true,
        borderBottom: true,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Area, {
          showArrowRight: true,
          columnsPlaceholder: ['请选择', '请选择', '请选择'],
          mode: "content",
          areaList: _areaData.areaList,
          columnsNum: 2
        })
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "primary",
      block: true,
      style: {
        marginTop: '20px'
      },
      onClick: showFormFields,
      children: "\u786E\u5B9A"
    })]
  });
}