quasar-ui-danx 0.4.27 → 0.4.29
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +35 -35
- package/dist/danx.es.js +24686 -24119
- package/dist/danx.es.js.map +1 -1
- package/dist/danx.umd.js +109 -109
- package/dist/danx.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/ActionTable/ActionTable.vue +29 -7
- package/src/components/ActionTable/Filters/FilterableField.vue +14 -2
- package/src/components/ActionTable/Form/ActionForm.vue +17 -12
- package/src/components/ActionTable/Form/Fields/DateField.vue +24 -20
- package/src/components/ActionTable/Form/Fields/DateRangeField.vue +57 -53
- package/src/components/ActionTable/Form/Fields/EditOnClickTextField.vue +9 -2
- package/src/components/ActionTable/Form/Fields/EditableDiv.vue +51 -21
- package/src/components/ActionTable/Form/Fields/FieldLabel.vue +1 -1
- package/src/components/ActionTable/Form/Fields/SelectField.vue +27 -6
- package/src/components/ActionTable/Form/Fields/SelectOrCreateField.vue +56 -0
- package/src/components/ActionTable/Form/Fields/TextField.vue +2 -0
- package/src/components/ActionTable/Form/Fields/index.ts +1 -0
- package/src/components/ActionTable/Form/RenderedForm.vue +7 -20
- package/src/components/ActionTable/Form/Utilities/MaxLengthCounter.vue +1 -1
- package/src/components/ActionTable/Form/Utilities/SaveStateIndicator.vue +37 -0
- package/src/components/ActionTable/Form/Utilities/index.ts +1 -0
- package/src/components/ActionTable/Layouts/ActionTableLayout.vue +20 -23
- package/src/components/ActionTable/Toolbars/ActionToolbar.vue +44 -36
- package/src/components/ActionTable/{listControls.ts → controls.ts} +13 -9
- package/src/components/ActionTable/index.ts +1 -1
- package/src/components/DragAndDrop/ListItemDraggable.vue +45 -31
- package/src/components/DragAndDrop/dragAndDrop.ts +221 -220
- package/src/components/DragAndDrop/listDragAndDrop.ts +269 -227
- package/src/components/PanelsDrawer/PanelsDrawer.vue +7 -7
- package/src/components/PanelsDrawer/PanelsDrawerTabs.vue +3 -3
- package/src/components/Utility/Buttons/ShowHideButton.vue +86 -0
- package/src/components/Utility/Buttons/index.ts +1 -0
- package/src/components/Utility/Dialogs/ActionFormDialog.vue +30 -0
- package/src/components/Utility/Dialogs/CreateNewWithNameDialog.vue +26 -0
- package/src/components/Utility/Dialogs/RenderedFormDialog.vue +50 -0
- package/src/components/Utility/Dialogs/index.ts +3 -0
- package/src/helpers/FileUpload.ts +4 -4
- package/src/helpers/actions.ts +84 -20
- package/src/helpers/files.ts +56 -43
- package/src/helpers/formats.ts +23 -20
- package/src/helpers/objectStore.ts +24 -12
- package/src/types/actions.d.ts +50 -26
- package/src/types/controls.d.ts +23 -25
- package/src/types/fields.d.ts +1 -0
- package/src/types/files.d.ts +2 -2
- package/src/types/index.d.ts +5 -0
- package/src/types/shared.d.ts +9 -0
- package/src/types/tables.d.ts +3 -3
- package/types/vue-shims.d.ts +3 -2
package/README.md
CHANGED
@@ -14,20 +14,20 @@
|
|
14
14
|
```vue
|
15
15
|
|
16
16
|
<template>
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
17
|
+
<ActionTable
|
18
|
+
label="Danx"
|
19
|
+
name="danx"
|
20
|
+
v-model:quasar-pagination="quasarPagination"
|
21
|
+
v-model:selected-rows="selectedRows"
|
22
|
+
:columns="columns"
|
23
|
+
/>
|
24
24
|
</template>
|
25
25
|
<script setup>
|
26
|
-
|
27
|
-
|
26
|
+
import 'quasar-ui-danx/dist/index.css';
|
27
|
+
import { ActionTable, useTableColumns, useControls } from 'quasar-ui-danx';
|
28
28
|
|
29
|
-
|
30
|
-
|
29
|
+
const { columns } = useTableColumns([{ name: 'name', label: 'Name' }, { name: 'age', label: 'Age' }]);
|
30
|
+
const { quasarPagination, selectedRows } = useControls({});
|
31
31
|
</script>
|
32
32
|
```
|
33
33
|
|
@@ -57,23 +57,23 @@ yarn add -D sass vite-svg-loader tailwindcss eslint eslint-plugin-import autopre
|
|
57
57
|
|
58
58
|
```ts
|
59
59
|
export default ({ command }) => {
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
60
|
+
// For development w/ HMR, load the danx library + styles directly from the directory
|
61
|
+
// NOTE: These are the paths relative to the mounted quasar-ui-danx directory inside the mva docker container
|
62
|
+
const danx = (command === "serve" ? {
|
63
|
+
"quasar-ui-danx": resolve(__dirname, "../quasar-ui-danx/ui/src"),
|
64
|
+
"quasar-ui-danx-styles": resolve(__dirname, "../quasar-ui-danx/src/styles/index.scss")
|
65
|
+
} : {
|
66
|
+
// Import from quasar-ui-danx module for production
|
67
|
+
"quasar-ui-danx-styles": "quasar-ui-danx/dist/style.css"
|
68
|
+
});
|
69
|
+
|
70
|
+
return defineConfig({
|
71
|
+
resolve: {
|
72
|
+
alias: {
|
73
|
+
...danx
|
74
|
+
}
|
75
|
+
},
|
76
|
+
});
|
77
77
|
}
|
78
78
|
```
|
79
79
|
|
@@ -123,13 +123,13 @@ npx tailwindcss init -p
|
|
123
123
|
export const colors = {}
|
124
124
|
|
125
125
|
export default {
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
126
|
+
content: [],
|
127
|
+
theme: {
|
128
|
+
extend: {
|
129
|
+
colors
|
130
|
+
}
|
131
|
+
},
|
132
|
+
plugins: []
|
133
133
|
}
|
134
134
|
```
|
135
135
|
|