create-antd-layout 1.0.0

package/templates/antd-layout-vite-simple/src/pages/workend/product.tsx

@@ -0,0 +1,117 @@
+import React from 'react';
+import { Table } from 'antd';
+import type { TableColumnsType, TableProps } from 'antd';
+import { Container } from '@adminui-dev/antd-layout';
+
+interface DataType {
+  key: React.Key;
+  name: string;
+  age: number;
+  address: string;
+}
+
+const columns: TableColumnsType<DataType> = [
+  {
+    title: 'Name',
+    dataIndex: 'name',
+    showSorterTooltip: { target: 'full-header' },
+    filters: [
+      {
+        text: 'Joe',
+        value: 'Joe',
+      },
+      {
+        text: 'Jim',
+        value: 'Jim',
+      },
+      {
+        text: 'Submenu',
+        value: 'Submenu',
+        children: [
+          {
+            text: 'Green',
+            value: 'Green',
+          },
+          {
+            text: 'Black',
+            value: 'Black',
+          },
+        ],
+      },
+    ],
+    // specify the condition of filtering result
+    // here is that finding the name started with `value`
+    onFilter: (value, record) => record.name.indexOf(value as string) === 0,
+    sorter: (a, b) => a.name.length - b.name.length,
+    sortDirections: ['descend'],
+  },
+  {
+    title: 'Age',
+    dataIndex: 'age',
+    defaultSortOrder: 'descend',
+    sorter: (a, b) => a.age - b.age,
+  },
+  {
+    title: 'Address',
+    dataIndex: 'address',
+    filters: [
+      {
+        text: 'London',
+        value: 'London',
+      },
+      {
+        text: 'New York',
+        value: 'New York',
+      },
+    ],
+    onFilter: (value, record) => record.address.indexOf(value as string) === 0,
+  },
+];
+
+const data = [
+  {
+    key: '1',
+    name: 'John Brown',
+    age: 32,
+    address: 'New York No. 1 Lake Park',
+  },
+  {
+    key: '2',
+    name: 'Jim Green',
+    age: 42,
+    address: 'London No. 1 Lake Park',
+  },
+  {
+    key: '3',
+    name: 'Joe Black',
+    age: 32,
+    address: 'Sydney No. 1 Lake Park',
+  },
+  {
+    key: '4',
+    name: 'Jim Red',
+    age: 32,
+    address: 'London No. 2 Lake Park',
+  },
+];
+
+const onChange: TableProps<DataType>['onChange'] = (pagination, filters, sorter, extra) => {
+  console.log('params', pagination, filters, sorter, extra);
+};
+
+/**
+ * This is just a casual demo
+ * @returns 
+ */
+export default function(){
+    return(
+        <Container mode='panel'>
+            <Table<DataType>
+                columns={columns}
+                dataSource={data}
+                onChange={onChange}
+                showSorterTooltip={{ target: 'sorter-icon' }}
+            />
+        </Container>
+    )
+}

package/templates/antd-layout-vite-simple/src/routes.ts

@@ -0,0 +1,39 @@
+import { LazyPage } from "@adminui-dev/antd-layout"
+import { createBrowserRouter,redirect } from "react-router-dom"
+
+const DashboardLayout = LazyPage(()=>import("@/layouts"))
+const LoginPage = LazyPage(()=>import("@/pages/login"))
+const ConfigPage = LazyPage(()=>import("@/pages/system/config"))
+const LogsPage = LazyPage(()=>import("@/pages/system/logs"))
+const OrderPage = LazyPage(()=>import("@/pages/workend/order"))
+const ProductPage = LazyPage(()=>import("@/pages/workend/product"))
+const WelcomePage = LazyPage(()=>import("@/pages/welcome"))
+
+/**
+ * global router data
+ * standard react-router solution
+ * reference: https://reactrouter.com/start/data/routing
+ *  
+ */
+const routers = createBrowserRouter(
+    [
+       {path:"/",Component:DashboardLayout, children:[
+        {index:true,loader:()=>redirect("/welcome")},
+        {path:"welcome",Component:WelcomePage},
+        {path:"system",children:[
+            {index:true,loader:()=>redirect("/system/config")},
+            {path:"config",Component:ConfigPage},
+            {path:"logs",Component:LogsPage}
+        ]},
+        {path:"workend",children:[
+            {index:true,loader:()=>redirect("/workend/order")},
+            {path:"order",Component:OrderPage},
+            {path:"product",Component:ProductPage}
+        ]}
+       ]},
+       { path:"/login",Component:LoginPage }
+    ]
+)
+
+export { routers }
+

package/templates/antd-layout-vite-simple/tsconfig.app.json

@@ -0,0 +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": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/templates/antd-layout-vite-simple/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/templates/antd-layout-vite-simple/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/antd-layout-vite-simple/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path from "path"
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+})