@coffic/cosy-ui 0.9.85 → 0.9.87

package/dist/src/components/login/class-all.d.ts

@@ -0,0 +1,34 @@
+import type { ILoginPropsBase } from "./loginPropsBase";
+/**
+ * 获取 Login 的类名
+ */
+export declare function getLoginClasses(_props?: ILoginPropsBase): {
+    container: string;
+    card: string;
+    header: string;
+    logo: string;
+    title: string;
+    subtitle: string;
+    form: string;
+    inputGroup: string;
+    usernameInput: string;
+    passwordInput: string;
+    options: string;
+    rememberMe: string;
+    checkbox: string;
+    rememberMeLabel: string;
+    forgotPassword: string;
+    forgotPasswordLink: string;
+    submitButton: string;
+    socialSection: string;
+    divider: string;
+    dividerLine: string;
+    dividerBorder: string;
+    dividerTextContainer: string;
+    dividerText: string;
+    socialButtons: string;
+};
+/**
+ * 获取社交登录按钮样式
+ */
+export declare function getSocialButtonClass(provider: "github" | "google" | "wechat"): string;

package/dist/src/components/login/class-all.js

@@ -0,0 +1,181 @@
+import { cn } from "../../class/classBuilder";
+/**
+ * 获取 Login 的类名
+ */
+export function getLoginClasses(_props = {}) {
+    const containerClass = cn()
+        .minH("screen")
+        .flex()
+        .items("center")
+        .justify("center")
+        .bg("base-200")
+        .py(12)
+        .px(4)
+        .add("cosy:sm:px-6 cosy:lg:px-8")
+        .build();
+    const cardClass = cn()
+        .maxW("md")
+        .w("full")
+        .spaceY(8)
+        .bg("base-100")
+        .p(8)
+        .rounded("lg")
+        .shadow("xl")
+        .build();
+    const headerClass = cn().align("center").build();
+    const logoClass = cn().mx("auto").h(12).w("auto").build();
+    const titleClass = cn()
+        .mt(6)
+        .text("3xl")
+        .weight("extrabold")
+        .color("base-content")
+        .build();
+    const subtitleClass = cn().mt(2).text("sm").color("base-content/60").build();
+    const formClass = cn().mt(8).spaceY(6).build();
+    const inputGroupClass = cn()
+        .rounded("md")
+        .shadow("sm")
+        .add("cosy:-space-y-px")
+        .build();
+    const usernameInputClass = cn()
+        .add("cosy:appearance-none cosy:rounded-none cosy:rounded-t-md")
+        .relative()
+        .block()
+        .w("full")
+        .px(3)
+        .py(2)
+        .border()
+        .borderColor("base-300")
+        .add("cosy:placeholder-base-content/40")
+        .color("base-content")
+        .add("focus:cosy:z-10 focus:cosy:border-primary focus:cosy:outline-none focus:cosy:ring-1 focus:cosy:ring-primary")
+        .build();
+    const passwordInputClass = cn()
+        .add("cosy:appearance-none cosy:rounded-none cosy:rounded-b-md")
+        .relative()
+        .block()
+        .w("full")
+        .px(3)
+        .py(2)
+        .border()
+        .borderColor("base-300")
+        .add("cosy:placeholder-base-content/40")
+        .color("base-content")
+        .add("focus:cosy:z-10 focus:cosy:border-primary focus:cosy:outline-none focus:cosy:ring-1 focus:cosy:ring-primary")
+        .build();
+    const optionsClass = cn().flex().items("center").justify("between").build();
+    const rememberMeClass = cn().flex().items("center").build();
+    const checkboxClass = cn()
+        .h(4)
+        .w(4)
+        .color("primary")
+        .add("cosy:focus:ring-primary")
+        .border()
+        .borderColor("base-300")
+        .rounded()
+        .build();
+    const rememberMeLabelClass = cn()
+        .ml(2)
+        .block()
+        .text("sm")
+        .color("base-content")
+        .build();
+    const forgotPasswordClass = cn().text("sm").build();
+    const forgotPasswordLinkClass = cn()
+        .weight("medium")
+        .color("primary")
+        .add("cosy:hover:text-primary-focus")
+        .build();
+    const submitButtonClass = cn()
+        .add("cosy:group")
+        .relative()
+        .w("full")
+        .flex()
+        .justify("center")
+        .py(2)
+        .px(4)
+        .border()
+        .borderColor("transparent")
+        .text("sm")
+        .weight("medium")
+        .rounded("md")
+        .color("white")
+        .bg("primary")
+        .add("cosy:hover:bg-primary-focus focus:cosy:outline-none focus:cosy:ring-2 focus:cosy:ring-offset-2 focus:cosy:ring-primary")
+        .build();
+    const socialSectionClass = cn().mt(6).build();
+    const dividerClass = cn().relative().build();
+    const dividerLineClass = cn()
+        .absolute()
+        .inset(0)
+        .flex()
+        .items("center")
+        .build();
+    const dividerBorderClass = cn()
+        .w("full")
+        .add("cosy:border-t")
+        .border()
+        .borderColor("base-300")
+        .build();
+    const dividerTextContainerClass = cn()
+        .relative()
+        .flex()
+        .justify("center")
+        .text("sm")
+        .build();
+    const dividerTextClass = cn()
+        .px(2)
+        .bg("base-100")
+        .color("base-content/60")
+        .build();
+    const socialButtonsClass = cn().mt(6).grid().gap(3).build();
+    return {
+        container: containerClass,
+        card: cardClass,
+        header: headerClass,
+        logo: logoClass,
+        title: titleClass,
+        subtitle: subtitleClass,
+        form: formClass,
+        inputGroup: inputGroupClass,
+        usernameInput: usernameInputClass,
+        passwordInput: passwordInputClass,
+        options: optionsClass,
+        rememberMe: rememberMeClass,
+        checkbox: checkboxClass,
+        rememberMeLabel: rememberMeLabelClass,
+        forgotPassword: forgotPasswordClass,
+        forgotPasswordLink: forgotPasswordLinkClass,
+        submitButton: submitButtonClass,
+        socialSection: socialSectionClass,
+        divider: dividerClass,
+        dividerLine: dividerLineClass,
+        dividerBorder: dividerBorderClass,
+        dividerTextContainer: dividerTextContainerClass,
+        dividerText: dividerTextClass,
+        socialButtons: socialButtonsClass,
+    };
+}
+/**
+ * 获取社交登录按钮样式
+ */
+export function getSocialButtonClass(provider) {
+    const baseClass = cn()
+        .w("full")
+        .inline()
+        .justify("center")
+        .py(2)
+        .px(4)
+        .rounded("md")
+        .shadow("sm")
+        .text("sm")
+        .weight("medium")
+        .color("white")
+        .build();
+    const providerClasses = {
+        github: "cosy:bg-gray-800 cosy:hover:bg-gray-900",
+        google: "cosy:bg-red-500 cosy:hover:bg-red-600",
+        wechat: "cosy:bg-green-500 cosy:hover:bg-green-600",
+    };
+    return `${baseClass} ${providerClasses[provider]}`;
+}

package/dist/src/components/login/index.d.ts

@@ -0,0 +1,34 @@
+import { getLoginClasses, getSocialButtonClass } from "./class-all";
+import type { ILoginPropsBase } from "./loginPropsBase";
+/**
+ * Login 门面对象 - 统一的 Login 组件接口
+ *
+ * 该门面提供所有 Login 相关的功能，适用于不同的使用场景：
+ * - SSR 框架（如 Astro）: 直接使用类名
+ * - CSR 框架（如 Vue/React）: 使用门面获取类名
+ *
+ * @example
+ * ```typescript
+ * // Vue 中使用
+ * const classes = LoginFacade.getLoginClasses({ title: '登录', ... });
+ * const githubButtonClass = LoginFacade.getSocialButtonClass('github');
+ * ```
+ */
+export declare const LoginFacade: {
+    /**
+     * 获取 Login 的类名
+     * @param props - Login 组件的属性
+     * @returns 类名对象
+     */
+    readonly getLoginClasses: typeof getLoginClasses;
+    /**
+     * 获取社交登录按钮的类名
+     * @param provider - 社交登录提供商
+     * @returns 类名字符串
+     */
+    readonly getSocialButtonClass: typeof getSocialButtonClass;
+};
+/**
+ * Login 组件的属性接口
+ */
+export type { ILoginPropsBase };

package/dist/src/components/login/index.js

@@ -0,0 +1,29 @@
+import { getLoginClasses, getSocialButtonClass } from "./class-all";
+/**
+ * Login 门面对象 - 统一的 Login 组件接口
+ *
+ * 该门面提供所有 Login 相关的功能，适用于不同的使用场景：
+ * - SSR 框架（如 Astro）: 直接使用类名
+ * - CSR 框架（如 Vue/React）: 使用门面获取类名
+ *
+ * @example
+ * ```typescript
+ * // Vue 中使用
+ * const classes = LoginFacade.getLoginClasses({ title: '登录', ... });
+ * const githubButtonClass = LoginFacade.getSocialButtonClass('github');
+ * ```
+ */
+export const LoginFacade = {
+    /**
+     * 获取 Login 的类名
+     * @param props - Login 组件的属性
+     * @returns 类名对象
+     */
+    getLoginClasses,
+    /**
+     * 获取社交登录按钮的类名
+     * @param provider - 社交登录提供商
+     * @returns 类名字符串
+     */
+    getSocialButtonClass,
+};

package/dist/src/components/login/loginPropsBase.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Login 组件的基础属性接口（与框架无关）
+ */
+export interface ILoginPropsBase {
+    /**
+     * 登录页标题
+     * @default "登录"
+     */
+    title?: string;
+    /**
+     * 登录页副标题
+     */
+    subtitle?: string;
+    /**
+     * 登录页Logo图片路径
+     */
+    logo?: string;
+    /**
+     * 社交登录方式列表
+     */
+    socialLogins?: ("github" | "google" | "wechat")[];
+    /**
+     * 是否显示"记住我"选项
+     * @default false
+     */
+    showRememberMe?: boolean;
+    /**
+     * 是否显示"忘记密码"链接
+     * @default false
+     */
+    showForgotPassword?: boolean;
+    /**
+     * 自定义CSS类名
+     */
+    customClass?: string;
+    /**
+     * 登录按钮文本
+     * @default "登录"
+     */
+    loginButtonText?: string;
+    /**
+     * 用户名输入框标签
+     * @default "用户名"
+     */
+    usernameLabel?: string;
+    /**
+     * 密码输入框标签
+     * @default "密码"
+     */
+    passwordLabel?: string;
+    /**
+     * 忘记密码链接文本
+     * @default "忘记密码？"
+     */
+    forgotPasswordText?: string;
+    /**
+     * 记住我选项文本
+     * @default "记住我"
+     */
+    rememberMeText?: string;
+    /**
+     * 社交登录分隔符文本
+     * @default "或"
+     */
+    dividerText?: string;
+}

package/dist/src/components/login/loginPropsBase.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/mac-window/macWindowPropsBase.d.ts

@@ -42,4 +42,3 @@ export interface IMacWindowPropsBase {
      */
     bgType?: string;
 }
-//# sourceMappingURL=macWindowPropsBase.d.ts.map

package/dist/src/components/mac-window/macWindowPropsBase.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=macWindowPropsBase.js.map

package/dist/src/components/main/types.d.ts

@@ -89,4 +89,3 @@ export interface IMainContentProps {
      */
     "class:list"?: any;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/src/components/main/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/dist/src/components/placeholder/class-all.d.ts

@@ -5,4 +5,3 @@ import type { IPlaceholderPropsBase } from "./placeholderPropsBase";
  * @returns 组合后的类名
  */
 export declare function getBasePlaceholderClasses(props: IPlaceholderPropsBase): string;
-//# sourceMappingURL=class-all.d.ts.map

package/dist/src/components/placeholder/class-all.js

@@ -36,4 +36,3 @@ export function getBasePlaceholderClasses(props) {
     ];
     return baseClasses.filter(Boolean).join(" ").trim();
 }
-//# sourceMappingURL=class-all.js.map

package/dist/src/components/placeholder/class-background.d.ts

@@ -5,4 +5,3 @@ import type { BackgroundColor } from "../../../src/common/backgrounds";
  * @returns background相关的类名
  */
 export declare function getPlaceholderBackgroundClass(background?: BackgroundColor): string;
-//# sourceMappingURL=class-background.d.ts.map

package/dist/src/components/placeholder/class-background.js

@@ -7,4 +7,3 @@ import { getBackgroundClass } from "../../../src/common/backgrounds";
 export function getPlaceholderBackgroundClass(background) {
     return getBackgroundClass(background);
 }
-//# sourceMappingURL=class-background.js.map

package/dist/src/components/placeholder/class-border.d.ts

@@ -5,4 +5,3 @@ import type { BorderSize } from "../../../src/common/border";
  * @returns 边框相关的类名
  */
 export declare function getPlaceholderBorderClass(border?: BorderSize): string;
-//# sourceMappingURL=class-border.d.ts.map

package/dist/src/components/placeholder/class-border.js

@@ -7,4 +7,3 @@ import { getBorderClass } from "../../../src/common/border";
 export function getPlaceholderBorderClass(border = "none") {
     return getBorderClass(border);
 }
-//# sourceMappingURL=class-border.js.map

package/dist/src/components/placeholder/class-height.d.ts

@@ -5,4 +5,3 @@ import type { HeightSize } from "../../../src/common/height";
  * @returns height相关的类名
  */
 export declare function getPlaceholderHeightClass(height?: HeightSize): string;
-//# sourceMappingURL=class-height.d.ts.map

package/dist/src/components/placeholder/class-height.js

@@ -7,4 +7,3 @@ import { heightClasses } from "../../../src/common/height";
 export function getPlaceholderHeightClass(height = "md") {
     return heightClasses[height] || "";
 }
-//# sourceMappingURL=class-height.js.map

package/dist/src/components/placeholder/class-muted.d.ts

@@ -7,4 +7,3 @@
  * @returns 对应的类名
  */
 export declare function getPlaceholderMutedClass(muted?: boolean): string;
-//# sourceMappingURL=class-muted.d.ts.map

package/dist/src/components/placeholder/class-muted.js

@@ -12,4 +12,3 @@ export function getPlaceholderMutedClass(muted) {
     }
     return "";
 }
-//# sourceMappingURL=class-muted.js.map

package/dist/src/components/placeholder/class-padding.d.ts

@@ -5,4 +5,3 @@ import type { PaddingSize } from "../../../src/common/padding";
  * @returns padding相关的类名
  */
 export declare function getPlaceholderPaddingClass(padding?: PaddingSize): string;
-//# sourceMappingURL=class-padding.d.ts.map

package/dist/src/components/placeholder/class-padding.js

@@ -7,4 +7,3 @@ import { paddingClasses } from "../../../src/common/padding";
 export function getPlaceholderPaddingClass(padding = "none") {
     return paddingClasses[padding] || "";
 }
-//# sourceMappingURL=class-padding.js.map

package/dist/src/components/placeholder/class-width.d.ts

@@ -5,4 +5,3 @@ import type { Size } from "../../../src/common/size";
  * @returns width相关的类名
  */
 export declare function getPlaceholderWidthClass(width?: Size): string;
-//# sourceMappingURL=class-width.d.ts.map

package/dist/src/components/placeholder/class-width.js

@@ -7,4 +7,3 @@ import { widthClasses } from "../../../src/common/width";
 export function getPlaceholderWidthClass(width = "md") {
     return widthClasses[width] || "";
 }
-//# sourceMappingURL=class-width.js.map

package/dist/src/components/placeholder/index.d.ts

@@ -5,4 +5,3 @@ export * from "./class-height";
 export * from "./class-padding";
 export * from "./class-width";
 export * from "./placeholderPropsBase";
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/placeholder/index.js

@@ -5,4 +5,3 @@ export * from "./class-height";
 export * from "./class-padding";
 export * from "./class-width";
 export * from "./placeholderPropsBase";
-//# sourceMappingURL=index.js.map

package/dist/src/components/placeholder/placeholderPropsBase.d.ts

@@ -36,4 +36,3 @@ export interface IPlaceholderPropsBase {
      */
     muted?: boolean;
 }
-//# sourceMappingURL=placeholderPropsBase.d.ts.map

package/dist/src/components/placeholder/placeholderPropsBase.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=placeholderPropsBase.js.map

package/dist/src/components/products/class-muted.d.ts

@@ -13,4 +13,3 @@ export interface IProductCardMutedOptions {
  * @returns 类名字符串
  */
 export declare function generateMutedClass(options: IProductCardMutedOptions): string;
-//# sourceMappingURL=class-muted.d.ts.map

package/dist/src/components/products/class-muted.js

@@ -12,4 +12,3 @@ export function generateMutedClass(options) {
     }
     return "product-card-muted";
 }
-//# sourceMappingURL=class-muted.js.map

package/dist/src/components/review/reviewPropsBase.d.ts

@@ -28,4 +28,3 @@ export interface IReviewPropsBase {
      */
     avatar?: string;
 }
-//# sourceMappingURL=reviewPropsBase.d.ts.map

package/dist/src/components/review/reviewPropsBase.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=reviewPropsBase.js.map

package/dist/src/components/review/reviewsPropsBase.d.ts

@@ -63,4 +63,3 @@ export interface IReviewsPropsBase {
      */
     maxReviews?: number;
 }
-//# sourceMappingURL=reviewsPropsBase.d.ts.map

package/dist/src/components/review/reviewsPropsBase.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=reviewsPropsBase.js.map

package/dist/src/components/text/textProps.d.ts

@@ -26,4 +26,3 @@ export declare const textDefaultProps: {
     class: string;
     style: string;
 };
-//# sourceMappingURL=textProps.d.ts.map

package/dist/src/components/text/textProps.js

@@ -10,4 +10,3 @@ export const textDefaultProps = {
     class: "",
     style: "",
 };
-//# sourceMappingURL=textProps.js.map

package/dist/src/components/text/textUtils.d.ts

@@ -11,4 +11,3 @@ export declare function getTextCombinedClass(props: ITextProps): string;
  * @returns 标签名字符串
  */
 export declare function getTextTagName(as?: string): string;
-//# sourceMappingURL=textUtils.d.ts.map

package/dist/src/components/text/textUtils.js

@@ -19,13 +19,21 @@ export function getTextCombinedClass(props) {
     // 根据对齐方式设置样式（使用 common 映射）
     const alignClass = textAlignClasses[align ?? "left"];
     // 使用 classBuilder 组合所有类名
-    const textClass = cn()
-        .add("text")
-        .add(sizeClass, weightClass, colorClass, alignClass)
-        .add(italic ? "cosy:italic" : "")
-        .add(underline ? "cosy:underline" : "")
-        .add(truncate ? "cosy:truncate" : "")
-        .add(className)
+    const textClassBuilder = cn()
+        .add("text") // 保留：自定义组件类名
+        .add(sizeClass, weightClass, colorClass, alignClass); // 保留：动态类名
+    // 根据条件添加文本样式
+    if (italic) {
+        textClassBuilder.italic();
+    }
+    if (underline) {
+        textClassBuilder.underline();
+    }
+    if (truncate) {
+        textClassBuilder.truncate();
+    }
+    const textClass = textClassBuilder
+        .add(className) // 保留：用户自定义类名
         .build();
     return textClass;
 }
@@ -37,4 +45,3 @@ export function getTextCombinedClass(props) {
 export function getTextTagName(as) {
     return as || "p";
 }
-//# sourceMappingURL=textUtils.js.map

package/dist/src/utils/PropsBuilder.d.ts

@@ -199,4 +199,3 @@ export declare class PropsBuilder<T extends Record<string, any>> {
      */
     build(): Partial<T>;
 }
-//# sourceMappingURL=PropsBuilder.d.ts.map

package/dist/src/utils/PropsBuilder.js

@@ -207,4 +207,3 @@ export class PropsBuilder {
         return { ...this.props };
     }
 }
-//# sourceMappingURL=PropsBuilder.js.map

package/dist/src/utils/component.d.ts

@@ -1,2 +1 @@
 export declare function extractSimpleExample(source: string, name: string): string;
-//# sourceMappingURL=component.d.ts.map

package/dist/src/utils/component.js

@@ -30,4 +30,3 @@ import { ${name} } from '@cosy/index_vue'
         .replace(`../${name}.astro`, name);
     return `${importSection}<template>${templateContent}</template>`;
 }
-//# sourceMappingURL=component.js.map

package/dist/src/utils/i18n.d.ts

@@ -16,4 +16,3 @@ export declare function getText(lang: string, component: string, key: string): s
  */
 export declare function createTextGetter(langInfo: string, component: string): (key: string) => string;
 export {};
-//# sourceMappingURL=i18n.d.ts.map

package/dist/src/utils/i18n.js

@@ -74,4 +74,3 @@ export function getText(lang, component, key) {
 export function createTextGetter(langInfo, component) {
     return (key) => getText(langInfo, component, key);
 }
-//# sourceMappingURL=i18n.js.map

package/dist/src/utils/image.d.ts

@@ -51,4 +51,3 @@ export declare function getLandscapeImage(options?: Partial<ImageOptions>): stri
  * @param options 可选的图片选项配置
  */
 export declare function getQRCodeImage(options?: Partial<ImageOptions>): string;
-//# sourceMappingURL=image.d.ts.map

package/dist/src/utils/image.js

@@ -110,4 +110,3 @@ export function getQRCodeImage(options = {}) {
         ...options,
     });
 }
-//# sourceMappingURL=image.js.map

package/dist/src/utils/lang_entry.d.ts

@@ -170,4 +170,3 @@ export declare class LangEntry {
  * console.log(proxiedEntry['zh-cn']); // 你好
  */
 export declare const langEntryHandler: ProxyHandler<LangEntry>;
-//# sourceMappingURL=lang_entry.d.ts.map

package/dist/src/utils/lang_entry.js

@@ -215,4 +215,3 @@ export const langEntryHandler = {
         return target[prop];
     },
 };
-//# sourceMappingURL=lang_entry.js.map

package/dist/src/utils/lang_package.d.ts

@@ -120,4 +120,3 @@ export declare class LangPackage {
      */
     static set(lang: string, text: string): LangEntry;
 }
-//# sourceMappingURL=lang_package.d.ts.map

package/dist/src/utils/lang_package.js

@@ -140,4 +140,3 @@ export class LangPackage {
         return new Proxy(new LangEntry().set(lang, text), langEntryHandler);
     }
 }
-//# sourceMappingURL=lang_package.js.map

package/dist/src/utils/language.d.ts

@@ -25,4 +25,3 @@ export declare class LanguageUtil {
      */
     private static getLanguageFromBrowser;
 }
-//# sourceMappingURL=language.d.ts.map

package/dist/src/utils/language.js

@@ -88,4 +88,3 @@ export class LanguageUtil {
         return undefined;
     }
 }
-//# sourceMappingURL=language.js.map