dune-react 0.0.1

package/dist/utils/css-utils.d.ts

@@ -0,0 +1,10 @@
+import { type ClassValue } from "clsx";
+/**
+ * 合并CSS类名，支持条件类名和Tailwind冲突解决
+ * 支持Fluid Tailwind功能
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * 液体玻璃效果样式
+ */
+export declare function liquidGlass(...args: ClassValue[]): string;

package/dist/utils/css-utils.js

@@ -0,0 +1,17 @@
+import { withFluid } from "../node_modules/.pnpm/@fluid-tailwind_tailwind-merge@0.0.3_tailwind-merge@3.3.1/node_modules/@fluid-tailwind/tailwind-merge/dist/index.js";
+import { clsx } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { extendTailwindMerge } from "../node_modules/.pnpm/tailwind-merge@3.3.1/node_modules/tailwind-merge/dist/bundle-mjs.js";
+const twMerge = extendTailwindMerge({}, withFluid);
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function liquidGlass(...args) {
+  return cn(
+    "shadow-[0px_-1px_0px_0px_#FFFFFF40_inset,_0px_1px_0px_0px_#FFFFFF40_inset]",
+    args
+  );
+}
+export {
+  cn,
+  liquidGlass
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./utils-common.ts";
+export * from "./utils-api.ts";
+export * from "./utils-time.ts";
+export * from "./utils-canvas.ts";
+export * from "./css-utils.ts";
+export * from "./storage-qetag.ts";
+export * from "./utils-image.ts";
+export * from "./utils-time.ts";
+export * from "./utils-random.ts";

package/dist/utils/storage-qetag.d.ts

@@ -0,0 +1,22 @@
+interface ITypeInfo {
+    ext: string;
+    mime: string;
+}
+export default class QiNiuETag {
+    currentLength: number;
+    chunkTime: number;
+    sha1String: any[];
+    type: ITypeInfo | undefined;
+    updateBlob(blob: File): Promise<void>;
+    changeCurrent(): void;
+    concatArr2Uint8(s: any): Uint8Array<ArrayBuffer>;
+    readBlobToArrayBuffer(blob: Blob): Promise<string | ArrayBuffer | null>;
+    get sha1Buffer(): any;
+    get getEtag(): string;
+    get typeInfo(): ITypeInfo | undefined;
+    get fileInfo(): {
+        sha1: string;
+        typeInfo: ITypeInfo | undefined;
+    };
+}
+export {};

package/dist/utils/storage-qetag.js

@@ -0,0 +1,3 @@
+import "../node_modules/.pnpm/file-type@12.4.1/node_modules/file-type/index.js";
+import hash from "../node_modules/.pnpm/js-sha1@0.6.0/node_modules/js-sha1/src/sha1.js";
+hash.digest;

package/dist/utils/utils-api.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @description 将对象转换为URL参数
+ * @param url 基础URL
+ * @param params 参数对象
+ * @returns 带参数的完整URL
+ */
+export declare function getUrlWithParams(url: string, params: Record<string, any>): string;
+/**
+ * @description 大数字格式化工具函数
+ * @param num 要格式化的数字
+ * @param format 格式化配置
+ * @returns 格式化后的字符串
+ */
+export declare function formatLargeNumber(num: number, format?: {
+    unit?: number;
+    unitCN?: string;
+}): string;

package/dist/utils/utils-api.js

@@ -0,0 +1,31 @@
+import { filterEmptyValues } from "./utils-common.js";
+function getUrlWithParams(url, params) {
+  if (!params || Object.keys(params).length === 0) {
+    return url;
+  }
+  const urlObj = new URL(url, window.location.origin);
+  Object.entries(filterEmptyValues(params)).forEach(([key, value]) => {
+    if (value !== void 0 && value !== null && value !== "") {
+      if (Array.isArray(value)) {
+        value.forEach((item) => {
+          urlObj.searchParams.append(key, String(item));
+        });
+      } else {
+        urlObj.searchParams.set(key, String(value));
+      }
+    }
+  });
+  return urlObj.toString();
+}
+function formatLargeNumber(num, format = {}) {
+  const { unit = 1e4, unitCN = "万" } = format;
+  if (num < unit) {
+    return `${unit}+`;
+  }
+  const result = Math.floor(num / unit);
+  return `${result}${unitCN}+`;
+}
+export {
+  formatLargeNumber,
+  getUrlWithParams
+};

package/dist/utils/utils-canvas.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @description Blob转换File对象
+ * @param blobData
+ */
+export declare function structureFile(blobData: Blob): File;
+/**
+ * @description blobToUrl
+ * @param {*} blobData
+ */
+export declare function blobToUrl(blobData: Blob): string;
+/**
+ * @description base64ToBlob
+ * @param {*} base64
+ */
+export declare function convertBase64ToBlob(base64: string): Blob;
+/**
+ * @description base64ToUrl
+ * @param {*} base64
+ */
+export declare function base64ToUrl(base64: string): string;
+/**
+ * @description base64ToFile
+ * @param {*} base64
+ */
+export declare function base64ToFile(base64: string): File;
+/**
+ * @description blobToBase64
+ * @param blob
+ */
+export declare function blobToBase64(blob: Blob): Promise<unknown>;

package/dist/utils/utils-canvas.js

@@ -0,0 +1,54 @@
+function structureFile(blobData) {
+  const fileType = blobData.type.split("/");
+  const ext = fileType[1];
+  const file = new window.File([blobData], `tag.${ext}`, {
+    type: blobData.type
+  });
+  return file;
+}
+function blobToUrl(blobData) {
+  return URL.createObjectURL(blobData);
+}
+function convertBase64ToBlob(base64) {
+  const base64Arr = base64.split(",");
+  let imgType = "";
+  let base64String = "";
+  if (base64Arr.length > 1) {
+    base64String = base64Arr[1];
+    imgType = base64Arr[0].substring(
+      base64Arr[0].indexOf(":") + 1,
+      base64Arr[0].indexOf(";")
+    );
+  }
+  const bytes = atob(base64String);
+  const bytesCode = new ArrayBuffer(bytes.length);
+  const byteArray = new Uint8Array(bytesCode);
+  for (let i = 0; i < bytes.length; i++) {
+    byteArray[i] = bytes.charCodeAt(i);
+  }
+  return new Blob([bytesCode], { type: imgType });
+}
+function base64ToUrl(base64) {
+  const blobData = convertBase64ToBlob(base64);
+  return blobToUrl(blobData);
+}
+function base64ToFile(base64) {
+  const blobData = convertBase64ToBlob(base64);
+  return structureFile(blobData);
+}
+function blobToBase64(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => resolve(reader.result);
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  });
+}
+export {
+  base64ToFile,
+  base64ToUrl,
+  blobToBase64,
+  blobToUrl,
+  convertBase64ToBlob,
+  structureFile
+};

package/dist/utils/utils-common.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @description 过滤对象中的空值
+ * @param obj 要过滤的对象
+ * @returns 过滤后的对象
+ */
+export declare function filterEmptyValues(obj: Record<string, any>): Record<string, any>;

package/dist/utils/utils-common.js

@@ -0,0 +1,15 @@
+function filterEmptyValues(obj) {
+  if (!obj || typeof obj !== "object") {
+    return {};
+  }
+  const filtered = {};
+  Object.entries(obj).forEach(([key, value]) => {
+    if (value !== "" && value !== null && value !== void 0) {
+      filtered[key] = value;
+    }
+  });
+  return filtered;
+}
+export {
+  filterEmptyValues
+};

package/dist/utils/utils-image.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 下载图片
+ * @param url 图片URL
+ */
+export declare function downloadImage(url: string): void;
+/**
+ * @description 获取网络图片
+ * @param url
+ */
+export declare function fetchHasOnlineFile(url: string): Promise<number | false>;
+/**
+ * @description 判断文件类型是否有效
+ * @param file
+ * @param validExtensions
+ * @param validMimeTypes
+ */
+export declare const isValidFileType: (file: File | string, validExtensions?: string[], validMimeTypes?: string[]) => boolean;
+/**
+ * @description 判断文件大小是否有效
+ * @param file
+ * @param maxSize
+ */
+export declare const isValidFileSize: (file: File, maxSize?: number) => boolean;
+/**
+ * @description getBase64 by tempUrl
+ * @param tempUrl
+ */
+export declare const getBase64Client: (tempUrl: string) => Promise<string>;
+/**
+ * @description 下载图片
+ * @param url
+ */
+export declare const downloadImageClient: (url: string) => Promise<void>;

package/dist/utils/utils-image.js

@@ -0,0 +1,57 @@
+import axios from "axios";
+import FileSaver from "file-saver";
+import { blobToBase64 } from "./utils-canvas.js";
+function downloadImage(url) {
+  const a = document.createElement("a");
+  a.href = url;
+  a.target = "_blank";
+  a.download = "my-labubu.png";
+  a.click();
+}
+async function fetchHasOnlineFile(url) {
+  const res = await fetch(url, {
+    method: "head"
+  });
+  if (res.status === 200) {
+    return Number(res.headers.get("Content-Length"));
+  } else {
+    return false;
+  }
+}
+const isValidFileType = (file, validExtensions = [".jpg", ".jpeg", ".png", ".gif", ".webp"], validMimeTypes = [
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/webp"
+]) => {
+  if (typeof file === "string") {
+    return validExtensions.some((ext) => file.toLowerCase().endsWith(ext));
+  } else if (file instanceof File) {
+    return validMimeTypes.includes(file.type);
+  }
+  return false;
+};
+const isValidFileSize = (file, maxSize = 10 * 1024 * 1024) => {
+  return file.size <= maxSize;
+};
+const getBase64Client = async (tempUrl) => {
+  const response = await fetch(tempUrl);
+  const blob = await response.blob();
+  const base64 = await blobToBase64(blob);
+  return base64;
+};
+const downloadImageClient = async (url) => {
+  const response = await axios.get(url, { responseType: "blob" });
+  const blob = response.data;
+  const tempUrl = URL.createObjectURL(blob);
+  const uuid = Math.random().toString(36).substring(2);
+  FileSaver.saveAs(tempUrl, `${uuid}.png`);
+};
+export {
+  downloadImage,
+  downloadImageClient,
+  fetchHasOnlineFile,
+  getBase64Client,
+  isValidFileSize,
+  isValidFileType
+};

package/dist/utils/utils-random.d.ts

@@ -0,0 +1 @@
+export declare const nanoid: (size?: number) => string;

package/dist/utils/utils-random.js

@@ -0,0 +1,6 @@
+import { customAlphabet } from "../node_modules/.pnpm/nanoid@5.1.5/node_modules/nanoid/index.browser.js";
+const alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+const nanoid = customAlphabet(alphabet, 16);
+export {
+  nanoid
+};

package/dist/utils/utils-time.d.ts

@@ -0,0 +1,49 @@
+/**
+ * 计算距离现在多少时间
+ * @param date 目标日期
+ * @param options 配置选项
+ * @returns 格式化的时间差字符串
+ */
+export declare function timeAgo(date: string | Date, options?: {
+    lang?: "zh" | "en";
+    showSeconds?: boolean;
+    showZero?: boolean;
+}): string;
+/**
+ * 格式化日期为相对时间（简化版）
+ * @param date 目标日期
+ * @returns 格式化的时间差字符串
+ */
+export declare function formatTimeAgo(date: string | Date): string;
+/**
+ * 获取详细的时间信息
+ * @param date 目标日期
+ * @returns 包含各种时间单位的对象
+ */
+export declare function getTimeDetails(date: string | Date): {
+    seconds: number;
+    minutes: number;
+    hours: number;
+    days: number;
+    weeks: number;
+    months: number;
+    years: number;
+    isValid: boolean;
+};
+/**
+ * 获取时间戳
+ * @returns 时间戳
+ */
+export declare const getTimestamp: () => number;
+/**
+ * 睡眠
+ * @param ms 睡眠时间
+ * @returns 睡眠后的Promise
+ */
+export declare const sleep: (ms: number) => Promise<unknown>;
+/**
+ * 格式化时间
+ * @param time 时间
+ * @returns 格式化后的时间
+ */
+export declare const formatTimeString: (time: Date) => string;

package/dist/utils/utils-time.js

@@ -0,0 +1,112 @@
+import dayjs from "dayjs";
+function timeAgo(date, options = {}) {
+  const { lang = "zh", showSeconds = false, showZero = false } = options;
+  const now = /* @__PURE__ */ new Date();
+  const targetDate = typeof date === "string" ? new Date(date) : date;
+  const diffInMs = now.getTime() - targetDate.getTime();
+  if (isNaN(diffInMs) || diffInMs < 0) {
+    return lang === "zh" ? "刚刚" : "just now";
+  }
+  const diffInSeconds = Math.floor(diffInMs / 1e3);
+  const diffInMinutes = Math.floor(diffInSeconds / 60);
+  const diffInHours = Math.floor(diffInMinutes / 60);
+  const diffInDays = Math.floor(diffInHours / 24);
+  const diffInWeeks = Math.floor(diffInDays / 7);
+  const diffInMonths = Math.floor(diffInDays / 30);
+  const diffInYears = Math.floor(diffInDays / 365);
+  if (lang === "zh") {
+    if (diffInYears > 0) {
+      return `${diffInYears}年前`;
+    }
+    if (diffInMonths > 0) {
+      return `${diffInMonths}个月前`;
+    }
+    if (diffInWeeks > 0) {
+      return `${diffInWeeks}周前`;
+    }
+    if (diffInDays > 0) {
+      return `${diffInDays}天前`;
+    }
+    if (diffInHours > 0) {
+      return `${diffInHours}小时前`;
+    }
+    if (diffInMinutes > 0) {
+      return `${diffInMinutes}分钟前`;
+    }
+    if (showSeconds && diffInSeconds > 0) {
+      return `${diffInSeconds}秒前`;
+    }
+    return showZero ? "0秒前" : "刚刚";
+  } else {
+    if (diffInYears > 0) {
+      return `${diffInYears} year${diffInYears > 1 ? "s" : ""} ago`;
+    }
+    if (diffInMonths > 0) {
+      return `${diffInMonths} month${diffInMonths > 1 ? "s" : ""} ago`;
+    }
+    if (diffInWeeks > 0) {
+      return `${diffInWeeks} week${diffInWeeks > 1 ? "s" : ""} ago`;
+    }
+    if (diffInDays > 0) {
+      return `${diffInDays} day${diffInDays > 1 ? "s" : ""} ago`;
+    }
+    if (diffInHours > 0) {
+      return `${diffInHours} hour${diffInHours > 1 ? "s" : ""} ago`;
+    }
+    if (diffInMinutes > 0) {
+      return `${diffInMinutes} minute${diffInMinutes > 1 ? "s" : ""} ago`;
+    }
+    if (showSeconds && diffInSeconds > 0) {
+      return `${diffInSeconds} second${diffInSeconds > 1 ? "s" : ""} ago`;
+    }
+    return showZero ? "0 seconds ago" : "just now";
+  }
+}
+function formatTimeAgo(date) {
+  return timeAgo(date, { lang: "en" });
+}
+function getTimeDetails(date) {
+  const now = /* @__PURE__ */ new Date();
+  const targetDate = typeof date === "string" ? new Date(date) : date;
+  const diffInMs = now.getTime() - targetDate.getTime();
+  if (isNaN(diffInMs) || diffInMs < 0) {
+    return {
+      seconds: 0,
+      minutes: 0,
+      hours: 0,
+      days: 0,
+      weeks: 0,
+      months: 0,
+      years: 0,
+      isValid: false
+    };
+  }
+  return {
+    seconds: Math.floor(diffInMs / 1e3),
+    minutes: Math.floor(diffInMs / (1e3 * 60)),
+    hours: Math.floor(diffInMs / (1e3 * 60 * 60)),
+    days: Math.floor(diffInMs / (1e3 * 60 * 60 * 24)),
+    weeks: Math.floor(diffInMs / (1e3 * 60 * 60 * 24 * 7)),
+    months: Math.floor(diffInMs / (1e3 * 60 * 60 * 24 * 30)),
+    years: Math.floor(diffInMs / (1e3 * 60 * 60 * 24 * 365)),
+    isValid: true
+  };
+}
+const getTimestamp = () => {
+  const time = Date.parse((/* @__PURE__ */ new Date()).toUTCString());
+  return time / 1e3;
+};
+const sleep = (ms) => {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+};
+const formatTimeString = (time) => {
+  return dayjs(time).format("YYYY-MM-DD HH:mm:ss");
+};
+export {
+  formatTimeAgo,
+  formatTimeString,
+  getTimeDetails,
+  getTimestamp,
+  sleep,
+  timeAgo
+};

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "dune-react",
+  "version": "0.0.1",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc --project tsconfig.build.json",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 8080",
+    "preview-storybook": "npx http-server storybook-static",
+    "build-storybook": "storybook build",
+    "deploy-storybook": "storybook-to-ghpages"
+  },
+  "dependencies": {
+    "@fluid-tailwind/tailwind-merge": "^0.0.3",
+    "@tsparticles/engine": "^3.9.1",
+    "@tsparticles/react": "^3.0.0",
+    "@tsparticles/slim": "^3.9.1",
+    "clsx": "^2.1.1",
+    "file-type": "12.4.1",
+    "js-sha1": "0.6.0",
+    "lucide-react": "^0.540.0",
+    "nanoid": "^5.1.5",
+    "path": "^0.12.7",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "4.1.11"
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "^9.1.2",
+    "@storybook/addon-links": "^9.1.2",
+    "@storybook/addon-onboarding": "9.1.2",
+    "@storybook/addon-themes": "^9.1.2",
+    "@storybook/react-vite": "^9.1.2",
+    "@storybook/storybook-deployer": "^2.8.16",
+    "@storybook/testing-library": "0.2.2",
+    "@tailwindcss/vite": "^4.1.12",
+    "@types/calendar": "^0.1.4",
+    "@types/file-saver": "^2.0.7",
+    "@types/js-sha1": "0.6.3",
+    "@types/less": "^3.0.4",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^20.8.3",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^9.1.2",
+    "motion": "^12.23.12",
+    "sass": "^1.90.0",
+    "sass-loader": "^16.0.5",
+    "storybook": "^9.1.2",
+    "typescript": "^5.0.2",
+    "vite": "^5.4.19"
+  },
+  "peerDependencies": {
+    "axios": "^1.11.0",
+    "dayjs": "^1.11.13",
+    "file-saver": "^2.0.5",
+    "lodash-es": "^4.17.21",
+    "motion": "^12.23.12",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "typings": "./dist/index.d.ts",
+  "resolutions": {
+    "string-width": "^4",
+    "jackspeak": "^2",
+    "strip-ansi": "^6"
+  }
+}