best-unit 1.0.0 → 1.0.3

package/src/local/index.ts

@@ -0,0 +1,36 @@
+import { getZhText, zh } from "./zh";
+import { getEnText, en } from "./en";
+import { Locale } from "../types";
+
+// 获取当前语言
+export function getCurrentLocale(): Locale {
+  const fundUnitParams = JSON.parse(
+    sessionStorage.getItem("fund_unit_params") || "{}"
+  );
+  return fundUnitParams.locale || Locale.ZH;
+}
+
+// 获取国际化文本
+export function getLocaleText() {
+  const locale = getCurrentLocale();
+  return locale === Locale.ZH ? zh : en;
+}
+
+// 获取指定语言的文本
+export function getLocaleTextByLang(locale: Locale) {
+  return locale === Locale.ZH ? zh : en;
+}
+
+// 使用中文key的t函数
+export function t(zhKey: string): string {
+  const locale = getCurrentLocale();
+
+  if (locale === "zh") {
+    return getZhText(zhKey);
+  } else {
+    return getEnText(zhKey);
+  }
+}
+
+// 导出所有语言包
+export { zh, en };

package/src/local/zh.ts

@@ -0,0 +1,60 @@
+// 中文语言包
+export const zh: Record<string, string> = {
+  // 余额相关
+  余额详情: "余额详情",
+  真实金额: "真实金额",
+  冻结金额: "冻结金额",
+  总可用: "总可用",
+  暂无数据: "暂无数据",
+  "金额需在1到999999.99之间": "金额需在1到999999.99之间",
+
+  // 充值相关
+  "充值 / 转账": "充值 / 转账",
+  在线充值: "在线充值",
+  线下转账: "线下转账",
+  充值币种: "充值币种",
+  充值金额: "充值金额",
+  支付平台: "支付平台",
+  请选择充值币种: "请选择充值币种",
+  请输入充值金额: "请输入充值金额",
+  请选择支付平台: "请选择支付平台",
+  "需要收取手续费，实际支付金额约为：": "需要收取手续费，实际支付金额约为：",
+  "提交失败，请重试": "提交失败，请重试",
+  "提交中...": "提交中...",
+  去支付: "去支付",
+  取消: "取消",
+  关闭: "关闭",
+
+  // 离线转账相关
+  第三方支付平台: "第三方支付平台",
+  交易ID: "交易ID",
+  请输入转账交易ID: "请输入转账交易ID",
+  上传文件: "上传文件",
+  请上传转账凭证: "请上传转账凭证",
+  离线充值创建成功: "离线充值创建成功",
+
+  // 通用
+  "加载中...": "加载中...",
+  错误: "错误",
+  成功: "成功",
+  必填: "必填",
+
+  // 按钮文本
+  "充值/转账": "充值/转账",
+  切换为暗黑主题: "切换为暗黑主题",
+  切换为白色主题: "切换为白色主题",
+
+  // 上传组件相关
+  点击或拖拽文件到此处上传: "点击或拖拽文件到此处上传",
+  "支持 JPG、PNG、PDF 格式，单个文件不超过 20MB，最多上传":
+    "支持 JPG、PNG、PDF 格式，单个文件不超过 20MB，最多上传",
+  个文件: "个文件",
+  "正在上传...": "正在上传...",
+  已上传: "已上传",
+  移除: "移除",
+};
+
+// 根据中文key获取文本的函数
+export function getZhText(zhKey: string): string {
+  return zh[zhKey] || zhKey;
+}

package/src/main.ts

@@ -0,0 +1,10 @@
+import { npmTest, printCurrentTime } from "./utils/common/index";
+import { initFundUnit } from "./utils/business/index";
+import { viteProxy } from "./api/proxy";
+
+import "./components/business/recharge-sdk";
+import "./components/business/statistical-balance";
+
+// 可选：导出组件列表或版本信息
+export const components = ["best-recharge", "best-statistical-balance"];
+export { npmTest, printCurrentTime, initFundUnit, viteProxy };

package/src/types/global.d.ts

@@ -0,0 +1,64 @@
+export declare function npmTest(): void;
+
+export declare function printCurrentTime(): void;
+
+export declare function initFundUnit(params: {
+  token: string;
+  merchant_id?: string;
+  biz_type?: string;
+  fund_balance_id?: string;
+  user_id: string;
+  theme?: Theme;
+  locale?: Locale;
+  env: Env;
+}): {
+  token: string;
+  merchantId?: string;
+  bizType?: string;
+  fundBalanceId?: string;
+  theme?: Theme;
+  locale: Locale;
+  env: Env;
+};
+
+// Vite 代理配置类型
+export declare const viteProxy: {
+  "/api": {
+    target: string;
+    changeOrigin: boolean;
+    rewrite: (path: string) => string;
+    secure: boolean;
+  };
+};
+
+declare global {
+  interface Window {
+    bestUnit: {
+      initFundUnit: (params: {
+        token: string;
+        merchant_id: string;
+        biz_type: string;
+        user_id: string;
+        fund_balance_id?: string;
+        locale?: "zh" | "en";
+        theme?: Theme;
+        env: Env;
+      }) => void;
+    };
+  }
+
+  namespace JSX {
+    interface IntrinsicElements {
+      "best-recharge": {
+        theme?: any;
+        merchant_id?: string;
+        biz_type?: string;
+        token?: string;
+        [key: string]: any;
+      };
+      "best-statistical-balance": any;
+    }
+  }
+}
+export {};
+/// <reference path="./preact-custom-element.d.ts" />

package/src/types/index.ts

@@ -0,0 +1,17 @@
+export enum Locale {
+  ZH = "zh",
+  EN = "en",
+}
+
+export enum Theme {
+  WHITE = "white",
+  DARK = "dark",
+}
+
+export enum Env {
+  DEV = "dev",
+  DEVELOPMENT = "development",
+  TEST = "test",
+  PROD = "prod",
+  PRODUCTION = "production",
+}

package/src/types/preact-custom-element.d.ts

@@ -0,0 +1 @@
+declare module 'preact-custom-element'

package/src/utils/business/index.ts

@@ -0,0 +1,48 @@
+import { getAllDicts } from "../../api";
+import { Locale, Theme, type Env } from "../../types";
+
+export function initFundUnit(params: {
+  token: string;
+  merchant_id?: string;
+  biz_type?: string;
+  fund_balance_id?: string;
+  user_id: string;
+  theme?: Theme;
+  locale?: Locale;
+  env: Env;
+}) {
+  const {
+    merchant_id,
+    biz_type,
+    fund_balance_id,
+    user_id,
+    theme = Theme.WHITE,
+    locale = Locale.ZH,
+    env,
+  } = params;
+  const token = "Bearer " + params.token;
+  sessionStorage.setItem(
+    "fund_unit_params",
+    JSON.stringify({
+      merchantId: merchant_id,
+      bizType: biz_type,
+      fundBalanceId: fund_balance_id,
+      userId: user_id,
+      token,
+      theme,
+      locale,
+      env,
+    })
+  );
+  getAllDicts();
+  return {
+    token,
+    merchantId: merchant_id,
+    bizType: biz_type,
+    fundBalanceId: fund_balance_id,
+    userId: user_id,
+    theme,
+    locale,
+    env,
+  };
+}

package/src/utils/common/index.ts

@@ -0,0 +1,8 @@
+export function npmTest() {
+  console.log("npm package test!!!");
+}
+
+export function printCurrentTime() {
+  const now = new Date();
+  console.log("Current time:", now.toISOString());
+}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.app.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "paths": {
+      "react": ["./node_modules/preact/compat/"],
+      "react-dom": ["./node_modules/preact/compat/"]
+    },
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "declarationDir": "dist",
+    "declarationMap": false,
+  },
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  }
+}

package/tsconfig.node.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from "vite";
+import preact from "@preact/preset-vite";
+import { viteProxy } from "./src/api/proxy";
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [preact()],
+  server: {
+    proxy: viteProxy,
+  },
+  build: {
+    outDir: "dist", //自定义构建输出目录target:'es2020'
+    lib: {
+      entry: "src/main.ts", //入口文件路径
+      formats: ["es", "cjs"],
+    },
+  },
+});

package/example/index.html

@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8" />
-  <title>Best Unit SDK Example</title>
-  <style>
-    body { background: #f6f8fa; }
-    #best-unit-root { margin: 40px auto; max-width: 600px; min-height: 400px; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
-  </style>
-</head>
-<body>
-  <div id="best-unit-root"></div>
-  <script type="module">
-    import { initBestUnit } from '../dist/best-unit.es.js';
-    // 初始化 SDK
-    initBestUnit({
-      token: 'your-user-token',
-      userId: 'your-user-id',
-      theme: 'dark',
-      container: '#best-unit-root'
-    });
-  </script>
-</body>
-</html> 

package/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App.jsx

@@ -1,6 +0,0 @@
-
-import Home from './views/Home.jsx';
-
-export default function App() {
-  return <Home />;
-} 

package/src/api/define-api.ts

@@ -1,49 +0,0 @@
-import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
-
-// 创建 axios 实例
-const instance: AxiosInstance = axios.create({
-  baseURL: '/api',
-  timeout: 10000,
-});
-
-// 请求拦截器，自动加上 authorization
-instance.interceptors.request.use(
-  (config) => {
-    // 允许外部传入 headers.authorization
-    if (config.headers && config.headers['authorization']) {
-      config.headers['Authorization'] = config.headers['authorization'];
-      delete config.headers['authorization'];
-    }
-    return config;
-  },
-  (error) => Promise.reject(error)
-);
-
-// 响应拦截器，统一处理 code=0 的返回
-instance.interceptors.response.use(
-  (response: AxiosResponse) => {
-    if (response.data && response.data.code === 0) {
-      return response.data;
-    }
-    // 其他情况抛出错误
-    return Promise.reject(response.data || response);
-  },
-  (error) => Promise.reject(error)
-);
-
-// 通用请求方法
-export function request<T = any>(
-  url: string,
-  method: 'get' | 'post' | 'put' | 'delete' | 'patch' = 'get',
-  data?: any,
-  config: AxiosRequestConfig = {}
-): Promise<T> {
-  return instance({
-    url,
-    method,
-    ...(method === 'get' ? { params: data } : { data }),
-    ...config,
-  });
-}
-
-export default instance;

package/src/javascript.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="#F7DF1E" d="M0 0h256v256H0V0Z"></path><path d="m67.312 213.932l19.59-11.856c3.78 6.701 7.218 12.371 15.465 12.371c7.905 0 12.89-3.092 12.89-15.12v-81.798h24.057v82.138c0 24.917-14.606 36.259-35.916 36.259c-19.245 0-30.416-9.967-36.087-21.996m85.07-2.576l19.588-11.341c5.157 8.421 11.859 14.607 23.715 14.607c9.969 0 16.325-4.984 16.325-11.858c0-8.248-6.53-11.17-17.528-15.98l-6.013-2.58c-17.357-7.387-28.87-16.667-28.87-36.257c0-18.044 13.747-31.792 35.228-31.792c15.294 0 26.292 5.328 34.196 19.247l-18.732 12.03c-4.125-7.389-8.591-10.31-15.465-10.31c-7.046 0-11.514 4.468-11.514 10.31c0 7.217 4.468 10.14 14.778 14.608l6.014 2.577c20.45 8.765 31.963 17.7 31.963 37.804c0 21.654-17.012 33.51-39.867 33.51c-22.339 0-36.774-10.654-43.819-24.574"></path></svg>

package/src/main.jsx

@@ -1,4 +0,0 @@
-import { render } from 'preact';
-import App from './App.jsx';
-
-render(<App />, document.getElementById('app')); 

package/src/sdk/index.ts

@@ -1,33 +0,0 @@
-import { render } from 'preact';
-import Home from '../views/Home.jsx';
-
-export interface BestUnitOptions {
-  token: string;
-  userId: string;
-  theme?: 'light' | 'dark' | string;
-  container?: HTMLElement | string;
-}
-
-declare global {
-  interface Window {
-    BEST_UNIT_TOKEN?: string;
-    BEST_UNIT_USERID?: string;
-    BEST_UNIT_THEME?: string;
-  }
-}
-
-export function initBestUnit(options: BestUnitOptions) {
-  window.BEST_UNIT_TOKEN = options.token;
-  window.BEST_UNIT_USERID = options.userId;
-  window.BEST_UNIT_THEME = options.theme || 'light';
-
-  let container: HTMLElement | null;
-  if (typeof options.container === 'string') {
-    container = document.querySelector(options.container);
-  } else if (options.container instanceof HTMLElement) {
-    container = options.container;
-  } else {
-    container = document.body;
-  }
-  render(Home, container!);
-} 

package/src/style.css

@@ -1,96 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vanilla:hover {
-  filter: drop-shadow(0 0 2em #f7df1eaa);
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}