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

package/README.md

@@ -121,36 +121,35 @@ import {
 
 **Props：**
 
-| 属性                   | 类型                                                        | 必填 | 默认值      | 说明                                                                                |
-| ---------------------- | ----------------------------------------------------------- | :--: | ----------- | ----------------------------------------------------------------------------------- |
-| `value`                | `string \| string[]`                                        |  ❌  | -           | 当前选中值；单选为 string，多选为 string[]                                          |
-| `onChange`             | `(value, context) => void`                                  |  ❌  | -           | 值变化回调；context.selectedOptions 返回纯业务数据对象                              |
-| `multiple`             | `boolean`                                                   |  ❌  | `false`     | 是否多选                                                                            |
-| `scene`                | `'default' \| 'sdk' \| 'compliance_age' \| 'custom_region'` |  ❌  | `'default'` | 下拉场景；后端按场景返回默认字段集                                                  |
-| `statuses`             | `number[]`                                                  |  ❌  | -           | 业务状态筛选（3-线上运营, 4-接入中, 5-中途结项, 6-已下线）                          |
-| `businessTypes`        | `number[]`                                                  |  ❌  | -           | 业务类型筛选（1-正式业务, 2-测试业务）                                              |
-| `businessAccessMethod` | `number`                                                    |  ❌  | -           | 业务接入类型筛选（1-纯 SDK, 2-LI PASS, 3-工作室品牌账号）                           |
-| `labelFormat`          | `'name' \| 'name_en' \| 'name_id' \| 'name_en_id'`          |  ❌  | `'name'`    | 标签格式                                                                            |
-| `labelField`           | `string`                                                    |  ❌  | -           | 自定义 label 字段（消费方接口返回字段非标准 name/name_en 时使用）                   |
-| `optionLabel`          | `(item) => ReactNode`                                       |  ❌  | -           | 自定义选项 label 渲染；优先级高于 labelFormat/labelField                            |
-| `placeholder`          | `string`                                                    |  ❌  | -           | 占位提示文案                                                                        |
-| `disabled`             | `boolean`                                                   |  ❌  | `false`     | 是否禁用整个选择器                                                                  |
-| `clearable`            | `boolean`                                                   |  ❌  | `true`      | 是否可清除                                                                          |
-| `filterable`           | `boolean`                                                   |  ❌  | `true`      | 是否可远程搜索                                                                      |
-| `max`                  | `number`                                                    |  ❌  | -           | 多选时最大可选数量                                                                  |
-| `pageSize`             | `number`                                                    |  ❌  | `20`        | 每页条数                                                                            |
-| `searchDebounce`       | `number`                                                    |  ❌  | `400`       | 搜索防抖延迟（毫秒）                                                                |
-| `minCollapsedNum`      | `number`                                                    |  ❌  | -           | 多选时最少折叠数量；透传至 TDesign Select                                           |
-| `collapsedItems`       | `TdSelectProps['collapsedItems']`                           |  ❌  | -           | 折叠项自定义渲染；透传至 TDesign Select                                             |
-| `popupProps`           | `Partial<TdSelectProps['popupProps']>`                      |  ❌  | -           | 弹层属性透传；与内部 onScrollToBottom 合并；常用 attach、overlayClassName           |
-| `fields`               | `string[]`                                                  |  ❌  | -           | 字段白名单，传给后端 fields 参数；未传时后端按 scene 返回默认字段                   |
-| `pagination`           | `boolean`                                                   |  ❌  | `true`      | 是否分页；false 时一次性加载全量数据，不远程搜索                                    |
-| `onLoaded`             | `(options) => void`                                         |  ❌  | -           | 选项加载完成回调；不分页模式下首屏即全量，可复用此数据避免重复请求                  |
-| `optionDisabled`       | `(item) => boolean`                                         |  ❌  | -           | 自定义选项禁用逻辑；与合规场景 creatable 判断叠加（任一为 true 即禁用）             |
-| `optionTooltip`        | `(item) => string`                                          |  ❌  | -           | 自定义选项 tooltip 内容；返回非空字符串时该选项悬停显示 tooltip，常用于解释禁用原因 |
-| `tooltipPlacement`     | `'top' \| 'bottom' \| 'left' \| 'right'`                    |  ❌  | `'top'`     | tooltip 位置                                                                        |
-| `className`            | `string`                                                    |  ❌  | -           | 自定义类名                                                                          |
-| `style`                | `React.CSSProperties`                                       |  ❌  | -           | 自定义样式                                                                          |
+| 属性               | 类型                                                        | 必填 | 默认值      | 说明                                                                                |
+| ------------------ | ----------------------------------------------------------- | :--: | ----------- | ----------------------------------------------------------------------------------- |
+| `value`            | `string \| string[]`                                        |  ❌  | -           | 当前选中值；单选为 string，多选为 string[]                                          |
+| `onChange`         | `(value, context) => void`                                  |  ❌  | -           | 值变化回调；context.selectedOptions 返回纯业务数据对象                              |
+| `multiple`         | `boolean`                                                   |  ❌  | `false`     | 是否多选                                                                            |
+| `scene`            | `'default' \| 'sdk' \| 'compliance_age' \| 'custom_region'` |  ❌  | `'default'` | 下拉场景；后端按场景返回默认字段集                                                  |
+| `statuses`         | `number[]`                                                  |  ❌  | -           | 业务状态筛选（3-线上运营, 4-接入中, 5-中途结项, 6-已下线）                          |
+| `businessTypes`    | `number[]`                                                  |  ❌  | -           | 业务类型筛选（1-正式业务, 2-测试业务）                                              |
+| `labelFormat`      | `'name' \| 'name_en' \| 'name_id' \| 'name_en_id'`          |  ❌  | `'name'`    | 标签格式                                                                            |
+| `labelField`       | `string`                                                    |  ❌  | -           | 自定义 label 字段（消费方接口返回字段非标准 name/name_en 时使用）                   |
+| `optionLabel`      | `(item) => ReactNode`                                       |  ❌  | -           | 自定义选项 label 渲染；优先级高于 labelFormat/labelField                            |
+| `placeholder`      | `string`                                                    |  ❌  | -           | 占位提示文案                                                                        |
+| `disabled`         | `boolean`                                                   |  ❌  | `false`     | 是否禁用整个选择器                                                                  |
+| `clearable`        | `boolean`                                                   |  ❌  | `true`      | 是否可清除                                                                          |
+| `filterable`       | `boolean`                                                   |  ❌  | `true`      | 是否可远程搜索                                                                      |
+| `max`              | `number`                                                    |  ❌  | -           | 多选时最大可选数量                                                                  |
+| `pageSize`         | `number`                                                    |  ❌  | `20`        | 每页条数                                                                            |
+| `searchDebounce`   | `number`                                                    |  ❌  | `400`       | 搜索防抖延迟（毫秒）                                                                |
+| `minCollapsedNum`  | `number`                                                    |  ❌  | -           | 多选时最少折叠数量；透传至 TDesign Select                                           |
+| `collapsedItems`   | `TdSelectProps['collapsedItems']`                           |  ❌  | -           | 折叠项自定义渲染；透传至 TDesign Select                                             |
+| `popupProps`       | `Partial<TdSelectProps['popupProps']>`                      |  ❌  | -           | 弹层属性透传；与内部 onScrollToBottom 合并；常用 attach、overlayClassName           |
+| `fields`           | `string[]`                                                  |  ❌  | -           | 字段白名单，传给后端 fields 参数；未传时后端按 scene 返回默认字段                   |
+| `pagination`       | `boolean`                                                   |  ❌  | `true`      | 是否分页；false 时一次性加载全量数据，不远程搜索                                    |
+| `onLoaded`         | `(options) => void`                                         |  ❌  | -           | 选项加载完成回调；不分页模式下首屏即全量，可复用此数据避免重复请求                  |
+| `optionDisabled`   | `(item) => boolean`                                         |  ❌  | -           | 自定义选项禁用逻辑；与合规场景 creatable 判断叠加（任一为 true 即禁用）             |
+| `optionTooltip`    | `(item) => string`                                          |  ❌  | -           | 自定义选项 tooltip 内容；返回非空字符串时该选项悬停显示 tooltip，常用于解释禁用原因 |
+| `tooltipPlacement` | `'top' \| 'bottom' \| 'left' \| 'right'`                    |  ❌  | `'top'`     | tooltip 位置                                                                        |
+| `className`        | `string`                                                    |  ❌  | -           | 自定义类名                                                                          |
+| `style`            | `React.CSSProperties`                                       |  ❌  | -           | 自定义样式                                                                          |
 
 **示例：**
 

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

@@ -1,5 +1,5 @@
 import type { commonEesType, PntHttpLike } from "../config";
-import { BusinessGameInfoHighSecurityDecryptBody, BusinessGameInfoHighSecurityDecryptResponse, BusinessSelectListBody, BusinessSelectListResponse } from './types/index';
+import { BusinessGameInfoHighSecurityDecryptBody, BusinessGameInfoHighSecurityDecryptResponse, BusinessRegionQueryBody, BusinessRegionQueryResponse, BusinessSelectListBody, BusinessSelectListResponse } from './types/index';
 /**
  * 业务下拉选择列表
  * @param http 由 PntProvider 注入的 axios 实例
@@ -13,3 +13,11 @@ 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 时返回该业务最终生效的区域
+ * @param url 自定义接口 URL（可选，覆盖默认值）
+ */
+export declare const businessRegionQuery: (axios: PntHttpLike, data?: BusinessRegionQueryBody, url?: string) => Promise<commonEesType<BusinessRegionQueryResponse>>;

package/lib/cjs/api/index.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var api_exports = {};
 __export(api_exports, {
   businessGameInfoHighSecurityDecrypt: () => businessGameInfoHighSecurityDecrypt,
+  businessRegionQuery: () => businessRegionQuery,
   businessSelectList: () => businessSelectList
 });
 module.exports = __toCommonJS(api_exports);
@@ -28,8 +29,13 @@ var businessGameInfoHighSecurityDecrypt = (axios, data, url) => axios.post(
   url || "/v3/business/game_info/high-security-decrypt?audience=/laas-pnt",
   data
 );
+var businessRegionQuery = (axios, data, url) => axios.post(
+  url || "/api/v5/business/region/query?audience=/laas-pnt",
+  data
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   businessGameInfoHighSecurityDecrypt,
+  businessRegionQuery,
   businessSelectList
 });

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

@@ -4,23 +4,31 @@
  * 数据来源: https://api-pnt.intlgame.com
  */
 export interface BusinessSelectListBody {
-    /** 业务接入类型：1-纯SDK，2-LI PASS，3-工作室品牌账号 */
-    business_access_method?: number;
-    /** 业务类型列表：1-正式业务，2-测试业务；SmartLink业务始终不返回 */
+    /** 业务类型列表，仅 game_list、game_list_option 场景支持：1-正式业务，2-测试业务 */
     business_types?: number[];
+    /** 云控类型列表，仅 game_list、game_list_option 场景支持：1-INTL Project，2-LI PASS Project */
+    cloudCtrlType?: number[];
+    /** 集群类型列表，仅 game_list、game_list_option 场景支持：1-公有，2-私有，3-未配置 */
+    clusterTypes?: number[];
     /** 需要返回的字段；未传时使用场景默认字段，仅支持服务端白名单字段 */
     fields?: string[];
-    /** 指定业务ID列表；与 Keyword 同时传入时取交集 */
+    /** 业务ID列表，仅 game_list、game_list_option 场景支持 */
     game_ids?: string[];
     /** 业务ID、中文名称或英文名称的模糊匹配关键字 */
     keyword?: string;
+    /** 登录器类型列表，仅 game_list、game_list_option 场景支持 */
+    lander_type?: number[];
+    /** LI PASS 开关列表，仅 game_list、game_list_option 场景支持：1-开启，2-未开启 */
+    lipSwitches?: number[];
     /** 当前页 */
     pageNum?: number;
     /** 每页条数 */
     pageSize?: number;
-    /** 下拉场景：default-通用业务，sdk-SDK定制，compliance_age-合规年龄，custom_region-自定义合规地域 */
+    /** 平台列表，仅 game_list、game_list_option 场景支持 */
+    platform?: string[];
+    /** 下拉场景：game_list-业务列表，game_list_option-业务选择，compliance_age-合规年龄，custom_region-自定义合规地域，sdk-SDK定制 */
     scene?: string;
-    /** 业务状态列表：3-线上运营，4-接入中，5-中途结项，6-已下线 */
+    /** 业务状态列表，仅 game_list、game_list_option 场景支持：3-线上运营，4-接入中，5-中途结项，6-已下线 */
     statuses?: number[];
     /** 总条数 */
     total?: number;
@@ -34,6 +42,8 @@ export interface BusinessSelectListResponseListItem {
     business_type?: number;
     /** 当前场景是否可创建；仅 compliance_age、custom_region 场景有意义 */
     creatable?: boolean;
+    /** 当前业务是否禁用合规年龄认证；仅 compliance_age 场景有意义 */
+    disabled?: boolean;
     /** 业务ID */
     game_id?: string;
     /** 业务接口开发负责人；SDK场景可返回 */
@@ -78,3 +88,30 @@ export interface BusinessGameInfoHighSecurityDecryptBody {
     game_id: number;
 }
 export type BusinessGameInfoHighSecurityDecryptResponse = Record<string, unknown>[];
+export interface BusinessRegionQueryBody {
+    /** GameID 目标业务 ID；取值 > 0 时返回该业务实际生效的国家区域；
+  取值 <= 0 或未传时返回国家区域全量字典；与当前登录业务是否一致不做强校验（跨业务查询合法）。 */
+    game_id?: number;
+}
+export interface BusinessRegionQueryResponseRegionListItem {
+    /** ID 区域主键 ID。 */
+    id?: number;
+    /** IsEEARegion 是否 EEA 区域，取值：0=否，1=是。 */
+    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 {
+    /** RegionList 国家区域列表：未携带 game_id 时为全量字典，携带 game_id 时为该业务实际生效区域；均按 id 升序。 */
+    region_list?: BusinessRegionQueryResponseRegionListItem[];
+}

package/lib/cjs/components/PntBusinessSelect/index.d.ts

@@ -37,11 +37,6 @@ interface PntBusinessSelectProps {
      * @description 1-正式业务，2-测试业务
      */
     businessTypes?: number[];
-    /**
-     * 业务接入类型筛选
-     * @description 1-纯SDK，2-LI PASS，3-工作室品牌账号
-     */
-    businessAccessMethod?: number;
     /**
      * 标签格式
      * @description name-中文名，name_en-英文名，name_id-中文名（ID），name_en_id-英文名（ID）

package/lib/cjs/components/PntBusinessSelect/index.js

@@ -36,7 +36,6 @@ var PntBusinessSelect = (props) => {
     scene = "default",
     statuses,
     businessTypes,
-    businessAccessMethod,
     labelFormat = "name",
     labelField,
     optionLabel,
@@ -94,19 +93,10 @@ var PntBusinessSelect = (props) => {
       scene,
       statuses,
       business_types: businessTypes,
-      business_access_method: businessAccessMethod,
       fields
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      scene,
-      statusesKey,
-      businessTypesKey,
-      businessAccessMethod,
-      pageSize,
-      fieldsKey,
-      pagination
-    ]
+    [scene, statusesKey, businessTypesKey, pageSize, fieldsKey, pagination]
   );
   const fetchData = (0, import_react.useCallback)(
     async (kw, page, append) => {

package/lib/cjs/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/cjs/components/PntRegionSelect/ImportDialog.js

@@ -0,0 +1,244 @@
+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/ImportDialog.tsx
+var ImportDialog_exports = {};
+__export(ImportDialog_exports, {
+  default: () => ImportDialog_default
+});
+module.exports = __toCommonJS(ImportDialog_exports);
+var import_react = require("react");
+var import_tdesign_icons_react = require("tdesign-icons-react");
+var import_tdesign_react = require("tdesign-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var SEPARATOR = /[\r?\n,，;；]+/;
+var ImportDialog = ({
+  visible,
+  options,
+  currentValue,
+  texts,
+  dialogProps,
+  onClose,
+  onConfirm
+}) => {
+  const [importText, setImportText] = (0, import_react.useState)("");
+  const [rows, setRows] = (0, import_react.useState)([]);
+  const [isParsed, setIsParsed] = (0, import_react.useState)(false);
+  const aliasMap = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ 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 } = (0, import_react.useMemo)(() => {
+    const selectedSet = new Set(currentValue);
+    const pending = [];
+    const exists = [];
+    const unmatched = [];
+    const seenPending = /* @__PURE__ */ new Set();
+    const seenExists = /* @__PURE__ */ new Set();
+    const seenUnmatched = /* @__PURE__ */ 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();
+      }
+      import_tdesign_react.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__ */ (0, import_jsx_runtime.jsxs)(
+    import_tdesign_react.Dialog,
+    {
+      visible,
+      header: texts.importTitle,
+      width: 520,
+      closeOnOverlayClick: false,
+      confirmBtn: isParsed ? texts.importConfirmBtn : texts.parseBtn,
+      cancelBtn: texts.cancelBtn,
+      onConfirm: handleConfirm,
+      onClose: handleClose,
+      ...dialogProps,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pnt-region-import__tip", children: texts.importTip }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tdesign_react.Textarea,
+          {
+            value: importText,
+            onChange: (next) => {
+              setImportText(String(next != null ? next : ""));
+              if (isParsed) {
+                setRows([]);
+                setIsParsed(false);
+              }
+            },
+            rows: 3,
+            placeholder: texts.importPlaceholder
+          }
+        ),
+        isParsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pnt-region-import__result", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pnt-region-import__summary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "pnt-region-import__summary-item pnt-region-import__summary-item--unmatched", children: [
+              texts.importUnmatched,
+              "：",
+              unmatchedList.length
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tdesign_react.Tooltip, { content: texts.copyUnmatchedTip, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_tdesign_react.Button,
+              {
+                theme: "primary",
+                variant: "text",
+                size: "small",
+                className: "pnt-region-import__copy-btn",
+                disabled: !unmatchedList.length,
+                onClick: copyUnmatched,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tdesign_icons_react.FileCopyIcon, { strokeWidth: 2 })
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pnt-region-import__summary-dot", children: "·" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "pnt-region-import__summary-item pnt-region-import__summary-item--pending", children: [
+              texts.importPending,
+              "：",
+              pendingList.length
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pnt-region-import__summary-dot", children: "·" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "pnt-region-import__summary-item pnt-region-import__summary-item--exists", children: [
+              texts.importExists,
+              "：",
+              existsList.length
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pnt-region-import__table", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pnt-region-import__table-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: texts.importRegionColumn }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: texts.importStatusColumn })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pnt-region-import__table-body", children: rows.length ? rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "div",
+              {
+                className: "pnt-region-import__table-row",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pnt-region-import__region", children: row.region }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    "span",
+                    {
+                      className: `pnt-region-import__status pnt-region-import__status--${row.status}`,
+                      children: [
+                        row.status === "unmatched" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tdesign_icons_react.CloseIcon, { strokeWidth: 2 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tdesign_icons_react.CheckIcon, { strokeWidth: 2 }),
+                        row.status === "pending" ? texts.importPending : row.status === "exists" ? texts.importExists : texts.importUnmatched
+                      ]
+                    }
+                  )
+                ]
+              },
+              row.region
+            )) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pnt-region-import__empty", children: "-" }) })
+          ] })
+        ] }) : null
+      ]
+    }
+  );
+};
+var ImportDialog_default = ImportDialog;

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

@@ -0,0 +1,34 @@
+import { FC } from 'react';
+import './index.scss';
+import type { PntRegionSelectProps } from './types';
+/**
+ * 地区选择器组件
+ * @description 统一的国家/地区选择组件，支持单选/多选、批量选择、批量导入、自定义区域、合规区域
+ *
+ * @example
+ * ```tsx
+ * // 基础多选（内部拉取默认区域列表）
+ * <PntRegionSelect
+ *   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;