@kne/super-select-plus 0.1.0 → 0.1.2

package/dist/index.js

@@ -18,6 +18,25 @@ var memoize__default = /*#__PURE__*/_interopDefaultLegacy(memoize);
 var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
 var SearchInput__default = /*#__PURE__*/_interopDefaultLegacy(SearchInput);
 
+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: '搜索',
@@ -59,10 +78,113 @@ const withLocale = reactIntl.createWithIntlProvider({
   namespace: 'super-select-plus'
 });
 
+const _excluded$4 = ["data", "name", "names", "type", "cache", "children", "getLabel", "dataFormat", "transformItem"];
 const enumCache = new Map();
 
 // 默认子组件渲染函数
-const defaultChildren = item => get__default["default"](item, 'label', '');
+const defaultChildren = output => {
+  if (Array.isArray(output)) {
+    return output.map(item => get__default["default"](item, 'label', '')).filter(Boolean).toString();
+  }
+  return get__default["default"](output, 'label', '');
+};
+const getLabels = output => Array.isArray(output) ? output.map(item => get__default["default"](item, 'label', '')).filter(Boolean) : output ? [get__default["default"](output, 'label', '')].filter(Boolean) : [];
+
+/**
+ * 将 EnumDisplay / FunctionEnum / IndustryEnum 解析结果转为选择器 value
+ * @param {Array|Object} items createEnumComponent children 第一个参数
+ * @param {Object} options valueKey / labelKey 字段映射
+ */
+const enumItemsToSelectValue = function (items, _temp) {
+  let _ref = _temp === void 0 ? {} : _temp,
+    _ref$valueKey = _ref.valueKey,
+    valueKey = _ref$valueKey === void 0 ? 'id' : _ref$valueKey,
+    _ref$labelKey = _ref.labelKey,
+    labelKey = _ref$labelKey === void 0 ? 'name' : _ref$labelKey;
+  return (Array.isArray(items) ? items : [items]).filter(Boolean).map(item => {
+    var _item$id, _ref2, _item$label;
+    return {
+      [valueKey]: (_item$id = item.id) != null ? _item$id : item.code,
+      [labelKey]: (_ref2 = (_item$label = item.label) != null ? _item$label : item.name) != null ? _ref2 : item.chName
+    };
+  });
+};
+
+/**
+ * 将单个 Enum 解析结果转为选择器 value（单选）
+ */
+const enumItemToSelectValue = (item, options) => {
+  var _enumItemsToSelectVal;
+  return (_enumItemsToSelectVal = enumItemsToSelectValue(item, options)[0]) != null ? _enumItemsToSelectVal : null;
+};
+
+/**
+ * 将 AddressEnum 解析结果转为 SelectAddress value（支持 name 单值或 names 数组）
+ */
+const addressEnumToSelectValue = outputs => {
+  const list = Array.isArray(outputs) ? outputs : outputs ? [outputs] : [];
+  return list.filter(item => item == null ? void 0 : item.city).map(_ref3 => {
+    let city = _ref3.city;
+    return _extends({
+      value: city.code,
+      label: city.name
+    }, city);
+  });
+};
+
+/**
+ * 将单个 AddressEnum 解析结果转为 SelectAddress value（单选）
+ */
+const addressEnumToSelectValueSingle = output => {
+  var _addressEnumToSelectV;
+  return (_addressEnumToSelectV = addressEnumToSelectValue(output)[0]) != null ? _addressEnumToSelectV : null;
+};
+const resolveOutput = (mapping, name, names) => {
+  if (names) {
+    return names.map(code => mapping.get(code));
+  }
+  return mapping.get(name);
+};
+const cacheOutput = (output, _ref4) => {
+  let cacheKey = _ref4.cacheKey,
+    type = _ref4.type,
+    name = _ref4.name,
+    names = _ref4.names;
+  if (!cacheKey || !type) {
+    return;
+  }
+  if (names) {
+    names.forEach((code, index) => {
+      const item = output[index];
+      if (item) {
+        enumCache.set(cacheKey + "_" + type + "_" + code, item);
+      }
+    });
+    return;
+  }
+  if (output) {
+    enumCache.set(cacheKey + "_" + type + "_" + name, output);
+  }
+};
+const getCachedOutput = _ref5 => {
+  var _enumCache$get;
+  let cacheKey = _ref5.cacheKey,
+    type = _ref5.type,
+    name = _ref5.name,
+    names = _ref5.names,
+    force = _ref5.force;
+  if (force) {
+    return null;
+  }
+  if (names != null && names.length) {
+    const items = names.map(code => enumCache.get(cacheKey + "_" + type + "_" + code));
+    return items.every(Boolean) ? items : null;
+  }
+  if (name == null) {
+    return null;
+  }
+  return (_enumCache$get = enumCache.get(cacheKey + "_" + type + "_" + name)) != null ? _enumCache$get : null;
+};
 
 /**
  * 默认获取标签函数
@@ -82,8 +204,7 @@ const defaultDataFormat = data => data.data || data;
 /**
  * 默认映射项转换函数
  */
-const defaultTransformItem = (item, label) => ({
-  ...item,
+const defaultTransformItem = (item, label) => _extends({}, item, {
   id: item.code,
   label,
   parentId: item.parentCode || null
@@ -92,21 +213,19 @@ const defaultTransformItem = (item, label) => ({
 /**
  * 内部枚举显示组件
  */
-const EnumDisplayInner = reactFetch.withFetch(_ref => {
-  let {
-    data,
-    name,
-    type,
-    cache: cacheKey,
-    children,
-    getLabel,
-    dataFormat,
-    transformItem,
-    ...props
-  } = _ref;
-  const {
-    locale
-  } = reactIntl.useIntl();
+const EnumDisplayInner = reactFetch.withFetch(_ref6 => {
+  let data = _ref6.data,
+    name = _ref6.name,
+    names = _ref6.names,
+    type = _ref6.type,
+    cacheKey = _ref6.cache,
+    children = _ref6.children,
+    getLabel = _ref6.getLabel,
+    dataFormat = _ref6.dataFormat,
+    transformItem = _ref6.transformItem,
+    props = _objectWithoutPropertiesLoose(_ref6, _excluded$4);
+  const _useIntl = reactIntl.useIntl(),
+    locale = _useIntl.locale;
 
   // 格式化数据
   const formattedData = react.useMemo(() => dataFormat(data), [data, dataFormat]);
@@ -119,54 +238,63 @@ const EnumDisplayInner = reactFetch.withFetch(_ref => {
       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, {
-    ...props,
-    locale,
-    mapping
+  const output = react.useMemo(() => resolveOutput(mapping, name, names), [mapping, name, names]);
+  cacheOutput(output, {
+    cacheKey,
+    type,
+    name,
+    names
   });
+  return children(output, _extends({}, props, {
+    locale,
+    mapping,
+    names,
+    labels: getLabels(output)
+  }));
 });
 
 /**
  * 枚举显示组件
  */
 const EnumDisplay = withLocale(props => {
-  reactIntl.useIntl();
-  const {
+  const name = props.name,
+    names = props.names,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'default' : _props$type,
+    _props$cache = props.cache,
+    cacheKey = _props$cache === void 0 ? 'ENUM_DATA' : _props$cache,
+    _props$force = props.force,
+    force = _props$force === void 0 ? false : _props$force,
+    _props$getLabel = props.getLabel,
+    getLabel = _props$getLabel === void 0 ? defaultGetLabel : _props$getLabel,
+    _props$dataFormat = props.dataFormat,
+    dataFormat = _props$dataFormat === void 0 ? defaultDataFormat : _props$dataFormat,
+    _props$transformItem = props.transformItem,
+    transformItem = _props$transformItem === void 0 ? defaultTransformItem : _props$transformItem,
+    _props$children = props.children,
+    children = _props$children === void 0 ? defaultChildren : _props$children;
+  const cached = getCachedOutput({
+    cacheKey,
+    type,
     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) {
+    names,
+    force
+  });
+  if (cached) {
     return children(cached, {
-      locale: props.locale
+      locale: props.locale,
+      names,
+      labels: getLabels(cached)
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsx(EnumDisplayInner, {
-    ...props,
+  return /*#__PURE__*/jsxRuntime.jsx(EnumDisplayInner, _extends({}, props, {
     type: type,
     cache: cacheKey,
     getLabel: getLabel,
     dataFormat: dataFormat,
     transformItem: transformItem,
     children: children
-  });
+  }));
 });
 
 /**
@@ -181,39 +309,44 @@ const EnumDisplay = withLocale(props => {
  * @returns {React.Component} 枚举组件
  */
 const createEnumComponent = options => {
-  const {
-    type,
-    cache,
-    getLabel = defaultGetLabel,
-    dataFormat = defaultDataFormat,
-    transformItem = defaultTransformItem,
-    defaultApi
-  } = options;
+  const type = options.type,
+    cache = options.cache,
+    _options$getLabel = options.getLabel,
+    getLabel = _options$getLabel === void 0 ? defaultGetLabel : _options$getLabel,
+    _options$dataFormat = options.dataFormat,
+    dataFormat = _options$dataFormat === void 0 ? defaultDataFormat : _options$dataFormat,
+    _options$transformIte = options.transformItem,
+    transformItem = _options$transformIte === void 0 ? defaultTransformItem : _options$transformIte,
+    defaultApi = options.defaultApi;
   const EnumComponent = withLocale(props => {
-    const {
+    const name = props.name,
+      names = props.names,
+      _props$force2 = props.force,
+      force = _props$force2 === void 0 ? false : _props$force2,
+      _props$children2 = props.children,
+      children = _props$children2 === void 0 ? defaultChildren : _props$children2;
+    const cached = getCachedOutput({
+      cacheKey: cache,
+      type,
       name,
-      force = false,
-      children = defaultChildren
-    } = props;
-
-    // 检查缓存
-    const key = `${cache}_${type}_${name}`;
-    const cached = enumCache.get(key);
-    if (cached && !force) {
+      names,
+      force
+    });
+    if (cached) {
       return children(cached, {
-        locale: props.locale
+        locale: props.locale,
+        names,
+        labels: getLabels(cached)
       });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(EnumDisplayInner, {
-      ...props,
-      ...defaultApi,
+    return /*#__PURE__*/jsxRuntime.jsx(EnumDisplayInner, _extends({}, props, defaultApi, {
       type: type,
       cache: cache,
       getLabel: getLabel,
       dataFormat: dataFormat,
       transformItem: transformItem,
       children: children
-    });
+    }));
   });
 
   // 附加静态属性
@@ -246,7 +379,7 @@ const defaultFunctionApi = {
   ttl: 1000 * 60 * 60 * 24,
   // 24小时
   loader: () => {
-    return Promise.resolve().then(function () { return require('./function-9db71e91.js'); }).then(module => module['__esModule'] ? module.default : module);
+    return Promise.resolve().then(function () { return require('./function-871311da.js'); }).then(module => module['__esModule'] ? module.default : module);
   }
 };
 
@@ -260,19 +393,178 @@ const FunctionEnum = createEnumComponent({
   defaultApi: defaultFunctionApi
 });
 
+const getItemId = function (item, valueKey) {
+  var _ref, _ref2, _item$valueKey;
+  if (valueKey === void 0) {
+    valueKey = 'id';
+  }
+  if (item == null) {
+    return null;
+  }
+  if (typeof item !== 'object') {
+    return item;
+  }
+  return (_ref = (_ref2 = (_item$valueKey = item[valueKey]) != null ? _item$valueKey : item.id) != null ? _ref2 : item.code) != null ? _ref : null;
+};
+const getItemLabel = function (item, labelKey) {
+  var _ref3, _ref4, _item$labelKey;
+  if (labelKey === void 0) {
+    labelKey = 'name';
+  }
+  if (item == null || typeof item !== 'object') {
+    return null;
+  }
+  return (_ref3 = (_ref4 = (_item$labelKey = item[labelKey]) != null ? _item$labelKey : item.label) != null ? _ref4 : item.name) != null ? _ref3 : null;
+};
+const resolveItemFromNode = function (item, node, _temp) {
+  let _ref5 = _temp === void 0 ? {} : _temp,
+    _ref5$valueKey = _ref5.valueKey,
+    valueKey = _ref5$valueKey === void 0 ? 'id' : _ref5$valueKey,
+    _ref5$labelKey = _ref5.labelKey,
+    labelKey = _ref5$labelKey === void 0 ? 'name' : _ref5$labelKey;
+  const id = getItemId(item, valueKey);
+  if (id == null) {
+    return item;
+  }
+  if (!node) {
+    const label = getItemLabel(item, labelKey);
+    if (typeof item === 'object') {
+      return label != null && label !== String(id) ? item : _extends({}, typeof item === 'object' ? item : {}, {
+        [valueKey]: id,
+        [labelKey]: label || String(id)
+      });
+    }
+    return {
+      [valueKey]: id,
+      [labelKey]: String(id)
+    };
+  }
+  const label = getItemLabel(item, labelKey) || node[labelKey] || node.name;
+  return _extends({}, node, typeof item === 'object' ? item : {}, {
+    [valueKey]: id,
+    [labelKey]: label
+  });
+};
+
+/**
+ * 通过扁平 Map 解析 value（推荐，不依赖级联树结构）
+ */
+const resolveCascaderValueFromMap = function (value, mapping, _temp2) {
+  let _ref6 = _temp2 === void 0 ? {} : _temp2,
+    _ref6$valueKey = _ref6.valueKey,
+    valueKey = _ref6$valueKey === void 0 ? 'id' : _ref6$valueKey,
+    _ref6$labelKey = _ref6.labelKey,
+    labelKey = _ref6$labelKey === void 0 ? 'name' : _ref6$labelKey,
+    _ref6$single = _ref6.single,
+    single = _ref6$single === void 0 ? false : _ref6$single;
+  if (value == null || !(mapping != null && mapping.size)) {
+    return value;
+  }
+  const resolveItem = item => resolveItemFromNode(item, mapping.get(getItemId(item, valueKey)), {
+    valueKey,
+    labelKey
+  });
+  if (single) {
+    const current = Array.isArray(value) ? value[0] : value;
+    return current != null ? resolveItem(current) : value;
+  }
+  return Array.isArray(value) ? value.map(resolveItem) : value;
+};
+
+/**
+ * 将仅含编码的 value 解析为含 label 的完整对象（城市选择器）
+ */
+const resolveAddressValue = function (value, addressApi, _temp3) {
+  let _ref8 = _temp3 === void 0 ? {} : _temp3,
+    _ref8$single = _ref8.single,
+    single = _ref8$single === void 0 ? false : _ref8$single;
+  if (value == null || !addressApi) {
+    return value;
+  }
+  const resolveItem = item => {
+    var _item$value, _item$label;
+    if (item == null) {
+      return item;
+    }
+    const code = typeof item === 'object' ? (_item$value = item.value) != null ? _item$value : item.code : item;
+    if (!code) {
+      return typeof item === 'object' ? item : null;
+    }
+    const label = typeof item === 'object' ? (_item$label = item.label) != null ? _item$label : item.name : null;
+    if (label && label !== String(code)) {
+      return typeof item === 'object' ? item : {
+        value: code,
+        label
+      };
+    }
+    const _addressApi$getCity = addressApi.getCity(code),
+      city = _addressApi$getCity.city;
+    return city ? _extends({
+      value: code,
+      label: city.name
+    }, city) : {
+      value: code,
+      label: String(code)
+    };
+  };
+  if (single) {
+    const current = Array.isArray(value) ? value[0] : value;
+    return current != null ? resolveItem(current) : value;
+  }
+  return Array.isArray(value) ? value.map(resolveItem) : value;
+};
+
+/**
+ * 判断是否需要将解析后的 value 同步回 onChange（仅编码 -> 含 label）
+ */
+const shouldSyncSelectValue = function (value, resolved, _temp4) {
+  let _ref9 = _temp4 === void 0 ? {} : _temp4,
+    _ref9$valueKey = _ref9.valueKey,
+    valueKey = _ref9$valueKey === void 0 ? 'id' : _ref9$valueKey,
+    _ref9$labelKey = _ref9.labelKey,
+    labelKey = _ref9$labelKey === void 0 ? 'name' : _ref9$labelKey,
+    _ref9$single = _ref9.single,
+    single = _ref9$single === void 0 ? false : _ref9$single;
+  if (resolved == null || value == null) {
+    return false;
+  }
+  const needSyncItem = (original, resolvedItem) => {
+    const id = getItemId(original, valueKey);
+    const resolvedId = getItemId(resolvedItem, valueKey);
+    if (id == null || id !== resolvedId) {
+      return false;
+    }
+    const resolvedLabel = getItemLabel(resolvedItem, labelKey);
+    if (!resolvedLabel || resolvedLabel === String(id)) {
+      return false;
+    }
+    const valueLabel = getItemLabel(original, labelKey);
+    return !valueLabel || valueLabel === String(id);
+  };
+  if (single) {
+    const original = Array.isArray(value) ? value[0] : value;
+    const resolvedItem = Array.isArray(resolved) ? resolved[0] : resolved;
+    return needSyncItem(original, resolvedItem);
+  }
+  if (!Array.isArray(value) || !Array.isArray(resolved)) {
+    return false;
+  }
+  return resolved.some((item, index) => needSyncItem(value[index], item));
+};
+
+const _excluded$3 = ["value", "onChange", "single", "placeholder", "isPopup", "overlayWidth", "apis", "onSearch"];
 const defaultFunctionData = () => {
-  return Promise.resolve().then(function () { return require('./function-9db71e91.js'); }).then(module => module['__esModule'] ? module.default : module);
+  return Promise.resolve().then(function () { return require('./function-871311da.js'); }).then(module => module['__esModule'] ? module.default : module);
 };
 const transformToCascaderData$1 = (data, locale) => {
   // 创建映射表
   const mapping = new Map();
   data.forEach(item => {
-    mapping.set(item.code, {
-      ...item,
+    mapping.set(item.code, _extends({}, item, {
       id: item.code,
       name: getLabelForLocal$3(item, locale),
       children: []
-    });
+    }));
   });
 
   // 构建嵌套结构
@@ -301,41 +593,71 @@ const transformToCascaderData$1 = (data, locale) => {
   return roots;
 };
 const SelectFunctionInner = _ref => {
-  let {
-    value,
-    onChange,
-    single = false,
-    placeholder,
-    isPopup = true,
-    overlayWidth = 320,
-    apis: currentApis,
-    onSearch,
-    ...props
-  } = _ref;
-  const {
-    locale,
-    formatMessage
-  } = reactIntl.useIntl();
-  const [data, setData] = react.useState([]);
+  let value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$single = _ref.single,
+    single = _ref$single === void 0 ? false : _ref$single,
+    placeholder = _ref.placeholder,
+    _ref$isPopup = _ref.isPopup,
+    isPopup = _ref$isPopup === void 0 ? true : _ref$isPopup,
+    _ref$overlayWidth = _ref.overlayWidth,
+    overlayWidth = _ref$overlayWidth === void 0 ? 320 : _ref$overlayWidth,
+    onSearch = _ref.onSearch,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  const _useIntl = reactIntl.useIntl(),
+    locale = _useIntl.locale,
+    formatMessage = _useIntl.formatMessage;
+  const _useState = react.useState([]),
+    data = _useState[0],
+    setData = _useState[1];
   react.useEffect(() => {
     defaultFunctionData().then(result => {
       setData(result.data || result);
     });
   }, []);
   const options = react.useMemo(() => transformToCascaderData$1(data, locale), [data, locale]);
+  const flatMapping = react.useMemo(() => {
+    const mapping = new Map();
+    data.forEach(item => {
+      mapping.set(item.code, _extends({}, item, {
+        id: item.code,
+        name: getLabelForLocal$3(item, locale)
+      }));
+    });
+    return mapping;
+  }, [data, locale]);
+  const normalizedValue = react.useMemo(() => resolveCascaderValueFromMap(value, flatMapping, {
+    valueKey: 'id',
+    labelKey: 'name',
+    single
+  }), [value, flatMapping, single]);
+  react.useEffect(() => {
+    if (!onChange || !flatMapping.size) {
+      return;
+    }
+    const resolved = resolveCascaderValueFromMap(value, flatMapping, {
+      valueKey: 'id',
+      labelKey: 'name',
+      single
+    });
+    if (shouldSyncSelectValue(value, resolved, {
+      valueKey: 'id',
+      labelKey: 'name',
+      single
+    })) {
+      onChange(resolved);
+    }
+  }, [value, flatMapping, single, onChange]);
   const handleSearch = (searchText, _ref2) => {
-    let {
-      mapping
-    } = _ref2;
+    let mapping = _ref2.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__*/jsxRuntime.jsx(superSelect.SelectCascader, {
-    ...props,
-    value: value,
+  return /*#__PURE__*/jsxRuntime.jsx(superSelect.SelectCascader, _extends({}, props, {
+    value: normalizedValue,
     onChange: onChange,
     single: single,
     placeholder: placeholder || formatMessage({
@@ -345,15 +667,14 @@ const SelectFunctionInner = _ref => {
     }),
     isPopup: isPopup,
     menuItemWidth: 200,
-    style: {
-      width: overlayWidth,
-      ...props.style
-    },
+    style: _extends({
+      width: overlayWidth
+    }, props.style),
     options: options,
     valueKey: "id",
     labelKey: "name",
     onSearch: onSearch || handleSearch
-  });
+  }));
 };
 const SelectFunction = withLocale(SelectFunctionInner);
 SelectFunction.defaultData = defaultFunctionData;
@@ -378,7 +699,7 @@ const defaultIndustryApi = {
   ttl: 1000 * 60 * 60 * 24,
   // 24小时
   loader: () => {
-    return Promise.resolve().then(function () { return require('./industry-2e3bda15.js'); }).then(module => module['__esModule'] ? module.default : module);
+    return Promise.resolve().then(function () { return require('./industry-f570d549.js'); }).then(module => module['__esModule'] ? module.default : module);
   }
 };
 
@@ -392,8 +713,9 @@ const IndustryEnum = createEnumComponent({
   defaultApi: defaultIndustryApi
 });
 
+const _excluded$2 = ["value", "onChange", "single", "placeholder", "isPopup", "overlayWidth", "apis", "onSearch"];
 const defaultIndustryData = () => {
-  return Promise.resolve().then(function () { return require('./industry-2e3bda15.js'); }).then(module => module['__esModule'] ? module.default : module);
+  return Promise.resolve().then(function () { return require('./industry-f570d549.js'); }).then(module => module['__esModule'] ? module.default : module);
 };
 const transformToCascaderData = (data, locale) => {
   // 过滤掉"全部行业"
@@ -402,12 +724,11 @@ const transformToCascaderData = (data, locale) => {
   // 创建映射表
   const mapping = new Map();
   filteredData.forEach(item => {
-    mapping.set(item.code, {
-      ...item,
+    mapping.set(item.code, _extends({}, item, {
       id: item.code,
       name: getLabelForLocal$2(item, locale),
       children: []
-    });
+    }));
   });
 
   // 构建嵌套结构
@@ -436,41 +757,71 @@ const transformToCascaderData = (data, locale) => {
   return roots;
 };
 const SelectIndustryInner = _ref => {
-  let {
-    value,
-    onChange,
-    single = false,
-    placeholder,
-    isPopup = true,
-    overlayWidth = 320,
-    apis: currentApis,
-    onSearch,
-    ...props
-  } = _ref;
-  const {
-    locale,
-    formatMessage
-  } = reactIntl.useIntl();
-  const [data, setData] = react.useState([]);
+  let value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$single = _ref.single,
+    single = _ref$single === void 0 ? false : _ref$single,
+    placeholder = _ref.placeholder,
+    _ref$isPopup = _ref.isPopup,
+    isPopup = _ref$isPopup === void 0 ? true : _ref$isPopup,
+    _ref$overlayWidth = _ref.overlayWidth,
+    overlayWidth = _ref$overlayWidth === void 0 ? 320 : _ref$overlayWidth,
+    onSearch = _ref.onSearch,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  const _useIntl = reactIntl.useIntl(),
+    locale = _useIntl.locale,
+    formatMessage = _useIntl.formatMessage;
+  const _useState = react.useState([]),
+    data = _useState[0],
+    setData = _useState[1];
   react.useEffect(() => {
     defaultIndustryData().then(result => {
       setData(result.data || result);
     });
   }, []);
   const options = react.useMemo(() => transformToCascaderData(data, locale), [data, locale]);
+  const flatMapping = react.useMemo(() => {
+    const mapping = new Map();
+    data.filter(item => item.code !== '000').forEach(item => {
+      mapping.set(item.code, _extends({}, item, {
+        id: item.code,
+        name: getLabelForLocal$2(item, locale)
+      }));
+    });
+    return mapping;
+  }, [data, locale]);
+  const normalizedValue = react.useMemo(() => resolveCascaderValueFromMap(value, flatMapping, {
+    valueKey: 'id',
+    labelKey: 'name',
+    single
+  }), [value, flatMapping, single]);
+  react.useEffect(() => {
+    if (!onChange || !flatMapping.size) {
+      return;
+    }
+    const resolved = resolveCascaderValueFromMap(value, flatMapping, {
+      valueKey: 'id',
+      labelKey: 'name',
+      single
+    });
+    if (shouldSyncSelectValue(value, resolved, {
+      valueKey: 'id',
+      labelKey: 'name',
+      single
+    })) {
+      onChange(resolved);
+    }
+  }, [value, flatMapping, single, onChange]);
   const handleSearch = (searchText, _ref2) => {
-    let {
-      mapping
-    } = _ref2;
+    let mapping = _ref2.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__*/jsxRuntime.jsx(superSelect.SelectCascader, {
-    ...props,
-    value: value,
+  return /*#__PURE__*/jsxRuntime.jsx(superSelect.SelectCascader, _extends({}, props, {
+    value: normalizedValue,
     onChange: onChange,
     single: single,
     placeholder: placeholder || formatMessage({
@@ -480,20 +831,21 @@ const SelectIndustryInner = _ref => {
     }),
     isPopup: isPopup,
     menuItemWidth: 200,
-    style: {
-      width: overlayWidth,
-      ...props.style
-    },
+    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", "names", "children", "displayParent"],
+  _excluded2$1 = ["displayParent"];
 const getLabelForLocal$1 = (item, locale) => {
   if (locale === 'en-US') {
     return get__default["default"](item, 'enName') || get__default["default"](item, 'name');
@@ -510,7 +862,7 @@ const addressDefaultApi = {
   ttl: 1000 * 60 * 60 * 24,
   // 24小时
   loader: () => {
-    return Promise.resolve().then(function () { return require('./city-230db4c1.js'); }).then(module => module['__esModule'] ? module.default : module);
+    return Promise.resolve().then(function () { return require('./city-39702d3a.js'); }).then(module => module['__esModule'] ? module.default : module);
   }
 };
 
@@ -518,33 +870,53 @@ const addressDefaultApi = {
  * 地址枚举显示组件
  */
 const AddressEnumInner = reactFetch.withFetch(_ref => {
-  let {
-    data,
-    name,
-    children,
-    displayParent,
-    ...props
-  } = _ref;
-  const {
-    locale
-  } = reactIntl.useIntl();
+  let data = _ref.data,
+    name = _ref.name,
+    names = _ref.names,
+    children = _ref.children,
+    displayParent = _ref.displayParent,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  const _useIntl = reactIntl.useIntl(),
+    locale = _useIntl.locale;
   const addressApi = react.useMemo(() => createAddressApi(data), [data]);
+  const formatCityData = cityData => {
+    const city = cityData.city,
+      parent = cityData.parent;
+    if (!city) {
+      return '';
+    }
+    if (displayParent && parent) {
+      return getLabelForLocal$1(parent, locale) + "\xB7" + getLabelForLocal$1(city, locale);
+    }
+    return getLabelForLocal$1(city, locale);
+  };
+  if (names != null && names.length) {
+    const outputs = names.map(code => addressApi.getCity(code));
+    const labels = outputs.map(formatCityData).filter(Boolean);
+    if (children) {
+      return children(outputs, _extends({
+        displayParent,
+        locale,
+        getLabelForLocal: getLabelForLocal$1,
+        names,
+        labels
+      }, props));
+    }
+    return labels.toString();
+  }
 
   // 获取城市数据
   const cityData = addressApi.getCity(name);
-  const {
-    city,
-    parent
-  } = cityData;
+  const city = cityData.city,
+    parent = cityData.parent;
 
   // 如果提供了自定义渲染函数
   if (children) {
-    return children(cityData, {
+    return children(cityData, _extends({
       displayParent,
       locale,
-      getLabelForLocal: getLabelForLocal$1,
-      ...props
-    });
+      getLabelForLocal: getLabelForLocal$1
+    }, props));
   }
 
   // 默认渲染逻辑
@@ -552,20 +924,17 @@ const AddressEnumInner = reactFetch.withFetch(_ref => {
     return '';
   }
   if (displayParent && parent) {
-    return `${getLabelForLocal$1(parent, locale)}·${getLabelForLocal$1(city, locale)}`;
+    return getLabelForLocal$1(parent, locale) + "\xB7" + getLabelForLocal$1(city, locale);
   }
   return getLabelForLocal$1(city, locale);
 });
 const AddressEnum = withLocale(props => {
-  const {
-    displayParent = false,
-    ...restProps
-  } = props;
-  return /*#__PURE__*/jsxRuntime.jsx(AddressEnumInner, {
-    ...addressDefaultApi,
-    displayParent: displayParent,
-    ...restProps
-  });
+  const _props$displayParent = props.displayParent,
+    displayParent = _props$displayParent === void 0 ? false : _props$displayParent,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded2$1);
+  return /*#__PURE__*/jsxRuntime.jsx(AddressEnumInner, _extends({}, addressDefaultApi, {
+    displayParent: displayParent
+  }, restProps));
 });
 AddressEnum.addressDefaultApi = addressDefaultApi;
 
@@ -649,8 +1018,10 @@ var classnames = createCommonjsModule(function (module) {
 }());
 });
 
-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"};
+var style = {"address":"kne-super-select-plus_MMoPf","is-popup":"kne-super-select-plus_bYKMf","title":"kne-super-select-plus_pKOHI","scroll-box":"kne-super-select-plus_MObpF","scroll-plus-box":"kne-super-select-plus_iKm8i","content":"kne-super-select-plus_BfCap","col-left":"kne-super-select-plus_BEChX","menu-list":"kne-super-select-plus_gXzFG","menu-item":"kne-super-select-plus_LasXn","col-right":"kne-super-select-plus_1jQmu","search-input":"kne-super-select-plus_YB45l","list":"kne-super-select-plus_Y-MIq","list-item":"kne-super-select-plus_6JEMZ","item-label":"kne-super-select-plus_nlduJ"};
 
+const _excluded = ["value", "single", "onChange"],
+  _excluded2 = ["single", "isPopup", "showChinaQuan", "showForeignQuan"];
 const getLabelForLocal = (item, locale) => {
   if (locale === 'en-US') {
     return get__default["default"](item, 'enName') || get__default["default"](item, 'name');
@@ -658,14 +1029,12 @@ const getLabelForLocal = (item, locale) => {
   return get__default["default"](item, 'name');
 };
 const defaultCityData = () => {
-  return Promise.resolve().then(function () { return require('./city-230db4c1.js'); }).then(module => module['__esModule'] ? module.default : module);
+  return Promise.resolve().then(function () { return require('./city-39702d3a.js'); }).then(module => module['__esModule'] ? module.default : module);
 };
 const createAddressApi = _ref => {
-  let {
-    city,
-    province,
-    country
-  } = _ref;
+  let city = _ref.city,
+    province = _ref.province,
+    country = _ref.country;
   const getSearchList = memoize__default["default"](() => {
     const list = [];
     ['gangaotai', 'municipality'].forEach(name => {
@@ -707,25 +1076,24 @@ const createAddressApi = _ref => {
       }, country.list[id])).filter(item => item.code);
     }),
     getList: memoize__default["default"]((pid, options) => {
-      const {
-        showChinaQuan,
-        showForeignQuan
-      } = Object.assign({}, options);
+      const _Object$assign = Object.assign({}, options),
+        showChinaQuan = _Object$assign.showChinaQuan,
+        showForeignQuan = _Object$assign.showForeignQuan;
       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}`;
+        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}`;
+        current.name = "\u5168" + current.name;
         list.splice(0, 0, current);
       }
       if ((country.relations.continents || []).indexOf(pid) > -1 && showForeignQuan) {
-        current.name = `全${current.name}`;
+        current.name = "\u5168" + current.name;
         list.splice(0, 0, current);
       }
       return list;
@@ -765,16 +1133,14 @@ const createAddressApi = _ref => {
         });
       }).map(item => {
         const parent = item.parentCode ? city.list[item.parentCode] : null;
-        return {
-          label: parent ? `${parent.name}·${item.name}` : item.name,
-          value: item.code,
-          ...item
-        };
+        return _extends({
+          label: parent ? parent.name + "\xB7" + item.name : item.name,
+          value: item.code
+        }, item);
       });
     }),
     getCityList: memoize__default["default"](() => {
-      return Object.values(city.list).map(item => ({
-        ...item,
+      return Object.values(city.list).map(item => _extends({}, item, {
         value: item.code,
         label: item.name
       }));
@@ -783,18 +1149,21 @@ const createAddressApi = _ref => {
   return apis;
 };
 const AddressInner = _ref2 => {
-  let {
-    value,
-    setValue,
-    props
-  } = _ref2;
-  const {
-    locale,
-    formatMessage
-  } = reactIntl.useIntl();
-  const [searchText, setSearchText] = react.useState('');
-  const [menuKey, setMenuKey] = react.useState('2');
-  const [cityData, setCityData] = react.useState(null);
+  let value = _ref2.value,
+    setValue = _ref2.setValue,
+    props = _ref2.props;
+  const _useIntl = reactIntl.useIntl(),
+    locale = _useIntl.locale,
+    formatMessage = _useIntl.formatMessage;
+  const _useState = react.useState(''),
+    searchText = _useState[0],
+    setSearchText = _useState[1];
+  const _useState2 = react.useState('2'),
+    menuKey = _useState2[0],
+    setMenuKey = _useState2[1];
+  const _useState3 = react.useState(null),
+    cityData = _useState3[0],
+    setCityData = _useState3[1];
   react.useEffect(() => {
     defaultCityData().then(result => {
       setCityData(result);
@@ -804,21 +1173,20 @@ const AddressInner = _ref2 => {
     if (!cityData) return null;
     return createAddressApi(cityData);
   }, [cityData]);
-  const {
-    getCity,
-    getChinaCities,
-    getCountries,
-    getList,
-    searchCities
-  } = addressApi || {};
+  const _ref3 = addressApi || {},
+    getCity = _ref3.getCity,
+    getChinaCities = _ref3.getChinaCities,
+    getCountries = _ref3.getCountries,
+    getList = _ref3.getList,
+    searchCities = _ref3.searchCities;
   const onSelect = react.useCallback(code => {
-    const cityInfo = cityData?.city?.list?.[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 = {
+    const item = _extends({
       value: code,
-      label: cityInfo.name,
-      ...cityInfo
-    };
+      label: cityInfo.name
+    }, cityInfo);
     if (props.single) {
       setValue([item]);
       return;
@@ -858,7 +1226,7 @@ const AddressInner = _ref2 => {
       })
     })
   });
-  const currentCity = getCity?.(menuKey);
+  const currentCity = getCity == null ? void 0 : getCity(menuKey);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: classnames(style['address'], {
       [style['is-popup']]: props.isPopup
@@ -943,7 +1311,7 @@ const AddressInner = _ref2 => {
           children: [/*#__PURE__*/jsxRuntime.jsx(antd.Divider, {
             className: style['title'],
             orientation: "left",
-            children: currentCity?.city ? getLabelForLocal(currentCity.city, locale) : ''
+            children: currentCity != null && currentCity.city ? getLabelForLocal(currentCity.city, locale) : ''
           }), /*#__PURE__*/jsxRuntime.jsx("div", {
             className: style['scroll-box'],
             children: /*#__PURE__*/jsxRuntime.jsx(antd.Space, {
@@ -966,45 +1334,75 @@ const AddressInner = _ref2 => {
   });
 };
 const SelectAddressInner = /*#__PURE__*/react.forwardRef((props, ref) => {
-  const {
-    formatMessage
-  } = reactIntl.useIntl();
-  return /*#__PURE__*/jsxRuntime.jsx(superSelect.SelectInput, {
-    ref: ref,
-    ...props,
-    placeholder: props.placeholder || formatMessage({
+  const _useIntl2 = reactIntl.useIntl(),
+    formatMessage = _useIntl2.formatMessage;
+  const value = props.value,
+    single = props.single,
+    onChange = props.onChange,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
+  const _useState4 = react.useState(null),
+    cityData = _useState4[0],
+    setCityData = _useState4[1];
+  react.useEffect(() => {
+    defaultCityData().then(setCityData);
+  }, []);
+  const addressApi = react.useMemo(() => cityData ? createAddressApi(cityData) : null, [cityData]);
+  const normalizedValue = react.useMemo(() => resolveAddressValue(value, addressApi, {
+    single
+  }), [value, addressApi, single]);
+  react.useEffect(() => {
+    if (!onChange || !addressApi) {
+      return;
+    }
+    const resolved = resolveAddressValue(value, addressApi, {
+      single
+    });
+    if (shouldSyncSelectValue(value, resolved, {
+      valueKey: 'value',
+      labelKey: 'label',
+      single
+    })) {
+      onChange(resolved);
+    }
+  }, [value, addressApi, single, onChange]);
+  return /*#__PURE__*/jsxRuntime.jsx(superSelect.SelectInput, _extends({
+    ref: ref
+  }, restProps, {
+    single: single,
+    value: normalizedValue,
+    onChange: onChange,
+    placeholder: restProps.placeholder || formatMessage({
       id: 'addressPlaceholder'
     }, {
       defaultMessage: '请选择城市'
     }),
     children: contextProps => {
-      const {
-        value,
-        setValue
-      } = contextProps;
+      const currentValue = contextProps.value,
+        setValue = contextProps.setValue;
       return /*#__PURE__*/jsxRuntime.jsx(AddressInner, {
-        value: value,
+        value: currentValue,
         setValue: setValue,
         props: props
       });
     }
-  });
+  }));
 });
-const SelectAddress = withLocale(_ref3 => {
-  let {
-    single = false,
-    isPopup = true,
-    showChinaQuan = false,
-    showForeignQuan = false,
-    ...props
-  } = _ref3;
-  return /*#__PURE__*/jsxRuntime.jsx(SelectAddressInner, {
+const SelectAddress = withLocale(_ref4 => {
+  let _ref4$single = _ref4.single,
+    single = _ref4$single === void 0 ? false : _ref4$single,
+    _ref4$isPopup = _ref4.isPopup,
+    isPopup = _ref4$isPopup === void 0 ? true : _ref4$isPopup,
+    _ref4$showChinaQuan = _ref4.showChinaQuan,
+    showChinaQuan = _ref4$showChinaQuan === void 0 ? false : _ref4$showChinaQuan,
+    _ref4$showForeignQuan = _ref4.showForeignQuan,
+    showForeignQuan = _ref4$showForeignQuan === void 0 ? false : _ref4$showForeignQuan,
+    props = _objectWithoutPropertiesLoose(_ref4, _excluded2);
+  return /*#__PURE__*/jsxRuntime.jsx(SelectAddressInner, _extends({
     single: single,
     isPopup: isPopup,
     showChinaQuan: showChinaQuan,
-    showForeignQuan: showForeignQuan,
-    ...props
-  });
+    showForeignQuan: showForeignQuan
+  }, props));
 }, 'SelectAddress');
 SelectAddress.defaultData = defaultCityData;
 SelectAddress.createAddressApi = createAddressApi;
@@ -1018,7 +1416,11 @@ var index = {
   AddressEnum,
   FunctionEnum,
   IndustryEnum,
-  EnumDisplay
+  EnumDisplay,
+  enumItemsToSelectValue,
+  enumItemToSelectValue,
+  addressEnumToSelectValue,
+  addressEnumToSelectValueSingle
 };
 
 exports.AddressEnum = AddressEnum;
@@ -1028,6 +1430,10 @@ exports.IndustryEnum = IndustryEnum;
 exports.SelectAddress = SelectAddress;
 exports.SelectFunction = SelectFunction;
 exports.SelectIndustry = SelectIndustry;
+exports.addressEnumToSelectValue = addressEnumToSelectValue;
+exports.addressEnumToSelectValueSingle = addressEnumToSelectValueSingle;
 exports.createAddressApi = createAddressApi;
 exports["default"] = index;
+exports.enumItemToSelectValue = enumItemToSelectValue;
+exports.enumItemsToSelectValue = enumItemsToSelectValue;
 //# sourceMappingURL=index.js.map