@_tc/template-core 0.2.0-bate.6 → 0.2.0-bate.8

package/.skills/tc-generator/reference/model-schema.md

@@ -210,6 +210,24 @@ Option meaning:
 | `editFormOption` | Edit modal form field. Omit to hide from edit. |
 | `detailPanelOption` | Detail drawer field. Omit to hide from detail. |
 
+Table cell render components:
+
+```js
+cover: {
+  type: "string",
+  label: "Cover",
+  tableOption: {
+    renderComponent: "PreviewImage",
+    renderComponentProps: {
+      width: 48,
+      height: 48,
+    },
+  },
+}
+```
+
+Built-in `PreviewImage` accepts the current field value as a string or string array. Project-specific table render components are registered in `frontend/extended/SchemaPage/SchemaTable/data.ts` and referenced by `tableOption.renderComponent`.
+
 Common form `comType` values:
 
 ```text

package/.skills/tc-generator/reference/runtime-extensions.md

@@ -295,6 +295,26 @@ this.success(ctx, [
 
 For project-specific field types, create `frontend/extended/SchemaForm/data.ts` and default-export a component map keyed by field type.
 
+## SchemaTable Render Components
+
+Use `tableOption.renderComponent` when a Schema CRUD table column needs a reusable renderer. TemplateCore includes `PreviewImage` for image preview columns:
+
+```js
+cover: {
+  type: "string",
+  label: "Cover",
+  tableOption: {
+    renderComponent: "PreviewImage",
+    renderComponentProps: {
+      width: 48,
+      height: 48,
+    },
+  },
+}
+```
+
+For project-specific renderers, create `frontend/extended/SchemaPage/SchemaTable/data.ts` and default-export a component map typed as `SchemaTableRenderComponentsMap` from `@_tc/template-core/fe`. Extend `SchemaTableNamespace.RenderComponentPropsMap` from `@_tc/template-core/model` when TypeScript model config should know the renderer props.
+
 ## SchemaPage CallCom Extensions
 
 Use `frontend/extended/SchemaPage/CallCom/data.ts` when model `componentConfig` should open a custom runtime component instead of built-in create/edit/detail components. Custom components can import `schemaEventBus`, `eventsInfo`, and `merge` from `@_tc/template-core/fe` to close panels or refresh Schema tables.

package/AGENT_README.md

@@ -1,6 +1,6 @@
 # TemplateCore AI 助手速读
 
-这份文档给在消费方项目中协助开发的 AI 助手/代码代理阅读。项目本身才是 `@_tc/template-core` 的使用方；AI 通过这份速读文档快速理解包的用法和边界。它是 `README.md` 的精简版，按渐进式披露组织：先用下面的最小信息完成常见任务，只有需要深入时再读末尾的参考文档。
+这份文档由 TemplateCore 框架提供方维护，面向下游消费方项目中的 AI 助手/代码代理。消费方项目通过 `@_tc/template-core` 使用框架能力；AI 可以通过这份速读文档快速理解包的公开入口、约定用法和边界。它是 `README.md` 的面向 Agent 的精简版，按渐进式披露组织：先用下面的最小信息完成常见任务，只有需要深入时再读末尾的参考文档。
 
 ## 1. 先看结论
 
@@ -11,7 +11,7 @@ TemplateCore 是一个 TypeScript + Koa + React 的后台框架包。它提供
 - `model/` 配置驱动的菜单、项目和 CRUD 页面。
 - 前端构建 `buildFE()` 输出服务端可渲染的 `.entry.tpl`，并写入 `FEBuildKey` 供 HTML ETag 缓存失效使用。
 - 消费方 Node/backend 构建 `buildBE()`。
-- 类型扩展机制，用于扩展 SchemaForm 字段、CallCom 组件和 Koa app 类型。
+- 类型扩展机制，用于扩展 SchemaForm 字段、SchemaTable 单元格渲染组件、CallCom 组件和 Koa app 类型。
 
 优先使用公开入口，不要从包内部源码路径导入。下面这些入口以 npm 发布产物为准；源码仓库根 `package.json` 的 `exports` 会在构建发布包时生成到 `dist/package.json`。
 
@@ -624,13 +624,14 @@ chokidar
 
 扩展前端类型或组件：
 
-1. SchemaForm 字段类型、CallCom 组件、Koa app 类型都支持 TypeScript 声明合并。
+1. SchemaForm 字段类型、SchemaTable 单元格渲染组件、CallCom 组件、Koa app 类型都支持 TypeScript 声明合并。
 2. 运行时组件通常放在业务 `frontend/extended/`。
-3. Dashboard 扩展点包括 `frontend/extended/dash/init.ts`、`frontend/extended/dash/customRoutes.tsx`、`frontend/extended/dash/components.tsx`、`frontend/extended/dash/routeGuard.ts`。
-4. `dash/init` 在 React 渲染前执行，适合注册 axios 拦截器等全局初始化逻辑；类型是 `DashInit`。
-5. `dash/routeGuard` 用来判断登录。返回登录页 URL 字符串时，Dashboard 用 `window.location.href` 跳转；`DashRouteGuardResult` 是 `string | undefined`，`undefined`（包括已登录分支的隐式返回）会打断 Dashboard 内置重定向，业务方可自行跳转。
-6. 自定义入口的 `initApp` 支持 `beforeRender` / `afterRender`，分别在 React 渲染前和首次渲染提交后触发。
-7. 优先查看公开入口 `.d.ts` 和 npm 包根目录 `README.md`；如果当前环境是源码仓库，再继续读 `docs/type-extension.md` 和 `docs/schema-form.md`。
+3. 表格单元格渲染组件注册到 `frontend/extended/SchemaPage/SchemaTable/data.ts`，字段上用 `tableOption.renderComponent` 和 `renderComponentProps`。
+4. Dashboard 扩展点包括 `frontend/extended/dash/init.ts`、`frontend/extended/dash/customRoutes.tsx`、`frontend/extended/dash/components.tsx`、`frontend/extended/dash/routeGuard.ts`。
+5. `dash/init` 在 React 渲染前执行，适合注册 axios 拦截器等全局初始化逻辑；类型是 `DashInit`。
+6. `dash/routeGuard` 用来判断登录。返回登录页 URL 字符串时，Dashboard 用 `window.location.href` 跳转；`DashRouteGuardResult` 是 `string | undefined`，`undefined`（包括已登录分支的隐式返回）会打断 Dashboard 内置重定向，业务方可自行跳转。
+7. 自定义入口的 `initApp` 支持 `beforeRender` / `afterRender`，分别在 React 渲染前和首次渲染提交后触发。
+8. 优先查看公开入口 `.d.ts` 和 npm 包根目录 `README.md`；如果当前环境是源码仓库，再继续读 `docs/type-extension.md` 和 `docs/schema-form.md`。
 
 ## 8. 继续深入
 

package/README.md

@@ -301,7 +301,7 @@ VS Code 建议安装官方 Tailwind CSS IntelliSense 插件，并在工作区 `.
 - 内置 UI 组件：提供丰富的 React 组件库，详见下方"内置 UI 组件"章节。
 - API 中间件：错误处理、静态资源、body parser、项目上下文、接口签名、参数校验。
 - 前端构建：扫描框架和项目的 `frontend/**/*.entry.{ts,tsx,js,jsx}`，输出服务端可渲染的 `.entry.tpl`，并写入 `FEBuildKey` 供 HTML ETag 缓存失效使用。
-- 类型扩展：支持扩展 SchemaForm、CallCom、KoaApp。
+- 类型扩展：支持扩展 SchemaForm、SchemaTable 单元格渲染组件、CallCom、KoaApp。
 
 ## 前端公共能力
 
@@ -356,6 +356,8 @@ import type {
   PageResponse,
   RequestConfig,
   ResponseConfig,
+  SchemaTableRenderComponent,
+  SchemaTableRenderComponentsMap,
   SchemaFormComponentsMap,
   SchemaFormNamespace,
   SelectProps,
@@ -370,7 +372,7 @@ import type {
 | 内置前端组件 | `AsyncSelect`、`LanguageSwitch`、`ThemeSwitch` |
 | 组件加载辅助 | `renderImportComponent` |
 | Dash 扩展类型 | `DashRoutesExtender`、`DashRoutesContext`、`DashComponentsMap`、`DashHeaderUserAreaProps`、`DashRouteGuard` |
-| SchemaPage 类型 | `CallComComponentsMap`、`CallComRenderer` |
+| SchemaPage 类型 | `CallComComponentsMap`、`CallComRenderer`、`SchemaTableRenderComponent`、`SchemaTableRenderComponentsMap` |
 | SchemaForm 类型 | `FormFieldSchema`、`SchemaFormComponentsMap`、`SchemaFormNamespace`、`SelectProps` |
 | 请求方法 | `api`、`request`、`get`、`post`、`put`、`patch`、`del` |
 | 请求类型 | `BaseResponse`、`PageParams`、`PageResponse`、`RequestConfig`、`ResponseConfig`、`AxiosError` |
@@ -1569,6 +1571,90 @@ remark: {
 }
 ```
 
+### 扩展 SchemaTable 单元格渲染组件
+
+SchemaPage 表格列支持通过 `tableOption.renderComponent` 使用内置或业务注册的渲染组件。内置组件：
+
+- `PreviewImage`：把当前单元格值渲染成图片预览；值是数组时直接作为图片列表，值是单个字符串时自动转成单图数组。
+
+直接使用内置组件：
+
+```ts
+cover: {
+  type: 'string',
+  label: '封面',
+  tableOption: {
+    renderComponent: 'PreviewImage',
+    renderComponentProps: {
+      width: 48,
+      height: 48,
+    },
+  },
+}
+```
+
+自定义渲染组件时，先声明 props 类型：
+
+```ts
+// typing/template-core.d.ts
+import '@_tc/template-core/model'
+
+declare module '@_tc/template-core/model' {
+  export namespace SchemaTableNamespace {
+    interface RenderComponentPropsMap {
+      PriceCell: {
+        value?: unknown
+        record?: Record<string, unknown>
+        rowIndex?: number
+        fieldKey?: string
+        currency?: string
+      }
+    }
+  }
+}
+```
+
+注册运行时组件：
+
+```ts
+// frontend/extended/SchemaPage/SchemaTable/data.ts
+import { lazy } from 'react'
+import type { SchemaTableRenderComponentsMap } from '@_tc/template-core/fe'
+
+const componentsMap = {
+  PriceCell: lazy(() => import('../../components/PriceCell')),
+} satisfies SchemaTableRenderComponentsMap
+
+export default componentsMap
+```
+
+组件会收到 `value`、`record`、`rowIndex`、`fieldKey`，以及 `renderComponentProps` 中的业务参数：
+
+```tsx
+// frontend/components/PriceCell.tsx
+export default function PriceCell(props: {
+  value?: unknown
+  currency?: string
+}) {
+  return <span>{props.currency ?? '¥'}{Number(props.value ?? 0).toFixed(2)}</span>
+}
+```
+
+model 中使用：
+
+```ts
+price: {
+  type: 'number',
+  label: '价格',
+  tableOption: {
+    renderComponent: 'PriceCell',
+    renderComponentProps: {
+      currency: '¥',
+    },
+  },
+}
+```
+
 ## 如何配置类型扩展
 
 ### tsconfig
@@ -1668,6 +1754,22 @@ declare module '@_tc/template-core/model' {
 - `OptionMap` 对应字段上的 `xxxOption`。
 - 运行时组件注册在 `frontend/extended/SchemaPage/CallCom/data.ts`。
 
+### SchemaTable 渲染组件类型扩展
+
+扩展目标：
+
+```ts
+declare module '@_tc/template-core/model' {
+  export namespace SchemaTableNamespace {
+    interface RenderComponentPropsMap {}
+  }
+}
+```
+
+- `RenderComponentPropsMap` 的 key 对应 `tableOption.renderComponent`。
+- 运行时组件注册在 `frontend/extended/SchemaPage/SchemaTable/data.ts`。
+- 组件运行时会自动收到 `value`、`record`、`rowIndex`、`fieldKey`；`renderComponentProps` 只配置业务参数。
+
 ### KoaApp 类型扩展
 
 使用方推荐增强根包 `@_tc/template-core`：

package/cjs/bundler/buildFE.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../packages/common/log/index.js`),t=require(`./state.js`),n=require(`./dev.js`),r=require(`./prod.js`);var i=(i,a)=>{switch(t.setBuildFEOptions(a),i){case`dev`:return n.dev();case`prod`:return r.prod();default:return e.logRed(`Usage: npx tsx scripts/index.ts [dev|prod]`),Promise.resolve()}};exports.buildFE=i;

package/cjs/bundler/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../packages/common/log/index.js`),t=require(`./buildBE.js`),n=require(`./state.js`),r=require(`./dev.js`),i=require(`./prod.js`);var a=(t,a)=>{switch(n.setBuildFEOptions(a),t){case`dev`:return r.dev();case`prod`:return i.prod();default:return e.logRed(`Usage: npx tsx scripts/index.ts [dev|prod]`),Promise.resolve()}};exports.buildBE=t.buildBE,exports.buildFE=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./buildBE.js`),t=require(`./buildFE.js`);exports.buildBE=e.buildBE,exports.buildFE=t.buildFE;

package/cjs/bundler/utils.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.js`),t=require(`../packages/common/log/index.js`),n=require(`../packages/utils/path.js`);require(`../packages/utils/index.js`);const r=require(`./state.js`);let i=require(`fs`),a=require(`path`);a=e.__toESM(a);let o=require(`glob`);o=e.__toESM(o);let s=require(`vite`),c=require(`@tailwindcss/vite`);c=e.__toESM(c);let l=require(`module`),u=require(`url`);var d=typeof __filename==`string`?__filename:(0,u.fileURLToPath)({}.url),f=a.default.dirname(d),p=process.cwd(),m=(0,l.createRequire)(d),h=a.default.resolve(f,`../../`),g=a.default.resolve(f,`../`),_=a.default.resolve(h,`./fe/frontend`),v=a.default.resolve(p,`.`),y=a.default.resolve(v,`./frontend`),b=e=>a.default.dirname(m.resolve(`${e}/package.json`)),x=a.default.join(v,`.tc-entry-html`),S=`<!-- {{InsertScript}} -->`,C={head:`<!-- TC_HEAD_SLOT -->`,bodyBeforeRoot:`<!-- TC_BODY_BEFORE_ROOT_SLOT -->`,bodyAfterRoot:`<!-- TC_BODY_AFTER_ROOT_SLOT -->`},w=[`head`,`body-before-root`,`body-after-root`],T=()=>({head:``,"body-before-root":``,"body-after-root":``}),E=e=>e.trim().replace(/<!--(?!\s*(?:tc-slot:|\/tc-slot:))[\s\S]*?-->/g,``).replace(/>\s+</g,`><`),D=e=>{let t=[],n=e.replace(/<(script|style|textarea|pre)\b[\s\S]*?<\/\1>/gi,e=>{let n=`__TC_HTML_PRESERVED_${t.length}__`;return t.push(e),n}).replace(/<!--(?!\s*(?:tc-slot:|\/tc-slot:|\{\{InsertScript\}\}|TC_))[\s\S]*?-->/g,``).replace(/>\s+</g,`><`).trim();return t.reduce((e,t,n)=>e.replace(`__TC_HTML_PRESERVED_${n}__`,t),n)},O=e=>e.split(a.default.sep).join(`/`),k=e=>{let t=O(e);return t.startsWith(`.`)||t.startsWith(`/`)?t:`./${t}`},A=e=>/<html[\s>]/i.test(e)&&e.includes(`window['_basePath']`)&&/<div\s+id=["']root["']\s*><\/div>/i.test(e),j=e=>{let n=T(),r=(0,i.readFileSync)(e,`utf-8`),a=/<!--\s*tc-slot:([\w-]+)\s*-->([\s\S]*?)<!--\s*\/tc-slot:\1\s*-->/g,o=!1,s=r;if(r.replace(a,(t,r,i)=>{if(o=!0,!w.includes(r))throw Error(`Invalid html slot "${r}" in ${e}. Allowed slots: ${w.join(`, `)}.`);return n[r]+=i.trim()?`${i}\n`:``,s=s.replace(t,``),t}),s.trim()){if(A(r))return t.logYellow(`ignored legacy generated entry html: ${e}`),T();throw Error([`Invalid custom entry html: ${e}.`,`Custom entry html can only contain tc-slot blocks, for example:`,`<!-- tc-slot:head -->`,`<meta name="description" content="..." />`,`<!-- /tc-slot:head -->`].join(`
 `))}return o&&t.logYellow(`using custom entry html slots: ${e}`),n},M=(e,t)=>{let r=a.default.basename(e),s=[a.default.join(e,`${t}.html`),a.default.join(e,`${r}.html`)].find(e=>(0,i.existsSync)(e));if(s)return s;if(o.sync(n.resolve(e,`*.html`)).length)throw Error([`Entry html filename is not supported in ${e}.`,`Use ${t}.html or ${r}.html as a tc-slot file.`].join(`
-`))},N=(e,t)=>e.replace(C.head,E(t.head)).replace(C.bodyBeforeRoot,E(t[`body-before-root`])).replace(C.bodyAfterRoot,E(t[`body-after-root`])),P=(e=new Date)=>{let t=(e,t=2)=>e.toString().padStart(t,`0`);return[e.getFullYear(),t(e.getMonth()+1),t(e.getDate()),t(e.getHours())].join(`/`)+`:${t(e.getMinutes())}:${t(e.getSeconds())}:${t(e.getMilliseconds(),3)}`},F=(e,t,n,r)=>{let o=a.default.join(x,`${n}.html`),s=k(a.default.relative(a.default.dirname(o),t));return(0,i.writeFileSync)(o,N(e,r).replace(S,`<script type="module" src="${s}"><\/script>`)),o};function I(){t.logWhite(`frameFEPath: `+_),t.logWhite(`runFEPath: `+y);let e=[_,y].reduce((e,t)=>{let r=[`js`,`jsx`,`ts`,`tsx`].map(e=>n.resolve(t,`/**`,`/*.`+e)),i=o.sync(r).filter(e=>e.includes(`.entry.`)).filter(e=>!e.includes(`.d.ts`));return[...e,...i]},[]),r={};if(!e.length)return r;(0,i.rmSync)(x,{recursive:!0,force:!0}),(0,i.mkdirSync)(x,{recursive:!0});let s=(0,i.readFileSync)(a.default.resolve(g,`./app/view/entry.tpl`),`utf-8`);for(let t=0;t<e.length;t++){let n=e[t],i=a.default.resolve(n,`../`),o=M(i,a.default.basename(n).replace(/\.entry\.[^.]+$/,``)),c=o?a.default.basename(o,`.html`):i.split(a.default.sep).at(-1);r[c]=F(s,n,c,o?j(o):T())}return r}function L(){let e=r.buildFESharedState.options.output??`frame`;return e!==`frame`&&t.logRed(`Please pay attention to the build output.`),e===`run`?a.default.join(v,`./app/public/dist`):typeof e==`function`?e():a.default.join(g,`./app/public/dist`)}var R=async e=>{let n=(await import(`chokidar`)).watch(y,{ignored:/(^|[\/\\])\../,persistent:!0,ignoreInitial:!0}),r=!1;n.on(`change`,async n=>{if(!r){r=!0,t.logYellow(`changed: ${n}`);try{await e?.()}catch(e){t.logRed(e)}finally{r=!1}}}),t.logYellow(`watching ${y}/...`)};function z(){return{name:`flatten-html`,apply:`build`,closeBundle(){let e=L(),t=P();(0,i.writeFileSync)(n.resolve(e,`./FEBuildKey`),t)}}}function B(e=`.html`){let n=[...new Set(Array.isArray(e)?e:[e])];return{name:`flatten-html`,apply:`build`,closeBundle(){let e=L();if(!(0,i.existsSync)(e))return;let s=r.buildFESharedState.options.minifyHtml??!1,c=o.sync(`**/*.html`,{cwd:e,dot:!0});for(let t of c){let r=a.default.join(e,t),o=(0,i.readFileSync)(r,`utf-8`),c=s?D(o):o,l=a.default.basename(t,`.html`),u=`.entry`;l.indexOf(u)===-1&&(l+=u);for(let t of n){let n=l+t,o=a.default.join(e,n);r===o?s&&(0,i.writeFileSync)(o,c):(0,i.writeFileSync)(o,c)}n.some(t=>r===a.default.join(e,l+t))||(0,i.unlinkSync)(r)}let l=[...new Set(c.map(e=>a.default.dirname(e)))].sort().reverse(),u=e=>{if(!((0,i.existsSync)(e)?(0,i.readdirSync)(e):[1]).length){(0,i.rmdirSync)(e);let t=e.split(a.default.sep).slice(0,-1);t.length&&u(t.join(a.default.sep))}};for(let t of l)t&&t!==`.`&&u(a.default.join(e,t));let d=n.flatMap(t=>o.sync(`**/*`+t,{cwd:e,dot:!0}));for(let e of d)t.logYellow(`final file path -----> `+e)}}}function V(e){let t=[``,`.ts`,`.tsx`,`.js`,`.jsx`];return e.reduce((e,[n,r,o=y,s=`./defaultAlias`])=>{let c=t.map(e=>a.default.resolve(o,r+e)).find(e=>(0,i.existsSync)(e)),l=a.default.resolve(f,s);return c&&(l=c),e[n]=l,e},{})}var H=(...e)=>new RegExp(e.join(`[\\/]`)),U=e=>`_${e}_tcC`,W=async(e,n)=>{try{await(0,s.build)({configFile:!1,base:`/dist`,plugins:[(await import(`@vitejs/plugin-react`)).default(),B([`.tpl`]),z(),(0,c.default)()],build:{outDir:L(),emptyOutDir:!0,sourcemap:n===`dev`?`inline`:`hidden`,rolldownOptions:{input:e,output:{codeSplitting:{groups:[{name:U(`__nm`),test:H(`node_modules`),maxSize:5e5,minShareCount:2,priority:1},{name:U(`r`),test:H(`node_modules`,`react`),minShareCount:2,maxSize:5e5,priority:5},{name:U(`r-d`),test:H(`node_modules`,`react-dom`),minShareCount:2,maxSize:2e5,priority:10},{name:U(`r-r-d`),test:H(`node_modules`,`react-router-dom`),minShareCount:2,maxSize:5e5,priority:10},{name:U(`ajv`),test:H(`node_modules`,`ajv`),minShareCount:2,maxSize:2e5,priority:10},{name:U(`ui-lib`),test:H(`components`),minShareCount:2,maxSize:2e5,priority:5},{name:U(`ui-f-lib`),test:H(`components`,`.*?[Ff]orm.*?`),minShareCount:2,maxSize:5e4,priority:10}]}}}},resolve:{alias:{react:b(`react`),"react-dom":b(`react-dom`),"@tc/ui-react/hooks":a.default.resolve(f,`../../fe/packages/react/hooks/`),"@tc/ui-react":a.default.resolve(f,`../../fe/packages/react/ui/`),...V([[`@tc/scalability/SchemaForm/frameData`,`./extended/SchemaForm/data`,_],[`@tc/scalability/SchemaForm/data`,`./extended/SchemaForm/data`],[`@tc/scalability/SchemaPage/CallCom/data`,`./extended/SchemaPage/CallCom/data`],[`@tc/scalability/dash/customRoutes`,`./extended/dash/customRoutes`],[`@tc/scalability/dash/init`,`./extended/dash/init`],[`@tc/scalability/dash/components`,`./extended/dash/components`],[`@tc/scalability/dash/routeGuard`,`./extended/dash/routeGuard`,void 0,`./defaultRouteGuard`]])}}}),t.logJoinColorized(t.colorize(`builded`,`green`),t.colorize(` -> `,`white`),t.colorize(`time: `,`cyan`),t.colorize(new Date,`pink`))}catch(e){if(t.logRed(e),n!==`dev`)throw e}};exports.VBuildFE=W,exports.entries=I,exports.generateBuildKeyPlugin=z,exports.outDir=L,exports.watchFiles=R;
+`))},N=(e,t)=>e.replace(C.head,E(t.head)).replace(C.bodyBeforeRoot,E(t[`body-before-root`])).replace(C.bodyAfterRoot,E(t[`body-after-root`])),P=(e=new Date)=>{let t=(e,t=2)=>e.toString().padStart(t,`0`);return[e.getFullYear(),t(e.getMonth()+1),t(e.getDate()),t(e.getHours())].join(`/`)+`:${t(e.getMinutes())}:${t(e.getSeconds())}:${t(e.getMilliseconds(),3)}`},F=(e,t,n,r)=>{let o=a.default.join(x,`${n}.html`),s=k(a.default.relative(a.default.dirname(o),t));return(0,i.writeFileSync)(o,N(e,r).replace(S,`<script type="module" src="${s}"><\/script>`)),o};function I(){t.logWhite(`frameFEPath: `+_),t.logWhite(`runFEPath: `+y);let e=[_,y].reduce((e,t)=>{let r=[`js`,`jsx`,`ts`,`tsx`].map(e=>n.resolve(t,`/**`,`/*.`+e)),i=o.sync(r).filter(e=>e.includes(`.entry.`)).filter(e=>!e.includes(`.d.ts`));return[...e,...i]},[]),r={};if(!e.length)return r;(0,i.rmSync)(x,{recursive:!0,force:!0}),(0,i.mkdirSync)(x,{recursive:!0});let s=(0,i.readFileSync)(a.default.resolve(g,`./app/view/entry.tpl`),`utf-8`);for(let t=0;t<e.length;t++){let n=e[t],i=a.default.resolve(n,`../`),o=M(i,a.default.basename(n).replace(/\.entry\.[^.]+$/,``)),c=o?a.default.basename(o,`.html`):i.split(a.default.sep).at(-1);r[c]=F(s,n,c,o?j(o):T())}return r}function L(){let e=r.buildFESharedState.options.output??`frame`;return e!==`frame`&&t.logRed(`Please pay attention to the build output.`),e===`run`?a.default.join(v,`./app/public/dist`):typeof e==`function`?e():a.default.join(g,`./app/public/dist`)}var R=async e=>{let n=(await import(`chokidar`)).watch(y,{ignored:/(^|[\/\\])\../,persistent:!0,ignoreInitial:!0}),r=!1;n.on(`change`,async n=>{if(!r){r=!0,t.logYellow(`changed: ${n}`);try{await e?.()}catch(e){t.logRed(e)}finally{r=!1}}}),t.logYellow(`watching ${y}/...`)};function z(){return{name:`flatten-html`,apply:`build`,closeBundle(){let e=L(),t=P();(0,i.writeFileSync)(n.resolve(e,`./FEBuildKey`),t)}}}function B(e=`.html`){let n=[...new Set(Array.isArray(e)?e:[e])];return{name:`flatten-html`,apply:`build`,closeBundle(){let e=L();if(!(0,i.existsSync)(e))return;let s=r.buildFESharedState.options.minifyHtml??!1,c=o.sync(`**/*.html`,{cwd:e,dot:!0});for(let t of c){let r=a.default.join(e,t),o=(0,i.readFileSync)(r,`utf-8`),c=s?D(o):o,l=a.default.basename(t,`.html`),u=`.entry`;l.indexOf(u)===-1&&(l+=u);for(let t of n){let n=l+t,o=a.default.join(e,n);r===o?s&&(0,i.writeFileSync)(o,c):(0,i.writeFileSync)(o,c)}n.some(t=>r===a.default.join(e,l+t))||(0,i.unlinkSync)(r)}let l=[...new Set(c.map(e=>a.default.dirname(e)))].sort().reverse(),u=e=>{if(!((0,i.existsSync)(e)?(0,i.readdirSync)(e):[1]).length){(0,i.rmdirSync)(e);let t=e.split(a.default.sep).slice(0,-1);t.length&&u(t.join(a.default.sep))}};for(let t of l)t&&t!==`.`&&u(a.default.join(e,t));let d=n.flatMap(t=>o.sync(`**/*`+t,{cwd:e,dot:!0}));for(let e of d)t.logYellow(`final file path -----> `+e)}}}function V(e){let t=[``,`.ts`,`.tsx`,`.js`,`.jsx`];return e.reduce((e,[n,r,o=y,s=`./defaultAlias`])=>{let c=t.map(e=>a.default.resolve(o,r+e)).find(e=>(0,i.existsSync)(e)),l=a.default.resolve(f,s);return c&&(l=c),e[n]=l,e},{})}var H=(...e)=>new RegExp(e.join(`[\\/]`)),U=e=>`_${e}_tcC`,W=async(e,n)=>{try{await(0,s.build)({configFile:!1,base:`/dist`,plugins:[(await import(`@vitejs/plugin-react`)).default(),B([`.tpl`]),z(),(0,c.default)()],build:{outDir:L(),emptyOutDir:!0,sourcemap:n===`dev`?`inline`:`hidden`,rolldownOptions:{input:e,output:{codeSplitting:{groups:[{name:U(`__nm`),test:H(`node_modules`),maxSize:5e5,minShareCount:2,priority:1},{name:U(`r`),test:H(`node_modules`,`react`),minShareCount:2,maxSize:5e5,priority:5},{name:U(`r-d`),test:H(`node_modules`,`react-dom`),minShareCount:2,maxSize:2e5,priority:10},{name:U(`r-r-d`),test:H(`node_modules`,`react-router-dom`),minShareCount:2,maxSize:5e5,priority:10},{name:U(`ajv`),test:H(`node_modules`,`ajv`),minShareCount:2,maxSize:2e5,priority:10},{name:U(`ui-lib`),test:H(`components`),minShareCount:2,maxSize:2e5,priority:5},{name:U(`ui-f-lib`),test:H(`components`,`.*?[Ff]orm.*?`),minShareCount:2,maxSize:5e4,priority:10}]}}}},resolve:{alias:{react:b(`react`),"react-dom":b(`react-dom`),"@tc/ui-react/hooks":a.default.resolve(f,`../../fe/packages/react/hooks/`),"@tc/ui-react":a.default.resolve(f,`../../fe/packages/react/ui/`),...V([[`@tc/scalability/SchemaForm/frameData`,`./extended/SchemaForm/data`,_],[`@tc/scalability/SchemaForm/data`,`./extended/SchemaForm/data`],[`@tc/scalability/SchemaPage/CallCom/data`,`./extended/SchemaPage/CallCom/data`],[`@tc/scalability/SchemaPage/SchemaTable/data`,`./extended/SchemaPage/SchemaTable/data`],[`@tc/scalability/dash/customRoutes`,`./extended/dash/customRoutes`],[`@tc/scalability/dash/init`,`./extended/dash/init`],[`@tc/scalability/dash/components`,`./extended/dash/components`],[`@tc/scalability/dash/routeGuard`,`./extended/dash/routeGuard`,void 0,`./defaultRouteGuard`]])}}}),t.logJoinColorized(t.colorize(`builded`,`green`),t.colorize(` -> `,`white`),t.colorize(`time: `,`cyan`),t.colorize(new Date,`pink`))}catch(e){if(t.logRed(e),n!==`dev`)throw e}};exports.VBuildFE=W,exports.entries=I,exports.generateBuildKeyPlugin=z,exports.outDir=L,exports.watchFiles=R;

package/esm/bundler/buildFE.js

@@ -0,0 +1,14 @@
+import { logRed as e } from "../packages/common/log/index.js";
+import { setBuildFEOptions as t } from "./state.js";
+import { dev as n } from "./dev.js";
+import { prod as r } from "./prod.js";
+//#region bundler/buildFE.ts
+var i = (i, a) => {
+	switch (t(a), i) {
+		case "dev": return n();
+		case "prod": return r();
+		default: return e("Usage: npx tsx scripts/index.ts [dev|prod]"), Promise.resolve();
+	}
+};
+//#endregion
+export { i as buildFE };

package/esm/bundler/index.js

@@ -1,15 +1,3 @@
-import { logRed as e } from "../packages/common/log/index.js";
-import { buildBE as t } from "./buildBE.js";
-import { setBuildFEOptions as n } from "./state.js";
-import { dev as r } from "./dev.js";
-import { prod as i } from "./prod.js";
-//#region bundler/index.ts
-var a = (t, a) => {
-	switch (n(a), t) {
-		case "dev": return r();
-		case "prod": return i();
-		default: return e("Usage: npx tsx scripts/index.ts [dev|prod]"), Promise.resolve();
-	}
-};
-//#endregion
-export { t as buildBE, a as buildFE };
+import { buildBE as e } from "./buildBE.js";
+import { buildFE as t } from "./buildFE.js";
+export { e as buildBE, t as buildFE };

package/esm/bundler/utils.js

@@ -252,6 +252,7 @@ var Q = (...e) => new RegExp(e.join("[\\/]")), $ = (e) => `_${e}_tcC`, ee = asyn
 					],
 					["@tc/scalability/SchemaForm/data", "./extended/SchemaForm/data"],
 					["@tc/scalability/SchemaPage/CallCom/data", "./extended/SchemaPage/CallCom/data"],
+					["@tc/scalability/SchemaPage/SchemaTable/data", "./extended/SchemaPage/SchemaTable/data"],
 					["@tc/scalability/dash/customRoutes", "./extended/dash/customRoutes"],
 					["@tc/scalability/dash/init", "./extended/dash/init"],
 					["@tc/scalability/dash/components", "./extended/dash/components"],

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaSearch/index.js

@@ -42,19 +42,21 @@ var SchemaSearch = memo(() => {
 		setSchemas(schemas);
 		setSchemaDefaultValue(defaultValue);
 	});
+	const tsProps = {
+		schemas,
+		defaultValue,
+		onSearch(values) {
+			schemaEventBus.getState().emitSearch(filterEmpty(values));
+		},
+		onReset() {
+			schemaEventBus.getState().emitSearch(void 0);
+		},
+		renderActionBtnArea: () => {}
+	};
 	return /* @__PURE__ */ jsx("div", {
-		className: "schema-search",
-		children: /* @__PURE__ */ jsx(TableSearch, {
-			schemas,
-			defaultValue,
-			onSearch(values) {
-				schemaEventBus.getState().emitSearch(filterEmpty(values));
-			},
-			onReset() {
-				schemaEventBus.getState().emitSearch(void 0);
-			},
-			renderActionBtnArea: () => {}
-		})
+		className: "schema-search pb-2",
+		style: { display: schemas.length ? "block" : "none" },
+		children: /* @__PURE__ */ jsx(TableSearch, { ...tsProps })
 	});
 });
 SchemaSearch.displayName = "SchemaSearch";

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaTable/PreviewImage.d.ts

@@ -0,0 +1,10 @@
+import type { PreviewImageProps as BasePreviewImageProps } from "../../../../../../packages/react/ui/index";
+export type SchemaTablePreviewImageProps = Omit<BasePreviewImageProps, 'images'> & {
+    value?: unknown;
+    record?: Record<string, unknown>;
+    rowIndex?: number;
+    fieldKey?: string;
+    images?: BasePreviewImageProps['images'];
+    valueToImages?: (value: unknown, record?: Record<string, unknown>, rowIndex?: number, fieldKey?: string) => BasePreviewImageProps['images'];
+};
+export declare function PreviewImage({ value, record, rowIndex, fieldKey, images, valueToImages: customValueToImages, ...props }: SchemaTablePreviewImageProps): import("react/jsx-runtime").JSX.Element;

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaTable/PreviewImage.js

@@ -0,0 +1,17 @@
+import { PreviewImage as PreviewImage$1 } from "../../../../../../packages/react/ui/components/ImagePreview/PreviewImage.js";
+import "../../../../../../packages/react/ui/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/SchemaPage/components/SchemaTable/PreviewImage.tsx
+var valueToImages = (value) => {
+	if (Array.isArray(value)) return value;
+	if (value === void 0 || value === null || value === "") return [];
+	return [value];
+};
+function PreviewImage({ value, record, rowIndex, fieldKey, images, valueToImages: customValueToImages, ...props }) {
+	return /* @__PURE__ */ jsx(PreviewImage$1, {
+		...props,
+		images: images ?? (customValueToImages ?? valueToImages)(value, record, rowIndex, fieldKey)
+	});
+}
+//#endregion
+export { PreviewImage };

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaTable/data.d.ts

@@ -0,0 +1,5 @@
+import type { SchemaTableRenderComponentPropsMap } from "../../../../../../model/types/data/schema";
+import type { ComponentType, LazyExoticComponent } from "react";
+export type SchemaTableRenderComponent = ComponentType<any> | LazyExoticComponent<ComponentType<any>>;
+export type SchemaTableRenderComponentsMap = Partial<Record<Extract<keyof SchemaTableRenderComponentPropsMap, string>, SchemaTableRenderComponent>>;
+export declare const schemaTableRenderComponentMap: SchemaTableRenderComponentsMap;

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaTable/data.js

@@ -0,0 +1,8 @@
+import { PreviewImage } from "./PreviewImage.js";
+import consumerRenderComponentMap from "@tc/scalability/SchemaPage/SchemaTable/data";
+var schemaTableRenderComponentMap = {
+	PreviewImage,
+	...consumerRenderComponentMap
+};
+//#endregion
+export { schemaTableRenderComponentMap };

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaTable/index.js

@@ -12,9 +12,10 @@ import { handlingRequestErrors } from "../../../../common/fetchErrorShow.js";
 import useExecuteOnce from "../../../../../../packages/react/hooks/useExecuteOnce.js";
 import { eventsInfo } from "../../data/eventInfo.js";
 import { merge } from "../../utils/permissions.js";
+import { schemaTableRenderComponentMap } from "./data.js";
 import useRefState from "../../../../../../packages/react/hooks/useRefState.js";
 import useWatch from "../../../../../../packages/react/hooks/useWatch.js";
-import { memo, useCallback, useImperativeHandle, useMemo, useState, useTransition } from "react";
+import { Suspense, memo, useCallback, useImperativeHandle, useMemo, useState, useTransition } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useShallow } from "zustand/react/shallow";
 import { produce } from "immer";
@@ -26,11 +27,27 @@ var generateColumns = (config) => {
 	keys.forEach((k) => {
 		const fieldInfo = config[k];
 		if (fieldInfo?.option) {
-			const { ...fieldProps } = fieldInfo.option;
+			const { render: customRender, renderComponent, renderComponentProps, ...fieldProps } = fieldInfo.option;
 			columns.push({
 				title: getText(fieldInfo.label),
 				key: k,
-				...fieldProps
+				...fieldProps,
+				render(v, d, index) {
+					if (renderComponent) {
+						const Component = schemaTableRenderComponentMap[renderComponent];
+						if (Component) return /* @__PURE__ */ jsx(Suspense, {
+							fallback: null,
+							children: /* @__PURE__ */ jsx(Component, {
+								...renderComponentProps,
+								value: v,
+								record: d,
+								rowIndex: index,
+								fieldKey: k
+							})
+						});
+					}
+					return customRender ? customRender(v, d, index) : v;
+				}
 			});
 		}
 	});
@@ -50,7 +67,7 @@ var generateRowActions = (btnConfigs, rowData, api) => {
 			case "remove":
 				if (api) {
 					const apiParams = Object.entries(eventOption.params).reduce((o, [k, v]) => {
-						if (("" + v).includes(VALUE_KEY)) o[k] = rowData[("" + v).split(VALUE_KEY)[1]];
+						if (("" + v).indexOf(VALUE_KEY) === 0) o[k] = rowData[("" + v).split(VALUE_KEY)[1]];
 						else o[k] = v;
 						return o;
 					}, {});

package/fe/frontend/src/defaultPages/SchemaPage/index.css

@@ -8,10 +8,6 @@
         linear-gradient(180deg, hsl(var(--background) / 0.62), hsl(var(--background) / 0.3)), hsl(var(--theme-bg));
 }
 
-.schema-search-region {
-    padding-bottom: 12px;
-}
-
 .schema-search .tc-ui-search {
     align-items: flex-end;
     gap: 10px 16px;

package/fe/frontend/src/defaultPages/SlotPage/index.js

@@ -4,18 +4,21 @@ import Iframe from "../Iframe/index.js";
 import NotFoundPage from "../NotFoundPage/index.js";
 import Schema from "../SchemaPage/index.js";
 import { memo, useMemo } from "react";
+import { useParams } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
 //#region frontend/src/defaultPages/SlotPage/index.tsx
 var SlotPage = memo(() => {
 	const { menu } = useCurrentMenuData(true);
+	const params = useParams();
+	const sidek = params.sidek;
 	return useMemo(() => {
-		if (menu?.moduleType === "iframe") return /* @__PURE__ */ jsx(Iframe, {});
-		else if (menu?.moduleType === "schema") return /* @__PURE__ */ jsx(Schema, {});
+		if (menu?.moduleType === "iframe") return /* @__PURE__ */ jsx(Iframe, {}, sidek);
+		else if (menu?.moduleType === "schema") return /* @__PURE__ */ jsx(Schema, {}, sidek);
 		else {
 			logPageNotFound();
 			return /* @__PURE__ */ jsx(NotFoundPage, {});
 		}
-	}, [menu?.moduleType]);
+	}, [menu?.moduleType, params.sidek]);
 });
 SlotPage.displayName = "SlotPage";
 //#endregion

package/fe/frontend/src/index.d.ts

@@ -2,6 +2,7 @@ import "./typing/scalability";
 export type * from "../apps/dash/types";
 export * from "./main";
 export type { CallComComponentsMap, CallComRenderer } from "./defaultPages/SchemaPage/schemaType";
+export type { SchemaTableRenderComponent, SchemaTableRenderComponentsMap, } from "./defaultPages/SchemaPage/components/SchemaTable/data";
 export * from "./components/index";
 export type { FormFieldSchema, SchemaFormComponentsMap, SchemaFormNamespace, SelectProps } from "../../packages/react/ui/index";
 export { renderImportComponent } from "./common/importComponent";

package/fe/model/types/data/schema.d.ts

@@ -1,11 +1,33 @@
-import { TableColumnDef } from "../../../packages/react/ui/index";
+import type { PreviewImageProps, TableColumnDef } from "../../../packages/react/ui/index";
 import type { JSONSchema7 } from "json-schema";
 import { MOmit } from "../../../typings/type";
 import { BaseButton } from "./button";
 import { ComponentConfig, ComponentNames, ComponentsOption } from "./component";
 import { SearchOption } from "./search";
+export declare namespace SchemaTableNamespace {
+    interface RenderComponentPropsMap {
+    }
+}
+export type BuiltInSchemaTableRenderComponentPropsMap = {
+    PreviewImage: Omit<PreviewImageProps, 'images'> & {
+        value?: unknown;
+        record?: Record<string, unknown>;
+        rowIndex?: number;
+        fieldKey?: string;
+        images?: PreviewImageProps['images'];
+        valueToImages?: (value: unknown, record?: Record<string, unknown>, rowIndex?: number, fieldKey?: string) => PreviewImageProps['images'];
+    };
+};
+export type SchemaTableRenderComponentPropsMap = BuiltInSchemaTableRenderComponentPropsMap & SchemaTableNamespace.RenderComponentPropsMap;
+export type SchemaTableRenderComponentName = Extract<keyof SchemaTableRenderComponentPropsMap, string>;
+export type SchemaTableRenderComponentOption = {
+    [K in SchemaTableRenderComponentName]: {
+        renderComponent?: K;
+        renderComponentProps?: Partial<Omit<SchemaTableRenderComponentPropsMap[K], 'value' | 'record' | 'rowIndex' | 'fieldKey'>>;
+    };
+}[SchemaTableRenderComponentName];
 export type TableColumnsSchema = {
-    tableOption?: MOmit<TableColumnDef, 'key' | 'title'> & {
+    tableOption?: MOmit<TableColumnDef, 'key' | 'title'> & SchemaTableRenderComponentOption & {
         visible?: boolean;
         toFixed?: number;
     };

package/fe/model/types/index.d.ts

@@ -1,2 +1,3 @@
 export type { MBMenuType, ModelDataType, ModelMode, ModelModeMap } from "./model";
 export type { BuiltInCallComConfigMap, BuiltInCallComNames, BuiltInCallComOptionMap, CallComNamespace, ComponentConfig, ComponentFieldOption, ComponentNames, ComponentsOption, } from "./data/component";
+export type { BuiltInSchemaTableRenderComponentPropsMap, SchemaTableNamespace, SchemaTableRenderComponentName, SchemaTableRenderComponentOption, SchemaTableRenderComponentPropsMap, } from "./data/schema";

package/fe/packages/react/ui/components/types/baseType.d.ts

@@ -0,0 +1,21 @@
+export type ColumnDefForKey<T> = {
+    [K in keyof T]: {
+        key: K;
+        title: string;
+        dataIndex?: string;
+        width?: string;
+        isAction?: boolean;
+        render?: (value: T[K], record: T, index: number) => React.ReactNode;
+        renderExport?: (value: T[K], record: T, index: number) => React.ReactNode;
+    };
+}[keyof T];
+export type ColumnDefAction<T> = {
+    key: 'action';
+    title: string;
+    dataIndex?: string;
+    width?: string;
+    isAction?: boolean;
+    render?: (value: unknown, record: T, index: number) => React.ReactNode;
+    renderExport?: (value: unknown, record: T, index: number) => React.ReactNode;
+};
+export type ColumnDef<T = Record<string, unknown>> = ColumnDefForKey<T> | ColumnDefAction<T>;

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

@@ -1,11 +1,33 @@
-import { TableColumnDef } from "../../../../fe/packages/react/ui/index";
+import type { PreviewImageProps, TableColumnDef } from "../../../../fe/packages/react/ui/index";
 import type { JSONSchema7 } from "json-schema";
 import { MOmit } from "../../../../types/typings/type";
 import { BaseButton } from "./button";
 import { ComponentConfig, ComponentNames, ComponentsOption } from "./component";
 import { SearchOption } from "./search";
+export declare namespace SchemaTableNamespace {
+    interface RenderComponentPropsMap {
+    }
+}
+export type BuiltInSchemaTableRenderComponentPropsMap = {
+    PreviewImage: Omit<PreviewImageProps, 'images'> & {
+        value?: unknown;
+        record?: Record<string, unknown>;
+        rowIndex?: number;
+        fieldKey?: string;
+        images?: PreviewImageProps['images'];
+        valueToImages?: (value: unknown, record?: Record<string, unknown>, rowIndex?: number, fieldKey?: string) => PreviewImageProps['images'];
+    };
+};
+export type SchemaTableRenderComponentPropsMap = BuiltInSchemaTableRenderComponentPropsMap & SchemaTableNamespace.RenderComponentPropsMap;
+export type SchemaTableRenderComponentName = Extract<keyof SchemaTableRenderComponentPropsMap, string>;
+export type SchemaTableRenderComponentOption = {
+    [K in SchemaTableRenderComponentName]: {
+        renderComponent?: K;
+        renderComponentProps?: Partial<Omit<SchemaTableRenderComponentPropsMap[K], 'value' | 'record' | 'rowIndex' | 'fieldKey'>>;
+    };
+}[SchemaTableRenderComponentName];
 export type TableColumnsSchema = {
-    tableOption?: MOmit<TableColumnDef, 'key' | 'title'> & {
+    tableOption?: MOmit<TableColumnDef, 'key' | 'title'> & SchemaTableRenderComponentOption & {
         visible?: boolean;
         toFixed?: number;
     };

package/model/model/types/index.d.ts

@@ -1,2 +1,3 @@
 export type { MBMenuType, ModelDataType, ModelMode, ModelModeMap } from "./model";
 export type { BuiltInCallComConfigMap, BuiltInCallComNames, BuiltInCallComOptionMap, CallComNamespace, ComponentConfig, ComponentFieldOption, ComponentNames, ComponentsOption, } from "./data/component";
+export type { BuiltInSchemaTableRenderComponentPropsMap, SchemaTableNamespace, SchemaTableRenderComponentName, SchemaTableRenderComponentOption, SchemaTableRenderComponentPropsMap, } from "./data/schema";

package/model/packages/react/ui/components/types/baseType.d.ts

@@ -0,0 +1,21 @@
+export type ColumnDefForKey<T> = {
+    [K in keyof T]: {
+        key: K;
+        title: string;
+        dataIndex?: string;
+        width?: string;
+        isAction?: boolean;
+        render?: (value: T[K], record: T, index: number) => React.ReactNode;
+        renderExport?: (value: T[K], record: T, index: number) => React.ReactNode;
+    };
+}[keyof T];
+export type ColumnDefAction<T> = {
+    key: 'action';
+    title: string;
+    dataIndex?: string;
+    width?: string;
+    isAction?: boolean;
+    render?: (value: unknown, record: T, index: number) => React.ReactNode;
+    renderExport?: (value: unknown, record: T, index: number) => React.ReactNode;
+};
+export type ColumnDef<T = Record<string, unknown>> = ColumnDefForKey<T> | ColumnDefAction<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@_tc/template-core",
-  "version": "0.2.0-bate.6",
+  "version": "0.2.0-bate.8",
   "description": "A full-stack TypeScript admin framework powered by Koa, React, and Vite - monorepo root",
   "types": "./types/index.d.ts",
   "exports": {

package/types/bundler/buildFE.d.ts

@@ -0,0 +1,2 @@
+import type { BuildFEOptions } from "./state";
+export declare const buildFE: (mode: "dev" | "prod", options?: BuildFEOptions) => Promise<void>;

package/types/bundler/index.d.ts

@@ -1,4 +1,3 @@
-import type { BuildFEOptions } from "./state";
 export { buildBE } from "./buildBE";
 export type { BuildBEAlias, BuildBEFormat, BuildBEOptions, BuildBEResult } from "./buildBE";
-export declare const buildFE: (mode: "dev" | "prod", options?: BuildFEOptions) => Promise<void>;
+export { buildFE } from "./buildFE";