@rxdrag/website-lib-core 0.0.127 → 0.0.129

package/src/astro/media.ts

@@ -1,123 +1,123 @@
-import { ImageSizes, Media } from "@rxdrag/rxcms-models";
-
-export type FileFieldType =
-  | "thumbnail"
-  | "original"
-  | "small"
-  | "medium"
-  | "large"
-  | "resize";
-
-export type ImageResize = {
-  width?: number;
-  height?: number;
-};
-
-export const DEFUALT_WIDTH = 100;
-export const DEFUALT_HEIGHT = 100;
-
-export const DEFAULT_SAMLL: ImageResize = {
-  width: 400,
-  height: 400,
-};
-
-export const DEFAULT_MEDIUM: ImageResize = {
-  width: 800,
-  height: 800,
-};
-
-export const DEFAULT_LARGE: ImageResize = {
-  width: 1200,
-  height: 1200,
-};
-
-export const DEFAULT_PRODUCT_IMAGE_SIZE: ImageResize = {
-  width: 800,
-  height: 800,
-};
-
-export const DEFAULT_PRODUCT_THUMBNAIL_IMAGE_SIZE: ImageResize = {
-  width: 600,
-  height: 400,
-};
-
-export const DEFAULT_POST_IMAGE_SIZE: ImageResize = {
-  width: 800,
-  height: 600,
-};
-
-export const DEFAULT_POST_THUMBNAIL_IMAGE_SIZE: ImageResize = {
-  width: 600,
-  height: 400,
-};
-
-//TODO：以后还要加transform参数
-export type MediaImageProps = {
-  alt?: string;
-  className?: string;
-  src?: string;
-  //默认original
-  fileField?: FileFieldType;
-  resize?: ImageResize;
-  children?: React.ReactNode;
-};
-
-export const transformMeidaFields = (
-  field?: FileFieldType,
-  resize?: ImageResize,
-  images?: ImageSizes
-): string[] => {
-  const fields = ["original", "thumbnail"];
-  if (resize) {
-    fields.push(
-      `resize(width: ${resize.width || DEFUALT_WIDTH}, height: ${resize.height || DEFUALT_HEIGHT
-      })`
-    );
-  }
-  if (field === "small") {
-    fields.push(
-      `small(width: ${images?.small?.width || DEFAULT_SAMLL.width}, height: ${images?.small?.height || DEFAULT_SAMLL.height
-      })`
-    );
-  }
-  if (field === "medium") {
-    fields.push(
-      `medium(width: ${images?.medium?.width || DEFAULT_MEDIUM.width
-      }, height: ${images?.medium?.height || DEFAULT_MEDIUM.height})`
-    );
-  }
-  if (field === "large") {
-    fields.push(
-      `large(width: ${images?.large?.width || DEFAULT_LARGE.width}, height: ${images?.large?.height || DEFAULT_LARGE.height
-      })`
-    );
-  }
-  return fields;
-};
-
-export const extractShowSrc = (
-  field?: FileFieldType,
-  resize?: ImageResize,
-  media?: Media
-) => {
-  if (!media?.file) {
-    return "";
-  }
-  if (field === "thumbnail") {
-    return media.file.thumbnail;
-  }
-
-  if (field === "resize" && resize) {
-    return media.file.resize;
-  }
-  if (field === "small" && media.file.small) {
-    return media.file.small;
-  }
-  if (field === "medium" && media.file.medium) {
-    return media.file.medium;
-  }
-  if (field === "large" && media.file.large) {
-    return media.file.large;
-  }
-  return media.file.original;
-};
+import { ImageSizes, Media } from "@rxdrag/rxcms-models";
+
+export type FileFieldType =
+  | "thumbnail"
+  | "original"
+  | "small"
+  | "medium"
+  | "large"
+  | "resize";
+
+export type ImageResize = {
+  width?: number;
+  height?: number;
+};
+
+export const DEFUALT_WIDTH = 100;
+export const DEFUALT_HEIGHT = 100;
+
+export const DEFAULT_SAMLL: ImageResize = {
+  width: 400,
+  height: 400,
+};
+
+export const DEFAULT_MEDIUM: ImageResize = {
+  width: 800,
+  height: 800,
+};
+
+export const DEFAULT_LARGE: ImageResize = {
+  width: 1200,
+  height: 1200,
+};
+
+export const DEFAULT_PRODUCT_IMAGE_SIZE: ImageResize = {
+  width: 800,
+  height: 800,
+};
+
+export const DEFAULT_PRODUCT_THUMBNAIL_IMAGE_SIZE: ImageResize = {
+  width: 600,
+  height: 400,
+};
+
+export const DEFAULT_POST_IMAGE_SIZE: ImageResize = {
+  width: 800,
+  height: 600,
+};
+
+export const DEFAULT_POST_THUMBNAIL_IMAGE_SIZE: ImageResize = {
+  width: 600,
+  height: 400,
+};
+
+//TODO：以后还要加transform参数
+export type MediaImageProps = {
+  alt?: string;
+  className?: string;
+  src?: string;
+  //默认original
+  fileField?: FileFieldType;
+  resize?: ImageResize;
+  children?: React.ReactNode;
+};
+
+export const transformMeidaFields = (
+  field?: FileFieldType,
+  resize?: ImageResize,
+  images?: ImageSizes
+): string[] => {
+  const fields = ["original", "thumbnail"];
+  if (resize) {
+    fields.push(
+      `resize(width: ${resize.width || DEFUALT_WIDTH}, height: ${resize.height || DEFUALT_HEIGHT
+      })`
+    );
+  }
+  if (field === "small") {
+    fields.push(
+      `small(width: ${images?.small?.width || DEFAULT_SAMLL.width}, height: ${images?.small?.height || DEFAULT_SAMLL.height
+      })`
+    );
+  }
+  if (field === "medium") {
+    fields.push(
+      `medium(width: ${images?.medium?.width || DEFAULT_MEDIUM.width
+      }, height: ${images?.medium?.height || DEFAULT_MEDIUM.height})`
+    );
+  }
+  if (field === "large") {
+    fields.push(
+      `large(width: ${images?.large?.width || DEFAULT_LARGE.width}, height: ${images?.large?.height || DEFAULT_LARGE.height
+      })`
+    );
+  }
+  return fields;
+};
+
+export const extractShowSrc = (
+  field?: FileFieldType,
+  resize?: ImageResize,
+  media?: Media
+) => {
+  if (!media?.file) {
+    return "";
+  }
+  if (field === "thumbnail") {
+    return media.file.thumbnail;
+  }
+
+  if (field === "resize" && resize) {
+    return media.file.resize;
+  }
+  if (field === "small" && media.file.small) {
+    return media.file.small;
+  }
+  if (field === "medium" && media.file.medium) {
+    return media.file.medium;
+  }
+  if (field === "large" && media.file.large) {
+    return media.file.large;
+  }
+  return media.file.original;
+};

package/src/astro/nav.ts

@@ -1,13 +1,13 @@
-import { SvgComponent } from "astro/types";
-import { LinkType } from "../component-logic";
-import { ImageMetadata } from "./image";
-
-export type NavItem = {
-  label: string;
-  to?: string;
-  type?: LinkType | string;
-  image?: ImageMetadata;
-  icon?: SvgComponent;
-  class?: string;
-  children?: NavItem[];
-};
+import { SvgComponent } from "astro/types";
+import { LinkType } from "../component-logic";
+import { ImageMetadata } from "./image";
+
+export type NavItem = {
+  label: string;
+  to?: string;
+  type?: LinkType | string;
+  image?: ImageMetadata;
+  icon?: SvgComponent;
+  class?: string;
+  children?: NavItem[];
+};

package/src/astro/section/index.ts

@@ -1,12 +1,7 @@
-import { AOSAnimationConfig } from "../animation";
-import { BackgroundConfig } from "../background";
-
-//可调参数有：内边距（4个），内边距（4个）。内容：内边距（4个），内边距（4个）
-export type SectionProps = {
-  className?: string;
-  containerClassName?: string;
-  backgrounds?: BackgroundConfig[];
-  //动效
-  animation?: AOSAnimationConfig;
-  disableContainer?: boolean;
-};
+import { BackgroundConfig } from "../background";
+
+export type SectionProps = {
+  class?: string;
+  className?: string;
+  backgrounds?: BackgroundConfig[];
+};

package/src/component-logic/index.ts

@@ -1,2 +1,2 @@
-export * from "./link";
+export * from "./link";
 export * from "./link-client";

package/src/component-logic/link-client.ts

@@ -1,32 +1,32 @@
-export const initLinks = () => {
-  // 获取当前URL的路径部分（去除域名）
-  const currentPath = window.location.pathname;
-
-  // 获取所有导航链接
-  const links = document.querySelectorAll<HTMLAnchorElement>(
-    "[data-actived-path]"
-  );
-
-  links.forEach((anchorLink) => {
-    // 从链接URL中提取路径部分
-    try {
-      const linkUrl = anchorLink.href ? new URL(anchorLink.href) : null;
-      const linkPath =
-        anchorLink.dataset.activedPath === "true"
-          ? linkUrl?.pathname
-          : anchorLink.dataset.activedPath;
-      // 检查当前路径是否与链接路径匹配或是其子路径
-      if (
-        currentPath === linkPath ||
-        (linkPath !== "/" && linkPath && currentPath.startsWith(linkPath))
-      ) {
-        anchorLink.classList.add("actived");
-      } else {
-        anchorLink.classList.remove("actived");
-      }
-    } catch (e) {
-      // 处理无效URL的情况
-      console.warn("Invalid URL:", e, anchorLink);
-    }
-  });
-};
+export const initLinks = () => {
+  // 获取当前URL的路径部分（去除域名）
+  const currentPath = window.location.pathname;
+
+  // 获取所有导航链接
+  const links = document.querySelectorAll<HTMLAnchorElement>(
+    "[data-actived-path]"
+  );
+
+  links.forEach((anchorLink) => {
+    // 从链接URL中提取路径部分
+    try {
+      const linkUrl = anchorLink.href ? new URL(anchorLink.href) : null;
+      const linkPath =
+        anchorLink.dataset.activedPath === "true"
+          ? linkUrl?.pathname
+          : anchorLink.dataset.activedPath;
+      // 检查当前路径是否与链接路径匹配或是其子路径
+      if (
+        currentPath === linkPath ||
+        (linkPath !== "/" && linkPath && currentPath.startsWith(linkPath))
+      ) {
+        anchorLink.classList.add("actived");
+      } else {
+        anchorLink.classList.remove("actived");
+      }
+    } catch (e) {
+      // 处理无效URL的情况
+      console.warn("Invalid URL:", e, anchorLink);
+    }
+  });
+};

package/src/component-logic/link.ts

@@ -1,61 +1,61 @@
-export type LinkType =
-  | "home"
-  | "product"
-  | "post"
-  | "page"
-  | "user"
-  | "product-category"
-  | "post-category"
-  | "link"
-  | "products"
-  | "posts";
-
-export function toHref(
-  type: LinkType | string,
-  to: string,
-  options?: { productsSlug?: string; postsSlug?: string }
-) {
-  const { productsSlug = "products", postsSlug = "posts" } = options || {};
-
-  if (type === "home") {
-    return "/";
-  }
-
-  if (type === "link" || !type) {
-    return to;
-  }
-
-  if (type === "products") {
-    return `/${productsSlug}/page/1`;
-  }
-
-  if (type === "posts") {
-    return `/${postsSlug}/page/1`;
-  }
-
-  if (type === "page") {
-    return `/${to}`;
-  }
-
-  if (type === "post") {
-    return `/${postsSlug}/${to}`;
-  }
-
-  if (type === "product") {
-    return `/${productsSlug}/${to}`;
-  }
-
-  if (type === "user") {
-    return `/profiles/${to}`;
-  }
-
-  if (type === "product-category") {
-    return `/${productsSlug}/categories/${to}/1`;
-  }
-
-  if (type === "post-category") {
-    return `/${postsSlug}/categories/${to}/1`;
-  }
-
-  return `/${type}/${to}`;
-}
+export type LinkType =
+  | "home"
+  | "product"
+  | "post"
+  | "page"
+  | "user"
+  | "product-category"
+  | "post-category"
+  | "link"
+  | "products"
+  | "posts";
+
+export function toHref(
+  type: LinkType | string,
+  to: string,
+  options?: { productsSlug?: string; postsSlug?: string }
+) {
+  const { productsSlug = "products", postsSlug = "posts" } = options || {};
+
+  if (type === "home") {
+    return "/";
+  }
+
+  if (type === "link" || !type) {
+    return to;
+  }
+
+  if (type === "products") {
+    return `/${productsSlug}/page/1`;
+  }
+
+  if (type === "posts") {
+    return `/${postsSlug}/page/1`;
+  }
+
+  if (type === "page") {
+    return `/${to}`;
+  }
+
+  if (type === "post") {
+    return `/${postsSlug}/${to}`;
+  }
+
+  if (type === "product") {
+    return `/${productsSlug}/${to}`;
+  }
+
+  if (type === "user") {
+    return `/profiles/${to}`;
+  }
+
+  if (type === "product-category") {
+    return `/${productsSlug}/categories/${to}/1`;
+  }
+
+  if (type === "post-category") {
+    return `/${postsSlug}/categories/${to}/1`;
+  }
+
+  return `/${type}/${to}`;
+}