vue-bigscreen-temp 1.0.0

package/dist/vue-bigscreen-temp.es.js

@@ -0,0 +1,41 @@
+import { defineComponent as m, ref as a, resolveComponent as u, createBlock as p, openBlock as f, mergeProps as d, withCtx as _, renderSlot as k } from "vue";
+const C = {
+  name: "JButton"
+}, w = /* @__PURE__ */ m({
+  ...C,
+  props: {
+    time: {
+      type: Number,
+      default: 1e3
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const c = e, l = t, o = a(0), r = () => {
+      (/* @__PURE__ */ new Date()).getTime() - o.value > c.time && l("click"), o.value = (/* @__PURE__ */ new Date()).getTime();
+    };
+    return (n, b) => {
+      const i = u("el-button");
+      return f(), p(i, d(n.$attrs, { onClick: r }), {
+        default: _(() => [
+          k(n.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+}), s = {
+  JButton: w
+}, B = (e) => {
+  for (const t in s)
+    e.component(t, s[t]);
+}, T = (e, t) => {
+  B(e);
+}, h = {
+  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+  install: T
+};
+export {
+  w as JButton,
+  h as default
+};

package/dist/vue-bigscreen-temp.umd.js

@@ -0,0 +1 @@
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.VueBigScreenTemp={},t.Vue))})(this,(function(t,e){"use strict";const r={name:"JButton"},s=e.defineComponent({...r,props:{time:{type:Number,default:1e3}},emits:["click"],setup(n,{emit:o}){const d=n,f=o,l=e.ref(0),p=()=>{new Date().getTime()-l.value>d.time&&f("click"),l.value=new Date().getTime()};return(i,T)=>{const a=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(a,e.mergeProps(i.$attrs,{onClick:p}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},16)}}}),c={JButton:s},u=n=>{for(const o in c)n.component(o,c[o])},m={install:(n,o)=>{u(n)}};t.JButton=s,t.default=m,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "vue-bigscreen-temp",
+  "version": "1.0.0",
+  "private": false,
+  "type": "module",
+  "main": "dist/vue-bigscreen-temp.umd.js",
+  "module": "dist/vue-bigscreen-temp.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/vue-bigscreen-temp.es.js",
+      "require": "./dist/vue-bigscreen-temp.umd.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "packages"
+  ],
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "lib": "vite build",
+    "deploy": "deploy.sh",
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build",
+    "lint:oxlint": "oxlint . --fix -D correctness --ignore-path .gitignore",
+    "lint:eslint": "eslint . --fix --cache",
+    "lint": "run-s lint:*",
+    "format": "prettier --write --experimental-cli src/"
+  },
+  "dependencies": {
+    "autofit.js": "^3.2.8",
+    "axios": "^1.13.2",
+    "element-plus": "^2.13.1",
+    "pinia": "^3.0.4",
+    "postcss-px-to-viewport": "^1.1.1",
+    "vue": "^3.5.25",
+    "vue-router": "^4.6.3"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^3.2.0",
+    "@vitejs/plugin-vue-jsx": "^2.0.1",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-dts": "^1.7.3",
+    "vite-plugin-vue-setup-extend": "^0.4.0",
+    "@prettier/plugin-oxc": "^0.0.5",
+    "@tsconfig/node24": "^24.0.3",
+    "@types/node": "^24.10.1",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/tsconfig": "^0.8.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-oxlint": "~1.29.0",
+    "eslint-plugin-vue": "~10.5.1",
+    "jiti": "^2.6.1",
+    "npm-run-all2": "^8.0.4",
+    "oxlint": "~1.29.0",
+    "prettier": "3.6.2",
+    "sass": "^1.97.1",
+    "typescript": "~5.9.0",
+    "vite": "^7.2.4",
+    "vite-plugin-vue-devtools": "^8.0.5",
+    "vue-tsc": "^3.1.5"
+  }
+}

package/packages/index.ts

@@ -0,0 +1,33 @@
+import type { Component, App } from 'vue'
+// import ElementPlus from 'element-plus'
+// import 'element-plus/dist/index.css'
+// import locale from 'element-plus/lib/locale/lang/zh-cn' // 因element-plus默认是英文，我们指定一下默认中文
+import JButton from './j-button/src/index.vue'
+
+// 存储组件列表
+const components: {
+  [propName: string]: Component
+} = {
+  JButton,
+}
+// 插件声明：声明所有插件
+// 插件注册：在 Vue 项目的入口文件中，通过 ( app.use(插件) ) 进行注册
+const installComponents: any = (app: App) => {
+  for (const key in components) {
+    app.component(key, components[key])
+  }
+}
+// vue插件
+// - install：每个插件都有一个 install 方法
+// - 参数：是通过 Vue.createApp() 创建的 app 实例
+const install: any = (app: any, router?: any) => {
+  // !router && installRouter(app);
+  installComponents(app)
+}
+
+// 按需引入
+export { JButton }
+export default {
+  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+  install,
+}

package/packages/j-button/index.ts

@@ -0,0 +1,5 @@
+import Button from './src/index.vue'
+import { withInstall } from '../withInstall'
+
+const JButton = withInstall(Button)
+export default JButton

package/packages/j-button/src/index.vue

@@ -0,0 +1,29 @@
+<template>
+  <el-button v-bind="$attrs" @click="handleClick">
+    <slot />
+  </el-button>
+</template>
+<script lang="ts">
+export default {
+  name: 'JButton',
+}
+</script>
+<script setup lang="ts">
+import { ref } from 'vue'
+const props = defineProps({
+  time: {
+    type: Number,
+    default: 1000,
+  },
+})
+// 抛出事件
+const emits = defineEmits(['click'])
+const record = ref(0)
+const handleClick = () => {
+  const newTime = new Date()
+  if (newTime.getTime() - record.value > props.time) {
+    emits('click')
+  }
+  record.value = new Date().getTime()
+}
+</script>

package/packages/withInstall.ts

@@ -0,0 +1,21 @@
+import { App, Plugin } from 'vue'
+
+type SFCWithInstall<T> = T & Plugin
+
+export const withInstall = <T, E extends Record<string, any>>(
+  main: T,
+  extra?: E
+) => {
+  ;(main as SFCWithInstall<T>).install = (app: App) => {
+    for (const comp of [main, ...Object.values(extra ?? {})]) {
+      app.component(comp.name, comp)
+    }
+  }
+  if (extra) {
+    for (const [compName, comp] of Object.entries(extra)) {
+      ;(main as Record<string, any>)[compName] = comp
+    }
+  }
+  // 将 T 断言为具体的类型 T & plugin & Record<string, any>
+  return main as SFCWithInstall<T> & E
+}