npm - @nj_wangrizhen/webc-lib - Versions diffs - 1.0.3 - Mend

@nj_wangrizhen/webc-lib 1.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 +42 -0
package/dist/style.css +1 -0
package/dist/webc-lib.es.js +262 -0
package/dist/webc-lib.umd.js +1 -0
package/package.json +31 -0
package/src/assets/img/service.png +0 -0
package/src/components/WebcServiceBtn/index.vue +334 -0
package/src/index.js +24 -0
package/src/utils/webcommon.js +50 -0

package/README.md ADDED Viewed

@@ -0,0 +1,42 @@
+# @nj_wangrizhen/webc-lib
+## 简介
+`@nj_wangrizhen/webc-lib` 轻量 Vue 组件工具库，使用逻辑对标 ElementUI：
+1. 组件全局自动注册，页面直接写标签使用，无需单独 import；
+2. 工具方法自动挂载至 `window.$webc`，任意页面直接调用；
+3. 兼容 Vue2 / Vue3 / uni-app H5；
+4. 内置组件：`webc-input` 输入框、`webc-service-btn` 企微客服按钮；
+5. 内置工具：环境判断、接口请求、一键打开企业微信客服。
+## 安装
+```bash
+# pnpm（推荐）
+pnpm add @nj_wangrizhen/webc-lib
+# npm
+npm install @nj_wangrizhen/webc-lib
+# yarn
+yarn add @nj_wangrizhen/webc-lib
+# Vue2 使用教程
+import Vue from 'vue'
+import App from './App.vue'
+import WebcLib from '@wangrizhen/webc-lib'
+// 全局注册全部组件
+Vue.use(WebcLib)
+new Vue({
+  render: h => h(App)
+}).$mount('#app')
+# Vue3 使用教程
+import { createApp } from 'vue'
+import App from './App.vue'
+import WebcLib from '@wangrizhen/webc-lib'
+const app = createApp(App)
+app.use(WebcLib)
+app.mount('#app')

package/dist/style.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .movable-view[data-v-1d2e65a3]{-webkit-tap-highlight-color:transparent!important;outline:none!important}.movable-view[data-v-1d2e65a3]:active{box-shadow:0 4px 12px #1968fc!important}

package/dist/webc-lib.es.js ADDED Viewed

@@ -0,0 +1,262 @@
+import { openBlock as l, createElementBlock as c, normalizeStyle as a, createElementVNode as u, normalizeClass as g, createCommentVNode as m } from "vue";
+const w = {
+  // 环境判断方法
+  isDev() {
+    const e = window.location.hostname;
+    return e === "localhost" || e === "127.0.0.1" || e.includes("192.168.");
+  },
+  /**
+   * 获取公共企业设置
+   */
+  getDynamic: (e) => new Promise((t, i) => {
+    fetch(`${e}`).then((n) => n.json()).then((n) => {
+      if (!n || n.ret_code !== "10000" && n.code !== 200) {
+        i(n);
+        return;
+      } else
+        localStorage.setItem("tenantConfigData", JSON.stringify(n.data || {})), t(n);
+    }).catch((n) => {
+      i(n);
+    });
+  }),
+  /**
+   * 判断 当前 URL 是否 是 tmc 用户
+   * @returns {boolean} 是否为 tmc 用户
+   */
+  isTMCUser(e) {
+    return e.includes(window.location.host);
+  },
+  getwechaturl() {
+    const e = JSON.parse(localStorage.getItem("tenantConfigData")).wechaturl, t = document.createElement("a");
+    t.href = e, t.target = "_blank", document.body.appendChild(t), t.click(), document.body.removeChild(t);
+  }
+};
+window.$webc = w;
+const f = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD/klEQVR4nK2WUVLbSBCG//YuTyGFq0iq9g3lBDgnwJwg9gksnwDnBBEnwJwA+QSYEyCfAHMClLdULak1Fd7CMvlGso0wspGdfFUj9bTG0//0tEY2rYHr7n6Ss6acGpKjqU4DG9NPZbVE+uvC4m+pKlJJgOu+7+jxMZIUqAqmWNo6riLEaEtx4T+B3MO58tXmmI24JsrbFAukRz+mRXb2uOeYRRbfHmMtxWiluPB9Q+7xErNO8yMHrIoJv6VagQt3WwyO5Nw+XUzFFn/vYpVitBc8C276KtVaFv87ps8zsmL/HxAgUBFTYme3I6wMF76LGPMF0z9bKsJoz3BhUJf7cYNJcLuWtpsWp5NsZc6OGNHUcib8Jpb+PvWZYiEhCzmTx+yY7Yi0wEsBnd1zbi2e3ElvA3ncPb6VgReZ8EZ8JmsxmeiRiRN8RLNDRCQq8EwAihsovsL0T9qkPqV/Sa9OW59p6hGRIOIAR2KD20OezDHaHNIcU8UdlI5IYyj304vZLPgMRLCQUxbi56Jf+0hmxlgZRptD+h03721X2O/q+PlkvSwLplOy0sObMRfA6lus/hzPHYp7KD7D/aegJuwYASfYqWq1SO7NhS/uTAB7f0TASFm6bYynjh1oE0gxh1LCYnboPWEa4OtgTSGObR8aBdJE2SWe38f0lfQGzBkx5xc8q7Fa1wuoNrgK7DUChlhiS1NWvIe5HONs+CMCpnVDdceaUmnejQWQai5jLN+SxcPFkx3Z7ucN5nIqCzC75hqLgGXBlsHcY+bexyynkgCzC4K2sNaGOoipgw5mOdUEbH3wHxZtwOtz22cEFM7/Emzw3bhtxDMBpjuysYOV4/vaamSTM7DHNVKGRdg9Bu/Jw8FCdY+x1oZ5oycBta7kUkl97kEWnMyaSiArIVk5w+SHpCm+5UfrQw30WciReGs4HwIB35sb+iP6oaBUgAf1CeoPGJIsfkLLyP7I6D4sinWdd1dcGyziEH/CnE3mvPTZIKuxwGil5BP+SFnBDqPaKB7ixs/7rYe+pCv8CV/NBmd/g3Et+kw8GzcLplN8PVxeEH33gX6gKUsFeNiKBpMPmdzJ3n70Xy/cRf8eXT8LBbVwEvrVm7smWChAUA9BJ4xt4xviylgpwJNn4n7Ij//jjWjjmpMLcXWfXhXI9j47IfNAjAuzmjIN8IUq8KqAGaygyb+k1FeuXsFv02wcwf2nvk+kF8E9lQUs4oPIHvbktq9nW1MkE+x0oqwIn+pgkY0E5JO7c8w6bUJVH0pvUtn9PkFbPGvhD8TrJ1m4uEVFjLY2CBgS5BPmS7KCtERSf1XgGRsKoMj8ATPDbIS3jzGpErSI0dam8GYc5MG3W2V1UIVfwJ75zAMZtcIAAAAASUVORK5CYII=", b = (e, t) => {
+  const i = e.__vccOpts || e;
+  for (const [s, n] of t)
+    i[s] = n;
+  return i;
+}, v = {
+  name: "WebcServiceBtn",
+  props: {
+    // 按钮文字
+    buttonText: {
+      type: String,
+      default: "拖动"
+    },
+    // 是否禁用拖动
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否自动停靠
+    canDocking: {
+      type: Boolean,
+      default: !0
+    },
+    // 按钮默认位置离底部距离（px）
+    bottomPx: {
+      type: Number,
+      default: 200
+    },
+    // 按钮默认位置离右边距离（px）
+    rightPx: {
+      type: Number,
+      default: 20
+    },
+    // 自定义样式
+    customStyle: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      isshow: !0,
+      x: 0,
+      y: 0,
+      oldX: 0,
+      oldY: 0,
+      isRemove: !0,
+      windowWidth: 0,
+      windowHeight: 0,
+      btnWidth: 40,
+      btnHeight: 40,
+      isDragging: !1,
+      startX: 0,
+      startY: 0
+    };
+  },
+  computed: {
+    // 区域样式
+    areaStyle() {
+      return {
+        width: "100%",
+        height: "100%",
+        position: "fixed",
+        top: "0",
+        left: "0",
+        right: "0",
+        bottom: "0",
+        zIndex: "9999",
+        pointerEvents: "none"
+      };
+    },
+    // 按钮样式（完全内联）
+    viewStyle() {
+      return { ...{
+        width: this.btnWidth + "px",
+        height: this.btnHeight + "px",
+        backgroundImage: `url(${f})`,
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+        backgroundRepeat: "no-repeat",
+        borderRadius: "50px",
+        color: "#FFFFFF",
+        fontSize: "18px",
+        touchAction: "none",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "absolute",
+        cursor: "pointer",
+        pointerEvents: this.disabled ? "none" : "auto",
+        willChange: "transform",
+        transform: `translate(${this.x}px, ${this.y}px)`,
+        transition: this.isRemove ? "none" : "transform 0.25s ease",
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        // 👇 添加这两行，移除点击高亮
+        WebkitTapHighlightColor: "transparent",
+        outline: "none"
+      }, ...this.customStyle };
+    }
+  },
+  created() {
+    const e = localStorage.getItem("tenantConfigData"), t = e ? JSON.parse(e) : null;
+    if (!(t != null && t.wechaturl)) {
+      this.isshow = !1;
+      return;
+    }
+    if (!this.isWechatEnv()) {
+      this.isshow = !1;
+      return;
+    }
+  },
+  mounted() {
+    this.isshow != !1 && (this.getSysInfo(), window.addEventListener("resize", this.handleResize), document.addEventListener("touchmove", this.handleTouchMove, { passive: !1 }), document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("mouseup", this.handleMouseUp));
+  },
+  beforeDestroy() {
+    window.removeEventListener("resize", this.handleResize), document.removeEventListener("touchmove", this.handleTouchMove), document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("mouseup", this.handleMouseUp);
+  },
+  methods: {
+    isWechatBrowser() {
+      return window.navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1;
+    },
+    isWechatMiniProgram() {
+      const e = window.navigator.userAgent.toLowerCase();
+      return window.__wxjs_environment === "miniprogram" ? !0 : e.indexOf("miniprogram") !== -1;
+    },
+    isWechatEnv() {
+      return this.isWechatBrowser() || this.isWechatMiniProgram();
+    },
+    getSysInfo() {
+      this.windowWidth = window.innerWidth, this.windowHeight = window.innerHeight, this.$nextTick(() => {
+        const e = this.$refs.movableView;
+        if (e) {
+          const t = e.getBoundingClientRect();
+          this.btnWidth = t.width || 50, this.btnHeight = t.height || 50, this.x = this.windowWidth - this.btnWidth - this.rightPx, this.y = this.windowHeight - this.btnHeight - this.bottomPx, this.oldX = this.x, this.oldY = this.y;
+        }
+      });
+    },
+    handleResize() {
+      this.getSysInfo();
+    },
+    // 触摸开始
+    touchstart(e) {
+      if (this.disabled) return;
+      this.isDragging = !0, this.isRemove = !0;
+      const t = e.touches[0], i = this.$refs.movableView.getBoundingClientRect();
+      this.startX = t.clientX - i.left, this.startY = t.clientY - i.top, this.$emit("dragStart");
+    },
+    // 触摸结束
+    touchend(e) {
+      if (!(this.disabled || !this.isDragging)) {
+        if (this.isDragging = !1, this.canDocking) {
+          const t = (this.windowWidth - this.btnWidth) / 2;
+          this.x < 0 || this.x > 0 && this.x <= t ? this.x = 20 : this.x = this.windowWidth - this.btnWidth - 20, this.oldX = this.x, this.oldY = this.y, this.$nextTick(() => {
+            this.isRemove = !1;
+          });
+        }
+        this.$emit("dragEnd");
+      }
+    },
+    // 触摸移动
+    handleTouchMove(e) {
+      if (!this.isDragging || this.disabled) return;
+      const t = e.touches[0];
+      let i = t.clientX - this.startX, s = t.clientY - this.startY;
+      i = Math.max(0, Math.min(i, this.windowWidth - this.btnWidth)), s = Math.max(0, Math.min(s, this.windowHeight - this.btnHeight)), this.x = i, this.y = s, this.oldX = i, this.oldY = s, this.$emit("dragging", { x: i, y: s }), e.preventDefault();
+    },
+    // 鼠标按下（支持PC）
+    handleMouseDown(e) {
+      if (this.disabled || e.button !== 0) return;
+      this.isDragging = !0, this.isRemove = !0;
+      const t = this.$refs.movableView.getBoundingClientRect();
+      this.startX = e.clientX - t.left, this.startY = e.clientY - t.top, this.$emit("dragStart"), e.preventDefault();
+    },
+    // 鼠标移动
+    handleMouseMove(e) {
+      if (!this.isDragging || this.disabled) return;
+      let t = e.clientX - this.startX, i = e.clientY - this.startY;
+      t = Math.max(0, Math.min(t, this.windowWidth - this.btnWidth)), i = Math.max(0, Math.min(i, this.windowHeight - this.btnHeight)), this.x = t, this.y = i, this.oldX = t, this.oldY = i, this.$emit("dragging", { x: t, y: i }), e.preventDefault();
+    },
+    // 鼠标释放
+    handleMouseUp(e) {
+      if (!(!this.isDragging || this.disabled)) {
+        if (this.isDragging = !1, this.canDocking) {
+          const t = (this.windowWidth - this.btnWidth) / 2;
+          this.x < 0 || this.x > 0 && this.x <= t ? this.x = 20 : this.x = this.windowWidth - this.btnWidth - 20, this.oldX = this.x, this.oldY = this.y, this.$nextTick(() => {
+            this.isRemove = !1;
+          });
+        }
+        this.$emit("dragEnd");
+      }
+    },
+    // 点击按钮
+    clickBtn(e) {
+      this.isDragging || window.$webc.getwechaturl();
+    }
+  }
+};
+function p(e, t, i, s, n, o) {
+  return n.isshow ? (l(), c("div", {
+    key: 0,
+    class: "movable-area",
+    style: a(o.areaStyle),
+    ref: "movableArea"
+  }, [
+    u("div", {
+      ref: "movableView",
+      style: a(o.viewStyle),
+      class: g({ "animation-info": !n.isRemove }),
+      onClick: t[0] || (t[0] = (...h) => o.clickBtn && o.clickBtn(...h)),
+      onTouchstart: t[1] || (t[1] = (...h) => o.touchstart && o.touchstart(...h)),
+      onTouchend: t[2] || (t[2] = (...h) => o.touchend && o.touchend(...h))
+    }, null, 38)
+  ], 4)) : m("", !0);
+}
+const r = /* @__PURE__ */ b(v, [["render", p], ["__scopeId", "data-v-1d2e65a3"]]), x = [r], d = function(e) {
+  x.forEach((t) => {
+    e.component(t.name, t);
+  });
+};
+typeof window < "u" && window.Vue && d(window.Vue);
+const W = {
+  install: d,
+  WebcServiceBtn: r
+};
+export {
+  W as default
+};

package/dist/webc-lib.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,31 @@
+{
+  "name": "@nj_wangrizhen/webc-lib",
+  "version": "1.0.3",
+  "type": "module",
+  "main": "./dist/webc-lib.umd.js",
+  "module": "./dist/webc-lib.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/webc-lib.es.js",
+      "require": "./dist/webc-lib.umd.js"
+    }
+  },
+  "peerDependencies": {
+    "vue": "^2 || ^3"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "vite": "^5.0.0",
+    "vue": "^3.4.0"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md"
+  ],
+  "scripts": {
+    "dev:lib": "vite build --watch --mode lib",
+    "dev:demo": "vite --mode demo",
+    "build:lib": "vite build --mode lib"
+  }
+}

package/src/assets/img/service.png ADDED Viewed

Binary file

package/src/components/WebcServiceBtn/index.vue ADDED Viewed

@@ -0,0 +1,334 @@
+<template>
+  <template v-if="isshow">
+    <div
+      class="movable-area"
+      :style="areaStyle"
+      ref="movableArea"
+    >
+      <div
+        ref="movableView"
+        :style="viewStyle"
+        :class="{ 'animation-info': !isRemove }"
+        @click="clickBtn"
+        @touchstart="touchstart"
+        @touchend="touchend"
+      >
+        <!-- {{ buttonText }} -->
+      </div>
+    </div>
+  </template>
+</template>
+<script>
+import serviceIcon from '../../assets/img/service.png';
+export default {
+  name: 'WebcServiceBtn',
+  props: {
+    // 按钮文字
+    buttonText: {
+      type: String,
+      default: '拖动'
+    },
+    // 是否禁用拖动
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 是否自动停靠
+    canDocking: {
+      type: Boolean,
+      default: true
+    },
+    // 按钮默认位置离底部距离（px）
+    bottomPx: {
+      type: Number,
+      default: 200
+    },
+    // 按钮默认位置离右边距离（px）
+    rightPx: {
+      type: Number,
+      default: 20
+    },
+    // 自定义样式
+    customStyle: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      isshow:true,
+      x: 0,
+      y: 0,
+      oldX: 0,
+      oldY: 0,
+      isRemove: true,
+      windowWidth: 0,
+      windowHeight: 0,
+      btnWidth: 40,
+      btnHeight: 40,
+      isDragging: false,
+      startX: 0,
+      startY: 0
+    };
+  },
+  computed: {
+    // 区域样式
+    areaStyle() {
+      return {
+        width: '100%',
+        height: '100%',
+        position: 'fixed',
+        top: '0',
+        left: '0',
+        right: '0',
+        bottom: '0',
+        zIndex: '9999',
+        pointerEvents: 'none'
+      };
+    },
+    // 按钮样式（完全内联）
+    viewStyle() {
+        const baseStyle = {
+            width: this.btnWidth + 'px',
+            height: this.btnHeight + 'px',
+            backgroundImage: `url(${serviceIcon})`,
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+            backgroundRepeat: 'no-repeat',
+            borderRadius: '50px',
+            color: '#FFFFFF',
+            fontSize: '18px',
+            touchAction: 'none',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            position: 'absolute',
+            cursor: 'pointer',
+            pointerEvents: this.disabled ? 'none' : 'auto',
+            willChange: 'transform',
+            transform: `translate(${this.x}px, ${this.y}px)`,
+            transition: this.isRemove ? 'none' : 'transform 0.25s ease',
+            userSelect: 'none',
+            WebkitUserSelect: 'none',
+            // 👇 添加这两行，移除点击高亮
+            WebkitTapHighlightColor: 'transparent',
+            outline: 'none'
+        };
+        return { ...baseStyle, ...this.customStyle };
+    }
+  },
+  created(){
+    const tenantConfigData = localStorage.getItem('tenantConfigData');
+    const config = tenantConfigData ? JSON.parse(tenantConfigData) : null;
+    if (!config?.wechaturl) {
+      this.isshow = false
+      return
+    }
+    if(!this.isWechatEnv()){ //只在微信环境显示
+        this.isshow = false
+        return
+    }
+  },
+  mounted() {
+    if(this.isshow == false) return
+    this.getSysInfo();
+    window.addEventListener('resize', this.handleResize);
+    document.addEventListener('touchmove', this.handleTouchMove, { passive: false });
+    // 支持鼠标拖动
+    document.addEventListener('mousemove', this.handleMouseMove);
+    document.addEventListener('mouseup', this.handleMouseUp);
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.handleResize);
+    document.removeEventListener('touchmove', this.handleTouchMove);
+    document.removeEventListener('mousemove', this.handleMouseMove);
+    document.removeEventListener('mouseup', this.handleMouseUp);
+  },
+  methods: {
+    isWechatBrowser() {
+      const ua = window.navigator.userAgent.toLowerCase();
+      return ua.indexOf('micromessenger') !== -1;
+    },
+    isWechatMiniProgram() {
+      const ua = window.navigator.userAgent.toLowerCase();
+      if (window.__wxjs_environment === 'miniprogram') {
+        return true;
+      }
+      return ua.indexOf('miniprogram') !== -1;
+    },
+    isWechatEnv() {
+      return this.isWechatBrowser() || this.isWechatMiniProgram();
+    },
+    getSysInfo() {
+      this.windowWidth = window.innerWidth;
+      this.windowHeight = window.innerHeight;
+      this.$nextTick(() => {
+        const view = this.$refs.movableView;
+        if (view) {
+          // 获取实际尺寸
+          const rect = view.getBoundingClientRect();
+          this.btnWidth = rect.width || 50;
+          this.btnHeight = rect.height || 50;
+          this.x = this.windowWidth - this.btnWidth - this.rightPx;
+          this.y = this.windowHeight - this.btnHeight - this.bottomPx;
+          this.oldX = this.x;
+          this.oldY = this.y;
+        }
+      });
+    },
+    handleResize() {
+      this.getSysInfo();
+    },
+    // 触摸开始
+    touchstart(e) {
+      if (this.disabled) return;
+      this.isDragging = true;
+      this.isRemove = true;
+      const touch = e.touches[0];
+      const rect = this.$refs.movableView.getBoundingClientRect();
+      this.startX = touch.clientX - rect.left;
+      this.startY = touch.clientY - rect.top;
+      // 触发开始拖动事件
+      this.$emit('dragStart');
+    },
+    // 触摸结束
+    touchend(e) {
+      if (this.disabled || !this.isDragging) return;
+      this.isDragging = false;
+      if (this.canDocking) {
+        const halfWidth = (this.windowWidth - this.btnWidth) / 2;
+        if (this.x < 0 || (this.x > 0 && this.x <= halfWidth)) {
+          this.x = 20;
+        } else {
+          this.x = this.windowWidth - this.btnWidth - 20;
+        }
+        this.oldX = this.x;
+        this.oldY = this.y;
+        this.$nextTick(() => {
+          this.isRemove = false;
+        });
+      }
+      // 触发结束拖动事件
+      this.$emit('dragEnd');
+    },
+    // 触摸移动
+    handleTouchMove(e) {
+      if (!this.isDragging || this.disabled) return;
+      const touch = e.touches[0];
+      let newX = touch.clientX - this.startX;
+      let newY = touch.clientY - this.startY;
+      newX = Math.max(0, Math.min(newX, this.windowWidth - this.btnWidth));
+      newY = Math.max(0, Math.min(newY, this.windowHeight - this.btnHeight));
+      this.x = newX;
+      this.y = newY;
+      this.oldX = newX;
+      this.oldY = newY;
+      // 触发拖动中事件
+      this.$emit('dragging', { x: newX, y: newY });
+      e.preventDefault();
+    },
+    // 鼠标按下（支持PC）
+    handleMouseDown(e) {
+      if (this.disabled) return;
+      if (e.button !== 0) return; // 只响应左键
+      this.isDragging = true;
+      this.isRemove = true;
+      const rect = this.$refs.movableView.getBoundingClientRect();
+      this.startX = e.clientX - rect.left;
+      this.startY = e.clientY - rect.top;
+      this.$emit('dragStart');
+      e.preventDefault();
+    },
+    // 鼠标移动
+    handleMouseMove(e) {
+      if (!this.isDragging || this.disabled) return;
+      let newX = e.clientX - this.startX;
+      let newY = e.clientY - this.startY;
+      newX = Math.max(0, Math.min(newX, this.windowWidth - this.btnWidth));
+      newY = Math.max(0, Math.min(newY, this.windowHeight - this.btnHeight));
+      this.x = newX;
+      this.y = newY;
+      this.oldX = newX;
+      this.oldY = newY;
+      this.$emit('dragging', { x: newX, y: newY });
+      e.preventDefault();
+    },
+    // 鼠标释放
+    handleMouseUp(e) {
+      if (!this.isDragging || this.disabled) return;
+      this.isDragging = false;
+      if (this.canDocking) {
+        const halfWidth = (this.windowWidth - this.btnWidth) / 2;
+        if (this.x < 0 || (this.x > 0 && this.x <= halfWidth)) {
+          this.x = 20;
+        } else {
+          this.x = this.windowWidth - this.btnWidth - 20;
+        }
+        this.oldX = this.x;
+        this.oldY = this.y;
+        this.$nextTick(() => {
+          this.isRemove = false;
+        });
+      }
+      this.$emit('dragEnd');
+    },
+    // 点击按钮
+    clickBtn(e) {
+      // 如果正在拖动则不触发点击
+      if (this.isDragging) return;
+      window.$webc.getwechaturl()
+    }
+  }
+};
+</script>
+<style scoped>
+.movable-area {
+  /* 所有样式都在内联中定义，这里只保留动画类 */
+}
+/* 移除所有点击效果 */
+.movable-view {
+  -webkit-tap-highlight-color: transparent !important;
+  outline: none !important;
+}
+/* 移除点击时的阴影变化 */
+.movable-view:active {
+  box-shadow: 0px 4px 12px 0px rgb(25, 104, 252) !important;
+}
+</style>

package/src/index.js ADDED Viewed

@@ -0,0 +1,24 @@
+// 1. 引入工具，自动执行 window.$webc 挂载
+import './utils/webcommon.js'
+import WebcServiceBtn from './components/WebcServiceBtn/index.vue'
+// 组件集合
+const components = [WebcServiceBtn]
+// 安装方法，Vue.use(包) 自动全局注册所有组件
+const install = function (Vue) {
+  components.forEach(comp => {
+    Vue.component(comp.name, comp)
+  })
+}
+// 兼容Vue2/Vue3自动注册
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue)
+}
+export default {
+  install,
+  WebcServiceBtn
+}

package/src/utils/webcommon.js ADDED Viewed

@@ -0,0 +1,50 @@
+// src/utils/webcommon.js
+const webc = {
+    // 环境判断方法
+    isDev() {
+        const host = window.location.hostname
+        return host === 'localhost' || host === '127.0.0.1' || host.includes('192.168.')
+    },
+    /**
+     * 获取公共企业设置
+     */
+    getDynamic:(url) => {
+        return new Promise((resolve, reject)=>{
+            const baseUrl = ''
+            fetch(`${baseUrl}${url}`).then(res => {
+                return res.json();
+            }).then((res)=>{
+                if (!res || (res.ret_code !== '10000' && res.code !== 200)){
+                    reject(res)
+                    return
+                }else{
+                    localStorage.setItem('tenantConfigData', JSON.stringify(res.data || {}))
+                    resolve(res)
+                }
+            }).catch((err)=>{
+                reject(err)
+            })
+        })
+    },
+    /**
+     * 判断 当前 URL 是否 是 tmc 用户
+     * @returns {boolean} 是否为 tmc 用户
+     */
+    isTMCUser(urllist) {
+        return urllist.includes(window.location.host)
+    },
+    getwechaturl(){
+        const kfUrl = JSON.parse(localStorage.getItem('tenantConfigData')).wechaturl;
+        const a = document.createElement('a');
+        a.href = kfUrl;
+        a.target = '_blank';
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+    }
+}
+// 关键：导入包时自动挂载到window
+window.$webc = webc
+export default webc