zxq-com 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,80 @@
+import { App } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { Fn } from '@vueuse/core';
+import { PublicProps } from 'vue';
+import { Ref } from 'vue';
+import { ShallowRef } from 'vue';
+import { WebSocketStatus } from '@vueuse/core';
+
+declare const __VLS_component: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare const close_2: (code?: number, reason?: string) => void;
+export { close_2 as close }
+
+export declare const data: Ref<any, any>;
+
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;
+
+export declare const EVENT_TYPE: {
+    readonly DEV1: "dev-1";
+    readonly DEV2: "dev-2";
+};
+
+declare const open_2: Fn;
+export { open_2 as open }
+
+export declare const send: (data: string | ArrayBuffer | Blob, useBuffer?: boolean) => boolean;
+
+declare const status_2: ShallowRef<WebSocketStatus>;
+export { status_2 as status }
+
+export declare function useWs<T = any>(event: WsMessageEvent): UseWsResult<T>;
+
+export declare interface UseWsResult<T> {
+    on: (callback: (payload: T) => void) => void;
+    off: () => void;
+    once: (callback: (payload: T) => void) => void;
+    emit: (msg: WsMessage) => void;
+}
+
+export declare interface WsConfig {
+    url: string;
+    trustIp?: string;
+}
+
+export declare interface WsMessage {
+    event: WsMessageEvent;
+    payload: any;
+    sourceIp?: string;
+    timestamp?: number;
+}
+
+export declare type WsMessageEvent = typeof EVENT_TYPE[keyof typeof EVENT_TYPE];
+
+export declare function zwqWs(_app: any, config: WsConfig): void;
+
+export declare const ZxqButton: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+export { }

package/dist/zxq-com.css

@@ -0,0 +1,2 @@
+.zxq-button{color:#fff;cursor:pointer;background-color:#409eff;border:none;border-radius:4px;padding:8px 16px;transition:opacity .2s}.zxq-button:hover{opacity:.8}
+/*$vite$:1*/

package/dist/zxq-com.js

@@ -0,0 +1,101 @@
+import { createElementBlock, defineComponent, onBeforeUnmount, openBlock, ref, renderSlot, watch } from "vue";
+import { useWebSocket } from "@vueuse/core";
+var _hoisted_1 = { class: "zxq-button" }, Button_default = /* @__PURE__ */ defineComponent({
+	name: "ZxqButton",
+	__name: "Button",
+	setup(v) {
+		return (v, y) => (openBlock(), createElementBlock("button", _hoisted_1, [renderSlot(v.$slots, "default")]));
+	}
+});
+const EVENT_TYPE = {
+	DEV1: "dev-1",
+	DEV2: "dev-2"
+};
+var urlRef = ref();
+const { status, data, send, close, open } = useWebSocket(urlRef, {
+	immediate: !1,
+	autoConnect: !1,
+	heartbeat: {
+		message: "ping",
+		interval: 5e3,
+		pongTimeout: 15e3
+	},
+	autoReconnect: {
+		retries: 3,
+		delay: 1e4,
+		onFailed() {
+			console.error("超过重连次数");
+		}
+	}
+});
+var subscribeMap = /* @__PURE__ */ new Map();
+function zwqWs(e, v) {
+	urlRef.value || (urlRef.value = v.url, open()), watch(status, (e) => {
+		log("ws status", e);
+	}), watch(data, (e) => {
+		if (e !== "pong") try {
+			let { sourceIp: y, event: b, payload: x } = JSON.parse(e);
+			if (v?.trustIp && y !== v.trustIp) return;
+			let S = subscribeMap.get(b);
+			S && S.forEach(({ fn: e, off: v }) => {
+				e(x), v && v();
+			});
+		} catch (e) {
+			console.error("ws 数据格式有误", e);
+		}
+	});
+}
+function useWs(e) {
+	status.value === "CLOSED" && urlRef.value && open();
+	let v = getUUID();
+	function b(y) {
+		log("ws on");
+		let b = subscribeMap.get(e);
+		if (b) b.set(v, { fn: y });
+		else {
+			let b = (/* @__PURE__ */ new Map()).set(v, { fn: y });
+			subscribeMap.set(e, b);
+		}
+	}
+	function x() {
+		log("ws off");
+		let y = subscribeMap.get(e);
+		y && y.has(v) && (y.delete(v), y.size === 0 && subscribeMap.delete(e));
+	}
+	function S(y) {
+		log("ws once");
+		let b = subscribeMap.get(e);
+		if (b) b.set(v, { fn: y });
+		else {
+			let b = (/* @__PURE__ */ new Map()).set(v, {
+				fn: y,
+				off: x
+			});
+			subscribeMap.set(e, b);
+		}
+	}
+	onBeforeUnmount(() => {
+		x();
+	});
+	function C(e) {
+		send(JSON.stringify(e));
+	}
+	return {
+		on: b,
+		off: x,
+		once: S,
+		emit: C
+	};
+}
+function getUUID(e = "") {
+	return e + (crypto?.randomUUID?.() || `${Date.now()}_${Math.random().toString(16).slice(2)}`);
+}
+function log(...e) {
+	console.log("【zxqWs】", ...e);
+}
+var components = [Button_default], src_default = { install(e) {
+	components.forEach((v) => {
+		e.component(v.name, v);
+	});
+} };
+export { EVENT_TYPE, Button_default as ZxqButton, close, data, src_default as default, open, send, status, useWs, zwqWs };

package/dist/zxq-com.umd.cjs

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@vueuse/core`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@vueuse/core`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ZxqCom={},e.Vue,e.VueUse))})(this,function(e,t,n){Object.defineProperty(e,`__esModule`,{value:!0});var r={class:`zxq-button`},i=(0,t.defineComponent)({name:`ZxqButton`,__name:`Button`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,r,[(0,t.renderSlot)(e.$slots,`default`)]))}});let a={DEV1:`dev-1`,DEV2:`dev-2`};var o=(0,t.ref)();let{status:s,data:c,send:l,close:u,open:d}=(0,n.useWebSocket)(o,{immediate:!1,autoConnect:!1,heartbeat:{message:`ping`,interval:5e3,pongTimeout:15e3},autoReconnect:{retries:3,delay:1e4,onFailed(){console.error(`超过重连次数`)}}});var f=new Map;function p(e,n){o.value||(o.value=n.url,d()),(0,t.watch)(s,e=>{g(`ws status`,e)}),(0,t.watch)(c,e=>{if(e!==`pong`)try{let{sourceIp:t,event:r,payload:i}=JSON.parse(e);if(n?.trustIp&&t!==n.trustIp)return;let a=f.get(r);a&&a.forEach(({fn:e,off:t})=>{e(i),t&&t()})}catch(e){console.error(`ws 数据格式有误`,e)}})}function m(e){s.value===`CLOSED`&&o.value&&d();let n=h();function r(t){g(`ws on`);let r=f.get(e);if(r)r.set(n,{fn:t});else{let r=new Map().set(n,{fn:t});f.set(e,r)}}function i(){g(`ws off`);let t=f.get(e);t&&t.has(n)&&(t.delete(n),t.size===0&&f.delete(e))}function a(t){g(`ws once`);let r=f.get(e);if(r)r.set(n,{fn:t});else{let r=new Map().set(n,{fn:t,off:i});f.set(e,r)}}(0,t.onBeforeUnmount)(()=>{i()});function c(e){l(JSON.stringify(e))}return{on:r,off:i,once:a,emit:c}}function h(e=``){return e+(crypto?.randomUUID?.()||`${Date.now()}_${Math.random().toString(16).slice(2)}`)}function g(...e){console.log(`【zxqWs】`,...e)}var _=[i];e.EVENT_TYPE=a,e.ZxqButton=i,e.close=u,e.data=c,e.default={install(e){_.forEach(t=>{e.component(t.name,t)})}},e.open=d,e.send=l,e.status=s,e.useWs=m,e.zwqWs=p});

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "zxq-com",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/zxq-com.umd.cjs",
+  "module": "./dist/zxq-com.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/zxq-com.js",
+      "require": "./dist/zxq-com.umd.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css",
+    "*.vue"
+  ],
+  "scripts": {
+    "build": "vue-tsc -b && vite build",
+    "dev": "vite build --watch"
+  },
+  "peerDependencies": {
+    "@vueuse/core": "^14.1.0",
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.9",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.8.1",
+    "typescript": "~5.9.3",
+    "unplugin-auto-import": "^21.0.0",
+    "unplugin-vue-components": "^31.0.0",
+    "vite": "npm:rolldown-vite@7.2.5",
+    "vite-plugin-dts": "^4.3.0",
+    "vue": "^3.5.24",
+    "vue-tsc": "^3.1.4"
+  },
+  "dependencies": {
+    "naive-ui": "^2.43.2"
+  }
+}