@pnt-team/pnt-component-frontend 0.0.111 → 0.0.113

package/lib/cjs/components/PntRegionSelect/types.d.ts

@@ -0,0 +1,158 @@
+/// <reference types="react" />
+/**
+ * 地区选项数据结构（统一格式）
+ */
+export interface RegionOption {
+    /** 地区代码（唯一标识，如 'CN'、'HK'） */
+    region_code: string;
+    /** 中文名称 */
+    region_ch: string;
+    /** 英文名称 */
+    region_en: string;
+    /** ISO 3166-1 alpha-2 代码 */
+    region_a2_code?: string;
+    /** ISO 3166-1 alpha-3 代码 */
+    region_a3_code?: string;
+    /** 是否禁用（合规区域 creatable=false 时使用） */
+    disabled?: boolean;
+    /** 禁用原因提示 */
+    disabledReason?: string;
+}
+/**
+ * 数据源类型
+ * - default: 全部国家区域（不带任何参数，返回全部 251 个）/api/v5/business/region/query
+ * - business: 业务最终生效的区域（必须传 gameId）/api/v5/business/region/query
+ * - custom: 自定义合规区域 /v4/business/game_info/get-custom-region
+ * - compliance: 合规区域（从业务配置接口获取 compliance_zone）
+ */
+export type RegionDataSource = 'default' | 'business' | 'custom' | 'compliance';
+/**
+ * 标签格式
+ * - name: 中文名
+ * - name_en: 英文名
+ * - name_en_name: 英文名（中文名）
+ * - code: 仅代码
+ */
+export type RegionLabelFormat = 'name' | 'name_en' | 'name_en_name' | 'code';
+/**
+ * 组件文案集合
+ */
+export interface PntRegionSelectTexts {
+    /** 占位提示 */
+    placeholder?: string;
+    /** 全选按钮 */
+    selectAll?: string;
+    /** 反选按钮 */
+    invertSelection?: string;
+    /** 清空按钮 */
+    clearAll?: string;
+    /** 已选数量提示（{count} 为占位符） */
+    selectedCount?: string;
+    /** 搜索无结果提示 */
+    noResult?: string;
+    /** 加载中提示 */
+    loading?: string;
+    /** 批量导入按钮 */
+    importBtn?: string;
+    /** 批量导入弹窗标题 */
+    importTitle?: string;
+    /** 批量导入弹窗说明 */
+    importTip?: string;
+    /** 批量导入输入框占位 */
+    importPlaceholder?: string;
+    /** 解析按钮 */
+    parseBtn?: string;
+    /** 导入确认按钮 */
+    importConfirmBtn?: string;
+    /** 取消按钮 */
+    cancelBtn?: string;
+    /** 解析结果：未匹配 */
+    importUnmatched?: string;
+    /** 解析结果：待导入 */
+    importPending?: string;
+    /** 解析结果：已存在 */
+    importExists?: string;
+    /** 复制未匹配项提示 */
+    copyUnmatchedTip?: string;
+    /** 复制成功提示 */
+    copySuccess?: string;
+    /** 解析结果表格：地区列 */
+    importRegionColumn?: string;
+    /** 解析结果表格：状态列 */
+    importStatusColumn?: string;
+}
+export declare const DEFAULT_TEXTS: Required<PntRegionSelectTexts>;
+/**
+ * 地区选择器组件 Props
+ */
+export interface PntRegionSelectProps {
+    /**
+     * 当前选中值：多选为地区代码数组，单选为单个地区代码
+     * （兼容 TDesign FormItem 注入的单值/多值）
+     */
+    value?: string | string[];
+    /**
+     * 值变化回调：多选时回传 (string[], RegionOption[])，
+     * 单选时回传 (string, RegionOption)
+     */
+    onChange?: (value: string[] | string, options: RegionOption[] | RegionOption) => void;
+    /** 是否多选 @default true */
+    multiple?: boolean;
+    /** 数据源类型 @default 'default' */
+    dataSource?: RegionDataSource;
+    /** 业务ID（dataSource='custom' | 'business' 时必传） */
+    gameId?: string | number;
+    /** 环境（dataSource='custom' 时必传） @default 0 */
+    env?: number;
+    /**
+     * 外部受控选项列表（传入后跳过内部请求，直接使用该数据；
+     * 适用于选项由父组件获取/过滤的场景）
+     */
+    options?: RegionOption[];
+    /** 是否禁用 @default false */
+    disabled?: boolean;
+    /** 占位文案 */
+    placeholder?: string;
+    /** 最大可选数量（多选时生效） */
+    max?: number;
+    /** 是否可搜索 @default true */
+    filterable?: boolean;
+    /** 标签格式 @default 'name' */
+    labelFormat?: RegionLabelFormat;
+    /** 自定义文案 */
+    texts?: PntRegionSelectTexts;
+    /** 数据加载完成回调 */
+    onLoaded?: (options: RegionOption[]) => void;
+    /** 自定义选项禁用逻辑 */
+    optionDisabled?: (item: RegionOption) => boolean;
+    /** 自定义选项 tooltip */
+    optionTooltip?: (item: RegionOption) => string;
+    /**
+     * 是否启用批量导入（仅多选时生效）：
+     * 输入框右侧显示导入按钮，支持粘贴文本按 代码/中文名/英文名 解析匹配
+     * @default false
+     */
+    importable?: boolean;
+    /** 是否在工具栏显示反选按钮（仅多选时生效） @default false */
+    invertible?: boolean;
+    /** 最小折叠数量（多选时透传 TDesign Select） */
+    minCollapsedNum?: number;
+    /** 折叠项自定义渲染（透传 TDesign Select） */
+    collapsedItems?: (props: {
+        value: unknown[];
+        collapsedSelectedItems: unknown[];
+        count: number;
+    }) => React.ReactNode;
+    /** 失焦回调（透传 TDesign Select，常用于表单校验触发） */
+    onBlur?: (context: {
+        value: unknown;
+    }) => void;
+    /** 批量导入弹窗属性透传（如 attach 挂载容器） */
+    importDialogProps?: Record<string, unknown>;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 弹层属性透传 */
+    popupProps?: Record<string, unknown>;
+}

package/lib/cjs/components/PntRegionSelect/types.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/PntRegionSelect/types.ts
+var types_exports = {};
+__export(types_exports, {
+  DEFAULT_TEXTS: () => DEFAULT_TEXTS
+});
+module.exports = __toCommonJS(types_exports);
+var DEFAULT_TEXTS = {
+  placeholder: "请选择国家/地区",
+  selectAll: "全选",
+  invertSelection: "反选",
+  clearAll: "清空",
+  selectedCount: "已选 {count} 项",
+  noResult: "未找到匹配的地区",
+  loading: "加载中...",
+  importBtn: "批量导入",
+  importTitle: "批量导入国家/地区",
+  importTip: "支持输入地区代码、中文名或英文名，多个地区以换行、逗号或分号分隔",
+  importPlaceholder: "请输入地区代码、中文名或英文名",
+  parseBtn: "解析",
+  importConfirmBtn: "导入",
+  cancelBtn: "取消",
+  importUnmatched: "未匹配",
+  importPending: "待导入",
+  importExists: "已存在",
+  copyUnmatchedTip: "复制未匹配项",
+  copySuccess: "复制成功",
+  importRegionColumn: "地区",
+  importStatusColumn: "状态"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_TEXTS
+});

package/lib/cjs/components/PntSecureBox/index.scss

@@ -12,6 +12,9 @@
     cursor: pointer;
     font-size: small;
   }
+  .copy-icon {
+    right: -50px;
+  }
 
   .security-value {
     position: relative;

package/lib/cjs/index.d.ts

@@ -1,6 +1,8 @@
-export { PntProvider, usePntConfig, type PntConfig, type PntHttpLike, type PntHighSecurityConfig, type commonEesType, } from './config';
+export { PntProvider, usePntConfig, type PntConfig, type PntHighSecurityConfig, type PntHttpLike, type commonEesType, } from './config';
 export { default as PntImage } from './components/PntImage';
 export { default as PntBusinessSelect } from './components/PntBusinessSelect';
+export { default as PntRegionSelect } from './components/PntRegionSelect';
+export type { PntRegionSelectProps, PntRegionSelectTexts, RegionDataSource, RegionLabelFormat, RegionOption, } from './components/PntRegionSelect/types';
 export { default as PntSecureBox } from './components/PntSecureBox';
 export { useHighSecurity } from './hooks/useHighSecurity';
 export type { ClearSecurityDataFilter, HighSecurityApiConfig, HighSecurityParamItem, HighSecurityRequestParams, HighSecurityScope, UseHighSecurityOptions, UseHighSecurityResult, } from './hooks/useHighSecurity';

package/lib/cjs/index.js

@@ -33,6 +33,7 @@ __export(src_exports, {
   PntGeneralLayout: () => import_PntGeneralLayout.default,
   PntImage: () => import_PntImage.default,
   PntProvider: () => import_config.PntProvider,
+  PntRegionSelect: () => import_PntRegionSelect.default,
   PntSecureBox: () => import_PntSecureBox.default,
   isSecurityData: () => import_utils.isSecurityData,
   useHighSecurity: () => import_useHighSecurity.useHighSecurity,
@@ -42,6 +43,7 @@ module.exports = __toCommonJS(src_exports);
 var import_config = require("./config");
 var import_PntImage = __toESM(require("./components/PntImage"));
 var import_PntBusinessSelect = __toESM(require("./components/PntBusinessSelect"));
+var import_PntRegionSelect = __toESM(require("./components/PntRegionSelect"));
 var import_PntSecureBox = __toESM(require("./components/PntSecureBox"));
 var import_useHighSecurity = require("./hooks/useHighSecurity");
 var import_utils = require("./utils");
@@ -52,6 +54,7 @@ var import_PntGeneralLayout = __toESM(require("./components/PntGeneralLayout"));
   PntGeneralLayout,
   PntImage,
   PntProvider,
+  PntRegionSelect,
   PntSecureBox,
   isSecurityData,
   useHighSecurity,

package/lib/esm/api/index.d.ts

@@ -1,5 +1,5 @@
 import type { commonEesType, PntHttpLike } from "../config";
-import { BusinessGameInfoHighSecurityDecryptBody, BusinessGameInfoHighSecurityDecryptResponse, BusinessSelectListBody, BusinessSelectListResponse } from './types/index';
+import { BusinessGameInfoGetCustomRegionBody, BusinessGameInfoGetCustomRegionResponse, BusinessGameInfoHighSecurityDecryptBody, BusinessGameInfoHighSecurityDecryptResponse, BusinessRegionQueryBody, BusinessRegionQueryResponse, BusinessSelectListBody, BusinessSelectListResponse } from './types/index';
 /**
  * 业务下拉选择列表
  * @param http 由 PntProvider 注入的 axios 实例
@@ -13,3 +13,16 @@ export declare const businessSelectList: (axios: PntHttpLike, data: BusinessSele
  * @param url 自定义接口 URL（可选，覆盖默认值）
  */
 export declare const businessGameInfoHighSecurityDecrypt: (axios: PntHttpLike, data: BusinessGameInfoHighSecurityDecryptBody, url?: string) => Promise<commonEesType<BusinessGameInfoHighSecurityDecryptResponse>>;
+/**
+ * 业务区域查询
+ * @param axios 由 PntProvider 注入的 axios 实例
+ * @param data 请求参数；不传时不带任何参数，返回全部国家区域（251 个）；
+ *             传 game_id 时返回该业务最终生效的区域
+ */
+export declare const businessRegionQuery: (axios: PntHttpLike, data?: BusinessRegionQueryBody) => Promise<commonEesType<BusinessRegionQueryResponse>>;
+/**
+ * 自定义合规区域列表
+ * @param axios 由 PntProvider 注入的 axios 实例
+ * @param data 请求参数（game_id + env）
+ */
+export declare const businessGameInfoGetCustomRegion: (axios: PntHttpLike, data: BusinessGameInfoGetCustomRegionBody) => Promise<commonEesType<BusinessGameInfoGetCustomRegionResponse>>;

package/lib/esm/api/index.js

@@ -11,4 +11,19 @@ export const businessSelectList = (axios, data) => axios.post('/business/select/
  * @param data 请求参数
  * @param url 自定义接口 URL（可选，覆盖默认值）
  */
-export const businessGameInfoHighSecurityDecrypt = (axios, data, url) => axios.post(url || '/v3/business/game_info/high-security-decrypt?audience=/laas-pnt', data);
+export const businessGameInfoHighSecurityDecrypt = (axios, data, url) => axios.post(url || '/v3/business/game_info/high-security-decrypt?audience=/laas-pnt', data);
+
+/**
+ * 业务区域查询
+ * @param axios 由 PntProvider 注入的 axios 实例
+ * @param data 请求参数；不传时不带任何参数，返回全部国家区域（251 个）；
+ *             传 game_id 时返回该业务最终生效的区域
+ */
+export const businessRegionQuery = (axios, data) => axios.post('/api/v5/business/region/query?audience=/laas-pnt', data);
+
+/**
+ * 自定义合规区域列表
+ * @param axios 由 PntProvider 注入的 axios 实例
+ * @param data 请求参数（game_id + env）
+ */
+export const businessGameInfoGetCustomRegion = (axios, data) => axios.post('/v4/business/game_info/get-custom-region?audience=/laas-pnt', data);

package/lib/esm/api/types/index.d.ts

@@ -78,3 +78,50 @@ export interface BusinessGameInfoHighSecurityDecryptBody {
     game_id: number;
 }
 export type BusinessGameInfoHighSecurityDecryptResponse = Record<string, unknown>[];
+export interface BusinessRegionQueryBody {
+    /** GameID 目标业务 ID；可选，取值必须 > 0。
+     * 不传时不带任何参数，返回全部国家区域（251 个）；传入时返回该业务最终生效的区域。 */
+    game_id?: number;
+    /** Search 模糊搜索关键字，按 name_en / name_ch / num_code 匹配；可选，默认空字符串。 */
+    search?: string;
+}
+export interface BusinessRegionQueryResponseRegionListItem {
+    /** ID 区域主键 ID。 */
+    id?: number;
+    /** IsEEARegion 是否 EEA 区域。 */
+    is_eea_region?: number;
+    /** IsSecretRegion 是否特殊合规区域，取值：1=默认区域，2=特殊区域。 */
+    is_secret_region?: number;
+    /** RegionA2Code 二位字母码。 */
+    region_a2_code?: string;
+    /** RegionA3Code 三位字母码。 */
+    region_a3_code?: string;
+    /** RegionCH 中文名称。 */
+    region_ch?: string;
+    /** RegionCode 数字码，按数据库原始值返回，不做前导零转换。 */
+    region_code?: string;
+    /** RegionEN 英文名称。 */
+    region_en?: string;
+}
+export interface BusinessRegionQueryResponse {
+    /** BlackCodes 黑名单数字码列表；base_region_list / business_effective_region_list 返回空数组，business_region_rule_detail 返回真实值。 */
+    black_codes?: string[];
+    /** RegionList 国家区域列表；base_region_list 返回完整字典（或搜索子集），
+  business_effective_region_list 返回业务最终生效结果，business_region_rule_detail 返回完整字典（或搜索子集）。 */
+    region_list?: BusinessRegionQueryResponseRegionListItem[];
+    /** RuleState 业务规则状态，取值见 RuleState* 常量：0=未配置，1=启用，2=停用；
+  仅 business_effective_region_list / business_region_rule_detail 场景返回；base_region_list 场景省略（omitempty）。 */
+    rule_state?: number;
+    /** WhiteCodes 白名单数字码列表；base_region_list / business_effective_region_list 返回空数组，business_region_rule_detail 返回真实值。 */
+    white_codes?: string[];
+}
+export interface BusinessGameInfoGetCustomRegionBody {
+    /** GameID 目标业务 ID */
+    game_id: number;
+    /** Env 环境 */
+    env: number;
+}
+export interface BusinessGameInfoGetCustomRegionResponse {
+    /** RegionList 自定义合规区域列表 */
+    region_list?: BusinessRegionQueryResponseRegionListItem[];
+}

package/lib/esm/components/PntRegionSelect/ImportDialog.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import type { PntRegionSelectTexts, RegionOption } from './types';
+/** 解析后单行状态 */
+export type ImportRowStatus = 'pending' | 'exists' | 'unmatched';
+export interface ImportRow {
+    /** 用户输入的原始文本 */
+    region: string;
+    status: ImportRowStatus;
+}
+interface ImportDialogProps {
+    visible: boolean;
+    options: RegionOption[];
+    currentValue: string[];
+    texts: Required<PntRegionSelectTexts>;
+    dialogProps?: Record<string, unknown>;
+    onClose: () => void;
+    /** 导入确认：回传合并后的值与本次新增项 */
+    onConfirm: (nextValue: string[], added: string[]) => void;
+}
+/**
+ * 批量导入弹窗：
+ * 粘贴文本 → 按 代码/中文名/英文名（大小写不敏感）解析 → 分类展示 → 确认导入
+ */
+declare const ImportDialog: FC<ImportDialogProps>;
+export default ImportDialog;

package/lib/esm/components/PntRegionSelect/ImportDialog.js

@@ -0,0 +1,241 @@
+import { useMemo, useState } from 'react';
+import { CheckIcon, CloseIcon, FileCopyIcon } from 'tdesign-icons-react';
+import { Button, Dialog, MessagePlugin, Textarea, Tooltip } from 'tdesign-react';
+
+/** 解析后单行状态 */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/** 分隔符：换行/逗号/分号（中英文） */
+const SEPARATOR = /[\r?\n,，;；]+/;
+
+/**
+ * 批量导入弹窗：
+ * 粘贴文本 → 按 代码/中文名/英文名（大小写不敏感）解析 → 分类展示 → 确认导入
+ */
+const ImportDialog = ({
+  visible,
+  options,
+  currentValue,
+  texts,
+  dialogProps,
+  onClose,
+  onConfirm
+}) => {
+  const [importText, setImportText] = useState('');
+  const [rows, setRows] = useState([]);
+  const [isParsed, setIsParsed] = useState(false);
+
+  // ---- 别名映射：代码/中文名/英文名（小写） -> region_code ----
+  const aliasMap = useMemo(() => {
+    const map = new Map();
+    options.filter(item => !item.disabled).forEach(item => {
+      [item.region_code, item.region_ch, item.region_en].filter(Boolean).map(alias => String(alias).trim().toLowerCase()).forEach(alias => {
+        if (alias) map.set(alias, item.region_code);
+      });
+    });
+    return map;
+  }, [options]);
+
+  // ---- 派生分类列表 ----
+  const {
+    pendingList,
+    existsList,
+    unmatchedList
+  } = useMemo(() => {
+    const selectedSet = new Set(currentValue);
+    const pending = [];
+    const exists = [];
+    const unmatched = [];
+    const seenPending = new Set();
+    const seenExists = new Set();
+    const seenUnmatched = new Set();
+    rows.forEach(row => {
+      if (row.status === 'unmatched') {
+        if (!seenUnmatched.has(row.region)) {
+          seenUnmatched.add(row.region);
+          unmatched.push(row.region);
+        }
+        return;
+      }
+      const code = aliasMap.get(row.region.toLowerCase());
+      if (!code) return;
+      if (row.status === 'exists' || selectedSet.has(code)) {
+        if (!seenExists.has(code)) {
+          seenExists.add(code);
+          exists.push(code);
+        }
+      } else if (!seenPending.has(code)) {
+        seenPending.add(code);
+        pending.push(code);
+      }
+    });
+    return {
+      pendingList: pending,
+      existsList: exists,
+      unmatchedList: unmatched
+    };
+  }, [rows, aliasMap, currentValue]);
+
+  // ---- 重置 ----
+  const reset = () => {
+    setImportText('');
+    setRows([]);
+    setIsParsed(false);
+  };
+  const handleClose = () => {
+    reset();
+    onClose();
+  };
+
+  // ---- 解析 ----
+  const parse = () => {
+    const uniqueInputs = Array.from(new Set(importText.split(SEPARATOR).map(item => item.trim()).filter(Boolean)));
+    const selectedSet = new Set(currentValue);
+    const nextRows = uniqueInputs.map(input => {
+      const code = aliasMap.get(input.toLowerCase());
+      if (!code) return {
+        region: input,
+        status: 'unmatched'
+      };
+      return {
+        region: input,
+        status: selectedSet.has(code) ? 'exists' : 'pending'
+      };
+    });
+
+    // 排序：未匹配 > 待导入 > 已存在，同级保持输入顺序
+    const priority = {
+      unmatched: 0,
+      pending: 1,
+      exists: 2
+    };
+    nextRows.sort((a, b) => priority[a.status] - priority[b.status]);
+    setRows(nextRows);
+    setIsParsed(true);
+  };
+
+  // ---- 复制未匹配项 ----
+  const copyUnmatched = async () => {
+    if (!unmatchedList.length) return;
+    const text = unmatchedList.join('\n');
+    try {
+      if (navigator.clipboard && window.isSecureContext) {
+        await navigator.clipboard.writeText(text);
+      } else {
+        const textArea = document.createElement('textarea');
+        textArea.value = text;
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+        document.execCommand('copy');
+        textArea.remove();
+      }
+      MessagePlugin.success(texts.copySuccess);
+    } catch {
+      // 复制失败静默
+    }
+  };
+
+  // ---- 确认 ----
+  const handleConfirm = () => {
+    if (!isParsed) {
+      parse();
+      return;
+    }
+    const nextSet = new Set(currentValue);
+    pendingList.forEach(code => nextSet.add(code));
+    const nextValue = Array.from(nextSet);
+    onConfirm(nextValue, pendingList);
+    handleClose();
+  };
+  return /*#__PURE__*/_jsxs(Dialog, {
+    visible: visible,
+    header: texts.importTitle,
+    width: 520,
+    closeOnOverlayClick: false,
+    confirmBtn: isParsed ? texts.importConfirmBtn : texts.parseBtn,
+    cancelBtn: texts.cancelBtn,
+    onConfirm: handleConfirm,
+    onClose: handleClose,
+    ...dialogProps,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "pnt-region-import__tip",
+      children: texts.importTip
+    }), /*#__PURE__*/_jsx(Textarea, {
+      value: importText,
+      onChange: next => {
+        setImportText(String(next ?? ''));
+        if (isParsed) {
+          setRows([]);
+          setIsParsed(false);
+        }
+      },
+      rows: 3,
+      placeholder: texts.importPlaceholder
+    }), isParsed ? /*#__PURE__*/_jsxs("div", {
+      className: "pnt-region-import__result",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "pnt-region-import__summary",
+        children: [/*#__PURE__*/_jsxs("span", {
+          className: "pnt-region-import__summary-item pnt-region-import__summary-item--unmatched",
+          children: [texts.importUnmatched, "\uFF1A", unmatchedList.length]
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          content: texts.copyUnmatchedTip,
+          children: /*#__PURE__*/_jsx(Button, {
+            theme: "primary",
+            variant: "text",
+            size: "small",
+            className: "pnt-region-import__copy-btn",
+            disabled: !unmatchedList.length,
+            onClick: copyUnmatched,
+            children: /*#__PURE__*/_jsx(FileCopyIcon, {
+              strokeWidth: 2
+            })
+          })
+        }), /*#__PURE__*/_jsx("span", {
+          className: "pnt-region-import__summary-dot",
+          children: "\xB7"
+        }), /*#__PURE__*/_jsxs("span", {
+          className: "pnt-region-import__summary-item pnt-region-import__summary-item--pending",
+          children: [texts.importPending, "\uFF1A", pendingList.length]
+        }), /*#__PURE__*/_jsx("span", {
+          className: "pnt-region-import__summary-dot",
+          children: "\xB7"
+        }), /*#__PURE__*/_jsxs("span", {
+          className: "pnt-region-import__summary-item pnt-region-import__summary-item--exists",
+          children: [texts.importExists, "\uFF1A", existsList.length]
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "pnt-region-import__table",
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "pnt-region-import__table-head",
+          children: [/*#__PURE__*/_jsx("span", {
+            children: texts.importRegionColumn
+          }), /*#__PURE__*/_jsx("span", {
+            children: texts.importStatusColumn
+          })]
+        }), /*#__PURE__*/_jsx("div", {
+          className: "pnt-region-import__table-body",
+          children: rows.length ? rows.map(row => /*#__PURE__*/_jsxs("div", {
+            className: "pnt-region-import__table-row",
+            children: [/*#__PURE__*/_jsx("span", {
+              className: "pnt-region-import__region",
+              children: row.region
+            }), /*#__PURE__*/_jsxs("span", {
+              className: `pnt-region-import__status pnt-region-import__status--${row.status}`,
+              children: [row.status === 'unmatched' ? /*#__PURE__*/_jsx(CloseIcon, {
+                strokeWidth: 2
+              }) : /*#__PURE__*/_jsx(CheckIcon, {
+                strokeWidth: 2
+              }), row.status === 'pending' ? texts.importPending : row.status === 'exists' ? texts.importExists : texts.importUnmatched]
+            })]
+          }, row.region)) : /*#__PURE__*/_jsx("div", {
+            className: "pnt-region-import__empty",
+            children: "-"
+          })
+        })]
+      })]
+    }) : null]
+  });
+};
+export default ImportDialog;

package/lib/esm/components/PntRegionSelect/index.d.ts

@@ -0,0 +1,43 @@
+import { FC } from 'react';
+import './index.scss';
+import type { PntRegionSelectProps } from './types';
+/**
+ * 地区选择器组件
+ * @description 统一的国家/地区选择组件，支持单选/多选、批量选择、批量导入、自定义区域、合规区域
+ *
+ * @example
+ * ```tsx
+ * // 基础多选（内部拉取默认区域列表）
+ * <PntRegionSelect
+ *   value={regions}
+ *   onChange={(v) => setRegions(v)}
+ * />
+ *
+ * // 自定义合规区域
+ * <PntRegionSelect
+ *   dataSource="custom"
+ *   gameId={gameId}
+ *   env={0}
+ *   value={regions}
+ *   onChange={(v) => setRegions(v)}
+ * />
+ *
+ * // 业务最终生效区域
+ * <PntRegionSelect
+ *   dataSource="business"
+ *   gameId={gameId}
+ *   value={regions}
+ *   onChange={(v) => setRegions(v)}
+ * />
+ *
+ * // 外部受控选项 + 批量导入
+ * <PntRegionSelect
+ *   options={regionList}
+ *   importable
+ *   value={regions}
+ *   onChange={(v) => setRegions(v)}
+ * />
+ * ```
+ */
+declare const PntRegionSelect: FC<PntRegionSelectProps>;
+export default PntRegionSelect;