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

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

"use strict";

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

function Demo() {
  var _useState = (0, _react.useState)(['福建', '莆田', '城厢区']),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    value = _useState2[0],
    setValue = _useState2[1];
  var syncColumns = function syncColumns(_ref) {
    var values = _ref.values,
      columns = _ref.columns,
      changeIndex = _ref.changeIndex;
    var dataNew = (0, _toConsumableArray2.default)(columns);
    var provinces = Object.keys(_options.citiesWithDistricts) || columns[0] || [];
    var provincesValue = values[0] || provinces[0];
    return new Promise(function (resolve) {
      // 实际场景根据changeIndex请求
      console.info(changeIndex, values);
      setTimeout(function () {
        var _citiesWithDistricts;
        dataNew[0] = provinces;
        dataNew[1] = Object.keys(_options.citiesWithDistricts[provincesValue || ''] || {});
        dataNew[2] = ((_citiesWithDistricts = _options.citiesWithDistricts[provincesValue || '']) === null || _citiesWithDistricts === void 0 ? void 0 : _citiesWithDistricts[values[1] || dataNew[1][0]]) || [];
        console.info(dataNew, 'dataNew');
        resolve(dataNew);
      }, 500);
    });
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Picker, {
    showToolbar: true,
    title: "\u8BF7\u9009\u62E9",
    mode: "content",
    syncColumns: syncColumns,
    value: value,
    onInput: function onInput(e) {
      setValue(e.detail);
    }
  });
}