@rxdrag/website-lib 0.0.11 → 0.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdrag/website-lib",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "type": "module",
   "exports": {
     ".": "./index.ts"
@@ -24,17 +24,17 @@
     "eslint": "^7.32.0",
     "gsap": "^3.12.7",
     "typescript": "^5",
-    "@rxdrag/slate-preview": "1.2.55",
-    "@rxdrag/entify-hooks": "0.2.40",
     "@rxdrag/eslint-config-custom": "0.2.12",
+    "@rxdrag/entify-hooks": "0.2.42",
+    "@rxdrag/slate-preview": "1.2.55",
     "@rxdrag/tsconfig": "0.2.0"
   },
   "dependencies": {
     "clsx": "^2.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@rxdrag/website-lib-core": "0.0.9",
-    "@rxdrag/rxcms-models": "0.3.46"
+    "@rxdrag/rxcms-models": "0.3.48",
+    "@rxdrag/website-lib-core": "0.0.11"
   },
   "peerDependencies": {
     "astro": "^4.0.0 || ^5.0.0"

package/src/components/Collapse.astro

@@ -0,0 +1,20 @@
+---
+import {
+  getCollapseDataAttrs,
+  type IMotionProps,
+} from "@rxdrag/website-lib-core";
+
+import Motion from "./Motion.astro";
+
+interface Props extends IMotionProps {
+  openableKey?: string;
+}
+
+const { openableKey, ...rest } = Astro.props;
+
+const dataAttrs = getCollapseDataAttrs(openableKey);
+---
+
+<Motion {...dataAttrs} {...rest}>
+  <slot />
+</Motion>

package/src/components/CollapsePanel.astro

@@ -0,0 +1,20 @@
+---
+import {
+  type IMotionProps,
+  defaultPopoverPanelAnimation,
+  getCollapsePanelDataAttrs,
+} from "@rxdrag/website-lib-core";
+import Motion from "./Motion.astro";
+
+interface Props extends IMotionProps {
+  openableKey?: string;
+}
+
+const dataAttrs = getCollapsePanelDataAttrs();
+
+const { whileOpenable = defaultPopoverPanelAnimation, ...props } = Astro.props;
+---
+
+<Motion whileOpenable={whileOpenable} {...dataAttrs} {...props}>
+  <slot />
+</Motion>

package/src/components/CollapseTrigger.astro

@@ -0,0 +1,15 @@
+---
+import {
+  getCollapseTriggerDataAttrs,
+  type CollapseTriggerProps,
+} from "@rxdrag/website-lib-core";
+import Motion from "./Motion.astro";
+
+interface Props extends CollapseTriggerProps {}
+
+const dataAttrs = getCollapseTriggerDataAttrs();
+---
+
+<Motion {...dataAttrs} {...Astro.props}>
+  <slot />
+</Motion>

package/src/components/Modal.astro

@@ -3,10 +3,10 @@ import { getModalDataAttrs, type IMotionProps } from "@rxdrag/website-lib-core";
 import Motion from "./Motion.astro";
 
 interface Props extends IMotionProps {
-  popupKey: string;
+  openableKey: string;
 }
 
-const dataAttrs = getModalDataAttrs(Astro.props.popupKey);
+const dataAttrs = getModalDataAttrs(Astro.props.openableKey);
 ---
 
 <Motion {...dataAttrs} {...Astro.props}>

package/src/components/ModalCloser.astro

@@ -6,10 +6,10 @@ import {
 import { Motion } from "../..";
 
 interface Props extends IMotionProps {
-  popupKey?: string;
+  openableKey?: string;
 }
 
-const dataAttrs = getModalCloserDataAttrs(Astro.props.popupKey);
+const dataAttrs = getModalCloserDataAttrs(Astro.props.openableKey);
 ---
 
 <Motion {...dataAttrs} {...Astro.props}>

package/src/components/ModalPanel.astro

@@ -6,10 +6,10 @@ import {
 import Motion from "./Motion.astro";
 
 interface Props extends IMotionProps {
-  popupKey?: string;
+  openableKey?: string;
 }
 
-const dataAttrs = getModalPanelDataAttrs(Astro.props.popupKey);
+const dataAttrs = getModalPanelDataAttrs(Astro.props.openableKey);
 ---
 
 <Motion {...dataAttrs} {...Astro.props}>

package/src/components/ModalTrigger.astro

@@ -8,7 +8,7 @@ import Motion from "./Motion.astro";
 interface Props extends ModalTriggerProps {}
 
 const { callToAction, ...rest } = Astro.props;
-const dataAttrs = getModalTriggerDataAttrs(Astro.props.popupKey);
+const dataAttrs = getModalTriggerDataAttrs(Astro.props.openableKey);
 ---
 
 <Motion {...dataAttrs} {...rest}>

package/src/components/Motion.astro

@@ -28,6 +28,7 @@ const { class: className, ...motionProps } = getMotionProps(rest);
     animate,
     aos,
     tabs,
+    collapse,
   } from "@rxdrag/website-lib-core";
 
   pageLoader.onLoaded(() => {
@@ -41,5 +42,7 @@ const { class: className, ...motionProps } = getMotionProps(rest);
     aos.mount();
     //初始化标签页
     tabs.mount();
+    //初始化折叠
+    collapse.mount();
   });
 </script>

package/src/components/Popover.astro

@@ -7,12 +7,14 @@ import {
 import Motion from "./Motion.astro";
 
 interface Props extends IMotionProps {
-  popupKey: string;
+  openableKey?: string;
 }
 
-const dataAttrs = getPopoverDataAttrs(Astro.props.popupKey);
+const { openableKey, ...rest } = Astro.props;
+
+const dataAttrs = getPopoverDataAttrs(openableKey);
 ---
 
-<Motion {...dataAttrs} {...Astro.props}>
+<Motion {...dataAttrs} {...rest}>
   <slot />
 </Motion>

package/src/components/PopverPanel.astro

@@ -7,14 +7,14 @@ import {
 import Motion from "./Motion.astro";
 
 interface Props extends IMotionProps {
-  popupKey?: string;
+  openableKey?: string;
 }
 
-const dataAttrs = getPopoverPanelDataAttrs(Astro.props.popupKey);
+const dataAttrs = getPopoverPanelDataAttrs(Astro.props.openableKey);
 
-const { whilePopup = defaultPopoverPanelAnimation, ...props } = Astro.props;
+const { whileOpenable = defaultPopoverPanelAnimation, ...props } = Astro.props;
 ---
 
-<Motion whilePopup={whilePopup} {...dataAttrs} {...props}>
+<Motion whileOpenable={whileOpenable} {...dataAttrs} {...props}>
   <slot />
 </Motion>

package/src/components/index.ts

@@ -1,4 +1,7 @@
 export { default as AnimationNumber } from "./AnimationNumber.astro";
+export { default as Collapse } from "./Collapse.astro";
+export { default as CollapseTrigger } from "./CollapseTrigger.astro";
+export { default as CollapsePanel } from "./CollapsePanel.astro";
 export { default as Flip } from "./Flip.astro";
 export { default as Link } from "./Link.astro";
 export { default as Meta } from "./Meta.astro";