vitepress-plugin-announcement 0.1.0 → 0.1.2

package/README.md

@@ -2,6 +2,9 @@
 
 [English](https://github.com/ATQQ/sugar-blog/blob/master/packages/vitepress-plugin-announcement/README-en.md) | 简体中文
 
+![](https://cdn.upyun.sugarat.top/mdImg/sugar/7af94a65e3b4dd05e61e3411daba7fdd)
+
+*介绍文章：[VitePress 公告插件开发实记](https://sugarat.top/technology/works/vitepress-plugin-announcement.html) · [archive](https://web.archive.org/web/20240921095008/https://sugarat.top/technology/works/vitepress-plugin-announcement.html) · [translated](https://sugarat-top.translate.goog/technology/works/vitepress-plugin-announcement.html?_x_tr_sl=zh-CN&_x_tr_tl=en&_x_tr_hl=zh-CN&_x_tr_pto=wapp)*
 ## 使用
 安装依赖 `pnpm/npm/yarn`
 ```sh
@@ -21,21 +24,35 @@ export default defineConfig({
       AnnouncementPlugin({
         title: '公告',
         body: [
-          { type: 'text', content: '下方插入了二维码' },
+          { type: 'text', content: '👇公众号👇 ---👇 赞赏 👇' },
           {
             type: 'image',
-            src: 'https://img.cdn.sugarat.top/mdImg/MTYxNTAxODc2NTIxMA==615018765210~fmt.webp'
+            src: 'https://cdn.upyun.sugarat.top/mdImg/sugar/85c9554d023be2fcc5aab94effeef033',
+            style: 'display: inline-block;width:46%;padding-right:6px'
+          },
+          {
+            type: 'image',
+            src: 'https://cdn.upyun.sugarat.top/mdImg/sugar/54eacf3e730af9c1e3542a4800a422ea',
+            style: 'display: inline-block;width:46%;padding-left:6px'
+          }
+        ],
+        footer: [
+          {
+            type: 'text',
+            content: 'footer content'
           },
           {
             type: 'button',
             content: '作者博客',
             link: 'https://sugarat.top'
           },
-        ],
-        footer: [
           {
-            type: 'text',
-            content: '底部内容'
+            type: 'button',
+            content: '博客主题',
+            link: 'https://theme.sugarat.top',
+            props: {
+              type: 'success'
+            }
           },
         ],
       })
@@ -69,6 +86,39 @@ AnnouncementPlugin({
 })
 ```
 
+### 按钮
+```js
+AnnouncementPlugin({
+  title: '公告',
+  body: [
+    {
+      type: 'button',
+      content: '博客主题',
+      link: 'https://theme.sugarat.top',
+      props: {
+        type: 'success'
+      }
+    },
+  ],
+})
+```
+
+### 修改样式
+```js
+AnnouncementPlugin({
+  title: '公告',
+  body: [
+    {
+      type: '',
+      content: '',
+      // ↓↓↓↓↓
+      style: 'color: #000; font-size: 16px;'
+      // ↑↑↑↑↑
+    }
+  ]
+})
+```
+
 ## 完整配置
 ```ts
 import type { Ref } from 'vue'
@@ -164,7 +214,9 @@ export declare namespace Announcement {
     link: string
     content: string
     style?: string
-    props?: any
+    props?: {
+      type: 'primary' | 'success' | 'danger' | 'warning' | 'info' | 'text' | 'default'
+    }
   }
 
   export type Value = Title | Text | Image | Button

package/dist/components/AnnouncementButton.vue

@@ -3,15 +3,13 @@ import { computed } from 'vue'
 
 const props = defineProps<{
   type: 'primary' | 'success' | 'danger' | 'warning' | 'info' | 'text' | 'default'
-  onClick?: () => void
-  style?: Record<string, any>
 }>()
 
 const type = computed(() => props.type ?? 'primary')
 </script>
 
 <template>
-  <button class="announcement-button" :class="`announcement-button-${type}`" @click="props.onClick">
+  <button class="announcement-button" :class="`announcement-button-${type}`">
     <span>
       <slot />
     </span>

package/dist/components/directives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directives.js","sourceRoot":"","sources":["../../src/components/directives.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,CAAC,EAAe,EAAE,OAAY,EAAE,EAAE;QACzC,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA;IAC9B,CAAC;CACF,CAAA"}

package/dist/components/style.css

@@ -1,3 +1,11 @@
+html .theme-blog-popover {
+    --box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
+}
+
+html.dark .theme-blog-popover {
+    --box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.6);
+}
+
 .theme-blog-popover {
     width: 258px;
     position: fixed;
@@ -7,7 +15,7 @@
     box-sizing: border-box;
     border: 1px solid var(--vp-c-brand-3);
     border-radius: 6px;
-    background-color: rgba(var(--bg-gradient-home));
+    background-color: var(--vp-c-bg);
     box-shadow: var(--box-shadow);
 }
 

package/dist/components/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/components/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEjD,MAAM,eAAe,GAAG,eAAe,CAAA;AACvC,MAAM,mBAAmB,GAAG,SAAS,CAAA;AACrC,MAAM,cAAc,GAAG,gBAAgB,CAAA;AAEvC,MAAM,UAAU,gBAAgB,CAAC,OAAe;IAC9C,MAAM,GAAG,GAAoC,EAAE,CAAA;IAC/C,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1E,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAA;YAC3C,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;QACxD,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,MAAM,UAAU,aAAa,CAAoC,EAAK,EAAE,KAAa;IACnF,IAAI,KAAU,CAAA;IACd,OAAO,CAAC,GAAG,IAAW,EAAE,EAAE;QACxB,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,EAAE,CAAC,GAAG,IAAI,CAAC,CAAA;QACb,CAAC,EAAE,KAAK,CAAC,CAAA;IACX,CAAC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAA;AAExD,MAAM,UAAU,aAAa;IAC3B,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA;IAC3C,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA;IAC5C,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,EAAE;QACpC,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAA;YAC/B,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,CAAA;QACnC,CAAC;IACH,CAAC,EAAE,GAAG,CAAC,CAAA;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAClE,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;QAClD,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,UAAU,EAAE,CAAA;IACZ,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;AAC1B,CAAC"}

package/dist/index.d.mts

@@ -79,7 +79,9 @@ declare namespace Announcement {
         link: string;
         content: string;
         style?: string;
-        props?: any;
+        props?: {
+            type: 'primary' | 'success' | 'danger' | 'warning' | 'info' | 'text' | 'default';
+        };
     }
     type Value = Title | Text | Image | Button;
 }

package/dist/index.d.ts

@@ -79,7 +79,9 @@ declare namespace Announcement {
         link: string;
         content: string;
         style?: string;
-        props?: any;
+        props?: {
+            type: 'primary' | 'success' | 'danger' | 'warning' | 'info' | 'text' | 'default';
+        };
     }
     type Value = Title | Text | Image | Button;
 }

package/dist/index.js

@@ -89,7 +89,7 @@ import Announcement from './Announcement.vue'`);
     },
     load(id) {
       if (id === resolvedVirtualModuleId) {
-        return `export default ${(0, import_javascript_stringify.stringify)(options)}`;
+        return `export default ${(0, import_javascript_stringify.stringify)(componentOptions)}`;
       }
     }
   };

package/dist/index.mjs

@@ -54,7 +54,7 @@ import Announcement from './Announcement.vue'`);
     },
     load(id) {
       if (id === resolvedVirtualModuleId) {
-        return `export default ${stringify(options)}`;
+        return `export default ${stringify(componentOptions)}`;
       }
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitepress-plugin-announcement",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "vitepress plugin, Announcement, 公告窗口",
   "author": "sugar",
   "license": "MIT",