quasar-ui-danx 0.4.27 → 0.4.29

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.
Files changed (51) hide show
  1. package/README.md +35 -35
  2. package/dist/danx.es.js +24686 -24119
  3. package/dist/danx.es.js.map +1 -1
  4. package/dist/danx.umd.js +109 -109
  5. package/dist/danx.umd.js.map +1 -1
  6. package/dist/style.css +1 -1
  7. package/package.json +1 -1
  8. package/src/components/ActionTable/ActionTable.vue +29 -7
  9. package/src/components/ActionTable/Filters/FilterableField.vue +14 -2
  10. package/src/components/ActionTable/Form/ActionForm.vue +17 -12
  11. package/src/components/ActionTable/Form/Fields/DateField.vue +24 -20
  12. package/src/components/ActionTable/Form/Fields/DateRangeField.vue +57 -53
  13. package/src/components/ActionTable/Form/Fields/EditOnClickTextField.vue +9 -2
  14. package/src/components/ActionTable/Form/Fields/EditableDiv.vue +51 -21
  15. package/src/components/ActionTable/Form/Fields/FieldLabel.vue +1 -1
  16. package/src/components/ActionTable/Form/Fields/SelectField.vue +27 -6
  17. package/src/components/ActionTable/Form/Fields/SelectOrCreateField.vue +56 -0
  18. package/src/components/ActionTable/Form/Fields/TextField.vue +2 -0
  19. package/src/components/ActionTable/Form/Fields/index.ts +1 -0
  20. package/src/components/ActionTable/Form/RenderedForm.vue +7 -20
  21. package/src/components/ActionTable/Form/Utilities/MaxLengthCounter.vue +1 -1
  22. package/src/components/ActionTable/Form/Utilities/SaveStateIndicator.vue +37 -0
  23. package/src/components/ActionTable/Form/Utilities/index.ts +1 -0
  24. package/src/components/ActionTable/Layouts/ActionTableLayout.vue +20 -23
  25. package/src/components/ActionTable/Toolbars/ActionToolbar.vue +44 -36
  26. package/src/components/ActionTable/{listControls.ts → controls.ts} +13 -9
  27. package/src/components/ActionTable/index.ts +1 -1
  28. package/src/components/DragAndDrop/ListItemDraggable.vue +45 -31
  29. package/src/components/DragAndDrop/dragAndDrop.ts +221 -220
  30. package/src/components/DragAndDrop/listDragAndDrop.ts +269 -227
  31. package/src/components/PanelsDrawer/PanelsDrawer.vue +7 -7
  32. package/src/components/PanelsDrawer/PanelsDrawerTabs.vue +3 -3
  33. package/src/components/Utility/Buttons/ShowHideButton.vue +86 -0
  34. package/src/components/Utility/Buttons/index.ts +1 -0
  35. package/src/components/Utility/Dialogs/ActionFormDialog.vue +30 -0
  36. package/src/components/Utility/Dialogs/CreateNewWithNameDialog.vue +26 -0
  37. package/src/components/Utility/Dialogs/RenderedFormDialog.vue +50 -0
  38. package/src/components/Utility/Dialogs/index.ts +3 -0
  39. package/src/helpers/FileUpload.ts +4 -4
  40. package/src/helpers/actions.ts +84 -20
  41. package/src/helpers/files.ts +56 -43
  42. package/src/helpers/formats.ts +23 -20
  43. package/src/helpers/objectStore.ts +24 -12
  44. package/src/types/actions.d.ts +50 -26
  45. package/src/types/controls.d.ts +23 -25
  46. package/src/types/fields.d.ts +1 -0
  47. package/src/types/files.d.ts +2 -2
  48. package/src/types/index.d.ts +5 -0
  49. package/src/types/shared.d.ts +9 -0
  50. package/src/types/tables.d.ts +3 -3
  51. 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
- <ActionTable
18
- label="Danx"
19
- name="danx"
20
- v-model:quasar-pagination="quasarPagination"
21
- v-model:selected-rows="selectedRows"
22
- :columns="columns"
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
- import 'quasar-ui-danx/dist/index.css';
27
- import { ActionTable, useTableColumns, useListControls } from 'quasar-ui-danx';
26
+ import 'quasar-ui-danx/dist/index.css';
27
+ import { ActionTable, useTableColumns, useControls } from 'quasar-ui-danx';
28
28
 
29
- const { columns } = useTableColumns([{ name: 'name', label: 'Name' }, { name: 'age', label: 'Age' }]);
30
- const { quasarPagination, selectedRows } = useListControls({});
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
- // 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
- });
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
- content: [],
127
- theme: {
128
- extend: {
129
- colors
130
- }
131
- },
132
- plugins: []
126
+ content: [],
127
+ theme: {
128
+ extend: {
129
+ colors
130
+ }
131
+ },
132
+ plugins: []
133
133
  }
134
134
  ```
135
135