@destyler/splitter 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 +7 -0
- package/dist/component.cjs +2008 -11
- package/dist/component.d.cts +654 -4
- package/dist/component.d.mts +654 -4
- package/dist/component.d.ts +654 -4
- package/dist/component.mjs +2001 -7
- package/dist/index.cjs +16 -1828
- package/dist/index.d.cts +4 -409
- package/dist/index.d.mts +4 -409
- package/dist/index.d.ts +4 -409
- package/dist/index.mjs +5 -1825
- package/dist/resolver.cjs +9 -6
- package/dist/resolver.d.cts +3 -3
- package/dist/resolver.d.mts +3 -3
- package/dist/resolver.d.ts +3 -3
- package/dist/resolver.mjs +8 -5
- package/package.json +16 -17
package/dist/index.d.ts
CHANGED
|
@@ -1,409 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
interface PanelGroupStorage {
|
|
7
|
-
getItem(name: string): string | null;
|
|
8
|
-
setItem(name: string, value: string): void;
|
|
9
|
-
}
|
|
10
|
-
type ResizeHandlerState = 'drag' | 'hover' | 'inactive';
|
|
11
|
-
type Direction = 'horizontal' | 'vertical';
|
|
12
|
-
|
|
13
|
-
interface PointerHitAreaMargins {
|
|
14
|
-
coarse: number;
|
|
15
|
-
fine: number;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
declare const destylerSplitterResizeHandleProps: {
|
|
19
|
-
readonly as: {
|
|
20
|
-
readonly type: PropType<AsTag | Component>;
|
|
21
|
-
readonly required: false;
|
|
22
|
-
readonly default: "div";
|
|
23
|
-
};
|
|
24
|
-
readonly asChild: {
|
|
25
|
-
readonly type: PropType<boolean>;
|
|
26
|
-
readonly required: false;
|
|
27
|
-
readonly default: false;
|
|
28
|
-
};
|
|
29
|
-
readonly id: {
|
|
30
|
-
readonly type: PropType<string>;
|
|
31
|
-
readonly required: false;
|
|
32
|
-
};
|
|
33
|
-
readonly hitAreaMargins: {
|
|
34
|
-
readonly type: PropType<PointerHitAreaMargins>;
|
|
35
|
-
readonly required: false;
|
|
36
|
-
};
|
|
37
|
-
readonly tabindex: {
|
|
38
|
-
readonly type: PropType<number>;
|
|
39
|
-
readonly required: false;
|
|
40
|
-
readonly default: 0;
|
|
41
|
-
};
|
|
42
|
-
readonly disabled: {
|
|
43
|
-
readonly type: PropType<boolean>;
|
|
44
|
-
readonly required: false;
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
type DestylerSplitterResizeHandleProps = ExtractPublicPropTypes<typeof destylerSplitterResizeHandleProps>;
|
|
48
|
-
declare const DestylerSplitterResizeHandle: vue.DefineComponent<{
|
|
49
|
-
readonly as: {
|
|
50
|
-
readonly type: PropType<AsTag | Component>;
|
|
51
|
-
readonly required: false;
|
|
52
|
-
readonly default: "div";
|
|
53
|
-
};
|
|
54
|
-
readonly asChild: {
|
|
55
|
-
readonly type: PropType<boolean>;
|
|
56
|
-
readonly required: false;
|
|
57
|
-
readonly default: false;
|
|
58
|
-
};
|
|
59
|
-
readonly id: {
|
|
60
|
-
readonly type: PropType<string>;
|
|
61
|
-
readonly required: false;
|
|
62
|
-
};
|
|
63
|
-
readonly hitAreaMargins: {
|
|
64
|
-
readonly type: PropType<PointerHitAreaMargins>;
|
|
65
|
-
readonly required: false;
|
|
66
|
-
};
|
|
67
|
-
readonly tabindex: {
|
|
68
|
-
readonly type: PropType<number>;
|
|
69
|
-
readonly required: false;
|
|
70
|
-
readonly default: 0;
|
|
71
|
-
};
|
|
72
|
-
readonly disabled: {
|
|
73
|
-
readonly type: PropType<boolean>;
|
|
74
|
-
readonly required: false;
|
|
75
|
-
};
|
|
76
|
-
}, {
|
|
77
|
-
resizeHandleId: string;
|
|
78
|
-
disabled: vue.Ref<boolean | undefined>;
|
|
79
|
-
state: vue.Ref<ResizeHandlerState>;
|
|
80
|
-
direction: "horizontal" | "vertical";
|
|
81
|
-
groupId: string;
|
|
82
|
-
isFocused: vue.Ref<boolean>;
|
|
83
|
-
forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
|
|
84
|
-
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "dragging"[], "dragging", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
85
|
-
readonly as: {
|
|
86
|
-
readonly type: PropType<AsTag | Component>;
|
|
87
|
-
readonly required: false;
|
|
88
|
-
readonly default: "div";
|
|
89
|
-
};
|
|
90
|
-
readonly asChild: {
|
|
91
|
-
readonly type: PropType<boolean>;
|
|
92
|
-
readonly required: false;
|
|
93
|
-
readonly default: false;
|
|
94
|
-
};
|
|
95
|
-
readonly id: {
|
|
96
|
-
readonly type: PropType<string>;
|
|
97
|
-
readonly required: false;
|
|
98
|
-
};
|
|
99
|
-
readonly hitAreaMargins: {
|
|
100
|
-
readonly type: PropType<PointerHitAreaMargins>;
|
|
101
|
-
readonly required: false;
|
|
102
|
-
};
|
|
103
|
-
readonly tabindex: {
|
|
104
|
-
readonly type: PropType<number>;
|
|
105
|
-
readonly required: false;
|
|
106
|
-
readonly default: 0;
|
|
107
|
-
};
|
|
108
|
-
readonly disabled: {
|
|
109
|
-
readonly type: PropType<boolean>;
|
|
110
|
-
readonly required: false;
|
|
111
|
-
};
|
|
112
|
-
}>> & {
|
|
113
|
-
onDragging?: ((...args: any[]) => any) | undefined;
|
|
114
|
-
}, {
|
|
115
|
-
readonly as: AsTag | Component;
|
|
116
|
-
readonly asChild: boolean;
|
|
117
|
-
readonly tabindex: number;
|
|
118
|
-
}, {}>;
|
|
119
|
-
|
|
120
|
-
declare const destylerSplitterGroupProps: {
|
|
121
|
-
readonly as: {
|
|
122
|
-
readonly type: PropType<AsTag | Component>;
|
|
123
|
-
readonly required: false;
|
|
124
|
-
readonly default: "div";
|
|
125
|
-
};
|
|
126
|
-
readonly asChild: {
|
|
127
|
-
readonly type: PropType<boolean>;
|
|
128
|
-
readonly required: false;
|
|
129
|
-
readonly default: false;
|
|
130
|
-
};
|
|
131
|
-
readonly id: {
|
|
132
|
-
readonly type: PropType<string>;
|
|
133
|
-
readonly required: false;
|
|
134
|
-
};
|
|
135
|
-
readonly autoSaveId: {
|
|
136
|
-
readonly type: PropType<string>;
|
|
137
|
-
readonly required: false;
|
|
138
|
-
readonly default: null;
|
|
139
|
-
};
|
|
140
|
-
readonly direction: {
|
|
141
|
-
readonly type: PropType<Direction>;
|
|
142
|
-
readonly required: true;
|
|
143
|
-
};
|
|
144
|
-
readonly keyboardResizeBy: {
|
|
145
|
-
readonly type: PropType<number>;
|
|
146
|
-
readonly required: false;
|
|
147
|
-
readonly default: 10;
|
|
148
|
-
};
|
|
149
|
-
readonly storage: {
|
|
150
|
-
readonly type: PropType<PanelGroupStorage>;
|
|
151
|
-
readonly required: false;
|
|
152
|
-
readonly default: () => PanelGroupStorage;
|
|
153
|
-
};
|
|
154
|
-
};
|
|
155
|
-
type DestylerSplitterGroupProps = ExtractPublicPropTypes<typeof destylerSplitterGroupProps>;
|
|
156
|
-
declare const DestylerSplitterGroup: vue.DefineComponent<{
|
|
157
|
-
readonly as: {
|
|
158
|
-
readonly type: PropType<AsTag | Component>;
|
|
159
|
-
readonly required: false;
|
|
160
|
-
readonly default: "div";
|
|
161
|
-
};
|
|
162
|
-
readonly asChild: {
|
|
163
|
-
readonly type: PropType<boolean>;
|
|
164
|
-
readonly required: false;
|
|
165
|
-
readonly default: false;
|
|
166
|
-
};
|
|
167
|
-
readonly id: {
|
|
168
|
-
readonly type: PropType<string>;
|
|
169
|
-
readonly required: false;
|
|
170
|
-
};
|
|
171
|
-
readonly autoSaveId: {
|
|
172
|
-
readonly type: PropType<string>;
|
|
173
|
-
readonly required: false;
|
|
174
|
-
readonly default: null;
|
|
175
|
-
};
|
|
176
|
-
readonly direction: {
|
|
177
|
-
readonly type: PropType<Direction>;
|
|
178
|
-
readonly required: true;
|
|
179
|
-
};
|
|
180
|
-
readonly keyboardResizeBy: {
|
|
181
|
-
readonly type: PropType<number>;
|
|
182
|
-
readonly required: false;
|
|
183
|
-
readonly default: 10;
|
|
184
|
-
};
|
|
185
|
-
readonly storage: {
|
|
186
|
-
readonly type: PropType<PanelGroupStorage>;
|
|
187
|
-
readonly required: false;
|
|
188
|
-
readonly default: () => PanelGroupStorage;
|
|
189
|
-
};
|
|
190
|
-
}, {
|
|
191
|
-
forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
|
|
192
|
-
groupId: string;
|
|
193
|
-
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "layout"[], "layout", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
194
|
-
readonly as: {
|
|
195
|
-
readonly type: PropType<AsTag | Component>;
|
|
196
|
-
readonly required: false;
|
|
197
|
-
readonly default: "div";
|
|
198
|
-
};
|
|
199
|
-
readonly asChild: {
|
|
200
|
-
readonly type: PropType<boolean>;
|
|
201
|
-
readonly required: false;
|
|
202
|
-
readonly default: false;
|
|
203
|
-
};
|
|
204
|
-
readonly id: {
|
|
205
|
-
readonly type: PropType<string>;
|
|
206
|
-
readonly required: false;
|
|
207
|
-
};
|
|
208
|
-
readonly autoSaveId: {
|
|
209
|
-
readonly type: PropType<string>;
|
|
210
|
-
readonly required: false;
|
|
211
|
-
readonly default: null;
|
|
212
|
-
};
|
|
213
|
-
readonly direction: {
|
|
214
|
-
readonly type: PropType<Direction>;
|
|
215
|
-
readonly required: true;
|
|
216
|
-
};
|
|
217
|
-
readonly keyboardResizeBy: {
|
|
218
|
-
readonly type: PropType<number>;
|
|
219
|
-
readonly required: false;
|
|
220
|
-
readonly default: 10;
|
|
221
|
-
};
|
|
222
|
-
readonly storage: {
|
|
223
|
-
readonly type: PropType<PanelGroupStorage>;
|
|
224
|
-
readonly required: false;
|
|
225
|
-
readonly default: () => PanelGroupStorage;
|
|
226
|
-
};
|
|
227
|
-
}>> & {
|
|
228
|
-
onLayout?: ((...args: any[]) => any) | undefined;
|
|
229
|
-
}, {
|
|
230
|
-
readonly storage: PanelGroupStorage;
|
|
231
|
-
readonly as: AsTag | Component;
|
|
232
|
-
readonly asChild: boolean;
|
|
233
|
-
readonly autoSaveId: string;
|
|
234
|
-
readonly keyboardResizeBy: number;
|
|
235
|
-
}, {}>;
|
|
236
|
-
|
|
237
|
-
declare const destylerSplitterPanelProps: {
|
|
238
|
-
readonly as: {
|
|
239
|
-
readonly type: PropType<AsTag | Component>;
|
|
240
|
-
readonly required: false;
|
|
241
|
-
readonly default: "div";
|
|
242
|
-
};
|
|
243
|
-
readonly asChild: {
|
|
244
|
-
readonly type: PropType<boolean>;
|
|
245
|
-
readonly required: false;
|
|
246
|
-
readonly default: false;
|
|
247
|
-
};
|
|
248
|
-
readonly collapsedSize: {
|
|
249
|
-
readonly type: PropType<number>;
|
|
250
|
-
readonly required: false;
|
|
251
|
-
};
|
|
252
|
-
readonly collapsible: {
|
|
253
|
-
readonly type: PropType<boolean>;
|
|
254
|
-
readonly required: false;
|
|
255
|
-
};
|
|
256
|
-
readonly defaultSize: {
|
|
257
|
-
readonly type: PropType<number>;
|
|
258
|
-
readonly required: false;
|
|
259
|
-
};
|
|
260
|
-
readonly id: {
|
|
261
|
-
readonly type: PropType<string>;
|
|
262
|
-
readonly required: false;
|
|
263
|
-
};
|
|
264
|
-
readonly maxSize: {
|
|
265
|
-
readonly type: PropType<number>;
|
|
266
|
-
readonly required: false;
|
|
267
|
-
};
|
|
268
|
-
readonly minSize: {
|
|
269
|
-
readonly type: PropType<number>;
|
|
270
|
-
readonly required: false;
|
|
271
|
-
};
|
|
272
|
-
readonly order: {
|
|
273
|
-
readonly type: PropType<number>;
|
|
274
|
-
readonly required: false;
|
|
275
|
-
};
|
|
276
|
-
};
|
|
277
|
-
type DestylerSplitterPanelProps = ExtractPublicPropTypes<typeof destylerSplitterPanelProps>;
|
|
278
|
-
declare const DestylerSplitterPanel: vue.DefineComponent<{
|
|
279
|
-
readonly as: {
|
|
280
|
-
readonly type: PropType<AsTag | Component>;
|
|
281
|
-
readonly required: false;
|
|
282
|
-
readonly default: "div";
|
|
283
|
-
};
|
|
284
|
-
readonly asChild: {
|
|
285
|
-
readonly type: PropType<boolean>;
|
|
286
|
-
readonly required: false;
|
|
287
|
-
readonly default: false;
|
|
288
|
-
};
|
|
289
|
-
readonly collapsedSize: {
|
|
290
|
-
readonly type: PropType<number>;
|
|
291
|
-
readonly required: false;
|
|
292
|
-
};
|
|
293
|
-
readonly collapsible: {
|
|
294
|
-
readonly type: PropType<boolean>;
|
|
295
|
-
readonly required: false;
|
|
296
|
-
};
|
|
297
|
-
readonly defaultSize: {
|
|
298
|
-
readonly type: PropType<number>;
|
|
299
|
-
readonly required: false;
|
|
300
|
-
};
|
|
301
|
-
readonly id: {
|
|
302
|
-
readonly type: PropType<string>;
|
|
303
|
-
readonly required: false;
|
|
304
|
-
};
|
|
305
|
-
readonly maxSize: {
|
|
306
|
-
readonly type: PropType<number>;
|
|
307
|
-
readonly required: false;
|
|
308
|
-
};
|
|
309
|
-
readonly minSize: {
|
|
310
|
-
readonly type: PropType<number>;
|
|
311
|
-
readonly required: false;
|
|
312
|
-
};
|
|
313
|
-
readonly order: {
|
|
314
|
-
readonly type: PropType<number>;
|
|
315
|
-
readonly required: false;
|
|
316
|
-
};
|
|
317
|
-
}, {
|
|
318
|
-
groupId: string;
|
|
319
|
-
panelId: string;
|
|
320
|
-
style: vue.ComputedRef<vue.CSSProperties>;
|
|
321
|
-
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("resize" | "collapse" | "expand")[], "resize" | "collapse" | "expand", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
322
|
-
readonly as: {
|
|
323
|
-
readonly type: PropType<AsTag | Component>;
|
|
324
|
-
readonly required: false;
|
|
325
|
-
readonly default: "div";
|
|
326
|
-
};
|
|
327
|
-
readonly asChild: {
|
|
328
|
-
readonly type: PropType<boolean>;
|
|
329
|
-
readonly required: false;
|
|
330
|
-
readonly default: false;
|
|
331
|
-
};
|
|
332
|
-
readonly collapsedSize: {
|
|
333
|
-
readonly type: PropType<number>;
|
|
334
|
-
readonly required: false;
|
|
335
|
-
};
|
|
336
|
-
readonly collapsible: {
|
|
337
|
-
readonly type: PropType<boolean>;
|
|
338
|
-
readonly required: false;
|
|
339
|
-
};
|
|
340
|
-
readonly defaultSize: {
|
|
341
|
-
readonly type: PropType<number>;
|
|
342
|
-
readonly required: false;
|
|
343
|
-
};
|
|
344
|
-
readonly id: {
|
|
345
|
-
readonly type: PropType<string>;
|
|
346
|
-
readonly required: false;
|
|
347
|
-
};
|
|
348
|
-
readonly maxSize: {
|
|
349
|
-
readonly type: PropType<number>;
|
|
350
|
-
readonly required: false;
|
|
351
|
-
};
|
|
352
|
-
readonly minSize: {
|
|
353
|
-
readonly type: PropType<number>;
|
|
354
|
-
readonly required: false;
|
|
355
|
-
};
|
|
356
|
-
readonly order: {
|
|
357
|
-
readonly type: PropType<number>;
|
|
358
|
-
readonly required: false;
|
|
359
|
-
};
|
|
360
|
-
}>> & {
|
|
361
|
-
onCollapse?: ((...args: any[]) => any) | undefined;
|
|
362
|
-
onExpand?: ((...args: any[]) => any) | undefined;
|
|
363
|
-
onResize?: ((...args: any[]) => any) | undefined;
|
|
364
|
-
}, {
|
|
365
|
-
readonly as: AsTag | Component;
|
|
366
|
-
readonly asChild: boolean;
|
|
367
|
-
}, {}>;
|
|
368
|
-
|
|
369
|
-
declare const destylerSplitterRootProps: {
|
|
370
|
-
readonly as: {
|
|
371
|
-
readonly type: PropType<AsTag | Component>;
|
|
372
|
-
readonly required: false;
|
|
373
|
-
readonly default: "div";
|
|
374
|
-
};
|
|
375
|
-
readonly asChild: {
|
|
376
|
-
readonly type: PropType<boolean>;
|
|
377
|
-
readonly required: false;
|
|
378
|
-
readonly default: false;
|
|
379
|
-
};
|
|
380
|
-
};
|
|
381
|
-
type DestylerSplitterRootProps = ExtractPublicPropTypes<typeof destylerSplitterRootProps>;
|
|
382
|
-
declare const DestylerSplitterRoot: vue.DefineComponent<{
|
|
383
|
-
readonly as: {
|
|
384
|
-
readonly type: PropType<AsTag | Component>;
|
|
385
|
-
readonly required: false;
|
|
386
|
-
readonly default: "div";
|
|
387
|
-
};
|
|
388
|
-
readonly asChild: {
|
|
389
|
-
readonly type: PropType<boolean>;
|
|
390
|
-
readonly required: false;
|
|
391
|
-
readonly default: false;
|
|
392
|
-
};
|
|
393
|
-
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
394
|
-
readonly as: {
|
|
395
|
-
readonly type: PropType<AsTag | Component>;
|
|
396
|
-
readonly required: false;
|
|
397
|
-
readonly default: "div";
|
|
398
|
-
};
|
|
399
|
-
readonly asChild: {
|
|
400
|
-
readonly type: PropType<boolean>;
|
|
401
|
-
readonly required: false;
|
|
402
|
-
readonly default: false;
|
|
403
|
-
};
|
|
404
|
-
}>>, {
|
|
405
|
-
readonly as: AsTag | Component;
|
|
406
|
-
readonly asChild: boolean;
|
|
407
|
-
}, {}>;
|
|
408
|
-
|
|
409
|
-
export { DestylerSplitterGroup, type DestylerSplitterGroupProps, DestylerSplitterPanel, type DestylerSplitterPanelProps, DestylerSplitterResizeHandle, type DestylerSplitterResizeHandleProps, DestylerSplitterRoot, type DestylerSplitterRootProps };
|
|
1
|
+
export { SplitterGroup, SplitterGroupProps, SplitterPanel, SplitterPanelProps, SplitterResizeHandle, SplitterResizeHandleProps, SplitterRoot, SplitterRootProps, splitterGroupProps, splitterPanelProps, splitterResizeHandleProps, splitterRootProps } from './component.js';
|
|
2
|
+
import 'vue';
|
|
3
|
+
import '@destyler/primitive';
|
|
4
|
+
import '@destyler/shared';
|