@rxdrag/website-lib-core 0.0.126 → 0.0.128

package/README.md

@@ -1,2 +1,2 @@
-@rxdrag/webiste-lib-core
+@rxdrag/webiste-lib-core
 含react组件，不含astro组件，这样可以在react中使用

package/index.ts

@@ -1 +1 @@
-export * from "./src"
+export * from "./src"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdrag/website-lib-core",
-  "version": "0.0.126",
+  "version": "0.0.128",
   "type": "module",
   "exports": {
     ".": "./index.ts"
@@ -34,7 +34,7 @@
     "hls.js": "^1.6.13",
     "lodash-es": "^4.17.21",
     "@rxdrag/entify-lib": "0.0.24",
-    "@rxdrag/rxcms-models": "0.3.106"
+    "@rxdrag/rxcms-models": "0.3.110"
   },
   "peerDependencies": {
     "astro": "^5.16.6",

package/src/astro/animation.ts

@@ -1,146 +1,146 @@
-/**
- * AOS (Animate On Scroll) 动画配置类型定义
- * 基于 AOS 库的 data-aos 属性
- */
-
-// AOS 动画类型
-export type AOSAnimation =
-  | "" // 无动效
-  // Fade animations
-  | "fade"
-  | "fade-up"
-  | "fade-down"
-  | "fade-left"
-  | "fade-right"
-  | "fade-up-right"
-  | "fade-up-left"
-  | "fade-down-right"
-  | "fade-down-left"
-  // Flip animations
-  | "flip-up"
-  | "flip-down"
-  | "flip-left"
-  | "flip-right"
-  // Slide animations
-  | "slide-up"
-  | "slide-down"
-  | "slide-left"
-  | "slide-right"
-  // Zoom animations
-  | "zoom-in"
-  | "zoom-in-up"
-  | "zoom-in-down"
-  | "zoom-in-left"
-  | "zoom-in-right"
-  | "zoom-out"
-  | "zoom-out-up"
-  | "zoom-out-down"
-  | "zoom-out-left"
-  | "zoom-out-right";
-
-// AOS 缓动函数
-export type AOSEasing =
-  | "ease"
-  | "linear"
-  | "ease-in"
-  | "ease-out"
-  | "ease-in-out"
-  | "ease-in-back"
-  | "ease-out-back"
-  | "ease-in-out-back"
-  | "ease-in-sine"
-  | "ease-out-sine"
-  | "ease-in-out-sine"
-  | "ease-in-quad"
-  | "ease-out-quad"
-  | "ease-in-out-quad"
-  | "ease-in-cubic"
-  | "ease-out-cubic"
-  | "ease-in-out-cubic"
-  | "ease-in-quart"
-  | "ease-out-quart"
-  | "ease-in-out-quart";
-
-// AOS 锚点位置
-export type AOSAnchorPlacement =
-  | "top-bottom"
-  | "top-center"
-  | "top-top"
-  | "center-bottom"
-  | "center-center"
-  | "center-top"
-  | "bottom-bottom"
-  | "bottom-center"
-  | "bottom-top";
-
-/**
- * 动画配置
- * 使用 data-aos-* 格式的键名，可以直接通过 {...props} 展开到 HTML 元素上
- */
-export type AOSAnimationConfig = {
-  /**
-   * 动画类型
-   * 默认值: 无
-   */
-  "data-aos"?: AOSAnimation;
-
-  /**
-   * 动画偏移量（像素）
-   * 默认值: 120
-   * 说明: 元素距离视口多少像素时触发动画
-   */
-  "data-aos-offset"?: number | string;
-
-  /**
-   * 动画延迟（毫秒）
-   * 默认值: 0
-   * 可选值: 0-3000，步长 50
-   */
-  "data-aos-delay"?: number | string;
-
-  /**
-   * 动画持续时间（毫秒）
-   * 默认值: 400
-   * 可选值: 0-3000，步长 50
-   */
-  "data-aos-duration"?: number | string;
-
-  /**
-   * 缓动函数
-   * 默认值: ease
-   */
-  "data-aos-easing"?: AOSEasing;
-
-  /**
-   * 锚点位置
-   * 默认值: top-bottom
-   * 说明: 定义元素的哪个位置相对于窗口的哪个位置触发动画
-   * 格式: [元素位置]-[窗口位置]
-   */
-  "data-aos-anchor-placement"?: AOSAnchorPlacement;
-
-  /**
-   * 锚点元素选择器
-   * 说明: 使用另一个元素作为触发点
-   */
-  "data-aos-anchor"?: string;
-
-  /**
-   * 是否只执行一次
-   * 默认值: false
-   * 说明: 设置为 true 时，动画只在第一次滚动到时执行
-   */
-  "data-aos-once"?: boolean | "true" | "false";
-
-  /**
-   * 是否在移动设备上禁用
-   * 可选值: 'mobile' | 'phone' | 'tablet' | false
-   */
-  "data-aos-disable"?: "mobile" | "phone" | "tablet" | false;
-
-  /**
-   * 动画 ID
-   * 说明: 用于单独控制动画
-   */
-  "data-aos-id"?: string;
-};
+/**
+ * AOS (Animate On Scroll) 动画配置类型定义
+ * 基于 AOS 库的 data-aos 属性
+ */
+
+// AOS 动画类型
+export type AOSAnimation =
+  | "" // 无动效
+  // Fade animations
+  | "fade"
+  | "fade-up"
+  | "fade-down"
+  | "fade-left"
+  | "fade-right"
+  | "fade-up-right"
+  | "fade-up-left"
+  | "fade-down-right"
+  | "fade-down-left"
+  // Flip animations
+  | "flip-up"
+  | "flip-down"
+  | "flip-left"
+  | "flip-right"
+  // Slide animations
+  | "slide-up"
+  | "slide-down"
+  | "slide-left"
+  | "slide-right"
+  // Zoom animations
+  | "zoom-in"
+  | "zoom-in-up"
+  | "zoom-in-down"
+  | "zoom-in-left"
+  | "zoom-in-right"
+  | "zoom-out"
+  | "zoom-out-up"
+  | "zoom-out-down"
+  | "zoom-out-left"
+  | "zoom-out-right";
+
+// AOS 缓动函数
+export type AOSEasing =
+  | "ease"
+  | "linear"
+  | "ease-in"
+  | "ease-out"
+  | "ease-in-out"
+  | "ease-in-back"
+  | "ease-out-back"
+  | "ease-in-out-back"
+  | "ease-in-sine"
+  | "ease-out-sine"
+  | "ease-in-out-sine"
+  | "ease-in-quad"
+  | "ease-out-quad"
+  | "ease-in-out-quad"
+  | "ease-in-cubic"
+  | "ease-out-cubic"
+  | "ease-in-out-cubic"
+  | "ease-in-quart"
+  | "ease-out-quart"
+  | "ease-in-out-quart";
+
+// AOS 锚点位置
+export type AOSAnchorPlacement =
+  | "top-bottom"
+  | "top-center"
+  | "top-top"
+  | "center-bottom"
+  | "center-center"
+  | "center-top"
+  | "bottom-bottom"
+  | "bottom-center"
+  | "bottom-top";
+
+/**
+ * 动画配置
+ * 使用 data-aos-* 格式的键名，可以直接通过 {...props} 展开到 HTML 元素上
+ */
+export type AOSAnimationConfig = {
+  /**
+   * 动画类型
+   * 默认值: 无
+   */
+  "data-aos"?: AOSAnimation;
+
+  /**
+   * 动画偏移量（像素）
+   * 默认值: 120
+   * 说明: 元素距离视口多少像素时触发动画
+   */
+  "data-aos-offset"?: number | string;
+
+  /**
+   * 动画延迟（毫秒）
+   * 默认值: 0
+   * 可选值: 0-3000，步长 50
+   */
+  "data-aos-delay"?: number | string;
+
+  /**
+   * 动画持续时间（毫秒）
+   * 默认值: 400
+   * 可选值: 0-3000，步长 50
+   */
+  "data-aos-duration"?: number | string;
+
+  /**
+   * 缓动函数
+   * 默认值: ease
+   */
+  "data-aos-easing"?: AOSEasing;
+
+  /**
+   * 锚点位置
+   * 默认值: top-bottom
+   * 说明: 定义元素的哪个位置相对于窗口的哪个位置触发动画
+   * 格式: [元素位置]-[窗口位置]
+   */
+  "data-aos-anchor-placement"?: AOSAnchorPlacement;
+
+  /**
+   * 锚点元素选择器
+   * 说明: 使用另一个元素作为触发点
+   */
+  "data-aos-anchor"?: string;
+
+  /**
+   * 是否只执行一次
+   * 默认值: false
+   * 说明: 设置为 true 时，动画只在第一次滚动到时执行
+   */
+  "data-aos-once"?: boolean | "true" | "false";
+
+  /**
+   * 是否在移动设备上禁用
+   * 可选值: 'mobile' | 'phone' | 'tablet' | false
+   */
+  "data-aos-disable"?: "mobile" | "phone" | "tablet" | false;
+
+  /**
+   * 动画 ID
+   * 说明: 用于单独控制动画
+   */
+  "data-aos-id"?: string;
+};

package/src/astro/background.ts

@@ -1,53 +1,82 @@
-import { ImageLayout, ImageMetadata } from "./image";
-
-// 背景样式类型定义，支持tailwind类
-export type ColorBackgroundConfig = {
-  id?: string;
-  type: "color";
-  class?: string; // 颜色 ，模糊，图案等，如 "bg-blue-500", "bg-gradient-to-r from-blue-500 to-purple-600"
-};
-
-export type BlurBackgroundConfig = {
-  id?: string;
-  type: "blur";
-  class?: string; // 模糊，如 "backdrop-blur"
-};
-
-export type ImageBackgroundConfig = {
-  id?: string;
-  type: "image";
-  class?: string; // 图片，如 "bg-cover bg-center bg-no-repeat"
-  layout?: ImageLayout;
-  src?: string | ImageMetadata; // 图片源
-};
-
-export type SvgBackgroundConfig = {
-  id?: string;
-  type: "svg";
-  class?: string; // 图案，如 "bg-dots-sm bg-gray-100"
-  code?: string; // SVG代码
-};
-
-export type VideoBackgroundConfig = {
-  id?: string;
-  type: "video";
-  class?: string; // 视频，如 "bg-cover bg-center bg-no-repeat"
-  mediaRef?: string; // 视频源
-  poster?: string | ImageMetadata; // 视频封面图源
-};
-
-export type SplineBackgroundConfig = {
-  id?: string;
-  type: "spline";
-  class?: string; // Spline，如 "bg-cover bg-center bg-no-repeat"
-  spline?: string; // Spline ID
-  url?: string; // Spline 场景 URL
-};
-
-export type BackgroundConfig =
-  | ColorBackgroundConfig
-  | BlurBackgroundConfig
-  | ImageBackgroundConfig
-  | SvgBackgroundConfig
-  | VideoBackgroundConfig
-  | SplineBackgroundConfig;
+import { ImageLayout, ImageMetadata } from "./image";
+
+/**
+ * 背景基础属性（所有背景类型共享）
+ * 布局/尺寸/位置通过 class（Tailwind）控制，支持响应式前缀
+ */
+export interface BackgroundBase {
+  id?: string;
+  class?: string;
+}
+
+// 背景样式类型定义
+export type ColorBackgroundConfig = BackgroundBase & {
+  type: "color";
+};
+
+export type BlurBackgroundConfig = BackgroundBase & {
+  type: "blur";
+};
+
+export type GlassBackgroundConfig = BackgroundBase & {
+  type: "glass";
+};
+
+export type ImageBackgroundConfig = BackgroundBase & {
+  type: "image";
+  layout?: ImageLayout;
+  src?: string | ImageMetadata;
+};
+
+export type SvgBackgroundConfig = BackgroundBase & {
+  type: "svg";
+  code?: string;
+};
+
+export type VideoBackgroundConfig = BackgroundBase & {
+  type: "video";
+  mediaRef?: string;
+  poster?: string | ImageMetadata;
+};
+
+export type SplineBackgroundConfig = BackgroundBase & {
+  type: "spline";
+  spline?: string;
+  url?: string;
+};
+
+export type GradientDirection = "to-r" | "to-l" | "to-t" | "to-b" | "to-tr" | "to-tl" | "to-br" | "to-bl";
+
+export type GradientConfig = {
+  colors?: string[];
+  fromColor?: string;
+  toColor?: string;
+  viaColor?: string;
+  angle?: number | string;
+  direction?: GradientDirection;
+};
+
+export type GradientBorderConfig = BackgroundBase & GradientConfig & {
+  type: "gradient-border";
+  width?: number | string;
+};
+
+export type GlassBorderConfig = BackgroundBase & {
+  type: "glass-border";
+  color?: string;
+  width?: number | string;
+  opacity?: number;
+  shadowRatio?: number;
+  angle?: number | string;
+};
+
+export type BackgroundConfig =
+  | ColorBackgroundConfig
+  | BlurBackgroundConfig
+  | GlassBackgroundConfig
+  | ImageBackgroundConfig
+  | SvgBackgroundConfig
+  | VideoBackgroundConfig
+  | SplineBackgroundConfig
+  | GradientBorderConfig
+  | GlassBorderConfig;

package/src/astro/base.ts

@@ -0,0 +1,7 @@
+import { BackgroundConfig } from "./background";
+import type { HTMLAttributes, HTMLTag } from "astro/types";
+
+export interface FrameProps extends HTMLAttributes<HTMLTag> {
+  className?: string;
+  backgrounds?: BackgroundConfig[];
+}

package/src/astro/business.ts

@@ -0,0 +1,13 @@
+import { SvgComponent } from "astro/types"
+
+export type FeatureExtra = {
+  type?: string,
+  [key: string]: unknown | undefined,
+}
+
+export type Feature = {
+  Icon?: SvgComponent,
+  title?: string,
+  description?: string,
+  extra?: FeatureExtra
+}

package/src/astro/grid/consts.ts

@@ -1,80 +1,80 @@
-import { ResponsiveGridLayout } from "./types";
-
-const oneCellLayout = {
-  id: "cell1",
-  colStart: 1,
-  colSpan: 12,
-  rowStart: 1,
-};
-
-//单行布局
-export const layout1: ResponsiveGridLayout = {
-  lg: {
-    cols: 12,
-    cells: [oneCellLayout],
-  },
-  md: {
-    cols: 12,
-    cells: [oneCellLayout],
-  },
-  sm: {
-    cols: 12,
-    cells: [oneCellLayout],
-  },
-};
-
-export const layout2: ResponsiveGridLayout = {
-  lg: {
-    cols: 12,
-    cells: [
-      {
-        id: "cell1",
-        colStart: 1,
-        colSpan: 6,
-        rowStart: 1,
-      },
-      {
-        id: "cell2",
-        colStart: 7,
-        colSpan: 6,
-        rowStart: 1,
-      },
-    ],
-  },
-  md: {
-    cols: 12,
-    cells: [
-      {
-        id: "cell1",
-        colStart: 1,
-        colSpan: 6,
-        rowStart: 1,
-      },
-      {
-        id: "cell2",
-        colStart: 7,
-        colSpan: 6,
-        rowStart: 1,
-      },
-    ],
-  },
-  sm: {
-    cols: 12,
-    cells: [
-      {
-        id: "cell1",
-        colStart: 1,
-        colSpan: 12,
-        rowStart: 1,
-      },
-      {
-        id: "cell2",
-        colStart: 1,
-        colSpan: 12,
-        rowStart: 1,
-      },
-    ],
-  },
-};
-
-export const singleRowLayouts: ResponsiveGridLayout[] = [layout1, layout2];
+import { ResponsiveGridLayout } from "./types";
+
+const oneCellLayout = {
+  id: "cell1",
+  colStart: 1,
+  colSpan: 12,
+  rowStart: 1,
+};
+
+//单行布局
+export const layout1: ResponsiveGridLayout = {
+  lg: {
+    cols: 12,
+    cells: [oneCellLayout],
+  },
+  md: {
+    cols: 12,
+    cells: [oneCellLayout],
+  },
+  sm: {
+    cols: 12,
+    cells: [oneCellLayout],
+  },
+};
+
+export const layout2: ResponsiveGridLayout = {
+  lg: {
+    cols: 12,
+    cells: [
+      {
+        id: "cell1",
+        colStart: 1,
+        colSpan: 6,
+        rowStart: 1,
+      },
+      {
+        id: "cell2",
+        colStart: 7,
+        colSpan: 6,
+        rowStart: 1,
+      },
+    ],
+  },
+  md: {
+    cols: 12,
+    cells: [
+      {
+        id: "cell1",
+        colStart: 1,
+        colSpan: 6,
+        rowStart: 1,
+      },
+      {
+        id: "cell2",
+        colStart: 7,
+        colSpan: 6,
+        rowStart: 1,
+      },
+    ],
+  },
+  sm: {
+    cols: 12,
+    cells: [
+      {
+        id: "cell1",
+        colStart: 1,
+        colSpan: 12,
+        rowStart: 1,
+      },
+      {
+        id: "cell2",
+        colStart: 1,
+        colSpan: 12,
+        rowStart: 1,
+      },
+    ],
+  },
+};
+
+export const singleRowLayouts: ResponsiveGridLayout[] = [layout1, layout2];

package/src/astro/grid/index.ts

@@ -1,2 +1,2 @@
-export * from "./consts"
-export * from "./types"
+export * from "./consts"
+export * from "./types"