@coffic/cosy-ui 0.6.32 → 0.6.34

package/dist/alert/AlertBasicContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import AlertBasic from './AlertBasic.astro';
+import AlertBasicSourceCode from './AlertBasic.astro?raw';
+---
+
+<CodeContainer codes={[AlertBasicSourceCode]}>
+	<div id="tab-1">
+		<AlertBasic />
+	</div>
+</CodeContainer>

package/dist/alert/AlertCustomStyleContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import AlertCustomStyle from './AlertCustomStyle.astro';
+import AlertCustomStyleSourceCode from './AlertCustomStyle.astro?raw';
+---
+
+<CodeContainer codes={[AlertCustomStyleSourceCode]}>
+	<div id="tab-1">
+		<AlertCustomStyle />
+	</div>
+</CodeContainer>

package/dist/alert/AlertError.astro

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

package/dist/alert/AlertInfo.astro

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

package/dist/alert/AlertSuccess.astro

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

package/dist/alert/AlertTypesContainer.astro

@@ -0,0 +1,43 @@
+---
+/**
+ * @component Alert.Types
+ *
+ * @description
+ * 展示Alert组件的所有类型：info、success、warning、error。
+ */
+import '../style.ts';
+import { CodeContainer } from '../index';
+import AlertInfo from './AlertInfo.astro';
+import AlertSuccess from './AlertSuccess.astro';
+import AlertWarning from './AlertWarning.astro';
+import AlertError from './AlertError.astro';
+import AlertInfoSourceCode from './AlertInfo.astro?raw';
+import AlertSuccessSourceCode from './AlertSuccess.astro?raw';
+import AlertWarningSourceCode from './AlertWarning.astro?raw';
+import AlertErrorSourceCode from './AlertError.astro?raw';
+---
+
+<CodeContainer
+	titles={['Info', 'Success', 'Warning', 'Error']}
+	codes={[
+		AlertInfoSourceCode,
+		AlertSuccessSourceCode,
+		AlertWarningSourceCode,
+		AlertErrorSourceCode,
+	]}>
+	<div id="tab-1">
+		<AlertInfo />
+	</div>
+
+	<div id="tab-2">
+		<AlertSuccess />
+	</div>
+
+	<div id="tab-3">
+		<AlertWarning />
+	</div>
+
+	<div id="tab-4">
+		<AlertError />
+	</div>
+</CodeContainer>

package/dist/alert/AlertWarning.astro

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

package/dist/alert/AlertWithTitleContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import AlertWithTitle from './AlertWithTitle.astro';
+import WithTitleSourceCode from './AlertWithTitle.astro?raw';
+---
+
+<CodeContainer codes={[WithTitleSourceCode]}>
+	<div id="tab-1">
+		<AlertWithTitle />
+	</div>
+</CodeContainer>

package/dist/alert/index.ts

@@ -1,20 +1,16 @@
 import Alert from './Alert.astro';
-import AlertBasic from './AlertBasic.astro';
-import AlertWithTitle from './AlertWithTitle.astro';
-import AlertTypes from './AlertTypes.astro';
-import AlertCustomStyle from './AlertCustomStyle.astro';
-import BasicSourceCode from './AlertBasic.astro?raw';
-import WithTitleSourceCode from './AlertWithTitle.astro?raw';
-import TypesSourceCode from './AlertTypes.astro?raw';
-import CustomStyleSourceCode from './AlertCustomStyle.astro?raw';
-import { extractSimpleExample } from '../utils/component';
+import AlertBasicContainer from './AlertBasicContainer.astro';
+import AlertWithTitleContainer from './AlertWithTitleContainer.astro';
+import AlertTypesContainer from './AlertTypesContainer.astro';
+import AlertCustomStyleContainer from './AlertCustomStyleContainer.astro';
 
-export { Alert, AlertBasic, AlertWithTitle, AlertTypes, AlertCustomStyle, };
-
-// 导出示例源代码
-export const AlertExampleCodes = {
-	Basic: extractSimpleExample(BasicSourceCode, 'Alert'),
-	WithTitle: extractSimpleExample(WithTitleSourceCode, 'Alert'),
-	Types: extractSimpleExample(TypesSourceCode, 'Alert'),
-	CustomStyle: extractSimpleExample(CustomStyleSourceCode, 'Alert'),
-};
+export { Alert }
+export const AlertPackage = {
+	Alert,
+	AlertContainers: {
+		Basic: AlertBasicContainer,
+		WithTitle: AlertWithTitleContainer,
+		Types: AlertTypesContainer,
+		CustomStyle: AlertCustomStyleContainer,
+	},
+}