@creatorsn/vfluent3 0.3.47 → 0.3.51

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.
@@ -1,143 +1,398 @@
1
1
  import "./style";
2
2
  export declare const FvColorPicker: import("../../types/plugins/component-plugin").ComponentPlugin<{
3
- new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
4
- modelValue: {
5
- type: StringConstructor[];
6
- };
7
- foreground: {
8
- type: StringConstructor[];
9
- default: string;
10
- };
11
- type: {
12
- type: StringConstructor[];
13
- default: string;
14
- };
15
- theme: {
16
- type: StringConstructor;
17
- default: string;
18
- };
19
- disabled: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- lang: {
24
- type: StringConstructor;
25
- default: string;
26
- };
27
- }>> & {
28
- "onUpdate:modelValue"?: ((val: string) => any) | undefined;
29
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
30
- 'update:modelValue'(val: string): boolean;
31
- }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
32
- modelValue: {
33
- type: StringConstructor[];
34
- };
35
- foreground: {
36
- type: StringConstructor[];
37
- default: string;
38
- };
39
- type: {
40
- type: StringConstructor[];
41
- default: string;
42
- };
43
- theme: {
44
- type: StringConstructor;
45
- default: string;
46
- };
47
- disabled: {
48
- type: BooleanConstructor;
49
- default: boolean;
50
- };
51
- lang: {
52
- type: StringConstructor;
53
- default: string;
54
- };
55
- }>> & {
56
- "onUpdate:modelValue"?: ((val: string) => any) | undefined;
3
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {
4
+ $props: {
5
+ readonly theme?: string | undefined;
6
+ readonly type?: string | undefined;
7
+ readonly disabled?: boolean | undefined;
8
+ readonly lang?: string | undefined;
9
+ readonly foreground?: string | undefined;
10
+ readonly modelValue?: string | undefined;
11
+ };
12
+ $emit: (event: "update:modelValue", ...args: any[]) => void;
13
+ }, {
14
+ colorModeOptions: {
15
+ key: string;
16
+ text: string;
17
+ }[];
18
+ colorMode: {
19
+ key: string;
20
+ text: string;
21
+ };
22
+ color: string;
23
+ r: string;
24
+ g: string;
25
+ b: string;
26
+ h: string;
27
+ s: string;
28
+ v: string;
29
+ alpha: string;
30
+ syncLock: boolean;
31
+ hueValue: number;
32
+ pointerSaturationValue: number;
33
+ paletteSaturationValue: number;
34
+ brightnessValue: number;
35
+ alphaValue: number;
36
+ colorObj: import("../../utils/common").Color;
37
+ colorLeft: number;
38
+ colorTop: number;
39
+ colorValueLeft: number;
40
+ colorSaturationLeft: number;
41
+ colorAlphaLeft: number;
42
+ baseColorList: import("../../utils/common").Color[];
43
+ colorList: import("../../utils/common").Color[];
44
+ updateCoordsThrottled: undefined;
45
+ updateValueThrottled: undefined;
46
+ updateSaturationThrottled: undefined;
47
+ updateAlphaThrottled: undefined;
48
+ colorAreaMouseMoveEvent: undefined;
49
+ colorValueMouseMoveEvent: undefined;
50
+ colorSaturationMouseMoveEvent: undefined;
51
+ colorAlphaMouseMoveEvent: undefined;
52
+ }, {
53
+ $theme(): string;
54
+ computedColorPickerClass(): string[];
55
+ computedColorPickerStyle(): {
56
+ '--fv-color-picker--color-list': string;
57
+ '--fv-color-picker--color': string;
58
+ '--fv-color-picker--color-alpha': string;
59
+ '--fv-color-picker--color-value': string;
60
+ '--fv-color-picker--color-saturation-empty': string;
61
+ '--fv-color-picker--color-saturation-full': string;
62
+ '--fv-color-picker--pointer-left': string;
63
+ '--fv-color-picker--pointer-top': string;
64
+ '--fv-color-picker--color-value-left': string;
65
+ '--fv-color-picker--color-saturation-left': string;
66
+ '--fv-color-picker--color-alpha-left': string;
67
+ '--fv-color-picker--color-value-empty': string;
68
+ };
69
+ colorListStr(): string;
70
+ computedText: {
71
+ get(): string;
72
+ set(val: any): void;
73
+ };
74
+ computedR: {
75
+ get(): string;
76
+ set(val: any): void;
77
+ };
78
+ computedG: {
79
+ get(): string;
80
+ set(val: any): void;
81
+ };
82
+ computedB: {
83
+ get(): string;
84
+ set(val: any): void;
85
+ };
86
+ computedH: {
87
+ get(): string;
88
+ set(val: any): void;
89
+ };
90
+ computedS: {
91
+ get(): string;
92
+ set(val: any): void;
93
+ };
94
+ computedV: {
95
+ get(): string;
96
+ set(val: any): void;
97
+ };
98
+ computedAlpha: {
99
+ get(): string;
100
+ set(val: any): void;
101
+ };
57
102
  }, {
58
- theme: string;
59
- type: string;
60
- disabled: boolean;
61
- lang: string;
62
- foreground: string;
63
- }, true, {}, {}, {
103
+ withSyncLock(task: any): void;
104
+ syncRGBFields(clr: any): void;
105
+ syncText(clr: any, emit?: boolean): void;
106
+ syncStateFields(clr: any): void;
107
+ syncPointerFromState(): void;
108
+ syncValueSliderFromState(): void;
109
+ syncSaturationSliderFromState(): void;
110
+ syncAlphaSliderFromState(): void;
111
+ syncColorList(): void;
112
+ buildColorFromState(): import("../../utils/common").Color;
113
+ commitState(syncPointer?: boolean, emit?: boolean): void;
114
+ syncFromColor(clr: any, syncPointer?: boolean, emit?: boolean): void;
115
+ syncHSV(clr: any): void;
116
+ syncAlpha(clr: any): void;
117
+ handleUpdateCoords(mouse: any): void;
118
+ mousemoveEvent(mouse: any): void;
119
+ onMousedown(mouse: any): void;
120
+ handleUpdateValue(mouse: any): void;
121
+ valueMousemoveEvent(mouse: any): void;
122
+ onValueMouseDown(mouse: any): void;
123
+ handleUpdateSaturation(mouse: any): void;
124
+ saturationMousemoveEvent(mouse: any): void;
125
+ onSaturationMouseDown(mouse: any): void;
126
+ applyPaletteSaturation(number: any, emit?: boolean): void;
127
+ handleUpdateAlpha(mouse: any): void;
128
+ alphaMousemoveEvent(mouse: any): void;
129
+ onAlphaMouseDown(mouse: any): void;
130
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
64
131
  P: {};
65
132
  B: {};
66
133
  D: {};
67
134
  C: {};
68
135
  M: {};
69
136
  Defaults: {};
70
- }, Readonly<import("vue").ExtractPropTypes<{
71
- modelValue: {
72
- type: StringConstructor[];
73
- };
74
- foreground: {
75
- type: StringConstructor[];
76
- default: string;
77
- };
78
- type: {
79
- type: StringConstructor[];
80
- default: string;
81
- };
82
- theme: {
83
- type: StringConstructor;
84
- default: string;
85
- };
86
- disabled: {
87
- type: BooleanConstructor;
88
- default: boolean;
89
- };
90
- lang: {
91
- type: StringConstructor;
92
- default: string;
93
- };
94
- }>> & {
95
- "onUpdate:modelValue"?: ((val: string) => any) | undefined;
96
- }, {}, {}, {}, {}, {
97
- theme: string;
98
- type: string;
99
- disabled: boolean;
100
- lang: string;
101
- foreground: string;
102
- }>;
137
+ }, Readonly<import("vue").ExtractPropTypes<{}>>, {
138
+ $props: {
139
+ readonly theme?: string | undefined;
140
+ readonly type?: string | undefined;
141
+ readonly disabled?: boolean | undefined;
142
+ readonly lang?: string | undefined;
143
+ readonly foreground?: string | undefined;
144
+ readonly modelValue?: string | undefined;
145
+ };
146
+ $emit: (event: "update:modelValue", ...args: any[]) => void;
147
+ }, {
148
+ colorModeOptions: {
149
+ key: string;
150
+ text: string;
151
+ }[];
152
+ colorMode: {
153
+ key: string;
154
+ text: string;
155
+ };
156
+ color: string;
157
+ r: string;
158
+ g: string;
159
+ b: string;
160
+ h: string;
161
+ s: string;
162
+ v: string;
163
+ alpha: string;
164
+ syncLock: boolean;
165
+ hueValue: number;
166
+ pointerSaturationValue: number;
167
+ paletteSaturationValue: number;
168
+ brightnessValue: number;
169
+ alphaValue: number;
170
+ colorObj: import("../../utils/common").Color;
171
+ colorLeft: number;
172
+ colorTop: number;
173
+ colorValueLeft: number;
174
+ colorSaturationLeft: number;
175
+ colorAlphaLeft: number;
176
+ baseColorList: import("../../utils/common").Color[];
177
+ colorList: import("../../utils/common").Color[];
178
+ updateCoordsThrottled: undefined;
179
+ updateValueThrottled: undefined;
180
+ updateSaturationThrottled: undefined;
181
+ updateAlphaThrottled: undefined;
182
+ colorAreaMouseMoveEvent: undefined;
183
+ colorValueMouseMoveEvent: undefined;
184
+ colorSaturationMouseMoveEvent: undefined;
185
+ colorAlphaMouseMoveEvent: undefined;
186
+ }, {
187
+ $theme(): string;
188
+ computedColorPickerClass(): string[];
189
+ computedColorPickerStyle(): {
190
+ '--fv-color-picker--color-list': string;
191
+ '--fv-color-picker--color': string;
192
+ '--fv-color-picker--color-alpha': string;
193
+ '--fv-color-picker--color-value': string;
194
+ '--fv-color-picker--color-saturation-empty': string;
195
+ '--fv-color-picker--color-saturation-full': string;
196
+ '--fv-color-picker--pointer-left': string;
197
+ '--fv-color-picker--pointer-top': string;
198
+ '--fv-color-picker--color-value-left': string;
199
+ '--fv-color-picker--color-saturation-left': string;
200
+ '--fv-color-picker--color-alpha-left': string;
201
+ '--fv-color-picker--color-value-empty': string;
202
+ };
203
+ colorListStr(): string;
204
+ computedText: {
205
+ get(): string;
206
+ set(val: any): void;
207
+ };
208
+ computedR: {
209
+ get(): string;
210
+ set(val: any): void;
211
+ };
212
+ computedG: {
213
+ get(): string;
214
+ set(val: any): void;
215
+ };
216
+ computedB: {
217
+ get(): string;
218
+ set(val: any): void;
219
+ };
220
+ computedH: {
221
+ get(): string;
222
+ set(val: any): void;
223
+ };
224
+ computedS: {
225
+ get(): string;
226
+ set(val: any): void;
227
+ };
228
+ computedV: {
229
+ get(): string;
230
+ set(val: any): void;
231
+ };
232
+ computedAlpha: {
233
+ get(): string;
234
+ set(val: any): void;
235
+ };
236
+ }, {
237
+ withSyncLock(task: any): void;
238
+ syncRGBFields(clr: any): void;
239
+ syncText(clr: any, emit?: boolean): void;
240
+ syncStateFields(clr: any): void;
241
+ syncPointerFromState(): void;
242
+ syncValueSliderFromState(): void;
243
+ syncSaturationSliderFromState(): void;
244
+ syncAlphaSliderFromState(): void;
245
+ syncColorList(): void;
246
+ buildColorFromState(): import("../../utils/common").Color;
247
+ commitState(syncPointer?: boolean, emit?: boolean): void;
248
+ syncFromColor(clr: any, syncPointer?: boolean, emit?: boolean): void;
249
+ syncHSV(clr: any): void;
250
+ syncAlpha(clr: any): void;
251
+ handleUpdateCoords(mouse: any): void;
252
+ mousemoveEvent(mouse: any): void;
253
+ onMousedown(mouse: any): void;
254
+ handleUpdateValue(mouse: any): void;
255
+ valueMousemoveEvent(mouse: any): void;
256
+ onValueMouseDown(mouse: any): void;
257
+ handleUpdateSaturation(mouse: any): void;
258
+ saturationMousemoveEvent(mouse: any): void;
259
+ onSaturationMouseDown(mouse: any): void;
260
+ applyPaletteSaturation(number: any, emit?: boolean): void;
261
+ handleUpdateAlpha(mouse: any): void;
262
+ alphaMousemoveEvent(mouse: any): void;
263
+ onAlphaMouseDown(mouse: any): void;
264
+ }, {}>;
103
265
  __isFragment?: undefined;
104
266
  __isTeleport?: undefined;
105
267
  __isSuspense?: undefined;
106
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
107
- modelValue: {
108
- type: StringConstructor[];
268
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
269
+ $props: {
270
+ readonly theme?: string | undefined;
271
+ readonly type?: string | undefined;
272
+ readonly disabled?: boolean | undefined;
273
+ readonly lang?: string | undefined;
274
+ readonly foreground?: string | undefined;
275
+ readonly modelValue?: string | undefined;
276
+ };
277
+ $emit: (event: "update:modelValue", ...args: any[]) => void;
278
+ }, {
279
+ colorModeOptions: {
280
+ key: string;
281
+ text: string;
282
+ }[];
283
+ colorMode: {
284
+ key: string;
285
+ text: string;
286
+ };
287
+ color: string;
288
+ r: string;
289
+ g: string;
290
+ b: string;
291
+ h: string;
292
+ s: string;
293
+ v: string;
294
+ alpha: string;
295
+ syncLock: boolean;
296
+ hueValue: number;
297
+ pointerSaturationValue: number;
298
+ paletteSaturationValue: number;
299
+ brightnessValue: number;
300
+ alphaValue: number;
301
+ colorObj: import("../../utils/common").Color;
302
+ colorLeft: number;
303
+ colorTop: number;
304
+ colorValueLeft: number;
305
+ colorSaturationLeft: number;
306
+ colorAlphaLeft: number;
307
+ baseColorList: import("../../utils/common").Color[];
308
+ colorList: import("../../utils/common").Color[];
309
+ updateCoordsThrottled: undefined;
310
+ updateValueThrottled: undefined;
311
+ updateSaturationThrottled: undefined;
312
+ updateAlphaThrottled: undefined;
313
+ colorAreaMouseMoveEvent: undefined;
314
+ colorValueMouseMoveEvent: undefined;
315
+ colorSaturationMouseMoveEvent: undefined;
316
+ colorAlphaMouseMoveEvent: undefined;
317
+ }, {
318
+ $theme(): string;
319
+ computedColorPickerClass(): string[];
320
+ computedColorPickerStyle(): {
321
+ '--fv-color-picker--color-list': string;
322
+ '--fv-color-picker--color': string;
323
+ '--fv-color-picker--color-alpha': string;
324
+ '--fv-color-picker--color-value': string;
325
+ '--fv-color-picker--color-saturation-empty': string;
326
+ '--fv-color-picker--color-saturation-full': string;
327
+ '--fv-color-picker--pointer-left': string;
328
+ '--fv-color-picker--pointer-top': string;
329
+ '--fv-color-picker--color-value-left': string;
330
+ '--fv-color-picker--color-saturation-left': string;
331
+ '--fv-color-picker--color-alpha-left': string;
332
+ '--fv-color-picker--color-value-empty': string;
333
+ };
334
+ colorListStr(): string;
335
+ computedText: {
336
+ get(): string;
337
+ set(val: any): void;
338
+ };
339
+ computedR: {
340
+ get(): string;
341
+ set(val: any): void;
342
+ };
343
+ computedG: {
344
+ get(): string;
345
+ set(val: any): void;
109
346
  };
110
- foreground: {
111
- type: StringConstructor[];
112
- default: string;
347
+ computedB: {
348
+ get(): string;
349
+ set(val: any): void;
113
350
  };
114
- type: {
115
- type: StringConstructor[];
116
- default: string;
351
+ computedH: {
352
+ get(): string;
353
+ set(val: any): void;
117
354
  };
118
- theme: {
119
- type: StringConstructor;
120
- default: string;
355
+ computedS: {
356
+ get(): string;
357
+ set(val: any): void;
121
358
  };
122
- disabled: {
123
- type: BooleanConstructor;
124
- default: boolean;
359
+ computedV: {
360
+ get(): string;
361
+ set(val: any): void;
125
362
  };
126
- lang: {
127
- type: StringConstructor;
128
- default: string;
363
+ computedAlpha: {
364
+ get(): string;
365
+ set(val: any): void;
129
366
  };
130
- }>> & {
131
- "onUpdate:modelValue"?: ((val: string) => any) | undefined;
132
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
133
- 'update:modelValue'(val: string): boolean;
134
- }, string, {
135
- theme: string;
136
- type: string;
137
- disabled: boolean;
138
- lang: string;
139
- foreground: string;
140
- }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
367
+ }, {
368
+ withSyncLock(task: any): void;
369
+ syncRGBFields(clr: any): void;
370
+ syncText(clr: any, emit?: boolean): void;
371
+ syncStateFields(clr: any): void;
372
+ syncPointerFromState(): void;
373
+ syncValueSliderFromState(): void;
374
+ syncSaturationSliderFromState(): void;
375
+ syncAlphaSliderFromState(): void;
376
+ syncColorList(): void;
377
+ buildColorFromState(): import("../../utils/common").Color;
378
+ commitState(syncPointer?: boolean, emit?: boolean): void;
379
+ syncFromColor(clr: any, syncPointer?: boolean, emit?: boolean): void;
380
+ syncHSV(clr: any): void;
381
+ syncAlpha(clr: any): void;
382
+ handleUpdateCoords(mouse: any): void;
383
+ mousemoveEvent(mouse: any): void;
384
+ onMousedown(mouse: any): void;
385
+ handleUpdateValue(mouse: any): void;
386
+ valueMousemoveEvent(mouse: any): void;
387
+ onValueMouseDown(mouse: any): void;
388
+ handleUpdateSaturation(mouse: any): void;
389
+ saturationMousemoveEvent(mouse: any): void;
390
+ onSaturationMouseDown(mouse: any): void;
391
+ applyPaletteSaturation(number: any, emit?: boolean): void;
392
+ handleUpdateAlpha(mouse: any): void;
393
+ alphaMousemoveEvent(mouse: any): void;
394
+ onAlphaMouseDown(mouse: any): void;
395
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
141
396
  $slots: {};
142
397
  })>;
143
398
  export default FvColorPicker;