feat: Feature/pro docs (#70)

* chore: merge main * feat: update docs * feat: remove coze-assistant * feat: add watermark plugin * feat: update preferences * feat: update docs --------- Co-authored-by: vince <vince292007@gmail.com>
2025-08-27 19:29:04 +08:00 · 2024-07-28 14:29:05 +08:00
parent 14538f7ed5
commit 376fd17a61
225 changed files with 7731 additions and 1784 deletions
--- a/packages/effects/hooks/src/use-watermark.ts
+++ b/packages/effects/hooks/src/use-watermark.ts
@@ -0,0 +1,88 @@
+import type { Watermark, WatermarkOptions } from 'watermark-js-plus';
+
+import { nextTick, onUnmounted, ref, watch } from 'vue';
+
+import { preferences } from '@vben/preferences';
+
+const watermark = ref<Watermark>();
+const cachedOptions = ref<Partial<WatermarkOptions>>({
+  advancedStyle: {
+    colorStops: [
+      {
+        color: 'gray',
+        offset: 0,
+      },
+      {
+        color: 'gray',
+        offset: 1,
+      },
+    ],
+    type: 'linear',
+  },
+  // fontSize: '20px',
+  content: '',
+  contentType: 'multi-line-text',
+  globalAlpha: 0.25,
+  gridLayoutOptions: {
+    cols: 2,
+    gap: [20, 20],
+    matrix: [
+      [1, 0],
+      [0, 1],
+    ],
+    rows: 2,
+  },
+  height: 200,
+  layout: 'grid',
+  rotate: 30,
+  width: 160,
+});
+
+export function useWatermark() {
+  async function initWatermark(options: Partial<WatermarkOptions>) {
+    const { Watermark } = await import('watermark-js-plus');
+
+    cachedOptions.value = {
+      ...cachedOptions.value,
+      ...options,
+    };
+    watermark.value = new Watermark(cachedOptions.value);
+
+    watermark.value?.create();
+  }
+
+  async function updateWatermark(options: Partial<WatermarkOptions>) {
+    if (!watermark.value || !watermark.value?.check()) {
+      await initWatermark(options);
+    } else {
+      await nextTick();
+      watermark.value?.changeOptions({
+        ...cachedOptions.value,
+        ...options,
+      });
+    }
+  }
+
+  function destroyWatermark() {
+    watermark.value?.destroy();
+  }
+
+  watch(
+    () => preferences.app.watermark,
+    (enable) => {
+      if (!enable) {
+        destroyWatermark();
+      }
+    },
+  );
+
+  onUnmounted(() => {
+    destroyWatermark();
+  });
+
+  return {
+    destroyWatermark,
+    updateWatermark,
+    watermark,
+  };
+}