@coffic/cosy-ui 0.8.10 → 0.8.11

package/dist/src-astro/alert/index.ts

@@ -1,16 +1,8 @@
-import Alert from './Alert.astro';
-import AlertBasicContainer from './EAlertBasicContainer.astro';
-import AlertWithTitleContainer from './EAlertWithTitleContainer.astro';
-import AlertTypesContainer from './EAlertTypesContainer.astro';
-import AlertCustomStyleContainer from './EAlertCustomStyleContainer.astro';
+export { default as Alert } from './Alert.astro';
 
-export { Alert };
-export const AlertPackage = {
-  Alert,
-  AlertContainers: {
-    Basic: AlertBasicContainer,
-    WithTitle: AlertWithTitleContainer,
-    Types: AlertTypesContainer,
-    CustomStyle: AlertCustomStyleContainer,
-  },
-};
+// Export types
+export interface AlertProps {
+  type?: 'info' | 'success' | 'warning' | 'error';
+  title?: string;
+  class?: string;
+}

package/dist/src-astro/assets/iconData.ts

@@ -119,4 +119,104 @@ export const iconData: Record<string, IconData> = {
     refresh: {
         path: 'M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15',
     },
+
+    // 主页图标
+    home: {
+        path: 'M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6',
+    },
+
+    // 仪表盘图标
+    dashboard: {
+        path: 'M3 13a8 8 0 018-8 8 8 0 018 8m0 0a8 8 0 11-16 0m8-2.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5z',
+    },
+
+    // 图表图标
+    chart: {
+        path: 'M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z',
+    },
+
+    // 文档图标
+    document: {
+        path: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z',
+    },
+
+    // 通知图标
+    notification: {
+        path: 'M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9',
+    },
+
+    // 用户组图标
+    users: {
+        path: 'M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197m0 0a4 4 0 017 0M13 7a4 4 0 11-8 0 4 4 0 018 0z',
+    },
+
+    // 消息图标
+    message: {
+        path: 'M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z',
+    },
+
+    // 邮件图标
+    mail: {
+        path: 'M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z',
+    },
+
+    // 文件夹图标
+    folder: {
+        path: 'M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z',
+    },
+
+    // 星形图标
+    star: {
+        path: 'M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z',
+    },
+
+    // 心形图标
+    heart: {
+        path: 'M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z',
+    },
+
+    // 保存图标
+    save: {
+        path: 'M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4',
+    },
+
+    // 编辑图标
+    edit: {
+        path: 'M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7m-1.5-9.5a2.121 2.121 0 113 3L12 15l-4 1 1-4 9.5-9.5z',
+    },
+
+    // 删除图标
+    delete: {
+        path: 'M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16',
+    },
+
+    // 工具图标
+    tools: {
+        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',
+    },
+
+    // 钱包图标
+    wallet: {
+        path: 'M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z',
+    },
+
+    // 报告图标
+    report: {
+        path: 'M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z',
+    },
+
+    // 安全图标
+    security: {
+        path: 'M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z',
+    },
+
+    // 上传图标
+    upload: {
+        path: 'M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12',
+    },
+
+    // 下载图标
+    download: {
+        path: 'M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 11l3 3m0 0l3-3m-3 3V4',
+    },
 };

package/dist/src-astro/button/index_astro.ts

@@ -1,60 +1,6 @@
 import Button from './Button.astro';
-import ButtonBasicContainer from './ButtonBasicContainer.astro';
-import ButtonShapesContainer from './ButtonShapesContainer.astro';
-import ButtonSizesContainer from './ButtonSizesContainer.astro';
-import ButtonStatesContainer from './ButtonStatesContainer.astro';
-import ButtonWithIconsContainer from './ButtonWithIconsContainer.astro';
-import ButtonWidthContainer from './ButtonWidthContainer.astro';
-import ButtonVariantsContainer from './ButtonVariantsContainer.astro';
-import ButtonLinkContainer from './ButtonLinkContainer.astro';
-import ButtonWide from './ButtonWide.astro';
-import ButtonBlock from './ButtonBlock.astro';
-import ButtonIconLeft from './ButtonIconLeft.astro';
-import ButtonIconRight from './ButtonIconRight.astro';
-import ButtonIconBoth from './ButtonIconBoth.astro';
-import ButtonShapeCircle from './ButtonShapeCircle.astro';
-import ButtonShapeSquare from './ButtonShapeSquare.astro';
-import ButtonShapeDefault from './ButtonShapeDefault.astro';
-import ButtonInfo from './ButtonInfo.astro';
-import ButtonSuccess from './ButtonSuccess.astro';
-import ButtonWarning from './ButtonWarning.astro';
-import ButtonError from './ButtonError.astro';
-import ButtonGhost from './ButtonGhost.astro';
+import ButtonVariants from './ButtonVariants.astro';
 import ButtonLink from './ButtonLink.astro';
 import ButtonLinkExternal from './ButtonLinkExternal.astro';
-import ButtonOutline from './ButtonOutline.astro';
-import ButtonNeutral from './ButtonNeutral.astro';
 
-export { Button };
-
-export const ButtonPackage = {
-  Button,
-  ButtonWide,
-  ButtonBlock,
-  ButtonIconLeft,
-  ButtonIconRight,
-  ButtonIconBoth,
-  ButtonShapeCircle,
-  ButtonShapeSquare,
-  ButtonShapeDefault,
-  ButtonInfo,
-  ButtonSuccess,
-  ButtonWarning,
-  ButtonError,
-  ButtonGhost,
-  ButtonLink,
-  ButtonLinkExternal,
-  ButtonOutline,
-  ButtonNeutral,
-
-  ButtonContainers: {
-    Basic: ButtonBasicContainer,
-    Shapes: ButtonShapesContainer,
-    Sizes: ButtonSizesContainer,
-    States: ButtonStatesContainer,
-    WithIcons: ButtonWithIconsContainer,
-    Width: ButtonWidthContainer,
-    Variants: ButtonVariantsContainer,
-    Link: ButtonLinkContainer,
-  },
-};
+export { Button, ButtonVariants, ButtonLink, ButtonLinkExternal };

package/dist/src-astro/card/CardCourse.astro

@@ -1,6 +1,22 @@
 ---
-import { Image } from 'astro:assets';
-import bookCover from '../assets/book.png';
+/**
+ * @component CardCourse
+ *
+ * @description
+ * 课程卡片组件，用于展示课程信息，具有统一的设计风格。
+ *
+ * @usage
+ * ```astro
+ * <CardCourse title="React 基础教程" link="/courses/react-basics" />
+ * ```
+ *
+ * @props
+ * - title: string - 课程标题
+ * - link: string - 课程链接
+ */
+
+// 导入样式
+import '../../style.ts';
 
 interface Props {
   title: string;
@@ -11,18 +27,22 @@ const { title, link } = Astro.props;
 ---
 
 <div>
-  <a href={link} class="justify-center flex no-underline text-base-content">
-    <div class="w-56 h-80">
+  <a
+    href={link}
+    class="cosy:justify-center cosy:flex cosy:no-underline cosy:text-base-content">
+    <div class="cosy:w-56 cosy:h-80">
       <div
-        class="bg-gradient-to-br w-full h-full from-accent/50 to-primary/30 rounded-3xl shadow-lg backdrop-blur-sm"
-      >
+        class="cosy:bg-gradient-to-br cosy:w-full cosy:h-full cosy:from-accent/50 cosy:to-primary/30 cosy:rounded-3xl cosy:shadow-lg cosy:backdrop-blur-sm">
         <div
-          class="bg-base-100/60 w-full h-full rounded-3xl border border-base-content/30 hover:scale-105 hover:shadow-2xl transform duration-200 backdrop-filter backdrop-blur-sm"
-        >
-          <div class="card-body p-1 h-full">
-            <Image src={bookCover} alt={title} class="h-3/5 w-full" />
+          class="cosy:bg-base-100/60 cosy:w-full cosy:h-full cosy:rounded-3xl cosy:border cosy:border-base-content/30 hover:cosy:scale-105 hover:cosy:shadow-2xl cosy:transform cosy:duration-200 cosy:backdrop-filter cosy:backdrop-blur-sm">
+          <div class="card-body cosy:p-1 cosy:h-full">
+            <!-- 使用书本图标代替图片 -->
+            <div
+              class="cosy:h-3/5 cosy:w-full cosy:flex cosy:items-center cosy:justify-center cosy:text-6xl cosy:text-primary">
+              📚
+            </div>
             <div>
-              <h2 class="text-lg text-center font-medium">
+              <h2 class="cosy:text-lg cosy:text-center cosy:font-medium">
                 {title}
               </h2>
             </div>

package/dist/src-astro/card/index.ts

@@ -1,27 +1,17 @@
-import Card from './Card.astro';
-import CardCourse from './CardCourse.astro';
-import CardBasic from './CardBasic.astro';
+export { default as Card } from './Card.astro';
+export { default as CardCourse } from './CardCourse.astro';
 
-// Container components
-import CardBasicContainer from './ECardBasicContainer.astro';
-import CardWithSubtitleContainer from './ECardWithSubtitleContainer.astro';
-import CardWithImageContainer from './ECardWithImageContainer.astro';
-import CardClickableContainer from './ECardClickableContainer.astro';
-import CardCompactContainer from './ECardCompactContainer.astro';
-import CardCustomStyleContainer from './ECardCustomStyleContainer.astro';
+// Export types
+export interface CardProps {
+  title: string;
+  subtitle?: string;
+  imageUrl?: string;
+  href?: string;
+  compact?: boolean;
+  class?: string;
+}
 
-export { Card };
-export { CardCourse };
-export { CardBasic };
-
-export const CardPackage = {
-  Card,
-  CardContainers: {
-    Basic: CardBasicContainer,
-    WithSubtitle: CardWithSubtitleContainer,
-    WithImage: CardWithImageContainer,
-    Clickable: CardClickableContainer,
-    Compact: CardCompactContainer,
-    CustomStyle: CardCustomStyleContainer,
-  },
-};
+export interface CardCourseProps {
+  title: string;
+  link: string;
+}

package/dist/src-astro/code-container/CodeContainer.astro

@@ -3,12 +3,21 @@
  * @component CodeContainer
  *
  * @description
- * 用于展示代码示例的容器组件。使用时只需在默认slot中传入内容，
- * 并为每个示例设置对应的id (tab-1, tab-2等)
+ * 用于展示代码示例的容器组件，提供样式隔离功能防止内外样式相互影响。
+ * 支持两种隔离模式：样式重置模式和iframe完全隔离模式。
+ * 使用时只需在默认slot中传入内容，并为每个示例设置对应的id (tab-1, tab-2等)
+ *
+ * @features
+ * - 样式隔离：防止外部样式影响内部组件展示
+ * - 样式重置：重置内部样式，避免样式冲突
+ * - iframe模式：完全隔离的预览环境
+ * - 代码预览切换：支持预览和代码视图切换
+ * - 多标签页：支持多个示例的标签页展示
  *
  * @example
  * ```astro
- * <CodeContainer>
+ * <!-- 基础用法 -->
+ * <CodeContainer codes={[code1, code2]}>
  *   <div id="tab-1">
  *     <Alert type="info">这是第一个示例</Alert>
  *   </div>
@@ -16,6 +25,20 @@
  *     <Alert type="success">这是第二个示例</Alert>
  *   </div>
  * </CodeContainer>
+ *
+ * <!-- 使用iframe完全隔离 -->
+ * <CodeContainer codes={[code]} useIframe={true}>
+ *   <div id="tab-1">
+ *     <SomeComponent />
+ *   </div>
+ * </CodeContainer>
+ *
+ * <!-- 禁用样式重置 -->
+ * <CodeContainer codes={[code]} resetStyles={false}>
+ *   <div id="tab-1">
+ *     <CustomComponent />
+ *   </div>
+ * </CodeContainer>
  * ```
  */
 
@@ -35,9 +58,25 @@ interface Props {
    * 每个示例对应的源代码
    */
   codes: string[];
+  /**
+   * 是否使用iframe隔离内容
+   * @default false
+   */
+  useIframe?: boolean;
+  /**
+   * 是否重置内部样式
+   * @default true
+   */
+  resetStyles?: boolean;
 }
 
-const { titles = [], descriptions = [], codes } = Astro.props;
+const {
+  titles = [],
+  descriptions = [],
+  codes,
+  useIframe = false,
+  resetStyles = true,
+} = Astro.props;
 ---
 
 <div data-role="code-container" class="cosy:mb-8 cosy:card" ignore-heading>
@@ -93,7 +132,22 @@ const { titles = [], descriptions = [], codes } = Astro.props;
 
         <div class="cosy:relative cosy:p-4 cosy:bg-gradient-to-br cosy:from-red-100 cosy:to-green-300 cosy:rounded-b">
           <div class="cosy:block cosy:code-example-panel" data-panel="preview">
-            <slot />
+            {useIframe ? (
+              <div class="cosy:w-full cosy:min-h-64 cosy:bg-white cosy:rounded cosy:border">
+                <iframe
+                  class="cosy:w-full cosy:min-h-64 cosy:border-none cosy:rounded"
+                  data-preview-frame={`tab-${index + 1}`}
+                  sandbox="allow-scripts allow-same-origin"
+                  title={`示例预览 ${index + 1}`}
+                />
+              </div>
+            ) : (
+              <div
+                class={`cosy:code-preview-area ${resetStyles ? 'cosy:reset-styles' : ''}`}
+                data-preview-area={`tab-${index + 1}`}>
+                <slot />
+              </div>
+            )}
           </div>
 
           <div class="cosy:hidden cosy:code-example-panel" data-panel="code">
@@ -107,10 +161,156 @@ const { titles = [], descriptions = [], codes } = Astro.props;
   }
 </div>
 
+<!-- 样式隔离和重置 -->
+<style>
+  /* 预览区域样式重置，防止外部样式影响内部组件 */
+  [data-role='code-container'] .cosy\:reset-styles {
+    /* 重置所有可能影响布局的样式 */
+    all: initial;
+    font-family: inherit;
+    color: inherit;
+    line-height: 1.5;
+
+    /* 恢复必要的基础样式 */
+    display: block;
+    box-sizing: border-box;
+
+    /* 隔离样式作用域 */
+    isolation: isolate;
+    contain: layout style;
+  }
+
+  /* 重置内部所有元素的样式 */
+  [data-role='code-container'] .cosy\:reset-styles * {
+    all: unset;
+    display: revert;
+    box-sizing: border-box;
+  }
+
+  /* 恢复必要的文本样式 */
+  [data-role='code-container'] .cosy\:reset-styles {
+    font-family:
+      system-ui,
+      -apple-system,
+      BlinkMacSystemFont,
+      'Segoe UI',
+      Roboto,
+      'Helvetica Neue',
+      Arial,
+      sans-serif;
+    font-size: 14px;
+    line-height: 1.5;
+    color: #374151;
+  }
+
+  /* 恢复基本的HTML元素样式 */
+  [data-role='code-container'] .cosy\:reset-styles h1,
+  [data-role='code-container'] .cosy\:reset-styles h2,
+  [data-role='code-container'] .cosy\:reset-styles h3,
+  [data-role='code-container'] .cosy\:reset-styles h4,
+  [data-role='code-container'] .cosy\:reset-styles h5,
+  [data-role='code-container'] .cosy\:reset-styles h6 {
+    font-weight: bold;
+    margin-bottom: 0.5em;
+  }
+
+  [data-role='code-container'] .cosy\:reset-styles p {
+    margin-bottom: 1em;
+  }
+
+  [data-role='code-container'] .cosy\:reset-styles ul,
+  [data-role='code-container'] .cosy\:reset-styles ol {
+    padding-left: 1.5em;
+    margin-bottom: 1em;
+  }
+
+  [data-role='code-container'] .cosy\:reset-styles li {
+    margin-bottom: 0.25em;
+  }
+
+  /* iframe 隔离样式 */
+  [data-role='code-container'] iframe[data-preview-frame] {
+    background: white;
+    border: 1px solid #e5e7eb;
+    border-radius: 0.375rem;
+  }
+
+  /* 防止内部组件的样式泄漏到外部 */
+  [data-role='code-container'] .cosy\:code-preview-area {
+    position: relative;
+    z-index: 0;
+  }
+
+  /* 确保预览区域的样式隔离 */
+  [data-role='code-container'] .cosy\:code-preview-area::before {
+    content: '';
+    position: absolute;
+    top: -1px;
+    left: -1px;
+    right: -1px;
+    bottom: -1px;
+    pointer-events: none;
+    z-index: -1;
+  }
+</style>
+
 <script>
+  function initializeIframePreviews() {
+    const iframes = document.querySelectorAll('[data-preview-frame]');
+
+    iframes.forEach((iframe) => {
+      const container = iframe.closest('[data-role="code-container"]');
+      if (!container) return;
+
+      const frameId = iframe.getAttribute('data-preview-frame');
+      const contentElement = container.querySelector(`#${frameId}`);
+
+      if (contentElement) {
+        // 创建独立的HTML文档内容
+        const iframeElement = iframe as HTMLIFrameElement;
+        const iframeDoc =
+          iframeElement.contentDocument ||
+          iframeElement.contentWindow?.document;
+        if (iframeDoc) {
+          const htmlContent = `
+            <!DOCTYPE html>
+            <html>
+            <head>
+              <meta charset="UTF-8">
+              <meta name="viewport" content="width=device-width, initial-scale=1.0">
+              <title>示例预览</title>
+              <style>
+                /* 基础样式重置 */
+                * { margin: 0; padding: 0; box-sizing: border-box; }
+                body { 
+                  font-family: system-ui, -apple-system, sans-serif; 
+                  padding: 1rem;
+                  background: white;
+                  color: #374151;
+                  line-height: 1.5;
+                }
+              </style>
+            </head>
+            <body>
+              ${contentElement.innerHTML}
+            </body>
+            </html>
+          `;
+
+          iframeDoc.open();
+          iframeDoc.write(htmlContent);
+          iframeDoc.close();
+        }
+      }
+    });
+  }
+
   function initializeCodeContainer() {
     console.log('CodeContainer: 初始化代码容器');
 
+    // 初始化 iframe 预览
+    initializeIframePreviews();
+
     // 示例切换功能
     const exampleTabs = document.querySelectorAll(
       '[role="tab"][data-tab^="tab-"]'

package/dist/src-astro/code-container/index.ts

@@ -1,14 +1,10 @@
-import { default as CodeContainer } from './CodeContainer.astro';
-import { default as CodeContainerBasic } from './ECodeContainerBasic.astro';
-import { default as CodeContainerMultiple } from './ECodeContainerMultiple.astro';
-import BasicSourceCode from './ECodeContainerBasic.astro?raw';
-import MultipleSourceCode from './ECodeContainerMultiple.astro?raw';
-import { extractSimpleExample } from '../utils/component';
+export { default as CodeContainer } from './CodeContainer.astro';
 
-export { CodeContainer, CodeContainerBasic, CodeContainerMultiple };
-
-// 导出示例源代码
-export const CodeContainerExampleCodes = {
-  Basic: extractSimpleExample(BasicSourceCode, 'CodeContainer'),
-  Multiple: extractSimpleExample(MultipleSourceCode, 'CodeContainer'),
-};
+// Export types
+export interface CodeContainerProps {
+  titles?: string[];
+  descriptions?: string[];
+  codes: string[];
+  useIframe?: boolean;
+  resetStyles?: boolean;
+}

package/dist/src-astro/contact/index.ts

@@ -1,21 +1,17 @@
-import Contact from './Contact.astro';
+export { default as Contact } from './Contact.astro';
 
-// Container components
-import ContactBasicContainer from './EContactBasicContainer.astro';
-import ContactWithTitleContainer from './EContactWithTitleContainer.astro';
-import ContactSocialContainer from './EContactSocialContainer.astro';
-import ContactCompactContainer from './EContactCompactContainer.astro';
-import ContactCustomStyleContainer from './EContactCustomStyleContainer.astro';
-
-export { Contact };
-
-export const ContactPackage = {
-  Contact,
-  ContactContainers: {
-    Basic: ContactBasicContainer,
-    WithTitle: ContactWithTitleContainer,
-    Social: ContactSocialContainer,
-    Compact: ContactCompactContainer,
-    CustomStyle: ContactCustomStyleContainer,
-  },
-};
+// Export types
+export interface ContactProps {
+  title?: string;
+  description?: string;
+  email?: string;
+  phone?: string;
+  address?: string;
+  website?: string;
+  github?: string;
+  twitter?: string;
+  facebook?: string;
+  linkedin?: string;
+  compact?: boolean;
+  class?: string;
+}

package/dist/src-astro/errors/index.ts

@@ -3,30 +3,7 @@ import Error403 from './403.astro';
 import Error500 from './500.astro';
 import Error503 from './503.astro';
 import ErrorPage from './ErrorPage.astro';
-
 import Error404Basic from './404Basic.astro';
-import E404Basic from './E404Basic.astro';
-import E404WithDebug from './E404WithDebug.astro';
-import E403Basic from './E403Basic.astro';
-import E500Basic from './E500Basic.astro';
-import E503Maintenance from './E503Maintenance.astro';
-
-import E404BasicContainer from './E404BasicContainer.astro';
-import E403BasicContainer from './E403BasicContainer.astro';
-import E500BasicContainer from './E500BasicContainer.astro';
-import E503MaintenanceContainer from './E503MaintenanceContainer.astro';
-import EErrorPageShowcase from './EErrorPageShowcase.astro';
-import EErrorPageShowcaseContainer from './EErrorPageShowcaseContainer.astro';
-import EErrorPageCustomStyle from './EErrorPageCustomStyle.astro';
-import EErrorPageCustomStyleContainer from './EErrorPageCustomStyleContainer.astro';
-
-import BasicSourceCode from './E404Basic.astro?raw';
-import WithDebugSourceCode from './E404WithDebug.astro?raw';
-import Error403SourceCode from './E403Basic.astro?raw';
-import Error500SourceCode from './E500Basic.astro?raw';
-import Error503SourceCode from './E503Maintenance.astro?raw';
-
-import { extractSimpleExample } from '../utils/component';
 
 export {
   Error404,
@@ -35,43 +12,4 @@ export {
   Error503,
   ErrorPage,
   Error404Basic,
-  E404Basic,
-  E404WithDebug,
-  E403Basic,
-  E500Basic,
-  E503Maintenance,
-  E404BasicContainer,
-  E403BasicContainer,
-  E500BasicContainer,
-  E503MaintenanceContainer,
-  EErrorPageShowcase,
-  EErrorPageShowcaseContainer,
-  EErrorPageCustomStyle,
-  EErrorPageCustomStyleContainer,
-};
-
-// 错误页面组件包
-export const ErrorPackage = {
-  ErrorPage,
-  Error404,
-  Error403,
-  Error500,
-  Error503,
-  ErrorContainers: {
-    Basic404: E404BasicContainer,
-    Basic403: E403BasicContainer,
-    Basic500: E500BasicContainer,
-    Maintenance503: E503MaintenanceContainer,
-    Showcase: EErrorPageShowcaseContainer,
-    CustomStyle: EErrorPageCustomStyleContainer,
-  },
-};
-
-// 导出示例源代码
-export const ErrorExampleCodes = {
-  Basic404: extractSimpleExample(BasicSourceCode, 'Error404'),
-  WithDebug404: extractSimpleExample(WithDebugSourceCode, 'Error404'),
-  Basic403: extractSimpleExample(Error403SourceCode, 'Error403'),
-  Basic500: extractSimpleExample(Error500SourceCode, 'Error500'),
-  Maintenance503: extractSimpleExample(Error503SourceCode, 'Error503'),
 };