@nutui/nutui-react-taro 1.2.2-beta.0

package/dist/esm/address.taro-82a8fa11.js

@@ -0,0 +1,916 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "type", "existAddress", "selectedIcon", "defaultIcon", "isShowCustomAddress", "customAndExistTitle", "onSelected", "onClose", "onSwitchModule"],
+    _excluded2 = ["height", "acceptKey", "indexList", "isSticky", "spaceHeight", "titleHeight", "className", "clickItem", "clickIndex", "children"],
+    _excluded3 = ["children", "type", "height", "province", "city", "country", "town", "onNextArea", "onTabClick", "onClose"],
+    _excluded4 = ["modelValue", "children", "type", "height", "customAddressTitle", "existAddress", "existAddressTitle", "province", "city", "country", "town", "isShowCustomAddress", "customAndExistTitle", "selectedIcon", "defaultIcon", "closeBtnIcon", "backBtnIcon", "onChange", "onSelected", "onClose", "closeMask", "switchModule", "onTabChecked", "style", "className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { useEffect, createContext, useRef, useState } from 'react';
+import { I as Icon } from './icon-62bd7379.js';
+import { P as Popup } from './popup-15922d84.js';
+import { c as cn } from './bem-893ad28d.js';
+import { u as useConfig } from './configprovider-18657611.js';
+var defaultProps$3 = {
+  type: 'custom',
+  existAddress: [],
+  defaultIcon: 'location2',
+  selectedIcon: 'Check',
+  isShowCustomAddress: true,
+  customAndExistTitle: '选择其他地址'
+};
+
+var ExistRender = function ExistRender(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
+  var _defaultProps$3$props = _objectSpread(_objectSpread({}, defaultProps$3), props),
+      children = _defaultProps$3$props.children,
+      type = _defaultProps$3$props.type,
+      existAddress = _defaultProps$3$props.existAddress,
+      selectedIcon = _defaultProps$3$props.selectedIcon,
+      defaultIcon = _defaultProps$3$props.defaultIcon,
+      isShowCustomAddress = _defaultProps$3$props.isShowCustomAddress,
+      customAndExistTitle = _defaultProps$3$props.customAndExistTitle,
+      onSelected = _defaultProps$3$props.onSelected,
+      onClose = _defaultProps$3$props.onClose,
+      onSwitchModule = _defaultProps$3$props.onSwitchModule,
+      rest = _objectWithoutProperties(_defaultProps$3$props, _excluded);
+
+  var b = cn('address'); // 选择现有地址
+
+  var selectedExist = function selectedExist(item) {
+    var copyExistAdd = existAddress;
+    var prevExistAdd = {
+      provinceName: '',
+      cityName: '',
+      countyName: '',
+      townName: '',
+      addressDetail: '',
+      selectedAddress: false
+    };
+    copyExistAdd.forEach(function (list, index) {
+      if (list && list.selectedAddress) {
+        prevExistAdd = list;
+      }
+
+      list.selectedAddress = false;
+    });
+    item.selectedAddress = true;
+    onSelected && onSelected(prevExistAdd, item, copyExistAdd);
+  }; // 选择其他地址
+
+
+  var switchModule = function switchModule() {
+    onSwitchModule && onSwitchModule({
+      type: type === 'exist' ? 'custom' : 'exist'
+    });
+  };
+
+  useEffect(function () {}, [existAddress]);
+  return React__default.createElement("div", {
+    className: b('exist')
+  }, React__default.createElement("div", {
+    className: b('exist-group')
+  }, React__default.createElement("ul", {
+    className: b('exist-ul')
+  }, existAddress.map(function (item, index) {
+    return React__default.createElement("li", {
+      className: b('exist-item'),
+      key: index,
+      onClick: function onClick() {
+        return selectedExist(item);
+      }
+    }, React__default.createElement(Icon, {
+      className: b('exist-item-icon'),
+      name: item.selectedAddress ? selectedIcon : defaultIcon,
+      color: item.selectedAddress ? '#FA2C19' : '',
+      size: "13px"
+    }), React__default.createElement("div", {
+      className: b('exist-item-info')
+    }, item.name && item.phone && React__default.createElement("div", {
+      className: "exist-item-info-top"
+    }, React__default.createElement("div", {
+      className: "exist-item-info-name"
+    }, item.name), React__default.createElement("div", {
+      className: "exist-item-info-phone"
+    }, item.phone)), React__default.createElement("div", {
+      className: "exist-item-info-bottom"
+    }, React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail))));
+  }))), isShowCustomAddress && React__default.createElement("div", {
+    className: b('choose-other'),
+    onClick: switchModule
+  }, React__default.createElement("div", {
+    className: b('choose-other-btn')
+  }, locale.address.chooseAnotherAddress || customAndExistTitle)));
+};
+
+var elevatorContext = createContext({});
+var defaultProps$2 = {
+  height: '200px',
+  acceptKey: 'title',
+  indexList: [],
+  isSticky: false,
+  spaceHeight: 23,
+  titleHeight: 35,
+  className: ''
+};
+
+var Elevator = function Elevator(props) {
+  var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
+      height = _defaultProps$2$props.height,
+      acceptKey = _defaultProps$2$props.acceptKey,
+      indexList = _defaultProps$2$props.indexList,
+      isSticky = _defaultProps$2$props.isSticky,
+      spaceHeight = _defaultProps$2$props.spaceHeight,
+      titleHeight = _defaultProps$2$props.titleHeight,
+      className = _defaultProps$2$props.className,
+      clickItem = _defaultProps$2$props.clickItem,
+      clickIndex = _defaultProps$2$props.clickIndex,
+      children = _defaultProps$2$props.children,
+      rest = _objectWithoutProperties(_defaultProps$2$props, _excluded2);
+
+  var b = cn('elevator');
+  var listview = useRef(null);
+  var initData = {
+    anchorIndex: 0,
+    listHeight: [],
+    listGroup: [],
+    scrollY: 0,
+    diff: -1,
+    fixedTop: 0
+  };
+  var touchState = useRef({
+    y1: 0,
+    y2: 0
+  });
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      scrollY = _useState2[0],
+      setScrollY = _useState2[1];
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentData = _useState4[0],
+      setCurrentData = _useState4[1];
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      currentKey = _useState6[0],
+      setCurrentKey = _useState6[1];
+
+  var _useState7 = useState(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      currentIndex = _useState8[0],
+      setCurrentIndex = _useState8[1];
+
+  var _useState9 = useState(0),
+      _useState10 = _slicedToArray(_useState9, 2),
+      codeIndex = _useState10[0],
+      setCodeIndex = _useState10[1];
+
+  var _useState11 = useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      scrollStart = _useState12[0],
+      setScrollStart = _useState12[1];
+
+  var state = useRef(initData); // 重置滚动参数
+
+  var resetScrollState = function resetScrollState() {
+    setScrollStart(false);
+  };
+
+  var clientHeight = function clientHeight() {
+    return listview.current ? listview.current.clientHeight : 0;
+  };
+
+  var getData = function getData(el, name) {
+    var prefix = 'data-';
+    return el.getAttribute(prefix + name);
+  };
+
+  var calculateHeight = function calculateHeight() {
+    var height = 0;
+    state.current.listHeight.push(height);
+
+    for (var i = 0; i < state.current.listGroup.length; i++) {
+      var item = state.current.listGroup[i];
+      height += item.clientHeight;
+      state.current.listHeight.push(height);
+    }
+  };
+
+  var scrollTo = function scrollTo(index) {
+    if (!index && index !== 0) {
+      return;
+    }
+
+    if (!state.current.listHeight.length) {
+      calculateHeight();
+    }
+
+    var cacheIndex = index;
+
+    if (index < 0) {
+      cacheIndex = 0;
+    }
+
+    if (index > state.current.listHeight.length - 2) {
+      cacheIndex = state.current.listHeight.length - 2;
+    }
+
+    setCodeIndex(cacheIndex);
+
+    if (listview.current) {
+      listview.current.scrollTo(0, state.current.listHeight[cacheIndex]);
+    }
+  };
+
+  var touchMove = function touchMove(e) {
+    var firstTouch = e.touches[0];
+    touchState.current.y2 = firstTouch.pageY;
+    var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
+    var cacheIndex = state.current.anchorIndex + delta;
+    setCodeIndex(cacheIndex);
+    scrollTo(cacheIndex);
+  };
+
+  var touchEnd = function touchEnd() {
+    resetScrollState();
+  };
+
+  var touchStart = function touchStart(e) {
+    setScrollStart(true);
+    var index = Number(getData(e.target, 'index'));
+    var firstTouch = e.touches[0];
+    touchState.current.y1 = firstTouch.pageY;
+    state.current.anchorIndex = +index;
+    setCodeIndex(function (codeIndex) {
+      return codeIndex + index;
+    });
+    scrollTo(index);
+    var target = e.currentTarget;
+    target.removeEventListener('touchend', touchEnd, false);
+    target.addEventListener('touchend', touchEnd, false);
+  };
+
+  var handleClickItem = function handleClickItem(key, item) {
+    clickItem && clickItem(key, item);
+    setCurrentData(item);
+    setCurrentKey(key);
+  };
+
+  var handleClickIndex = function handleClickIndex(key) {
+    clickIndex && clickIndex(key);
+  };
+
+  var setListGroup = function setListGroup() {
+    if (listview.current) {
+      var els = listview.current.querySelectorAll('.nut-elevator__list__item');
+      els.forEach(function (el) {
+        if (el != null && !state.current.listGroup.includes(el)) {
+          state.current.listGroup.push(el);
+        }
+      });
+    }
+  };
+
+  var listViewScroll = function listViewScroll(e) {
+    var listHeight = state.current.listHeight;
+
+    if (!listHeight.length) {
+      calculateHeight();
+    }
+
+    var target = e.target;
+    var scrollTop = target.scrollTop;
+    state.current.scrollY = scrollTop;
+    setScrollY(scrollTop);
+
+    for (var i = 0; i < listHeight.length - 1; i++) {
+      var height1 = listHeight[i];
+      var height2 = listHeight[i + 1];
+
+      if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
+        setCurrentIndex(i);
+        state.current.diff = height2 - state.current.scrollY;
+        return;
+      }
+    }
+
+    setCurrentIndex(listHeight.length - 2);
+  };
+
+  useEffect(function () {
+    if (listview.current) {
+      setListGroup();
+      listview.current.addEventListener('scroll', listViewScroll);
+    }
+  }, [listview]);
+  useEffect(function () {
+    var _state$current = state.current,
+        listHeight = _state$current.listHeight,
+        diff = _state$current.diff,
+        scrollY = _state$current.scrollY;
+    var fixedTop = diff > 0 && diff < titleHeight ? diff - titleHeight : 0;
+
+    if (scrollY + clientHeight() === listHeight[listHeight.length - 1]) {
+      if (fixedTop !== 0) {
+        fixedTop = 0;
+      }
+    }
+
+    if (state.current.fixedTop === fixedTop) return;
+    state.current.fixedTop = fixedTop;
+  }, [state.current.diff, titleHeight]);
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className)
+  }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {
+    className: b('list__fixed')
+  }, React__default.createElement("span", {
+    className: "fixed-title"
+  }, indexList[currentIndex][acceptKey])) : null, React__default.createElement("div", {
+    className: b('list'),
+    style: {
+      height: Number.isNaN(+height) ? height : "".concat(height, "px")
+    }
+  }, React__default.createElement("div", {
+    className: b('list__inner'),
+    ref: listview
+  }, indexList.map(function (item, idx) {
+    return React__default.createElement("div", {
+      className: b('list__item'),
+      key: idx
+    }, React__default.createElement("div", {
+      className: b('list__item__code')
+    }, item[acceptKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function (subitem) {
+      return React__default.createElement("div", {
+        className: b('list__item__name', {
+          highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
+        }),
+        key: subitem.id,
+        onClick: function onClick() {
+          return handleClickItem(item[acceptKey], subitem);
+        }
+      }, children ? React__default.createElement(React__default.Fragment, null, React__default.createElement(elevatorContext.Provider, {
+        value: subitem
+      }, children)) : subitem.name);
+    })));
+  }))), indexList.length && scrollStart ? React__default.createElement("div", {
+    className: b('code--current', {
+      current: true
+    })
+  }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
+    className: b('bars'),
+    onTouchStart: function onTouchStart(event) {
+      return touchStart(event);
+    },
+    onTouchMove: function onTouchMove(event) {
+      return touchMove(event);
+    }
+  }, React__default.createElement("div", {
+    className: b('bars__inner')
+  }, indexList.map(function (item, index) {
+    return React__default.createElement("div", {
+      className: b('bars__inner__item', {
+        active: item[acceptKey] === indexList[currentIndex][acceptKey]
+      }),
+      "data-index": index,
+      key: index,
+      onClick: function onClick() {
+        return handleClickIndex(item[acceptKey]);
+      }
+    }, item[acceptKey]);
+  }))));
+};
+
+Elevator.defaultProps = defaultProps$2;
+Elevator.displayName = 'NutElevator';
+var defaultProps$1 = {
+  type: 'custom',
+  province: [],
+  city: [],
+  country: [],
+  town: [],
+  height: '200px'
+};
+
+var CustomRender = function CustomRender(props) {
+  var _useConfig2 = useConfig(),
+      locale = _useConfig2.locale;
+
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+      children = _defaultProps$1$props.children,
+      type = _defaultProps$1$props.type,
+      height = _defaultProps$1$props.height,
+      province = _defaultProps$1$props.province,
+      city = _defaultProps$1$props.city,
+      country = _defaultProps$1$props.country,
+      town = _defaultProps$1$props.town,
+      onNextArea = _defaultProps$1$props.onNextArea,
+      onTabClick = _defaultProps$1$props.onTabClick,
+      onClose = _defaultProps$1$props.onClose,
+      rest = _objectWithoutProperties(_defaultProps$1$props, _excluded3);
+
+  var b = cn('address');
+
+  var _useState13 = useState(type),
+      _useState14 = _slicedToArray(_useState13, 1),
+      privateType = _useState14[0];
+
+  var _useState15 = useState(0),
+      _useState16 = _slicedToArray(_useState15, 2),
+      tabIndex = _useState16[0],
+      setTabIndex = _useState16[1];
+
+  var _useState17 = useState(['province', 'city', 'country', 'town']),
+      _useState18 = _slicedToArray(_useState17, 1),
+      tabName = _useState18[0];
+
+  var provinceRef = useRef(null);
+  var cityRef = useRef(null);
+  var countryRef = useRef(null);
+  var townRef = useRef(null);
+  var regionLine = useRef(null);
+
+  var isCustom2 = function isCustom2() {
+    return type === 'custom2';
+  };
+
+  var transformData = function transformData(data) {
+    if (!Array.isArray(data)) throw new TypeError('params muse be array.');
+    if (!data.length) return [];
+    data.forEach(function (item) {
+      if (!item.title) {
+        console.error('[NutUI] <Address> 请检查数组选项的 title 值是否有设置 ,title 为必填项 .');
+      }
+    });
+    var newData = [];
+    data = data.sort(function (a, b) {
+      return a.title.localeCompare(b.title);
+    });
+    data.forEach(function (item) {
+      var index = newData.findIndex(function (value) {
+        return value.title === item.title;
+      });
+
+      if (index <= -1) {
+        newData.push({
+          title: item.title,
+          list: [].concat(item)
+        });
+      } else {
+        newData[index] = {
+          title: item.title,
+          list: newData[index].list.concat(item)
+        };
+      }
+    });
+    return newData;
+  };
+
+  var _useState19 = useState({
+    province: isCustom2() ? transformData(province) : province,
+    city: isCustom2() ? transformData(city) : city,
+    country: isCustom2() ? transformData(country) : country,
+    town: isCustom2() ? transformData(town) : town
+  }),
+      _useState20 = _slicedToArray(_useState19, 2),
+      regionList = _useState20[0],
+      setRegionList = _useState20[1]; // 已选择的 省、市、县、镇
+
+
+  var _useState21 = useState({
+    province: {
+      name: ''
+    },
+    city: {
+      name: ''
+    },
+    country: {
+      name: ''
+    },
+    town: {
+      name: ''
+    }
+  }),
+      _useState22 = _slicedToArray(_useState21, 2),
+      selectedRegion = _useState22[0],
+      setSelectedRegion = _useState22[1];
+
+  var _useState23 = useState(20),
+      _useState24 = _slicedToArray(_useState23, 2),
+      lineDistance = _useState24[0],
+      setLineDistance = _useState24[1]; // 获取已选地区列表名称
+
+
+  var getTabName = function getTabName(item, index) {
+    if (tabIndex > index) {
+      return item.name;
+    }
+
+    return locale.select;
+  };
+
+  var mapRef = {
+    province: provinceRef,
+    city: cityRef,
+    country: countryRef,
+    town: townRef
+  }; // 移动下面的红线
+
+  var lineAnimation = function lineAnimation(index) {
+    setTimeout(function () {
+      var name = tabName[index];
+      var refD = mapRef;
+
+      if (name && refD[name] && refD[name].current) {
+        var distance = refD[name].current.offsetLeft;
+        setLineDistance(distance || 20);
+      }
+    }, 0);
+  }; // 切换下一级列表
+
+
+  var nextAreaList = function nextAreaList(item) {
+    // onchange 接收的参数
+    var calBack = {
+      next: '',
+      value: '',
+      custom: tabName[tabIndex],
+      selectedRegion: {}
+    };
+    setSelectedRegion(_objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[tabIndex], item)));
+    calBack.selectedRegion = _objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[tabIndex], item));
+
+    var _loop = function _loop(i) {
+      setSelectedRegion(function () {
+        return _objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i + 1], {}));
+      });
+      calBack.selectedRegion = _objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i + 1], {}));
+    };
+
+    for (var i = tabIndex; i < tabIndex - 1; i++) {
+      _loop(i);
+    }
+
+    if (tabIndex < 4) {
+      // 切换下一个
+      if (tabIndex === 3) {
+        calBack.next = '';
+      } else {
+        setTabIndex(function () {
+          return tabIndex + 1;
+        });
+        lineAnimation(tabIndex + 1);
+        calBack.next = tabName[tabIndex + 1];
+      }
+
+      calBack.value = item;
+      onNextArea && onNextArea(calBack);
+    } else {
+      onClose && onClose();
+    }
+  }; // 切换地区Tab
+
+
+  var changeRegionTab = function changeRegionTab(item, index, key) {
+    if (getTabName(item, index)) {
+      setTabIndex(index);
+      lineAnimation(index);
+    }
+
+    onTabClick && onTabClick(key);
+  };
+
+  var handleElevatorItem = function handleElevatorItem(key, item) {
+    nextAreaList(item);
+  };
+
+  useEffect(function () {
+    var _defaultProps$1$props2 = _objectSpread(_objectSpread({}, defaultProps$1), props),
+        province = _defaultProps$1$props2.province;
+
+    setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
+      province: isCustom2() ? transformData(province) : province
+    }));
+  }, [province]);
+  useEffect(function () {
+    var _defaultProps$1$props3 = _objectSpread(_objectSpread({}, defaultProps$1), props),
+        city = _defaultProps$1$props3.city;
+
+    setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
+      city: isCustom2() ? transformData(city) : city
+    }));
+  }, [city]);
+  useEffect(function () {
+    var _defaultProps$1$props4 = _objectSpread(_objectSpread({}, defaultProps$1), props),
+        country = _defaultProps$1$props4.country;
+
+    setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
+      country: isCustom2() ? transformData(country) : country
+    }));
+  }, [country]);
+  useEffect(function () {
+    var _defaultProps$1$props5 = _objectSpread(_objectSpread({}, defaultProps$1), props),
+        town = _defaultProps$1$props5.town;
+
+    setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
+      town: isCustom2() ? transformData(town) : town
+    }));
+  }, [town]);
+  return React__default.createElement("div", {
+    className: b('custom')
+  }, React__default.createElement("div", {
+    className: b('region-tab')
+  }, Object.keys(selectedRegion).map(function (key, index) {
+    return React__default.createElement("div", {
+      className: "".concat(b('tab-item'), " ").concat(index === tabIndex ? 'active' : ''),
+      key: index,
+      ref: mapRef[key],
+      onClick: function onClick() {
+        return changeRegionTab(selectedRegion[key], index, key);
+      }
+    }, index <= tabIndex && React__default.createElement("div", null, getTabName(selectedRegion[key], index)));
+  }), React__default.createElement("div", {
+    className: b('tab-line'),
+    ref: regionLine,
+    style: {
+      left: "".concat(lineDistance, "px")
+    }
+  })), privateType === 'custom' && React__default.createElement("div", {
+    className: b('region-con')
+  }, React__default.createElement("ul", {
+    className: b('region-group')
+  }, regionList[tabName[tabIndex]].map(function (item, index) {
+    return React__default.createElement("li", {
+      key: index,
+      className: b('region-item'),
+      onClick: function onClick(e) {
+        return nextAreaList(item);
+      }
+    }, selectedRegion[tabName[tabIndex]].id === item.id && React__default.createElement(Icon, {
+      className: b('region-item--icon'),
+      name: "Check",
+      color: "#FA2C19",
+      size: "13px"
+    }), item.name);
+  }))), privateType === 'custom2' && React__default.createElement("div", {
+    className: b('elevator-group')
+  }, React__default.createElement(Elevator, {
+    height: height,
+    indexList: regionList[tabName[tabIndex]],
+    clickItem: handleElevatorItem
+  })));
+};
+
+var defaultProps = {
+  modelValue: false,
+  type: 'custom',
+  customAddressTitle: '请选择所在地区',
+  province: [],
+  city: [],
+  country: [],
+  town: [],
+  isShowCustomAddress: true,
+  existAddress: [],
+  existAddressTitle: '配送至',
+  customAndExistTitle: '选择其他地址',
+  height: '200px',
+  defaultIcon: 'location2',
+  selectedIcon: 'Check',
+  closeBtnIcon: 'circle-close',
+  backBtnIcon: 'left'
+};
+
+var Address = function Address(props) {
+  var _useConfig3 = useConfig(),
+      locale = _useConfig3.locale;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      modelValue = _defaultProps$props.modelValue,
+      children = _defaultProps$props.children,
+      type = _defaultProps$props.type,
+      height = _defaultProps$props.height,
+      customAddressTitle = _defaultProps$props.customAddressTitle,
+      existAddress = _defaultProps$props.existAddress,
+      existAddressTitle = _defaultProps$props.existAddressTitle,
+      province = _defaultProps$props.province,
+      city = _defaultProps$props.city,
+      country = _defaultProps$props.country,
+      town = _defaultProps$props.town,
+      isShowCustomAddress = _defaultProps$props.isShowCustomAddress,
+      customAndExistTitle = _defaultProps$props.customAndExistTitle,
+      selectedIcon = _defaultProps$props.selectedIcon,
+      defaultIcon = _defaultProps$props.defaultIcon,
+      closeBtnIcon = _defaultProps$props.closeBtnIcon,
+      backBtnIcon = _defaultProps$props.backBtnIcon,
+      onChange = _defaultProps$props.onChange,
+      onSelected = _defaultProps$props.onSelected,
+      onClose = _defaultProps$props.onClose,
+      closeMask = _defaultProps$props.closeMask,
+      switchModule = _defaultProps$props.switchModule,
+      onTabChecked = _defaultProps$props.onTabChecked,
+      style = _defaultProps$props.style,
+      className = _defaultProps$props.className,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded4);
+
+  var b = cn('address');
+
+  var _useState25 = useState(type),
+      _useState26 = _slicedToArray(_useState25, 2),
+      privateType = _useState26[0],
+      setPrivateType = _useState26[1];
+
+  var _useState27 = useState(['province', 'city', 'country', 'town']),
+      _useState28 = _slicedToArray(_useState27, 1),
+      tabName = _useState28[0];
+
+  var _useState29 = useState(modelValue),
+      _useState30 = _slicedToArray(_useState29, 2),
+      showPopup = _useState30[0],
+      setShowPopup = _useState30[1];
+
+  var _useState31 = useState({
+    province: {
+      name: ''
+    },
+    city: {
+      name: ''
+    },
+    country: {
+      name: ''
+    },
+    town: {
+      name: ''
+    }
+  }),
+      _useState32 = _slicedToArray(_useState31, 2),
+      selectedRegion = _useState32[0],
+      setSelectedRegion = _useState32[1]; // 已选择的 省、市、县、镇
+
+
+  var _useState33 = useState({}),
+      _useState34 = _slicedToArray(_useState33, 2),
+      selectedExistAddress = _useState34[0],
+      setSelectedExistAddress = _useState34[1]; // 当前选择的地址
+  // 手动关闭 点击叉号(cross)，或者蒙层(mask)
+
+
+  var handClose = function handClose() {
+    setShowPopup(false);
+  }; // 点击遮罩层关闭
+
+
+  var clickOverlay = function clickOverlay() {
+    closeMask && closeMask({
+      closeWay: 'mask'
+    });
+  }; // 切换下一级列表
+
+
+  var nextAreaList = function nextAreaList(item) {
+    // onchange 接收的参数
+    var callbackParams = {
+      next: item.next,
+      value: item.value,
+      custom: item.custom,
+      selectedRegion: {}
+    };
+    setSelectedRegion(_objectSpread({}, item.selectedRegion));
+    onChange && onChange(callbackParams);
+  }; // 选择现有地址
+
+
+  var selectedExist = function selectedExist(prevExistAdd, item, copyExistAdd) {
+    console.log(prevExistAdd, item, copyExistAdd);
+    setSelectedExistAddress(item);
+    onSelected && onSelected(prevExistAdd, item, copyExistAdd);
+    handClose();
+  }; // 初始化
+
+
+  var initAddress = function initAddress() {
+    for (var i = 0; i < tabName.length; i++) {
+      setSelectedRegion(_objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i], {})));
+    }
+
+    console.log(selectedRegion);
+  }; // 关闭
+
+
+  var closeFun = function closeFun() {
+    var resCopy = _objectSpread({
+      addressIdStr: '',
+      addressStr: ''
+    }, selectedRegion);
+
+    var res = {
+      data: {},
+      type: privateType
+    };
+
+    if (privateType === 'custom' || privateType === 'custom2') {
+      var _province = resCopy.province,
+          _city = resCopy.city,
+          _country = resCopy.country,
+          _town = resCopy.town;
+      resCopy.addressIdStr = [_province.id || 0, _city.id || 0, _country.id || 0, _town.id || 0].join('_');
+      resCopy.addressStr = [_province.name, _city.name, _country.name, _town.name].join('');
+      res.data = resCopy;
+    } else {
+      res.data = selectedExistAddress;
+    }
+
+    initAddress();
+    onClose && onClose(res);
+  }; // 选择其他地址
+
+
+  var onSwitchModule = function onSwitchModule() {
+    if (privateType === 'exist') {
+      setPrivateType('custom');
+    } else {
+      setPrivateType('exist');
+    }
+
+    initAddress();
+    switchModule && switchModule({
+      type: privateType
+    });
+  };
+
+  var headerRender = function headerRender() {
+    return React__default.createElement("div", {
+      className: b('header')
+    }, React__default.createElement("div", {
+      className: "arrow-back",
+      onClick: onSwitchModule
+    }, privateType === 'custom' && backBtnIcon && React__default.createElement(Icon, {
+      name: backBtnIcon,
+      color: "#cccccc"
+    })), React__default.createElement("div", {
+      className: b('header__title')
+    }, privateType === 'custom' ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), React__default.createElement("div", {
+      onClick: function onClick() {
+        return handClose();
+      }
+    }, closeBtnIcon && React__default.createElement(Icon, {
+      name: closeBtnIcon,
+      color: "#cccccc",
+      size: "18px"
+    })));
+  };
+
+  useEffect(function () {
+    setShowPopup(modelValue);
+  }, [modelValue]);
+  useEffect(function () {
+    if (!showPopup) {
+      closeFun();
+    }
+  }, [showPopup]);
+  return React__default.createElement(React__default.Fragment, null, showPopup && React__default.createElement(Popup, {
+    visible: showPopup,
+    position: "bottom",
+    onClickOverlay: clickOverlay,
+    onClose: function onClose() {
+      closeFun();
+    }
+  }, React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className || ''),
+    style: _objectSpread({}, style)
+  }, rest), headerRender(), (privateType === 'custom' || privateType === 'custom2') && React__default.createElement(CustomRender, {
+    type: privateType,
+    province: province,
+    city: city,
+    country: country,
+    town: town,
+    height: height,
+    onNextArea: function onNextArea(cal) {
+      nextAreaList && nextAreaList(cal);
+    },
+    onTabClick: function onTabClick(type) {
+      onTabChecked && onTabChecked(type);
+    },
+    onClose: handClose
+  }), privateType === 'exist' && React__default.createElement(ExistRender, {
+    type: privateType,
+    existAddress: existAddress,
+    selectedIcon: selectedIcon,
+    defaultIcon: defaultIcon,
+    isShowCustomAddress: isShowCustomAddress,
+    customAndExistTitle: locale.address.chooseAnotherAddress || customAndExistTitle,
+    onSelected: selectedExist,
+    onSwitchModule: onSwitchModule
+  }))));
+};
+
+Address.defaultProps = defaultProps;
+Address.displayName = 'NutAddress';
+export { Address as A };