@pksep/yui 0.1.276 → 0.1.278
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/components/ContentEditor/ContentEditor.vue.d.ts +94 -0
- package/dist/components/ContentEditor/ContentEditorMentionList.vue.d.ts +2 -0
- package/dist/components/ContentEditor/interfaces/content-editor.d.ts +23 -0
- package/dist/components/Icon/enum/enum.d.ts +1 -0
- package/dist/components/Icon/icons.d.ts +1 -0
- package/dist/components/Slider/interface/interface.d.ts +12 -4
- package/dist/sep-yui.es.ts +23200 -23006
- package/dist/sep-yui.umd.ts +249 -247
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -22,21 +22,40 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
22
22
|
isMentionModalOpen: {
|
|
23
23
|
type: import('vue').PropType<boolean>;
|
|
24
24
|
};
|
|
25
|
+
activeSelectSlash: {
|
|
26
|
+
type: import('vue').PropType<boolean>;
|
|
27
|
+
};
|
|
25
28
|
mentionItems: {
|
|
26
29
|
type: import('vue').PropType<unknown[]>;
|
|
27
30
|
};
|
|
31
|
+
slashItems: {
|
|
32
|
+
type: import('vue').PropType<unknown[]>;
|
|
33
|
+
};
|
|
28
34
|
mentionConfig: {
|
|
29
35
|
type: import('vue').PropType<{
|
|
30
36
|
getKey?: (item: unknown, index: number) => string | number;
|
|
31
37
|
getLabel?: (item: unknown) => string;
|
|
32
38
|
getSubtitle?: (item: unknown) => string;
|
|
33
39
|
getAvatarUrl?: (item: unknown) => string;
|
|
40
|
+
getAvatarDefaultImage?: (item: unknown) => string;
|
|
34
41
|
getAvatarInitials?: (item: unknown) => string;
|
|
35
42
|
getIsOnline?: (item: unknown) => boolean;
|
|
36
43
|
getInsertLabel?: (item: unknown) => string;
|
|
37
44
|
getInsertAttrs?: (item: unknown) => Record<string, string>;
|
|
38
45
|
}>;
|
|
39
46
|
};
|
|
47
|
+
slashConfig: {
|
|
48
|
+
type: import('vue').PropType<{
|
|
49
|
+
getKey?: (item: unknown, index: number) => string | number;
|
|
50
|
+
getLabel?: (item: unknown) => string;
|
|
51
|
+
getSubtitle?: (item: unknown) => string;
|
|
52
|
+
getAvatarUrl?: (item: unknown) => string;
|
|
53
|
+
getAvatarDefaultImage?: (item: unknown) => string;
|
|
54
|
+
getAvatarInitials?: (item: unknown) => string;
|
|
55
|
+
getIsOnline?: (item: unknown) => boolean;
|
|
56
|
+
getInsertLabel?: (item: unknown) => string;
|
|
57
|
+
}>;
|
|
58
|
+
};
|
|
40
59
|
mentionItemKey: {
|
|
41
60
|
type: import('vue').PropType<(item: unknown, index: number) => string | number>;
|
|
42
61
|
};
|
|
@@ -49,6 +68,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
49
68
|
mentionItemAvatarUrl: {
|
|
50
69
|
type: import('vue').PropType<(item: unknown) => string>;
|
|
51
70
|
};
|
|
71
|
+
mentionItemAvatarDefaultImage: {
|
|
72
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
73
|
+
};
|
|
52
74
|
mentionItemAvatarInitials: {
|
|
53
75
|
type: import('vue').PropType<(item: unknown) => string>;
|
|
54
76
|
};
|
|
@@ -61,6 +83,30 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
61
83
|
mentionInsertAttrs: {
|
|
62
84
|
type: import('vue').PropType<(item: unknown) => Record<string, string>>;
|
|
63
85
|
};
|
|
86
|
+
slashItemKey: {
|
|
87
|
+
type: import('vue').PropType<(item: unknown, index: number) => string | number>;
|
|
88
|
+
};
|
|
89
|
+
slashItemLabel: {
|
|
90
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
91
|
+
};
|
|
92
|
+
slashItemSubtitle: {
|
|
93
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
94
|
+
};
|
|
95
|
+
slashItemAvatarUrl: {
|
|
96
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
97
|
+
};
|
|
98
|
+
slashItemAvatarDefaultImage: {
|
|
99
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
100
|
+
};
|
|
101
|
+
slashItemAvatarInitials: {
|
|
102
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
103
|
+
};
|
|
104
|
+
slashItemIsOnline: {
|
|
105
|
+
type: import('vue').PropType<(item: unknown) => boolean>;
|
|
106
|
+
};
|
|
107
|
+
slashInsertLabel: {
|
|
108
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
109
|
+
};
|
|
64
110
|
}>, {
|
|
65
111
|
addSpanLink: (content: string, attrs?: Record<string, string>) => void;
|
|
66
112
|
focus: () => void;
|
|
@@ -71,6 +117,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
71
117
|
"unmount-send": (params: import('./interfaces/content-editor').IContentEditorSendPayload) => void;
|
|
72
118
|
"unmount-attach-file": (files: FileList, onlyMedia: boolean) => void;
|
|
73
119
|
"mention-change": (search: string | null) => void;
|
|
120
|
+
"slash-change": (search: string | null) => void;
|
|
74
121
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
75
122
|
modelValue: import('vue').PropType<string>;
|
|
76
123
|
activeAttachFile: {
|
|
@@ -91,21 +138,40 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
91
138
|
isMentionModalOpen: {
|
|
92
139
|
type: import('vue').PropType<boolean>;
|
|
93
140
|
};
|
|
141
|
+
activeSelectSlash: {
|
|
142
|
+
type: import('vue').PropType<boolean>;
|
|
143
|
+
};
|
|
94
144
|
mentionItems: {
|
|
95
145
|
type: import('vue').PropType<unknown[]>;
|
|
96
146
|
};
|
|
147
|
+
slashItems: {
|
|
148
|
+
type: import('vue').PropType<unknown[]>;
|
|
149
|
+
};
|
|
97
150
|
mentionConfig: {
|
|
98
151
|
type: import('vue').PropType<{
|
|
99
152
|
getKey?: (item: unknown, index: number) => string | number;
|
|
100
153
|
getLabel?: (item: unknown) => string;
|
|
101
154
|
getSubtitle?: (item: unknown) => string;
|
|
102
155
|
getAvatarUrl?: (item: unknown) => string;
|
|
156
|
+
getAvatarDefaultImage?: (item: unknown) => string;
|
|
103
157
|
getAvatarInitials?: (item: unknown) => string;
|
|
104
158
|
getIsOnline?: (item: unknown) => boolean;
|
|
105
159
|
getInsertLabel?: (item: unknown) => string;
|
|
106
160
|
getInsertAttrs?: (item: unknown) => Record<string, string>;
|
|
107
161
|
}>;
|
|
108
162
|
};
|
|
163
|
+
slashConfig: {
|
|
164
|
+
type: import('vue').PropType<{
|
|
165
|
+
getKey?: (item: unknown, index: number) => string | number;
|
|
166
|
+
getLabel?: (item: unknown) => string;
|
|
167
|
+
getSubtitle?: (item: unknown) => string;
|
|
168
|
+
getAvatarUrl?: (item: unknown) => string;
|
|
169
|
+
getAvatarDefaultImage?: (item: unknown) => string;
|
|
170
|
+
getAvatarInitials?: (item: unknown) => string;
|
|
171
|
+
getIsOnline?: (item: unknown) => boolean;
|
|
172
|
+
getInsertLabel?: (item: unknown) => string;
|
|
173
|
+
}>;
|
|
174
|
+
};
|
|
109
175
|
mentionItemKey: {
|
|
110
176
|
type: import('vue').PropType<(item: unknown, index: number) => string | number>;
|
|
111
177
|
};
|
|
@@ -118,6 +184,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
118
184
|
mentionItemAvatarUrl: {
|
|
119
185
|
type: import('vue').PropType<(item: unknown) => string>;
|
|
120
186
|
};
|
|
187
|
+
mentionItemAvatarDefaultImage: {
|
|
188
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
189
|
+
};
|
|
121
190
|
mentionItemAvatarInitials: {
|
|
122
191
|
type: import('vue').PropType<(item: unknown) => string>;
|
|
123
192
|
};
|
|
@@ -130,10 +199,35 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
130
199
|
mentionInsertAttrs: {
|
|
131
200
|
type: import('vue').PropType<(item: unknown) => Record<string, string>>;
|
|
132
201
|
};
|
|
202
|
+
slashItemKey: {
|
|
203
|
+
type: import('vue').PropType<(item: unknown, index: number) => string | number>;
|
|
204
|
+
};
|
|
205
|
+
slashItemLabel: {
|
|
206
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
207
|
+
};
|
|
208
|
+
slashItemSubtitle: {
|
|
209
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
210
|
+
};
|
|
211
|
+
slashItemAvatarUrl: {
|
|
212
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
213
|
+
};
|
|
214
|
+
slashItemAvatarDefaultImage: {
|
|
215
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
216
|
+
};
|
|
217
|
+
slashItemAvatarInitials: {
|
|
218
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
219
|
+
};
|
|
220
|
+
slashItemIsOnline: {
|
|
221
|
+
type: import('vue').PropType<(item: unknown) => boolean>;
|
|
222
|
+
};
|
|
223
|
+
slashInsertLabel: {
|
|
224
|
+
type: import('vue').PropType<(item: unknown) => string>;
|
|
225
|
+
};
|
|
133
226
|
}>> & Readonly<{
|
|
134
227
|
"onUnmount-send"?: ((params: import('./interfaces/content-editor').IContentEditorSendPayload) => any) | undefined;
|
|
135
228
|
"onUnmount-attach-file"?: ((files: FileList, onlyMedia: boolean) => any) | undefined;
|
|
136
229
|
"onMention-change"?: ((search: string | null) => any) | undefined;
|
|
230
|
+
"onSlash-change"?: ((search: string | null) => any) | undefined;
|
|
137
231
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
138
232
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
139
233
|
export default _default;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
interface Props {
|
|
2
2
|
items: unknown[];
|
|
3
3
|
selectedIndex: number;
|
|
4
|
+
variant?: 'mention' | 'slash';
|
|
4
5
|
isModal?: boolean;
|
|
5
6
|
isFixed?: boolean;
|
|
6
7
|
positionStyle?: Record<string, string>;
|
|
@@ -8,6 +9,7 @@ interface Props {
|
|
|
8
9
|
getLabel: (item: unknown) => string;
|
|
9
10
|
getSubtitle: (item: unknown) => string;
|
|
10
11
|
getAvatarUrl: (item: unknown) => string;
|
|
12
|
+
getAvatarDefaultImage: (item: unknown) => string;
|
|
11
13
|
getAvatarInitials: (item: unknown) => string;
|
|
12
14
|
getIsOnline: (item: unknown) => boolean;
|
|
13
15
|
}
|
|
@@ -7,6 +7,7 @@ export interface IContentEditorEmit {
|
|
|
7
7
|
(e: 'unmount-send', params: IContentEditorSendPayload): void;
|
|
8
8
|
(e: 'unmount-attach-file', files: FileList, onlyMedia: boolean): void;
|
|
9
9
|
(e: 'mention-change', search: string | null): void;
|
|
10
|
+
(e: 'slash-change', search: string | null): void;
|
|
10
11
|
}
|
|
11
12
|
export interface IContentEditorProps {
|
|
12
13
|
activeAttachFile?: boolean;
|
|
@@ -15,23 +16,45 @@ export interface IContentEditorProps {
|
|
|
15
16
|
disableSendOnEnter?: boolean;
|
|
16
17
|
readClipboardText?: () => Promise<string> | string;
|
|
17
18
|
isMentionModalOpen?: boolean;
|
|
19
|
+
activeSelectSlash?: boolean;
|
|
18
20
|
mentionItems?: unknown[];
|
|
21
|
+
slashItems?: unknown[];
|
|
19
22
|
mentionConfig?: {
|
|
20
23
|
getKey?: (item: unknown, index: number) => string | number;
|
|
21
24
|
getLabel?: (item: unknown) => string;
|
|
22
25
|
getSubtitle?: (item: unknown) => string;
|
|
23
26
|
getAvatarUrl?: (item: unknown) => string;
|
|
27
|
+
getAvatarDefaultImage?: (item: unknown) => string;
|
|
24
28
|
getAvatarInitials?: (item: unknown) => string;
|
|
25
29
|
getIsOnline?: (item: unknown) => boolean;
|
|
26
30
|
getInsertLabel?: (item: unknown) => string;
|
|
27
31
|
getInsertAttrs?: (item: unknown) => Record<string, string>;
|
|
28
32
|
};
|
|
33
|
+
slashConfig?: {
|
|
34
|
+
getKey?: (item: unknown, index: number) => string | number;
|
|
35
|
+
getLabel?: (item: unknown) => string;
|
|
36
|
+
getSubtitle?: (item: unknown) => string;
|
|
37
|
+
getAvatarUrl?: (item: unknown) => string;
|
|
38
|
+
getAvatarDefaultImage?: (item: unknown) => string;
|
|
39
|
+
getAvatarInitials?: (item: unknown) => string;
|
|
40
|
+
getIsOnline?: (item: unknown) => boolean;
|
|
41
|
+
getInsertLabel?: (item: unknown) => string;
|
|
42
|
+
};
|
|
29
43
|
mentionItemKey?: (item: unknown, index: number) => string | number;
|
|
30
44
|
mentionItemLabel?: (item: unknown) => string;
|
|
31
45
|
mentionItemSubtitle?: (item: unknown) => string;
|
|
32
46
|
mentionItemAvatarUrl?: (item: unknown) => string;
|
|
47
|
+
mentionItemAvatarDefaultImage?: (item: unknown) => string;
|
|
33
48
|
mentionItemAvatarInitials?: (item: unknown) => string;
|
|
34
49
|
mentionItemIsOnline?: (item: unknown) => boolean;
|
|
35
50
|
mentionInsertLabel?: (item: unknown) => string;
|
|
36
51
|
mentionInsertAttrs?: (item: unknown) => Record<string, string>;
|
|
52
|
+
slashItemKey?: (item: unknown, index: number) => string | number;
|
|
53
|
+
slashItemLabel?: (item: unknown) => string;
|
|
54
|
+
slashItemSubtitle?: (item: unknown) => string;
|
|
55
|
+
slashItemAvatarUrl?: (item: unknown) => string;
|
|
56
|
+
slashItemAvatarDefaultImage?: (item: unknown) => string;
|
|
57
|
+
slashItemAvatarInitials?: (item: unknown) => string;
|
|
58
|
+
slashItemIsOnline?: (item: unknown) => boolean;
|
|
59
|
+
slashInsertLabel?: (item: unknown) => string;
|
|
37
60
|
}
|
|
@@ -105,6 +105,7 @@ export declare const openDocument: IVectorIcon;
|
|
|
105
105
|
export declare const time: IVectorIcon;
|
|
106
106
|
export declare const remains: IVectorIcon;
|
|
107
107
|
export declare const atSign: IVectorIcon;
|
|
108
|
+
export declare const slash: IVectorIcon;
|
|
108
109
|
export declare const smile: IVectorIcon;
|
|
109
110
|
export declare const planeRightFill: IVectorIcon;
|
|
110
111
|
export declare const planeRight: IVectorIcon;
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import { IDataTestIdProp } from '../../../common/dataTestidProps';
|
|
2
2
|
import { IModalEmit, IModalProps } from '../../Modal/interface/interface';
|
|
3
3
|
|
|
4
|
+
export type SliderPathError = {
|
|
5
|
+
error?: string;
|
|
6
|
+
message?: string;
|
|
7
|
+
};
|
|
8
|
+
export type SliderPath = string | SliderPathError;
|
|
4
9
|
export type SliderItem = {
|
|
5
|
-
path:
|
|
10
|
+
path: SliderPath;
|
|
6
11
|
name?: string;
|
|
7
12
|
file?: File;
|
|
8
13
|
};
|
|
@@ -15,13 +20,15 @@ export interface ISliderProps extends IDataTestIdProp {
|
|
|
15
20
|
items: SliderItem[];
|
|
16
21
|
defaultIndex?: number;
|
|
17
22
|
}
|
|
18
|
-
export interface ISliderModalProps extends IDataTestIdProp, IModalProps
|
|
23
|
+
export interface ISliderModalProps extends IDataTestIdProp, IModalProps {
|
|
24
|
+
items: IFile[];
|
|
25
|
+
defaultIndex?: number;
|
|
19
26
|
}
|
|
20
27
|
export interface ISliderModalEmit extends IModalEmit {
|
|
21
28
|
}
|
|
22
29
|
export interface ISlider {
|
|
23
|
-
files:
|
|
24
|
-
file:
|
|
30
|
+
files: SliderItem[];
|
|
31
|
+
file: SliderItem | null;
|
|
25
32
|
currentIndex: number;
|
|
26
33
|
extension: null | string;
|
|
27
34
|
filePath: null | string;
|
|
@@ -29,4 +36,5 @@ export interface ISlider {
|
|
|
29
36
|
indexModal: number;
|
|
30
37
|
isLoad: boolean;
|
|
31
38
|
isError: boolean;
|
|
39
|
+
errorText: string | null;
|
|
32
40
|
}
|