@rxdrag/website-lib-core 0.0.6 → 0.0.8

package/src/entify/lib/searchProducts.ts

@@ -9,7 +9,7 @@ import {
 } from "@rxdrag/rxcms-models";
 import { queryEntityList } from "./queryEntityList";
 import { newQueryProductsMediaOptions } from "./newQueryProductsMediaOptions";
-import { ListResult, OrderBy } from "@rxdrag/entify-hooks";
+import { ListResult } from "@rxdrag/entify-hooks";
 import { EnvVariables } from "../types";
 import { TProduct } from "../view-model";
 
@@ -56,7 +56,7 @@ export async function searchProducts(
           ...keyArray,
         ],
       },
-      orderBy: [{ [ProductFields.seqValue]: OrderBy.asc }],
+      orderBy: [{ [ProductFields.seqValue]: "asc" }],
     }
   ).mediaPivots(newQueryProductsMediaOptions());
 

package/src/index.ts

@@ -1,5 +1,7 @@
 export * from "./entify";
+export * from "./component-logic";
 export * from "./motion";
 export * from "./react";
-export * from "./scripts";
+export * from "./controller";
 export * from "./robots";
+export * from "./lib";

package/src/lib/formatDate.ts

@@ -0,0 +1,15 @@
+/**
+ * 格式化日期为可读字符串
+ * @param date 日期对象或日期字符串
+ * @returns 格式化后的日期字符串，例如：2023年1月1日
+ */
+export function formatDate(date: Date | string | number): string {
+  const d = new Date(date);
+  
+  // 使用 Intl.DateTimeFormat 进行本地化日期格式化
+  return new Intl.DateTimeFormat('zh-CN', {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric'
+  }).format(d);
+}

package/src/lib/index.ts

@@ -0,0 +1,3 @@
+export * from "./pagination";
+export * from "./formatDate";
+export * from "./utils";

package/src/lib/pagination.ts

@@ -0,0 +1,114 @@
+export type PageItem = number | "ellipsis";
+
+export interface PaginationProps {
+  currentPage: number;
+  totalPages: number;
+  baseUrl: string;
+}
+
+export interface PaginationData {
+  pages: PageItem[];
+  hasPreviousPage: boolean;
+  hasNextPage: boolean;
+  previousPageUrl: string;
+  nextPageUrl: string;
+  pageUrls: Record<number, string>;
+  currentPage: number;
+}
+
+export function generatePagination(current: number, total: number) {
+  const result: PageItem[] = [];
+  const edgePageCount = 1; // 边缘页数
+  const middlePagesSiblingCount = 2; // 中间页数的兄弟数量
+  const totalVisiblePages = edgePageCount * 2 + middlePagesSiblingCount * 2 + 1;
+
+  // 如果总页数较少，直接显示所有页码
+  if (total <= totalVisiblePages) {
+    for (let i = 1; i <= total; i++) {
+      result.push(i);
+    }
+    return result;
+  }
+
+  // 始终显示第一页
+  result.push(1);
+
+  // 计算中间区域的起始和结束
+  let leftIndex = Math.max(
+    edgePageCount + 1,
+    current - middlePagesSiblingCount
+  );
+  let rightIndex = Math.min(
+    total - edgePageCount,
+    current + middlePagesSiblingCount
+  );
+
+  // 调整以保持固定数量的页码
+  if (leftIndex <= edgePageCount + 1) {
+    rightIndex = Math.min(
+      total - edgePageCount,
+      totalVisiblePages - edgePageCount - 1
+    );
+  }
+  if (rightIndex >= total - edgePageCount) {
+    leftIndex = Math.max(
+      edgePageCount + 1,
+      total - totalVisiblePages + edgePageCount + 1
+    );
+  }
+
+  // 添加左省略号
+  if (leftIndex > edgePageCount + 1) {
+    result.push("ellipsis");
+  }
+
+  // 添加中间页码
+  for (let i = leftIndex; i <= rightIndex; i++) {
+    result.push(i);
+  }
+
+  // 添加右省略号
+  if (rightIndex < total - edgePageCount) {
+    result.push("ellipsis");
+  }
+
+  // 始终显示最后一页
+  if (total > 1) {
+    result.push(total);
+  }
+
+  return result;
+}
+
+export function paginate(props: PaginationProps): PaginationData {
+  const { currentPage, totalPages, baseUrl } = props;
+
+  // 生成页码数组
+  const pages = generatePagination(currentPage, totalPages);
+
+  // 判断是否有上一页和下一页
+  const hasPreviousPage = currentPage > 1;
+  const hasNextPage = currentPage < totalPages;
+
+  // 生成上一页和下一页的URL
+  const previousPageUrl = `${baseUrl}${currentPage - 1}`;
+  const nextPageUrl = `${baseUrl}${currentPage + 1}`;
+
+  // 生成每个页码对应的URL
+  const pageUrls: Record<number, string> = {};
+  pages.forEach((page) => {
+    if (typeof page === "number") {
+      pageUrls[page] = `${baseUrl}${page}`;
+    }
+  });
+
+  return {
+    pages,
+    hasPreviousPage,
+    hasNextPage,
+    previousPageUrl,
+    nextPageUrl,
+    pageUrls,
+    currentPage,
+  };
+}

package/src/lib/utils.ts

@@ -0,0 +1,119 @@
+import {
+  TBreadcrumbItem,
+  TPost,
+  TPostCategory,
+  TProduct,
+  TProductCategory,
+} from "../entify";
+import { paginate } from "./pagination";
+
+export function postsPagination(options: {
+  currentPage: number;
+  totalPages: number;
+  baseUrl?: string;
+}) {
+  return paginate({
+    currentPage: options.currentPage,
+    totalPages: options.totalPages,
+    baseUrl: options.baseUrl || "/posts/page/",
+  });
+}
+
+export function productsPagination(options: {
+  currentPage: number;
+  totalPages: number;
+  baseUrl?: string;
+}) {
+  return paginate({
+    currentPage: options.currentPage,
+    totalPages: options.totalPages,
+    baseUrl: options.baseUrl || "/products/page/",
+  });
+}
+
+export function productBreadcrumbs(product?: TProduct) {
+  // 生成面包屑
+  const breadcrumbs: TBreadcrumbItem[] = [
+    { title: "Home", href: "/" },
+    { title: "Products", href: "/products/page/1" },
+  ];
+
+  const category = product?.category;
+  if (category?.name) {
+    breadcrumbs.push({
+      title: category.name,
+      href: `/products/categories/${category.slug}/1`,
+    });
+  }
+
+  breadcrumbs.push({ title: product?.title || "Product" });
+
+  return breadcrumbs;
+}
+
+export function productListBreadcrumbs(category?: TProductCategory | null) {
+  // 生成面包屑
+  const breadcrumbs: TBreadcrumbItem[] = [
+    { title: "Home", href: "/" },
+    { title: "Products", href: "/products/page/1" },
+  ];
+  if (category?.name) {
+    breadcrumbs.push({
+      title: category.name,
+    });
+  }
+  return breadcrumbs;
+}
+
+export function postBreadcrumbs(post?: TPost) {
+  // 生成面包屑
+  const breadcrumbs: TBreadcrumbItem[] = [
+    { title: "Home", href: "/" },
+    { title: "Posts", href: "/posts/page/1" },
+  ];
+
+  const category = post?.category;
+  if (category?.name) {
+    breadcrumbs.push({
+      title: category.name,
+      href: `/posts/categories/${category.slug}/1`,
+    });
+  }
+
+  breadcrumbs.push({ title: post?.title || "Post" });
+
+  return breadcrumbs;
+}
+
+export function postListBreadcrumbs(category?: TPostCategory) {
+  // 生成面包屑
+  const breadcrumbs: TBreadcrumbItem[] = [
+    { title: "Home", href: "/" },
+    { title: "Blog", href: "/posts/page/1" },
+  ];
+  if (category?.name) {
+    breadcrumbs.push({
+      title: category.name,
+    });
+  }
+  return breadcrumbs;
+}
+
+export function pageBreadcrumbs(title: string) {
+  // 生成面包屑
+  const breadcrumbs: TBreadcrumbItem[] = [
+    { title: "Home", href: "/" },
+    { title },
+  ];
+  return breadcrumbs;
+}
+
+export const rxPage = {
+  postsPagination,
+  productsPagination,
+  postBreadcrumbs,
+  postListBreadcrumbs,
+  breadcrumbs: pageBreadcrumbs,
+  productBreadcrumbs,
+  productListBreadcrumbs,
+};