npm - guava-ui - Versions diffs - 0.0.1 → 0.0.3 - Mend

guava-ui 0.0.1 → 0.0.3

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 (9) hide show

package/README.md CHANGED Viewed

@@ -17,6 +17,18 @@
 ## Version - last >= 3
+> v0.0.3 : 2025.03.19
+>> 按需导入element-plus组件和样式
+>> 引入国际化多语言i18n
+>> vite.config.js编译与打包优化
+---
+> v0.0.2 : 2024.11.29
+>> pnpm add vite-plugin-svg-icons -D
+---
 > v0.0.1 : 2024.11.24
 >> 使用 pnpm create vue@latest 脚手架创建工程
 >> pnpm add sass-embedded -D 添加nodejs解析scss依赖
@@ -43,10 +55,6 @@ $ pnpm run dev
 # 启动构建生产服务
 $ pnpm run build
-# 本地预览打包后dist目录应用：
-$ npm install serve -g
-$ serve -s ./dist
 ```
 ## Modules
@@ -65,8 +73,21 @@ $ serve -s ./dist
 - `@commitlint/{config-conventional,cli}` git commit注视规范检查插件
 - `lint-staged` 对已经通过 git add 暂存的文件运行linters进行检测
 - `terser` JavaScript 压缩工具，它是 UglifyJS 的一个现代分支，支持更新的 JavaScript 特性（如 ES6+）
-- `stylelint` pnpm add stylelint stylelint-config-standard stylelint-config-standard-scss stylelint-order stylelint-prettier stylelint-config-prettier stylelint-config-recommended-vue stylelint-config-recommended stylelint-config-recess-order stylelint-config-recess-order -D
+- `stylelint` pnpm add stylelint stylelint-config-standard stylelint-config-standard-scss stylelint-order stylelint-prettier stylelint-config-prettier stylelint-config-recommended-vue stylelint-config-recommended stylelint-config-recess-order stylelint-config-recess-order stylelint-scss -D
+- `dayjs` pnpm add dayjs JavaScript 日期库,支持国际化显示和各种格式的日期和时间的解析和格式化
+- `vite-plugin-style-import` 按需加载组件库的样式
+- `pinia` vuex替换组件，管理全局state状态
+- `pinia-plugin-persistedstate` pinia 状态持久化到localStorage或SessionStorage
+- `vite-plugin-ejs` 支持 EJS（Embedded JavaScript Templates） 模板语法。在 HTML 模板中使用动态数据(`<%=%>`)
+- `vite-plugin-url-copy`  Vite 开发服务器启动后，自动复制 URL 到剪贴板，方便你直接粘贴到浏览器或终端中
+- `vite-plugin-svg-icons`  Vite 插件，用于自动加载本地 SVG 图标，并将其转换为 SVG Sprite（SVG 精灵图），从而减少 HTTP 请求，提高性能
+- `vite-plugin-purge-icons`  Vite 插件，用于按需导入和自动优化 SVG 图标，可以直接使用 Material Icons、FontAwesome、Tabler Icons、Heroicons 等上千个图标库，而不需要手动安装或导入
+- `vite-plugin-full-reload` Vite 插件，用于监听指定文件，并在更改时触发整个页面的刷新（而不仅仅是 HMR 热更新）(修改 vite.config.js 等配置文件后，HMR 不能自动生效)
+- `rollup-plugin-visualizer` Vite 构建体积分析插件.Rollup 插件，用于 Vite、Rollup、Webpack 项目，生成一个 交互式的可视化报告，分析 构建体积、依赖大小、包的嵌套关系
+- `browserslist` 一个工具，用于定义项目要支持的浏览器范围
+- `@vitejs/plugin-legacy` Vite 官方插件，用于让 Vite 项目兼容 旧版浏览器（如 IE11 或较旧的 Chrome、Safari、Firefox 版本）
+- `@rollup/plugin-commonjs` Rollup 官方插件，用于让 Rollup 兼容 CommonJS 模块
 ## Catalog
 ```text
@@ -111,7 +132,6 @@ $ serve -s ./dist
 - refactor 重构(即不是新增功能，也不是修改 BUG 的代码)
 - perf 优化相关，比如提升性能、体验
 - test 添加测试
-- build 编译相关的修改，对项目构建或者依赖的改动
 - ci 持续集成修改
 - chore 构建过程或辅助工具的变动
 - revert 回滚到上一个版本

package/index.html ADDED Viewed

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <link rel="shortcut icon" href="/favicon.ico">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta http-equiv="Content-Security-Policy" content="default-src *; img-src * 'self' data: https:; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src * 'self' 'unsafe-inline' https: http:*; font-src * 'self' data: https: http: *" />
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <!-- EJS 语法 -->
+  <title>
+    <%= title %>
+  </title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+</html>

package/lib/guava-ui.es.js ADDED Viewed

@@ -0,0 +1,57 @@
+import { defineComponent as i, computed as r, watch as m, createVNode as v, resolveComponent as f } from "vue";
+const d = /* @__PURE__ */ i({
+  name: "GvButton",
+  // --- pass params between parent-child ---
+  props: {
+    message: {
+      type: String,
+      default: "GvButton",
+      request: !1
+    }
+  },
+  // --- register components ---
+  components: {},
+  // --- pass events between parent-child ---
+  emits: ["click", "submit"],
+  setup(e, {
+    emit: o,
+    slots: n
+  }) {
+    const c = r(() => {
+      var t;
+      return (t = n.default) == null ? void 0 : t.call(n);
+    });
+    m(() => e.message, (t) => {
+      console.log("GvButton:" + t);
+    });
+    const a = (t, u) => {
+      alert("this is a child event"), o("click", t, u);
+    };
+    return () => v(f("el-button"), {
+      class: "gv-button",
+      onClick: (t) => a(t, e.message)
+    }, {
+      default: () => {
+        var t;
+        return [(t = c.value) != null ? t : e.message];
+      }
+    });
+  }
+}), p = (e, o) => {
+  const n = e.__vccOpts || e;
+  for (const [c, a] of o)
+    n[c] = a;
+  return n;
+}, l = /* @__PURE__ */ p(d, [["__scopeId", "data-v-73064ac2"]]), g = {
+  install(e) {
+    e.component(l.name || "GvButton", l);
+  }
+}, _ = [g], s = (e) => {
+  s.INSTALLED || (s.INSTALLED = !0, _.forEach((o) => o.install(e)));
+}, B = {
+  install: s
+};
+export {
+  B as default
+};
+//# sourceMappingURL=guava-ui.es.js.map

package/lib/guava-ui.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"guava-ui.es.js","sources":["../packages/GvButton/GvButton.vue","../packages/GvButton/index.ts","../packages/index.ts"],"sourcesContent":["\n\n<script lang=\"tsx\">\n import { defineComponent, computed, watch } from 'vue';\n\n export default defineComponent({\n name: 'GvButton',\n // --- pass params between parent-child ---\n props: {\n message: {\n type: String,\n default: 'GvButton',\n request: false,\n },\n },\n // --- register components ---\n components: {},\n // --- pass events between parent-child ---\n emits: ['click', 'submit'],\n\n setup(props, { emit, slots }) {\n // --- define computed ---\n // get default slot, Note: check if the slot is empty\n const getSlots = computed(() => slots.default?.());\n\n // --- listen data ---\n watch(\n () => props.message,\n (newVal) => {\n console.log('GvButton:' + newVal);\n },\n );\n\n // --- define Methods ---\n const handleClick = (event: MouseEvent, msg: string): void => {\n alert('this is a child event');\n emit('click', event, msg);\n };\n\n // render jsx\n return (): any => (\n <el-button\n class=\"gv-button\"\n onClick={(event) => handleClick(event, props.message)}>\n {getSlots.value ?? props.message}\n </el-button>\n );\n },\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .gv-button {\n &:hover {\n color: red;\n }\n }\n</style>\n","import type { App } from 'vue';\nimport GvButton from './GvButton.vue';\n// Define the install method on the GvButton component\nconst GvButtonPlugin = {\n install(app: App): void {\n app.component(GvButton.name || 'GvButton', GvButton);\n },\n};\nexport default GvButtonPlugin;\n// export { GvButton };\n","/*\n * @title: package lib entry\n * @author: andy.ten@tom.com & xukaixing@hotmail.com\n * @Date: 2024-11-28 18:18:44\n * @LastEditors: andy.ten@tom.com\n * @LastEditTime: 2025-03-19 15:58:41\n * @version: 1.0.1\n * @copyright: copyright (c) 2024 Andy Xu\n * node: you can not copy and/or use and/or modify this program free,\n * please reserve the segment above.Please mail me if you have any question.\n */\nimport type { App } from 'vue';\nimport GvButtonPlugin from './GvButton/index';\n\nconst components = [GvButtonPlugin];\n\n// 定义 install 方法， App 作为参数\nconst install = (app: App): void => {\n if (install['INSTALLED']) return;\n install['INSTALLED'] = true;\n // 遍历注册所有组件\n components.forEach((component) => component.install(app));\n};\n\nconst GuavaUi = {\n install,\n};\n\nexport default GuavaUi;\n\n// 按需加载\n// export { GvButton };\n"],"names":["defineComponent","name","props","message","type","String","default","request","components","emits","setup","emit","slots","getSlots","computed","watch","newVal","console","log","handleClick","event","msg","alert","_createVNode","_resolveComponent","value","_export_sfc","sfc","GvButtonPlugin","app","GvButton","install","component","GuavaUi"],"mappings":";AAeE,MAAeA,sBAAgB;AAAA,EAC7BC,MAAM;AAAA;AAAA,EAENC,OAAO;AAAA,IACLC,SAAS;AAAA,MACPC,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,EACD;AAAA;AAAA,EAEDC,YAAY,CAAE;AAAA;AAAA,EAEdC,OAAO,CAAC,SAAS,QAAQ;AAAA,EAEzBC,MAAMR,GAAO;AAAA,IAAES,MAAAA;AAAAA,IAAMC,OAAAA;AAAAA,EAAM,GAAG;AAG5B,UAAMC,IAAWC,EAAS;;AAAMF,cAAAA,IAAAA,EAAMN,YAANM,gBAAAA,EAAAA,KAAAA;AAAAA,KAAiB;AAGjDG,IAAAA,EACE,MAAMb,EAAMC,SACXa,CAAAA,MAAW;AACVC,cAAQC,IAAI,cAAcF,CAAM;AAAA,IAClC,CACF;AAGA,UAAMG,IAAcA,CAACC,GAAmBC,MAAsB;AAC5DC,YAAM,uBAAuB,GAC7BX,EAAK,SAASS,GAAOC,CAAG;AAAA,IACzB;AAGD,WAAO,MAAAE,EAAAC,EAAA,WAAA,GAAA;AAAA,MAAA,OAAA;AAAA,MAAA,SAGOJ,CAAAA,MAAUD,EAAYC,GAAOlB,EAAMC,OAAO;AAAA,IAAC,GAAA;AAAA,MAAAG,SAAAA,MAAAA;;AACpDO,iBAAAA,IAAAA,EAASY,UAATZ,OAAAA,IAAkBX,EAAMC,OAAO;AAAA;AAAA,KAEnC;AAAA,EACH;AACF,CAAC,GAACuB,IAAA,CAAAC,GAAAzB,MAAA;;;;;iECvDE0B,IAAiB;AAAA,EACrB,QAAQC,GAAgB;AACtB,IAAAA,EAAI,UAAUC,EAAS,QAAQ,YAAYA,CAAQ;AAAA,EAAA;AAEvD,GCOMtB,IAAa,CAACoB,CAAc,GAG5BG,IAAU,CAACF,MAAmB;AAC9B,EAAAE,EAAQ,cACZA,EAAQ,YAAe,IAEvBvB,EAAW,QAAQ,CAACwB,MAAcA,EAAU,QAAQH,CAAG,CAAC;AAC1D,GAEMI,IAAU;AAAA,EACd,SAAAF;AACF;"}

package/lib/guava-ui.umd.js ADDED Viewed

@@ -0,0 +1,3 @@
+(function(e,o){typeof exports=="object"&&typeof module!="undefined"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis!="undefined"?globalThis:e||self,e["guava-ui"]=o(e.Vue))})(this,function(e){"use strict";var o=document.createElement("style");o.textContent=`.gv-button[data-v-73064ac2]:hover{color:red}
+/*$vite$:1*/`,document.head.appendChild(o);const l=((n,c)=>{const a=n.__vccOpts||n;for(const[u,i]of c)a[u]=i;return a})(e.defineComponent({name:"GvButton",props:{message:{type:String,default:"GvButton",request:!1}},components:{},emits:["click","submit"],setup(n,{emit:c,slots:a}){const u=e.computed(()=>{var t;return(t=a.default)==null?void 0:t.call(a)});e.watch(()=>n.message,t=>{console.log("GvButton:"+t)});const i=(t,d)=>{alert("this is a child event"),c("click",t,d)};return()=>e.createVNode(e.resolveComponent("el-button"),{class:"gv-button",onClick:t=>i(t,n.message)},{default:()=>{var t;return[(t=u.value)!=null?t:n.message]}})}}),[["__scopeId","data-v-73064ac2"]]),r=[{install(n){n.component(l.name||"GvButton",l)}}],s=n=>{s.INSTALLED||(s.INSTALLED=!0,r.forEach(c=>c.install(n)))};return{install:s}});
+//# sourceMappingURL=guava-ui.umd.js.map

package/lib/index.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .gv-button[data-v-73064ac2]:hover{color:red}

package/package.json CHANGED Viewed

@@ -1,25 +1,32 @@
 {
   "name": "guava-ui",
-  "version": "0.0.1",
-  "description": "vue3 & element-plus & typesScript & vite & webpack UI platform",
+  "version": "0.0.3",
+  "description": "vue3 & element-plus & typesScript & vite UI platform",
   "author": "Andy <xukaixing@hotmail.com>",
   "license": "Apache-2.0",
   "private": false,
+  "main": "index.html",
   "type": "module",
   "scripts": {
     "dev": "pnpm vite --mode dev",
-    "build": "pnpm vite build --mode pro",
+    "build": "pnpm vite build --mode prod",
     "build:no-cache": "npm clean:cache && npm run build",
-    "lib": "pnpm vite build",
+    "lib": "pnpm vite build ",
     "prepare": "npx husky install",
     "preview": "pnpm vite preview",
-    "clean:cache": "rimraf yarn.lock && rimraf package.lock.json && rimraf pnpm-lock.yaml && rimraf node_modules && pnpm install",
+    "clean": "rimraf yarn.lock && rimraf package.lock.json && rimraf pnpm-lock.yaml && rimraf node_modules && pnpm install",
     "upgrade": "ncu -u && pnpm install",
     "lint:lint-staged": "lint-staged -c ./.lintstagedrc.mjs",
     "lint:oxlint": "oxlint . --fix -D correctness --ignore-path .gitignore",
     "lint:prettier": "prettier --write --fix --loglevel warn \"./**/*.{js,ts,json,jsx,tsx,css,less,scss,vue,html}\"",
     "lint:stylelint": "stylelint --cache --fix \"src/**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
-    "commitlint": "commitlint --edit"
+    "commitlint": "commitlint --config .commitlintrc.mjs -e -V"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
   },
   "lint-staged": {
     "*.js": "eslint --cache --fix",
@@ -29,27 +36,51 @@
     "*.css": "stylelint --fix"
   },
   "dependencies": {
-    "pinia": "^2.2.6",
-    "vue": "^3.5.12",
-    "vue-router": "^4.4.5"
+    "axios": "^1.7.8",
+    "dayjs": "^1.11.13",
+    "echarts": "^5.5.1",
+    "echarts-wordcloud": "^2.1.0",
+    "element-plus": "^2.9.2",
+    "lodash-es": "^4.17.21",
+    "nprogress": "^0.2.0",
+    "pinia": "^2.3.0",
+    "pinia-plugin-persistedstate": "^4.2.0",
+    "qrcode": "^1.5.4",
+    "qs": "^6.13.1",
+    "vue": "^3.5.13",
+    "vue-i18n": "^11.0.1",
+    "vue-router": "^4.5.0",
+    "vue-types": "^5.1.3"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.6.0",
     "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/js": "^9.21.0",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@stylistic/eslint-plugin": "^2.12.1",
     "@tsconfig/node20": "^20.0.0",
-    "@types/node": "^20.14.8",
-    "@typescript-eslint/eslint-plugin": "^8.16.0",
-    "@typescript-eslint/parser": "^8.16.0",
-    "@vitejs/plugin-vue": "^5.1.4",
-    "@vitejs/plugin-vue-jsx": "^4.0.1",
+    "@types/echarts": "^4.9.22",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.10.5",
+    "@types/qrcode": "^1.5.5",
+    "@types/qs": "^6.9.17",
+    "@typescript-eslint/eslint-plugin": "^8.19.1",
+    "@typescript-eslint/parser": "^8.19.1",
+    "@vitejs/plugin-legacy": "^6.0.2",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
     "@vue/eslint-config-typescript": "^14.1.3",
     "@vue/tsconfig": "^0.5.1",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.14.0",
+    "browserslist": "^4.24.4",
+    "consola": "^3.4.2",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-define-config": "^2.1.0",
     "eslint-plugin-oxlint": "^0.11.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-vue": "^9.30.0",
+    "eslint-plugin-vue": "^9.32.0",
+    "globals": "^15.12.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.2.10",
     "npm-run-all2": "^7.0.1",
@@ -59,9 +90,12 @@
     "postcss-preset-env": "^10.1.1",
     "postcss-px-to-viewport-8-plugin": "^1.2.5",
     "postcss-scss": "^4.0.9",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
+    "rollup": "^4.30.1",
+    "rollup-plugin-visualizer": "^5.14.0",
     "sass-embedded": "^1.81.0",
-    "stylelint": "^16.10.0",
+    "stylelint": "^16.12.0",
+    "stylelint-config-html": "^1.1.0",
     "stylelint-config-prettier": "^9.0.5",
     "stylelint-config-recess-order": "^5.1.1",
     "stylelint-config-recommended": "^14.0.1",
@@ -70,33 +104,49 @@
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-order": "^6.0.4",
     "stylelint-prettier": "^5.0.2",
-    "terser": "^5.36.0",
-    "typescript": "~5.6.3",
-    "vite": "^5.4.10",
+    "terser": "^5.39.0",
+    "typescript": "~5.7.3",
+    "typescript-eslint": "^8.19.1",
+    "vite": "^6.0.7",
+    "vite-plugin-compression2": "^1.3.3",
+    "vite-plugin-ejs": "^1.7.0",
     "vite-plugin-eslint": "^1.8.1",
+    "vite-plugin-full-reload": "^1.2.0",
     "vite-plugin-progress": "^0.0.7",
+    "vite-plugin-purge-icons": "^0.10.0",
+    "vite-plugin-pwa": "^0.21.0",
+    "vite-plugin-style-import": "^2.0.0",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-url-copy": "^1.1.4",
     "vite-plugin-vue-devtools": "^7.5.4",
-    "vue-eslint-parser": "^9.4.3",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "^2.2.0"
   },
   "files": [
     "lib/static",
-    "lib/guava-ui.umd.min.js",
-    "lib/guava-ui.cjs",
-    "lib/guava-ui.js"
+    "lib/guava-ui.es.js",
+    "lib/guava-ui.es.js.map",
+    "lib/guava-ui.umd.js",
+    "lib/guava-ui.umd.map.js",
+    "lib/index.css"
   ],
-  "packageManager": "pnpm@9.14.2",
+  "packageManager": "pnpm@10.6.5",
   "engines": {
     "node": "20.18.0",
-    "npm": "10.8.2"
+    "pnpm": ">=10.6.5"
   },
   "keywords": [
     "vue3",
+    "typescript",
     "vite",
+    "vue-router",
+    "pinia",
     "element-plus",
-    "webpack",
-    "guava"
+    "i18n",
+    "guava-ui"
   ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "repository": {
     "type": "git",
     "url": "https://gitee.com/xukaixing/guava-ui.git"

package/lib/guava-ui.cjs DELETED Viewed

	@@ -1 +0,0 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vue-CKh7LjAU.cjs");exports.useFlag=(t=!1)=>{const r=e.r(t);return{flag:r,setFlag:e=>{r.value=void 0!==e?e:!r.value}}};

package/lib/guava-ui.js DELETED Viewed

@@ -1,15 +0,0 @@
-import { r as ref } from "./vue-DezUuk3_.js";
-const useFlag = (defind = false) => {
-  const flag = ref(defind);
-  const setFlag = (defind2) => {
-    if (typeof defind2 === "undefined") {
-      flag.value = !flag.value;
-      return;
-    }
-    flag.value = defind2;
-  };
-  return { flag, setFlag };
-};
-export {
-  useFlag
-};