@kne/super-select-plus 0.1.0

package/dist/index.modern.js

@@ -0,0 +1,1020 @@
+import { SelectCascader, SelectInput } from '@kne/super-select';
+import { createWithIntlProvider, useIntl } from '@kne/react-intl';
+import { useMemo, useState, useEffect, forwardRef, useCallback } from 'react';
+import get from 'lodash/get';
+import { withFetch } from '@kne/react-fetch';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import memoize from 'lodash/memoize';
+import cloneDeep from 'lodash/cloneDeep';
+import { List, Row, Col, Tabs, Divider, Space, Tag } from 'antd';
+import SearchInput from '@kne/search-input';
+import '@kne/search-input/dist/index.css';
+import '@kne/super-select/dist/index.css';
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+const locale$1 = {
+  placeholder: '请选择',
+  searchPlaceholder: '搜索',
+  // FunctionSelectField
+  functionPlaceholder: '请选择职能',
+  functionSearchPlaceholder: '搜索职能',
+  // IndustrySelectField
+  industryPlaceholder: '请选择行业',
+  industrySearchPlaceholder: '搜索行业',
+  // AddressSelectField
+  addressPlaceholder: '请选择城市',
+  addressSearchPlaceholder: '搜索城市',
+  domestic: '国内',
+  abroad: '国外'
+};
+
+const locale = {
+  placeholder: 'Please select',
+  searchPlaceholder: 'Search',
+  // FunctionSelectField
+  functionPlaceholder: 'Please select function',
+  functionSearchPlaceholder: 'Search function',
+  // IndustrySelectField
+  industryPlaceholder: 'Please select industry',
+  industrySearchPlaceholder: 'Search industry',
+  // AddressSelectField
+  addressPlaceholder: 'Please select city',
+  addressSearchPlaceholder: 'Search city',
+  domestic: 'Domestic',
+  abroad: 'Abroad'
+};
+
+const withLocale = createWithIntlProvider({
+  defaultLocale: 'zh-CN',
+  messages: {
+    'zh-CN': locale$1,
+    'en-US': locale
+  },
+  namespace: 'super-select-plus'
+});
+
+const _excluded$4 = ["data", "name", "type", "cache", "children", "getLabel", "dataFormat", "transformItem"];
+const enumCache = new Map();
+
+// 默认子组件渲染函数
+const defaultChildren = item => get(item, 'label', '');
+
+/**
+ * 默认获取标签函数
+ */
+const defaultGetLabel = (item, locale) => {
+  if (locale === 'en-US') {
+    return get(item, 'enName') || get(item, 'name') || get(item, 'chName');
+  }
+  return get(item, 'name') || get(item, 'chName');
+};
+
+/**
+ * 默认数据格式化函数
+ */
+const defaultDataFormat = data => data.data || data;
+
+/**
+ * 默认映射项转换函数
+ */
+const defaultTransformItem = (item, label) => _extends({}, item, {
+  id: item.code,
+  label,
+  parentId: item.parentCode || null
+});
+
+/**
+ * 内部枚举显示组件
+ */
+const EnumDisplayInner = withFetch(_ref => {
+  let {
+      data,
+      name,
+      type,
+      cache: cacheKey,
+      children,
+      getLabel,
+      dataFormat,
+      transformItem
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  const {
+    locale
+  } = useIntl();
+
+  // 格式化数据
+  const formattedData = useMemo(() => dataFormat(data), [data, dataFormat]);
+
+  // 创建映射表
+  const mapping = useMemo(() => {
+    return new Map(formattedData.map(item => {
+      const label = getLabel(item, locale);
+      const transformedItem = transformItem(item, label);
+      return [item.code, transformedItem];
+    }));
+  }, [formattedData, getLabel, locale, transformItem]);
+
+  // 获取枚举值
+  const output = mapping.get(name);
+
+  // 缓存结果
+  if (output && cacheKey && type) {
+    enumCache.set(`${cacheKey}_${type}_${name}`, output);
+  }
+  return children(output, _extends({}, props, {
+    locale,
+    mapping
+  }));
+});
+
+/**
+ * 枚举显示组件
+ */
+const EnumDisplay = withLocale(props => {
+  useIntl();
+  const {
+    name,
+    type = 'default',
+    cache: cacheKey = 'ENUM_DATA',
+    force = false,
+    getLabel = defaultGetLabel,
+    dataFormat = defaultDataFormat,
+    transformItem = defaultTransformItem,
+    children = defaultChildren
+  } = props;
+
+  // 检查缓存
+  const key = `${cacheKey}_${type}_${name}`;
+  const cached = enumCache.get(key);
+  if (cached && !force) {
+    return children(cached, {
+      locale: props.locale
+    });
+  }
+  return /*#__PURE__*/jsx(EnumDisplayInner, _extends({}, props, {
+    type: type,
+    cache: cacheKey,
+    getLabel: getLabel,
+    dataFormat: dataFormat,
+    transformItem: transformItem,
+    children: children
+  }));
+});
+
+/**
+ * 创建特定枚举组件的工厂函数
+ * @param {Object} options 配置选项
+ * @param {string} options.type 枚举类型标识
+ * @param {string} options.cache 缓存键
+ * @param {Function} options.getLabel 获取标签函数
+ * @param {Function} options.dataFormat 数据格式化函数
+ * @param {Function} options.transformItem 映射项转换函数
+ * @param {Object} options.defaultApi 默认API配置
+ * @returns {React.Component} 枚举组件
+ */
+const createEnumComponent = options => {
+  const {
+    type,
+    cache,
+    getLabel = defaultGetLabel,
+    dataFormat = defaultDataFormat,
+    transformItem = defaultTransformItem,
+    defaultApi
+  } = options;
+  const EnumComponent = withLocale(props => {
+    const {
+      name,
+      force = false,
+      children = defaultChildren
+    } = props;
+
+    // 检查缓存
+    const key = `${cache}_${type}_${name}`;
+    const cached = enumCache.get(key);
+    if (cached && !force) {
+      return children(cached, {
+        locale: props.locale
+      });
+    }
+    return /*#__PURE__*/jsx(EnumDisplayInner, _extends({}, props, defaultApi, {
+      type: type,
+      cache: cache,
+      getLabel: getLabel,
+      dataFormat: dataFormat,
+      transformItem: transformItem,
+      children: children
+    }));
+  });
+
+  // 附加静态属性
+  EnumComponent.getLabel = getLabel;
+  EnumComponent.defaultApi = defaultApi;
+  EnumComponent.type = type;
+  EnumComponent.cache = cache;
+  return EnumComponent;
+};
+
+// 导出缓存实例供外部使用
+EnumDisplay.cache = enumCache;
+
+/**
+ * 获取本地化标签
+ */
+const getLabelForLocal$3 = (item, locale) => {
+  if (locale === 'en-US') {
+    return get(item, 'enName') || get(item, 'chName');
+  }
+  return get(item, 'chName');
+};
+
+/**
+ * 默认职能数据加载器
+ */
+const defaultFunctionApi = {
+  cache: 'FUNCTION_DATA',
+  isLocal: true,
+  ttl: 1000 * 60 * 60 * 24,
+  // 24小时
+  loader: () => {
+    return import('./function-99219f66.js').then(module => module['__esModule'] ? module.default : module);
+  }
+};
+
+/**
+ * 职能枚举显示组件
+ */
+const FunctionEnum = createEnumComponent({
+  type: 'function',
+  cache: 'FUNCTION_DATA',
+  getLabel: getLabelForLocal$3,
+  defaultApi: defaultFunctionApi
+});
+
+const _excluded$3 = ["value", "onChange", "single", "placeholder", "isPopup", "overlayWidth", "apis", "onSearch"];
+const defaultFunctionData = () => {
+  return import('./function-99219f66.js').then(module => module['__esModule'] ? module.default : module);
+};
+const transformToCascaderData$1 = (data, locale) => {
+  // 创建映射表
+  const mapping = new Map();
+  data.forEach(item => {
+    mapping.set(item.code, _extends({}, item, {
+      id: item.code,
+      name: getLabelForLocal$3(item, locale),
+      children: []
+    }));
+  });
+
+  // 构建嵌套结构
+  const roots = [];
+  data.forEach(item => {
+    const node = mapping.get(item.code);
+    if (!item.parentCode || !mapping.has(item.parentCode)) {
+      roots.push(node);
+    } else {
+      const parent = mapping.get(item.parentCode);
+      parent.children.push(node);
+    }
+  });
+
+  // 清理空的 children 数组
+  const cleanEmptyChildren = nodes => {
+    nodes.forEach(node => {
+      if (node.children && node.children.length === 0) {
+        delete node.children;
+      } else if (node.children && node.children.length > 0) {
+        cleanEmptyChildren(node.children);
+      }
+    });
+  };
+  cleanEmptyChildren(roots);
+  return roots;
+};
+const SelectFunctionInner = _ref => {
+  let {
+      value,
+      onChange,
+      single = false,
+      placeholder,
+      isPopup = true,
+      overlayWidth = 320,
+      onSearch
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  const {
+    locale,
+    formatMessage
+  } = useIntl();
+  const [data, setData] = useState([]);
+  useEffect(() => {
+    defaultFunctionData().then(result => {
+      setData(result.data || result);
+    });
+  }, []);
+  const options = useMemo(() => transformToCascaderData$1(data, locale), [data, locale]);
+  const handleSearch = (searchText, {
+    mapping
+  }) => {
+    if (!searchText) return Array.from(mapping.values());
+    const keyword = searchText.toLowerCase();
+    return Array.from(mapping.values()).filter(item => {
+      return item.chName && item.chName.toLowerCase().includes(keyword) || item.enName && item.enName.toLowerCase().includes(keyword) || item.pinyin && item.pinyin.toLowerCase().includes(keyword) || item.spelling && item.spelling.toLowerCase().includes(keyword);
+    });
+  };
+  return /*#__PURE__*/jsx(SelectCascader, _extends({}, props, {
+    value: value,
+    onChange: onChange,
+    single: single,
+    placeholder: placeholder || formatMessage({
+      id: 'placeholder'
+    }, {
+      defaultMessage: '请选择职能'
+    }),
+    isPopup: isPopup,
+    menuItemWidth: 200,
+    style: _extends({
+      width: overlayWidth
+    }, props.style),
+    options: options,
+    valueKey: "id",
+    labelKey: "name",
+    onSearch: onSearch || handleSearch
+  }));
+};
+const SelectFunction = withLocale(SelectFunctionInner);
+SelectFunction.defaultData = defaultFunctionData;
+SelectFunction.Enum = FunctionEnum;
+
+/**
+ * 获取本地化标签
+ */
+const getLabelForLocal$2 = (item, locale) => {
+  if (locale === 'en-US') {
+    return get(item, 'enName') || get(item, 'chName');
+  }
+  return get(item, 'chName');
+};
+
+/**
+ * 默认行业数据加载器
+ */
+const defaultIndustryApi = {
+  cache: 'INDUSTRY_DATA',
+  isLocal: true,
+  ttl: 1000 * 60 * 60 * 24,
+  // 24小时
+  loader: () => {
+    return import('./industry-8d720d2a.js').then(module => module['__esModule'] ? module.default : module);
+  }
+};
+
+/**
+ * 行业枚举显示组件
+ */
+const IndustryEnum = createEnumComponent({
+  type: 'industry',
+  cache: 'INDUSTRY_DATA',
+  getLabel: getLabelForLocal$2,
+  defaultApi: defaultIndustryApi
+});
+
+const _excluded$2 = ["value", "onChange", "single", "placeholder", "isPopup", "overlayWidth", "apis", "onSearch"];
+const defaultIndustryData = () => {
+  return import('./industry-8d720d2a.js').then(module => module['__esModule'] ? module.default : module);
+};
+const transformToCascaderData = (data, locale) => {
+  // 过滤掉"全部行业"
+  const filteredData = data.filter(item => item.code !== '000');
+
+  // 创建映射表
+  const mapping = new Map();
+  filteredData.forEach(item => {
+    mapping.set(item.code, _extends({}, item, {
+      id: item.code,
+      name: getLabelForLocal$2(item, locale),
+      children: []
+    }));
+  });
+
+  // 构建嵌套结构
+  const roots = [];
+  filteredData.forEach(item => {
+    const node = mapping.get(item.code);
+    if (!item.parentCode || !mapping.has(item.parentCode)) {
+      roots.push(node);
+    } else {
+      const parent = mapping.get(item.parentCode);
+      parent.children.push(node);
+    }
+  });
+
+  // 清理空的 children 数组
+  const cleanEmptyChildren = nodes => {
+    nodes.forEach(node => {
+      if (node.children && node.children.length === 0) {
+        delete node.children;
+      } else if (node.children && node.children.length > 0) {
+        cleanEmptyChildren(node.children);
+      }
+    });
+  };
+  cleanEmptyChildren(roots);
+  return roots;
+};
+const SelectIndustryInner = _ref => {
+  let {
+      value,
+      onChange,
+      single = false,
+      placeholder,
+      isPopup = true,
+      overlayWidth = 320,
+      onSearch
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  const {
+    locale,
+    formatMessage
+  } = useIntl();
+  const [data, setData] = useState([]);
+  useEffect(() => {
+    defaultIndustryData().then(result => {
+      setData(result.data || result);
+    });
+  }, []);
+  const options = useMemo(() => transformToCascaderData(data, locale), [data, locale]);
+  const handleSearch = (searchText, {
+    mapping
+  }) => {
+    if (!searchText) return Array.from(mapping.values());
+    const keyword = searchText.toLowerCase();
+    return Array.from(mapping.values()).filter(item => {
+      return item.chName && item.chName.toLowerCase().includes(keyword) || item.enName && item.enName.toLowerCase().includes(keyword) || item.pinyin && item.pinyin.toLowerCase().includes(keyword) || item.spelling && item.spelling.toLowerCase().includes(keyword);
+    });
+  };
+  return /*#__PURE__*/jsx(SelectCascader, _extends({}, props, {
+    value: value,
+    onChange: onChange,
+    single: single,
+    placeholder: placeholder || formatMessage({
+      id: 'placeholder'
+    }, {
+      defaultMessage: '请选择行业'
+    }),
+    isPopup: isPopup,
+    menuItemWidth: 200,
+    style: _extends({
+      width: overlayWidth
+    }, props.style),
+    options: options,
+    valueKey: "id",
+    labelKey: "name",
+    onSearch: onSearch || handleSearch
+  }));
+};
+const SelectIndustry = withLocale(SelectIndustryInner);
+SelectIndustry.defaultData = defaultIndustryData;
+SelectIndustry.Enum = IndustryEnum;
+
+const _excluded$1 = ["data", "name", "children", "displayParent"],
+  _excluded2 = ["displayParent"];
+const getLabelForLocal$1 = (item, locale) => {
+  if (locale === 'en-US') {
+    return get(item, 'enName') || get(item, 'name');
+  }
+  return get(item, 'name');
+};
+
+/**
+ * 默认地址数据加载器
+ */
+const addressDefaultApi = {
+  cache: 'CITY_DATA',
+  isLocal: true,
+  ttl: 1000 * 60 * 60 * 24,
+  // 24小时
+  loader: () => {
+    return import('./city-5444842a.js').then(module => module['__esModule'] ? module.default : module);
+  }
+};
+
+/**
+ * 地址枚举显示组件
+ */
+const AddressEnumInner = withFetch(_ref => {
+  let {
+      data,
+      name,
+      children,
+      displayParent
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  const {
+    locale
+  } = useIntl();
+  const addressApi = useMemo(() => createAddressApi(data), [data]);
+
+  // 获取城市数据
+  const cityData = addressApi.getCity(name);
+  const {
+    city,
+    parent
+  } = cityData;
+
+  // 如果提供了自定义渲染函数
+  if (children) {
+    return children(cityData, _extends({
+      displayParent,
+      locale,
+      getLabelForLocal: getLabelForLocal$1
+    }, props));
+  }
+
+  // 默认渲染逻辑
+  if (!city) {
+    return '';
+  }
+  if (displayParent && parent) {
+    return `${getLabelForLocal$1(parent, locale)}·${getLabelForLocal$1(city, locale)}`;
+  }
+  return getLabelForLocal$1(city, locale);
+});
+const AddressEnum = withLocale(props => {
+  const {
+      displayParent = false
+    } = props,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded2);
+  return /*#__PURE__*/jsx(AddressEnumInner, _extends({}, addressDefaultApi, {
+    displayParent: displayParent
+  }, restProps));
+});
+AddressEnum.addressDefaultApi = addressDefaultApi;
+
+function createCommonjsModule(fn) {
+  var module = { exports: {} };
+	return fn(module, module.exports), module.exports;
+}
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+var classnames = createCommonjsModule(function (module) {
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames () {
+		var classes = '';
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (arg) {
+				classes = appendClass(classes, parseValue(arg));
+			}
+		}
+
+		return classes;
+	}
+
+	function parseValue (arg) {
+		if (typeof arg === 'string' || typeof arg === 'number') {
+			return arg;
+		}
+
+		if (typeof arg !== 'object') {
+			return '';
+		}
+
+		if (Array.isArray(arg)) {
+			return classNames.apply(null, arg);
+		}
+
+		if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+			return arg.toString();
+		}
+
+		var classes = '';
+
+		for (var key in arg) {
+			if (hasOwn.call(arg, key) && arg[key]) {
+				classes = appendClass(classes, key);
+			}
+		}
+
+		return classes;
+	}
+
+	function appendClass (value, newClass) {
+		if (!newClass) {
+			return value;
+		}
+	
+		if (value) {
+			return value + ' ' + newClass;
+		}
+	
+		return value + newClass;
+	}
+
+	if (module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+});
+
+var style = {"address":"_MMoPf","is-popup":"_bYKMf","title":"_pKOHI","scroll-box":"_MObpF","scroll-plus-box":"_iKm8i","content":"_BfCap","col-left":"_BEChX","menu-list":"_gXzFG","menu-item":"_LasXn","col-right":"_1jQmu","search-input":"_YB45l","list":"_Y-MIq","list-item":"_6JEMZ","item-label":"_nlduJ"};
+
+const _excluded = ["single", "isPopup", "showChinaQuan", "showForeignQuan"];
+const getLabelForLocal = (item, locale) => {
+  if (locale === 'en-US') {
+    return get(item, 'enName') || get(item, 'name');
+  }
+  return get(item, 'name');
+};
+const defaultCityData = () => {
+  return import('./city-5444842a.js').then(module => module['__esModule'] ? module.default : module);
+};
+const createAddressApi = ({
+  city,
+  province,
+  country
+}) => {
+  const getSearchList = memoize(() => {
+    const list = [];
+    ['gangaotai', 'municipality'].forEach(name => {
+      list.push(...(city.relations[name] || []));
+    });
+    ['provinces', 'continents'].forEach(name => {
+      (city.relations[name] || []).forEach(id => {
+        list.push(id);
+        list.push(...(city.relations[id] || []));
+      });
+    });
+    return list.map(id => city.list[id]).filter(Boolean);
+  });
+  const apis = {
+    getCity: memoize(id => {
+      const item = city.list[id] || apis.getCityByName(id);
+      if (!item) {
+        return {
+          city: null,
+          parent: null
+        };
+      }
+      return {
+        city: item,
+        parent: item.parentCode ? city.list[item.parentCode] : null
+      };
+    }),
+    getChinaHotCities: memoize(() => {
+      return (city.relations['2'] || []).map(id => city.list[id]).filter(Boolean);
+    }),
+    getChinaCities: memoize(() => {
+      return ['2', ...(province.relations.municipality || []), ...(province.relations.provinces || []), 'gangaotai'].map(id => Object.assign({
+        id
+      }, city.list[id])).filter(item => item.code);
+    }),
+    getCountries: memoize(() => {
+      return ['1', ...(country.relations.continents || [])].map(id => Object.assign({
+        id
+      }, country.list[id])).filter(item => item.code);
+    }),
+    getList: memoize((pid, options) => {
+      const {
+        showChinaQuan,
+        showForeignQuan
+      } = Object.assign({}, options);
+      if (pid === 'gangaotai') {
+        return (province.relations['gangaotai'] || []).map(id => city.list[id]).filter(Boolean);
+      }
+      const current = Object.assign({}, city.list[pid]);
+      if ((province.relations.municipality || []).indexOf(pid) > -1) {
+        current.name = `${showChinaQuan ? '全' : ''}${current.name}`;
+        return [current];
+      }
+      const list = (city.relations[pid] || []).map(id => city.list[id]).filter(Boolean);
+      if ((province.relations.provinces || []).indexOf(pid) > -1 && showChinaQuan) {
+        current.name = `全${current.name}`;
+        list.splice(0, 0, current);
+      }
+      if ((country.relations.continents || []).indexOf(pid) > -1 && showForeignQuan) {
+        current.name = `全${current.name}`;
+        list.splice(0, 0, current);
+      }
+      return list;
+    }),
+    getNationalityList: memoize(pid => {
+      let _city = cloneDeep(city);
+      if (pid === '1') {
+        _city.relations['1'].unshift('410');
+      }
+      if (pid === '350') {
+        _city.relations['350'].unshift('410');
+      }
+      return _city.relations[pid].filter(id => _city.list[id]).map(id => _city.list[id]);
+    }),
+    getCityByName: memoize(name => {
+      const searchList = getSearchList();
+      let item;
+      [item => item.name === name, item => item.name === name.replace(/(省|市)$/, ''), item => name.indexOf(item.name) === 0].find(func => {
+        item = searchList.find(func);
+        return item;
+      });
+      return item;
+    }),
+    combineCities: memoize((currentId, list) => {
+      return [...list.filter(item => {
+        return city.list[item].parentCode !== currentId && city.list[currentId].parentCode !== item && currentId !== item;
+      }), currentId];
+    }),
+    searchCities: memoize(value => {
+      if (!value) {
+        return [];
+      }
+      const searchList = getSearchList();
+      return searchList.filter(item => {
+        return ['pinyin', 'name', 'enName', 'spelling'].some(name => {
+          return (item[name] || '').toUpperCase().indexOf(value.toUpperCase()) > -1;
+        });
+      }).map(item => {
+        const parent = item.parentCode ? city.list[item.parentCode] : null;
+        return _extends({
+          label: parent ? `${parent.name}·${item.name}` : item.name,
+          value: item.code
+        }, item);
+      });
+    }),
+    getCityList: memoize(() => {
+      return Object.values(city.list).map(item => _extends({}, item, {
+        value: item.code,
+        label: item.name
+      }));
+    })
+  };
+  return apis;
+};
+const AddressInner = ({
+  value,
+  setValue,
+  props
+}) => {
+  const {
+    locale,
+    formatMessage
+  } = useIntl();
+  const [searchText, setSearchText] = useState('');
+  const [menuKey, setMenuKey] = useState('2');
+  const [cityData, setCityData] = useState(null);
+  useEffect(() => {
+    defaultCityData().then(result => {
+      setCityData(result);
+    });
+  }, []);
+  const addressApi = useMemo(() => {
+    if (!cityData) return null;
+    return createAddressApi(cityData);
+  }, [cityData]);
+  const {
+    getCity,
+    getChinaCities,
+    getCountries,
+    getList,
+    searchCities
+  } = addressApi || {};
+  const onSelect = useCallback(code => {
+    var _cityData$city;
+    const cityInfo = cityData == null || (_cityData$city = cityData.city) == null || (_cityData$city = _cityData$city.list) == null ? void 0 : _cityData$city[code];
+    if (!cityInfo) return;
+    const item = _extends({
+      value: code,
+      label: cityInfo.name
+    }, cityInfo);
+    if (props.single) {
+      setValue([item]);
+      return;
+    }
+    setValue(prev => {
+      const newValue = prev.slice(0);
+      const index = newValue.findIndex(v => v.value === code);
+      if (index > -1) {
+        newValue.splice(index, 1);
+      } else {
+        newValue.push(item);
+      }
+      return newValue;
+    });
+  }, [cityData, props.single, setValue]);
+  if (!addressApi) {
+    return null;
+  }
+  const selectedValues = (value || []).map(v => v.value);
+  const searchInner = searchText && /*#__PURE__*/jsx("div", {
+    className: style['scroll-plus-box'],
+    children: /*#__PURE__*/jsx(List, {
+      className: style['list'],
+      size: "small",
+      dataSource: searchCities(searchText),
+      rowKey: "value",
+      renderItem: item => /*#__PURE__*/jsx(List.Item, {
+        className: style['list-item'],
+        onClick: () => {
+          onSelect(item.value);
+          setSearchText('');
+        },
+        children: /*#__PURE__*/jsx("span", {
+          className: style['item-label'],
+          children: item.label
+        })
+      })
+    })
+  });
+  const currentCity = getCity == null ? void 0 : getCity(menuKey);
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(style['address'], {
+      [style['is-popup']]: props.isPopup
+    }),
+    children: [/*#__PURE__*/jsx(SearchInput, {
+      className: classnames(style['search-input'], {
+        [style['is-popup']]: props.isPopup,
+        'is-popup': props.isPopup
+      }),
+      placeholder: props.searchPlaceholder || formatMessage({
+        id: 'addressSearchPlaceholder'
+      }, {
+        defaultMessage: '搜索城市'
+      }),
+      value: searchText,
+      onChange: e => {
+        setSearchText(e.target.value);
+      },
+      onSearch: value => {
+        setSearchText(value);
+      }
+    }), /*#__PURE__*/jsx("div", {
+      className: style['content'],
+      children: searchInner || /*#__PURE__*/jsxs(Row, {
+        wrap: false,
+        children: [/*#__PURE__*/jsx(Col, {
+          className: style['col-left'],
+          children: /*#__PURE__*/jsx(Tabs, {
+            centered: true,
+            onChange: activeKey => {
+              setMenuKey(activeKey);
+            },
+            items: [{
+              key: '2',
+              label: formatMessage({
+                id: 'domestic'
+              }, {
+                defaultMessage: '国内'
+              }),
+              children: /*#__PURE__*/jsx("div", {
+                className: style['scroll-box'],
+                children: /*#__PURE__*/jsx(List, {
+                  className: style['menu-list'],
+                  dataSource: getChinaCities(),
+                  rowKey: "id",
+                  renderItem: item => /*#__PURE__*/jsx(List.Item, {
+                    className: menuKey === item.id ? 'selected' : '',
+                    onClick: () => {
+                      setMenuKey(item.id);
+                    },
+                    children: getLabelForLocal(item, locale)
+                  })
+                })
+              })
+            }, {
+              key: '1',
+              label: formatMessage({
+                id: 'abroad'
+              }, {
+                defaultMessage: '国外'
+              }),
+              children: /*#__PURE__*/jsx("div", {
+                className: style['scroll-box'],
+                children: /*#__PURE__*/jsx(List, {
+                  className: style['menu-list'],
+                  dataSource: getCountries(),
+                  rowKey: "id",
+                  renderItem: item => /*#__PURE__*/jsx(List.Item, {
+                    className: menuKey === item.id ? 'selected' : '',
+                    onClick: () => {
+                      setMenuKey(item.id);
+                    },
+                    children: getLabelForLocal(item, locale)
+                  })
+                })
+              })
+            }]
+          })
+        }), /*#__PURE__*/jsxs(Col, {
+          flex: 1,
+          className: style['col-right'],
+          children: [/*#__PURE__*/jsx(Divider, {
+            className: style['title'],
+            orientation: "left",
+            children: currentCity != null && currentCity.city ? getLabelForLocal(currentCity.city, locale) : ''
+          }), /*#__PURE__*/jsx("div", {
+            className: style['scroll-box'],
+            children: /*#__PURE__*/jsx(Space, {
+              wrap: true,
+              children: getList(menuKey, {
+                showChinaQuan: props.showChinaQuan,
+                showForeignQuan: props.showForeignQuan
+              }).map(item => /*#__PURE__*/jsx(Tag.CheckableTag, {
+                checked: selectedValues.indexOf(item.code) > -1,
+                onChange: () => {
+                  onSelect(item.code);
+                },
+                children: getLabelForLocal(item, locale)
+              }, item.code))
+            })
+          })]
+        })]
+      })
+    })]
+  });
+};
+const SelectAddressInner = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    formatMessage
+  } = useIntl();
+  return /*#__PURE__*/jsx(SelectInput, _extends({
+    ref: ref
+  }, props, {
+    placeholder: props.placeholder || formatMessage({
+      id: 'addressPlaceholder'
+    }, {
+      defaultMessage: '请选择城市'
+    }),
+    children: contextProps => {
+      const {
+        value,
+        setValue
+      } = contextProps;
+      return /*#__PURE__*/jsx(AddressInner, {
+        value: value,
+        setValue: setValue,
+        props: props
+      });
+    }
+  }));
+});
+const SelectAddress = withLocale(_ref => {
+  let {
+      single = false,
+      isPopup = true,
+      showChinaQuan = false,
+      showForeignQuan = false
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/jsx(SelectAddressInner, _extends({
+    single: single,
+    isPopup: isPopup,
+    showChinaQuan: showChinaQuan,
+    showForeignQuan: showForeignQuan
+  }, props));
+}, 'SelectAddress');
+SelectAddress.defaultData = defaultCityData;
+SelectAddress.createAddressApi = createAddressApi;
+SelectAddress.Enum = AddressEnum;
+
+// 默认导出
+var index = {
+  SelectFunction,
+  SelectIndustry,
+  SelectAddress,
+  AddressEnum,
+  FunctionEnum,
+  IndustryEnum,
+  EnumDisplay
+};
+
+export { AddressEnum, EnumDisplay, FunctionEnum, IndustryEnum, SelectAddress, SelectFunction, SelectIndustry, createAddressApi, index as default };
+//# sourceMappingURL=index.modern.js.map