chore: 重构项目结构

widget/README.md

@@ -2,4 +2,4 @@
 
 ## 使用方法
 
-文档：https://cwd-comments-docs.zishu.me/guide/frontend-config.html
+文档：https://cwd-docs.zishu.me/guide/frontend-config.html

widget/src/core/CWDComments.js

@@ -57,7 +57,7 @@ export class CWDComments {
 		if (typeof el === 'string') {
 			const element = document.querySelector(el);
 			if (!element) {
-				throw new Error(`元素未找到: ${el}`);
+				throw new Error(`元素未找到：${el}`);
 			}
 			if (!(element instanceof HTMLElement)) {
 				throw new Error(`目标不是 HTMLElement: ${el}`);
@@ -281,7 +281,7 @@ export class CWDComments {
 		}
 
 		// 创建头部统计
-		let header = this.mountPoint.querySelector('.cwd-comments-header');
+		let header = this.mountPoint.querySelector('.cwd-header');
 		if (!header) {
 			header = document.createElement('div');
 			header.className = 'cwd-comments-header';
@@ -292,7 +292,7 @@ export class CWDComments {
       `;
 			this.mountPoint.appendChild(header);
 		}
-		const countEl = header.querySelector('.cwd-comments-count-number');
+		const countEl = header.querySelector('.cwd-count-number');
 		if (countEl) {
 			countEl.textContent = state.pagination.totalCount;
 		}
@@ -400,8 +400,8 @@ export class CWDComments {
 		}
 
 		// 更新头部统计
-		const header = this.mountPoint?.querySelector('.cwd-comments-header');
-		const countEl = header?.querySelector('.cwd-comments-count-number');
+		const header = this.mountPoint?.querySelector('.cwd-header');
+		const countEl = header?.querySelector('.cwd-count-number');
 		if (countEl) {
 			countEl.textContent = state.pagination.totalCount;
 		}

widget/src/index.js

@@ -4,7 +4,7 @@
  * 使用方法：
  * ```html
  * <div id="comments"></div>
- * <script src="cwd-comments.js"></script>
+ * <script src="cwd.js"></script>
  * <script>
  *   new CWDComments({
  *     el: '#comments',

widget/src/styles/main.css

@@ -13,7 +13,7 @@
 }
 
 /* ========== 容器 ========== */
-.cwd-comments-container {
+.cwd-container {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
     'Apple Color Emoji', 'Segoe UI Emoji';
   font-size: 14px;
@@ -24,7 +24,7 @@
 }
 
 /* ========== 头部统计 ========== */
-.cwd-comments-header {
+.cwd-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -33,7 +33,7 @@
   border-bottom: 1px solid var(--cwd-border);
 }
 
-.cwd-comments-count {
+.cwd-count {
   font-size: 16px;
   font-weight: 600;
   color: var(--cwd-text);
@@ -525,7 +525,7 @@
   min-height: 100px;
 }
 
-.cwd-comments {
+.cwd {
   display: flex;
   flex-direction: column;
 }
@@ -704,21 +704,21 @@
 }
 
 /* 滚动条样式 */
-.cwd-comments-container::-webkit-scrollbar {
+.cwd-container::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }
 
-.cwd-comments-container::-webkit-scrollbar-track {
+.cwd-container::-webkit-scrollbar-track {
   background: transparent;
 }
 
-.cwd-comments-container::-webkit-scrollbar-thumb {
+.cwd-container::-webkit-scrollbar-thumb {
   background: var(--cwd-border);
   border-radius: 4px;
 }
 
-.cwd-comments-container::-webkit-scrollbar-thumb:hover {
+.cwd-container::-webkit-scrollbar-thumb:hover {
   background: var(--cwd-text-secondary);
 }
 

widget/vite.config.js

@@ -14,7 +14,7 @@ export default defineConfig({
 			name: 'CWDComments',
 			entry: resolve(__dirname, 'src/index.js'),
 			formats: ['umd'],
-			fileName: (format) => `cwd-comments.js`,
+			fileName: (format) => `cwd.js`,
 		},
 		rollupOptions: {
 			output: {