@slidejs/runner-swiper 0.1.3 → 0.1.5

package/src/runner.ts

@@ -10,7 +10,7 @@ import type { SlideContext } from '@slidejs/context';
 import { SwiperAdapter } from './adapter';
 import type { SwiperAdapterOptions } from './types';
 // 导入 CSS 内容用于注入
-import swiperCSS from 'swiper/css?inline';
+import swiperBundleCSS from 'swiper/css/bundle?inline';
 import customCSS from './style.css?inline';
 
 /**
@@ -68,12 +68,13 @@ export async function createSlideRunner<TContext extends SlideContext = SlideCon
   // 2. 编译为 SlideDSL
   const slideDSL = compile<TContext>(ast);
 
-  // 2.1 Set to Global
-  const globalStyles = document.head.querySelector('#swiper-styles');
-  if (!globalStyles) {
+  // 2.1 注入 Swiper Bundle CSS 到 document.head（全局，如果尚未注入）
+  // Bundle CSS 包含所有模块（核心、Navigation、Pagination 等）
+  const swiperStyleId = 'swiper-bundle-styles';
+  if (!document.head.querySelector(`#${swiperStyleId}`)) {
     const style = document.createElement('style');
-    style.id = 'swiper-styles';
-    style.textContent = swiperCSS;
+    style.id = swiperStyleId;
+    style.textContent = swiperBundleCSS;
     document.head.appendChild(style);
   }
 

package/src/types.ts

@@ -4,20 +4,19 @@
  * 定义 Swiper 适配器的选项和配置
  */
 
-import type { SwiperOptions } from 'swiper';
+import { Swiper } from 'swiper';
 import type { AdapterOptions } from '@slidejs/runner';
 
+// Swiper 构造函数的第二个参数类型
+type SwiperOptions = ConstructorParameters<typeof Swiper>[1];
+
 /**
  * SwiperAdapter 选项
  *
- * Swiper CSS 需要手动导入：
- * ```typescript
- * import 'swiper/css';
- * import 'swiper/css/navigation';
- * import 'swiper/css/pagination';
- * ```
+ * 注意：Swiper Bundle CSS（包含所有模块的 CSS）会在创建 runner 时自动注入，
+ * 无需手动导入。
  *
- * 注意：Keyboard、Navigation 和 Pagination 模块已在适配器中自动注册，
+ * Keyboard、Navigation 和 Pagination 模块已在适配器中自动注册，
  * 无需在配置中再次指定 modules。
  */
 export interface SwiperAdapterOptions extends AdapterOptions {