@rxdrag/website-lib 0.0.86 → 0.0.94

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdrag/website-lib",
-  "version": "0.0.86",
+  "version": "0.0.94",
   "type": "module",
   "exports": {
     ".": "./index.ts"
@@ -24,10 +24,10 @@
     "eslint": "^7.32.0",
     "gsap": "^3.12.7",
     "typescript": "^5",
+    "@rxdrag/slate-preview": "1.2.61",
+    "@rxdrag/eslint-config-custom": "0.2.12",
     "@rxdrag/entify-hooks": "0.2.76",
     "@rxdrag/rxcms-models": "0.3.94",
-    "@rxdrag/eslint-config-custom": "0.2.12",
-    "@rxdrag/slate-preview": "1.2.61",
     "@rxdrag/tsconfig": "0.2.0"
   },
   "dependencies": {
@@ -35,7 +35,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "@rxdrag/rxcms-models": "0.3.94",
-    "@rxdrag/website-lib-core": "0.0.88"
+    "@rxdrag/website-lib-core": "0.0.93"
   },
   "peerDependencies": {
     "astro": "^4.0.0 || ^5.0.0"

package/src/components/Footer.astro

@@ -0,0 +1,43 @@
+---
+import type {
+  AnimationConfig,
+  BackgroundConfig,
+} from "@rxdrag/website-lib-core";
+import BackgroundGroup from "./BackgroundGroup.astro";
+import Container from "./Container.astro";
+
+/**
+ * 区块
+ */
+
+interface Props {
+  class?: string;
+  className?: string;
+  containerClassName?: string;
+  backgrounds?: BackgroundConfig[];
+  //动效
+  animation?: AnimationConfig;
+  disableContainer?: boolean;
+}
+
+const {
+  className,
+  containerClassName,
+  backgrounds,
+  disableContainer,
+  class: originalClass,
+} = Astro.props;
+---
+
+<footer class:list={["footer-block", className, originalClass]}>
+  <BackgroundGroup backgrounds={backgrounds} />
+  {
+    disableContainer ? (
+      <slot />
+    ) : (
+      <Container class:list={["w-full h-full", containerClassName]}>
+        <slot />
+      </Container>
+    )
+  }
+</footer>

package/src/components/Link.astro

@@ -17,18 +17,27 @@ interface AnchorAttributes {
   options?: {
     productsSlug?: string;
     postsSlug?: string;
-  }
+  };
 }
 
 interface Props extends IMotionProps, AnchorAttributes {
   type?: LinkType | string;
   to?: string | undefined;
   class?: string;
+  className?: string;
   //用于active类名的传递
   activeWhen?: string | true;
 }
 
-const { type, to, class: className, activeWhen, options, ...props } = Astro.props;
+const {
+  type,
+  to,
+  class: cls,
+  className,
+  activeWhen,
+  options,
+  ...props
+} = Astro.props;
 const href = toHref(type || "", to || "", options);
 const hrefObj = href ? { href } : {};
 ---
@@ -37,7 +46,7 @@ const hrefObj = href ? { href } : {};
   as={"a"}
   data-actived-path={activeWhen}
   {...hrefObj}
-  class={className}
+  class:list={[cls, className]}
   {...props}
 >
   <slot />

package/src/components/index.ts

@@ -7,6 +7,7 @@ export { default as CollapseTrigger } from "./CollapseTrigger.astro";
 export { default as CollapsePanel } from "./CollapsePanel.astro";
 export { default as Container } from "./Container.astro";
 export { default as Flip } from "./Flip.astro";
+export { default as Footer } from "./Footer.astro";
 export { default as Grid } from "./Grid.astro";
 export { default as GridCell } from "./GridCell.astro";
 export { default as Icon } from "./Icon.astro";