npm - yuang-framework-ui-pc - Versions diffs - 1.0.0 - Mend

yuang-framework-ui-pc 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/README.md +61 -0
package/dist/favicon.ico +0 -0
package/dist/style.css +1 -0
package/dist/yuang-framework-ui-pc.es.js +23 -0
package/dist/yuang-framework-ui-pc.umd.js +1 -0
package/env.d.ts +1 -0
package/index.html +13 -0
package/package.json +56 -0
package/public/favicon.ico +0 -0
package/src/App.vue +15 -0
package/src/common/ssoClient.ts +102 -0
package/src/config/http.ts +47 -0
package/src/main.ts +34 -0
package/src/packages/YuButton/index.vue +22 -0
package/src/packages/index.js +13 -0
package/src/router/index.ts +19 -0
package/src/stores/counter.ts +12 -0
package/tsconfig.app.json +14 -0
package/tsconfig.json +17 -0
package/tsconfig.node.json +19 -0
package/tsconfig.vitest.json +11 -0
package/vite.config.ts +45 -0
package/vitest.config.ts +14 -0

package/README.md ADDED Viewed

@@ -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/favicon.ico ADDED Viewed

Binary file

package/dist/style.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ button[data-v-a6bc3172]{width:100px;height:50px;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;cursor:pointer}

package/dist/yuang-framework-ui-pc.es.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { openBlock as s, createElementBlock as a, pushScopeId as r, popScopeId as p, createElementVNode as _ } from "vue";
+const d = (t, o) => {
+  const e = t.__vccOpts || t;
+  for (const [c, n] of o)
+    e[c] = n;
+  return e;
+}, u = {
+  name: "YuButton"
+  //组件名
+}, l = (t) => (r("data-v-a6bc3172"), t = t(), p(), t), i = /* @__PURE__ */ l(() => /* @__PURE__ */ _("button", null, "我是测试按钮", -1)), f = [
+  i
+];
+function m(t, o, e, c, n, B) {
+  return s(), a("div", null, f);
+}
+const h = /* @__PURE__ */ d(u, [["render", m], ["__scopeId", "data-v-a6bc3172"]]), v = [h], $ = function(t) {
+  v.forEach((o) => {
+    t.component(o.name, o);
+  });
+};
+export {
+  $ as default
+};

package/dist/yuang-framework-ui-pc.umd.js ADDED Viewed

@@ -0,0 +1 @@

+ (function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e["yuang-framework-ui-pc"]=n(e.Vue))})(this,function(e){"use strict";const n=(t,o)=>{const c=t.__vccOpts||t;for(const[s,i]of o)c[s]=i;return c},u={name:"YuButton"},d=[(t=>(e.pushScopeId("data-v-a6bc3172"),t=t(),e.popScopeId(),t))(()=>e.createElementVNode("button",null,"我是测试按钮",-1))];function p(t,o,c,s,i,h){return e.openBlock(),e.createElementBlock("div",null,d)}const r=[n(u,[["render",p],["__scopeId","data-v-a6bc3172"]])];return function(t){r.forEach(o=>{t.component(o.name,o)})}});

package/env.d.ts ADDED Viewed

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

package/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/package.json ADDED Viewed

@@ -0,0 +1,56 @@
+{
+  "name": "yuang-framework-ui-pc",
+  "version": "1.0.0",
+  "private": false,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
+    "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'",
+    "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/"
+  },
+  "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",
+    "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",
+    "cypress": "^13.12.0",
+    "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.0.21"
+  }
+}

package/public/favicon.ico ADDED Viewed

Binary file

package/src/App.vue ADDED Viewed

@@ -0,0 +1,15 @@
+<template>
+<RouterView/>
+<yu-button></yu-button>
+</template>
+<script setup lang="ts">
+import {RouterView} from 'vue-router'
+import YuButton from '@/packages/YuButton/index.vue'
+</script>
+<style scoped>
+</style>

package/src/common/ssoClient.ts ADDED Viewed

@@ -0,0 +1,102 @@
+'use strict'
+import Cookies from "js-cookie"
+// const getLoginUrl = function () {
+//     return window.$config.sso.loginUrl;
+// }
+//
+// const getLogoutUrl = function () {
+//     return window.$config.sso.logoutUrl;
+// }
+//
+// const getTicketUrl = function () {
+//     return window.$config.sso.ticketUrl;
+// }
+//
+// const getSessionName = function () {
+//     return window.$config.sso.sessionName;
+// }
+const getUserUid = function () {
+    // const userUid = Cookies.get(getSessionName())
+    //
+    // if (userUid === null || userUid === undefined || userUid.length === 0) {
+    //     return null
+    // }
+    //
+    // return userUid
+}
+// const setUserUid = function (userUid) {
+//     Cookies.set(getSessionName(), userUid)
+// }
+function getTokenName() {
+    return "ssoAccessToken"
+}
+export function getToken() {
+    const token = Cookies.get(getTokenName())
+    if (token === null || token === undefined || token.length === 0) {
+        return null
+    }
+    return token
+}
+// export function setToken(token: String) {
+//     Cookies.set(getTokenName(), token)
+// }
+// const clearUserUid = function () {
+//     Cookies.remove(getSessionName())
+// }
+const clearToken = function () {
+    Cookies.remove(getTokenName())
+}
+const signOut = function () {
+    // clearUserUid()
+    // clearToken()
+    //
+    // if(window.$config.sso.useMode == 1) {
+    //     var parent = document.querySelector("body");
+    //     var iframe = document.createElement("iframe");
+    //     iframe.setAttribute("src", getLogoutUrl());
+    //     iframe.setAttribute("style", "display:none;");
+    //
+    //     parent.appendChild(iframe);
+    // }else if(window.$config.sso.useMode == 2) {
+    //     let win = window.open(getLogoutUrl());
+    //     setTimeout(()=>{
+    //         win.close();
+    //     },100);
+    // }else{
+    //     const actionUrl = encodeURIComponent(`${window.$config.misAdmin.fullBaseUrl}/server/sso/login?actionUrl=/`)
+    //     window.location.href = `${getLogoutUrl()}?actionUrl=${actionUrl}`
+    // }
+}
+export default {
+    // getLoginUrl,
+    // getLogoutUrl,
+    // getTicketUrl,
+    // getSessionName,
+    getUserUid,
+    // setUserUid,
+    // setToken,
+    getToken,
+    signOut,
+    // clearUserUid,
+    clearToken,
+}

package/src/config/http.ts ADDED Viewed

@@ -0,0 +1,47 @@
+import axios from "axios"
+import router from "@/router/index";
+const $http = axios.create({
+    baseURL: '/sso-api/',
+    timeout: 5000,
+    headers: {'Authorization': 'none'}
+})
+/* 请求拦截 */
+$http.interceptors.request.use(
+      config => {
+          let anonymousAccessToken = localStorage.getItem("anonymousAccessToken") ?? 'test';
+          let ssoAccessToken = localStorage.getItem("ssoAccessToken") ?? '';
+          if (anonymousAccessToken) {
+              config.headers["anonymousAccessToken"] = anonymousAccessToken;
+          }
+          if (ssoAccessToken) {
+              config.headers["ssoAccessToken"] = ssoAccessToken;
+          }
+          return config;
+      },
+      err => Promise.reject(err)
+);
+/* 响应拦截器 */
+$http.interceptors.response.use((res) => {
+    // 登录过期处理
+    if (res.data.statusCode === 401) {
+        localStorage.removeItem('ssoAccessToken');
+        localStorage.removeItem('ssoRefreshToken');
+        router.push('/sso/login');
+        return Promise.reject(new Error(res.data.message));
+    }
+    return res;
+}, (error) => {
+    return Promise.reject(error);
+});
+export default $http

package/src/main.ts ADDED Viewed

@@ -0,0 +1,34 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import App from './App.vue'
+import router from './router'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import { ElMessage } from 'element-plus'
+const app = createApp(App)
+import http from '@/config/http';
+app.config.globalProperties.$http = http;
+app.config.globalProperties.$message = ElMessage
+app.use(createPinia())
+app.use(router)
+app.use(ElementPlus)
+app.mount('#app')
+// https://blog.csdn.net/qq_34569497/article/details/133643863
+// npm config set registry=https://registry.npmjs.org
+// npm config set registry=https://registry.npmmirror.com

package/src/packages/YuButton/index.vue ADDED Viewed

@@ -0,0 +1,22 @@
+<template>
+<div>
+  <button>我是测试按钮</button>
+</div>
+</template>
+<script>
+export default {
+  name: "YuButton", //组件名
+};
+</script>
+<style scoped>
+button {
+  width: 100px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 10px;
+  cursor: pointer;
+}
+</style>

package/src/packages/index.js ADDED Viewed

@@ -0,0 +1,13 @@
+// 引入封装好的组件
+import YuButton from "../packages/YuButton/index.vue";
+// 将来如果有其它组件,都可以写到这个数组里
+const components = [ YuButton ];
+// 批量组件注册
+const install = function (Vue) {
+    components.forEach((component) => {
+        Vue.component(component.name, component);
+    });
+};
+export default install;

package/src/router/index.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import {createRouter, createWebHistory} from 'vue-router'
+import ssoClient from '../common/ssoClient';
+const router = createRouter({
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes: [
+    ]
+})
+/* 路由守卫 */
+router.beforeEach(async (to, from, next) => {
+    next();
+});
+export default router

package/src/stores/counter.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+  return { count, doubleCount, increment }
+})

package/tsconfig.app.json ADDED Viewed

@@ -0,0 +1,14 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,17 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.vitest.json"
+    }
+  ],
+  "compilerOptions": {
+    "module": "NodeNext"
+  }
+}

package/tsconfig.node.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "extends": "@tsconfig/node20/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}

package/tsconfig.vitest.json ADDED Viewed

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.app.json",
+  "exclude": [],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
+    "lib": [],
+    "types": ["node", "jsdom"]
+  }
+}

package/vite.config.ts ADDED Viewed

@@ -0,0 +1,45 @@
+import { fileURLToPath, URL } from 'node:url'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: "/framework-ui-pc",
+  server: {
+    port: 8110,
+    proxy: {
+      '/sso-api': {
+        target: 'http://localhost:8150/sso-api', // 目标服务器的地址
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/sso-api/, '') // 将请求路径中的'/api'替换为空字符串
+      }
+    }
+  },
+  plugins: [
+    vue(),
+    vueJsx(),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  },
+  build: {
+    lib: {
+      entry: './src/packages/index.js',
+      name: 'yuang-framework-ui-pc',
+      fileName: (format) => `yuang-framework-ui-pc.${format}.js`,
+    },
+    rollupOptions: {
+      // 确保外部化处理依赖
+      external: ['vue'],
+      output: {
+        globals: {
+          vue: 'Vue',
+        },
+      },
+    },
+  },
+})

package/vitest.config.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { fileURLToPath } from 'node:url'
+import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
+import viteConfig from './vite.config'
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    test: {
+      environment: 'jsdom',
+      exclude: [...configDefaults.exclude, 'e2e/**'],
+      root: fileURLToPath(new URL('./', import.meta.url))
+    }
+  })
+)