quasar-ui-danx 0.2.4 → 0.2.6
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 +24 -109
- package/demo/.eslintrc.cjs +15 -0
- package/demo/.prettierrc.json +8 -0
- package/demo/.vscode/extensions.json +7 -0
- package/demo/README.md +45 -0
- package/demo/env.d.ts +5 -0
- package/demo/index.html +13 -0
- package/demo/package.json +42 -0
- package/demo/public/favicon.ico +0 -0
- package/demo/src/App.vue +86 -0
- package/demo/src/assets/base.css +86 -0
- package/demo/src/assets/logo.svg +1 -0
- package/demo/src/assets/main.css +35 -0
- package/demo/src/components/DemoActionTable/demoTableActions.ts +26 -0
- package/demo/src/components/DemoActionTable/demoTableCallbacks.ts +109 -0
- package/demo/src/components/DemoActionTable/demoTableColumns.ts +34 -0
- package/demo/src/components/DemoActionTable/demoTableFilterFields.ts +40 -0
- package/demo/src/components/HelloWorld.vue +41 -0
- package/demo/src/components/TheWelcome.vue +88 -0
- package/demo/src/components/WelcomeItem.vue +87 -0
- package/demo/src/components/__tests__/HelloWorld.spec.ts +11 -0
- package/demo/src/components/icons/IconCommunity.vue +7 -0
- package/demo/src/components/icons/IconDocumentation.vue +7 -0
- package/demo/src/components/icons/IconEcosystem.vue +7 -0
- package/demo/src/components/icons/IconSupport.vue +7 -0
- package/demo/src/components/icons/IconTooling.vue +19 -0
- package/demo/src/main.ts +11 -0
- package/demo/src/router/index.ts +28 -0
- package/demo/src/views/AboutView.vue +15 -0
- package/demo/src/views/DemoView.vue +17 -0
- package/demo/src/views/HomeView.vue +9 -0
- package/demo/tsconfig.app.json +14 -0
- package/demo/tsconfig.json +19 -0
- package/demo/tsconfig.node.json +19 -0
- package/demo/tsconfig.vitest.json +11 -0
- package/demo/vite.config.ts +18 -0
- package/demo/vitest.config.ts +14 -0
- package/dist/components/ActionTable/Columns/index.d.ts +4 -0
- package/dist/components/ActionTable/Filters/index.d.ts +6 -0
- package/dist/components/ActionTable/Form/Fields/index.d.ts +24 -0
- package/dist/components/ActionTable/Form/index.d.ts +2 -0
- package/dist/components/ActionTable/Layouts/ActionTableLayout.vue.d.ts +12 -0
- package/dist/components/ActionTable/Layouts/index.d.ts +1 -0
- package/dist/components/ActionTable/index.d.ts +12 -0
- package/dist/components/ActionTable/listControls.d.ts +50 -0
- package/dist/components/ActionTable/listHelpers.d.ts +12 -0
- package/dist/components/ActionTable/tableColumns.d.ts +8 -0
- package/dist/components/AuditHistory/index.d.ts +2 -0
- package/dist/components/DragAndDrop/dragAndDrop.d.ts +111 -0
- package/dist/components/DragAndDrop/index.d.ts +4 -0
- package/dist/components/DragAndDrop/listDragAndDrop.d.ts +74 -0
- package/dist/components/PanelsDrawer/index.d.ts +3 -0
- package/dist/components/Utility/Buttons/index.d.ts +2 -0
- package/dist/components/Utility/Controls/index.d.ts +1 -0
- package/dist/components/Utility/Dialogs/index.d.ts +5 -0
- package/dist/components/Utility/Files/index.d.ts +2 -0
- package/dist/components/Utility/Formats/index.d.ts +5 -0
- package/dist/components/Utility/Layouts/index.d.ts +2 -0
- package/dist/components/Utility/Popovers/index.d.ts +2 -0
- package/dist/components/Utility/Tabs/index.d.ts +2 -0
- package/dist/components/Utility/Tools/index.d.ts +3 -0
- package/dist/components/Utility/Transitions/index.d.ts +3 -0
- package/dist/components/Utility/index.d.ts +10 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/config/index.d.ts +8 -0
- package/dist/danx.es.js +6 -6
- package/dist/danx.umd.js +2 -2
- package/dist/helpers/FileUpload.d.ts +107 -0
- package/dist/helpers/FlashMessages.d.ts +24 -0
- package/dist/helpers/actions.d.ts +58 -0
- package/dist/helpers/array.d.ts +16 -0
- package/dist/helpers/compatibility.d.ts +8 -0
- package/dist/helpers/date.d.ts +1 -0
- package/dist/helpers/download.d.ts +1 -0
- package/dist/helpers/downloadPdf.d.ts +24 -0
- package/dist/helpers/files.d.ts +1 -0
- package/dist/helpers/formats.d.ts +112 -0
- package/dist/helpers/http.d.ts +23 -0
- package/dist/helpers/index.d.ts +15 -0
- package/dist/helpers/multiFileUpload.d.ts +11 -0
- package/dist/helpers/singleFileUpload.d.ts +11 -0
- package/dist/helpers/storage.d.ts +2 -0
- package/dist/helpers/utils.d.ts +46 -0
- package/dist/svg/index.d.ts +12 -0
- package/dist/vendor/tinymce-config.d.ts +1 -0
- package/package.json +6 -5
- package/src/helpers/FileUpload.ts +16 -7
- package/tsconfig.json +24 -13
- package/vite.config.js +7 -1
@@ -0,0 +1,8 @@
|
|
1
|
+
export declare function useTableColumns(name: any, columns: any): {
|
2
|
+
sortableColumns: import('vue').WritableComputedRef<any[]>;
|
3
|
+
lockedColumns: import('vue').ComputedRef<any[]>;
|
4
|
+
visibleColumns: import('vue').ComputedRef<any[]>;
|
5
|
+
hiddenColumnNames: import('vue').Ref<any>;
|
6
|
+
titleColumnNames: import('vue').Ref<any>;
|
7
|
+
orderedTitleColumns: import('vue').ComputedRef<any[]>;
|
8
|
+
};
|
@@ -0,0 +1,111 @@
|
|
1
|
+
/**
|
2
|
+
* Drag and Drop basic functionality for dragging elements and firing events on drag start, drag over and drag end
|
3
|
+
*/
|
4
|
+
export declare class DragAndDrop {
|
5
|
+
options: {
|
6
|
+
direction?: string;
|
7
|
+
hideDragImage?: boolean;
|
8
|
+
showPlaceholder?: boolean;
|
9
|
+
};
|
10
|
+
startY: number;
|
11
|
+
startX: number;
|
12
|
+
startSize: number;
|
13
|
+
cursorY: number;
|
14
|
+
cursorX: number;
|
15
|
+
onStartCb: null;
|
16
|
+
onEndCb: null;
|
17
|
+
onDropCb: null;
|
18
|
+
onDraggingCb: null;
|
19
|
+
dropZoneResolver: null;
|
20
|
+
currentDropZone: null;
|
21
|
+
draggableData: null;
|
22
|
+
abortController: null;
|
23
|
+
constructor(options?: {});
|
24
|
+
/**
|
25
|
+
* Set the options for the drag and drop instance
|
26
|
+
* @param options
|
27
|
+
* @returns {DragAndDrop}
|
28
|
+
*/
|
29
|
+
setOptions(options?: {}): this;
|
30
|
+
/**
|
31
|
+
* Returns if the list is stacked vertically or horizontally
|
32
|
+
* @returns {boolean}
|
33
|
+
*/
|
34
|
+
isVertical(): boolean;
|
35
|
+
/**
|
36
|
+
* Set the target drop zone for draggable elements
|
37
|
+
* @param dropZone
|
38
|
+
* @returns {DragAndDrop}
|
39
|
+
*/
|
40
|
+
setDropZone(dropZone: any): this;
|
41
|
+
/**
|
42
|
+
* Callback that fires when an element has started dragging
|
43
|
+
* @param cb
|
44
|
+
* @returns {DragAndDrop}
|
45
|
+
*/
|
46
|
+
onStart(cb: any): this;
|
47
|
+
/**
|
48
|
+
* Callback that fires when an element has stopped dragging
|
49
|
+
* @param cb
|
50
|
+
* @returns {DragAndDrop}
|
51
|
+
*/
|
52
|
+
onEnd(cb: any): this;
|
53
|
+
/**
|
54
|
+
* Callback that fires when the dragging element is moved
|
55
|
+
* @param cb
|
56
|
+
* @returns {DragAndDrop}
|
57
|
+
*/
|
58
|
+
onDragging(cb: any): this;
|
59
|
+
/**
|
60
|
+
* Callback that fires when the dragging element has been dropped
|
61
|
+
* @param cb
|
62
|
+
* @returns {DragAndDrop}
|
63
|
+
*/
|
64
|
+
onDrop(cb: any): this;
|
65
|
+
/**
|
66
|
+
* Start listening for drag events and prepare an element for drag/drop
|
67
|
+
* @param e
|
68
|
+
* @param data
|
69
|
+
*/
|
70
|
+
dragStart(e: any, data: any): void;
|
71
|
+
/**
|
72
|
+
* Clean up event listeners after dragging is done
|
73
|
+
*/
|
74
|
+
dragEnd(e: any): void;
|
75
|
+
/**
|
76
|
+
* The dragging element has entered a new target
|
77
|
+
* @param e
|
78
|
+
*/
|
79
|
+
dragEnter(e: any): void;
|
80
|
+
/**
|
81
|
+
* The dragging element is moving
|
82
|
+
* @param e
|
83
|
+
*/
|
84
|
+
dragOver(e: any): void;
|
85
|
+
/**
|
86
|
+
* Handle dropping the element into its correct position
|
87
|
+
* @param e
|
88
|
+
*/
|
89
|
+
drop(e: any): void;
|
90
|
+
/**
|
91
|
+
* Returns the drop zone if the current target element is or is inside the drop zone
|
92
|
+
* @param e
|
93
|
+
* @returns {HTMLElement|null}
|
94
|
+
*/
|
95
|
+
getDropZone(e: any): any;
|
96
|
+
/**
|
97
|
+
* Returns the distance between the start and current cursor position
|
98
|
+
* @returns {number}
|
99
|
+
*/
|
100
|
+
getDistance(): number;
|
101
|
+
/**
|
102
|
+
* Returns the size of the drop zone
|
103
|
+
*/
|
104
|
+
getDropZoneSize(): any;
|
105
|
+
/**
|
106
|
+
* Returns the percent change between the start and current cursor position relative to the drop zone size
|
107
|
+
*
|
108
|
+
* @returns {number}
|
109
|
+
*/
|
110
|
+
getPercentChange(): number;
|
111
|
+
}
|
@@ -0,0 +1,74 @@
|
|
1
|
+
import { DragAndDrop } from './dragAndDrop';
|
2
|
+
|
3
|
+
/**
|
4
|
+
* ListDragAndDrop supports dragging elements in a list to new positions in the same list.
|
5
|
+
* A placeholder is rendered to show the position the list item will be dropped.
|
6
|
+
*
|
7
|
+
* @class
|
8
|
+
*/
|
9
|
+
export declare class ListDragAndDrop extends DragAndDrop {
|
10
|
+
listPosition: number;
|
11
|
+
cursorPosition: number;
|
12
|
+
initialPosition: number;
|
13
|
+
onPositionChangeCb: null;
|
14
|
+
onDragPositionChangeCb: null;
|
15
|
+
placeholder: null;
|
16
|
+
constructor(options?: {});
|
17
|
+
/**
|
18
|
+
* Callback that fires after dragging has ended and the list position has changed from the original
|
19
|
+
* @param cb
|
20
|
+
* @returns {ListDragAndDrop}
|
21
|
+
*/
|
22
|
+
onPositionChange(cb: any): this;
|
23
|
+
/**
|
24
|
+
* Callback that fires while dragging the element when the cursor's position has changed in the list
|
25
|
+
* @param cb
|
26
|
+
* @returns {ListDragAndDrop}
|
27
|
+
*/
|
28
|
+
onDragPositionChange(cb: any): this;
|
29
|
+
/**
|
30
|
+
* Start listening for drag events and prepare an element for drag/drop
|
31
|
+
* @param e
|
32
|
+
* @param data
|
33
|
+
*/
|
34
|
+
dragStart(e: any, data: any): void;
|
35
|
+
/**
|
36
|
+
* When dragging has ended, check for list position changes and fire the onPositionChange callback if it has
|
37
|
+
*/
|
38
|
+
dragEnd(e: any): void;
|
39
|
+
/**
|
40
|
+
* The dragging element is moving
|
41
|
+
* @param e
|
42
|
+
*/
|
43
|
+
dragOver(e: any): void;
|
44
|
+
/**
|
45
|
+
* Notify if the targeted position of the cursor is different from the current position
|
46
|
+
* @param e
|
47
|
+
*/
|
48
|
+
updateListPosition(e: any): void;
|
49
|
+
/**
|
50
|
+
* Find the numeric position of the element in the children of the list
|
51
|
+
* @returns {Number|null}
|
52
|
+
* @param item
|
53
|
+
*/
|
54
|
+
getListPosition(item: any): number | null;
|
55
|
+
/**
|
56
|
+
* Get all the children of the current drop zone, excluding the placeholder
|
57
|
+
* @returns {*}
|
58
|
+
*/
|
59
|
+
getChildren(): any[];
|
60
|
+
/**
|
61
|
+
* Find the element at the current cursor position in the given drop zone
|
62
|
+
* @param point
|
63
|
+
* @returns {null}
|
64
|
+
*/
|
65
|
+
getListPositionOfPoint(point: any): number;
|
66
|
+
/**
|
67
|
+
* Updates the scroll position while dragging an element so a user can navigate a longer list while dragging
|
68
|
+
*/
|
69
|
+
updateScrollPosition(): void;
|
70
|
+
/**
|
71
|
+
* Render a placeholder element at the given position (in between the elements)
|
72
|
+
*/
|
73
|
+
renderPlaceholder(): void;
|
74
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default as PreviousNextControls } from './PreviousNextControls.vue';
|
@@ -0,0 +1,5 @@
|
|
1
|
+
export { default as ConfirmDialog } from './ConfirmDialog.vue';
|
2
|
+
export { default as FullScreenCarouselDialog } from './FullscreenCarouselDialog.vue';
|
3
|
+
export { default as FullScreenDialog } from './FullScreenDialog.vue';
|
4
|
+
export { default as InfoDialog } from './InfoDialog.vue';
|
5
|
+
export { default as InputDialog } from './InputDialog.vue';
|
@@ -0,0 +1,5 @@
|
|
1
|
+
export { default as AddressFormat } from './AddressFormat.vue';
|
2
|
+
export { default as FlatListFormat } from './FlatListFormat.vue';
|
3
|
+
export { default as GpsCoordinatesFormat } from './GpsCoordinatesFormat.vue';
|
4
|
+
export { default as IconWithTextFormat } from './IconWithTextFormat.vue';
|
5
|
+
export { default as LabelValueFormat } from './LabelValueFormat.vue';
|
@@ -0,0 +1,10 @@
|
|
1
|
+
export * from './Buttons';
|
2
|
+
export * from './Controls';
|
3
|
+
export * from './Dialogs';
|
4
|
+
export * from './Files';
|
5
|
+
export * from './Formats';
|
6
|
+
export * from './Layouts';
|
7
|
+
export * from './Popovers';
|
8
|
+
export * from './Tabs';
|
9
|
+
export * from './Tools';
|
10
|
+
export * from './Transitions';
|
package/dist/danx.es.js
CHANGED
@@ -9448,17 +9448,16 @@ async function Wy(t, e = null) {
|
|
9448
9448
|
}
|
9449
9449
|
}
|
9450
9450
|
class so {
|
9451
|
-
constructor(e, n =
|
9451
|
+
constructor(e, n = {}) {
|
9452
9452
|
te(this, "files", []);
|
9453
9453
|
te(this, "fileUploads", []);
|
9454
9454
|
te(this, "onErrorCb", null);
|
9455
9455
|
te(this, "onProgressCb", null);
|
9456
9456
|
te(this, "onCompleteCb", null);
|
9457
9457
|
te(this, "onAllCompleteCb", null);
|
9458
|
-
te(this, "options",
|
9458
|
+
te(this, "options", {});
|
9459
9459
|
if (!Array.isArray(e) && !(e instanceof FileList) && (e = [e]), this.files = e, this.fileUploads = [], this.onErrorCb = null, this.onProgressCb = null, this.onCompleteCb = null, this.onAllCompleteCb = null, this.options = {
|
9460
9460
|
...ss.fileUpload,
|
9461
|
-
...this.options,
|
9462
9461
|
...n
|
9463
9462
|
}, !this.options.presignedUploadUrl)
|
9464
9463
|
throw new Error("Please configure the danxOptions: import { configure } from 'quasar-ui-danx';");
|
@@ -17331,8 +17330,8 @@ const _S = {
|
|
17331
17330
|
});
|
17332
17331
|
};
|
17333
17332
|
}
|
17334
|
-
}, JS = "quasar-ui-danx", QS = "0.2.
|
17335
|
-
dev: "
|
17333
|
+
}, JS = "quasar-ui-danx", QS = "0.2.5", eT = "Dan <dan@flytedesk.com>", tT = "DanX Vue / Quasar component library", nT = "MIT", rT = "module", iT = "dist/danx.es.js", sT = "dist/danx.es.js", oT = {
|
17334
|
+
dev: "cd dev && quasar dev && cd ..",
|
17336
17335
|
build: "vite build",
|
17337
17336
|
preview: "vite preview"
|
17338
17337
|
}, aT = {
|
@@ -17354,8 +17353,9 @@ const _S = {
|
|
17354
17353
|
"ts-node": "^10.9.2",
|
17355
17354
|
typescript: "^5.4.4",
|
17356
17355
|
vite: "^5.2.8",
|
17356
|
+
"vite-plugin-dts": "^3.8.1",
|
17357
17357
|
"vite-svg-loader": "^5.1.0",
|
17358
|
-
vue: "^3.
|
17358
|
+
vue: "^3.4.21",
|
17359
17359
|
"vue-router": "^4.0.0"
|
17360
17360
|
}, uT = {
|
17361
17361
|
"@heroicons/vue": "v1",
|