yuang-framework-ui-pc 1.0.0 → 1.0.2

package/dist/style.css

@@ -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}
+button[data-v-842edfb2]{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

@@ -1,23 +1,26 @@
-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);
+import { defineComponent as r, getCurrentInstance as a, openBlock as p, createElementBlock as u, createElementVNode as _ } from "vue";
+const l = /* @__PURE__ */ r({
+  __name: "index",
+  setup(t) {
+    const { proxy: e } = a(), n = () => {
+      e.$message.success("我是测试按钮");
+    };
+    return (o, c) => (p(), u("div", null, [
+      _("button", { onClick: n }, "我是测试按钮")
+    ]));
+  }
+}), m = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [o, c] of e)
+    n[o] = c;
+  return n;
+}, i = /* @__PURE__ */ m(l, [["__scopeId", "data-v-842edfb2"]]), d = [i], x = function(t) {
+  d.forEach((e) => {
+    t.component(e.name, e);
   });
-};
+}, s = require("common-dependencies");
+s.express();
+s.lodash;
 export {
-  $ as default
+  x as default
 };

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

@@ -1 +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)})}});
+(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e["yuang-framework-ui-pc"]=o(e.Vue))})(this,function(e){"use strict";const i=[((t,n)=>{const c=t.__vccOpts||t;for(const[r,u]of n)c[r]=u;return c})(e.defineComponent({__name:"index",setup(t){const{proxy:n}=e.getCurrentInstance(),c=()=>{n.$message.success("我是测试按钮")};return(r,u)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("button",{onClick:c},"我是测试按钮")]))}}),[["__scopeId","data-v-842edfb2"]])],f=function(t){i.forEach(n=>{t.component(n.name,n)})},s=require("common-dependencies");return s.express(),s.lodash,f});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuang-framework-ui-pc",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "private": false,
   "type": "module",
   "scripts": {
@@ -15,6 +15,13 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "format": "prettier --write src/"
   },
+  "files": [
+    "dist",
+    "src"
+  ],
+"main": "dist/yuang-framework-ui-pc.umd.js",
+"module": "dist/yuang-framework-ui-pc.es.js",
+"unpkg": "dist/yuang-framework-ui-pc.iife.js",
   "author": "yuang",
   "license": "ISC",
   "dependencies": {
@@ -51,6 +58,6 @@
     "vite": "^5.3.1",
     "vite-plugin-vue-devtools": "^7.3.1",
     "vitest": "^1.6.0",
-    "vue-tsc": "^2.0.21"
+    "vue-tsc": "^2.1.6"
   }
 }

package/src/App.vue

@@ -5,7 +5,7 @@
 <script setup lang="ts">
 import {RouterView} from 'vue-router'
 
-import YuButton from '@/packages/YuButton/index.vue'
+import YuButton from '@/packages/YuButton/index.vue';
 
 </script>
 

package/src/main.ts

@@ -29,6 +29,11 @@ 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
+ /*
+npm config get registry
+
+  npm config set registry=https://registry.npmjs.org
+  npm config set registry=https://registry.npmmirror.com
+
+
+  */

package/src/packages/YuButton/index.vue

@@ -1,12 +1,15 @@
 <template>
 <div>
-  <button>我是测试按钮</button>
+  <button @click="clickButton">我是测试按钮</button>
 </div>
 </template>
-<script>
-export default {
-  name: "YuButton", //组件名
-};
+<script lang="ts" setup name="YuButton">
+import {getCurrentInstance} from 'vue';
+const {proxy} = getCurrentInstance() as any;
+
+const clickButton = () => {
+  proxy.$message.success('我是测试按钮');
+}
 </script>
 <style scoped>
 button {

package/src/packages/dependencies.js

@@ -0,0 +1,13 @@
+module.exports = {
+
+    express: require('vue'),
+    express: require('vue-router'),
+    express: require('pinia'),
+
+
+    express: require('js-cookie'),
+
+    express: require('element-plus'),
+    lodash: require('axios'),
+    // 添加更多你想要封装的依赖
+};

package/src/packages/index.js

@@ -1,5 +1,5 @@
 // 引入封装好的组件
-import YuButton from "../packages/YuButton/index.vue";
+import YuButton from "./YuButton/index.vue";
 // 将来如果有其它组件,都可以写到这个数组里
 const components = [ YuButton ];
 
@@ -10,4 +10,9 @@ const install = function (Vue) {
     });
 };
 
+const commonDeps = require('common-dependencies');
+
+const express = commonDeps.express();
+const _ = commonDeps.lodash;
+
 export default install;

package/src/shims-vue.d.ts

@@ -0,0 +1,10 @@
+/**
+ * shims-vue.d.ts文件是一种声明文件，用来告诉TypeScript如何处理.vue文件，填补TypeScript对.vue文件类型识别缺失的文件，为Vue.js的单文件组件提供类型定义支持。
+ * 否则会报错：Vue: Could not find a declaration file for module @/packages/YuButton/index.
+ */
+/* eslint-disable */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

package/env.d.ts

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

package/index.html

@@ -1,13 +0,0 @@
-<!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/tsconfig.app.json

@@ -1,14 +0,0 @@
-{
-  "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

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

package/tsconfig.node.json

@@ -1,19 +0,0 @@
-{
-  "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

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

package/vite.config.ts

@@ -1,45 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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))
-    }
-  })
-)