@_tc/template-core 0.0.3 → 0.1.1

package/fe/packages/ui/react/components/table/table.d.ts

@@ -4,6 +4,7 @@ type TableFixedCellProps = {
     fixed?: TableFixed;
     fixedOffset?: React.CSSProperties['left'];
     fixedShadow?: boolean;
+    fixedActive?: boolean;
     fixedZIndex?: React.CSSProperties['zIndex'];
 };
 declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & {
@@ -17,6 +18,8 @@ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<
 declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
 declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & {
     isAction?: boolean;
+    showSeparator?: boolean;
+    hideSeparatorWhenFixedActive?: boolean;
 } & TableFixedCellProps & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & {
     isAction?: boolean;

package/fe/packages/ui/react/components/table/table.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../lib/utils';
 import * as React from 'react';
 const fixedShadowClassNames = {
@@ -40,7 +40,7 @@ const isFixedCellActive = (cell, fixed, containerRect) => {
 const updateFixedSideState = (row, fixed, containerRect, canShow) => {
     if (!canShow)
         return;
-    const cells = Array.from(row.querySelectorAll(`[data-tc-table-fixed="${fixed}"][data-tc-table-fixed-shadow="true"]`));
+    const cells = Array.from(row.querySelectorAll(`[data-tc-table-fixed="${fixed}"][data-tc-table-fixed-active="true"]`));
     const activeCells = cells.filter((cell) => isFixedCellActive(cell, fixed, containerRect));
     if (activeCells.length === 0)
         return;
@@ -103,12 +103,12 @@ const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tf
 TableFooter.displayName = 'TableFooter';
 const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn('tc-ui-table-row border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className), ...props })));
 TableRow.displayName = 'TableRow';
-const TableHead = React.forwardRef(({ className, isAction, fixed, fixedOffset, fixedShadow = true, fixedZIndex = 10, style, ...props }, ref) => {
-    return (_jsx("th", { ref: ref, "data-tc-table-fixed": fixed, "data-tc-table-fixed-shadow": fixed && fixedShadow ? 'true' : undefined, className: cn('tc-ui-table-head h-12 px-4 text-left align-middle text-xs font-normal', 'text-table-head-text', isAction && 'bg-table-header text-table-head-text w-[96px] text-center', fixed && 'data-[fixed-active=true]:bg-table-header', fixed && fixedShadow && fixedShadowClassNames[fixed], className), style: getFixedCellStyle({ fixed, fixedOffset, fixedZIndex, style }), ...props }));
+const TableHead = React.forwardRef(({ className, children, isAction, showSeparator = true, hideSeparatorWhenFixedActive, fixed, fixedOffset, fixedShadow = true, fixedActive = true, fixedZIndex = 10, style, ...props }, ref) => {
+    return (_jsxs("th", { ref: ref, "data-tc-table-fixed": fixed, "data-tc-table-fixed-shadow": fixed && fixedShadow ? 'true' : undefined, "data-tc-table-fixed-active": fixed && fixedActive ? 'true' : undefined, "data-hide-separator-when-fixed-active": hideSeparatorWhenFixedActive ? 'true' : undefined, className: cn('tc-ui-table-head relative h-12 px-4 text-left align-middle text-xs font-normal', 'text-table-head-text', 'first:[&>.tc-ui-table-head-separator]:hidden', isAction && 'bg-table-header text-table-head-text w-[96px] text-center', fixed && 'data-[fixed-active=true]:bg-table-header', fixed && fixedShadow && fixedShadowClassNames[fixed], className), style: getFixedCellStyle({ fixed, fixedOffset, fixedZIndex, style }), ...props, children: [showSeparator && (_jsx("span", { "aria-hidden": "true", className: "tc-ui-table-head-separator pointer-events-none absolute left-0 top-1/2 h-5 w-px -translate-y-1/2 bg-[hsl(var(--table-head-text)/0.5)]" })), children] }));
 });
 TableHead.displayName = 'TableHead';
-const TableCell = React.forwardRef(({ className, isAction, fixed, fixedOffset, fixedShadow = true, fixedZIndex = 1, style, ...props }, ref) => {
-    return (_jsx("td", { ref: ref, "data-tc-table-fixed": fixed, "data-tc-table-fixed-shadow": fixed && fixedShadow ? 'true' : undefined, className: cn('tc-ui-table-cell p-4 align-middle text-sm font-normal', 'text-table-cell-text', isAction && 'text-table-action-text w-[96px] text-center', isAction && !fixed && 'bg-background', fixed && 'data-[fixed-active=true]:bg-background', fixed && fixedShadow && fixedShadowClassNames[fixed], className), style: getFixedCellStyle({ fixed, fixedOffset, fixedZIndex, style }), ...props }));
+const TableCell = React.forwardRef(({ className, isAction, fixed, fixedOffset, fixedShadow = true, fixedActive = true, fixedZIndex = 1, style, ...props }, ref) => {
+    return (_jsx("td", { ref: ref, "data-tc-table-fixed": fixed, "data-tc-table-fixed-shadow": fixed && fixedShadow ? 'true' : undefined, "data-tc-table-fixed-active": fixed && fixedActive ? 'true' : undefined, className: cn('tc-ui-table-cell p-4 align-middle text-sm font-normal', 'text-table-cell-text', isAction && 'text-table-action-text w-[96px] text-center', isAction && !fixed && 'bg-background', fixed && 'data-[fixed-active=true]:bg-background', fixed && fixedShadow && fixedShadowClassNames[fixed], className), style: getFixedCellStyle({ fixed, fixedOffset, fixedZIndex, style }), ...props }));
 });
 TableCell.displayName = 'TableCell';
 const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn('tc-ui-table-caption mt-4 text-sm text-muted-foreground', className), ...props })));

package/fe/packages/ui/react/components/testPage/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Checkbox, ConfirmDialog, DataTable, Drawer, Dropdown, Form, FormItem, ImageUpload, Input, InputNumber, Label, message, Modal, modal, Pagination, PreviewImage, SchemaForm, Search, Select, Skeleton, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, TableSearch, Textarea, Tooltip, TreeSelect, useForm, } from '../../components';
+import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, Checkbox, ConfirmDialog, DataTable, Drawer, Dropdown, Form, FormItem, ImageUpload, Input, InputNumber, Label, Layout, Loading, message, Modal, modal, Notification, Pagination, PreviewImage, Radio, RadioGroup, SchemaForm, Search, Select, Skeleton, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, TableSearch, Tabs, Textarea, Tooltip, TreeSelect, useForm, } from '../../components';
 import React, { useEffect, useRef, useState } from 'react';
 import DateTestPage from '../Date/DateTestPage';
 import MenuTestPage from './MenuTestPage';
@@ -158,16 +158,16 @@ function DataTableDemo() {
         { key: 'name', title: '姓名' },
         { key: 'role', title: '角色1', fixed: 'left' },
         { key: 'status', title: '状态1', fixed: 'left' },
-        { key: 'role', title: '角色2s' },
-        { key: 'status', title: '状态2' },
-        { key: 'role', title: '角色1' },
-        { key: 'status', title: '状态1' },
-        { key: 'role', title: '角色2s' },
-        { key: 'status', title: '状态2' },
-        { key: 'role', title: '角色1' },
-        { key: 'status', title: '状态1' },
-        { key: 'role', title: '角色2s' },
+        { key: 'role', title: '角色2' },
         { key: 'status', title: '状态2' },
+        { key: 'role', title: '角色3' },
+        { key: 'status', title: '状态3' },
+        { key: 'role', title: '角色4' },
+        { key: 'status', title: '状态4' },
+        { key: 'role', title: '角色5' },
+        { key: 'status', title: '状态5' },
+        { key: 'role', title: '角色6' },
+        { key: 'status', title: '状态6' },
         { key: 'role', title: '角色', fixed: 'right' },
         { key: 'status', title: '状态' },
         {
@@ -330,8 +330,51 @@ function ImageUploadDemo() {
                 return parseInt(Math.random() * 10 + '') % 2 === 0;
             } }) }));
 }
+// ─── Radio ───────────────────────────────────────────────────────────────────
+function RadioDemo() {
+    const [selected, setSelected] = useState('a');
+    const [groupValue, setGroupValue] = useState('green');
+    const options = [
+        { label: '选项 A', value: 'a' },
+        { label: '选项 B', value: 'b' },
+        { label: '选项 C', value: 'c' },
+    ];
+    return (_jsxs(Section, { title: "Radio", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["\u53D7\u63A7: ", selected] }), options.map((opt) => (_jsx(Radio, { name: "demo-radio", label: opt.label, checked: selected === opt.value, onChange: () => setSelected(opt.value) }, opt.value)))] }), _jsxs("div", { className: "space-y-2 ml-8", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "\u975E\u53D7\u63A7\u9ED8\u8BA4\u9009\u4E2D" }), _jsx(Radio, { name: "demo-radio-2", label: "\u9ED8\u8BA4\u9009\u4E2D", defaultChecked: true }), _jsx(Radio, { name: "demo-radio-2", label: "\u7981\u7528\u72B6\u6001", disabled: true }), _jsx(Radio, { name: "demo-radio-2", label: "\u7981\u7528\u4E14\u9009\u4E2D", disabled: true, defaultChecked: true })] }), _jsxs("div", { className: "w-full ml-8 space-y-2", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["RadioGroup \u5782\u76F4\u5E03\u5C40: ", groupValue] }), _jsxs(RadioGroup, { name: "demo-group", value: groupValue, onChange: setGroupValue, children: [_jsx(Radio, { value: "default", label: "\u9ED8\u8BA4\u4E3B\u9898" }), _jsx(Radio, { value: "green", label: "\u7EFF\u8272\u4E3B\u9898" }), _jsx(Radio, { value: "gray", label: "\u7070\u8272\u4E3B\u9898" })] })] }), _jsxs("div", { className: "w-full ml-8 space-y-2", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "RadioGroup \u6C34\u5E73\u5E03\u5C40 (\u975E\u53D7\u63A7)" }), _jsxs(RadioGroup, { name: "demo-group-2", defaultValue: "b", direction: "horizontal", children: [_jsx(Radio, { value: "a", label: "\u9009\u9879 A" }), _jsx(Radio, { value: "b", label: "\u9009\u9879 B" }), _jsx(Radio, { value: "c", label: "\u9009\u9879 C" }), _jsx(Radio, { value: "d", label: "\u7981\u7528\u9009\u9879", disabled: true })] })] })] }));
+}
+// ─── Notification ────────────────────────────────────────────────────────────
+function NotificationDemo() {
+    return (_jsx(Section, { title: "Notification", children: _jsxs("div", { className: "w-full space-y-3", children: [_jsx(Notification, { type: "info", title: "\u4FE1\u606F\u63D0\u793A", message: "\u8FD9\u662F\u4E00\u6761\u666E\u901A\u4FE1\u606F\u901A\u77E5\u3002" }), _jsx(Notification, { type: "success", title: "\u64CD\u4F5C\u6210\u529F", message: "\u6570\u636E\u5DF2\u6210\u529F\u4FDD\u5B58\u3002" }), _jsx(Notification, { type: "warning", title: "\u8B66\u544A", message: "\u8BF7\u6CE8\u610F\u68C0\u67E5\u914D\u7F6E\u9879\u662F\u5426\u6B63\u786E\u3002" }), _jsx(Notification, { type: "error", title: "\u9519\u8BEF", message: "\u8BF7\u6C42\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002", closable: false }), _jsx(Notification, { type: "info", title: "\u4E0D\u81EA\u52A8\u5173\u95ED", message: "\u6B64\u901A\u77E5\u9700\u8981\u624B\u52A8\u5173\u95ED\u3002", duration: 0 })] }) }));
+}
+// ─── Loading ─────────────────────────────────────────────────────────────────
+function LoadingDemo() {
+    return (_jsx(Section, { title: "Loading", children: _jsxs("div", { className: "flex items-end gap-8", children: [_jsx(Loading, { size: "sm", text: "\u52A0\u8F7D\u4E2D..." }), _jsx(Loading, { size: "md", text: "\u52A0\u8F7D\u4E2D..." }), _jsx(Loading, { size: "lg" })] }) }));
+}
+// ─── Layout ──────────────────────────────────────────────────────────────────
+function LayoutDemo() {
+    return (_jsx(Section, { title: "Layout", children: _jsx("div", { className: "w-full h-80 border rounded-lg overflow-hidden", children: _jsx(Layout, { header: _jsx("div", { className: "flex items-center h-12 px-4 text-sm font-medium", children: "Header" }), sidebar: _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Sidebar" }), _jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer", children: "\u83DC\u5355\u9879 1" }), _jsx("div", { className: "text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer", children: "\u83DC\u5355\u9879 2" }), _jsx("div", { className: "text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer", children: "\u83DC\u5355\u9879 3" })] })] }), footer: _jsx("div", { className: "flex items-center h-10 px-4 text-xs text-muted-foreground", children: "Footer" }), children: _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-sm font-medium mb-1", children: "Content" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "\u8FD9\u662F\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\u3002" })] }) }) }) }));
+}
+// ─── Card ────────────────────────────────────────────────────────────────────
+function CardDemo() {
+    return (_jsxs(Section, { title: "Card", children: [_jsx("div", { className: "w-72", children: _jsx(Card, { header: _jsx("span", { className: "text-sm font-medium", children: "\u5361\u7247\u6807\u9898" }), footer: _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { size: "sm", children: "\u53D6\u6D88" }), _jsx(Button, { variant: "primary", size: "sm", children: "\u786E\u8BA4" })] }), children: _jsx("p", { className: "text-sm text-muted-foreground", children: "\u8FD9\u662F\u4E00\u5F20\u57FA\u7840\u5361\u7247\uFF0C\u5305\u542B header\u3001body \u548C footer \u4E09\u4E2A\u533A\u57DF\u3002" }) }) }), _jsx("div", { className: "w-72", children: _jsx(Card, { className: "border-theme", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "\u65E0 header/footer \u7684\u7B80\u6D01\u5361\u7247\u3002" }) }) })] }));
+}
+// ─── Tabs ────────────────────────────────────────────────────────────────────
+function TabsDemo() {
+    const [activeTab, setActiveTab] = useState('tab1');
+    const items = [
+        { key: 'tab1', label: '标签页 1' },
+        { key: 'tab2', label: '标签页 2' },
+        { key: 'tab3', label: '标签页 3' },
+        { key: 'tab4', label: '禁用标签', disabled: true },
+    ];
+    const tabContents = {
+        tab1: '这是标签页 1 的内容区域。',
+        tab2: '这是标签页 2 的内容区域。',
+        tab3: '这是标签页 3 的内容区域。',
+    };
+    return (_jsx(Section, { title: "Tabs", children: _jsxs("div", { className: "w-full", children: [_jsx(Tabs, { items: items, activeKey: activeTab, onChange: setActiveTab }), _jsx("div", { className: "p-4 border border-t-0 rounded-b-lg bg-background", children: _jsx("p", { className: "text-sm text-muted-foreground", children: tabContents[activeTab] }) })] }) }));
+}
 // ─── Main ─────────────────────────────────────────────────────────────────────
 const TestPage = () => {
-    return (_jsxs("div", { className: "p-6 max-w-5xl mx-auto", children: [_jsx("h1", { className: "text-2xl font-bold mb-6", children: "\u7EC4\u4EF6\u5C55\u793A" }), _jsx(ThemeSwitcher, {}), _jsx(ButtonDemo, {}), _jsx(InputDemo, {}), _jsx(InputNumberDemo, {}), _jsx(TextareaDemo, {}), _jsx(SelectDemo, {}), _jsx(CheckboxDemo, {}), _jsx(SwitchDemo, {}), _jsx(TooltipDemo, {}), _jsx(DropdownDemo, {}), _jsx(MessageDemo, {}), _jsx(ModalDemo, {}), _jsx(DrawerDemo, {}), _jsx(ConfirmDialogDemo, {}), _jsx(PaginationDemo, {}), _jsx(TableDemo, {}), _jsx(DataTableDemo, {}), _jsx(SearchDemo, {}), _jsx(BreadcrumbDemo, {}), _jsx(LabelDemo, {}), _jsx(FormDemo, {}), _jsx(SchemaFormDemo, {}), _jsx(TableSearchDemo, {}), _jsx(SkeletonDemo, {}), _jsx(TreeSelectDemo, {}), _jsx(DateTestPage, {}), _jsx(PreviewImageDemo, {}), _jsx(ImageUploadDemo, {}), _jsx(MenuTestPage, {})] }));
+    return (_jsxs("div", { className: "p-6 max-w-5xl mx-auto", children: [_jsx("h1", { className: "text-2xl font-bold mb-6", children: "\u7EC4\u4EF6\u5C55\u793A" }), _jsx(ThemeSwitcher, {}), _jsx(ButtonDemo, {}), _jsx(InputDemo, {}), _jsx(InputNumberDemo, {}), _jsx(TextareaDemo, {}), _jsx(SelectDemo, {}), _jsx(CheckboxDemo, {}), _jsx(RadioDemo, {}), _jsx(SwitchDemo, {}), _jsx(TooltipDemo, {}), _jsx(DropdownDemo, {}), _jsx(MessageDemo, {}), _jsx(NotificationDemo, {}), _jsx(LoadingDemo, {}), _jsx(ModalDemo, {}), _jsx(DrawerDemo, {}), _jsx(ConfirmDialogDemo, {}), _jsx(PaginationDemo, {}), _jsx(TableDemo, {}), _jsx(DataTableDemo, {}), _jsx(SearchDemo, {}), _jsx(BreadcrumbDemo, {}), _jsx(LabelDemo, {}), _jsx(LayoutDemo, {}), _jsx(CardDemo, {}), _jsx(TabsDemo, {}), _jsx(FormDemo, {}), _jsx(SchemaFormDemo, {}), _jsx(TableSearchDemo, {}), _jsx(SkeletonDemo, {}), _jsx(TreeSelectDemo, {}), _jsx(DateTestPage, {}), _jsx(PreviewImageDemo, {}), _jsx(ImageUploadDemo, {}), _jsx(MenuTestPage, {})] }));
 };
 export default TestPage;

package/fe/packages/ui/react/index.css

@@ -7,6 +7,10 @@
 /* 暗色模式变体 */
 @custom-variant dark (&:where(.dark, .dark *));
 
+.tc-ui-table-head[data-fixed-active='true'][data-hide-separator-when-fixed-active='true'] > .tc-ui-table-head-separator {
+  display: none;
+}
+
 /* 主题配置 */
 @theme {
   /* 圆角 */

package/model/index.d.ts

@@ -1,2 +1,2 @@
-export type { ModelDataType } from './types';
+export type { MBMenuType, ModelDataType, ModelMode, ModelModeMap } from './types';
 //# sourceMappingURL=index.d.ts.map

package/model/types/data/button.d.ts

@@ -6,7 +6,7 @@ type ButtonTemplates = {
      */
     label?: string;
 } & ButtonProps;
-type ParamsValueData = 'schema::tableKey' | string | number;
+type ParamsValueData = '$schema::tableKey' | string | number;
 type RemoveBtn = {
     eventKey: 'remove';
     /**
@@ -15,7 +15,7 @@ type RemoveBtn = {
     eventOption: {
         params: {
             /**
-             *  @example user_id: 'schema::tableKey' | '123' | 123
+             *  @example user_id: '$schema::tableKey' | '123' | 123
              */
             [paramKey: string]: ParamsValueData;
         };

package/model/types/index.d.ts

@@ -1,3 +1,3 @@
-export type { ModelDataType } from './model';
+export type { MBMenuType, ModelDataType, ModelMode, ModelModeMap } from './model';
 export type { BuiltInCallComConfigMap, BuiltInCallComNames, BuiltInCallComOptionMap, CallComNamespace, ComponentConfig, ComponentFieldOption, ComponentNames, ComponentsOption, } from './data/component';
 //# sourceMappingURL=index.d.ts.map

package/model/types/model.d.ts

@@ -1,33 +1,40 @@
-import { TopMenuType, LeftMenuType } from "./menuType";
+import { LeftMenuType, TopMenuType } from './menuType';
 type MTopMenuType = {
     /**
      * 默认为 left
      */
-    menuLayout: "top";
+    menuLayout: 'top';
     menu: TopMenuType[];
 };
 type MLeftMenuType = {
     /**
      * 默认为 left
      */
-    menuLayout?: "left";
+    menuLayout?: 'left';
     menu: LeftMenuType[];
 };
-export type ModeMenuType = MTopMenuType | MLeftMenuType;
-export type ModelDataType = {
+export type MBMenuType = MTopMenuType | MLeftMenuType;
+export interface ModelModeMap {
+    MB: MBMenuType;
+}
+export type ModelMode = Extract<keyof ModelModeMap, string>;
+type ModelBaseDataType<M extends ModelMode> = {
     /**
      * - 使用哪一块的模型数据 内置 MB
      * 	- MB = 管理后台
      */
-    mode: "MB";
+    mode: M;
     key?: string;
-    name: string;
-    desc: string;
-    icon: string;
+    name?: string;
+    desc?: string;
+    icon?: string;
     /**
-     * 首页(项目配置)
+     * 首页(项目配置) 不配置 会自动找寻第一个可用路由地址
      */
-    homePage: string;
-} & ModeMenuType;
+    homePage?: string;
+};
+export type ModelDataType<M extends ModelMode = ModelMode> = {
+    [K in M]: ModelBaseDataType<K> & ModelModeMap[K];
+}[M];
 export {};
 //# sourceMappingURL=model.d.ts.map

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@_tc/template-core",
-  "version": "0.0.3",
-  "description": "A TypeScript Koa framework template - Monorepo root",
-  "main": "./index.js",
-  "types": "./dist/types/index.d.ts",
+  "version": "0.1.1",
+  "description": "A full-stack TypeScript admin framework powered by Koa, React, and Vite - monorepo root",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
       "import": "./esm/index.js",
@@ -46,18 +45,18 @@
     }
   },
   "dependencies": {
-    "@tailwindcss/vite": "^4.2.4",
-    "ajv": "^8.18.0",
-    "chokidar": "^4.0.3",
-    "glob": "^10.3.10",
-    "immer": "^11.1.7",
-    "koa-bodyparser": "^4.4.1",
-    "koa-compress": "^5.2.1",
-    "koa-static": "^5.0.0",
-    "log4js": "^6.9.1",
-    "md5": "^2.3.0",
-    "nunjucks": "^3.2.4",
-    "tailwind": "^4.0.0"
+    "@tailwindcss/vite": "4.2.4",
+    "ajv": "8.18.0",
+    "chokidar": "4.0.3",
+    "glob": "10.5.0",
+    "immer": "11.1.7",
+    "koa-bodyparser": "4.4.1",
+    "koa-compress": "5.2.1",
+    "koa-static": "5.0.0",
+    "log4js": "6.9.1",
+    "md5": "2.3.0",
+    "nunjucks": "3.2.4",
+    "tailwindcss": "4.2.4"
   },
   "peerDependencies": {
     "@types/node": ">=18.0.0",

package/types/app/typings.d.ts

@@ -35,7 +35,7 @@ declare module '../packages/core/index' {
             apiParamsVerify: import('koa').Middleware;
             projectHandler: import('koa').Middleware;
         }
-        interface AppConfigAugmented extends DefaultAppConfig {
+        interface AppConfigAugmented extends Partial<DefaultAppConfig> {
         }
     }
 }

package/types/config/config.default.d.ts

@@ -3,12 +3,13 @@ export interface DefaultAppConfig {
     port?: number;
     host?: string;
     env?: string;
+    signKey: string;
     apiSignVerify?: {
         whiteList?: string[];
     };
     viewsPath?: string;
-    nunjucks?: import("nunjucks").ConfigureOptions;
-    notFoundRedirectCount: number;
+    nunjucks?: import('nunjucks').ConfigureOptions;
+    notFoundRedirectCount?: number;
 }
 declare const _default: DefaultAppConfig;
 export default _default;

package/types/index.d.ts

@@ -5,7 +5,7 @@ import { MOmit } from "./typings/type";
 export type { FrameworkAugment, KoaApp } from "./packages/core/index";
 export type { ControllerFN, Ctx, ServiceFN } from "./app/type";
 export type { Router };
-export declare const serverStart: (options?: MOmit<StartOptions, "frameBaseDir">) => import("./packages/core/index").KoaApp;
+export declare const serverStart: (options?: MOmit<StartOptions, "frameBaseDir">) => Promise<import("./packages/core/index").KoaApp>;
 export declare const baseFn: {
     baseControllerFn: (app: import("./app/type").KoaApp) => {
         new (): {

package/types/packages/core/index.d.ts

@@ -1,6 +1,6 @@
-import "./types";
 import "../../app/typings";
+import "./types";
 import type { KoaApp, StartOptions } from "./types";
 export declare const loaderModel: (app: KoaApp) => import("./loader/model").ModelConfig;
-export type { AppConfig, AppOptions, StartOptions, KoaMiddleware, ProcessingFileCallbackFN, IService, IController, IExtends, IMiddlewares, KoaApp, KoaRouter, KoaAppExtensions, FrameworkAugment, } from "./types";
-export declare const start: (options?: StartOptions) => KoaApp;
+export type { AppConfig, AppOptions, FrameworkAugment, IController, IExtends, IMiddlewares, IService, KoaApp, KoaAppExtensions, KoaMiddleware, KoaRouter, ProcessingFileCallbackFN, StartOptions, } from "./types";
+export declare const start: (options?: StartOptions) => Promise<KoaApp>;

package/types/packages/core/loader/extend.d.ts

@@ -4,5 +4,5 @@ import type { KoaApp } from "../types";
  *
  *  加载 xx/app/extend 文件，可通过 'app.extends.${文件}' 访问
  */
-declare const _default: (app: KoaApp) => void;
+declare const _default: (app: KoaApp) => Promise<void>;
 export default _default;

package/types/packages/core/paths.d.ts

@@ -1,11 +1,8 @@
-export type AppPathType = "frame" | "business";
+import type { KoaApp } from "app/typings";
+export type AppPathType = 'frame' | 'business';
 export interface AppPathInfo {
     type: AppPathType;
     path: string;
 }
-export declare function getAppPath(app: {
-    paths?: AppPathInfo[];
-}, type: AppPathType): string | undefined;
-export declare function getAppPaths(app: {
-    paths?: AppPathInfo[];
-}): string[];
+export declare function getAppPath(app: KoaApp, type: AppPathType): string | undefined;
+export declare function getAppPaths(app: KoaApp): string[];

package/types/packages/core/types.d.ts

@@ -29,13 +29,13 @@ export declare namespace FrameworkAugment {
 export type ICTX = Parameters<Router.IMiddleware<any, {}>>[0];
 export interface KoaAppExtensions {
     /**
-     *  框架路径 .root/app
+     *  框架路径 .root
      */
     frameBaseDir: string;
     /**
-     * 框架跟路径 .root
+     * 框架跟路径 .root/app
      */
-    framePath: string;
+    frameAppPath: string;
     /**
      *  使用方根路径 .root
      */
@@ -43,7 +43,10 @@ export interface KoaAppExtensions {
     /**
      * 使用方 .root/app
      */
-    businessPath: string;
+    businessAppPath: string;
+    /**
+     * 存着 框架 以及业务方的 app路径
+     */
     paths: AppPathInfo[];
     /**
      * 服务生命周期
@@ -86,12 +89,34 @@ export interface AppConfig extends AppConfigBase {
     [key: string]: unknown;
 }
 export interface StartOptions {
+    /**
+     * 写入 html.title
+     */
     name?: string;
+    /**
+     * - 配置时，当找不到模板文件时 重定向的路径
+     * @default '/'
+     */
     homePage?: string;
     frameBaseDir?: string;
+    /**
+     * 如果不设置 默认为 运行目录
+     * @default process.cwd()
+     */
     baseDir?: string;
     /**
-     * 页面访问前缀 默认为 /
+     * - 可配置的 资源路径(不要输入相对路径)
+     * - 主要是配合 buildFE 修改了输出路径时使用
+     */
+    additionalPublicPaths?: string | string[];
+    /**
+     * - 页面访问前缀 默认为 /
+     * @default '/'
+     * @example
+     * - 配置 '/test'
+     * - 所有前端页面的路径以 /test开头
+     * - 如： '/test/dash'
+     *
      */
     pageBasePage?: string;
 }
@@ -108,6 +133,6 @@ export type KoaRouter = Router & {
     level?: number;
 };
 export type KoaMiddleware = Koa.Middleware;
-export type { EnvType, EnvKeys } from "./env";
+export type { EnvKeys, EnvType } from "./env";
 /** 文件处理回调函数 */
 export type ProcessingFileCallbackFN = <T extends Record<string, unknown>>(fileName: string, filePath: string, isDir: boolean, tempData: T) => T | undefined;

package/cjs/app/data/signKey.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../_virtual/_rolldown/runtime.js`);var t=e.__exportAll({signKey:()=>n}),n,r=e.__esmMin((()=>{n=`sakjdfnkjwjfnfkjkjldljksndf`}));r(),Object.defineProperty(exports,`init_signKey`,{enumerable:!0,get:function(){return r}}),exports.signKey=n,Object.defineProperty(exports,`signKey_exports`,{enumerable:!0,get:function(){return t}});

package/esm/app/data/signKey.js

@@ -1,8 +0,0 @@
-import { __esmMin as e, __exportAll as t } from "../../_virtual/_rolldown/runtime.js";
-//#region app/data/signKey.ts
-var n = /* @__PURE__ */ t({ signKey: () => r }), r, i = e((() => {
-	r = "sakjdfnkjwjfnfkjkjldljksndf";
-}));
-//#endregion
-i();
-export { i as init_signKey, r as signKey, n as signKey_exports };

package/fe/frontend/apps/testPage/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../../packages/ui/react/components";
-import TestPage from "../../../packages/ui/react/components/testPage";
-export default () => {
-    return (_jsxs("div", { children: [_jsx("h1", { children: "test page" }), _jsx(Button, { children: "click me" }), _jsx(TestPage, {})] }));
-};

package/fe/frontend/apps/testPage/testPage.entry.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=testPage.entry.d.ts.map

package/types/app/data/signKey.d.ts

@@ -1 +0,0 @@
-export declare const signKey = "sakjdfnkjwjfnfkjkjldljksndf";