@fakeoai/ui 0.0.0 → 0.0.1

package/README.md

@@ -15,7 +15,7 @@ pnpm add my-react-component-library
 ## 使用
 
 ```tsx
-import { Button, Card } from 'my-react-component-library';
+import { Button, Card } from "my-react-component-library";
 
 function App() {
   return (
@@ -35,16 +35,13 @@ function App() {
 按钮组件，支持多种样式和尺寸。
 
 ```tsx
-<Button 
-  variant="primary" 
-  size="md" 
-  onClick={() => console.log('clicked')}
->
+<Button variant="primary" size="md" onClick={() => console.log("clicked")}>
   按钮文本
 </Button>
 ```
 
 **Props:**
+
 - `variant`: 'primary' | 'secondary' | 'outline'
 - `size`: 'sm' | 'md' | 'lg'
 - `onClick`: () => void
@@ -62,6 +59,7 @@ function App() {
 ```
 
 **Props:**
+
 - `title`: string (可选)
 - `shadow`: 'sm' | 'md' | 'lg'
 - `className`: string

package/dist/index.d.mts

@@ -1,6 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SpinnerProps } from '@heroui/react';
+import { SpinnerProps, InputProps } from '@heroui/react';
+import React from 'react';
+import { ClassValue } from 'clsx';
 
 declare function Loading({ className, ...p }: SpinnerProps): react_jsx_runtime.JSX.Element;
 
-export { Loading };
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+declare function Progress(): null;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { Input, Loading, Progress, cn };

package/dist/index.mjs

@@ -26,7 +26,68 @@ function Loading({ className, ...p }) {
     }
   );
 }
+
+// src/components/input.tsx
+import { Input as NextInput } from "@heroui/react";
+import React from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Input = React.forwardRef(function Input2({ classNames, ...props }, ref) {
+  return /* @__PURE__ */ jsx2(
+    NextInput,
+    {
+      ref,
+      ...props,
+      classNames: {
+        ...classNames ?? {},
+        label: cn(
+          "group-data-[filled-within=true]:!-translate-y-1/2 group-data-[filled-within=true]:top-0 bg-transparent group-data-[filled-within=true]:bg-white group-data-[filled-within=true]:dark:bg-black transition-[transform,color,left,opacity,background] px-1",
+          classNames?.label
+        ),
+        input: cn("h-full", classNames?.input)
+      }
+    }
+  );
+});
+
+// src/components/nprogress.tsx
+import NProgress from "nprogress";
+import { useEffect } from "react";
+NProgress.configure({ showSpinner: false });
+function Progress() {
+  useEffect(() => {
+    let lastHref = window.location.href;
+    const handleRouteChange = () => {
+      NProgress.start();
+      const timer = setTimeout(() => NProgress.done(), 100);
+      return () => {
+        clearTimeout(timer);
+        NProgress.done();
+      };
+    };
+    const observer = new MutationObserver(() => {
+      const currentHref = window.location.href;
+      if (currentHref !== lastHref) {
+        lastHref = currentHref;
+        handleRouteChange();
+      }
+    });
+    observer.observe(document, {
+      subtree: true,
+      childList: true
+    });
+    window.addEventListener("popstate", handleRouteChange);
+    handleRouteChange();
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("popstate", handleRouteChange);
+    };
+  }, []);
+  return null;
+}
 export {
-  Loading
+  Input,
+  Loading,
+  Progress,
+  cn
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/loading.tsx","../src/utils/clsx.ts"],"sourcesContent":["import { Spinner, SpinnerProps } from \"@heroui/react\";\nimport { cn } from \"../utils/clsx\";\n\nexport function Loading({ className, ...p }: SpinnerProps) {\n  return (\n    <Spinner\n      color=\"default\"\n      className={cn(\"absolute inset-0\", className)}\n      label=\"加载中...\"\n      classNames={{\n        circle2: \"border-b-foreground\",\n        circle1: \"border-b-foreground\",\n        label: \"text-sm mt-2\",\n      }}\n      {...p}\n    />\n  );\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,SAAS,eAA6B;;;ACAtC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADAI;AAFG,SAAS,QAAQ,EAAE,WAAW,GAAG,EAAE,GAAiB;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC3C,OAAM;AAAA,MACN,YAAY;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../src/components/loading.tsx","../src/utils/clsx.ts","../src/components/input.tsx","../src/components/nprogress.tsx"],"sourcesContent":["import { Spinner, SpinnerProps } from \"@heroui/react\";\nimport { cn } from \"../utils/clsx\";\n\nexport function Loading({ className, ...p }: SpinnerProps) {\n  return (\n    <Spinner\n      color=\"default\"\n      className={cn(\"absolute inset-0\", className)}\n      label=\"加载中...\"\n      classNames={{\n        circle2: \"border-b-foreground\",\n        circle1: \"border-b-foreground\",\n        label: \"text-sm mt-2\"\n      }}\n      {...p}\n    />\n  );\n}\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { Input as NextInput, InputProps } from \"@heroui/react\";\nimport React from \"react\";\nimport { cn } from \"../utils/clsx\";\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(function Input(\n  { classNames, ...props },\n  ref\n) {\n  return (\n    <NextInput\n      ref={ref}\n      {...(props as any)}\n      classNames={{\n        ...(classNames ?? {}),\n        label: cn(\n          \"group-data-[filled-within=true]:!-translate-y-1/2 group-data-[filled-within=true]:top-0 bg-transparent group-data-[filled-within=true]:bg-white group-data-[filled-within=true]:dark:bg-black transition-[transform,color,left,opacity,background] px-1\",\n          classNames?.label\n        ),\n        input: cn(\"h-full\", classNames?.input)\n      }}\n    />\n  );\n});\n","import NProgress from \"nprogress\";\nimport { useEffect } from \"react\";\n\nNProgress.configure({ showSpinner: false });\n\nexport function Progress() {\n  useEffect(() => {\n    let lastHref = window.location.href;\n\n    const handleRouteChange = () => {\n      NProgress.start();\n      const timer = setTimeout(() => NProgress.done(), 100);\n      return () => {\n        clearTimeout(timer);\n        NProgress.done();\n      };\n    };\n\n    const observer = new MutationObserver(() => {\n      const currentHref = window.location.href;\n      if (currentHref !== lastHref) {\n        lastHref = currentHref;\n        handleRouteChange();\n      }\n    });\n\n    observer.observe(document, {\n      subtree: true,\n      childList: true\n    });\n\n    window.addEventListener(\"popstate\", handleRouteChange);\n\n    handleRouteChange();\n\n    return () => {\n      observer.disconnect();\n      window.removeEventListener(\"popstate\", handleRouteChange);\n    };\n  }, []);\n\n  return null;\n}\n"],"mappings":";AAAA,SAAS,eAA6B;;;ACAtC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADAI;AAFG,SAAS,QAAQ,EAAE,WAAW,GAAG,EAAE,GAAiB;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC3C,OAAM;AAAA,MACN,YAAY;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;AEjBA,SAAS,SAAS,iBAA6B;AAC/C,OAAO,WAAW;AAQd,gBAAAA,YAAA;AALG,IAAM,QAAQ,MAAM,WAAyC,SAASC,OAC3E,EAAE,YAAY,GAAG,MAAM,GACvB,KACA;AACA,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAI;AAAA,MACL,YAAY;AAAA,QACV,GAAI,cAAc,CAAC;AAAA,QACnB,OAAO;AAAA,UACL;AAAA,UACA,YAAY;AAAA,QACd;AAAA,QACA,OAAO,GAAG,UAAU,YAAY,KAAK;AAAA,MACvC;AAAA;AAAA,EACF;AAEJ,CAAC;;;ACtBD,OAAO,eAAe;AACtB,SAAS,iBAAiB;AAE1B,UAAU,UAAU,EAAE,aAAa,MAAM,CAAC;AAEnC,SAAS,WAAW;AACzB,YAAU,MAAM;AACd,QAAI,WAAW,OAAO,SAAS;AAE/B,UAAM,oBAAoB,MAAM;AAC9B,gBAAU,MAAM;AAChB,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAG;AACpD,aAAO,MAAM;AACX,qBAAa,KAAK;AAClB,kBAAU,KAAK;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,WAAW,IAAI,iBAAiB,MAAM;AAC1C,YAAM,cAAc,OAAO,SAAS;AACpC,UAAI,gBAAgB,UAAU;AAC5B,mBAAW;AACX,0BAAkB;AAAA,MACpB;AAAA,IACF,CAAC;AAED,aAAS,QAAQ,UAAU;AAAA,MACzB,SAAS;AAAA,MACT,WAAW;AAAA,IACb,CAAC;AAED,WAAO,iBAAiB,YAAY,iBAAiB;AAErD,sBAAkB;AAElB,WAAO,MAAM;AACX,eAAS,WAAW;AACpB,aAAO,oBAAoB,YAAY,iBAAiB;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":["jsx","Input"]}

package/dist/style.css

@@ -0,0 +1 @@
+@import url("nprogress/nprogress.css");

package/dist/style.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@fakeoai/ui",
-  "version": "0.0.0",
+  "version": "0.0.1",
+  "description": "A modern React component library",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -9,12 +10,14 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
-    }
+    },
+    "./style": "./dist/src/style.css"
   },
   "files": [
     "dist"
   ],
   "scripts": {
+    "format": "prettier --write .",
     "build": "tsup",
     "dev": "tsup --watch",
     "prepublishOnly": "npm run build"
@@ -25,7 +28,7 @@
     "ui",
     "typescript"
   ],
-  "author": "fakeoai",
+  "author": "Your Name",
   "license": "MIT",
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -34,13 +37,16 @@
   "dependencies": {
     "@heroui/react": "^2.8.4",
     "clsx": "^2.1.1",
+    "nprogress": "^0.2.0",
     "tailwind-merge": "^3.3.1",
     "tsup": "^8.5.0",
     "tsx": "^4.20.5",
     "typescript": "^5.9.2"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0"
+    "@types/nprogress": "^0.2.3",
+    "@types/react": "^19.1.13",
+    "@types/react-dom": "^19.1.9",
+    "prettier": "^3.6.2"
   }
-}
+}

package/dist/index.d.ts

@@ -1,6 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SpinnerProps } from '@heroui/react';
-
-declare function Loading({ className, ...p }: SpinnerProps): react_jsx_runtime.JSX.Element;
-
-export { Loading };

package/dist/index.js

@@ -1,59 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// index.tsx
-var index_exports = {};
-__export(index_exports, {
-  Loading: () => Loading
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/components/loading.tsx
-var import_react = require("@heroui/react");
-
-// src/utils/clsx.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/components/loading.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function Loading({ className, ...p }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.Spinner,
-    {
-      color: "default",
-      className: cn("absolute inset-0", className),
-      label: "\u52A0\u8F7D\u4E2D...",
-      classNames: {
-        circle2: "border-b-foreground",
-        circle1: "border-b-foreground",
-        label: "text-sm mt-2"
-      },
-      ...p
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Loading
-});
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../index.tsx","../src/components/loading.tsx","../src/utils/clsx.ts"],"sourcesContent":["export * from \"./src/components\";\n","import { Spinner, SpinnerProps } from \"@heroui/react\";\nimport { cn } from \"../utils/clsx\";\n\nexport function Loading({ className, ...p }: SpinnerProps) {\n  return (\n    <Spinner\n      color=\"default\"\n      className={cn(\"absolute inset-0\", className)}\n      label=\"加载中...\"\n      classNames={{\n        circle2: \"border-b-foreground\",\n        circle1: \"border-b-foreground\",\n        label: \"text-sm mt-2\",\n      }}\n      {...p}\n    />\n  );\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAsC;;;ACAtC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADAI;AAFG,SAAS,QAAQ,EAAE,WAAW,GAAG,EAAE,GAAiB;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC3C,OAAM;AAAA,MACN,YAAY;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}