create-project-template-cli 1.0.0 → 1.0.1

package/template/react-shadcn/src/views/404/index.scss

@@ -1,133 +1,133 @@
-.error-container {
-  width: 100%;
-  max-width: 600px;
-  margin: auto;
-  margin-top: 20px;
-  padding: 60px 30px;
-  border-radius: 12px;
-  background: #fff;
-  box-shadow: 0 8px 32px rgb(0 0 0 / 8%);
-  text-align: center;
-  transition: transform 0.3s ease;
-}
-
-.error-container:hover {
-  transform: translateY(-5px);
-}
-
-.error-code {
-  position: relative;
-  margin-bottom: 20px;
-  color: #3498db;
-  font-weight: 700;
-  font-size: 8rem;
-}
-
-.error-code::after {
-  content: "";
-  position: absolute;
-  bottom: -10px;
-  left: 50%;
-  width: 80px;
-  height: 4px;
-  border-radius: 2px;
-  background: #3498db;
-  transform: translateX(-50%);
-  animation: line-pulse 2s infinite;
-}
-
-.error-title {
-  margin-bottom: 15px;
-  color: #2c3e50;
-  font-size: 1.8rem;
-}
-
-.error-desc {
-  margin-bottom: 30px;
-  color: #7f8c8d;
-  font-size: 1rem;
-  line-height: 1.6;
-}
-
-.btn-group {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 15px;
-  justify-content: center;
-}
-
-.btn {
-  padding: 12px 24px;
-  border: none;
-  border-radius: 6px;
-  font-weight: 500;
-  font-size: 1rem;
-  text-decoration: none;
-  cursor: pointer;
-  transition: all 0.3s ease;
-}
-
-.btn-back {
-  background-color: #3498db;
-  color: #fff;
-}
-
-.btn-back:hover {
-  background-color: #2980b9;
-  transform: translateY(-2px);
-}
-
-.btn-home {
-  border: 1px solid #3498db;
-  background-color: #fff;
-  color: #3498db;
-}
-
-.btn-home:hover {
-  background-color: #f0f7ff;
-  transform: translateY(-2px);
-}
-
-@keyframes line-pulse {
-  0% {
-    width: 80px;
-  }
-
-  50% {
-    width: 120px;
-  }
-
-  100% {
-    width: 80px;
-  }
-}
-
-/* 移动端适配 */
-@media (width <= 768px) {
-  .error-code {
-    font-size: 6rem;
-  }
-
-  .error-title {
-    font-size: 1.5rem;
-  }
-
-  .error-container {
-    padding: 40px 20px;
-  }
-}
-
-@media (width <= 480px) {
-  .error-code {
-    font-size: 4.5rem;
-  }
-
-  .btn-group {
-    flex-direction: column;
-    gap: 10px;
-  }
-
-  .btn {
-    width: 100%;
-  }
-}
+.error-container {
+  width: 100%;
+  max-width: 600px;
+  margin: auto;
+  margin-top: 20px;
+  padding: 60px 30px;
+  border-radius: 12px;
+  background: #fff;
+  box-shadow: 0 8px 32px rgb(0 0 0 / 8%);
+  text-align: center;
+  transition: transform 0.3s ease;
+}
+
+.error-container:hover {
+  transform: translateY(-5px);
+}
+
+.error-code {
+  position: relative;
+  margin-bottom: 20px;
+  color: #3498db;
+  font-weight: 700;
+  font-size: 8rem;
+}
+
+.error-code::after {
+  content: "";
+  position: absolute;
+  bottom: -10px;
+  left: 50%;
+  width: 80px;
+  height: 4px;
+  border-radius: 2px;
+  background: #3498db;
+  transform: translateX(-50%);
+  animation: line-pulse 2s infinite;
+}
+
+.error-title {
+  margin-bottom: 15px;
+  color: #2c3e50;
+  font-size: 1.8rem;
+}
+
+.error-desc {
+  margin-bottom: 30px;
+  color: #7f8c8d;
+  font-size: 1rem;
+  line-height: 1.6;
+}
+
+.btn-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+  justify-content: center;
+}
+
+.btn {
+  padding: 12px 24px;
+  border: none;
+  border-radius: 6px;
+  font-weight: 500;
+  font-size: 1rem;
+  text-decoration: none;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.btn-back {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.btn-back:hover {
+  background-color: #2980b9;
+  transform: translateY(-2px);
+}
+
+.btn-home {
+  border: 1px solid #3498db;
+  background-color: #fff;
+  color: #3498db;
+}
+
+.btn-home:hover {
+  background-color: #f0f7ff;
+  transform: translateY(-2px);
+}
+
+@keyframes line-pulse {
+  0% {
+    width: 80px;
+  }
+
+  50% {
+    width: 120px;
+  }
+
+  100% {
+    width: 80px;
+  }
+}
+
+/* 移动端适配 */
+@media (width <= 768px) {
+  .error-code {
+    font-size: 6rem;
+  }
+
+  .error-title {
+    font-size: 1.5rem;
+  }
+
+  .error-container {
+    padding: 40px 20px;
+  }
+}
+
+@media (width <= 480px) {
+  .error-code {
+    font-size: 4.5rem;
+  }
+
+  .btn-group {
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .btn {
+    width: 100%;
+  }
+}

package/template/react-shadcn/src/views/404/index.tsx

@@ -1,27 +1,27 @@
-import './index.scss';
-import { useNavigate } from 'react-router-dom';
-function NotFound() {
-    const navigate = useNavigate();
-    const change = () => {
-
-    };
-    // 跳转到首页
-    const indexUrl = () => {
-        navigate('/');
-    };
-    return (
-        <div className="error-container">
-            <div className="error-code">404</div>
-            <h1 className="error-title">页面好像迷路了</h1>
-            <p className="error-desc">
-                很抱歉，你访问的页面不存在、已被删除或暂时无法访问<br ></br>
-                可能是链接错误，也可能是页面已迁移到其他地址
-            </p>
-            <div className="btn-group">
-                <button className="btn btn-back" onClick={change}>返回上一页</button>
-                <button className="btn btn-home" onClick={indexUrl}>返回首页</button>
-            </div>
-        </div>
-    );
-}
+import './index.scss';
+import { useNavigate } from 'react-router-dom';
+function NotFound() {
+    const navigate = useNavigate();
+    const change = () => {
+
+    };
+    // 跳转到首页
+    const indexUrl = () => {
+        navigate('/');
+    };
+    return (
+        <div className="error-container">
+            <div className="error-code">404</div>
+            <h1 className="error-title">页面好像迷路了</h1>
+            <p className="error-desc">
+                很抱歉，你访问的页面不存在、已被删除或暂时无法访问<br ></br>
+                可能是链接错误，也可能是页面已迁移到其他地址
+            </p>
+            <div className="btn-group">
+                <button className="btn btn-back" onClick={change}>返回上一页</button>
+                <button className="btn btn-home" onClick={indexUrl}>返回首页</button>
+            </div>
+        </div>
+    );
+}
 export default NotFound;

package/template/react-shadcn/src/views/Index/index.tsx

@@ -1,8 +1,8 @@
-function Index() {
-    return (
-        <div>
-            <h1>Index</h1>
-        </div>
-    );
-}
+function Index() {
+    return (
+        <div>
+            <h1>Index</h1>
+        </div>
+    );
+}
 export default Index;

package/template/react-shadcn/src/views/index.tsx

@@ -1,59 +1,59 @@
-import { Outlet } from 'react-router-dom';
-import { useState } from 'react';
-import {
-    NavigationMenu,
-
-
-    NavigationMenuItem,
-    NavigationMenuLink,
-    NavigationMenuList,
-    navigationMenuTriggerStyle
-
-} from "@/components/ui/navigation-menu";
-import { useNavigate } from 'react-router-dom';
-const navItems = [
-    {
-        label: '首页',
-        path: '/',
-    },
-    {
-        label: '直播',
-        path: '/live',
-    },
-    {
-        label: '设备',
-        path: '/device',
-    },
-];
-
-function ROOT() {
-    const navigate = useNavigate();
-    const [currentPath, setCurrentPath] = useState('/');
-    const setCurrentPaths = (path: string) => {
-        setCurrentPath(path);
-        console.log(path);
-        // 跳转
-        // router.navigate(path);
-        navigate(path);
-    };
-    return (
-        <div>
-            <nav className='nav '>
-                <NavigationMenu>
-                    <NavigationMenuList>
-                        <NavigationMenuItem>
-
-                            {navItems.map((item) => (
-                                <NavigationMenuLink asChild key={item.path} >
-                                    <div className={`${navigationMenuTriggerStyle()} cursor-pointer py-6`} onClick={() => setCurrentPaths(item.path)}>{item.label}</div>
-                                </NavigationMenuLink>
-                            ))}
-                        </NavigationMenuItem>
-                    </NavigationMenuList>
-                </NavigationMenu>
-            </nav>
-            <div className='content'><Outlet /></div>
-        </div>
-    );
-}
+import { Outlet } from 'react-router-dom';
+import { useState } from 'react';
+import {
+    NavigationMenu,
+
+
+    NavigationMenuItem,
+    NavigationMenuLink,
+    NavigationMenuList,
+    navigationMenuTriggerStyle
+
+} from "@/components/ui/navigation-menu";
+import { useNavigate } from 'react-router-dom';
+const navItems = [
+    {
+        label: '首页',
+        path: '/',
+    },
+    {
+        label: '直播',
+        path: '/live',
+    },
+    {
+        label: '设备',
+        path: '/device',
+    },
+];
+
+function ROOT() {
+    const navigate = useNavigate();
+    const [currentPath, setCurrentPath] = useState('/');
+    const setCurrentPaths = (path: string) => {
+        setCurrentPath(path);
+        console.log(path);
+        // 跳转
+        // router.navigate(path);
+        navigate(path);
+    };
+    return (
+        <div>
+            <nav className='nav '>
+                <NavigationMenu>
+                    <NavigationMenuList>
+                        <NavigationMenuItem>
+
+                            {navItems.map((item) => (
+                                <NavigationMenuLink asChild key={item.path} >
+                                    <div className={`${navigationMenuTriggerStyle()} cursor-pointer py-6`} onClick={() => setCurrentPaths(item.path)}>{item.label}</div>
+                                </NavigationMenuLink>
+                            ))}
+                        </NavigationMenuItem>
+                    </NavigationMenuList>
+                </NavigationMenu>
+            </nav>
+            <div className='content'><Outlet /></div>
+        </div>
+    );
+}
 export default ROOT;

package/template/react-shadcn/tsconfig.app.json

@@ -1,33 +1,33 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": false,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "ignoreDeprecations": "6.0",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["src"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": false,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "ignoreDeprecations": "6.0",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/template/react-shadcn/tsconfig.json

@@ -1,13 +1,13 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ],
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
-}
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/template/react-shadcn/tsconfig.node.json

@@ -1,32 +1,32 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": [],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    "jsx": "react-jsx", // 支持 React 17+ 的 JSX 转换,
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": false,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "ignoreDeprecations": "6.0",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": [],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    "jsx": "react-jsx", // 支持 React 17+ 的 JSX 转换,
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": false,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "ignoreDeprecations": "6.0",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["vite.config.ts"]
+}