@coffic/cosy-ui 1.0.10 → 1.0.12

package/dist/index-astro.ts

@@ -67,6 +67,7 @@ export * from "./src-astro/login";
 export * from "./src-astro/logout";
 export * from "./src-astro/mac-window";
 export * from "./src-astro/main";
+export * from "./src-astro/math-formula";
 export * from "./src-astro/modal";
 export * from "./src-astro/module";
 export * from "./src-astro/nav-section";

package/dist/index-vue.ts

@@ -25,6 +25,7 @@ export * from "./src-vue/link/index";
 export * from "./src-vue/list/index";
 export * from "./src-vue/login/index";
 export * from "./src-vue/mac-window/index";
+export * from "./src-vue/math-formula";
 export * from "./src-vue/photo-wall/index";
 export * from "./src-vue/placeholder/index";
 export * from "./src-vue/products/index";

package/dist/src/assets/iconData.js

@@ -9,6 +9,8 @@ import * as icons from "./icons-data";
 export const iconData = {
     alertTriangle: icons.alertTriangle,
     appstore: icons.appstore,
+    arrowDownS: icons.arrowDownS,
+    arrowUpS: icons.arrowUpS,
     calendar: icons.calendar,
     chart: icons.chart,
     check: icons.check,
@@ -26,6 +28,7 @@ export const iconData = {
     edit: icons.edit,
     facebook: icons.facebook,
     folder: icons.folder,
+    function: icons.functionIcon,
     github: icons.github,
     globe: icons.globe,
     heart: icons.heart,

package/dist/src/assets/icons-data/arrowDownS.d.ts

@@ -0,0 +1,2 @@
+import type { IconData } from "../iconData";
+export declare const arrowDownS: IconData;

package/dist/src/assets/icons-data/arrowDownS.js

@@ -0,0 +1,3 @@
+export const arrowDownS = {
+    path: "M8 9l4 4 4-4",
+};

package/dist/src/assets/icons-data/arrowUpS.d.ts

@@ -0,0 +1,2 @@
+import type { IconData } from "../iconData";
+export declare const arrowUpS: IconData;

package/dist/src/assets/icons-data/arrowUpS.js

@@ -0,0 +1,3 @@
+export const arrowUpS = {
+    path: "M16 15l-4-4-4 4",
+};

package/dist/src/assets/icons-data/function.d.ts

@@ -0,0 +1,2 @@
+import type { IconData } from "../iconData";
+export declare const functionIcon: IconData;

package/dist/src/assets/icons-data/function.js

@@ -0,0 +1,3 @@
+export const functionIcon = {
+    path: "M4 4h6v6H4V4zm0 10h6v6H4v-6zm10 0h6v6h-6v-6zm0-10h6v6h-6V4z",
+};

package/dist/src/assets/icons-data/index.d.ts

@@ -4,6 +4,8 @@
  */
 export { alertTriangle } from "./alertTriangle";
 export { appstore } from "./appstore";
+export { arrowDownS } from "./arrowDownS";
+export { arrowUpS } from "./arrowUpS";
 export { calendar } from "./calendar";
 export { chart } from "./chart";
 export { check } from "./check";
@@ -21,6 +23,7 @@ export { download } from "./download";
 export { edit } from "./edit";
 export { facebook } from "./facebook";
 export { folder } from "./folder";
+export { functionIcon } from "./function";
 export { github } from "./github";
 export { globe } from "./globe";
 export { heart } from "./heart";

package/dist/src/assets/icons-data/index.js

@@ -5,6 +5,8 @@
 // 导入所有图标数据
 export { alertTriangle } from "./alertTriangle";
 export { appstore } from "./appstore";
+export { arrowDownS } from "./arrowDownS";
+export { arrowUpS } from "./arrowUpS";
 export { calendar } from "./calendar";
 export { chart } from "./chart";
 export { check } from "./check";
@@ -22,6 +24,7 @@ export { download } from "./download";
 export { edit } from "./edit";
 export { facebook } from "./facebook";
 export { folder } from "./folder";
+export { functionIcon } from "./function";
 export { github } from "./github";
 export { globe } from "./globe";
 export { heart } from "./heart";

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

@@ -31,7 +31,7 @@
  * - iconSize?: "sm" | "md" | "lg" | "xl" - 图标尺寸，默认为 "md"
  * - keywords?: string[] - 图标关键词数组，用于图标匹配
  * - lang: string - 语言（"en" 或 "zh"）
- * - scaleEffect?: boolean - 是否启用悬停缩放效果，默认为 true
+ * - scaleEffect?: 95 | 100 | 105 | 110 | 115 - 悬停缩放效果比例（100表示无缩放），默认为 105
  * - shadowEffect?: boolean | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "inner" - 阴影效果配置，默认为 "lg"
  *
  * @slots
@@ -69,8 +69,19 @@ function getShadowClasses(
 }
 
 // 获取缩放效果class
-function getScaleClasses(scaleEffect: boolean): string {
-    return scaleEffect ? 'cosy:hover:scale-105' : '';
+function getScaleClasses(scaleEffect: 95 | 100 | 105 | 110 | 115): string {
+    if (scaleEffect === 100) {
+        return '';
+    }
+
+    const scaleMap = {
+        95: 'cosy:hover:scale-95',
+        105: 'cosy:hover:scale-105',
+        110: 'cosy:hover:scale-110',
+        115: 'cosy:hover:scale-115',
+    };
+
+    return scaleMap[scaleEffect] || 'cosy:hover:scale-105';
 }
 
 import type { PaddingSize } from './types';
@@ -83,7 +94,7 @@ interface Props {
     iconSize?: 'sm' | 'md' | 'lg' | 'xl';
     keywords?: string[];
     lang: string;
-    scaleEffect?: boolean;
+    scaleEffect?: 95 | 100 | 105 | 110 | 115;
     shadowEffect?:
         | boolean
         | 'none'
@@ -103,7 +114,7 @@ const {
     iconSize = 'md',
     keywords = [],
     lang,
-    scaleEffect = true,
+    scaleEffect = 105,
     shadowEffect = 'lg',
 } = Astro.props;
 
@@ -146,13 +157,17 @@ const scaleClasses = getScaleClasses(scaleEffect);
             class={`cosy:card-body ${contentPaddingClasses} cosy:bg-base-100/30 cosy:relative cosy:z-10 cosy:h-full cosy:flex cosy:flex-row cosy:flex-nowrap cosy:items-center cosy:gap-6`}>
             <!-- 左侧：图标 -->
             <div class="cosy:shrink-0">
-                <slot name="icon">
-                    <CardCourseIcon
-                        courseName={courseName}
-                        keywords={keywords}
-                        iconSizeClasses={iconSizeClasses}
-                    />
-                </slot>
+                {
+                    Astro.slots.has('icon') ? (
+                        <slot name="icon" />
+                    ) : (
+                        <CardCourseIcon
+                            courseName={courseName}
+                            keywords={keywords}
+                            iconSizeClasses={iconSizeClasses}
+                        />
+                    )
+                }
             </div>
 
             <!-- 右侧：内容和按钮 -->

package/dist/src-astro/card-course/CardCourseContent.astro

@@ -22,11 +22,7 @@ const { displayName, description } = Astro.props;
     class="cosy:text-lg cosy:font-semibold cosy:truncate cosy:text-start cosy:transition-all cosy:duration-300 hover:cosy:scale-105 cosy:origin-left cosy:group-hover:cosy:animate-bounce">
     {displayName}
   </h3>
-  {
-    description && (
-      <p class="cosy:text-sm cosy:mt-4 cosy:line-clamp-3 cosy:text-start cosy:transition-all cosy:duration-300 hover:cosy:opacity-80 cosy:transform hover:cosy:translate-x-1 cosy:group-hover:cosy:animate-pulse">
-        {description}
-      </p>
-    )
-  }
+      <p class="cosy:text-sm cosy:mt-4 cosy:line-clamp-2 cosy:text-start cosy:transition-all cosy:duration-300 hover:cosy:opacity-80 cosy:transform hover:cosy:translate-x-1 cosy:group-hover:cosy:animate-pulse cosy:min-h-10">
+    {description || ''}
+  </p>
 </div>

package/dist/src-astro/icons/ArrowDownSIcon.astro

@@ -0,0 +1,28 @@
+---
+import AstroIcon from './AstroIcon.astro';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const {
+    size = '24px',
+    color = 'currentColor',
+    class: className = '',
+} = Astro.props;
+---
+
+<AstroIcon name="arrowDownS" size={size} color={color} class={className} />

package/dist/src-astro/icons/ArrowUpSIcon.astro

@@ -0,0 +1,28 @@
+---
+import AstroIcon from './AstroIcon.astro';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const {
+    size = '24px',
+    color = 'currentColor',
+    class: className = '',
+} = Astro.props;
+---
+
+<AstroIcon name="arrowUpS" size={size} color={color} class={className} />

package/dist/src-astro/icons/FunctionIcon.astro

@@ -0,0 +1,28 @@
+---
+import AstroIcon from './AstroIcon.astro';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const {
+    size = '24px',
+    color = 'currentColor',
+    class: className = '',
+} = Astro.props;
+---
+
+<AstroIcon name="function" size={size} color={color} class={className} />

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

@@ -3,6 +3,8 @@
 export { default as SmartIcon } from "../smart-icon/SmartIcon.astro";
 export { default as AlertTriangle } from "./AlertTriangle.astro";
 export { default as AppStoreIcon } from "./AppStoreIcon.astro";
+export { default as ArrowDownSIcon } from "./ArrowDownSIcon.astro";
+export { default as ArrowUpSIcon } from "./ArrowUpSIcon.astro";
 export { default as CalendarIcon } from "./CalendarIcon.astro";
 export { default as ChartIcon } from "./ChartIcon.astro";
 export { default as CheckCircle } from "./CheckCircle.astro";
@@ -21,6 +23,7 @@ export { default as EditIcon } from "./EditIcon.astro";
 export { default as ErrorIcon } from "./ErrorIcon.astro";
 export { default as FacebookIcon } from "./FacebookIcon.astro";
 export { default as FolderIcon } from "./FolderIcon.astro";
+export { default as FunctionIcon } from "./FunctionIcon.astro";
 export { default as GithubIcon } from "./GithubIcon.astro";
 export { default as GlobeIcon } from "./GlobeIcon.astro";
 export { default as HeartIcon } from "./HeartIcon.astro";

package/dist/src-astro/mac-window/MacWindow.astro

@@ -1,7 +1,4 @@
 ---
-
-
-
 /**
  * @component MacWindow
  *
@@ -127,11 +124,10 @@ const headerClass = cn()
     .left(0)
     .right(0)
     .flex()
+    .roundedTop('2xl')
     .items('center')
     .h(12)
     .px(4)
-    .border()
-    .borderColor('base-300')
     .add(headerBgClass) // 保留：动态类名
     .build();
 
@@ -144,18 +140,9 @@ const buttonClass = cn()
     .transition('opacity')
     .build();
 
-const titleClass = cn()
-    .ml(6)
-    .text('sm')
-    .medium()
-    .color('base-content')
-    .build();
+const titleClass = cn().ml(6).text('sm').medium().color('base-content').build();
 
-const tabsContainerClass = cn()
-    .flex1()
-    .flex()
-    .justify('center')
-    .build();
+const tabsContainerClass = cn().flex1().flex().justify('center').build();
 
 const tabsWrapperClass = cn()
     .add('cosy:inline-flex') // 保留：inline-flex 暂不支持
@@ -183,19 +170,9 @@ const getTabButtonClass = (isActive: boolean) =>
         )
         .build();
 
-const toolbarClass = cn()
-    .ml('auto')
-    .flex()
-    .items('center')
-    .spaceX(2)
-    .build();
+const toolbarClass = cn().ml('auto').flex().items('center').spaceX(2).build();
 
-const mainContentClass = cn()
-    .flex1()
-    .flex('col')
-    .pt(12)
-    .h('full')
-    .build();
+const mainContentClass = cn().flex1().flex('col').pt(12).h('full').build();
 
 const contentWrapperClass = cn()
     .flex()
@@ -216,11 +193,7 @@ const statusBarClass = cn()
     .add(statusBgClass) // 保留：动态类名
     .build();
 
-const statusContentClass = cn()
-    .flex()
-    .items('center')
-    .spaceX(2)
-    .build();
+const statusContentClass = cn().flex().items('center').spaceX(2).build();
 ---
 
 <Container
@@ -232,7 +205,7 @@ const statusContentClass = cn()
     class={containerClass}
     data-window-id={windowId}>
     <!-- 窗口控制按钮 -->
-    <div class={headerClass}>
+    <div class={headerClass} aria-label="MacWindow-Header">
         <div class="cosy:flex cosy:items-center cosy:space-x-2">
             <div
                 class={cn().add(buttonClass).bg('error').build()}