@dt-frames/ui 2.0.19 → 2.0.21
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/es/components/form/index.less +0 -45
- package/es/components/form/src/props.d.ts +4 -4
- package/es/components/form/src/types/form.type.d.ts +1 -1
- package/es/components/table/index.js +11 -6
- package/es/components/table/src/components/TableRender.d.ts +1 -1
- package/es/components/table/src/hooks/useColumns.d.ts +6 -6
- package/es/components/table/src/hooks/useCustomRow.d.ts +4 -4
- package/es/components/table/src/hooks/useDataSource.d.ts +4 -4
- package/es/components/table/src/hooks/useRowSelection.d.ts +4 -4
- package/es/components/table/src/hooks/useTableScroll.d.ts +5 -5
- package/es/components/table/src/index.d.ts +6 -6
- package/es/components/table/src/props.d.ts +1 -1
- package/es/theme/index.js +98 -147
- package/es/theme/src/components/header/components/size.d.ts +1 -262
- package/es/theme/src/components/header/index.d.ts +1 -262
- package/es/theme/src/components/header/multiple-header.d.ts +1 -262
- package/es/theme/src/index.d.ts +2 -524
- package/index.d.ts +1 -1
- package/package.json +65 -65
|
@@ -44,52 +44,7 @@
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
.ant-input{
|
|
48
|
-
font-size: 13px;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.ant-btn{
|
|
52
|
-
display: flex;
|
|
53
|
-
align-items: center;
|
|
54
|
-
justify-content: center;
|
|
55
|
-
font-size: 13px;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.ant-btn.ant-btn-sm{
|
|
59
|
-
font-size: 12px;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.ant-btn.ant-btn-lg {
|
|
63
|
-
font-size: 14px;
|
|
64
|
-
height: 34px;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.ant-input-sm{
|
|
68
|
-
font-size: 12px;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.ant-input-lg{
|
|
72
|
-
font-size: 14px;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.ant-form-item{
|
|
76
|
-
// align-items: center;
|
|
77
|
-
.prefix, .suffix {
|
|
78
|
-
display: flex;
|
|
79
|
-
align-items: center;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
47
|
|
|
83
|
-
.ant-input-affix-wrapper{
|
|
84
|
-
display: flex;
|
|
85
|
-
align-items: center;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.ant-picker{
|
|
89
|
-
width: 100%;
|
|
90
|
-
height: 100%;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
48
|
|
|
94
49
|
.ant-form-item.small {
|
|
95
50
|
line-height: 30px;
|
|
@@ -16,7 +16,7 @@ export declare const BasicProps: {
|
|
|
16
16
|
default: () => {};
|
|
17
17
|
};
|
|
18
18
|
layout: {
|
|
19
|
-
type: PropType<"
|
|
19
|
+
type: PropType<"vertical" | "inline" | "horizontal">;
|
|
20
20
|
default: string;
|
|
21
21
|
};
|
|
22
22
|
labelWidth: {
|
|
@@ -41,8 +41,8 @@ export declare const BasicProps: {
|
|
|
41
41
|
};
|
|
42
42
|
rowProps: {
|
|
43
43
|
type: PropType<Partial<import("vue").ExtractPropTypes<{
|
|
44
|
-
align: PropType<"
|
|
45
|
-
justify: PropType<"
|
|
44
|
+
align: PropType<"middle" | "top" | "bottom" | "stretch">;
|
|
45
|
+
justify: PropType<"center" | "space-around" | "space-between" | "end" | "start">;
|
|
46
46
|
prefixCls: StringConstructor;
|
|
47
47
|
gutter: {
|
|
48
48
|
type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
|
|
@@ -62,7 +62,7 @@ export declare const BasicProps: {
|
|
|
62
62
|
type: NumberConstructor;
|
|
63
63
|
};
|
|
64
64
|
size: {
|
|
65
|
-
type: PropType<"
|
|
65
|
+
type: PropType<"small" | "large" | "middle">;
|
|
66
66
|
};
|
|
67
67
|
disabled: {
|
|
68
68
|
type: BooleanConstructor;
|
|
@@ -56,7 +56,7 @@ declare type Schema<ComponentType, T> = {
|
|
|
56
56
|
wrapperCol?: Partial<ColEx>;
|
|
57
57
|
isAdvanced?: boolean;
|
|
58
58
|
extraName?: string[];
|
|
59
|
-
description
|
|
59
|
+
description?: String;
|
|
60
60
|
};
|
|
61
61
|
export declare type FormSchema = Schema<'Input', Input> | Schema<'InputWithDialog', InputWithDialog> | Schema<'InputGroup', InputGroup> | Schema<'InputPassword', InputPassword> | Schema<'InputSearch', InputSearch> | Schema<'InputTextArea', InputTextArea> | Schema<'InputNumber', InputNumber> | Schema<'Select', Select> | Schema<'TreeSelect', TreeSelect> | Schema<'Radio', Radio> | Schema<'RadioButtonGroup', Radio> | Schema<'RadioGroup', RadioGroup> | Schema<'Checkbox', Checkbox> | Schema<'CheckboxGroup', CheckboxGroup> | Schema<'AutoComplete', Recordable> | Schema<'Cascader', Cascader> | Schema<'DatePicker', DatePicker> | Schema<'MonthPicker', DatePicker> | Schema<'RangePicker', RangePicker> | Schema<'WeekPicker', DatePicker> | Schema<'TimePicker', TimePicker> | Schema<'Switch', Switch> | Schema<'Slider', {
|
|
62
62
|
disabled?: boolean;
|
|
@@ -241,9 +241,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
241
241
|
return label;
|
|
242
242
|
};
|
|
243
243
|
watch(
|
|
244
|
-
() =>
|
|
245
|
-
|
|
246
|
-
|
|
244
|
+
() => [
|
|
245
|
+
unref(props2.btns),
|
|
246
|
+
unref(props2.record)
|
|
247
|
+
],
|
|
248
|
+
([btns]) => {
|
|
249
|
+
actionBtns.value = btns.map((it) => {
|
|
247
250
|
return {
|
|
248
251
|
...it,
|
|
249
252
|
ifShow: isBoolean(it.show) ? it.show : isFunction(it.show) ? it.show(props2.record) : true,
|
|
@@ -253,7 +256,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
253
256
|
});
|
|
254
257
|
},
|
|
255
258
|
{
|
|
256
|
-
immediate: true
|
|
259
|
+
immediate: true,
|
|
260
|
+
deep: true
|
|
257
261
|
}
|
|
258
262
|
);
|
|
259
263
|
return (_ctx, _cache) => {
|
|
@@ -681,7 +685,9 @@ function handleActionColumn(propsRef, columns) {
|
|
|
681
685
|
{
|
|
682
686
|
label: t("EDIT"),
|
|
683
687
|
icon: "mdi:text-box-edit-outline",
|
|
684
|
-
onClick:
|
|
688
|
+
onClick: (row, index2) => {
|
|
689
|
+
unref(propsRef).onOpenUpdateDialog(row, index2, unref(propsRef).rowKey);
|
|
690
|
+
}
|
|
685
691
|
},
|
|
686
692
|
{
|
|
687
693
|
label: t("DELETE"),
|
|
@@ -2350,7 +2356,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2350
2356
|
}
|
|
2351
2357
|
);
|
|
2352
2358
|
const getBind = computed(() => {
|
|
2353
|
-
console.log(toRaw$1(unref(filterSource)));
|
|
2354
2359
|
return {
|
|
2355
2360
|
...attrs,
|
|
2356
2361
|
...unref(getProps),
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { PaginationProps } from
|
|
2
|
-
import { ComputedRef, Ref } from
|
|
3
|
-
import { BasicColumn, BasicTableProps } from
|
|
4
|
-
import { SetColumnsParams } from
|
|
5
|
-
export declare function useColumns(propsRef: ComputedRef<BasicTableProps>, getPaginationRef: ComputedRef<boolean | PaginationProps>, tableElRef: Ref<HTMLDivElement & {
|
|
1
|
+
import { PaginationProps } from 'ant-design-vue';
|
|
2
|
+
import { ComputedRef, Ref } from 'vue';
|
|
3
|
+
import { BasicColumn, BasicTableProps } from '../types/table.type';
|
|
4
|
+
import { SetColumnsParams } from '../types/header.type';
|
|
5
|
+
export declare function useColumns(propsRef: ComputedRef<BasicTableProps>, getPaginationRef: ComputedRef<boolean | PaginationProps>, tableElRef: Ref<(HTMLDivElement & {
|
|
6
6
|
$el: any;
|
|
7
|
-
} | null>): {
|
|
7
|
+
}) | null>): {
|
|
8
8
|
getViewColumns: ComputedRef<BasicColumn[]>;
|
|
9
9
|
getColumnsRef: ComputedRef<BasicColumn[]>;
|
|
10
10
|
getColumns: (opt?: SetColumnsParams) => BasicColumn[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Recordable } from
|
|
2
|
-
import { Key } from
|
|
3
|
-
import { ComputedRef } from
|
|
4
|
-
import { BasicTableProps } from
|
|
1
|
+
import { Recordable } from '@dt-frames/core';
|
|
2
|
+
import { Key } from 'ant-design-vue/lib/table/interface';
|
|
3
|
+
import { ComputedRef } from 'vue';
|
|
4
|
+
import { BasicTableProps } from '../types/table.type';
|
|
5
5
|
interface Options {
|
|
6
6
|
setSelectedRowKeys: (keys: Key[]) => void;
|
|
7
7
|
getSelectedRowKeys: () => Key[];
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ComputedRef } from
|
|
2
|
-
import { BasicTableProps, SorterResult, PaginationProps } from
|
|
3
|
-
import { Recordable } from
|
|
1
|
+
import { ComputedRef } from 'vue';
|
|
2
|
+
import { BasicTableProps, SorterResult, PaginationProps } from '../types/table.type';
|
|
3
|
+
import { Recordable } from '@dt-frames/core';
|
|
4
4
|
declare type ActionsType = {
|
|
5
5
|
getPaginationInfo: ComputedRef<boolean | PaginationProps>;
|
|
6
6
|
setPagination: (info: Partial<PaginationProps>) => void;
|
|
7
7
|
clearSelectedRowKeys: () => void;
|
|
8
8
|
};
|
|
9
|
-
export declare function useDataSource(propsRef: ComputedRef<BasicTableProps>, { getPaginationInfo, setPagination, clearSelectedRowKeys
|
|
9
|
+
export declare function useDataSource(propsRef: ComputedRef<BasicTableProps>, { getPaginationInfo, setPagination, clearSelectedRowKeys }: ActionsType): {
|
|
10
10
|
getDataSourceRef: ComputedRef<Recordable<any>[]>;
|
|
11
11
|
handleTableChange: (pagination: PaginationProps, filters: Partial<Recordable<string[]>>, sorter: SorterResult) => any;
|
|
12
12
|
updateTableDataRecord: (rowKey: string | number, record: Recordable) => Recordable | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Recordable } from
|
|
2
|
-
import { Key, TableRowSelection } from
|
|
3
|
-
import { ComputedRef } from
|
|
4
|
-
import { BasicTableProps } from
|
|
1
|
+
import { Recordable } from '@dt-frames/core';
|
|
2
|
+
import { Key, TableRowSelection } from 'ant-design-vue/es/table/interface';
|
|
3
|
+
import { ComputedRef } from 'vue';
|
|
4
|
+
import { BasicTableProps } from '../types/table.type';
|
|
5
5
|
export declare function useRowSelection(propsRef: ComputedRef<BasicTableProps>, emit: any): {
|
|
6
6
|
getRowSelectionRef: ComputedRef<TableRowSelection<any>>;
|
|
7
7
|
clearSelectedRowKeys: () => void;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { TableRowSelection } from
|
|
2
|
-
import { ComputedRef, Ref } from
|
|
3
|
-
import { BasicColumn, BasicTableProps } from
|
|
4
|
-
export declare function useTableScroll(propsRef: ComputedRef<BasicTableProps>, tableElRef: Ref<HTMLDivElement & {
|
|
1
|
+
import { TableRowSelection } from 'ant-design-vue/es/table/interface';
|
|
2
|
+
import { ComputedRef, Ref } from 'vue';
|
|
3
|
+
import { BasicColumn, BasicTableProps } from '../types/table.type';
|
|
4
|
+
export declare function useTableScroll(propsRef: ComputedRef<BasicTableProps>, tableElRef: Ref<(HTMLDivElement & {
|
|
5
5
|
$el: any;
|
|
6
|
-
} | null>, columnsRef: ComputedRef<BasicColumn[]>, rowSelectionRef: ComputedRef<TableRowSelection | null>): {
|
|
6
|
+
}) | null>, columnsRef: ComputedRef<BasicColumn[]>, rowSelectionRef: ComputedRef<TableRowSelection | null>): {
|
|
7
7
|
getScrollRef: ComputedRef<{
|
|
8
8
|
x: string | number | true;
|
|
9
9
|
y: string | number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TableProps as ATableProps } from
|
|
1
|
+
import { TableProps as ATableProps } from 'ant-design-vue/es/table';
|
|
2
2
|
import type { TableActionType } from './types/actions.type';
|
|
3
3
|
import type { BasicTableProps } from './types/table.type';
|
|
4
4
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
@@ -162,7 +162,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
162
162
|
default: (params: import("@dt-frames/core").Recordable<any>) => {};
|
|
163
163
|
};
|
|
164
164
|
onOpenUpdateDialog: {
|
|
165
|
-
type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number) => void>;
|
|
165
|
+
type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void>;
|
|
166
166
|
default: (row: import("@dt-frames/core").Recordable<any>, index: number) => {};
|
|
167
167
|
};
|
|
168
168
|
onDelete: {
|
|
@@ -316,7 +316,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
316
316
|
checkStrictly: boolean;
|
|
317
317
|
onSearch: (params: import("@dt-frames/core").Recordable<any>) => void;
|
|
318
318
|
onOPenAddDialog: (params: import("@dt-frames/core").Recordable<any>) => void;
|
|
319
|
-
onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
|
|
319
|
+
onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void;
|
|
320
320
|
onDelete: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
|
|
321
321
|
onDeletes: (params: import("@dt-frames/core").Recordable<any>) => void;
|
|
322
322
|
authPrefix: string;
|
|
@@ -396,7 +396,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
396
396
|
setup(props: {
|
|
397
397
|
column: import("./types/table.type").BasicColumn;
|
|
398
398
|
record: import("@dt-frames/core").Recordable<any>;
|
|
399
|
-
index:
|
|
399
|
+
index: number;
|
|
400
400
|
}, {}: {}): () => JSX.Element;
|
|
401
401
|
};
|
|
402
402
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "selection-change" | "columns-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-change")[], "register" | "selection-change" | "columns-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -560,7 +560,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
560
560
|
default: (params: import("@dt-frames/core").Recordable<any>) => {};
|
|
561
561
|
};
|
|
562
562
|
onOpenUpdateDialog: {
|
|
563
|
-
type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number) => void>;
|
|
563
|
+
type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void>;
|
|
564
564
|
default: (row: import("@dt-frames/core").Recordable<any>, index: number) => {};
|
|
565
565
|
};
|
|
566
566
|
onDelete: {
|
|
@@ -618,7 +618,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
618
618
|
checkStrictly: boolean;
|
|
619
619
|
onSearch: (params: import("@dt-frames/core").Recordable<any>) => void;
|
|
620
620
|
onOPenAddDialog: (params: import("@dt-frames/core").Recordable<any>) => void;
|
|
621
|
-
onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
|
|
621
|
+
onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void;
|
|
622
622
|
onDelete: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
|
|
623
623
|
onDeletes: (params: import("@dt-frames/core").Recordable<any>) => void;
|
|
624
624
|
}>;
|
|
@@ -166,7 +166,7 @@ export declare const TableProps: {
|
|
|
166
166
|
default: (params: Recordable) => {};
|
|
167
167
|
};
|
|
168
168
|
onOpenUpdateDialog: {
|
|
169
|
-
type: PropType<(row: Recordable, index: number) => void>;
|
|
169
|
+
type: PropType<(row: Recordable, index: number, rowKey: any) => void>;
|
|
170
170
|
default: (row: Recordable, index: number) => {};
|
|
171
171
|
};
|
|
172
172
|
onDelete: {
|