@nutui/nutui-react 1.5.1 → 2.0.0-alpha.0

package/dist/esm/Address.js

@@ -2,55 +2,59 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 = ["children", "type", "modelValue", "height", "province", "city", "country", "town", "onNextArea", "onTabClick", "onClose"],
-  _excluded3 = ["modelValue", "modelSelect", "children", "type", "height", "customAddressTitle", "existAddress", "existAddressTitle", "province", "city", "country", "town", "isShowCustomAddress", "customAndExistTitle", "selectedIcon", "defaultIcon", "closeBtnIcon", "backBtnIcon", "onChange", "onSelected", "onClose", "closeMask", "switchModule", "onTabChecked", "style", "className", "iconClassPrefix", "iconFontClassName"];
-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, useState, useRef } from 'react';
-import Icon from './Icon.js';
-import Popup from './Popup.js';
-import { c as cn } from './bem-3b438e61.js';
-import { useConfig } from './ConfigProvider.js';
-import Elevator from './Elevator.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/classname';
+var _excluded = ["children", "type", "existAddress", "selectedIcon", "defaultIcon", "isShowCustomAddress", "customAndExistTitle", "onSelected", "onClose", "onSwitchModule"], _excluded2 = ["children", "type", "modelValue", "height", "province", "city", "country", "town", "onNextArea", "onTabClick", "onClose"], _excluded3 = ["modelValue", "modelSelect", "children", "type", "height", "customAddressTitle", "existAddress", "existAddressTitle", "province", "city", "country", "town", "isShowCustomAddress", "customAndExistTitle", "selectedIcon", "defaultIcon", "closeBtnIcon", "backBtnIcon", "onChange", "onSelected", "onClose", "onCancel", "onSwitch", "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), true).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, useState, useRef } from "react";
+import { Check, Location2, Left, CircleClose } from "@nutui/icons-react";
+import Popup from "./Popup.js";
+import { c as cn } from "./bem.js";
+import { useConfig } from "./ConfigProvider.js";
+import Elevator from "./Elevator.js";
+import { C as ComponentDefaults } from "./typings.js";
+import "@bem-react/classname";
 var defaultProps$2 = {
-  type: 'custom',
+  type: "custom",
   existAddress: [],
-  defaultIcon: 'location2',
-  selectedIcon: 'Check',
+  defaultIcon: null,
+  selectedIcon: null,
   isShowCustomAddress: true,
-  customAndExistTitle: ''
+  customAndExistTitle: ""
 };
-var ExistRender = function ExistRender(props) {
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
-  var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
-    children = _defaultProps$2$props.children,
-    type = _defaultProps$2$props.type,
-    existAddress = _defaultProps$2$props.existAddress,
-    selectedIcon = _defaultProps$2$props.selectedIcon,
-    defaultIcon = _defaultProps$2$props.defaultIcon,
-    isShowCustomAddress = _defaultProps$2$props.isShowCustomAddress,
-    customAndExistTitle = _defaultProps$2$props.customAndExistTitle,
-    onSelected = _defaultProps$2$props.onSelected,
-    onClose = _defaultProps$2$props.onClose,
-    onSwitchModule = _defaultProps$2$props.onSwitchModule,
-    rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
-  var b = cn('address');
-  // 选择现有地址
-  var selectedExist = function selectedExist(item) {
+var ExistRender = function ExistRender2(props) {
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props), children = _defaultProps$2$props.children, type = _defaultProps$2$props.type, existAddress = _defaultProps$2$props.existAddress, selectedIcon = _defaultProps$2$props.selectedIcon, defaultIcon = _defaultProps$2$props.defaultIcon, isShowCustomAddress = _defaultProps$2$props.isShowCustomAddress, customAndExistTitle = _defaultProps$2$props.customAndExistTitle, onSelected = _defaultProps$2$props.onSelected, onClose = _defaultProps$2$props.onClose, onSwitchModule = _defaultProps$2$props.onSwitchModule, rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
+  var b = cn("address");
+  var selectedExist = function selectedExist2(item) {
     var copyExistAdd = existAddress;
     var prevExistAdd = {
-      provinceName: '',
-      cityName: '',
-      countyName: '',
-      townName: '',
-      addressDetail: '',
+      provinceName: "",
+      cityName: "",
+      countyName: "",
+      townName: "",
+      addressDetail: "",
       selectedAddress: false
     };
-    copyExistAdd.forEach(function (list, index) {
+    copyExistAdd.forEach(function(list, index) {
       if (list && list.selectedAddress) {
         prevExistAdd = list;
       }
@@ -59,34 +63,29 @@ var ExistRender = function ExistRender(props) {
     item.selectedAddress = true;
     onSelected && onSelected(prevExistAdd, item, copyExistAdd);
   };
-  // 选择其他地址
-  var switchModule = function switchModule() {
+  var onSwitch = function onSwitch2() {
     onSwitchModule && onSwitchModule({
-      type: type === 'exist' ? 'custom' : 'exist'
+      type: type === "exist" ? "custom" : "exist"
     });
   };
-  useEffect(function () {}, [existAddress]);
+  useEffect(function() {
+  }, [existAddress]);
   return React__default.createElement("div", {
-    className: b('exist')
+    className: b("exist")
   }, React__default.createElement("div", {
-    className: b('exist-group')
+    className: b("exist-group")
   }, React__default.createElement("ul", {
-    className: b('exist-ul')
-  }, existAddress.map(function (item, index) {
+    className: b("exist-ul")
+  }, existAddress.map(function(item, index) {
     return React__default.createElement("li", {
-      className: b('exist-item'),
+      className: b("exist-item"),
       key: index
     }, React__default.createElement("div", {
       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.selectedAddress ? selectedIcon : defaultIcon, 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", {
@@ -97,70 +96,52 @@ var ExistRender = function ExistRender(props) {
       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
+    className: b("choose-other"),
+    onClick: onSwitch
   }, React__default.createElement("div", {
-    className: b('choose-other-btn')
+    className: b("choose-other-btn")
   }, customAndExistTitle || locale.address.chooseAnotherAddress)));
 };
 var defaultProps$1 = {
   modelValue: [],
-  type: 'custom',
+  type: "custom",
   province: [],
   city: [],
   country: [],
   town: [],
-  height: '200px'
+  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,
-    modelValue = _defaultProps$1$props.modelValue,
-    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, _excluded2);
-  var b = cn('address');
-  var _useState = useState(type),
-    _useState2 = _slicedToArray(_useState, 1),
-    privateType = _useState2[0];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tabIndex = _useState4[0],
-    setTabIndex = _useState4[1];
-  var _useState5 = useState(['province', 'city', 'country', 'town']),
-    _useState6 = _slicedToArray(_useState5, 1),
-    tabName = _useState6[0];
+var CustomRender = function CustomRender2(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, modelValue = _defaultProps$1$props.modelValue, 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, _excluded2);
+  var b = cn("address");
+  var _useState = useState(type), _useState2 = _slicedToArray(_useState, 1), privateType = _useState2[0];
+  var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), tabIndex = _useState4[0], setTabIndex = _useState4[1];
+  var _useState5 = useState(["province", "city", "country", "town"]), _useState6 = _slicedToArray(_useState5, 1), tabName = _useState6[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 isCustom2 = function isCustom22() {
+    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) {
+  var transformData = function transformData2(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 为必填项 .');
+        console.error("[NutUI] <Address> 请检查数组选项的 title 值是否有设置 ,title 为必填项 .");
       }
     });
     var newData = [];
-    data = data.sort(function (a, b) {
-      return a.title.localeCompare(b.title);
+    data = data.sort(function(a, b2) {
+      return a.title.localeCompare(b2.title);
     });
-    data.forEach(function (item) {
-      var index = newData.findIndex(function (value) {
+    data.forEach(function(item) {
+      var index = newData.findIndex(function(value) {
         return value.title === item.title;
       });
       if (index <= -1) {
@@ -178,38 +159,27 @@ var CustomRender = function CustomRender(props) {
     return newData;
   };
   var _useState7 = useState({
-      province: isCustom2() ? transformData(province) : province,
-      city: isCustom2() ? transformData(city) : city,
-      country: isCustom2() ? transformData(country) : country,
-      town: isCustom2() ? transformData(town) : town
-    }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    regionList = _useState8[0],
-    setRegionList = _useState8[1];
-  // 已选择的 省、市、县、镇
+    province: isCustom2() ? transformData(province) : province,
+    city: isCustom2() ? transformData(city) : city,
+    country: isCustom2() ? transformData(country) : country,
+    town: isCustom2() ? transformData(town) : town
+  }), _useState8 = _slicedToArray(_useState7, 2), regionList = _useState8[0], setRegionList = _useState8[1];
   var _useState9 = useState({
-      province: {
-        name: ''
-      },
-      city: {
-        name: ''
-      },
-      country: {
-        name: ''
-      },
-      town: {
-        name: ''
-      }
-    }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    selectedRegion = _useState10[0],
-    setSelectedRegion = _useState10[1];
-  var _useState11 = useState(20),
-    _useState12 = _slicedToArray(_useState11, 2),
-    lineDistance = _useState12[0],
-    setLineDistance = _useState12[1];
-  // 获取已选地区列表名称
-  var getTabName = function getTabName(item, index) {
+    province: {
+      name: ""
+    },
+    city: {
+      name: ""
+    },
+    country: {
+      name: ""
+    },
+    town: {
+      name: ""
+    }
+  }), _useState10 = _slicedToArray(_useState9, 2), selectedRegion = _useState10[0], setSelectedRegion = _useState10[1];
+  var _useState11 = useState(20), _useState12 = _slicedToArray(_useState11, 2), lineDistance = _useState12[0], setLineDistance = _useState12[1];
+  var getTabName = function getTabName2(item, index) {
     if (tabIndex > index) {
       return item.name;
     }
@@ -221,9 +191,8 @@ var CustomRender = function CustomRender(props) {
     country: countryRef,
     town: townRef
   };
-  // 移动下面的红线
-  var lineAnimation = function lineAnimation(index) {
-    setTimeout(function () {
+  var lineAnimation = function lineAnimation2(index) {
+    setTimeout(function() {
       var name = tabName[index];
       var refD = mapRef;
       if (name && refD[name] && refD[name].current) {
@@ -232,12 +201,10 @@ var CustomRender = function CustomRender(props) {
       }
     }, 0);
   };
-  // 切换下一级列表
-  var nextAreaList = function nextAreaList(item) {
-    // onchange 接收的参数
+  var nextAreaList = function nextAreaList2(item) {
     var calBack = {
-      next: '',
-      value: '',
+      next: "",
+      value: "",
       custom: tabName[tabIndex]
     };
     var bbselectedRegion = selectedRegion ? _objectSpread({}, selectedRegion) : null;
@@ -250,11 +217,10 @@ var CustomRender = function CustomRender(props) {
       }
     }
     if (tabIndex < 4) {
-      // 切换下一个
       if (tabIndex === 3) {
-        calBack.next = '';
+        calBack.next = "";
       } else {
-        setTabIndex(function () {
+        setTabIndex(function() {
           return tabIndex + 1;
         });
         lineAnimation(tabIndex + 1);
@@ -266,20 +232,18 @@ var CustomRender = function CustomRender(props) {
       onClose && onClose();
     }
   };
-  // 切换地区Tab
-  var changeRegionTab = function changeRegionTab(item, index, key) {
+  var changeRegionTab = function changeRegionTab2(item, index, key) {
     if (getTabName(item, index)) {
       setTabIndex(index);
       lineAnimation(index);
     }
     onTabClick && onTabClick(key);
   };
-  // 默认选中项
-  var initCustomSelected = function initCustomSelected() {
+  var initCustomSelected = function initCustomSelected2() {
     if (modelValue.length > 0) {
       var tagIndex = 0;
       var selectedRegionC = selectedRegion && Object.assign(selectedRegion);
-      var _loop = function _loop() {
+      var _loop = function _loop2() {
         if (regionList[tabName[index]].length === 0) {
           tagIndex = index - 1;
           setTabIndex(index - 1);
@@ -287,16 +251,16 @@ var CustomRender = function CustomRender(props) {
         } else {
           var val = modelValue[index];
           var arr = regionList[tabName[index]];
-          if (privateType === 'custom') {
-            selectedRegionC[[tabName[index]]] = arr.filter(function (item) {
+          if (privateType === "custom") {
+            selectedRegionC[[tabName[index]]] = arr.filter(function(item) {
               return item.id === val;
             })[0];
-          } else if (privateType === 'custom2') {
+          } else if (privateType === "custom2") {
             var sumArr = [];
-            arr.forEach(function (item) {
+            arr.forEach(function(item) {
               sumArr.push.apply(sumArr, _toConsumableArray(item.list));
             });
-            selectedRegionC[[tabName[index]]] = sumArr.filter(function (item) {
+            selectedRegionC[[tabName[index]]] = sumArr.filter(function(item) {
               return item.id === val;
             })[0];
           }
@@ -306,53 +270,50 @@ var CustomRender = function CustomRender(props) {
       };
       for (var index = 0; index < modelValue.length; index++) {
         var _ret = _loop();
-        if (_ret === "break") break;
+        if (_ret === "break")
+          break;
       }
       setTabIndex(tagIndex);
       lineAnimation(tagIndex);
     }
   };
-  var handleElevatorItem = function handleElevatorItem(key, item) {
+  var handleElevatorItem = function handleElevatorItem2(key, item) {
     nextAreaList(item);
   };
-  useEffect(function () {
-    var _defaultProps$1$props2 = _objectSpread(_objectSpread({}, defaultProps$1), props),
-      province = _defaultProps$1$props2.province;
+  useEffect(function() {
+    var _defaultProps$1$props2 = _objectSpread(_objectSpread({}, defaultProps$1), props), province2 = _defaultProps$1$props2.province;
     setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
-      province: isCustom2() ? transformData(province) : province
+      province: isCustom2() ? transformData(province2) : province2
     }));
   }, [province]);
-  useEffect(function () {
-    var _defaultProps$1$props3 = _objectSpread(_objectSpread({}, defaultProps$1), props),
-      city = _defaultProps$1$props3.city;
+  useEffect(function() {
+    var _defaultProps$1$props3 = _objectSpread(_objectSpread({}, defaultProps$1), props), city2 = _defaultProps$1$props3.city;
     setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
-      city: isCustom2() ? transformData(city) : city
+      city: isCustom2() ? transformData(city2) : city2
     }));
   }, [city]);
-  useEffect(function () {
-    var _defaultProps$1$props4 = _objectSpread(_objectSpread({}, defaultProps$1), props),
-      country = _defaultProps$1$props4.country;
+  useEffect(function() {
+    var _defaultProps$1$props4 = _objectSpread(_objectSpread({}, defaultProps$1), props), country2 = _defaultProps$1$props4.country;
     setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
-      country: isCustom2() ? transformData(country) : country
+      country: isCustom2() ? transformData(country2) : country2
     }));
   }, [country]);
-  useEffect(function () {
-    var _defaultProps$1$props5 = _objectSpread(_objectSpread({}, defaultProps$1), props),
-      town = _defaultProps$1$props5.town;
+  useEffect(function() {
+    var _defaultProps$1$props5 = _objectSpread(_objectSpread({}, defaultProps$1), props), town2 = _defaultProps$1$props5.town;
     setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
-      town: isCustom2() ? transformData(town) : town
+      town: isCustom2() ? transformData(town2) : town2
     }));
   }, [town]);
-  useEffect(function () {
+  useEffect(function() {
     initCustomSelected();
   }, [modelValue]);
   return React__default.createElement("div", {
-    className: b('custom')
+    className: b("custom")
   }, React__default.createElement("div", {
-    className: b('region-tab')
-  }, selectedRegion && Object.keys(selectedRegion).map(function (key, index) {
+    className: b("region-tab")
+  }, selectedRegion && Object.keys(selectedRegion).map(function(key, index) {
     return React__default.createElement("div", {
-      className: "".concat(b('tab-item'), " ").concat(index === tabIndex ? 'active' : ''),
+      className: "".concat(b("tab-item"), " ").concat(index === tabIndex ? "active" : ""),
       key: index,
       ref: mapRef[key],
       onClick: function onClick() {
@@ -360,33 +321,33 @@ var CustomRender = function CustomRender(props) {
       }
     }, index <= tabIndex && React__default.createElement("div", null, getTabName(selectedRegion[key], index)));
   }), React__default.createElement("div", {
-    className: b('tab-line'),
+    className: b("tab-line"),
     ref: regionLine,
     style: {
       left: "".concat(lineDistance, "px")
     }
-  })), privateType === 'custom' && React__default.createElement("div", {
-    className: b('region-con')
+  })), 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) {
+    className: b("region-group")
+  }, regionList[tabName[tabIndex]].map(function(item, index) {
     return React__default.createElement("li", {
       key: index,
-      className: b('region-item')
+      className: b("region-item")
     }, React__default.createElement("div", {
       onClick: function onClick() {
         nextAreaList(item);
       }
-    }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && React__default.createElement(Icon, {
-      className: b('region-item--icon'),
-      name: "Check",
-      color: "#FA2C19",
-      size: "13px"
+    }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && React__default.createElement(Check, {
+      className: b("region-item--icon"),
+      color: "var(--nutui-brand-color)",
+      width: 13,
+      height: 13
     }), item.name));
-  }))), privateType === 'custom2' && React__default.createElement("div", {
-    className: b('elevator-group')
+  }))), privateType === "custom2" && React__default.createElement("div", {
+    className: b("elevator-group")
   }, React__default.createElement(Elevator, {
-    height: height,
+    height,
     indexList: regionList[tabName[tabIndex]],
     onClickItem: handleElevatorItem
   })));
@@ -394,101 +355,53 @@ var CustomRender = function CustomRender(props) {
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   modelValue: false,
   modelSelect: [],
-  type: 'custom',
-  customAddressTitle: '',
+  type: "custom",
+  customAddressTitle: "",
   province: [],
   city: [],
   country: [],
   town: [],
   isShowCustomAddress: true,
   existAddress: [],
-  existAddressTitle: '',
-  customAndExistTitle: '',
-  height: '200px',
-  defaultIcon: 'location2',
-  selectedIcon: 'Check',
-  closeBtnIcon: 'circle-close',
-  backBtnIcon: 'left'
+  existAddressTitle: "",
+  customAndExistTitle: "",
+  height: "200px",
+  defaultIcon: null,
+  selectedIcon: null,
+  closeBtnIcon: null,
+  backBtnIcon: null
 });
-var Address = function Address(props) {
-  var _useConfig3 = useConfig(),
-    locale = _useConfig3.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    modelValue = _defaultProps$props.modelValue,
-    modelSelect = _defaultProps$props.modelSelect,
-    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,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
-  var b = cn('address');
-  var _useState13 = useState(type),
-    _useState14 = _slicedToArray(_useState13, 2),
-    privateType = _useState14[0],
-    setPrivateType = _useState14[1];
-  var _useState15 = useState(['province', 'city', 'country', 'town']),
-    _useState16 = _slicedToArray(_useState15, 1),
-    tabName = _useState16[0];
-  var _useState17 = useState(modelValue),
-    _useState18 = _slicedToArray(_useState17, 2),
-    showPopup = _useState18[0],
-    setShowPopup = _useState18[1];
+var Address = function Address2(props) {
+  var _useConfig3 = useConfig(), locale = _useConfig3.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), modelValue = _defaultProps$props.modelValue, modelSelect = _defaultProps$props.modelSelect, 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, onCancel = _defaultProps$props.onCancel, onSwitch = _defaultProps$props.onSwitch, onTabChecked = _defaultProps$props.onTabChecked, style = _defaultProps$props.style, className = _defaultProps$props.className, rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
+  var b = cn("address");
+  var _useState13 = useState(type), _useState14 = _slicedToArray(_useState13, 2), privateType = _useState14[0], setPrivateType = _useState14[1];
+  var _useState15 = useState(["province", "city", "country", "town"]), _useState16 = _slicedToArray(_useState15, 1), tabName = _useState16[0];
+  var _useState17 = useState(modelValue), _useState18 = _slicedToArray(_useState17, 2), showPopup = _useState18[0], setShowPopup = _useState18[1];
   var _useState19 = useState({
-      province: {
-        name: ''
-      },
-      city: {
-        name: ''
-      },
-      country: {
-        name: ''
-      },
-      town: {
-        name: ''
-      }
-    }),
-    _useState20 = _slicedToArray(_useState19, 2),
-    selectedRegion = _useState20[0],
-    setSelectedRegion = _useState20[1]; // 已选择的 省、市、县、镇
-  var _useState21 = useState({}),
-    _useState22 = _slicedToArray(_useState21, 2),
-    selectedExistAddress = _useState22[0],
-    setSelectedExistAddress = _useState22[1]; // 当前选择的地址
-  // 手动关闭 点击叉号(cross)，或者蒙层(mask)
-  var handClose = function handClose() {
+    province: {
+      name: ""
+    },
+    city: {
+      name: ""
+    },
+    country: {
+      name: ""
+    },
+    town: {
+      name: ""
+    }
+  }), _useState20 = _slicedToArray(_useState19, 2), selectedRegion = _useState20[0], setSelectedRegion = _useState20[1];
+  var _useState21 = useState({}), _useState22 = _slicedToArray(_useState21, 2), selectedExistAddress = _useState22[0], setSelectedExistAddress = _useState22[1];
+  var handClose = function handClose2() {
     setShowPopup(false);
   };
-  // 点击遮罩层关闭
-  var clickOverlay = function clickOverlay() {
-    closeMask && closeMask({
-      closeWay: 'mask'
+  var clickOverlay = function clickOverlay2() {
+    onCancel && onCancel({
+      closeWay: "mask"
     });
   };
-  // 切换下一级列表
-  var nextAreaList = function nextAreaList(item) {
-    // onchange 接收的参数
+  var nextAreaList = function nextAreaList2(item) {
     var callbackParams = {
       next: item.next,
       value: item.value,
@@ -497,38 +410,32 @@ var Address = function Address(props) {
     setSelectedRegion(_objectSpread({}, item.selectedRegion));
     onChange && onChange(callbackParams);
   };
-  // 选择现有地址
-  var selectedExist = function selectedExist(prevExistAdd, item, copyExistAdd) {
+  var selectedExist = function selectedExist2(prevExistAdd, item, copyExistAdd) {
     setSelectedExistAddress(item);
     onSelected && onSelected(prevExistAdd, item, copyExistAdd);
     handClose();
   };
-  // 初始化
-  var initAddress = function initAddress() {
+  var initAddress = function initAddress2() {
     for (var i = 0; i < tabName.length; i++) {
       setSelectedRegion(_objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i], {})));
     }
   };
-  // 关闭
-  var closeFun = function closeFun() {
+  var closeFun = function closeFun2() {
     var resCopy = _objectSpread({
-      addressIdStr: '',
-      addressStr: ''
+      addressIdStr: "",
+      addressStr: ""
     }, selectedRegion);
     var res = {
       data: _objectSpread({
-        addressIdStr: '',
-        addressStr: ''
+        addressIdStr: "",
+        addressStr: ""
       }, selectedRegion),
       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('');
+    if (privateType === "custom" || privateType === "custom2") {
+      var province2 = resCopy.province, city2 = resCopy.city, country2 = resCopy.country, town2 = resCopy.town;
+      resCopy.addressIdStr = [province2.id || 0, city2.id || 0, country2.id || 0, town2.id || 0].join("_");
+      resCopy.addressStr = [province2.name, city2.name, country2.name, town2.name].join("");
       res.data = resCopy;
     } else {
       res.data = selectedExistAddress;
@@ -536,47 +443,41 @@ var Address = function Address(props) {
     initAddress();
     onClose && onClose(res);
   };
-  // 选择其他地址
-  var onSwitchModule = function onSwitchModule() {
-    if (privateType === 'exist') {
-      setPrivateType('custom');
+  var onSwitchModule = function onSwitchModule2() {
+    if (privateType === "exist") {
+      setPrivateType("custom");
     } else {
-      setPrivateType('exist');
+      setPrivateType("exist");
     }
     initAddress();
-    switchModule && switchModule({
+    onSwitch && onSwitch({
       type: privateType
     });
   };
-  var headerRender = function headerRender() {
+  var headerRender = function headerRender2() {
     return React__default.createElement("div", {
-      className: b('header')
+      className: b("header")
     }, React__default.createElement("div", {
       className: "arrow-back",
       onClick: onSwitchModule
-    }, privateType === 'custom' && backBtnIcon && React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: backBtnIcon,
+    }, privateType === "custom" && (React__default.isValidElement(backBtnIcon) ? backBtnIcon : React__default.createElement(Left, {
       color: "#cccccc"
-    })), React__default.createElement("div", {
-      className: b('header__title')
-    }, privateType === 'custom' ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo), React__default.createElement("div", {
+    }))), React__default.createElement("div", {
+      className: b("header__title")
+    }, privateType === "custom" ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo), React__default.createElement("div", {
       onClick: function onClick() {
         return handClose();
       }
-    }, closeBtnIcon && React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: closeBtnIcon,
-      color: "#cccccc",
-      size: "18px"
+    }, React__default.isValidElement(closeBtnIcon) ? closeBtnIcon : React__default.createElement(CircleClose, {
+      width: 18,
+      height: 18,
+      color: "#ccc"
     })));
   };
-  useEffect(function () {
+  useEffect(function() {
     setShowPopup(modelValue);
   }, [modelValue]);
-  useEffect(function () {
+  useEffect(function() {
     if (!showPopup) {
       closeFun();
     }
@@ -585,38 +486,42 @@ var Address = function Address(props) {
     visible: showPopup,
     position: "bottom",
     onClickOverlay: clickOverlay,
-    onClose: function onClose() {
+    onClose: function onClose2() {
       closeFun();
     }
   }, React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className || ''),
+    className: "".concat(b(), " ").concat(className || ""),
     style: _objectSpread({}, style)
-  }, rest), headerRender(), (privateType === 'custom' || privateType === 'custom2') && React__default.createElement(CustomRender, {
+  }, rest), headerRender(), (privateType === "custom" || privateType === "custom2") && React__default.createElement(CustomRender, {
     modelValue: modelSelect,
     type: privateType,
-    province: province,
-    city: city,
-    country: country,
-    town: town,
-    height: height,
+    province,
+    city,
+    country,
+    town,
+    height,
     onNextArea: function onNextArea(cal) {
       nextAreaList && nextAreaList(cal);
     },
-    onTabClick: function onTabClick(type) {
-      onTabChecked && onTabChecked(type);
+    onTabClick: function onTabClick(type2) {
+      onTabChecked && onTabChecked(type2);
     },
     onClose: handClose
-  }), privateType === 'exist' && React__default.createElement(ExistRender, {
+  }), privateType === "exist" && React__default.createElement(ExistRender, {
     type: privateType,
-    existAddress: existAddress,
-    selectedIcon: selectedIcon,
-    defaultIcon: defaultIcon,
-    isShowCustomAddress: isShowCustomAddress,
+    existAddress,
+    selectedIcon: React__default.isValidElement(selectedIcon) ? selectedIcon : React__default.createElement(Check, {
+      color: "#FA2C19"
+    }),
+    defaultIcon: React__default.isValidElement(defaultIcon) ? defaultIcon : React__default.createElement(Location2, null),
+    isShowCustomAddress,
     customAndExistTitle: customAndExistTitle || locale.address.chooseAnotherAddress,
     onSelected: selectedExist,
-    onSwitchModule: onSwitchModule
+    onSwitchModule
   }))));
 };
 Address.defaultProps = defaultProps;
-Address.displayName = 'NutAddress';
-export { Address as default };
+Address.displayName = "NutAddress";
+export {
+  Address as default
+};