colored-table 0.0.2 → 0.1.0

package/LICENSE

@@ -1,7 +1,7 @@
 # MIT License
-
-Copyright (c) <2025> <earthnut.dev>
     
+Copyright (c) <2025> <earthnutDev>
+
 Permission to use, copy, modify, and/or distribute this software for any  
 purpose with or without fee is hereby granted, provided that the above  
 copyright notice and this permission notice appear in all copies.

package/README.md

@@ -12,6 +12,10 @@
 
 ```bash
 npm install  --save colored-table
+
+# 亦可 (两包以后将同步版本发布)
+
+npm install --save @qqi/table
 ```
 
 ## 使用
@@ -35,7 +39,7 @@ table.addRow(['我在第三行第一列', '我在第三行第二列']);
 table();
 ```
 
-效果：
+格式效果：
 
 | 第一列           | 第二列           |
 | :--------------- | :--------------- |
@@ -43,6 +47,14 @@ table();
 | 我在第二行第一列 | 我在第二行第二列 |
 | 我在第三行第一列 | 我在第三行第二列 |
 
+在浏览器效果：
+
+[![浏览器表格](https://raw.githubusercontent.com/earthnutDev/qqi/main/media/浏览器表格.png)](https://github.com/earthnutDev/qqi/blob/main/media/浏览器表格.png)
+
+带表情的效果
+
+[![浏览器表格](https://raw.githubusercontent.com/earthnutDev/qqi/main/media/浏览器表格-with-emoji.png)](https://github.com/earthnutDev/qqi/blob/main/media/浏览器表格-with-emoji.png)
+
 ### setFontSize
 
 除了 `addRow` 和 `setHeader` 两个方法，实例上还存在 `setFontSize` 方法。该方法将控制最终渲染的表格的字符大小。当然，这仅可在浏览器环境使用
@@ -58,4 +70,4 @@ table.setFontSize(16); // 渲染表格会在控制台显示更大
 
 ## 文档地址
 
-[colored-table](https://earthnut.dev/colored-table)
+[colored-table](https://earthnut.dev/nmp/colored-table)

package/index.cjs

@@ -1 +1,20 @@
-"use strict";var e=require("a-js-tools"),t=require("a-type-of-js"),o=require("color-pen"),r=require("@color-pen/static");const n=e.createConstructor((function(e){return this.data=[],Object.setPrototypeOf(this,e),this}));function l(e,o){if(o.align&&(e.align=o.align),o.bgColor&&(e.bgColor=o.bgColor),o.color&&(e.color=o.color),o.italic&&(e.italic=o.italic),o.underline&&(e.underline=o.underline),o.border)if(t.isType(o.border,(e=>t.isString(e)))){const t=o.border;e.border={left:{color:void 0,style:t},right:{color:void 0,style:t},top:{color:void 0,style:t},bottom:{color:void 0,style:t}}}else if(t.isType(o.border,(e=>["color","style"].some((o=>!t.isUndefined(e[o])))))){const t=o.border,r=t.style,n=t.color||void 0;e.border=JSON.parse(JSON.stringify({left:{color:n,style:r},right:{color:n,style:r},top:{color:n,style:r},bottom:{color:n,style:r}},((e,t)=>""===t?void 0:t)))}else t.isType(o.border,(e=>["left","right","top","bottom"].some((o=>!t.isUndefined(e[o])))))&&(e.border=o.border)}class i{}function s(e,o){t.isArray(e)&&(e={data:e});const r=new i;l(r,e);const s=new n(r);return Object.setPrototypeOf(r,o),e.data?.forEach((e=>{e&&s.data.push(function(e,o){if(t.isUndefined(e))return;t.isType(e,(e=>!t.isPlainObject(e)))&&(e={content:e});const r={content:e.content};return l(r,e),Object.setPrototypeOf(r,o),r}(e,r))})),s}class c extends i{border={left:{style:"bold",color:void 0},right:{style:"bold",color:void 0},top:{style:"bold",color:void 0},bottom:{style:"bold",color:void 0}}}function a(e){const t=new c;return Object.setPrototypeOf(t,e),t}const d=!e.isNode(),u={emojiLength:2.08,emojiRegex:/[\u{1F600}-\u{1F64F}\u{1F300}-\u{1F5FF}\u{1F680}-\u{1F6FF}\u{1F900}-\u{1F9FF}]/gu,chineseLength:1.8,chineseRegex:/[\u4E00-\u9FFF]/g};const f=new class{align="left";color="";bgColor="";bold=!1;underline=!1;italic=!1;border={left:{color:void 0,style:"simple"},right:{color:void 0,style:"simple"},top:{color:void 0,style:"simple"},bottom:{color:void 0,style:"simple"}}},h=e.createConstructor((function(e){return this.body=[],this.header=void 0,Object.setPrototypeOf(this,e),this}));class b{}function g(e){let r=o.pen;return t.isType(e)&&(e.bold&&(r=r.bold),t.isBusinessEmptyString(e.bgColor)||t.isUndefined(e.bgColor)||(r=r.bgColor(e.bgColor)),t.isBusinessEmptyString(e.color)||t.isUndefined(e.color)||(r=r.color(e.color)),e.italic&&(r=r.italic),e.underline&&(r=r.underline)),r}const y={fine:{lt:"┌",ct:"┬",rt:"┐",lc:"├",c:"┼",rc:"┤",lb:"└",cb:"┴",rb:"┘",l:"─",v:"│"}};function p(e){let t=0;return[...e].forEach((e=>{u.emojiRegex.lastIndex=0,u.chineseRegex.lastIndex=0,e.match(u.emojiRegex)?t+=u.emojiLength:e.match(u.chineseRegex)?t+=u.chineseLength:t++})),Math.ceil(t)}function m(e,n){const l=function(e){const t=[];return e.header&&e.header.data.forEach(((e,r)=>{const n=e?.content?.toString()??"";t[r]=Math.max(t[r]??0,d?p(n):o.strInTerminalLength(n))})),e.body&&e.body.forEach((e=>{e.data.forEach(((e,r)=>{const n=e?.content?.toString()??"";t[r]=Math.max(t[r]??0,d?p(n):o.strInTerminalLength(n))}))})),t}(e);let i=!1,s="";e.header&&(i=!0,s+=function(e,n){let l="";const i=n.length-1,{fine:s}=y,c=g(e);return n.forEach(((e,t)=>{0===t&&(l+=s.lt),l+=r.terminalResetStyle,l+=s.l.repeat(e+2),t===i?(l+=r.terminalResetStyle,l+=s.rt):(l+=r.terminalResetStyle,l+=s.ct)})),l+="\n",n.forEach(((n,a)=>{l+=r.terminalResetStyle,l+=s.v;const d=e.data[a];if(t.isUndefined(d)||t.isNull(d))l+=r.terminalResetStyle,l+=c(" ".repeat(n+2));else{const e=g(d);let t=d.content?.toString()??"";t=t.replace(/[\n]/g,"\\n").replace(/\r/g,"\\r").replace(/\t/g,"\\t"),l+=r.terminalResetStyle,l+=e`\u2002${o.cutoffStringWithChar(t,n)}\u2002`}a===i&&(l+=s.v)})),l+="\n",l}(e.header,l)),s+=function(e,n,l){let i="";const s=n.length-1,{fine:c}=y;return n.forEach(((e,t)=>{0===t&&(i+=r.terminalResetStyle,i+=l?c.lc:c.lt),i+=r.terminalResetStyle,i+=c.l.repeat(e+2),t===s?(i+=r.terminalResetStyle,i+=l?c.rc:c.rt):(i+=r.terminalResetStyle,i+=l?c.c:c.ct)})),i+="\n",e.forEach(((l,a)=>{const d=g(l);n.forEach(((e,n)=>{i+=r.terminalResetStyle,i+=c.v;const a=l.data[n];if(t.isUndefined(a)||t.isNull(a))i+=d`${" ".repeat(e+2)}`;else{const t=g(a);let n=a.content?.toString()||"";n=n.replace(/[\n]/g,"\\n").replace(/\r/g,"\\r").replace(/\t/g,"\\t"),i+=r.terminalResetStyle,i+=t`\u2002${o.cutoffStringWithChar(n,e)}\u2002`}n===s&&(i+=r.terminalResetStyle,i+=c.v)})),i+="\n";const u=e.length-1===a;n.forEach(((e,t)=>{0===t&&(i+=r.terminalResetStyle,i+=u?c.lb:c.lc),i+=r.terminalResetStyle,i+=c.l.repeat(e+2),t===s?(i+=r.terminalResetStyle,i+=u?c.rb:c.rc):(i+=r.terminalResetStyle,i+=u?c.cb:c.c)})),i+="\n"})),i}(e.body,l,i);const c=o.colorText(s);if(d){const e=c[0].split("%c"),t=c.map(((t,r)=>{if(r>0){const l=[...e[r]].reduce(((e,t)=>o.strInTerminalLength(t)>1?(u.emojiRegex.lastIndex=0,t.match(u.emojiRegex)?e-(u.emojiLength-2):e+(2-u.chineseLength)):e),0);return t+"font-family: Consolas,Monaco,Courier,'Courier New','等宽字体',monospace; font-size:"+n+"px;word-spacing:normal;padding:0;margin:0;padding-right:"+l*n+"px"}return t}));console.log(...t)}else console.log(...c)}const S=e.createConstructor((function(e){const[o,r]=function(e){t.isUndefined(e)&&(e={}),t.isArray(e)&&(e={body:e});const o=new b;l(o,e),Object.setPrototypeOf(o,f);const r=new h(o);return e.header&&(r.header=s(e.header,a(o))),e.body?.forEach((e=>r.body.push(s(e,o)))),[r,o]}(e);let n=12;const i=()=>m(o,n);return Object.setPrototypeOf(i,this),Object.defineProperties(i,{addRow:{value:e=>(o.body.push(s(e,r)),i),configurable:!1,writable:!1,enumerable:!1},setHeader:{value:e=>(o.header=s(e,a(r)),i),configurable:!1,writable:!1,enumerable:!1},setFontSize:{value:e=>(n=e,i)}}),i}));exports.ColoredTable=S,exports.ColoredTableGlobalData=f,exports.Table=S;
+'use strict';
+
+var aJsTools = require('a-js-tools');
+var core = require('./src/core.cjs');
+var global = require('./src/global.cjs');
+
+/**
+ *
+ *  # 构建 DIY 表单
+ *
+ *  使用 console.table 构建的表单默认不支持彩色文本（目前我没找到支持的方法），遂花几日写该方法
+ *
+ *
+ *
+ */
+const tableClass = aJsTools.createConstructor(core.table);
+
+exports.ColoredTableGlobalData = global.globalData;
+exports.ColoredTable = tableClass;
+exports.Table = tableClass;

package/index.mjs

@@ -1 +1,16 @@
-import{createConstructor as o,isNode as e}from"a-js-tools";import{isType as t,isString as r,isUndefined as n,isPlainObject as l,isArray as c,isBusinessEmptyString as i,isNull as s}from"a-type-of-js";import{pen as a,cutoffStringWithChar as d,strInTerminalLength as b,colorText as u}from"color-pen";import{terminalResetStyle as f}from"@color-pen/static";const h=o((function(o){return this.data=[],Object.setPrototypeOf(this,o),this}));function g(o,e){if(e.align&&(o.align=e.align),e.bgColor&&(o.bgColor=e.bgColor),e.color&&(o.color=e.color),e.italic&&(o.italic=e.italic),e.underline&&(o.underline=e.underline),e.border)if(t(e.border,(o=>r(o)))){const t=e.border;o.border={left:{color:void 0,style:t},right:{color:void 0,style:t},top:{color:void 0,style:t},bottom:{color:void 0,style:t}}}else if(t(e.border,(o=>["color","style"].some((e=>!n(o[e])))))){const t=e.border,r=t.style,n=t.color||void 0;o.border=JSON.parse(JSON.stringify({left:{color:n,style:r},right:{color:n,style:r},top:{color:n,style:r},bottom:{color:n,style:r}},((o,e)=>""===e?void 0:e)))}else t(e.border,(o=>["left","right","top","bottom"].some((e=>!n(o[e])))))&&(o.border=e.border)}class p{}function m(o,e){c(o)&&(o={data:o});const r=new p;g(r,o);const i=new h(r);return Object.setPrototypeOf(r,e),o.data?.forEach((o=>{o&&i.data.push(function(o,e){if(n(o))return;t(o,(o=>!l(o)))&&(o={content:o});const r={content:o.content};return g(r,o),Object.setPrototypeOf(r,e),r}(o,r))})),i}class y extends p{border={left:{style:"bold",color:void 0},right:{style:"bold",color:void 0},top:{style:"bold",color:void 0},bottom:{style:"bold",color:void 0}}}function v(o){const e=new y;return Object.setPrototypeOf(e,o),e}const F=!e(),j={emojiLength:2.08,emojiRegex:/[\u{1F600}-\u{1F64F}\u{1F300}-\u{1F5FF}\u{1F680}-\u{1F6FF}\u{1F900}-\u{1F9FF}]/gu,chineseLength:1.8,chineseRegex:/[\u4E00-\u9FFF]/g};const x=new class{align="left";color="";bgColor="";bold=!1;underline=!1;italic=!1;border={left:{color:void 0,style:"simple"},right:{color:void 0,style:"simple"},top:{color:void 0,style:"simple"},bottom:{color:void 0,style:"simple"}}},O=o((function(o){return this.body=[],this.header=void 0,Object.setPrototypeOf(this,o),this}));class C{}function E(o){let e=a;return t(o)&&(o.bold&&(e=e.bold),i(o.bgColor)||n(o.bgColor)||(e=e.bgColor(o.bgColor)),i(o.color)||n(o.color)||(e=e.color(o.color)),o.italic&&(e=e.italic),o.underline&&(e=e.underline)),e}const w={fine:{lt:"┌",ct:"┬",rt:"┐",lc:"├",c:"┼",rc:"┤",lb:"└",cb:"┴",rb:"┘",l:"─",v:"│"}};function R(o){let e=0;return[...o].forEach((o=>{j.emojiRegex.lastIndex=0,j.chineseRegex.lastIndex=0,o.match(j.emojiRegex)?e+=j.emojiLength:o.match(j.chineseRegex)?e+=j.chineseLength:e++})),Math.ceil(e)}function P(o,e){const t=function(o){const e=[];return o.header&&o.header.data.forEach(((o,t)=>{const r=o?.content?.toString()??"";e[t]=Math.max(e[t]??0,F?R(r):b(r))})),o.body&&o.body.forEach((o=>{o.data.forEach(((o,t)=>{const r=o?.content?.toString()??"";e[t]=Math.max(e[t]??0,F?R(r):b(r))}))})),e}(o);let r=!1,l="";o.header&&(r=!0,l+=function(o,e){let t="";const r=e.length-1,{fine:l}=w,c=E(o);return e.forEach(((o,e)=>{0===e&&(t+=l.lt),t+=f,t+=l.l.repeat(o+2),e===r?(t+=f,t+=l.rt):(t+=f,t+=l.ct)})),t+="\n",e.forEach(((e,i)=>{t+=f,t+=l.v;const a=o.data[i];if(n(a)||s(a))t+=f,t+=c(" ".repeat(e+2));else{const o=E(a);let r=a.content?.toString()??"";r=r.replace(/[\n]/g,"\\n").replace(/\r/g,"\\r").replace(/\t/g,"\\t"),t+=f,t+=o`\u2002${d(r,e)}\u2002`}i===r&&(t+=l.v)})),t+="\n",t}(o.header,t)),l+=function(o,e,t){let r="";const l=e.length-1,{fine:c}=w;return e.forEach(((o,e)=>{0===e&&(r+=f,r+=t?c.lc:c.lt),r+=f,r+=c.l.repeat(o+2),e===l?(r+=f,r+=t?c.rc:c.rt):(r+=f,r+=t?c.c:c.ct)})),r+="\n",o.forEach(((t,i)=>{const a=E(t);e.forEach(((o,e)=>{r+=f,r+=c.v;const i=t.data[e];if(n(i)||s(i))r+=a`${" ".repeat(o+2)}`;else{const e=E(i);let t=i.content?.toString()||"";t=t.replace(/[\n]/g,"\\n").replace(/\r/g,"\\r").replace(/\t/g,"\\t"),r+=f,r+=e`\u2002${d(t,o)}\u2002`}e===l&&(r+=f,r+=c.v)})),r+="\n";const b=o.length-1===i;e.forEach(((o,e)=>{0===e&&(r+=f,r+=b?c.lb:c.lc),r+=f,r+=c.l.repeat(o+2),e===l?(r+=f,r+=b?c.rb:c.rc):(r+=f,r+=b?c.cb:c.c)})),r+="\n"})),r}(o.body,t,r);const c=u(l);if(F){const o=c[0].split("%c"),t=c.map(((t,r)=>{if(r>0){const n=[...o[r]].reduce(((o,e)=>b(e)>1?(j.emojiRegex.lastIndex=0,e.match(j.emojiRegex)?o-(j.emojiLength-2):o+(2-j.chineseLength)):o),0);return t+"font-family: Consolas,Monaco,Courier,'Courier New','等宽字体',monospace; font-size:"+e+"px;word-spacing:normal;padding:0;margin:0;padding-right:"+n*e+"px"}return t}));console.log(...t)}else console.log(...c)}const S=o((function(o){const[e,t]=function(o){n(o)&&(o={}),c(o)&&(o={body:o});const e=new C;g(e,o),Object.setPrototypeOf(e,x);const t=new O(e);return o.header&&(t.header=m(o.header,v(e))),o.body?.forEach((o=>t.body.push(m(o,e)))),[t,e]}(o);let r=12;const l=()=>P(e,r);return Object.setPrototypeOf(l,this),Object.defineProperties(l,{addRow:{value:o=>(e.body.push(m(o,t)),l),configurable:!1,writable:!1,enumerable:!1},setHeader:{value:o=>(e.header=m(o,v(t)),l),configurable:!1,writable:!1,enumerable:!1},setFontSize:{value:o=>(r=o,l)}}),l}));export{S as ColoredTable,x as ColoredTableGlobalData,S as Table};
+import { createConstructor } from 'a-js-tools';
+import { table } from './src/core.mjs';
+export { globalData as ColoredTableGlobalData } from './src/global.mjs';
+
+/**
+ *
+ *  # 构建 DIY 表单
+ *
+ *  使用 console.table 构建的表单默认不支持彩色文本（目前我没找到支持的方法），遂花几日写该方法
+ *
+ *
+ *
+ */
+const tableClass = createConstructor(table);
+
+export { tableClass as ColoredTable, tableClass as Table };

package/package.json

@@ -1,24 +1,26 @@
 {
+  "main": "index.cjs",
+  "module": "index.mjs",
+  "types": "index.d.ts",
   "name": "colored-table",
+  "version": "0.1.0",
   "type": "module",
-  "version": "0.0.2",
-  "description": "一个简单的在控制台及控制台构建彩色文本表格的工具 🔧",
+  "description": "一个简单的在控制台及控制台构建彩色文本表格的工具",
   "license": "MIT",
   "dependencies": {
-    "@color-pen/static": "^1.0.0",
-    "a-js-tools": "^1.0.0",
-    "a-type-of-js": "^1.0.1",
-    "color-pen": "^2.0.10"
+    "@color-pen/static": "^1.0.1",
+    "a-js-tools": "^1.0.10",
+    "a-type-of-js": "^1.0.7",
+    "color-pen": "^2.0.13"
   },
-  "author": {
-    "name": "earthnut",
-    "email": "earthnut.dev@outlook.com",
-    "url": "https://earthnut.dev"
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "files": [
+    "index.d.ts",
     "index.mjs",
     "index.cjs",
-    "index.d.ts",
     "src"
   ],
   "exports": {
@@ -33,20 +35,28 @@
       }
     }
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/earthnutDev/colored-table.git"
+  },
+  "author": {
+    "name": "花生亻",
+    "email": "earthnut.dev@outlook.com",
+    "url": "https://earthnut.dev"
+  },
+  "browserslist": [
+    "node>=18.0.0"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
   "keywords": [
+    "colored-table",
     "colored-table"
   ],
-  "homepage": "https://earthnut.dev/colored-table",
+  "homepage": "https://earthnut.dev/npm/colored-table",
   "bugs": {
-    "url": "https://github.com/earthnutDev/qqi/issues",
+    "url": "https://github.com/earthnutDev/colored-table/issues",
     "email": "earthnut.dev@outlook.com"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/earthnutDev/qqi.git"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
   }
 }

package/src/build/buildBody.cjs

@@ -0,0 +1,85 @@
+'use strict';
+
+var aTypeOfJs = require('a-type-of-js');
+var createPen = require('./createPen.cjs');
+var colorPen = require('color-pen');
+var lines = require('../lines.cjs');
+var _static = require('@color-pen/static');
+
+/**  构建表头  */
+function buildBody(body, lineList, hasHeader) {
+    /**  结果  */
+    let result = '';
+    /** 最大的下标  */
+    const lineMaxIndex = lineList.length - 1;
+    const { fine } = lines.lines;
+    lineList.forEach((e, i) => {
+        if (i === 0) {
+            result += _static.terminalResetStyle;
+            result += hasHeader ? fine.lc : fine.lt;
+        }
+        result += _static.terminalResetStyle;
+        result += fine.l.repeat(e + 2);
+        if (i === lineMaxIndex) {
+            result += _static.terminalResetStyle;
+            result += hasHeader ? fine.rc : fine.rt;
+        }
+        else {
+            result += _static.terminalResetStyle;
+            result += hasHeader ? fine.c : fine.ct;
+        }
+    });
+    result += '\n';
+    body.forEach((row, index) => {
+        /**  默认的画笔 (用于绘制空值时的表格)  */
+        const defaultPen = createPen.createPen(row);
+        lineList.forEach((e, i) => {
+            result += _static.terminalResetStyle;
+            result += fine.v;
+            /**  当前的元素  */
+            const ele = row.data[i];
+            // 元素为空则输出默认的样式
+            if (aTypeOfJs.isUndefined(ele) || aTypeOfJs.isNull(ele)) {
+                result += defaultPen `${'\u2002'.repeat(e + 2)}`;
+            }
+            else {
+                /**  默认的画笔 (用于绘制空值时的表格)  */
+                const cellPen = createPen.createPen(ele);
+                let str = ele.content?.toString() || '';
+                str = str
+                    .replace(/[\n]/g, '\\n')
+                    .replace(/\r/g, '\\r')
+                    .replace(/\t/g, '\\t');
+                result += _static.terminalResetStyle;
+                result += cellPen `\u2002${colorPen.cutoffStringWithChar(str, e)}\u2002`;
+            }
+            if (i === lineMaxIndex) {
+                result += _static.terminalResetStyle;
+                result += fine.v;
+            }
+        });
+        result += '\n';
+        const isLastRow = body.length - 1 === index;
+        lineList.forEach((e, i) => {
+            if (i === 0) {
+                result += _static.terminalResetStyle;
+                result += isLastRow ? fine.lb : fine.lc;
+            }
+            result += _static.terminalResetStyle;
+            result += fine.l.repeat(e + 2);
+            if (i === lineMaxIndex) {
+                // 最后一行的最后一个
+                result += _static.terminalResetStyle;
+                result += isLastRow ? fine.rb : fine.rc;
+            }
+            else {
+                result += _static.terminalResetStyle;
+                result += isLastRow ? fine.cb : fine.c;
+            }
+        });
+        result += '\n';
+    });
+    return result;
+}
+
+exports.buildBody = buildBody;

package/src/build/buildBody.mjs

@@ -0,0 +1,83 @@
+import { isUndefined, isNull } from 'a-type-of-js';
+import { createPen } from './createPen.mjs';
+import { cutoffStringWithChar } from 'color-pen';
+import { lines } from '../lines.mjs';
+import { terminalResetStyle } from '@color-pen/static';
+
+/**  构建表头  */
+function buildBody(body, lineList, hasHeader) {
+    /**  结果  */
+    let result = '';
+    /** 最大的下标  */
+    const lineMaxIndex = lineList.length - 1;
+    const { fine } = lines;
+    lineList.forEach((e, i) => {
+        if (i === 0) {
+            result += terminalResetStyle;
+            result += hasHeader ? fine.lc : fine.lt;
+        }
+        result += terminalResetStyle;
+        result += fine.l.repeat(e + 2);
+        if (i === lineMaxIndex) {
+            result += terminalResetStyle;
+            result += hasHeader ? fine.rc : fine.rt;
+        }
+        else {
+            result += terminalResetStyle;
+            result += hasHeader ? fine.c : fine.ct;
+        }
+    });
+    result += '\n';
+    body.forEach((row, index) => {
+        /**  默认的画笔 (用于绘制空值时的表格)  */
+        const defaultPen = createPen(row);
+        lineList.forEach((e, i) => {
+            result += terminalResetStyle;
+            result += fine.v;
+            /**  当前的元素  */
+            const ele = row.data[i];
+            // 元素为空则输出默认的样式
+            if (isUndefined(ele) || isNull(ele)) {
+                result += defaultPen `${'\u2002'.repeat(e + 2)}`;
+            }
+            else {
+                /**  默认的画笔 (用于绘制空值时的表格)  */
+                const cellPen = createPen(ele);
+                let str = ele.content?.toString() || '';
+                str = str
+                    .replace(/[\n]/g, '\\n')
+                    .replace(/\r/g, '\\r')
+                    .replace(/\t/g, '\\t');
+                result += terminalResetStyle;
+                result += cellPen `\u2002${cutoffStringWithChar(str, e)}\u2002`;
+            }
+            if (i === lineMaxIndex) {
+                result += terminalResetStyle;
+                result += fine.v;
+            }
+        });
+        result += '\n';
+        const isLastRow = body.length - 1 === index;
+        lineList.forEach((e, i) => {
+            if (i === 0) {
+                result += terminalResetStyle;
+                result += isLastRow ? fine.lb : fine.lc;
+            }
+            result += terminalResetStyle;
+            result += fine.l.repeat(e + 2);
+            if (i === lineMaxIndex) {
+                // 最后一行的最后一个
+                result += terminalResetStyle;
+                result += isLastRow ? fine.rb : fine.rc;
+            }
+            else {
+                result += terminalResetStyle;
+                result += isLastRow ? fine.cb : fine.c;
+            }
+        });
+        result += '\n';
+    });
+    return result;
+}
+
+export { buildBody };

package/src/build/buildHeader.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+var aTypeOfJs = require('a-type-of-js');
+var createPen = require('./createPen.cjs');
+var colorPen = require('color-pen');
+var lines = require('../lines.cjs');
+var _static = require('@color-pen/static');
+
+/**  构建表头  */
+function buildHeader(header, lineList) {
+    /**  结果  */
+    let result = '';
+    /** 最大的下标  */
+    const lineMaxIndex = lineList.length - 1;
+    const { fine } = lines.lines;
+    /**  默认的画笔 (用于绘制空值时的表格)  */
+    const defaultPen = createPen.createPen(header);
+    lineList.forEach((e, i) => {
+        if (i === 0) {
+            result += fine.lt;
+        }
+        result += _static.terminalResetStyle;
+        result += fine.l.repeat(e + 2);
+        if (i === lineMaxIndex) {
+            result += _static.terminalResetStyle;
+            result += fine.rt;
+        }
+        else {
+            result += _static.terminalResetStyle;
+            result += fine.ct;
+        }
+    });
+    result += '\n';
+    lineList.forEach((e, i) => {
+        result += _static.terminalResetStyle;
+        result += fine.v;
+        /**  当前的元素  */
+        const ele = header.data[i];
+        // 元素为空则输出默认的样式
+        if (aTypeOfJs.isUndefined(ele) || aTypeOfJs.isNull(ele)) {
+            result += _static.terminalResetStyle;
+            result += defaultPen('\u2002'.repeat(e + 2));
+        }
+        else {
+            /**  默认的画笔 (用于绘制空值时的表格)  */
+            const cellPen = createPen.createPen(ele);
+            let str = ele.content?.toString() ?? '';
+            str = str
+                .replace(/[\n]/g, '\\n')
+                .replace(/\r/g, '\\r')
+                .replace(/\t/g, '\\t');
+            result += _static.terminalResetStyle;
+            result += cellPen `\u2002${colorPen.cutoffStringWithChar(str, e)}\u2002`;
+        }
+        if (i === lineMaxIndex) {
+            result += fine.v;
+        }
+    });
+    result += '\n';
+    return result;
+}
+
+exports.buildHeader = buildHeader;

package/src/build/buildHeader.mjs

@@ -0,0 +1,61 @@
+import { isUndefined, isNull } from 'a-type-of-js';
+import { createPen } from './createPen.mjs';
+import { cutoffStringWithChar } from 'color-pen';
+import { lines } from '../lines.mjs';
+import { terminalResetStyle } from '@color-pen/static';
+
+/**  构建表头  */
+function buildHeader(header, lineList) {
+    /**  结果  */
+    let result = '';
+    /** 最大的下标  */
+    const lineMaxIndex = lineList.length - 1;
+    const { fine } = lines;
+    /**  默认的画笔 (用于绘制空值时的表格)  */
+    const defaultPen = createPen(header);
+    lineList.forEach((e, i) => {
+        if (i === 0) {
+            result += fine.lt;
+        }
+        result += terminalResetStyle;
+        result += fine.l.repeat(e + 2);
+        if (i === lineMaxIndex) {
+            result += terminalResetStyle;
+            result += fine.rt;
+        }
+        else {
+            result += terminalResetStyle;
+            result += fine.ct;
+        }
+    });
+    result += '\n';
+    lineList.forEach((e, i) => {
+        result += terminalResetStyle;
+        result += fine.v;
+        /**  当前的元素  */
+        const ele = header.data[i];
+        // 元素为空则输出默认的样式
+        if (isUndefined(ele) || isNull(ele)) {
+            result += terminalResetStyle;
+            result += defaultPen('\u2002'.repeat(e + 2));
+        }
+        else {
+            /**  默认的画笔 (用于绘制空值时的表格)  */
+            const cellPen = createPen(ele);
+            let str = ele.content?.toString() ?? '';
+            str = str
+                .replace(/[\n]/g, '\\n')
+                .replace(/\r/g, '\\r')
+                .replace(/\t/g, '\\t');
+            result += terminalResetStyle;
+            result += cellPen `\u2002${cutoffStringWithChar(str, e)}\u2002`;
+        }
+        if (i === lineMaxIndex) {
+            result += fine.v;
+        }
+    });
+    result += '\n';
+    return result;
+}
+
+export { buildHeader };

package/src/build/computerMaxLen.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var colorPen = require('color-pen');
+var global = require('../global.cjs');
+
+/**  计算得到最大的值  */
+function computerMaxLen(data) {
+    const result = [];
+    /**  计算  */
+    if (data.header) {
+        data.header.data.forEach((e, i) => {
+            const current = e?.content?.toString() ?? '';
+            result[i] = Math.max(result[i] ?? 0, global.browserEnv ? strInBrowserLength(current) : colorPen.strInTerminalLength(current));
+        });
+    }
+    if (data.body) {
+        data.body.forEach(row => {
+            row.data.forEach((e, i) => {
+                const current = e?.content?.toString() ?? '';
+                result[i] = Math.max(result[i] ?? 0, global.browserEnv
+                    ? strInBrowserLength(current)
+                    : colorPen.strInTerminalLength(current));
+            });
+        });
+    }
+    return result;
+}
+/**  字符串在浏览器环境的字符长度  */
+function strInBrowserLength(str) {
+    /**    */
+    let result = 0;
+    [...str].forEach(e => {
+        global.data.emojiRegex.lastIndex = 0;
+        global.data.chineseRegex.lastIndex = 0;
+        if (e.match(global.data.emojiRegex)) {
+            result += global.data.emojiLength;
+        }
+        else if (e.match(global.data.chineseRegex)) {
+            result += global.data.chineseLength;
+        }
+        else {
+            result++;
+        }
+    });
+    return Math.ceil(result);
+}
+
+exports.computerMaxLen = computerMaxLen;

package/src/build/computerMaxLen.mjs

@@ -0,0 +1,46 @@
+import { strInTerminalLength } from 'color-pen';
+import { browserEnv, data } from '../global.mjs';
+
+/**  计算得到最大的值  */
+function computerMaxLen(data) {
+    const result = [];
+    /**  计算  */
+    if (data.header) {
+        data.header.data.forEach((e, i) => {
+            const current = e?.content?.toString() ?? '';
+            result[i] = Math.max(result[i] ?? 0, browserEnv ? strInBrowserLength(current) : strInTerminalLength(current));
+        });
+    }
+    if (data.body) {
+        data.body.forEach(row => {
+            row.data.forEach((e, i) => {
+                const current = e?.content?.toString() ?? '';
+                result[i] = Math.max(result[i] ?? 0, browserEnv
+                    ? strInBrowserLength(current)
+                    : strInTerminalLength(current));
+            });
+        });
+    }
+    return result;
+}
+/**  字符串在浏览器环境的字符长度  */
+function strInBrowserLength(str) {
+    /**    */
+    let result = 0;
+    [...str].forEach(e => {
+        data.emojiRegex.lastIndex = 0;
+        data.chineseRegex.lastIndex = 0;
+        if (e.match(data.emojiRegex)) {
+            result += data.emojiLength;
+        }
+        else if (e.match(data.chineseRegex)) {
+            result += data.chineseLength;
+        }
+        else {
+            result++;
+        }
+    });
+    return Math.ceil(result);
+}
+
+export { computerMaxLen };

package/src/build/createPen.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var aTypeOfJs = require('a-type-of-js');
+var colorPen = require('color-pen');
+
+/**  默认的笔  */
+function createPen(options) {
+    let defaultPen = colorPen.pen;
+    if (aTypeOfJs.isType(options)) {
+        if (options.bold)
+            defaultPen = defaultPen.bold;
+        if (!aTypeOfJs.isBusinessEmptyString(options.bgColor) &&
+            !aTypeOfJs.isUndefined(options.bgColor))
+            defaultPen = defaultPen.bgColor(options.bgColor);
+        if (!aTypeOfJs.isBusinessEmptyString(options.color) && !aTypeOfJs.isUndefined(options.color))
+            defaultPen = defaultPen.color(options.color);
+        if (options.italic)
+            defaultPen = defaultPen.italic;
+        if (options.underline)
+            defaultPen = defaultPen.underline;
+    }
+    return defaultPen;
+}
+
+exports.createPen = createPen;

package/src/build/createPen.mjs

@@ -0,0 +1,23 @@
+import { isType, isBusinessEmptyString, isUndefined } from 'a-type-of-js';
+import { pen } from 'color-pen';
+
+/**  默认的笔  */
+function createPen(options) {
+    let defaultPen = pen;
+    if (isType(options)) {
+        if (options.bold)
+            defaultPen = defaultPen.bold;
+        if (!isBusinessEmptyString(options.bgColor) &&
+            !isUndefined(options.bgColor))
+            defaultPen = defaultPen.bgColor(options.bgColor);
+        if (!isBusinessEmptyString(options.color) && !isUndefined(options.color))
+            defaultPen = defaultPen.color(options.color);
+        if (options.italic)
+            defaultPen = defaultPen.italic;
+        if (options.underline)
+            defaultPen = defaultPen.underline;
+    }
+    return defaultPen;
+}
+
+export { createPen };