@pksep/yui 0.1.277 → 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/sep-yui.es.ts +22324 -22191
- package/dist/sep-yui.umd.ts +247 -245
- 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;
|