@pnt-team/pnt-component-frontend 0.0.43 → 0.0.47

package/lib/cjs/index.d.ts

@@ -1,3 +1,4 @@
 export { default as PntImagePreview } from './components/PntImagePreview';
+export { default as PntBusinessSelect } from './components/PntBusinessSelect';
 export { default as PntSecureBox } from './components/PntSecureBox';
 export { default as PntGeneralLayout } from './components/PntGeneralLayout';

package/lib/cjs/index.js

@@ -29,16 +29,19 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  PntBusinessSelect: () => import_PntBusinessSelect.default,
   PntGeneralLayout: () => import_PntGeneralLayout.default,
   PntImagePreview: () => import_PntImagePreview.default,
   PntSecureBox: () => import_PntSecureBox.default
 });
 module.exports = __toCommonJS(src_exports);
 var import_PntImagePreview = __toESM(require("./components/PntImagePreview"));
+var import_PntBusinessSelect = __toESM(require("./components/PntBusinessSelect"));
 var import_PntSecureBox = __toESM(require("./components/PntSecureBox"));
 var import_PntGeneralLayout = __toESM(require("./components/PntGeneralLayout"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  PntBusinessSelect,
   PntGeneralLayout,
   PntImagePreview,
   PntSecureBox

package/lib/cjs/utils/request.d.ts

@@ -0,0 +1,8 @@
+export interface commonEesType<T> {
+    code: number;
+    msg: string;
+    data: T;
+    ret?: number;
+}
+declare const http: import("axios").AxiosInstance;
+export default http;

package/lib/cjs/utils/request.js

@@ -0,0 +1,82 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/request.ts
+var request_exports = {};
+__export(request_exports, {
+  default: () => request_default
+});
+module.exports = __toCommonJS(request_exports);
+var import_axios = __toESM(require("axios"));
+var import_host = __toESM(require("../configs/host"));
+var import_token = __toESM(require("../configs/token"));
+var import_const = require("./const");
+var env = process.env.MODE || "development";
+var API_HOST = import_host.default[env].API;
+var http = import_axios.default.create({
+  baseURL: API_HOST,
+  timeout: 100 * 1e3,
+  withCredentials: true
+});
+http.interceptors.request.use(
+  (config) => {
+    var _a;
+    const conf = { ...config };
+    const matchPath = Object.values(import_const.SUB_APP_PATHNAME).filter(
+      (path) => window.location.pathname.includes(path)
+    )[0] || "";
+    if (process.env.NODE_ENV === "development") {
+      conf.baseURL = matchPath ? "/subapi" : conf.baseURL;
+      conf.headers["X-Service-Type"] = ((_a = conf.headers) == null ? void 0 : _a["x-service-type"]) || "11";
+      conf.headers["X-User-Id"] = "us-104fe9b46fdf4534be663ec9eaa9ea2e";
+      conf.headers["X-User-Name"] = "v_bwweiwang";
+      conf.headers.authorization = import_token.default;
+    } else {
+      conf.baseURL = "/";
+    }
+    if (!conf.url.includes("audience=")) {
+      conf.url = `${conf.url}?audience=${matchPath ? import_const.AUDIENCE_MAPPING[matchPath] : "/player-network"}`;
+    }
+    return conf;
+  },
+  (err) => Promise.reject(err)
+);
+http.interceptors.response.use(
+  (response) => {
+    if (response.status === 200) {
+      const { data } = response;
+      if (data.code === 0) {
+        return Promise.resolve(data);
+      }
+      return Promise.resolve(data);
+    }
+    return Promise.reject(response == null ? void 0 : response.data);
+  },
+  (e) => Promise.reject(e)
+);
+var request_default = http;

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

@@ -0,0 +1,4 @@
+import { commonEesType } from "../utils/request";
+import { BusinessGameInfoHighSecurityDecryptBody, BusinessGameInfoHighSecurityDecryptResponse, BusinessSelectListBody, BusinessSelectListResponse } from './types/index';
+export declare const businessGameInfoHighSecurityDecrypt: (data: BusinessGameInfoHighSecurityDecryptBody) => Promise<commonEesType<BusinessGameInfoHighSecurityDecryptResponse>>;
+export declare const businessSelectList: (data: BusinessSelectListBody) => Promise<commonEesType<BusinessSelectListResponse>>;

package/lib/esm/api/index.js

@@ -0,0 +1,11 @@
+// src/api/index.ts
+import axios from "../utils/request";
+var businessGameInfoHighSecurityDecrypt = (data) => axios.post(
+  "/api/v3/business/game_info/high-security-decrypt?audience=/laas-pnt",
+  data
+);
+var businessSelectList = (data) => axios.post("/api/business/select/list", data);
+export {
+  businessGameInfoHighSecurityDecrypt,
+  businessSelectList
+};

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

@@ -0,0 +1,80 @@
+/**
+ * 本文件由 yapi-gen 自动生成，请勿手动修改
+ * 生成时间: 2026/9/10 11:19:01
+ * 数据来源: https://api-pnt.intlgame.com
+ */
+export interface BusinessSelectListBody {
+    /** 业务接入类型：1-纯SDK，2-LI PASS，3-工作室品牌账号 */
+    business_access_method?: number;
+    /** 业务类型列表：1-正式业务，2-测试业务；SmartLink业务始终不返回 */
+    business_types?: number[];
+    /** 需要返回的字段；未传时使用场景默认字段，仅支持服务端白名单字段 */
+    fields?: string[];
+    /** 指定业务ID列表；与 Keyword 同时传���时取交集 */
+    game_ids?: string[];
+    /** 业务ID、中文名称或英文名称的模糊匹配关键字 */
+    keyword?: string;
+    /** 当前页 */
+    pageNum?: number;
+    /** 每页条数 */
+    pageSize?: number;
+    /** 下拉场景：default-通用业务，sdk-SDK定制，compliance_age-合规年龄，custom_region-自定义合规地域 */
+    scene?: string;
+    /** 业务状态列表：3-线上运营，4-接入中，5-中途结项，6-已下线 */
+    statuses?: number[];
+    /** 总条数 */
+    total?: number;
+    /** 总页数 */
+    totalPage?: number;
+}
+export interface BusinessSelectListResponseListItem {
+    /** 业务接入类型：1-纯SDK，2-LI PASS，3-工作室品牌账号 */
+    business_access_method?: number;
+    /** 业务类型：1-正式业务，2-测试业务 */
+    business_type?: number;
+    /** 当前场景是否可创建；仅 compliance_age、custom_region 场景有意义 */
+    creatable?: boolean;
+    /** 业务ID */
+    game_id?: string;
+    /** 业务接口开发负责人；SDK场景可返回 */
+    interface_developer_name?: string;
+    /** 业务中文名称 */
+    name?: string;
+    /** 业务英文名称 */
+    name_en?: string;
+    /** SDK定制版本通知人；SDK场景可返回 */
+    sdk_customize_notifier?: string;
+    /** 业务状态：3-线上运营，4-接入中，5-中途结项，6-已下线 */
+    state?: number;
+}
+export interface BusinessSelectListResponsePagination {
+    /** 当前页 */
+    pageNum?: number;
+    /** 每页条数 */
+    pageSize?: number;
+    /** 总条数 */
+    total?: number;
+    /** 总页数 */
+    totalPage?: number;
+}
+export interface BusinessSelectListResponse {
+    /** 业务列表；字段由请求 Fields 或场景默认字段决定 */
+    list?: BusinessSelectListResponseListItem[];
+    /** 分页信息；未分页时统计字段均为零值 */
+    pagination?: BusinessSelectListResponsePagination;
+}
+export interface BusinessGameInfoHighSecurityDecryptBodyParamItem {
+    /** 参数字段 */
+    key: string;
+    /** 参数密文 */
+    value: string;
+}
+export interface BusinessGameInfoHighSecurityDecryptBody {
+    param: BusinessGameInfoHighSecurityDecryptBodyParamItem[];
+    /** 页面ID */
+    page_id: string;
+    /** 请求环境 */
+    env: number;
+    game_id: number;
+}
+export type BusinessGameInfoHighSecurityDecryptResponse = Record<string, unknown>[];

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

@@ -0,0 +1,152 @@
+import React, { FC } from 'react';
+import type { SelectValue, TdSelectProps } from 'tdesign-react/es/select/type';
+import './index.scss';
+/** 下拉场景 */
+type Scene = 'default' | 'sdk' | 'compliance_age' | 'custom_region';
+/** 标签格式 */
+type LabelFormat = 'name' | 'name_en' | 'name_id' | 'name_en_id';
+interface PntBusinessSelectProps {
+    /**
+     * 当前选中值
+     * @description 单选为 string，多选为 string[]
+     */
+    value?: SelectValue;
+    /**
+     * 值变化回调
+     */
+    onChange?: TdSelectProps['onChange'];
+    /**
+     * 是否多选
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * 下拉场景
+     * @description 后端按场景返回默认字段集
+     * @default 'default'
+     */
+    scene?: Scene;
+    /**
+     * 业务状态筛选
+     * @description 3-线上运营，4-接入中，5-中途结项，6-已下线
+     */
+    statuses?: number[];
+    /**
+     * 业务类型筛选
+     * @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）
+     * @default 'name'
+     */
+    labelFormat?: LabelFormat;
+    /**
+     * 占位提示文案
+     */
+    placeholder?: string;
+    /**
+     * 是否禁用整个选择器
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否可清除
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * 是否可远程搜索
+     * @default true
+     */
+    filterable?: boolean;
+    /**
+     * 多选时最大可选数量
+     */
+    max?: number;
+    /**
+     * 每页条数
+     * @default 20
+     */
+    pageSize?: number;
+    /**
+     * 搜索防抖延迟（毫秒）
+     * @default 400
+     */
+    searchDebounce?: number;
+    /**
+     * 多选时最少折叠数量
+     * @description 超过此数量的选中项将折叠显示，透传至 TDesign Select
+     */
+    minCollapsedNum?: number;
+    /**
+     * 折叠项自定义渲染
+     * @description 透传至 TDesign Select collapsedItems
+     */
+    collapsedItems?: TdSelectProps['collapsedItems'];
+    /**
+     * 弹层属性透传
+     * @description 会与组件内部 onScrollToBottom 合并；常用 attach（挂载容器）、overlayClassName 等
+     */
+    popupProps?: Partial<TdSelectProps['popupProps']>;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * 业务选择器组件
+ * @description 统一业务下拉选择器，内置对接后端通用接口 `/api/business/select/list`，
+ * 支持远程搜索、滚动分页加载、多选、场景化禁用（合规场景 creatable 字段）。
+ *
+ * @param {PntBusinessSelectProps} props - 组件属性
+ *
+ * @example
+ * ```tsx
+ * import { PntBusinessSelect } from '@pnt-team/pnt-component-frontend';
+ *
+ * // 最简用法
+ * <PntBusinessSelect
+ *   value={gameId}
+ *   onChange={(v) => setGameId(v as string)}
+ * />
+ *
+ * // SDK 定制场景 + 名称带 ID
+ * <PntBusinessSelect
+ *   scene="sdk"
+ *   labelFormat="name_id"
+ *   value={gameId}
+ *   onChange={(v) => setGameId(v as string)}
+ * />
+ *
+ * // 合规年龄场景（自动禁用 creatable=false 的业务）
+ * <PntBusinessSelect
+ *   scene="compliance_age"
+ *   value={gameId}
+ *   onChange={(v) => setGameId(v as string)}
+ * />
+ *
+ * // 多选 + 状态过滤
+ * <PntBusinessSelect
+ *   multiple
+ *   statuses={[3, 4]}
+ *   labelFormat="name_id"
+ *   value={gameIds}
+ *   onChange={(v) => setGameIds(v as string[])}
+ * />
+ * ```
+ *
+ * @returns {ReactElement} 业务选择器组件
+ */
+declare const PntBusinessSelect: FC<PntBusinessSelectProps>;
+export default PntBusinessSelect;

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

@@ -0,0 +1,228 @@
+// src/components/PntBusinessSelect/index.tsx
+import { businessSelectList } from "../../api";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Loading, Select } from "tdesign-react";
+import "./index.scss";
+import { jsx } from "react/jsx-runtime";
+var PntBusinessSelect = (props) => {
+  const {
+    value,
+    onChange,
+    multiple = false,
+    scene = "default",
+    statuses,
+    businessTypes,
+    businessAccessMethod,
+    labelFormat = "name",
+    placeholder,
+    disabled,
+    clearable = true,
+    filterable = true,
+    max,
+    pageSize = 20,
+    searchDebounce = 400,
+    minCollapsedNum,
+    collapsedItems,
+    popupProps,
+    className,
+    style
+  } = props;
+  const requestFn = useCallback(
+    (params) => businessSelectList(params),
+    []
+  );
+  const [options, setOptions] = useState(
+    []
+  );
+  const [loading, setLoading] = useState(false);
+  const [keyword, setKeyword] = useState("");
+  const [pageNum, setPageNum] = useState(1);
+  const [total, setTotal] = useState(0);
+  const debounceRef = useRef();
+  const loadingRef = useRef(false);
+  const selectedItemsRef = useRef(/* @__PURE__ */ new Map());
+  const buildParams = useCallback(
+    (kw, page) => ({
+      keyword: kw || void 0,
+      pageNum: page,
+      pageSize,
+      scene,
+      statuses,
+      business_types: businessTypes,
+      business_access_method: businessAccessMethod
+    }),
+    [scene, statuses, businessTypes, businessAccessMethod, pageSize]
+  );
+  const fetchData = useCallback(
+    async (kw, page, append) => {
+      var _a;
+      if (loadingRef.current)
+        return;
+      loadingRef.current = true;
+      setLoading(true);
+      try {
+        const res = await requestFn(buildParams(kw, page));
+        if (res.code === 0 && res.data) {
+          const newList = res.data.list || [];
+          setOptions((prev) => append ? [...prev, ...newList] : newList);
+          setTotal(((_a = res.data.pagination) == null ? void 0 : _a.total) || 0);
+          setPageNum(page);
+        }
+      } finally {
+        loadingRef.current = false;
+        setLoading(false);
+      }
+    },
+    [requestFn, buildParams]
+  );
+  const handleSearch = useCallback(
+    (val) => {
+      setKeyword(val);
+      if (debounceRef.current)
+        clearTimeout(debounceRef.current);
+      debounceRef.current = setTimeout(() => {
+        fetchData(val, 1, false);
+      }, searchDebounce);
+    },
+    [fetchData, searchDebounce]
+  );
+  const handleScrollToBottom = useCallback(() => {
+    if (!loadingRef.current && options.length < total) {
+      fetchData(keyword, pageNum + 1, true);
+    }
+  }, [options.length, total, keyword, pageNum, fetchData]);
+  const handlePopupVisibleChange = useCallback(
+    (visible) => {
+      if (!visible && keyword) {
+        setKeyword("");
+        fetchData("", 1, false);
+      }
+    },
+    [keyword, fetchData]
+  );
+  useEffect(() => {
+    fetchData("", 1, false);
+  }, [fetchData]);
+  useEffect(() => {
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    options.forEach((item) => {
+      if (item.game_id && selectedValues.includes(item.game_id)) {
+        selectedItemsRef.current.set(item.game_id, item);
+      }
+    });
+  }, [options, value]);
+  useEffect(() => {
+    return () => {
+      if (debounceRef.current)
+        clearTimeout(debounceRef.current);
+    };
+  }, []);
+  const formatLabel = useCallback(
+    (item) => {
+      const name = item.name || "";
+      const nameEn = item.name_en || "";
+      const gameId = item.game_id || "";
+      switch (labelFormat) {
+        case "name_en":
+          return nameEn || name;
+        case "name_id":
+          return `${name}（${gameId}）`;
+        case "name_en_id":
+          return `${nameEn}（${gameId}）`;
+        default:
+          return name;
+      }
+    },
+    [labelFormat]
+  );
+  const isOptionDisabled = useCallback(
+    (item) => {
+      if (scene === "compliance_age" || scene === "custom_region") {
+        return !item.creatable;
+      }
+      return false;
+    },
+    [scene]
+  );
+  const selectOptions = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    options.forEach((item) => {
+      if (item.game_id) {
+        map.set(item.game_id, {
+          label: formatLabel(item),
+          value: item.game_id,
+          disabled: isOptionDisabled(item),
+          name: item.name,
+          name_en: item.name_en,
+          game_id: item.game_id
+        });
+      }
+    });
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    selectedValues.forEach((id) => {
+      if (!map.has(id)) {
+        const item = selectedItemsRef.current.get(id);
+        if (item) {
+          map.set(id, {
+            label: formatLabel(item),
+            value: id,
+            disabled: isOptionDisabled(item),
+            name: item.name,
+            name_en: item.name_en,
+            game_id: item.game_id
+          });
+        } else {
+          map.set(id, { label: id, value: id, disabled: false });
+        }
+      }
+    });
+    return Array.from(map.values());
+  }, [options, value, formatLabel, isOptionDisabled]);
+  const localFilter = useCallback(
+    (filterWord, option) => {
+      if (!filterWord)
+        return true;
+      const kw = filterWord.toLowerCase();
+      const opt = option;
+      return ((opt == null ? void 0 : opt.name) || "").toLowerCase().includes(kw) || ((opt == null ? void 0 : opt.name_en) || "").toLowerCase().includes(kw) || ((opt == null ? void 0 : opt.game_id) || "").includes(kw);
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      value,
+      onChange,
+      options: selectOptions,
+      filterable,
+      filter: filterable ? localFilter : void 0,
+      onSearch: filterable ? handleSearch : void 0,
+      loading: loading && options.length === 0,
+      multiple,
+      max,
+      clearable,
+      disabled,
+      placeholder,
+      minCollapsedNum,
+      collapsedItems,
+      onPopupVisibleChange: handlePopupVisibleChange,
+      panelBottomContent: options.length > 0 && loading ? /* @__PURE__ */ jsx(Loading, { loading: true, size: "small" }) : null,
+      popupProps: {
+        ...popupProps,
+        onScrollToBottom: handleScrollToBottom
+      },
+      className: className ? `pnt-business-select ${className}` : "pnt-business-select",
+      style
+    }
+  );
+};
+var PntBusinessSelect_default = PntBusinessSelect;
+export {
+  PntBusinessSelect_default as default
+};

package/lib/esm/components/PntBusinessSelect/index.scss

@@ -0,0 +1,3 @@
+.pnt-business-select {
+  width: 100%;
+}

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

@@ -48,7 +48,7 @@ interface PntGeneralLayoutProps {
     footer?: ReactNode;
 }
 /**
- * 通用页面布局组件（L4 布局组件）
+ * 通用页面布局组件（L3 布局组件）
  * @description 提供标准的「头部 + 子头部 + 内容区 + 底部」页面布局结构，
  * 基于 TDesign Layout 封装，适用于后台管理系统的详情页、表单页等场景。
  *

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

@@ -1,4 +1,3 @@
-import { type HighSecurityFetcher } from "../../hooks/useHighSecurity";
 import React, { FC } from 'react';
 import './index.scss';
 interface PntSecureBoxProps {
@@ -39,15 +38,12 @@ interface PntSecureBoxProps {
      * @description 用于记录操作日志和权限验证
      */
     pageId?: string;
-    /**
-     * 高敏数据请求函数
-     * @description 通过外部注入请求函数，避免组件库内部依赖敏感配置
-     */
-    fetcher: HighSecurityFetcher;
 }
 /**
  * 高敏信息展示统一组件
- * @description 用于统一处理和展示高敏信息，支持脱敏显示和按需获取真实数据
+ * @description 用于统一处理和展示高敏信息，支持脱敏显示和按需获取真实数据。
+ * 内置对接组件库 `businessGameInfoHighSecurityDecrypt` API（`/api/v3/business/game_info/high-security-decrypt`）。
+ *
  * @param {PntSecureBoxProps} props - 组件属性
  * @param {string} props.dataKey - 高敏信息的唯一标识 key
  * @param {string} props.dataValue - 高敏信息的实际值
@@ -56,19 +52,16 @@ interface PntSecureBoxProps {
  * @param {(content: string) => React.ReactNode} props.renderDom - 自定义渲染函数
  * @param {string} [props.viewText] - 自定义查看按钮文案
  * @param {string} [props.pageId] - 页面 ID
- * @param {HighSecurityFetcher} props.fetcher - 高敏数据请求函数
  *
  * @example
  * ```tsx
- * import http from '@/utils/request';
  * import { PntSecureBox } from '@pnt-team/pnt-component-frontend';
  *
  * <PntSecureBox
  *   dataKey="userPhone"
- *   dataValue="138****8888"
- *   env="production"
+ *   dataValue="_high_security_:AAAA...:6542"
+ *   env={2}
  *   gameId={12345}
- *   fetcher={(params) => http.post('/api/v3/business/game_info/high-security-decrypt', params).then(r => r.data)}
  *   renderDom={(content) => <span>{content}</span>}
  *   viewText="查看"
  * />

package/lib/esm/components/PntSecureBox/index.js

@@ -1,7 +1,6 @@
 // src/components/PntSecureBox/index.tsx
-import {
-  useHighSecurity
-} from "../../hooks/useHighSecurity";
+import { businessGameInfoHighSecurityDecrypt } from "../../api";
+import { useHighSecurity } from "../../hooks/useHighSecurity";
 import { isSecurityData } from "../../utils";
 import "./index.scss";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -13,10 +12,9 @@ var PntSecureBox = (prop) => {
     gameId,
     renderDom,
     viewText,
-    pageId,
-    fetcher
+    pageId
   } = prop;
-  const { securityData, requestSecurityData } = useHighSecurity(fetcher);
+  const { securityData, requestSecurityData } = useHighSecurity(businessGameInfoHighSecurityDecrypt);
   return /* @__PURE__ */ jsx("div", { className: "pnt-secure-box", children: /* @__PURE__ */ jsxs(Fragment, { children: [
     renderDom(
       isSecurityData(dataValue) ? securityData[dataKey] || "******" : dataValue