@pnt-team/pnt-component-frontend 0.0.88 → 0.0.91

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

@@ -135,9 +135,7 @@ var PntBusinessSelect = (props) => {
           const resTotal = ((_a = res.data.pagination) == null ? void 0 : _a.total) || 0;
           let nextList;
           if (append) {
-            const existed = new Set(
-              optionsRef.current.map((o) => o.game_id)
-            );
+            const existed = new Set(optionsRef.current.map((o) => o.game_id));
             nextList = [
               ...optionsRef.current,
               ...newList.filter((o) => !existed.has(o.game_id))
@@ -151,6 +149,7 @@ var PntBusinessSelect = (props) => {
           setOptions(nextList);
           (_b = onLoadedRef.current) == null ? void 0 : _b.call(onLoadedRef, nextList);
         }
+      } catch {
       } finally {
         if (append)
           appendLoadingRef.current = false;
@@ -185,8 +184,8 @@ var PntBusinessSelect = (props) => {
         return;
       if (debounceRef.current)
         clearTimeout(debounceRef.current);
-      if (keywordRef.current) {
-        keywordRef.current = "";
+      keywordRef.current = "";
+      if (listMetaRef.current.keyword) {
         fetchData("", 1, false);
       }
     },
@@ -366,11 +365,11 @@ var PntBusinessSelect = (props) => {
         if (raw) {
           return { ...raw, value: raw.game_id, label: getLabelText(raw) };
         }
-        const fromCtx = ctxOptions.find(
-          (o) => String(o.value) === id
-        );
+        const fromCtx = ctxOptions.find((o) => String(o.value) === id);
         if (fromCtx) {
-          const { children, content, ...rest } = fromCtx;
+          const rest = { ...fromCtx };
+          delete rest.children;
+          delete rest.content;
           return rest;
         }
         return { value: id, label: id };
@@ -382,6 +381,14 @@ var PntBusinessSelect = (props) => {
     },
     [onChange, multiple, getLabelText]
   );
+  const handleClear = (0, import_react.useCallback)(() => {
+    keywordRef.current = "";
+    if (debounceRef.current)
+      clearTimeout(debounceRef.current);
+    if (listMetaRef.current.keyword) {
+      fetchData("", 1, false);
+    }
+  }, [fetchData]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_tdesign_react.Select,
     {
@@ -390,6 +397,7 @@ var PntBusinessSelect = (props) => {
       filterable,
       filter: enableRemoteSearch ? void 0 : filterable ? localFilter : void 0,
       onSearch: enableRemoteSearch ? handleSearch : void 0,
+      onClear: enableRemoteSearch ? handleClear : void 0,
       loading: loading && options.length === 0,
       multiple,
       max,

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

@@ -19,6 +19,11 @@ interface PntGeneralLayoutProps {
      * 返回按钮点击回调
      */
     onBackButtonClick?: (() => void) | undefined;
+    /**
+     * 是否显示头部底部分割线
+     * @default true
+     */
+    headerBordered?: boolean;
     /**
      * 子头部内容
      * @description 位于 Header 下方，常用于放置面包屑、Tab 等
@@ -41,6 +46,25 @@ interface PntGeneralLayoutProps {
      * 内容区自定义样式
      */
     bodyStyle?: React.CSSProperties;
+    /**
+     * 内容区内边距
+     * @description 数字按 px 处理；需要全出血内容时可传 '24px 0'
+     * @default 24
+     */
+    bodyPadding?: number | string;
+    /**
+     * 内容区卡片圆角（px）
+     * @description 作用于 body 内 t-card / tea-card / 各业务 wrapper、block 容器
+     * @default 4
+     */
+    cardRadius?: number;
+    /**
+     * 底部按钮样式模式
+     * @description fixed-统一下按钮尺寸（高 36px、最小宽 92px、加粗中号字）；
+     * auto-不约束按钮尺寸，仅保留按钮间距
+     * @default 'fixed'
+     */
+    footerButton?: 'fixed' | 'auto';
     /**
      * 底部内容
      * @description 传入后将渲染 Layout Footer 区域，常用于放置操作按钮
@@ -50,7 +74,8 @@ interface PntGeneralLayoutProps {
 /**
  * 通用页面布局组件（L3 布局组件）
  * @description 提供标准的「头部 + 子头部 + 内容区 + 底部」页面布局结构，
- * 基于 TDesign Layout 封装，适用于后台管理系统的详情页、表单页等场景。
+ * 基于 TDesign Layout（flex column）封装，内容区自动填满剩余高度，
+ * 适用于后台管理系统的列表页、详情页、表单页等场景。
  *
  * @example
  * ```tsx
@@ -76,6 +101,13 @@ interface PntGeneralLayoutProps {
  * >
  *   <Detail />
  * </PntGeneralLayout>
+ *
+ * // 全出血内容区（无头部边线、内容无左右内边距、底部按钮不强制尺寸）
+ * <PntGeneralLayout
+ *   headerBordered={false}
+ *   bodyPadding="24px 0"
+ *   footerButton="auto"
+ * />
  * ```
  */
 declare const PntGeneralLayout: FunctionComponent<PntGeneralLayoutProps>;

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

@@ -32,15 +32,29 @@ var PntGeneralLayout = (prop) => {
     headerTitle,
     showBackButton = false,
     onBackButtonClick,
+    headerBordered = true,
     subHeaderContent,
     operation,
     bodyRef,
     children,
     bodyStyle,
+    bodyPadding = 24,
+    cardRadius = 4,
+    footerButton = "fixed",
     footer
   } = prop;
   const { Header, Footer } = import_tdesign_react.Layout;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tdesign_react.Layout, { className: `pnt-general-layout${className ? " " + className : ""}`, children: [
+  const layoutClassName = [
+    "pnt-general-layout",
+    !headerBordered && "pnt-general-layout--borderless",
+    footerButton === "auto" && "pnt-general-layout--footer-auto",
+    className
+  ].filter(Boolean).join(" ");
+  const cssVars = {
+    "--pnt-layout-body-padding": typeof bodyPadding === "number" ? `${bodyPadding}px` : bodyPadding,
+    "--pnt-layout-card-radius": `${cardRadius}px`
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tdesign_react.Layout, { className: layoutClassName, style: cssVars, children: [
     headerTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Header, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "header-title", children: [
         showBackButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -56,18 +70,7 @@ var PntGeneralLayout = (prop) => {
       operation && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "header-operation", children: operation })
     ] }),
     subHeaderContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "general-layout-sub-header", children: subHeaderContent }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        className: "general-layout-body",
-        ref: bodyRef,
-        style: {
-          height: `calc(100%${headerTitle && " - 72px"}${footer && " - 72px"})`,
-          ...bodyStyle
-        },
-        children
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "general-layout-body", ref: bodyRef, style: bodyStyle, children }),
     footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Footer, { children: footer })
   ] });
 };

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

@@ -1,90 +1,121 @@
-.pnt-general-layout {
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0);
-
-  .t-layout__header {
-    height: auto;
-    display: flex;
-    justify-content: space-between;
-    border-bottom: 1px solid #f0f3f6;
-
-    .header-title {
-      display: inline-block;
-      vertical-align: top;
-      padding: 24px;
-
-      .goback-icon {
-        margin-right: 12px;
-        vertical-align: top;
-        color: #3f8cff;
-        cursor: pointer;
-      }
-
-      .title {
-        display: inline-block;
-        vertical-align: top;
-        font-weight: 600;
-        font-size: 20px;
-        height: 24px;
-        line-height: 24px;
-      }
-    }
-
-    .header-operation {
-      height: 72px;
-      line-height: 72px;
-      padding-right: 24px;
-
-      .t-button + .t-button {
-        margin-left: 12px;
-      }
-    }
-  }
-
-  .general-layout-sub-header {
-    border-bottom: 1px solid #f0f3f6;
-  }
-
-  .general-layout-body {
-    height: 100%;
-    padding: 24px;
-    overflow-y: auto;
-    background: #fafafa;
-
-    > div.tea-card,
-    > div.t-card,
-    > div.t-loading__parent > div.t-card,
-    > div[class*='-wrapper'],
-    > div[class*='-block'] {
-      box-shadow: none;
-      margin-bottom: 24px;
-      border-radius: 4px;
-    }
-
-    > div:last-child,
-    > div:last-child.t-card,
-    > div:last-child.tea-card,
-    > div.t-loading__parent > div:last-child.t-card,
-    > div:last-child[class*='-wrapper'],
-    > div:last-child[class*='-block'] {
-      margin-bottom: 0;
-    }
-  }
-
-  .t-layout__footer {
-    padding: 18px 24px;
-    background: #fff;
-    border-top: 1px solid #f0f3f6;
-
-    .t-button {
-      font-size: 14px;
-      min-width: 92px;
-      height: 36px;
-      font-weight: 600;
-
-      & + .t-button {
-        margin-left: 12px;
-      }
-    }
-  }
-}
+.pnt-general-layout {
+  // 可通过 props（bodyPadding / cardRadius）覆盖的布局变量
+  --pnt-layout-body-padding: 24px;
+  --pnt-layout-card-radius: 4px;
+
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0);
+
+  .t-layout__header {
+    height: auto;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: stretch;
+    border-bottom: 1px solid #f0f3f6;
+
+    .header-title {
+      display: inline-flex;
+      align-items: center;
+      padding: 24px;
+
+      .goback-icon {
+        margin-right: 12px;
+        color: #3f8cff;
+        cursor: pointer;
+      }
+
+      .title {
+        font-weight: 600;
+        font-size: 20px;
+        line-height: 24px;
+      }
+    }
+
+    // 统一 flex 居中：高度由 header-title 的 padding 撑起（72px），
+    // 比固定 line-height: 72px 更稳，按钮高度变化也不会错位
+    .header-operation {
+      display: flex;
+      align-items: center;
+      padding-right: 24px;
+
+      .t-button + .t-button {
+        margin-left: 12px;
+      }
+    }
+  }
+
+  // 无头部分割线变体（headerBordered={false}）
+  &--borderless {
+    .t-layout__header {
+      border-bottom: none;
+    }
+  }
+
+  .general-layout-sub-header {
+    flex-shrink: 0;
+    border-bottom: 1px solid #f0f3f6;
+  }
+
+  .general-layout-body {
+    // flex 自动填满 header/sub-header/footer 之外的剩余空间；
+    // min-height: 0 保证内容超长时由 body 自身滚动，而不是撑破布局
+    flex: 1 1 auto;
+    min-height: 0;
+    padding: var(--pnt-layout-body-padding);
+    overflow-y: auto;
+    background: #fafafa;
+
+    // 卡片/业务容器取各项目选择器超集，统一去阴影、间距与圆角
+    > div.tea-card,
+    > div.t-card,
+    > div.t-loading__parent > div.t-card,
+    > div[class*='-wrapper'],
+    > div[class*='-block'] {
+      box-shadow: none;
+      margin-bottom: 24px;
+      border-radius: var(--pnt-layout-card-radius);
+
+      .t-card__body {
+        border-radius: var(--pnt-layout-card-radius);
+      }
+    }
+
+    > div:last-child,
+    > div:last-child.t-card,
+    > div:last-child.tea-card,
+    > div.t-loading__parent > div:last-child.t-card,
+    > div:last-child[class*='-wrapper'],
+    > div:last-child[class*='-block'] {
+      margin-bottom: 0;
+    }
+  }
+
+  .t-layout__footer {
+    flex-shrink: 0;
+    padding: 18px 24px;
+    background: #fff;
+    border-top: 1px solid #f0f3f6;
+
+    .t-button {
+      font-size: 14px;
+      min-width: 92px;
+      height: 36px;
+      font-weight: 600;
+
+      & + .t-button {
+        margin-left: 12px;
+      }
+    }
+  }
+
+  // 底部按钮不约束尺寸变体（footerButton='auto'），仅保留按钮间距
+  &--footer-auto {
+    .t-layout__footer .t-button {
+      font-size: inherit;
+      min-width: 0;
+      height: auto;
+      font-weight: inherit;
+    }
+  }
+}

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

@@ -0,0 +1,87 @@
+import React, { FC } from 'react';
+import './index.scss';
+/**
+ * PntImage 文案集合
+ * @description 所有内部展示文案均可通过 texts prop 自定义，用于多语言场景
+ */
+export interface PntImageTexts {
+    /** 上传中占位文案（仅上传预览模式生效） */
+    uploading?: string;
+    /** 图片加载中占位文案（纯预览模式生效，透传给 tdesign Image loading） */
+    loading?: string;
+    /** 图片加载失败占位文案（纯预览模式生效，透传给 tdesign Image error） */
+    loadFailed?: string;
+}
+export interface PntImageProps {
+    /**
+     * 图片地址
+     * @description 图片的完整 URL 地址；为空则展示 defaultImg 或内置 uploadImg
+     */
+    src: string | undefined;
+    /**
+     * alt 文本
+     * @description 图片加载失败时的替代文本，纯预览模式必传以提升可访问性
+     */
+    alt?: string;
+    /**
+     * 默认图片
+     * @description src 为空时展示的占位图；不传则使用内置的 uploadImg
+     */
+    defaultImg?: string;
+    /**
+     * 自定义样式
+     * @description 一般用于控制图片宽高
+     */
+    style?: React.CSSProperties;
+    /**
+     * 上传中状态
+     * @description 当为 true 时显示上传中 loading 占位，阻止其他操作；仅在上传预览模式（传入 onRemove）生效
+     */
+    loading?: boolean;
+    /**
+     * 删除回调
+     * @description 传入即启用「上传预览模式」，mask 含预览 + 删除按钮；不传则为「纯预览模式」
+     * @param e - 事件对象
+     */
+    onRemove?: (e: any) => void;
+    /**
+     * attach 容器
+     * @description 弹窗场景下需要透传给 tdesign ImageViewer 的 attach，避免预览浮层被父容器裁剪
+     */
+    container?: HTMLElement | (() => HTMLElement);
+    /**
+     * 多语言文案
+     * @description 传入即覆盖默认中文文案；仅对应字段会覆盖，未传字段仍用默认值
+     */
+    texts?: PntImageTexts;
+}
+/**
+ * PntImage 业务图片组件
+ * @description 统一覆盖「上传图片预览」和「纯图片预览」两种业务场景，避免业务侧维护两套组件
+ *
+ * 模式判定：传入 `onRemove` 即为上传预览模式，否则为纯预览模式
+ *
+ * @example
+ * ```tsx
+ * // 上传预览模式
+ * <PntImage
+ *   src={iconUrl}
+ *   loading={loading}
+ *   defaultImg={defaultImg}
+ *   onRemove={handleRemove}
+ *   style={{ width: 136, height: 136 }}
+ * />
+ *
+ * // 纯预览模式
+ * <PntImage
+ *   src={url}
+ *   alt="avatar"
+ *   style={{ width: 60, height: 60 }}
+ *   container={container}
+ * />
+ * ```
+ *
+ * @returns {ReactElement} 业务图片组件
+ */
+declare const PntImage: FC<PntImageProps>;
+export default PntImage;

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

@@ -0,0 +1,137 @@
+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/components/PntImage/index.tsx
+var PntImage_exports = {};
+__export(PntImage_exports, {
+  default: () => PntImage_default
+});
+module.exports = __toCommonJS(PntImage_exports);
+var import_uploadImg = __toESM(require("../../assets/images/uploadImg.png"));
+var import_tdesign_icons_react = require("tdesign-icons-react");
+var import_tdesign_react = require("tdesign-react");
+var import_index = require("./index.scss");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_TEXTS = {
+  uploading: "上传中",
+  loading: "加载中",
+  loadFailed: "加载失败"
+};
+var PntImage = ({
+  src,
+  alt = "",
+  defaultImg,
+  style,
+  loading = false,
+  onRemove,
+  container,
+  texts
+}) => {
+  const isUploadMode = typeof onRemove === "function";
+  const finalSrc = (src == null ? void 0 : src.length) ? src : defaultImg || import_uploadImg.default;
+  const attach = container ? typeof container === "function" ? container : () => container : void 0;
+  const finalTexts = { ...DEFAULT_TEXTS, ...texts };
+  const UploadLoadingContent = (isImageLoading) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: isImageLoading ? "pnt-image-progress" : "pnt-image-upload-progress",
+      style,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pnt-image-loading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tdesign_icons_react.LoadingIcon, { size: "18px", name: "loading" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: finalTexts.uploading })
+      ] })
+    }
+  );
+  const basicImageLoading = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_tdesign_react.Space,
+    {
+      direction: "vertical",
+      align: "center",
+      size: "small",
+      style: { color: "var(--td-text-color-disabled)" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tdesign_icons_react.ImageIcon, { size: 24 }),
+        finalTexts.loading
+      ]
+    }
+  );
+  const basicImageError = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tdesign_react.Space, { direction: "vertical", align: "center", size: "small", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tdesign_icons_react.ImageErrorIcon, { size: 24 }),
+    finalTexts.loadFailed
+  ] });
+  const basicMask = (open) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "pnt-image-mask pnt-image-mask--basic",
+      style: { background: "rgba(0,0,0,.1)", height: "100%" },
+      onClick: open
+    }
+  );
+  const uploadMask = (open) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pnt-image-mask pnt-image-mask--upload", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tdesign_icons_react.BrowseIcon, { onClick: open, size: "16px", name: "browse" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pnt-image-divider" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tdesign_icons_react.DeleteIcon, { onClick: onRemove, size: "16px", name: "delete" }) })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "pnt-image-wrapper",
+      onClick: (e) => {
+        if (isUploadMode && ((src == null ? void 0 : src.length) || loading)) {
+          e.stopPropagation();
+        }
+      },
+      children: isUploadMode && loading ? UploadLoadingContent(false) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tdesign_react.ImageViewer,
+        {
+          images: [finalSrc],
+          closeOnOverlay: true,
+          attach,
+          trigger: ({ open }) => {
+            const mask = isUploadMode ? uploadMask(open) : basicMask(open);
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_tdesign_react.Image,
+              {
+                alt,
+                src: finalSrc,
+                loading: isUploadMode ? UploadLoadingContent(true) : basicImageLoading,
+                error: isUploadMode ? void 0 : basicImageError,
+                overlayContent: isUploadMode ? src ? mask : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : mask,
+                overlayTrigger: "hover",
+                fit: "contain",
+                className: "pnt-image",
+                style
+              }
+            );
+          }
+        }
+      )
+    }
+  );
+};
+var PntImage_default = PntImage;

package/lib/{esm/components/PntImagePreview → cjs/components/PntImage}/index.scss

@@ -1,15 +1,15 @@
-.pnt-image-preview-wrapper {
+.pnt-image-wrapper {
   position: relative;
 
-  .pnt-image-preview-progress,
-  .pnt-image-preview-upload-progress {
+  .pnt-image-progress,
+  .pnt-image-upload-progress {
     width: 136px;
     height: 136px;
     display: flex;
     align-items: center;
     justify-content: center;
 
-    .pnt-image-preview-loading {
+    .pnt-image-loading {
       width: 100%;
       height: 100%;
       text-align: center;
@@ -33,18 +33,25 @@
     }
   }
 
-  .pnt-image-preview {
+  .pnt-image {
     width: 136px;
     height: 136px;
 
-    .pnt-image-preview-mask {
+    .pnt-image-mask {
       background: rgba(0, 0, 0, 60%);
       color: #fff;
       height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
-      .pnt-image-preview-divider {
+
+      // 纯预览模式：半透明遮罩，鼠标手型
+      &--basic {
+        cursor: pointer;
+      }
+
+      // 上传预览模式：分隔线
+      .pnt-image-divider {
         margin: 0 var(--td-comp-margin-l);
         border-left: 1px var(--td-text-color-anti) solid;
         height: var(--td-comp-size-xxxs);

package/lib/cjs/index.d.ts

@@ -1,5 +1,5 @@
 export { PntProvider, usePntConfig, type PntConfig, type commonEesType, } from './config';
-export { default as PntImagePreview } from './components/PntImagePreview';
+export { default as PntImage } from './components/PntImage';
 export { default as PntBusinessSelect } from './components/PntBusinessSelect';
 export { default as PntSecureBox } from './components/PntSecureBox';
 export { default as PntGeneralLayout } from './components/PntGeneralLayout';