@pnt-team/pnt-component-frontend 0.0.98 → 0.0.102

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

@@ -13,9 +13,9 @@ interface PntSecureBoxProps {
     dataValue: string;
     /**
      * 环境标识
-     * @description 用于区分不同环境（如：dev, test, production）
+     * @description 用于区分不同环境（如：dev, test, production）；可缺省，默认 0
      */
-    env: string | number;
+    env?: string | number;
     /**
      * 游戏 ID
      * @description 标识具体的游戏项目
@@ -38,10 +38,52 @@ interface PntSecureBoxProps {
      * @description 用于记录操作日志和权限验证
      */
     pageId?: string;
+    /**
+     * 明文是否也掩码显示
+     * @description
+     * - false（默认）：非加密值直接展示原值
+     * - true：非加密值也展示 ******，点击后本地揭示（不调接口，防窥屏）
+     */
+    maskPlain?: boolean;
+    /**
+     * 接口变体
+     * @description
+     * - 'business'（默认）：业务级，走 /v3/business/game_info/high-security-decrypt
+     * - 'platform'：平台级（发布记录页等场景），走 /v3/business/game_info/plat-high-security-decrypt
+     */
+    scope?: 'business' | 'platform';
+    /**
+     * 解锁后是否显示复制按钮
+     * @description 默认 true，解锁后按钮文案切换为「复制」；传 false 则解锁后按钮消失（旧行为）
+     */
+    copyable?: boolean;
+    /**
+     * 复制按钮文案
+     * @description 用于适配多语言场景，默认为 'Copy'
+     */
+    copyText?: string;
+    /**
+     * 复制成功后的内联提示文案
+     * @description 仅在使用默认复制（未传 onCopy）时生效；
+     * 传入非空字符串后，复制成功按钮文案临时切换为该文案 2 秒；默认 'Copied'，传 '' 关闭内联提示
+     */
+    copySuccessText?: string;
+    /**
+     * 自定义复制行为
+     * @description 传入后替换默认的 navigator.clipboard.writeText；
+     * 消费方自行处理复制与反馈（此时 copySuccessText 不再生效）
+     */
+    onCopy?: (value: string) => void | Promise<void>;
+    /**
+     * 缓存别名
+     * @description 当后端 key 相同但密文不同时（如两组 SDK 密钥），用 cacheKey 区分缓存；
+     * 请求体仍用 dataKey 作为 key，缓存读写用 cacheKey。默认 cacheKey=dataKey
+     */
+    cacheKey?: string;
 }
 /**
  * 高敏信息展示统一组件
- * @description 用于统一处理和展示高敏信息，支持脱敏显示和按需获取真实数据。
+ * @description 用于统一处理和展示高敏信息，支持脱敏显示、按需获取真实数据、解锁后复制。
  * 通过 PntProvider 注入 http 实例，对接 `/api/v3/business/game_info/high-security-decrypt`。
  *
  * @param {PntSecureBoxProps} props - 组件属性
@@ -52,6 +94,10 @@ interface PntSecureBoxProps {
  * @param {(content: string) => React.ReactNode} props.renderDom - 自定义渲染函数
  * @param {string} [props.viewText] - 自定义查看按钮文案
  * @param {string} [props.pageId] - 页面 ID
+ * @param {boolean} [props.copyable=true] - 解锁后是否显示复制按钮
+ * @param {string} [props.copyText] - 复制按钮文案
+ * @param {string} [props.copySuccessText] - 复制成功内联提示文案
+ * @param {(value: string) => void | Promise<void>} [props.onCopy] - 自定义复制行为
  *
  * @example
  * ```tsx
@@ -64,6 +110,8 @@ interface PntSecureBoxProps {
  *   gameId={12345}
  *   renderDom={(content) => <span>{content}</span>}
  *   viewText="查看"
+ *   copyText="复制"
+ *   copySuccessText="已复制"
  * />
  * ```
  *

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

@@ -1,13 +1,13 @@
 import { useHighSecurity } from "../../hooks/useHighSecurity";
 import { isSecurityData } from "../../utils";
-import React from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import "./index.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * 高敏信息展示统一组件
- * @description 用于统一处理和展示高敏信息，支持脱敏显示和按需获取真实数据。
+ * @description 用于统一处理和展示高敏信息，支持脱敏显示、按需获取真实数据、解锁后复制。
  * 通过 PntProvider 注入 http 实例，对接 `/api/v3/business/game_info/high-security-decrypt`。
  *
  * @param {PntSecureBoxProps} props - 组件属性
@@ -18,6 +18,10 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  * @param {(content: string) => React.ReactNode} props.renderDom - 自定义渲染函数
  * @param {string} [props.viewText] - 自定义查看按钮文案
  * @param {string} [props.pageId] - 页面 ID
+ * @param {boolean} [props.copyable=true] - 解锁后是否显示复制按钮
+ * @param {string} [props.copyText] - 复制按钮文案
+ * @param {string} [props.copySuccessText] - 复制成功内联提示文案
+ * @param {(value: string) => void | Promise<void>} [props.onCopy] - 自定义复制行为
  *
  * @example
  * ```tsx
@@ -30,6 +34,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  *   gameId={12345}
  *   renderDom={(content) => <span>{content}</span>}
  *   viewText="查看"
+ *   copyText="复制"
+ *   copySuccessText="已复制"
  * />
  * ```
  *
@@ -43,9 +49,19 @@ const PntSecureBox = prop => {
     gameId,
     renderDom,
     viewText,
-    pageId
+    pageId,
+    maskPlain,
+    scope,
+    copyable = true,
+    copyText,
+    copySuccessText = 'Copied',
+    onCopy,
+    cacheKey
   } = prop;
 
+  // 缓存读写用的 key（cacheKey 优先于 dataKey）
+  const storeKey = cacheKey || dataKey;
+
   // 通过 PntProvider 注入的 http 实例请求高敏数据，缓存按 gameId+env 隔离
   const {
     securityData,
@@ -53,27 +69,80 @@ const PntSecureBox = prop => {
     requestSecurityData
   } = useHighSecurity({
     gameId,
-    env
+    env,
+    scope
   });
+
+  // 明文揭示状态（maskPlain 模式下使用，本地 state，不调接口）
+  const [plainViewed, setPlainViewed] = useState(false);
+  // 复制成功内联反馈状态
+  const [copied, setCopied] = useState(false);
+  const copyTimer = useRef(null);
+
+  // 卸载时清理定时器
+  useEffect(() => {
+    return () => {
+      if (copyTimer.current) clearTimeout(copyTimer.current);
+    };
+  }, []);
   const isSecurity = isSecurityData(dataValue);
-  const unlocked = isSecurity && isUnlocked(dataKey);
+  const unlocked = isSecurity ? isUnlocked(storeKey) : maskPlain ? plainViewed : true;
+  const displayValue = unlocked ? isSecurity ? securityData[storeKey] || '******' : dataValue : '******';
+  const handleView = () => {
+    if (isSecurity) {
+      requestSecurityData({
+        env,
+        gameId,
+        pageId,
+        param: [{
+          key: dataKey,
+          value: dataValue,
+          cacheKey: storeKey
+        }]
+      });
+    } else if (maskPlain) {
+      setPlainViewed(true);
+    }
+  };
+  const handleCopy = useCallback(async () => {
+    // 待复制的明文值
+    const value = unlocked ? isSecurity ? securityData[storeKey] || '' : dataValue : '';
+    if (onCopy) {
+      await onCopy(value);
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(value);
+      if (copySuccessText) {
+        if (copyTimer.current) clearTimeout(copyTimer.current);
+        setCopied(true);
+        copyTimer.current = setTimeout(() => setCopied(false), 2000);
+      }
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.warn('[pnt-component-frontend] 复制失败', err);
+    }
+  }, [unlocked, isSecurity, securityData, storeKey, dataValue, onCopy, copySuccessText]);
+
+  // 渲染逻辑：
+  // 1. 敏感数据未解锁：显示查看按钮（viewText）
+  // 2. 敏感数据已解锁 + copyable：显示复制按钮（copyText），复制成功临时显示 copySuccessText
+  // 3. 敏感数据已解锁 + !copyable：不显示按钮（旧行为）
+  // 4. 普通明文（非敏感）：无任何按钮
+  const isSensitive = isSecurity || !!maskPlain;
+  const showViewBtn = !unlocked;
+  const showCopyBtn = unlocked && isSensitive && copyable;
   return /*#__PURE__*/_jsx("div", {
     className: "pnt-secure-box",
     children: /*#__PURE__*/_jsxs(_Fragment, {
-      children: [renderDom(unlocked ? securityData[dataKey] || '******' : isSecurity ? '******' : dataValue), isSecurity && !isUnlocked(dataKey) && /*#__PURE__*/_jsx("span", {
+      children: [renderDom(displayValue), showViewBtn && /*#__PURE__*/_jsx("span", {
         className: "view-icon",
-        onClick: () => {
-          requestSecurityData({
-            env,
-            gameId,
-            pageId,
-            param: [{
-              key: dataKey,
-              value: dataValue
-            }]
-          });
-        },
+        onClick: handleView,
         children: viewText || 'View'
+      }), showCopyBtn && /*#__PURE__*/_jsx("span", {
+        className: "copy-icon",
+        onClick: handleCopy,
+        children: copied && copySuccessText ? copySuccessText : copyText || 'Copy'
       })]
     })
   });

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

@@ -3,7 +3,8 @@
   color: #333;
   max-width: fit-content;
 
-  .view-icon {
+  .view-icon,
+  .copy-icon {
     position: absolute;
     top: 1px;
     right: -30px;

package/lib/esm/config.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import type { AxiosInstance } from 'axios';
 /**
  * 统一响应结构（与后端 commonEesType 对齐）
  */
@@ -9,12 +8,43 @@ export interface commonEesType<T> {
     data: T;
     ret?: number;
 }
+/**
+ * 库所需的最小 HTTP 能力（仅 post）。
+ * 用结构化类型而非直接依赖 AxiosInstance，
+ * 避免与消费方 axios 版本的类型定义强耦合（如 1.13 vs 1.20 的 query 方法差异）。
+ * 任何具备 axios 兼容 post 签名的实例均可注入。
+ */
+export interface PntHttpLike {
+    get<T = unknown, R = unknown>(url: string, config?: any): Promise<R>;
+    post<T = unknown, R = unknown, D = unknown>(url: string, data?: D, config?: any): Promise<R>;
+}
+/**
+ * 高敏信息解锁接口配置（可选，全局覆盖）
+ */
+export interface PntHighSecurityConfig {
+    /**
+     * 业务级解密接口 URL，覆盖默认 /api/v3/business/game_info/high-security-decrypt?audience=/laas-pnt
+     * @description scope='business'（默认）时使用
+     */
+    decryptUrl?: string;
+    /**
+     * 平台级解密接口 URL，覆盖默认 /api/v3/business/game_info/plat-high-security-decrypt?audience=/laas-pnt
+     * @description scope='platform' 时使用（发布记录页等平台级权限校验场景）
+     */
+    decryptPlatUrl?: string;
+    /** 成功码字段：'code'（默认）或 'ret'（account-business 现状） */
+    successCodeField?: 'code' | 'ret';
+    /** audience 覆盖（默认 /laas-pnt） */
+    audience?: string;
+}
 /**
  * 组件库运行时配置：由消费方通过 PntProvider 注入
  */
 export interface PntConfig {
     /** 消费方已配置好的 axios 实例（含拦截器、鉴权、baseURL 等） */
-    http: AxiosInstance;
+    http: PntHttpLike;
+    /** 高敏信息解锁接口全局配置（可选） */
+    highSecurity?: PntHighSecurityConfig;
 }
 /**
  * 配置 Provider：消费方在应用根入口包裹一次即可

package/lib/esm/config.js

@@ -4,6 +4,17 @@ import { createContext, useContext } from 'react';
  * 统一响应结构（与后端 commonEesType 对齐）
  */
 
+/**
+ * 库所需的最小 HTTP 能力（仅 post）。
+ * 用结构化类型而非直接依赖 AxiosInstance，
+ * 避免与消费方 axios 版本的类型定义强耦合（如 1.13 vs 1.20 的 query 方法差异）。
+ * 任何具备 axios 兼容 post 签名的实例均可注入。
+ */
+
+/**
+ * 高敏信息解锁接口配置（可选，全局覆盖）
+ */
+
 /**
  * 组件库运行时配置：由消费方通过 PntProvider 注入
  */

package/lib/esm/global.d.ts

@@ -28,3 +28,12 @@ declare module '*.json' {
   const value: any;
   export default value;
 }
+
+// use-sync-external-store shim（兼容 React 17，包本身未提供 .d.ts）
+declare module 'use-sync-external-store' {
+  export function useSyncExternalStore<A>(
+    subscribe: (callback: () => void) => () => void,
+    getSnapshot: () => A,
+    getServerSnapshot?: () => A,
+  ): A;
+}

package/lib/esm/hooks/useHighSecurity.d.ts

@@ -1,27 +1,48 @@
+import type { PntHighSecurityConfig } from "../config";
 /** 单个解锁项 */
 export interface HighSecurityParamItem {
     /** 字段标识（与后端约定） */
     key: string;
     /** 参数密文（_high_security_: 前缀） */
     value: string;
+    /**
+     * 缓存别名（可选）
+     * @description 当后端 key 相同但密文不同时（如两组 SDK 密钥），
+     * 用 cacheKey 区分缓存，请求体仍用 key。默认 cacheKey=key
+     */
+    cacheKey?: string;
 }
+/** 单次请求的接口配置覆盖（优先级 > PntProvider 全局配置） */
+export type HighSecurityApiConfig = PntHighSecurityConfig;
+/**
+ * 高敏接口变体
+ * - 'business'（默认）：业务级，走 /api/v3/business/game_info/high-security-decrypt
+ * - 'platform'：平台级（发布记录页场景），走 /api/v3/business/game_info/plat-high-security-decrypt
+ */
+export type HighSecurityScope = 'business' | 'platform';
 /** 高敏数据解锁请求参数（组件层友好命名，库内部转换为后端 snake_case） */
 export interface HighSecurityRequestParams {
     /** 业务 ID */
     gameId: string | number;
-    /** 环境标识（1=dev 2=test 3=prod，以各业务现有约定为准） */
-    env: string | number;
+    /** 环境标识（可缺省，默认 0；以各业务现有约定为准） */
+    env?: string | number;
     /** 页面 ID（不传则默认取 location.pathname），用于操作日志和权限校验 */
     pageId?: string;
     /** 需要解锁的参数列表，支持批量 */
     param: HighSecurityParamItem[];
+    /** 本次请求的接口配置覆盖（可选） */
+    apiConfig?: HighSecurityApiConfig;
+    /** 本次请求的接口变体，覆盖 hook 初始化时的 scope */
+    scope?: HighSecurityScope;
 }
 /** hook 初始化 scope：传入后 securityData/isUnlocked 自动按该业务+环境过滤 */
 export interface UseHighSecurityOptions {
     /** 当前业务 ID */
     gameId?: string | number;
-    /** 当前环境 */
+    /** 当前环境（可缺省，默认 0） */
     env?: string | number;
+    /** 接口变体（默认 'business'）；发布记录页等平台级场景传 'platform' */
+    scope?: HighSecurityScope;
 }
 /** 清缓存过滤条件 */
 export interface ClearSecurityDataFilter {

package/lib/esm/hooks/useHighSecurity.js

@@ -1,9 +1,20 @@
 import { businessGameInfoHighSecurityDecrypt } from "../api";
 import { usePntConfig } from "../config";
-import { useCallback, useMemo, useSyncExternalStore } from 'react';
+import { useCallback, useMemo } from 'react';
+// 使用 use-sync-external-store shim，兼容 React 17（sdk-frontend），
+// React 18+ 亦可直接使用此包（内部会代理到 react 的 useSyncExternalStore）
+import { useSyncExternalStore } from 'use-sync-external-store';
 
 /** 单个解锁项 */
 
+/** 单次请求的接口配置覆盖（优先级 > PntProvider 全局配置） */
+
+/**
+ * 高敏接口变体
+ * - 'business'（默认）：业务级，走 /api/v3/business/game_info/high-security-decrypt
+ * - 'platform'：平台级（发布记录页场景），走 /api/v3/business/game_info/plat-high-security-decrypt
+ */
+
 /** 高敏数据解锁请求参数（组件层友好命名，库内部转换为后端 snake_case） */
 
 /** hook 初始化 scope：传入后 securityData/isUnlocked 自动按该业务+环境过滤 */
@@ -83,12 +94,14 @@ const getDefaultPageId = () => typeof window !== 'undefined' && window.location
  */
 export const useHighSecurity = options => {
   const {
-    http
+    http,
+    highSecurity: globalHighSecurity
   } = usePntConfig();
   const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   const scopeGameId = options?.gameId === undefined ? undefined : String(options.gameId);
   const scopeEnv = options?.env === undefined ? undefined : String(options.env);
   const hasScope = scopeGameId !== undefined && scopeEnv !== undefined;
+  const optionsScope = options?.scope;
   const securityData = useMemo(() => {
     if (!hasScope) return {};
     const prefix = `${scopeGameId}:${scopeEnv}:`;
@@ -109,23 +122,35 @@ export const useHighSecurity = options => {
     gameId,
     env,
     pageId,
-    param
+    param,
+    apiConfig,
+    scope: paramScope
   }) => {
     const gid = String(gameId);
-    const eid = String(env);
+    const eid = String(env ?? 0);
+
+    // 合并接口配置：单次传入 > PntProvider 全局
+    const merged = {
+      ...globalHighSecurity,
+      ...apiConfig
+    };
+    const successCodeField = merged.successCodeField || 'code';
     const result = new Array(param.length);
     const missing = [];
     const missingIndexes = [];
 
-    // 已缓存的 key 不再请求
+    // 已缓存的 key（cacheKey 优先）不再请求
     param.forEach((item, index) => {
-      const cached = snapshot.get(buildCacheKey(gid, eid, item.key));
+      const storeKey = item.cacheKey || item.key;
+      const cached = snapshot.get(buildCacheKey(gid, eid, storeKey));
       if (cached !== undefined) {
         result[index] = {
           key: item.key,
-          value: cached
+          value: cached,
+          cacheKey: storeKey
         };
       } else {
+        // 请求体只用 key/value，不含 cacheKey
         missing.push({
           key: item.key,
           value: item.value
@@ -138,19 +163,25 @@ export const useHighSecurity = options => {
     }
     const body = {
       game_id: Number(gameId),
-      env: Number(env),
+      env: Number(env ?? 0),
       page_id: pageId || getDefaultPageId(),
       param: missing
     };
 
+    // 拼接 URL：按 scope 选择接口变体；decryptUrl/decryptPlatUrl 优先于默认
+    const scope = paramScope ?? optionsScope ?? 'business';
+    const audience = merged.audience || '/laas-pnt';
+    const url = scope === 'platform' ? merged.decryptPlatUrl || `/api/v3/business/game_info/plat-high-security-decrypt?audience=${audience}` : merged.decryptUrl || `/api/v3/business/game_info/high-security-decrypt?audience=${audience}`;
+
     // 请求级并发去重：同一业务+环境+参数列表指纹在途时复用
     const requestKey = `${gid}:${eid}:${missing.map(item => `${item.key}\u0001${item.value}`).join('\u0002')}`;
     const existing = inflightRequests.get(requestKey);
     if (existing) return existing;
     const promise = (async () => {
       try {
-        const res = await businessGameInfoHighSecurityDecrypt(http, body);
-        if (res.code === 0 && Array.isArray(res.data)) {
+        const res = await businessGameInfoHighSecurityDecrypt(http, body, url);
+        const successCode = Number(res[successCodeField] ?? res.code);
+        if (successCode === 0 && Array.isArray(res.data)) {
           // yapi 生成类型为 Record<string, unknown>[]，按运行时结构收窄
           const decrypted = res.data.map(raw => {
             if (raw && typeof raw === 'object' && 'key' in raw) {
@@ -164,14 +195,24 @@ export const useHighSecurity = options => {
             }
             return null;
           }).filter(item => item !== null);
-          setEntries(gid, eid, decrypted);
+          // 写入缓存时用调用方提供的 cacheKey 映射
+          const toStore = decrypted.map(d => {
+            const matchIdx = missingIndexes.find(i => param[i].key === d.key);
+            const storeKey = matchIdx !== undefined ? param[matchIdx].cacheKey || d.key : d.key;
+            return {
+              key: d.key,
+              value: d.value,
+              cacheKey: storeKey
+            };
+          });
+          setEntries(gid, eid, toStore);
           decrypted.forEach(item => {
             const index = missingIndexes.find(i => param[i].key === item.key);
             if (index !== undefined) result[index] = item;
           });
         } else {
           // eslint-disable-next-line no-console
-          console.warn('[pnt-component-frontend] high-security-decrypt 解锁失败', res?.msg ?? res?.code);
+          console.warn('[pnt-component-frontend] high-security-decrypt 解锁失败', res?.msg ?? res[successCodeField]);
         }
       } catch (error) {
         // eslint-disable-next-line no-console
@@ -183,7 +224,7 @@ export const useHighSecurity = options => {
     })();
     inflightRequests.set(requestKey, promise);
     return promise;
-  }, [http, snapshot]);
+  }, [http, snapshot, globalHighSecurity, optionsScope]);
   const clearSecurityData = useCallback(filter => {
     clearEntries(filter);
   }, []);

package/lib/esm/index.d.ts

@@ -1,4 +1,4 @@
-export { PntProvider, usePntConfig, type PntConfig, type commonEesType, } from './config';
+export { PntProvider, usePntConfig, type PntConfig, type PntHttpLike, type PntHighSecurityConfig, type commonEesType, } from './config';
 export { default as PntImage } from './components/PntImage';
 export { default as PntBusinessSelect } from './components/PntBusinessSelect';
 export { default as PntSecureBox } from './components/PntSecureBox';
@@ -6,6 +6,6 @@ export { default as PntUpload } from './components/PntUpload';
 export type { PntUploadErrorPhase, PntUploadProps, PntUploadTexts, } from './components/PntUpload';
 export { createPntCosUploader, normalizeSnakeCredential, default as usePntCosUploader, type CosScene, type FileNameStrategy, type GetCosCredentialParams, type NormalizeCredential, type NormalizedCosCredential, type PntCosRequestOverrides, type PntCosUploadOptions, type PntCosUploadResult, type PntCosUploader as PntCosUploaderInstance, } from './components/PntCosUploader';
 export { useHighSecurity } from './hooks/useHighSecurity';
-export type { ClearSecurityDataFilter, HighSecurityParamItem, HighSecurityRequestParams, UseHighSecurityOptions, UseHighSecurityResult, } from './hooks/useHighSecurity';
+export type { ClearSecurityDataFilter, HighSecurityApiConfig, HighSecurityParamItem, HighSecurityRequestParams, HighSecurityScope, UseHighSecurityOptions, UseHighSecurityResult, } from './hooks/useHighSecurity';
 export { isSecurityData } from './utils';
 export { default as PntGeneralLayout } from './components/PntGeneralLayout';

package/lib/umd/pnt-component-frontend.min.css

@@ -1 +1 @@
-.pnt-image-wrapper{position:relative}.pnt-image-wrapper .pnt-image-progress,.pnt-image-wrapper .pnt-image-upload-progress{align-items:center;display:flex;height:8.5rem;justify-content:center;width:8.5rem}.pnt-image-wrapper .pnt-image-progress .pnt-image-loading,.pnt-image-wrapper .pnt-image-upload-progress .pnt-image-loading{align-items:center;background-color:#f7f8fa;border-radius:.25rem;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.pnt-image-wrapper .pnt-image-progress .pnt-image-loading svg,.pnt-image-wrapper .pnt-image-upload-progress .pnt-image-loading svg{color:var(--td-brand-color);font-size:1.5rem}.pnt-image-wrapper .pnt-image-progress .pnt-image-loading p,.pnt-image-wrapper .pnt-image-upload-progress .pnt-image-loading p{color:#808191;font-size:.75rem;margin-top:.25rem}.pnt-image-wrapper .pnt-image{height:8.5rem;width:8.5rem}.pnt-image-wrapper .pnt-image .pnt-image-mask{align-items:center;background:rgba(0,0,0,.6);color:#fff;display:flex;height:100%;justify-content:center}.pnt-image-wrapper .pnt-image .pnt-image-mask--basic{cursor:pointer}.pnt-image-wrapper .pnt-image .pnt-image-mask .pnt-image-divider{border-left:.0625rem solid var(--td-text-color-anti);height:var(--td-comp-size-xxxs);margin:0 var(--td-comp-margin-l)}.pnt-business-select{width:100%}.pnt-business-select-option-label{display:block;width:100%}.pnt-business-select-popup .t-popup__content .t-loading,.pnt-business-select-popup .t-popup__content .total-wrapper{align-items:center;display:flex;font-weight:400;height:2.25rem;line-height:1.25rem;padding:0 .875rem}.pnt-business-select-popup .t-popup__content .total-wrapper{color:#808191;font-size:.875rem}.pnt-secure-box{color:#333;max-width:-moz-fit-content;max-width:fit-content;position:relative}.pnt-secure-box .view-icon{color:#3f8cff!important;cursor:pointer;font-size:small;position:absolute;right:-1.875rem;top:.0625rem}.pnt-secure-box .security-value{position:relative;top:.1875rem}.pnt-upload{display:inline-block}.pnt-upload .pnt-upload__trigger{cursor:pointer;display:inline-block}.pnt-upload .pnt-upload__error{color:#d54941;color:var(--td-error-color,#d54941);font-size:.75rem;line-height:1.25rem;margin:.25rem 0 0}.pnt-upload--disabled .pnt-upload__trigger{cursor:not-allowed}.pnt-upload .pnt-upload-file{background-color:#fff;background-color:var(--td-bg-color-container,#fff);border:.0625rem dashed #dcdcdc;border:.0625rem dashed var(--td-component-border,#dcdcdc);border-radius:.375rem;border-radius:var(--td-radius-default,6px);box-sizing:border-box;min-width:20rem;padding:.75rem 1rem;transition:border-color .2s}.pnt-upload .pnt-upload-file:hover{border-color:#165dff;border-color:var(--td-brand-color,#165dff)}.pnt-upload .pnt-upload-file__row{align-items:center;color:#1f2329;color:var(--td-text-color-primary,#1f2329);display:flex;font-size:.875rem;gap:.5rem;line-height:1.375rem}.pnt-upload .pnt-upload-file__row--empty{color:#6b7280;color:var(--td-text-color-secondary,#6b7280);justify-content:flex-start}.pnt-upload .pnt-upload-file__row--progress{align-items:center}.pnt-upload .pnt-upload-file__icon{color:#6b7280;color:var(--td-text-color-secondary,#6b7280);flex:none;font-size:1.25rem}.pnt-upload .pnt-upload-file__name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnt-upload .pnt-upload-file__delete{color:#6b7280;color:var(--td-text-color-secondary,#6b7280);cursor:pointer;flex:none;font-size:1.125rem}.pnt-upload .pnt-upload-file__delete:hover{color:#d54941;color:var(--td-error-color,#d54941)}.pnt-upload .pnt-upload-file__progress{flex:1 1;min-width:0}.pnt-upload .pnt-upload-file__percent{color:#6b7280;color:var(--td-text-color-secondary,#6b7280);flex:none;font-size:.75rem}.pnt-upload--disabled .pnt-upload-file{background-color:#f3f3f3;background-color:var(--td-bg-color-component-disabled,#f3f3f3)}.pnt-upload--disabled .pnt-upload-file:hover{border-color:#dcdcdc;border-color:var(--td-component-border,#dcdcdc)}.pnt-general-layout{--pnt-layout-body-padding:1.5rem;--pnt-layout-card-radius:0.25rem;background-color:transparent;height:100%}.pnt-general-layout .t-layout__header{align-items:stretch;border-bottom:.0625rem solid #f0f3f6;display:flex;flex-shrink:0;height:auto;justify-content:space-between}.pnt-general-layout .t-layout__header .header-title{align-items:center;display:inline-flex;padding:1.5rem}.pnt-general-layout .t-layout__header .header-title .goback-icon{color:#3f8cff;cursor:pointer;margin-right:.75rem}.pnt-general-layout .t-layout__header .header-title .title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.pnt-general-layout .t-layout__header .header-operation{align-items:center;display:flex;padding-right:1.5rem}.pnt-general-layout .t-layout__header .header-operation .t-button+.t-button{margin-left:.75rem}.pnt-general-layout--borderless .t-layout__header{border-bottom:none}.pnt-general-layout .general-layout-sub-header{border-bottom:.0625rem solid #f0f3f6;flex-shrink:0}.pnt-general-layout .general-layout-body{background:#fafafa;flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--pnt-layout-body-padding)}.pnt-general-layout .general-layout-body>div.t-card,.pnt-general-layout .general-layout-body>div.t-loading__parent>div.t-card,.pnt-general-layout .general-layout-body>div.tea-card,.pnt-general-layout .general-layout-body>div[class*=-block],.pnt-general-layout .general-layout-body>div[class*=-wrapper]{border-radius:var(--pnt-layout-card-radius);box-shadow:none;margin-bottom:1.5rem}.pnt-general-layout .general-layout-body>div.t-card .t-card__body,.pnt-general-layout .general-layout-body>div.t-loading__parent>div.t-card .t-card__body,.pnt-general-layout .general-layout-body>div.tea-card .t-card__body,.pnt-general-layout .general-layout-body>div[class*=-block] .t-card__body,.pnt-general-layout .general-layout-body>div[class*=-wrapper] .t-card__body{border-radius:var(--pnt-layout-card-radius)}.pnt-general-layout .general-layout-body>div.t-loading__parent>div:last-child.t-card,.pnt-general-layout .general-layout-body>div:last-child,.pnt-general-layout .general-layout-body>div:last-child.t-card,.pnt-general-layout .general-layout-body>div:last-child.tea-card,.pnt-general-layout .general-layout-body>div:last-child[class*=-block],.pnt-general-layout .general-layout-body>div:last-child[class*=-wrapper]{margin-bottom:0}.pnt-general-layout .t-layout__footer{background:#fff;border-top:.0625rem solid #f0f3f6;flex-shrink:0;padding:1.125rem 1.5rem}.pnt-general-layout .t-layout__footer .t-button{font-size:.875rem;font-weight:600;height:2.25rem;min-width:5.75rem}.pnt-general-layout .t-layout__footer .t-button+.t-button{margin-left:.75rem}.pnt-general-layout--footer-auto .t-layout__footer .t-button{font-size:inherit;font-weight:inherit;height:auto;min-width:0}
+.pnt-image-wrapper{position:relative}.pnt-image-wrapper .pnt-image-progress,.pnt-image-wrapper .pnt-image-upload-progress{align-items:center;display:flex;height:8.5rem;justify-content:center;width:8.5rem}.pnt-image-wrapper .pnt-image-progress .pnt-image-loading,.pnt-image-wrapper .pnt-image-upload-progress .pnt-image-loading{align-items:center;background-color:#f7f8fa;border-radius:.25rem;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.pnt-image-wrapper .pnt-image-progress .pnt-image-loading svg,.pnt-image-wrapper .pnt-image-upload-progress .pnt-image-loading svg{color:var(--td-brand-color);font-size:1.5rem}.pnt-image-wrapper .pnt-image-progress .pnt-image-loading p,.pnt-image-wrapper .pnt-image-upload-progress .pnt-image-loading p{color:#808191;font-size:.75rem;margin-top:.25rem}.pnt-image-wrapper .pnt-image{height:8.5rem;width:8.5rem}.pnt-image-wrapper .pnt-image .pnt-image-mask{align-items:center;background:rgba(0,0,0,.6);color:#fff;display:flex;height:100%;justify-content:center}.pnt-image-wrapper .pnt-image .pnt-image-mask--basic{cursor:pointer}.pnt-image-wrapper .pnt-image .pnt-image-mask .pnt-image-divider{border-left:.0625rem solid var(--td-text-color-anti);height:var(--td-comp-size-xxxs);margin:0 var(--td-comp-margin-l)}.pnt-business-select{width:100%}.pnt-business-select-option-label{display:block;width:100%}.pnt-business-select-popup .t-popup__content .t-loading,.pnt-business-select-popup .t-popup__content .total-wrapper{align-items:center;display:flex;font-weight:400;height:2.25rem;line-height:1.25rem;padding:0 .875rem}.pnt-business-select-popup .t-popup__content .total-wrapper{color:#808191;font-size:.875rem}.pnt-secure-box{color:#333;max-width:-moz-fit-content;max-width:fit-content;position:relative}.pnt-secure-box .copy-icon,.pnt-secure-box .view-icon{color:#3f8cff!important;cursor:pointer;font-size:small;position:absolute;right:-1.875rem;top:.0625rem}.pnt-secure-box .security-value{position:relative;top:.1875rem}.pnt-upload{display:inline-block}.pnt-upload .pnt-upload__trigger{cursor:pointer;display:inline-block}.pnt-upload .pnt-upload__error{color:#d54941;color:var(--td-error-color,#d54941);font-size:.75rem;line-height:1.25rem;margin:.25rem 0 0}.pnt-upload--disabled .pnt-upload__trigger{cursor:not-allowed}.pnt-upload .pnt-upload-file{background-color:#fff;background-color:var(--td-bg-color-container,#fff);border:.0625rem dashed #dcdcdc;border:.0625rem dashed var(--td-component-border,#dcdcdc);border-radius:.375rem;border-radius:var(--td-radius-default,6px);box-sizing:border-box;min-width:20rem;padding:.75rem 1rem;transition:border-color .2s}.pnt-upload .pnt-upload-file:hover{border-color:#165dff;border-color:var(--td-brand-color,#165dff)}.pnt-upload .pnt-upload-file__row{align-items:center;color:#1f2329;color:var(--td-text-color-primary,#1f2329);display:flex;font-size:.875rem;gap:.5rem;line-height:1.375rem}.pnt-upload .pnt-upload-file__row--empty{color:#6b7280;color:var(--td-text-color-secondary,#6b7280);justify-content:flex-start}.pnt-upload .pnt-upload-file__row--progress{align-items:center}.pnt-upload .pnt-upload-file__icon{color:#6b7280;color:var(--td-text-color-secondary,#6b7280);flex:none;font-size:1.25rem}.pnt-upload .pnt-upload-file__name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnt-upload .pnt-upload-file__delete{color:#6b7280;color:var(--td-text-color-secondary,#6b7280);cursor:pointer;flex:none;font-size:1.125rem}.pnt-upload .pnt-upload-file__delete:hover{color:#d54941;color:var(--td-error-color,#d54941)}.pnt-upload .pnt-upload-file__progress{flex:1 1;min-width:0}.pnt-upload .pnt-upload-file__percent{color:#6b7280;color:var(--td-text-color-secondary,#6b7280);flex:none;font-size:.75rem}.pnt-upload--disabled .pnt-upload-file{background-color:#f3f3f3;background-color:var(--td-bg-color-component-disabled,#f3f3f3)}.pnt-upload--disabled .pnt-upload-file:hover{border-color:#dcdcdc;border-color:var(--td-component-border,#dcdcdc)}.pnt-general-layout{--pnt-layout-body-padding:1.5rem;--pnt-layout-card-radius:0.25rem;background-color:transparent;height:100%}.pnt-general-layout .t-layout__header{align-items:stretch;border-bottom:.0625rem solid #f0f3f6;display:flex;flex-shrink:0;height:auto;justify-content:space-between}.pnt-general-layout .t-layout__header .header-title{align-items:center;display:inline-flex;padding:1.5rem}.pnt-general-layout .t-layout__header .header-title .goback-icon{color:#3f8cff;cursor:pointer;margin-right:.75rem}.pnt-general-layout .t-layout__header .header-title .title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.pnt-general-layout .t-layout__header .header-operation{align-items:center;display:flex;padding-right:1.5rem}.pnt-general-layout .t-layout__header .header-operation .t-button+.t-button{margin-left:.75rem}.pnt-general-layout--borderless .t-layout__header{border-bottom:none}.pnt-general-layout .general-layout-sub-header{border-bottom:.0625rem solid #f0f3f6;flex-shrink:0}.pnt-general-layout .general-layout-body{background:#fafafa;flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--pnt-layout-body-padding)}.pnt-general-layout .general-layout-body>div.t-card,.pnt-general-layout .general-layout-body>div.t-loading__parent>div.t-card,.pnt-general-layout .general-layout-body>div.tea-card,.pnt-general-layout .general-layout-body>div[class*=-block],.pnt-general-layout .general-layout-body>div[class*=-wrapper]{border-radius:var(--pnt-layout-card-radius);box-shadow:none;margin-bottom:1.5rem}.pnt-general-layout .general-layout-body>div.t-card .t-card__body,.pnt-general-layout .general-layout-body>div.t-loading__parent>div.t-card .t-card__body,.pnt-general-layout .general-layout-body>div.tea-card .t-card__body,.pnt-general-layout .general-layout-body>div[class*=-block] .t-card__body,.pnt-general-layout .general-layout-body>div[class*=-wrapper] .t-card__body{border-radius:var(--pnt-layout-card-radius)}.pnt-general-layout .general-layout-body>div.t-loading__parent>div:last-child.t-card,.pnt-general-layout .general-layout-body>div:last-child,.pnt-general-layout .general-layout-body>div:last-child.t-card,.pnt-general-layout .general-layout-body>div:last-child.tea-card,.pnt-general-layout .general-layout-body>div:last-child[class*=-block],.pnt-general-layout .general-layout-body>div:last-child[class*=-wrapper]{margin-bottom:0}.pnt-general-layout .t-layout__footer{background:#fff;border-top:.0625rem solid #f0f3f6;flex-shrink:0;padding:1.125rem 1.5rem}.pnt-general-layout .t-layout__footer .t-button{font-size:.875rem;font-weight:600;height:2.25rem;min-width:5.75rem}.pnt-general-layout .t-layout__footer .t-button+.t-button{margin-left:.75rem}.pnt-general-layout--footer-auto .t-layout__footer .t-button{font-size:inherit;font-weight:inherit;height:auto;min-width:0}