@antmjs/vantui/lib/picker/demo/demo6.js

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Demo;
var _components = require("@tarojs/components");
var _vantui = require("@antmjs/vantui");
var _jsxRuntime = require("react/jsx-runtime");
var columns = [{
  text: '杭州',
  id: 1,
  disabled: true
}, {
  text: '宁波',
  id: 2
}, {
  text: '温州',
  id: 3
}];
function Demo() {
  var formIt = _vantui.Form.useForm();
  var submmit = function submmit() {
    formIt.validateFields(function (_, data) {
      console.info(data);
    });
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Form, {
      initialValues: {
        code: 3
      },
      form: formIt,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.FormItem, {
        valueFormat: function valueFormat(e) {
          return e.detail;
        },
        trigger: "onInput",
        label: "\u5730\u533A",
        name: "code",
        valueKey: "value",
        controllFlexEnd: true,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Picker, {
          idKey: "id",
          mode: "content",
          showToolbar: true,
          title: "\u8BF7\u9009\u62E9",
          columns: columns,
          showArrowRight: true
        })
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "primary",
      block: true,
      onClick: submmit,
      children: "\u786E\u5B9A"
    })]
  });
}