@pnt-team/pnt-component-frontend 0.0.132 → 0.0.134

package/lib/esm/components/PntTable/useTableCore.js

@@ -0,0 +1,499 @@
+/**
+ * useTableCore — PntTable 核心逻辑
+ *
+ * 负责：请求顺序控制、排序三态、筛选草稿/生效分离、多选三态、分页越界校验、7 种状态管理。
+ * 纯 React Hook，不依赖 TDesign DOM，方便单测和版本降级。
+ */
+
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
+// ============================================================
+// 内部类型
+// ============================================================
+
+// ============================================================
+// 请求顺序控制
+// ============================================================
+
+class RequestManager {
+  requestIdCounter = 0;
+  abortController = null;
+  nextId() {
+    // 取消上一请求
+    if (this.abortController) {
+      try {
+        this.abortController.abort();
+      } catch {
+        /* noop */
+      }
+    }
+    this.abortController = new AbortController();
+    return ++this.requestIdCounter;
+  }
+  isLatest(id) {
+    return id === this.requestIdCounter;
+  }
+  abortCurrent() {
+    if (this.abortController) {
+      try {
+        this.abortController.abort();
+      } catch {
+        /* noop */
+      }
+      this.abortController = null;
+    }
+  }
+}
+
+// ============================================================
+// 排序三态循环（TBL-04.01）
+// ============================================================
+
+export function cycleSort(currentField, currentDir, targetField) {
+  if (currentField !== targetField) {
+    // 切换字段：从升序开始，清上一列
+    return {
+      field: targetField,
+      direction: 'asc'
+    };
+  }
+  // 同字段：三态循环
+  if (currentDir === undefined || currentDir === null) return {
+    field: targetField,
+    direction: 'asc'
+  };
+  if (currentDir === 'asc') return {
+    field: targetField,
+    direction: 'desc'
+  };
+  // 第三态：清除排序
+  return null;
+}
+
+// ============================================================
+// 分页越界校验（TBL-07.04）
+// ============================================================
+
+export function clampPage(page, total, pageSize) {
+  const maxPage = Math.max(1, Math.ceil(total / pageSize));
+  if (page < 1) return 1;
+  if (page > maxPage) return maxPage;
+  return page;
+}
+export function validateJumpPage(page, total, pageSize) {
+  const maxPage = Math.max(1, Math.ceil(total / pageSize));
+  if (!Number.isInteger(page) || page < 1 || page > maxPage) {
+    return `请输入 1–${maxPage} 的整数页码`;
+  }
+  return null;
+}
+
+// ============================================================
+// 互斥校验（TBL-01.03）
+// ============================================================
+
+export function validateColumnConflicts(columns) {
+  const errors = [];
+  columns.forEach(col => {
+    if (col.sort && col.headerFilter) {
+      errors.push(`[PntTable] 列 "${col.key}" 同时配置了 sort 和 headerFilter，违反 TBL-01.03 互斥规则。` + ` 如需该字段同时排序+筛选，表头保留 sort，筛选移至 externalFilter（独立查询区）。`);
+    }
+  });
+  return errors;
+}
+
+// ============================================================
+// 核心 Hook
+// ============================================================
+
+export function useTableCore(props) {
+  const {
+    tableId,
+    rowKey,
+    columns,
+    dataMode,
+    fetcher,
+    data: clientData,
+    total: clientTotal,
+    initialPage = 1,
+    pageSize: initialPageSize = 10,
+    businessId,
+    env,
+    timezone,
+    onQueryChange,
+    onSelectionChange,
+    selectable = false,
+    currentPageOnly = true
+  } = props;
+  const reqMgrRef = useRef(new RequestManager());
+  const [requestId, setRequestId] = useState(0);
+  const [state, setState] = useState(() => {
+    const initialRows = dataMode === 'client' ? clientData ?? [] : [];
+    return {
+      data: initialRows,
+      total: dataMode === 'client' ? clientTotal ?? clientData?.length ?? 0 : 0,
+      status: dataMode === 'client' ? initialRows.length === 0 ? 'empty' : 'normal' : 'loading',
+      error: null,
+      sort: null,
+      appliedFilters: {},
+      page: initialPage,
+      pageSize: initialPageSize,
+      selection: new Set()
+    };
+  });
+
+  // client 模式：props.data 变化时同步行数据，并重算空态
+  useEffect(() => {
+    if (dataMode !== 'client') return;
+    const rows = clientData ?? [];
+    setState(prev => {
+      const hasAppliedFilter = Object.values(prev.appliedFilters).some(v => v !== undefined && v !== null && v !== '');
+      return {
+        ...prev,
+        data: rows,
+        total: clientTotal ?? rows.length,
+        status: rows.length === 0 ? hasAppliedFilter ? 'empty-with-filter' : 'empty' : 'normal',
+        error: null
+      };
+    });
+  }, [dataMode, clientData, clientTotal]);
+  const setStatePartial = useCallback(patch => {
+    setState(prev => ({
+      ...prev,
+      ...patch
+    }));
+  }, []);
+
+  // ============================================================
+  // 数据获取
+  // ============================================================
+
+  const triggerFetch = useCallback(async (trigger, snapshot) => {
+    if (dataMode !== 'server' || !fetcher) return;
+    const thisReqId = reqMgrRef.current.nextId();
+    const query = {
+      query: {},
+      // 独立查询区（组件不维护，由业务项目维护并透传）
+      filters: snapshot.appliedFilters,
+      sort: snapshot.sort,
+      page: snapshot.page,
+      pageSize: snapshot.pageSize,
+      businessId,
+      env,
+      timezone
+    };
+    onQueryChange?.(query, {
+      tableId,
+      trigger,
+      requestId: thisReqId
+    });
+    setStatePartial({
+      status: snapshot.page > 1 || requestId > 0 ? 'refreshing' : 'loading'
+    });
+    try {
+      const res = await fetcher(query);
+
+      // 旧请求晚到 → 丢弃（TBL-09.06）
+      if (!reqMgrRef.current.isLatest(thisReqId)) return;
+      if (res.noPermission) {
+        setStatePartial({
+          status: 'no-permission',
+          error: null,
+          data: [],
+          total: 0
+        });
+        setRequestId(thisReqId);
+        return;
+      }
+      if (res.code !== undefined && res.code !== 0) {
+        // 文案由组件层按 locale/texts 兜底，core 只透传原始错误信息
+        setStatePartial({
+          status: 'error',
+          error: res.msg || ''
+        });
+        setRequestId(thisReqId);
+        return;
+      }
+      const rows = res.rows ?? [];
+      setStatePartial({
+        data: rows,
+        total: res.total ?? rows.length,
+        status: rows.length === 0 ? Object.values(snapshot.appliedFilters).some(v => v !== undefined && v !== null && v !== '') ? 'empty-with-filter' : 'empty' : 'normal',
+        error: null
+      });
+      setRequestId(thisReqId);
+    } catch (err) {
+      if (!reqMgrRef.current.isLatest(thisReqId)) return;
+      if (err?.name === 'AbortError') return;
+      setStatePartial({
+        status: 'error',
+        error: err?.message || ''
+      });
+      setRequestId(thisReqId);
+    }
+  }, [dataMode, fetcher, tableId, businessId, env, timezone, onQueryChange, requestId, setStatePartial]);
+
+  // 初始加载
+  useEffect(() => {
+    if (dataMode === 'server' && fetcher) {
+      const page = initialPage;
+      const pageSize = state.pageSize;
+      setStatePartial({
+        page,
+        pageSize
+      });
+      triggerFetch('initial', {
+        sort: null,
+        appliedFilters: {},
+        page,
+        pageSize
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [tableId, dataMode]);
+
+  // ============================================================
+  // 排序
+  // ============================================================
+
+  const toggleSort = useCallback(field => {
+    if (dataMode !== 'server') return;
+    const col = columns.find(c => c.key === field);
+    if (!col || col.sort === false) return;
+    setState(prev => {
+      const newSort = cycleSort(prev.sort?.field ?? null, prev.sort?.direction, field);
+      const clearedSelection = currentPageOnly ? new Set() : prev.selection;
+      const clearedPage = prev.sort?.field !== field ? prev.page : prev.page; // 换字段才回 1
+      const newPage = newSort ? 1 : clearedPage; // 有排序就回 1（TBL-04.05）
+
+      // 翻页/排序变更回 1 页 + 清勾选
+      const next = {
+        ...prev,
+        sort: newSort,
+        page: newPage,
+        selection: clearedSelection
+      };
+      if (newSort) {
+        triggerFetch('sort', {
+          sort: newSort,
+          appliedFilters: next.appliedFilters,
+          page: newPage,
+          pageSize: next.pageSize
+        });
+      } else if (prev.sort) {
+        // 第三态清除排序
+        triggerFetch('sort', {
+          sort: null,
+          appliedFilters: next.appliedFilters,
+          page: newPage,
+          pageSize: next.pageSize
+        });
+      }
+      return next;
+    });
+  }, [dataMode, columns, triggerFetch, currentPageOnly]);
+
+  // ============================================================
+  // 筛选（草稿/生效分离）
+  // ============================================================
+
+  const applyFilters = useCallback(filters => {
+    // 归一化：空多选归一为不限（TBL-05.03）
+    const normalized = {};
+    Object.entries(filters).forEach(([k, v]) => {
+      if (Array.isArray(v) && v.length === 0) return;
+      if (v === undefined || v === null || v === '') return;
+      normalized[k] = v;
+    });
+    setState(prev => {
+      const clearedSelection = currentPageOnly ? new Set() : prev.selection;
+      const next = {
+        ...prev,
+        appliedFilters: normalized,
+        page: 1,
+        // 筛选变更回 1 页（TBL-04.05）
+        selection: clearedSelection
+      };
+      triggerFetch('filter', {
+        sort: next.sort,
+        appliedFilters: normalized,
+        page: 1,
+        pageSize: next.pageSize
+      });
+      return next;
+    });
+  }, [triggerFetch, currentPageOnly]);
+  const resetFilters = useCallback(() => {
+    setState(prev => {
+      const clearedSelection = currentPageOnly ? new Set() : prev.selection;
+      const next = {
+        ...prev,
+        appliedFilters: {},
+        page: 1,
+        selection: clearedSelection
+      };
+      triggerFetch('reset', {
+        sort: next.sort,
+        appliedFilters: {},
+        page: 1,
+        pageSize: next.pageSize
+      });
+      return next;
+    });
+  }, [triggerFetch, currentPageOnly]);
+
+  // ============================================================
+  // 分页
+  // ============================================================
+
+  const setPage = useCallback(page => {
+    if (dataMode !== 'server') return;
+    setState(prev => {
+      const validated = clampPage(page, prev.total, prev.pageSize);
+      if (validated === prev.page) return prev;
+      const clearedSelection = currentPageOnly ? new Set() : prev.selection;
+      const next = {
+        ...prev,
+        page: validated,
+        selection: clearedSelection
+      };
+      triggerFetch('pagination', {
+        sort: next.sort,
+        appliedFilters: next.appliedFilters,
+        page: validated,
+        pageSize: next.pageSize
+      });
+      return next;
+    });
+  }, [dataMode, triggerFetch, currentPageOnly]);
+  const setPageSize = useCallback(size => {
+    if (dataMode !== 'server') return;
+    setState(prev => {
+      if (size === prev.pageSize) return prev;
+      const clearedSelection = currentPageOnly ? new Set() : prev.selection;
+      // pageSize 变更回 1 页（TBL-07.02）
+      const next = {
+        ...prev,
+        pageSize: size,
+        page: 1,
+        selection: clearedSelection
+      };
+      triggerFetch('page-size', {
+        sort: next.sort,
+        appliedFilters: next.appliedFilters,
+        page: 1,
+        pageSize: size
+      });
+      return next;
+    });
+  }, [dataMode, triggerFetch, currentPageOnly]);
+
+  // ============================================================
+  // 多选（三态）
+  // ============================================================
+
+  const toggleRow = useCallback((key, selected) => {
+    if (!selectable) return;
+    setState(prev => {
+      const next = new Set(prev.selection);
+      if (selected) next.add(key);else next.delete(key);
+      const selArr = Array.from(next);
+      onSelectionChange?.(selArr, {
+        tableId,
+        pageKeys: prev.data.map(r => String(r[rowKey])),
+        disabledKeys: [],
+        trigger: 'select'
+      });
+      return {
+        ...prev,
+        selection: next
+      };
+    });
+  }, [selectable, onSelectionChange, tableId, rowKey]);
+  const selectAllOnPage = useCallback((rowKeys, disabledKeys) => {
+    if (!selectable) return;
+    const selectableKeys = rowKeys.filter(k => !disabledKeys.includes(k));
+    setState(prev => {
+      const allSelected = selectableKeys.every(k => prev.selection.has(k));
+      const next = new Set(prev.selection);
+      if (allSelected) {
+        selectableKeys.forEach(k => next.delete(k));
+      } else {
+        selectableKeys.forEach(k => next.add(k));
+      }
+      const selArr = Array.from(next);
+      onSelectionChange?.(selArr, {
+        tableId,
+        pageKeys: rowKeys,
+        disabledKeys,
+        trigger: allSelected ? 'select-all' : 'select-all'
+      });
+      return {
+        ...prev,
+        selection: next
+      };
+    });
+  }, [selectable, onSelectionChange, tableId]);
+  const clearSelection = useCallback(() => {
+    setState(prev => ({
+      ...prev,
+      selection: new Set()
+    }));
+    onSelectionChange?.([], {
+      tableId,
+      pageKeys: [],
+      disabledKeys: [],
+      trigger: 'reset'
+    });
+  }, [onSelectionChange, tableId]);
+  const isAllSelectedOnPage = useCallback((rowKeys, disabledKeys) => {
+    const selectableKeys = rowKeys.filter(k => !disabledKeys.includes(k));
+    if (selectableKeys.length === 0) return false;
+    return selectableKeys.every(k => state.selection.has(k));
+  }, [state.selection]);
+  const isIndeterminateOnPage = useCallback((rowKeys, disabledKeys) => {
+    const selectableKeys = rowKeys.filter(k => !disabledKeys.includes(k));
+    if (selectableKeys.length === 0) return false;
+    const selectedCount = selectableKeys.filter(k => state.selection.has(k)).length;
+    return selectedCount > 0 && selectedCount < selectableKeys.length;
+  }, [state.selection]);
+  const refresh = useCallback(() => {
+    setState(prev => {
+      const clearedSelection = currentPageOnly ? new Set() : prev.selection;
+      const next = {
+        ...prev,
+        selection: clearedSelection
+      };
+      triggerFetch('reset', {
+        sort: next.sort,
+        appliedFilters: next.appliedFilters,
+        page: next.page,
+        pageSize: next.pageSize
+      });
+      return next;
+    });
+  }, [triggerFetch, currentPageOnly]);
+  return useMemo(() => ({
+    data: state.data,
+    total: state.total,
+    status: state.status,
+    error: state.error,
+    sort: state.sort,
+    appliedFilters: state.appliedFilters,
+    page: state.page,
+    pageSize: state.pageSize,
+    selection: Array.from(state.selection),
+    requestId,
+    toggleSort,
+    applyFilters,
+    resetFilters,
+    setPage,
+    setPageSize,
+    toggleRow,
+    selectAllOnPage,
+    clearSelection,
+    refresh,
+    isAllSelectedOnPage,
+    isIndeterminateOnPage
+  }), [state, requestId, toggleSort, applyFilters, resetFilters, setPage, setPageSize, toggleRow, selectAllOnPage, clearSelection, refresh, isAllSelectedOnPage, isIndeterminateOnPage]);
+}

package/lib/esm/index.d.ts

@@ -1,5 +1,8 @@
 export { PntProvider, usePntConfig, type PntConfig, type PntHighSecurityConfig, type PntHttpLike, type PntRegionQueryConfig, type commonEesType, } from './config';
 export { default as PntImage } from './components/PntImage';
+export { default as PntTable } from './components/PntTable';
+export type { PntSortDirection, PntSortInfo, PntTableColumn, PntTableDataMode, PntTableFetcher, PntTableFilterConfig as PntTableFilterConfigItem, PntTableLocale, PntTableProps, PntTableQuery, PntTableQueryMeta, PntTableQueryTrigger, PntTableRef, PntTableResponse, PntTableSelectConfig, PntTableSelectionMeta, PntTableStatus, PntTableTexts, PntTableTheme, PntFilterOption, } from './components/PntTable/types';
+export { PNT_TABLE_DEFAULT_TEXTS, PNT_TABLE_EN_TEXTS, getPntTableTextsByLocale, } from './components/PntTable/types';
 export { default as PntBusinessSelect } from './components/PntBusinessSelect';
 export { default as PntRegionSelect, normalizeRegionCode, } from './components/PntRegionSelect';
 export { DEFAULT_TEXTS, EN_TEXTS, getTextsByLocale, } from './components/PntRegionSelect/types';

package/lib/esm/index.js

@@ -10,6 +10,8 @@ export { PntProvider, usePntConfig } from "./config";
 
 // ---------- L1 基础展示组件 ----------
 export { default as PntImage } from "./components/PntImage";
+export { default as PntTable } from "./components/PntTable";
+export { PNT_TABLE_DEFAULT_TEXTS, PNT_TABLE_EN_TEXTS, getPntTableTextsByLocale } from "./components/PntTable/types";
 
 // ---------- L2 业务复合组件 ----------
 export { default as PntBusinessSelect } from "./components/PntBusinessSelect";

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-region-select{width:100%}.pnt-region-select__toolbar{align-items:center;background:#fff;background:var(--td-bg-color-container,#fff);border-bottom:.0625rem solid #e7e7e7;border-bottom:.0625rem solid var(--td-component-border,#e7e7e7);display:flex;justify-content:space-between;padding:.5rem .75rem}.pnt-region-select__invert{color:#0052d9;color:var(--td-brand-color,#0052d9);cursor:pointer;font-size:.75rem;margin-left:.75rem;margin-right:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pnt-region-select__invert:hover{color:#2667d4;color:var(--td-brand-color-hover,#2667d4)}.pnt-region-select__count{color:#999;color:var(--td-text-color-secondary,#999);font-size:.75rem;margin-left:auto}.pnt-region-select__invert+.pnt-region-select__count{margin-left:0}.pnt-region-select__empty{color:#999;color:var(--td-text-color-secondary,#999);font-size:.875rem;padding:1rem;text-align:center}.pnt-region-select__import-wrapper{align-items:center;display:flex;position:relative;width:22.5rem}.pnt-region-select__import-wrapper .pnt-region-select{flex:1 1}.pnt-region-select__import-btn{flex-shrink:0;position:absolute;right:2rem;z-index:1}.pnt-region-select-popup .t-select__list{padding-top:0}.pnt-region-import__tip{color:#999;color:var(--td-text-color-secondary,#999);font-size:.75rem;margin-bottom:.5rem}.pnt-region-import__result{margin-top:.75rem}.pnt-region-import__summary{align-items:center;display:flex;font-size:.75rem;gap:.25rem;margin-bottom:.5rem}.pnt-region-import__summary-item--unmatched{color:#d54941;color:var(--td-error-color,#d54941)}.pnt-region-import__summary-item--pending{color:#2ba471;color:var(--td-success-color,#2ba471)}.pnt-region-import__summary-item--exists{color:#999;color:var(--td-text-color-secondary,#999)}.pnt-region-import__summary-dot{color:#bbb;color:var(--td-text-color-placeholder,#bbb)}.pnt-region-import__copy-btn{height:1.25rem;padding:0 .25rem}.pnt-region-import__table{border:.0625rem solid #e7e7e7;border:.0625rem solid var(--td-component-border,#e7e7e7);border-radius:.25rem;overflow:hidden}.pnt-region-import__table-head{background:#f3f3f3;background:var(--td-bg-color-secondarycontainer,#f3f3f3);color:#999;color:var(--td-text-color-secondary,#999);display:flex;font-size:.75rem;justify-content:space-between;padding:.375rem .75rem}.pnt-region-import__table-body{max-height:12.5rem;overflow-y:auto}.pnt-region-import__table-row{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;padding:.375rem .75rem}.pnt-region-import__table-row+.pnt-region-import__table-row{border-top:.0625rem solid #e7e7e7;border-top:.0625rem solid var(--td-component-border,#e7e7e7)}.pnt-region-import__status{align-items:center;display:inline-flex;gap:.25rem}.pnt-region-import__status--unmatched{color:#d54941;color:var(--td-error-color,#d54941)}.pnt-region-import__status--pending{color:#2ba471;color:var(--td-success-color,#2ba471)}.pnt-region-import__empty,.pnt-region-import__status--exists{color:#999;color:var(--td-text-color-secondary,#999)}.pnt-region-import__empty{padding:1rem;text-align:center}.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 .copy-icon{right:-3.125rem}.pnt-secure-box .security-value{position:relative;top:.1875rem}.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-table{--pnt-table-brand:#3f8cff;--pnt-table-brand-hover:#2875e3;--pnt-table-brand-active:#1f65cc;--pnt-table-brand-soft:#eaf3ff;--pnt-table-danger:#d54941;--pnt-table-danger-soft:#fdecea;--pnt-table-success:#2ba471;--pnt-table-success-soft:#e3f6ee;--pnt-table-warning:#e37318;--pnt-table-warning-soft:#fef3e8;--pnt-table-bg:#fff;--pnt-table-bg-header:#f8fafd;--pnt-table-bg-hover:#f8fafd;--pnt-table-bg-selected:var(--pnt-table-brand-soft);--pnt-table-border:#e5e8ef;--pnt-table-text-primary:#1d2129;--pnt-table-text-secondary:#4e5969;--pnt-table-text-tertiary:#86909c;--pnt-table-text-placeholder:#bbbfc4;--pnt-table-header-height:3rem;--pnt-table-row-min-height:3rem;--pnt-table-cell-padding-v:0.75rem;--pnt-table-cell-padding-h:1rem}.pnt-table[data-theme=internal]{--pnt-table-brand:#624beb;--pnt-table-brand-hover:#503bd1;--pnt-table-brand-active:#412eb5;--pnt-table-brand-soft:#f0edff}.pnt-table .t-table__header{background-color:var(--pnt-table-bg-header);color:var(--pnt-table-text-primary);font-size:.875rem;font-weight:600;line-height:var(--pnt-table-header-height)}.pnt-table .t-table__header th{background-color:var(--pnt-table-bg-header);border-bottom:.0625rem solid var(--pnt-table-border);border-right:none;height:var(--pnt-table-header-height);overflow:hidden;padding:0 var(--pnt-table-cell-padding-h);text-overflow:ellipsis;white-space:nowrap}.pnt-table .t-table__header th.tdesign-table-td--left{text-align:left}.pnt-table .t-table__header th.tdesign-table-td--center,.pnt-table .t-table__header th.tdesign-table-td--middle{text-align:center}.pnt-table .t-table__header th.tdesign-table-td--right{text-align:right}.pnt-table .t-table__body td{border-bottom:.0625rem solid var(--pnt-table-border);color:var(--pnt-table-text-primary);font-size:.875rem;min-height:var(--pnt-table-row-min-height);padding:var(--pnt-table-cell-padding-v) var(--pnt-table-cell-padding-h)}.pnt-table .t-table__body tr:hover>td{background-color:var(--pnt-table-bg-hover)}.pnt-table .t-table__body tr.is-selected>td{background-color:var(--pnt-table-bg-selected)}.pnt-table .t-table__body tr.is-selected:hover>td{background-color:var(--pnt-table-bg-selected)}.pnt-table .tdesign-table-td--left,.pnt-table .tdesign-table-td--start{text-align:left}.pnt-table .tdesign-table-td--center,.pnt-table .tdesign-table-td--middle{text-align:center}.pnt-table .tdesign-table-td--end,.pnt-table .tdesign-table-td--right{text-align:right}.pnt-table-col-title{align-items:center;display:inline-flex;gap:.25rem}.pnt-table-col-title .pnt-table-help-icon{background:var(--pnt-table-border);border-radius:50%;color:var(--pnt-table-text-tertiary);cursor:help;display:inline-flex;flex-shrink:0;font-size:.625rem;height:.875rem;justify-content:center;line-height:.875rem;width:.875rem}.pnt-table-col-title .pnt-table-help-icon:hover{background:var(--pnt-table-brand);color:#fff}.pnt-table .t-empty,.pnt-table .t-table__empty{color:var(--pnt-table-text-tertiary);font-size:.875rem;padding:3rem 0}.pnt-table-empty-with-filter{display:flex;flex-direction:column;gap:.25rem}.pnt-table-empty-with-filter .pnt-table-empty-hint{color:var(--pnt-table-text-tertiary);font-size:.75rem}.pnt-table .t-pagination{color:var(--pnt-table-text-secondary);font-size:.875rem;gap:.75rem;justify-content:flex-end;padding:1rem 0}.pnt-table .t-pagination .t-pagination__btn{border:none;border-radius:.25rem;height:2rem;padding:0 .5rem}.pnt-table .t-pagination .t-pagination__btn:hover:not(.is-disabled){color:var(--pnt-table-brand)}.pnt-table .t-pagination .t-pagination__btn.is-active{background:var(--pnt-table-brand);color:#fff}.pnt-table .t-pagination .t-pagination__total{margin-right:auto}.pnt-table .t-pagination .t-pagination__jump,.pnt-table .t-pagination .t-pagination__size{align-items:center;display:flex;gap:.5rem}.pnt-table .t-table__loading{background:hsla(0,0%,100%,.6);inset:0;position:absolute;z-index:1}.pnt-table .t-table__loading .t-table__loading-text{color:var(--pnt-table-text-secondary);font-size:.875rem}.pnt-table .t-table__loading--skeleton .t-table__body tr td{height:var(--pnt-table-row-min-height)}.pnt-table .t-table__body tr:hover>td.t-table__cell--fixed-left,.pnt-table .t-table__body tr:hover>td.t-table__cell--fixed-right{background-color:var(--pnt-table-bg-hover)}.pnt-table .t-table__body tr.is-selected>td.t-table__cell--fixed-left,.pnt-table .t-table__body tr.is-selected>td.t-table__cell--fixed-right{background-color:var(--pnt-table-bg-selected)}.pnt-table .t-table__select{text-align:center;width:2.75rem}.pnt-table .t-table__select .t-checkbox{cursor:pointer}.pnt-table .t-table__body-wrapper::-webkit-scrollbar,.pnt-table .t-table__header-wrapper::-webkit-scrollbar{height:.5rem;width:.5rem}.pnt-table .t-table__body-wrapper::-webkit-scrollbar-thumb,.pnt-table .t-table__header-wrapper::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:.25rem}.pnt-table .t-table__body-wrapper::-webkit-scrollbar-thumb:hover,.pnt-table .t-table__header-wrapper::-webkit-scrollbar-thumb:hover{background:var(--pnt-table-brand)}.pnt-table .t-table__body-wrapper::-webkit-scrollbar-track,.pnt-table .t-table__header-wrapper::-webkit-scrollbar-track{background:transparent}.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-region-select{width:100%}.pnt-region-select__toolbar{align-items:center;background:#fff;background:var(--td-bg-color-container,#fff);border-bottom:.0625rem solid #e7e7e7;border-bottom:.0625rem solid var(--td-component-border,#e7e7e7);display:flex;justify-content:space-between;padding:.5rem .75rem}.pnt-region-select__invert{color:#0052d9;color:var(--td-brand-color,#0052d9);cursor:pointer;font-size:.75rem;margin-left:.75rem;margin-right:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pnt-region-select__invert:hover{color:#2667d4;color:var(--td-brand-color-hover,#2667d4)}.pnt-region-select__count{color:#999;color:var(--td-text-color-secondary,#999);font-size:.75rem;margin-left:auto}.pnt-region-select__invert+.pnt-region-select__count{margin-left:0}.pnt-region-select__empty{color:#999;color:var(--td-text-color-secondary,#999);font-size:.875rem;padding:1rem;text-align:center}.pnt-region-select__import-wrapper{align-items:center;display:flex;position:relative;width:22.5rem}.pnt-region-select__import-wrapper .pnt-region-select{flex:1 1}.pnt-region-select__import-btn{flex-shrink:0;position:absolute;right:2rem;z-index:1}.pnt-region-select-popup .t-select__list{padding-top:0}.pnt-region-import__tip{color:#999;color:var(--td-text-color-secondary,#999);font-size:.75rem;margin-bottom:.5rem}.pnt-region-import__result{margin-top:.75rem}.pnt-region-import__summary{align-items:center;display:flex;font-size:.75rem;gap:.25rem;margin-bottom:.5rem}.pnt-region-import__summary-item--unmatched{color:#d54941;color:var(--td-error-color,#d54941)}.pnt-region-import__summary-item--pending{color:#2ba471;color:var(--td-success-color,#2ba471)}.pnt-region-import__summary-item--exists{color:#999;color:var(--td-text-color-secondary,#999)}.pnt-region-import__summary-dot{color:#bbb;color:var(--td-text-color-placeholder,#bbb)}.pnt-region-import__copy-btn{height:1.25rem;padding:0 .25rem}.pnt-region-import__table{border:.0625rem solid #e7e7e7;border:.0625rem solid var(--td-component-border,#e7e7e7);border-radius:.25rem;overflow:hidden}.pnt-region-import__table-head{background:#f3f3f3;background:var(--td-bg-color-secondarycontainer,#f3f3f3);color:#999;color:var(--td-text-color-secondary,#999);display:flex;font-size:.75rem;justify-content:space-between;padding:.375rem .75rem}.pnt-region-import__table-body{max-height:12.5rem;overflow-y:auto}.pnt-region-import__table-row{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;padding:.375rem .75rem}.pnt-region-import__table-row+.pnt-region-import__table-row{border-top:.0625rem solid #e7e7e7;border-top:.0625rem solid var(--td-component-border,#e7e7e7)}.pnt-region-import__status{align-items:center;display:inline-flex;gap:.25rem}.pnt-region-import__status--unmatched{color:#d54941;color:var(--td-error-color,#d54941)}.pnt-region-import__status--pending{color:#2ba471;color:var(--td-success-color,#2ba471)}.pnt-region-import__empty,.pnt-region-import__status--exists{color:#999;color:var(--td-text-color-secondary,#999)}.pnt-region-import__empty{padding:1rem;text-align:center}.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 .copy-icon{right:-3.125rem}.pnt-secure-box .security-value{position:relative;top:.1875rem}.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}