beer-network 1.1.0

package/.eslintignore

@@ -0,0 +1 @@
+src/wasm

package/.eslintrc.cjs

@@ -0,0 +1,76 @@
+module.exports = {
+  env: {
+    browser: true
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react/recommended',
+    'airbnb-base'
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 2022,
+    sourceType: 'module',
+    requireConfigFile: false,
+    babelOptions: {
+      presets: ['@babel/preset-react']
+    }
+  },
+  plugins: [
+    'react',
+    '@typescript-eslint'
+  ],
+  settings: {
+    react: {
+      version: '18'
+    }
+  },
+  rules: {
+    'class-methods-use-this': 'off',
+    'padded-blocks': 'off',
+    'max-classes-per-file': ['error', 10],
+    'import/extensions': 'off',
+    'import/no-unresolved': 'off',
+    'lines-between-class-members': 'off',
+    'no-unused-vars': 'off',
+    'import/prefer-default-export': 'off',
+    'no-restricted-syntax': 'off',
+    'no-continue': 'off',
+    'max-len': ['error', 180],
+    'no-param-reassign': 'off',
+    'vue/no-v-model-argument': 'off',
+    'arrow-body-style': 'off',
+    'vue/no-multiple-template-root': 'off',
+    'import/no-extraneous-dependencies': 'off',
+    'no-case-declarations': 'off',
+    'default-case': 'off',
+    'no-return-assign': 'off',
+    'indent': ['error', 2],
+    'no-debugger': 'off',
+    'comma-dangle': ['error', 'never'],
+    'object-curly-newline': 'off',
+    'no-use-before-define': 'off',
+    'no-shadow': 'off',
+    'vue/no-v-for-template-key': 'off',
+    'linebreak-style': [0, 'error', 'windows'],
+    'no-extra-semi': 2,
+    'no-console': 'off',
+    'spaced-comment': 'off',
+    'react/display-name': 'off',
+    'default-param-last': 'off',
+    'prefer-template': 'off',
+    'arrow-parens': 'off',
+    'react/prop-types': 'off',
+    '@typescript-eslint/no-unused-vars': ['warn', {
+      vars: 'all',
+      args: 'after-used',
+      ignoreRestSiblings: true,
+      varsIgnorePattern: '^_',
+      argsIgnorePattern: '^_'
+    }],
+    '@typescript-eslint/no-explicit-any': 'off',
+    'no-empty-interface': 'off',
+    '@typescript-eslint/ban-types': 'off'
+  }
+};

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,56 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="VAR_DECLARATION_WRAP" value="2" />
+      <option name="OBJECT_LITERAL_WRAP" value="2" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="VAR_DECLARATION_WRAP" value="2" />
+      <option name="OBJECT_LITERAL_WRAP" value="2" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="RIGHT_MARGIN" value="180" />
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <option name="INDENT_CASE_FROM_SWITCH" value="false" />
+      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
+      <option name="ALIGN_MULTILINE_FOR" value="false" />
+      <option name="METHOD_CALL_CHAIN_WRAP" value="2" />
+      <option name="IF_BRACE_FORCE" value="1" />
+      <option name="DOWHILE_BRACE_FORCE" value="1" />
+      <option name="WHILE_BRACE_FORCE" value="1" />
+      <option name="FOR_BRACE_FORCE" value="1" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="RIGHT_MARGIN" value="180" />
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <option name="INDENT_CASE_FROM_SWITCH" value="false" />
+      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
+      <option name="ALIGN_MULTILINE_FOR" value="false" />
+      <option name="METHOD_CALL_CHAIN_WRAP" value="2" />
+      <option name="IF_BRACE_FORCE" value="1" />
+      <option name="DOWHILE_BRACE_FORCE" value="1" />
+      <option name="WHILE_BRACE_FORCE" value="1" />
+      <option name="FOR_BRACE_FORCE" value="1" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/network.iml" filepath="$PROJECT_DIR$/.idea/network.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/network.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/.." vcs="Git" />
+  </component>
+</project>

package/dist/api.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Json 响应通用实体.
+ */
+export type JsonResponse<T> = {
+    success: boolean;
+    data: T;
+    code: string;
+    message?: string;
+};
+/**
+ * Antd Table 数据类型.
+ */
+export type RequestData<T> = {
+    data: T[];
+    page: number;
+    total: number;
+    success: boolean;
+};
+export default class Fetch {
+    /**
+     * 请求地址.
+     */
+    private readonly pathPrefix;
+    private constructor();
+    /**
+     * 发送POST/JSON 请求.
+     * @param path 路径.
+     * @param params 参数.
+     * @param body 内容体.
+     */
+    post<T>(path: string, params?: any, body?: any): Promise<JsonResponse<T>>;
+    /**
+     * 发送Get 请求.
+     * @param path 路径.
+     * @param params 参数.
+     */
+    get<T>(path: string, params?: any): Promise<JsonResponse<T>>;
+    /**
+     * 缓存.
+     * @param key 缓存Key.
+     * @param callback 数据回执函数.
+     * @param minute 缓存时间 (分钟).
+     */
+    cache<T>(key: string, callback: () => Promise<T>, minute: number): Promise<T>;
+    /**
+     * 默认授权方式.
+     */
+    authorization(): {};
+    /**
+     * 默认响应数据解析方式.
+     * @param response 响应数据.
+     */
+    responseJson<T>(response: Response): Promise<JsonResponse<T>>;
+    pageParams(params: any): any;
+    pageTable<T>(response: JsonResponse<any>): Promise<Partial<RequestData<T>>>;
+    sleep(value: number): Promise<unknown>;
+}

package/dist/api.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const session_1 = require("./session");
+class Fetch {
+    constructor(pathPrefix) {
+        this.pathPrefix = pathPrefix;
+    }
+    /**
+     * 发送POST/JSON 请求.
+     * @param path 路径.
+     * @param params 参数.
+     * @param body 内容体.
+     */
+    async post(path, params, body) {
+        const paramQuery = new URLSearchParams();
+        Object.keys(params || {})
+            .forEach(key => {
+            paramQuery.append(key, params[key]);
+        });
+        const response = await fetch(this.pathPrefix + path + (paramQuery.toString() === '' ? '' : '?') + paramQuery.toString(), {
+            method: 'POST',
+            headers: {
+                ...this.authorization(),
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(body || {})
+        });
+        return this.responseJson(response);
+    }
+    /**
+     * 发送Get 请求.
+     * @param path 路径.
+     * @param params 参数.
+     */
+    async get(path, params) {
+        const paramQuery = new URLSearchParams();
+        Object.keys(params || {})
+            .forEach(key => {
+            paramQuery.append(key, params[key]);
+        });
+        const response = await fetch(this.pathPrefix + path + '?' + paramQuery.toString(), {
+            method: 'GET',
+            headers: {
+                ...this.authorization()
+            }
+        });
+        return this.responseJson(response);
+    }
+    /**
+     * 缓存.
+     * @param key 缓存Key.
+     * @param callback 数据回执函数.
+     * @param minute 缓存时间 (分钟).
+     */
+    async cache(key, callback, minute) {
+        const cacheKey = 'CACHE_' + key;
+        const cacheValue = localStorage.getItem(cacheKey);
+        if (cacheValue !== null) {
+            const result = JSON.parse(cacheValue);
+            const { expireTime } = result;
+            if (expireTime !== undefined && expireTime >= new Date().getTime()) {
+                return result;
+            }
+        }
+        const response = await callback();
+        if (response.code === '0') {
+            response.expireTime = new Date().getTime() + 60000 * minute;
+            localStorage.setItem(cacheKey, JSON.stringify(response));
+        }
+        return response;
+    }
+    /**
+     * 默认授权方式.
+     */
+    authorization() {
+        const bearer = session_1.Session.getBearer();
+        if (bearer === undefined || bearer === '') {
+            return {};
+        }
+        return { Authorization: 'Bearer ' + bearer };
+    }
+    /**
+     * 默认响应数据解析方式.
+     * @param response 响应数据.
+     */
+    async responseJson(response) {
+        const result = await response.json();
+        if (result?.code === '401') {
+            setTimeout(() => window.location.replace('/auth/login'), 500);
+            return result;
+        }
+        return result;
+    }
+    pageParams(params) {
+        return {
+            ...params,
+            currentPage: params.current,
+            current: undefined
+        };
+    }
+    async pageTable(response) {
+        return {
+            data: response.data.records || response.data,
+            page: response.data.currentPage || 1,
+            total: response.data.totalSize || response.data.length,
+            success: response.success
+        };
+    }
+    async sleep(value) {
+        return new Promise((resolve) => {
+            setTimeout(() => {
+                resolve(undefined);
+            }, value);
+        });
+    }
+}
+exports.default = Fetch;

package/dist/elementUtils.d.ts

@@ -0,0 +1,12 @@
+export declare class ElementUtils {
+    /**
+     * 选择文件本地文件.
+     */
+    static selectFile(): Promise<FileList | null>;
+    /**
+     * 下载文件.
+     * @param url 文件下载地址.
+     * @param fileName 文件名称.
+     */
+    static download(url: string, fileName: string): void;
+}

package/dist/elementUtils.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ElementUtils = void 0;
+class ElementUtils {
+    /**
+     * 选择文件本地文件.
+     */
+    static selectFile() {
+        return new Promise((resolve) => {
+            const fileInput = document.createElement('input');
+            fileInput.type = 'file';
+            fileInput.style.display = 'none';
+            document.body.appendChild(fileInput);
+            fileInput.addEventListener('change', () => {
+                resolve(fileInput.files);
+                document.body.removeChild(fileInput);
+            });
+            fileInput.click();
+        });
+    }
+    /**
+     * 下载文件.
+     * @param url 文件下载地址.
+     * @param fileName 文件名称.
+     */
+    static download(url, fileName) {
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = fileName;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+}
+exports.ElementUtils = ElementUtils;

package/dist/session.d.ts

@@ -0,0 +1,18 @@
+export declare class Session {
+    /**
+     * 获取令牌.
+     * <li>window.sessionKey 设置读取缓存用户信息的Key, 默认 login_user.</li>
+     * <li>window.accessTokenKey 读取用户令牌的字段, 默认 accessToken 或者 token.</li>
+     * <li>window.accessToken 设置身份令牌, 直接返回.</li>
+     */
+    static getBearer(): string | undefined;
+    /**
+     * 检查令牌是否存在.
+     */
+    static checkAccessTokenExist(): boolean;
+    /**
+     * 退出登录.
+     * @param url 退出之后的地址.
+     */
+    static logout(url?: string): void;
+}

package/dist/session.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Session = void 0;
+class Session {
+    /**
+     * 获取令牌.
+     * <li>window.sessionKey 设置读取缓存用户信息的Key, 默认 login_user.</li>
+     * <li>window.accessTokenKey 读取用户令牌的字段, 默认 accessToken 或者 token.</li>
+     * <li>window.accessToken 设置身份令牌, 直接返回.</li>
+     */
+    static getBearer() {
+        if (window.accessToken != undefined && window.accessToken !== '') {
+            return window.accessToken;
+        }
+        const key = window.sessionKey || 'login_user';
+        const loginUser = JSON.parse(localStorage.getItem(key) || '{}');
+        if (window.accessTokenKey != undefined && window.accessTokenKey !== '') {
+            return loginUser[window.accessTokenKey];
+        }
+        return loginUser.accessToken || loginUser.token || undefined;
+    }
+    /**
+     * 检查令牌是否存在.
+     */
+    static checkAccessTokenExist() {
+        const bearer = Session.getBearer();
+        return !(bearer === undefined || bearer === '');
+    }
+    /**
+     * 退出登录.
+     * @param url 退出之后的地址.
+     */
+    static logout(url) {
+        localStorage.clear();
+        if (url !== undefined && url !== '') {
+            window.location.href = url;
+        }
+    }
+}
+exports.Session = Session;

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "beer-network",
+  "private": false,
+  "version": "1.1.0",
+  "type": "module",
+  "scripts": {
+  },
+  "dependencies": {
+  },
+  "devDependencies": {
+    "typescript": "^5.0.2",
+    "@babel/eslint-parser": "^7.22.15",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.45.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-ali": "^14.0.2",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3"
+  }
+}

package/src/api.ts

@@ -0,0 +1,148 @@
+import { Session } from './session';
+
+/**
+ * Json 响应通用实体.
+ */
+export type JsonResponse<T> = {
+  success: boolean;
+  data: T;
+  code: string;
+  message?: string;
+};
+
+/**
+ * Antd Table 数据类型.
+ */
+export type RequestData<T> = {
+  data: T[]
+  page: number
+  total: number
+  success: boolean
+}
+
+export default class Fetch {
+  /**
+   * 请求地址.
+   */
+  private readonly pathPrefix: string;
+
+  private constructor(pathPrefix: string) {
+    this.pathPrefix = pathPrefix;
+  }
+
+  /**
+   * 发送POST/JSON 请求.
+   * @param path 路径.
+   * @param params 参数.
+   * @param body 内容体.
+   */
+  async post<T>(path: string, params?: any, body?: any): Promise<JsonResponse<T>> {
+    const paramQuery = new URLSearchParams();
+    Object.keys(params || {})
+      .forEach(key => {
+        paramQuery.append(key, params[key]);
+      });
+    const response = await fetch(this.pathPrefix + path + (paramQuery.toString() === '' ? '' : '?') + paramQuery.toString(), {
+      method: 'POST',
+      headers: {
+        ...this.authorization(),
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(body || {})
+    });
+    return this.responseJson<T>(response);
+  }
+
+  /**
+   * 发送Get 请求.
+   * @param path 路径.
+   * @param params 参数.
+   */
+  async get<T>(path: string, params?: any): Promise<JsonResponse<T>> {
+    const paramQuery = new URLSearchParams();
+    Object.keys(params || {})
+      .forEach(key => {
+        paramQuery.append(key, params[key]);
+      });
+    const response = await fetch(this.pathPrefix + path + '?' + paramQuery.toString(), {
+      method: 'GET',
+      headers: {
+        ...this.authorization()
+      }
+    });
+    return this.responseJson<T>(response);
+  }
+
+  /**
+   * 缓存.
+   * @param key 缓存Key.
+   * @param callback 数据回执函数.
+   * @param minute 缓存时间 (分钟).
+   */
+  async cache<T>(key: string, callback: () => Promise<T>, minute: number) {
+    const cacheKey = 'CACHE_' + key;
+    const cacheValue = localStorage.getItem(cacheKey);
+    if (cacheValue !== null) {
+      const result = JSON.parse(cacheValue) as T;
+      const { expireTime } = (result as { expireTime: number });
+      if (expireTime !== undefined && expireTime >= new Date().getTime()) {
+        return result;
+      }
+    }
+    const response = await callback();
+    if ((response as { code: string }).code === '0') {
+      (response as { expireTime: number }).expireTime = new Date().getTime() + 60000 * minute;
+      localStorage.setItem(cacheKey, JSON.stringify(response));
+    }
+    return response;
+  }
+
+  /**
+   * 默认授权方式.
+   */
+  authorization(): {} {
+    const bearer = Session.getBearer();
+    if (bearer === undefined || bearer === '') {
+      return {};
+    }
+    return { Authorization: 'Bearer ' + bearer };
+  }
+
+  /**
+   * 默认响应数据解析方式.
+   * @param response 响应数据.
+   */
+  async responseJson<T>(response: Response): Promise<JsonResponse<T>> {
+    const result = await response.json() as JsonResponse<T>;
+    if (result?.code === '401') {
+      setTimeout(() => window.location.replace('/auth/login'), 500);
+      return result;
+    }
+    return result;
+  }
+
+  pageParams(params: any) {
+    return {
+      ...params,
+      currentPage: params.current,
+      current: undefined
+    };
+  }
+
+  async pageTable<T>(response: JsonResponse<any>): Promise<Partial<RequestData<T>>> {
+    return {
+      data: (response.data as { records: [] }).records || response.data,
+      page: response.data.currentPage || 1,
+      total: (response.data as { totalSize: number }).totalSize || response.data.length,
+      success: response.success
+    } as RequestData<T>;
+  }
+
+  async sleep(value: number) {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve(undefined);
+      }, value);
+    });
+  }
+}

package/src/elementUtils.ts

@@ -0,0 +1,34 @@
+export class ElementUtils {
+  /**
+   * 选择文件本地文件.
+   */
+  public static selectFile(): Promise<FileList | null> {
+    return new Promise<FileList | null>((resolve) => {
+      const fileInput = document.createElement('input');
+      fileInput.type = 'file';
+      fileInput.style.display = 'none';
+      document.body.appendChild(fileInput);
+      fileInput.addEventListener('change', () => {
+        resolve(fileInput.files);
+        document.body.removeChild(fileInput);
+      });
+      fileInput.click();
+    });
+  }
+
+  /**
+   * 下载文件.
+   * @param url 文件下载地址.
+   * @param fileName 文件名称.
+   */
+  public static download(url: string, fileName: string) {
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = fileName;
+
+    document.body.appendChild(link);
+    link.click();
+
+    document.body.removeChild(link);
+  }
+}

package/src/session.ts

@@ -0,0 +1,44 @@
+declare const window: { location: any, sessionKey: string, accessTokenKey: string, accessToken: string };
+
+export class Session {
+
+  /**
+   * 获取令牌.
+   * <li>window.sessionKey 设置读取缓存用户信息的Key, 默认 login_user.</li>
+   * <li>window.accessTokenKey 读取用户令牌的字段, 默认 accessToken 或者 token.</li>
+   * <li>window.accessToken 设置身份令牌, 直接返回.</li>
+   */
+  public static getBearer() {
+    if (window.accessToken != undefined && window.accessToken !== '') {
+      return window.accessToken;
+    }
+    const key: string = window.sessionKey || 'login_user';
+    const loginUser: {
+      accessToken: string | undefined,
+      token: string | undefined
+    } = JSON.parse(localStorage.getItem(key) || '{}');
+    if (window.accessTokenKey != undefined && window.accessTokenKey !== '') {
+      return (loginUser as never)[window.accessTokenKey];
+    }
+    return loginUser.accessToken || loginUser.token || undefined;
+  }
+
+  /**
+   * 检查令牌是否存在.
+   */
+  public static checkAccessTokenExist() {
+    const bearer = Session.getBearer();
+    return !(bearer === undefined || bearer === '');
+  }
+
+  /**
+   * 退出登录.
+   * @param url 退出之后的地址.
+   */
+  public static logout(url?: string) {
+    localStorage.clear();
+    if (url !== undefined && url !== '') {
+      window.location.href = url;
+    }
+  }
+}

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "commonjs",
+    "declaration": true,
+    "outDir": "./dist",
+    "strict": true
+  },
+  "include": [
+    "src/*.ts",
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx"
+  ]
+}