@gopowerteam/table-render 0.0.1 → 0.0.2

package/dist/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/utils/to-px.d.ts

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