@gopowerteam/table-render 0.0.107 → 0.0.109
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +2 -2
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/interfaces/table-column-render.d.ts +28 -0
- package/dist/cjs/table-columns/button/index.d.ts +26 -0
- package/dist/cjs/table-columns/currency/index.d.ts +13 -0
- package/dist/cjs/table-columns/render/index.d.ts +6 -0
- package/dist/cjs/table-render/index.d.ts +4 -4
- package/dist/cjs/table-render/table-actions-render.d.ts +3 -0
- package/dist/cjs/table-render/table-column-render.d.ts +1 -1
- package/dist/cjs/table-render/table-edit-render.d.ts +1 -0
- package/dist/cjs/table-render/table-pagination-render.d.ts +3 -0
- package/dist/es/index.d.ts +1 -0
- package/dist/es/index.mjs +5 -2
- package/dist/es/interfaces/table-column-render.d.ts +28 -0
- package/dist/es/table-columns/button/index.d.ts +26 -0
- package/dist/es/table-columns/currency/index.d.ts +13 -0
- package/dist/es/table-columns/render/index.d.ts +6 -0
- package/dist/es/table-render/index.d.ts +4 -4
- package/dist/es/table-render/table-actions-render.d.ts +3 -0
- package/dist/es/table-render/table-column-render.d.ts +1 -1
- package/dist/es/table-render/table-edit-render.d.ts +1 -0
- package/dist/es/table-render/table-pagination-render.d.ts +3 -0
- package/package.json +3 -3
package/dist/cjs/index.d.ts
CHANGED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { TableColumnOptions } from './table-column-options';
|
|
2
|
+
import { TableColumnRenders } from '../table-columns';
|
|
3
|
+
import { EventEmits } from '../hooks';
|
|
4
|
+
|
|
5
|
+
interface TableColumnRenderResultType {
|
|
6
|
+
$type?: string;
|
|
7
|
+
$disableColumnMode?: boolean;
|
|
8
|
+
$disableViewMode?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface TableColumnRenderResult<T> extends TableColumnRenderResultType {
|
|
11
|
+
(record: T, columnOptions: TableColumnOptions<T>, ctx?: {
|
|
12
|
+
previewing?: boolean;
|
|
13
|
+
emits?: EventEmits;
|
|
14
|
+
}): JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Render函数
|
|
18
|
+
*/
|
|
19
|
+
export interface TableColumnRender<T> {
|
|
20
|
+
(render: TableColumnRenderFun<T>): TableColumnRenderResult<T>;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Render函数模板
|
|
24
|
+
*/
|
|
25
|
+
type TableColumnRenderFun<T> = ReturnType<typeof TableColumnRenders<T>> & {
|
|
26
|
+
[key: string]: any;
|
|
27
|
+
};
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export type RenderButtonColumnOptions<T> = RenderSingleButtonColumnOptions<T> | RenderSingleButtonColumnOptions<T>[] | RenderMultipleButtonColumnOptions<T>;
|
|
2
|
+
export interface RenderSingleButtonColumnOptions<T> {
|
|
3
|
+
content?: string | ((record: T) => string | number | undefined);
|
|
4
|
+
onClick?: (record: T) => Promise<void> | void;
|
|
5
|
+
autoReload?: boolean;
|
|
6
|
+
type?: 'primary' | 'secondary' | 'outline' | 'dashed' | 'text';
|
|
7
|
+
shape?: 'square' | 'round' | 'circle';
|
|
8
|
+
visiable?: boolean | ((record: T) => boolean);
|
|
9
|
+
disabled?: boolean | ((record: T) => boolean);
|
|
10
|
+
confirm?: boolean;
|
|
11
|
+
icon?: () => JSX.Element;
|
|
12
|
+
confirmText?: string;
|
|
13
|
+
confirmAppend?: string | HTMLElement;
|
|
14
|
+
confirmOffset?: {
|
|
15
|
+
left: number;
|
|
16
|
+
top: number;
|
|
17
|
+
};
|
|
18
|
+
confirmPosition?: {
|
|
19
|
+
left: number;
|
|
20
|
+
top: number;
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
export interface RenderMultipleButtonColumnOptions<T> {
|
|
24
|
+
buttons?: RenderSingleButtonColumnOptions<T>[];
|
|
25
|
+
}
|
|
26
|
+
export declare function renderButtonColumn<T>(options: RenderButtonColumnOptions<T>): import('../..').TableColumnRenderResult<T>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { DataRecord } from '../../interfaces';
|
|
2
|
+
|
|
3
|
+
type CurrencyUnit = '分' | '元' | '万';
|
|
4
|
+
export interface CurrencyColumnOptions {
|
|
5
|
+
prefix?: string | (() => JSX.Element);
|
|
6
|
+
suffix?: string | (() => JSX.Element);
|
|
7
|
+
precision?: number;
|
|
8
|
+
inputUnit?: CurrencyUnit;
|
|
9
|
+
outputUnit?: CurrencyUnit;
|
|
10
|
+
thousands?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare function renderCurrencyColumn<T = DataRecord>(options?: CurrencyColumnOptions): import('../../interfaces').TableColumnRenderResult<T>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { DataRecord } from '../../interfaces';
|
|
2
|
+
|
|
3
|
+
export interface RenderColumnOptions<T> {
|
|
4
|
+
(record: T): JSX.Element;
|
|
5
|
+
}
|
|
6
|
+
export declare function renderRenderColumn<T = DataRecord>(renderer: RenderColumnOptions<T>): import('../../interfaces').TableColumnRenderResult<T>;
|
|
@@ -1105,7 +1105,7 @@ export declare const TableRender: import('vue').DefineComponent<{
|
|
|
1105
1105
|
formRules: import('vue').ComputedRef<Record<string, import('@arco-design/web-vue').FieldRule<any> | import('@arco-design/web-vue').FieldRule<any>[]>>;
|
|
1106
1106
|
formCollspased: Ref<boolean>;
|
|
1107
1107
|
formActiosSpan: import('vue').ComputedRef<number>;
|
|
1108
|
-
formItems: import('vue').ComputedRef<any[]>;
|
|
1108
|
+
formItems: import('vue').ComputedRef<import('@gopowerteam/form-render').FormItemOptions<any>[]>;
|
|
1109
1109
|
toggleFormCollapsed: () => boolean;
|
|
1110
1110
|
updateFormField: (key: string, value: any) => void;
|
|
1111
1111
|
updateFormSource: (value: DataRecord) => void;
|
|
@@ -1449,7 +1449,7 @@ export declare const TableRender: import('vue').DefineComponent<{
|
|
|
1449
1449
|
formRules: import('vue').ComputedRef<Record<string, import('@arco-design/web-vue').FieldRule<any> | import('@arco-design/web-vue').FieldRule<any>[]>>;
|
|
1450
1450
|
formCollspased: Ref<boolean>;
|
|
1451
1451
|
formActiosSpan: import('vue').ComputedRef<number>;
|
|
1452
|
-
formItems: import('vue').ComputedRef<any[]>;
|
|
1452
|
+
formItems: import('vue').ComputedRef<import('@gopowerteam/form-render').FormItemOptions<any>[]>;
|
|
1453
1453
|
toggleFormCollapsed: () => boolean;
|
|
1454
1454
|
updateFormField: (key: string, value: any) => void;
|
|
1455
1455
|
updateFormSource: (value: DataRecord) => void;
|
|
@@ -1476,8 +1476,8 @@ export declare const TableRender: import('vue').DefineComponent<{
|
|
|
1476
1476
|
onTableChange: (data: TableData[], { type }: TableChangeExtra) => void;
|
|
1477
1477
|
renders: {
|
|
1478
1478
|
renderTableForm: (() => import("vue/jsx-runtime").JSX.Element) | (() => undefined);
|
|
1479
|
-
renderTableActions: () =>
|
|
1480
|
-
renderTablePagination: () =>
|
|
1479
|
+
renderTableActions: () => JSX.Element | undefined;
|
|
1480
|
+
renderTablePagination: () => JSX.Element | undefined;
|
|
1481
1481
|
};
|
|
1482
1482
|
tableSelection: {
|
|
1483
1483
|
selectedRowKeys: Ref<(string | number)[]>;
|
|
@@ -15,7 +15,7 @@ export declare function toRenderColumn<T>(options?: TableColumnOptions<T>, conte
|
|
|
15
15
|
}): {
|
|
16
16
|
render: ({ record }: {
|
|
17
17
|
record: TableData;
|
|
18
|
-
}) =>
|
|
18
|
+
}) => JSX.Element;
|
|
19
19
|
[RenderColumnType]: string | undefined;
|
|
20
20
|
disableColumnMode: boolean | undefined;
|
|
21
21
|
disableViewMode: boolean | undefined;
|
package/dist/es/index.d.ts
CHANGED
package/dist/es/index.mjs
CHANGED
|
@@ -8,7 +8,7 @@ import Ke from "dayjs";
|
|
|
8
8
|
import { FormRender as dr } from "@gopowerteam/form-render";
|
|
9
9
|
import { TableRenderResolver as Vn } from "./resolver.mjs";
|
|
10
10
|
function Nr(q, lt, s) {
|
|
11
|
-
const [C, ..._] =
|
|
11
|
+
const [C, ..._] = lt.index ? lt.index.split(".").reverse() : [lt.key], d = _.reverse().reduce((a, o) => a == null ? void 0 : a[o], q);
|
|
12
12
|
d[C] = s;
|
|
13
13
|
}
|
|
14
14
|
function Pr(q) {
|
|
@@ -33292,7 +33292,10 @@ function xe(q, lt, s) {
|
|
|
33292
33292
|
return lt.$type = q, lt.$disableColumnMode = s == null ? void 0 : s.disableColumnMode, lt.$disableViewMode = s == null ? void 0 : s.disableViewMode, lt;
|
|
33293
33293
|
}
|
|
33294
33294
|
function Se(q, lt) {
|
|
33295
|
-
|
|
33295
|
+
if (lt.index)
|
|
33296
|
+
lt.index.split(".").reduce((s, C) => s == null ? void 0 : s[C], q);
|
|
33297
|
+
else
|
|
33298
|
+
return [lt.key].reduce((s, C) => s == null ? void 0 : s[C], q);
|
|
33296
33299
|
}
|
|
33297
33300
|
function We(q) {
|
|
33298
33301
|
return !!q && (typeof q == "object" || typeof q == "function") && typeof q.then == "function";
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { TableColumnOptions } from './table-column-options';
|
|
2
|
+
import { TableColumnRenders } from '../table-columns';
|
|
3
|
+
import { EventEmits } from '../hooks';
|
|
4
|
+
|
|
5
|
+
interface TableColumnRenderResultType {
|
|
6
|
+
$type?: string;
|
|
7
|
+
$disableColumnMode?: boolean;
|
|
8
|
+
$disableViewMode?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface TableColumnRenderResult<T> extends TableColumnRenderResultType {
|
|
11
|
+
(record: T, columnOptions: TableColumnOptions<T>, ctx?: {
|
|
12
|
+
previewing?: boolean;
|
|
13
|
+
emits?: EventEmits;
|
|
14
|
+
}): JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Render函数
|
|
18
|
+
*/
|
|
19
|
+
export interface TableColumnRender<T> {
|
|
20
|
+
(render: TableColumnRenderFun<T>): TableColumnRenderResult<T>;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Render函数模板
|
|
24
|
+
*/
|
|
25
|
+
type TableColumnRenderFun<T> = ReturnType<typeof TableColumnRenders<T>> & {
|
|
26
|
+
[key: string]: any;
|
|
27
|
+
};
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export type RenderButtonColumnOptions<T> = RenderSingleButtonColumnOptions<T> | RenderSingleButtonColumnOptions<T>[] | RenderMultipleButtonColumnOptions<T>;
|
|
2
|
+
export interface RenderSingleButtonColumnOptions<T> {
|
|
3
|
+
content?: string | ((record: T) => string | number | undefined);
|
|
4
|
+
onClick?: (record: T) => Promise<void> | void;
|
|
5
|
+
autoReload?: boolean;
|
|
6
|
+
type?: 'primary' | 'secondary' | 'outline' | 'dashed' | 'text';
|
|
7
|
+
shape?: 'square' | 'round' | 'circle';
|
|
8
|
+
visiable?: boolean | ((record: T) => boolean);
|
|
9
|
+
disabled?: boolean | ((record: T) => boolean);
|
|
10
|
+
confirm?: boolean;
|
|
11
|
+
icon?: () => JSX.Element;
|
|
12
|
+
confirmText?: string;
|
|
13
|
+
confirmAppend?: string | HTMLElement;
|
|
14
|
+
confirmOffset?: {
|
|
15
|
+
left: number;
|
|
16
|
+
top: number;
|
|
17
|
+
};
|
|
18
|
+
confirmPosition?: {
|
|
19
|
+
left: number;
|
|
20
|
+
top: number;
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
export interface RenderMultipleButtonColumnOptions<T> {
|
|
24
|
+
buttons?: RenderSingleButtonColumnOptions<T>[];
|
|
25
|
+
}
|
|
26
|
+
export declare function renderButtonColumn<T>(options: RenderButtonColumnOptions<T>): import('../..').TableColumnRenderResult<T>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { DataRecord } from '../../interfaces';
|
|
2
|
+
|
|
3
|
+
type CurrencyUnit = '分' | '元' | '万';
|
|
4
|
+
export interface CurrencyColumnOptions {
|
|
5
|
+
prefix?: string | (() => JSX.Element);
|
|
6
|
+
suffix?: string | (() => JSX.Element);
|
|
7
|
+
precision?: number;
|
|
8
|
+
inputUnit?: CurrencyUnit;
|
|
9
|
+
outputUnit?: CurrencyUnit;
|
|
10
|
+
thousands?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare function renderCurrencyColumn<T = DataRecord>(options?: CurrencyColumnOptions): import('../../interfaces').TableColumnRenderResult<T>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { DataRecord } from '../../interfaces';
|
|
2
|
+
|
|
3
|
+
export interface RenderColumnOptions<T> {
|
|
4
|
+
(record: T): JSX.Element;
|
|
5
|
+
}
|
|
6
|
+
export declare function renderRenderColumn<T = DataRecord>(renderer: RenderColumnOptions<T>): import('../../interfaces').TableColumnRenderResult<T>;
|
|
@@ -1105,7 +1105,7 @@ export declare const TableRender: import('vue').DefineComponent<{
|
|
|
1105
1105
|
formRules: import('vue').ComputedRef<Record<string, import('@arco-design/web-vue').FieldRule<any> | import('@arco-design/web-vue').FieldRule<any>[]>>;
|
|
1106
1106
|
formCollspased: Ref<boolean>;
|
|
1107
1107
|
formActiosSpan: import('vue').ComputedRef<number>;
|
|
1108
|
-
formItems: import('vue').ComputedRef<any[]>;
|
|
1108
|
+
formItems: import('vue').ComputedRef<import('@gopowerteam/form-render').FormItemOptions<any>[]>;
|
|
1109
1109
|
toggleFormCollapsed: () => boolean;
|
|
1110
1110
|
updateFormField: (key: string, value: any) => void;
|
|
1111
1111
|
updateFormSource: (value: DataRecord) => void;
|
|
@@ -1449,7 +1449,7 @@ export declare const TableRender: import('vue').DefineComponent<{
|
|
|
1449
1449
|
formRules: import('vue').ComputedRef<Record<string, import('@arco-design/web-vue').FieldRule<any> | import('@arco-design/web-vue').FieldRule<any>[]>>;
|
|
1450
1450
|
formCollspased: Ref<boolean>;
|
|
1451
1451
|
formActiosSpan: import('vue').ComputedRef<number>;
|
|
1452
|
-
formItems: import('vue').ComputedRef<any[]>;
|
|
1452
|
+
formItems: import('vue').ComputedRef<import('@gopowerteam/form-render').FormItemOptions<any>[]>;
|
|
1453
1453
|
toggleFormCollapsed: () => boolean;
|
|
1454
1454
|
updateFormField: (key: string, value: any) => void;
|
|
1455
1455
|
updateFormSource: (value: DataRecord) => void;
|
|
@@ -1476,8 +1476,8 @@ export declare const TableRender: import('vue').DefineComponent<{
|
|
|
1476
1476
|
onTableChange: (data: TableData[], { type }: TableChangeExtra) => void;
|
|
1477
1477
|
renders: {
|
|
1478
1478
|
renderTableForm: (() => import("vue/jsx-runtime").JSX.Element) | (() => undefined);
|
|
1479
|
-
renderTableActions: () =>
|
|
1480
|
-
renderTablePagination: () =>
|
|
1479
|
+
renderTableActions: () => JSX.Element | undefined;
|
|
1480
|
+
renderTablePagination: () => JSX.Element | undefined;
|
|
1481
1481
|
};
|
|
1482
1482
|
tableSelection: {
|
|
1483
1483
|
selectedRowKeys: Ref<(string | number)[]>;
|
|
@@ -15,7 +15,7 @@ export declare function toRenderColumn<T>(options?: TableColumnOptions<T>, conte
|
|
|
15
15
|
}): {
|
|
16
16
|
render: ({ record }: {
|
|
17
17
|
record: TableData;
|
|
18
|
-
}) =>
|
|
18
|
+
}) => JSX.Element;
|
|
19
19
|
[RenderColumnType]: string | undefined;
|
|
20
20
|
disableColumnMode: boolean | undefined;
|
|
21
21
|
disableViewMode: boolean | undefined;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gopowerteam/table-render",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.109",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "zhuchentong",
|
|
7
7
|
"email": "2037630@gmail.com"
|
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"@arco-design/web-vue": "^2.52.1",
|
|
57
|
-
"@gopowerteam/form-render": "^0.0.
|
|
58
|
-
"@gopowerteam/modal-render": "^0.0.
|
|
57
|
+
"@gopowerteam/form-render": "^0.0.61",
|
|
58
|
+
"@gopowerteam/modal-render": "^0.0.40",
|
|
59
59
|
"vue": "^3.0.0"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|