web-core-tcm 0.0.24 → 0.0.25

package/src/layouts/UserLayout.vue

@@ -0,0 +1,108 @@
+<template>
+  <q-layout view="hHh lpR fFf">
+    <!-- 顶部导航栏 -->
+    <q-header elevated class="bg-primary text-white">
+      <q-toolbar>
+        <q-toolbar-title>用户中心</q-toolbar-title>
+
+        <!-- 顶部导航菜单 -->
+        <q-tabs
+          v-model="currentTab"
+          inline-label
+          class="bg-primary text-white"
+          active-color="white"
+          indicator-color="white"
+        >
+          <q-tab
+            v-for="tab in userTabs"
+            :key="tab.path"
+            :name="tab.path"
+            :icon="tab.icon"
+            :label="tab.label"
+            @click="navigateTo(tab.path)"
+          />
+        </q-tabs>
+
+        <q-space />
+
+        <!-- 用户菜单 -->
+        <q-btn-dropdown flat :label="username">
+          <q-list>
+            <q-item clickable v-close-popup @click="navigateTo('/user/profile')">
+              <q-item-section avatar>
+                <q-icon name="person" />
+              </q-item-section>
+              <q-item-section>个人资料</q-item-section>
+            </q-item>
+
+            <q-separator />
+
+            <q-item clickable v-close-popup @click="logout">
+              <q-item-section avatar>
+                <q-icon name="logout" color="negative" />
+              </q-item-section>
+              <q-item-section class="text-negative">退出登录</q-item-section>
+            </q-item>
+          </q-list>
+        </q-btn-dropdown>
+      </q-toolbar>
+    </q-header>
+
+    <!-- 页面内容区域 -->
+    <q-page-container>
+      <router-view />
+    </q-page-container>
+  </q-layout>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+
+const router = useRouter();
+const route = useRoute();
+
+const currentTab = computed(() => route.path);
+setInterval(() => {
+  username.value = localStorage.getItem('user')
+    ? JSON.parse(localStorage.getItem('user') || '{}').username
+    : '用户';
+}, 100);
+const username = ref(
+  localStorage.getItem('user') ? JSON.parse(localStorage.getItem('user') || '{}').username : '用户',
+);
+const userTabs = [
+  {
+    label: '首页',
+    icon: 'home',
+    path: '/user/home',
+  },
+];
+
+async function navigateTo(path: string) {
+  await router.push(path);
+}
+
+async function logout() {
+  await router.push('/login');
+}
+</script>
+
+<style scoped>
+.q-toolbar {
+  min-height: 60px;
+}
+
+.q-tabs {
+  background: transparent !important;
+}
+
+.q-tab {
+  margin: 0 4px;
+  border-radius: 8px 8px 0 0;
+}
+
+.q-tab--active {
+  background: rgba(255, 255, 255, 0.2);
+}
+</style>

package/src/pages/LoginPage.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="auth-container"></div>
+</template>
+
+<style scoped>
+.auth-container {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  padding: 20px;
+}
+
+.auth-card {
+  width: 100%;
+  max-width: 400px;
+  background: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(10px);
+}
+
+@media (max-width: 480px) {
+  .auth-card {
+    max-width: 100%;
+  }
+}
+</style>

package/src/proto/Images.proto

@@ -0,0 +1,7 @@
+syntax = "proto3";
+message Image {
+  bytes bytes = 1;
+}
+message Images {
+  repeated Image images = 1;
+}

package/src/proto/WaveMap.proto

@@ -0,0 +1,10 @@
+syntax = "proto3";
+
+message Wave {
+  repeated double values = 1;  // 单个数组（对应 number[]）
+}
+
+message WaveMap {
+  map<string, Wave> origin = 1;  // 对应 origin: {[key: string]: number[]}
+  map<string, Wave> smooth = 2;  // 对应 smooth: {[key: string]: number[]}
+}

package/src/proto/index.ts

@@ -0,0 +1,2 @@
+export * from './types/WaveMap_pb';
+export * from './types/Images_pb';

package/src/proto/types/Images_pb.ts

@@ -0,0 +1,48 @@
+// @generated by protoc-gen-es v2.9.0 with parameter "target=ts"
+// @generated from file Images.proto (syntax proto3)
+ 
+
+import type { GenFile, GenMessage } from '@bufbuild/protobuf/codegenv2';
+import { fileDesc, messageDesc } from '@bufbuild/protobuf/codegenv2';
+import type { Message } from '@bufbuild/protobuf';
+
+/**
+ * Describes the file Images.proto.
+ */
+export const file_Images: GenFile =
+  /*@__PURE__*/
+  fileDesc(
+    'CgxJbWFnZXMucHJvdG8iFgoFSW1hZ2USDQoFYnl0ZXMYASABKAwiIAoGSW1hZ2VzEhYKBmltYWdlcxgBIAMoCzIGLkltYWdlYgZwcm90bzM',
+  );
+
+/**
+ * @generated from message Image
+ */
+export type Image = Message<'Image'> & {
+  /**
+   * @generated from field: bytes bytes = 1;
+   */
+  bytes: Uint8Array;
+};
+
+/**
+ * Describes the message Image.
+ * Use `create(ImageSchema)` to create a new message.
+ */
+export const ImageSchema: GenMessage<Image> = /*@__PURE__*/ messageDesc(file_Images, 0);
+
+/**
+ * @generated from message Images
+ */
+export type Images = Message<'Images'> & {
+  /**
+   * @generated from field: repeated Image images = 1;
+   */
+  images: Image[];
+};
+
+/**
+ * Describes the message Images.
+ * Use `create(ImagesSchema)` to create a new message.
+ */
+export const ImagesSchema: GenMessage<Images> = /*@__PURE__*/ messageDesc(file_Images, 1);

package/src/proto/types/WaveMap_pb.ts

@@ -0,0 +1,59 @@
+// @generated by protoc-gen-es v2.9.0 with parameter "target=ts"
+// @generated from file WaveMap.proto (syntax proto3)
+ 
+
+import type { GenFile, GenMessage } from '@bufbuild/protobuf/codegenv2';
+import { fileDesc, messageDesc } from '@bufbuild/protobuf/codegenv2';
+import type { Message } from '@bufbuild/protobuf';
+
+/**
+ * Describes the file WaveMap.proto.
+ */
+export const file_WaveMap: GenFile =
+  /*@__PURE__*/
+  fileDesc(
+    'Cg1XYXZlTWFwLnByb3RvIhYKBFdhdmUSDgoGdmFsdWVzGAEgAygBIsEBCgdXYXZlTWFwEiQKBm9yaWdpbhgBIAMoCzIULldhdmVNYXAuT3JpZ2luRW50cnkSJAoGc21vb3RoGAIgAygLMhQuV2F2ZU1hcC5TbW9vdGhFbnRyeRo0CgtPcmlnaW5FbnRyeRILCgNrZXkYASABKAkSFAoFdmFsdWUYAiABKAsyBS5XYXZlOgI4ARo0CgtTbW9vdGhFbnRyeRILCgNrZXkYASABKAkSFAoFdmFsdWUYAiABKAsyBS5XYXZlOgI4AWIGcHJvdG8z',
+  );
+
+/**
+ * @generated from message Wave
+ */
+export type Wave = Message<'Wave'> & {
+  /**
+   * 单个数组（对应 number[]）
+   *
+   * @generated from field: repeated double values = 1;
+   */
+  values: number[];
+};
+
+/**
+ * Describes the message Wave.
+ * Use `create(WaveSchema)` to create a new message.
+ */
+export const WaveSchema: GenMessage<Wave> = /*@__PURE__*/ messageDesc(file_WaveMap, 0);
+
+/**
+ * @generated from message WaveMap
+ */
+export type WaveMap = Message<'WaveMap'> & {
+  /**
+   * 对应 origin: {[key: string]: number[]}
+   *
+   * @generated from field: map<string, Wave> origin = 1;
+   */
+  origin: { [key: string]: Wave };
+
+  /**
+   * 对应 smooth: {[key: string]: number[]}
+   *
+   * @generated from field: map<string, Wave> smooth = 2;
+   */
+  smooth: { [key: string]: Wave };
+};
+
+/**
+ * Describes the message WaveMap.
+ * Use `create(WaveMapSchema)` to create a new message.
+ */
+export const WaveMapSchema: GenMessage<WaveMap> = /*@__PURE__*/ messageDesc(file_WaveMap, 1);

package/src/router/index.ts

@@ -0,0 +1,37 @@
+import { defineRouter } from '#q-app/wrappers';
+import {
+  createMemoryHistory,
+  createRouter,
+  createWebHashHistory,
+  createWebHistory,
+} from 'vue-router';
+import routes from './routes';
+
+/*
+ * If not building with SSR mode, you can
+ * directly export the Router instantiation;
+ *
+ * The function below can be async too; either use
+ * async/await or return a Promise which resolves
+ * with the Router instance.
+ */
+
+export default defineRouter(function (/* { store, ssrContext } */) {
+  const createHistory = process.env.SERVER
+    ? createMemoryHistory
+    : process.env.VUE_ROUTER_MODE === 'history'
+      ? createWebHistory
+      : createWebHashHistory;
+
+  const Router = createRouter({
+    scrollBehavior: () => ({ left: 0, top: 0 }),
+    routes,
+
+    // Leave this as is and make changes in quasar.conf.js instead!
+    // quasar.conf.js -> build -> vueRouterMode
+    // quasar.conf.js -> build -> publicPath
+    history: createHistory(process.env.VUE_ROUTER_BASE),
+  });
+
+  return Router;
+});

package/src/router/routes.ts

@@ -0,0 +1,14 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/',
+    redirect: '/login',
+  },
+  {
+    path: '/login',
+    component: () => import('pages/LoginPage.vue'),
+  },
+];
+
+export default routes;

package/src/util/RichTextUtil.ts

@@ -0,0 +1,5 @@
+export function extractPlainText(text: string) {
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(text, 'text/html');
+  return doc.body.textContent || '';
+}

package/src/util/datetime.ts

@@ -0,0 +1,43 @@
+export function getStartOfDay(daysAgo: number = 0): number {
+  const startOfDay = new Date();
+  startOfDay.setHours(0, 0, 0, 0);
+  return startOfDay.getTime() - daysAgo * 24 * 60 * 60 * 1000;
+}
+export function getTimestamp(value: string) {
+  if (value === '') return '-1';
+  const date = new Date(value);
+  return date.getTime().toString();
+}
+export function getDateTimeStr(timestamp: string) {
+  const date = new Date(Number.parseInt(timestamp));
+  // 获取年、月、日、时、分、秒
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以需要加1
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
+
+  // 格式化输出
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+}
+export function getDateStr(timestamp: string) {
+  const date = new Date(Number.parseInt(timestamp));
+  // 获取年、月、日、时、分、秒
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以需要加1
+  const day = String(date.getDate()).padStart(2, '0');
+
+  // 格式化输出
+  return `${year}-${month}-${day}`;
+}
+export function getTimeStr(timestamp: string) {
+  const date = new Date(timestamp);
+  // 获取年、月、日、时、分、秒
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
+
+  // 格式化输出
+  return `${hours}:${minutes}:${seconds}`;
+}

package/src/util/export.ts

@@ -0,0 +1,46 @@
+function pulsation2csv(data: { [key: string]: number[] }): void {
+  const keys = Object.keys(data);
+
+  const maxLength = Math.max(...keys.map((key) => data[key].length));
+
+  // 填充所有数组到最大长度，可以填充空字符串或其他默认值
+  keys.forEach((key) => {
+    while (data[key].length < maxLength) {
+      data[key].push(0); // 或者填入其他默认值
+    }
+  });
+
+  let csvContent = '';
+
+  // 添加自定义表头
+  csvContent += keys.join(',') + '\n';
+
+  // 遍历数据数组，将每一行转换为CSV格式
+  for (let i = 0; i < maxLength; i++) {
+    let row = '';
+    keys.forEach((key) => {
+      row += `"${data[key][i]}"`;
+      row += ',';
+    });
+    csvContent += row.slice(0, -1) + '\n'; // 去掉最后一个逗号
+  }
+
+  // 创建一个 Blob 对象
+  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+
+  // 创建一个可下载的链接
+  const url = window.URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  link.href = url;
+  link.setAttribute('download', 'data.csv'); // 文件名
+  document.body.appendChild(link);
+
+  // 模拟点击事件以下载文件
+  link.click();
+
+  // 清理
+  document.body.removeChild(link);
+  window.URL.revokeObjectURL(url);
+}
+
+export { pulsation2csv };

package/src/util/helper.ts

@@ -0,0 +1,159 @@
+/** 平台类型 */
+type Platform = 'electron' | 'web';
+
+/** 存储操作结果接口 */
+interface StorageResult {
+  success: boolean;
+  error?: Error;
+}
+
+/** Token 操作助手对象 */
+export const tokenHelper = {
+  /** 设置 token */
+  set: (val: string): StorageResult => {
+    try {
+      if (getPlatform() === 'electron') {
+        window.electronAPI.setStoreItem('token', val);
+      } else {
+        window.localStorage.setItem('token', val);
+      }
+      return { success: true };
+    } catch (error) {
+      console.error('设置 token 失败:', error);
+      return { success: false, error: error as Error };
+    }
+  },
+
+  /** 获取 token */
+  get: (): string | null => {
+    try {
+      if (getPlatform() === 'electron') {
+        return window.electronAPI.getStoreItem('token');
+      } else {
+        return window.localStorage.getItem('token');
+      }
+    } catch (error) {
+      console.error('获取 token 失败:', error);
+      return null;
+    }
+  },
+
+  /** 移除 token */
+  remove: (): StorageResult => {
+    try {
+      if (getPlatform() === 'electron') {
+        window.electronAPI.setStoreItem('token', '');
+      } else {
+        window.localStorage.removeItem('token');
+      }
+      return { success: true };
+    } catch (error) {
+      console.error('移除 token 失败:', error);
+      return { success: false, error: error as Error };
+    }
+  },
+
+  /** 检查是否存在 token */
+  exists: (): boolean => {
+    const token = tokenHelper.get();
+    return !!token && token !== '';
+  },
+};
+
+/** 通用存储操作助手对象 */
+export const storageHelper = {
+  /** 设置存储项 */
+  setItem: (key: string, val: string): StorageResult => {
+    try {
+      if (getPlatform() === 'electron') {
+        window.electronAPI.setStoreItem(key, val);
+      } else {
+        window.localStorage.setItem(key, val);
+      }
+      return { success: true };
+    } catch (error) {
+      console.error(`设置存储项 ${key} 失败:`, error);
+      return { success: false, error: error as Error };
+    }
+  },
+
+  /** 获取存储项 */
+  getItem: (key: string): string | null => {
+    try {
+      if (getPlatform() === 'electron') {
+        return window.electronAPI.getStoreItem(key);
+      } else {
+        return window.localStorage.getItem(key);
+      }
+    } catch (error) {
+      console.error(`获取存储项 ${key} 失败:`, error);
+      return null;
+    }
+  },
+
+  /** 移除存储项 */
+  removeItem: (key: string): StorageResult => {
+    try {
+      if (getPlatform() === 'electron') {
+        window.electronAPI.removeStoreItem(key);
+      } else {
+        window.localStorage.removeItem(key);
+      }
+      return { success: true };
+    } catch (error) {
+      console.error(`移除存储项 ${key} 失败:`, error);
+      return { success: false, error: error as Error };
+    }
+  },
+
+  /** 清空所有存储 */
+  clear: (): StorageResult => {
+    try {
+      if (getPlatform() === 'electron') {
+        // 如果是 electron，可能需要实现清空逻辑
+        window.localStorage.clear();
+      } else {
+        window.localStorage.clear();
+      }
+      return { success: true };
+    } catch (error) {
+      console.error('清空存储失败:', error);
+      return { success: false, error: error as Error };
+    }
+  },
+};
+
+/** 获取当前平台类型 */
+export const getPlatform = (): Platform => {
+  // 检查是否在 Electron 环境中
+  if (typeof window !== 'undefined' && window.electronAPI?.available) {
+    try {
+      if (window.electronAPI.available()) {
+        return 'electron';
+      }
+    } catch {
+      // 忽略错误，继续检查其他环境
+    }
+  }
+
+  // 默认返回 web 环境
+  return 'web';
+};
+
+// 扩展 Window 接口，添加 electronAPI 的类型定义
+declare global {
+  interface Window {
+    electronAPI?: {
+      available: () => boolean;
+      setStoreItem: (key: string, value: string) => void;
+      getStoreItem: (key: string) => string | null;
+      removeStoreItem: (key: string) => void;
+    };
+  }
+}
+
+export default {
+  tokenHelper,
+  storageHelper,
+  getPlatform,
+};

package/src/util/image.ts

@@ -0,0 +1,28 @@
+export function arrayBufferToImageBase64(bytes: Uint8Array) {
+  // do anything with the byte array here
+  let binary = '';
+  const len = bytes.byteLength;
+  for (let i = 0; i < len; i++) {
+    binary += String.fromCharCode(bytes[i]);
+  }
+  return 'data:image/png;base64,' + window.btoa(binary);
+}
+export function base64ToArrayBuffer(base64: string): ArrayBuffer {
+  // 移除可能存在的 data URL 前缀
+  const base64WithoutPrefix = base64.replace(/^data:\w+\/\w+;base64,/, '');
+
+  // 解码 base64 字符串
+  const binaryString = window.atob(base64WithoutPrefix);
+  const len = binaryString.length;
+
+  // 创建 ArrayBuffer 和 Uint8Array
+  const buffer = new ArrayBuffer(len);
+  const bytes = new Uint8Array(buffer);
+
+  // 将字符转换为字节
+  for (let i = 0; i < len; i++) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+
+  return buffer;
+}