@gopowerteam/table-render 0.0.1 → 0.0.2

package/dist/cjs/config/provide.config.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey } from 'vue';
+import type { DataRecord } from '../interfaces';
+export declare const provides: {
+    id: InjectionKey<string>;
+    source: InjectionKey<DataRecord[]>;
+};

package/dist/cjs/defines/define-columns.d.ts

@@ -0,0 +1,2 @@
+import type { DataRecord, TableColumnsOptions } from '../interfaces';
+export declare function defineColumns<T = DataRecord>(columns: TableColumnsOptions<T>): TableColumnsOptions<T>;

package/dist/cjs/defines/define-table-load.d.ts

@@ -0,0 +1,2 @@
+import type { TableLoadParams } from '../interfaces';
+export declare function defineTableLoad(load: (params: TableLoadParams) => void): (params: TableLoadParams) => void;

package/dist/cjs/defines/index.d.ts

@@ -0,0 +1,2 @@
+export * from './define-columns';
+export * from './define-table-load';

package/dist/cjs/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-table';
+export * from './use-events';

package/dist/cjs/hooks/use-events.d.ts

@@ -0,0 +1,26 @@
+export type TableEvent = 'export' | 'reload' | 'preview' | 'edit';
+export interface TableReloadEventOptions {
+    reset?: boolean;
+}
+export interface TablePreviewEventOptions {
+    key: string | number;
+    mode: 'dialog' | 'drawer';
+    title?: string;
+}
+export interface TableExportEventOptions {
+}
+export interface TableEditEventOptions {
+}
+export interface EventEmits {
+    (event: 'reload', options?: TableReloadEventOptions): void;
+    (event: 'preview', options?: TablePreviewEventOptions): void;
+    (event: 'export', options?: TableExportEventOptions): void;
+    (event: 'edit', options?: TableEditEventOptions): void;
+    (event: TableEvent, options?: TableExportEventOptions | TableReloadEventOptions | TablePreviewEventOptions | TableEditEventOptions): void;
+}
+export declare function useEvents(events: {
+    reload: (options?: TableReloadEventOptions) => void;
+    export: (options?: TableExportEventOptions) => void;
+    preview: (options?: TablePreviewEventOptions) => void;
+    edit: (options?: TableEditEventOptions) => void;
+}): EventEmits;

package/dist/cjs/hooks/use-export.d.ts

@@ -0,0 +1,7 @@
+import type { DataRecord, TableColumnsOptions } from '../interfaces';
+export declare function getTableRowValue(columns: TableColumnsOptions<any>, record: DataRecord): Record<string, any>;
+declare function exportExcel(columns: TableColumnsOptions, source: DataRecord[], filename?: string): void;
+export declare function useExport(): {
+    exportExcel: typeof exportExcel;
+};
+export {};

package/dist/cjs/hooks/use-table.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentPublicInstance, type Ref } from 'vue';
+import type { TableRender } from '../render/table-render';
+type TableRenderInstance = InstanceType<typeof TableRender>;
+type TableRenderExpose = {
+    -readonly [K in keyof Omit<TableRenderInstance, keyof ComponentPublicInstance>]: TableRenderInstance[K];
+};
+/**
+ * 获取TableRender实例
+ * @param key
+ * @returns
+ */
+export declare function useTable(key: string): Readonly<Ref<TableRenderExpose>>;
+export {};

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),d=require("@arco-design/web-vue");const o=n.defineComponent({props:{a:{type:String}},setup(e){console.log(e.a)},render(){const e=[{title:"Name",dataIndex:"name"},{title:"Salary",dataIndex:"salary"},{title:"Address",dataIndex:"address"},{title:"Email",dataIndex:"email"}],a=n.reactive([{key:"1",name:"Jane Doe",salary:23e3,address:"32 Park Road, London",email:"jane.doe@example.com"},{key:"2",name:"Alisa Ross",salary:25e3,address:"35 Park Road, London",email:"alisa.ross@example.com"},{key:"3",name:"Kevin Sandra",salary:22e3,address:"31 Park Road, London",email:"kevin.sandra@example.com"},{key:"4",name:"Ed Hellen",salary:17e3,address:"42 Park Road, London",email:"ed.hellen@example.com"},{key:"5",name:"William Smith",salary:27e3,address:"62 Park Road, London",email:"william.smith@example.com"}]);return n.createVNode(d.Table,{columns:e,data:a},null)}});exports.TableRender=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue"),w=require("@arco-design/web-vue"),S=require("@gopowerteam/form-render"),T=require("@gopowerteam/modal-render");function R(e,t,r){const[u,...a]=(t.index||t.key).split(".").reverse(),l=a.reverse().reduce((n,f)=>n==null?void 0:n[f],e);l[u]=r}function E(e){const t=d.ref([]),r=a=>{const l=e.filter(n=>n.formatter);return l.length>0?a.map(n=>(l.forEach(f=>{f.formatter&&R(n,f,f.formatter(n))}),n)):a};return[t,a=>{t.value=r(a)}]}function I(e){return e.filter(t=>t.form).map(t=>({key:t.key,title:t.title,...typeof t.form=="boolean"?{}:t.form}))}function O(e){const t=d.getCurrentInstance(),r=d.ref();function u(){var l,n;const a=(n=(l=t==null?void 0:t.proxy)==null?void 0:l.$refs)==null?void 0:n[e];a&&(r.value=a)}return d.onMounted(u),d.onUpdated(u),r}function o(e){return(t,r)=>e[t](r)}const k=Symbol.for("RenderColumnType");function g(e,t,r){return t.$type=e,t.$disableColumnMode=r==null?void 0:r.disableColumnMode,t.$disableViewMode=r==null?void 0:r.disableViewMode,t.$options=(r==null?void 0:r.showOverflow)??!0,t}function h(e,t){return(t.index||t.key).split(".").reduce((r,u)=>r==null?void 0:r[u],e)}function F(e){return g("button",(r,u,a)=>{const l=T.useModal(),n=Array.isArray(e)?e:"buttons"in e?e.buttons:[e],f=(c,s)=>typeof c=="function"?c(r):c===void 0?s:c;async function i(c){await(c.confirm===!0?new Promise(b=>{l.confirm({title:"提示信息",content:c.confirmText??"您确定要执行该操作？",onOk:()=>b(!0),onCancel:()=>b(!1)})}):Promise.resolve(!0))&&(c!=null&&c.onClick)&&(await c.onClick(r),c.autoReload&&(a!=null&&a.emits)&&(a==null||a.emits("reload")))}return d.createVNode(d.Fragment,null,[n.filter(c=>f(c.visiable,!0)).map(c=>d.createVNode(w.Button,{onClick:()=>i(c),type:c.type||"text",shape:c.shape,disabled:f(c.disabled,!1)},{icon:c.icon,default:()=>(typeof c.content=="function"?c.content(r):c.content)||""}))])},{disableViewMode:!0})}function v(e){const t=a=>a.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,"$1,"),r=a=>(parseFloat(a.toString())/((e==null?void 0:e.scale)||1)).toFixed((e==null?void 0:e.precision)||2);return g("dict",(a,l)=>{const n=h(a,l);return d.createVNode("div",null,[(e==null?void 0:e.prefix)!==void 0&&d.createVNode("span",null,[e==null?void 0:e.prefix]),d.createVNode("span",{class:"currency_value"},[(e==null?void 0:e.thousands)===!1?r(n):t(r(n))]),(e==null?void 0:e.suffix)!==void 0&&d.createVNode("span",null,[e==null?void 0:e.suffix])])})}const q={success:"arcoblue",warning:"orange",error:"red"};function P(e){return e instanceof Map?e:e.dict}function j(e){const t=e instanceof Map?!1:e.tag;return typeof t=="string"?q[t]:t}function z(e){const t=P(e),r=j(e);return g("dict",(a,l)=>{const n=h(a,l);return r?d.createVNode(w.Tag,{color:r===!0?void 0:r},{default:()=>[t.get(n)||n]}):d.createVNode("span",null,[t.get(n)||n])})}function A(e){function t(a,l){var f;const n=(f=document.getElementById(a))==null?void 0:f.getBoundingClientRect();if(n){const i=new Image(100,100);i.id=`IMAGE_${a}_PREVIEW`,i.src=l,i.setAttribute("style",["position:fixed;",`top:${n.top}px;`,`left:${n.left+n.width}px;`,"min-width:400px;","height:auto;","z-index:100;"].join("")),document.body.appendChild(i)}}function r(a){const l=document.getElementById(`IMAGE_${a}_PREVIEW`);l==null||l.remove()}return g("image",(a,l,n)=>{const f=h(a,l),i=Math.random().toString(32).slice(2).toUpperCase(),c={width:n!=null&&n.previewing?(e==null?void 0:e.width)||"auto":"40px",height:n!=null&&n.previewing&&(e==null?void 0:e.height)||"auto",borderRadius:e==null?void 0:e.radius,maxWidth:!(e!=null&&e.height)&&!(e!=null&&e.width)?"150px":"auto",display:"block",margin:"auto",objectFit:"contain",transform:`rotate(${(e==null?void 0:e.rotate)||0}deg)`,cursor:e!=null&&e.preview?"pointer":"unset"},s=`${l.index||l.key}_parsed`;if(e!=null&&e.parse&&(e==null||e.parse(f).then(b=>a[s]=b)),e!=null&&e.parse&&!a[s])return d.createVNode("div",null,[d.createTextVNode("Loading...")]);{const b=a[s]||f;return d.createVNode("img",{id:i,onMouseenter:()=>(e==null?void 0:e.preview)&&!(n!=null&&n.previewing)&&t(i,b),onMouseleave:()=>(e==null?void 0:e.preview)&&!(n!=null&&n.previewing)&&r(i),src:b,style:c},null)}})}const B=" ";function _(e){return e==null?void 0:e.replace(/(\d{3})\d*(\d{4})/g,"$1****$2")}function D(e,t){return e==null?void 0:e.replace(/\*/g,"M").replace(/\B(?=(?:\S{4})+$)/g,t??B).replace(/M/g,"*")}function W(e){return g("phone",(r,u)=>{const a=h(r,u),l=D(e!=null&&e.safe?_(a):a,e==null?void 0:e.separator);return e!=null&&e.callable?d.createVNode("a",{style:"text-decoration:none;",href:`tel:${a}`},[l]):d.createVNode("span",null,[l])})}function L(e){return g("render",r=>e(r),{showOverflow:!1})}function K(e){return g("tag",(r,u)=>{const a=h(r,u),l=(e==null?void 0:e.textColors)||["#F87335"],n=(e==null?void 0:e.backgroundColors)||["#FFF4E8"];return d.createVNode("div",{style:{display:"flex",flexWrap:"wrap"}},[a.map((f,i)=>d.createVNode("span",{style:{margin:"2px",padding:"2px 5px",border:`solid 2px ${(e==null?void 0:e.border)||"transparent"}`,borderRadius:`${(e==null?void 0:e.radius)||0}px`,color:typeof l=="function"?l(f,i):l[i%l.length],backgroundColor:typeof n=="function"?n(f,i):n[i%n.length]}},[f]))])},{showOverflow:!1})}function V(e){if(typeof e=="string")return e;if(typeof e=="number")return`${e}px`}function U(e,t,r){var u,a;return typeof e=="function"?(u=e(r))==null?void 0:u.toString():typeof(e==null?void 0:e.content)=="function"?(a=e==null?void 0:e.content(r))==null?void 0:a.toString():typeof(e==null?void 0:e.content)=="string"?e==null?void 0:e.content:h(r,t)}function G(e,t){if(typeof e!="function"){if(typeof(e==null?void 0:e.color)=="function")return e==null?void 0:e.color(t);if(typeof(e==null?void 0:e.color)=="string")return e==null?void 0:e.color}}function H(e,t){if(typeof e!="function")return typeof(e==null?void 0:e.size)=="function"?V(e==null?void 0:e.size(t)):V(e==null?void 0:e.size)}function J(e,t){let r="";const u=G(e,t),a=H(e,t);return u&&(r+=`color:${u};`),a&&(r+=`font-size:${a};`),r}function Q(e){return g("text",(r,u)=>{const a=U(e||{},u,r),l=J(e||{},r);return d.createVNode("span",{style:l},[a])})}function X(){return{text:Q,dict:z,tag:K,render:L,phone:W,image:A,currency:v,date:v,button:F}}function N(e,t){if(!(e!=null&&e.render))return;const r=e.render({...X()});return{render:({record:u})=>r(u,e,t),[k]:r.$type,disableColumnMode:r.$disableColumnMode,disableViewMode:r.$disableViewMode,showOverflow:r.$showOverflow,isRenderColumn:r.$type==="render",type:r.$type}}function Y(e,t,r){return e.map(u=>({...t||{},...u})).map(u=>Z(u,r)).filter(Boolean)}function Z(e,t){const{render:r}=N(e,{previewing:!1,emits:t})||{};if(!(e.visiable===!1||typeof e.visiable=="function"&&e.visiable()===!1))return{dataIndex:e.index||e.key,title:e.title,width:e.width==="auto"?void 0:e.width,align:e.align??"center",fixed:e.fixed,ellipsis:e.ellipsis??!0,tooltip:!0,...e.extraProps,render:r}}function p(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!d.isVNode(e)}const ee=d.defineComponent({props:{record:{type:Object,required:!0},columns:{type:Array,required:!0},minWidth:{type:Number,required:!1,default:300},border:{type:Boolean,default:!0},exclude:{type:Array,default:()=>[]},layout:{type:String,required:!1,default:"horizontal"},buttons:{type:Array,default:()=>[]}},setup(e){const t=d.getCurrentInstance(),r=d.ref(0),u=e.columns.map(l=>({options:l,renderer:N(l,{previewing:!0})})).filter(({options:l})=>{var n;return!((n=e.exclude)!=null&&n.includes(l.key))}).filter(({renderer:l})=>!(l!=null&&l.disableViewMode));function a(){var l;if(t){const n=(l=t.proxy)==null?void 0:l.$el;console.log(n.offsetWidth),r.value=Math.floor(n.offsetWidth/e.minWidth)}}return d.onMounted(()=>{a()}),()=>{let l;return d.createVNode("div",{class:"preview-container"},[d.createVNode(w.Descriptions,{column:r.value,bordered:!0,align:"left",layout:e.layout},p(l=u.map(n=>d.createVNode(w.DescriptionsItem,{label:n.options.title},{default:()=>{var f,i;return[(f=n.renderer)!=null&&f.render?(i=n.renderer)==null?void 0:i.render({record:e.record}):h(e.record,n.options)]}})))?l:{default:()=>[l]})])}}}),re=d.defineComponent({props:{rowKey:{type:String,required:!0},form:{type:Object,required:!1},columns:{type:Object,required:!0},autoLoad:{type:Boolean,required:!1,default:!0},loadData:{type:Function,required:!1},height:{type:Number,required:!1},size:{type:String,required:!1,default:"large"},columnsOptions:{type:Object,required:!1}},expose:["preview","export"],setup(e){const t=Math.random().toString(32).slice(2).toUpperCase(),r=d.ref(),u=d.ref(),a=d.ref(),[l,n]=E(e.columns),f={rowKey:e.rowKey,size:e.size,scroll:{x:e.columns.reduce((m,y)=>m+=typeof y.width!="number"?Math.max(y.title.length*16,80):y.width,0),y:e.height??"100%"}};d.provide("a","xxxxasdasdasd");const i=e.form||I(e.columns),c=m=>{var x;if(!e.loadData)return;m!=null&&m.reset;const y={...((x=u.value)==null?void 0:x.formSource)||{}};Object.keys(y).forEach($=>{[null,void 0,""].includes(y[$])&&delete y[$]}),e.loadData({form:y,update:n})},s=m=>{const y=l.value.find(x=>x[e.rowKey]===m.key);if(!y)throw new Error("未找到需要预览的数据");a.value.open(ee,{record:y,columns:e.columns},{title:m.title||"详情",mode:m.mode})},C=o({reload:c,preview:s,export:m=>{},edit:m=>{}}),M=Y(e.columns,e.columnsOptions,C);return d.onMounted(()=>{e.autoLoad&&c()}),{tableId:t,tableInstance:r,tableSource:l,tableOptions:f,tableColumns:M,tableEvents:C,tableForm:i,formInstance:u,modalInstance:a,reload:c,preview:s}},render(){const e=()=>{if(this.tableForm)return d.createVNode("div",{class:"table-form"},[d.createVNode(S.FormRender,{form:this.tableForm,ref:r=>this.formInstance=r,searchable:!0,onSubmit:()=>this.tableEvents("reload")},null)])},t=()=>d.createVNode("div",{class:"table-body"},[d.createVNode(w.Table,d.mergeProps({data:this.tableSource,columns:this.tableColumns,ref:r=>this.tableInstance=r},this.tableOptions),null)]);return d.createVNode("div",{class:"table-render"},[d.createVNode(T.ModalProvider,{ref:r=>this.modalInstance=r},{default:()=>[d.createVNode("div",{class:"table-render-content"},[e(),t()])]})])}});function te(e){return e}function ne(e){return e}exports.TableRender=re;exports.defineColumns=te;exports.defineTableLoad=ne;exports.useEvents=o;exports.useTable=O;

package/dist/cjs/index.d.ts

@@ -1 +1,4 @@
-export { default as TableRender } from './components/table-render';
+export * from './render/table-render';
+export * from './interfaces';
+export * from './hooks';
+export * from './defines';

package/dist/cjs/interfaces/index.d.ts

@@ -0,0 +1,9 @@
+export * from './table-column-render';
+export * from './table-column-options';
+export * from './table-load-params';
+export interface DataRecord {
+    [key: string]: any;
+}
+export interface DataProp {
+    [key: string]: any;
+}

package/dist/cjs/interfaces/table-column-options.d.ts

@@ -0,0 +1,39 @@
+import type { FormItemOptions } from '@gopowerteam/form-render';
+import type { TableColumnData } from '@arco-design/web-vue';
+import type { TableColumnRender } from './table-column-render';
+import type { DataRecord } from '.';
+export interface TableColumnPreviewOptions {
+    span?: number;
+}
+export interface TableColumnSharedOptions {
+    align?: 'left' | 'right' | 'center';
+    width?: number;
+    ellipsis?: boolean;
+}
+/**
+ * 列配置
+ */
+export interface TableColumnOptions<T> {
+    key: string;
+    title: string;
+    index?: string;
+    fixed?: 'left' | 'right';
+    align?: 'left' | 'right' | 'center';
+    width?: number | 'auto';
+    render?: TableColumnRender<T>;
+    form?: boolean | Omit<FormItemOptions, 'key' | 'title'>;
+    formatter?: DataFormatter<T>;
+    ellipsis?: boolean;
+    preview?: TableColumnPreviewOptions;
+    exportable?: ExportColumnOptions | boolean;
+    treeNode?: boolean;
+    visiable?: boolean | (() => boolean);
+    extraProps?: Partial<Omit<TableColumnData, 'dataIndex' | 'title' | 'fixed' | 'align' | 'width'>>;
+}
+export interface ExportColumnOptions {
+    header?: string;
+    width?: number;
+    content?: (record: DataRecord) => string | number | undefined;
+}
+export type TableColumnsOptions<T = DataRecord> = TableColumnOptions<T>[];
+export type DataFormatter<T> = (record: T) => string | number | Date | undefined;

package/dist/cjs/interfaces/table-column-render.d.ts

@@ -0,0 +1,28 @@
+import type { EventEmits } from '../hooks';
+import type { TableColumnRenders } from '../table-columns';
+import type { TableColumnOptions } from './table-column-options';
+interface TableColumnRenderResultType {
+    $type?: string;
+    $disableColumnMode?: boolean;
+    $disableViewMode?: boolean;
+    $showOverflow?: boolean;
+}
+export interface TableColumnRenderResult<T> extends TableColumnRenderResultType {
+    (record: T, columnOptions: TableColumnOptions<T>, ctx?: {
+        previewing?: boolean;
+        emits?: EventEmits;
+    }): JSX.Element;
+}
+/**
+ * Render函数
+ */
+export interface TableColumnRender<T> {
+    (render: TableColumnRenderFun<T>): TableColumnRenderResult<T>;
+}
+/**
+ * Render函数模板
+ */
+type TableColumnRenderFun<T> = ReturnType<typeof TableColumnRenders<T>> & {
+    [key: string]: any;
+};
+export {};

package/dist/cjs/interfaces/table-load-params.d.ts

@@ -0,0 +1,21 @@
+export interface DataRecord {
+    [key: string]: any;
+}
+export interface DataProp {
+    [key: string]: any;
+}
+/**
+ * 分页接口
+ */
+export interface PageService {
+    page: number;
+    size: number;
+}
+/**
+ * 数据加载参数
+ */
+export interface TableLoadParams {
+    form: DataRecord;
+    page?: PageService;
+    update: (data: DataRecord[]) => void;
+}

package/dist/cjs/render/table-column-render.d.ts

@@ -0,0 +1,30 @@
+import { type TableColumnData, type TableData } from '@arco-design/web-vue';
+import type { TableColumnOptions, TableColumnSharedOptions, TableColumnsOptions } from '../interfaces';
+import { RenderColumnType } from '../utils';
+import type { EventEmits } from '../hooks';
+/**
+ * 生成Render模板
+ * @param render
+ * @returns
+ */
+export declare function toRenderColumn<T>(options?: TableColumnOptions<T>, context?: {
+    previewing?: boolean;
+    emits?: EventEmits;
+}): {
+    render: ({ record }: {
+        record: TableData;
+    }) => JSX.Element;
+    [RenderColumnType]: string | undefined;
+    disableColumnMode: boolean | undefined;
+    disableViewMode: boolean | undefined;
+    showOverflow: boolean | undefined;
+    isRenderColumn: boolean;
+    type: string | undefined;
+} | undefined;
+export declare function renderTableColumns(columns: TableColumnsOptions, columnsOptions: TableColumnSharedOptions | undefined, events: EventEmits): TableColumnData[];
+/**
+ * 创建表格列
+ * @param options
+ * @returns
+ */
+export declare function renderTableColumn<T>(options: TableColumnOptions<T>, events: EventEmits): TableColumnData | undefined;

package/dist/cjs/render/table-view-render.d.ts

@@ -0,0 +1,73 @@
+import { type PropType } from 'vue';
+import type { DataRecord, TableColumnsOptions } from '..';
+import type { RenderSingleButtonColumnOptions } from '../table-columns/button';
+declare const _default: import("vue").DefineComponent<{
+    record: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    columns: {
+        type: PropType<TableColumnsOptions<any>>;
+        required: true;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    exclude: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    layout: {
+        type: PropType<"horizontal" | "vertical" | "inline-horizontal" | "inline-vertical">;
+        required: false;
+        default: string;
+    };
+    buttons: {
+        type: PropType<RenderSingleButtonColumnOptions<DataRecord>[]>;
+        default: () => never[];
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    record: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    columns: {
+        type: PropType<TableColumnsOptions<any>>;
+        required: true;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    exclude: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    layout: {
+        type: PropType<"horizontal" | "vertical" | "inline-horizontal" | "inline-vertical">;
+        required: false;
+        default: string;
+    };
+    buttons: {
+        type: PropType<RenderSingleButtonColumnOptions<DataRecord>[]>;
+        default: () => never[];
+    };
+}>>, {
+    minWidth: number;
+    buttons: RenderSingleButtonColumnOptions<DataRecord>[];
+    border: boolean;
+    exclude: string[];
+    layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
+}, {}>;
+export default _default;

package/dist/cjs/table-columns/button/index.d.ts

@@ -0,0 +1,26 @@
+export type RenderButtonColumnOptions<T> = RenderSingleButtonColumnOptions<T> | RenderSingleButtonColumnOptions<T>[] | RenderMultipleButtonColumnOptions<T>;
+export interface RenderSingleButtonColumnOptions<T> {
+    content?: string | ((record: T) => string | number | undefined);
+    onClick?: (record: T) => Promise<void> | void;
+    autoReload?: boolean;
+    type?: 'primary' | 'secondary' | 'outline' | 'dashed' | 'text';
+    shape?: 'square' | 'round' | 'circle';
+    visiable?: boolean | ((record: T) => boolean);
+    disabled?: boolean | ((record: T) => boolean);
+    confirm?: boolean;
+    icon?: () => JSX.Element;
+    confirmText?: string;
+    confirmAppend?: string | HTMLElement;
+    confirmOffset?: {
+        left: number;
+        top: number;
+    };
+    confirmPosition?: {
+        left: number;
+        top: number;
+    };
+}
+export interface RenderMultipleButtonColumnOptions<T> {
+    buttons?: RenderSingleButtonColumnOptions<T>[];
+}
+export declare function renderButtonColumn<T>(options: RenderButtonColumnOptions<T>): import("../..").TableColumnRenderResult<T>;

package/dist/cjs/table-columns/currency/index.d.ts

@@ -0,0 +1,9 @@
+import type { DataRecord } from '../../interfaces';
+export interface CurrencyColumnOptions {
+    prefix?: string;
+    suffix?: string;
+    precision?: number;
+    scale?: number;
+    thousands?: boolean;
+}
+export declare function renderCurrencyColumn<T = DataRecord>(options?: CurrencyColumnOptions): import("../../interfaces").TableColumnRenderResult<T>;

package/dist/cjs/table-columns/date/index.d.ts

@@ -0,0 +1,17 @@
+import type { DataRecord } from '../../interfaces';
+export interface DateColumnOptions {
+    format?: keyof typeof dateFormats | (() => string);
+}
+declare const dateFormats: {
+    date: string;
+    datetime: string;
+    time: string;
+    week: string;
+};
+/**
+ * 渲染Date Column
+ * @param options DateColumn列选项
+ * @returns JSX
+ */
+export declare function renderDateColumn<T = DataRecord>(options?: DateColumnOptions): import("../../interfaces").TableColumnRenderResult<T>;
+export {};

package/dist/cjs/table-columns/dict/index.d.ts

@@ -0,0 +1,13 @@
+import type { DataRecord } from '../../interfaces';
+type Dict = Map<string | number | boolean, string | number | boolean>;
+declare const TagType: {
+    success: string;
+    warning: string;
+    error: string;
+};
+export type DictColumnOptions = Dict | {
+    dict: Dict;
+    tag: boolean | keyof typeof TagType;
+};
+export declare function renderDictColumn<T = DataRecord>(options: DictColumnOptions): import("../../interfaces").TableColumnRenderResult<T>;
+export {};

package/dist/cjs/table-columns/image/index.d.ts

@@ -0,0 +1,10 @@
+import type { DataRecord } from '../../interfaces';
+export interface ImageColumnOptions {
+    width?: string;
+    height?: string;
+    radius?: string;
+    preview?: boolean;
+    rotate?: number;
+    parse?: (key: string) => Promise<string>;
+}
+export declare function renderImageColumn<T = DataRecord>(options?: ImageColumnOptions): import("../..").TableColumnRenderResult<T>;

package/dist/cjs/table-columns/index.d.ts

@@ -0,0 +1,11 @@
+export declare function TableColumnRenders<T>(): {
+    text: (options?: import("./text").TextColumnOptions<T> | undefined) => import("..").TableColumnRenderResult<T>;
+    dict: (options: import("./dict").DictColumnOptions) => import("..").TableColumnRenderResult<T>;
+    tag: (options?: import("./tag").TagColumnOptions | undefined) => import("..").TableColumnRenderResult<T>;
+    render: (renderer: import("./render").RenderColumnOptions<T>) => import("..").TableColumnRenderResult<T>;
+    phone: (options?: import("./phone").PhoneColumnOptions | undefined) => import("..").TableColumnRenderResult<T>;
+    image: (options?: import("./image").ImageColumnOptions | undefined) => import("..").TableColumnRenderResult<T>;
+    currency: (options?: import("./currency").CurrencyColumnOptions | undefined) => import("..").TableColumnRenderResult<T>;
+    date: (options?: import("./currency").CurrencyColumnOptions | undefined) => import("..").TableColumnRenderResult<T>;
+    button: (options: import("./button").RenderButtonColumnOptions<T>) => import("..").TableColumnRenderResult<T>;
+};

package/dist/cjs/table-columns/phone/index.d.ts

@@ -0,0 +1,7 @@
+import type { DataRecord } from '../../interfaces';
+export interface PhoneColumnOptions {
+    safe?: boolean;
+    separator?: string;
+    callable?: boolean;
+}
+export declare function renderPhoneColumn<T = DataRecord>(options?: PhoneColumnOptions): import("../../interfaces").TableColumnRenderResult<T>;

package/dist/cjs/table-columns/render/index.d.ts

@@ -0,0 +1,5 @@
+import type { DataRecord } from '../../interfaces';
+export interface RenderColumnOptions<T> {
+    (record: T): JSX.Element;
+}
+export declare function renderRenderColumn<T = DataRecord>(renderer: RenderColumnOptions<T>): import("../../interfaces").TableColumnRenderResult<T>;

package/dist/cjs/table-columns/tag/index.d.ts

@@ -0,0 +1,8 @@
+import type { DataRecord } from '../../interfaces';
+export interface TagColumnOptions {
+    textColors?: string[] | ((tag: any, index: number) => string);
+    backgroundColors?: string[] | ((tag: any, index: number) => string);
+    border?: string;
+    radius?: number;
+}
+export declare function renderTagColumn<T = DataRecord>(options?: TagColumnOptions): import("../../interfaces").TableColumnRenderResult<T>;

package/dist/cjs/table-columns/text/index.d.ts

@@ -0,0 +1,11 @@
+import type { DataRecord } from '../../interfaces';
+export type TextColumnOptions<T> = TextColumnObjectOptions<T> | TextColumnFunctionOptions<T>;
+export interface TextColumnObjectOptions<T> {
+    color?: string | ((record: T) => string);
+    content?: string | ((record: T) => string | number | undefined);
+    size?: string | number | ((record: T) => string | number);
+}
+export interface TextColumnFunctionOptions<T> {
+    (record: T): string | number | undefined;
+}
+export declare function renderTextColumn<T = DataRecord>(options?: TextColumnOptions<T>): import("../../interfaces").TableColumnRenderResult<T>;

package/dist/cjs/utils/create-column-render.d.ts

@@ -0,0 +1,7 @@
+import type { TableColumnRenderResult } from '../interfaces';
+export declare const RenderColumnType: unique symbol;
+export declare function createColumnRender<T>(type: string, render: TableColumnRenderResult<T>, options?: {
+    disableColumnMode?: boolean;
+    disableViewMode?: boolean;
+    showOverflow?: boolean;
+}): TableColumnRenderResult<T>;

package/dist/cjs/utils/create-table-form.d.ts

@@ -0,0 +1,3 @@
+import type { FormItemsOptions } from '@gopowerteam/form-render';
+import type { TableColumnsOptions } from '../interfaces';
+export declare function createTableForm(columns: TableColumnsOptions): FormItemsOptions;

package/dist/cjs/utils/create-table-source.d.ts

@@ -0,0 +1,3 @@
+import { type Ref } from 'vue';
+import type { DataRecord, TableColumnsOptions } from '../interfaces';
+export declare function createTableSource(columns: TableColumnsOptions): [Ref<DataRecord[]>, (source: DataRecord[]) => void];

package/dist/cjs/utils/get-column-value.d.ts

@@ -0,0 +1,8 @@
+import type { TableColumnOptions } from '../interfaces';
+/**
+ * 获取当前
+ * @param record
+ * @param column
+ * @returns
+ */
+export declare function getColumnValue<T>(record: T, column: TableColumnOptions<T>): any;

package/dist/cjs/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './create-column-render';
+export * from './create-table-form';
+export * from './create-table-source';
+export * from './get-column-value';
+export * from './set-column-value';

package/dist/cjs/utils/set-column-value.d.ts

@@ -0,0 +1,8 @@
+import type { DataRecord, TableColumnOptions } from '../interfaces';
+/**
+ * 获取当前
+ * @param record
+ * @param column
+ * @returns
+ */
+export declare function setColumnValue<T = DataRecord>(record: DataRecord, column: TableColumnOptions<T>, value: any): any;

package/dist/cjs/utils/to-px.d.ts

@@ -0,0 +1 @@
+export declare function toPx(value: string | number | undefined): string | undefined;

package/dist/es/config/provide.config.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey } from 'vue';
+import type { DataRecord } from '../interfaces';
+export declare const provides: {
+    id: InjectionKey<string>;
+    source: InjectionKey<DataRecord[]>;
+};

package/dist/es/defines/define-columns.d.ts

@@ -0,0 +1,2 @@
+import type { DataRecord, TableColumnsOptions } from '../interfaces';
+export declare function defineColumns<T = DataRecord>(columns: TableColumnsOptions<T>): TableColumnsOptions<T>;

package/dist/es/defines/define-table-load.d.ts

@@ -0,0 +1,2 @@
+import type { TableLoadParams } from '../interfaces';
+export declare function defineTableLoad(load: (params: TableLoadParams) => void): (params: TableLoadParams) => void;

package/dist/es/defines/index.d.ts

@@ -0,0 +1,2 @@
+export * from './define-columns';
+export * from './define-table-load';

package/dist/es/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-table';
+export * from './use-events';

package/dist/es/hooks/use-events.d.ts

@@ -0,0 +1,26 @@
+export type TableEvent = 'export' | 'reload' | 'preview' | 'edit';
+export interface TableReloadEventOptions {
+    reset?: boolean;
+}
+export interface TablePreviewEventOptions {
+    key: string | number;
+    mode: 'dialog' | 'drawer';
+    title?: string;
+}
+export interface TableExportEventOptions {
+}
+export interface TableEditEventOptions {
+}
+export interface EventEmits {
+    (event: 'reload', options?: TableReloadEventOptions): void;
+    (event: 'preview', options?: TablePreviewEventOptions): void;
+    (event: 'export', options?: TableExportEventOptions): void;
+    (event: 'edit', options?: TableEditEventOptions): void;
+    (event: TableEvent, options?: TableExportEventOptions | TableReloadEventOptions | TablePreviewEventOptions | TableEditEventOptions): void;
+}
+export declare function useEvents(events: {
+    reload: (options?: TableReloadEventOptions) => void;
+    export: (options?: TableExportEventOptions) => void;
+    preview: (options?: TablePreviewEventOptions) => void;
+    edit: (options?: TableEditEventOptions) => void;
+}): EventEmits;

package/dist/es/hooks/use-export.d.ts

@@ -0,0 +1,7 @@
+import type { DataRecord, TableColumnsOptions } from '../interfaces';
+export declare function getTableRowValue(columns: TableColumnsOptions<any>, record: DataRecord): Record<string, any>;
+declare function exportExcel(columns: TableColumnsOptions, source: DataRecord[], filename?: string): void;
+export declare function useExport(): {
+    exportExcel: typeof exportExcel;
+};
+export {};

package/dist/es/hooks/use-table.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentPublicInstance, type Ref } from 'vue';
+import type { TableRender } from '../render/table-render';
+type TableRenderInstance = InstanceType<typeof TableRender>;
+type TableRenderExpose = {
+    -readonly [K in keyof Omit<TableRenderInstance, keyof ComponentPublicInstance>]: TableRenderInstance[K];
+};
+/**
+ * 获取TableRender实例
+ * @param key
+ * @returns
+ */
+export declare function useTable(key: string): Readonly<Ref<TableRenderExpose>>;
+export {};

package/dist/es/index.d.ts

@@ -1 +1,4 @@
-export { default as TableRender } from './components/table-render';
+export * from './render/table-render';
+export * from './interfaces';
+export * from './hooks';
+export * from './defines';