"添加前端模板和运行代码模块"

qiming-vite-plugin-design-mode/examples/react-vite-md2/src/lib/utils.ts

@@ -0,0 +1,39 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+export type Params = Partial<
+  Record<keyof URLSearchParams, string | number | null | undefined>
+>;
+
+export function createQueryString(
+  params: Params,
+  searchParams: URLSearchParams
+) {
+  const newSearchParams = new URLSearchParams(searchParams?.toString());
+
+  for (const [key, value] of Object.entries(params)) {
+    if (value === null || value === undefined) {
+      newSearchParams.delete(key);
+    } else {
+      newSearchParams.set(key, String(value));
+    }
+  }
+
+  return newSearchParams.toString();
+}
+
+export function formatDate(
+  date: Date | string | number,
+  opts: Intl.DateTimeFormatOptions = {}
+) {
+  return new Intl.DateTimeFormat("zh-CN", {
+    month: opts.month ?? "long",
+    day: opts.day ?? "numeric",
+    year: opts.year ?? "numeric",
+    ...opts,
+  }).format(new Date(date));
+}