yuang-framework-ui-common 1.0.2

package/README.md

@@ -0,0 +1,61 @@
+# vue3-demo
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Run Unit Tests with [Vitest](https://vitest.dev/)
+
+```sh
+npm run test:unit
+```
+
+### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
+
+```sh
+npm run test:e2e:dev
+```
+
+This runs the end-to-end tests against the Vite development server.
+It is much faster than the production build.
+
+But it's still recommended to test the production build with `test:e2e` before deploying (e.g. in CI environments):
+
+```sh
+npm run build
+npm run test:e2e
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```

package/dist/yuang-framework-ui-common.es.js

@@ -0,0 +1,4 @@
+const e = {};
+export {
+  e as default
+};

package/dist/yuang-framework-ui-common.umd.js

@@ -0,0 +1 @@
+(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n():typeof define=="function"&&define.amd?define(n):(e=typeof globalThis<"u"?globalThis:e||self,e["yuang-framework-ui-common"]=n())})(this,function(){"use strict";return{}});

package/lib/config/http.ts

@@ -0,0 +1,44 @@
+import axios from "axios"
+
+import {clearSsoAccessToken} from '../utils/ssoUtils';
+
+
+const $http = axios.create({
+    baseURL: '/gateway-api/',
+    timeout: 5000,
+    headers: {}
+})
+
+
+/* 请求拦截 */
+$http.interceptors.request.use(config => {
+
+    let gatewayAccessToken = localStorage.getItem("gatewayAccessToken") ?? '';
+    let ssoAccessToken = localStorage.getItem("ssoAccessToken") ?? '';
+    if (gatewayAccessToken) {
+        config.headers["Gateway-Access-Token"] = gatewayAccessToken;
+    }
+    if (ssoAccessToken) {
+        config.headers["Sso-Access-Token"] = ssoAccessToken;
+    }
+    config.headers["Request-Id"] = 'test';
+    return config;
+}, err => Promise.reject(err));
+
+
+/* 响应拦截器 */
+$http.interceptors.response.use((res) => {
+    // 登录过期处理
+    if (res.data.statusCode === 401) {
+        clearSsoAccessToken();
+        // router.push('/sso/login');
+        location.href = 'http://localhost:8110/sso-ui-pc/sso/login';
+        return Promise.reject(new Error(res.data.message));
+    }
+    return res;
+}, (error) => {
+    return Promise.reject(error);
+});
+
+
+export default $http

package/lib/index.ts

@@ -0,0 +1,2 @@
+
+export default {};

package/lib/utils/gatewayUtils.ts

@@ -0,0 +1,22 @@
+import {ElMessage} from 'element-plus/es';
+
+import http from '../config/http';
+
+const initGateway = () => {
+    return new Promise(async resolve => {
+        let gatewayAccessToken = localStorage.getItem("gatewayAccessToken");
+        if (!gatewayAccessToken) {
+            let res = await http.get('/server/gateway/getGatewayAccessToken');
+            if (res.data.statusCode != 200) {
+                return EleMessage.error(res.data.message);
+            }
+            localStorage.setItem("gatewayAccessToken", res.data.data.gatewayAccessToken);
+        }
+        resolve();
+    })
+
+}
+
+export {
+    initGateway
+}

package/lib/utils/ssoUtils.ts

@@ -0,0 +1,57 @@
+'use strict'
+
+
+import Cookies from 'js-cookie'
+
+const getSsoLoginUrl = function () {
+    return 'http://localhost:8110/sso-ui-pc/sso/login';
+}
+
+const getSsoLogoutUrl = function () {
+    return 'http://localhost:8110/sso-ui-pc/sso/logout';
+}
+
+
+const ssoAccessTokenCookieKey:string =  'Sso-Access-Token';
+const ssoAccessTokenLocalKey:string =  'ssoAccessToken';
+const ssoRefreshTokenLocalKey:string =  'ssoRefreshToken';
+
+
+const getSsoAccessToken = function () {
+    let ssoAccessToken = Cookies.get(ssoAccessTokenCookieKey);
+
+    if (!ssoAccessToken) {
+        ssoAccessToken = localStorage.getItem(ssoAccessTokenLocalKey) as string;
+        return ssoAccessToken
+    }
+
+    return ssoAccessToken
+}
+
+
+const setSsoAccessToken = function (param: any) {
+    localStorage.setItem(ssoAccessTokenLocalKey, param.ssoAccessToken);
+    localStorage.setItem(ssoRefreshTokenLocalKey, param.ssoRefreshToken);
+
+}
+
+
+const clearSsoAccessToken = function () {
+    Cookies.remove(ssoAccessTokenCookieKey);
+
+    localStorage.removeItem(ssoAccessTokenLocalKey);
+    localStorage.removeItem(ssoRefreshTokenLocalKey);
+
+}
+
+
+export {
+    getSsoLoginUrl,
+    getSsoLogoutUrl,
+
+    getSsoAccessToken,
+    setSsoAccessToken,
+
+    clearSsoAccessToken,
+
+}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "yuang-framework-ui-common",
+  "version": "1.0.2",
+  "private": false,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
+  },
+  "files": [
+    "dist",
+    "lib"
+  ],
+  "main": "dist/yuang-framework-ui-common.umd.js",
+  "module": "dist/yuang-framework-ui-common.es.js",
+  "unpkg": "dist/yuang-framework-ui-common.iife.js",
+  "author": "yuang",
+  "license": "ISC",
+  "dependencies": {
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
+    "axios": "^1.7.3",
+    "element-plus": "^2.7.8",
+    "js-cookie": "^3.0.5",
+    "moment": "^2.30.1",
+    "pinia": "^2.1.7",
+    "vue": "^3.4.29",
+    "vue-router": "^4.3.3"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.8.0",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/js-cookie": "^3.0.6",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^20.14.5",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.5.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-cypress": "^3.3.0",
+    "eslint-plugin-vue": "^9.23.0",
+    "jsdom": "^24.1.0",
+    "npm-run-all2": "^6.2.0",
+    "prettier": "^3.2.5",
+    "start-server-and-test": "^2.0.4",
+    "typescript": "~5.4.0",
+    "vite": "^5.3.1",
+    "vite-plugin-vue-devtools": "^7.3.1",
+    "vitest": "^1.6.0",
+    "vue-tsc": "^2.1.6"
+  }
+}