@a2simcode/ui 0.0.2 → 0.0.4
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/README.md +1 -0
- package/dist/components/autocomplete/index.d.ts +118 -0
- package/dist/components/autocomplete/src/autocomplete.vue.d.ts +109 -0
- package/dist/components/barcode/index.d.ts +114 -0
- package/dist/components/barcode/src/barcode.vue.d.ts +101 -0
- package/dist/components/button/index.d.ts +278 -0
- package/dist/components/button/src/button.vue.d.ts +268 -0
- package/dist/components/buttons/index.d.ts +81 -0
- package/dist/components/buttons/src/index.vue.d.ts +76 -0
- package/dist/components/buttons/src/interface.d.ts +128 -0
- package/dist/components/buttons/src/useButtons.d.ts +4 -0
- package/dist/components/cascader-select/index.d.ts +142 -0
- package/dist/components/cascader-select/src/cascader-select.vue.d.ts +128 -0
- package/dist/components/checkbox/index.d.ts +73 -0
- package/dist/components/checkbox/src/checkbox.vue.d.ts +55 -0
- package/dist/components/code-mirror/index.d.ts +74 -0
- package/dist/components/code-mirror/src/code-mirror.vue.d.ts +45 -0
- package/dist/components/comp/index.d.ts +157 -0
- package/dist/components/comp/src/comp.vue.d.ts +164 -0
- package/dist/components/dialog/index.d.ts +416 -0
- package/dist/components/dialog/src/index.vue.d.ts +404 -0
- package/dist/components/dialog-full/index.d.ts +311 -0
- package/dist/components/dialog-full/src/index.vue.d.ts +287 -0
- package/dist/components/drawer/index.d.ts +335 -0
- package/dist/components/drawer/src/drawer.vue.d.ts +337 -0
- package/dist/components/dynamic-layer/index.d.ts +25 -0
- package/dist/components/dynamic-layer/src/dynamic-layer.vue.d.ts +8 -0
- package/dist/components/dynamic-layer/src/interface.d.ts +66 -0
- package/dist/components/echarts/index.d.ts +177 -0
- package/dist/components/echarts/src/echarts.vue.d.ts +118 -0
- package/dist/components/form/index.d.ts +194 -0
- package/dist/components/form/src/form.vue.d.ts +106 -0
- package/dist/components/form/src/interface.d.ts +138 -0
- package/dist/components/form/src/useForm/index.d.ts +9 -0
- package/dist/components/form/src/useForm/interface.d.ts +170 -0
- package/dist/components/form/src/useForm/validateUtil.d.ts +5 -0
- package/dist/components/form-item/index.d.ts +112 -0
- package/dist/components/form-item/src/form-item.vue.d.ts +97 -0
- package/dist/components/icon/index.d.ts +31 -0
- package/dist/components/icon/src/icon.vue.d.ts +33 -0
- package/dist/components/index.d.ts +35 -0
- package/dist/components/input/index.d.ts +111 -0
- package/dist/components/input/src/input.vue.d.ts +110 -0
- package/dist/components/input-tag/index.d.ts +75 -0
- package/dist/components/input-tag/src/input-tag.vue.d.ts +40 -0
- package/dist/components/layer/index.d.ts +284 -0
- package/dist/components/layer/src/layer.vue.d.ts +263 -0
- package/dist/components/layout/__tests__/layout.test.d.ts +1 -0
- package/dist/components/layout/index.d.ts +173 -0
- package/dist/components/layout/src/layout.vue.d.ts +187 -0
- package/dist/components/number/index.d.ts +85 -0
- package/dist/components/number/src/number.vue.d.ts +78 -0
- package/dist/components/page/index.d.ts +67 -0
- package/dist/components/page/src/interface.d.ts +22 -0
- package/dist/components/page/src/page.vue.d.ts +52 -0
- package/dist/components/radio/index.d.ts +152 -0
- package/dist/components/radio/src/radio.vue.d.ts +123 -0
- package/dist/components/rate/index.d.ts +71 -0
- package/dist/components/rate/src/rate.vue.d.ts +42 -0
- package/dist/components/select/index.d.ts +88 -0
- package/dist/components/select/src/select.vue.d.ts +75 -0
- package/dist/components/slider/index.d.ts +89 -0
- package/dist/components/slider/src/slider.vue.d.ts +76 -0
- package/dist/components/table/index.d.ts +160 -0
- package/dist/components/table/src/table.vue.d.ts +143 -0
- package/dist/components/upload/index.d.ts +405 -0
- package/dist/components/upload/src/list.vue.d.ts +103 -0
- package/dist/components/upload/src/upload.vue.d.ts +367 -0
- package/dist/components/upload/src/utils.d.ts +2 -0
- package/dist/{utils → components/utils}/index.d.ts +0 -1
- package/dist/core/index.d.ts +1 -0
- package/dist/core/utils/cipher.d.ts +21 -0
- package/dist/core/utils/common.d.ts +41 -0
- package/dist/core/utils/comp.d.ts +9 -0
- package/dist/core/utils/date.d.ts +3 -0
- package/dist/core/utils/dom.d.ts +4 -0
- package/dist/core/utils/index.d.ts +6 -0
- package/dist/core/utils/is.d.ts +2 -0
- package/dist/index.d.ts +6 -9
- package/dist/simcode-ui.es.js +5021 -81
- package/dist/simcode-ui.umd.js +1 -1
- package/dist/stats.html +4949 -0
- package/dist/ui.css +1 -0
- package/package.json +36 -22
- package/dist/button/index.d.ts +0 -157
- package/dist/button/src/button.vue.d.ts +0 -78
- package/dist/input/index.d.ts +0 -137
- package/dist/input/src/input.vue.d.ts +0 -64
- package/dist/style.css +0 -1
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
declare const JSelect: {
|
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./src/select.vue').SelectProps> & Readonly<{
|
|
3
|
+
"onUpdate:modelValue"?: ((value: string | number | (string | number)[] | undefined) => any) | undefined;
|
|
4
|
+
onChange?: ((value: import('./src/select.vue').SelectOption | import('./src/select.vue').SelectOption[] | undefined) => any) | undefined;
|
|
5
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
6
|
+
"update:modelValue": (value: string | number | (string | number)[] | undefined) => any;
|
|
7
|
+
change: (value: import('./src/select.vue').SelectOption | import('./src/select.vue').SelectOption[] | undefined) => any;
|
|
8
|
+
}, import('vue').PublicProps, {
|
|
9
|
+
size: "large" | "default" | "small";
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
readonly: boolean;
|
|
12
|
+
placeholder: string;
|
|
13
|
+
clearable: boolean;
|
|
14
|
+
options: import('./src/select.vue').SelectOption[];
|
|
15
|
+
teleported: boolean;
|
|
16
|
+
noBorder: boolean;
|
|
17
|
+
multiple: boolean;
|
|
18
|
+
isShowTooltip: boolean;
|
|
19
|
+
isSelectOnlyone: boolean;
|
|
20
|
+
selectData: string;
|
|
21
|
+
isRows: boolean;
|
|
22
|
+
collapseTags: boolean;
|
|
23
|
+
collapseTagsTooltip: boolean;
|
|
24
|
+
filterable: boolean;
|
|
25
|
+
isGroup: boolean;
|
|
26
|
+
groupKey: string;
|
|
27
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
28
|
+
P: {};
|
|
29
|
+
B: {};
|
|
30
|
+
D: {};
|
|
31
|
+
C: {};
|
|
32
|
+
M: {};
|
|
33
|
+
Defaults: {};
|
|
34
|
+
}, Readonly<import('./src/select.vue').SelectProps> & Readonly<{
|
|
35
|
+
"onUpdate:modelValue"?: ((value: string | number | (string | number)[] | undefined) => any) | undefined;
|
|
36
|
+
onChange?: ((value: import('./src/select.vue').SelectOption | import('./src/select.vue').SelectOption[] | undefined) => any) | undefined;
|
|
37
|
+
}>, {}, {}, {}, {}, {
|
|
38
|
+
size: "large" | "default" | "small";
|
|
39
|
+
disabled: boolean;
|
|
40
|
+
readonly: boolean;
|
|
41
|
+
placeholder: string;
|
|
42
|
+
clearable: boolean;
|
|
43
|
+
options: import('./src/select.vue').SelectOption[];
|
|
44
|
+
teleported: boolean;
|
|
45
|
+
noBorder: boolean;
|
|
46
|
+
multiple: boolean;
|
|
47
|
+
isShowTooltip: boolean;
|
|
48
|
+
isSelectOnlyone: boolean;
|
|
49
|
+
selectData: string;
|
|
50
|
+
isRows: boolean;
|
|
51
|
+
collapseTags: boolean;
|
|
52
|
+
collapseTagsTooltip: boolean;
|
|
53
|
+
filterable: boolean;
|
|
54
|
+
isGroup: boolean;
|
|
55
|
+
groupKey: string;
|
|
56
|
+
}>;
|
|
57
|
+
__isFragment?: never;
|
|
58
|
+
__isTeleport?: never;
|
|
59
|
+
__isSuspense?: never;
|
|
60
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./src/select.vue').SelectProps> & Readonly<{
|
|
61
|
+
"onUpdate:modelValue"?: ((value: string | number | (string | number)[] | undefined) => any) | undefined;
|
|
62
|
+
onChange?: ((value: import('./src/select.vue').SelectOption | import('./src/select.vue').SelectOption[] | undefined) => any) | undefined;
|
|
63
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
64
|
+
"update:modelValue": (value: string | number | (string | number)[] | undefined) => any;
|
|
65
|
+
change: (value: import('./src/select.vue').SelectOption | import('./src/select.vue').SelectOption[] | undefined) => any;
|
|
66
|
+
}, string, {
|
|
67
|
+
size: "large" | "default" | "small";
|
|
68
|
+
disabled: boolean;
|
|
69
|
+
readonly: boolean;
|
|
70
|
+
placeholder: string;
|
|
71
|
+
clearable: boolean;
|
|
72
|
+
options: import('./src/select.vue').SelectOption[];
|
|
73
|
+
teleported: boolean;
|
|
74
|
+
noBorder: boolean;
|
|
75
|
+
multiple: boolean;
|
|
76
|
+
isShowTooltip: boolean;
|
|
77
|
+
isSelectOnlyone: boolean;
|
|
78
|
+
selectData: string;
|
|
79
|
+
isRows: boolean;
|
|
80
|
+
collapseTags: boolean;
|
|
81
|
+
collapseTagsTooltip: boolean;
|
|
82
|
+
filterable: boolean;
|
|
83
|
+
isGroup: boolean;
|
|
84
|
+
groupKey: string;
|
|
85
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
86
|
+
install: (app: import('vue').App) => void;
|
|
87
|
+
};
|
|
88
|
+
export default JSelect;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
export interface SelectOption {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
group?: string;
|
|
7
|
+
children?: SelectOption[];
|
|
8
|
+
}
|
|
9
|
+
export interface SelectProps {
|
|
10
|
+
/** 绑定值 */
|
|
11
|
+
modelValue: string | number | (string | number)[];
|
|
12
|
+
/** 选项列表 */
|
|
13
|
+
options?: SelectOption[];
|
|
14
|
+
/** 尺寸 */
|
|
15
|
+
size?: 'large' | 'default' | 'small';
|
|
16
|
+
/** 输入框占位文本 */
|
|
17
|
+
placeholder?: string;
|
|
18
|
+
/** 是否使用 teleport */
|
|
19
|
+
teleported?: boolean;
|
|
20
|
+
/** 是否无边框 */
|
|
21
|
+
noBorder?: boolean;
|
|
22
|
+
/** 是否禁用 */
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
/** 是否只读 */
|
|
25
|
+
readonly?: boolean;
|
|
26
|
+
/** 是否多选 */
|
|
27
|
+
multiple?: boolean;
|
|
28
|
+
/** 是否显示提示 */
|
|
29
|
+
isShowTooltip?: boolean;
|
|
30
|
+
/** 是否只选择一个 */
|
|
31
|
+
isSelectOnlyone?: boolean;
|
|
32
|
+
/** 选择数据 */
|
|
33
|
+
selectData?: string;
|
|
34
|
+
/** 是否可以清空选项 */
|
|
35
|
+
clearable?: boolean;
|
|
36
|
+
/** 是否行背景 */
|
|
37
|
+
isRows?: boolean;
|
|
38
|
+
/** 多选时是否将选中值按文字的形式展示 */
|
|
39
|
+
collapseTags?: boolean;
|
|
40
|
+
/** 当鼠标悬停于折叠标签的文本时,是否显示所有选中的标签 */
|
|
41
|
+
collapseTagsTooltip?: boolean;
|
|
42
|
+
/** 是否可搜索 */
|
|
43
|
+
filterable?: boolean;
|
|
44
|
+
/** 是否分组 */
|
|
45
|
+
isGroup?: boolean;
|
|
46
|
+
/** 分组键 */
|
|
47
|
+
groupKey?: string;
|
|
48
|
+
}
|
|
49
|
+
declare const _default: import('vue').DefineComponent<SelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
50
|
+
"update:modelValue": (value: string | number | (string | number)[] | undefined) => any;
|
|
51
|
+
change: (value: SelectOption | SelectOption[] | undefined) => any;
|
|
52
|
+
}, string, import('vue').PublicProps, Readonly<SelectProps> & Readonly<{
|
|
53
|
+
"onUpdate:modelValue"?: ((value: string | number | (string | number)[] | undefined) => any) | undefined;
|
|
54
|
+
onChange?: ((value: SelectOption | SelectOption[] | undefined) => any) | undefined;
|
|
55
|
+
}>, {
|
|
56
|
+
size: "large" | "default" | "small";
|
|
57
|
+
disabled: boolean;
|
|
58
|
+
readonly: boolean;
|
|
59
|
+
placeholder: string;
|
|
60
|
+
clearable: boolean;
|
|
61
|
+
options: SelectOption[];
|
|
62
|
+
teleported: boolean;
|
|
63
|
+
noBorder: boolean;
|
|
64
|
+
multiple: boolean;
|
|
65
|
+
isShowTooltip: boolean;
|
|
66
|
+
isSelectOnlyone: boolean;
|
|
67
|
+
selectData: string;
|
|
68
|
+
isRows: boolean;
|
|
69
|
+
collapseTags: boolean;
|
|
70
|
+
collapseTagsTooltip: boolean;
|
|
71
|
+
filterable: boolean;
|
|
72
|
+
isGroup: boolean;
|
|
73
|
+
groupKey: string;
|
|
74
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
75
|
+
export default _default;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
export declare const JSlider: {
|
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./src/slider.vue').SliderProps> & Readonly<{
|
|
3
|
+
"onUpdate:modelValue"?: ((value: number | number[]) => any) | undefined;
|
|
4
|
+
onChange?: ((value: {
|
|
5
|
+
value: number | number[];
|
|
6
|
+
}) => any) | undefined;
|
|
7
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
|
+
"update:modelValue": (value: number | number[]) => any;
|
|
9
|
+
change: (value: {
|
|
10
|
+
value: number | number[];
|
|
11
|
+
}) => any;
|
|
12
|
+
}, import('vue').PublicProps, {
|
|
13
|
+
size: "large" | "default" | "small";
|
|
14
|
+
readonly: boolean;
|
|
15
|
+
vertical: boolean;
|
|
16
|
+
modelValue: number | number[];
|
|
17
|
+
max: number;
|
|
18
|
+
min: number;
|
|
19
|
+
step: number;
|
|
20
|
+
validateEvent: boolean;
|
|
21
|
+
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
22
|
+
showInput: boolean;
|
|
23
|
+
showInputControls: boolean;
|
|
24
|
+
showStops: boolean;
|
|
25
|
+
showTooltip: boolean;
|
|
26
|
+
range: boolean;
|
|
27
|
+
persistent: boolean;
|
|
28
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
29
|
+
P: {};
|
|
30
|
+
B: {};
|
|
31
|
+
D: {};
|
|
32
|
+
C: {};
|
|
33
|
+
M: {};
|
|
34
|
+
Defaults: {};
|
|
35
|
+
}, Readonly<import('./src/slider.vue').SliderProps> & Readonly<{
|
|
36
|
+
"onUpdate:modelValue"?: ((value: number | number[]) => any) | undefined;
|
|
37
|
+
onChange?: ((value: {
|
|
38
|
+
value: number | number[];
|
|
39
|
+
}) => any) | undefined;
|
|
40
|
+
}>, {}, {}, {}, {}, {
|
|
41
|
+
size: "large" | "default" | "small";
|
|
42
|
+
readonly: boolean;
|
|
43
|
+
vertical: boolean;
|
|
44
|
+
modelValue: number | number[];
|
|
45
|
+
max: number;
|
|
46
|
+
min: number;
|
|
47
|
+
step: number;
|
|
48
|
+
validateEvent: boolean;
|
|
49
|
+
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
50
|
+
showInput: boolean;
|
|
51
|
+
showInputControls: boolean;
|
|
52
|
+
showStops: boolean;
|
|
53
|
+
showTooltip: boolean;
|
|
54
|
+
range: boolean;
|
|
55
|
+
persistent: boolean;
|
|
56
|
+
}>;
|
|
57
|
+
__isFragment?: never;
|
|
58
|
+
__isTeleport?: never;
|
|
59
|
+
__isSuspense?: never;
|
|
60
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./src/slider.vue').SliderProps> & Readonly<{
|
|
61
|
+
"onUpdate:modelValue"?: ((value: number | number[]) => any) | undefined;
|
|
62
|
+
onChange?: ((value: {
|
|
63
|
+
value: number | number[];
|
|
64
|
+
}) => any) | undefined;
|
|
65
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
66
|
+
"update:modelValue": (value: number | number[]) => any;
|
|
67
|
+
change: (value: {
|
|
68
|
+
value: number | number[];
|
|
69
|
+
}) => any;
|
|
70
|
+
}, string, {
|
|
71
|
+
size: "large" | "default" | "small";
|
|
72
|
+
readonly: boolean;
|
|
73
|
+
vertical: boolean;
|
|
74
|
+
modelValue: number | number[];
|
|
75
|
+
max: number;
|
|
76
|
+
min: number;
|
|
77
|
+
step: number;
|
|
78
|
+
validateEvent: boolean;
|
|
79
|
+
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
80
|
+
showInput: boolean;
|
|
81
|
+
showInputControls: boolean;
|
|
82
|
+
showStops: boolean;
|
|
83
|
+
showTooltip: boolean;
|
|
84
|
+
range: boolean;
|
|
85
|
+
persistent: boolean;
|
|
86
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
87
|
+
install: (app: import('vue').App) => void;
|
|
88
|
+
};
|
|
89
|
+
export default JSlider;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
export interface SliderProps {
|
|
2
|
+
/** 绑定值 */
|
|
3
|
+
modelValue?: number | number[];
|
|
4
|
+
/** 最小值 */
|
|
5
|
+
min?: number;
|
|
6
|
+
/** 最大值 */
|
|
7
|
+
max?: number;
|
|
8
|
+
/** 是否禁用 */
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
/** 步长 */
|
|
11
|
+
step?: number;
|
|
12
|
+
/** 是否显示输入框,仅在非范围选择时有效 */
|
|
13
|
+
showInput?: boolean;
|
|
14
|
+
/** 在显示输入框的情况下,是否显示输入框的控制按钮 */
|
|
15
|
+
showInputControls?: boolean;
|
|
16
|
+
/** slider 包装器的大小 */
|
|
17
|
+
size?: 'large' | 'default' | 'small';
|
|
18
|
+
/** 是否显示间断点 */
|
|
19
|
+
showStops?: boolean;
|
|
20
|
+
/** 是否显示提示信息 */
|
|
21
|
+
showTooltip?: boolean;
|
|
22
|
+
/** 格式化提示信息 */
|
|
23
|
+
formatTooltip?: (val: number) => string | number;
|
|
24
|
+
/** 是否开启选择范围 */
|
|
25
|
+
range?: boolean;
|
|
26
|
+
/** 垂直模式 */
|
|
27
|
+
vertical?: boolean;
|
|
28
|
+
/** 滑块高度,垂直模式必填 */
|
|
29
|
+
height?: string;
|
|
30
|
+
/** 原生 aria-label 属性 */
|
|
31
|
+
ariaLabel?: string;
|
|
32
|
+
/** 当 range 为 true 时,屏幕阅读器标签开始的标记 */
|
|
33
|
+
rangeStartLabel?: string;
|
|
34
|
+
/** 当 range 为 true 时,屏幕阅读器标签结尾的标记 */
|
|
35
|
+
rangeEndLabel?: string;
|
|
36
|
+
/** 显示屏幕阅读器的 aria-valuenow 属性的格式 */
|
|
37
|
+
formatValueText?: (val: number) => string;
|
|
38
|
+
/** tooltip 的自定义类名 */
|
|
39
|
+
tooltipClass?: string;
|
|
40
|
+
/** Tooltip 出现的位置 */
|
|
41
|
+
placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
|
|
42
|
+
/** 标记 */
|
|
43
|
+
marks?: Record<number, any>;
|
|
44
|
+
/** 输入时是否触发表单的校验 */
|
|
45
|
+
validateEvent?: boolean;
|
|
46
|
+
/** 是否持续显示 tooltip */
|
|
47
|
+
persistent?: boolean;
|
|
48
|
+
}
|
|
49
|
+
declare const _default: import('vue').DefineComponent<SliderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
50
|
+
"update:modelValue": (value: number | number[]) => any;
|
|
51
|
+
change: (value: {
|
|
52
|
+
value: number | number[];
|
|
53
|
+
}) => any;
|
|
54
|
+
}, string, import('vue').PublicProps, Readonly<SliderProps> & Readonly<{
|
|
55
|
+
"onUpdate:modelValue"?: ((value: number | number[]) => any) | undefined;
|
|
56
|
+
onChange?: ((value: {
|
|
57
|
+
value: number | number[];
|
|
58
|
+
}) => any) | undefined;
|
|
59
|
+
}>, {
|
|
60
|
+
size: "large" | "default" | "small";
|
|
61
|
+
readonly: boolean;
|
|
62
|
+
vertical: boolean;
|
|
63
|
+
modelValue: number | number[];
|
|
64
|
+
max: number;
|
|
65
|
+
min: number;
|
|
66
|
+
step: number;
|
|
67
|
+
validateEvent: boolean;
|
|
68
|
+
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
69
|
+
showInput: boolean;
|
|
70
|
+
showInputControls: boolean;
|
|
71
|
+
showStops: boolean;
|
|
72
|
+
showTooltip: boolean;
|
|
73
|
+
range: boolean;
|
|
74
|
+
persistent: boolean;
|
|
75
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
76
|
+
export default _default;
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
declare const JTable: {
|
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
3
|
+
columns: {
|
|
4
|
+
type: import('vue').PropType<import('./src/table.vue').TableColumn[]>;
|
|
5
|
+
required: true;
|
|
6
|
+
default: () => never[];
|
|
7
|
+
};
|
|
8
|
+
records: {
|
|
9
|
+
type: import('vue').PropType<import('./src/table.vue').TableRecord[]>;
|
|
10
|
+
required: true;
|
|
11
|
+
default: () => never[];
|
|
12
|
+
};
|
|
13
|
+
widthMode: {
|
|
14
|
+
type: import('vue').PropType<"standard" | "adaptive" | "autoWidth">;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
17
|
+
height: {
|
|
18
|
+
type: NumberConstructor;
|
|
19
|
+
default: undefined;
|
|
20
|
+
};
|
|
21
|
+
border: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
24
|
+
};
|
|
25
|
+
stripe: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
theme: {
|
|
30
|
+
type: import('vue').PropType<"default" | "dark">;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
}>> & Readonly<{
|
|
34
|
+
onReady?: ((instance: any) => any) | undefined;
|
|
35
|
+
}>, {
|
|
36
|
+
getInstance: () => any;
|
|
37
|
+
setRecords: (records: import('./src/table.vue').TableRecord[]) => void;
|
|
38
|
+
setColumns: (columns: import('./src/table.vue').TableColumn[]) => void;
|
|
39
|
+
refresh: () => void;
|
|
40
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
41
|
+
ready: (instance: any) => any;
|
|
42
|
+
}, import('vue').PublicProps, {
|
|
43
|
+
height: number;
|
|
44
|
+
columns: import('./src/table.vue').TableColumn[];
|
|
45
|
+
records: import('./src/table.vue').TableRecord[];
|
|
46
|
+
widthMode: "standard" | "adaptive" | "autoWidth";
|
|
47
|
+
border: boolean;
|
|
48
|
+
stripe: boolean;
|
|
49
|
+
theme: "default" | "dark";
|
|
50
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
51
|
+
tableContainer: HTMLDivElement;
|
|
52
|
+
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
53
|
+
P: {};
|
|
54
|
+
B: {};
|
|
55
|
+
D: {};
|
|
56
|
+
C: {};
|
|
57
|
+
M: {};
|
|
58
|
+
Defaults: {};
|
|
59
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
60
|
+
columns: {
|
|
61
|
+
type: import('vue').PropType<import('./src/table.vue').TableColumn[]>;
|
|
62
|
+
required: true;
|
|
63
|
+
default: () => never[];
|
|
64
|
+
};
|
|
65
|
+
records: {
|
|
66
|
+
type: import('vue').PropType<import('./src/table.vue').TableRecord[]>;
|
|
67
|
+
required: true;
|
|
68
|
+
default: () => never[];
|
|
69
|
+
};
|
|
70
|
+
widthMode: {
|
|
71
|
+
type: import('vue').PropType<"standard" | "adaptive" | "autoWidth">;
|
|
72
|
+
default: string;
|
|
73
|
+
};
|
|
74
|
+
height: {
|
|
75
|
+
type: NumberConstructor;
|
|
76
|
+
default: undefined;
|
|
77
|
+
};
|
|
78
|
+
border: {
|
|
79
|
+
type: BooleanConstructor;
|
|
80
|
+
default: boolean;
|
|
81
|
+
};
|
|
82
|
+
stripe: {
|
|
83
|
+
type: BooleanConstructor;
|
|
84
|
+
default: boolean;
|
|
85
|
+
};
|
|
86
|
+
theme: {
|
|
87
|
+
type: import('vue').PropType<"default" | "dark">;
|
|
88
|
+
default: string;
|
|
89
|
+
};
|
|
90
|
+
}>> & Readonly<{
|
|
91
|
+
onReady?: ((instance: any) => any) | undefined;
|
|
92
|
+
}>, {
|
|
93
|
+
getInstance: () => any;
|
|
94
|
+
setRecords: (records: import('./src/table.vue').TableRecord[]) => void;
|
|
95
|
+
setColumns: (columns: import('./src/table.vue').TableColumn[]) => void;
|
|
96
|
+
refresh: () => void;
|
|
97
|
+
}, {}, {}, {}, {
|
|
98
|
+
height: number;
|
|
99
|
+
columns: import('./src/table.vue').TableColumn[];
|
|
100
|
+
records: import('./src/table.vue').TableRecord[];
|
|
101
|
+
widthMode: "standard" | "adaptive" | "autoWidth";
|
|
102
|
+
border: boolean;
|
|
103
|
+
stripe: boolean;
|
|
104
|
+
theme: "default" | "dark";
|
|
105
|
+
}>;
|
|
106
|
+
__isFragment?: never;
|
|
107
|
+
__isTeleport?: never;
|
|
108
|
+
__isSuspense?: never;
|
|
109
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
110
|
+
columns: {
|
|
111
|
+
type: import('vue').PropType<import('./src/table.vue').TableColumn[]>;
|
|
112
|
+
required: true;
|
|
113
|
+
default: () => never[];
|
|
114
|
+
};
|
|
115
|
+
records: {
|
|
116
|
+
type: import('vue').PropType<import('./src/table.vue').TableRecord[]>;
|
|
117
|
+
required: true;
|
|
118
|
+
default: () => never[];
|
|
119
|
+
};
|
|
120
|
+
widthMode: {
|
|
121
|
+
type: import('vue').PropType<"standard" | "adaptive" | "autoWidth">;
|
|
122
|
+
default: string;
|
|
123
|
+
};
|
|
124
|
+
height: {
|
|
125
|
+
type: NumberConstructor;
|
|
126
|
+
default: undefined;
|
|
127
|
+
};
|
|
128
|
+
border: {
|
|
129
|
+
type: BooleanConstructor;
|
|
130
|
+
default: boolean;
|
|
131
|
+
};
|
|
132
|
+
stripe: {
|
|
133
|
+
type: BooleanConstructor;
|
|
134
|
+
default: boolean;
|
|
135
|
+
};
|
|
136
|
+
theme: {
|
|
137
|
+
type: import('vue').PropType<"default" | "dark">;
|
|
138
|
+
default: string;
|
|
139
|
+
};
|
|
140
|
+
}>> & Readonly<{
|
|
141
|
+
onReady?: ((instance: any) => any) | undefined;
|
|
142
|
+
}>, {
|
|
143
|
+
getInstance: () => any;
|
|
144
|
+
setRecords: (records: import('./src/table.vue').TableRecord[]) => void;
|
|
145
|
+
setColumns: (columns: import('./src/table.vue').TableColumn[]) => void;
|
|
146
|
+
refresh: () => void;
|
|
147
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
148
|
+
ready: (instance: any) => any;
|
|
149
|
+
}, string, {
|
|
150
|
+
height: number;
|
|
151
|
+
columns: import('./src/table.vue').TableColumn[];
|
|
152
|
+
records: import('./src/table.vue').TableRecord[];
|
|
153
|
+
widthMode: "standard" | "adaptive" | "autoWidth";
|
|
154
|
+
border: boolean;
|
|
155
|
+
stripe: boolean;
|
|
156
|
+
theme: "default" | "dark";
|
|
157
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
158
|
+
install: (app: import('vue').App) => void;
|
|
159
|
+
};
|
|
160
|
+
export default JTable;
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
export interface TableColumn {
|
|
3
|
+
field: string;
|
|
4
|
+
title: string;
|
|
5
|
+
width?: number | 'auto';
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
}
|
|
8
|
+
export interface TableRecord {
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
12
|
+
/**
|
|
13
|
+
* @zh 表格列配置
|
|
14
|
+
*/
|
|
15
|
+
columns: {
|
|
16
|
+
type: PropType<TableColumn[]>;
|
|
17
|
+
required: true;
|
|
18
|
+
default: () => never[];
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* @zh 表格数据
|
|
22
|
+
*/
|
|
23
|
+
records: {
|
|
24
|
+
type: PropType<TableRecord[]>;
|
|
25
|
+
required: true;
|
|
26
|
+
default: () => never[];
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* @zh 宽度模式
|
|
30
|
+
* @defaultValue 'standard'
|
|
31
|
+
*/
|
|
32
|
+
widthMode: {
|
|
33
|
+
type: PropType<"standard" | "adaptive" | "autoWidth">;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* @zh 表格高度
|
|
38
|
+
*/
|
|
39
|
+
height: {
|
|
40
|
+
type: NumberConstructor;
|
|
41
|
+
default: undefined;
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* @zh 是否显示边框
|
|
45
|
+
* @defaultValue true
|
|
46
|
+
*/
|
|
47
|
+
border: {
|
|
48
|
+
type: BooleanConstructor;
|
|
49
|
+
default: boolean;
|
|
50
|
+
};
|
|
51
|
+
/**
|
|
52
|
+
* @zh 是否显示斑马纹
|
|
53
|
+
* @defaultValue false
|
|
54
|
+
*/
|
|
55
|
+
stripe: {
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* @zh 表格主题
|
|
61
|
+
* @defaultValue 'default'
|
|
62
|
+
*/
|
|
63
|
+
theme: {
|
|
64
|
+
type: PropType<"default" | "dark">;
|
|
65
|
+
default: string;
|
|
66
|
+
};
|
|
67
|
+
}>, {
|
|
68
|
+
getInstance: () => any;
|
|
69
|
+
setRecords: (records: TableRecord[]) => void;
|
|
70
|
+
setColumns: (columns: TableColumn[]) => void;
|
|
71
|
+
refresh: () => void;
|
|
72
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
73
|
+
ready: (instance: any) => any;
|
|
74
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
75
|
+
/**
|
|
76
|
+
* @zh 表格列配置
|
|
77
|
+
*/
|
|
78
|
+
columns: {
|
|
79
|
+
type: PropType<TableColumn[]>;
|
|
80
|
+
required: true;
|
|
81
|
+
default: () => never[];
|
|
82
|
+
};
|
|
83
|
+
/**
|
|
84
|
+
* @zh 表格数据
|
|
85
|
+
*/
|
|
86
|
+
records: {
|
|
87
|
+
type: PropType<TableRecord[]>;
|
|
88
|
+
required: true;
|
|
89
|
+
default: () => never[];
|
|
90
|
+
};
|
|
91
|
+
/**
|
|
92
|
+
* @zh 宽度模式
|
|
93
|
+
* @defaultValue 'standard'
|
|
94
|
+
*/
|
|
95
|
+
widthMode: {
|
|
96
|
+
type: PropType<"standard" | "adaptive" | "autoWidth">;
|
|
97
|
+
default: string;
|
|
98
|
+
};
|
|
99
|
+
/**
|
|
100
|
+
* @zh 表格高度
|
|
101
|
+
*/
|
|
102
|
+
height: {
|
|
103
|
+
type: NumberConstructor;
|
|
104
|
+
default: undefined;
|
|
105
|
+
};
|
|
106
|
+
/**
|
|
107
|
+
* @zh 是否显示边框
|
|
108
|
+
* @defaultValue true
|
|
109
|
+
*/
|
|
110
|
+
border: {
|
|
111
|
+
type: BooleanConstructor;
|
|
112
|
+
default: boolean;
|
|
113
|
+
};
|
|
114
|
+
/**
|
|
115
|
+
* @zh 是否显示斑马纹
|
|
116
|
+
* @defaultValue false
|
|
117
|
+
*/
|
|
118
|
+
stripe: {
|
|
119
|
+
type: BooleanConstructor;
|
|
120
|
+
default: boolean;
|
|
121
|
+
};
|
|
122
|
+
/**
|
|
123
|
+
* @zh 表格主题
|
|
124
|
+
* @defaultValue 'default'
|
|
125
|
+
*/
|
|
126
|
+
theme: {
|
|
127
|
+
type: PropType<"default" | "dark">;
|
|
128
|
+
default: string;
|
|
129
|
+
};
|
|
130
|
+
}>> & Readonly<{
|
|
131
|
+
onReady?: ((instance: any) => any) | undefined;
|
|
132
|
+
}>, {
|
|
133
|
+
height: number;
|
|
134
|
+
columns: TableColumn[];
|
|
135
|
+
records: TableRecord[];
|
|
136
|
+
widthMode: "standard" | "adaptive" | "autoWidth";
|
|
137
|
+
border: boolean;
|
|
138
|
+
stripe: boolean;
|
|
139
|
+
theme: "default" | "dark";
|
|
140
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
141
|
+
tableContainer: HTMLDivElement;
|
|
142
|
+
}, HTMLDivElement>;
|
|
143
|
+
export default _default;
|