@coffic/cosy-ui 0.9.85 → 0.9.87

package/dist/src/class/builders/PositionBuilder.js

@@ -1,13 +1,25 @@
 /**
  * PositionBuilder - 定位相关的类名构建
  *
- * 负责构建定位、对齐等相关的类名
+ * 负责构建 position 相关的类名，包括 position、top/right/bottom/left、
+ * inset、z-index、pointer-events 等
  */
-// Inset 值的映射表
+// Position 类名映射表
+const positionMap = {
+    static: "cosy:static",
+    fixed: "cosy:fixed",
+    absolute: "cosy:absolute",
+    relative: "cosy:relative",
+    sticky: "cosy:sticky",
+};
+// Inset 类名映射表（top、right、bottom、left 同时设置）
 const insetMap = {
     0: "cosy:inset-0",
+    "0.5": "cosy:inset-0.5",
     1: "cosy:inset-1",
+    "1.5": "cosy:inset-1.5",
     2: "cosy:inset-2",
+    "2.5": "cosy:inset-2.5",
     3: "cosy:inset-3",
     4: "cosy:inset-4",
     5: "cosy:inset-5",
@@ -17,11 +29,27 @@ const insetMap = {
     12: "cosy:inset-12",
     16: "cosy:inset-16",
     auto: "cosy:inset-auto",
+    "1/2": "cosy:inset-1/2",
+    "1/3": "cosy:inset-1/3",
+    "2/3": "cosy:inset-2/3",
+    "1/4": "cosy:inset-1/4",
+    "3/4": "cosy:inset-3/4",
+    full: "cosy:inset-full",
+    "-full": "cosy:-inset-full",
+    "-1/2": "cosy:-inset-1/2",
+    "-1/3": "cosy:-inset-1/3",
+    "-2/3": "cosy:-inset-2/3",
+    "-1/4": "cosy:-inset-1/4",
+    "-3/4": "cosy:-inset-3/4",
 };
+// Inset X 类名映射表（left 和 right）
 const insetXMap = {
     0: "cosy:inset-x-0",
+    "0.5": "cosy:inset-x-0.5",
     1: "cosy:inset-x-1",
+    "1.5": "cosy:inset-x-1.5",
     2: "cosy:inset-x-2",
+    "2.5": "cosy:inset-x-2.5",
     3: "cosy:inset-x-3",
     4: "cosy:inset-x-4",
     5: "cosy:inset-x-5",
@@ -31,11 +59,27 @@ const insetXMap = {
     12: "cosy:inset-x-12",
     16: "cosy:inset-x-16",
     auto: "cosy:inset-x-auto",
+    "1/2": "cosy:inset-x-1/2",
+    "1/3": "cosy:inset-x-1/3",
+    "2/3": "cosy:inset-x-2/3",
+    "1/4": "cosy:inset-x-1/4",
+    "3/4": "cosy:inset-x-3/4",
+    full: "cosy:inset-x-full",
+    "-full": "cosy:-inset-x-full",
+    "-1/2": "cosy:-inset-x-1/2",
+    "-1/3": "cosy:-inset-x-1/3",
+    "-2/3": "cosy:-inset-x-2/3",
+    "-1/4": "cosy:-inset-x-1/4",
+    "-3/4": "cosy:-inset-x-3/4",
 };
+// Inset Y 类名映射表（top 和 bottom）
 const insetYMap = {
     0: "cosy:inset-y-0",
+    "0.5": "cosy:inset-y-0.5",
     1: "cosy:inset-y-1",
+    "1.5": "cosy:inset-y-1.5",
     2: "cosy:inset-y-2",
+    "2.5": "cosy:inset-y-2.5",
     3: "cosy:inset-y-3",
     4: "cosy:inset-y-4",
     5: "cosy:inset-y-5",
@@ -45,10 +89,21 @@ const insetYMap = {
     12: "cosy:inset-y-12",
     16: "cosy:inset-y-16",
     auto: "cosy:inset-y-auto",
+    "1/2": "cosy:inset-y-1/2",
+    "1/3": "cosy:inset-y-1/3",
+    "2/3": "cosy:inset-y-2/3",
+    "1/4": "cosy:inset-y-1/4",
+    "3/4": "cosy:inset-y-3/4",
+    full: "cosy:inset-y-full",
+    "-full": "cosy:-inset-y-full",
+    "-1/2": "cosy:-inset-y-1/2",
+    "-1/3": "cosy:-inset-y-1/3",
+    "-2/3": "cosy:-inset-y-2/3",
+    "-1/4": "cosy:-inset-y-1/4",
+    "-3/4": "cosy:-inset-y-3/4",
 };
-// Z-index 值的映射表
+// Z-index 类名映射表
 const zIndexMap = {
-    "-10": "cosy:-z-10",
     0: "cosy:z-0",
     10: "cosy:z-10",
     20: "cosy:z-20",
@@ -56,54 +111,255 @@ const zIndexMap = {
     40: "cosy:z-40",
     50: "cosy:z-50",
     auto: "cosy:z-auto",
+    "-10": "cosy:-z-10",
+    "-20": "cosy:-z-20",
+    "-30": "cosy:-z-30",
+    "-40": "cosy:-z-40",
+    "-50": "cosy:-z-50",
+    1: "cosy:z-1", // 自定义值，常用于小幅度层级调整
 };
-// Pointer events 值的映射表
+// Pointer events 类名映射表
 const pointerEventsMap = {
     none: "cosy:pointer-events-none",
     auto: "cosy:pointer-events-auto",
 };
+// Position 值类名映射表
+const positionValueMap = {
+    0: {
+        top: "cosy:top-0",
+        right: "cosy:right-0",
+        bottom: "cosy:bottom-0",
+        left: "cosy:left-0",
+    },
+    "0.5": {
+        top: "cosy:top-0.5",
+        right: "cosy:right-0.5",
+        bottom: "cosy:bottom-0.5",
+        left: "cosy:left-0.5",
+    },
+    1: {
+        top: "cosy:top-1",
+        right: "cosy:right-1",
+        bottom: "cosy:bottom-1",
+        left: "cosy:left-1",
+    },
+    "1.5": {
+        top: "cosy:top-1.5",
+        right: "cosy:right-1.5",
+        bottom: "cosy:bottom-1.5",
+        left: "cosy:left-1.5",
+    },
+    2: {
+        top: "cosy:top-2",
+        right: "cosy:right-2",
+        bottom: "cosy:bottom-2",
+        left: "cosy:left-2",
+    },
+    "2.5": {
+        top: "cosy:top-2.5",
+        right: "cosy:right-2.5",
+        bottom: "cosy:bottom-2.5",
+        left: "cosy:left-2.5",
+    },
+    3: {
+        top: "cosy:top-3",
+        right: "cosy:right-3",
+        bottom: "cosy:bottom-3",
+        left: "cosy:left-3",
+    },
+    4: {
+        top: "cosy:top-4",
+        right: "cosy:right-4",
+        bottom: "cosy:bottom-4",
+        left: "cosy:left-4",
+    },
+    5: {
+        top: "cosy:top-5",
+        right: "cosy:right-5",
+        bottom: "cosy:bottom-5",
+        left: "cosy:left-5",
+    },
+    6: {
+        top: "cosy:top-6",
+        right: "cosy:right-6",
+        bottom: "cosy:bottom-6",
+        left: "cosy:left-6",
+    },
+    8: {
+        top: "cosy:top-8",
+        right: "cosy:right-8",
+        bottom: "cosy:bottom-8",
+        left: "cosy:left-8",
+    },
+    10: {
+        top: "cosy:top-10",
+        right: "cosy:right-10",
+        bottom: "cosy:bottom-10",
+        left: "cosy:left-10",
+    },
+    12: {
+        top: "cosy:top-12",
+        right: "cosy:right-12",
+        bottom: "cosy:bottom-12",
+        left: "cosy:left-12",
+    },
+    16: {
+        top: "cosy:top-16",
+        right: "cosy:right-16",
+        bottom: "cosy:bottom-16",
+        left: "cosy:left-16",
+    },
+    20: {
+        top: "cosy:top-20",
+        right: "cosy:right-20",
+        bottom: "cosy:bottom-20",
+        left: "cosy:left-20",
+    },
+    24: {
+        top: "cosy:top-24",
+        right: "cosy:right-24",
+        bottom: "cosy:bottom-24",
+        left: "cosy:left-24",
+    },
+    auto: {
+        top: "cosy:top-auto",
+        right: "cosy:right-auto",
+        bottom: "cosy:bottom-auto",
+        left: "cosy:left-auto",
+    },
+    "1/2": {
+        top: "cosy:top-1/2",
+        right: "cosy:right-1/2",
+        bottom: "cosy:bottom-1/2",
+        left: "cosy:left-1/2",
+    },
+    "1/3": {
+        top: "cosy:top-1/3",
+        right: "cosy:right-1/3",
+        bottom: "cosy:bottom-1/3",
+        left: "cosy:left-1/3",
+    },
+    "2/3": {
+        top: "cosy:top-2/3",
+        right: "cosy:right-2/3",
+        bottom: "cosy:bottom-2/3",
+        left: "cosy:left-2/3",
+    },
+    "1/4": {
+        top: "cosy:top-1/4",
+        right: "cosy:right-1/4",
+        bottom: "cosy:bottom-1/4",
+        left: "cosy:left-1/4",
+    },
+    "3/4": {
+        top: "cosy:top-3/4",
+        right: "cosy:right-3/4",
+        bottom: "cosy:bottom-3/4",
+        left: "cosy:left-3/4",
+    },
+    full: {
+        top: "cosy:top-full",
+        right: "cosy:right-full",
+        bottom: "cosy:bottom-full",
+        left: "cosy:left-full",
+    },
+};
 export class PositionBuilder {
     classes = [];
     /**
-     * 设置 margin-left: auto（常用于右对齐）
+     * 设置定位方式
+     * @param type 定位类型
      */
-    auto() {
-        this.classes.push("cosy:ml-auto");
+    position(type) {
+        this.classes.push(positionMap[type]);
         return this;
     }
     /**
-     * 设置 margin-right: auto（常用于左对齐）
+     * 设置绝对定位
      */
-    autoRight() {
-        this.classes.push("cosy:mr-auto");
+    absolute() {
+        this.classes.push(positionMap.absolute);
         return this;
     }
     /**
-     * 设置 margin: auto（常用于居中）
+     * 设置相对定位
      */
-    autoCenter() {
-        this.classes.push("cosy:mx-auto");
+    relative() {
+        this.classes.push(positionMap.relative);
         return this;
     }
     /**
-     * 设置相对定位
+     * 设置固定定位
      */
-    relative() {
-        this.classes.push("cosy:relative");
+    fixed() {
+        this.classes.push(positionMap.fixed);
         return this;
     }
     /**
-     * 设置绝对定位
+     * 设置粘性定位
      */
-    absolute() {
-        this.classes.push("cosy:absolute");
+    sticky() {
+        this.classes.push(positionMap.sticky);
         return this;
     }
     /**
-     * 设置固定定位
+     * 设置顶部位置
+     * @param value 位置值
      */
-    fixed() {
-        this.classes.push("cosy:fixed");
+    top(value) {
+        this.classes.push(positionValueMap[value].top);
+        return this;
+    }
+    /**
+     * 设置右侧位置
+     * @param value 位置值
+     */
+    right(value) {
+        this.classes.push(positionValueMap[value].right);
+        return this;
+    }
+    /**
+     * 设置底部位置
+     * @param value 位置值
+     */
+    bottom(value) {
+        this.classes.push(positionValueMap[value].bottom);
+        return this;
+    }
+    /**
+     * 设置左侧位置
+     * @param value 位置值
+     */
+    left(value) {
+        this.classes.push(positionValueMap[value].left);
+        return this;
+    }
+    /**
+     * 设置所有方向为 0
+     */
+    inset0() {
+        this.classes.push("cosy:top-0", "cosy:right-0", "cosy:bottom-0", "cosy:left-0");
+        return this;
+    }
+    /**
+     * 设置 margin-left: auto（常用于右对齐）
+     */
+    auto() {
+        this.classes.push("cosy:ml-auto");
+        return this;
+    }
+    /**
+     * 设置 margin-right: auto（常用于左对齐）
+     */
+    autoRight() {
+        this.classes.push("cosy:mr-auto");
+        return this;
+    }
+    /**
+     * 设置 margin: auto（常用于居中）
+     */
+    autoCenter() {
+        this.classes.push("cosy:m-auto");
         return this;
     }
     /**
@@ -159,4 +415,3 @@ export class PositionBuilder {
         this.classes = [];
     }
 }
-//# sourceMappingURL=PositionBuilder.js.map

package/dist/src/class/builders/ShadowBuilder.d.ts

@@ -0,0 +1,57 @@
+/**
+ * ShadowBuilder - 阴影相关的类名构建
+ *
+ * 负责构建阴影相关的类名
+ */
+declare const shadowMap: {
+    readonly sm: "cosy:shadow-sm";
+    readonly "": "cosy:shadow";
+    readonly md: "cosy:shadow-md";
+    readonly lg: "cosy:shadow-lg";
+    readonly xl: "cosy:shadow-xl";
+    readonly "2xl": "cosy:shadow-2xl";
+    readonly inner: "cosy:shadow-inner";
+    readonly none: "cosy:shadow-none";
+};
+declare const shadowColorMap: {
+    readonly "base-100": "cosy:shadow-base-100";
+    readonly "base-200": "cosy:shadow-base-200";
+    readonly "base-300": "cosy:shadow-base-300";
+    readonly "base-content": "cosy:shadow-base-content";
+    readonly primary: "cosy:shadow-primary";
+    readonly secondary: "cosy:shadow-secondary";
+    readonly accent: "cosy:shadow-accent";
+    readonly neutral: "cosy:shadow-neutral";
+    readonly info: "cosy:shadow-info";
+    readonly success: "cosy:shadow-success";
+    readonly warning: "cosy:shadow-warning";
+    readonly error: "cosy:shadow-error";
+    readonly black: "cosy:shadow-black";
+    readonly white: "cosy:shadow-white";
+    readonly "slate-500": "cosy:shadow-slate-500";
+    readonly "gray-500": "cosy:shadow-gray-500";
+};
+export type ShadowSize = keyof typeof shadowMap;
+export type ShadowColor = keyof typeof shadowColorMap;
+export declare class ShadowBuilder {
+    private classes;
+    /**
+     * 设置阴影大小
+     * @param size 阴影大小，不传参数则使用默认阴影
+     */
+    shadow(size?: ShadowSize): this;
+    /**
+     * 设置阴影颜色
+     * @param color 阴影颜色值
+     */
+    shadowColor(color: ShadowColor): this;
+    /**
+     * 获取构建的类名数组
+     */
+    getClasses(): string[];
+    /**
+     * 清空类名
+     */
+    clear(): void;
+}
+export {};

package/dist/src/class/builders/ShadowBuilder.js

@@ -0,0 +1,72 @@
+/**
+ * ShadowBuilder - 阴影相关的类名构建
+ *
+ * 负责构建阴影相关的类名
+ */
+// 阴影类名映射表 - 确保 Tailwind 能够扫描到所有类名
+const shadowMap = {
+    sm: "cosy:shadow-sm",
+    "": "cosy:shadow",
+    md: "cosy:shadow-md",
+    lg: "cosy:shadow-lg",
+    xl: "cosy:shadow-xl",
+    "2xl": "cosy:shadow-2xl",
+    inner: "cosy:shadow-inner",
+    none: "cosy:shadow-none",
+};
+// 投影颜色类名映射表
+const shadowColorMap = {
+    // 基础色系
+    "base-100": "cosy:shadow-base-100",
+    "base-200": "cosy:shadow-base-200",
+    "base-300": "cosy:shadow-base-300",
+    "base-content": "cosy:shadow-base-content",
+    // 主题色系
+    primary: "cosy:shadow-primary",
+    secondary: "cosy:shadow-secondary",
+    accent: "cosy:shadow-accent",
+    neutral: "cosy:shadow-neutral",
+    // 状态色系
+    info: "cosy:shadow-info",
+    success: "cosy:shadow-success",
+    warning: "cosy:shadow-warning",
+    error: "cosy:shadow-error",
+    // 基础颜色
+    black: "cosy:shadow-black",
+    white: "cosy:shadow-white",
+    // 灰度色系
+    "slate-500": "cosy:shadow-slate-500",
+    "gray-500": "cosy:shadow-gray-500",
+};
+export class ShadowBuilder {
+    classes = [];
+    /**
+     * 设置阴影大小
+     * @param size 阴影大小，不传参数则使用默认阴影
+     */
+    shadow(size) {
+        const sizeKey = size ?? "";
+        this.classes.push(shadowMap[sizeKey]);
+        return this;
+    }
+    /**
+     * 设置阴影颜色
+     * @param color 阴影颜色值
+     */
+    shadowColor(color) {
+        this.classes.push(shadowColorMap[color]);
+        return this;
+    }
+    /**
+     * 获取构建的类名数组
+     */
+    getClasses() {
+        return this.classes;
+    }
+    /**
+     * 清空类名
+     */
+    clear() {
+        this.classes = [];
+    }
+}

package/dist/src/class/builders/SizeBuilder.d.ts

@@ -56,6 +56,7 @@ declare const minWidthMap: {
 declare const minHeightMap: {
     readonly 0: "cosy:min-h-0";
     readonly full: "cosy:min-h-full";
+    readonly screen: "cosy:min-h-screen";
     readonly 10: "cosy:min-h-10";
     readonly 20: "cosy:min-h-20";
     readonly 40: "cosy:min-h-40";
@@ -64,6 +65,11 @@ declare const minHeightMap: {
 declare const maxWidthMap: {
     readonly none: "cosy:max-w-none";
     readonly full: "cosy:max-w-full";
+    readonly sm: "cosy:max-w-sm";
+    readonly md: "cosy:max-w-md";
+    readonly lg: "cosy:max-w-lg";
+    readonly xl: "cosy:max-w-xl";
+    readonly "2xl": "cosy:max-w-2xl";
     readonly 20: "cosy:max-w-20";
     readonly 40: "cosy:max-w-40";
     readonly 60: "cosy:max-w-60";
@@ -127,4 +133,3 @@ export declare class SizeBuilder {
     clear(): void;
 }
 export {};
-//# sourceMappingURL=SizeBuilder.d.ts.map

package/dist/src/class/builders/SizeBuilder.js

@@ -57,6 +57,7 @@ const minWidthMap = {
 const minHeightMap = {
     0: "cosy:min-h-0",
     full: "cosy:min-h-full",
+    screen: "cosy:min-h-screen",
     10: "cosy:min-h-10",
     20: "cosy:min-h-20",
     40: "cosy:min-h-40",
@@ -65,6 +66,11 @@ const minHeightMap = {
 const maxWidthMap = {
     none: "cosy:max-w-none",
     full: "cosy:max-w-full",
+    sm: "cosy:max-w-sm",
+    md: "cosy:max-w-md",
+    lg: "cosy:max-w-lg",
+    xl: "cosy:max-w-xl",
+    "2xl": "cosy:max-w-2xl",
     20: "cosy:max-w-20",
     40: "cosy:max-w-40",
     60: "cosy:max-w-60",
@@ -143,4 +149,3 @@ export class SizeBuilder {
         this.classes = [];
     }
 }
-//# sourceMappingURL=SizeBuilder.js.map

package/dist/src/class/builders/SpaceBuilder.d.ts

@@ -0,0 +1,55 @@
+/**
+ * SpaceBuilder - 子元素间距相关的类名构建
+ *
+ * 负责构建 space-x 和 space-y 相关的类名
+ */
+declare const spaceXMap: {
+    readonly 0: "cosy:space-x-0";
+    readonly 1: "cosy:space-x-1";
+    readonly 2: "cosy:space-x-2";
+    readonly 3: "cosy:space-x-3";
+    readonly 4: "cosy:space-x-4";
+    readonly 5: "cosy:space-x-5";
+    readonly 6: "cosy:space-x-6";
+    readonly 8: "cosy:space-x-8";
+    readonly 10: "cosy:space-x-10";
+    readonly 12: "cosy:space-x-12";
+    readonly 16: "cosy:space-x-16";
+};
+declare const spaceYMap: {
+    readonly 0: "cosy:space-y-0";
+    readonly 1: "cosy:space-y-1";
+    readonly 2: "cosy:space-y-2";
+    readonly 3: "cosy:space-y-3";
+    readonly 4: "cosy:space-y-4";
+    readonly 5: "cosy:space-y-5";
+    readonly 6: "cosy:space-y-6";
+    readonly 8: "cosy:space-y-8";
+    readonly 10: "cosy:space-y-10";
+    readonly 12: "cosy:space-y-12";
+    readonly 16: "cosy:space-y-16";
+};
+export type SpaceXSize = keyof typeof spaceXMap;
+export type SpaceYSize = keyof typeof spaceYMap;
+export declare class SpaceBuilder {
+    private classes;
+    /**
+     * 设置水平方向子元素间距
+     * @param size 间距大小
+     */
+    spaceX(size: SpaceXSize): this;
+    /**
+     * 设置垂直方向子元素间距
+     * @param size 间距大小
+     */
+    spaceY(size: SpaceYSize): this;
+    /**
+     * 获取构建的类名数组
+     */
+    getClasses(): string[];
+    /**
+     * 清空类名
+     */
+    clear(): void;
+}
+export {};

package/dist/src/class/builders/SpaceBuilder.js

@@ -0,0 +1,64 @@
+/**
+ * SpaceBuilder - 子元素间距相关的类名构建
+ *
+ * 负责构建 space-x 和 space-y 相关的类名
+ */
+// Space X 类名映射表
+const spaceXMap = {
+    0: "cosy:space-x-0",
+    1: "cosy:space-x-1",
+    2: "cosy:space-x-2",
+    3: "cosy:space-x-3",
+    4: "cosy:space-x-4",
+    5: "cosy:space-x-5",
+    6: "cosy:space-x-6",
+    8: "cosy:space-x-8",
+    10: "cosy:space-x-10",
+    12: "cosy:space-x-12",
+    16: "cosy:space-x-16",
+};
+// Space Y 类名映射表
+const spaceYMap = {
+    0: "cosy:space-y-0",
+    1: "cosy:space-y-1",
+    2: "cosy:space-y-2",
+    3: "cosy:space-y-3",
+    4: "cosy:space-y-4",
+    5: "cosy:space-y-5",
+    6: "cosy:space-y-6",
+    8: "cosy:space-y-8",
+    10: "cosy:space-y-10",
+    12: "cosy:space-y-12",
+    16: "cosy:space-y-16",
+};
+export class SpaceBuilder {
+    classes = [];
+    /**
+     * 设置水平方向子元素间距
+     * @param size 间距大小
+     */
+    spaceX(size) {
+        this.classes.push(spaceXMap[size]);
+        return this;
+    }
+    /**
+     * 设置垂直方向子元素间距
+     * @param size 间距大小
+     */
+    spaceY(size) {
+        this.classes.push(spaceYMap[size]);
+        return this;
+    }
+    /**
+     * 获取构建的类名数组
+     */
+    getClasses() {
+        return this.classes;
+    }
+    /**
+     * 清空类名
+     */
+    clear() {
+        this.classes = [];
+    }
+}

package/dist/src/class/builders/SpacingBuilder.d.ts

@@ -260,6 +260,11 @@ export declare class SpacingBuilder {
      * @param size 内边距大小
      */
     padding(size: PaddingSize): this;
+    /**
+     * 设置内边距（简写）
+     * @param size 内边距大小
+     */
+    p(size: PaddingSize): this;
     /**
      * 设置外边距
      * @param size 外边距大小
@@ -345,4 +350,3 @@ export declare class SpacingBuilder {
     clear(): void;
 }
 export {};
-//# sourceMappingURL=SpacingBuilder.d.ts.map