@coffic/cosy-ui 0.7.2 → 0.8.6

package/dist/vue/utils/theme.ts

@@ -0,0 +1,122 @@
+interface ThemeManager {
+  updateActiveTheme: (currentTheme: string) => void;
+  handleThemeClick: (this: HTMLElement) => void;
+  initialize: () => void;
+  setTheme: (theme: string) => void;
+  detectSystemTheme: () => string;
+}
+
+/**
+ * 创建主题管理器
+ *
+ * 提供主题切换、主题持久化存储和系统主题检测等功能
+ *
+ * @returns ThemeManager 主题管理器对象
+ */
+export function createThemeManager(): ThemeManager {
+  const getThemeItems = () =>
+    document.querySelectorAll<HTMLElement>('[data-theme]');
+
+  const updateActiveTheme = (currentTheme: string) => {
+    const themeItems = getThemeItems();
+    themeItems.forEach((item) => {
+      const themeId = item.getAttribute('data-theme');
+      const isActive = themeId === currentTheme;
+
+      // 设置元素的 data-active 属性
+      item.setAttribute('data-active', String(isActive));
+
+      // 仅对于旧式主题按钮（data-set-theme 属性），保留旧的类切换行为
+      if (item.hasAttribute('data-set-theme')) {
+        item.classList.toggle('cosy:bg-primary', isActive);
+        item.classList.toggle('cosy:text-primary-content', isActive);
+      }
+    });
+  };
+
+  function handleThemeClick(this: HTMLElement) {
+    const theme =
+      this.getAttribute('data-set-theme') || this.getAttribute('data-theme');
+    if (theme) {
+      setTheme(theme);
+    }
+  }
+
+  /**
+   * 设置主题
+   *
+   * @param theme 主题ID
+   */
+  const setTheme = (theme: string) => {
+    document.documentElement.setAttribute('data-theme', theme);
+    localStorage.setItem('theme', theme);
+    updateActiveTheme(theme);
+  };
+
+  /**
+   * 检测系统主题偏好（亮色/暗色）
+   *
+   * @returns 'dark' 或 'light'
+   */
+  const detectSystemTheme = (): string => {
+    return window.matchMedia('(prefers-color-scheme: dark)').matches
+      ? 'dark'
+      : 'light';
+  };
+
+  /**
+   * 初始化主题管理器
+   *
+   * 从本地存储中获取主题设置，如果没有则尝试使用系统主题，最后使用默认主题
+   */
+  const initialize = () => {
+    // 从本地存储中获取主题
+    let savedTheme = localStorage.getItem('theme');
+
+    // 如果没有保存的主题，则尝试使用系统主题
+    if (!savedTheme) {
+      const systemTheme = detectSystemTheme();
+      if (systemTheme === 'dark') {
+        savedTheme = 'dark';
+      } else {
+        savedTheme = 'default'; // 默认使用默认主题
+      }
+    }
+
+    // 设置主题
+    document.documentElement.setAttribute('data-theme', savedTheme);
+    updateActiveTheme(savedTheme);
+
+    // 添加主题切换事件监听器
+    // 支持新旧两种类型的主题切换按钮
+    const themeItems = [
+      ...Array.from(document.querySelectorAll<HTMLElement>('[data-set-theme]')),
+      ...Array.from(
+        document.querySelectorAll<HTMLElement>('.cosy\\:theme-item')
+      ),
+    ];
+
+    themeItems.forEach((item) => {
+      item.removeEventListener('click', handleThemeClick);
+      item.addEventListener('click', handleThemeClick);
+    });
+
+    // 监听系统主题变化
+    window
+      .matchMedia('(prefers-color-scheme: dark)')
+      .addEventListener('change', (e) => {
+        // 只有当用户没有手动设置过主题时，才跟随系统主题变化
+        if (!localStorage.getItem('theme')) {
+          setTheme(e.matches ? 'dark' : 'default');
+        }
+      });
+  };
+
+  return {
+    updateActiveTheme,
+    handleThemeClick,
+    initialize,
+    setTheme,
+    detectSystemTheme,
+  };
+}

package/dist/vue/utils/url.ts

@@ -0,0 +1,17 @@
+/**
+ * 判断提供的URL是否是GitHub仓库
+ * @param url 需要判断的URL
+ * @returns 是否是GitHub仓库
+ */
+export function isGitHubRepo(url: string): boolean {
+  return url.includes('github.com');
+}
+
+/**
+ * 判断提供的URL是否是GitLab仓库
+ * @param url 需要判断的URL
+ * @returns 是否是GitLab仓库
+ */
+export function isGitLabRepo(url: string): boolean {
+  return url.includes('gitlab.com');
+}

package/package.json

@@ -1,87 +1,90 @@
 {
-    "name": "@coffic/cosy-ui",
-    "version": "0.7.2",
-    "description": "An astro component library",
-    "author": {
-        "name": "nookery",
-        "url": "https://github.com/nookery"
+  "name": "@coffic/cosy-ui",
+  "version": "0.8.6",
+  "description": "An astro component library",
+  "author": {
+    "name": "nookery",
+    "url": "https://github.com/nookery"
+  },
+  "repository": {
+    "url": "https://github.com/CofficLab/cosy-ui"
+  },
+  "license": "MIT",
+  "keywords": [
+    "astro-integration",
+    "astro-component",
+    "withastro",
+    "astro",
+    "cosy-ui"
+  ],
+  "homepage": "https://cofficlab.github.io/cosy-ui/en/",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "main": "./dist/index.ts",
+  "module": "./dist/index.ts",
+  "types": "./dist/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index-astro.ts",
+      "types": "./dist/index-astro.ts"
     },
-    "repository": {
-        "url": "https://github.com/CofficLab/cosy-ui"
+    "./vue": {
+      "import": "./dist/index-vue.ts",
+      "types": "./dist/index-vue.ts"
     },
-    "license": "MIT",
-    "keywords": [
-        "astro-integration",
-        "astro-component",
-        "withastro",
-        "astro",
-        "cosy-ui"
-    ],
-    "homepage": "https://cofficlab.github.io/cosy-ui/en/",
-    "publishConfig": {
-        "access": "public"
-    },
-    "sideEffects": false,
-    "main": "./dist/index.js",
-    "exports": {
-        ".": "./dist/index.js",
-        "./collection": "./dist/index_collection.js",
-        "./icons": "./dist/index_icons.js",
-        "./vue": "./dist/index_vue.js"
-    },
-    "files": [
-        "dist",
-        "index.ts"
-    ],
-    "scripts": {
-        "dev": "astro dev --host 0.0.0.0 --port 6677",
-        "preview:docs": "astro preview --host 0.0.0.0 --port 4330 --outDir dist-docs",
-        "preview": "npm run preview:docs",
-        "build": "npm run build:cosy && npm run build:docs",
-        "build:cosy": "vite build && tsx scripts/post-build.ts",
-        "build:docs": "astro build",
-        "check": "astro check",
-        "lint": "eslint ."
-    },
-    "type": "module",
-    "peerDependencies": {
-        "astro": "^5.1.3"
-    },
-    "dependencies": {
-        "astro-integration-kit": "^0.18.0",
-        "fs-extra": "^11.3.0",
-        "html-to-image": "^1.11.13"
-    },
-    "devDependencies": {
-        "@astrojs/check": "^0.9.4",
-        "@astrojs/mdx": "^4.2.6",
-        "@astrojs/ts-plugin": "^1.10.4",
-        "@eslint/js": "^9.27.0",
-        "@tailwindcss/typography": "^0.5.16",
-        "@tailwindcss/vite": "^4.1.7",
-        "@tsconfig/node22": "^22.0.2",
-        "@types/chai": "^5.2.2",
-        "@types/eslint": "^9.6.1",
-        "@types/fs-extra": "^11.0.4",
-        "@types/mocha": "^10.0.10",
-        "@types/node": "^22.15.19",
-        "@types/react": "^19.1.4",
-        "@typescript-eslint/parser": "^8.32.1",
-        "astro": "^5.7.13",
-        "chai": "^4.5.0",
-        "daisyui": "^5.0.35",
-        "eslint": "^9.27.0",
-        "eslint-plugin-astro": "^1.3.1",
-        "globals": "^16.1.0",
-        "mocha": "^10.8.2",
-        "prettier": "^3.5.3",
-        "prettier-plugin-astro": "^0.14.1",
-        "rollup-plugin-copy": "^3.5.0",
-        "sharp": "^0.33.5",
-        "tailwindcss": "^4.1.7",
-        "tsx": "^4.19.4",
-        "typescript": "^5.8.3",
-        "typescript-eslint": "^8.32.1",
-        "vite": "^6.3.5"
+    "./collection": {
+      "import": "./dist/index-collection.ts",
+      "types": "./dist/index-collection.ts"
     }
+  },
+  "files": [
+    "dist",
+    "index.ts"
+  ],
+  "scripts": {
+    "build": "vite build && tsx scripts/post-build.ts"
+  },
+  "type": "module",
+  "peerDependencies": {
+    "astro": "^5.1.3"
+  },
+  "dependencies": {
+    "astro-integration-kit": "^0.18.0",
+    "fs-extra": "^11.3.0",
+    "html-to-image": "^1.11.13"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/mdx": "^4.2.6",
+    "@astrojs/ts-plugin": "^1.10.4",
+    "@eslint/js": "^9.27.0",
+    "@tailwindcss/typography": "^0.5.16",
+    "@tailwindcss/vite": "^4.1.7",
+    "@tsconfig/node22": "^22.0.2",
+    "@types/chai": "^5.2.2",
+    "@types/eslint": "^9.6.1",
+    "@types/fs-extra": "^11.0.4",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^22.15.19",
+    "@types/react": "^19.1.4",
+    "@typescript-eslint/parser": "^8.32.1",
+    "astro": "^5.7.13",
+    "chai": "^4.5.0",
+    "daisyui": "^5.0.35",
+    "eslint": "^9.27.0",
+    "eslint-plugin-astro": "^1.3.1",
+    "globals": "^16.1.0",
+    "mocha": "^10.8.2",
+    "prettier": "^3.5.3",
+    "prettier-plugin-astro": "^0.14.1",
+    "rollup-plugin-copy": "^3.5.0",
+    "sharp": "^0.33.5",
+    "tailwindcss": "^4.1.7",
+    "tsx": "^4.19.4",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.32.1",
+    "vite": "^6.3.5"
+  }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Coffic Lab
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1,31 +0,0 @@
-# Cosy UI
-
-[![English](https://img.shields.io/badge/English-violet)](README.md)
-[![简体中文](https://img.shields.io/badge/中文文档-gray)](README-zh.md)
-[![Release](https://img.shields.io/github/v/release/cofficlab/cosy-ui?style=flat-square&logo=github&color=blue)](https://github.com/yuaotian/go-cursor-help/releases/latest)
-[![DEV](https://img.shields.io/badge/DEV-gray)](README-dev.md)
-[![NPM](https://img.shields.io/badge/NPM-orange)](https://www.npmjs.com/package/@coffic/cosy-ui)
-![NPM Downloads](https://img.shields.io/npm/dm/%40coffic%2Fcosy-ui)
-![NPM Version](https://img.shields.io/npm/v/%40coffic%2Fcosy-ui)
-[![Coffic](https://img.shields.io/badge/Coffic-green)](https://coffic.cn)
-[![Maintainer](https://img.shields.io/badge/Maintainer-blue)](https://github.com/nookery)
-![GitHub License](https://img.shields.io/github/license/cofficlab/cosy-ui)
-
-This is an Astro component library that provides a unified UI style for multiple projects under the same organization.
-
-## Quick Start
-
-Installation
-
-```bash
-npm install @coffic/cosy-ui
-```
-
-Usage in Astro components:
-
-```js
----
-import { Button } from "@coffic/cosy-ui";
----
-<Button>Hi</Button>
-```

package/dist/alert/EAlertCustomStyle.astro

@@ -1,14 +0,0 @@
----
-/**
- * @component Alert.CustomStyle
- *
- * @description
- * 展示如何使用class属性自定义Alert组件的样式。
- */
-import '../style.ts';
-import { Alert } from '../index';
----
-
-<Alert type="info" class="cosy:bg-purple-100 cosy:text-purple-800 cosy:border-purple-300">
-	这是一个自定义样式的提示框
-</Alert>

package/dist/alert/EAlertError.astro

@@ -1,6 +0,0 @@
----
-import '../style.ts';
-import { Alert } from '../index';
----
-
-<Alert type="error">这是一条错误提示</Alert>

package/dist/alert/EAlertInfo.astro

@@ -1,6 +0,0 @@
----
-import '../style.ts';
-import { Alert } from '../index';
----
-
-<Alert type="info">这是一条信息提示</Alert>

package/dist/alert/EAlertSuccess.astro

@@ -1,6 +0,0 @@
----
-import '../style.ts';
-import { Alert } from '../index';
----
-
-<Alert type="success">这是一条成功提示</Alert>

package/dist/alert/EAlertWarning.astro

@@ -1,6 +0,0 @@
----
-import '../style.ts';
-import { Alert } from '../index';
----
-
-<Alert type="warning">这是一条警告提示</Alert>

package/dist/article/ArticleBasic.astro

@@ -1,31 +0,0 @@
----
-import Article from './Article.astro';
----
-
-<Article>
-	<h1>文章标题</h1>
-	<p>这是一段介绍性文字，可以包含<a href="#">链接</a>和<code>行内代码</code>。</p>
-
-	<h2>二级标题</h2>
-	<p>这是二级标题下的段落内容。</p>
-
-	<blockquote>这是一段引用内容，可以用来强调重要信息或引用他人的话。</blockquote>
-
-	<h3>三级标题</h3>
-	<ul>
-		<li>无序列表项一</li>
-		<li>无序列表项二</li>
-	</ul>
-
-	<h4>四级标题</h4>
-	<ol>
-		<li>有序列表项一</li>
-		<li>有序列表项二</li>
-	</ol>
-
-	<pre><code>// 这是一个代码块
-function example() &#123;
-  return "示例代码";
-&#125;
-</code></pre>
-</Article>

package/dist/assets/iconData.ts

@@ -1,116 +0,0 @@
-/**
- * 图标数据共享文件
- * 这个文件包含所有图标的SVG路径数据
- * 供Astro和Vue组件共同使用
- */
-
-export interface IconData {
-	/**
-	 * 图标路径数据
-	 */
-	path: string;
-	/**
-	 * 额外的视图框设置，默认为"0 0 24 24"
-	 */
-	viewBox?: string;
-}
-
-export const iconData: Record<string, IconData> = {
-	// 警告三角形图标
-	alertTriangle: {
-		path: 'M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z',
-	},
-
-	// 成功检查图标
-	checkCircle: {
-		path: 'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z',
-	},
-
-	// 信息图标
-	infoCircle: {
-		path: 'M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
-	},
-
-	// 错误图标
-	xCircle: {
-		path: 'M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z',
-	},
-
-	// 搜索图标
-	search: {
-		path: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z',
-	},
-
-	// 设置图标
-	settings: {
-		path: 'M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M15 12a3 3 0 11-6 0 3 3 0 016 0z',
-	},
-
-	// 信息图标
-	info: {
-		path: 'M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
-	},
-
-	// 用户图标
-	user: {
-		path: 'M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z',
-	},
-
-	// 菜单图标
-	menu: {
-		path: 'M4 6h16M4 12h16M4 18h16',
-	},
-
-	// 关闭图标
-	close: {
-		path: 'M6 18L18 6M6 6l12 12',
-	},
-
-	// 检查图标
-	check: {
-		path: 'M5 13l4 4L19 7',
-	},
-
-	// 下拉图标
-	chevronDown: {
-		path: 'M19 9l-7 7-7-7',
-	},
-
-	// 日历图标
-	calendar: {
-		path: 'M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z',
-	},
-
-	// 链接图标
-	link: {
-		path: 'M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1',
-	},
-
-	// 剪贴板图标
-	clipboard: {
-		path: 'M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2',
-	},
-
-	// 收件箱归档图标
-	inboxArchive: {
-		path: 'M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4',
-	},
-
-	// GitHub 图标
-	github: {
-		path: 'M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z',
-	},
-
-	// 领英图标
-	linkedin: {
-		path: 'M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z',
-	},
-
-	// Twitter 图标
-	twitter: {
-		path: 'M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z',
-	},
-
-	sunCloudy: {
-		path: 'M9.98392 5.05991C11.1323 3.22236 13.1734 2 15.5 2C19.0899 2 22 4.91015 22 8.5C22 9.58031 21.7365 10.5991 21.2701 11.4955C22.3351 12.4985 23 13.9216 23 15.5C23 18.5376 20.5376 21 17.5 21H9C4.58172 21 1 17.4183 1 13C1 8.58172 4.58172 5 9 5C9.33312 5 9.66149 5.02036 9.98392 5.05991ZM12.0554 5.60419C14.0675 6.43637 15.6662 8.06578 16.4576 10.0986C16.7951 10.0339 17.1436 10 17.5 10C18.2351 10 18.9366 10.1442 19.5776 10.4059C19.8486 9.82719 20 9.18128 20 8.5C20 6.01472 17.9853 4 15.5 4C14.1177 4 12.8809 4.6233 12.0554 5.60419ZM17.5 19C19.433 19 21 17.433 21 15.5C21 13.567 19.433 12 17.5 12C16.5205 12 15.6351 12.4023 14.9998 13.0507C14.9999 13.0338 15 13.0169 15 13C15 9.68629 12.3137 7 9 7C5.68629 7 3 9.68629 3 13C3 16.3137 5.68629 19 9 19H17.5Z'}
-};