@jx3box/jx3box-vue3-ui 0.2.2 → 0.2.4

package/assets/js/stat.js

@@ -0,0 +1,92 @@
+import {
+    Reporter
+} from "@jx3box/reporter"
+import { __Domain } from "@jx3box/jx3box-common/data/jx3box.json"
+
+/**
+     * 16进制转int
+     * @param {string} str
+     * @returns
+     * @memberof stat
+    */
+function int162hex(str) {
+    let hex = str.toString(16);
+    return hex.length == 1 ? "0" + hex : hex;
+}
+
+/**
+ * 二进制转hex
+ * @param {string} str
+ */
+function bin2hex(str) {
+    let result = "";
+    for (let i = 0; i < str.length; i++) {
+        result += int162hex(str.charCodeAt(i));
+    }
+    return result;
+}
+
+/**
+ * 获取uuid
+ */
+function getUUID(domain = __Domain) {
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    const txt =  domain;
+    ctx.textBaseline = "top";
+    ctx.font = "14px 'Arial'";
+    ctx.textBaseline = "alphabetic";
+    ctx.fillStyle = "#f60";
+    ctx.fillRect(125, 1, 62, 20);
+    ctx.fillStyle = "#069";
+    ctx.fillText(txt, 2, 15);
+    ctx.fillStyle = "rgba(102, 204, 0, 0.7)";
+    ctx.fillText(txt, 4, 17);
+
+    const b64 = canvas.toDataURL().replace("data:image/png;base64,", "");
+    const bin = atob(b64);
+    const crc = bin2hex(bin.slice(-16, -12));
+    return crc;
+}
+
+// 统计指令
+const stat = {
+
+    /**
+     * 上报指令 vue2
+     * @param {string} user_id 用户id 使用User.getInfo().uid获取
+     * @param {boolean} use_query 是否上报当前页面中url中的参数 默认false
+     * @param {string} caller 上报来源
+     * @param {object} data 上报数据
+     */
+    install(Vue) {
+        Vue.directive("stat", {
+            mounted: function (el, binding) {
+                el.clickHandler = function () {
+                    const {
+                        user_id,
+                        use_query = false,
+                        caller,
+                        data
+                    } = binding.value;
+
+                    const R = new Reporter({
+                        caller,
+                        use_query, // 上报当前页面中url中的参数 默认false
+                        useId: user_id // 当前登录用户id
+                    });
+
+                    R.p({ uuid: getUUID(), ...data })
+                };
+
+                el.addEventListener("click", el.clickHandler);
+            },
+            unmounted: function (el) {
+                el.removeEventListener("click", el.clickHandler);
+                el.clickHandler = null;
+            }
+        });
+    }
+}
+
+export default stat;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "0.2.2",
+    "version": "0.2.4",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {
@@ -29,6 +29,7 @@
         "@jx3box/jx3box-common": "^7.9.3",
         "@jx3box/jx3box-data": "^3.3.0",
         "@jx3box/jx3box-emotion": "^1.2.3",
+        "@jx3box/reporter": "^0.0.4",
         "@vueuse/core": "^9.13.0",
         "@vueuse/head": "^0.7.6",
         "axios": "^1.3.4",

package/service/breadcrumb.js

@@ -1,11 +1,11 @@
-import { $helper } from "@jx3box/jx3box-common/js/https_v2.js";
+import { $cms } from "@jx3box/jx3box-common/js/https_v2.js";
 
 function getBreadcrumb(name) {
-    return $helper().get(`/api/breadcrumb/${name}`);
+    return $cms().get(`/api/cms/breadcrumb/${name}`);
 }
 
 function getBreadcrumbs(params) {
-    return $helper().get(`/api/breadcrumbs`, {
+    return $cms().get(`/api/cms/breadcrumb`, {
         params: params,
     });
 }

package/src/App.vue

@@ -8,6 +8,7 @@
             :publishEnable="true"
             :feedbackEnable="true"
             :adminEnable="true"
+            :crumbEnable="true"
         >
             <template #logo>
                 <img svg-inline src="../assets/img/jx3.svg" />

package/src/bread/Crumb.vue

@@ -16,7 +16,7 @@ export default {
     mounted() {
         getBreadcrumb(this.name).then((res) => {
             res = res.data;
-            this.html = res.data.breadcrumb?.html || "";
+            this.html = res.data?.html || "";
         });
     },
 };

package/src/interact/BoxcoinAdmin.vue

@@ -32,7 +32,11 @@
                                 >盒币
                             </el-radio>
                             <el-radio label="custom" border>自定义</el-radio>
-                            <el-input v-model="amount" v-show="count === 'custom'" placeholder="输入自定义数量"></el-input>
+                            <el-input
+                                v-model="amount"
+                                v-show="count === 'custom'"
+                                placeholder="输入自定义数量"
+                            ></el-input>
                         </el-radio-group>
                     </div>
                 </div>
@@ -64,7 +68,7 @@
 
 <script>
 import { grantBoxcoin } from "../../service/thx.js";
-import { getBreadcrumb } from "../../service/helper.js";
+import { getBreadcrumb } from "../../service/breadcrumb.js";
 import User from "@jx3box/jx3box-common/js/user";
 import Contributors from "./Contributors.vue";
 export default {
@@ -157,7 +161,7 @@ export default {
             this.fetchingCurrentRelease = true;
             getBreadcrumb(`current-release-${this.hostClient}`)
                 .then((res) => {
-                    this.remark += res;
+                    this.remark += res.data.data.html;
                 })
                 .catch(() => {
                     this.$message({

package/service/helper.js

@@ -1,16 +0,0 @@
-import { $helper } from "@jx3box/jx3box-common/js/https_v2";
-
-function getCollection(id) {
-    return $helper().get(`/api/post/collection/${id}`);
-}
-
-// 面包屑
-function getBreadcrumb(key) {
-    return $helper()
-        .get(`/api/breadcrumb/${key}`)
-        .then((res) => {
-            return res.data.data.breadcrumb.html || "";
-        });
-}
-
-export { getCollection, getBreadcrumb };